*, :before, :after { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-smooth: always; text-rendering: optimizeLegibility; outline: 0; box-sizing: border-box; }
a { text-decoration: none; }
html, body { margin: 0; padding: 0; }
#TraminoHeaderTiny, #TraminoHeaderTiny img.logo, #TraminoHeaderTiny a, .inlineeditors a { box-sizing: content-box; }
.disable-scroll { overflow: hidden !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed !important; left: 0; right: 0; }
.hyphens {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.bold { font-weight: bold; }
h1 {
font-weight: normal;
margin: 0;
}
picture img { background-color: var(--image-bg-color); }
img, picture { width: 100%; height: auto; display: block; }
table {
border-spacing: 0px; border-width: 0px;
margin: 0 0 20px 0;
}
table td {
border-bottom: 1px solid #CCC;
padding: 6px 10px;
vertical-align: top;
}
table tr:first-child td { border-top: 1px solid #CCC; }
.orangetable {
border-left: 4px solid #FF8000;
padding-left: 10px;
}:root {
--color-green: #408100;
--color-purple: #702173;
--color-orange: #FF8000;
--color-green-light: #458b00;
--color-orange-light: #FF880F;
--color-purple-light: #822686;
--color-lightgray: #777777;
--background-color: #f5f5f5;
--image-bg-color: #e7e7e7;
--border-radius-small: 0.5rem;
--border-radius: 1rem;
--maxwidth-margin: 1rem;
--margin-bottom: calc( var(--maxwidth-margin) * 0.5 );
--font-size-h1: 2rem;
--font-size-h1_2: 1.5rem;
--font-size-h2: 1.3rem;
--font-size-h3: 1.25rem;
--font-size-smaller: 0.9rem;
--font-size-small: 0.75rem;
--font-size-text: 1.0rem;
--tt-lang: lowercase;
}
html { font-size: 15px; background-color: var(--background-color); }
#body {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
}
#body .specialfont {
font-family: 'sansationbold', "Arial", sans-serif;
font-weight: normal;
font-variant-ligatures: no-common-ligatures;
-moz-osx-font-smoothing: grayscale;
}
.clear, .break { clear: both; }
.textstyle a { color: #000; text-decoration: underline; }
.textstyle a:hover { color: var(--color-purple) }
a.linkstyle { color: #000; text-decoration: underline; }
a.linkstyle:hover { color: var(--color-purple) }
.bg_purpel { background-color: var(--color-purple) }
#body .maxwidth { width: auto; margin-left: var(--maxwidth-margin); margin-right: var(--maxwidth-margin); }
#body .maxwidth-break-mobile { margin-left: 0px; margin-right: 0px; }
#body .maxwidth-break-tablet { margin-left: 0px; margin-right: 0px; }
.TraminoVorlage { margin-top: 0 !important; margin-bottom: 3rem !important; }
.columns {
display: flex;
flex-direction: column;
}
.columns .col {
width: 100%;
margin-bottom: var(--margin-bottom);
}
.textstyle {
font-size: var(--font-size-text);
line-height:  1.33;
color: #000;
}
.mainheadline {
position: relative;
margin-bottom:  1rem;
font-size: var(--font-size-h3);
display: flex;
justify-content:  space-between;
align-items: center;
}
.mainheadline.big { font-size: var(--font-size-h1); }
.mainheadline.purple { color: var(--color-purple); }
.mainheadline span, .mainheadline h2, .mainheadline h3 {
position: relative;
z-index: 2;
background-color: var(--background-color);
padding: 0 1rem 0 0;
font-size: inherit;
font-weight: inherit;
margin: 0;
}
.mainheadline a {
position: relative;
z-index: 2;
background-color: var(--background-color);
padding: 0 0 0 1rem;
color:  var(--color-purple);
font-size:  0.9rem;
}
.mainheadline:after {
position:  absolute;
top:  50%;
left: 0;
z-index: 1;
display: block;
content: "";
width: 100%;
height: 2px;
background-color: #ddd;
}
.mainheadline.bg_white span { background-color: #FFF; }
.mainheadline.bg_white a { background-color: #FFF; }
.main_intro {
margin: 0 0 2em 0;
}
@media (min-width: 768px) {
.mainheadline { margin-left: 0; }
}
.button_wrapper {
display: flex;
justify-content: flex-end;
margin-top: 0.7rem;
}
.button_wrapper.center {
justify-content: center;
}
.button {
background-color:  var(--color-green);
color: #FFF;
font-size: 1rem;
padding: 0.3em 0.9em;
border-radius: var(--border-radius-small);
border: 1px solid var(--color-green);
cursor: pointer;
}
.lang-en .button { text-transform: var(--tt-lang); }
.button.icon {
display:  flex;
align-items: center;
}
.button.icon i { font-size: 1.2em; margin-right:0.3em; }
.button:hover { background-color: var(--color-green-light); }
.button.purple { background-color: var(--color-purple); border-color: var(--color-purple); }
.button.purple:hover { background-color:  var(--color-purple-light); border-color:  var(--color-purple-light); }
.button.orange { background-color: var(--color-orange); border-color: var(--color-orange); }
.button.orange:hover { background-color: var(--color-orange-light); border-color: var(--color-orange-light); }
.button.white { background-color: #fff; border-color: #fff; color: #333 }
.button.white:hover { background-color: #eee; border-color: #eee; }
.button.block { display: block; width: 100%; }
.button.mobile-block { display: block; width: 100%; }
.button.tablet-block { display: block; width: 100%; }
.show_arrows {
position:  relative;
}
.show_arrows .arrow {
display: flex;
align-items:  center;
justify-content:  center;
width:  3rem;
height: 3rem;
border-radius:  50%;
background-color: rgba(255,255,255,0.8);
position:  absolute;
top: 50%;
transform: translate(0,-50%);
border:  1px solid #CCC;
cursor: pointer;

}
.show_arrows .arrow:hover {
background-color: rgba(240,240,240,1);
}
.show_arrows .arrow.hide { display: none; }
.show_arrows .arrow i {
font-size:  1.5rem;
}
.show_arrows .arrow.arrow-left {
left:  2rem;
}
.show_arrows .arrow.arrow-right {
right:  2rem;
}
.carousel .wrapper .controls { display: none; }
.carousel .wrapper .inner {
display: flex;
flex-wrap: ;
scroll-behavior: smooth;
overflow: auto;
scroll-snap-type: x mandatory;
-ms-overflow-style: none; 
scrollbar-width: none; 
flex-flow: row nowrap;
justify-content: normal;
align-items: flex-start;
}
.carousel .wrapper .inner .item {
justify-content: center;
align-items: center;
font-size: 0.9rem;
font-weight: normal;
margin-right:  0.7rem;
flex-shrink: 0;
flex-grow: 0;
}
#TraminoInhalt > .G {
position: relative;
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
#TraminoInhalt > .G .TraminoVorlage { margin-bottom: 0 !important; padding-bottom: 2rem !important; position: relative; }
#TraminoInhalt > .G > div {
display: block;
width: auto;
vertical-align: top;
margin-bottom: 0px;
padding-bottom: 20px;
page-break-inside: avoid;
}
.inner_padding { padding: 2rem 1.5rem; }

.T4922 { padding: 1rem 1.5rem;
border-radius: var(--border-radius); }

.T4993 .titelbild { margin-bottom: 1rem; }
.T4993 h1.headline { color: var(--color-purple); }
.T4993 h2 { font-weight: normal; }
.T4532 { font-size: 1.1rem; }
.T4532 .mainheadline:after { display: none; }
.T3261.meinexh .carousel { margin: 0 !important; padding: 0 !important; }
.T3261.meinexh .wrapper { margin: 0 !important; padding: 0 !important; }
.T3261 .item { float: none; } 
.T4358 .maxwidth { margin-left: auto !important; margin-right: auto !important; }

#body.navigation_open #reserva .ReservaCartBox { z-index: 1; }
#body.navigation_open #reserva :is(.map,#reserva-map) { z-index: 1; }
#body.navigation_open #reserva .reserva-sticky-header, #body.navigation_open #reserva .reserva-sticky-header .head { z-index: 1; }
#body.navigation_open #reserva .client-breadcrumb { z-index: 1; }
.me-headline {
color: #FFF;
background-color: #702173;
font-size: 26px;
display: inline-block;
margin: 0px -15px 5px -30px;
padding: 9px 25px;
font-family: 'sansationbold';
font-weight: normal;
}
.me-headline.style2 { margin: -10px -15px 5px -15px;
}
.me-wrapper {
background-color: #FFF;
padding: 0;
box-sizing: border-box;
}
.fancybox-wrap.video .fancybox-inner {
height: auto !important;
aspect-ratio: 16 / 9;
}
@media all and (max-width: 767px) {
.me-wrapper { margin: 0; }
}
@media (min-width: 356px) {
:root {
--maxwidth-margin:  1.1rem;
}
}
@media (min-width: 400px) {
:root {
--maxwidth-margin:  1.2rem;
}
}
@media (min-width: 567px) {
:root {
--maxwidth-margin:  1.3rem;
}
html { font-size: 17px; }
#body .maxwidth-break-mobile:not(.maxwidth-break-tablet) { margin-left:  var(--maxwidth-margin); margin-right:  var(--maxwidth-margin); }
.button.mobile-block { width: auto; }
}
@media (min-width: 768px) {
:root {
--maxwidth-margin:  1.9rem;
--font-size-h1:  2rem;
}
html { font-size: 18px; }
.TraminoVorlage { margin-bottom: 4rem !important; }
#body .maxwidth-break-tablet { margin-left: var(--maxwidth-margin); margin-right: var(--maxwidth-margin); }
.button { padding: 0.5em 1em; }
.button.tablet-block { width: auto; }
.columns {
flex-direction: row;
justify-content: space-between;
}
.columns .col {
width: auto;
margin-bottom: 0;
}
.columns .col:last-child { margin-right: 0; }
.columns.columns2 .col { width: calc(50% - ( var(--maxwidth-margin) / 2) ); }
.columns.columns2.standalown .col { width:100%; }
#TraminoInhalt > .G {
-webkit-columns: 2 ;
-moz-columns: 2 ;
columns: 2 ;
-webkit-column-gap: calc( 1.5 * var(--maxwidth-margin) );
-moz-column-gap: calc( 1.5 * var(--maxwidth-margin) );
column-gap: calc( 1.5 * var(--maxwidth-margin) );
margin-left: var(--maxwidth-margin); margin-right: var(--maxwidth-margin);
}
#TraminoInhalt > .G > .maxwidth { margin-left: 0 !important; margin-right: 0 !important; }
}
@media (min-width: 1024px) {
:root {
--font-size-h1: 2.2rem;
}
}
@media (min-width: 1280px) {
#page_inner { width: 1280px; margin-left: auto; margin-right: auto; }
#body #TraminoInhalt div.fullscreen {
margin-left:  calc( ( (100vw - 1280px) / 2 ) * -1 );
margin-right:  calc( ( (100vw - 1280px) / 2 ) * -1 );
}
#body #TraminoInhalt div.fullscreen .maxwidth {
max-width: calc(1280px - (var(--maxwidth-margin) * 2));
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1300px) {
#body .maxwidth { width: auto; margin-left: 0; margin-right: 0; }
#body .maxwidth-break-mobile:not(.maxwidth-break-tablet) { width: auto; margin-left: 0; margin-right: 0; }
#TraminoInhalt > .G {
margin-left: 0; margin-right: 0;
}
}

.T5759 {
padding-top: 100px;
}.TraminoForm input[type=text], .TraminoForm input[type=date], .TraminoForm input[type=password], .TraminoForm input[type=email], .TraminoForm 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;
border-radius: var(--border-radius-small);
}
.TraminoForm input[type=text]:focus, .TraminoForm input[type=date]:focus, .TraminoForm input[type=password]:focus, .TraminoForm input[type=email]:focus, .TraminoForm input[type=number]:focus {
outline: 0;
border: 1px solid var(--color-purple);
box-shadow: 0 0 5px #cacaca;
}
.TraminoForm select {
-moz-appearance: none;
-webkit-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: 0.5rem;
transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
border-radius: var(--border-radius-small);
}
.TraminoForm 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;
-webkit-appearance: none;
appearance: none;
}#header {
position: relative;
height: 50px;
z-index: 200;
}
#logo {
position: absolute;
left: 40px;
top: 0px;
width: 320px;
height: 80px;
background-color: #fff;
z-index: 201;
}
#navigation2 {
background-color: #A8AFB8;
position: absolute;
right: 30px;
bottom: 0px;
}
#navigation2 ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
#navigation2 li {
margin: 0px;
border-right: 1px solid #BFC7CC;
float: left;
text-transform: uppercase;
}
#navigation2 li a {
display: block;
padding: 6px 17px 6px 17px;
color: #fff;
text-decoration: none;
font-size: 12px;
line-height: 12px;
font-weight: bold;
}
#navigation2 li a:hover {
color: #fff;
background-color: #000;
}
#navigation2 li.nav_aktiv {
background-color: #666E7A;
}
.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;
}.T2886 {
min-height: 100px;
color: #444;
font-size: 15px;
}
.T2886 .cartHeader { display: flex; justify-content: space-between; border-bottom: 2px solid rgba(0,0,0,0.2); margin-bottom: 20px;  }
.T2886 #cartProgressBar { height: 30px; }
.T2886 #cartProgressBar .step { float: left; margin-right: 20px;  }
.T2886 #cartProgressBar .step.active { color: #000; font-weight: bold;  }
.T2886 #cartProgressBar .step.done a { color: #000; }
.T2886 .adresse { float: left; width: 40%; padding-right: 30px; box-sizing: border-box; }
.T2886 .terms { float: left; width: 60%; }
.T2886 .terms .terms-inner { box-sizing: border-box;  font-size: 14px !important; width: 100% !important; height: 350px !important; padding: 0px 3% !important; }
.T2886 table.cart td { padding-top: 10px !important; padding-bottom: 10px !important; border-bottom: 1px solid rgba(0,0,0,0.1) !important; }
.T2886 table.cart tr.subtotal td { border-bottom-width: 0px !important; }
.T2886 table.cart td.input {
border-bottom: 0px solid transparent !important;
padding: 5px 5px 4px 0px !important;
}
.T2886 table.cart td.input.nn span { padding: 3px 5px; }
.T2886 table.data td.input input[type=text] { width: 100%; padding: 1px 2px !important; }
.T2886 table.data td.input select { width: 100%; min-height: 22px; }
.T2886 .item div p { margin: 0px 0px 5px 0px; }
.T2886 .item div ul { margin: 5px 0px; }
.T2886 table.cart td.image { padding-right: 20px !important; }
.T2886 table.cart td .info { font-size: 13px !important; line-height: 1.25 !important; }
.T2886 table.cart td .expires { color: #262; }
.T2886 table.cart td .expires.expired { color: #966; }
.T2886 table.cart td.details { line-height: 1.2; }
.T2886 table.cart td.sum { padding-left: 20px !important; font-weight: bold !important; font-size: 20px !important;  }
.T2886 table.cart td.sum div.mwst{  font-style: italic; font-size: 9px !important; line-height: 1; white-space: nowrap; }
.T2886 table.cart td.total {
padding: 10px 0px !important;
font-size: 25px !important;
line-height: 1.2 !important;
color: #BD2631 !important;
}
.T2886 .terms .accept { margin: 10px 0px; }
.T2886 .form .cancel { background-color: #aaa; color: #fff; font-weight: bold; padding: 5px 30px; text-transform: uppercase; font-size: 12px; border: none; }
.T2886 .form .finish { background-color: #BD2631; color: #fff; font-weight: bold; padding: 5px 30px; text-transform: uppercase; font-size: 12px; border: none; }
.T2886 input[type=submit] { -webkit-appearance: none; }
.T2886 .cart-section {
display: flex;
margin: 0px 0px 20px 0px; 
padding: 20px 0px 30px 0px; 
border-bottom: 1px solid #ccc; 
}
.T2886 .cart-section-header { flex: 1; }
.T2886 .cart-section-content { flex: 2; }
.T2886 .cart-section-header .label { font-weight: bold; font-size: 13px; }
.T2886 .nl-checkbox .info {
font-size: 13px;
color: #777;
margin: 3px 0 0 0;
}

#cart-shop-button a {
display: inline-block;
text-decoration: none;
color: #FFF;
background-color: #AAA;
padding: 5px 12px;
}
#cart-shop-button a:hover {
background-color: #888;
}
#cart .bottom_button {
padding: 7px 20px;
color: #fff;
border: 0px;
font-size: 16px;
cursor: pointer;
background-color: #999;
}
#cart .bottom_button.finish {
background-color: #C30; 
}


#body.Mandant_3469 .T2886 table.cart td.total {
color: #000 !important;
}

