/* NUR TABLET & MOBILE */
.visible-device {display:none;}
/* NUR DESKTOP */
.visible-desktop {display:block;}
   
/* DIV, ELEMENTE, MODULE ANIMIEREN */
/*#master, .item, .pages, h1, h2, h3 {
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
	transition: all 1s ease;}*/

/*#region MEDIA-QUERIES */

/*IPHONE*/
@media (max-width: 767px) {
.visible-desktop, #mainnav, #subnav, #global-header {display:none;}
.visible-device {display:block;}

    body, input, textarea, select, table, td, .crow {
        font-size:16px; 
        line-height:24px;
    }
    #master { width:100%; box-shadow:none; margin:0 auto; left:0; }
    .frm-inner {padding:7%;}
    #master, #inner {border:0px;}

    h1 {font-size:30px; line-height:32px;margin-bottom:25px; }
    h2 {font-size:24px; line-height:28px;margin:25px 0;}
    .lnkLineBig {font-size:18px;line-height:24px;}
    .mods img {width:100%;}

    #footer .right {margin-bottom:20px; padding:0; }
    /*#region Title / Logo */
        
        #header {position:relative; width:100%; min-height:250px!important; background:#f0f5f7;}
        #header .frm-inner {padding:0; text-align:center; background-color:#fff;}

        #logo { display:inline-block; 
                float:none; 
                position:relative; 
                margin:0 auto; 
                padding:15px; 
                background:#fff;
                width:160px;
        }
        .fb {position:absolute;top:20px; right:20px;}

        #title, #map_canvas {position:absolute!important; top:80px; z-index:1;}
        #title_images img {min-width:485px;}
        #map_canvas {height:320px; }



        #frm-drp {margin-top:200px;}
    /*#endregion */
    
    /*#region Content*/
        #content { }

        #content .left, #content .right {width:100%; margin:0px; }


        /*#content .left, 
        #content .right {float:none;width:100%; padding:0%; margin:0%;}*/
    /*#endregion*/

    /* #region Cols */
        .crow {margin-bottom:0px!important;}
        .two .c {width:100%;margin-bottom:25px;}
        .three .c {width:100%;}
        .three .c1, .three .c2 {margin-bottom:25px;}
        .four .c, .five .c {width:100%;}
        .four .c2, .four .c4, .five .c2, .five .c4 {margin-right:0px;}
    /*#endregion*/

    /* #region Seiten */
        .list, .box {margin:10px 0 0; width:100%;float:left;}    
        .list .item, .box .item {height:auto!important; margin:0 0 5px; width:100%; }
        .list .item a.lnkImg, 
        .box .item a.lnkImg,
        .list .item .cnt a.notClickable img, 
        .box .item .cnt a.notClickable img { display:block; float:none; width:100%;margin-bottom:20px;}
        .list .item .frm-inner, .box .item .frm-inner {width:100%!important; padding:0px;}
    /*#endregion*/

    /*#region Form */

        input, textarea {width:100%;padding:11px 3%!important;display:block;}
        .base .lnkBtn, 
        .base .lnkBtn:hover {display:block;width:90%;padding-left:5%; padding-right:5%; margin:0px;text-align:center;}
        .absolut label.error {left:auto; right:3%; width:auto;}

        form {margin-bottom:0px;}
        form p {width:94%;float:none;}
        form .p1, form .p2 {width:94%;float:none;}
        form .p1 input, form .p2 input {width:100%;}
    
        fieldset, fieldset.right {width:100%;float:left!important;}
        fieldset .left, fieldset .right {width:90%!important;float:none!important;}
        fieldset .left input, fieldset .right input {width:100%;}

        fieldset .radio1 {width:100%; }
        fieldset .radio2 {width:00%; }

        form p {padding-right:0px!important;}
        form .plz { width:100%!important;}
        form .ort { width:100%!important; }
        form .abfahrt { width:100%!important; }
        form .rueckfahrt { width:100%!important; }
        form #uploader {display:none;}

    /*#endregion*/

    /*#region Footer*/
        #footer { text-align:center; border:0px; }
        #footer .frm-inner {border-top:0px; padding:0;}
        #footer ul {border-top:solid 1px #e8e8e8;margin-bottom:20px!important;}
        #footer ul li {border-bottom:solid 1px #e8e8e8;display:block; float:none;margin:0;}
        #footer ul li a {display:block; padding:6px 0;}
    /*#endregion*/
        textarea {margin-bottom:39px;}

    #next,#prev, .fb {display:none!important;}

    .left, .right {float:none!important; width:100%;}

