html, html * { box-sizing: border-box; -moz-osx-font-smoothing: grayscale; }
#TraminoHeaderTiny, #TraminoHeaderTiny img.logo, #TraminoHeaderTiny a, .inlineeditors a { box-sizing: content-box; }
*, :before, :after {
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
font-smooth: always;
text-shadow: 1px 1px 1px rgba(0,0,0,.004);
-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#000000,offX=0,offY=0)" "alpha(opacity=0.4)" "progid:DXImageTransform.Microsoft.Blur(pixelradius=2.15, enabled='true')";
text-rendering: optimizeLegibility;
outline: 0;
}
html { 
font-size: 14px;
font-style: normal;
font-weight: 400;
font-family: "Arial";
}
body {
font-family: "Arial";
font-style: normal;
margin: 0;
padding:  0;
}
#page { position: relative; }
a, html, legend { color: #000; }
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }
.text-center {
text-align: center;
}
.nomargintop { margin-top: 0 !important; }
.greybg { background-color: #E7E7E7; padding: 1em 2em; }
.green { color: #78BE5B; }
.greenbg { background-color: #78BE5B; }
.blue { color: #1A3478; }
.bluebg { background-color: #1A3478; }
.button_wrapper { display: flex; justify-content: flex-end; margin-top: 0.5rem; }
.btn {
font-family: "ITC Franklin Gothic LTW04BkXCm",sans-serif;
text-transform: uppercase;
background-color: #FFF;
text-align: center;
color: #7F7F7F;
border: 1px solid #78BE5B;
border-color: transparent;
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
display: inline-block;
padding: .5rem 1rem;
text-decoration: none;
cursor: pointer;
}
button.btn {-webkit-appearance: none;}
.btn i, .btn:after {
font-size: 1.4rem;
}
.btn:hover {
color: #78BE5B;
border-color: #78BE5B;
}
.btn.btn-clean {
background-color: transparent;
color: #000;
border-color: transparent;
text-align: right;
cursor: auto;
}
.btn.btn-clean:hover {
background-color: transparent;
color: #000;
border-color: transparent;
}
.btn-green {
background-color: #78BE5B;
color: #FFF;
border-color: #78BE5B;
}
.btn-green:hover {
background-color: #78BE5B;
color: #FFF;
border-color: #78BE5B;
opacity: .9;
}
.btn-border { border-color: #7F7F7F; }
.btn-greenline {
color: #78BE5B;
border-color: #78BE5B;
}
.btn-greenline:hover {
color: #FFF;
background-color: #78BE5B;
border-color: #78BE5B;
}
.btn-blue {
background-color: #1A3478;
color: #FFF;
border-color: #1A3478;
}
.btn-tel:after {
font-family: ath-icons;
content: "\e901";
display: inline-block;
}
.btn-blue:hover {
background: -webkit-gradient(linear,left bottom,right top,color-stop(0,#2c5dad),color-stop(87%,#1a3478));
background: -webkit-linear-gradient(45deg,#2c5dad 0,#1a3478 87%);
background: -o-linear-gradient(45deg,#2c5dad 0,#1a3478 87%);
background: -ms-linear-gradient(45deg,#2c5dad 0,#1a3478 87%);
background: linear-gradient(45deg,#2c5dad 0,#1a3478 87%);
color: #FFF;
border-color: transparent;
opacity: .9;
}
.btn-blueline {
color: #1A3478;
border-color: #1A3478;
}
.btn-blueline:hover {
color: #FFF;
background-color: #1A3478;
border-color: #1A3478;
}
.btn-blue2line {
color: #0066B3;
border-color: #0066B3;
}
.btn-blue2line:hover {
color: #FFF;
background-color: #0066B3;
border-color: #0066B3;
}
.buttons.split2 .btn { width: 48%; margin-right: 1%; }
.buttons.split3 .btn { width: 31%; margin-right: 1%; }
.btn.spacer { margin-right: 0.8em; }

body.Mandant_42028 .btn {
border: 1px solid #999A78;
}
body.Mandant_42028 .btn:hover {
color: #999A78;
border-color: #999A78;
}
body.Mandant_42028 .btn-green {
background-color: #999A78;
color: #FFF;
border-color: #999A78;
}
body.Mandant_42028 .btn-green:hover {
background-color: #999A78;
color: #FFF;
border-color: #999A78;
opacity: .9;
}
body.Mandant_42028 .btn-greenline {
color: #999A78;
border-color: #999A78;
}
body.Mandant_42028 .btn-greenline:hover {
color: #FFF;
background-color: #999A78;
border-color: #999A78;
}
.cols_wrapper { display: flex; flex-wrap: wrap; align-items: flex-start;
justify-content: space-between; }
.col50 { width: 50%; }
.col33 { max-width: 300px; width: 33%; }
ul.margin-bottom {
margin-bottom: 1rem;
}
.hd-block.headwrapper, .hd-block .headwrapper, .block-margin {
margin-top: 70px;
margin-bottom: 44px;
}
.hd-block.headwrapper.followsubheadline, .hd-block .headwrapper.followsubheadline {
margin-bottom: 11px;
}
.hd-block {
max-width: 900px;
margin: 0 auto;
overflow: hidden;
}
.hd-block.extended-width {
max-width: 1200px;
}
.headline-line-wrapper { text-align: center; font-size: 1.3rem; }
.headline-line {
font-size: 2em;
line-height: 1.3em;
padding-bottom: 2rem;
padding-left: 2rem;
padding-right: 2rem;
}
.headline-line font:first-letter { text-transform: uppercase; }
.off_headline-line:before, .off_headline-line:after {
content: '';
display: inline-block;
position: relative;
top: -0.8rem;
width: 80px;
height: 1px;
background-color: #000;
}
.off_headline-line:before { margin-right: 1rem; }
.off_headline-line:after { margin-left: 1rem; }
.stoerer {
position: absolute;
right: -30px;
bottom: -20px;
width: 200px;
height: 200px;
color: #FFF;
transform: rotate(7deg);
}
.stoerer .inside {
font-size: 21px;
text-transform: uppercase;
color: #FFF;
position: relative;
top: 50%;
transform: translate(0, -50%);
text-align: center;
width: 70%;
margin: 0 auto;
}
.stoerer .st_subheadline {
font-size: 16px;
letter-spacing: .05em;
}
.stoerer .st_headline {
padding: 5px 0;
}
.stoerer .st_subheadline.thema {
font-size: 12px;
}

body.noscroll #TraminoInhalt {
position: fixed;
}
.slick-next, .slick-prev {
position: absolute;
display: block;
height: 80px;
width: 40px;
line-height: 0;
font-size: 0;
cursor: pointer;
color: transparent;
top: 50%;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
padding: 0;
border: none;
outline: 0;
z-index: 9;
background: url(https://tramino.s3.amazonaws.com/s/allgaeu-top-hotels/953113/ath-arrow.png) left center no-repeat;
}
.slick-next {
right: 0;
transform: rotate(180deg);
margin-top: -40px;
}
.slick-next:before, .slick-prev:before {
display: none;
}
.T4532 { margin-top: 1rem; margin-bottom: 2rem; }
.T4532 .specialfont { font-size: 2rem; }

body { top: 0 !important; }
.skiptranslate { display: none; }
#google_translate_element { display: none; }
#goog-gt-tt { display: none !important; }
.goog-te-banner-frame, .custom-translate { display: none !important; }
.goog-tooltip { display: none !important; }
.goog-tooltip:hover { display: none !important; }
.goog-text-highlight { background-color: transparent !important; border: none !important; box-shadow: none !important; }

.T5759 .maxwidthsmall.wrapper {
max-width: 900px;
margin: 0px auto;
padding: 50px 0;
}
.T5759 .maxwidthsmall.wrapper p {
padding: 5px 0 10px;
}h1, h2, h3 {
text-transform: uppercase;
}
li, ol {
list-style: none;
}
a { text-decoration: none; }
a:hover { color: #5b5b5b; }
#body.blog .blogelement a {
color: #b31313;
font-weight: 700;
}
#body:not(.blog) .blogelement a {
text-decoration: underline;
}
.ttu {  text-transform: uppercase; }
.ttn {  text-transform: none !important; }.ath-font, i {
font-family: ath-icons;
font-style: normal;
font-weight: 400;
text-transform: none;
line-height: 1;
}
.ath-icon-menu:before { content: "\e922" }
.ath-icon-bicycle:before { content: "\e915" }
.ath-icon-medwellness:before { content: "\e918" }
.ath-icon-fitactive:before { content: "\e919" }
.ath-icon-group:before { content: "\e91a" }
.ath-icon-family:before { content: "\e91b" }
.ath-icon-treatment:before { content: "\e91d" }
.ath-icon-hike:before { content: "\e91f" }
.ath-icon-meeting:before { content: "\e920" }
.ath-icon-clock:before { content: "\e900" }
.ath-icon-phone:before, .icon-phone:before { content: "\e901" }
.ath-icon-location:before { content: "\e902" }
.ath-icon-mail:before { content: "\e903" }
.ath-icon-facebook:before { content: "\e904" }
.ath-icon-weblink:before { content: "\e905" }
.ath-icon-star:before { content: "\e906" }
.ath-icon-heart:before { content: "\e907" }
.ath-icon-heart-half:before { content: "\e908" }
.ath-icon-arrow-right:before { content: "\e909" }
.ath-icon-arrow-left:before { content: "\e90a" }
.ath-icon-arrow-down:before { content: "\e90b" }
.ath-icon-arrow-up:before { content: "\e90c" }
.ath-icon-play:before { content: "\e90d" }
.ath-icon-checked:before { content: "\e90e" }
.ath-icon-quote-top:before { content: "\e90f" }
.ath-icon-quote-bottom:before { content: "\e910" }
.ath-icon-plus:before { content: "\e911" }
.ath-icon-minus:before { content: "\e912" }
.ath-icon-slider-right:before { content: "\e913" }
.ath-icon-slider-left:before { content: "\e914" }
.ath-icon-radeln:before { content: "\e915" }
.ath-icon-gourmet:before { content: "\e916" }
.ath-icon-golf:before { content: "\e917" }
.ath-icon-medwell:before { content: "\e918" }
.ath-icon-fitaktiv:before { content: "\e919" }
.ath-icon-gruppen:before { content: "\e91a" }
.ath-icon-familie:before { content: "\e91b" }
.ath-icon-wellness:before { content: "\e91c" }
.ath-icon-kur:before { content: "\e91d" }
.ath-icon-beauty:before { content: "\e91e" }
.ath-icon-wandern:before { content: "\e91f" }
.ath-icon-tagung:before { content: "\e920" }
.ath-icon-ski:before { content: "\e921" }
.ath-icon-hotel:before { content: "\e923" }
.ath-icon-gift:before { content: "\e924" }
.ath-icon-jobs:before { content: "\e925" }
.ath-icon-percent:before {
content: '%';
font-family: Arial,"ITC Franklin Gothic LTW04BkXCm",sans-serif;
}@media (min-width: 567px) {
html { font-size: 15px; }
}
@media (min-width: 1024px) {
html { font-size: 16px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.hd-block { padding: 0 30px; }
.off_headline-line:before { display: none; }
.off_headline-line:after { 
position: static;
top: auto;
margin: 1.6em auto 0.6em !important;
display: block;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.cols_wrapper { display: flex; flex-wrap: wrap; }
.col1 { margin-bottom: 20px; }
.col50 { width: 100%; }
.hd-block { padding: 0 30px; }
.off_headline-line:before { display: none; }
.off_headline-line:after { 
position: static;
top: auto;
margin: 1.4em auto .4em !important;
display: block;
}
.stoerer { display: none; }
}
@media all and (max-width: 567px) {
.cols_wrapper { display: flex; flex-wrap: wrap; }
.col1 { margin-bottom: 20px; }
.col50 { width: 100%; }
.hd-block { padding: 0 10px; }
.off_headline-line:before { display: none; }
.off_headline-line:after { 
position: static;
top: auto;
margin: 1.1em auto .2em !important;
display: block;
}
.stoerer { display: none; }
.btn { font-size: 1.3rem; }
.btn i, .btn::after {
font-size: 1.2rem;
}
.btn.spacer { margin-right: 0.3em; }
}
.S8990 h2 { color: #1A3478; }
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('https://tramino.s3.amazonaws.com/tramino/js/fancybox2/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('https://tramino.s3.amazonaws.com/tramino/js/fancybox2/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('https://tramino.s3.amazonaws.com/tramino/js/fancybox2/blank.gif'); 
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}

.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('https://tramino.s3.amazonaws.com/tramino/js/fancybox2/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}

.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; 
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('https://tramino.s3.amazonaws.com/tramino/js/fancybox2/fancybox_sprite@2x.png');
background-size: 44px 152px; 
}
#fancybox-loading div {
background-image: url('https://tramino.s3.amazonaws.com/tramino/js/fancybox2/fancybox_loading@2x.gif');
background-size: 24px 24px; 
}
}.T957 h3 { margin: 25px 0px; }
.T957 h3 { margin: 25px 0px !important; }
.T957 .anker { position: relative; top: -200px;; }
#anfrage, #anfrage * { box-sizing: border-box; }
#anfrage { width: 100%; font-size: 13px; }
#anfrage .row.kategorie input[type="checkbox"] { margin: 5px 3px 5px 2px; }
#anfrage .row { padding: 7px 0px 7px 0px; border-top: 1px solid #eee; display: flex; flex-wrap: wrap; }
#anfrage .row.borderless { padding: 0px 0px 7px 0px; border-top: 0px solid #eee; }
#anfrage .err .col1 { color: #e00;}
#anfrage .left.col1 { width: 15%;  padding-top: 2px; font-weight: bold; }
#anfrage .left.col2 { width: 45%; padding: 0 25px; }
#anfrage.nohelpers .left.col2 { width: 85%; }
#anfrage textarea { width: 100%; }
#anfrage .left.col2 input[type=text], #anfrage .left.col2 input[type=email] { width: 100%; }
#anfrage .termin .left.col2  input[type=text], #anfrage .termin .left.col2  input[type=email] { width: auto; }
#anfrage .left.col2 input[type=text].split_1_4, #anfrage .left.col2 input[type=email].split_1_4 { width: 30%; }
#anfrage .left.col2 input[type=text].split_3_4, #anfrage .left.col2 input[type=email].split_3_4 { width: 69%; }
#anfrage .left.col2 input[type=text].split_1_5, #anfrage .left.col2 input[type=email].split_1_5 { width: 20%; }
#anfrage .left.col2 input[type=text].split_4_5, #anfrage .left.col2 input[type=email].split_4_5 { width: 79%; }
#anfrage .row.herkunft label {
display: inline-block;
margin-left: 23px;
}
#anfrage .row.herkunft label input { display:inline-block; margin-left: -20px; margin-right: 5px; }
#anfrage .left.col3 { width: 40%; padding: 0px 0px 3px 0px; color: #474747; font-size: 11px;  }
#anfrage .kinder {  margin-left: 20px;  }
#anfrage .kinder span { margin-top: 3px;  }
#anfrage .kinder .kind select { width: 70px; margin-right: 3px;  }
#anfrage .nl_item .info {
font-size: 13px;
color: #999;
padding: 3px 0 0 15px;
}
#anfrage .danke_text { border: 1px solid #888; padding: 20px 20px; margin: 10px 0px 100px 0px;
background-color: rgba(255,255,255,0.8); border: 4px solid #393; font-size: 25px; line-height: 1.3 }
#anfrage .danke_text p { margin: auto 0; }
#anfrage .idk {
margin: 5px 0;
}
#anfrage .inputdatewrapper {
position: relative;
font-size: 15px;
color: #000000;
}
#anfrage .inputdatewrapper input {
padding: 2px 13px 2px 3px;
}
#anfrage .inputdatewrapper i {
position: absolute;
top: 50%;
right: 10px;
transform: translate(0,-50%);
pointer-events: none;
font-size: .85em;
}


@media all and (min-width: 1000px) and (max-width: 1270px) {
}

@media all and (min-width: 768px) and (max-width: 999px) {
}

@media all and (max-width: 767px) {
#body #anfrage .col1 {
width: 100%;
float: none;
padding-bottom: 10px;
}
#body #anfrage .col2 {
width: 100%;
float: none;
}
#body #anfrage .col3 {
width: 100%;
float: none;
}
}
@media all and (max-width: 378px) {
#anfrage .left.col2 { padding: 0; }
}
.S8189 .background {
background-color: #fff !important;
padding: 1.5rem 2rem;
}
.S8190 .background {
background-color: rgba(0,0,0,0.7);
color: #fff !important;
padding: 1.5rem 2rem;
}
.S8190 .background a {
color: #fff !important;
}
.S8190 #anfrage.background .row {
border-top: 1px solid rgba(255,255,255,0.2) !important;
}
.S8190 #anfrage .left.col3 { color: #EEEEEE; }
.S8091 .background {
color: #fff !important;
padding: 1.5rem 2rem;
}
.S8091 .background a {
color: #fff !important;
}
.S8091 #anfrage.background .row {
border-top: 1px solid rgba(255,255,255,0.2) !important;
}
.S8091 #anfrage .left.col3 { color: #EEEEEE; }
.S9233 #form_submit.submitbutton.bgcolor.button { 
background-color: #505a5f;
}.T2912 * { box-sizing: content-box; }
.T2912 h3 {
margin: 0px 0px 20px 0px !important;
}
.T2912 .allerrors { margin: 0 0 10px 0; }
.T2912 .allerrors .error { display: inline-block; background-color: #F00; color: #FFF; padding: 3px 5px; font-size: 12px; margin: 0 0 3px 0; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widgets { margin-bottom: .5rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widgets > .mandatory { display: flex; justify-content: flex-end; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups {
display: flex;
flex-wrap: wrap;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group {
width:  100%;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups :is(.break,.clear) {
width: 100%;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element {
margin: 0 0 1.3rem 0;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .label .help {
font-size: 0.9rem;
margin-bottom: 0.7rem;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element.cond_hide {
display: none;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element .label h4 {
margin: 0 0 0.3rem 0;
font-weight: bold;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .footer {
margin:  0 0 0.5rem 0;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .footer .form_buttons {
display: flex;
justify-content:  flex-end;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]) {
width: 100% !important;
box-sizing: border-box;
font-size: 1rem;
border: 1px solid #cacaca;
background-color: #fff;
padding: .5rem;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element select { width: 100%; height: 2.4375rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element textarea { width: 100%; box-sizing: border-box; font-family: Arial; border: 1px solid #cacaca; padding: .3rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]):focus, :is(#TraminoForm.newcss,.TraminoForm.newcss) .element textarea:focus {
outline: 0;
border: 1px solid #000;
box-shadow: 0 0 5px #cacaca;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile {
display: flex;
justify-content: space-between;
margin-bottom: 0.55rem;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget :is(.clear,.break) { width: 0; display: none; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile .Feld { flex-grow: 0; flex-shrink: 0; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile .Feld .Label { 
font-size: 0.8rem;
margin-left: 0.2rem;
margin-top: 0.1rem;
color: var(--label_color);
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_vorname { width: calc(45% - 0.5rem) }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_nachname { width: 55%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_firma { width: calc(50% - 0.25rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_abteilung { width: calc(50% - 0.25rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_abteilung .adresse_firma { width: 100% !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_strasse { width: 80%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_hausnr { width: calc(20% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_plz { width: 20%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_ort { width: calc(50% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_ortsteil { width: calc(30% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.noortsteil .adresse_ort { width: calc(80% - 0.5rem) !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_telefon { width: 33%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_fax { width: calc(33% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_mobil { width: calc(33% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax .adresse_telefon { width: 50% !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax .adresse_mobil { width:  calc(50% - 0.5rem) !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax.no_mobil .adresse_telefon { width: 100% !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.telonly .adresse_telefon { width: 100%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_email { width: 100%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_land { width: 100%; }

:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element {
display: flex;

margin-bottom:  1rem;
width:  auto !important;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element input { grid-area: checkbox; display: flex; align-self: flex-start; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element span { grid-area: headline; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element .info { grid-area: info; font-size: 0.8rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates { display: flex; flex-wrap: wrap; margin-top: 0.5rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum { display: flex; flex-wrap: wrap; margin-bottom: 0.3rem; margin-right: 0.3rem; align-items: center; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum .Widget { width: 100px; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum label {  display: inline-block;  width: 80px;}
@media (min-width: 768px) {
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups {
justify-content: space-between;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group {
width:  48%;
padding: 0 2% 1% 0;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group + :is(#TraminoForm.newcss,.TraminoForm.newcss) .groups > div.clear {
width:  100%;
}
}
.TraminoForm.newcss .Widgets { margin-bottom: .5rem; }
.TraminoForm.newcss .Widgets > .mandatory { display: flex; justify-content: flex-end; }
.TraminoForm.newcss .groups {
display: flex;
flex-wrap: wrap;
}
.TraminoForm.newcss .groups .group {
width:  100%;
}
.TraminoForm.newcss .groups :is(.break,.clear) {
width: 100%;
}
.TraminoForm.newcss .element {
margin: 0 0 1.3rem 0;
}
.TraminoForm.newcss .element.cond_hide {
display: none;
}
.TraminoForm.newcss .element .label h4 {
margin: 0 0 0.3rem 0;
}
.TraminoForm.newcss .footer {
margin:  0 0 0.5rem 0;
}
.TraminoForm.newcss .footer .form_buttons {
display: flex;
justify-content:  flex-end;
}
.TraminoForm.newcss .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]) {
width: 100% !important;
box-sizing: border-box;
font-size: 1rem;
border: 1px solid #cacaca;
background-color: #fff;
padding: .5rem;
}
.TraminoForm.newcss .element select { width: 100%; }
.TraminoForm.newcss .element textarea { width: 100%; box-sizing: border-box; font-family: Arial; border: 1px solid #cacaca; padding: .3rem; }
.TraminoForm.newcss .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]):focus, .TraminoForm.newcss .element textarea:focus {
outline: 0;
border: 1px solid #000;
box-shadow: 0 0 5px #cacaca;
}
.TraminoForm.newcss .AdresseWidget .Zeile {
display: flex;
justify-content: space-between;
margin-bottom: 0.2rem;
}
.TraminoForm.newcss .AdresseWidget :is(.clear,.break) { width: 0; display: none; }
.TraminoForm.newcss .AdresseWidget .Zeile .Feld { flex-grow: 0; flex-shrink: 0; }
.TraminoForm.newcss .AdresseWidget .Zeile .Feld .Label { font-size: 0.85rem; }
.TraminoForm.newcss .AdresseWidget .adresse_vorname { width: calc(45% - 0.5rem) }
.TraminoForm.newcss .AdresseWidget .adresse_nachname { width: 55%; }
.TraminoForm.newcss .AdresseWidget .adresse_firma { width: calc(50% - 0.25rem); }
.TraminoForm.newcss .AdresseWidget .adresse_abteilung { width: calc(50% - 0.25rem); }
.TraminoForm.newcss .AdresseWidget .adresse_strasse { width: 80%; }
.TraminoForm.newcss .AdresseWidget .adresse_hausnr { width: calc(20% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget .adresse_plz { width: 20%; }
.TraminoForm.newcss .AdresseWidget .adresse_ort { width: calc(50% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget .adresse_ortsteil { width: calc(30% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget.noortsteil .adresse_ort { width: calc(80% - 0.5rem) !important; }
.TraminoForm.newcss .AdresseWidget .adresse_telefon { width: 33%; }
.TraminoForm.newcss .AdresseWidget .adresse_fax { width: calc(33% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget .adresse_mobil { width: calc(33% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget.no_fax .adresse_telefon { width: 50% !important; }
.TraminoForm.newcss .AdresseWidget.no_fax .adresse_mobil { width:  calc(50% - 0.5rem) !important; }
.TraminoForm.newcss .AdresseWidget.telonly .adresse_telefon { width: 100%; }
.TraminoForm.newcss .AdresseWidget .adresse_email { width: 100%; }
.TraminoForm.newcss .AdresseWidget .adresse_land { width: 100%; }
.TraminoForm.newcss .SchulnotenWidget .break { display: none; width: 0px; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung { display: flex; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung.Absatz { margin-top: 1rem; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung { margin-bottom: 0.1rem; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung.Absatz .Name { font-weight: bold; hyphens: auto; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten { display: flex; margin-right: 1rem; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten span.Note { display: block; width: 20px; text-align: center; }
.Widget.StaticStarsWidget {
height:16px;
width:80px;
background: transparent url(/tramino/gfx/rating/ui.stars.gif) 0 -32px;
}
.Widget.StaticStarsWidget .StativStarsAktiv{
height:16px;
background: transparent url(/tramino/gfx/rating/ui.stars.gif) 0 -48px;
}
.Widget.StaticStarsWidgetSmall {
height:10px;
width:50px;
background: transparent url(/tramino/gfx/rating/ui.stars_s.gif) 0 -10px;
padding:0px !important;
margin:0px !important;
}
.Widget.StaticStarsWidgetSmall .StativStarsAktiv{
height:10px;
background: transparent url(/tramino/gfx/rating/ui.stars_s.gif) 0 -20px;
}
.TraminoPaginator {
margin: 0px;
line-height: 1.6em;
}
.TraminoPaginator span.anzahl {
padding-right: 30px;
font-size: 11px;
}
.TraminoPaginator span a {
padding: 2px 5px 2px 5px !important;
text-decoration: none;
border: 0px !important;
color: #666;
}
.TraminoPaginator span.button a {
display:inline-block;
font-size:13px;
background-color: #ccc;
padding: 2px 10px 2px 10px !important;
margin-right:4px;
}
.TraminoPaginator span.button.active a {
background-color: #333;
color:#fff;
}
.TraminoPaginator span a:hover {
background-color: #000 !important;
color: #fff !important;
}
.TraminoPaginator span.aktiv a {
font-size: 1.4em;
font-weight: bold;
color: #000;
}
#lightroom .TraminoPaginator {
color: #666;
}
#lightroom .TraminoPaginator span a {
color: #666;
}
#lightroom .TraminoPaginator span.aktiv a {
color: #fff;
}
#lightroom .TraminoPaginator span a:hover {
background-color: #fff !important;
color: #000 !important;
}
.TraminoForm.newcss .formtype_Divider .divider { font-weight: bold;font-size: 1.3rem; }
@media (max-width: 567px) {
.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten span.Note { width: 15px; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung { border-top: 1px solid #CCC; padding-top: 0.5rem; margin-top: 0.5rem; }
}
@media (min-width: 768px) {
.TraminoForm.newcss .groups {
justify-content: space-between;
}
.TraminoForm.newcss .groups .group {
width:  48%;
padding: 0 2% 1% 0;
}
.TraminoForm.newcss .groups .group + .TraminoForm.newcss .groups > div.clear {
width:  100%;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T2912 .TraminoForm .group {
width: 45%;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T2912 .TraminoForm .group {
float: none;
padding: 0px;
}
}
@media all and (max-width: 567px) {
.T2912 .TraminoForm .group {
float: none;
padding: 0px;
width: 100% !important;
}
}
.S5709 .inner {
padding: 30px;
background-color: #fff;
}.S6436 .inner {
padding: 30px;
background-color: rgba(255,255,255,0.6);
}.S6437 .inner {
padding: 30px;
background-color: rgba(0,0,0,0.1);
}.S8191 .inner {
padding: 30px;
color: #FFF;
}header {
position: -webkit-sticky;position: sticky;top: 0;left: 0;right: 0;z-index: 2002;background-color: #FFF;transition: top 1000ms;box-shadow: 10px 10px 10px rgba(0,0,0,0.1);}
header a { text-decoration: none; }
header .maxwidth {
margin-left: 50px;margin-right: 50px;}
header .top {
position: relative;height: 80px;background-color: #FFF;display: flex;flex-wrap: wrap;}
header .top #logo {
position: absolute;top: 0;left: 0;width: 80px;z-index: 1002;}
header .top #logo img { width: 80px; height: auto; aspect-ratio: 80 / 111; transition: width 500ms ease; }
.Mandant_42028 header .top #logo { width: 110px; }
.Mandant_42028 header .top #logo img { width: 110px; }
header .top .desktopnavigation {
height: 80px;margin-left: 200px;width: calc( 100% - 200px - 350px );
}
header .top .rightbar {
width: 350px;display: flex;justify-content: flex-end;align-items: center;line-height: 1em;}
.Mandant_36520 header .top .desktopnavigation { width: calc( 100% - 200px - 80px ); }
.Mandant_36520 header .top .rightbar { width: 80px; }
.Mandant_42028  header .top .desktopnavigation { width: calc( 100% - 200px - 80px ); }
.Mandant_42028  header .top .rightbar { width: 80px; }
header .top .rightbar .menu {
display: block;cursor: pointer;font-size: 3rem;line-height: 2.7rem;margin: 0 15px 0 0;}
header .top .rightbar .menu i.ath-icon-plus {
display: none;}
header .top .rightbar .voucher {
position: relative;display: block;height: 44px;width: 44px;background-image: url(https://storage.tramino.net/allgaeu-top-hotels/943734/ath-gutschein.png);background-repeat: no-repeat;background-position: top -25px left 8px;margin: 0 15px 0 0;}
header .top .rightbar .voucher:after {
position: absolute;left: 50%;bottom: -2px;transform: translate(-50%,0);display: block;content: "Gutschein";text-transform: uppercase;font-size: 14px;letter-spacing: .03rem;}
header .top .rightbar .hide {
display: none;}
header .top .rightbar .wrap {
display: flex;align-items:  center;}
header .top .rightbar .button_booking {
background-color: #78BE5B;color: #fff;line-height: 1em;padding: 0.35rem .5rem;text-transform: uppercase;font-weight: 400;letter-spacing: .05em;font-size: 25px;border: 1px solid #78BE5B;cursor: pointer;}
header .top .rightbar .button_booking.greenline { background-color: #FFF; color: #78BE5B; }
body.online_booking header .top .rightbar .button_booking.hotels { display: none; }
header .top .rightbar .button_booking:nth-child(1) { margin-right: 0.8rem; }
#body.online_booking .top .rightbar .button_booking:before {
content: "\e911";font-family: ath-icons;font-style: normal;font-weight: 400;text-transform: none;-webkit-font-smoothing: antialiased;position: absolute;right: .5rem;top: 0;color: #000;z-index: 9;line-height: 80px;transform: rotate(45deg);font-size: 2rem;}
#body.online_booking .top .rightbar .button_booking:after {
content: 'Schliessen';position: absolute;right: 0;top: 0;color: #000;background-color: #FFF;line-height: 80px;width: 100%;text-align: right;padding-right: 3rem;}

#body.openflyingnav header .top #logo img { width: 52px; }
#body.openflyingnav header .top .rightbar .menu i.ath-icon-menu { display: none; }
#body.openflyingnav header .top .rightbar .menu i.ath-icon-plus {
display: block;transform: rotate(45deg);font-size: 0.7em;margin-top: 0.3em;}
#body.openflyingnav header nav { display: none; }
#body.online_booking header nav { display: none; }
#body.online_booking header .rightbar .menu { display: none; }
#body.online_booking header .rightbar .voucher { display: none; }

header.simple .rightbar {
position: absolute;top: 0px;right: 0px;}
header.simple .rightbar .voucher, header.simple .rightbar .wrap  {
display: none
}nav {
height: 80px;font-size: 1.6em;letter-spacing: .05em;background-color: #FFF;color: #9b9b9b;}
nav > ul {
display: flex;margin: 0;padding: 0;flex-wrap: wrap;}
nav > ul > li {
position: relative;list-style-type: none;height: 80px;cursor: pointer;}
nav > ul > li > span, nav > ul > li > a {
display: flex;align-items: center;text-align: center;font-weight: 400;text-transform: uppercase;line-height: 80px;height: 100%;color: grey;text-decoration: none;padding: 0 1rem;}
nav > ul > li > a.nav-green {
background-color: #78BE5B;color: #FFF;}
.Mandant_42028 nav > ul > li > a.nav-green {
background-color: #999a78;color: #FFF;}
nav > ul > li > ul {
display: none;position: absolute;top: 80px;left: 0;z-index: 100;background-color: #FFF;border-top: 1px solid #000;font-size: 0.9em;}
nav > ul > li > ul > li > a {
color: grey;white-space: nowrap;padding: .3em 0.8em;display: inline-block;}
.Mandant_36520 nav > ul > li > ul > li > a { padding: .15em 0.8em; }

nav > ul > li:hover > span { color: #000; }
nav > ul > li:hover > ul { display: block; }
nav > ul > li > ul > li:hover > a { color: #000; }

nav > ul > li > ul > li.active > a { color: #000; }
nav > ul > li > ul > li.active > a:before { content: "\00BB\00A0"; display: inline-block; }

nav > ul > li.active > span, nav > ul > li.active > a { color: #000; }
@media all and (min-width: 1500px) and (max-width: 1650px) {
nav { font-size: 1.32em }
}
@media all and (min-width: 1376px) and (max-width: 1499px) {
nav { font-size: 1.3em }
nav > ul > li > span, nav > ul > li > a {
padding: 0 0.4rem;}
}
@media all and (min-width: 1280px) and (max-width: 1375px) {
header .top .desktopnavigation { margin-left: 120px; width: calc( 100% - 120px - 300px ); }
nav { font-size: 1.3em }
nav > ul > li > span, nav > ul > li > a {
padding: 0 0.4rem;}
header .top .rightbar { width: 300px; }
header .top .rightbar .button_booking { font-size: 20px; }
header .top .rightbar .menu { font-size: 2.5rem; margin-top: 7px; }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
header .top { display: flex; justify-content: space-between; }
header .top .desktopnavigation { visibility: hidden; margin-left: 80px; width: auto; }
header .top .desktopnavigation nav { display: none; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
header .top { display: flex; justify-content: space-between; }
header .top .desktopnavigation { visibility: hidden; margin-left: 80px; width: auto; }
header .top .desktopnavigation nav { display: none; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
header.stickyhide { position: fixed; top: -120px; }
header .maxwidth {
margin-left: 30px;margin-right: 30px;}
header .top { display: flex; justify-content: space-between; }
header .top .desktopnavigation { visibility: hidden; margin-left: 80px; width: auto; }
header .top .desktopnavigation nav { display: none; }
header .top .rightbar { width: auto; }
header .top .rightbar .menu { order: 3; margin: 0; }
header .top .rightbar .voucher { order: 2; }
header .top .rightbar .wrap { order: 1; margin: 0 15px 0 0; }
}
@media all and (max-width: 567px) {
header.stickyhide { position: fixed; top: -120px; }
header .maxwidth {
margin-left: 20px;margin-right: 20px;}
header .top #logo { width: 60px; }
header .top #logo img { width: 60px; }
.Mandant_42028 header .top #logo { width: 58px;  }
.Mandant_42028 header .top #logo img { width: 58px;  }
header .top { display: flex; justify-content: space-between; }
header .top .desktopnavigation { visibility: hidden; margin-left: 80px; width: auto; }
header .top .desktopnavigation nav { display: none; }
header .top .rightbar { width: auto; margin-top: 0.7rem;}
header .top .rightbar .menu { order: 3; margin: 0; }
header .top .rightbar .voucher { order: 2; }
header .top .rightbar .wrap  { order: 1; margin: 0 15px 0 0;  }
header .top .rightbar .button_booking { font-size: 17px; display: inline;padding: 0.2rem 0.3rem; }
header .top .rightbar .button_booking > span { display: none; }
header .top .rightbar .button_booking:nth-child(1) { margin-right: 0.4rem; }
#body.landingpage header .top #logo img { width: 52px; }
}
@media all and (max-width: 350px) {
header .top .rightbar .wrap { flex-direction: column; }
header .top .rightbar .wrap .button_booking.booking { margin-bottom: 0.25rem; }
}
.T4405 .slider {
position: relative;width: 100%;background-color: #EEE;z-index: 9;}
.T4405.showibe .slider { height: 30.9158285vw; }
.T4405 .wrapper { position: relative; }
.T4405 .imagewrapper { position: relative; }
.T4405 .slider .slide { position: relative; }
.T4405 .slider .slide { display: none; }
.T4405 .slider .slide:first-child { display: block; }
.T4405 .slider.slick-initialized .slide { display: block; }
figure {margin:  0; position: relative; }
.T4405 .slider figure, .T4405 .slider picture {
width: 100%;height: auto;}
.T4405 figure footer {
position:  absolute;bottom:  0.2rem;right:  0.3rem;opacity: 0.9;}
figure footer small { font-size:  0.7rem; color:  #FFF;text-shadow: 1px 1px 1px rgba(0,0,0,0.95);}
@media (min-width: 1024px) {
.T4405 figure footer {
bottom:  auto;top:  0.4rem;right:  0.6rem;}
figure footer small { font-size:  0.75rem; }
}
.T4405 .slider { aspect-ratio:  567 / 600; }
.T4405 .slider { aspect-ratio:  567 / 600; }
.T4405 .slider img  {
width: 100%;height: auto;aspect-ratio:  567 / 600;object-fit: cover;}
@media (min-width: 567px) {
.T4405 .slider, .T4405 .slider img  {
aspect-ratio: 768 / 307;}
}
.T4405 .textwrapper {
position: relative;z-index: 10;background-color: #FFF;font-size: 1.3em;line-height: 1.4em;padding-top: 2rem;text-align: center;max-width: 957px;margin: 0  auto 0 auto;-webkit-transform: translate3d(0,0,0);min-height: 150px;}
.T4405 .subheadline {
font-size: 1.3em;letter-spacing: .04rem;font-style: normal;font-weight: 400;margin: 0;padding-bottom: 1rem;}
.T4405 .copyrightinfos {
text-align: center;margin-top: -30px;margin-bottom: 20px;font-size: 0.7em;line-height: 1.3;}
.T4405 .text {
margin: 0 auto;text-align: left;font-size: 0.95em;line-height: 1.4em;}
.T4405 .text p {
margin-bottom: 1em;}
.T4405 .text.blogelement {
width: 100%;line-height: 1.4em;font-size: 17.6px;}
.T4405.initiale .text p:first-child:first-letter {
float: left;color: #000;font-size: 66px;line-height: 45px;padding: .1em 5px 0 0;}
.T4405 .headline_motiv {
position: absolute;top: 50%;left: 50%;z-index: 9;transform: translate(-50%,-50%);color: #FFF;text-shadow: 0 0 10px rgba(0,0,0,0.6);font-size: 3.8vw;text-align: center;width: 80%;opacity: 1;animation-name: showHeadlineMotiv;animation-delay: 200ms;animation-duration: 500ms;}
.T4405 #map { z-index: 1; }
.T4405 .badge {
position: absolute;right: 50px;top: 3rem;z-index: 10;max-width: 250px;width: 18vw;}
.T4405 .badge.small { width: 15vw; max-width: 110px; }
.T4405 .badge img { width: 100%; height: auto; }

#body .T4405.showibe #root { margin-bottom: 50px; }
#body .T4405.showibe #root .DateRangePicker_App {
position: absolute;top: auto;bottom: -11px;left: auto;right: auto;max-height:none;height: auto;padding: 20px 0 10px 0;background-color: transparent;}
#body .T4405.showibe #root .DateRangePicker_App form { 	flex-wrap: nowrap; width: auto; background-color: #DDD; padding: 10px 0; }
#body .T4405.showibe #root .DateRangePicker_App form .formLine1 { flex: 1 0 60%; }
#body .T4405.showibe #root .DateRangePicker_App form > div span.text_top {
top: -33px;background-color: #DDD;padding: 5px 10px;text-transform: uppercase;}
@-webkit-keyframes showHeadlineMotiv {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes showHeadlineMotiv {
from { opacity: 0; }
to { opacity: 1; }
}
.T4405.S7119 .textwrapper {
padding-top: 0;
margin: 0 auto;
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T4405 .textwrapper {
margin-top: 0;
font-size: 1.2em;
}
.T4405 .text {
font-size: 1.3rem;
}
.T4405 .badge { width: 16vw; right: 40px; top: 2rem; }
.T4405 .headline_motiv { font-size: 5vw; }
#body .DateRangePicker_App form .formLine1 > div, #body  .DateRangePicker_App form .formLine2 > div { padding-top: 25px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4405 .textwrapper {
margin-top: 0;
font-size: 1.1em;
}
.T4405 .text {
font-size: 1.3rem;
}
.T4405 .badge { width: 15vw; right: 30px; top: 1.5rem; }
.T4405 .headline_motiv { font-size: 6vw; }
#body .DateRangePicker_App form .formLine1 > div, #body  .DateRangePicker_App form .formLine2 > div { padding-top: 25px; }
}
@media all and (max-width: 567px) {
.T4405.showibe .slider { height: 35vw; }
.T4405 .textwrapper {
margin-top: 0;
font-size: 1em;
}
.T4405 .text {
width: auto;
padding: 0 10px;
font-size: 1.3rem;
}
.T4405 .badge { width: 17vw; right: 20px; top: 1rem; }
.T4405 .headline_motiv { font-size: 6.2vw; text-shadow: 0 0 4px rgba(0,0,0,0.9); }
#map {
height: 40vh !important;
}
}
@media all and (min-width:1024px) {
#body .T4405.showibe #root .DateRangePicker_App form .formLine2 {
position: absolute;
bottom: -118px;
left: 50%;
background: #DDD;
transform: translate(-50%, 0);
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
}
#body .T4405.showibe #root .DateRangePicker_App form .formLine2 #dynamicSelect .childAgeDate {
padding: 1rem 0 0 0;		
}
}
@media all and (max-width:1023px) {
#body .T4405.showibe #root .DateRangePicker_App {
position: static;
top: auto;
bottom: auto;
left: auto;
right: auto;
padding: 0;
}
#body .T4405.showibe #root .DateRangePicker_App { background-color: #DDD; min-height: 0; }
#body .T4405.showibe #root .DateRangePicker_App form { flex-wrap: wrap; }
#body .T4405.showibe #root .DateRangePicker_App form .formLine1 { flex: 1 0 100%; }
#body .T4405.showibe #root .DateRangePicker_App form > div span.text_top { top: 0; }
#body .DateRangePicker_App form .formLine1 > div, #body  .DateRangePicker_App form .formLine2 > div { padding-top: 25px; }
#body .DateRangePicker_App form .formLine1 .datePicker_wrapper { margin-bottom: 0; }
}.T4406 { margin: 3em auto; }
.T4406.detail { margin: 0em auto; }
.T4406 .hotel_count { margin: 1em auto; }
.T4406 .no_match { display: none; }
.T4406 .no_match.show { display: block; }
.max4406 {
max-width: 957px;
margin: 0 auto 0 auto;
margin-bottom: 30px;
}
body.activeFilter .T4406 .item_insider { display: none; }
body.activeFilter .T4406 .T4412 { display: none; }
.T4406 .similar {
position: relative;
padding: 3rem;
margin-top: 5rem;
background-color: #f6f6f6;
}
.T4406 {}
.T4406 .filter { position: relative; min-height: 80px; }
.T4406 .filter  label {
display: inline-block;
width: auto;
border: 1px solid #e2e2e2;
padding: .5rem;
}
.T4406 .filter .sternefilter label.sterne:before {
font-family: ath-icons;
font-style: normal;
font-weight: 400;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
text-decoration: inherit;
font-size: 12px;
margin-right: 2px;
letter-spacing: 2px;
}
.T4406 .filter .sternefilter label.sterne-1:before { content: "\e906"; }
.T4406 .filter .sternefilter label.sterne-2:before { content: "\e906\e906"; }
.T4406 .filter .sternefilter label.sterne-3:before { content: "\e906\e906\e906"; }
.T4406 .filter .sternefilter label.sterne-4:before { content: "\e906\e906\e906\e906"; }
.T4406 .filter .sternefilter label.sterne-5:before { content: "\e906\e906\e906\e906\e906"; }
.T4406 .filter label.active{ background-color: #e2e2e2; }
.T4406 .filter .dropdownfilter {
position: absolute;
top: 0;
right: 0;
z-index: 98;
width: 217px;
}
.T4406 .filter .ortsfilter {
top: 0;
right: 0;
}
.T4406 .filter .sternefilter {
top: 0;
left: 0;
}
.T4406 .filter .dropdownfilter .pulldownbutton {
border: 1px solid #e2e2e2;
padding: .5em 1.8em .5em .5em;
margin-top: 0.5rem;
cursor: pointer;
font-size: 18px;
letter-spacing: 1px;
position: relative;
text-transform: uppercase;
width: 217px;
}
.T4406 .filter .dropdownfilter .pulldownbutton:after {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
transform: rotate(45deg);
position: absolute;
right: 15px;
top: 11px;
}
.T4406 .filter .dropdownfilter .pulldownliste {
width: 217px;
position: absolute;
z-index: 5;
font-size: 18px;
letter-spacing: 1px;
max-height: 0;
overflow: hidden;
transition: max-height .345s ease;
background-color: #FFF;
}
.T4406 .filter .dropdownfilter .pulldownliste.open {
max-height: 300px;
overflow: scroll;
box-shadow: 3px 3px 8px #ddd;
}
.T4406 .filter .dropdownfilter .pulldownliste .list-item {
display: block;
width: 100%;
max-width: 217px;
border-bottom: none;
}
.T4406 .filter .dropdownfilter .pulldownliste .list-item input[type=checkbox] {
display: none;
}
.T4406 .filter .clearfilter {
position: relative;
display: none;
width: auto;
top: 0;
right: 0;
border: transparent;
color: #aaa;
cursor: pointer;
font-size: 1.2rem;
text-align: right;
z-index: -1;
}
.T4406 .filter .clearfilter.show { display: block; z-index: 2; }@media all and (min-width: 1024px) and (max-width: 1279px) {
}
@media all and (min-width: 768px) and (max-width:1023px) {
.max4406 { max-width: 636px; }
.max4406.lp { max-width: 478px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.max4406 { max-width: 319px; }
.T4406 .filter .dropdownfilter { position: static; top: auto; right: auto; }
}
@media all and (max-width: 567px) {
.max4406 { max-width: 319px; }
.T4406 .panel { padding: 1em; }
.T4406 .filter label { display: block;  margin-left: 0; margin-right: 0; }
.T4406 .filter .dropdownfilter { position: static; top: auto; right: auto;  }
.T4406 .filter .dropdownfilter .pulldownliste .list-item { max-width: none; }
}
#pagefooter {
width: 100%;
padding: 1em 2em;
background-color: #C4C4C4;
}
#pagefooter a { text-decoration: none; }
#pagefooter > .inner {
max-width: 1200px;
margin: 0 auto; 
display: flex;
align-items: center;
}
#pagefooter ul { margin: 0  2em 0 0 ; }
#pagefooter ul li { float: left; margin: 0em 1em 0 0; }
#pagefooter ul.links { flex-grow: 2; flex-shrink: 1; }
#pagefooter ul.greyscale { flex-grow: 0; flex-shrink: 0; }
#pagefooter ul.greyscale li { filter: grayscale(100%); }
#pagefooter ul.greyscale li:hover { filter: grayscale(0%); }
#pagefooter ul.copyright { margin-left: auto;  }
#pagefooter ul.copyright li { margin: 0 1em 0 0; font-size: 14px;}
#pagefooter ul.copyright li a{ color: #666; }
#pagefooter.new { background-color: #FFF; font-size: 15px; }
#pagefooter.new .greyscale { display: none; }
#prefooter {
background-color: rgba(0,0,0,0.1);
font-size: 0.85em;
}
#prefooter .wrapper { text-align: center; padding-top: 20px; }
#prefooter .inner {
max-width: 1200px; margin: 0 auto;
padding: 20px 0;
}
#prefooter .inner > ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#prefooter > .inner > ul > li { width: 15%; border-right: 1px dotted #AAA; padding-right: 20px; margin: 0 0 20px 0; }
#prefooter > .inner > ul > li:nth-child(6) { border-right-width: 0px; }
#prefooter > .inner > ul > li span { font-weight: bold; }
#prefooter > .inner > ul > li > ul {
margin-top: 10px;
padding-left: 5px;
}
#prefooter2 {
background-color: rgba(0,0,0,0.15);
font-size: 0.85em;
}
#prefooter2 .wrapper { 
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.Mandant_36520 #prefooter2 .wrapper { 
justify-content: center;
}
#prefooter2 .wrapper .box { 
width: 31%;
margin: 30px 4% 30px 0;
padding-right: 4%;
border-right: 1px dotted #AAA;
}
#prefooter2 .wrapper .box:last-child {
margin-right: 0;
padding-right: 0;
border-right-width: 0;
}
#prefooter2 .wrapper .box + #prefooter2 .wrapper .box { 
border-left: 1px dotted #333;
}
#prefooter2 .wrapper .box .headline {
text-transform: uppercase;
font-size: 2em;
margin-bottom: 10px;
} 
#prefooter2 .wrapper .box .text {
font-size: 16px;
font-weight: 300;
line-height: 1.45;
} 
#prefooter2 .wrapper .box .buttons {
margin-top: 10px;
display: flex;
justify-content: flex-end;
}
#prefooter2 .wrapper .box form {
display: flex;
margin-top: 10px;
}
#prefooter2 .wrapper .box form input {
height: 35px;
font-size: 17px;
padding-left: 0.5rem;
}
#prefooter2 .wrapper .box form button {
height: 35px;
font-size: 21px;
background-color: #78BE5B;
border: 0px solid #78BE5B;
color: #FFF;
cursor: pointer;
text-transform: uppercase;
font-family: "ITC Franklin Gothic LTW04BkXCm",sans-serif;
}
#prefooter2 ul li { margin: 0em 1em 0 0; margin-top: 10px; }
#prefooter2 ul.greyscale { display: flex; flex-grow: 0; flex-shrink: 0; justify-content: space-between; }
#prefooter2 ul.greyscale li { filter: grayscale(100%); }
#prefooter2 ul.greyscale li:hover { filter: grayscale(0%); }@media all and (min-width: 1024px) and (max-width: 1279px) {
}
@media all and (min-width: 768px) and (max-width:1023px) {
#prefooter > .inner { margin: 0 1rem; }
#prefooter2 .wrapper { margin: 0 1rem; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
#prefooter > .inner { margin: 0 1rem; }
#prefooter > .inner > ul > li { width: 30% }
#prefooter > .inner > ul > li:nth-child(3) { border-right-width: 0px; }
#prefooter2 .wrapper { margin: 0 1rem; }
}
@media all and (max-width: 567px) {
#prefooter > .inner { margin: 0 1rem; }
#prefooter > .inner > ul > li { width: 45% }
#prefooter > .inner > ul > li:nth-child(2) { border-right-width: 0px; }
#prefooter > .inner > ul > li:nth-child(4) { border-right-width: 0px; }
#prefooter2 .wrapper { margin: 0 1rem; flex-direction: column; }
#prefooter2 .wrapper .box { width: 100%; margin: 30px 0; border-right-width: 0; border-bottom: 1px dotted #AAA; padding-bottom: 20px; }
#prefooter2 .wrapper .box:nth-child(3)  { border-bottom: 0px dotted #AAA; }
#pagefooter > .inner {
flex-direction: column;
justify-content: flex-start;
}
#pagefooter ul {
margin: 0 0 1em 0;
}
#pagefooter ul.copyright { margin-left: 0; }
}
#flyingnav {
display: none;position: absolute;top: 0;z-index: 2010;}
#flyingnav a, #flyingnav span { text-decoration: none; display: block; }
#flyingnav .inside {
padding-right: 2rem;padding-left: 2rem;}
body.openflyingnav #flyingnav {
display: block;}
#flyingnav .outer {
position: fixed;top: 80px;width: 100vw;height: calc(100vh - 80px);background-color: #fff;z-index: 1;overflow: scroll;}
#flyingnav .outer .inside {
display: flex;}
#flyingnav li {line-height: 22px;}
#flyingnav .top { width: 65%; }
#flyingnav .top > ul { margin: 3rem 0 2rem; }
#flyingnav .top > ul { display: flex; flex-wrap: wrap; }
#flyingnav .top > ul > li {
width: 48%;margin: 0 2% 0 0;}
#flyingnav .top > ul > li > span, #flyingnav .top > ul > li > a {
border-bottom: 1px solid rgba(0,0,0,.2);font-size: 1.3rem;font-weight: 400;margin-bottom: .5rem;padding-bottom: .3rem;}
#flyingnav .top > ul > li > ul {
margin-top: 1rem;margin-bottom: 2rem;}
#flyingnav .top > ul > li > ul > li > a {
color: grey;margin-bottom: .5rem;padding-bottom: .3rem;}
#flyingnav .top > ul > li > a.nav-green {
color: #78BE5B;font-weight: bold;border-bottom-color: #78BE5B;}
#flyingnav .top > ul > li > ul > li.active > a { color: #000; }
#flyingnav .top > ul > li > ul > li.active > a:before { content: "\00BB\00A0"; display: inline-block; }
#flyingnav .top > ul > li > ul > li:hover > a { color: #000; }
.Mandant_36520 #flyingnav .top > ul > li.nav1 { order: 1; }
.Mandant_36520 #flyingnav .top > ul > li.nav2 { order: 2; }
.Mandant_36520 #flyingnav .top > ul > li.nav3 { order: 4; }
.Mandant_36520 #flyingnav .top > ul > li.nav4 { order: 3; }
.Mandant_36520 #flyingnav .top > ul > li.nav5 { order: 5; }
.Mandant_36520 #flyingnav .top > ul > li.nav6 { order: 6; }
.Mandant_36520 #flyingnav .top > ul > li.nav7 { order: 7; }

#flyingnav .bottom {
width: 35%;max-width: 320px;padding: 0 1rem 1rem 1rem;background-color: #E7E7E7;}
#flyingnav .bottom .submenu {
margin: 3rem 0 2rem;}
#flyingnav .bottom .submenu .headline {
font-size: 1.733em;letter-spacing: .05em;margin-bottom: .75em;text-transform: uppercase;border-bottom: 1px solid rgba(0,0,0,.2);}
#flyingnav .bottom ul li a {
width: 100%;margin-bottom: .5rem;padding-bottom: .3rem;}
#flyingnav .bottom ul li a.green {
background-color: #78be5b;color: #FFF;display: inline-block;padding: 0.2rem 0.5rem;margin-left: -0.5rem;}
.language-switch { color: #333; }
.language-switch ul {
display: flex;justify-content: flex-end;align-items: center;}
.language-switch ul li {
margin-left: 0.3rem;}
.language-switch ul li span:after {
display: inline-block;content: "|";font-size:  1.2rem;padding: 0 0.3rem;}
.language-switch ul li:last-child span:after { display: none; }
.language-switch span {
cursor: pointer;}
.language-switch span.active {
color:  #111;text-decoration: underline !important;}@media all and (min-width: 1024px) and (max-width: 1279px) {
}
@media all and (min-width: 768px) and (max-width:1023px) {
}
@media all and (min-width: 568px) and (max-width: 767px) {
#flyingnav .top > ul > li {
width: 45%;margin: 0 5% 0 0;}
}
@media all and (max-width: 567px) {
#flyingnav .top { width: 100%; }
#flyingnav .outer {
padding-right: 0;padding-left: 0;}
#flyingnav .top > ul { display: block; }
#flyingnav .top > ul > li > span:after, #flyingnav .top > ul > li > a:after {
font-family: ath-icons !important;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e909";position: absolute;right: 2rem;top: 1rem;}
#flyingnav .top > ul > li, #flyingnav .bottom ul > li {
border-bottom: .5px solid rgba(0,0,0,.5);width: 100%;}
#flyingnav .top > ul > li.mobileopen > span:after, #flyingnav .top > ul > li.mobileopen > a:after {
transform: rotate(90deg);}
#flyingnav .top > ul > li > ul { display: none; }
#flyingnav .top > ul > li.mobileopen > ul { display: block; }
#flyingnav .top > ul > li > ul > li {
background-color: #efefef;}
#flyingnav .top > ul > li > span, #flyingnav .top > ul > li > a, #flyingnav .top > ul > li > ul > li > a, #flyingnav .bottom ul > li > a  {
font-size: 1rem;position: relative;padding: 1rem 2rem;margin: 0 1rem;font-weight: 400;border-bottom-width: 0px;}
#flyingnav .top > ul > li > ul > li > a {
border-bottom: 1px solid rgba(0,0,0,.05);}
#flyingnav .inside { flex-direction: column; }
#flyingnav .bottom {
width: 100%;max-width: 100%;padding: 0;}
#flyingnav .bottom .submenu .headline {
border-bottom-width: 0;text-align: center;}
#flyingnav .bottom ul li a.green {
width: 100%;padding: 1rem 3rem;margin: 0;}
}
@media (min-width: 567px) {
.Mandant_36520 #flyingnav .outer {
display: flex;justify-content: center;
}
#flyingnav .top > ul { display: flex; flex-wrap: wrap; }
#flyingnav .top > ul > li {
width: 48%;margin: 0 2% 0 0;}
#flyingnav .bottom { padding-left: 1.2rem; padding-right: 1.2rem; }
}
@media (min-width: 768px) {
#flyingnav .bottom { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
#flyingnav .top { width: calc( 100% - 350px ); }
#flyingnav .bottom { padding-left: 2rem; padding-right: 2rem; width: 350px; }
#flyingnav .bottom ul li a {width: 250px;}
}
@media (min-width: 1280px) {
#flyingnav .top > ul > li > ul {
display: flex;flex-wrap: wrap;}
#flyingnav .top > ul > li > ul > li {
width: 48%;margin: 0 2% 0 0;}
}
@media (min-width: 1400px) {
#flyingnav .outer .inside {
width: 1400px;margin: 0 auto;}
}
.T4411 .list_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
}
.T4411 .item {
background-color: #FFF;
padding: 1rem;
margin: 1em;
width: calc(25% - 2rem);
}
.T4411 .item .headline {
position: relative;
font-size: 1.5em;
letter-spacing: 1px;
padding: 0 0 1px 3rem;
text-align: left;
min-height: 2em;
margin-bottom: 1em;
}
.T4411 .item .text {
line-height: 1.4;
}
.T4411 .item .headline .count {
position: absolute;
left: 0;
top: 0;
font-size: 4rem;
text-transform: none;
line-height: 1;
}
.T4411 .item .headline .name {
display: block;
padding: .5rem 0 1px 0rem;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T4411 .item {
min-width: 285px; 
max-width: 440px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4411 .item {
min-width: 285px; 
max-width: 440px;
}
}
@media all and (max-width: 567px) {
.T4411 .item {
min-width: 285px; 
max-width: 440px;
}
}
.T4412.extramargin { margin-bottom: 2rem; }
.T4412 .list_wrapper {
display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto;}
.T4412 .item {
position: relative;margin: 3rem 2% 2rem;width: 200px;height: 200px;text-align: center;}
.T4412 .icon {
position: relative;width: 200px;height: 200px;border-radius: 50%;display: block;}
.T4412 .icon i {
position: absolute;top: 15%;left: 50%;transform: translate(-50%,0%);font-size: 4.5rem;color: #FFF;}
.T4412 .item .headline {
font-size: 1.75rem;position: absolute;top: 65%;left: 50%;transform: translate(-50%,-50%);color: #FFF;}
@media all and (min-width: 768px) and (max-width:1023px) {
.T4412 .item {
margin: 3rem 2% 1.5rem;width: 170px;height: 170px;}
.T4412 .icon {
width: 170px;height: 170px;		
}
.T4412 .icon i {
top: 12%;font-size: 3.5rem;}
.T4412 .item .headline {
font-size: 1.6rem;top: 65%;}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4412 .item {
margin: 2rem 1.5% 1rem;width: 150px;height: 150px;}
.T4412 .icon {
width: 150px;height: 150px;		
}
.T4412 .icon i {
top: 10%;font-size: 3.8rem;}
.T4412 .item .headline {
font-size: 1.4rem;top: 65%;}
}
@media all and (max-width: 567px) {
.T4412 .item {
margin: 0rem 1.5% 1rem;width: 100%;height: auto;display: flex;}
.T4412 .icon {
width: 50px;height: 50px;		
}
.T4412 .icon i {
top: 50%;transform: translate(-50%,-50%);font-size: 2rem;}
.T4412 .item .headline {
position: static;top: auto;left: auto;font-size: 1.4rem;transform: translate(0,0);padding: 10px 0 0 10px;color: #000;}
}
.hotel-item { position: relative; }
.hotel-item.hide { display: none; }
.hotel-item .top .slider { width: 640px; float: left; }
.hotel-item .top .slider .item {
width: 319px;
background-color: #FFF;
position: relative;
}
.hotel-item .top .slider {
height: 211px;
}
.hotel-item .top .slider .item { border-right: 1px solid #EEE; }
.hotel-item .top .slider .item img {
width: 100%;
height: auto;
aspect-ratio:  317 / 211;
}
.hotel-item .top .slider .item i {
position: absolute;
top: 50%;
left: 50%;
z-index: 12;
transform: translate(-50%,-50%);
color: #FFF;
font-size: 70px;
}
.hotel-item .top .slider .item i:before { text-shadow: 0 0 10px rgba(0,0,0,0.8); }
.hotel-item .top .slider .item  { display: none; }
.hotel-item .top .slider .item.i1  { display: block; }
.hotel-item .top .slider.slick-initialized .item { display: block; }
.hotel-item .top .infos {
float: left;
width: 317px;
height: 212px;
overflow: hidden;
background-color: #ebebeb;
display: flex;
justify-content: center;
flex-direction: column;
}
.hotel-item .top .infos .inner {
padding: 6px 8px 6px 12px;
}
.hotel-item .top .infos .hotelname a {
font-size: 2.267em;
text-transform: uppercase;
text-decoration: none;
line-height: 1;
}
.hotel-item .top .infos .hotelsterne {
line-height: 1.3em;
font-size: 1.5em;
text-transform: uppercase;
}
.hotel-item .top .infos .hotelinfo {
margin-top: 3px;
font-size: 15px;
color: #7F7F7F;
}
.hotel-item .top .infos .hotelinfo li {
font-size: 14px;
line-height: 1.08;
}
.hotel-item .top .infos .hotelinfo li span {
display: inline-block;
white-space: nowrap;
overflow: hidden;
width: calc(100% - 12px);
text-overflow: ellipsis;
}
.hotel-item .top .infos .buttons {
padding: 0px 5px 10px 12px;
}
.hotel-item .bottom {
display: flex;
line-height: 1.5rem;
padding: 1rem;
border: 1px solid #ebebeb;
color: #7F7F7F;
border-top-width: 0px;
}
.hotel-item .bottom .bottom_inner {
width: 100%;
font-size: 0.95em;
}
.hotel-item .bottom .bottom_inner span:before { content: '\00a0\2022\00a0'; }
.hotel-item .bottom .bottom_inner span:first-child:before { content: ''; }
.hotel-item .bottom .topteam { width: 50px; flex-grow: 0; flex-shrink: 0; margin-left: 0.5rem }
.hotel-item .bottom .topteam :is(picture, img) { width: 100%; height: auto; }
.T4406 .slider .slick-prev { left: 10px; z-index: 10; }
.T4406 .slider .slick-next { right: 10px; }
.T4406 .slick-prev, .T4406 .slick-next { background-color: transparent; }
.T4406 .slick-prev:before, .T4406 .slick-next:before { color: #FFF; }
.T4406 .slick-prev:hover, .T4406 .slick-prev:focus, .T4406 .slick-next:hover, .T4406 .slick-next:focus {
border-width: 0px;
opacity: 1;
}
.hotel-item.lp .top .slider { width: 479px; height: 319px; float: left; }
.hotel-item.lp .top .slider .item {
width: 479px;
}
.hotel-item.lp .top .slider .item img {
aspect-ratio:  479 / 319;
}
.hotel-item.lp .clearfix {
clear:left;
}
.hotel-item.lp .top .infos {
width: 478px;
height: calc( 319px / 5 * 2 );
}
.hotel-item.lp .top .infos .hotelname {
margin: 5px 0 0 0;
}
.hotel-item.lp .top .infos .hotelname a {
font-size: 2.767em;
}
.hotel-item.lp .buttons { padding-top: 10px; display: flex; justify-content: flex-end; }
.hotel-item.lp .buttons .btn { margin-left: 0.55rem; border: 1px solid #78BE5B;}

.hotel-item.lp .bottom {
position: absolute;
top: calc( 319px / 5 * 2 );
right: 0;
width: 478px;
height: calc( 319px / 5 * 3 );
font-size: 0.95rem;
line-height: 1.6rem;
}
.hotel-item.lp .bottom .leftside {
display: none;
}
.hotel-item.lp .bottom .rightside { width: 100%; }
.hotel-item.lp .btn.btn-pos-br {
position: absolute;
bottom: 15px;
right: 15px;
}.hotel-item.hdm {
margin-top: 4rem;
}
.hotel-item.hdm:not(.hdm_toptipp):before {
content: 'Hotel des Monats';
font-family: "ITC Franklin Gothic LTW04BkXCm", sans-serif;
text-transform: uppercase;
color: #000;
position: absolute;
font-size: 30px;
top: -29px;
left: 3px;
}
.hotel-item.hdm:not(.hdm_toptipp):after {
content: 'Anzeige';
font-family: "ITC Franklin Gothic LTW04BkXCm", sans-serif;
text-transform: uppercase;
color: #666;
position: absolute;
font-size: 17px;
top: -18px;
right: 3px;
}
.hotel-item.hdm .slick-arrow { display: none !important; }
.hotel-item.hdm .top .slider {
height: 250px;
}
.hotel-item.hdm .top .slider .item img {
aspect-ratio:  317 / 250;
}
.hotel-item.hdm .top .infos {
height: 252px;
}
.hotel-item.hdm .headline {
font-weight: 700;
}
.hotel-item.hdm .price_wrapper {
display: flex;
justify-content: flex-end;
}
.hotel-item.hdm .price {
font-size: 20px !important;
color: #7F7F7F;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 60px;
float: left;
margin-top: -5px;
}
.hotel-item.hdm .btn {
font-size: 1.7rem;
}@media all and (min-width: 768px) and (max-width:1023px) {
.hotel-item .top .slider { width: 319px;  }
.hotel-item.lp .top .slider { width: 479px; float: none; }
.hotel-item.lp .top .infos { width: 100%; height: auto; }
.hotel-item.lp .bottom {
position: static;
top: auto;
right: auto;
width: 100%;
height: auto;
}
.hotel-item.lp .buttons { text-align: right; margin-top: 5px; }
.hotel-item.lp .btn.btn-pos-br {
position: static;
bottom: auto;
right: auto;
}
.hotel-item.hdm .slick-arrow { display: block !important; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.hotel-item .top .slider { width: 319px;  }
.hotel-item.lp .top .slider { width: 319px; height: 211px; }
.hotel-item.lp .top .infos { width: 100%; height: auto; }
.hotel-item.lp .bottom {
position: static;
top: auto;
right: auto;
width: 100%;
height: auto;
}
.hotel-item .bottom .leftside { width: 100%; float: none; }
.hotel-item .bottom .rightside { width: 100%; float: none; }
.hotel-item.lp .buttons { text-align: right; margin-top: 5px; }
.hotel-item.lp .btn.btn-pos-br {
position: static;
bottom: auto;
right: auto;
}
.hotel-item.hdm .slick-arrow { display: block !important; }
}
@media all and (max-width: 567px) {
.hotel-item .top .slider { width: 319px; float: none; }
.hotel-item .top .infos { float: none; width: 100%; height: auto; }
.hotel-item.lp .top .slider { width: 319px; height: 211px; }
.hotel-item.lp .top .infos { width: 100%; height: auto; }
.hotel-item.lp .bottom {
position: static;
top: auto;
right: auto;
width: 100%;
height: auto;
}
.hotel-item .bottom .leftside { width: 100%; float: none; margin-bottom: 0.5em; }
.hotel-item .bottom .rightside { width: 100%; float: none; }
.hotel-item.lp .buttons { text-align: right; margin-top: 5px; }
.hotel-item.lp .btn.btn-pos-br {
position: static;
bottom: auto;
right: auto;
}
.hotel-item.hdm .slick-arrow { display: block !important; }
}
@media (min-width: 567px) {
.hotel-item .bottom .topteam { width: 60px; }
}
@media (min-width: 768px) {
.hotel-item .bottom .topteam { width: 70px; }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
.hd-headline {
font-family: 'Typo Round',sans-serif !important;
position: relative;
margin: 0 auto;
display: block;
width: -moz-fit-content;
width: fit-content;
color: #000;
padding: 0 100px;
text-transform: none !important;
zoom: 1;
float: none;
text-align: center;
font-size: 2.667em;
letter-spacing: .075em;
line-height: 1em;
font-weight: 400;
}

h1.hd-headline { margin-bottom: 0.5rem; }
h2.hd-headline { margin-bottom: 1.5rem; }
.followsubheadline .hd-headline {
margin-bottom: 0.3rem; 
}
.hd-subheadline {
font-size: 1.733em;
line-height: 1.2em;
letter-spacing: .05em;
margin-bottom: .75em;
border-bottom: 1px dotted #000;
padding: 0 5px;
font-family:"ITC Franklin Gothic LTW04BkXCm"; font-style: normal; font-weight: 400;
display: inline-block;
}
.hd-subheadline2 {
font-size: 1.733em;
line-height: 1.2em;
letter-spacing: .05em;
margin-bottom: 1.5em;
font-weight: 400;
display: block;
text-align: center;
font-family:"ITC Franklin Gothic LTW04BkXCm"; font-style: normal; font-weight: 400;
}
.hotel-item #hd-infos .hotelbewertung:hover { color: #78BE5B; }
.greypositionwrapper:not(.simple) {
background: #ebebeb;
height: 730px;
}
.greypositionwrapper:not(.simple) > .inner {
max-width: 900px;
margin: 0 auto;
position: relative;
}
.greypositionwrapper:not(.simple) > .inner > .item {
position: absolute;
background-color: #fff;
overflow: hidden;
text-align: center;
z-index: 1;
display: flex;
}
.hightlight > .inner > .item:hover { z-index: 2; }
.greypositionwrapper:not(.simple) > .inner > .item { flex-direction: column; }
.greypositionwrapper:not(.simple) > .inner > .item.floated { flex-direction: row; }
.greypositionwrapper:not(.simple) > .inner > .item .text { margin-top: 1em; margin-bottom: .5em; line-height: 1.3em; padding: 0 1em; }
.greypositionwrapper:not(.simple) > .inner > .item .buttons { margin-top: 1em; margin-bottom: .5em; }
.greypositionwrapper:not(.simple) > .inner > .item img { width: 100%; height: auto; }
@media all and (max-width:1023px) {
.greypositionwrapper:not(.simple) { height: auto; }
.greypositionwrapper:not(.simple) > .inner {
max-width: 460px;
padding: 2rem 0;
flex-direction: column !important;
}
.greypositionwrapper:not(.simple) > .inner > .item.floated { flex-direction: column; }
.greypositionwrapper:not(.simple) > .inner > .item {
position: relative;
top: auto !important;
left: auto !important;
margin: 1rem 0;
width: 100% !important;
height: auto !important;
}
.greypositionwrapper:not(.simple) > .inner > .item .text { order: 2; }
.greypositionwrapper:not(.simple) > .inner > .item .img { order: 1; }
}
.greypositionwrapper.simple {
background: #ebebeb;
}
.greypositionwrapper.simple .inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 2rem;
padding-bottom: 2rem;
}
.greypositionwrapper.simple .inner .item {
display: flex;
flex-direction: column;
background-color: #FFF;
width: 48%;
margin-bottom: 4%;
}
.greypositionwrapper.simple .inner .item .image { order: 1; }
.greypositionwrapper.simple .inner .item .image img { width: 100%; height: auto; aspect-ratio: 5/3; object-fit: cover; }
.greypositionwrapper.simple .inner .item .text { 
order: 2;
padding: 1rem;
}
@media all and (min-width: 768px) and (max-width:1023px) {
.hd-headline { font-size: 2.4em; }
.hd-subheadline { font-size: 1.7em; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.hd-headline { font-size: 2.3em; }
.hd-subheadline { font-size: 1.6em; }
}
@media all and (max-width: 567px) {
.hd-headline { width: 100%; padding: 0 10px; font-size: 2.2em; }
.hd-headline:before, .hd-headline:after { display: none; }
.hd-subheadline { font-size: 1.5em; }
}
#hd-hero .gallery {
max-width: 1920px;width: 100vw;overflow: hidden;margin: 0 auto;}
#hd-hero .gallery .slide { display: none; }
#hd-hero .gallery .slide:first-child { display: block; }
#hd-hero .gallery.slick-initialized .slide { display: block; }
#hd-hero .gallery .slide { position: relative; }
#hd-hero .gallery :is(img, picture) {
width: 100%;height: auto;}
#hd-hero .gallery { aspect-ratio:  567 / 600; }
#hd-hero .gallery img  {
width: 100%;height: auto;aspect-ratio:  567 / 600;object-fit: cover;}
@media (min-width: 567px) {
#hd-hero .gallery, #hd-hero .gallery img  {
aspect-ratio: 768 / 307;}
}
#hd-hero .gallery a { position: relative; display: block; width: 100%; height: auto;}
#hd-hero .gallery i.ath-icon-play {
position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;color: #FFF;font-size: 3rem;}
#hd-hero .gallery .slick-prev { left: 10px; z-index: 10; }
#hd-hero .gallery .slick-next { right: 10px; }
#hd-hero .slick-prev, #hd-hero .slick-next { background-color: transparent; }
#hd-hero .slick-prev:before, #hd-hero .slick-next:before { color: #FFF; }
#hd-hero .slick-prev:hover, #hd-hero .slick-prev:focus, #hd-hero .slick-next:hover, #hd-hero .slick-next:focus {
border-width: 0px;opacity: 1;}
#hd-hero .gallery figure footer {
position:  absolute;bottom:  0.2rem;right:  0.3rem;opacity: 0.9;}
@media (min-width: 1024px) {
#hd-hero .gallery figure footer {
bottom:  auto;top:  0.4rem;right:  0.6rem;}
figure footer small { font-size:  0.75rem; }
}@media (min-width: 567px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
#hd-hero .gallery i.ath-icon-play {
font-size: 5rem;
}
}
@media (min-width: 1280px) {
}
#hd-infos {
text-align: center;
position: relative;
z-index: 2;
background-color: #FFF;
padding: 50px 0;
}
#hd-infos .ort {
width: 95%;
margin: 0 auto;
text-align: center;
letter-spacing: .1em;
line-height: 1.8em;
font-size: 1.3em;
text-transform: uppercase;
}
#hd-infos .hotelbewertung { font-size: 16px; } 
#hd-infos .hotelbewertung .stars_rating { margin-right: 3px; } 
#hd-infos .buttons {
margin-top: 20px;
}

#hd-beschreibung .col1 {
width: 45%;
padding: 0 1rem;
}
#hd-beschreibung .col1 .text {
font-size: 1.15em;
line-height: 1.4em;
margin-top: 0;
font-weight: 400;
}
#hd-beschreibung .col1 .text:first-letter {
float: left;
color: #000;
font-size: 66px;
line-height: 45px;
padding: .1em 5px 0 0;
}
#hd-beschreibung .col2 .map {
width: 450px;
height: 378px;
position: relative;
}
#hd-beschreibung .col2 .map picture {
position: absolute;
top: 0;
left: 0;
right: 0;
border: 0;
z-index: 1;
}
#hd-beschreibung .col2 .map picture img { width: 100%; height: auto; }
#hd-beschreibung .col2 .map .poi {
width: 100%;
height: auto;
opacity: 0.8;
}
#hd-beschreibung .col2 .map .div_poi {
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #D30C0C;
display: none;
z-index:  2;
}
#hd-beschreibung .col2 .map .div_poi.poi_bad-hindelang { bottom: 33%; left: 60.5%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_bad-oberdorf { bottom: 33.1%; left: 60.4%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_bad-woerishofen { top: 23%; right: 29%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_balderschwang { bottom: 28.8%; left: 48%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_blaichach { bottom: 33.7%; left: 54.6%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_burgberg { bottom: 32.8%; left: 54.8%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_burgberg-allgaeu { bottom: 32.8%; left: 54.8%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_eisenberg { bottom: 44%; left: 69.5%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_fischen { bottom: 30.3%; left: 54.2%; display: block;  }
#hd-beschreibung .col2 .map .div_poi.poi_fuessen { bottom: 39.2%; left: 75.4%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_halblech { bottom: 42.1%; left: 78.4%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_hirschegg { bottom: 21.5%; left: 49.7%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_irsee { top: 33%; right: 32%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_isny { bottom: 47%; left: 43.8%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_kleinwalsertal { bottom: 21.5%; left: 49.7%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_lindenberg { bottom: 41.4%; left: 39%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_maierhoefen { bottom: 46%; left: 45%; display: block;  }
#hd-beschreibung .col2 .map .div_poi.poi_marktoberdorf { bottom: 54.5%; left: 65%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_nesselwang { bottom: 44.9%; left: 66.9%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_obermaiselstein { bottom: 30%;	left: 54.0%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_oberstaufen { bottom: 34.5%; left: 44.5%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_oberstdorf { bottom: 26.5%; left: 54.8%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_ofterschwang { bottom: 30.4%; left: 54%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_oy-mittelberg { bottom: 43.5%; left: 61%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_pfronten { bottom: 39.2%; left: 65%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_rosshaupten { bottom: 44.2%; left: 75.4%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_rueckholz { bottom: 43.3%; left: 61%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_scheidegg { bottom: 39.2%; left: 34.2%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_schwangau { bottom: 41.5%; left: 77.5%; display: block; }
#hd-beschreibung .col2 .map .div_poi.div_poi.poi_hohenschwangau { bottom: 41.5%; left: 77.5%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_sonthofen { bottom: 32.5%; left: 54.8%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_weiler { bottom: 41.4%; left: 39%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_weitnau { bottom: 44.4%; left: 48.3%; display: block; }
#hd-beschreibung .col2 .map .div_poi.poi_argenbuehl { bottom: 46.6%; left: 40.3%; display: block; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
#hd-infos {
padding: 40px 0;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
#hd-infos {
margin-top: 0px;
padding: 30px 0;
}
#hd-beschreibung .col1 .text {
font-size: 1.2em;
line-height: 1.3em;
}
#hd-beschreibung .col2 .map {
width: 370px;
height: 310.8px;
background-size: 370px auto;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
#hd-infos {
margin-top: 0px;
padding: 30px 0;
}
#hd-beschreibung .col1 {
width: 100%;
padding: 0 1rem;
}
#hd-beschreibung .col1 .text {
font-size: 1.1em;
line-height: 1.2em;
}
#hd-beschreibung .col2 .map {
margin: 0 auto;
width: 370px;
height: 310.8px;
background-size: 370px auto;
}
}
@media all and (max-width: 567px) {
#hd-infos {
margin-top: 0px;
padding: 20px 0;
}
#hd-beschreibung .col1 {
width: 100%;
padding: 0 1rem;
}
#hd-beschreibung .col1 .text {
font-size: 1.0em;
line-height: 1.3em;
}
#hd-beschreibung .col2 .map {
margin: 0 auto;
width: 290px;
height: 243.6px;
background-size: 290px auto;
}
}
.hotelbewertung {

line-height: 0.8em;
font-size: 1.3em;
}
.hotelbewertung .rating {
margin-right: 12px;
}
.hotelbewertung .stars_rating {
margin-right: 12px;
font-size: 17px;
}
.stars_rating i {
position: relative;
display: inline-block;
width: 1rem;
height: 1rem;
color: #E7E7E7;
margin-right: 0.2em;
}
.stars_rating i:before {
content: "\e907";
display: block;
color: #FFF;
}
.stars_rating i:after {
content: '';
position: absolute;
left: 0;
top: 0;
display: inline-block;
color: #78BE5B;
}
.stars_rating i.full:after {
content: "\e907";
}
.stars_rating i.half:after {
content: "\e908";
}
.stars_rating.detail i:before {
content: "\e907";
display: block;
color: #E7E7E7;
}#hd-gruppen { margin-top: 2rem;  }
#hd-gruppen .gruppe {
margin-bottom: 2rem;border: 1px solid #E7E7E7;}
#hd-gruppen .cols_wrapper {
align-items: start;position: relative;}
#hd-gruppen .col1 {
position: relative;}
#hd-gruppen .col1 img {
width: 100%;height: auto;aspect-ratio:  449 / 300;}
#hd-gruppen .col1 .name {
position: absolute;top: 50%;left: 0;right: 0;transform: translate(0%,-50%);text-align: center;text-shadow: 0 0 5px #000,0 0 120px #000;font-size: 2.5em;color: #FFF;}
#hd-gruppen .col2 .wrapper {
padding: 4rem 2rem 1rem 2rem;}
#hd-gruppen .col2 ul li {
list-style: disc;margin-left: 1.65rem;line-height: 22px;}
#hd-gruppen .gruppe:not(.open) {
cursor: pointer
}
#hd-gruppen .gruppe:not(.open) .cols_wrapper {
padding: 2rem;}
#hd-gruppen .gruppe:not(.open) .col1 .name {
text-shadow: none;color: #000;text-align: left;font-size: 1.5rem;}
#hd-gruppen .gruppe:not(.open) .col1 picture,
#hd-gruppen .gruppe:not(.open) .col2 .wrapper {
display: none;}
#hd-gruppen .gruppe .arrow {
position: absolute;top: 1rem; right: 1.5rem;padding: 0.5rem;cursor: pointer;}
#hd-gruppen .gruppe.open .arrow svg {
transform: rotateZ(180deg);transform-origin: center center;}
@media all and (min-width: 1024px) and (max-width: 1279px) {
}
@media all and (min-width: 768px) and (max-width:1023px) {
}
@media all and (min-width: 568px) and (max-width: 767px) {
#hd-gruppen .col2 .wrapper { padding: 1.5rem; }
#hd-gruppen .col2 ul li { font-size: 0.95rem; }
}
@media all and (max-width: 567px) {
#hd-gruppen .col2 .wrapper { padding: 1rem; }
#hd-gruppen .col2 ul li { font-size: 0.9rem; }
}
.good2know .col33 {
background-color: #E7E7E7;
padding: 1.3rem;
width: 32%;
}
.good2know .col25 {
background-color: #E7E7E7;
padding: 1.3rem;
width: 24%;
}
.good2know ul.styled li {
border-bottom: 1px dotted #000;
padding: .75rem .3rem;
}
.good2know ul.styled li:last-child { border-bottom-width: 0; }
.good2know ul.styled li span { margin-left: 2rem; }
.good2know ul.styled li a span { margin-left: unset; }
.good2know .col33.prices ul li span { margin-left: 2rem; float: right;  }
.good2know .price_table { margin-bottom: 2rem; }
.good2know .price_table .list {
display: flex;
justify-content: space-between;
}
.good2know .price_table p {
margin-top: 1rem;
}@media all and (min-width: 1024px) and (max-width: 1279px) {
}
@media all and (min-width: 768px) and (max-width:1023px) {
.good2know .col33, .good2know .col25 {
flex: 1 0 100%;
max-width: 460px;
margin: 0 auto;
margin-bottom: 2rem;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.good2know .col33, .good2know .col25 {
flex: 1 0 100%;
max-width: 460px;
margin: 0 auto;
margin-bottom: 2rem;
}
}
@media all and (max-width: 567px) {
.good2know .col33, .good2know .col25 {
flex: 1 0 100%;
max-width: 460px;
margin: 0 auto;
margin-bottom: 2rem;
}
}
.hightlight:not(.simple) #erleben {
width: 264px;

left: 0;
top: 96px;
}
.hightlight:not(.simple) #wohnen {
width: 592px;
left: 305px;
top: 29px;
}
.hightlight:not(.simple) #wohnen .text { width: 35%; }
.hightlight:not(.simple) #entspannen {
width: 502px;
left: 78px;
top: 365px;
}
.hightlight:not(.simple) .entspannen_pos2 #entspannen { top: 410px; }
.hightlight:not(.simple) #entspannen .text { width: 35%; }
.hightlight:not(.simple) #geniessen {
width: 259px;
height: auto;
left: 605px;
top: 212px;
}
.hightlight:not(.simple) #geniessen .text { order: 2; }
.hightlight:not(.simple) #geniessen .img { order: 1; }
.hightlight:not(.simple) #erleben img { aspect-ratio: 264 / 169 }
.hightlight:not(.simple) #entspannen img { aspect-ratio: 335 / 225 }
.hightlight:not(.simple) #geniessen img { aspect-ratio: 259 / 319 }
.hightlight:not(.simple) #wohnen img { aspect-ratio: 428 / 284 }
.hotelfilm {
position: absolute;
top: 598px;	
}
.hotelfilm a {
text-decoration: none;
font-size: 26px;
text-transform: uppercase;
color: #48488a;
}
.hotelfilm a .title {
margin-top: 8px;
}
.ath-video { display: none; }
.videoinfo {
font-size: 11px;
line-height: 1.1;
background-color: #FFF;
margin-top: 3px;
margin-left: 5px;
margin-right: 5px;
padding: 2px 3px;
}