#body.Mandant_27604 .T2886 #cart table.cart th.sum.euro { opacity: 0; }
#body.Mandant_27604 .T2886 #cart table.cart td.sum.euro { opacity: 0; }
#body.Mandant_27604 .T2886 #cart table.cart td.total.euro { opacity: 0; border-top-width: 1px !important; }
#body.Mandant_27604 .T2886 #cart:not(.checkout) table.cart tr:last-child { display: none; }
@media all and (max-width: 950px) {
.T2886 .form { max-width: 400px; margin: 0px auto; }
.T2886 .adresse { float: none; width: 100%; padding-right: 0px;  }
.T2886 .terms { float: none; width: 100%; margin: 20px 0px;  }
}
@media all and (max-width: 700px) {
.T2886 #cartProgressBar { font-size: 12px; }
.T2886 table.cart { display: block}
.T2886 table.cart > tbody { display: block}
.T2886 table.cart > tbody > tr { display: block; width: 100%; position: relative; }
.T2886 table.cart > tbody > tr > th { display: none}
.T2886 table.cart > tbody > tr > td { display: block; width: 100% !important; box-sizing: border-box; }
.T2886 table.cart > tbody > tr > td.image { float: left; width: 100px !important; border-width: 0px !important;}
.T2886 table.cart > tbody > tr > td.item { padding-left: 120px !important; border-width: 0px !important; }
.T2886 table.cart > tbody > tr > td.details { padding: 0px 0px 0px 120px !important; border-width: 0px !important; }
.T2886 table.cart > tbody > tr > td.euro { padding-left: 120px !important; }
.T2886 table.cart > tbody > tr > td.optional_items_button { text-align: right; margin-top: 10px; margin-bottom: 20px; }
.T2886 table.cart td { padding-top: 0px !important; padding-bottom: 0px !important; border-bottom: 0px solid rgba(0,0,0,0.1) !important; }
.T2886 table.cart td.remove { position: absolute; right: -20px; top: 10px; }
.T2886 table.data { display: block}
.T2886 table.data tbody { display: block}
.T2886 table.data th { display: none}
.T2886 table.data tr { display: block; width: 100%;}
.T2886 table.data td { display: block; width: 100% !important; box-sizing: border-box; }
.T2886 table.data td.input { display: flex; }
.T2886 table.data td.input > label { flex: 1; }
.T2886 table.data td.input > span { flex: 3; }
.T2886 .cart-section { display: block !important; }
}
@media all and (max-width: 567px) {
.T2886 .cartHeader {
flex-direction: column;
}
.T2886 #cartProgressBar { order: 2; }
.T2886 #cart-shop-button { order: 1; margin-bottom: 15px; align-self: flex-end; }
.T2886 #cartform .wrapper .newsletter { width: 100% !important; float: none !important; margin: 0 0 25px 0 !important; }
.T2886 #cartform .wrapper .herkunft { width: 100% !important; float: none !important; margin: 0 0 25px 0 !important; }
}
.T2886 .empty {
border: 0px solid #fff !important;
color: #000 !important;
background-color: #fff;
box-shadow: 5px 5px 25px rgba(0,0,0,0.1);
padding: 60px 20px; 
font-size: 25px; 
margin: 20px 0px;
border-radius: 10px;
}
.T2886 .empty .icon {
color: #c33;
font-size: 50px;
margin: 20px;
}
.T2886 .cart_error {
border: 0px solid #fff !important;
color: #000 !important;
background-color: #fff !important;
box-shadow: 5px 5px 25px rgba(0,0,0,0.1);
border-radius: 10px !important;
padding: 25px 50px !important; 
font-size: 25px !important; 
margin: 30px 0px !important;
text-align: center;
}
.T2886 .cart_error .icon {
color: #f33;
font-size: 50px;
margin: 20px;
}
.T2886 .cart_error .info {
margin-top: 20px;
font-size: 16px;
color: #999;
}
.T2886 .success {
border: 0px solid #fff !important;
color: #000 !important;
background-color: #fff;
box-shadow: 5px 5px 25px rgba(0,0,0,0.1);
border-radius: 10px!important;
padding: 60px 20px!important; 
font-size: 25px !important; 
margin: 20px 0px !important;
text-align: center !important;
}
.T2886 .success .icon {
color: #3c3;
font-size: 60px;
margin: 20px;
text-align: center;
}.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;
}.S6491 .TraminoForm {
max-width: 700px;
margin: 0px auto;
}
.S6491 .TraminoForm .Widget {
font-size: 15px;
}
.S6491 .TraminoForm .group {
width: 100% !important;
}
.S6491 .TraminoForm .element  {
margin-top: 30px !important;
padding-bottom: 30px !important;
border-bottom: 1px solid #ddd;
}
.S6491 .TraminoForm .label h4 {
margin-bottom: 5px;
font-size: 17px;
}
.S6491 .TraminoForm .label .help {
color: #777;
}
.S6491 .TraminoForm .input {
margin-top: 15px;
}
.T3247 { margin: 0px; }
.T3247 .maxwidth {
background-color: #FFF;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.T3247 .wrapper {
margin: 20px 30px;
background: url(https://storage.tramino.net/exhrelaunch/753413/booking-bg.png) top left repeat;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-radius: 10px;
position: relative;
}
.T3247 .wrapper .head .headline {
display: inline-block;
color: #FFF;
background-color: #702173;
}
.T3247 .wrapper .head .subheadline {
position: absolute;
top: 40px;
right: 20px;
font-size: 19px;
}
.T3247 .wrapper .inner {
background-color: #FFF;
margin: 45px 20px 25px 20px;
padding: 20px 0;
}
.T3247 .wrapper.onlybooking .inner {
margin: 15px 20px 25px 20px;
}
.L5180 .T3247 .wrapper .head {
display:  flex;
align-items: center;
justify-content:  space-between;
margin-top:  1rem;
}
.L5180 .T3247 .wrapper .head .headline {
font-size: var(--font-size-h2);
padding:  0.35rem 0.7rem 0.35rem 0.7rem;
}
.L5180 .T3247 .wrapper .head .subheadline {
position:  static;
}
.T3247 .shelf-warning {
margin-top: 120px;
background-color: #FFF;
padding: 2rem;
color: #F00;
border-radius: 1rem;
border: 2px solid #F00;
font-size: 1rem;
}
.T3247 .shelf-warning .info {
font-weight: bold;
}
@media (min-width: 567px) {
.L5180 .T3247 .wrapper .head .headline {
font-size: var(--font-size-h1);
}
.L5180 .T3247 .wrapper .head .subheadline {
display:  flex;
margin-left:  1rem;
justify-content:  flex-end;
text-align:  right;
padding-right: 1rem;
}
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
.T3247.S5160 .wrapper .inner {
background-color: #FFF;
margin: 45px 0px 25px 0px;
padding: 20px 0;
}
.T3247.S5160 .wrapper.onlybooking .inner {
margin: 15px 20px 25px 20px;
}
.T3247.S5160 .wrapper {
margin: 20px 0px;
background-image: none;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-radius: 10px;
position: relative;
}@media all and (min-width: 1000px) and (max-width: 1250px) {
.T3247 .wrapper { margin: 15px 25px; }
.T3247 .wrapper .head .subheadline { font-size: 18px; }
.T3247 .wrapper .inner { margin: 40px 15px 25px 15px; }
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T3247 .wrapper { margin: 12px 20px; }
.T3247 .wrapper .head .subheadline { top: 30px; font-size: 17px; }
.T3247 .wrapper .inner { margin: 35px 12px 20px 12px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3247 .wrapper { margin: 10px 15px; }
.T3247 .wrapper .head .subheadline { position: static; top: auto; left: auto; font-size: 16px; margin: 15px 20px; }
.T3247 .wrapper .inner { margin: 30px 10px 15px 10px; }
}
@media all and (max-width: 567px) {
.T3247 .wrapper { margin: 5px 0px !important; background-image: none; }
.T3247 .wrapper .head .subheadline { position: static; top: auto; left: auto; font-size: 15px; margin: 15px 20px; }
.T3247 .wrapper .inner { margin: 0px 0px 10px 0px !important; padding: 0px !important; }
}
.T3253.maxwidth {
padding: 0.5rem 1rem;background-color: #FFF;box-sizing: border-box;}
.T3253 h2.headline {
text-align: center;font-weight: bold;margin: 0;}
.T3253 .text {
text-align: center;}
@media (min-width: 567px) {
.T3253.maxwidth { padding: 0.8rem 1.2rem; }
}
@media (min-width: 768px) {
.T3253.maxwidth { padding: 1rem 1.5rem; }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
.T3253.S6421 h2.headline {
text-align: left;}
.T3253.S6421 .text {
text-align: left;}.overview_map {
position: relative;display: none;width: 900px;height: auto;margin: 0 0 0 30px;border-bottom: 1px solid #FFF;}
.overview_map .overview_map_inner { position: relative; margin: 0 0 25px 0; }
.overview_map .poi {
position: absolute;top: 0;left: 0;z-index: 2;cursor: pointer;}
.overview_map .poi.grey {
-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.5;}

.overview_map .poi.poi-exho { top: 33.2%; left: 10.1%; }
.overview_map .poi.poi-exhn { top: 20.7%; left: 14.6%; }
.overview_map .poi.poi-exhb { top: 17.8%; left: 67.5%; }
.overview_map .poi.poi-exhm { top: 62.6%; left: 5.1%; }
.overview_map .poi.poi-exhk { top: 31.2%; left: 54.9%; }
.overview_map .poi.poi-exhz { top: 41%; left: 43.8%; }
.overview_map .poi.poi-exhh { top: 15%; left: 93.1%; }
.overview_map .poi.poi-exhoe { top: 55.8%; left: 24.5%; }
.overview_map .poi.poi-exhbk { top: 75%; left: 83.2%;  }
.overview_map .poi.poi-exhg { top: 27.3%; left: 27.2%; }
.overview_map .poi svg {
width: 35px;height: auto;}
.overview_map .poi img {
width: 28px;height: auto;}
header.navopen.mapopen .overview_map { display: block; }
header.navopen.mapopen nav { height: 0; }
header.navopen.mapopen nav .col { display: none; }
.overview_map .panel {
position: absolute;right: 20px;bottom: 15px;background-color: #333;background-color: rgba(0,0,0,0.7);color: #FFF;padding: 3px 12px;box-shadow: 3px 3px 2px #000;box-shadow: 3px 3px 2px rgba(0,0,0,0.7);}
.overview_map .panel span { cursor: pointer; }
.overview_map .panel i { margin: 0 5px 0 0; }
.overview_map .infopopup {
position: absolute;top: 0;left: 0;z-index: 501;display: none;background-color: #FFF;width: 390px;padding: 10px 15px;box-shadow: 0px 0px 10px #000;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.overview_map .infopopup .infopopup_inner { position: relative; }
.overview_map .infopopup .ip_top:after { display: block; content: ""; clear: left; }
.overview_map .infopopup .image {
float: left;margin: 0 20px 0 0;}
.overview_map .infopopup .headline { font-size: 18px; line-height: 1.1; margin: 0 0 10px 0;}
.overview_map .infopopup .intro { font-size: 15px; line-height: 1.2; }
.overview_map .infopopup .infos {
float: left;width: 240px;}
.overview_map .infopopup .ip_foot { margin: 10px auto 0 auto; width: 220px; }
.overview_map .infopopup .ip_foot:after { display: block; content: ""; clear: left; }
.overview_map .infopopup .ip_foot a { 
color: #000;color: rgba(0,0,0,0.4);text-decoration: none;display: block;float: left;text-align: center;margin: 0 20px 0 0;}
.overview_map .infopopup .ip_foot a:hover { color: #000; }
.overview_map .infopopup .ip_foot a i {
display: block;font-size: 28px;}
.overview_map .infopopup .ip_foot a span {
font-size: 12px;text-align: center;}
.overview_map .infopopup .triangle {
position: absolute;       
left: 50%;z-index: 3;display: block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #FFF;}
@media all and (min-width: 1000px) and (max-width: 1250px) {
.overview_map {
width: 680px;
height: auto;
margin: 0 0 0 20px;
}
.overview_map .overview_map_inner { margin: 0px 0 126px 0; }
.overview_map.me_map .overview_map_inner { margin: 0px 0 20px 0; }
.overview_map img { width: 100%; height: auto; }
}
@media all and (min-width: 768px) and (max-width: 999px) {
.overview_map {
width: 95%;
height: 43.77vw;
margin: 0 2.5%;
}
.overview_map .overview_map_inner { margin: 0px 0 126px 0; }
.overview_map.me_map .overview_map_inner { margin: 0px 0 20px 0; }
.overview_map img { width: 100%; height: auto; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.overview_map { display: none; }
}
@media all and (max-width: 567px) {
.overview_map { display: none; }
}
.T3259 .wrapper {
background-color: #FFF;padding: 30px 30px;box-sizing: border-box;}
.T3259 .me-wrapper {
padding-top: 20px;}
.T3259 .headline { margin-bottom: 30px; }
.T3259 .carousel .carousel_inner {
width: 100%;position: relative;overflow: hidden;}
.T3259 .carousel .item {
float: left;margin: 0 40px 10px 0;width: 200px;}
.T3259 .carousel .item .image {
margin: 0 0 5px 0;width: 100%;height: auto;}
.T3259 .carousel .item .image img {
width: 100%;height: auto;object-fit: cover;aspect-ratio:  200 / 130;}
.T3259 .carousel .item a {
text-decoration: none;font-size: 17px;color: #000;}

.T3259 .item .level_8447, .item .level_8448{ font-size: 13px; color: rgba(64,129,0,.6); }

.T3259 .item .level_8450, .item .level_8449 { font-size: 13px; color: rgba(255,128,0,.6); }

.T3259 .item .level_8451 { font-size: 13px; color: rgba(240,15,0,.6); }
@media all and (min-width: 1000px) and (max-width: 1250px) {
.T3259 .maxwidth { padding: 0 25px; }
.T3259 .wrapper { padding: 25px; }
.T3259 .headline { margin-bottom: 25px; }
.T3259 .carousel .item { width: 190px; margin-right: 30px; }
.T3259 .carousel .item a { font-size: 16px; }
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T3259 .maxwidth { padding: 0 20px; }
.T3259 .wrapper { padding: 20px; }
.T3259 .headline { margin-bottom: 20px; }
.T3259 .carousel .item { width: 180px; margin-right: 25px; }
.T3259 .carousel .item a { font-size: 15px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3259 .maxwidth { padding: 0 20px; }
.T3259 .wrapper { padding: 15px; }
.T3259 .headline { margin-bottom: 15px; }
.T3259 .carousel .item { width: 170px; margin-right: 20px; }
.T3259 .carousel .item a { font-size: 14px; }
}
@media all and (max-width: 567px) {
.T3259 .maxwidth { padding: 0 20px; }
.T3259 .wrapper { padding: 10px; }
.T3259 .headline { margin-bottom: 10px; }
.T3259 .carousel .item { width: 160px; margin-right: 15px; }
.T3259 .carousel .item a { font-size: 13px; }
}
.T3261 {
margin: 30px 0;}
.T3261.meinexh { margin: 0px; }
.T3261.meinexh .wrapper {
padding: 30px;margin: 0 30px;box-sizing: border-box;}
.T3261.meinexh .carousel { padding: 0px 30px; background-color: #FFF; overflow: hidden;}
.T3261 .headline {
margin: 0 0 25px 0;color: #000;font-size: 25px;line-height: 1.1;}
.T3261 .headline .extra {
margin: 0 0 0 30px;font-size: 20px;}
.T3261 .item {
position: relative;width: 240px;height: 240px;margin: 0 25px 0 0;float: left;}
.T3261 .item.dummy {
background-color: #711C74;}
.T3261 .carousel .item .userlike {
position: absolute;top: 3px;right: 10px;font-size: 15px;z-index: 2;}
.T3261 .carousel .item .userlike a { 
color: #FFF; 
text-shadow: 1px 1px 1px #000; 
text-shadow: 1px 1px 1px rgba(0,0,0,0.6); 
text-decoration: none;}
.T3261 .carousel .carousel_inner {
width: 100%;position: relative;overflow: hidden;}
.T3261 .item .image {
width: 100%;height: 100%;}
.T3261 .item .image img {
width: 100%;height: auto;object-fit: cover;aspect-ratio: 1 / 1;}
.T3261 .item .infos {
position: absolute;left: 0;right: 0;bottom: 15px;z-index: 5;color: #FFF;text-shadow: 1px 1px 1px #000; 
text-shadow: 1px 1px 1px rgba(0,0,0,0.6); 
font-size: 15px;padding: 0px 20px;}
.T3261 .item .infos span {
width: 100%;display: block;text-align: center;}
.T3261 .item .infos span.client { font-weight: 700; }
.T3261 .item .infos span.posted { font-size: 14px; }
.T3261 .item.dummy .infos {
text-shadow: none;}
.T3261 .item.dummy .infos span {
text-align: left;}
.T3261 .item.dummy .infos span.dummyheadline {
font-size: 30px;margin: 0 0 8px 0;}
@media all and (min-width: 1000px) and (max-width: 1250px) {
.T3261 .headline { font-size: 23px; }
.T3261 .headline .extra { font-size: 18px; }
.T3261 .item {
width: 220px;
height: 220px;
margin: 0 20px 0 0;
}
.T3261 .carousel .item .userlike { font-size: 14px; }
.T3261 .item .infos { font-size: 14px; }
.T3261 .item.dummy .infos span.dummyheadline { font-size: 19px; }
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T3261 .headline { font-size: 20px; }
.T3261 .headline .extra { font-size: 16px; }
.T3261 .item {
width: 200px;
height: 200px;
margin: 0 15px 0 0;
}
.T3261 .carousel .item .userlike { font-size: 13px; }
.T3261 .item .infos { font-size: 13px; }
.T3261 .item.dummy .infos span.dummyheadline { font-size: 18px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3261 .headline { font-size: 18px; }
.T3261 .headline .extra { font-size: 15px; }
.T3261 .item {
width: 180px;
height: 180px;
margin: 0 10px 0 0;
}
.T3261 .carousel .item .userlike { font-size: 13px; }
.T3261 .item .infos { font-size: 13px; }
.T3261 .item.dummy .infos span.dummyheadline { font-size: 17px; }
}
@media all and (max-width: 567px) {
.T3261 .headline { font-size: 16px; }
.T3261 .headline .extra { display: block; font-size: 13px; margin: 5px 0 0 0; }
.T3261 .item {
width: 160px;
height: 160px;
margin: 0 5px 0 0;
}
.T3261 .carousel .item .userlike { font-size: 13px; }
.T3261 .item .infos { font-size: 13px; }
.T3261 .item.dummy .infos span.dummyheadline { font-size: 16px; }
}
.T3270 .maxwidth {
background-color: #FFF;
padding-bottom: 40px;
border-radius: var(--border-radius);
overflow: hidden;
}
.T3270 .wsb_wandern_detail .wrap1 {
background-color: #FFF;
padding: 25px; 
}
.T3270 .wsb_wandern_detail .wrap1 .infos {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.T3270 .wsb_wandern_detail .wrap1 .infos .item { width: calc(100% - 435px); }
.T3270 .wsb_wandern_detail .wrap1 .infos .item .download { display: flex; justify-content: center; padding: 20px 0; }
.T3270 .wsb_wandern_detail .wrap1 .infos .item .download a { margin-right: 20px; font-size: 16px !important; }
.T3270 .karte > div {
height: 50vw !important;
}
.T3270 .karte #geodatamap_container {
height: 100% !important;
}
.T3270 .karte #map_canvas {
height: 100% !important;
}
.T3270 .elevation { margin-bottom: 30px; }
.T3270 .infos { margin-top: 30px; }
.T3270 .infos:after { display: block; content: ""; clear: left; }
.T3270 .infos .infos_bar {
float: left;
width: 550px;
margin: 0 30px 0 0;
}
.T3270 .item { margin: 0 0 15px 0; }
.T3270 .float_elements:after { display: block; content: ""; clear: left; }
.T3270 .float_elements .item { float: left; margin-right: 10px; }
.T3270 .item label {
display: block;
font-weight: 700;
}
.T3270 .wertung_box_outer:after { display: block; content: ""; clear: left; }
.T3270 .wertung_box {
width: 20px;
height: 10px;
background-color: #CCC;
float: left;
margin: 1px 1px 0px 0px;
}
.T3270 .wertung_box.box1.aktiv { background-color: #36D900; }
.T3270 .wertung_box.box2.aktiv { background-color: #00A900; }
.T3270 .wertung_box.box3.aktiv { background-color: #FFBF00; }
.T3270 .wertung_box.box4.aktiv { background-color: #FF8000; }
.T3270 .wertung_box.box5.aktiv { background-color: #D90000; } 

.T3270 .item.monate label { padding-bottom: 5px; }
.T3270 .item.monate .monat_wrapper:after { display: block; content: ""; clear: left; }
.T3270 .item.monate .monat_wrapper .monat {
float: left;
border: 1px solid #CCC;
padding: 3px 8px;
color: #333;
width: 11%;
}
.T3270 .item.monate .monat_wrapper .monat.bg_purpel { color: #FFF; }

.T3270 .wsb_wandern_detail .metadata {
margin: 25px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 1rem 2rem 1rem 0;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.T3270 .wsb_wandern_detail .metadata .head {
color: #CCC;
text-align: center;
padding-bottom: 5px;
font-size: 14px;
}
.T3270 .wsb_wandern_detail .metadata .text { display: flex; align-items: center; }
.T3270 .wsb_wandern_detail .metadata .text i {
font-size: 34px;
color: rgba(51,51,51,0.6);
padding-right: 5px;
}
.T3270 .wsb_wandern_detail .metadata span { display: inline-block; margin: 0 10px 0 0; }
.T3270 .wsb_wandern_detail .metadata span i { margin: 0 5px 0 0; }
.T3270 .wsb_wandern_detail .metadata span.difficulty .colorbox {
width: 20px;
height: 10px;
margin: 0 5px 0 0;
}
.T3270 .wsb_wandern_detail .metadata span.difficulty .colorbox.green { background-color: #4EA740; }
.T3270 .wsb_wandern_detail .metadata span.difficulty .colorbox.yellow { background-color: #F1E12A; }
.T3270 .wsb_wandern_detail .metadata span.difficulty .colorbox.red { background-color: #DA0605; }
.T3270 .wsb_wandern_detail .wrap2 { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 25px; }
.T3270 .wsb_wandern_detail .wrap2 .col { width: 40%; }
.T3270 .wsb_wandern_detail .footertext { padding: 0 25px; }@media all and (min-width: 1000px) and (max-width: 1250px) {
.T3270 .infos .infos_bar {
width: 430px;
}
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T3270 .infos { display: flex }
.T3270 .infos .infos_bar {
width: auto;
flex: 1;
}
.T3270 .item.monate .monat_wrapper .monat { width: 25%; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3270 .infos .infos_bar {
width: auto;
float: none;
margin: 0 0 0 0;
}
.T3270 .wsb_wandern_detail .wrap1 .infos .item { width: 100%; }
.T3270 .wsb_wandern_detail .wrap2 .col { width: 100%; }
.T3270 .wsb_wandern_detail .metadata .meta { width: 40%; text-align: center; }
.T3270 .wsb_wandern_detail .metadata .dauer { padding-bottom: 10px; }
}
@media all and (max-width: 567px) {
.T3270 .infos .infos_bar {
width: auto;
float: none;
margin: 0 0 0 0;
}
.T3270 .elevation > div {
max-width: 335px;
width: 100% !important;
}
.T3270 .elevation > div img {
width: 100%;
height: auto;
}
.T3270 .wsb_wandern_detail .wrap1 .infos .item { width: 100%; }
.T3270 .wsb_wandern_detail .wrap2 .col { width: 100%; }
.T3270 .wsb_wandern_detail .metadata .meta { width: 40%; text-align: center; }
.T3270 .wsb_wandern_detail .metadata .dauer { padding-bottom: 10px; }
.T3270 .item.monate .monat_wrapper .monat { width: 24%; }
.T3270 .wsb_wandern_detail .wrap1 .infos .item .download { flex-wrap: wrap; }
.T3270 .wsb_wandern_detail .wrap1 .infos .item .download a { margin-bottom: 10px; }
}
.T3284 .maxwidth { background-color: #fff; }
.T3284 .maxwidth > .inner {	padding: 30px; width: 400px; margin: 0px auto; }
.T3284 .Label { font-size: 14px; }
.T3284 .Zeile { margin-top: 10px; }
.T3284 .empty { padding: 100px; text-align: center; border: 1px solid #ccc; }
.T3284 form { margin-top: 20px }
.T3284 .row { margin-bottom: 10px; }
.T3284 .row label { font-size: 14px; display: block; }
.T3284 .row input { font-size: 14px; width: 350px; }
.T3284  .AdresseWidget { margin-top: 30px }
.T3284 .error { color: #f33; }
.T3284 .js-error { background-color: #f33; color: #FFF; padding: 2px 3px; display: none; }
.T3284 .js-error.on { display: block; }
.T3284 .adresse_telefon { width: 100%; float: none; }
.T3284 .adresse_telefon input { width: 355px !important; }
.T3284 .adresse_fax { display: none; }
.T3284 .adresse_titel { display: none; }
.T3284 .adresse_mobil { display: none; }
.T3284 .Spamstop2WidgetInner {
margin-top: 2rem;}
@media all and (max-width: 567px) {
.T3284 .maxwidth > .inner {	box-sizing: border-box; padding: 15px; width: 100%; margin: 0px auto; }
.T3284 .row input { width: 100%;  }
.T3284 .adresse_telefon input { width: 100% !important; }
}
.T3590 .iframewrapper.ratio169 {
position: relative;}
.T3590 .iframewrapper.ratio169 iframe {
border: 0px solid #CCC;width:  100%;aspect-ratio:  16 /9;}
.T3590 .iframewrapper.userdefault iframe {
margin: 0 auto;border: 0px solid #CCC;}.T3918{background-color:#f2f5f5;font-size:16px}.T3918,.T3918 *{box-sizing:border-box}.T3918 .wrapper{border-spacing:30px;background-color:#f2f5f5}.T3918 .row{margin:0 0 20px;display:-webkit-box;display:flex}.T3918 .row .col{-webkit-box-flex:1;flex:1;width:calc(50% - 10px);margin:0 10px 20px 0;padding:10px 15px;background-color:#fff}.T3918 .row .col:nth-child(2){margin:0 0 20px 10px}.T3918 .row .col .content{margin:15px 0 0}.T3918 .row .col .inner.rechnungen .rechnung{vertical-align:top;display:inline-block;width:100%;margin:0 8px;padding-right:20px}.T3918 .row .col .inner.rechnungen .rechnung .re_img{width:100px}.T3918 .row .col .inner.rechnungen .rechnung .zeitraum{font-size:18px;margin:0 0 5px}.T3918 .row .col .inner.rechnungen .rechnung .re_link{text-align:right}.T3918 .row .col .inner.rechnungen .rechnung .re_link a{color:#444}#infowrapper{padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid #ccc}#infowrapper .footer{text-align:right}#infowrapper h4{margin:0 0 7px}#eventwrapper{margin:20px 0}#eventwrapper .events .event .name{cursor:pointer;position:relative}#eventwrapper .events .event .name:after{content:"\203A";display:inline-block;font-size:2em;position:absolute;top:10px;right:-24px;line-height:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}#eventwrapper .events .event.open .name:after{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);right:-18px}#eventwrapper .events .event .date{color:#417900;display:inline-block;margin:0 10px 0 0}#eventwrapper .events .event .more{max-height:0;overflow:hidden;-webkit-transition:max-height .25s;transition:max-height .25s;color:#6b6b6b;font-size:15px}#eventwrapper .events .event.open .more{max-height:200px;margin:2px 0}@media (max-width:767px){.T3918{background-color:#f2f5f5;font-size:16px}.T3918,.T3918 *{box-sizing:border-box}.T3918 .wrapper{display:block;border-spacing:0;background-color:#f2f5f5}.T3918 .wrapper .row,.T3918 .wrapper .row .col{margin:0 0 20px;display:block}.T3918 .wrapper .row .col{width:100%;padding:10px 15px;background-color:#fff}.T3918 .wrapper .row .col:nth-child(2){margin:0 0 20px}}.L5180 .T3920 { padding: 4rem; }
.T3920 .maxwidth { background-color: #fff; }
.me-wrapper { box-sizing: border-box; padding: 15px 35px 20px 35px; }
.T3920 .Zeile { margin-top: 10px; }
.T3920 .empty { padding: 100px; text-align: center; border: 1px solid #ccc; }
.T3920 h2 { margin: 0px; }
.T3920 .me-wrapper .info { position: relative; }
.T3920 .panel {
position: relative;
}
.T3920 .panel.buttons {
position: absolute;
top: 0px;
right: 0;
} 
.T3920 .button.logout {
font-size: 14px !important;

color: #fff;
cursor: pointer;
text-decoration: none;
background-color: #555;
border: 1px solid #555;
margin-left: 0.5rem;
}
.T3920 .button.logout.delete {
background-color: #C26F6F;
border-color: #C26F6F;
}
.T3920 .panel .button.back {
font-size: 14px !important;

color: #fff;
cursor: pointer;
text-decoration: none;
background-color: #555 !important;
border: 1px solid #555 !important;
}
.T3920 .footer_buttons {
display:  flex;
justify-content: flex-end;
}

.T3920 form { margin-top: 20px }
.T3920 .Label {
font-size: 15px;
margin: 4px 0px 0px 0px;
}
.T3920 .TraminoForm .element .label .help {
font-size: 14px;
}
.T3920 .col_wrapper {
display:  flex; flex-wrap: wrap; justify-content: space-between;
}
.T3920 .col {  width: 48%; }
.T3920 .row { margin-top: 10px; }
.T3920 .row.info { margin-top: 0px; margin-bottom: 10px; }
.T3920 .row label { font-size: 14px; display: block; }
.T3920 .row input { font-size: 14px; width: 350px; }
.T3920  .AdresseWidget { margin-top: 0px }
.T3920 .error { color: #f33; }
.T3920 .divider { display:inline-block; color: #444; margin: 8px 0px 3px 0px; }
.T3920 .AdresseWidget .adresse_telefon, .T3920 .AdresseWidget .adresse_mobil { width: 100% !important; }
.T3920 .adresse_telefon input, .T3920 .adresse_mobil input { width: 100% !important; }
.T3920 .adresse_fax { display: none; }
.T3920 .adresse_titel { display: none; }
.T3920 input:-moz-read-only { background-color: #dadada; }
.T3920 input:read-only { background-color: #dadada; }
.T3920 .foot {
text-align: right;
}
.T3920 .textstyle.zustimmung { font-size: 16px !important; line-height: 135% !important; }
.T3920 .textstyle.small { font-size: 12px !important; line-height: 135% !important; }
#submit-button { margin: 10px 0px 0px 0px; background-color: #417900;border: 1px solid #417900; }

.T3920 .foot .button.delete {
border: 0px solid #555555 !important;
background-color: #555555 !important;
color: #FFF !important;
font-size: 12px !important;
}
@media all and (min-width: 1000px) and (max-width: 1250px) {
.T3920 .textstyle.zustimmung { font-size: 14px !important; }
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T3920 .textstyle.zustimmung { font-size: 13px !important; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3920 .textstyle.zustimmung { font-size: 13px !important; }
.T3920 .me-wrapper .info.withbuttons { padding-top: 40px; }
}
@media all and (max-width: 567px) {
.T3920 .textstyle.zustimmung { font-size: 12px !important; }
.T3920 .me-wrapper .info.withbuttons { padding-top: 40px; }
.T3920 .col {  width: 100%; }
.T3920 .row input { width: 100%; }
}
.T3958 {
margin-bottom: 30px !important;
}
.T3958 .me-wrapper .infotext {
padding: 15px 0 20px 0;
font-size: 20px;
}
.T3958 .me-wrapper .overview_map {
margin: 0 auto;
display: block;
}
.T3958 .me-wrapper .mobileinfo {
padding: 15px 0 20px 0;
display: none;
}
.T3958 .me-wrapper .mobileinfo .start {
position: relative;
display: block;
height: auto;
padding: 0 0 8px 0;
}
.T3958 .me-wrapper .mobileinfo .start:after {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
content: "";
width: 20px;
height: 50px;

background-repeat: no-repeat;
background-position: top left;
}
.T3958 .me-wrapper .mobileinfo .start .icon {
position: absolute;
top: -2px;
left: 0px;
z-index: 2;
display: inline-block;
background-color: #417900;
width: 17px;
height: 17px;
border-radius: 50%;
display:  none;
}
.T3958 .me-wrapper .mobileinfo .start .name {
margin-left: 0;
font-size: 18px;
}
.T3958 .me-wrapper .mobileinfo a {
color: #000;
display: block;
text-decoration: none;
position: relative;
padding: 0 0 3px 0;
}
.T3958 .me-wrapper .mobileinfo a:after {
position: absolute;
top: 0;
left: 6px;
z-index: 1;
display: block;
content: "";
width: 20px;
height: 60px;
  background-repeat: no-repeat;
background-position: top left;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.3;
}
.T3958 .me-wrapper .mobileinfo a.bg-right:after {
top: 0;
left: -3px;
}
.T3958 .me-wrapper .mobileinfo a:last-child:after {
background-image: none;
}
.T3958 .me-wrapper .mobileinfo a i {
position: relative;
z-index: 2;
font-size: 24px;
color:  #333;
opacity: 0.7;
background-color:  #FFF;
}
.T3958 .me-wrapper .mobileinfo a .name {
position: relative;
top: -5px;
text-decoration: underline;
}
.T3958 .me-wrapper .mobileinfo a .name .breadcrumb {
display: block;
font-size: 11px;
text-decoration: none;
margin-left: 30px;
}
.T3958 .me-wrapper .mobileinfo a .name .breadcrumb .breadcrumb-flag {
display: inline-block;
width: 20px;
height: 12px;
background-size: 20px auto;
background-repeat: no-repeat;
background-position: center left;
margin: 0 7px 0 0;
position: relative;
top: 2px;
}
.T3958 .me-wrapper .mobileinfo a .name .breadcrumb .breadcrumb-flag.flag_at {
background-image: url(https://cdn.tramino.net/static/icons/root/flag_at/flagat40x24.png);
background-image: url(https://cdn.tramino.net/static/icons/root/flag_at/flagat.svg);
}
.T3958 .me-wrapper .mobileinfo a .name .breadcrumb .breadcrumb-flag.flag_de {
background-image: url(https://cdn.tramino.net/static/icons/root/flag_de/flagde40x24.png);
background-image: url(https://cdn.tramino.net/static/icons/root/flag_de/flagde.svg);
}
.T3958 .me-wrapper .mobileinfo a.active:after {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
.T3958 .me-wrapper .mobileinfo a.active i {
opacity: 1;
color: #408100;
}
@media all and (max-width: 767px) {
.T3958 .overview_map.me_map {
display: none;
}
.T3958 .me-wrapper .mobileinfo {
display: block;
}
.T3958 .me-wrapper .infotext {
display: none;
}
.T3958 .me-wrapper .headline.bgstyle {
margin: 0px -15px 5px -15px;
}
}
.T3960.with_headline {
margin-top: 30px !important;}
.T3960 .me-wrapper .row {
padding: 30px 0 10px 0;}
.T3960 .me-wrapper .row:after {
display: block;content: "";clear: left;}
.T3960 .me-wrapper .row .col {
float: left;width: calc(50% - 20px);}
.T3960 .me-wrapper .row .col:nth-child(1) {
margin-right: 20px;}
.T3960 .me-wrapper .row .col:nth-child(2) {
margin-left: 20px;}
.T3960 .me-wrapper .row .col:after {
display: block;content: "";clear: left;}
.T3960 .me-wrapper .row .col .image {
float: left;width: 180px;margin-right: 20px;}
.T3960 .me-wrapper .row .col .image img {
width: 100%;height: auto;}
.T3960 .me-wrapper .row .col .checkbox {
float: left;width: 35px;margin-right: 15px;}
.T3960 .me-wrapper .row .col .checkbox i {
font-size: 35px;color: #702173;}
.T3960 .me-wrapper .row .col .content {
float: left;width: calc(100% - 180px - 20px - 35px - 15px);}
.T3960 .me-wrapper .row .col .content .headline {
font-size: 22px;margin: 0 0 15px 0;}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3960 .me-wrapper .row {
padding: 25px 0 8px 0;}
.T3960 .me-wrapper .row .col {
width: calc(50% - 18px);}
.T3960 .me-wrapper .row .col:nth-child(1) {
margin-right: 18px;}
.T3960 .me-wrapper .row .col:nth-child(2) {
margin-left: 18px;}
.T3960 .me-wrapper .row .col .image {
width: 150px;margin-right: 18px;}
.T3960 .me-wrapper .row .col .checkbox {
width: 30px;margin-right: 12px;}
.T3960 .me-wrapper .row .col .checkbox i {
font-size: 30px;}
.T3960 .me-wrapper .row .col .content {
width: calc(100% - 150px - 18px - 30px - 12px);}
.T3960 .me-wrapper .row .col .content .headline {
font-size: 20px;margin: 0 0 12px 0;}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.T3960 .me-wrapper .row {
padding: 20px 0 6px 0;}
.T3960 .me-wrapper .row .col {
width: calc(50% - 16px);}
.T3960 .me-wrapper .row .col:nth-child(1) {
margin-right: 16px;}
.T3960 .me-wrapper .row .col:nth-child(2) {
margin-left: 16px;}
.T3960 .me-wrapper .row .col .image {
width: 120px;margin-right: 12px;}
.T3960 .me-wrapper .row .col .checkbox {
width: 25px;margin-right: 10px;}
.T3960 .me-wrapper .row .col .checkbox i {
font-size: 25px;}
.T3960 .me-wrapper .row .col .content {
width: calc(100% - 120px - 12px - 25px - 10px);}
.T3960 .me-wrapper .row .col .content .headline {
font-size: 19px;margin: 0 0 10px 0;}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3960 .me-wrapper .row {
padding: 15px 0 8px 0;}
.T3960 .me-wrapper .row .col {
width: calc(50% - 14px);}
.T3960 .me-wrapper .row .col:nth-child(1) {
margin-right: 14px;}
.T3960 .me-wrapper .row .col:nth-child(2) {
margin-left: 14px;}
.T3960 .me-wrapper .row .col .image {
width: 80px;margin-right: 10px;}
.T3960 .me-wrapper .row .col .checkbox {
width: 20px;margin-right: 8px;}
.T3960 .me-wrapper .row .col .checkbox i {
font-size: 20px;}
.T3960 .me-wrapper .row .col .content {
width: calc(100% - 80px - 10px - 20px - 8px);}
.T3960 .me-wrapper .row .col .content .headline {
font-size: 18px;margin: 0 0 8px 0;}
}
@media all and (max-width: 567px) {
.T3960 .me-wrapper {
margin: 0;}
.T3960 .me-wrapper .headline.bgstyle {
margin-left: -15px;}
.T3960 .me-wrapper .row {
padding: 12px 0 6px 0;}
.T3960 .me-wrapper .row .col {
width: 100%;}
.T3960 .me-wrapper .row .col:nth-child(1) {
margin-right: 0px;}
.T3960 .me-wrapper .row .col:nth-child(2) {
margin-left: 0px;}
.T3960 .me-wrapper .row .col .image {
width: 80px;margin-right: 10px;}
.T3960 .me-wrapper .row .col .checkbox {
width: 20px;margin-right: 8px;}
.T3960 .me-wrapper .row .col .checkbox i {
font-size: 20px;}
.T3960 .me-wrapper .row .col .content {
width: calc(100% - 80px - 10px - 20px - 8px);}
.T3960 .me-wrapper .row .col .content .headline {
font-size: 18px;margin: 0 0 8px 0;}
}
.T4041 { padding: 30px 0px; background-color: #FFF; }
.T4041 .headline { text-align: center; }
.T4041 .location_map {
position: relative;display: block;width: 900px;height: auto;margin: 0px auto;}
.T4041 .location_map .location_map_inner { position: relative; margin: 0 0 25px 0; }
.T4041 .location_map .poi {
position: absolute;top: 0;left: 0;z-index: 2;cursor: pointer;}
.T4041 .location_map .poi.grey {
-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.5;}
.T4041 .location_map .poi.poi-exho { top: 33.2%; left: 10.1%; }
.T4041 .location_map .poi.poi-exhn { top: 20.7%; left: 14.6%; }
.T4041 .location_map .poi.poi-exhb { top: 17.8%; left: 67.5%; }
.T4041 .location_map .poi.poi-exhm { top: 62.6%; left: 5.1%; }
.T4041 .location_map .poi.poi-exhk { top: 31.2%; left: 54.9%; }
.T4041 .location_map .poi.poi-exhz { top: 41%; left: 43.8%; }
.T4041 .location_map .poi.poi-exhh { top: 15%; left: 93.1%; }
.T4041 .location_map .poi.poi-exhoe { top: 55.8%; left: 24.5%; }
.T4041 .location_map .poi.poi-exhbk { top: 75%; left: 83.2%;  }
.T4041 .location_map .poi.poi-exhg { top: 27.3%; left: 27.2%; }
.T4041 .location_map .poi svg {
width: 35px;height: auto;}
.T4041 .location_map .poi img {
width: 28px;height: auto;}
.T4041 .location_map .panel {
position: absolute;right: 20px;bottom: 15px;background-color: #333;background-color: rgba(0,0,0,0.7);color: #FFF;padding: 3px 12px;box-shadow: 3px 3px 2px #000;box-shadow: 3px 3px 2px rgba(0,0,0,0.7);}
.T4041 .location_map .panel span { cursor: pointer; }
.T4041 .location_map .panel i { margin: 0 5px 0 0; }
.T4041 .location_map .infopopup {
position: absolute;top: 0;left: 0;z-index: 22;display: none;background-color: #FFF;width: 390px;padding: 10px 15px;box-shadow: 0px 0px 10px #000;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.T4041 .location_map .infopopup .infopopup_inner { position: relative; }
.T4041 .location_map .infopopup .ip_top:after { display: block; content: ""; clear: left; }
.T4041 .location_map .infopopup .image {
float: left;margin: 0 20px 0 0;}
.T4041 .location_map .infopopup .headline { font-size: 18px; line-height: 1.1; margin: 0 0 10px 0;}
.T4041 .location_map .infopopup .intro { font-size: 15px; line-height: 1.2; }
.T4041 .location_map .infopopup .infos {
float: left;width: 240px;}
.T4041 .location_map .infopopup .ip_foot { margin: 10px auto 0 auto; width: 220px; }
.T4041 .location_map .infopopup .ip_foot:after { display: block; content: ""; clear: left; }
.T4041 .location_map .infopopup .ip_foot a { 
color: #000;color: rgba(0,0,0,0.4);text-decoration: none;display: block;float: left;text-align: center;margin: 0 20px 0 0;}
.T4041 .location_map .infopopup .ip_foot a:hover { color: #000; }
.T4041 .location_map .infopopup .ip_foot a i {
display: block;font-size: 28px;}
.T4041 .location_map .infopopup .ip_foot a span {
font-size: 12px;text-align: center;}
.T4041 .location_map .infopopup .triangle {
position: absolute;bottom: -20px;left: 50%;-ms-transform: translate(-50%,0);transform: translate(-50%,0);z-index: 3;display: block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #FFF;}
@media all and (min-width: 1000px) and (max-width: 1250px) {
.T4041 .location_map {
width: 850px;
height: auto;
}
.T4041 .location_map .location_map_inner { margin: 0px 0 126px 0; }
.T4041 .location_map.exh_locations .location_map_inner { margin: 0px 0 20px 0; }
.T4041 .location_map img { width: 100%; height: auto; }
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T4041 .location_map {
width: 95%;
height: 43.77vw;
margin: 0 2.5%;
}
.T4041 .location_map .location_map_inner { margin: 0px 0 126px 0; }
.T4041 .location_map.exh_locations .location_map_inner { margin: 0px 0 20px 0; }
.T4041 .location_map img { width: 100%; height: auto; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4041 { display: none; }
}
@media all and (max-width: 567px) {
.T4041 { display: none; }
}
.T4264 {
margin-top: 30px !important;
}
#me-login form {
padding: 20px 0;
}
#me-login .item {
margin: 0 0 10px 0;
}
#me-login .item label { 
display: block;
font-size: 14px;
margin: 0 0 2px 0;
}
#me-login .item input[type=email], #me-login .item input[type=password] { 
display: block;
font-size: 18px;
border: 1px solid #CCC;
}
#me-login .item button {
border: 0px solid #417900;
background-color: #417900;
color: #FFF;
height: 32px;
font-size: 13px;
font-weight: 700;
box-sizing: border-box;
text-transform: uppercase;
box-sizing: border-box;
cursor: pointer;
padding: 0px 14px;
}
#me-login .item button:hover {
border: 0px solid #166205;
background-color: #166205;
}.T4358 .maxwidth {
margin: 40px auto;
max-width: 750px;
}
.T4358 .angebot {
margin-top: 30px;
border-top: 1px solid #ccc;
padding-top: 0px;
}
.T4358 .wrapper {
background-color: #fff;
padding: 20px 35px;
margin: 5px auto;
max-width: 750px;
}
.T4358 .inner {
position: relative;	
}
.T4358 .variante {
border: 1px solid #ccc;
border-radius: 5px;
padding: 0px 20px;
margin-bottom: 20px;
}
.T4358 .variante.focused {
border: 2px solid #000;
box-shadow: 15px 15px 100px rgba(0,0,0,0.6);
position: relative;
z-index: 1000;	
}
.T4358 .variante .terms {
width: 100%;
height: 150px;
box-sizing: border-box;
margin-bottom: 5px;
}
.T4358 .variante .check_terms {
margin: 15px 0px 10px 0px;
font-size: 13px;
}
.T4358 table {
width: 100% !important;
}
body .T4358 .button {
display: inline-block;
padding: 10px 15px !important;
font-size: 16px !important;
background-color: #E66C00 !important;
color: #fff !important;
border-width: 0px !important;
cursor: pointer;
text-decoration: none;
}
body .T4358 .button:active {
background-color: #C63C00 !important;
}
.T4358 .error {
text-align: center;
font-size: 25px;
font-weight: bold;
color: #c00;
padding: 20px;
border: 2px solid #f00;
margin-bottom: 30px;
}
.T4358 .offer_confirmed {
text-align: center;
font-size: 25px;
font-weight: bold;
color: #3c3;
padding: 50px 0px;
}
.T4358 .info2 {
text-align: center;
color: #ccc;
}
.T4358 .chat {
box-shadow: 3px 3px 15px rgba(0,0,0,0.2);
background-color: #fff;
padding: 10px;
border-radius: 10px;
}
@media all and (min-width: 1000px) {
.T4358 .chat {
position: absolute;
top: -20px;
right: -370px;
width: 320px;
padding: 15px;
}
}
@media all and (max-width: 500px) {
table.item tr {
display: flex !important;
flex-wrap: wrap;	
}
table.item td {
width: auto !important;	
}
table.item td.image {
flex-basis: 100%;
}
table.item td.checkbox {
flex-basis: 10%;
}
table.item td.content {
flex-basis: 90%;
}
}
.T4358 .expand {
position: relative;
max-height: 100px;
overflow: hidden;
}
.T4358 .expand.on {
position: relative;
max-height: none;
overflow: visible;
}
.T4358 .expand:before {
content: " ";
position: absolute;
left: 0px;
top: 50%;
right: 0px;
bottom: 0px;
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
}
.T4358 .expand:after {
content: "+";
font-size: 13px;
font-weight: bold;
position: absolute;
left: 45%;
bottom: 0px;
background: #999;
color: #fff;
border-radius: 20px;
padding: 0px 8px;
cursor: pointer;
}
.T4358 .expand.on:after { display: none }
.T4358 .expand.on:before { display: none }

.T4358 #reserva .client-breadcrumb { position: relative; top: 0;  }
.T4358 #reserva .result .client .image { max-width: 300px;}
.T4358 #reserva .result .client .action {  display: none; }
.T4358 #reserva .gallery .picture { display: none; }
.T4358 #reserva .gallery .picture:first-child { display: block; }
.T4358 #reserva .highlights { justify-content: space-between; flex-wrap: wrap; }
.T4358 #reserva .highlights .hightlight {
width: calc( 100% - 15px ) !important;
}
@media (min-width: 567px) {
.T4358 #reserva .highlights .hightlight {
width: calc( 49% - 15px ) !important;
}
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
.T4374  {
padding: 30px 0px;
}
.T4374 .cols {
display: flex;
display: -ms-flexbox;
}
.T4374 .col {
flex: 5;
-ms-flex: 5 0 auto;
display: flex;	
display: -ms-flexbox;
flex-direction: column;
-ms-flex-direction: column;
}
.T4374 .col2 { 
flex: 4;
-ms-flex: 4 0 auto;
padding-left: 20px; 
}
@media all and (max-width: 768px) {
.T4374 .cols { display: block }
.T4374 .col2 { padding-left: 0px; }
}
.T4374 section {
flex: 1;
-ms-flex: 1 0 auto;
background-color: #fff;	
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
margin-bottom: 20px;
padding: 15px 20px 15px 20px;
border-radius: 5px;
position: relative;
}
.T4374 section.docs { flex: 2; -ms-flex: 2 0 auto; }
.T4374 section.checkout { flex: 5; -ms-flex: 5 0 auto; }
.T4374 section.preview { flex: 7; -ms-flex: 7 0 auto; }
.T4374 section .headline {
font-size: 22px;
font-weight: normal;
margin-bottom: 10px;
}
.T4374 section .headline.border {
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
}
.T4374 section .back {
position: absolute;
top: 15px;
right: 20px;
font-size: 14px;
border: 1px solid #aaa;
padding: 3px 10px;
text-decoration: none;
color: #888 !important;
border-radius: 3px;
}
.T4374 section .back:hover {
color: #000 !important;
background-color: transparent !important;
border: 1px solid #333 !important;
}

.T4374 .items { 
display: flex; flex-wrap: wrap;
justify-content: center;
}
.T4374 .items a {
display: block;
text-decoration: none;
padding: 10px 10px;
color: #333;
text-align: center;
font-size: 15px;
flex-basis: 17%;
}
.T4374 .items a.on {
background-color: #47a;
color: #fff;
}
.T4374 .items img {
box-shadow: 3px 3px 8px rgba(0,0,0,0.2);
margin-bottom: 8px;
}

.T4374 .preview img {
display: block;
width: 100%;
height: auto;
transition: 1s;
margin-bottom: 5px;

}
.T4374 .preview img.loading {
opacity: 0.4;
filter: blur(5px);
}

.T4374 .docs  {
}
.T4374 .docs .item {
display: inline-block;
vertical-align: top;
text-decoration: none;
padding: 7px 10px;
color: #333;
text-align: center;
font-size: 12px;
line-height: 14px;
cursor: pointer;
width: 25%;
max-width: 120px;
border-radius: 5px;
}
.T4374 .docs img {
width: 100%;
height: auto;
box-shadow: 3px 3px 8px rgba(0,0,0,0.2);
margin-bottom: 7px;
}
.T4374 .docs .on {
background-color: #47a;
color: #fff;
}

.T4374 .message textarea {
width: 100%;
height: 8em;
}

.T4374 .checkout  {  
display: flex;
display: -ms-flexbox;
flex-direction: column;
-ms-flex-direction: column;
}
.T4374 .checkout .row1 {  flex: 10; -ms-flex: 10 0 auto; }
.T4374 .checkout .row2 {  flex: 1; -ms-flex: 1 0 auto; text-align: right; padding-top: 20px;}
.T4374 .checkout .row1 .anzahl { padding-top: 20px; }
.T4374 .checkout .item {
display: flex;
display: -ms-flexbox;
text-decoration: none;
padding: 8px 10px;
border-bottom: 1px solid #ddd;
color: #333;
cursor: pointer;
}
.T4374 .checkout .image {
flex: 1;
-ms-flex: 1 0 auto;
min-width: 85px;
padding-right: 5px;
}
.T4374 .checkout .image img {
border-radius: 5px;
}
.T4374 .checkout .text {
padding-left: 0px;
flex: 8;
-ms-flex: 8 0 auto;
font-size: 13px;
line-height: 1.3;
margin: 0px 0px;
padding-right: 20px;
}
.T4374 .checkout .text .name {
font-size: 15px;
font-weight: bold;
}
.T4374 .checkout .text .info {
margin-top: 5px;
}
.T4374 .checkout .price {
margin: 3px 0px;
font-weight: bold;
font-size: 15px;
}
.T4374 .freibetrag { max-width: 100px; }
.T4374 .freibetrag__input { font-weight: bold; width: 65px; }
.T4374 .freibetrag__info { font-weight: bold; color: red; font-size: 12px; }
.T4374 .checkout .item.on {
border: 2px solid #666;
border-radius: 5px;
margin: -2px -2px -1px -2px;
}
.T4374 .back.button { 
display: inline-block;
padding: 5px 20px;
text-align: center;
background-color: #F28800 !important; color: #fff !important; 
border-radius: 5px;
cursor: pointer;
}
.T4374 .checkout .button { 
display: inline-block;
padding: 5px 20px;
text-align: center;
background-color: #e85725; color: #fff; 
border-radius: 5px;
cursor: pointer;
}
.T4374 p.gutschein_info { font-size: 13px; line-height: 1.3; text-align: left; margin: 0px 0px 5px 0px; }
.L5180 .T4403 table { margin:  0 auto; }
.T4403 td {
vertical-align: top;color: #fff;border-top-width:  0px !important;border-bottom-width:  0px !important;}
.T4467 .me-wrapper { padding-bottom: 20px; margin-bottom: 25px; }
.T4467 .me-wrapper .infotext {
padding: 15px 0;
}
.T4467 .me-wrapper .TraminoForm { padding: 15px 0; }
.T4467 .me-wrapper .TraminoForm .item .Adresse { display: none; }
.T4467 .me-wrapper .TraminoForm fieldset { 
border: 0 !important;
padding: 20px 0 !important;
}
.T4467 .me-wrapper .TraminoForm fieldset legend {
font-size: 18px;
}
.T4467 .me-wrapper .TraminoForm fieldset .antwort { 
padding-bottom: 10px;
}
.T4467 .me-wrapper .TraminoForm button[type="submit"] {
border: 0px solid #555555;
background-color: #555555;
color: #FFF;
height: 32px;
font-size: 13px !important;
font-weight: 700;
text-transform: uppercase;
box-sizing: border-box;
cursor: pointer;
padding: 0px 14px;
}.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;  }
#chat {
position: fixed;
bottom: 30px;
right: 30px;
font-size: 14px;
z-index: 10000000;
}
#chat .chat-button {
position: relative;
box-sizing: border-box;
background-color: #fff;
box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
border-radius: 10px;
width: 65px;
height: 65px;
text-align: center;
cursor: pointer;
}
#chat .chat-button:hover {
box-shadow: 4px 4px 15px rgba(0,0,0,0.4);
}
#chat .chat-icon {
position: absolute;
top: -20px;
left: 0px;
}
#chat .chat-icon img {
width: 65px !important;
height: auto !important;
-ms-interpolation-mode: bicubic;
}
#chat .chat-cta {
position: absolute;
bottom: 4px;
right: 0px;
left: 0px;
text-align: center;
font-size: 12px;
line-height: 1.2;
font-weight: normal;
color: #000;
}
@media all and (max-width: 800px) {
#chat { bottom: 10px; right: 10px; }
#chat .chat-button { width: 50px; height: 50px; }
#chat .chat-icon { top: -15px; }
#chat .chat-icon img { width: 50px !important; }
#chat .chat-cta { font-size: 9px; }
}
#chat .chat-close {
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px;
border-radius: 10px;
background: #666;
color: #fff;
font-family: Arial;
line-height: 20px;
font-size: 20px;
text-align: center;
cursor: pointer;
}
#chat .chat-popup {
display: none;
position: absolute;
bottom: 0px;
right: 0px;
width: 350px;
height: 450px;
background-color: #fff;
border-radius: 10px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
padding: 6px 10px;
}
#chat .chat-popup-icon {
position: absolute;
top: -30px;
left: -10px;
}
@media all and (max-width: 800px) {
#chat .chat-popup { width: 285px; height: auto; max-height: 450px; min-height: 200px; }
}
#chat .chat-popup-icon img {
width: 50px !important;
height: auto !important;
-ms-interpolation-mode: bicubic;
}
#chat .chat-input {
padding-top: 10px;
flex: 1 5%;
}
#chat .chat-input textarea {
width: 100%;
outline: none;
resize: none;
overflow: auto;
border-radius: 5px;
color: #222;
padding: 2px 4px;
box-sizing: border-box;
font-size: 14px;
font-family: inherit;
}

#chat.open .chat-popup {
display: flex;
flex-direction: column;
}
#chat.open .chat-button { box-shadow: none; }

#chat.static { position: static; }
#chat.static .chat-button { display: none; }
#chat.static .chat-close { display: none; }
#chat.static .chat-popup {
display: flex;
flex-direction: column;
position: static;
width: auto;
box-shadow: none;
padding: 0px;
}

#chat .chat-messages-outer {
overflow-y: scroll;
flex: 15;
}
#chat .chat-messages {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
#chat .chat-message {
position: relative;
background-color: #e2e2e2;
color: #000;
border-radius: 20px 20px 20px 0px;
padding: 5px 10px;
margin-right: 25px;
margin-bottom: 5px;

overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: normal;
word-break: normal;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
}
#chat .chat-message a {
color: #309;
text-decoration: underline;
}
#chat .chat-message.chat-question {
display: inline-block;
background-color: #69c;
color: #fff;
margin-left: 25px; margin-right: 0px;
border-radius: 20px 20px 0px 20px;
align-self: flex-end;
max-width: 90%;
text-align: right;	
}
#chat .chat-message.chat-answer {
margin-left: 35px;
}
#chat .chat-message.chat-answer:before {
content: "";
background-image: url(https://tramino.s3.amazonaws.com/s/oberstdorf/983751/skihrnchen.png);
background-size: contain;
-ms-interpolation-mode: bicubic;
width: 30px;
height: 30px;
position: absolute;
left: -35px;
bottom: 0px;
}
#chat .chat-message.chat-info {
font-size: 12px;
line-height: 14px;
background-color: #fff;
border: 0px solid #ccc;
padding: 3px 4px;
color: #666;
}

#chat .chat-action-group {
margin-top: 4px;
}
#chat .chat-email {
font-size: 11px;
width: 160px;
}
#chat .chat-action {
display: inline-block;
background-color: #778;
color: #fff;
padding: 1px 6px;
border-radius: 5px;
cursor: pointer !important;
font-size: 12px;
margin: 0.2em;
}
#chat .chat-action:hover {
background-color: #446 !important;
}
#chat .chat-action.selected { 
cursor: default;
background-color: #363;
}
#chat .chat-action.unselected { 
cursor: default;
background-color: #778;
}
#langswitch { display: none; }
.langswitch_inner {
box-sizing: border-box;
width: 100%;
max-width: 500px;
min-width: 200px;
padding: 15px 20px;
}
.langswitch_inner * { box-sizing: border-box; }
.langswitch_inner .headline { font-size: 1.5rem; margin-bottom: 1rem; }
.langswitch_inner ul { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.langswitch_inner ul li { margin: 0; padding: 0; order: 2; }
.langswitch_inner ul li.ip_sort { order: 1; }
.langswitch_inner ul li :is(a,span) {
display: block;
padding: 10px 5px 10px 40px;
border-bottom: 1px solid #CCC;
color: #000;
text-decoration: none;
white-space: nowrap;
background-repeat: no-repeat;
background-size: 30px auto;
background-position: center left;
cursor: pointer;
}
.langswitch_inner ul li[data-lang=de] :is(a,span) { background-image: url(https://storage.tramino.net/root/996903/de.svg); }
.langswitch_inner ul li[data-lang=en][data-flag=en] :is(a,span) { background-image: url(https://storage.tramino.net/root/996904/en.svg); }
.langswitch_inner ul li[data-lang=en][data-flag=us] :is(a,span) { background-image: url(https://storage.tramino.net/root/997083/usa.svg); }
.langswitch_inner ul li[data-lang=at] :is(a,span) { background-image: url(https://storage.tramino.net/root/996900/at.svg); }
.langswitch_inner ul li[data-lang=ch] :is(a,span) { background-image: url(https://storage.tramino.net/root/996901/ch.svg); }
.langswitch_inner ul li[data-lang=it] :is(a,span) { background-image: url(https://storage.tramino.net/root/996905/it.svg); }
.langswitch_inner ul li[data-lang=cs] :is(a,span) { background-image: url(https://storage.tramino.net/root/996902/cs.svg); }
.langswitch_inner ul li[data-lang=es] :is(a,span) { background-image: url(https://storage.tramino.net/root/996927/es.svg); }
.langswitch_inner ul li[data-lang=nl] :is(a,span) { background-image: url(https://storage.tramino.net/root/996928/nl.svg); }
.langswitch_inner ul li[data-lang=fr] :is(a,span) { background-image: url(https://storage.tramino.net/root/996931/fr.svg); }
.langswitch_inner ul li[data-lang=ru] :is(a,span) { background-image: url(https://storage.tramino.net/root/996930/ru.svg); }
.langswitch_inner ul li[data-lang=no] :is(a,span) { background-image: url(https://storage.tramino.net/root/996929/no.svg); }
.langswitch_inner ul li[data-lang=hu] :is(a,span) { background-image: url(https://storage.tramino.net/root/1199752/hungary.svg); }
.langswitch_inner ul li[data-lang=hr] :is(a,span) { background-image: url(https://storage.tramino.net/root/1274447/croatia.svg); }
.langswitch_inner ul li:last-child :is(a,span) {
border-bottom-width: 0px;
}
.langswitch_inner ul li:hover :is(a,span) {
background-color: #EEE;
}
.langswitch_inner ul li.active :is(a,span) { font-weight: 600; }
.langswitch_inner .helper { font-size: 11px; }
.T4638.mailbox .news {
position: relative;color: #000;display: block;padding: 10px 0 10px 0;border-top: 1px solid #EEE;cursor: pointer;}
.T4638.mailbox .news:nth-child(1) { border-top-width: 0px; }
.T4638.mailbox .news.unread .status .inner { background-color: #376F00; }
.T4638.mailbox .news.open .inhalt .text { max-height: 1000px; }
.T4638.mailbox .news:after { content: ''; display: block; clear: left; }
.T4638.mailbox .news .status {
width: 15px;height: 15px;margin: 0 10px 0 0;float: left;}
.T4638.mailbox .news .status .inner {
width: 15px;height: 15px;border-radius: 50%;background-color: #CCC;overflow: hidden;margin-top: 4px;}
.T4638.mailbox .news .inhalt {
width: calc(100% - 135px);float: left;margin: 0 10px 0 0;color: #000;}
.T4638.mailbox .news .inhalt .name { font-size: 16px; }
.T4638.mailbox .news .inhalt .name span {
position: absolute;top: 10px;right: 0;}
.T4638.mailbox .news.open .inhalt .name span {
display: none;}
.T4638.mailbox .news .inhalt .text {
margin: 10px 0;max-height: 0;transition: max-height 250ms;overflow: hidden;}
.T4638.mailbox .news .image {
width: 100px;float: left;}

.T4638.mailbox.app .news:not(.open) .inhalt { width: calc( 100% - 50px ); }
.T4638.mailbox.app .news .intro { display: none; }
.T4638.mailbox.app .news .image { display: none; }
.T4638.mailbox.app .news.open .intro { display: block; }
.T4638.mailbox.app .news.open .image { display: block; }
.T4639.booking .buchung { margin-top: 15px; }
.T4639.booking .buchung.hide { display: none; }
.T4639.booking .buchung:after { display: block; content: ""; clear: left; }
.T4639.booking .buchung .leftside { float: left; width: calc( 100% - 100px ); }
.T4639.booking .buchung .leftside .hotel { font-size: 18px; margin: 0 0 5px 0; }
.T4639.booking .buchung .rightside { float: left; width: 100px; }
.T4639.booking .loadmore {
width: 100%;
background-color: #FFF;
border: 1px solid #333;
color: #333;
margin-top: 20px;
text-align: center;
font-size: 12px;
line-height: 22px;
}
#countdownwrapper {
margin-bottom: 10px;
max-width: 300px;
}
#countdownwrapper h4 {
margin: 0 0 13px 0;
color: #417900;
font-size: 21px;
}
.T4639 .countdown_section {
float: left;
width: 62px;
margin-right: 9px;
font-size: 13px;
text-align: center;
border: 2px solid #999 !important;
border-radius: 5px;
padding: 5px;
}
.T4639 .countdown_section:last-child { margin-right: 0; }
.countdown_row:after { display: block; content: ""; clear: left; }
.T4639 .countdown_section .countdown_amount {
font-size: 17px;
line-height: 1;
width: 100%;
text-align: center;
display: inline-block;
margin: 0px;
}
.booking_list { margin-bottom: 0.8rem; padding-bottom: 0.8rem; border-bottom: 1px solid #999; }
.booking_list:last-child { margin-bottom: 0.8rem; padding-bottom: 0.8rem; border-bottom: 0px solid #999; }
.mt-1 { display: inline-block; margin-top: 0.5rem; }

.T4641.cart .bottom { margin: 20px 0 0 0; text-align: right; }
.T4641.cart .bottom .button { display: none; }
.T4641.cart .list .list_item:after { content: ''; display: block; clear: left; }
.T4641.cart .list .list_item.cart { 
margin: 0 0 5px 0;padding: 0 0 5px 0;border-bottom: 1px solid #EEE;}
.T4641.cart .list .list_item.cart.last {
margin: 0;padding: 0;border-bottom-width: 0;}
.T4641.cart .list .list_item.total {
padding-top: 5px;margin-top: 5px;border-top: 1px solid #000;border-bottom-width: 0;font-size: 19px;}
.T4641.cart .list .list_item .name { float: left; width: calc(100% - 70px); }
.T4641.cart .list .list_item .name .hotel { font-size: 14px; color: #555; }
.T4641.cart .list .list_item .name .date { font-size: 14px; color: #555; }
.T4641.cart .list .list_item .name .zzgl { font-size: 14px; color: #555; }
.T4641.cart .list .list_item .name .extra { font-size: 14px; color: #555; }
.T4641.cart .list .list_item .price {
float: left;width: 70px;text-align: right;white-space: nowrap;}
.T4641 .voucher {
margin: 1.2rem 0;font-size: 0.95rem;border: 2px dashed rgb(55, 111, 0);background-color: rgba(55, 111, 0,.1);padding: 0.5rem 1.1rem;}
.T4641 .voucher .code {
font-size: 1.5rem;text-align: center;margin-top: 0.5rem;}
.T4641 .button_wrapper { text-align: center; margin: 0.5rem 0 }
.T4641 .button.copy { display: none; margin: 0.5rem 0 }.T4639 .links { display: flex; margin-bottom: 20px;  }
.T4639 .links .link { margin-left: 20px; }
.T4639 .links .link img { width: 100%; height: 60px; }
.T4639 .qrcode { box-sizing: content-box; border: 3px solid #408100; padding: 10px; border-radius: 5px; width: 100px; margin: 10px auto 5px auto; }
.T4643.data .edit { text-align: right; }
.T4643.data .progress { margin: 20px 0 0 0; }
.T4643.data .progress .bar {
position: relative;
width: 100%;
height: 12px;
background-color: #EEE;
border-radius: 3px;
overflow: hidden;
margin: 0 0 5px 0;
}
.T4643.data .progress .bar .fill {
position: absolute;
top: 0px;
left: 0px;
width: auto;
height: 100%;
}

.T4643.data .progress .bar .fill.p0 { background-color: #D40010; width: 5%; }
.T4643.data .progress .bar .fill.p20 { background-color: #D53710; width: 20%; }
.T4643.data .progress .bar .fill.p40 { background-color: #D5792B; width: 50%; }
.T4643.data .progress .bar .fill.p60 { background-color: #D2DB2A; width: 80%; }
.T4643.data .progress .bar .fill.p80 { background-color: #A3DC24; width: 90%; }
.T4643.data .progress .bar .fill.p100 { background-color: #198D02; width: 100%; }

.T4643.data .progress .bar .fill.p0 { background-color: #D40010; width: 5%; }
.T4643.data .progress .bar .fill.p25 { background-color: #D53710; width: 20%; }
.T4643.data .progress .bar .fill.p50 { background-color: #D5792B; width: 50%; }
.T4643.data .progress .bar .fill.p75 { background-color: #A3DC24; width: 90%; }
.T4643.data .progress .bar .fill.p100 { background-color: #198D02; width: 100%; }.T4645.favoriten .favorites-item { 
margin-top: 15px;padding: 10px 0;border-top: 1px solid #eee;}
.T4645.favoriten .favorites-item:nth-child(1) { border-top-width: 0px; }
.T4645.favoriten .favorites-item:after { display: block; content: ""; clear: left; }
.T4645.favoriten .favorites-item .status {
width: 25px;margin: 0 10px 0 0;float: left;}
.T4645.favoriten .favorites-item .status i {
font-size: 25px;color: #376F00;cursor: pointer;}
.T4645.favoriten .favorites-item .text { float: left; width: calc( 100% - 100px - 35px ); }
.T4645.favoriten .favorites-item .text .name { font-size: 18px; margin: 0 0 5px 0; }
.T4645.favoriten .favorites-item .text .items-remove { 
margin-top: 5px;font-size: 12px;color: #888;cursor: pointer;}
.T4645.favoriten .favorites-item .image { float: left; width: 100px; }.T4764 {
background-color: #FFF;}
.T4764 .box {
height: auto;display: flex;flex-direction: column;	
flex-wrap: wrap;font-size: 30px;margin-bottom: 20px;margin: 0 auto;position: relative;padding: 20px 40px;}
.T4764 .box:before, .T4764 .box:after {
content: "";display: block;width: 95%;border-top: 1px solid #EEE;margin: 0 auto;}
.T4764 .box:before { margin-bottom: 20px; }
.T4764 .box:after { margin-top: 20px; }
.T4764 .box .headline {
width: 100%;padding: 0;font-weight: bold;margin-bottom: 20px;}
.T4764 .box .subheadline_left {
flex: 1;}
.T4764 .box .subheadline_right {
flex:1;display: flex;flex-direction: column;}
.T4764 .box .row { display: flex; align-items: center; margin-bottom: 8px; }
.T4764 .box .row i { font-size: 20px; margin-right: 10px; }
.T4764 .box .button_wrapper {
flex:1;align-self: flex-end;margin-top: 20px;	
color: #FFF !important;border-radius: 5px;padding: 4px 30px 6px 15px;font-size: 18px;line-height: 1;cursor: pointer;text-decoration: none;display: inline-block;height: 18px;}
.T4764 .box .button_wrapper a { color: #FFF; text-decoration: none;}
.T4764 .box .logo {
width: 40%;margin: 0 auto;margin-bottom: 20px;}
.T4764 .box .logo img {
width: 100%; height: auto;-webkit-filter: drop-shadow(0 0 20px rgba(0,0,0,0.2));}
.L5180 .T4764 { border-radius: var(--border-radius); }
.L5180 .T4764 .box:before, .L5180 .T4764 .box:after {
display: none;}
.L5180 .T4764 .headline {
font-size:  var(--font-size-h1_2);}
.L5180 .T4764 img { background-color: transparent; }
@media (min-width: 567px) {
.T4764 .box { flex-direction: row;  }
.T4764 .box:before, .T4764 .box:after { width: 94%; }
.T4764 .box:before { margin-bottom: 25px; }
.T4764 .box:after { margin-top: 25px; }
.T4764 .box .logo { width: 150px; margin-bottom: 20px; }
.T4764 .box .subheadline_left { margin-right: 20px; margin-bottom: 0; }
.T4764 .box .subheadline_right{ margin-right: 20px; }
.T4764 .box .row i { font-size: 21px; margin-right: 11px; }
}
@media (min-width: 768px) {
.T4764 .box:before { order: 1; }
.T4764 .box .headline { order: 2; }
.T4764 .box .subheadline_left { order: 3; }
.T4764 .box .subheadline_right { order: 4; }
.T4764 .box .logo { order: 5; }
.T4764 .box:after { order: 6; }
.T4764 .box:before, .T4764 .box:after { width: 93%; }
.T4764 .box:before { margin-bottom: 60px; }
.T4764 .box:after { margin-top: 30px; }
.T4764 .box .logo { width: 180px; margin-top: -60px; }
.T4764 .box .row i { font-size: 22px; margin-right: 12px; }
}
@media (min-width: 1024px) {
.T4764 .box:before, .T4764 .box:after { width: 91%; }
.T4764 .box:before { margin-bottom: 70px; }
.T4764 .box:after { margin-top: 30px; }
.T4764 .box .logo { width: 200px; margin-top: -70px; }
.T4764 .box .row i { font-size: 24px; margin-right: 14px; }
}
@media (min-width: 1280px) {
.T4764 .box:before, .T4764 .box:after { width: 90%; }
.T4764 .box:before { margin-bottom: 70px; }
.T4764 .box:after { margin-top: 30px; }
.T4764 .box .logo { width: 200px; margin-top: -70px; }
.T4764 .box .row i { font-size: 25px; margin-right: 15px; }
}
.T4816 .T5219 { margin-bottom: 2rem !important; }@media (min-width: 567px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
@media (min-width: 1700px) {
}.T4887 .video_cards {
display: grid;
grid-template-columns: 100%;
row-gap: 25px;
background-color: #FFF;
padding: 20px 40px;
}
.T4887 .video_cards .video {
display: block;
position: relative;
}
.T4887 .video_cards .video .location { padding-top: 13px;  padding-bottom: 5px; font-size: 1.1em;
font-weight: bold; position: relative; padding-left: 32px; }
.T4887 .video_cards .video .location i { color: #408100; padding-right: 5px; position: absolute; top: 10px; left: 0px; font-size: 1.8rem; }
.T4887 .video_cards .video .text { padding-top: 7px; font-size: 1.05rem; padding-left: 0px; }
.T4887 .video_cards .video .img {
display: block;
position: relative;
}
.T4887 .video_cards .video .img:before {
display: block;
content: " ";
width: 100%;
padding-top: 56.25%;
}
.T4887 .video_cards .video .img > .inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.T4887 .video_cards .video .inner img {
width: 100%;
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
transform: translate(0,-50%) scale(1.05);
transition: transform 350ms;
}
.T4887 .video_cards .video .fancybox.img:hover .inner img { 
transform: translate(0,-50%) scale(1.2);
}
.T4887 .video_cards .video .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.T4887 .video_cards .video .play i {
font-size: 100px;
color: #FFF;
text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}@media (min-width: 567px) {
.T4887 .video_cards { 
grid-template-columns: 48% 48%;
column-gap: 4%;
};
}
@media (min-width: 768px) { }
@media (min-width: 1024px) {
.T4887 .video_cards { 
grid-template-columns: 30% 30% 30%;
column-gap: 5%;
};
}
@media (min-width: 1280px) { }
@media (min-width: 1700px) { }.T4922 {
background-color: #FFF;text-align: center;padding-top: 1rem;padding-bottom: 1rem;}
.T4922 .headline {
margin-bottom: 1rem;font-weight: bold;}
.T4922 .text {
margin-bottom: 1rem;}
.T4922 .buttonwrapper {
display: flex;justify-content: space-between;}
.T4922 .buttonwrapper .badge {
width: 45%;text-align: center;}
.T4922 .buttonwrapper .badge img {
width: 100%;height: 40px;}
@media (min-width: 567px) {
.T4922 .buttonwrapper .badge img {
height: 70px;}
}
@media (min-width: 768px) {
.T4922 { padding-top: 2rem; padding-bottom: 2rem; }
.T4922 .text { margin-bottom: 2rem; }
.T4922 .buttonwrapper .badge { display: flex;  }
.T4922 .buttonwrapper .badge.ios { justify-content: flex-end; }
.T4922 .buttonwrapper .badge.andoid { justify-content: flex-start; }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
:root {
--logo-width: 180px;
}
#headerbar {
position: fixed;
left: 0rem;
right: 0rem;
top: 0.8rem;
z-index: 22;
width: 100%;
}
@media ( max-height: 1024px ) {
#headerbar {
position: absolute;
}
}
#headerbar.no_fixed { position: absolute !important; }
#headerbar .header_inner {
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--color-green);
color: #FFF;
padding: 0 var(--maxwidth-margin);
height: 50px;
margin-left: var(--maxwidth-margin);
margin-right: var(--maxwidth-margin);
border-radius: 2rem;
flex-wrap: wrap;
}
#headerbar .logo {
z-index: 2;
display: block;
width: 40%;
max-width: var(--logo-width);
flex-grow: 0;
flex-shrink: 0;
background-color: var(--color-green);
width: 120px;
}
#headerbar .logo svg {
display: block;
width: 100%;
height:  auto;
}
#headerbar .icon {
display: flex;
padding: 0.5rem;
cursor: pointer;
border-radius:  0.5rem;
color:  #FFF;
}
#headerbar .icon:hover {
background-color: rgba(255,255,255,0.1);
}
#headerbar .icon .inner { position: relative; }
#headerbar .icon .count {
position: absolute;
top: -0.15rem;
right: -0.25rem;
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background-color: #f00; 
color: #FFF;
font-weight: bold;
font-size: 0.5rem;
}
#headerbar .icon > span { display: none; align-items: center; font-size: 0.9rem; opacity: 0.9; padding-left: .5rem }
#headerbar i {
font-size: 1.5rem;
}
#headerbar :is(.menu_logo,.icon_wrapper) {
display: flex;
align-items: center;
}
#quicksearch {
position: sticky;
display: flex;
flex-direction: column;
left: var(--maxwidth-margin);
right: var(--maxwidth-margin);
z-index: 19;
color: #000;
margin: -8rem var(--maxwidth-margin) 1.5rem var(--maxwidth-margin);
top: -1px;
padding-top: 2.5rem;
}
#quicksearch .quicksearch_wrapper {
background-color: #FFF;
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
border-radius: 0.7rem;
padding: 0.3rem 0.3rem;
}
#quicksearch .quicksearch_wrapper .items {
display: flex;
justify-content: space-between;
align-items: stretch;
}
#quicksearch.isSticky { padding-top: 40px; }
#quicksearch.isSticky.open .quicksearch_wrapper { padding-top: 2rem;  }
#quicksearch.isSticky .quicksearch_wrapper { border-radius: 0 0 0.9rem 0.9rem; }
#quicksearch.isSticky .quicksearch_wrapper .items { align-items: flex-end;  }
#quicksearch.isSticky .search-button { height: 25px; border-radius:  1rem; font-size: 1.1rem; top: -4px; position: relative; }
#quicksearch.isSticky .item .head { display: none; }
#quicksearch.isSticky #reserva { padding-top: 1.5rem; }
#quicksearch.isSticky .extra { order: 2; }
#quicksearch.isSticky .extra .extra_inner { font-size: 0.72rem; padding-left: 0.45rem; padding-right: 0.45rem; border-radius: 0 0 var(--border-radius-small) var(--border-radius-small); }
#quicksearch.isSticky .quicksearch_wrapper { order: 1; }
#quicksearch .extra { display: flex; justify-content: center; }
#quicksearch .extra .extra_inner {
background-color: var(--color-purple);
color: #FFF;
font-size: 0.68rem;
padding:  0.2rem 0.8rem;
border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
margin: 0 0.8rem 0 0.8rem;
text-align: center;
cursor:  pointer;
text-decoration: none;
}
#quicksearch .qs-errors {
display: none;
color:  #F00;
margin: 0.2rem 0rem;
font-size: 0.9rem;
}
#quicksearch .qs-errors.show {
display: block;
}
@media (min-width:567px) {
#quicksearch .extra .extra_inner { font-size: 0.7rem }
}
@media (min-width:768px) {
#quicksearch {
position: fixed;
top: 1.5rem;
right: var(--maxwidth-margin);
left: auto;
height: auto;
z-index: 22;
margin: 0;
margin-left: auto;
padding: 0;
}
#quicksearch .quicksearch_wrapper {
order: 1;
width: auto;
min-width: 350px;
padding: 0.3rem 0.3rem;

}
#quicksearch .quicksearch_wrapper .items { justify-content: flex-end; }
#quicksearch .extra { order: 2; }
#quicksearch .extra .extra_inner { font-size: 0.72rem; padding-left: 0.45rem; padding-right: 0.45rem; border-radius: 0 0 var(--border-radius-small) var(--border-radius-small); }
#headerbar {
left: 0;
right: 0;
width: 100%;
top: 1.5rem;
bottom: auto;
z-index:  21;
}
#headerbar .header_inner {
position: relative;
justify-content: flex-start;
max-width: 1350px;
padding: 0 0 0 1rem;
height: 60px;
}
#headerbar .logo {  width: 140px; }
}
@media (min-width:1024px) {
#headerbar .logo {
order: 2;
margin-right: 2rem
}
#headerbar .icon > span { display: flex; }
#quicksearch .extra .extra_inner { font-size:  0.8rem; padding-left: 1.5rem; padding-right: 1.5rem; margin-right: 1.5rem; }
}
@media (min-width:1418px) {
#headerbar .header_inner {
margin-left: auto;
margin-right: auto;
}
#quicksearch { right: calc( ( 100vw - 1350px ) / 2 ) }
#quicksearch .extra .extra_inner { margin-right: 2.5rem; }
}
#quicksearch .item {
border-right: 1px solid #CCC;
margin: 0rem 0;
padding: 0.2rem 0.5rem;
font-size: 0.8rem;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex: 1;
font-size: 1rem;
cursor: pointer;
border-bottom:  2px solid #FFF;
-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
}

#quicksearch .item:nth-child(3) {
border-right-width: 0px;
}
#quicksearch .item .head {
font-size: 0.85em;
color:  var(--color-lightgray);
margin-bottom: 0.2em;
}
#quicksearch .search-button {
width: 50px;
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-grow: 0;
flex-shrink: 0;
border-radius: 0.5rem;
background-color: var(--color-orange);
color: #FFF;

}
#quicksearch .search-button span { display: none; }
#quicksearch .search-button i { font-size: 1.5rem; }
#quicksearch .qs-selects .qs-select { 
display: none;
padding:  1rem;
max-height: 30rem;
overflow: scroll;
}
#quicksearch .qs-selects .qs-hotel .hotels {
display: flex;
flex-wrap: wrap;
max-width:  736px;
}
#quicksearch .qs-selects .qs-hotel .hotels .hotel {
display:  flex;
align-items: flex-start;
width:  calc(100% - 0.5rem);
margin:  0 0.5rem 0.5rem 0;
overflow: hidden;
cursor:  pointer;
padding: 0.15rem 0.3rem;
}
#quicksearch .qs-selects .qs-hotel .hotels .hotel.active { background-color: #eee; }
#quicksearch .qs-selects .qs-hotel .hotels .hotel .headline {
margin-bottom: 0.3rem;
line-height: 0.9;
}
#quicksearch .qs-selects .qs-hotel .hotels .hotel .headline .specialfont { display: inline-flex; align-items: center; }
#quicksearch .qs-selects .qs-hotel .hotels .hotel .headline .flag { margin-left: 0.35rem;  margin-right: 0.20rem; width: 20px; display: inline-block; }
#quicksearch .qs-selects .qs-hotel .hotels .hotel .subheadline {
font-size: 0.7rem;
color:  #666;
}
#quicksearch .qs-selects .qs-people .row {
display: flex;
flex-wrap: wrap;
margin-bottom: 1rem;
}
#quicksearch .qs-selects .qs-people .row.kinder .kind {
display: none;
}
#quicksearch .qs-selects .qs-people .row.kinder .kind.show { display: block; }
#quicksearch .qs-selects .qs-select select {
-moz-appearance: none;
-webkit-appearance: none;
width: auto;
height: 2.4375rem;
padding: .5rem 1.5rem .5rem .5rem;
margin-right:  0.5rem;
border: 2px solid #000;
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 -1rem;
background-repeat: no-repeat;
background-size: 9px 6px;
transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
border-radius: var(--border-radius-small);
}

#quicksearch.open .item:not(.active) {
margin-left: 1px;
}
#quicksearch.open .quicksearch_wrapper .items .item.active {
border-bottom-color: #333;
}
#quicksearch .qs-selects > div.active { display: block; }

body .jquery-ui .ui-widget-content { width: 100% !important; display: flex !important;
flex-wrap: wrap;
justify-content: space-between !important; }
#quicksearch .ui-datepicker-group {
width:  48%;
display:  flex;
flex-direction: column;
}
#quicksearch .ui-datepicker-row-break {
width:  0;
display:  none;
}
#datepicker { font-size: 1rem; }
#datepicker table td { border-bottom: 0px solid #FFF; }
body .jquery-ui .ui-widget-header {
display: flex;
justify-content:  space-between;
margin-bottom: 0.5em;
}
body #quicksearch .ui-datepicker-group.ui-datepicker-group-first {}
body #quicksearch .ui-datepicker-group.ui-datepicker-group-last .ui-datepicker-title { order: 1; }
body #quicksearch .ui-datepicker-group.ui-datepicker-group-last .ui-datepicker-next { order: 2; }
body .ui-datepicker-calendar tr th span {
font-size:  0.75em;
font-weight: normal;
color:  #333;
}
body .jquery-ui .ui-state-default, body .jquery-ui .ui-widget-content .ui-state-default {
background-color:  #FFF;
border: 0px solid #FFF;
width: 2.4em;
height: 2.4em;
font-size:  0.9em;
display:  flex;
align-items:  center;
justify-content: center;
}
body .jquery-ui .ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
color: #AAA;
}
body .jquery-ui .ui-state-highlight.ui-state-default {
color: #000;
font-weight: bold;
}
body .jquery-ui .ui-state-active.ui-state-default {
background-color: #CCC;
}
#reserva .ui-datepicker {
width: 100% !important;
margin: 10px auto 0px auto;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: flex !important;
flex-direction: column;
}
#reserva .ui-datepicker-group { margin: 0px 25px 0px 0px; }
#reserva .ui-datepicker-group-last { margin: 0px 0px 0px 0px; }

#reserva .ui-datepicker-inline { width: auto; }
#reserva .day_past, #reserva .day_past a { text-decoration:line-through; color: #bbb; }
#reserva .ui-datepicker-calendar td { text-align: center; border-width: 0px; }
#reserva .ui-datepicker-calendar { width: 100%; border-collapse: collapse;  }
#reserva .ui-datepicker-calendar th { color: #999; font-weight: normal; padding-bottom: 10px; font-size: 12px; }
#reserva .ui-datepicker-calendar td { padding: 8px 8px 7px 8px; cursor: pointer; }
#reserva td.ui-datepicker-week-col { font-size: 11px; color: #999; padding-right: 16px; }
#reserva .ui-datepicker-today { border: 2px solid #333 !important;  }
#reserva td.ui-datepicker-current-day { background-color: #E66C00; }
#reserva td a.ui-state-active { color: #fff;  }
#reserva .ui-state-default { color: #333; text-decoration: none;  }
#reserva .ui-state-highlight { color: #000; }
#reserva .ui-state-disabled { cursor: default; color: #bbb; }
#reserva .ui-state-disabled .ui-state-default { color: #bbb; }
#reserva td[data-handler=selectDay]:hover { background-color: #EEE; }
#reserva .selected { background-color: #FF800085; }
#reserva .selected:hover { background-color: #FF800085 !important; }
#reserva .selected.selected_first, #reserva .selected.selected_last { background-color: var(--color-orange) !important; }
#reserva .selected.selected_first { border-radius: 50% 0 0 50%; }
#reserva .selected.selected_last { border-radius: 0 50% 50% 0; }
#reserva .selected.selected_last.selected_first { border-radius: 50%; }
#reserva .selected a { color: #fff; }
#reserva .invalid_nightscount { background-color: #bbb !important;  }
#reserva .invalid_nightscount a { color: #fff; }

#reserva .available { }
#reserva .unavailable a { color: #bbb; }
#reserva .unavailable.invalid_nightscount a { color: #fff; }

#reserva .ui-datepicker-title {
text-align: center;
margin-bottom: 15px;
margin-left: 20px;
}
#reserva .ui-datepicker-prev, #reserva .ui-datepicker-next {
cursor: pointer;
font-size: 13px;
color: #eee;
background-color: #aaa;
padding: 3px 9px 2px 9px;
border-radius: 5px;
}
#reserva .ui-datepicker-prev { float: left; margin: -2px 0px -2px 0px; }
#reserva .ui-datepicker-next { float: right; margin: -2px 0px -2px 0px; }
#reserva .ui-datepicker-prev:hover { background-color: #777; }
#reserva .ui-datepicker-next:hover { background-color: #777; }
#reserva .ui-datepicker-prev.ui-state-disabled { background-color: #ddd; color: #eee; }
#reserva .ui-datepicker-next.ui-state-disabled { background-color: #ddd; color: #eee; }
#reserva .dayscount {
font-size: 90%;
position: absolute;
padding: 4px 8px;
border: 1px solid black;
background: white;
display: none;
visibility: hidden;
}
#reserva_datepicker { position: relative; max-width: 620px; font-size: 0.8rem; }
#reserva_datepicker .dayscount { visibility: visible; }
@media (min-width: 567px) {
#quicksearch .qs-selects .qs-hotel .hotels .hotel {
width:  calc(50% - 0.5rem);
}
#reserva .ui-datepicker { flex-direction: row; }
}
@media (min-width: 768px) {
#quicksearch .item { padding-left: 1rem; }
#quicksearch .item .inner { white-space: nowrap; }
#quicksearch .search-button { width: auto; height: auto; justify-content: normal; padding: 0 0.5rem 0 1rem;   }
#quicksearch .search-button span { display: block; padding: 0.5rem }
#quicksearch .search-button i { display: block; font-size: 1.2rem; }
}
@media (min-width:1024px) {
#quicksearch .item .inner { min-width: 8.2rem; }
#quicksearch .item[data-type=people] .inner { min-width: 5rem; }
}
.T5182 { margin-left: var(--margin-bottom); margin-right: var(--margin-bottom); overflow-x: hidden; }
.T5182 .mainheadline { line-height: 1.3; }
.T5182 .list {
display: flex;
flex-flow: row wrap;
overflow: visible;
margin-right: calc(var(--maxwidth-margin) * -1 );
width: 100%;
}
.T5182 .carousel-sb { 
display: none;
margin-left: var(--margin-bottom);
margin-right: var(--margin-bottom);
width: calc( 100% - ( var(--margin-bottom) * 2 ) );
}

.T5182 .item {
width: calc( 50% - ( var(--maxwidth-margin)  ) );
margin-right: var(--maxwidth-margin);
display: flex;
flex-direction: column;
justify-content: flex-start;
flex-shrink: 0;
flex-grow: 0;
margin-bottom: 1.6rem;
scroll-snap-align: center;
color: #000;	
position: relative;
}
.T5182 .item:last-child { margin-right: 0 !important; }
.T5182 a.item .img img { transition: transform 250ms;}
.T5182 a.item:hover .img picture img { transform: scale(1.15); }
.T5182 .item .img {
position: relative;
}
.T5182 .item .img img { display: block; }
.T5182 .item .img .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color:  #FFF;
text-shadow: 0 0 2rem rgba(0,0,0,0.5);
font-size:  3rem;
}
.T5182 .item .img .main_tag {
position: absolute;
right: 7%;
bottom: 6%;
display: flex;
align-items:  center;
font-size: 0.7rem;
padding: 0.15rem 0.6rem;
background-color: #FFF;
color: #000;
line-height: 1.2;
border-radius: 1rem;
}
.T5182 .item .img .main_tag2 {
top: 6%;
left: 7%;
right: auto;
bottom: auto;
}
.T5182 .item .img :is(.main_tag2,.main_tag) img {
width:  0.9rem; height:  auto; margin-right:  0.2rem;
}
.T5182 .item .img .main_tag2.tall { font-size: 0.8rem; }
.T5182 .item.deal { border: 3px solid var(--color-orange); border-radius: 1rem; overflow: hidden; background-color: #FFF; }
.T5182 .item.deal .img { border-radius: 0; margin-bottom: 0; }
.T5182:not(.S8910) .item.deal .img { margin: 0.5rem 1rem 0.5rem 1rem; width: calc( 100% - 2rem); }
.T5182 .item.deal .img .main_tag { color: var(--color-orange); background-color: #FFF;  }
.T5182 .item.deal .img .main_tag:not(.main_tag2) { font-size: 1.5rem;}

.T5182 .item.deal .headline { text-align: center; font-size: 1.2rem; }
.T5182 .item.deal .headline span { display: inline-block; color: var(--color-orange); text-shadow: none; margin: 0 0.6rem;  }
.T5182.S8910 .item.deal .headline span { margin-left: 0; }
.T5182 .item.deal .keywords {
font-size: 0.8rem;
color: #333;
padding: 0.5rem 1rem;
text-align: center;
}
.T5182 .item.deal .keywords span {
display: inline-block;
margin-right: 0.5rem;
}
.T5182.S8910 .item.deal .keywords {
text-align: left;
font-size: 0.9rem;
border-top: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
padding-left: 0;
padding-right: 0;
}
.T5182:not(.S8910) .item.deal .button_wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 0.5rem;
border-top: 1px solid #CCC;
margin: 0.3rem 0.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.T5182:not(.S8910) .item.deal .button_wrapper .price {
font-weight: bold;
margin-right: 0.5rem;
}
.T5182:not(.S8910) .item.deal .button_wrapper .button { font-size: 0.85rem; white-space: nowrap }
.T5182 .item .img .bookmark {
position: absolute;
top: 1rem;
right: 7%;
display: flex;
justify-content: center;
align-items:  center;
font-size: 0.8rem;
width: 1.5rem;
height: 1.5rem;
border-radius: 1rem;
background-color: #FFF;
color: #000;
}
.T5182 .item.nomatch {
display: none; 
}
.T5182 .item .img {
width: 100%;
border-radius: 1rem;
margin-bottom: var(--border-radius-small);
overflow: hidden;
}
.T5182 .item .img img { aspect-ratio:  1 / 1.25; object-fit: cover; }
.T5182 .item .content_wrapper {
width: 100%;
}
.T5182 .item .infobar {
display: flex;
align-items: center;
line-height:  1;
margin: 0.1rem 0 0.3rem 0;
font-size: 0.7rem;
color: var(--color-lightgray);
white-space: nowrap; 
overflow: hidden;
text-overflow: ellipsis;
}
.T5182 .item .infobar .value {
margin-right: 0.3rem;
}
.T5182 .item .headline {
font-size: 1.05rem;
font-weight: bold;
}
.scrollbar {
background-color: #CCC;
position: relative;
width:  100%;
height: 5px;
}
.scrollbar .inner {
position: absolute;
top: 0;
left: 0;
width: 20%;
height: 5px;
background-color: #000;
}
@media (min-width: 567px) {
.T5182:not(.S8910) .item.deal .button_wrapper { flex-direction: row; }
}
@media (min-width: 768px) {
.T5182 .list { margin-right: 0; gap:0; justify-content: normal; margin-right: -2%; }
.T5182 .list .item { width: 23%; margin-left: 0; margin-right: 2%;  }
.T5182 .list .item:last-child { margin-right: 0%;  }
.T5182 .item .img .play {
font-size:  4rem;
}
}
@media (min-width: 1024px) {
.T5182 .item .img .play {
font-size:  5rem;
}
}
@media (min-width: 1300px) {
.T5182 { margin-left: 0; margin-right: 0; }
.T5182 .carousel-sb { width: 100%; margin-left: 0; margin-right: 0; }


}
.T5182.S8910 .item {
width: 100%;
margin-left: 0;
margin-right: 0;
display: flex;
background-color: #FFF;
border-radius: 1rem;
overflow: hidden;
}
.T5182.S8910 .item .img { width: 100%; border-radius: 0px; margin-bottom: 1rem; }
.T5182.S8910 .item .content_wrapper { width: auto; }
.T5182.S8910 .item .content_wrapper .headline {
position: static;
left: auto;
right: auto;
top: auto;
bottom: auto;
justify-content: flex-start;
font-size: var(--font-size-h1);
margin-bottom:  0.5rem;
}
.T5182.S8910 .item.deal .content_wrapper .headline span {
color: var(--color-orange);
background-color: transparent;
padding:  0;
}
.T5182.S8910 .item .content_wrapper .subheadline { font-weight: bold; }
.T5182.S8910 .item .content_wrapper .intro { margin-top: 0.5rem; font-size: 1.1rem; }
.T5182.S8910 .item .content_wrapper .button_wrapper .price {
align-self: center;
margin-right: 1rem;
font-weight: bold;
font-size: var(--font-size-h1_2);
}
.T5182.S8910 .item.deal .img .main_tag { display: none; }
@media (max-width: 567px) {
.T5182.S8910 .item.deal .img picture img { aspect-ratio:  1.25 / 1; }
.T5182.S8910 .item .img picture.format_p img { aspect-ratio:  1.25 / 1; }
}
@media (min-width: 567px) {
.T5182.S8910 .item .img { 
width: 33%; margin-right: 1rem;
margin-bottom: 0rem;
flex-grow: 0;
flex-shrink: 0;
}
.T5182.S8910 .item { flex-direction: row; }
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
.T5182.S8915 .list { margin-right: -1.4rem; }
.T5182.S8915 .item { width: calc(50% - 1.4rem); margin-left: 0; margin-right: 1.4rem; }
.T5182.S8559 .list { justify-content: normal; margin-right: -2%; }
.T5182.S8559 .item { width: 31%; margin-left: 0; margin-right: 2%; }
@media (max-width: 567px) {
.T5182.S8559 .item .headline { font-size: 0.9rem !important; }
}
.T5182.S8519 .list { gap: 0; margin-right: -1.4rem; }
.T5182.S8519 .item { width: calc(33.333332% - 1.4rem); margin-left: 0; margin-right: 1.4rem; }
@media (min-width: 567px) {
}
@media (min-width: 768px) {
.T5182.S8519 .list { gap: 0 }
.T5182.S8519 .item { width: calc(16.6666% - 0.7rem); margin-left: 0; margin-right: 0.7rem; }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
.T5182.S8515 .item .img picture img {
aspect-ratio:  1 /1;
}
.T5182.S8515 .item .headline {
font-size:  0.9rem;
text-align: center;
}.T5182.S8656 .item .img {
aspect-ratio: 1 /1;
border-radius: 50%;
overflow: hidden;
}
.T5182.S8656 .item .img picture img {
aspect-ratio: 1 /1;
}.T5182.S8923 .item .img picture img {
aspect-ratio:  3 / 2;
}.T5182.S8902 .item .img picture img {
aspect-ratio:  16 / 9;
}
.T5182.S8902 .item .headline {
font-size:  0.9rem;
text-align: center;
}.T5182.S8863 .item {
position: relative;	
}
.T5182.S8863 .item .headline {
position: absolute;	
left: 0;
right: 0;
bottom: 2.5rem;
font-size: 1.3rem;
line-height: 1.1;
text-align: center;
color: #fff;
text-shadow: 0.3rem 0.3rem 1rem #0009;
hyphens: auto;
-webkit-hyphens: auto;
}
.T5182.S8863 .item .headline span {
hyphens: auto;
-webkit-hyphens: auto;
}
.T5182.S8863 .item .subheadline {
display: none;
}
@media (min-width: 567px) {
.T5182.S8863 .item .headline { font-size: 1.4rem; }
}
@media (min-width: 768px) {
.T5182.S8863 .item .headline { font-size: 1.6rem; }
}
@media (min-width: 1024px) {
.T5182.S8863 .item .headline { font-size: 1.8rem; }
}
@media (min-width: 1280px) {
.T5182.S8863 .item .headline { font-size: 2rem; }
}
.T5182.S8522 .item .content_wrapper {
width: calc(100%);
}
.T5182.S8522 .item .headline {
text-align: left;
font-weight: bold;
margin-bottom:  0.3rem;
font-size:  1.1rem;
hyphens: auto;
-webkit-hyphens: auto;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.T5182.S8522 .item .subheadline { 
font-size: 0.9rem;
color: #666;
hyphens: auto;
-webkit-hyphens: auto;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}.T5182.S8968 .item .content_wrapper {
width: calc(100%);
}
.T5182.S8968 .item .headline {
text-align: left;
font-weight: bold;
margin-bottom:  0.3rem;
font-size:  1.1rem;
hyphens: auto;
-webkit-hyphens: auto;
overflow: hidden;
}
.T5182.S8968 .item .subheadline { 
font-size: 0.9rem;
color: #666;
hyphens: auto;
-webkit-hyphens: auto;
}.T5182.S8908 .item {
border-radius: 1rem;
}
.T5182.S8908 .item .img .num {
position: absolute;
left: 0.8%;
bottom:  1.8%;
font-size:  7rem;
color: #FFF;
font-weight:  bold;
opacity:  0.65;
text-shadow: 0 0 3rem rgba(0,0,0,0.3);
letter-spacing: -0.7rem;
}
.T5182.S8919 .item .headline {
font-size:  1rem;
text-align: left;
margin-bottom:  0.2rem;
}
.T5182.S8919 .item .zusatz {
margin-top:  0.2rem;
font-size:  0.8rem;
}
.T5182.S8919 .item .row {
display:  flex;

}
.T5182.S8919 .item .row .key { margin-right: 0.3rem; }
.T5182.S8919 a.dl { color: var(--color-green); font-weight: bold; font-size: 1rem; margin-bottom: 0.5rem; }
@media (max-width: 567px) {
.T5182.S8919 .intro { display: none; }
}

@media (min-width: 768px) {

.T5182.S8554 { margin-left: 0; margin-right: 0; }
.T5182.S8554 .mainheadline { margin-left: calc(var(--margin-bottom) * 2); }
.T5182.S8554 .list, .T5182.S8554 .simplebar-content {
scroll-behavior: smooth;
overflow: auto;
scroll-snap-type: x mandatory;
-ms-overflow-style: none; 
scrollbar-width: none; 
flex-flow: row nowrap;
justify-content: normal;
align-items: flex-start;
padding-right: var(--maxwidth-margin);
padding-left: var(--maxwidth-margin);
}
.T5182.S8554 .carousel-init { margin-right: 0 !important; }
.T5182.S8554 .carousel-sb { display: block; }
.T5182.S8554:not(.S8910) .list .item {
justify-content: center;
align-items: center;
font-size: 0.9rem;
font-weight: normal;


}

.G .T5182.S8554 .item:first-child { margin-left: 0; }
.T5182.S8554 .fake {
width: var(--maxwidth-margin);
flex-shrink: 0;
flex-grow: 0;
order: 3;
}

.T5182.S8554 .list {
width: 100%;
align-items: stretch;
}
.T5182.S8554 .list .item {
justify-content: flex-start !important;
align-items: flex-start;
}
}
@media (min-width: 1300px) {
.T5182.S8554 .item:first-child { margin-left: 0; }
.T5182.S8554 .mainheadline { margin-left: 0; }
.T5182.S8554 .list {
padding-right: 0;
padding-left: 0;
}
}

@media (max-width: 768px) {


.T5182.S8555 { margin-left: 0; margin-right: 0; }
.T5182.S8555 .mainheadline { margin-left: calc(var(--margin-bottom) * 2); }
.T5182.S8555 .list {
scroll-behavior: smooth;
overflow: auto;
scroll-snap-type: x mandatory;
-ms-overflow-style: none; 
scrollbar-width: none; 
flex-flow: row nowrap;
justify-content: normal;
align-items: flex-start;

width: 100%;
}
.T5182.S8554 .carousel-init { margin-right: 0 !important; }
.T5182.S8555 .carousel-sb {
display: block;
margin-right: var(--maxwidth-margin);
margin-left: var(--maxwidth-margin);
width: calc(100% - var(--maxwidth-margin) - var(--maxwidth-margin));
}
.T5182.S8555 .list .item {
justify-content: center;
align-items: center;
font-size: 0.9rem;
font-weight: normal;
margin-right: 0.5rem;
width: calc(50% - 1rem);
margin-left: 0.5rem;
}
.T5182.S8555.S8910 .list .item {
margin-right: 1rem;
width: calc(100% - 2rem);
margin-left: 1rem;
}
.T5182.S8555.S8915 .list .item {
margin-right: 0.5rem;
width: calc(50% - 1rem);
margin-left: 0.5rem;
}
.T5182.S8555.S8559 .list .item {
margin-right: 0.5rem;
width: calc(33% - 1rem);
margin-left: 0.5rem;
}
.T5182.S8555.S8519 .list .item {
margin-right: 0.5rem;
width: calc(33% - 1rem);
margin-left: 0.5rem;
}

.T5182.S8555 .list {
align-items: stretch;
}
.T5182.S8555 .list .item {
justify-content: flex-start;
align-items: flex-start;
}
.T5182.S8555 .fake {
width: var(--maxwidth-margin);
flex-shrink: 0;
flex-grow: 0;
order: 3;
}
}



@media (max-width: 768px) {
body .T5182.S8911:not(.S8555) .arrows  { display: none; }
}

@media (min-width: 768px) {
body .T5182.S8911:not(.S8554) .arrows  { display: none; }
}.T5183 .col.col1 { margin-bottom: 0.85rem; }
.T5183 .subheadline {
color:  var(--color-lightgray);font-size:  var(--font-size-smaller);line-height: 1.3;margin-bottom:  0.8rem;margin-right: 1rem;}
.T5183 .headline {
color:  var(--color-purple);font-size: var(--font-size-h1);line-height: 1.1;margin-top: -0.27rem;}
.T5183 .intro { font-size: calc( var(--font-size-text) * 1.15 ); font-weight: normal; }
.T5183 .breadcrumb2 { 
display: inline-flex;color:  var(--color-lightgray);font-size:  var(--font-size-smaller);margin-bottom:  0.8rem;margin-right: 1rem;}
.T5183 .breadcrumb2 :is(a,span) { display: inline-block; }
.T5183 .breadcrumb2 a { color:  var(--color-lightgray); }
.T5183 .breadcrumb2 span.arrow { padding: 0 0.3rem; font-size:  0.95rem; }
.T5183 .breadcrumb2 :is(a,span).last { font-weight: bold }
.T5183 .page_index {
display: flex;flex-wrap: wrap;margin-top: 0.5rem;
color: var(--color-lightgray);font-size: 0.85rem;}
.T5183 .page_index ul { 
display: flex;flex-wrap: wrap;padding: 0;margin: 0;list-style-type: none;color: inherit;}
.T5183 .page_index ul li {
padding: 0;margin: 0;margin-right: 0.4rem; 
}
.T5183 .page_index ul li:not(:last-child)::after {
content: " \2022 "; 
}
.T5183 .page_index li:last-child {margin-right: 0rem; }
.T5183 .page_index b {margin-right: 0.4rem; white-space: nowrap; }
.T5183 .page_index a { color: inherit; text-decoration: underline; white-space: nowrap; }
html {
scroll-behavior: smooth;}
.TraminoVorlage { scroll-margin-top: 5rem; }
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;}
}
@media (min-width: 567px) {
}
@media (min-width: 768px) {
.T5183 .breadcrumb {
display: flex;}
.T5183 .subheadline { margin-right: 0; }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
.breadcrumb .inner { 
display: inline-flex;justify-content: center;align-items: center;text-align: center;background-color: #FFF;border-top-left-radius: var(--border-radius-small);border-top-right-radius: var(--border-radius-small);
font-size: var(--font-size-small);height: 100%;padding:  0.2rem 0.7rem;}
.breadcrumb :is(a,span) { display: inline-block; margin-top:  -0.5rem; }
.breadcrumb a { color: #000; }
.breadcrumb a .home { font-size:  0.95rem; margin-top: -0.2rem; display: block; }
.breadcrumb span.arrow { padding: 0 0.3rem; font-size:  0.95rem; }:root {
--button-height: 1.53rem;--button-width: 5rem;}
#navigation {
margin-top: .5rem;overflow: hidden;display: none;}
#navigation .slides_wrapper {
position: realtive;left: 0;right: 0;top: 0;display: none;z-index: 20;height: 200px;width: 100%;transition: right 300ms;background-color:  transparent;}
#navigation .slides {
scroll-behavior: smooth;overflow: auto;scroll-snap-type: x mandatory;
-ms-overflow-style: none;  
scrollbar-width: none;  
display: flex;flex-flow: row nowrap;}
#navigation .slide {	
position: relative;width: calc(100% - 6rem );max-width:  400px;height:  auto;aspect-ratio: 9 / 15;margin: 1rem .5rem 3.55rem .5rem;flex-grow: 0;flex-shrink: 0;scroll-snap-align: center;background-color: #FFF;border-right:  1px solid #999;border-radius:  var(--border-radius);box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.5);background-color: #FFF;overflow: hidden;}
#navigation .slide:first-child { margin-left: var(--maxwidth-margin)  }
#navigation .slide.last {
border-width:  0px;}
#navigation .slide.order_standard { order: 3; }
#navigation .slide.order_first { order: 1; }
#navigation .slide.order_second { order: 2; }

#navigation .slide.with_arrow .page_arrow { display: none; }
#navigation .slide.transparent {
background-color: rgba(255,255,255,0.65);}
#navigation .slide_dummy {
flex-grow: 0;flex-shrink: 0;width:  2rem;}
#navigation .slide .slide_inner {
position:  relative;overflow-y: scroll;overflow-x: hidden;height: 99.5%;margin: 0;-webkit-overflow-scrolling: touch;}

#navigation .slide .slide_inner > .subheadline {
font-size:  var(--font-size-small);color: var(--color-lightgray);position:  absolute;top:  1rem;right: 1.15rem;}
#navigation .slide .slide_inner > .headline {
font-size:  1.5rem;padding:  0.8rem 0.95rem 0.3rem 1.15rem;}
#navigation .slide .slide_inner > .headline a { color: var(--color-purple); }
#navigation .slide.transparent .slide_inner > .headline a {
color: #777;}
#navigation .slide .list { 
font-size: 1rem;padding:  0 0.95rem 0.4rem 0.95rem;margin-left: -0.35rem;margin-right: -0.35rem;}
#navigation .slide .list .elm { 
display: flex; 
border-radius: var(--border-radius-small);padding:  0.35em 0.5em;border: 2px solid transparent;cursor: pointer;}
#navigation .slide .list .elm:hover { border: 2px solid #CCC; }
#navigation .slide .list .elm.active { border: 2px solid var(--color-purple); }
#navigation .slide .list .elm.open { border: 2px solid var(--color-purple); }
#navigation .slide .list .elm .img {
width: 3.2em;height: 3.2em;margin-right: 0.7em;background-color: #e7e7e7;border-radius: var(--border-radius-small);flex-grow: 0;flex-shrink:  0;overflow: hidden;}
#navigation .slide .list .elm .img :is(img,picture) { width: 100%; height: auto; }
#navigation .slide .list .elm .headline {
color: #000;font-weight: bold;margin-bottom:  0.1em;}
.lang-en #navigation .slide .list .elm .headline { text-transform: var(--tt-lang); }
#navigation .slide .list .elm .text {
font-size:  0.85em;line-height: 1.05;color: var(--color-lightgray);}
#navigation .slide .booking {
display: block;width: 100%;text-align: center;color:  #FFF;background-color: var(--color-orange);border-radius: 3rem;padding: 0.5rem 0;font-size: var(--font-size-h3);margin:  0.5rem 0;}
#navigation input { display: none; }
#navigation .breadcrumb {
display: none;position: absolute;top: 0;height: 40px;left: var(--maxwidth-margin);right: var(--maxwidth-margin);text-align: center;font-size: 0.9rem;animation-duration: 250ms;animation-delay:  1000ms;animation-fill-mode: forwards;animation-name: breadcrumb;}
@keyframes breadcrumb {
from { top: 0px; }
to { top: -40px; }
}

#navigation.open {
display: block;}
#navigation.open .slides_wrapper {
top:  0;display: flex;flex-direction: column;justify-content: flex-end;height:  auto;
}
#navigation.open .slides_wrapper .breadcrumb { display: none; }
@media (min-width: 567px) {
:root {
--button-height: 1.6rem;--button-width: 5.5rem;}
#navigation .slide.active { border-color: var(--color-purple);  }
#navigation .slide.active2 { border-color: var(--color-purple);  }
}
@media (min-width: 768px) {
:root {
--button-height: 1.7rem;--button-width: 6rem;}
#navigation {
margin: 0 var(--maxwidth-margin);margin-top: 1rem;box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.5);border-radius:  var(--border-radius);}
#navigation .breadcrumb { display: block; }
#navigation .slides_wrapper {
background-color:  #FFF;}
#navigation .slide {
border-radius:  0;box-shadow:  none;max-height: none;margin-right:  0;margin-left:  0;margin-bottom:  1.55rem;overflow: visible;}
#navigation .slide .slide_inner {
padding: 0 0.8rem;}
#navigation .slides .slide.with_arrow {
border-right-color: transparent;}
#navigation .slides .slide.with_arrow .page_arrow {
display: block;position: absolute;right: -10px;top: 0;bottom: 0;width: 10px;height: 100%;z-index: 10;}

}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
:root {
--button-height: 2rem;--button-width: 6rem;}
}
@media (min-width: 1400px) {
#navigation {
max-width: 1280px;margin-left: auto;margin-right: auto;border-radius:  0 0 var(--border-radius) var(--border-radius);margin-top: 0rem;}
}

#navigation .slides .slide.display_col3 .list {
display: flex;
flex-wrap: wrap;
justify-content:  space-between;
}
#navigation .slides .slide.display_col3 .list::after {
content: "";
flex: auto;
}
#navigation .slides .slide.display_col3 .list .elm {
flex-direction: column;
width: 33.33%;
}
#navigation .slides .slide.display_col3 .list .elm .img { width: 100%; height: auto; aspect-ratio: 1 / 1; margin-bottom: 0.3rem }
#navigation .slides .slide.display_col3 .list .elm .headline { text-align: center; font-size: 0.7rem; }
#navigation .slides .slide.display_col3 .list .elm .text { display: none; }#navigation .slides .slide.display_col2 .list {
display: flex;
flex-wrap: wrap;
justify-content:  space-between;
}
#navigation .slides .slide.display_col2 .list .elm {
flex-direction: column;
width: 50%;
}
#navigation .slides .slide.display_col2 .list .elm .img { width: 100%; height: auto; aspect-ratio: 1.5 / 1; margin-bottom: 0.3rem }
#navigation .slides .slide.display_col2 .list .elm .headline { text-align: center; font-size: 0.9rem; }
#navigation .slides .slide.display_col2 .list .elm .text { display: none; }#navigation .slides .slide.display_bigimg .list {
display: flex;
flex-wrap: wrap;
justify-content:  space-between;
}
#navigation .slides .slide.display_bigimg .list .elm {
flex-direction: column;
width: 100%;
}
#navigation .slides .slide.display_bigimg .list .elm .img { width: 100%; height: auto; aspect-ratio: 2.8 / 1; margin-bottom: 0.3rem }
#navigation .slides .slide.display_bigimg .list .elm .headline { text-align: center; font-size: 0.9rem; }
#navigation .slides .slide.display_bigimg .list .elm .text { display: none; }.T5194 .carousel-sb { 
margin-left: var(--margin-bottom);margin-right: var(--margin-bottom);width: calc( 100% - ( var(--margin-bottom) * 2 ) );margin-top: 1rem;}
.T5194 .headline {
font-size:  var(--font-size-h3);margin-left: var(--maxwidth-margin);margin-right: var(--maxwidth-margin);margin-bottom: 1rem;}
.T5194:not(.size1,.size2) > .headline { margin-left: var(--maxwidth-margin); }
.T5194 p { margin: 0 0 0.5rem 0; }
.T5194 .img1 picture { margin: 0 0 1.1rem 0; }
.T5194 .img2 picture { margin: 0.75rem 0 0 0; }
.T5194:not(.size1,.size2) .wrapper { 
scroll-behavior: smooth;overflow: auto;scroll-snap-type: x mandatory;-ms-overflow-style: none;  
scrollbar-width: none;  
display: flex;flex-flow: row nowrap;}
.T5194.size2 .wrapper {
flex-direction: column;margin-left: var(--maxwidth-margin);margin-right: var(--maxwidth-margin);}
.T5194 .item {
width: calc(25% - var(--maxwidth-margin));min-width: 280px;margin-left: var(--maxwidth-margin);display: flex;flex-direction: column;flex-shrink: 0;flex-grow: 0;scroll-snap-align: center;}
.T5194.size3 .item { width: calc(33% - var(--maxwidth-margin)); }
.T5194.size2 .item { width: auto; margin-left: 0; margin-bottom: var(--maxwidth-margin); }
.T5194.size1 .item { width: calc(100% - var(--maxwidth-margin) - var(--maxwidth-margin)); margin-left: var(--maxwidth-margin); margin-right: var(--maxwidth-margin);  margin-bottom: var(--maxwidth-margin);}
.T5194 .item .headline { font-weight: normal; margin-top: 0px; }
.T5194 .button_wrapper {
display: flex;justify-content: flex-end;}
.T5194 .item .textstyle {
flex-grow: 0;flex-shrink: 0;}
.T5194 .fake {
width: var(--maxwidth-margin);flex-shrink: 0;flex-grow: 0;}
.T5194.size1 .wrapper .fake { display: none; }
@media (min-width: 567px) {
.T5194.size2 .wrapper { 
scroll-behavior: smooth;overflow: auto;scroll-snap-type: x mandatory;-ms-overflow-style: none;  
scrollbar-width: none;  
display: flex;flex-flow: row nowrap;margin-left: 0;margin-right: 0;}
.T5194.size1 .item { margin-bottom: 0; }
.T5194.size2 .item { width: calc(50% - var(--maxwidth-margin)); margin-left: var(--maxwidth-margin); margin-bottom: 0; }
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
.T5194 .headline {
margin-left: 0;margin-right: 0;}
.T5194 .wrapper { overflow: visible; }
.T5194 .item { width: auto; flex: 1; min-width: auto; }
.T5194 .item.l { margin-right: var(--maxwidth-margin); }
.T5194 .fake {
display: none;width: 0;}
}
@media (min-width: 1300px) {
.T5194 > .headline { margin-left: 0 !important; }
.T5194 .item:nth-child(1) { width: 50%; margin-left: 0; }
.T5194 .item.l { margin-right: 0; }
.T5194 .item.l:nth-child(1) { width: 100%; }
}
.T5194.S8871 {
background-color: #FFF;padding:  0.7rem var(--maxwidth-margin);}
.T5194.S8871:not(.size1, .size2) > .headline {
margin-left: 0;}
.T5194.S8871 .item:first-child {
margin-left: 0;}
@media (min-width: 1280px) {
.T5194.S8871 { border-radius:  var(--border-radius); }
}
.T5194:not(.S8907) .item .img {
flex-grow: 1;flex-shrink: 1;align-self: stretch;}
.T5194:not(.S8907) .item.tallest .img {
flex-grow: 0;flex-shrink: 0;align-self: start;}
.T5194:not(.S8907) :is(img,picture) { width: 100%; height: calc(100% - 1.1rem); }
.T5194:not(.S8907) .img.solo picture { margin-top: 0; margin-bottom: 0; }
.T5194:not(.S8907) .img.solo :is(img,picture) { width: 100%; height: 100%; }
.T5194:not(.S8907) .item .img img {
width:  100%;height:  100%;object-fit: cover;}
.T5194:not(.S8907) .item .textstyle {
flex-grow: 0;flex-shrink: 0;}
.T5194.S8907 :is(img,picture) { width: 100%; height: auto; }
.T5194.S8907 picture {
aspect-ratio:  320 / 213;}
.T5194.S8907 .solo picture {
aspect-ratio:  480 / 576;}.T5194.S8907.S8914 picture {
aspect-ratio:  1 / 1;}
.T5194.S8907.S8914 .solo picture {
aspect-ratio:  1 / 1;}.T5194.S8917 .arrows { display: block; }
@media (min-width: 1024px) {
.T5194.S8917 .arrows { display: none; }
}
:root {
--arrow-size:  1.5rem;
--arrow-size-small:  0.5rem;
}
.T5195 { margin-bottom: 1.6rem !important; }
.T5195 .filter_wrapper { 
position: relative;
margin-bottom: 2rem !important;
background-color: #FFF;
border-radius:  var(--border-radius);
padding: 1.2rem var(--maxwidth-margin);
box-shadow: 0 0.8rem 1rem rgba(0,0,0,0.2);
}
.T5195 .filter_wrapper:after {
display: block;
content: "";
position: absolute;
left: 3rem;
bottom: calc( ( var(--arrow-size) * -1 ) + 2px );
width: 0; 
height: 0; 
border-left: var(--arrow-size) solid transparent;
border-right: var(--arrow-size) solid transparent;
border-top: var(--arrow-size) solid #FFF;
}
.T5195 .filter_wrapper .group {
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-bottom: 0.5rem;
}
.T5195 .filter_wrapper .group.tags { display: none; }
.T5195 .filter_wrapper .group.tags.active {
display: flex;
}
.T5195 .filter_wrapper .group .name {
flex: 1;
margin-bottom: 0.5rem;
font-size: var(--font-size-h3);
}
.T5195 .filter_wrapper .tags {
flex: 8;
display: flex;
flex-wrap: wrap;
}
.T5195 .filter_wrapper .f {
position: relative;
display: inline-block;
padding: 0.3rem 0.8rem;
border:  1px solid #CCC;
border-radius: 2rem;
margin: 0 0.5rem 0.5rem 0;
cursor: pointer;
background-color: #FFF;
}
.T5195 .filter_wrapper .group.tags .f {
border-radius: 0.4rem;
}
.T5195 .filter_wrapper .f:hover {
border-color:  var(--color-purple);
color:  var(--color-purple);
}
.T5195 .filter_wrapper .f.active {
background-color: var(--color-purple);
border-color: var(--color-purple);
color: #FFF;
}
.T5195 .filter_wrapper .group.taggroups .f.active:after {
display: block;
content: "";
position: absolute;
left: 50%;
transform: translate(-50%,0);
bottom: calc( ( var(--arrow-size-small) * -1 ) );
width: 0; 
height: 0; 
border-left: var(--arrow-size-small) solid transparent;
border-right: var(--arrow-size-small) solid transparent;
border-top: var(--arrow-size-small) solid var(--color-purple);
}
.T5195 .infobar {
margin-top: 0.5rem;
display: flex;
justify-content: space-between;
}
.T5195 .active_filter {
display: flex;
min-height: 30px;
}
.T5195 .active_filter .selected {
display: flex;
justify-content: center;
align-items: center;
font-size: 0.9rem;
color: var(--color-purple);
border: 1px solid var(--color-purple);
padding: 0.1rem 0.3rem;
margin-right: 0.5rem;
border-radius: 0.4rem;
cursor:  pointer;
}
.T5195 .active_filter .selected:hover {
background-color: var(--color-purple);
color: #FFF;
}
.T5195 .active_filter .selected span {
display: inline-block;
margin-left:  0.3rem;
}
@media (min-width: 567px) {
.T5195 .filter_wrapper .group {
flex-direction: row;
align-items: center;
}
.T5195 .filter_wrapper .group .name {
margin-right: 2rem;
margin-bottom: 0;
}
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
.T5195 .filter_wrapper  { margin-left: calc( var(--maxwidth-margin) * -1 ); margin-right: calc( var(--maxwidth-margin) * -1 ); }
}
.T5203 {
--grid-gap: 0.4rem;}
.T5203 .grid_container {
display: grid;grid-gap: var(--grid-gap);}
.T5203 .grid_container .item {
display: block;}
.T5203 .grid_container .item.full { aspect-ratio: calc( 400 / ( 750 + var(--grid-gap)) ); }
.T5203 .grid_container .item.large { aspect-ratio: 400 / 531; }
.T5203 .grid_container .item.width { aspect-ratio: 400 / 250; }
.T5203 .grid_container .item.width_big { aspect-ratio: 8 / 5; }
.T5203 .grid_container .item.width_wide { aspect-ratio: 16 / 8; }
.T5203 .grid_container .item picture { width: 100%; height: 100%; }
.T5203 .grid_container .item picture img { width: 100%; height: 100%; object-fit: cover }
.T5203 .grid_container.figcaption figure {
margin: 0;position: relative;}
.T5203 .grid_container.figcaption figcaption {
color: #FFF;font-size: 0.9rem;padding: 0.4rem 0.9rem;font-weight: bold;position: absolute;bottom: 0rem;left: 0rem;z-index: 5;text-shadow: 0 0 0.3rem rgba(0, 0,0,0.8);background-color: rgba(64, 129, 0,0.7);}
.T5203 .grid_container.grid_size1 { grid-template-columns: repeat(1,minmax(0,1fr)); }
.T5203 .grid_container.grid_size2_small { grid-template-columns: repeat(2,minmax(0,1fr)); }
.T5203 .grid_container.grid_size2 { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(3, 1fr); }
.T5203 .grid_container.grid_size3 { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(3, 1fr); }
.T5203 .grid_container.grid_size4 { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(3, 1fr); }
.T5203 .grid_container.gird_element3 .item:nth-child(1) { grid-area: 1 / 1 / 4 / 2;  }
.T5203 .grid_container.gird_element3 .item:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
.T5203 .grid_container.gird_element3 .item:nth-child(3) { grid-area: 3 / 2 / 4 / 3; }
.T5203 .grid_container.gird_element4 .item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.T5203 .grid_container.gird_element4 .item:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
.T5203 .grid_container.gird_element4 .item:nth-child(3) { grid-area: 3 / 2 / 4 / 3; }
.T5203 .grid_container.gird_element4 .item:nth-child(4) { grid-area: 2 / 1 / 4 / 2; }
.T5203 .grid_container.gird_element5 .item:nth-child(1) { grid-area: 1 / 1 / 4 / 2; }
.T5203 .grid_container.gird_element5 .item:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
.T5203 .grid_container.gird_element5 .item:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
.T5203 .grid_container.gird_element5 .item:nth-child(4) { grid-area: 2 / 3 / 4 / 4; }
.T5203 .grid_container.gird_element5 .item:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
.T5203 .grid_container.gird_element6 .item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.T5203 .grid_container.gird_element6 .item:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
.T5203 .grid_container.gird_element6 .item:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
.T5203 .grid_container.gird_element6 .item:nth-child(4) { grid-area: 2 / 1 / 4 / 2; }
.T5203 .grid_container.gird_element6 .item:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
.T5203 .grid_container.gird_element6 .item:nth-child(6) { grid-area: 2 / 3 / 4 / 4; }
.T5203 .grid_container.gird_element7 .item:nth-child(1) { grid-area: 1 / 1 / 4 / 2; }
.T5203 .grid_container.gird_element7 .item:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
.T5203 .grid_container.gird_element7 .item:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
.T5203 .grid_container.gird_element7 .item:nth-child(4) { grid-area: 1 / 4 / 3 / 5; }
.T5203 .grid_container.gird_element7 .item:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
.T5203 .grid_container.gird_element7 .item:nth-child(6) { grid-area: 2 / 3 / 4 / 4; }
.T5203 .grid_container.gird_element7 .item:nth-child(7) { grid-area: 3 / 4 / 4 / 5; }
.T5203 .grid_container.gird_element8 .item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.T5203 .grid_container.gird_element8 .item:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
.T5203 .grid_container.gird_element8 .item:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
.T5203 .grid_container.gird_element8 .item:nth-child(4) { grid-area: 1 / 4 / 3 / 5; }
.T5203 .grid_container.gird_element8 .item:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
.T5203 .grid_container.gird_element8 .item:nth-child(6) { grid-area: 2 / 1 / 4 / 2; }
.T5203 .grid_container.gird_element8 .item:nth-child(7) { grid-area: 3 / 4 / 4 / 5; }
.T5203 .grid_container.gird_element8 .item:nth-child(8) { grid-area: 2 / 3 / 4 / 4; }
@media (min-width: 567px) {
.T5203 {
--grid-gap: 0.6rem;}
.T5203 .grid_container .item.full { aspect-ratio: calc( 400 / ( 750 + var(--grid-gap)) ); }
}
@media (min-width: 768px) {
.T5203 {
--grid-gap: 0.8rem;}
.T5203 .grid_container .item.full { aspect-ratio: calc( 400 / ( 750 + var(--grid-gap)) ); }
}
@media (min-width: 1024px) {
.T5203 {
--grid-gap: 1rem;}
.T5203 .grid_container .item.full { aspect-ratio: calc( 400 / ( 750 + var(--grid-gap)) ); }
}
@media (min-width: 1280px) {
.T5203 {
--grid-gap: 1.25rem;}
.T5203 .grid_container .item.full { aspect-ratio: calc( 400 / ( 750 + var(--grid-gap)) ); }
}
.T5203 .carousel.grid_container {
display: block;grid-gap: 0;}
.T5203 .carousel.grid_container .carousel-slider {
display: flex;grid-wrap: wrap;grid-gap: var(--grid-gap);overflow-x: scroll;}
.T5203 .carousel.grid_container .item {
width: 100%;flex-grow: 0;flex-shrink: 0;}
.T5203 .carousel.grid_container.slider2 .item {
width: 50%;}
.T5203 .carousel .carousel-sb {
margin-top: 0.5rem;}#pagefooter {
border-top: 1px solid var(--color-lightgray);
margin-bottom: 1rem;
font-size: 0.9rem;
padding-top: 1rem;
margin-top: 1rem;
}
#pagefooter .cols {	
display: flex;
flex-wrap: wrap;
}
#pagefooter .cols .col {
flex-grow: 0;
flex-shrink: 0;
width: 100%;
margin-bottom:  1rem;
}
#pagefooter .box {
margin-bottom: 1rem;
}
#pagefooter .box.filled {
background-color: #FFF;
border-radius:  var(--border-radius);
padding:  0.8rem 1rem;
}
#pagefooter .box .headline {
margin-bottom: .7rem;
}
#pagefooter .box .headline.with_flag { display: inline-flex; align-items: center; }
#pagefooter .box .headline.with_flag .flag { margin-right: 0.15rem; width: 22px; display: inline-block; }

#pagefooter .footerheadline {
font-size: 20px;
margin: 0 0 10px 0; 
}
#pagefooter .footerheadline.mt { margin-top: 20px; }
#pagefooter .box .text a { color: #000; }
#pagefooter .box .text ul { color: #000; }
#pagefooter .box .text ul li { list-style-type: disc; padding: 0.30rem 0 0 2rem; border: 0px; }
#pagefooter .box .text ul li a { display: list-item; }

#pagefooter .inner.flex {
display:  flex;
flex-wrap: wrap;
}
#pagefooter .inner.flex > div { width: 50%; }
#pagefooter .col.fakts .inner.fakts {
display: flex;
flex-wrap: wrap;
justify-content:  space-between;
}
#pagefooter .col.fakts .inner.fakts .fakt {
display: flex;
width: calc(50% - 0.5rem);
margin-bottom: 0.7rem;
}
#pagefooter .col.fakts .inner.fakts .fakt .Bild {
width:  2rem;
margin: 0 0.8rem 0 0;
flex-grow: 0;
flex-shrink: 0;
}
#pagefooter .col.fakts .inner.fakts .fakt .inner .num {
font-size: var(--font-size-h2);
color:  var(--color-purple);
}
#pagefooter .col.app .text {
width:  65%;
}
#pagefooter .col.app .buttonwrapper {
width: 35%;
}
#pagefooter .col.app .buttonwrapper .badge { margin-bottom: 0.5rem; }
#pagefooter .tel ul {
list-style-type: none;
margin: 0 0 1rem 0;
padding: 0;
}
#pagefooter .tel ul li {
padding: 0;	
display: flex;
flex-wrap:  wrap;
justify-content:  space-between;
align-items: center;
border-top:  1px solid #DBDBDB;
padding: 0.35rem 0;
}
#pagefooter .tel ul li:first-child {
border-top-width: 0px;
}
#pagefooter .tel ul li .destiantion {
display: inline-block;
display: flex;
align-items: center;
flex: 60;
font-weight: bold;
cursor: pointer;
}
#pagefooter .tel ul li .down {
flex: 1;
margin-right:  0.5rem;
cursor: pointer;
}
#pagefooter .tel ul li .down .inner {
display: inline-block;
width: 0;
height: 0;
border-left: 0.3rem solid transparent;
border-right: 0.3rem solid transparent;
border-top: 0.3rem solid #000;
transition: transform 0.25s;
}
#pagefooter .tel ul li a { color: #000; }
#pagefooter .tel ul li .tel_number { flex: 50; white-space: nowrap; }
#pagefooter .tel ul li .tel_number i { display: none; }
#pagefooter .tel .detail {
width:  100%;
font-size:  0.8rem;
max-height: 0;
transition: max-height 0.15s ease-out;
overflow: hidden;
}
#pagefooter .tel .detail .client_address {
margin:  0.5rem 0.5rem 0.5rem .8rem;
display:  flex;
justify-content:  space-between;
line-height: 1.3;
}
#pagefooter .tel .detail .client_address .telefon { display:none; }
#pagefooter .tel .detail .client_address .col_left {
flex: 60;
}
#pagefooter .tel .detail .client_address .col_right {
flex: 50;

}
#pagefooter .tel .detail .client_address .col_right > div {

}
#pagefooter .tel .detail .client_address .col_right > div  a i { margin-right: 0.5rem; }
#pagefooter .tel li.open {
background-color:  #FFF;
}
#pagefooter .tel li.open .detail {
max-height: 500px;
transition: max-height 0.25s ease-in;
}
#pagefooter .tel li.open .down { transform: rotate(180deg); }
#pagefooter .social ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
align-items: center;
justify-content: center;
}
#pagefooter .social ul li {
margin: 0 12px 0 0;
padding: 0;
flex: 1;
}
#pagefooter .social ul li a {
display: block;
width: auto;
}
#pagefooter .social ul li a svg { filter: grayscale(0%); transition: filter 100ms; }
#pagefooter .social ul li:hover a svg { filter: grayscale(0%); transition: filter 100ms; }
#pagefooter .social ul li a img { width: 100%; max-width: 2.5rem; margin:  0 auto; filter: grayscale(0%); transition: filter 100ms; }
#pagefooter .social ul li:hover a img { filter: grayscale(0%); transition: filter 100ms; }
#pagefooter .copy {
border-top: 1px solid var(--color-lightgray);
margin-top: 1rem;
padding-top: 0.5rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#pagefooter .copy ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
}
#pagefooter .copy ul li {
margin: 0 0.5rem 0 0;
padding: 0;
}
#pagefooter .copy ul.rightside li {
margin: 0;
}
#pagefooter .copy ul li a {
color: var(--color-lightgray);
}
#pagefooter .copy ul li a.icon { display: flex; }
#pagefooter .copy ul li a.icon i {
font-size: 1.1rem;
margin-right: 0.3rem;
}
#pagefooter .copy ul li a:hover { text-decoration: underline; color: #000; }
#pagefooter .copy ul.rightside li a {
opacity: 0.3;
}
#pagefooter .copy ul li.color a { color: var(--color-purple); }