#header .frm-inner, #footer .frm-inner { width:100%!important; }
#content .frm-inner { width:85.5%; padding:8% 0;}
.frm-inner {padding: 7%;}
}

/*Tablet @media3*/
@media (min-width: 768px) and (max-width: 977px) {
.visible-desktop,
#mainnav, #subnav, #subsubnav {display:none;}
.visible-device {display:none;}
.visible-tablet {display:block;}



    #master { width:100%!important;margin:0 auto!important; left:0; position:relative;}
    #master, #inner {border:0px;}
    /*.frm-inner {padding:7%;}*/

    /*#region Header*/
            
        #header {position:relative;  width:100%; min-height:450px!important; background:#f0f5f7;}
        #header .frm-inner {padding:0; text-align:center; background-color:#fff;}

        #logo { 
                display:inline-block; 
                float:none; 
                position:relative; 
                margin:10px auto; 
                padding:20px; 
                background:#fff; }
        .fb {position:absolute;top:20px; right:20px;}

        #title, #map_canvas {position:absolute!important; top:130px; z-index:1; }
                #map_canvas {height:420px; }

        #frm-drp {margin-top:300px;}

        .crow .c {width:100%;}
        .crow .c2 {margin-top:35px;}

        textarea {width:95%;}
    /*#endregion*/


    /*#region Content*/
        #header .frm-inner, #footer .frm-inner { width:100%!important; }
        #content .frm-inner { width:85.5%; }
        .frm-inner {padding: 7%;}

        #content .left, #content .right {float:none!important; width:100%!important;}
        
        .list, .box { margin-top:15px;}    
        .list .item .frm-inner, 
        .box .item .frm-inner { padding:0px;}

    /*#endregion*/


    fieldset.right {float:left;width:100%;}


}
/*Tablet @media4*/
@media (min-width: 978px) and (max-width: 1200px) {

    #mainnav li a  {margin: 0 8px;}
        #mainnav li.first > a { margin: 0 8px 0 0;}
        #mainnav li.last > a { margin: 0 0 0 8px;
        }
body {overflow-y:scroll;}
.visible-device {display:none;}
.pages .item {height:auto!important;margin-bottom:35px;}
.frm-inner {padding:40px 80px;}

#footer .frm-inner {padding-bottom:30px;}
#subnav .frm-inner, #content .frm-inner, #header .frm-inner { width:80%!important;}
    #content .list .item .frm-inner, #content .box .item .frm-inner {width:100%!important;padding:0px!important;}
#subnav .links li {margin-right:17px; font-size:16px;}

#next, #prev{width:49.5%; height:85%; }

}

/*PC Normal*/
@media (min-width: 1200px) {
            #map_canvas {height:620px;  }

body {overflow-y:scroll;}
.visible-device {display:none;}
/*#mainnav ul{display:block!important;}*/
/*#mainnav ul ul, #mainnav ul ul ul {display:none!important;}*/
}

/*#endregion MEDIA-QUERIES */

/*#region Raster-Hilfe */
/*#raster { display:none;background:url(/frontend/images/raster.png) no-repeat center 0;width:1180px;height:650px; position:absolute; top:180px; left:50%; margin-left:-590px; z-index:50;}*/
/*#endregion Raster */