/* NUR TABLET & MOBILE */
.visible-device {display:none;}
/* NUR DESKTOP */
.visible-desktop {display:block;}
   
/* DIV, ELEMENTE, MODULE ANIMIEREN */
/*#mater, .container, .header, .pages .page-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 */

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
#logo img {display:none!important;} 
#logo {
    width:200px!important; 
    height:66px!important; 
    background:url(/frontend/images/logo-mobile.png) no-repeat!important; 
    background-size:200px!important;

}
}

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

    #header, #content, #footer, #mainnav ul { width:100%!important; box-shadow:none;}

    #logo, #logo img { text-align:center; float:none; display:inline; }
    #logo {position:absolute;top:10px; left:50%; margin-left:-105px; width:200px; height:auto;}

    #title_images img {min-width:500px!important;}
    #title.small img, #title.small #title_images img {min-width:1400px!important;}

    body {font-size:15px; line-height:21px;}
    h1 {font-size:26px; line-height:28px; margin:10px 0 30px;}
    h2 {font-size:20px; line-height:24px;}

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

        #content {width:86%!important;padding:7% 7%;}
    /*#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 */
    .pages  {width:100%!important; margin:0px!important;}
    .pages .item, .start .box .item {height:auto!important;width:100%; margin:0!important;}
    .start .box .item  {margin-bottom:0px!important;}

    .sub .box {width:104%!important; margin:0 -2%!important;}
    .sub .box .item {height:auto!important;width:46%!important; margin:0 2%!important;}

    /*#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:40px;}
        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*/

    .zweispaltig .thumbnails a {width:32.25%!important;}
    #fancy {width:89px!important; height:90px; margin-right:-1px!important; background-size:100%;}

    /*#region Footer*/
        #footer {height:auto;}
        #footer {padding:7%!important;width:86%!important; text-align:center;}
        #footer .c {padding-top:0px!important;height:auto!important;}
        #footer .c4 {display:none;}
        #footer .left, #footer .right {float:left;width:100%;}
        #footer ul {float:left;width:100%;border-top:solid 1px #e8e8e8;margin-bottom:20px!important;}
        #footer ul li {float:none;margin:0;display:block; width:100%; border-bottom:solid 1px #e8e8e8;}
        #footer ul li a {display:block;padding:8px 0;}
    /*#endregion*/

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

    #map_canvas {display:none!important;}
    #title_canvas {height:90px;background:#666;}

    .route .inpRoute {margin-right:0px;width:92.5%;}
    .lnkBtn {float:none;clear:both;}

    /*#region Grid*/

        .filters {width:100%!important;margin:0 0 20px;}
        .filter {width:100%; margin:0 0 15px;}
        .filter ul {width:99.4%!important;}

        .results .list .c {margin-bottom:25px;}
        .results .list .c5, .results .list strong.price {margin-bottom:0px; text-align:left;}

        .results .list .item .crow {margin-bottom:0px;}
        .results .list .four .c {width:100%;}
        .results .list .four .c4 {float:left;text-align:left;}

        .topnav {position:relative;margin:0 0 25px 0;top:0px; right:auto;}
        .topnav a {width:80%!important;border-radius:0; height:32px; padding:9px 3% 0px!important;float:none; margin:0 0 10px 7%; background-image:none!important;}
        .topnav a span {display:block!important;color:#fff!important;}
        .add {width:100%;padding:2px 0 0;}

    /*#endregion*/

}

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

    /*#region Header*/
    #header, #content, #footer, #mainnav ul{ width:100%!important;}

    #header {position:relative!important;box-shadow:none;}
    #header {text-align:center; height:auto;background:#fff!important;}
    #header .frm-inner {padding:50px 0 0px;height:auto;}
    #logo, #logo img { text-align:center; float:none; display:inline;}
    #logo {position:absolute;top:30px; left:50%; margin-left:-143px; width:287px; height:95px;}
    /*#endregion*/

    /*#region Content*/
        .zweispaltig .left, 
        .zweispaltig .right {float:none;width:100%; padding:0%; margin:0%;}
        #content {width:86%!important;padding:7% 7%;}
    /*#endregion*/
    #title.small img, #title.small #title_images img {min-width:1400px!important;}

    /*#region Seiten*/
    .pages .item, .start .box .item  {height:auto!important;width:47.3%;margin-bottom:10px;}
    .pages .item .frm-inner, 
    .page-content .frm-inner {height:auto!important; padding-left:0px!important;padding-right:0px!important;display:block!important;}

    .shortlist .item {width:100%;}

    .sub .box .item {width:22.33%;}
    .start .box .item {height:320px!important;}

    /*#endregion */

    .zweispaltig .thumbnails a {width:18.95%!important;}

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

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

    /*#region Footer*/
    #footer {width:86%!important;padding-left:7%;padding-right:7%;}
    #footer .crow {margin-bottom:25px;}
    #footer .c {width:47%;margin-bottom:0px!important;height:auto;}
    /*#endregion*/

    /*#region Grid */

        .results .list .item .crow {margin-bottom:0px;}
        .results .list .four .c {width:47%; margin-bottom:24px;}
        .results .list .four .c1 {margin-right:3%;}
        .results .list .four .c2 {margin-bottom:0px;}
        .results .list .four .c4 {float:left;text-align:left;margin-bottom:0px;}
        .results .list .four .c4 strong {text-align:left;}

        .add {width:100%;padding:2px 0 0;}

        .filter {width:30.68%;margin-bottom:20px;}
        .filter ul {width:99%;}


    /*#endregion*/

    #fancy {width:18.95%!important; margin-right:-1px!important;height:auto; background-size:100%;}
        
    .form {margin-bottom:30px;}
        .four .c4 {float:left; }
        #footer .left {width:100%;float:left;}
        #footer .right {width:100%;float:left;padding-bottom:25px;}
        #footer {height:auto;}
}

@media (min-width: 978px) and (max-width: 1214px) {
body {overflow-y:scroll;}
.visible-device {display:none;}
#header, #content, #footer, #mainnav ul { width:920px!important;}

#mainnav ul li a{ font-size:12px; padding-left:8px; padding-right:8px;}
#mainnav .dropdown {padding-bottom:10px;}
#mainnav .dropdown a {padding-left:8px; padding-right:8px;}

#title.small img, #title.small #title_images img {min-width:1400px!important;}

.pages .item {height:250px!important;margin-bottom:10px;}
.pages.shortlist .item {height:auto!important;}
.sub .box .item {width:17.3%;}
.start .box {margin-top:-1px!important;}

#logo {margin-left:-460px;}
#next {right:30px;}
#prev {left:30px;}
#fancy {width:71px!important; margin-right:-1px!important;height:71px; background-size:71px 71px;}

.filter {width:168px;margin-right:9px;}
.filter ul {width:99%;top:97%;}

#footer .left {width:65%;}

}

@media (min-width: 1215px) {
body {overflow-y:scroll;}
.visible-device {display:none;}

#title.small img, #title.small #title_images img {min-width:1400px!important;}
/*#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 */