.greypositionwrapper.simple { height: auto; }@media all and (max-width:1023px) {
.hotelfilm {
position: static;
top: auto;
margin-left: 2em;
}
.hightlight:not(.simple) #wohnen .text { width: 100%; }
.hightlight:not(.simple) #entspannen .text { width: 100%; }
}
.bottominfos .cols_wrapper {
justify-content: center;
column-gap: 25px;
}
.bottominfos .cols_wrapper.stretch {
align-items: stretch;
}
.bottominfos .buttons { text-align: center }
.bottominfos .col33 { width: 32%;  }
.bottominfos .col66 { width: 65%; }
.bottominfos .col66.bg { padding: 1.3rem; background-color: #E7E7E7; }
.bottominfos .col33 picture { width: 100%; height: 100%; }
.bottominfos .col33 img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
.bottominfos .headwrapper { text-align: center; }
.bottominfos .hotelbewertung  { font-size: 16px; }
.bottominfos .summery {
display: flex;
flex-wrap: wrap;
margin: 2em 0;
}
.bottominfos .summery .item {
width: 50%;
padding: 1.3rem .5rem;
text-align: center;
border-bottom: 1px dotted #000;
}
.bottominfos .summery .item i { color: #E7E7E7; font-size: 2rem; }
.bottominfos .summery .item.odd { border-right: 1px dotted #000; }
.bottominfos .summery .item.last { border-bottom-width: 0px; }
.bottominfos ul li.wicon {
margin-bottom: 0.3rem;
}
.bottominfos ul li.wicon a {
display: flex;
align-items: center;
}
.bottominfos ul li.wicon a i {
font-size:  1.2rem;
margin-right:  0.5rem;
}@media all and ( max-width: 1023px ) {
.bottominfos .cols_wrapper {
flex-wrap: wrap;
text-align: center;
max-width: 300px;
margin: 0 auto;
}
.bottominfos .cols_wrapper :is(.col33,.col66) {
width: 100%;
}
.bottominfos .summery {
flex-direction: column;
}
.bottominfos .summery .item {
width: 100%;
}
.bottominfos .summery .item.last { border-bottom-width: 1px; }
.bottominfos .summery .item:last-child { border-bottom-width: 0px; }
.bottominfos .summery .item.odd { border-right: 0 dotted #000; }
}.ortsdetails.greypositionwrapper {
height: auto;}
.ortsdetails.greypositionwrapper .inner {
top: 50%;}
.ortsdetails.greypositionwrapper .inner .item {
text-align: left;flex-direction: column;min-height: 300px;}
.ortsdetails.greypositionwrapper .inner .item .content {
padding: 1rem;margin: auto 0;}
.ortsdetails.greypositionwrapper .inner .buttons {
display: flex;justify-content: flex-end;}
.ortsdetails.greypositionwrapper .inner .slider .slider_item {
background-color: #FFF;position: relative;}
.ortsdetails.greypositionwrapper .inner .slider .slider_item footer {
position: absolute;bottom: 0.6em;right: 0.9em;}
.ortsdetails.greypositionwrapper .inner .slider {
width: 100%;}
@media all and (min-width: 1024px) {
.ortsdetails.greypositionwrapper {
height: 400px;}
.ortsdetails.greypositionwrapper .inner .item {
transform: translateY(-50%);flex-direction: row;}
.ortsdetails.greypositionwrapper .inner .slider .slider_item {
width: 400px;}
.ortsdetails.greypositionwrapper .inner .slider {
width: 400px;display: flex;align-items: center;}
}.T4429 {
font-size: 1.3em;}
.T4429 .rubrik { margin-bottom: 2rem;}
.T4429 .cols_wrapper { align-items: stretch; }
.T4429 .col1 { position: relative; }
.T4429 .col1:before, .T4429 .col1 .name, .T4429 .col1 img { transition: opacity 1.5s ease; }
.T4429 .col1:before {
content: 'W\00E4hle dein Erlebnis \00BB';opacity: 0;font-family: "Typo Round", sans-serif;font-size: 1.9em;display: inline-block;position: absolute;top: 46%;width: 100%;text-align: center;z-index: 9;}
.T4429 .col1 img {
width: 100%;height: auto;opacity: 1;aspect-ratio: 449 / 215;background-color:  #eee;}
.T4429 .col1 .name {
position: absolute;top: 50%;left: 0;right: 0;transform: translate(0%,-50%);text-align: center;text-shadow: 0 0 5px #000,0 0 120px #000;font-size: 1.9em;color: #FFF;opacity: 1;}
.T4429 .col1 .name:first-letter { text-transform: uppercase; }
.T4429 .col1 .name font font:first-letter { text-transform: uppercase; color: #F00; }
.T4429 .col2 { 
display: flex;align-items: center;justify-content: flex-start;border: 1px solid #eee;}
.T4429 .col2 .wrapper {
padding: 2rem;font-size: 0.9em;}
.T4429 .col2 ul li {
margin-left: 1.65rem;line-height: 22px;}
.T4429 .col2 ul li a:before {
content: '\00BB\0020';color: #78BE5B;}
.T4429 .col2 ul li a span font:first-letter { text-transform: uppercase; }
.T4429 .col2 ul li a:hover { color: #78BE5B; }

.T4429 .col1:hover:before { opacity: 1 }
.T4429 .col1:hover .name { opacity: 0; }
.T4429 .col1:hover img { opacity: 0.2; }
@media all and (min-width: 568px) and (max-width: 767px) {
.T4429 .col1 { margin-bottom: 0;}
.T4429 .col1:before { content: 'W\00E4hle dein Erlebnis'; }
.T4429 .col2 { 
display: block;
}
.T4429 .col2 .wrapper { padding: 0; }
.T4429 .col2 ul li { border-bottom: 1px solid #eee; margin-left: 0;}
.T4429 .col2 ul li:last-child { border-bottom-width: 0px;  }
.T4429 .col2 ul li a { display: block; padding: 0.5em 1em;  }
}
@media all and (max-width: 567px) {
.T4429 .col1 { margin-bottom: 0;}
.T4429 .col1:before { content: 'W\00E4hle dein Erlebnis'; }
.T4429 .col2 { 
display: block;
}
.T4429 .col2 .wrapper { padding: 0; font-size: 0.7em; }
.T4429 .col2 ul{
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 0.2em;
}
.T4429 .col2 ul li { border-bottom: 1px solid #eee; margin-left: 0;	flex-basis: 50%; display: flex;}
.T4429 .col2 ul li:last-child { border-bottom-width: 0px;  }
.T4429 .col2 ul li a { display: block; padding: 0.5em 1em; align-self: center; }
.T4429 .col2 ul li:nth-child(odd) {
border-right: 1px solid #eee;
}

.T4429 .col2 ul li a:before {
content: '';
}
}
@media (min-width: 567px) {
.T4429 .col1 img {
aspect-ratio: 449 / 300;
}
}
.T4431 { position: relative; }
.T4431 .filter {
position: relative;
max-width: 900px;
width: 95%;
margin: 10rem auto 2rem;
}
.T4431 .filter ul li {
line-height: 2em;
}
.T4431 .filter ul li a.active span { font-weight: 700; }
.T4431 .seiten .item {
margin-bottom: 2em;
}
.T4431 .seiten .item .wrapper {
max-width: 900px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
clear: both;
padding-bottom: 3em;
overflow: hidden;
}
.T4431 .seiten .item .headline-line-wrapper {
width: 100%;
}
.T4431 .seiten .item .headline-line-wrapper .info {
position: relative;
width: 100%;
text-align: center;
top: -30px;
text-transform: uppercase;
color: #818181;
}
.T4431 .seiten .item .image {
margin-right: 1em;
position: relative;
z-index: 3;
width: 50%;
}
.T4431 .seiten .item .image figure footer {
position:  absolute;
bottom:  0.6rem;
right:  0.9rem;
}
.T4431 .seiten .item .image img { width: 100%; height: 100%; max-height: 300px;  aspect-ratio: 449 / 300;}
.T4431 .seiten .item .teaser {
padding: 2rem 1rem 0 4rem;
position: relative;
left: -3rem;
top: 2rem;
border: 1px solid #ebebeb;
max-width: 449px;
line-height: 1.5em;
width: 50%;
}
.T4431 .seiten .item .teaser .headline {
letter-spacing: .03rem;
text-transform: uppercase;
font-size: 1.8em;
}
.T4431 .seiten .item .teaser .subtitle {
font-size: .9rem;
margin-bottom: 1rem;
}
.T4431 .seiten .item .teaser p { margin-bottom: 10px; }
.T4431 .seiten .item .teaser .buttons { text-align: right; }
.T4431 .more{ padding: 2rem 2rem 3rem; text-align: center; }
.T4431 .TraminoPaginator {
display: flex;
justify-content: center;
}
.T4431 .TraminoPaginator span.anzahl { display: none; }
.T4431 .TraminoPaginator span a {
text-align: center;
display: inline-block;
min-width: 44px;
height: 44px;
border: 1px solid #000 !important;
color: #000;
line-height: 44px;
padding: 0 .6rem;
font-size: 1em;
margin-right: 0.5em;
}
.T4431 .TraminoPaginator span.aktiv a, .T4431 .TraminoPaginator span a:hover {
font-weight: 400;
border-color: #78BE5B !important;
color: #78BE5B !important;
font-size: 1em;
background-color: transparent !important;
}
@media (min-width: 1432px) {
.T4431 .filter {
position: fixed;
left: 100px;
top: 100px;
width: 100%;
}
}
@media all and (max-width:1023px) {
.T4431 .seiten .item .wrapper {
flex-wrap: wrap;
}
.T4431 .seiten .item .image {
margin-right: 0;
}
.T4431 .seiten .item .teaser {
padding: 2rem 1rem 0 1rem;
left: 0;
top: 0;
}
}
@media all and (max-width: 567px) {
.T4431 .seiten .item .image { width: 100%; }
.T4431 .seiten .item .teaser { width: 100%; }
}
.T4432 { margin-bottom: 2em; }
.T4432 .headline {
font-size: 2em;
letter-spacing: 1px;
margin-top: .8em;
margin-bottom: .5em;
font-weight: 700;
}
.T4432 .subheadline {
font-size: 1.733em;
letter-spacing: .05em;
margin-bottom: .75em;
font-weight: 700;
}
.T4432 .text {
line-height: 1.4em;
font-size: 1.1em;
margin-bottom: 1em;
}
.T4432 .text p { margin-bottom: 1em; }
.T4432 .text .center { text-align: center; }
.T4432 .text ul li { 
list-style: disc;
margin-bottom: .5rem;
margin-left: 1.3rem; 
}
.T4432 .images img {
width: 100%;
height: auto;
margin: 3rem 0 0;
}
.T4432 .images .videowrapper {
width: 100%;
padding-top: 56.25%;
position: relative;
}
.T4432 .images .videowrapper .bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
opacity: 1;
transition: opacity 500ms;
}
.T4432 .images .videowrapper.loaded .bg { opacity: 0; }
.T4432 .images .videowrapper .bg img {
position: absolute;
top: 0;
left: 0;
right: 0;
border: 0;
z-index: 0;
}
.T4432 .images .videowrapper .bg i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 5rem;
color: #FFF;
text-shadow: 0 0 1rem rgba(0,0,0,0.5);
}
.T4432 .images .videowrapper iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
width: 100%;
height: 100%;
display: none;
}
.T4432 .images .videowrapper.loaded iframe { display: block; }
.T4432 .images figure { position: relative; }
.T4432 .images.cols { display: flex; flex-wrap: wrap; justify-content: space-between; }
.T4432 .images.cols figure { width: 48.5%; }
.T4432 .images picture img { background-color: #EEE; }
.T4432 .images picture .r900600 img { aspect-ratio: 9 / 6; }
.T4432 .images picture .r420315 img { aspect-ratio: 420 / 315; }
.T4432 .images picture .r8501060 img { aspect-ratio: 850 / 1060; }
.T4432 .images picture .r900300 img { aspect-ratio: 9 / 3; }
.T4432 .images figure footer {
position:  absolute;
bottom:  0.6rem;
right:  0.9rem;
}
.T4432 .button_wrapper {
display: flex;
justify-content:  flex-end;
margin-bottom: 1rem;
}

.T4432.S8846 .button_wrapper { justify-content: center }.T4435 .hotelwrapper {
overflow: hidden;
padding-top: 2em;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.T4435 .hotelwrapper .item {
display: flex;
flex-direction: column;
width: 29%;
margin: 0 2%;
max-width: 377px;
min-width: 280px;
}
.T4435 .hotelwrapper .item .genussbereich {
border-bottom: 1px solid #000;
padding-bottom: .2rem;
text-transform: uppercase;
font-style: normal;
font-weight: 400;
font-size: 2em;
margin-bottom: 5px;
}
.T4435 .hotelwrapper .item .hotel {
color: #333;
margin-bottom: .5rem;
margin-top: .5rem;
}
.T4435 .hotelwrapper .item .image img {
width: 100%;
height: auto;
aspect-ratio: 550 / 350;
}
.textwrapper_pos {
width: 90%;
background-color: #FBFBFB;
position: relative;
top: -35px;
}
.T4435 .hotelwrapper .item .textwrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
flex:  1;
padding-bottom: 1rem;
hyphens: auto;
border: 1px solid rgba(0,0,0,.05);
}
.T4435 .hotelwrapper .item .textwrapper .text {
padding: 2em 2em 0;
font-size: 1em;
line-height: 1.5em;
}
.textwrapper_pos strong {
display: inline-block;
font-size: 1.75rem;
line-height: 1.3em;
letter-spacing: .05em;
margin-bottom: 0.2em;
font-weight: 400;
font-family:"ITC Franklin Gothic LTW04DmXCm";
text-transform: uppercase;
}
.T4435 .hotelwrapper .item .buttons {
display: flex;
justify-content: flex-end;
padding: 2em 1em 0;
font-size: 1em;
line-height: 1.5em;
text-align: right;
}
.T4435 .hotelwrapper .item .buttons .price {
margin-right: 10px;
font-size: 1.4em;
align-self: center;
}
@media all and (min-width: 568px) and (max-width:1023px) {
.T4435 .hotelwrapper { flex-direction: column; }
.T4435 .hotelwrapper .item {
width: 100%;
max-width: 420px;
margin-left: auto;
margin-right: auto;
}
.T4435 .hotelwrapper .item .buttons { text-align: center; position: static; right: auto; bottom: auto; }
}
@media all and (max-width: 567px) {
.T4435 .hotelwrapper { flex-direction: column; }
.T4435 .hotelwrapper .item {
width: 90%;
max-width: 420px;
margin-left: auto;
margin-right: auto;
}
.T4435 .hotelwrapper .item .buttons { text-align: center; position: static; right: auto; bottom: auto; }
}
.T4436 {}.T4436.S7112 .itemwrapper { justify-content: space-between; }
.T4436.S7112 .itemwrapper.two { justify-content: flex-start; }@media all and (max-width:1023px) {
.T4436 .greybg { background-color: #FFF; }
}
.T4437 h2 {
font-size: 2rem;
margin-bottom: 3rem;
text-align: center;
}
.T4437 h3 {
font-size: 1.733em;
letter-spacing: .05em;
margin-bottom: .75em;
}
.T4437 .imagetext { display: flex;}
.T4437 .image { width: 449px; margin: 0 2em 0 0; }
.T4437 .textwrapper {  }
.T4437 .text { line-height: 1.3em; }
.T4437 .text p { margin-bottom: 1em; }@media (max-width: 950px) {
.T4437 .imagetext { flex-wrap: wrap; }
}.T4438 { padding: 40px 0; font-size: 16px; }
.T4438.bigger .maxwidth {  max-width: none !important; width: auto !important; margin: 0px !important; }
.T4438 .maxwidth {
max-width: 900px;
margin: 0 auto;
position: relative;
}
.T4438 .autor {
text-align: right;
background-color: #f0f0f0;
padding-bottom: 20px;
padding-right: 15px;
font-size: 13px;
}
.T4438 .autor a { text-decoration: underline; }
.T4438 .headline {
text-align: center;
font-size: 2em;
line-height: 1.3em;
padding-bottom: 5px;
margin: 0 auto;
text-transform: uppercase;
letter-spacing: .075em;
}
.T4438 .subheadline {
text-align: center;
letter-spacing: .1em;
line-height: 1.5em;
text-transform: uppercase;
padding-bottom: 20px;
}
.T4438 h3 {
font-size: 20px;
display: inline-block;
padding-bottom: 5px;
margin: 0 auto;
}
.T4438 .no_ratings {
text-align: center;
color: #909090;
padding: 10px 0;
}
.T4438 .top { 
display: flex;
height: 60px;
}
.T4438 .top .menu.active {
background-color: #fff !important;
border-bottom: 1px solid #fff;
z-index: 11;
}
.T4438 .top .menu {
flex: 1 0 auto;
background-color: #f0f0f0;
border-radius: 6px 6px 0 0;
margin: 0 5px 0 0;
cursor: pointer;
height: 60px;
}
.T4438 .top .menu .type {
position: relative;
}
.T4438 .menu .type i {
color: #909090;
font-size: 1.8em;
position: absolute;
top: 17px;
left: 20px;
display: block;
}
.T4438 .top .menu .type .reviews_type {
position: absolute;
top: 17px;
left: 65px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.T4438 .top .menu .type .reviews_percent {
color: #909090;
position: absolute;
top: 37px;
left: 65px;
font-size: .85em;
}

.T4438 .relevant { margin-bottom: 35px; }
.T4438 .relevant .blocks .reviews_all { position: relative; }
.T4438 .relevant .blocks .reviews_all .time { position: absolute; top: 15px; right: 15px; }
.T4438 .blocks.top_relevant { display: block; }

.T4438 .blocks { display: none; }
.T4438 .bottom {
max-height: 730px;
overflow: hidden;
transition: max-height 3s ease-in;
position: relative;
}
.T4438 .bottom:before {
content: " ";
position: absolute;
left: 0px;
top: 60%;
right: 0px;
bottom: 0px;
background-image: linear-gradient(to bottom, rgba(238, 238, 238,0) 0%, rgba(238, 238, 238,1) 90%);
}
.T4438 .bottom.more {
max-height: 99999px;
transition: max-height 1s ease-out;
}
.T4438 .bottom.more:before {
display: none;
}
.T4438 .button_more {
position: absolute;
bottom: 0px;
left: 49%;
padding: 10px 0;
font-weight: bold;
font-size: 20px;
}
.T4438 .bottom .blocks.show {
display: block;
}
.T4438 .bottom .blocks.sum.show { display: flex; }
.T4438 .bottom .blocks.sum {
position: relative;
display: none;
align-items: center;
padding: 20px 0 20px 20px;
background-color: #FFF;
}
.T4438 .bottom .blocks.sum .score_wrapper {
display: flex;
align-items: center;
background-color: #7cb342;
color: #FFF;
margin-right: 15px;
border-radius: 4px;
}
.T4438 .bottom .blocks.sum .score_wrapper .score {
font-size: 1.5em;
padding: 10px 15px;
font-weight: bold;
}
.T4438 .bottom .blocks.sum .description {
color: #7cb342;
font-weight: bold;
font-size: 19px;
}
.T4438 .bottom .blocks.sum .text { font-size: 19px; padding-left: 20px; }
.T4438 .bottom .blocks.sum .logo {
margin-left: auto;
margin-right: 30px;
}
.T4438 .bottom .blocks.sum .logo img { width: 100%; height: auto;  max-width: 180px;}
.T4438 .bottom .blocks .reviews_goodtoknow {
overflow: hidden;
padding: 20px 0px 20px 20px;
background-color: #FFF;
}
.T4438 .bottom .blocks .reviews {
display: flex;
flex-wrap: wrap;
flex-direction:row;
padding-top: 20px;
}
.T4438 .bottom .blocks .reviews .block {
flex: 0 0 48%;
margin: 0 10px 20px 0;
}
.T4438 .bottom .blocks .reviews .block:nth-child(even) {
margin: 0 0 20px 0;
}
.T4438 .bottom .blocks .reviews .block .block_reviews {
color: #888;
font-style: italic;
font-weight: lighter;
line-height: 1.4em;
padding-left: 20px;
font-size: 1em;
}
.T4438 .bottom span { white-space: nowrap; }
.T4438 .block i {
margin-right: 5px;
width: 20px;
height: 20px;
color: #7cb342;
}

.T4438 .blocks .reviews_all{
background-color: #f0f0f0;
padding: 15px 15px 20px 20px;
}
.T4438 .blocks .reviews_all .category:first-of-type { border-top: 0 dashed #ddd; }
.T4438 .blocks .reviews_all .category {
margin: 10px 0;
border-top: 1px solid #ddd;
padding: 20px 0 10px 0;
}
.T4438 .blocks .reviews_all .category .category_status {
padding-bottom: 20px;
}
.T4438 .blocks .reviews_all .category .category_details .category_status {
padding: 15px;
background-color: #FFF;
border-radius: 14px;
position: relative;
}
.T4438 .blocks .reviews_all .category .category_status .category_headline {
font-weight: bold;
}
.T4438 .blocks .reviews_all .category .category_status .category_headline.big {
font-size: 22px;
}
.T4438 .blocks .reviews_all .category .category_details .category_status .category_headline {
padding-bottom: 8px;
}
.T4438 .blocks .reviews_all .category .category_details {
padding: 0 15px;
border-left: 1px solid #DDD;
}
.T4438 .blocks .reviews_all .category .category_details .category_subheadline {
line-height: 2em;
}
.T4438 .blocks .reviews_all .category .category_details .category_blocks {
display: grid;
grid-template-columns: 50% 50%;
grid-gap: 10px;
}
.T4438 .blocks .reviews_all .category .category_details .category_blocks span {
color: #888;
font-style: italic;
font-weight: lighter;
line-height: 1.4em;
font-size: 1em;
}
.T4438 .blocks .reviews_all .category .category_details .category_blocks .category_status .category_text {
color: #666;
}
.T4438 .blocks .reviews_all .category .category_status .category_rating {
color: #888;
font-weight: lighter;
font-size: .85em;
display: flex;
padding-top: 10px;
font-weight: bold;
}
.T4438 .blocks.top_relevant .reviews_all .category .category_details .category_status .category_rating {
position: relative;
top: auto;
right: auto;
}
.T4438 .blocks.top_relevant .reviews_all .category .category_details .category_status .category_rating .score {
background-color: transparent;
padding: 0;
}
.T4438 .blocks.top_relevant .reviews_all .category .category_details .category_status .category_rating .review-count {
margin: 0;
padding-left: 15px;
}
.T4438 .blocks .reviews_all .category .category_details .category_status .category_rating {
position: absolute;
top: 0;
right: 15px;
}
.T4438 .blocks .reviews_all .category .category_status .category_rating .bar-chart {
height: 13px;
min-width: 100px;
margin: 3px 10px 0 0;
background: #e5e5e5;
display: block;
flex: 0 0 25%;
}
.T4438 .trustyou-ui.bar-chart .value {
min-width: 3px;
height: 100%;
}
.T4438 .trustyou-ui.bar-chart .value.value-pos {
border-color: #7cb342;
background: #7cb342;
}
.T4438 .trustyou-ui.bar-chart .value.value-neg {
border-color: #c8e1ad;
background:#c8e1ad
}
.T4438 .blocks .reviews_all .category .category_status .category_rating .review-count { margin: 3px 10px 0 0; }
.T4438 .blocks .reviews_all .category .category_status .category_rating .score { margin: 3px 10px 0 0; }
.T4438 .blocks .reviews_all .category .category_status .category_rating .score span { color: #7cb342; }
.T4438 .blocks .reviews_all .category .category_details .category_status .category_rating .score {
padding: 5px 8px;
margin: 0;
background-color: #E4E4E4;
border-radius: 30px;
color: #666;
font-weight: bold;
}
@font-face {
font-style: normal;
font-family: "TrustYou Iconic";
src: url(https://cdn.tramino.net/static/tramino/trustyouiconfont/trustyou-iconic.eot?#iefix) format("embedded-opentype");
font-weight: 400;
font-display: auto
}
@font-face {
font-weight: 400;
font-style: normal;
font-family: "TrustYou Iconic";
src: url(https://cdn.tramino.net/static/tramino/trustyouiconfont/trustyou-iconic.eot);
src: url(https://cdn.tramino.net/static/tramino/trustyouiconfont/trustyou-iconic.woff) format("woff"), url(https://cdn.tramino.net/static/tramino/trustyouiconfont/trustyou-iconic.eot?#iefix) format("embedded-opentype"), url(https://cdn.tramino.net/static/tramino/trustyouiconfont/trustyou-iconic.ttf) format("truetype"), url(https://cdn.tramino.net/static/tramino/trustyouiconfont/trustyou-iconic.svg#trustyouiconic) format("svg");
font-display: auto
}
.ty-icon {
font-family: "TrustYou Iconic";
font-style: normal;
font-weight: 400;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.ty-icon-warning:before { content: '\e781' }
.ty-icon-translate:before { content: '\e780' }
.ty-icon-code:before { content: '\e779' }
.ty-icon-language:before { content: '\e778' }
.ty-icon-arrow-down:before { content: '\e777' }
.ty-icon-arrow-up:before { content: '\e776' }
.ty-icon-arrow-right:before { content: '\e775' }
.ty-icon-arrow-left:before { content: '\e774' }
.ty-icon-car:before { content: '\e773' }
.ty-icon-file-doc-alt:before { content: '\e772' }
.ty-icon-file-xls-alt:before { content: '\e771' }
.ty-icon-file-xls:before { content: '\e770' }
.ty-icon-file-doc:before { content: '\e769' }
.ty-icon-inbox-on:before { content: '\e768' }
.ty-icon-inbox:before { content: '\e767' }
.ty-icon-grid:before { content: '\e766' }
.ty-icon-unlink:before { content: '\e765' }
.ty-icon-reply-plus:before { content: '\e764' }
.ty-icon-filter:before { content: '\e763' }
.ty-icon-trustyou:before { content: '\e762' }
.ty-icon-more-v:before { content: '\e761' }
.ty-icon-more:before { content: '\e760' }
.ty-icon-tiles-add:before { content: '\e759' }
.ty-icon-tiles-off:before { content: '\e758' }
.ty-icon-tiles:before { content: '\e757' }
.ty-icon-16ab:before, .ty-icon-lake-house:before { content: '\e756' }
.ty-icon-16w:before, .ty-icon-tuxedo:before { content: '\e752' }
.ty-icon-16z:before, .ty-icon-cards-full:before { content: '\e755' }
.ty-icon-cards:before { content: '\e754' }
.ty-icon-16y:before, .ty-icon-leaf:before { content: '\e753' }
.ty-icon-share:before { content: '\e751' }
.ty-icon-radio-on-half:before { content: '\e750' }
.ty-icon-badge-half-alt:before { content: '\e749' }
.ty-icon-video:before { content: '\e748' }
.ty-icon-remove-o:before { content: '\e747' }
.ty-icon-star-half:before { content: '\e746' }
.ty-icon-star:before { content: '\e745' }
.ty-icon-github:before { content: '\e744' }
.ty-icon-instagram:before { content: '\e743' }
.ty-icon-pinterest:before { content: '\e742' }
.ty-icon-foursquare:before { content: '\e741' }
.ty-icon-facebook-full:before { content: '\e740' }
.ty-icon-export:before { content: '\e739' }
.ty-icon-power:before { content: '\e738' }
.ty-icon-compare:before { content: '\e737' }
.ty-icon-chevron-right-double:before { content: '\e736' }
.ty-icon-chevron-left-double:before { content: '\e735' }
.ty-icon-cut:before { content: '\e600' }
.ty-icon-copy:before { content: '\e601' }
.ty-icon-clipboard:before, .ty-icon-paste:before { content: '\e602' }
.ty-icon-trash-full:before { content: '\e603' }
.ty-icon-trash:before { content: '\e604' }
.ty-icon-hourglass:before { content: '\e605' }
.ty-icon-gender:before { content: '\e606' }
.ty-icon-female:before { content: '\e607' }
.ty-icon-male:before { content: '\e608' }
.ty-icon-move:before { content: '\e609' }
.ty-icon-bus:before { content: '\e610' }
.ty-icon-train:before { content: '\e611' }
.ty-icon-museum:before { content: '\e612' }
.ty-icon-16aa:before, .ty-icon-airplane:before { content: '\e613' }
.ty-icon-tree-pine:before { content: '\e614' }
.ty-icon-16t:before, .ty-icon-beach:before, .ty-icon-tree-palm:before { content: '\e615' }
.ty-icon-bed:before { content: '\e616' }
.ty-icon-gps:before { content: '\e617' }
.ty-icon-food:before { content: '\e618' }
.ty-icon-16i:before, .ty-icon-wine:before { content: '\e619' }
.ty-icon-beer:before { content: '\e620' }
.ty-icon-save:before { content: '\e621' }
.ty-icon-pdf:before { content: '\e622' }
.ty-icon-file-pdf:before { content: '\e623' }
.ty-icon-file-ok:before { content: '\e624' }
.ty-icon-file-edit:before { content: '\e625' }
.ty-icon-file:before { content: '\e626' }
.ty-icon-16g:before, .ty-icon-call-bell:before { content: '\e627' }
.ty-icon-folder-open:before { content: '\e628' }
.ty-icon-folder:before { content: '\e629' }
.ty-icon-badge-full:before { content: '\e630' }
.ty-icon-badge-half:before { content: '\e631' }
.ty-icon-badge:before { content: '\e632' }
.ty-icon-help-o:before { content: '\e633' }
.ty-icon-help:before { content: '\e634' }
.ty-icon-info-o:before { content: '\e635' }
.ty-icon-info:before { content: '\e636' }
.ty-icon-twitter:before { content: '\e637' }
.ty-icon-facebook:before { content: '\e638' }
.ty-icon-google-plus:before { content: '\e639' }
.ty-icon-bell:before { content: '\e640' }
.ty-icon-16s:before, .ty-icon-snowflake:before { content: '\e641' }
.ty-icon-16q:before, .ty-icon-ciggar:before { content: '\e642' }
.ty-icon-16h:before, .ty-icon-business:before, .ty-icon-suitcase:before { content: '\e643' }
.ty-icon-16v:before, .ty-icon-pet:before { content: '\e644' }
.ty-icon-16d:before, .ty-icon-heart:before { content: '\e645' }
.ty-icon-16r:before, .ty-icon-group:before { content: '\e646' }
.ty-icon-16c:before, .ty-icon-family:before { content: '\e647' }
.ty-icon-couple:before { content: '\e648' }
.ty-icon-16u:before, .ty-icon-single:before, .ty-icon-solo:before { content: '\e649' }
.ty-icon-upload:before { content: '\e650' }
.ty-icon-download:before { content: '\e651' }
.ty-icon-settings:before { content: '\e652' }
.ty-icon-email:before { content: '\e653' }
.ty-icon-email-full:before { content: '\e654' }
.ty-icon-mobile:before { content: '\e655' }
.ty-icon-directions:before { content: '\e656' }
.ty-icon-pencil:before { content: '\e657' }
.ty-icon-paperclip:before { content: '\e658' }
.ty-icon-reply:before { content: '\e659' }
.ty-icon-reply-all:before { content: '\e660' }
.ty-icon-forward:before { content: '\e661' }
.ty-icon-user:before { content: '\e662' }
.ty-icon-users:before { content: '\e663' }
.ty-icon-marker:before { content: '\e664' }
.ty-icon-print:before { content: '\e665' }
.ty-icon-link:before { content: '\e666' }
.ty-icon-tools:before { content: '\e667' }
.ty-icon-gauge:before { content: '\e668' }
.ty-icon-earth:before { content: '\e669' }
.ty-icon-desktop:before { content: '\e670' }
.ty-icon-cart:before { content: '\e671' }
.ty-icon-box:before { content: '\e672' }
.ty-icon-rss:before { content: '\e673' }
.ty-icon-wifi:before { content: '\e674' }
.ty-icon-lock:before { content: '\e675' }
.ty-icon-unlock:before { content: '\e676' }
.ty-icon-minus:before { content: '\e677' }
.ty-icon-plus:before { content: '\e678' }
.ty-icon-refresh:before { content: '\e679' }
.ty-icon-redo:before { content: '\e680' }
.ty-icon-undo:before { content: '\e681' }
.ty-icon-list-alt:before { content: '\e682' }
.ty-icon-list:before { content: '\e683' }
.ty-icon-caret-down:before { content: '\e684' }
.ty-icon-caret-up:before { content: '\e685' }
.ty-icon-caret-left:before { content: '\e686' }
.ty-icon-caret-right:before { content: '\e687' }
.ty-icon-chevron-down:before { content: '\e688' }
.ty-icon-chevron-up:before { content: '\e689' }
.ty-icon-chevron-left:before { content: '\e690' }
.ty-icon-chevron-right:before { content: '\e691' }
.ty-icon-chevron-down-lg:before { content: '\e692' }
.ty-icon-chevron-up-lg:before { content: '\e693' }
.ty-icon-chevron-left-lg:before { content: '\e694' }
.ty-icon-chevron-right-lg:before { content: '\e695' }
.ty-icon-menu:before { content: '\e696' }
.ty-icon-search:before { content: '\e697' }
.ty-icon-zoom-in:before { content: '\e698' }
.ty-icon-zoom-out:before { content: '\e699' }
.ty-icon-checkbox-on:before { content: '\e700' }
.ty-icon-checkbox:before { content: '\e701' }
.ty-icon-radio-on:before { content: '\e702' }
.ty-icon-radio:before { content: '\e703' }
.ty-icon-bookmark:before { content: '\e704' }
.ty-icon-preview-off:before { content: '\e705' }
.ty-icon-preview:before { content: '\e706' }
.ty-icon-flag:before { content: '\e707' }
.ty-icon-chart-pie:before { content: '\e708' }
.ty-icon-chart-stats:before { content: '\e709' }
.ty-icon-chart-bars:before { content: '\e710' }
.ty-icon-expand:before { content: '\e711' }
.ty-icon-contract:before { content: '\e712' }
.ty-icon-comment:before { content: '\e713' }
.ty-icon-comments:before { content: '\e714' }
.ty-icon-calendar:before { content: '\e715' }
.ty-icon-16k:before, .ty-icon-tag:before { content: '\e716' }
.ty-icon-phone:before { content: '\e717' }
.ty-icon-picture:before { content: '\e718' }
.ty-icon-pictures:before { content: '\e719' }
.ty-icon-home:before { content: '\e720' }
.ty-icon-16f:before, .ty-icon-office:before { content: '\e721' }
.ty-icon-alarm:before { content: '\e722' }
.ty-icon-clock:before { content: '\e723' }
.ty-icon-map:before { content: '\e724' }
.ty-icon-map-full:before { content: '\e725' }
.ty-icon-16e:before, .ty-icon-lotus:before { content: '\e726' }
.ty-icon-16j:before, .ty-icon-glasses:before { content: '\e727' }
.ty-icon-martini:before { content: '\e728' }
.ty-icon-16b:before, .ty-icon-crown:before { content: '\e729' }
.ty-icon-16p:before, .ty-icon-golf:before { content: '\e730' }
.ty-icon-16ac:before, .ty-icon-16n:before, .ty-icon-swiming:before { content: '\e731' }
.ty-icon-16m:before, .ty-icon-cycling:before { content: '\e732' }
.ty-icon-remove:before { content: '\e733' }
.ty-icon-ok:before { content: '\e734' }@media all and (min-width: 768px) and (max-width:1023px) {
.T4438 { font-size: 14px; }
.T4438 .maxwidth { width: 96%; padding: 0 2%; }
.T4438 .top .menu .type i { font-size: 1.6em; left: 10px; }
.T4438 .top .menu .type .reviews_type { left: 45px; font-size: 0.9em; }
.T4438 .top .menu .type .reviews_percent { left: 45px; font-size: .75em; }
.T4438 h3 { font-size: 1em; }
.T4438 .blocks .reviews_all .category .category_status .category_headline.big { font-size: 18px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4438 { font-size: 14px; }
.T4438 .maxwidth { width: 96%; padding: 0 2%; }
.T4438 .top .menu .type i { font-size: 1.4em; left: 10px; }
.T4438 .top .menu .type .reviews_type { left: 40px; font-size: 0.8em; }
.T4438 .top .menu .type .reviews_percent { left: 40px; font-size: .75em; }
}
@media all and (max-width: 567px) {
.T4438 .maxwidth { width: 100%; padding: 0; }
.T4438 .top { height: 75px; margin: 0 3px; }
.T4438 .top .menu { height: 75px; }
.T4438 .top .menu .type i { font-size: 1.2em; top: 10px; left: 10px; }
.T4438 .top .menu .type .reviews_type {  top: 35px; left: 10px; font-size: 0.9em; }
.T4438 .top .menu .type .reviews_percent { top: 52px; left: 10px; font-size: .75em; }
.T4438 .bottom .blocks.sum { flex-wrap: wrap; }
.T4438 .bottom .blocks.sum .score_wrapper {  order: 2;  }
.T4438 .bottom .blocks.sum .stars {  order: 3; }
.T4438 .bottom .blocks.sum .text { width: 100%; order: 4; margin-top: 15px;}
.T4438 .bottom .blocks.sum .logo { width: 100%; order: 1; margin-bottom: 15px; }
.T4438 .bottom .blocks .reviews .block { flex: 0 0 100%; margin: 0 0 20px 0; }
.T4438 .bottom .blocks .reviews_all .category { flex-wrap: wrap; }
.T4438 .bottom .blocks .reviews_all .category .category_status { flex: 0 0 100%; }
.T4438 .bottom .blocks .reviews_all .category .category_details { flex: 0 0 100%; }
.T4438 .top .menu.menu_solo .type .reviews_type span { display: none; }
.T4438 .top .menu.menu_solo .type .reviews_type:after { display: inline-block; content:"Solo"; }
.T4438 .bottom .blocks .reviews_all .category .category_status .category_rating { padding: 10px 0; }
.T4438 .bottom .blocks .reviews_all .category .category_status .category_rating .bar-chart { flex: 0 0 30%; }
.T4438 .bottom .blocks .reviews_all .category .category_status .category_rating .score { margin: 2px 5px 0 0; }
.T4438 .bottom .blocks .reviews_all .category .category_status .category_rating .review-count:before { content: "\b7\a0"; }
.T4438 .bottom .blocks .reviews_all .category .category_status .category_rating .review-count { padding: 0; margin-top: 2px; }
.T4438 .bottom .blocks .reviews_all .category .category_details .category_subheadline { line-height: 1.4em; }
.T4438 .bottom .blocks .reviews_all .category .category_details .category_blocks { font-size: .9em; }
.T4438 .blocks .reviews_all .category .category_details .category_blocks {
grid-template-columns: 100%;
row-gap: 10px;
}
}
#body .DateRangePicker_App {
z-index: 11;
}
#body.online_booking .DateRangePicker_App {
transform: translate3d(0,430px,0);
}
#body .DateRangePicker_picker__fullScreenPortal {
background-color: rgba(0,0,0,.3);
z-index: 11;
}
@media all and (max-width:680px) {
#body.online_booking .DateRangePicker_App {
position: fixed;
overflow: scroll;
top: 0;
opacity: 1;
transform: translate3d(0,0,0);
}
}
@media screen and (max-width: 840px) {
#body .DayPicker {
overflow: hidden;
min-height: 100vh;
}
}
@media screen and (max-width: 400px) {
#body .DateRangePicker_App .personSelect_wrapper { width: 48%; float: left; margin-left: 0; margin-right: 0; }
#body .DateRangePicker_App .personSelect_wrapper:nth-child(2):after { clear: left; display: inline-block; content: ""; }
#body .DateRangePicker_App .personSelect_wrapper .personSelect_button_wrapper button {
width: calc( ( 100% - 70px ) / 2 );
}
#body .DateRangePicker_App form > div { margin: 0 0 15px 0; }
#body .DateRangePicker_App form > div span.text_top { top: 0 !important; }
#body .DateRangePicker_App form .formLine2 > div { padding: 0; }
#body .DateRangePicker_App form .formLine1 > div { margin-bottom: 15px; }
}.T4449 * { box-sizing: content-box; }
.T4449 {
margin: 3em auto;}
.T4449 h3 {
margin: 0px 0px 20px 0px !important;}
.T4449 .max4406 {
max-width: 957px;margin: 0 auto;}
.T4449 .TraminoForm {
font-family: "Rotis Serif W04 Regular", Arial;font-style: normal;font-weight: 400;}
.T4449 .allerrors { margin: 0 0 10px 0; }
.T4449 .allerrors .error { display: inline-block; background-color: #F00; color: #FFF; padding: 3px 5px; font-size: 12px; margin: 0 0 3px 0; }@media all and (min-width: 768px) and (max-width:1023px) {
.T4449 .TraminoForm .group {
width: 45%;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4449 .TraminoForm .group {
float: none;
padding: 0px;
}
}
@media all and (max-width: 567px) {
.T4449 .TraminoForm .group {
float: none;
padding: 0px;
width: 100%;
}
}
.T4470 .consent {
border: 4px solid #78be5b;
padding: 15px 30px;
border-radius: 5px;
margin-bottom: 50px;
text-align: center;
display: block;
}
.T4470 .consent.hide { display: none; }
.T4470 .consent a { display: inline-block; margin-top: 15px; }.T4532 .box {
width: 100%;height: auto;background: #fff;display: flex;}
.T4532 a {
color: #222222;}
.T4532 .box:not(.fullscreen2) .leftside {
flex-basis: 40%;margin: 25px 50px 20px 40px;}
.T4532 .box:not(.fullscreen2) .rightside {
flex-basis: 60%;margin: 25px 20px 30px 0px;}
.T4532 .box.fullscreen2 .leftside {
margin-bottom: 20px;}
.T4532 .box .leftside .subheadline p {
padding-top: 0;}
.T4532 .box.fullscreen2 .rightside {
width: 100%;}
.T4532 .box .rightside .bullet {
padding: 8px 0px 8px 0px;position: relative;border-top: 1px solid #ddd;}
.T4532 .box .rightside .bullet .intro { color: #777; margin-bottom: 10px; }
.T4532 .box .rightside.no_leftside .bullet { padding: 8px 15px; }
.T4532 .box .rightside .bullet:last-child {
border-bottom-width: 0px;}
.T4532 .box .rightside .bullet.first {
border-top: 0px solid transparent;}
.T4532 .box .rightside .bullet .top {
display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.T4532 .box .rightside .bullet .top .name {
padding: 10px 50px 10px 0;min-width: 0;overflow: auto;}
.T4532 .box .rightside .bullet .plus {
margin-right: 10px;cursor: pointer;transition: 400ms ease-out;}
.T4532 .box .rightside .bullet.show .plus {
transform: rotateZ(180deg);transform-origin: center center;transition: 400ms ease-in;}
.T4532 .box .rightside .bullet .buttons {
display: flex;justify-content: flex-end;margin-bottom: 15px;}
.T4532 .box .rightside .bullet .hiddencontent {
overflow: hidden;max-height: 0;transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);}
.T4532 .box .rightside .bullet.show .hiddencontent {
max-height: 6000px;transition: max-height 1s ease-in-out;}
.T4532 .box .rightside .bullet p {
margin: 0px 0px 15px 0px;}
.T4532 .box .rightside .bullet .Bild {
margin: 0px 20px 15px 0px;float: left;}
.T4532.T4532-nospecialfont .specialfont { font-family: var(--default_font) !important;  }
.T4532 .text .responsive-table {
overflow-x: scroll;margin: 2rem 0;padding: 0.2rem 0;border-top: 2px solid #CCC;border-bottom: 2px solid #CCC;position: relative;table {
margin-top: 0;margin-bottom: 0;border-top-width: 0;tr:last-child {
td { border-bottom-width: 0; }
}
}

}
@media all and (min-width: 1024px) and (max-width: 1279px) {
}
@media all and (min-width: 768px) and (max-width:1023px) {
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4532 .box {
display: flex;
flex-direction: column;
}
.T4532 .box:not(.fullscreen2) .leftside {
flex-basis: 30%;
margin: 20px 30px;
}
.T4532 .box:not(.fullscreen2) .rightside {
flex-basis: 70%;	
margin: 10px 30px;
}
.T4532 .box .rightside .bullet {
margin: 12px 0px 12px 0px;
position: relative;
}
.T4532 .box .rightside .bullet .name {	margin: 0px 0px 10px 0px; padding: 8px 40px 8px 0; }
.T4532 .box .rightside .bullet .plus { width: 2px; height: 15px; top: 15px; right: 10px; }
.T4532 .box .rightside .bullet .minus {	 width: 2px; height: 15px; top: 15px; right: 10px; }	
}
@media all and (max-width: 567px) {
.T4532 .box {
display: flex;
flex-direction: column;
}
.T4532 .box:not(.fullscreen2) .leftside {
flex-basis: 30%;
margin: 20px 20px;
}
.T4532 .box:not(.fullscreen2) .rightside {
flex-basis: 70%;	
margin: 10px 20px;
}
.T4532 .box .rightside .bullet {
margin: 10px 0px 10px 0px;
position: relative;
}
.T4532 .box .rightside .bullet .name {	margin: 4px 0px 8px 0px; padding: 6px 35px 6px 0; } 
.T4532 .box .rightside .bullet .plus { width: 2px; height: 15px; top: 12px; right: 10px; }
.T4532 .box .rightside .bullet .minus {	 width: 2px; height: 15px; top: 12px; right: 10px; }
}
.S7775 .background {
color: #fff !important;
padding: 30px 0px;
}

.S7775 .text table { width: 100%; display: table; margin: 30px 0px; border-spacing: 0px; border-width: 0px; border-top: 1px solid rgba(255,255,255,0.3); }
.S7775 .text table th { padding: 4px 10px 7px 0px; text-align: left; vertical-align: top;  font-weight: bold; font-size: smaller; border-bottom: 1px solid rgba(255,255,255,0.3); }
.S7775 .text table td { border-bottom: 1px solid rgba(255,255,255,0.3); vertical-align: top;  }
.hotelanfrage > h3 {
display: none;
}
#body #anfrage .danke_text {
border-color: #78BE5B;
}
#anfrage .row.ketegorie {
opacity: 0;
}
#anfrage .row .col1 {
font-family: "ITC Franklin Gothic LTW04DmXCm";
font-size: 25px;
text-transform: uppercase;
font-weight: normal !important;
}
#anfrage .row .col2 input[type=text]{
font-size: 16px;
}
#anfrage .row .col2 select {
font-size: 16px;
}
#anfrage .row .col2 textarea {
font-size: 16px;
}
#anfrage input[type=text], #anfrage input[type=date], #anfrage input[type=password], #anfrage input[type=email], #anfrage input[type=number] {
border: 1px solid #cacaca;
width: 100%;
height: 2.4375rem;
padding: .5rem;
background-color: #fff;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
}
#anfrage input[type=text]:focus, #anfrage input[type=date]:focus, #anfrage input[type=password]:focus, #anfrage input[type=email]:focus, #anfrage input[type=number]:focus {
outline: 0;
border: 1px solid #666;
box-shadow: 0 0 5px #cacaca;
}
#anfrage select {
-moz-appearance: none;
width: 100%;
height: 2.4375rem;
padding: .5rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fff;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #000;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28102:focus, 102, 102%29'></polygon></svg>");
background-origin: content-box;
background-position: center right -0.5rem;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
}
#anfrage select[name=erwachsene] { width: auto; }
#anfrage select[name=kinder] { width: auto; }
#anfrage select[name=kind1],#anfrage select[name=kind2],#anfrage select[name=kind3],#anfrage select[name=kind4],#anfrage select[name=kind5] {
width: auto;
}
#anfrage .kinder { margin: 10px 0; }
#body #anfrage .kinder .kind select { width: auto; }
#anfrage select[name=anrede] { width: auto; }
#anfrage textarea {
box-sizing: border-box;
width: 100%;
margin: 0 0 1rem;
padding: .5rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fff;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #000;
transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
-moz-appearance: none;
appearance: none;
}
#body #anfrage .inputdatewrapper i { font-size: 1.05em; right: 13px;
transform: translate(0,-60%); }
#ui-datepicker-div, #ui-datepicker-div * {
box-sizing: content-box;
}
#anfrage .row.clients { display: none; }
#anfrage .row.termin { border-top-width: 0px; }
@media all and ( max-width: 1023px ) {
.bottominfos .cols_wrapper {
flex-wrap: wrap;
text-align: center;
max-width: 300px;
margin: 0 auto;
}
.bottominfos .cols_wrapper .col33 {
width: 100%;
}
.bottominfos .cols_wrapper .col33:nth-child(3) { display: none; }
.bottominfos .summery {
flex-direction: column;
}
.bottominfos .summery .item {
width: 100%;
}
.bottominfos .summery .item.last { border-bottom-width: 1px; }
.bottominfos .summery .item:last-child { border-bottom-width: 0px; }
.bottominfos .summery .item.odd { border-right: 0 dotted #000; }
}
@media all and (max-width: 567px) {
#body #anfrage .left.col1 { padding-top: 0; margin-bottom: 10px; font-size: 23px; }
#body #anfrage .left.col2 { padding: 0; }
#body #anfrage .row .col2 input[type="text"] {
font-size: 15px;
}
#body #anfrage .row .col2 select {
font-size: 14px;
}
}
.T4545 .pages { display: flex; flex-wrap: wrap; justify-content: space-between; }
.T4545 .pages .page { width: 32%; margin-bottom: 20px; }
.T4545 .pages .page .Bild { margin: 0 0 10px 0; }
.T4545 .pages .page .Bild img { width: 100%; height: auto; }
.T4545 .pages .page a { font-size: 25px; display: block; margin: 0 0 5px 0; }
.T4545 .pages .page .info { font-size: 15px; }
@media all and (min-width: 768px) and (max-width:1023px) {
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4545 .pages .page { width: 48%; margin-bottom: 15px; }
}
@media all and (max-width: 567px) {
.T4545 .pages { flex-direction: column; }
.T4545 .pages .page { width: 100%; margin-bottom: 15px; }
}
.wrapper-ath-teaser {

margin: 0 auto;
padding: 20px 0 0;
overflow: hidden;
}
.itemwrapper-ath-teaser {
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.itemwrapper-ath-teaser.two { justify-content: center; }
.itemwrapper-ath-teaser .item {
width: 29%;
margin: 0 2%;
max-width: 377px;
min-width: 280px;
display: flex;
flex-direction: column;
}
.itemwrapper-ath-teaser .item .image { position: relative; }
.itemwrapper-ath-teaser .item .image img {
width: 100%;
height: auto;
aspect-ratio:  377 / 240;
}
.itemwrapper-ath-teaser .item .textwrapper {
width: 90%;
height: auto;
background-color: #FFF;
position: relative;
top: -35px;
padding-bottom: 1rem;
border: 1px solid rgba(0,0,0,.05);
flex: 1;
}
.itemwrapper-ath-teaser .item.button_position .textwrapper { padding-bottom: 4rem; }
.itemwrapper-ath-teaser .item .textwrapper .infos {
padding: 2em 2em 0;
font-size: 1em;
line-height: 1.5em;
}
.itemwrapper-ath-teaser .item .textwrapper .infos h2 {
font-style: normal;
font-weight: 400;
font-size: 1.2rem;
}
.itemwrapper-ath-teaser .item .textwrapper .infos h3 {
font-style: normal;
font-weight: 400;
font-size: 1.733em;
letter-spacing: .05em;
margin-bottom: .75em;
}
.itemwrapper-ath-teaser .item .textwrapper .infos .text {
margin-bottom: 1rem;
}
.itemwrapper-ath-teaser .item .textwrapper .buttons {
text-align: right;
}
.itemwrapper-ath-teaser .item.button_position .textwrapper .buttons {
position: absolute;
bottom: 1rem;
right: 1rem;
}

.itemwrapper-ath-teaser .item.video .image .info {
position: absolute;
top: 0;
left: 0;
font-size: 11px;
line-height: 1.1;
background-color: #FFF;
margin-top: 3px;
margin-left: 5px;
margin-right: 5px;
padding: 2px 3px;
}
.itemwrapper-ath-teaser .item.video .image .playbutton {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
transform: translate(-50%, -50%);
}
.itemwrapper-ath-teaser .item.video .image .playbutton img { 
width: 100%;
height: auto;
-webkit-filter: drop-shadow( 0 0 10px rgba(0, 0, 0,.7));
filter: drop-shadow( 0 0 10px rgba(0, 0, 0,.7));
}
@media all and (max-width:1023px) {
.itemwrapper-ath-teaser {
flex-wrap: wrap;
flex-direction: column;
}
.itemwrapper-ath-teaser .item { margin: 1em auto; width: 100%; }
.itemwrapper-ath-teaser .item .textwrapper {
width: 100%;
height: auto;
top: 0;
padding-bottom: 1rem;
border: 1px solid rgba(0,0,0,.05);
}
.itemwrapper-ath-teaser .item.button_position .textwrapper { padding-bottom: 1rem; }
.itemwrapper-ath-teaser .item.button_position .textwrapper .buttons {
position: static;
bottom: auto;
right: auto;
}
}
.extrablock.azubi { margin-bottom: 1rem; }
body .extrablock.azubi > div { margin-bottom: 2.5rem; }
body .extrablock.azubi .text { font-size: 1.2rem; line-height: 1.3; }
body .extrablock.azubi ul li {
list-style: disc;
margin: 0 0 0.35rem 1.1rem;padding-left: 0.1rem;font-size: 1.2rem;}
body .extrablock.azubi .flexwrapper { display: flex; flex-direction: column; }
body .extrablock.azubi .flexwrapper .item { margin: 0 0 1rem 0; }

body .extrablock.azubi .block-lohn .item {
border: 2px dashed #78be5b;background-color: rgba(120, 190, 91,0.2);text-align: center;padding: 0.8rem 1.2rem;}
body .extrablock.azubi .lohn { font-size: 2rem; }
body .extrablock.azubi .lohn span { font-size: 0.8em; }

body .extrablock.azubi .ansprechpartner_img {
flex-grow: 0; flex-shrink: 0; width: 150px;margin: 0 auto 2rem auto;}

body .extrablock.azubi .video_wrapper {
display: grid;grid-gap: 1rem;grid-template-columns: repeat(1, minmax(0, 1fr));}
body .extrablock.azubi .video_wrapper.col2 {
display: grid;grid-gap: 1rem;grid-template-columns: repeat(2, minmax(0, 1fr));}
body.Mandant_42028 .extrablock.azubi .ansprechpartner_img { width: 13em; }
body .extrablock.azubi .ansprechpartner_img img { width: 100%; height: auto; overflow: hidden; }
body .extrablock.azubi .ansprechpartner_img.round img { border-radius: 50%; }
body .extrablock.azubi .block-ansprechpartner .flexwrapper.center { align-items: center; }
body .extrablock.azubi .flexwrapper.center .ansprechpartner_content { text-align: center; }
body .extrablock.azubi .ansprechpartner_content .telefon { font-size: 1.1em; margin: 0 0 0.5rem 0; }
@media (min-width: 567px) {
body .extrablock.azubi .ansprechpartner_content .telefon { font-size: 1.5em; margin: 0 0 0.7rem 0; }
body .extrablock.azubi .video_wrapper { grid-template-columns: repeat(3, minmax(0, 1fr));}
body .extrablock.azubi .video_wrapper.col2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body .extrablock.azubi .video_wrapper.col1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
body .extrablock.azubi .ansprechpartner_content .telefon { font-size: 1.8em; margin: 0 0 1.1rem 0; }
}
body .extrablock.azubi .ansprechpartner_slogan {  margin: 0 0 0.5rem 0; font-style: italic; }

body .extrablock.azubi .block-ansprechpartner .flexwrapper.row { align-items: center; }
body .extrablock.azubi .block-ansprechpartner .flexwrapper.row .ansprechpartner_img { margin: 0 0 1rem 0; }
body .extrablock.azubi .ansprechpartner_content.icons > div { display: flex; align-items: center; }
body .extrablock.azubi .ansprechpartner_content.icons > div > i { margin-right: 1.5rem; }
body .extrablock.azubi .ansprechpartner_slogan.big { font-size: 2em; }
body .extrablock.azubi .ansprechpartner_slogan.center { text-align: center; }
body .extrablock.azubi .ansprechpartner.center { text-align: center; justify-content: center; margin-bottom: 2rem; }
@media (min-width: 768px) {
body .extrablock.azubi .block-ansprechpartner .flexwrapper.row { flex-direction:row; justify-content: center;  }
body .extrablock.azubi .block-ansprechpartner .flexwrapper.row .ansprechpartner_img { margin: 0 3rem 0 0; }
}

.T4406 .wrapper_cards {
display: flex;justify-content: space-between;max-width: 650px;margin: 0 auto;}
.T4406 .wrapper_cards.col1 { justify-content: center; }
.T4406 .wrapper_cards .item {
border: 1px solid #989A77;padding: 1rem;width: 48%;display: flex;flex-direction: column;align-items: center;color: #989A77;}
.T4406 .wrapper_cards .item .icon {
width: 50%;max-width: 70px;margin-bottom: 0.5rem;}
.T4406 .wrapper_cards .item .icon svg { width: 100%; height: auto; }
.T4406 .wrapper_cards .item .digit {
font-size: 4rem;line-height: 1;text-align: center;}
.T4406 .wrapper_cards .item .name {
font-size: 1.1rem;text-align: center;color: #000;}

.T4406 .mitarbeiterzitate {
margin: 0 0 1.5rem 1.4rem;display: flex;}
.T4406 .mitarbeiterzitate .image {
width: 70px;flex-grow: 0;flex-shrink: 0;margin: 0 1rem 0 0;}
.T4406 .mitarbeiterzitate .image picture {
}
.T4406 .mitarbeiterzitate .image picture img {
border-radius: 50%;overflow: hidden;width: 100%;height: auto;aspect-ratio: 1 / 1;}
.T4406 .mitarbeiterzitate .frage {
font-weight: bold;margin: 0 0 0.2rem 0;}
.T4406 .mitarbeiterzitate .zitat {
font-size: 1.2rem;}
.T4406 .mitarbeiterzitate .infos {
margin-top: 0.2rem;font-size: 0.95rem;font-style: italic;}
@media (min-width: 567px) {
.T4406 .mitarbeiterzitate .image {
width: 100px;}
}
@media (min-width: 567px) {
body .hd-block.azubi .flexwrapper { flex-direction: row; justify-content: space-between; }
body .hd-block.azubi .ansprechpartner_img {
margin: 0 2rem 0 0;
}
}
@media (min-width: 768px) {
body .hd-block.azubi .ansprechpartner_img { width: 200px; }
.TraminoForm .groups { flex-direction: row; }
.TraminoForm .groups .group {
width:  45%;
}
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
.T4956 .wrapper {
display: flex; 
flex-wrap: wrap;
}
.T4956 .element {
width: 100%;
display: flex;
margin-bottom: 2rem;
}
.T4956 .element .nummer  {
display: flex;
flex-shrink: 0;
flex-flow: 0;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
font-size: 2rem;
color: #FFF;
border-radius: 50%;
background-color: #78be5b;
margin-right: 1rem;
}
.T4956 .element .icon  {
display: flex;
flex-shrink: 0;
flex-flow: 0;
align-items: flex-start;
justify-content: center;
width: 5rem;
margin-right: 0.4rem;
padding: 0.3rem 1.05rem;
}
.T4956 .element .icon img { width: 100%; height: auto; }
.T4956 .element .headline {
font-size: 2rem;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
.Mandant_42028 .T4956 .element .headline span {
color: #989b78;
}
.T4956 .element .text {
line-height: 1.2;
}
.T4956 .wrapper.truncate_text .element.collapsed .text {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.T4956 .wrapper.truncate_text .element .button_wrapper {
display: none;
}
.T4956 .wrapper.truncate_text .element.collapsed .button_wrapper {
display: flex;
justify-content: flex-end;
}
.T4956 .wrapper.truncate_text .element.collapsed .button_wrapper span {
color: #989b78;
text-decoration: underline;
cursor: pointer;
}
@media (min-width: 567px) {
}
@media (min-width: 768px) {
.T4956 .wrapper { justify-content: space-between; }
.T4956 .element { width: 48.5%; }
.T4956 .wrapper.row_view .element { width: 100%; }
.T4956 .element .icon { width: 5rem;
margin-right: 0.5rem; }
}
@media (min-width: 1024px) {
.T4956 .element { width: 47%; }
.T4956 .wrapper.row_view .element { width: 100%; }
.T4956 .element .icon { width: 5.5rem; }
}
@media (min-width: 1280px) {
}
.hotelbuttons { 
display: flex;
justify-content: space-evenly;
column-gap: 20px;
}
.hotelbuttons i{ 
margin-right: 10px;
font-size: 1.4rem;
}
.hotelbuttons .flexbtn{
flex-basis: 40%;
flex-grow: 0;
flex-shrink: 1;
}
.iframe-container {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;
margin-top: 20px;
display: none;
height: 0;
}
#hotelbuttons_iframe {
display: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
padding: 0;
border: none;
}
@media all and (min-width: 768px) and (max-width:1023px) {
}
@media all and (min-width: 568px) and (max-width: 767px) {
}
@media all and (max-width: 567px) {
.hotelbuttons { 
display: flex;
flex-wrap: wrap;
row-gap: 20px;
column-gap: 20px;
justify-content: space-evenly;
}
.hotelbuttons .btn{
flex-basis: 40%;
flex-grow: 0;
flex-shrink: 0;
}
}

.slick-slider
{
position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list
{
position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus
{
outline: none;}
.slick-list.dragging
{
cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track
{
position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after
{
display: table;content: '';}
.slick-track:after
{
clear: both;}
.slick-loading .slick-track
{
visibility: hidden;}
.slick-slide
{
display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide
{
float: right;}
.slick-slide img
{
display: block;}
.slick-slide.slick-loading img
{
display: none;}
.slick-slide.dragging img
{
pointer-events: none;}
.slick-initialized .slick-slide
{
display: block;}
.slick-loading .slick-slide
{
visibility: hidden;}
.slick-vertical .slick-slide
{
display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {
display: none;}


.jquery-ui .ui-helper-hidden { display: none; }
.jquery-ui .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.jquery-ui .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.jquery-ui .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.jquery-ui .ui-helper-clearfix { display: inline-block; }

* html .ui-helper-clearfix { height:1%; }
.jquery-ui .ui-helper-clearfix { display:block; }

.jquery-ui .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

.jquery-ui .ui-state-disabled { cursor: default !important; }


.jquery-ui .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


.jquery-ui .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.jquery-ui .ui-widget { font-family: Arial,sans-serif; font-size: 14px; }
.jquery-ui .ui-widget-content { border: 0px solid #999; background: #fff; color: #222 !important; }
.jquery-ui .ui-widget-content a { color: #222 !important; }
.jquery-ui .ui-widget-header { color: #222; font-weight: bold; }
.jquery-ui .ui-widget-header a { color: #222 !important; }

.jquery-ui .ui-state-default, .jquery-ui .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #ffffff; font-weight: normal; color: #000; outline: none; }
.jquery-ui .ui-state-default a, .jquery-ui .ui-state-default a:link, .jquery-ui .ui-state-default a:visited { color: #000; text-decoration: none; outline: none; }
.jquery-ui .ui-state-hover, .jquery-ui .ui-widget-content .ui-state-hover, .jquery-ui .ui-state-focus, .jquery-ui .ui-widget-content .ui-state-focus { border: 1px solid #fff; background: #ff6600; font-weight: normal; color: #fff; outline: none; }
.jquery-ui .ui-state-hover a, .jquery-ui .ui-state-hover a:hover { color: #fff; text-decoration: none; outline: none; }
.jquery-ui .ui-state-active, .jquery-ui .ui-widget-content .ui-state-active { border: 1px solid #999; background: #ffff00; font-weight: normal; color: #000; outline: none; }
.jquery-ui .ui-state-active a, .jquery-ui .ui-state-active a:link, .jquery-ui .ui-state-active a:visited { color: #000; outline: none; text-decoration: none; }

.jquery-ui .ui-state-highlight, .jquery-ui .ui-widget-content .ui-state-highlight {border: 1px solid #999; background: #999999; color: #fff; }
.jquery-ui .ui-state-highlight a, .jquery-ui .ui-widget-content .ui-state-highlight a { color: #fff; }
.jquery-ui .ui-state-error, .jquery-ui .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
.jquery-ui .ui-state-error a, .jquery-ui .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.jquery-ui .ui-state-error-text, .jquery-ui .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.jquery-ui .ui-priority-primary, .jquery-ui .ui-widget-content .ui-priority-primary { font-weight: bold; }
.jquery-ui .ui-priority-secondary, .jquery-ui .ui-widget-content .ui-priority-secondary { font-weight: normal; }


.jquery-ui .ui-icon { width: 16px; height: 16px; }

.jquery-ui .ui-icon-circle-triangle-e {  background: transparent url(https://www.tramino.de/tramino/gfx/gui_pfeil_r.png) no-repeat; }
.jquery-ui .ui-icon-circle-triangle-w {  background: transparent url(https://www.tramino.de/tramino/gfx/gui_pfeil_l.png) no-repeat; }


#ui-datepicker-div {
display:none;z-index:20005 !important;box-shadow: 5px 5px 22px rgba(0,0,0,0.4);}
.jquery-ui.ui-datepicker { width: 175px; padding: 8px 10px; background:#eee; font-size: 11px; }
.jquery-ui.ui-datepicker .ui-datepicker-header { position:relative; padding:2px 0; }
.jquery-ui.ui-datepicker .ui-datepicker-prev, .jquery-ui.ui-datepicker .ui-datepicker-next {  border:0; position:absolute; top: 2px; width: 20px; height: 20px; }
.jquery-ui.ui-datepicker .ui-datepicker-prev-hover, .jquery-ui  .ui-datepicker .ui-datepicker-next-hover { border:0; background:transparent; cursor:pointer; }
.jquery-ui.ui-datepicker .ui-datepicker-prev { left:2px; }
.jquery-ui.ui-datepicker .ui-datepicker-next { right:2px; }
.jquery-ui.ui-datepicker .ui-datepicker-prev span, .jquery-ui.ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.jquery-ui.ui-datepicker .ui-datepicker-title { margin: 0 20px; line-height: 20px; text-align: center; }
.jquery-ui.ui-datepicker .ui-datepicker-title select { float:left; margin:1px 0; }
.jquery-ui.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.jquery-ui.ui-datepicker select.ui-datepicker-month, 
.jquery-ui.ui-datepicker select.ui-datepicker-year { width: 49%;}
.jquery-ui.ui-datepicker td.ui-datepicker-week-end span, .jquery-ui.ui-datepicker td.ui-datepicker-week-end a { background:#eee; }
.jquery-ui.ui-datepicker td.ui-datepicker-unselectable span { background:#ddd; color: #ddd; }
.jquery-ui.ui-datepicker .ui-datepicker-other-month { background:#ddd; opacity:100;}
.jquery-ui.ui-datepicker table {width: 100%; font-size:12px; border-collapse: collapse; margin:0; }
.jquery-ui.ui-datepicker th { padding: 7px 3px; text-align: center; font-weight: bold; border: 0;  }
.jquery-ui.ui-datepicker td { border: 1px solid #ddd; padding: 0px; }
.jquery-ui .datepickergroup .ui-datepicker td.active a, .jquery-ui .datepickergroup .ui-datepicker td.active a.ui-state-active, .jquery-ui .datepickergroup .ui-datepicker td.active span { background:#ff0 !important; font-weight:bold; }
.jquery-ui .datepickergroup .ui-datepicker a.ui-state-active { background:#fff; }
.jquery-ui.ui-datepicker td.active a, .jquery-ui.ui-datepicker a.ui-state-active, .jquery-ui.ui-datepicker td.active span { background: #ff0 !important; }
.jquery-ui.ui-datepicker td.highlight a, .jquery-ui.ui-datepicker td.highlight span { background:#ffc !important; }
.jquery-ui.ui-datepicker a.ui-state-hover { background: #f60 !important; }
.jquery-ui.ui-datepicker td.ui-datepicker-title select.ui-datepicker-year { float: right; }
.jquery-ui.ui-datepicker td span, .jquery-ui.ui-datepicker td a { display: block; padding: 0px; text-align: center; text-decoration: none; border:0 !important; width: 24px; height:20px; line-height:20px; }
.jquery-ui.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 7px 0 0 0; padding:0 2px; border-left: 0; border-right: 0; border-bottom: 0; }
.jquery-ui.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 5px 2px 4px; cursor: pointer; padding: 2px 6px 3px 6px; width:auto; overflow:visible; }
.jquery-ui.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.jquery-ui.ui-datepicker-trigger { position:relative; top:2px; }

.jquery-ui .hasDatepicker div { font-size: 11px; }
.jquery-ui.ui-datepicker.ui-datepicker-multi { width:auto; }
.jquery-ui.ui-datepicker-multi .ui-datepicker-group { float:left; }
.jquery-ui.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto 4px; }
.jquery-ui.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.jquery-ui.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.jquery-ui.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.jquery-ui.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.jquery-ui.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.jquery-ui.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.jquery-ui.ui-datepicker-row-break { clear:both; width:100%; }

.jquery-ui.ui-datepicker-rtl { direction: rtl; }
.jquery-ui.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.jquery-ui.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.jquery-ui.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.jquery-ui.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.jquery-ui.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.jquery-ui.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.jquery-ui.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.jquery-ui.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.jquery-ui.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.jquery-ui.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

.jquery-ui.ui-datepicker-cover {
display: none; 
display: block; 
position: absolute; 
z-index: -1; 
filter: mask(); 
top: -4px; 
left: -4px; 
width: 200px; 
height: 200px; 
}

.jquery-ui .ui-slider { position: relative; text-align: left; background:#ccc; }
.jquery-ui .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 0.8em; cursor: default; background: #ff6600; }
.jquery-ui .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .2em; display: block; border: 0; background:#fff; }
.jquery-ui .ui-slider a.ui-state-active, .jquery-ui .ui-slider a.ui-state-focus, .jquery-ui .ui-slider a:hover {
padding:0 !important;background: #ff6600 !important;}
.jquery-ui .ui-slider a:hover {
background: #ff6600 !important;}
.jquery-ui .ui-slider-horizontal { height: .5em; }
.jquery-ui .ui-slider-horizontal .ui-slider-handle, .jquery-ui .ui-slider-horizontal .ui-slider-handle.ui-state-hover { top: -.3em; margin-left: -.6em; }
.jquery-ui .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.jquery-ui .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.jquery-ui .ui-slider-horizontal .ui-slider-range-max { right: 0; }
#hd-news { margin-top: 2rem; margin-bottom: 2rem; }
#hd-news .hd-headline{ margin-bottom: 1rem; }
#hd-news .news {
background-color: #EEE;padding: 1rem 1.3rem;margin-bottom: 1rem;}
#hd-news .news .head { display: flex; justify-content: space-between; align-items: center; }
#hd-news .news .date { font-weight: bold; color: #8c8c8c; }
#hd-news .news .headline { font-size: 2rem; margin: 0.2rem 0 0.5rem 0; }
#hd-news .news .content_wrapper {
display: flex;flex-direction: column;}
#hd-news .news .intro { font-size: 1.2rem; font-wieght: bold; margin: 0.2rem 0 0.5rem 0; }
#hd-news .news .buttonwrapper { display: flex; justify-content: flex-end; margin-top: 1rem; }
#hd-news .news .image {
width: 100%;margin-bottom: 0.5rem;}
#hd-news .news .image img {
width: 100%;height: auto;}@media (min-width: 567px) {
#hd-news .news .content_wrapper {
flex-direction: row;}
#hd-news .news .image {
width: 10rem;margin: 0.2rem 1rem 0 0;flex-shrink: 0;flex-grow: 0;}
}
@media (min-width: 768px) {
#hd-news .news .image {
width: 15rem;}
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
body .hotel_image_gallery {
display: grid;
grid-gap: 0.5rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body .hotel_image_gallery.mobile_slider { display: block; }
body .hotel_image_gallery a { display: block; }
body .hotel_image_gallery a img { width: 100%; height: auto; aspect-ratio: 4/3;}
body .hotel_image_gallery a figure { position: relative;  display: block; }
body .hotel_image_gallery a figure > footer{ position: absolute; bottom: 0.2rem; right: 0.2rem; }
body .hotel_image_gallery.mobile_slider a img { padding: 0.5rem; }
@media (min-width: 567px) {
body .hotel_image_gallery.mobile_slider {
display: grid;
}
body .hotel_image_gallery {
grid-gap: 0.8rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
body .hotel_image_gallery.mobile_slider a img { padding: 0rem; }
}
body .hotel_image_gallery .fancybox-title-float-wrap {
position: absolute;
bottom: 0;
}#na-gruppen { margin-top: 2rem;  }
#na-gruppen .gruppe {
background: #eee;
margin-bottom: 2rem;
border: 1px solid #E7E7E7;
}
#na-gruppen .cols_wrapper {
align-items: start;
position: relative;
}
#na-gruppen .col1 {
position: relative;
}
#na-gruppen .col1 img {
width: 100%;
height: auto;
aspect-ratio:  449 / 300;
}
#na-gruppen .col1 .name {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translate(0%,-50%);
text-align: center;
text-shadow: 0 0 5px #000,0 0 120px #000;
font-size: 2.5em;
color: #FFF;
}
#na-gruppen .col2 .wrapper {
padding: 4rem 2rem 1rem 2rem;
}
#na-gruppen .col2 .buttonwrapper {
display: flex;
justify-content: flex-end;
margin-top: 1rem;
margin-right: 1rem;
}
#na-gruppen .col2 ul li {
list-style: disc;
margin-left: 1.65rem;
line-height: 22px;
}
#na-gruppen .gruppe:not(.open) {
cursor: pointer
}
#na-gruppen .gruppe:not(.open) .cols_wrapper {
padding: 2rem;
}
#na-gruppen .gruppe:not(.open) .col1 .name {
text-shadow: none;
color: #000;
text-align: left;
font-size: 1.5rem;
}
#na-gruppen .gruppe:not(.open) .col1 picture,
#na-gruppen .gruppe:not(.open) .col2 .wrapper,
#na-gruppen .gruppe:not(.open) .col2 .buttonwrapper {
display: none;
}
#na-gruppen .gruppe .arrow {
position: absolute;
top: 1rem; right: 1.5rem;
padding: 0.5rem;
cursor: pointer;
}
#na-gruppen .gruppe.open .arrow svg {
transform: rotateZ(180deg);
transform-origin: center center;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
}
@media all and (min-width: 768px) and (max-width:1023px) {
}
@media all and (min-width: 568px) and (max-width: 767px) {
#na-gruppen .col2 .wrapper { padding: 1.5rem; }
#na-gruppen .col2 ul li { font-size: 0.95rem; }
}
@media all and (max-width: 567px) {
#na-gruppen .col2 .wrapper { padding: 1rem; }
#na-gruppen .col2 ul li { font-size: 0.9rem; }
}