body { top: 0 !important; }
.skiptranslate { display: none; }
#google_translate_element { display: none; }
#goog-gt-tt { display: none !important; }
#goog-gt- { 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; }
.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 (min-width: 567px) {
#pagefooter .copy {
flex-direction: row;
}
#pagefooter .col.fakts .inner.fakts .fakt { width: calc(25% - 0.5rem); }
#pagefooter .cols1 { 
justify-content: space-between;
border-top: 1px solid var(--color-lightgray);
padding-top: 1rem;
margin-top: 1rem;
}
#pagefooter .cols1 .col {
margin-right: 0rem;
margin-bottom: 0rem;
}
#pagefooter .cols1 .col1 {
width: calc(50% - 1.5rem);
}
#pagefooter .cols1 .col2 {
width: calc(50% - 1.5rem);
}
#pagefooter .cols1 .col3 {
width: calc(100%);
}
}
@media (min-width: 768px) {
#pagefooter { 
border-width: 0;
padding-top: 0;
margin-top: 0;
}
#pagefooter .cols { 
justify-content: space-between;
border-top: 1px solid var(--color-lightgray);
padding-top: 1rem;
margin-top: 1rem;
}
#pagefooter .cols .col {
width: calc(33.3% - 1.5rem);
margin-right: 0rem;
margin-bottom: 0rem;
}
#pagefooter .cols .col.col-size1 { width: calc(33.3% - 1.5rem); }
#pagefooter .cols .col.col-size2 { width: calc(66.6% - 1.5rem);}
#pagefooter .cols .col.col-size3 { width: 100%; }
#pagefooter .cols .col.app { order: 2; }
#pagefooter .cols .col.fakts { order: 1; }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
@media (min-width: 768px) and (max-width:1023px) {
#pagefooter .tel ul li .destiantion {
flex: 0 1 auto;
flex-grow:  0;
flex-shrink:  0;
width:  95%;
order: 1;
}
#pagefooter .tel ul li .down {
flex: 0 1 auto;
flex-grow:  0;
flex-shrink:  0;
width: calc(5% - 0.5rem);
order: 2;
}
#pagefooter .tel ul li .tel_number {
flex: 0 1 auto;
flex-grow:  0;
flex-shrink:  0;
width:  100%;
order: 3;
}
#pagefooter .tel ul li .detail {
flex: 0 1 auto;
flex-grow:  0;
flex-shrink:  0;
width:  100%;
order: 4;
}
}.T5214 {
position: relative;display: flex;flex-direction: column;}
.T5214 .top picture img {
object-fit:  cover;aspect-ratio: 320 / 290;}
.T5214 .mask {
position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 2;opacity: 0.4;}
.T5214 .top { width: 100%; position: relative; }
.T5214 .zitat {
display: flex;z-index: 3;color: #FFF;display: flex;flex-direction: column;align-items: flex-start;position: absolute;left: 1rem;bottom: 20%;font-size: max(5vw,19px);padding: 0 1rem 0.3rem 0;text-align: left;line-height: 1.15;}
.T5214 .zitat p { margin: 0; padding: 0; }
.T5214 .zitat .button {
margin-top: 1rem;text-transform: unset;}
.T5214 .extra_infos {
display: flex;position: relative;padding-left: 1rem;font-size: max(3.9vw, 17px);text-align: left;}
.T5214 .user_content {
display: flex;margin-bottom: 0.2rem;justify-content: flex-end;align-items: flex-end;padding-bottom: 2.2rem;}
.T5214 .function {
font-size: 0.9rem;margin-top: 0.5rem;max-width: 230px;}
.T5214 .user_image {
position: relative;top: calc( -2rem - 0px );z-index: 2;flex-shrink: 0;flex-grow: 0;width: 80px;height: 80px;margin-right: 1.1rem;}
.T5214 .user_image .autor {
position: absolute;bottom: -15px;right: -10px;background-color: #FFF;z-index: 3;padding:  0.2rem 0.5rem;font-size:  0.9rem;}
.T5214 picture.avatar {
position: relative;width:  100%;height:  100%;border-radius: 50%;overflow: hidden;border: 2px solid #FFF;}
@media (min-width: 567px) {
.T5214 .top picture img {
aspect-ratio: 320 / 170;}
.T5214 .zitat { font-size: 4.5vw; }
.T5214 .extra_infos { font-size: 3vw; justify-content: flex-end; }
.T5214 .user_content { margin-bottom: 0.4rem; }
.T5214 .user_image { width: 85px; height: 85px; top: calc( -2rem - 5px ); }
}
@media (min-width: 768px) {
.T5214 .zitat {
padding: 0 5rem 0 2rem;bottom:  15%;font-size: 4vw;}
.T5214 .zitat .button {
margin-top: 2.5rem;}
.T5214 .extra_infos { font-size: 2.5vw; padding-right: 3rem; }
.T5214 .user_content { margin-bottom: 0.6rem; }
.T5214 .user_image { width: 90px; height: 90px; top: calc( -2rem - 10px ); }
}
@media (min-width: 1024px) {
.T5214 .zitat {
padding: 0 20rem 0 3rem;font-size: 3.5vw;}
.T5214 .extra_infos { font-size: 2vw; padding-right: 4rem; }
.T5214 .user_content { margin-bottom: 0.8rem; }
.user_image { width: 95px; height: 95px; top: calc( -2rem - 15px ); }
}
@media (min-width: 1280px) {
.T5214 .zitat {
font-size: 44.8px;}
.T5214 .autor {
font-size: 25.6px;}
.T5214 .user_content { margin-bottom: 2rem; padding-bottom: 1.3rem; }
.T5214 .user_image { width: 100px; height: 100px; top: calc( -2rem - 20px ); }
}
.T5214.S8563 .mask {
background-color: var(--color-purple);}.T5214.S8567 .mask {
background-color: var(--color-green);}.T5214.S8568 .mask {
background-color: var(--color-orange);}.T5214.S8565 .top picture img {
aspect-ratio: 320 / 200;}
@media (min-width: 567px) {
.T5214.S8565 .top picture img {
aspect-ratio: 320 / 120;}
}
.T5214.S8624 .zitat { align-items: center; text-align: center;  width: 100%; }
@media (min-width: 768px) {
.T5214.S8624 .zitat { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1024px) {
.T5214.S8624 .zitat { padding-left: 10rem; padding-right: 10rem; }
}
.T5214.S8625 .zitat { text-align: right; left: auto; right:  1rem; padding-right: 0; padding-left: 1rem; align-items: flex-end; }
@media (min-width: 768px) {
.T5214.S8625 .zitat {
padding: 0 2rem 0 5rem;}
}
@media (min-width: 1024px) {
.T5214.S8625 .zitat {
padding: 0 3rem 0 20rem;}
}
.T5214.S8639 .mask {
background-color: rgba(0,0,0,0.90);}.T5214.S8904 .top { border-radius: var(--border-radius); overflow: hidden; }.T5215 .item {
display: flex;
flex-direction: column;
color:  #000;
flex-direction: row;
margin-bottom:  0.5rem;
}
.T5215 .item:last-child {
margin-bottom:  0rem;
}
.T5215 .item .image {
flex-grow: 0;
flex-shrink: 0;
margin-bottom: 1rem;
width:  25%;
margin-right: 0.8rem;
}
.T5215 .item picture {
aspect-ratio: 3 / 2;
border-radius: var(--border-radius-small);
overflow: hidden;
}
.T5215 .item picture img {
background-color: transparent;
}
.T5215 .item picture.format_svg img {
width: 90%;
height: 90%;
object-fit: contain;
}
.T5215 .item .content {
flex: auto;
}
.T5215 .item .info {
font-size:  var(--font-size-smaller);
}
.T5215 .item > .arrow {
font-size:  1.5rem;
align-self: center;
margin-left: 0.5rem;
}
.T5215 .item  a { color: inherit;  }
body.lang-en .T5215 .item .content .headline {
text-transform: var(--tt-lang);
margin-bottom: 0.3rem;
font-size: var(--font-size-h2);
}
@media (min-width: 567px) {
.T5215 .item {
flex-direction: row;
}
.T5215 .item .image {
width:  40%;
margin-bottom: 0rem;
margin-right: 1rem;
}
.T5215 .item > .arrow { font-size:  2rem; margin-left: 1rem; }
.T5215:not(.S8569).col_even .item:nth-last-child(-n+2) {
margin-bottom:  0rem;
}
}
@media (min-width: 768px) {
.T5215 .items {
display: flex;
flex-wrap:  wrap;
justify-content: space-between;
}
.T5215 .item {
width:  48%;
margin-bottom: 1rem;
}
.T5215 .item .image {
width: 35%;
margin-right: 1rem;
}
.T5215 .item .content {
margin-top:  0.25rem;
}
.T5215 .item .info {
font-size:  var(--font-size-text);
}
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
.T5215.S8926 .mainheadline { margin-bottom: 1.4rem; color: var(--color-purple); font-size: var(--font-size-h1_2); }
.T5215.S8926 .mainheadline span, .T5215.S8926 .mainheadline h2, .T5215.S8926 .mainheadline h3 { background-color: #FFF; }
.T5215.S8926 .mainheadline:after { display: none; }.T5215.S8925 .item .image {
width: 15%;
}
@media (min-width: 768px) {
.T5215.S8925 .item .image {
width: 23%;
margin-right: 1rem;
}
}
.T5215.S8909 {
background-color:  #FFF;
border-radius: var(--border-radius);
}.T5215.S8924 .item {
border-bottom: 1px solid #DDD;
margin-bottom:  0.8rem;
}
.T5215.S8924 .item:last-child {
margin-bottom:  0rem;
border-bottom-width: 0px;
}
.T5215.S8924 .item .content .info { display: none }
.T5215.S8924 .item.open .content .info { display: block; }
.T5215.S8924 .item .opener {
flex-grow: 0;
flex-shrink: 0;
font-size:  1.5rem;
}
.T5215.S8924 .item.open .opener i { display: block; }
.T5215.S8924 .item.open .opener i { transform: rotate(180deg); }
.T5215.S8924 .item .more_link { display: none; }
@media (max-width: 768px) {
.T5215.S8924 .item .arrow { display: none; }
.T5215.S8924 .item.open .more_link { display: flex; justify-content: flex-end; margin-top:0.2rem; }
}
@media (min-width: 768px) {
.T5215.S8924 .item { border-bottom-width: 0px; }
.T5215.S8924 .item .content .info { display: block; }
.T5215.S8924 .item .opener { display: none; }
}.subscribeNewsletter:not(.tiny) {
position: relative;
background-color: #fff;
border-radius: var(--border-radius);
padding: var(--maxwidth-margin) calc(var(--maxwidth-margin) * 2);
overflow: hidden;
}
.subscribeNewsletter:not(.tiny) .headline {
color: var(--color-purple);
font-size: var(--font-size-h2);
}
.subscribeNewsletter i.mainicon {
position: absolute;
top: var(--maxwidth-margin);
left: -7px;
color: var(--color-purple);
font-size: 2.2rem;
transform: rotate(-10deg);
}
.subscribeNewsletter:not(.tiny) :is(.intro,.subscribeNewsletterForm,.response,.info) {
max-width: 720px;
margin: 2rem auto;
}
.subscribeNewsletterForm {
margin: 15px 0 0 0;
display: flex;
}
.subscribeNewsletterForm .item {
flex-grow: 1;
flex-shrink: 1;
}
.subscribeNewsletterForm .item:first-child {
margin-right: 0.5rem;
}
.subscribeNewsletterForm input[type=text], .subscribeNewsletterForm input[type=email] {
background-color: #FFF;
font-size: 12px;
color: #333333;
color: rgba(51,51,51,0.6);
border: 1px solid #FFF;
height: 32px;
box-sizing: border-box;
padding: 0 0 0 10px;
border: 1px solid #999;
border-radius: 5px;
width:  100%;
}
input[type=submit].graysubmit {
border: 0px solid #555555;
background-color: #555555;
color: #FFF;
height: 32px;
font-size: 13px;
font-weight: 700;
box-sizing: border-box;
text-transform: uppercase;
box-sizing: border-box;
cursor: pointer;
padding: 0px 14px;
border-radius: 2rem;
margin-left:  0.5rem;
}
input[type=submit].graysubmit:hover {
background-color: #3E3E3E;
}
.subscribeNewsletter form .item.full {
margin-top: 1rem;
width: 100%;
color: #464646;
font-size:  0.9rem;
}
.subscribeNewsletter .info a {
color: #464646;
text-decoration: underline;
}
.subscribeNewsletter .hide { display: none; }
@media (min-width: 567px) {
.subscribeNewsletter i.mainicon { left: -12px; top: calc(var(--maxwidth-margin) / 2); font-size: 4rem; }
}
@media (min-width: 768px) {
.subscribeNewsletterForm { flex-direction: row; justify-content: space-between; }
.subscribeNewsletterForm .item { width: 24%; }
}
@media (min-width: 768px) and (max-width:1023px) {
.subscribeNewsletter.tiny .subscribeNewsletterForm { flex-wrap: wrap; }
.subscribeNewsletter.tiny .item { width: 100%; margin: 0 0 0.5rem 0; }
.subscribeNewsletter.tiny .item input[type="submit"].graysubmit { width: 100%; margin: 0; }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
.T5218 { 
background-color: #FFF;
border-radius: var(--border-radius-small);
padding:  calc(var(--maxwidth-margin) / 2) var(--maxwidth-margin);
}
.T5218 .TraminoForm .footer .button { 
float: none !important;
}
.T5218 .TraminoForm .datenschutz_footer { 
font-size:  0.8rem;
color: #333;
}
.T5218 .TraminoForm .datenschutz_footer a { color: #333; text-decoration: underline; }.T5219 { margin: 2rem 0; }
.T5219 .infos {
margin-top: 0.35rem;
font-size: 0.9rem;
font-style: italic;
}

.T5219.S8993 .videowrapper {
margin: 0 10%;
}
@media (min-width: 567px) {
.T5219.S8993 .videowrapper {
margin: 0 15%;
}
}
@media (min-width: 768px) {
.T5219.S8993 .videowrapper {
margin: 0 20%;
}
}
.T5219.S8903 picture img { aspect-ratio: 113 / 55; }.T5227 {
background-color:  #FFF;border: 3px solid var(--color-orange);border-radius:  var(--border-radius-small);overflow: hidden;}
.T5227 .content {
flex:  auto;padding: calc(var(--maxwidth-margin) / 1.5 ) var(--maxwidth-margin);}
.T5227 .content .headline {
font-size: var(--font-size-h1);color:  var(--color-orange);margin-bottom: 0.5rem;}
.T5227 .content .subheadline {
font-weight:  bold;}
.T5227 .content ul {
padding-left: 13px;}
.T5227 picture { margin: 1rem; }
.T5227 img { aspect-ratio: 16 / 9; }
.T5227 .content {
display: flex;flex-direction: column;justify-content: center;}
.T5227 .content .price {
align-self: center;margin-right: 1rem;}
.T5227 .content .price { font-weight: bold; font-size: var(--font-size-h1_2); }
@media (min-width: 567px) {
}
@media (min-width: 768px) {
.T5227 { display: flex; }
.T5227 picture { display: block; width: 33%; flex-shrink: 0;flex-grow: 0; }
.T5227 img { aspect-ratio: 1 / 1.5; }
}
@media (min-width: 1024px) {
.T5227 img { aspect-ratio: 1 / 1; }
}
.T5230 { background-color: #EEE; padding-top: var(--maxwidth-margin); padding-bottom: calc(var(--maxwidth-margin) / 1.3); }
.T5230 .headline { font-size: var(--font-size-h1_2); margin-bottom: 0.5rem; margin-top: 0; font-weight: normal; }
.T5230 .col p { margin-top: 0; }.T5230.S8642 { background-color: #FFF; }.T5230.S8643 { background-color: var(--color-purple); color: #FFF; }.T5230.S8644 { background-color: var(--color-green); color: #FFF; }.T5230.S8657 .headline { font-size: var(--font-size-h1); }.T5230.S8658 .headline { text-align: center; }
.T5230.S8658 .standalown .col1 { text-align: center; }

.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; }
.T5329 .wrapper {
display: flex;
flex-direction: column;
}
.T5329 .wrapper .images {
order: 1;
max-width: 568px;
display: flex;
justify-content: space-between;
margin-bottom: 1rem;
}
.T5329 .wrapper .images .image { width: 100%; }
.T5329 .wrapper .images.items2 .image { width: 49%; }
.T5329 .wrapper .images.items3 .image { width: 32%; }
.T5329 .wrapper picture {
width: 100%;
height:  auto;
}
.T5329 .wrapper picture img {
width: 100%;
height: auto;
}
.T5329 .wrapper .videowrapper {
display: block;
overflow: hidden;
position: relative;
color:  #FFF;
}
.T5329 .wrapper .videowrapper i {
position:  absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
font-size: 2rem;
}
.T5329 .wrapper .videowrapper picture {
filter: blur(0.085rem);
}
.T5329 .wrapper .content {
order: 2;
}
.T5329 .wrapper .content .headline.specialfont {
font-size: var(--font-size-h1);
color: var(--color-purple);
margin-bottom:  1rem;
font-weight:  normal;
}
.T5329 .wrapper .content .subheadline {
font-size: var(--font-size-h3_2);
margin-bottom: 0.5rem;
font-weight: normal;
color: var(--color-lightgray);
}
.T5329 .wrapper .content .intro {
font-size: var(--font-size-h3);
margin-bottom:  1rem;
}
.T5329 .wrapper .content .item {
margin-bottom:  2rem;
}
.T5329 .wrapper .content .item .headline {
font-weight: bold;
margin-bottom: 0.5rem;
}
.T5329 .wrapper .content .calender_inner {
display: flex;
border: 1px solid #CCC;
width: 290px;
flex-wrap: wrap;
}
.T5329 .wrapper .content .calender .month {
border-right: 1px solid #CCC;
padding: 0.2rem 0.7rem;
width: calc( 100% / 6 );
}
.T5329 .wrapper .content .calender .month:last-child {
border-width: 0;
}
.T5329 .wrapper .content .calender .month.active {
background-color:  var(--color-green);
color: #FFF;
}
.T5329 .wrapper .content .facts_inner {
display: flex;	
}
.T5329 .wrapper .content .facts .fact {
display: flex;	
margin-right:  1rem;
align-items: center;
}
.T5329 .wrapper .content .facts .fact i {
font-size:  1.5rem;
margin-right: 0.5rem;
}
.T5329 .wrapper .content .facts .fact .headline {
font-size:  0.8rem;
font-weight: bold;
}
.T5329 .wrapper .content .facts .fact .value {
display: flex;
font-size:  2rem;
align-items:  flex-end;
}
.T5329 .wrapper .content .facts .fact .value .unit {
position: relative;
bottom:  4px;
font-size:  1rem;
margin-left: 0.5rem;
}
.T5329 .wrapper .content .adresse {
margin-bottom:  1rem;
}
.T5329 .wrapper .content .leafletmap {
height: auto !important;
aspect-ratio: 16 / 9;
z-index: 10;
}
@media (min-width: 567px) {
.T5329 .wrapper {
flex-direction: row;
}
.T5329 .wrapper .images {
order: 2;
width: 40%;
flex-direction:  column;
justify-content: flex-start;
margin-bottom: 0;
}
.T5329 .wrapper .images .image { width: 100%; margin-bottom: 0.8rem; }
.T5329 .wrapper .images.items2 .image { width: 100%; }
.T5329 .wrapper .images.items3 .image { width: 100%; }
.T5329 .wrapper .videowrapper i { font-size: 5rem; }
.T5329 .wrapper .content {
order:  1;
padding-right: 2rem;
flex-grow: 1;
flex-shrink: 1;
width: 60%;
}
.T5329 .wrapper .content .calender_inner { width: 340px; }
}
@media (min-width: 768px) {
.T5329 .wrapper .content { width: 65%; padding-right: 3rem; }
.T5329 .wrapper .images {
width: 35%;
}
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}

.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}

.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}


.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;

touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}

.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}

.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; 
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}

.leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}

.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor:    -moz-grab;
cursor:         grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor:    -moz-grabbing;
cursor:         grabbing;
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
pointer-events: visiblePainted; 
pointer-events: auto;
}

.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}

.leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
font-size: 22px;
}

.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}

