/** ---------------------------------------------------- GENERAL ---------------------------------------------- **/
body {font-family:"jost", sans-serif; font-size: 18px;color:#181818;font-weight:300;line-height:1.5;}
div#mainheader.mainnavigation.affix-top .logo-text a span {font-family: Marcellus, serif; font-size:30px; font-weight:400;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:2px;}
div#mainheader.mainnavigation.affix .logo-text a span {font-family: Marcellus, serif; font-size:30px; font-weight:400;text-transform:uppercase;letter-spacing:2px;color:#333;}
div#mainheadercontent.mainnavigation.affix-top .logo-text a span {font-family: Marcellus, serif;font-size: 30px;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;color: #333;}
div#mainheadercontent.mainnavigation.affix .logo-text a span {font-family: Marcellus, serif;font-size: 30px;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;color: #333;}
div#divider {height: 1px;background: rgba(255, 255, 255, 0.2);}
iframe {width:100%;border:none!important;background-color: #eff9f9!important;}
img.responseframe {max-width:100%;height:auto;width:100%;}
.t3-header {padding-bottom:0px;}
div#mainheader.mainnavigation.affix-top .logo-text a span:after {}
div#mainheader.mainnavigation.affix .logo-text a span:after {}
div#mainheadercontent.mainnavigation.affix-top .logo-text a span:after {}
div#mainheadercontent.mainnavigation.affix .logo-text a span:after {}
h3.prelaw {font-family: Red Hat Text, sans-serif !important;font-weight: 400;color: #32b8b8;font-size: 16px;text-transform: uppercase;letter-spacing: 2px;}
h1.law {font-family: Marcellus, serif !important;color: #000;font-size: 24px;margin-top: 0px;margin-bottom: 20px;}
.t3-off-canvas .t3-off-canvas-body {background: #eff9f9;}
.t3-off-canvas .t3-off-canvas-body a {color: #4e6663;text-decoration: none;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #2d4c52;}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: none;background-color: #2d4c52;color: #fff !important;}

/** ---------------------------------------------------- HEADER ---------------------------------------------- **/
div#mainheader.mainnavigation.affix-top {position: absolute;width: 100%;border-left: 0;border-right: 0;margin-bottom: 0;border-radius: 0;left: 0;right: 0;top: 0px;z-index: 999;background: linear-gradient(180deg, rgba(0, 0, 0, 1.0) 0%, rgba(0, 0, 0, 0) 100%);
padding: 50px 0px 200px 0px;}
div#mainheader.mainnavigation.affix {width:100%;border-left: 0;border-right: 0;margin-bottom: 0;border-radius: 0;left: 0;right: 0;top: 0;z-index: 999;background:#FFFFFF;transition: 0s;-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.055);box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.055);padding-top:0px;}
div#mainheader.mainnavigation.affix .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #32b8b8; background: none;}
div#mainheader.mainnavigation.affix .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #4aaeee;background-color: transparent;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
div#mainheadercontent.mainnavigation.affix-top {position: relative;width: 100%!important;border-left: 0;border-right: 0;margin-bottom: 0;border-radius: 0;left: 0;right: 0;top: 0px;z-index: 999;background: rgba(255,255,255,1.0);padding: 10px 0px 0px 0px;-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.055);box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.055);padding-top:0px;}
div#mainheadercontent.mainnavigation.affix {width:100%!important;border-left: 0;border-right: 0;margin-bottom: 0;border-radius: 0;left: 0;right: 0;top: 0;z-index: 999;background:#FFFFFF;transition: 0s;-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.055);box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.055);padding-top:0px;}
div#mainheadercontent.mainnavigation.affix .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #4aaeee;background-color: transparent;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}


/** ---------------------------------------------------- NAVIGATION ------------------------------------------ **/
.navbar-default {background:transparent!important;border:none!important;}
div.container.navigation {width:auto;float:right;}
.navbar-nav > li > a {padding-top: 5px;padding-bottom: 15px;}
div#mainheader.mainnavigation.affix-top .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #32b8b8;background-color: transparent;}
div#mainheader.mainnavigation.affix-top .navbar-default .navbar-nav > li > a {color: rgba(255, 255, 255, 0.8);font-weight:400;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #32b8b8!important;}
div#mainheadercontent.mainnavigation.affix-top .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#32b8b8!important;background-color: transparent!important;}
div#mainheadercontent.mainnavigation.affix .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:#32b8b8!important;background-color: transparent!important;}
.nav > li > a {position: relative;display: block;padding: 10px 12px;}
.navbar-default .navbar-nav > li > a {color: #707070;font-weight:400;}
span.fa.fa-circle {font-size: 3px;position: relative;vertical-align: middle;margin-right: 3px;padding-bottom: 2px;}

/** ---------------------------------------------------- SLIDER ---------------------------------------------- **/
div.container.t3-sl.t3-sl-1.slider {padding:0px!important;} 

/** ---------------------------------------------------- INDEX 1 --------------------------------------------- **/
div#index {background:#eff9f9;}
div.container.t3-sl.t3-sl-1.index-1 {text-align:center;padding-top:0px!important;padding-bottom:0px!important;}
h3.preheader {font-family: Red Hat Text, sans-serif!important;font-weight:400;color:#32b8b8;font-size:16px;text-transform:uppercase;letter-spacing:2px;}
h1.header {font-family: Marcellus, serif !important;color: #000;font-size: 24px;margin-top: 0px;margin-bottom: 20px;}
h2.header {font-family: Marcellus, serif !important;color: #000;font-size: 16px;margin-top: 5%;margin-bottom: 16px;font-weight: 500;letter-spacing: 1px;}

/*** --------------------------------------------------- MOUNTAINS ---------------------------------------------***/
div#mountain {background-image: url(../images/mountainbiker.jpg)!important;background-position: 50% 1%;max-width: 100%!important;width: 100%!important;height: auto;color:rgba(255,255,255,0.6);}
div.container.t3-sl.t3-sl-1.mountain {padding-top:20px;padding-bottom:0px;max-width:100%!important;}
.parallaxmountain {width: 100%;background-attachment: fixed !important;background-size: cover!important;background: #f8f8f8;background-repeat: no-repeat;background-position: top center;}
div.filtermountain {background:rgba(0,0,0,0.6);padding:10% 0px;max-width:100%!important;}
h1.headermountain {font-family: Marcellus, serif !important;color: #fff;font-size: 24px;margin-top: 0px;margin-bottom: 20px;}

/*** --------------------------------------------------- REGION -----------------------------------------------***/
div#header-region {background-image: url(../images/h_region_3.jpg)!important;background-position: 50% 1%;max-width: 100%!important;width: 100%!important;height: auto;background-repeat:no-repeat;}
div.filterheader {}
div#region {background-image: url(../images/bg-wg.jpg)!important;background-position: 50% 1%;max-width: 100%!important;width: 100%!important;height: auto;}
div.container.t3-sl.t3-sl-1.region {}
.parallaxregion {width: 100%;background-attachment: fixed !important;background-size: cover!important;background: #f8f8f8;background-repeat: no-repeat;background-position: top center;}

/*** --------------------------------------------------- GALERIE -----------------------------------------------***/
div#galerie {background-image: url(../images/bg-wg.jpg)!important;background-position: 50% 1%;max-width: 100%!important;width: 100%!important;height: auto;}
div.container.t3-sl.t3-sl-1.galerie {}
.parallaxgalerie {width: 100%;background-attachment: fixed !important;background-size: cover!important;background: #f8f8f8;background-repeat: no-repeat;background-position: top center;}
.row.galerie1 {background: #f4f4f4;padding-left: 40px;padding-top: 20px;border:1px solid #ddd;margin-top:20px;margin-bottom:20px;}
.row.galerie2 {background: #eff9f9;padding-left: 40px;padding-top: 20px;border:1px solid #ddd;margin-top:20px;margin-bottom:20px;}
.col-lg-12.col-md-12.col-sm-12.col-xs-12.gal1 {}
.col-lg-12.col-md-12.col-sm-12.col-xs-12.gal2 {}

/*** --------------------------------------------------- BOOKING ---------------------------------------------***/
div#booking {background:#eff9f9;border-top:1px solid rgba(31,64,64,0.3);}
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 20px!important;
}

/*** --------------------------------------------------- WOHNUNGEN ---------------------------------------------***/
div.t3-spotlight.t3-spotlight-2.row {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
div.col-lg-6.h.col-md-6.h.col-sm-6.h.col-xs-6.h {background: #f4f4f4;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 48%;padding: 0px;margin: 0px;}
.col-lg-6.h2.col-md-6.h2.col-sm-6.h2.col-xs-6.h2 {background: #f4f4f4;margin: 0px 20px 0px 20px;width: 48%;}
#Mod146.t3-module.module, #Mod147.t3-module.module {margin-bottom:0px!important;}
.block {padding:40px;}
h2.preheader.wohnungen {font-family: redhat, sans-serif !important;color: rgba(108, 108, 108, 1.0);font-size: 16px;text-transform: uppercase;letter-spacing: 1px;padding-bottom:10px;}
h1.zimmer-a:before {content: " 01 ";font-size: 60px;vertical-align: middle;padding-right: 20px;color: rgba(50, 184, 184, 0.2);font-weight: 500;font-family: jost, sans-serif;}
h1.zimmer-a {font-family: Marcellus, serif !important;color:#000;font-size:20px;border-bottom:1px solid rgba(50, 184, 184, 0.4);}
span.info {font-size:14px;}
h1.zimmer-b:before {content: " 02 ";font-size: 60px;vertical-align: middle;padding-right: 20px;color: rgba(50, 184, 184, 0.2);font-weight: 500;font-family: jost, sans-serif;}
h1.zimmer-b {font-family: Marcellus, serif !important;color:#000;font-size:20px;border-bottom:1px solid rgba(50, 184, 184, 0.4);}
span.info {font-size:14px;}
h1.zimmer-c:before {content: " 03 ";font-size: 60px;vertical-align: middle;padding-right: 20px;color: rgba(50, 184, 184, 0.2);font-weight: 500;font-family: jost, sans-serif;}
h1.zimmer-c {font-family: Marcellus, serif !important;color:#000;font-size:20px;border-bottom:1px solid rgba(50, 184, 184, 0.4);}
span.info {font-size:14px;}
a.button, a:visited.button, a:focus.button {font-family: marcellus, sans-serif;color: #fff;background: #32b8b8;font-size: 20px;letter-spacing: 1px;padding: 10px 30px;text-decoration: none;}
a.button:after {content: "\f178";font-family: FontAwesome;padding-left:10px;}
a:hover.button {background:#2b9c9c;text-decoration:none;transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out;}
div.row.wohnungen {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom:3%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1a {width:60%;display:-webkit-flex;display:-ms-flexbox;display:flex;padding: 0px;margin: 0px;border: 1px solid #eee;background:#eff9f9;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1b {background: #f4f4f4;margin: 0px 20px 0px 20px;width: 35%;text-align:center;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2a {width:60%;display:-webkit-flex;display:-ms-flexbox;display:flex;padding: 0px;margin: 0px;border: 1px solid #eee;background:#eff9f9;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2b {background: #f4f4f4;margin: 0px 20px 0px 20px;width: 35%;text-align:center;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3a {width:60%;display:-webkit-flex;display:-ms-flexbox;display:flex;padding: 0px;margin: 0px;border: 1px solid #eee;background:#eff9f9;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3b {background: #f4f4f4;margin: 0px 20px 0px 20px;width: 35%;text-align:center;}
div.roombox {padding: 0px 10px 0px 10px;width:100%;}
.buttonpos {padding-top:10%;}
div#wohnungen {background-image: url(../images/bg-wg.jpg) !important;background-position: 0% 0%;max-width: 100% !important;width: 100% !important;height: auto;}
.parallaxwohnungen {width: 100%;background-attachment: fixed !important;background-size: cover !important;background: #f8f8f8;background-repeat: no-repeat;background-position: top center;}
h1.header.belegung {text-align: center;color: rgba(50, 184, 184, 0.2);font-family: "jost", sans-serif;font-weight: 800;font-size: 40px;text-transform: uppercase;width: 100%;display: block;border-bottom: 1px solid;padding-bottom: 20px;}
.container.t3-sl.t3-sl-1.header-belegung {padding-bottom:0px;}
h1.header.anfahrt {text-align: center;color: rgba(50, 184, 184, 0.2);font-family: "jost", sans-serif;font-weight: 800;font-size: 40px;text-transform: uppercase;width: 100%;display: block;border-bottom: 1px solid;padding-bottom: 20px;}
h1.header.anfahrt:before { content: "\f072";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;font-size: 80px;padding-right: 0.5em;position: relative;left: 0;vertical-align:middle;}

/***---------------------------------------------------- BANNER -----------------------------------------------***/
div#banner {background-image: url(../images/banner_bett.jpg)!important;background-position: 50% 1%;max-width: 100%!important;width: 100%!important;height: auto;}
.parallaxbanner {}
div.filterbanner {background: rgba(0,0,0,0.5);}
h3.preheader.banner {font-family: Red Hat Text, sans-serif!important;font-weight:400;color:rgba(255,255,255,0.8);font-size:16px;text-transform:uppercase;letter-spacing:2px;}
h1.header.banner {font-family: Marcellus, serif !important;color:rgba(255,255,255,1.0);font-size: 24px;margin-top: 0px;margin-bottom: 20px;}

/***---------------------------------------------------- KARTE -----------------------------------------------***/
.container.t3-sl.t3-sl-1.karte {padding:0px!important;width:100%;}
div#header-lage {background-image: url(../images/lage-3.jpg)!important;background-position: 50% 1%;max-width: 100%!important;width: 100%!important;height: auto;background-repeat:no-repeat;height:250px;}
div.container.t3-sl.t3-sl-1.header-lage {}
div.filterlage {background:rgba(0,0,0,0.3);height:250px;}

/*** ------------------------------------------------ ISOTOPE ------------------------------------------------------------------***/
div#region .arrow_line_divider {margin-top: 20px;margin-bottom: 70px;display: block;background-color: #c7c5c6;height: 1px;width: 100%;position: relative;}
div#region .arrow_line_divider .line_breaker {display: block;background-color: #ffffff;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);position: absolute;height: 1px;width: 70px;}
div#region .arrow_line_divider .line_left, .arrow_line_divider .line_right {display: block;height: 1px;width: 45px;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);position: absolute;background-color: #c7c5c6;top: 14px;}
div#region .arrow_line_divider .line_left {-webkit-transform: rotate(40deg);-ms-transform: rotate(40deg);-o-transform: rotate(40deg);transform: rotate(40deg);margin-left: -40px;}
div#region .arrow_line_divider .line_right {-webkit-transform: rotate(320deg);-ms-transform: rotate(320deg);-o-transform: rotate(320deg);transform: rotate(320deg);margin-left: -5px;}
div#region {background: #f3f3f3;}
/* ---- button ---- */
div#region .button {display: inline-block;padding: 0.5em 1.0em;background: #EEE;border: none;border-radius: 7px;color: #333;font-family: sans-serif;font-size: 16px;cursor: pointer;}
div#region .button:hover {background-color: #5bc0de;color: #fff;transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .25s ease-in-out;}
div#region .button:active, .button.is-checked {background-color: #28F;}
div#region .button.is-checked {color: #fff!important;background:#5bc0de!important;}
div#region .button:active {background:#5bc0de!important;}
/* ---- button-group ---- */
div#region .button-group {margin-bottom: 20px;}
div#region .button-group:after {content: '';display: block;clear: both;}
div#region .button-group .button {border-radius: 0;margin-left: 0;margin-right: 1px;}
div#region .button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
div#region .button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }
/* ---- isotope ---- */
div#region .grid {}
/* clear fix */
div#region .grid:after {content: '';display: block;clear: both;}
/* ---- .element-item ---- */
div#region .element-item {position: relative;float: left;width: 32%;height: 550px;margin: 5px;background: #eff9f9;color: #262524;}
div#region .element-item > * {margin: 0;padding: 0;}
div#region img {max-width:100%;width:100%;height:auto;margin-bottom:10px!important;border-radius: 5px 5px 0 0;max-width: 100%;width: 100%;height: auto;vertical-align: middle;}
div#region h4 {margin:20px 25px!important;color: #1f4040;font-weight: 600;font-size: 18px;font-family: Red Hat Text, sans-serif!important;text-transform:uppercase;text-align: left;}
div#region ul.region {margin:10px 10px 10px 30px!important;font-family:"jost", sans-serif;font-size:15px;padding: 0 15px;margin: 0 0 5px;}
div#region .element-item .name {position: absolute;left: 10px;top: 60px;text-transform: none;letter-spacing: 0;font-size: 12px;font-weight: normal;}
div#region .element-item .symbol {position: absolute;left: 10px;top: 0px;font-size: 42px;font-weight: bold;color: white;}
div#region .element-item .number {position: absolute;right: 8px;top: 5px;}
div#region .element-item .weight {position: absolute;left: 10px;top: 76px;font-size: 12px;}
div#filters.button-group {text-align:center!important;}

/* ---------------------------- BACK TO TOP--- ---------------------------- */
#button {display: inline-block; background-color: #7ea6b6!important; width: 40px; height: 40px; text-align: center; border-radius: 100%; position: fixed; bottom: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000;right:3%;}
#button::after {content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 1.2em; line-height: 38px; color: #fff;}
#button:hover {cursor: pointer; background-color:#2c2c2b!important; text-decoration:none!important;}
#button:active {background-color: #555;}
#button.show {opacity: 1; visibility: visible;}

/***---------------------------------------------------- FOOTER ----------------------------------------------***/
.t3-footer {background-image: url(../images/schwarzwald.jpg)!important;background-position: 0% 20%;max-width: 100%!important;width: 100%!important;height: auto;color: rgba(192,197,197,1.0)!important;border-top:3px solid #1f4040;background-repeat:no-repeat;}
div.filterfooter {background: rgba(31,64,64,0.75);}
div.container.footer {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.t3-footnav .t3-module {background: transparent;color: rgba(192,197,197,1.0);margin-top: 10px;margin-bottom: 10px;}
.t3-copyright {font-size: 12px;padding: 40px 0 80px;border-top:none!important;}
.t3-footer small {font-size: 16px;}
.t3-footnav .t3-module .module-title {color: rgba(255, 255, 255, 1.0);font-size: 20px;margin-bottom: 10px;font-family: Marcellus, serif;text-transform: uppercase;letter-spacing: 1px;}
h3.module-title.adresse:before {content: "\f015";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: rgba(255, 255, 255, 0.4);font-size: 24px;padding-right: 0.5em;position: relative;}
h3.module-title.kontakt:before {content: "\f007";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: rgba(255, 255, 255, 0.4);font-size: 24px;padding-right: 0.5em;position: relative;}
h3.module-title.hinweise:before {content: "\f05a";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: rgba(255, 255, 255, 0.4);font-size: 24px;padding-right: 0.5em;position: relative;}
a.footer, a:visited.footer, a:focus.footer {color: rgba(192, 197, 197, 1.0);text-decoration:none;}
a:hover.footer {color:#32b8b8!important;text-decoration:none;}

/***---------------------------------------------------- MEDIA QUERIES ---------------------------------------***/
@media only screen and (min-width: 0px) and (max-width: 320px) {
.logo {text-align: left;}  
div#mainheader.mainnavigation.affix-top {padding:0px 0px 200px 0px;}
div#mainheader.mainnavigation.affix {padding:0px 0px 0px 0px;}  
.col-xs-12.col-sm-3.logo {width:75%;}
.col-xs-12.col-sm-9.navbox {width:25%;}
div#mainheader.mainnavigation.affix-top .logo-text a span {font-size:20px;} 
div#mainheader.mainnavigation.affix .logo-text a span {font-size:20px;} 
div#mainheadercontent.mainnavigation.affix-top .logo-text a span {font-size:20px;} 
div#mainheadercontent.mainnavigation.affix .logo-text a span {font-size:20px;}   
.off-canvas-toggle {position:absolute;bottom:25%;right:5%;}
.btn-primary {background:transparent;}  
.off-canvas-toggle span {background-color: #32b8b8 !important;}  
div#mod-custom147.mod-custom.custom .block {padding:10px;} 
h1.zimmer-a:before {font-size: 15px;padding-right: 5px;}  
h1.zimmer-a {font-size: 14px;text-align: left;padding-bottom:10px;}
h1.zimmer-b:before {font-size: 15px;padding-right: 5px;}  
h1.zimmer-b {font-size: 14px;text-align: left;padding-bottom:10px;}  
h1.zimmer-c:before {font-size: 15px;padding-right: 5px;}  
h1.zimmer-c {font-size: 14px;text-align: left;padding-bottom:10px;}  
.container.t3-sl.t3-sl-1.wohnungen {padding-top:0px;padding-bottom:0px;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1a {width:100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1b {margin: 0px;width: 100%;}
ul.sigFreeClassic li.sigFreeThumb {margin:6%;}
.buttonpos {padding-top: 10%;padding-bottom: 10%;text-align: left;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2a {width: 100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2b {margin:0px; width: 100%;} 
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3a {width: 100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3b {margin:0px; width: 100%;}  
div#Mod148.t3-module.module {margin-bottom:0px;} 
h1.header.belegung {font-size: 24px;}
iframe {height:800px;}
h1.header {margin-bottom:0px;} 
div#region {background: #ffffff;background-image:none!important;}
.arrow_line_divider {margin-top:0px;margin-bottom:20%;} 
div#region button {padding: 5px;margin: 0px;} 
div#region .button-group .button {border-radius: 0;margin-left: 0;margin-right: 1px;margin-bottom: 8px;}
div#region .element-item {float: left;width: 100%!important;height: 580px;margin: 5px;}  
div.container.t3-sl.t3-sl-1.region-1 {padding-bottom:0px;}
h1.header.anfahrt:before {font-size: 22px;}
h1.header.anfahrt {font-size: 18px;margin-bottom: 20px;}
}

@media only screen and (min-width: 321px) and (max-width: 375px) {
.logo {text-align: left;}  
div#mainheader.mainnavigation.affix-top {padding:0px 0px 200px 0px;}
div#mainheader.mainnavigation.affix {padding:0px 0px 0px 0px;}  
.col-xs-12.col-sm-3.logo {width:75%;}
.col-xs-12.col-sm-9.navbox {width:25%;}
div#mainheader.mainnavigation.affix-top .logo-text a span {font-size:20px;} 
div#mainheader.mainnavigation.affix .logo-text a span {font-size:20px;} 
div#mainheadercontent.mainnavigation.affix-top .logo-text a span {font-size:20px;} 
div#mainheadercontent.mainnavigation.affix .logo-text a span {font-size:20px;}   
.off-canvas-toggle {position:absolute;bottom:25%;right:5%;}
.btn-primary {background:transparent;}  
.off-canvas-toggle span {background-color: #32b8b8 !important;}  
div#mod-custom147.mod-custom.custom .block {padding:10px;} 
h1.zimmer-a:before {font-size: 15px;padding-right: 5px;}  
h1.zimmer-a {font-size: 14px;text-align: left;padding-bottom:10px;}
h1.zimmer-b:before {font-size: 15px;padding-right: 5px;}  
h1.zimmer-b {font-size: 14px;text-align: left;padding-bottom:10px;}  
h1.zimmer-c:before {font-size: 15px;padding-right: 5px;}  
h1.zimmer-c {font-size: 14px;text-align: left;padding-bottom:10px;}  
.container.t3-sl.t3-sl-1.wohnungen {padding-top:0px;padding-bottom:0px;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1a {width:100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1b {margin: 0px;width: 100%;}
ul.sigFreeClassic li.sigFreeThumb {margin:6%;}
.buttonpos {padding-top: 10%;padding-bottom: 10%;text-align: left;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2a {width: 100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2b {margin:0px; width: 100%;} 
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3a {width: 100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3b {margin:0px; width: 100%;}  
div#Mod148.t3-module.module {margin-bottom:0px;} 
h1.header.belegung {font-size: 24px;}
iframe {height:800px;}
h1.header {margin-bottom:0px;} 
div#region {background: #ffffff;background-image:none!important;}
.arrow_line_divider {margin-top:0px;margin-bottom:20%;} 
div#region button {padding: 5px;margin: 0px;} 
div#region .button-group .button {border-radius: 0;margin-left: 0;margin-right: 1px;margin-bottom: 8px;}
div#region .element-item {float: left;width: 100%!important;height: 580px;margin: 5px;}  
div.container.t3-sl.t3-sl-1.region-1 {padding-bottom:0px;}
h1.header.anfahrt:before {font-size: 22px;}
h1.header.anfahrt {font-size: 18px;margin-bottom: 20px;}
}

@media only screen and (min-width: 376px) and (max-width: 425px) {
.logo {text-align: left;}  
div#mainheader.mainnavigation.affix-top {padding:0px 0px 200px 0px;}
div#mainheader.mainnavigation.affix {padding:0px 0px 0px 0px;}  
.col-xs-12.col-sm-3.logo {width:75%;}
.col-xs-12.col-sm-9.navbox {width:25%;}
div#mainheader.mainnavigation.affix-top .logo-text a span {font-size:20px;} 
div#mainheader.mainnavigation.affix .logo-text a span {font-size:20px;} 
div#mainheadercontent.mainnavigation.affix-top .logo-text a span {font-size:20px;} 
div#mainheadercontent.mainnavigation.affix .logo-text a span {font-size:20px;}   
.off-canvas-toggle {position:absolute;bottom:25%;right:5%;}
.btn-primary {background:transparent;}  
.off-canvas-toggle span {background-color: #32b8b8 !important;}  
div#mod-custom147.mod-custom.custom .block {padding:10px;} 
h1.zimmer-a:before {font-size: 24px;padding-right: 10px;}  
h1.zimmer-a {font-size: 16px;text-align: left;padding-bottom:10px;}
h1.zimmer-b:before {font-size: 24px;padding-right: 10px;}  
h1.zimmer-b {font-size: 16px;text-align: left;padding-bottom:10px;}  
h1.zimmer-c:before {font-size: 24px;padding-right: 10px;}  
h1.zimmer-c {font-size: 16px;text-align: left;padding-bottom:10px;}  
.container.t3-sl.t3-sl-1.wohnungen {padding-top:0px;padding-bottom:0px;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1a {width:100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1b {margin: 0px;width: 100%;}
ul.sigFreeClassic li.sigFreeThumb {margin:2%;}
.buttonpos {padding-top: 10%;padding-bottom: 10%;text-align: left;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2a {width: 100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2b {margin:0px; width: 100%;} 
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3a {width: 100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3b {margin:0px; width: 100%;}  
div#Mod148.t3-module.module {margin-bottom:0px;} 
h1.header.belegung {font-size: 24px;}
iframe {height:800px;}
h1.header {margin-bottom:0px;} 
div#region {background: #ffffff;background-image:none!important;}
.arrow_line_divider {margin-top:0px;margin-bottom:20%;} 
div#region button {padding: 5px;margin: 0px;} 
div#region .button-group .button {border-radius: 0;margin-left: 0;margin-right: 1px;margin-bottom: 8px;}
div#region .element-item {float: left;width: 100%!important;height: 580px;margin: 5px;}  
div.container.t3-sl.t3-sl-1.region-1 {padding-bottom:0px;}
h1.header.anfahrt:before {font-size: 22px;}
h1.header.anfahrt {font-size: 22px;margin-bottom: 20px;}
div.row.galerie1 {padding-left:10px!important;}  
div.row.galerie2 {padding-left:10px!important;}
}

@media only screen and (min-width: 426px) and (max-width: 479px) {
.logo {text-align: left;}  
div#mainheader.mainnavigation.affix-top {padding:0px 0px 200px 0px;}
div#mainheader.mainnavigation.affix {padding:0px 0px 0px 0px;}  
.col-xs-12.col-sm-3.logo {width:75%;}
.col-xs-12.col-sm-9.navbox {width:25%;}
div#mainheader.mainnavigation.affix-top .logo-text a span {font-size:20px;} 
div#mainheader.mainnavigation.affix .logo-text a span {font-size:20px;} 
div#mainheadercontent.mainnavigation.affix-top .logo-text a span {font-size:20px;} 
div#mainheadercontent.mainnavigation.affix .logo-text a span {font-size:20px;}   
.off-canvas-toggle {position:absolute;bottom:25%;right:5%;}
.btn-primary {background:transparent;}  
.off-canvas-toggle span {background-color: #32b8b8 !important;}  
div#mod-custom147.mod-custom.custom .block {padding:10px;} 
h1.zimmer-a:before {font-size: 24px;padding-right: 10px;}  
h1.zimmer-a {font-size: 18px;text-align: left;padding-bottom:10px;}
h1.zimmer-b:before {font-size: 24px;padding-right: 10px;}  
h1.zimmer-b {font-size: 18px;text-align: left;padding-bottom:10px;}  
h1.zimmer-c:before {font-size: 24px;padding-right: 10px;}  
h1.zimmer-c {font-size: 18px;text-align: left;padding-bottom:10px;}  
.container.t3-sl.t3-sl-1.wohnungen {padding-top:0px;padding-bottom:0px;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1a {width:100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1b {margin: 0px;width: 100%;}
ul.sigFreeClassic li.sigFreeThumb {margin:2%;}
.buttonpos {padding-top: 10%;padding-bottom: 10%;text-align: left;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2a {width: 100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2b {margin:0px; width: 100%;} 
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3a {width: 100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3b {margin:0px; width: 100%;}  
div#Mod148.t3-module.module {margin-bottom:0px;} 
h1.header.belegung {font-size: 24px;}
iframe {height:800px;}
h1.header {margin-bottom:0px;} 
div#region {background: #ffffff;background-image:none!important;}
.arrow_line_divider {margin-top:0px;margin-bottom:20%;} 
div#region button {padding: 5px;margin: 0px;} 
div#region .button-group .button {border-radius: 0;margin-left: 0;margin-right: 1px;margin-bottom: 8px;}
div#region .element-item {float: left;width: 100%!important;height: 580px;margin: 5px;}  
div.container.t3-sl.t3-sl-1.region-1 {padding-bottom:0px;}
h1.header.anfahrt:before {font-size: 22px;}
h1.header.anfahrt {font-size: 22px;margin-bottom: 20px;}
div.row.galerie1 {padding-left:30px!important;}  
div.row.galerie2 {padding-left:30px!important;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.logo {text-align: left;}  
div#mainheader.mainnavigation.affix-top {padding:0px 0px 200px 0px;}
div#mainheader.mainnavigation.affix {padding:0px 0px 0px 0px;}  
.col-xs-12.col-sm-3.logo {width:75%;}
.col-xs-12.col-sm-9.navbox {width:25%;}
div#mainheader.mainnavigation.affix-top .logo-text a span {font-size:20px;} 
div#mainheader.mainnavigation.affix .logo-text a span {font-size:20px;} 
div#mainheadercontent.mainnavigation.affix-top .logo-text a span {font-size:20px;} 
div#mainheadercontent.mainnavigation.affix .logo-text a span {font-size:20px;}   
.off-canvas-toggle {position:absolute;bottom:25%;right:5%;}
.btn-primary {background:transparent;}  
.off-canvas-toggle span {background-color: #32b8b8 !important;}  
div#mod-custom147.mod-custom.custom .block {padding:10px;} 
h1.zimmer-a:before {font-size: 24px;padding-right: 10px;}  
h1.zimmer-a {font-size: 18px;text-align: left;padding-bottom:10px;}
h1.zimmer-b:before {font-size: 24px;padding-right: 10px;}  
h1.zimmer-b {font-size: 18px;text-align: left;padding-bottom:10px;}  
h1.zimmer-c:before {font-size: 24px;padding-right: 10px;}  
h1.zimmer-c {font-size: 18px;text-align: left;padding-bottom:10px;}  
.container.t3-sl.t3-sl-1.wohnungen {padding-top:0px;padding-bottom:0px;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1a {width:100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1b {margin: 0px;width: 100%;}
ul.sigFreeClassic li.sigFreeThumb {margin:2%;}
.buttonpos {padding-top: 10%;padding-bottom: 10%;text-align: left;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2a {width: 100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2b {margin:0px; width: 100%;} 
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3a {width: 100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3b {margin:0px; width: 100%;}  
div#Mod148.t3-module.module {margin-bottom:0px;} 
h1.header.belegung {font-size: 24px;}
iframe {height:800px;}
h1.header {margin-bottom:0px;} 
div#region {background: #ffffff;background-image:none!important;}
.arrow_line_divider {margin-top:0px;margin-bottom:20%;} 
div#region button {padding: 5px;margin: 0px;} 
div#region .button-group .button {border-radius: 0;margin-left: 0;margin-right: 1px;margin-bottom: 8px;}
div#region .element-item {float: left;width: 45%!important;height: 650px;margin: 5px;}  
div.container.t3-sl.t3-sl-1.region-1 {padding-bottom:0px;}
h1.header.anfahrt:before {font-size: 22px;}
h1.header.anfahrt {font-size: 22px;margin-bottom: 20px;}
div.row.galerie1 {padding-left:30px!important;}  
div.row.galerie2 {padding-left:30px!important;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.off-canvas-toggle {display:none!important;}
.logo {text-align: center;}  
div#mainheader.mainnavigation.affix-top {padding:0px 0px 200px 0px;}
div#mainheader.mainnavigation.affix {padding:0px 0px 0px 0px;}  
.col-xs-12.col-sm-3.logo {width:100%;}
.col-xs-12.col-sm-9.navbox {width:100%;}
div#mainheader.mainnavigation.affix-top .logo-text a span {font-size:20px;} 
div#mainheader.mainnavigation.affix .logo-text a span {font-size:20px;} 
div#mainheadercontent.mainnavigation.affix-top .logo-text a span {font-size:20px;} 
div#mainheadercontent.mainnavigation.affix .logo-text a span {font-size:20px;}   
.off-canvas-toggle {position:absolute;bottom:25%;right:5%;}
.btn-primary {background:transparent;}  
.off-canvas-toggle span {background-color: #32b8b8 !important;}  
div#mod-custom147.mod-custom.custom .block {padding:10px;} 
h1.zimmer-a:before {font-size: 24px;padding-right: 10px;}  
h1.zimmer-a {font-size: 18px;text-align: left;padding-bottom:10px;}
h1.zimmer-b:before {font-size: 24px;padding-right: 10px;}  
h1.zimmer-b {font-size: 18px;text-align: left;padding-bottom:10px;}  
h1.zimmer-c:before {font-size: 24px;padding-right: 10px;}  
h1.zimmer-c {font-size: 18px;text-align: left;padding-bottom:10px;}  
.container.t3-sl.t3-sl-1.wohnungen {padding-top:0px;padding-bottom:0px;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1a {width:100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w1b {margin: 0px;width: 100%;}
ul.sigFreeClassic li.sigFreeThumb {margin:2%;}
.buttonpos {padding-top: 5%;padding-bottom: 3%;text-align: left;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2a {width: 100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w2b {margin:0px; width: 100%;} 
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3a {width: 100%;}
.col-lg-6.col-md-6.col-sm-6.col-xs-6.w3b {margin:0px; width: 100%;}  
div#Mod148.t3-module.module {margin-bottom:0px;} 
h1.header.belegung {font-size: 24px;}
iframe {height:600px;}
h1.header {margin-bottom:0px;} 
div#region {background: #ffffff;background-image:none!important;}
.arrow_line_divider {margin-top:0px;margin-bottom:20%;} 
div#region button {padding: 5px;margin: 0px;} 
div#region .button-group .button {border-radius: 0;margin-left: 0;margin-right: 1px;margin-bottom: 8px;}
div#region .element-item {float: left;width: 45%!important;height: 550px;margin: 5px;}  
div.container.t3-sl.t3-sl-1.region-1 {padding-bottom:0px;}
h1.header.anfahrt:before {font-size: 22px;}
h1.header.anfahrt {font-size: 22px;margin-bottom: 20px;}
div.row.galerie1 {padding-left:30px!important;}  
div.row.galerie2 {padding-left:30px!important;}  
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.off-canvas-toggle {display:none!important;}
h1.zimmer-a:before {content: " 01 ";font-size: 30px;vertical-align: middle;padding-right: 20px;color: rgba(50, 184, 184, 0.2);font-weight: 500;font-family: jost, sans-serif;}
h1.zimmer-a {font-family: Marcellus, serif !important;color:#000;font-size:18px;border-bottom:1px solid rgba(50, 184, 184, 0.4);}
span.info {font-size:14px;}
h1.zimmer-b:before {content: " 02 ";font-size: 30px;vertical-align: middle;padding-right: 20px;color: rgba(50, 184, 184, 0.2);font-weight: 500;font-family: jost, sans-serif;}
h1.zimmer-b {font-family: Marcellus, serif !important;color:#000;font-size:18px;border-bottom:1px solid rgba(50, 184, 184, 0.4);}
span.info {font-size:14px;}
h1.zimmer-c:before {content: " 03 ";font-size: 30px;vertical-align: middle;padding-right: 20px;color: rgba(50, 184, 184, 0.2);font-weight: 500;font-family: jost, sans-serif;}
h1.zimmer-c {font-family: Marcellus, serif !important;color:#000;font-size:18px;border-bottom:1px solid rgba(50, 184, 184, 0.4);}  
div#region .element-item {height: 580px;}  
}

@media only screen and (min-width: 1200px) {
.off-canvas-toggle {display:none!important;}
}