.leaflet-default-icon-path {
background-image: url(images/marker-icon.png);
}

.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}

.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}

.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}


.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}

.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
body .T5353.grid-stack-item-content {
background: #fff !important;
padding: 0rem;
overflow: unset;

}
.T5353 { padding: 1em 0 } 
.T5353 .detail .hidden .sheet-bild { padding-right: 0 !important; }
.application {
margin-top:  1rem;
}
.application .buttons {
display: flex;
justify-content: center;
margin-bottom:  1rem;
}
.application .buttons .button { cursor: pointer; }
.application .buttons .button.hide { display: none; }
.sheet-bild img {
width: 100%;
height: auto;
}
.ap .ap_inner { display: flex; }
.ap .ap_inner .image { width: 100px; margin-right: 1rem; }
.ap .ap_inner picture img {
width: 100%;
height: auto;
aspect-ratio:  1 / 1;
overflow: hidden;
border-radius:  50%;
}
.application-form {
display: none;
background-color:  #f2f2f2;
padding:  0.5rem 1rem;
border-radius: 0.7rem;
}
.application-form.show { display: block; }
.application-form .element {
display:  flex;
flex-direction: column;
width: 100% !important;
background-color:  transparent;
}
.application-form .TraminoForm .groups {
display: flex;
flex-wrap: wrap
}
.application-form .TraminoForm .group {
width: calc( 50% - 25px) !important;
}
.application-form .TraminoForm .break { display: none; }
.AdresseWidget .Zeile:after { display: block; content: ""; clear: left; }
.Mandant_3469 .T5353 .T5277 .elements .element { background-color: #e5eef5; }
.Mandant_3469 .T5353 .T5277 .elements .content .name { color: #0e5878; }
.Mandant_3469 .T5353 .T5277 .elements .content .intro { color: #666; }
.Mandant_3469 .application-form { background-color: #e5eef5; }#website_notification {
background-color: #FFF;
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 100;
width: 100%;
border-radius: 1rem 1rem 0 0;
box-shadow: 0rem -0.2rem 2rem rgba(0,0,0,0.3);
transform: bottom 450ms;
}
#website_notification.hide { bottom: -200px; }
#website_notification .inner {
padding: 0.7rem 1rem;
}
#website_notification .inner i { position: absolute; top: 0.4rem; right: 0.6rem; }
#website_notification .text .wrapper {
display: flex;
flex-wrap: wrap;
font-size: 0.9rem;
}
#website_notification .text .img {
width:  70px;
height:  auto;
flex-grow: 0;
flex-shrink: 0;
margin-right: 0.5rem;
}
#website_notification .text .img img { width: 100%; height: auto; }
#website_notification .headline {
font-weight: bold;
margin-right: 1.5rem;
}
body.Mandant_19379 #website_notification .headline {
color: var(--color-purple);
}
#website_notification .intro {
}
@media (min-width: 567px) {
#website_notification {
left: auto;
right: 2rem;
max-width: 500px;
}
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
.T5414 .barometers-outer {
background: #fff;
padding: 2em;
}
.T5414 .barometers {
display: flex;
flex-wrap: wrap;
margin-right: -2em;
}
.T5414 .barometer {
margin: 0 2em 2em 0;
display: flex;
width: 100%;
}
@media ( min-width: 800px ) {
.T5414 .barometer {
width: 33.33%;
}
}
.T5414 .barometer-icon { flex: 1; margin-right: 1em; }
.T5414 .barometer-icon img { width: 100% !important; height: auto !important; }
.T5414 .barometer-content {
flex: 5;
}
.T5414 .barometer-head { display: flex; justify-content: space-between; margin-bottom: 0.5em; }
.T5414 .barometer-head .barometer-name { font-size: 1em; font-weight: bold; color: #444; }
.T5414 .barometer-head .barometer-value { text-align: right; font-size: 1em; color: #000; }
.T5414 .barometer-bar {
position: relative;
width: 100%;
height: 1em;
background: #ccc;
border-radius: 1em;
margin-bottom: 0.5em;
}
.T5414 .barometer-bar-inner {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
background: #999;
border-radius: 1em;
}
.T5414 .barometer-info {
font-size: 0.9em;
font-style: oblique;
color: #999;
}
.T5414 .green .barometer-bar { background: #42800155 }
.T5414 .green .barometer-bar-inner { background: #428001 }
.T5414 .blue .barometer-bar { background: #70217355 }
.T5414 .blue .barometer-bar-inner { background: #702173 }
.T5414 .purple .barometer-bar { background: #0076BA55 }
.T5414 .purple .barometer-bar-inner { background: #0076BA }
#motiv {
margin-bottom: 2rem;}
#motiv:is(img, picture, video) {
width: 100%;height: auto;}
#motiv img {
background-color: #e7e7e7;aspect-ratio: 567 / 443;object-fit: cover;}
#motiv .buttons {
display: flex;justify-content: flex-end;translate: 0px -6rem;}
#motiv .buttons .button {
font-size:  0.8rem;}
@media (min-width:567px) {
#motiv img {
aspect-ratio: 2000 / 800;min-height:  542px;}
#motiv.small img {
aspect-ratio: 2000 / 625;}
}
@media (min-width: 768px) {
#motiv .buttons {
translate: 0px -3rem;}
#motiv .buttons .button {
font-size:  0.7rem;}
}
@media (min-width: 1280px) {
#motiv .buttons {
max-width: 1280px;margin-left: auto;margin-right: auto;}
}
.T5423 .steps {
background-color:  #FFF;border-radius:  var(--border-radius);padding: 1rem 1.5rem;}
.T5423 .steps .step .badge {
position: relative;width: 12%;margin-right:  1.2rem;flex-grow: 0;flex-shrink: 0;}
.T5423 .steps .step .badge img {
width: 100%;height: auto;}
.T5423 .steps .step .badge .smallbadge {
position: absolute;bottom: 0;right:  0;width: 40%;}
.T5423 .steps .step .headline {
color: var(--color-purple);font-size: var(--font-size-h2);margin-bottom:  1rem;}
.T5423 .steps form { display: flex; margin: 1rem 0; }
.T5423 .steps form .item { margin: 0 1rem 0 0; }
.T5423 .steps form .item:last-child { margin: 0; }
.T5423 .step { display: none; align-items: flex-start; }
.T5423 .show { display: flex; }
@media (min-width: 567px) {
.T5423 .steps .step .badge {
margin-right:  1.5rem;}
}
@media (min-width: 768px) {
.T5423 .steps .step .badge {
margin-right:  1.7rem;}
}
@media (min-width: 1024px) {
.T5423 .steps .step .badge {
margin-right:  2rem;}
}
@media (min-width: 1280px) {
.T5423 .steps { padding: 2rem 5rem; }
.T5423 .steps .step .badge {
margin-right:  2.2rem;}
}
.T5429 iframe {
border: 0;width:  100%;aspect-ratio:  16 / 9;}.T5454 {
border-radius: var(--border-radius);background-color:  #FFF;padding: 1rem 1.5rem;}
.T5454 .destiantion {
display: block;font-size:  var(--font-size-h1_2);font-family: 'sansationbold', "Arial", sans-serif;font-weight: normal;font-variant-ligatures: no-common-ligatures;-moz-osx-font-smoothing: grayscale;color:  var(--color-purple);text-align: center;margin-bottom:  1rem;}
.T5454 .tel_number { display: none; }
.T5454 .client_address { display: flex; justify-content: center; font-size: var(--font-size-smaller) }
.T5454 .client_address .strasse i { display: none; }
.T5454 .client_address .col_left { margin-right: 2rem; }
.T5454 .client_address .col_right { margin-left: 2rem; }
.T5454 .client_address .col_right > div { display: list-item;list-style: none; }
.T5454 .client_address .col_right > div i { margin-right: 0.5rem; }.T5463 {
background-color: #FFF;
border-radius: var(--border-radius-small);
padding: calc(var(--maxwidth-margin) / 2) var(--maxwidth-margin);
text-align: center;
}
.T5463 .headline {
text-align: center;
font-size: var(--font-size-h1_2);
margin-bottom: 0.5rem;
margin-top: 0;
}
.T5463  ul { list-style-type: none; }
.T5476 .headline {
font-size: var(--font-size-h3);margin-bottom: 1rem;}
.T5476 .memos {
display:  flex;flex-wrap: wrap;justify-content:  space-between;}
.T5476 .memos .memo {
position: relative;width: calc(50% - .5rem);margin-bottom: 1rem;flex-grow: 0;flex-shrink: 0;height: auto;}
.T5476 .memos .memo picture {
position:  relative;z-index:  1;border-radius:  var(--border-radius-small);overflow:  hidden;}
.T5476 .memos .memo img {
aspect-ratio:  1 / 1;width:  100%;height:  auto;}
.T5476 .memos .memo :is(.infos,.text) {
color:  #333;font-size: 0.75rem;}
.T5476 .memos .memo .like {
display: flex;align-items: center;position: absolute;top: 0.6rem;left: 0.8rem;z-index: 2;color: #FFF;text-shadow: 0 0 0.2rem rgba(0,0,0,0.9);font-size: 1.2rem;}
.T5476 .memos .memo:not(.liked) .like { cursor: pointer; }
.T5476 .memos .memo.liked .like i {
color: #F00;}
.T5476 .memos .memo .like .count { font-size: 0.80em; margin-left: 0.25em; }
.T5476 .memos .memo .infos { 

display: flex;
margin-top: 0.2rem;}
.T5476 .memos .memo .text { 

margin-top: 0.1rem;font-size: 1rem;}
@media (min-width: 567px) {
.T5476 .memos .memo { width: calc(33.333% - 0.5rem); }
}
@media (min-width: 768px) {
.T5476 .memos .memo { width: calc(25% - 1rem); }
}
.T5486 .headline {
font-size:  var(--font-size-h3);
margin-right: var(--maxwidth-margin);
margin-bottom: 1rem;
}
.T5750 .wrapper {
display: flex;flex-direction: row;gap: 1rem;flex-wrap: wrap;}
.T5750 .item {
min-width: 100px;}
.T5750 .item .text-wrapper {
margin-top: 0.8rem;}
.T5750 .item .headline {
text-align: left;font-weight: bold;margin-bottom:  0.3rem;font-size:  1.1rem;hyphens: auto;-webkit-hyphens: auto;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.T5750.background .wrapper {
border-radius: var(--border-radius, 0.5rem);padding: 0 1rem;}
.T5750.background .item {
position: relative;padding: 1rem 0;}
.T5750.background .item:not(:last-child)::after {
content: "";position: absolute;width: 0.2rem;height: 100%;top: 0;right: -0.6rem;background: var(--background-color, #000)
}.T5750.S9272 .item .text-wrapper, .T5750.S9272 .item .text-wrapper .headline {
text-align: center;}@media all and (max-width: 768px) {
.T5750.S9273 .wrapper {
flex-direction: column;}
.T5750.S9273 .item {
display: flex;flex-direction: row;gap: 1rem;max-width: 100% !important;}
.T5750.S9273 .item .img {
max-width: 200px;width: 100%;}
.T5750.S9273 .item .text-wrapper, .T5750.S9272 .item .text-wrapper .headline {
flex-grow: 1;text-align: left;}
.T5750.S9273.background .wrapper {
padding: 1rem 0;}
.T5750.S9273.background .item {
position: relative;padding: 0 1rem;}
.T5750.S9273.background .item:not(:last-child)::after {
width: 100%;height: 0.2rem;left: 0;bottom: -0.6rem;top: unset;right: unset;}
}