:root {
--maxwidth-margin: 20px;
--maxwidthsmall-margin: 20px;
}
*, :before, :after { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-smooth: always; text-rendering: optimizeLegibility; outline: 0; box-sizing: border-box; }
*:focus-visible { outline: auto; }
body { margin: 0; padding: 0; }
strong { font-weight: bold; }
.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; }

.break {
clear: both;
}
.clear {
clear: left;
}
.left {
float: left;
}
.right {
float: right;
}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
#body img { display: block; border: 0px; }

.ui-datepicker, .ui-datepicker * {
box-sizing: content-box;
}
#TraminoHeaderTiny, #TraminoHeaderTiny img.logo, #TraminoHeaderTiny a, .inlineeditors a { box-sizing: content-box; }
body {
background-color: #fafafa;
color: #222222;

line-height: 1.2;
}
@page {
size: A4;
margin: 0;
}
body.Mandant_800 #TraminoHeaderTiny { z-index: 99999999999999 !important; }
 
.TraminoVorlage { position: relative; margin-top: 3rem; margin-bottom: 3rem;  }
.maxwidth {
width: auto;
margin-left: var(--maxwidth-margin); margin-right: var(--maxwidth-margin);
}
.maxwidthsmall {
width: auto;
margin-left: var(--maxwidthsmall-margin); margin-right: var(--maxwidthsmall-margin);
}
.TraminoVorlage.nomargin { margin-top: 0px !important; margin-bottom: 0px !important; }
h2 {
margin: 0.2em 0 0.4em 0;
}
h3 {
margin: 0.2em 0 0.3em 0;
}
p {
margin-top: 0px;
}
.tdn { text-decoration: none; }
.overflow-hidden { overflow: hidden; }
ul.list-nostyling {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.list-nostyling > li { margin: 0; padding: 0; }
ul.list-floated:after { display: block; content: ""; clear: left; }
ul.list-floated > li { float: left; }
.list-checkbox ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.list-checkbox ul > li { margin: 0 0 8px 0;  padding: 0; position: relative; padding-left: 35px; }
.list-checkbox ul > li:before {
position: absolute;
top: 0;
left: 0;
content: "\f11b";
font-family: Tramini-Layout;
font-size: 14px;
display: block;
width: 20px;
height: 20px;
background-color: #FFF;
color: #000;
border: 1px solid #CCC;
border-radius: 50%;
padding: 2px 0 0 4px;
}
.button {
background-color: #333;
color: #FFFFFF;
text-decoration: none;
line-height: 1;
padding: 5px 12px;
cursor: pointer;
}
.fontsizee_xsmall .button, .fontsize_xsmall.button { padding: 4px 10px; }
.fontsize_small .button, .fontsize_small.button { padding: 5px 12px; }
.fontsize_medium .button, .fontsize_medium.button { padding: 6px 14px; }
.fontsize_large .button, .fontsize_large.button { padding: 8px 15px; }
.fontsize_xlarge .button, .fontsize_xlarge.button { padding: 10px 16px; }
input[type=text] {
display: inline-block;
font-size: 14px;
}
.ratio {
position: relative;
padding-bottom: 56.25%; 
padding-top: 25px;
height: 0;
}
.ratio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hyphens { hyphens: auto; }
.privacyinfo { color: #333; text-decoration: none; opacity: 0.9; font-style: italic; font-size: 0.9em; }
input[type=submit].bgcolor, input[type=button].bgcolor, button.bgcolor {
display: inline-block;
color: #FFF;
font-size: 14px;
border-width: 0px;
padding: 5px 12px;
cursor: pointer; 
}
.result-box .text { padding-top: 13px }
.result-box .text h3 { font-family: inherit; color: #999; }
.T957 { padding: 0px 20px; max-width: 1000px; }
.T957 #anfrage .row { border-color: rgba(0,0,0,0.2); }
.T957 #anfrage .col3 { color: rgba(0,0,0,0.8); }

.T28 { margin: 50px auto !important; max-width: 1200px; }
.T101 { margin: 50px auto; max-width: 1200px; }
.T27 { margin: 50px auto; max-width: 1200px; }
.T576 { margin: 50px auto; max-width: 800px; }
.T125 { margin: 50px auto; max-width: 800px; }
#TraminoArtikel {
padding: 50px 0px;
max-width: 1200px;
margin: 0px auto;
}
.text div.table.ctable { table-layout: fixed; display: table; width: 100%; }
.text table { width: 100%; display: table; margin: 30px 0px; border-spacing: 0px; border-width: 0px; border-top: 1px solid rgba(0,0,0,0.2); }
.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(0,0,0,0.2); }
.text table td { border-bottom: 1px solid rgba(0,0,0,0.2); vertical-align: top;  }
.text table td { padding: 4px 10px 6px 0px; }
.textile ul li { margin: 0em 0em 0.4em 0em; }

.T711, .T1979 { padding: 20px 0px; }
#body.Mandant_400 .T2646 .header .text  { margin-left: 230px; }
#body.Mandant_400 .T2646 .header .logo { display: block; }
#body.touchdevice .fancybox-nav span { visibility: visible; }

.toanimate { opacity: 0; transform: translate(0,3rem);  }
@keyframes block_animation {
from {opacity: 0; transform: translate(0,3rem); }
to {opacity: 1;  transform: translate(0,0rem); }
}
.animate {
animation-name: block_animation;
animation-duration: 1200ms;
animation-delay: 0ms;
animation-timing-function: ease-in-out;

}
.animate_done { opacity: 1; transform: translate(0,0rem); }
@media print {
@page {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.noprint { display:none; padding: 0 !important; margin: 0 !important; height: 0 !important; }
.stickyheader-fakebg { display: none; height:0 !important; padding: 0 !important; margin: 0 !important; }
}
.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; }
#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 .label .help {
font-size: 0.9rem;
margin-bottom: 0.7rem;
}
#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="tel"],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="tel"],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.no_fax.no_mobil .adresse_telefon { width: 100% !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 .RadioWidget .Element {
display: flex;

margin-bottom:  1rem;
width:  auto !important;
}
#TraminoForm.newcss .RadioWidget .Element input { grid-area: checkbox; display: flex; align-self: flex-start; }
#TraminoForm.newcss .RadioWidget .Element span { grid-area: headline; }
#TraminoForm.newcss .RadioWidget .Element .info { grid-area: info; font-size: 0.8rem; }
#TraminoForm.newcss .Widget.Zeitraum .dates { display: flex; flex-wrap: wrap; margin-top: 0.5rem; }
#TraminoForm.newcss .Widget.Zeitraum .dates .zeitraum { display: flex; flex-wrap: wrap; margin-bottom: 0.3rem; margin-right: 0.3rem; align-items: center; }
#TraminoForm.newcss .Widget.Zeitraum .dates .zeitraum .Widget { width: 100px; }
#TraminoForm.newcss .Widget.Zeitraum .dates .zeitraum label {  display: inline-block;  width: 80px;}
@media (min-width: 768px) {
#TraminoForm.newcss .groups {
justify-content: space-between;
}
#TraminoForm.newcss .groups .group {
width:  48%;
padding: 0 2% 1% 0;
padding: 0 2% 1% 0;
}
#TraminoForm.newcss .groups .group + #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="tel"],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="tel"],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; margin-bottom: 4px; }
.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%; }
.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 .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; }
.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%;
}
}

html body.Mandant_1531 a { text-decoration: none !important; }

@media (min-width: 768px) {
#TraminoInhalt > .G {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: var(--maxwidth-margin);
margin-right: var(--maxwidth-margin);
}
#TraminoInhalt > .G .maxwidth { margin-left: 0 !important; margin-right: 0 !important; width: 100%; }
#TraminoInhalt > .G .maxwidthsmall { margin-left: 0 !important; margin-right: 0 !important; width: 100%; }
#TraminoInhalt > .G > :is(div, section), #TraminoInhalt > .G > .maxwidth, #TraminoInhalt > .G > .maxwidthsmall {
width: calc( 50% - 1rem) !important;
}
}
.table-responsive {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding: 0.2rem 0;
}
.table-responsive table {
width: 100%;
border-collapse: collapse;
}

li[data-list=bullet] { list-style-type: disc; margin-bottom: 0.1em; }
li.ql-indent-1 { margin-left: 2em; }
li.ql-indent-2 { margin-left: 4em; }
.slider { position: relative; }
.slider.dots-top-left .slider.slider-single .slider-item { display: none; }
.slider.dots-top-left .slider.slider-single .slider-item:first-child { display: block; }
.slider.dots-top-left .slider.slider-single.slick-initialized .slider-item { display: block; }

.tramino-slick-arrows .slick-arrow {
width: 55px;
height: 55px;
border-radius: 50%;
z-index: 1;
}
.tramino-slick-arrows .slick-arrow.slick-next { right: -25px; }
.tramino-slick-arrows .slick-arrow.slick-prev { left: -25px; }
.tramino-slick-arrows .slick-arrow:before {
font-size: 55px;
}
.tramino-slick-arrows .slick-arrow.slick-disabled { display: none !important; }
.tramino-slick-arrows.arrow-inside .slick-arrow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.tramino-slick-arrows.arrow-inside .slick-arrow.slick-next { right: 25px; }
.tramino-slick-arrows.arrow-inside .slick-arrow.slick-prev { left: 25px; }

.slider.dots-top-left .slick-dots {
position: absolute;
top: -30px;
right: 0px;
bottom: auto;
left: auto;
list-style-type: none;
margin: 0;
padding: 0;
width: auto;
}
.slider.dots-top-left .slick-dots:after { display: block; content: ""; clear: left; }
.slider.dots-top-left .slick-dots li { float: left; margin: 0 2px 0 0; }
.slider.dots-top-left .slick-dots li button {
font-size: 0;
line-height: 0;
display: inline;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
width: 0;
height: 0;
}
.slider.dots-top-left .slick-dots li button:before { 
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
background: #BDBDAE;
color: transparent;
width: 12px;
height: 12px;
outline: none;
}
.slider.dots-top-left .slick-dots li.slick-active button:before {
background: #464637;	
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.tramino-slick-arrows .slick-arrow { width: 45px; height: 45px; }
.tramino-slick-arrows .slick-arrow.slick-next { right: -20px; }
.tramino-slick-arrows .slick-arrow.slick-prev { left: -20px; }
.tramino-slick-arrows .slick-arrow:before { font-size: 45px; }
.tramino-slick-arrows.arrow-inside .slick-arrow.slick-next { right: 20px; }
.tramino-slick-arrows.arrow-inside .slick-arrow.slick-prev { left: 20px; }
.slider.dots-top-left .slick-dots  { top: -5px; }
.slider.dots-top-left .slick-dots li { margin: 0 4px 0 0; }
.slider.dots-top-left .slick-dots li button {
width: 11px;
height: 11px;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.tramino-slick-arrows .slick-arrow { width: 40px; height: 40px; }
.tramino-slick-arrows .slick-arrow.slick-next { right: -18px; }
.tramino-slick-arrows .slick-arrow.slick-prev { left: -18px; }
.tramino-slick-arrows .slick-arrow:before { font-size: 40px; }
.tramino-slick-arrows.arrow-inside .slick-arrow.slick-next { right: 18px; }
.tramino-slick-arrows.arrow-inside .slick-arrow.slick-prev { left: 18px; }
.slider.dots-top-left .slick-dots li { margin: 0 3px 0 0; }
.slider.dots-top-left .slick-dots li button {
width: 10px;
height: 10px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.tramino-slick-arrows .slick-arrow { width: 35px; height: 35px; }
.tramino-slick-arrows .slick-arrow.slick-next { right: -15px; }
.tramino-slick-arrows .slick-arrow.slick-prev { left: -15px; }
.tramino-slick-arrows .slick-arrow:before { font-size: 35px; }
.tramino-slick-arrows.arrow-inside .slick-arrow.slick-next { right: 15px; }
.tramino-slick-arrows.arrow-inside .slick-arrow.slick-prev { left: 15px; }
.slider.dots-top-left .slick-dots li { margin: 0 2px 0 0; }
.slider.dots-top-left .slick-dots li button {
width: 9px;
height: 9px;
}
}
@media all and (max-width: 567px) {
.tramino-slick-arrows .slick-arrow { width: 35px; height: 35px; }
.tramino-slick-arrows .slick-arrow.slick-next { right: -15px; }
.tramino-slick-arrows .slick-arrow.slick-prev { left: -15px; }
.tramino-slick-arrows .slick-arrow:before { font-size: 35px; }
.tramino-slick-arrows.arrow-inside .slick-arrow.slick-next { right: 15px; }
.tramino-slick-arrows.arrow-inside .slick-arrow.slick-prev { left: 15px; }
.slider.dots-top-left .slick-dots {
position: static;
top: auto;
bottom: auto;
left: auto;
right: auto;
margin: 10px 0;
width: 100%;
text-align: center;
display: flex;
justify-content: center;
}
.slider.dots-top-left .slick-dots li { float: none; margin: 0 2px 0 0; }
.slider.dots-top-left .slick-dots li button { padding: 3px; }
.slider.dots-top-left .slick-dots li button:before {
width: 8px;
height: 8px;
}
}
.lazyload {
opacity: 0;
}
.lazyloading {
opacity: 1;
transition: 600ms opacity;
min-height: 60px;
background-color: #DDD;
animation-name: laoding;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-duration: 1500ms;
}
.lazyloaded {
opacity: 1;
transition: 10ms opacity;
}
.ratio-container {
position: relative;
}
.ratio-container:after {
content:'';
display: block;
height: 0;
width: 100%;
}
@keyframes laoding {
0% { background-color: #DDD; }
20% { background-color: #CCC; }
40% { background-color: #BBB; }
60% { background-color: #AAA; }
80% { background-color: #BBB; }
100% { background-color: #CCC; }
}
.teaserheadline {
margin-bottom: 20px;
}@media all and (min-width: 1024px) and (max-width: 1279px) {
.fontsize_xsmall { font-size: 12px; }
.fontsize_small { font-size: 13px; }
.fontsize_medium { font-size: 15px; }
.fontsize_large { font-size: 17px; }
.fontsize_xlarge { font-size: 19px; }
.specialfont.fontsize_xsmall { font-size: 23px; }
.specialfont.fontsize_small { font-size: 26px; }
.specialfont.fontsize_medium { font-size: 29px; }
.specialfont.fontsize_large { font-size: 38px; }
.specialfont.fontsize_xlarge { font-size: 50px; }
.fontsize_xsmall.textile .button, .textile .fontsize_xsmall.button { padding: 3px 8px; }
.fontsize_small.textile .button, .textile .fontsize_small.button { padding: 4px 10px; }
.fontsize_medium.textile .button, .textile .fontsize_medium.button { padding: 5px 12px; }
.fontsize_large.textile .button, .textile .fontsize_large.button { padding: 6px 13px; }
.fontsize_xlarge.textile .button, .textile .fontsize_xlarge.button { padding: 8px 14px; }
input[type=submit].bgcolor {
font-size: 13.5px;
padding: 4px 10px;
}
.result-box .text { padding-top: 12px }
}
@media all and (min-width: 768px) and (max-width:1023px) {
body { -webkit-text-size-adjust: 100%; }
.fontsize_xsmall { font-size: 11px; }
.fontsize_small { font-size: 12px; }
.fontsize_medium { font-size: 14px; }
.fontsize_large { font-size: 16px; }
.fontsize_xlarge { font-size: 18px; }
.specialfont.fontsize_xsmall { font-size: 22px; }
.specialfont.fontsize_small { font-size: 24px; }
.specialfont.fontsize_medium { font-size: 26px; }
.specialfont.fontsize_large { font-size: 34px; }
.specialfont.fontsize_xlarge { font-size: 45px; }
.fontsize_xsmall.textile .button, .textile .fontsize_xsmall.button { padding: 2px 6px; }
.fontsize_small.textile .button, .textile .fontsize_small.button { padding: 3px 8px; }
.fontsize_medium.textile .button, .textile .fontsize_medium.button { padding: 4px 10px; }
.fontsize_large.textile .button, .textile .fontsize_large.button { padding: 5px 12px; }
.fontsize_xlarge.textile .button, .textile .fontsize_xlarge.button { padding: 6px 13px; }
.result-box .text { padding-top: 11px }
}
@media all and (min-width: 568px) and (max-width: 767px) {
body { -webkit-text-size-adjust: 100%; }
.fontsize_xsmall { font-size: 11px; }
.fontsize_small { font-size: 11px; }
.fontsize_medium { font-size: 13px; }
.fontsize_large { font-size: 15px; }
.fontsize_xlarge { font-size: 17px; }
.specialfont.fontsize_xsmall { font-size: 21px; }
.specialfont.fontsize_small { font-size: 22px; }
.specialfont.fontsize_medium { font-size: 23px; }
.specialfont.fontsize_large { font-size: 30px; }
.specialfont.fontsize_xlarge { font-size: 40px; }
.fontsize_xsmall.textile .button, .textile .fontsize_xsmall.button { padding: 1px 5px; }
.fontsize_small.textile .button, .textile .fontsize_small.button { padding: 2px 6px; }
.fontsize_medium.textile .button, .textile .fontsize_medium.button { padding: 3px 8px; }
.fontsize_large.textile .button, .textile .fontsize_large.button { padding: 4px 10px; }
.fontsize_xlarge.textile .button, .textile .fontsize_xlarge.button { padding: 5px 12px; }
.result-box .text { padding-top: 8px }
}
@media all and (max-width: 567px) {
body { -webkit-text-size-adjust: 100%; }
.maxwidth_break_mobile {
width: auto;
margin: 0;
}
.fontsize_xsmall { font-size: 11px; }
.fontsize_small { font-size: 11px; }
.fontsize_medium { font-size: 12px; }
.fontsize_large { font-size: 14px; }
.fontsize_xlarge { font-size: 16px; }
.specialfont.fontsize_xsmall { font-size: 19px; }
.specialfont.fontsize_small { font-size: 18px; }
.specialfont.fontsize_medium { font-size: 17px; }
.specialfont.fontsize_large { font-size: 23px; }
.specialfont.fontsize_xlarge { font-size: 30px; }
.fontsize_xsmall.textile .button, .textile .fontsize_xsmall.button { padding: 1px 5px; }
.fontsize_small.textile .button, .textile .fontsize_small.button { padding: 1px 5px; }
.fontsize_medium.textile .button, .textile .fontsize_medium.button { padding: 2px 6px; }
.fontsize_large.textile .button, .textile .fontsize_large.button { padding: 3px 8px; }
.fontsize_xlarge.textile .button, .textile .fontsize_xlarge.button { padding: 4px 10px; }
.result-box .text { padding-top: 5px }
}
@media (min-width: 567px) {
}
@media (min-width: 768px) {
:root {
--maxwidth-margin: 20px;
--maxwidthsmall-margin: 30px;
}
}
@media (min-width: 1024px) {
:root {
--maxwidth-margin: calc( ( 100% - 980px ) / 2 );
--maxwidthsmall-margin: calc( ( 100% - 900px ) / 2 );
}
.maxwidth {
width: 980px; margin-left:auto; margin-right:auto;
}
.maxwidthsmall {
width: 900px; margin-left:auto; margin-right:auto;
}
}
@media (min-width: 1280px) {
:root {
--maxwidth-margin: calc( ( 100% - 1240px ) / 2 );
--maxwidthsmall-margin: calc( ( 100% - 900px ) / 2 );
}
.maxwidth {
width: 1240px; margin-left:auto; margin-right:auto;
}
.maxwidthsmall {
width: 900px; margin-left:auto; margin-right:auto;
}
}

.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; 
}
}.T1911 .maxwidthsmall {
margin-bottom: 50px;
}
.T1911 h2 {
text-align: center;
}
.T1911 table {
width: 100%;
border: 0px solid #000;
table-layout: auto;
border-collapse: collapse;
margin: 0px auto 0px auto;
}
.T1911  table th {
text-align: left;
vertical-align: top;
padding: 5px 10px 5px 5px;
border: 0px solid #000;
line-height: 115%;
background-color: #eee;
white-space: nowrap;
}
.T1911 table td {
text-align: left;
vertical-align: top;
padding: 5px 10px 5px 5px;
border: 0px solid #000;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
white-space: nowrap;
}
.T1911 table tr.odd td {
background-color: rgba(0,0,0,0.02);
}
.T1911 table td.label {
font-weight: bold;
}
.T1911 table td.quantity {
padding-bottom: 10px;
font-style: oblique;
}
.T1911 table td.name {
font-weight: bold;
}
.T1911 table td.footer {
font-size: 14px;
color: #999;
font-style: oblique;
white-space: normal;
}
.T1911 table .periods {
color: #999;
font-weight: normal;
}
.T1911 table .ez {
font-size: 11px;
line-height: 14px;
color: #666;
margin-left: 5px;
display: block;
margin-left: 0px;
}
.T1911 table .first {
color: #999;
font-size: 11px;
line-height: 14px;
}
.T1911 .buttons {
float: right;
margin: 10px 0px;
}
.T1911 .button {
padding: 5px 20px;
font-size: 14px;
text-decoration: none;
color: #000;
}
@media all and (min-width: 901px) and (max-width:1279px) {
.T1911 .scrolltable {
overflow: auto;
}
.T1911 .scrolltable.has-overflow {
right: 0;
background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, .15), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, .15), rgba(255, 255, 255, 0));
background-position: left center, right center, left center, right center;
background-repeat: no-repeat;
background-size: 20px 100%, 20px 100%, 20px 100%, 20px 100%;
background-attachment: local, local, scroll, scroll;
}
.T1911 .scrolltable.has-overflow:before, .T1911 .scrolltable.has-overflow:after {
content: "";
display: block;
position: absolute;
top: 0;
height: 100%;
width: 2rem;
}
}
@media all and (max-width: 767px) {
.T1911 .scrolltable {
overflow: auto;
}
.T1911 .scrolltable.has-overflow {
right: 0;
background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, .15), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, .15), rgba(255, 255, 255, 0));
background-position: left center, right center, left center, right center;
background-repeat: no-repeat;
background-size: 20px 100%, 20px 100%, 20px 100%, 20px 100%;
background-attachment: local, local, scroll, scroll;
}
.T1911 .scrolltable.has-overflow:before, .T1911 .scrolltable.has-overflow:after {
content: "";
display: block;
position: absolute;
top: 0;
height: 100%;
width: 2rem;
}
}.T2646 {
background-repeat: no-repeat;
background-size: contain;
padding-top: 30px;
padding-left: 300px;
padding-right: 50px;
padding-bottom: 120px;
margin-left: auto;
margin-right: auto;
}
@media all and (min-width: 1251px) {
#off_logo { position: fixed !important; }
#off_logo2 { position: fixed; }
}

.T2646 section {
margin-top: 40px;
padding-top: 20px;
position: relative;
border-top: 1px solid rgba(0,0,0,0.2);
} 
.T2646 section:first-of-type { 
border-top: 0px solid #fff; 
margin-top: 0px;
}
.T2646 section > .inner  { margin-left: 230px; }
.T2646 section h5 {
margin: 0px 0px -20px 0px;
padding: 0px 10px 0px 0px;
font-size: 15px; line-height: 19px; font-weight: bold; text-transform: uppercase;
}
.T2646 section h5.normal { margin: 2px 0px 15px 0px; }

.T2646 .header { border-width: 0px; padding: 0px; display: flex;  align-items: flex-start;}
.T2646 .header .logo { width: 200px; padding: 0px; background-color: #fff; flex-grow: 0; flex-shrink: 0 }
.T2646 .header .logo img { width: 100%; height: auto; }
.T2646 .header .text {	margin-left: 30px; padding-top: 10px;  }
.T2646 .header .text h3 { font-weight: normal; font-size: 18px; line-height: 23px; font-style: oblique;  margin: 0px 0px 5px 0px; }
.T2646 .header .text h1 { font-size: 35px; line-height: 40px; font-weight: bold; color: #000; margin: 0px 0px 7px 0px; }
.T2646 .header .text h2 { font-size: 17px; line-height: 20px; font-weight: normal; color: #333;  margin: 0px 0px 5px 0px; max-width: 650px;}
.T2646 .header .digits { display: flex; justify-content: flex-end; margin-left: auto; padding-top: 5px; }
.T2646 .header .digit {  width: 100px; margin-right: 15px; text-align: center; }
.T2646 .header .digit .title { font-weight: bold; font-size: 15px; line-height: 15px; text-transform: uppercase;}
.T2646 .header .digit .value { font-size: 42px; line-height: 64px; font-weight: 900; color: #A16332;  }
.T2646 .header .digit .value .unit { font-size: 18px; line-height: 19px; font-weight: normal;  }
.T2646 .header .digit .subtext { font-size: 12px; line-height: 16px; font-weight: bold; text-transform: uppercase;}

.T2646 .description .inner  {
white-space: pre-wrap;
}

.T2646 .request .inner  { max-width: 650px; }
.T2646 .request #anfrage .row  { padding: 0px 0px 7px 0px; border-width: 0px; }

.T2646 .kontakt .col  {
float: left;
padding-right: 2em;
}
.oeffnungszeiten .tag { display: flex; }
.oeffnungszeiten .tag .tage { flex: 2; white-space: nowrap; padding-right: 1rem; }
.oeffnungszeiten .tag .rightside { flex: 1; }
.oeffnungszeiten .tag .rightside .vormittag { white-space: nowrap; }
.oeffnungszeiten .tag .rightside .nachmittag { white-space: nowrap; }
.T2646 .kontakt .col h5 { font-size: 12px; }

.T2646 aside {
position: fixed;
top: 180px;
left: 0px;
width: 300px;
padding: 0px 0px 0px 60px;
font-size: 15px;
line-height: 120%;
color: #333;
}
.T2646 aside .group { margin-bottom: 25px; padding-left: 25px; }
.T2646 aside .group.address { color: #666; font-size: 13px; }
.T2646 aside .group h4 { font-size: 16px; color: #333; text-transform: uppercase; margin: 0px 0px 15px 0px;	}
.T2646 aside a { line-height: 160%; text-decoration: none; color: #000 !important; }
.T2646 aside a img { width: 26px; height: 26px; margin-right: 5px; display: inline-block !important; vertical-align: middle; }
.T2646 div[data-scrollspy] a:before {
content: '';
background: #fff;
display: inline-block;
vertical-align: middle;
width: 12px;
height: 12px;
border-radius: 12px;
margin-right: 10px;
margin-left: -20px;
text-align: center;
transition: background .1s ease-in;
}
.T2646 div[data-scrollspy] a.active:before {
background: #BD2631;
background: #DD4651; 
}
.T2646 aside a.client-homepage-nav:before {
background: #FFE65A;
}
.T2646 .booking .class button {
text-align: center;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
position: relative;
top: -15px;
padding: 4px 20px;
color: #fff;
background-color: #444;
border: 0px solid #FFF;
cursor: pointer;
}
.T2646 .booking .class .class-timetable h2{
margin: .75em 0;
}
#cart.checkout { max-width: 1200px; margin: 0 auto; }

.T2646 .static_map { aspect-ratio: 1280/554; display: block; position: relative; overflow: hidden; }
.T2646 a.static_map { cursor: pointer; }
.T2646 .static_map img { width: 100%; height: auto; aspect-ratio: 1280/554;  }
.T2646 .static_map .button {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translate(-50%,0);
box-shadow: 0 0 3rem rgba(0,0,0,0.4);
}
.T2646 .leafletmap { z-index: 1; }
.T2646 .adresse a { color: var(--signal_color,inherit); }
.T2646.iframe { font-size: 16px; display: none; }
.T2646.iframe.isloaded { display: flex; justify-content: center; }
.T2646.iframe .booking_button {
text-decoration: none;
text-decoration: none;
background-color: #A22525;
color: #FFF;
padding: 1em 2.1em;
font-size: 1em;
line-height: 1;
cursor: pointer;
}
.T2646.iframe .booking_button:hover {
background-color: #C82323;
}
.T2646 .head {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 50px;
}
.T2646 .head a { color: #333; }
.T2646 .head a:hover { color: #000; }
.T2646 .head .logo { align-self: center; }
.Mandant_100x .T2646 { background-image: url(//tramino.s3.amazonaws.com/s/oberstdorf/681682/bg.jpg) }
.Mandant_100x .T2646 .header .text h3 { font-family: "Sorts Mill Goudy", serif; font-style: oblique; font-weight: normal; color: #A16332; font-size: 23px; line-height: 25px;  }
.Mandant_100x .T2646 aside { top: 300px; }
@media all and (min-width: 1280px) and (max-width: 1500px) {
.T2646 aside { position: fixed; }
.T2646 .booking .class .book .price { font-size: 24px !important; }
}
@media all and (max-width: 1300px) {
.T2646 section > .inner { margin-left: 0px; margin-top: 20px; }
.T2646 section h5 { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T2646 aside { position: fixed; }
.T2646 .header .logo { width: 150px; }
.T2646 .header .text h3 { font-size: 22px; line-height: 25px; }
.T2646 .header .text h1 { font-size: 31px; line-height: 34px; }
.T2646 .header .text h2 { font-size: 16px; line-height: 19px; }
#cart.checkout { max-width: 1000px; margin: 0 auto; }
.T2646 .show-result-timetable { margin-top: 15px; }
.T2646 .booking .class .book .price { font-size: 24px !important; }
.T4438 .maxwidth { width: 100%; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T2646 { padding-left: 30px; }
.T2646 aside { display: none !important; }
.T2646 .header .logo { width: 100px; }
.T2646 .header .digit { width: auto; }
.T2646 .header .digit .title { font-size: 16px; line-height: 1; }
.T2646 .header .digit .value { font-size: 33px; line-height: 37px; }
.T2646 .header .digit .subtext { font-size: 11px; line-height: 1.4; }
.T2646 .header .text h3 { font-size: 19px; line-height: 1.1; }
.T2646 .header .text h1 { font-size: 28px; line-height: 1.1; }
.T2646 .header .text h2 { font-size: 13px; line-height: 1.1; }
#cart.checkout { width: auto; margin: 0 20px; }
.T2646 .show-result-timetable { margin-top: 15px; }
.T4438 .maxwidth { width: 100% !important; }
}
@media all and (max-width: 767px) {
body .T2646 { padding-top: 0; padding-right: 0px; padding-left: 0px !important; }
.T2646 aside { display: none !important; }
.T2646 .header .logo { width: 80px; order: 2; }
.T2646 .header { flex-wrap: wrap; }
.T2646 .header .digits { width: 100%; order: 1; justify-content: center; margin-bottom: 15px; }
.T2646 .header .digit { width: auto; }
.T2646 .header .digit .title { font-size: 16px; line-height: 1; }
.T2646 .header .digit .value { font-size: 33px; line-height: 37px; }
.T2646 .header .digit .subtext { font-size: 11px; line-height: 1.4; }
.T2646 .header .text { margin-left: 20px; width: calc( 100% - 80px - 20px); order: 3; }
.T2646 .header .text h3 { font-size: 19px; line-height: 1.1; }
.T2646 .header .text h1 { font-size: 28px; line-height: 1.1; }
.T2646 .header .text h2 { font-size: 13px; line-height: 1.1; }
.T2646 .wrapper { margin-left: 20px;margin-right: 20px;  }
.off.T2646 .wrapper { margin: 0 5%; width: 90%; }
#cart.checkout { width: auto; margin: 0 15px; }
.T2646 .show-result-timetable { margin-top: 15px; }
.adresse { float: none; width: 100%; margin-top: 30px; }
.terms { float: none; width: 100%; }
.T2646 .booking .subclasses { width: 150%; }
.T2646 .booking .subclass .subclass-price {
width: 26% !important;
padding-right: 2%;
}
.T4438 .maxwidth { width: 100% !important; }
}
.reserva-datepicker {
display: none;z-index: 1001;position: absolute;left: 0px;top: 28px;min-width: 500px;padding: 20px;background: white;
box-shadow: 3px 3px 3px rgba(0,0,0,0.1);transition: margin 0.2s ease-out;-webkit-transition: margin 0.2s ease-out;}
.off .reserva-datepicker.shifted {
margin-left: -40px;transition: margin 0.2s ease-out;-webkit-transition: margin 0.2s ease-out;}
.reserva-datepicker-tooltip {
z-index: 71;position: absolute;padding: 2px 8px;border: 1px solid black;background: black;color: #fff;font-weight: bold;font-size: 14px;display: none;}
.reserva-datepicker_display {
}
.reserva-datepicker .ui-datepicker {
width: 100% !important;margin: 10px auto 0px auto;font-size: 16px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#body #page .reserva-datepicker .ui-datepicker td { border-width: 0px; }
#body #page .reserva-datepicker .ui-datepicker a { color: #000;	}
#body #page .reserva-datepicker .ui-datepicker a:hover { text-decoration: none;	}
.reserva-datepicker .ui-datepicker-group { float: left; margin: 0px 35px 0px 0px; }
.reserva-datepicker .ui-datepicker-group-last { margin-right: 0px; }
.reserva-datepicker .ui-datepicker-row-break { clear: left; }
.reserva-datepicker .ui-datepicker-inline { width: auto; }
.reserva-datepicker .ui-datepicker-multi-2 .ui-datepicker-group {
width: auto;}
.reserva-datepicker .day_past, .reserva-datepicker .day_past a { text-decoration:line-through; color: #bbb; }
.reserva-datepicker .ui-datepicker-calendar td { text-align: center; }
.reserva-datepicker .ui-datepicker-calendar { width: 100%; border-collapse: collapse;  }
.reserva-datepicker .ui-datepicker-calendar th { color: #999; font-weight: normal; padding-bottom: 10px; font-size: 12px; }
.reserva-datepicker .ui-datepicker-calendar td { padding: 6px 8px 6px 8px; cursor: pointer; }
.reserva-datepicker td.ui-datepicker-week-col { font-size: 11px; color: #999; padding-right: 16px; }
.reserva-datepicker .ui-datepicker td.ui-datepicker-unselectable span {  }
.reserva-datepicker .ui-datepicker .ui-datepicker-other-month { background: none;  }
#body #page .reserva-datepicker .ui-datepicker td.ui-datepicker-today { border: 1px solid #444; }
#body #page .reserva-datepicker .ui-datepicker td.ui-datepicker-today a { color: #444;  }
.reserva-datepicker .ui-state-default { color: #333; text-decoration: none;  }
.reserva-datepicker .ui-state-highlight { color: #000; }
.reserva-datepicker .ui-state-highlight,.reserva-datepicker .ui-widget-content .ui-state-highlight{ background: none; }
.reserva-datepicker .ui-state-disabled { cursor: default; color: #bbb; }
.reserva-datepicker .ui-state-disabled .ui-state-default { color: #bbb; }
#body #page .reserva-datepicker .ui-datepicker td.selected { background-color: #B1CBA9;  }
#body #page .reserva-datepicker.selecting .ui-datepicker td.selected { background-color: #238C00;  }
#body #page .reserva-datepicker.selecting .ui-datepicker td.selected a { color: #fff; }
#body #page .reserva-datepicker .ui-datepicker-current-day:not(.ui-datepicker-today) { background-color: #B1CBA9;  }
.reserva-datepicker .invalid_nightscount { background-color: #bbb !important;  }
.reserva-datepicker .invalid_nightscount a { color: #fff; }

.reserva-datepicker .available { }
#body #page .reserva-datepicker .unavailable a { color: #bbb; }
#body #page .reserva-datepicker .unavailable.invalid_nightscount a { color: #fff; }
#body #page .reserva-datedisplay .unavailable a { color: red; }
#body #page .reserva-datedisplay .unavailable.invalid_nightscount a { color: orange; }

.reserva-datepicker .ui-datepicker-title {
text-align: center;margin-bottom: 15px;margin-left: 20px;color: #333;}
.reserva-datepicker .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
cursor: pointer;font-size: 13px;color: #fff;background-color: #aaa;padding: 3px 9px 2px 9px;}
.reserva-datepicker .ui-datepicker {
background: #fff;}
.ui-datepicker .ui-datepicker-prev { float: left; margin: -2px 0px -2px 0px; }
.ui-datepicker .ui-datepicker-next { float: right; margin: -2px 0px -2px 0px; }
.ui-datepicker .ui-datepicker-prev:hover { background-color: #777; }
.ui-datepicker .ui-datepicker-next:hover { background-color: #777; }
.ui-datepicker .ui-datepicker-prev.ui-state-disabled { background-color: #ddd; color: #eee; }
.ui-datepicker .ui-datepicker-next.ui-state-disabled { background-color: #ddd; color: #eee; }

.reserva-datepicker .ui-datepicker td.active a, .ui-datepicker a.ui-state-active, .ui-datepicker td.active span{ background: none; }
.reserva-datepicker .ui-datepicker td.ui-datepicker-unselectable span { background: none; }.datepicker-controls { margin-bottom: 18px; color: #444; font-size: 15px; line-height: 16px; color: #444; }
.datepicker-controls .modes { font-size: 0px; margin-right: 20px; cursor: pointer; }
.datepicker-controls .mode { font-size: 15px; display: inline-block; border: 1px solid #bbb; padding: 3px 10px 3px 10px; margin-right: -1px; }
.datepicker-controls .on { background-color: #777; border-color: #777;color: #fff; }
.datepicker-controls .word {
display: inline-block;
margin: 0px 6px 0px 6px;
}
.datepicker-controls select {
-webkit-appearance: none;
-moz-appearance: none;
display: inline-block;
border: 1px solid #bbb;
border-radius: 0px;
margin: 0px;
padding: 3px 10px;
font-size: 15px;
line-height: 16px;
color: #444;
font-family: 'Source Sans Pro', sans-serif;
}
.datepicker-controls input {
-webkit-appearance: none;
-moz-appearance: none;
display: inline-block;
width: 75px;
text-align: center;
border: 1px solid #bbb;
border-radius: 0px;
min-height: 15px;
padding: 1px 10px 2px 10px;
margin: 0px 0px 0px 0px;
font-size: 15px;
line-height: 16px;
color: #444;
font-family: 'Source Sans Pro', sans-serif;
width: 90px;
height: 23px;
box-sizing: content-box;
}
.datepicker-controls input {
pointer-events: none;
border: 0px solid #bbb;
padding: 0px 0px 0px 0px;
line-height: 8px;
background: transparent;
overflow: visible;
}
.datepicker-controls .datepicker-close { display: none; position: absolute; top: 20px; right: 20px; font-size: 20px; cursor: pointer; }

.off .selecting .datepicker-controls input.to { border: 2px solid #238C00; margin: -1px; }

.datepicker-item-info {
clear: left;
border-top: 1px solid #eee;
color: #888;
padding: 6px 0px 0px 0px;
margin-top: 12px;
font-size: 14px;
}
.datepicker-help {
clear: left;
border-top: 1px solid #eee;
color: #888;
padding: 6px 0px 0px 0px;
margin-top: 12px;
font-size: 14px;
}@media all and (min-width: 1000px) and (max-width: 1250px) {
}
@media all and (min-width: 768px) and (max-width: 999px) {
}
@media all and (min-width: 670px) and (max-width: 767px) {
.reserva-datepicker { top: 28px; }
}
@media all and (min-width: 600px) and (max-width: 669px) {
.datepicker-controls .wrapper { display: block; margin: 10px 0;  }
.reserva-datepicker .ui-datepicker {
font-size: 13px;
line-height: 1.2;
}
.reserva-datepicker { top: 28px; }
.reserva-datepicker .ui-datepicker-calendar th { font-size: 10px; }
.reserva-datepicker td.ui-datepicker-week-col { font-size: 9px; }
}
@media all and (max-width: 599px) {
.datepicker-controls select { display: inline-block; margin: 0 0 10px 0; }
.datepicker-controls .wrapper { display: inline; margin: 10px 0; }
.datepicker-controls .wrapper > .date_wrapper { display: inline-block; margin: 0 0 10px 0; }
.datepicker-controls .wrapper > .date_wrapper .word { display: inline-block;  }
.reserva-datepicker .ui-datepicker {
font-size: 13px;
line-height: 1.2;
}
.reserva-datepicker .ui-datepicker-calendar th { font-size: 10px; }
.reserva-datepicker td.ui-datepicker-week-col { font-size: 9px; }
.reserva-datepicker { top: 28px; width: 90vw; max-width: 350px; min-width: initial; }
#reserva_datepicker_display { display: block !important; margin: 0 0 10px 0 !important; }
#reserva_people_display { display: block !important; margin: 0 0 10px 0 !important; }
#menu_datepicker {
position: fixed;
top: 20px;
left: 10px;
right: 10px;
width: auto;
box-sizing: border-box;
z-index: 20000;
}
#menu_datepicker .datepicker-controls .datepicker-close { display: block; }
#off_body.datepicker-open { overflow: hidden; }
}#detail-booking .classes-result { font-size: 1rem; }

.T2646 .booking .class {
position: relative;
padding-bottom: 30px; border-bottom: 1px solid #ccc; margin-bottom: 30px; color: #555;
}
.T2646 .booking .anker {
position: relative;
top: -150px;
}
.T2646 .booking .class .stars {
position: absolute;
top: 20px; left: -10px;
background: #FDB60A;
padding: 5px 15px 7px 15px;
font-size: 12px;
line-height: 15px;
text-align: center;
z-index: 50;
color: #624701;
}
.T2646 .booking .class .stars:after {
content: "";
position: absolute;
bottom: -7px; left: 0;
border-top: 7px solid #D05607;
border-left: 10px solid transparent;
}
.T2646 .booking .class .line { margin-bottom: 10px; }
.T2646 .booking .class .info .line.tags { padding-top: 10px; border-top: 1px solid rgba(0,0,0,0.1);  padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.1); } 
.T2646 .booking .class .col { float: left;  }
.T2646 .booking .class .slider { position: relative; left: 0px; top: 0px; margin-right: 30px;border: 1px solid #ccc;  }
.T2646 .booking .class .slider:before { display: block; content: " "; width: 100%; padding-top: 66.6%; }
.T2646 .booking .class .slider .slider_inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.T2646 .booking .class .slider .arrow {
position: absolute;
top: 50%;
left: 0px;
padding: 10px 20px;
margin-top: -26px;
cursor: pointer;
background-color: rgba(0,0,0,0.4);
}
.T2646 .booking .class .slider .arrow.next { left: auto; right: 0px; }
.T2646 .booking .class .slider .arrow .arrow-inner {
width: 12px; height: 32px;
background: transparent url(//tramino.s3.amazonaws.com/s/oberstdorf/684803/ggarrows.png) no-repeat scroll 0px 0px;
}
.T2646 .booking .class .slider .arrow.next .arrow-inner { background-position: 0px -64px; }
.T2646 .booking .class .text { font-size: .881em; line-height: 1.1; }
.T2646 .booking .class .images { width: 40%;  }
.T2646 .booking .class .images .image { position: relative; left: 0px; top: 0px; background: gray; margin-right: 30px; display: block;}
.T2646 .booking .class .images .slider .image { margin-right: 0px; }
.T2646 .booking .class .images .image:before { display: block; content: " "; width: 100%; padding-top: 66.6%; }
.T2646 .booking .class .images .image > .inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; }
.T2646 .booking .class .info { width: 40%;  }
.T2646 .booking .class .info  h4 { font-size: 0.8em; line-height: 1.2; font-weight: bold; margin: 0px 0px 6px 0px; color: #888; }
.T2646 .booking .class .info  h2 { font-size: 1.7em; line-height: 1.1; margin: 0px 0px 10px 0px; color: #000;  }
.T2646 .booking .class .info .text { width: 70%; color: #000;  }
.T2646 .booking .class .info .text > .inner { margin-right: 30px;  }
.T2646 .booking .class .info .details { font-size: 0.82em; line-height: 1.2; color: #666; white-space: pre-wrap; }
.T2646 .booking .class .info .facts { width: 30%; font-size: 13px; }
.T2646 .booking .class .tags { -webkit-column-count: 3; -moz-column-count: 3;  column-count: 3; -webkit-column-gap: 10px; -moz-column-gap: 20px; column-gap: 20px;  }
.T2646 .booking .class .tags { margin-top: 15px; font-size: 0.72em; color: #777; line-height: 1.2; }
.T2646 .booking .class .tags .tag { text-indent: -16px; padding-left: 16px; page-break-inside: avoid; }
.T2646 .booking .class .book { width: 20%; text-align: right; }
.T2646 .booking .class .book > .inner { margin-left: 25px; }
.T2646 .booking .class .discount { margin: 0px 0px 7px 0px; }
.T2646 .booking .class .discount del { color: #f00; }
.T2646 .booking .class .book .price {
position: relative;
margin: 0px 0px 0px 0px;
padding: 12px 15px 15px 15px;
font-size: 2em;
line-height: 1.2;
font-weight: bold;
letter-spacing: 0px;
text-align: center;
color: white;
background-color: rgba(0,0,0,0.4);
}
.T2646 .booking .class .book .price .preis-ab { font-size: 20px; font-style: normal;}
.T2646 .booking .class .book .price p { 
margin: 0 0 5px 0;
font-size: 15px;
line-height: 1.1;
}
.T2646 .booking .class .book .price .digits { display: inline-block; }
.T2646 .booking .class .book .price .currency { display: inline-block; font-size: 16px; font-weight: 400; font-size: 15px; margin-left: 0px; margin-right: -15px; }
.T2646 .booking .class .book .price .missing { display: block; font-size: 0.55em; line-height: 1.3; text-align: right; margin-bottom: 10px; }
.T2646 .booking .class .book .price .discount { margin: 0 0 -5px 0; font-size: 15px !important; line-height: 1.1; }
.T2646 .booking .class .book .price .discount del { display: block; color: #f00; font-size: 18px !important; text-decoration: line-through; }
.T2646 .booking .class .book .price .discount .digits { display: inline; }
.T2646 .booking .class .book .price .discount .currency { font-size: 14px; margin-left: 5px; }
.T2646 .booking .class .book .price .discount_popup {
font-size: 16px;
cursor: pointer;
font-family: serif;
font-style: oblique;
padding: 2px 8px 2px 5px;
background-color: #fff;
color: #000;
position: absolute;
border-radius: 0px 10px 10px 0px;
bottom: 43%;
left: 0px;
}
.T2646 .booking .class .book .price .discount_popup:before {
content: 'i';
}
.T2646 .booking .class .book .price .discount_details {
position: absolute;
right: 100%;
top: 0px;
width: 200%;
background-color: #fff;
color: #000;
padding: 5px 15px;
min-height: 100%;
box-shadow: -10px 0px 20px rgba(0,0,0,0.1);		
}
.T2646 .booking .subclass-price .discount_popup {
font-size: 16px;
cursor: pointer;
font-family: serif;
font-style: oblique;
padding: 2px 8px 2px 5px;
background-color: #fff;
color: #000;
position: absolute;
border-radius: 10px;
bottom: 43%;
left: 0px;
}
.T2646 .booking .subclass-price .discount_popup:before {
content: 'i';
}
.T2646 .booking .subclass-price .discount_details {
position: absolute;
right: 100%;
top: 0px;
width: 200%;
background-color: #fff;
color: #000;
padding: 5px 15px;
min-height: 100%;
box-shadow: -10px 0px 20px rgba(0,0,0,0.1);		
}
.T2646 .discount_details table {
width: 100%;
border-collapse: collapse;
}
.T2646 .discount_details table td {
font-weight: normal;
font-size: 12px;
color: #666;
width: 50%;
padding: 4px 7px 4px 0px;
border-top: 1px solid #eee;	
text-align: left;
vertical-align: top;
}
.T2646 .discount_details table tr td:first-child {
font-weight: bold;
font-size: 13px;
width: 40%;
color: #000;
}
.T2646 .discount_details table tr td:last-child {
text-align: right;
font-weight: bold;
font-size: 13px;
padding-right: 0px;
padding-left: 15px;
width: 10%;
color: #c33;
}
.T2646 .discount_details table tr:first-child td {
border-top: 0px solid #000;
}
.T2646 .discount_details table tr:first-child td:last-child {
color: #000;
}
.T2646 .discount_details table tr:last-child td:last-child {
color: #393;
border-top: 1px solid #000;
}
.T2646 .booking .class .book .button {
text-align: center;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
font-size: 0.9em;
position: relative;
top: -15px;
padding: 5px 23px; ;
color: #fff;
background-color: #BD2631;
cursor: pointer;
}
.T2646 .booking .class .book .button-inquiry {
color: #fff;
background-color: #777;
}
.T2646 .booking .class .book .button.button-more {	background-color: #444; }
.T2646 .booking .class .book .text { font-size: 0.9em; color: #666; margin-bottom: 5px; }
.T2646 .booking .class .book .reset-item {  padding: 5px 10px; color: #fff !important; background-color: #777; margin-right: 20px;  }
.T2646 .booking .class .book .reset-item:hover {  text-decoration: none !important;  }
.T2646 .booking .class.focus { background-color: rgba(255,255,255,0.4); padding-bottom: 0px; }
.T2646 .booking .class.focus .col.info { padding-top: 20px; }
.T2646 .booking .class.focus .col.book { padding-top: 30px;  }

.item-occupied-show-button {
background-color: rgba(0,0,0,0.1);
padding: 10px 30px;
text-align: right;
cursor: pointer; 
margin-bottom: 40px;
}

.booking-options {
margin: 5px 0px 10px 0px;
font-size: 14px;
}
.T2646 .booking .class .book .booking-options select { width: 100%; margin: 5px 0 0 0; }

.T2646 .booking .subclasses { margin-top: 15px; margin-bottom: 10px; margin-right: 0px; display: none; padding-top: 10px; border-top: 1px solid rgba(0,0,0,0.1); }
.T2646 .booking .subclass {
margin-bottom: 7px;
padding-bottom: 7px;
text-align: left;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.T2646 .booking .subclass .name { float: left; width: 52%; font-weight: bold; }
.T2646 .booking .subclass .name .subclass-info { font-weight: normal; }
.T2646 .booking .subclass .name .subclass-info a { 
font-size: 12px;
background-color: #aaa; color: #fff;
border-radius: 10px;
padding: 0px 5px;
text-decoration: none;
}
.T2646 .booking .subclass .subclass-discount { margin: 0px 0px 7px 0px; }
.T2646 .booking .subclass .subclass-discount del { color: #f00; }
.T2646 .booking .subclass .subclass-price { position: relative; float: left; width: 28%; font-size: 12px; text-align: right; }
.T2646 .booking .subclass .subclass-price .subclass-facts { font-size: 10px; line-height: 12px; }
.T2646 .booking .subclass .subclass-price .subclass-amount { color: #000; font-weight: bold; font-size: 18px; margin-bottom: 3px; }
.T2646 .booking .subclass .subclass-action { float: left; width: 20%; text-align: right; }
.T2646 .booking .subclasses .button-subclass {
cursor: pointer;
text-align: center;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
padding: 2px 15px;
color: #fff;
background-color: #BD2631;
}
.T2646 .booking .subclasses .button-more {
display: none;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
padding: 2px 15px;
color: #fff;
background-color: #999;
text-decoration: none;
}

.T2646 .booking .class.package .images { width: 30%; margin-left: 10%;  }

.T2646 .booking .products-result { border-top: 1px solid rgba(0,0,0,0.2); margin-top: 30px; padding-top: 30px; }
.T2646 .booking .products-result .class .images { width: 25%; margin-left: 15%;  }

.T2646 .booking .search { margin-bottom: 30px; }
.T2646 .booking .search #reserva_datepicker {}
.T2646 .booking .search .button {
display: inline-block;
background-color: #fff;
margin-right: 5px;
margin-bottom: 1px;
padding: 5px 25px 5px 25px;
cursor: pointer;
text-align: center;
font-size: 16px;
font-weight: 400;
color: #000;
box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.T2646 .booking .search .button.pulldown {
padding-right: 35px;
background-image: url(//tramino.s3.amazonaws.com/s/oberstdorf/683883/arrowdown.png);
background-repeat: no-repeat;
background-position: right 8px top -40px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.T2646 .booking .search .button.pulldown.on {
background-position: right 8px top 6px;
z-index: 1000;
position: relative;
box-shadow: none;
}
.T2646 .booking .search .button.search { padding: 0px; margin-right: 30px;  }
.T2646 .booking .search .button.search input {
background: url(//tramino.s3.amazonaws.com/s/oberstdorf/656633/icons.png) 5px -592px no-repeat;
font-family: 'Source Sans Pro', sans-serif;
padding: 3px 20px 3px 40px; border: none; font-size: 16px; color: #000;
}
.T2646 .booking .search .reset-button { color: #fff; background-color: #777; display: none; }
.T2646 .booking .search .button.on {	padding-bottom: 6px; margin-bottom: 0px; }
.T2646 .search input[type="submit"] {
-webkit-appearance: none;
display: inline-block;
background-color: #BD2631;
border: 0px !important;
margin: 0px;
margin-right: 5px;
padding: 7px 35px 6px 35px;
cursor: pointer;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}

.T2646 .notify {
padding: 60px 0px 60px 0px;
border: 1px dashed rgba(0,0,0,0.2);
margin: 20px 0px 20px 0px;
text-align: center;
}
.T2646  .notify h3 {
margin: 5px 0px;
font-weight: bold;
font-size: 25px;
line-height: 1.1;
}
.T2646  .notify a {
text-decoration: underline;
}

.T2646 .booking .class .class-timetable { width: 100%; overflow: scroll; }@media all and (min-width: 1000px) and (max-width: 1250px) {
.T2646 .booking .class .images { width: 100%; max-width: 600px; float: none; margin: 0 0 20px 0; }
.T2646 .booking .class .images .image { margin-right: 0px; }

.T2646 .booking .class .tags  { -webkit-column-count: 3; -moz-column-count: 3;  column-count: 3; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;  }
.T2646 .booking .class .info { width: 70%; }


.T2646 .booking .class .book { width: 30%; }



.T2646 .booking .class .book .price .currency { font-size: 19px; }
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T2646 .booking .class .images { width: 45%; max-width: 600px;margin: 0 0 20px 0; }
.T2646 .booking .class .images .image { margin-right: 0px; }

.T2646 .booking .class .info { width: 55%; }


.T2646 .booking .class .book { float: right; width: 30%; }

.T2646 .booking .class .tags {

-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;}


.T2646 .booking .class .book .price .currency { font-size: 18px; }
}
@media all and (max-width: 767px) {
.T2646 .booking .class .slider { margin-right: 0px; }
.T2646 .booking .class .images { width: 100% !important; float: none; margin: 0px 0px 20px 0px !important; }
.T2646 .booking .class .images .image { margin-right: 0px; }

.T2646 .booking .class .info { width: 70%; }


.T2646 .booking .class .info { box-sizing: border-box; padding-right: 15px; }
.T2646 .booking .class .info .text { float: none; width: 100%; }
.T2646 .booking .class .info .facts { float: none; width: 100%; margin-top: 10px; }
.T2646 .booking .class .book { width: 30%; }
.T2646 .booking .class .book .text { margin-top: 7px; }
.T2646 .booking .class .tags {


column-count: 2;column-gap: 5px;}
.T2646 .booking .class .book > .inner {
margin-left: 0px;}
.T2646 .booking .class .book .price {

font-size: 1.8em;margin: 0;background-color: transparent;color: rgba(0,0,0,0.8);padding: 0 0 0px 0;white-space: nowrap;}
.T2646 .booking .class .book .price .currency {
font-size: 16px;margin: 0;}

.T2646 .booking .class .book .price .discount_popup {
font-size: 15px;width: 20px;height: 20px;bottom: 40%;left: -15px;border-radius: 50%
}
.T2646 .booking .class .book .price .discount { font-size: 12px !important; text-wrap: auto; }
.T2646 .booking .class .book .text { margin-bottom: 10px }
.T2646 .booking .class .book .price .discount_details table, .T2646 .booking .class .book .price .discount_details tbody, .T2646 .booking .class .book .price .discount_details tr, .T2646 .booking .class .book .price .discount_details td {
display: block;width: 100% !important;}
.T2646 .booking .class .book .price .discount_details {
padding: 5px !important;margin-right: 10px;}
.T2646 .booking .class .book .price .discount_details td:empty {
display: none;}
.T2646 .booking .class .book .button {
top: 0px;padding: 5px 0px;width: 100%;}
.T2646 .booking .subclasses .button-subclass {
padding: 5px 0px !important;display: block;}
.T2646 .products-result .subclasses {
margin-right: -50%;}
.T2646 .booking .search .reset-button { float: left; }
.T2646 .booking .search .submit { display: block; text-align: right; }
.T2646 .search input[type="submit"] { margin-right: 0px; }
.T2646 .booking .search {
position: relative;}
.T2646 .reserva-datepicker {
position: initial;margin-top: -10px;margin-bottom: 10px;width: 100%;}
.T2646 .reserva-people-select {
position: initial;width: 100%;margin-top: -10px;margin-bottom: 10px;}
}
.reserva-people-select {
z-index: 100;
position: absolute;
left: 0px;
min-width: 610px;
background: white;
box-shadow: 1px 1px 1px gray;
display: none;
}
.reserva-people-select.backend {
position: static;
display: block;
}
.people-panel {
padding: 20px;
}
.people-panel select {

font-size: 12px;
margin: 2px;
width: 110px;
}
.people-panel select.rooms { width: 120px; }
.people-panel select.room-type { width: 120px; }
.people-panel select.room-adults { width: 120px; }
.people-panel select.room-childage { width: 100px; }
.people-group {
margin-top: 5px;
padding-left: 30px;
padding-top: 5px;
border-top: 1px solid rgba(0,0,0,0.1);
}
.people-panel .room-adults, .people-panel .room-type {
font-weight: bold;
}@media all and (min-width: 1000px) and (max-width: 1250px) {
}
@media all and (min-width: 768px) and (max-width: 999px) {
}
@media all and (min-width: 670px) and (max-width: 767px) {
.reserva-people-select { top: 28px; }
}
@media all and (min-width: 600px) and (max-width: 669px) {
.reserva-people-select { top: 28px; }
}
@media all and (max-width: 599px) {
.reserva-people-select { top: 69px; width: 240px; min-width: initial; }
}.T2646 .gallery  a { position: relative; display: block; }
.T2646 .gallery  a.hide { display: none; }
.T2646 .gallery .large  { float: left; width: 50%; height: auto;  }
.T2646 .gallery .large h3 {
position: absolute;
bottom: 20px;
left: 0px;
background-color: rgba(0, 0, 0, 0.4);
color: #FFF;
font-size: 14px;
font-weight: normal;
}
.T2646 .gallery .large h3 span {
display: block;
margin: 5px 20px 5px 40px;
}
.T2646 .gallery .large img { width: 100%; height: auto; }
.T2646 .gallery .images { float: left; width: 50%; }
.T2646 .gallery .images a { float: left; width: 33.33%; height: auto; }
.T2646 .gallery .images img { display: block; width: 100%; height: auto; }
.T2646 .gallery a .moreimages {
position: absolute;
top: 50%;
left: 50%;
color: #FFF;
font-size: 30px;
line-height: 1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: rgba(0,0,0,0.4);
padding: 20px;
border-radius: 20px;
}@media all and (min-width: 1000px) and (max-width: 1250px) {
.T2646 .gallery a .moreimages {
font-size: 25px;
}
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T2646 .gallery .large {
width: 80%;
float: none;
}
.T2646 .gallery .images {
width: 80%;
float: none;
}
.T2646 .gallery a .moreimages {
font-size: 20px;
padding: 10px;
border-radius: 10px;
}
}
@media all and (max-width: 767px) {
.T2646 .gallery .large {
width: 100%;
float: none;
}
.T2646 .gallery .images {
width: 100%;
float: none;
}
.T2646 .gallery a .moreimages {
font-size: 20px;
padding: 10px;
border-radius: 10px;
}
}.rating-list {
min-height: 300px;}
#detail-rating-tramino .maxwidth { width: auto; max-width: none; scroll-margin-top: 30px; }
#detail-rating-tramino input[type='submit'] { background-color: #BD2631; color: #fff; font-weight: bold; font-size: 14px;cursor: pointer; text-transform: uppercase; padding: 5px 30px; border: 0px solid #000 !important; }
.rating-tramino .paginator { text-align: right; margin-right: 30%; margin-top: 1px; text-transform: uppercase; font-weight: bold; font-size: 15px  }
.rating-tramino .paginator .paginator-button { visibility: hidden; cursor: pointer; padding: 0px 10px 2px 10px;margin-left: 5px; font-size: 15px; line-height: 18px; color: rgba( 0, 0, 0, 0.4 ) !important; border: 2px solid rgba( 0, 0, 0, 0.3 ); }
.rating-tramino .paginator .paginator-button:hover { border-color: rgba( 0, 0, 0, 0.5 ); color: rgba( 0, 0, 0, 0.6 ) !important; text-decoration: none !important; }
.rating-tramino .paginator .paginator-button.show { visibility: visible; }
.rating-list .rating .content {
width: 75%;float: left;padding-top: 30px;}
.rating-list .rating .content .created {
margin: 0px 0px 5px 0px;}
.rating-list .rating .content h3 {
margin: 0px 50px 8px 0px;color: #A16332;font-family: 'Sorts Mill Goudy', serif;font-size: 2.3vw;line-height: 1.15;font-style: oblique;font-weight: normal;}
.rating-list .rating .content .text {
font-size: 17px;line-height: 1.2;margin-right: 50px;}
.rating-list .rating .content .response_group {
font-size: 13px;line-height: 1.2;margin: 20px 130px 0 0;}
.rating-list .rating .content .response_group .response {
margin-bottom: 1px;}
.rating-list .rating .content .response_group .response .info {
font-size: 12px;font-weight: bold;margin-bottom: 3px;}
.rating-list .rating .context {
width: 25%;float: left;margin-top: -20px;}
.rating-list .rating .context .stars span {
color: #A16332;}
.rating-button { margin-top: 80px;  }
.rating-button a {
text-transform: uppercase;font-weight: bold;font-size: 12px;padding: 3px 15px;text-decoration: none;border: 2px solid rgba( 0, 0, 0, 0.3 );color: rgba( 0, 0, 0, 0.4 ) !important;background-color: #BD2631; color: #fff !important; font-size: 14px;font-weight: bold; text-transform: uppercase; padding: 5px 30px; border: 0px solid #000 !important;}
.rating-button a:hover { text-decoration: none !important; border-color: rgba( 0, 0, 0, 0.5 ); color: rgba( 0, 0, 0, 0.6 ) !important; 
background-color: #000; 
color: #fff !important;}@media all and (min-width: 1000px) and (max-width: 1250px) {
.rating-button a {
padding-left: 8px;
padding-right: 8px;
}
}
@media all and (min-width: 768px) and (max-width: 999px) {
.rating-button a {
padding-left: 8px;
padding-right: 8px;
}
}
@media all and (max-width: 767px) {
.rating-list .rating .content {
width: 100%;
float: none;
padding-top: 0px;
}
.rating-list .rating .content h3 {
font-size: 6vw;
}
.rating-list .rating .content .text {
font-size: 4vw;
}
.rating-list .rating .context {
width: 100%;
float: none;
margin-top: 0px;
}
.rating-list .rating .content .response_group {
margin: 20px 0;
}
.rating-button {
float: none;
width: auto;
}
}.show-anfrage-button {
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
padding: 3px 15px;
text-decoration: none;
border: 2px solid rgba( 0, 0, 0, 0.3 );
color: rgba( 0, 0, 0, 0.4 ) !important;
background-color: transparent;
font-family: 'Source Sans Pro', sans-serif;
}
#ui-datepicker-div.anfrage-datepicker {
min-width: auto;
background-color: #FFF;

box-shadow: 0 0 2rem -0.5rem rgba(0, 0, 0, 0.5);
border-radius: 0.3rem;
}
.anfrage-datepicker .ui-datepicker-title {
font-size: 0.9rem;
text-align: center;
color: #000;
}
.anfrage-datepicker .ui-state-default {
padding: 0.1rem;
width: 1.6rem;
display: inline-block;
text-align: center;
}
.anfrage-datepicker .ui-state-highlight {
background-color: #DDD;
}
.anfrage-datepicker .ui-state-active {
background-color: #921212;
color: #FFF;
}
.anfrage-datepicker .ui-state-disabled .ui-state-default {
color: #ddd;
}.T2710 {
margin: 100px 0 0 0;
}
#rating:not(.app) {
background-color: #FFF;
padding: 20px 50px;
}
#rating .errors {
margin: 0 0 10px 0;
}
#rating .errors .error {
font-size: 12px;
background-color: #900;
color: #FFF;
padding: 2px 5px;
margin-bottom: 2px;
}
#rating:not(.app) h1 {
font-family: "Sorts Mill Goudy",serif;
font-style: italic;
font-weight: 400;
font-size: 50px;
line-height: 1.2;
margin: 0px 0px 20px 0;
}
#rating h2 {
font-size: 16px;
text-transform: uppercase;
}
#rating.app h1 { font-size: 24px; margin-top: 0; }
#rating.app h2 { font-size: 14px; margin-bottom: 0; }
#rating .infotext {
font-size: 11px; margin: 0px 0px 5px 8px; color: #999;
}
#rating:not(.app) form { padding-top: 120px; }
#rating .group {
margin: 0 0 10px 0;
}
#rating:not(.app) .group > .Widget {
float: left;
margin: 0 10px 0 0;
}
#rating .group > .Widget label {
display: block;
font-size: 12px;
}
#rating .group > .Widget select { display: block; }
#rating:not(.app) form input[type=submit] {
float: right;
border: 0px;
margin: 0px;
margin-right: 5px;
cursor: pointer;
text-align: center;
font-weight: bold;
}
#rating .clientinfo .infos {
font-size: 16px;
margin-bottom: 20px;
}
#rating .helpingtext {
font-size: 16px;
margin-bottom: 20px;
background-color: #EEE;
padding: 1px 2px;
}
.legende {
margin-top: 0;	
width: 40%;
}
.legendewrapper{
margin: 0 auto;
display: flex;
}
.legendewrapper .stars{
flex:1;
}
@media all and (min-width: 900px) and (max-width: 1279px) {
.legende {
margin-top: 0;	
width: 55%;
}
}
@media all and (min-width: 569px) and (max-width: 899px) {
.legende {
margin-top: 0;	
width: 70%;
}
}
@media all and  (max-width: 568px) {
.legende {
margin-top: 0;	
width: 80%;
}
}#detail-belegung .inner {
margin-left: 0px;
}

#body .reserva-datedisplay {
display: block !important;
position: static !important;
background: transparent;
}
.timetable-legend {
margin: 20px 0px 0px 0px;
float: right;
}
.timetable-legend .col { margin-right: 20px; float: left; font-size: 14px; line-height: 24px; }
.timetable-legend span {
display: inline-block;
float: left;
width: 20px;
height: 20px;
border-radius: 20px;
border: 2px solid #fff;
margin-right: 6px;
color: gray;
text-align: center;
font-size: 22px;
line-height: 20px;
}
.timetable-legend span.free { background-color: #585; }
.timetable-legend span.free2 { background-color: #141; }
.timetable-legend span.selected {  background-color: #dd8; }

.timetable-buttons {
float: right;
margin-right: 15px;
margin-bottom: 15px;
}
.timetable-buttons button {
cursor: pointer;
padding: 3px 10px 2px 10px;
margin-left: 5px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 13px;
line-height: 16px;
font-weight: bold;
color: rgba( 0, 0, 0, 0.4 ) !important;
border: 2px solid rgba( 0, 0, 0, 0.3 );
background-color: transparent;
}
.timetable-buttons button:disabled {
cursor: auto;
color: rgba( 0, 0, 0, 0.2 ) !important;
border: 2px solid rgba( 0, 0, 0, 0.1 );
}

.timetable-link { display: none; }
.timetable-dev-buttons { display: none; }

.reserva-table-container {
overflow: auto;
}
.reserva-table {
border: 0px solid black;
}
.reserva-table .months th {
border-bottom: 1px solid #ccc;
padding: 2px 5px;
}
.reserva-table .days th {
padding: 4px 10px;
}
.reserva-table td {
position: relative;
}

.reserva-table tbody th { text-align: left; padding-left: 15px; padding-right: 15px; color: #333; border-right: 1px solid #ccc; }
.reserva-table tbody th div { width: 200px; overflow: hidden; font-size: 15px; }
.reserva-table * {
box-sizing: border-box;
}

.reserva-table td { filter: none; }
.reserva-table tbody td { cursor: pointer; }
.reserva-table td div { min-width: 40px; min-height: 40px; }
.reserva-table tbody td.occupied {
background: 0 0 no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAABhGlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kb9LQlEUxz9qvzMakmhocJCGqCgLqa2UsEJErCCrRV/+CLQe7xkRjQ2tDg79oCWJlubaon8gCIJqiqA1GgpaIl7namBEnsu993O/95xz7z0X7AtZLWfWDUJuLW9Eg373QmzR3fhEA500A764ZuoTkUiImvZxh03Nt/0qV22/f611JWlqYGsSHtd0Iy88JRzezOuK94RdWia+Inwm3GfIBYUflJ6o8IvidJntKqfLmIsGhF3C7vQvTvxiLWPkhEeEPbnshvZzH/USZ3Jtflbp0rsxiRLEj5tpJgngY4gxGX3042VAVtSI95bjw6xLrCajzhYGq6TJkKdP1A3JnpQ5JXpSWlY8xNQf/K2tmRr2Vk5wzkD9s2W990LjIXztWtbnsWV9lcAhdbkqVuPXizD6KnqhqnmOoH0Hzi+rWuIELgrQ9ajHjXhZcki3p1LwdgptMei4gZalSt1+9indw9w2hK5h/wB6xL99+Rv6mGc1xmFV0gAAAAlwSFlzAAALEwAACxMBAJqcGAAAAPJJREFUWIXtlEFqw0AMAKct9F5ifOglH0j8B71M7M/0huAP+NJDSSgUg0tPuWypG7wFryBg0Fwsr7XWYGkNQRAEQRAEW+ahdmNK6RnYA2dV/SjkvAANMKjqd02dx1rBLPcKdCml3YLcDuhyzr62iEfwPIsPc8kcHwq5q6hucUGkz9c/a6p6qa3hEoRFyTkuOYAnz2YAM5tEZATam0duOfDN4F1wf8F/WtyKyGhmk+f9LsHCIXnnt91uyWrB/BM+zuVU9bIwk62IfJrZV00dzww2t3I/NznuC7mr8AgOwBtwWjqtee2UcwZHnSAIgiAIgg1zBZAJVcL+TAYMAAAAAElFTkSuQmCC);
}

.reserva-table .days th.weekend { background-color: rgba(0,0,0,0.07); color: #333; font-style: oblique; }
.reserva-table tbody tr td.weekend { background-color: rgba(0,0,0,0.07);  }

.reserva-table tbody tr:hover th { background-color: rgba(255,255,255,0.5); }
.reserva-table tbody tr:hover td { background-color: rgba(255,255,255,0.5); }

.reserva-table .days th.day-hover { background-color: rgba(255,255,255,0.5); }
.reserva-table tbody tr td.day-hover { background-color: rgba(255,255,255,0.5); }

.reserva-table tbody tr:hover td.day-hover { background-color: rgba(255,255,255,0.7); }

.reserva-table .selected { background-color: #dd8; }
.reserva-table tbody tr td.selected { background-color: #dd8; }
.reserva-table .days th.day-hover.selected { background-color: #dd8; }
.reserva-table td.day-hover.selected { background-color: #dd8; }
.reserva-table tbody tr:hover td.selected { background-color: #dd8;}
.reserva-table .days th.selected.weekend { background-color: #cc7; }


.reserva-table tbody td.begin div {
border-left: 20px solid #363;
border-right: 20px solid #363;
border-radius: 20px 0px 0px 20px;
}
.reserva-table tbody td.day-hover.begin div { border-color: #474; }
.reserva-table tbody tr:hover td.begin div { border-color: #474; }
.reserva-table tbody tr:hover td.day-hover.begin div { border-color: #585; }

.reserva-table tbody td.begin3 {


background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTQ0MTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(17,68,17,0) 50%, rgba(17,68,17,1) 51%, rgba(17,68,17,1) 99%, rgba(17,68,17,1) 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(17,68,17,0)), color-stop(51%,rgba(17,68,17,1)), color-stop(99%,rgba(17,68,17,1)), color-stop(100%,rgba(17,68,17,1))); 
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(17,68,17,0) 50%,rgba(17,68,17,1) 51%,rgba(17,68,17,1) 99%,rgba(17,68,17,1) 100%); 
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(17,68,17,0) 50%,rgba(17,68,17,1) 51%,rgba(17,68,17,1) 99%,rgba(17,68,17,1) 100%); 
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(17,68,17,0) 50%,rgba(17,68,17,1) 51%,rgba(17,68,17,1) 99%,rgba(17,68,17,1) 100%); 
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(17,68,17,0) 50%,rgba(17,68,17,1) 51%,rgba(17,68,17,1) 99%,rgba(17,68,17,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#114411',GradientType=1 ); 
}
.reserva-table tbody td.begin3 div {
border-left: 20px solid #363;
border-right: 20px solid #363;
border-radius: 20px 20px 20px 20px;
}
.reserva-table tbody td.begin3.selected, .reserva-table tbody tr:hover td.begin3.selected {

background: rgb(221,221,136); 

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGQ4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RkZGQ4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left, rgba(221,221,136,1) 0%, rgba(221,221,136,1) 50%, rgba(17,68,17,1) 50%, rgba(17,68,17,1) 99%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(221,221,136,1)), color-stop(50%,rgba(221,221,136,1)), color-stop(50%,rgba(17,68,17,1)), color-stop(99%,rgba(17,68,17,1))); 
background: -webkit-linear-gradient(left, rgba(221,221,136,1) 0%,rgba(221,221,136,1) 50%,rgba(17,68,17,1) 50%,rgba(17,68,17,1) 99%); 
background: -o-linear-gradient(left, rgba(221,221,136,1) 0%,rgba(221,221,136,1) 50%,rgba(17,68,17,1) 50%,rgba(17,68,17,1) 99%); 
background: -ms-linear-gradient(left, rgba(221,221,136,1) 0%,rgba(221,221,136,1) 50%,rgba(17,68,17,1) 50%,rgba(17,68,17,1) 99%); 
background: linear-gradient(to right, rgba(221,221,136,1) 0%,rgba(221,221,136,1) 50%,rgba(17,68,17,1) 50%,rgba(17,68,17,1) 99%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddd88', endColorstr='#114411',GradientType=1 ); 
}
.reserva-table tbody td.day-hover.begin3 div { border-color: #474; }
.reserva-table tbody tr:hover td.begin3 div { border-color: #474; }
.reserva-table tbody tr:hover td.begin3.day-hover div { border-color: #585; }

.reserva-table tbody tr td.begin2 { background: #141; }
.reserva-table tbody tr:hover td.begin2.day-hover { background: #141; }
.reserva-table tbody td.begin2 div {
border-left: 20px solid #363;
border-right: 20px solid #363;
border-radius: 20px 0px 0px 20px;
}
.reserva-table tbody td.day-hover.begin2 div {
border-left: 20px solid #474;
border-right: 20px solid #474;
border-radius: 20px 0px 0px 20px;
}
.reserva-table tbody tr:hover td.begin2 div { border-color: #474 }
.reserva-table tbody tr:hover td.begin2.day-hover div { border-color: #585 }

.reserva-table tbody tr td.begin4 { background: #141; }
.reserva-table tbody tr td.begin4.day-hover { background: #141; }
.reserva-table tbody tr:hover td.begin4 { background: #141; }
.reserva-table tbody tr td.begin4 div { border-left: 20px solid #363; border-right: 20px solid #363; border-radius: 20px 20px; }
.reserva-table tbody tr:hover td.begin4 div { border-color: #474; }
.reserva-table tbody tr:hover td.begin4.day-hover div { border-color: #585; }
.reserva-table tbody td.end div {
border-top: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #363;
}
.reserva-table tbody td.end2 div {
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #141;
border-right: 20px solid transparent;
}

.reserva-table tbody tr td.free-avail { background: #363; }
.reserva-table tbody tr:hover td.free-avail { background: #474; }
.reserva-table tbody tr td.day-hover.free-avail { background: #474;	}
.reserva-table tbody tr:hover td.day-hover.free-avail { background: #585; }

.reserva-table tbody tr td.part2 { background: #141; }
.reserva-table tbody tr:hover td.part2 { background: #141; }
.reserva-table tbody tr td.part2.day-hover { background: #141; }
.reserva-table tbody tr:hover td.day-hover.part2 { background: #141; }
.reserva-table tbody tr td.step {
background: #363;
}
.reserva-table tbody td.step div {
border-top: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #575;
border-radius: 20px;
}

.reserva-table td.close2 div { border-left: 20px solid #363; border-right: 20px solid #363; border-radius: 0px 20px 20px 0px; }
.reserva-table tbody tr td.close2 { background: #141; }
.reserva-table tbody tr td.close2.day-hover { background: #141; }
.reserva-table tbody tr:hover td.close2 { background: #141; }
.reserva-table tbody tr td.close2.day-hover div { border-color: #474; }
.reserva-table tbody tr:hover td.close2 div { border-color: #474; }
.reserva-table tbody tr:hover td.close2.day-hover div { border-color: #585; }

.reserva-table .months th { border-right: 1px solid #ccc; border-top: 1px solid #ccc; }
.reserva-table .days th { border-right: 1px solid #ccc; }
.reserva-table th { border-bottom: 1px solid #ccc; font-weight: normal; }
.reserva-table td { border-bottom: 1px solid #ccc; }
.reserva-timetable-tooltip {
z-index: 71;
position: absolute;
padding: 2px 8px;
border: 1px solid black;
background: black;
color: #fff;
font-weight: bold;
font-size: 14px;
display: none;
}
.reserva-table .selection.selection-valid span { background: orange; }
.reserva-table .selection.selection-invalid span { background: red; }
.reserva-timetable-tooltip .selection-valid { color: orange; }
.reserva-timetable-tooltip .selection-invalid { color: red; }

.reserva-table .selection span {
display: block;
position: absolute;
top: 10px; left: 0px;
width: 100%;
height: 50%;
opacity: 0.75;
}
.reserva-table .selection-valid span {
background: orange;
}
.reserva-table .selection-invalid span {
background: red;
}
.reserva-table .select-start span {
left: 12px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.reserva-table .select-part span {
}
.reserva-table .select-end span {
width: 70%;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
#detail-belegung { font-size: 15px; }
.reserva-table tbody th div { font-size: 14px; }
.reserva-table td div { min-width: 38px; min-height: 38px; }
.reserva-table tbody td.end2 div {
border-top: 19px solid transparent;
border-bottom: 19px solid transparent;
border-left: 19px solid #141;
border-right: 19px solid transparent;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
#detail-belegung { font-size: 14px; }
.reserva-table tbody th div { font-size: 13px; width: 150px; }
.reserva-table td div { min-width: 32px; min-height: 32px; font-size: 14px; }
.reserva-table tbody td.end2 div {
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 16px solid #141;
border-right: 16px solid transparent;
}
.timetable-legend span {
width: 17px;
height: 17px;
font-size: 17px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
#detail-belegung { font-size: 13px; }
.timetable-buttons button { font-size: 12px; }
.reserva-table tbody th div { font-size: 12px; width: 130px; }
.reserva-table td div { min-width: 25px; min-height: 25px; font-size: 12px; }
.reserva-table tbody td.end2 div {
border-top: 12.5px solid transparent;
border-bottom: 12.5px solid transparent;
border-left: 12.5px solid #141;
border-right: 12.5px solid transparent;
}
.timetable-legend .col {
font-size: 12px;
line-height: 20px;
}
.timetable-legend span {
width: 16px;
height: 16px;
font-size: 16px;
}
}
@media all and (max-width: 567px) {
#detail-belegung { font-size: 12px; }
.timetable-buttons button { font-size: 11px; }
.reserva-table tbody th div { font-size: 12px; width: 120px; }
.reserva-table td div { min-width: 20px; min-height: 20px; font-size: 11px; }
.reserva-table tbody td.end2 div {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #141;
border-right: 10px solid transparent;
}
.timetable-legend .col {
font-size: 12px;
line-height: 20px;
}
.timetable-legend span {
width: 15px;
height: 15px;
font-size: 15px;
}
}

.reserva-table-container {
overflow: auto;
}
.reserva-table-year {
border: 0px solid black;
}

.reserva-table-year thead th {
font-size: 14px;
padding: 0 0 3px 0;
color: #666;
}
.reserva-table-year tbody th {
font-size: 14px;
text-align: right;
padding: 0 15px 0 15px;
color: #333;
min-width: 75px;
}
.reserva-table-year * {
box-sizing: border-box;
}
.reserva-table-year td {
position: relative;
}
.reserva-table-year td div {
min-width: 28px;
min-height: 28px;
}
.reserva-table-year td.selected {
background: #ffa;
}
.reserva-table-year tbody td.begin div {
border-left: 14px solid #363;
border-right: 14px solid #363;
border-radius: 14px 0px 0px 14px;
}
.reserva-table-year td {
filter: none;
position: relative;
}
.reserva-table-year td.weekend b {
display: block;
position: absolute;
top: 0px;
left: 0;
padding-top: 8px;
width: 100%;
height: 100%;
color: rgba(255, 255, 255, 0.3);
font-size: 8pt;
text-align: center;
font-weight: normal;
background: rgba(255, 255, 255, 0.07);
}
.reserva-table-year td.sunday b {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.reserva-table-year tr.break td {
height: 15px;
border-left: 0;
border-right: 0 !important;
}
.reserva-table-year tbody td.begin3 {

background: #ffffff;


background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left, #c4c4c4 0%, #c4c4c4 50%, #114411 50%, #114411 99%);

background: -webkit-gradient(linear, left top, right top, color-stop(0%, #c4c4c4), color-stop(50%, #c4c4c4), color-stop(50%, #114411), color-stop(99%, #114411));

background: -webkit-linear-gradient(left, #c4c4c4 0%, #c4c4c4 50%, #114411 50%, #114411 99%);

background: -o-linear-gradient(left, #c4c4c4 0%, #c4c4c4 50%, #114411 50%, #114411 99%);

background: -ms-linear-gradient(left, #c4c4c4 0%, #c4c4c4 50%, #114411 50%, #114411 99%);

background: linear-gradient(to right, #c4c4c4 0%, #c4c4c4 50%, #114411 50%, #114411 99%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#114411', GradientType=1);

}
.reserva-table-year tbody td.begin3 div {
border-left: 14px solid #363;
border-right: 14px solid #363;
border-radius: 14px 14px 14px 14px;
}
.reserva-table-year tbody td.begin3.selected {

background: #ffffaa;


background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzExNDQxMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left, #ffffaa 0%, #ffffaa 50%, #114411 50%, #114411 99%);

background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffaa), color-stop(50%, #ffffaa), color-stop(50%, #114411), color-stop(99%, #114411));

background: -webkit-linear-gradient(left, #ffffaa 0%, #ffffaa 50%, #114411 50%, #114411 99%);

background: -o-linear-gradient(left, #ffffaa 0%, #ffffaa 50%, #114411 50%, #114411 99%);

background: -ms-linear-gradient(left, #ffffaa 0%, #ffffaa 50%, #114411 50%, #114411 99%);

background: linear-gradient(to right, #ffffaa 0%, #ffffaa 50%, #114411 50%, #114411 99%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffaa', endColorstr='#114411', GradientType=1);

}
.reserva-table-year tbody td.day-hover.begin div {
border-color: #474;
}
.reserva-table-year tbody tr:hover td.day-hover.begin div {
border-color: #585;
}
.reserva-table-year tbody tr td.begin2 {
background: #141;
}
.reserva-table-year tbody td.begin2 div {
border-left: 14px solid #363;
border-right: 14px solid #363;
border-radius: 14px 0px 0px 14px;
}
.reserva-table-year tbody td.day-hover.begin2 div {
border-left: 14px solid #474;
border-right: 14px solid #474;
border-radius: 14px 0px 0px 14px;
}
.reserva-table-year tbody tr:hover td.day-hover.begin2 div {
border-left: 14px solid #585;
border-right: 14px solid #585;
}
.reserva-table-year tbody tr td.begin4 {
background: #141;
}
.reserva-table-year tbody td.begin4 div {
border-left: 14px solid #363;
border-right: 14px solid #363;
border-radius: 14px 14px;
}
.reserva-table-year tbody td.end div {
border-top: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 14px solid #363;
}
.reserva-table-year tbody td.end2 div {
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 14px solid #141;
border-right: 14px solid transparent;
}
.reserva-table-year tbody tr td.free-avail {
background: #363;
}
.reserva-table-year tbody tr td.day-hover.free-avail {
background: #474;
}
.reserva-table-year tbody tr:hover td.day-hover.free-avail {
background: #585;
}
.reserva-table-year tbody tr td.part2 {
background: #141;
}
.reserva-table-year tbody tr td.step {
background: #363;
}
.reserva-table-year tbody td.step div {
border-top: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 14px solid transparent;
border-left: 14px solid #575;
border-radius: 14px;
}
.reserva-table-year tbody tr td.close2 {
background: #141;
}
.reserva-table-year td.close2 div {
border-left: 14px solid #363;
border-right: 14px solid #363;
border-radius: 0px 14px 14px 0px;
}

.reserva-table-year .months th {
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.reserva-table-year .days th {
border-right: 1px solid #ccc;
}
.reserva-table-year th {
border-bottom: 1px solid #ccc;
font-weight: normal;
}
.reserva-table-year td {
border-bottom: 1px solid #ccc;
}
.reserva-timetable-tooltip {
z-index: 71;
position: absolute;
padding: 2px 8px;
border: 1px solid black;
background: black;
color: #fff;
font-weight: bold;
font-size: 14px;
display: none;
}

.reserva-table-year .selection span {
display: block;
position: absolute;
top: 8px;
left: 0px;
width: 100%;
height: 50%;
opacity: 0.75;
}
.reserva-table-year .selection.selection-valid span {
background: orange;
}
.reserva-table-year .selection.selection-invalid span {
background: red;
}
.reserva-timetable-tooltip .selection-valid {
color: orange;
}
.reserva-timetable-tooltip .selection-invalid {
color: red;
}
.reserva-table-year .select-start span {
left: 12px;
border-top-left-radius: 14px;
border-bottom-left-radius: 14px;
}
.reserva-table-year .select-end span {
width: 70%;
border-top-right-radius: 14px;
border-bottom-right-radius: 14px;
}
.class-info {
font-size: 8pt;
}
.reserva-table-year .day:not(.open) {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABhGlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kb9LQlEUxz9qvzMakmhocJCGqCgLqa2UsEJErCCrRV/+CLQe7xkRjQ2tDg79oCWJlubaon8gCIJqiqA1GgpaIl7namBEnsu993O/95xz7z0X7AtZLWfWDUJuLW9Eg373QmzR3fhEA500A764ZuoTkUiImvZxh03Nt/0qV22/f611JWlqYGsSHtd0Iy88JRzezOuK94RdWia+Inwm3GfIBYUflJ6o8IvidJntKqfLmIsGhF3C7vQvTvxiLWPkhEeEPbnshvZzH/USZ3Jtflbp0rsxiRLEj5tpJgngY4gxGX3042VAVtSI95bjw6xLrCajzhYGq6TJkKdP1A3JnpQ5JXpSWlY8xNQf/K2tmRr2Vk5wzkD9s2W990LjIXztWtbnsWV9lcAhdbkqVuPXizD6KnqhqnmOoH0Hzi+rWuIELgrQ9ajHjXhZcki3p1LwdgptMei4gZalSt1+9indw9w2hK5h/wB6xL99+Rv6mGc1xmFV0gAAAAlwSFlzAAALEwAACxMBAJqcGAAAANtJREFUSIntk0EKwjAQRZ8K7kXpwk0voN5hTjbkZnMG8QLduBBFEEFx5SbFIE07SMFN3moaPvOSSQqFQuHfTIYCIYQ5UANnVb1mMgtgBTSq+urrN3VsqgbWwC6EsOyQLYFdzNRDzTzCc1JvUmmsN5lsJ4MjzTQ+tBtI11T1MoowI01xyQBmXqGZPUTkDlS/ysB3h6PiPmHPSCsRuZvZYzRh5tGc+IzXLR0Uxp96m8pU9dJxp5WI3Mzs2dfPc4erb1n7EetDJvuzsAGOwL7rNca1fcw0jn6FQuHPvAFCYlXCTqeEcgAAAABJRU5ErkJggg==);
}
.reserva-table-year .month-rest {
border-left: 1px solid #ccc;
}
.reserva-table-year tbody tr td:last-child:not(.month-rest) {
border-right: 1px solid #ccc;
}
.reserva-table-year tbody td {
border-left: 1px solid #ccc;
}
.reserva-table-year td.free-avail,
.reserva-table-year td.close2 {
border-left: 1px solid #474;
}
.reserva-table-year td.part2,
.reserva-table-year td.end2,
.reserva-table-year td.begin4 {
border-left: 1px solid #252;
}

.T2646 .tags .inner .cols {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.T2646 .tags .group h6 { color: #999; margin: 10px 0px 5px 0px; text-transform: uppercase; }
.off .T2646 .tags .group {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.T2646 .tags .inner .badges {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 30px 0px 50px 0px;
border-top: 1px solid rgba(0,0,0,0.1);
padding-top: 20px;
}
.T2646 .tags .inner .badge { width: 100%; margin: 0px 0px 30px 0px; font-size: 13px;  display: flex;  }
.T2646 .tags .inner .badge .Bild { width: 80px; margin-right: 20px; flex-shrink: 0; flex-grow: 0; }
.T2646 .tags .inner .badge .Bild img { width: 100%; height: auto; }
.T2646 .tags .inner .badge .text { margin: 0px 20px 0px 0; font-size: 13px; line-height: 1.3; }
.T2646 .tags .inner .badge .text h4 { font-size: 14px; margin: 0px 0px 5px 0px; color: #000; }
.T2646 .tags .inner .badge .text a { text-decoration: underline; color: #000 !important; }
@media (min-width: 567px) {
}
@media (min-width: 768px) {
.T2646 .tags .inner .badge { width: 49%;  }
.T2646 .tags .inner .badge .Bild { width: 100px; }
}
@media (min-width: 1024px) {
.T2646 .tags .inner .badge { width: 32%; }
.T2646 .tags .inner .badge .Bild { width: 120px; }
}
@media (min-width: 1280px) {
}
@media all and (min-width: 1200px) and (max-width: 1500px) {
.T2646 .tags .inner .cols {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
}
@media all and (max-width: 1200px) {
.T2646 .tags .inner .cols {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
}.T2838 .bilder {
position: relative;	
display: flex;}
.T2838 .bilder .element {
display: block;position: relative;width: 33.3333%;flex-grow: 0;flex-shrink: 0;overflow: hidden;}
.T2838 .bilder .element picture {
width: 100%;height:  auto;}
.T2838 .bilder .element picture img {
width: 100%;height:  auto;aspect-ratio:  4 / 3;object-fit: cover;}
.T2838 .bilder .element .caption {
position: absolute;bottom: -50px;left: 0px;right: 0px;background-color: rgba(0,0,0,0.6);padding: 10px 0;text-align: center;color: #FFF;transition: bottom 150ms;display: block;}
.T2838 .bilder .element:hover > .inner .caption {
bottom: 0px;transition: bottom 200ms;}@media all and (max-width: 767px) {
.T2904 a { width: 22.5%; margin: 0 3% 3% 0;}
.T2904 a img { width: 100%; height: auto; }
}
.T2862 {
width: 100%;
background-color: transparent !important;
position: relative; 
}
.T2862.maxwidth {
width: 1240px;
margin-left: auto;
margin-right: auto;
}
.T2862 .motiv {
width: 100%;
overflow: hidden;
position: relative;
z-index: -1;
}
.T2862 .motiv picture {
width: 100%;
height: auto;
object-fit: cover;
border: 0px;
}
.T2862 .motiv img {
display: block; 
width: 100%;
height: auto;
object-fit: cover;
border: 0px;
}
.T2862 .text {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 60%;	
background-color: rgba(0,0,0,0.4);
color: #fff;
pointer-events: var(--pointer, auto);
}
.T2862 .text p {
margin: 0.2rem 0 0 0;
}
.T2862 .inner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width:80%;
padding: 60px 40px; 
color: #fff;
text-align: center;
}
.T2862 .inner h1 {
font-weight: normal;
line-height: 1.1;
text-align: center;
margin: 0px 30px 15px 30px !important;
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4);
}
.T2862 .logo {
position: absolute;
z-index: 1000;
left: 0px;
top: 3vw;
width: 10vw;
max-width: 150px;
}
.T2862 .logo img { width: 100%; height: auto; }
.T2862 #pattern {
}
@media all and (max-width: 950px) {
.T2862 .inner {
width: auto;
}	
}
@media all and (max-width: 767px) {
.T2862 .inner {
padding: 0;
}
#body .T2862 .inner h1 {
font-size: 5vw !important;
margin: 0px 10px 3px 10px !important;
}
#body .T2862 .inner p {
font-size: 3.5vw !important;
margin: 0px 10px 3px 10px !important;
}
.T2862.maxwidth {
width: auto;
margin-left: 20px; margin-right: 20px;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T2862.maxwidth {
width: auto;
margin-left: 20px; margin-right: 20px;
}
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T2862.maxwidth {
width: 980px;
}
}
@media (min-width: 1900px) {

}
:root {
--routenratio: 16/14;}
.T2878 .hide { display: none !important; }
.T2878 .routenplaner:after {
display: block;content: "";clear: left;}
.T2878 h3.specialfont {
margin-bottom: 25px !important;}
.T2878 .map {
background-color: #0002;text-align: center;position: relative;aspect-ratio: var(--routenratio);float: none;margin: 0 0 30px 0;}
.T2878 .map.privacy {
display: flex;justify-content: center;align-items: center;overflow: hidden;}
.T2878 .map.privacy > img {
aspect-ratio: var(--routenratio);object-fit: cover;width: 100%;height: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;filter: blur(0.15rem);}
.T2878 .map.privacy .privacy_text{
position: relative;z-index: 2;color: #FFF;font-size: 1.05rem;}
.T2878 .map iframe {
width: 100%;cursor: pointer;aspect-ratio: var(--routenratio);box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.T2878 .form {
display: flex;flex-wrap: wrap;}
.T2878 .form .row {
width: 100%;margin: 0 0 0 0;}
.T2878 .form .row.small { padding-top: 26px; }
.T2878 input[type=text] {
padding: 5px 0px !important;width: 100%;text-align: center;}
.T2878 a.send {
text-decoration: none;display: flex;justify-content: center;}
@media (min-width: 567px) {
:root {
--routenratio: 16/10;}
.T2878 .map.privacy .privacy_text { font-size: 1.1rem; }
.T2878 .form { justify-content: space-between; }
.T2878 .form .row {
width: calc( 50% - 1rem - 2.5rem);}
.T2878 .form .row.small {
width: 5rem;}
.T2878 a.send { height: 100%; align-items: center; }
}
@media (min-width: 768px) {
:root {
--routenratio: 16/8;}
.T2878 .map.privacy .privacy_text { font-size: 1.2rem; }
}
@media (min-width: 1024px) {
:root {
--routenratio: 16/5;}
}
header .header {
margin: 0px;
background-color: rgba(255,255,255,1);	
height: 110px;
}

header .header.pattern:after {
-webkit-transition: background 250ms;
-moz-transition: background 250ms;
transition: background 250ms;
}
header.T2883.S4783 .header.pattern.navopen:after { 
background-position: top left, top left;
background-size: auto 110px, auto auto;
-webkit-transition: background 500ms;
-moz-transition: background 500ms;
transition: background 500ms;
}
header .header .maxwidth { position: relative; z-index: 100; height: 110px; }
header .header .logo {
width: 250px;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
}
header .header .logo img { width: 250px; height:auto; }
header .header #logo2 { display: none }
header .header .slogan {
margin: 30px 0px 0px 50px;
color: rgba(0, 0, 0, 0.3);
float: left !important;
}
header .header .top {
height: 63px;
}
header .header .top:after { display: block; content: ""; clear: both; }
header .header .bottomwrapper {
float: right;
max-height: 20px;
}
header .header .tel {
position: static;
color: rgba(0,0,0,0.5);
}
header .header .tel .digits { 
font-weight: bold;
color: #000;
} 
header .header .tel .digits a { text-decoration: none; color: #000; }
header .header #tel_link { position: absolute; right: 120px; top: 21px; } 
header .header.hide_sum #tel_link { position: absolute; right: 75px; top: 21px; } 
header #free_link { position: absolute; right: 90px; top: 23px; } 
header .header.hide_sum #free_link { top: 20px; right: 40px; }
header #free_link a, header #tel_link a { text-decoration: none; font-size: 25px; color: #000; } 
header.scrolled #free_link a, header.scrolled #tel_link a { color: var(--signal_color, #000); }
header.scrolled #cart-sum .counter { background-color: var(--signal_color, #000); color: #fff; }

header .header .search {
padding-left: 300px;
padding-top: 22px;
}
header .header .button2 {
display: inline-block;
background-color: #fff;
padding: 4px 15px 4px 15px;
margin-right: 5px;
cursor: pointer;
text-align: center;
font-size: 15px;
font-weight: 400;
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
header .header .button2.pulldown {
padding-right: 33px;
background-image: url(https://tramino.s3.amazonaws.com/s/root/719247/arrowdown.png);
background-repeat: no-repeat;
background-position: right 8px top -41px;
}
header .header .search .button2.pulldown.on {
background-position: right 8px top 6px;
border: none;
background-color: #fff !important;
position: relative;
box-shadow: none;
z-index: 100;
}
header .header input[type="submit"] {
display: inline-block;
border: 0px;
margin: 0px;
background-color: var(--signal_color,#BF2A00);
padding: 4px 20px 4px 20px !important;
cursor: pointer;
text-align: center;
font-size: 13px;
line-height: 20px;	
font-weight: bold;
color: var(--signal_color_negativ,#FFFFFF);
text-transform: uppercase;
}
header .header input[type="button"] {
display: inline-block;
border: 0px;
margin: 0px;
margin-left: 3px;
background-color: var(--signal_color,#BF2A00);
padding: 4px 20px 4px 20px !important;
cursor: pointer;
text-align: center;
font-size: 13px;
line-height: 20px;	
font-weight: bold;
color: var(--signal_color_negativ,#FFFFFF);
text-transform: uppercase;
}
header .header.sticky {
position: fixed !important;
top: 0; left: 0; right: 0;
z-index: 52;
box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
header .header .button_wrapper { display: inline; }
#pattern1 {
}
header .breaking_news {	
background-color: var(--breaking-news-bg-color, #ff3); 
}
header .breaking_news .maxwidth {
color: var(--breaking-news-color, #333333); 
font-weight: bold;
padding: 4px 0px 4px 0px;
}
@media (min-width:768px) {
header .breaking_news .maxwidth { padding-left: 130px; }
}
@media (min-width:1024px) {
header .breaking_news .maxwidth { padding-left: 230px; }
}
@media (min-width:1280px) {
header .breaking_news .maxwidth { padding-left: 300px; }
}
#pattern2 {
z-index: -1;
position: relative;
}
#button {
position: fixed;
right: 0px;
bottom: 15%;
z-index: 1000;
}
header .nav_breadcrumb {
position: absolute;
top: 100%;
left: 0px;
padding: 0.3em 1em;
background-color: #eee;
box-shadow: 3px 3px 5px rgba(10,0,0,0.1);
border-radius: 0 0em 0.4em 0.4em;
min-width: 250px;
box-shadow: inset 0px 1px 4px 0px #0002;
}
header .nav_breadcrumb ul {
margin: 0;
padding: 0;
list-style-type: none;
}
header .nav_breadcrumb ul:after { display: block; content: ""; clear: left; }
header .nav_breadcrumb ul li {
margin: 0 0.3em 0 0;
padding: 0;
float: left;
font-size: 0.8em;
line-height: 1.1;
color: rgba(0,0,0,0.7);
}
header .nav_breadcrumb ul li.home { margin-right: 0.8em; } 
header .nav_breadcrumb ul li span { display: inline-block; }
header .nav_breadcrumb ul li a { text-decoration: none; display: inline-block; color: rgba(0,0,0,0.7); }
header .nav_breadcrumb ul li .arr { display: inline-block; margin: 0 0 0 5px; }
header .searchbox_wrapper {
position: absolute;
top: 15px;
right: 0;
}
header .searchbox_wrapper input { font-size: 15px; }
header .searchbox_wrapper .searchbox {
display: flex;
align-items: center;
}
header .searchbox_wrapper .searchbox input[name="query"] { margin-right: 10px; }
header .searchbox_wrapper .searchbox input[type="submit"] { padding: 2px 20px 2px 20px !important; }
header .header .mo__leichte-sprache {
display: flex;
color: #fff !important;
text-decoration: none;
padding: 5px 10px;
align-items: center;
gap: 6px;
font-size: 15px;
}
header .quicknav  {
background: #eee;
box-shadow: inset 0px -1px 4px 0px #0001;
}
header .quicknav .maxwidth {
display: flex;
justify-content: space-between;
padding-bottom: 0.8em;
}
header .quicknav_left {
display: flex;
flex-wrap: wrap;
}
header .quicknav_right {
display: flex;
flex-wrap: wrap;
}
header .quicknav a {
text-decoration: none;
color: inherit !important;
margin-top: 0.9em;
padding: 0.3em 1em 0.3em 1em;
display: block;
white-space: nowrap;
}
header .quicknav a i {
margin-right: 0.3em;
}
header .quicknav_right a {
margin-top: 0.8em;
margin-left:  1em;
border-radius: 0.3em;
border: 1px solid #888;
}
header .quicknav_right a.prio9 {
border: 2px solid #ec6500;
color: #ec6500 !important;
}

header .quicknav_right form {
margin: 0px;
}
header .quicknav_right input {
margin: 0.8em 0 0 1em;
background: #fff;
border: 0px;
width: 12em;
border-radius: 0.3em;
padding: 0.2em 0.2em 0.2em 1em;
font-size: inherit !important;
}
@media all and (max-width: 950px) {
header .quicknav .maxwidth {  display: block; }
header .quicknav .quicknav_left {  flex-wrap: nowrap; overflow-x: scroll; }
header .quicknav a i {  display: none; }
header .quicknav_left a { padding-left: 0em }
header .quicknav_right a { margin-left: 0; margin-right: 0.5em; justify-content: space-between; }
header .quicknav_right input { width: 8em; }
}#navwrapper {
margin: 0 0 0 250px;
}
#navwrapper .top .left .search {
padding-left: 50px !important;
}
header nav { float: left;  margin-left: 50px; }
header nav ul { margin: 0px;  list-style: none; padding: 0px; margin: 0px; margin-right: -20px; }
header nav ul:after { display: block; content: ""; clear: left; }
header nav ul li { float: left;padding: 0px; margin: 0px 20px 0px 0px; }
header nav ul li i { font-size: 42px; margin-top: 20px;}
header nav ul a { text-decoration: none; color: rgba(0,0,0,0.5); white-space: nowrap; display: block; }
header nav ul li.nav_aktiv a { color: rgba(0,0,0,1) !important; }
header nav ul li.nav_offen a { color: rgba(0,0,0,1) !important; }
header nav ul li a:hover { color: rgba(0,0,0,1); }
header nav ul li a .subheadline {
font-size: 11px;
font-weight: 400;
display: block;
margin: 0px 0 0 1px;
opacity: 0.8;
}

header .header.show_subnav nav ul ul { 
display: none; 
position: absolute; 
left: -12px; top: 120%; width: auto;
z-index: 10000; 
background-color: #fff;
padding: 10px 0px;
box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.1);
min-width: 170px;
}
header .header.show_subnav.subheadline nav ul ul { top: 115%; }
header .header.show_subnav nav ul li:hover a { background-color: #fff; color: #000 !important; padding: 5px 12px; margin: -5px -12px; }
header .header.show_subnav nav ul li:hover a img{ color: #000 !important;  }
header .header.show_subnav nav ul li:hover a i{ background-color: #fff; color: #000 !important;  }
header .header.show_subnav ul.nav > li:hover div ul { display: block; }
#body.touchdevice header .header.show_subnav nav ul li:hover div ul { display: none; }
#body.touchdevice header .header.show_subnav nav ul li.firstclick div ul { display: block; }
header .header.show_subnav nav ul li { position: relative; }
header .header.show_subnav nav ul ul li { margin-right: 0px; }
header .header.show_subnav nav ul ul li a { display: block; padding: 3px 12px !important; margin: 0px !important; }
header .header.show_subnav nav ul ul li { float: none; white-space: nowrap; }
header .header.show_subnav nav ul ul a { padding: 3px 15px; margin: 0px; font-weight: normal; color: #666; }
header .header.show_subnav nav ul ul li:hover a { background-color: #eee !important; color: #000; }
header .header.show_subnav nav ul ul ul { display: none !important; } 
header .header .loginheader {
position: absolute;
top: 20px;
right: 80px;
}
@media all and (max-width: 995px) {
header .header nav ul ul {
left: 120px;
top: 0px;
}
}#nav_icon_wrapper {
position: absolute;
top: 3px;
right: 0px;
z-index: 10;
}
#nav_icon {
position: relative;
height: 40px;
width: 40px;
cursor: pointer;
display: none;
}
#nav_icon .nav_line {
position: absolute;
left: 5px;
width: 27px;
height: 3px;
}
#nav_icon .nav_line1 {
top: 16px;
-webkit-transition: all 1s 0.2s ease, top 0.2s 0.4s linear, -webkit-transform 0.4s ease;
transition: all 1s 0.2s ease, top 0.2s 0.4s linear, transform 0.4s ease;
}
#nav_icon .nav_line2 {
top: 23px;
-webkit-transition: opacity 0.4s 0.4s ease;
transition: opacity 0.4s 0.4s ease;
}
#nav_icon .nav_line3 {
top: 30px;
-webkit-transition: all 1s 0.2s ease, top 0.2s 0.4s linear, -webkit-transform 0.4s ease;
transition: all 1s 0.2s ease, top 0.2s 0.4s linear, transform 0.4s ease;
}

#nav_icon.clicked .nav_line1 {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top:23px;
-webkit-transition: all 0.8s 0.2s ease, top 0.2s linear;
transition: all 0.8s 0.2s ease, top 0.2s linear;
}
#nav_icon.clicked .nav_line2 {
opacity:0;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
#nav_icon.clicked .nav_line3 {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top:23px;
-webkit-transition: all 0.8s 0.2s ease, top 0.2s linear;
transition: all 0.8s 0.2s ease, top 0.2s linear;
}.S8071 .header { background-color: #333333 !important; }
.S8071.S7114 .header.navopen { z-index: 100;  }
.S8071 .header nav ul a { color: #fffa !important; }
.S8071 .header nav ul li.nav_aktiv > a { color: #fff !important; }
.T2883.S4506 .header nav ul li a:hover { color: #EEEEEE !important; }
.T2883.S4506 .header nav ul li.nav_aktiv:hover > a { color: #fff !important; }
.S8071 #lang a { color: #fff !important; }
.S8071 #free_link a, .S8071 #tel_link a { color: #fff !important; }
.S8071 .header.show_subnav nav ul li:hover > a  { background-color: #FFFFFF !important; }
.S8071 .header.show_subnav nav ul ul li:hover a  { background-color: #FFFFFF !important; }
.S8071 .header .tel .digits { color: #FFF; }
.S8071 .header .tel .digits a { color: #FFF; }

.peopleselect-open .S8071 #menu_search,
.datepicker-open .S8071 #menu_search { color: #000; }
.S8071 #cart-sum { color: #FFF; }

.T2883.S8071.S5559 .header .button2 {  border-color: #fffc; color: #fff; font-weight: bold; position: relative; background: none; }
.off .T2883.S8071 .header .button2:before {
color: #fff;
content: "\25BC";
position: absolute;
right: 0.9em;
top: 0.8em;
font-size: 0.6em;
}
.T2883.S8071.S5559 .header .button2.on {  color: #0006; }
.T2883.S8071.S5559 .header .button2.on:before {  color: #0006; }

.T2883.S8071 #nav_icon .nav_line { background: #fff !important; }
body.Mandant_38901 header.S8071 .header.show_subnav nav ul li:hover a img { filter:  brightness(1) invert(1) !important; }
.S8062 .header nav > div > ul > li > a {
font-weight: 100 !important;
}@media all and (min-width: 1024px) and (max-width: 1279px) {

#navwrapper .top .left .search { padding-left: 35px !important; }
header .header { height: 88px;  }
header .header .maxwidth { height: 88px; }
header .header:after { background-size: auto 100px; }
header .T2883.S4783 .header.pattern.navopen:after { 
background-position: top left, top left;
background-size: auto 88px, auto 88px;
}
header .header .top { height: 50px; }
header .header .logo {
width: 200px;
}
header .header .logo img { width: 100%; height: auto; }	
header .header input[type="submit"] {
padding: 3px 18px !important;
font-size: 11.5px !important;
}
header .header input[type="button"] {
padding: 3px 18px !important;
font-size: 11.5px !important;
}
#body header .header .button2.pulldown { font-size: 13px !important; }
#body.S4509 header .header .button2.pulldown { font-size: 12px !important; }
header .header .search { 
padding-left: 220px;

}
#navwrapper { margin-left: 200px; }
#navwrapper .top .left .search { padding-top: 15px; }
header .header nav { margin-left: 35px; }
header .header nav ul li { margin: 0 15px 0 0; }
header .header.show_subnav nav ul li:hover a { padding: 4px 10px; margin: -5px -10px; }
#body header .header .nav a.fontsize_large {
font-size: 14.5px !important;
}
#body header .header .tel .digits { font-size: 14.5px; }
header .header .slogan {
margin: 20px 0px 0px 35px;
}
.T2883 #button img { width: 110px; height: auto; }
header #free_link { position: absolute; right: 90px; top: 18px; } 
header .header.hide_sum #free_link { right: 40px;top: 18px; } 
header .header .mo__leichte-sprache {
font-size: 13px;
}
header .header #lang {
top: 15px;
}
.S8071 .header nav ul li.nav_aktiv > a { color: #fff !important; }
}
@media all and (min-width: 768px) and (max-width:1023px) {

#navwrapper .top .left .search { padding-left: 20px !important; }
header .header { height: auto; min-height: 55px; background-color: #FFF; }
header .header .maxwidth { height: auto; }
header .header .loginheader { right: 140px; }
header .header:after { background-size: auto 55px; }
header .T2883.S4783 .header.pattern.navopen:after { 
background-position: top left, top left;
background-size: auto 55px, auto 55px;
}
#navwrapper.responsive_hidden {
max-height: 0;
overflow: hidden;
padding-top: 55px;
-webkit-transition: max-height 250ms;
-moz-transition: max-height 250ms;
transition: max-height 250ms;
}
header .header.navopen #navwrapper.responsive_hidden {
max-height: 500px;
-webkit-transition: max-height 500ms;
-moz-transition: max-height 500ms;
transition: max-height 500ms;
}
header .header input[type="submit"] {
padding: 4px 12px 2px 12px;
-webkit-appearance: none;
}
header .header input[type="button"] {
padding: 4px 12px 2px 12px;
-webkit-appearance: none;
}
#nav_icon { display: block; }
header .header .logo {
position: absolute;
top: 0;
left: 0;
float: none;
width: 125px;
height: auto;	
}
header .header .logo img { width: 100%; height: auto; }	
header .header .logo.fixheight {
width: auto;
height: 55px;
}
header .header .logo.fixheight img { 
width: auto; 
height: auto;
max-height: 55px;
-webkit-transition: max-height 400ms;
-moz-transition: max-height 400ms;
transition: max-height 400ms;
}
header .header .top { height: auto; }
header .header .search { padding: 10px 0 0 0; }
header .header nav { float: none; padding: 20px 0 20px 20px; margin: 0;}
header .header nav ul li { float: none; margin: 0px 0px 5px 0px; }
header .header.show_subnav nav ul ul { position: static; top: auto; left: auto; box-shadow: none; }
header .header.show_subnav nav ul ul li { margin: 0px 0px 3px 0px; }
header .header .bottomwrapper { padding: 10px 0 15px 20px; max-height: unset; }
header .header .bottomwrapper .tel { display: block; margin-right: 15px; }
#navwrapper  { padding-top: 100px;  margin: 0; }
header .header .slogan {
margin: 20px 0px 0px 35px;
}
.T2883 #button img { width: 100px; height: auto; }
#button.longsize img { width: 160px; height: auto; }
header .header #tel_link { top: 16px; right: 177px; }
header .header.hide_sum #tel_link { right: 130px;top: 16px; } 
header #free_link { top: 15px; right: 145px; }
header .header.hide_sum #free_link { right: 100px;top: 15px; } 
header #free_link a { color: #000; }
.S8071 .header nav ul li.nav_aktiv > a { color: #fff !important; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
header .header { height: auto; min-height: 55px; background-color: #FFF; }
header .header .maxwidth { height: auto; }
header .header:after { background-size: auto 55px; }
header .header .loginheader { top: 18px; right: 135px; }
header .T2883.S4783 .header.pattern.navopen:after { 
background-position: top left, top left;
background-size: auto 55px, auto 55px;
}
#navwrapper.responsive_hidden {
max-height: 0;
overflow: hidden;
padding-top: 55px;
-webkit-transition: max-height 250ms;
-moz-transition: max-height 250ms;
transition: max-height 250ms;
}
header .header.navopen #navwrapper.responsive_hidden {
max-height: 500px;
-webkit-transition: max-height 500ms;
-moz-transition: max-height 500ms;
transition: max-height 500ms;
}
header .header input[type="submit"] {
padding: 4px 12px 2px 12px;
-webkit-appearance: none;
}
header .header input[type="button"] {
padding: 4px 12px 2px 12px;
-webkit-appearance: none;
}
#nav_icon { display: block; }
header .header .logo {
position: absolute;
top: 0;
left: 0;
float: none;
width: 125px;
height: auto;	
}
header .header .logo.small {
width: 110px;
} 
header .header .logo img { width: 100%; height: auto; }	
header .header .logo.fixheight {
width: auto;
height: 55px;
}
header .header .logo.fixheight img { 
width: auto; 
height: auto;
max-height: 55px;
-webkit-transition: max-height 400ms;
-moz-transition: max-height 400ms;
transition: max-height 400ms;
}
header .header .top { height: auto; }
header .header .search { padding: 10px 0 0 0; }
header .header nav { float: none; padding: 20px 0 20px 20px; margin: 0;}
header .header nav ul li { float: none; margin: 0px 0px 5px 0px; }
header .header.show_subnav nav ul ul { position: static; top: auto; left: auto; box-shadow: none; }
header .header.show_subnav nav ul ul li { margin: 0px 0px 3px 0px; }
header .header nav ul li a .subheadline {
font-size: 10px;
margin: 1px 0 0 1px;
}
.T2883 #button img { width: 90px; height: auto; }
#button.longsize img { width: 150px; height: auto; }
header .header .bottomwrapper { padding: 10px 0 15px 20px; max-height: unset; }
header .header .bottomwrapper .tel { display: block; margin-right: 15px; }
#navwrapper  { padding-top: 90px; margin: 0;  }

#navwrapper .top .left {
float: none !important;
}
#navwrapper .top .left .search { padding-left: 20px !important; }
header .header #tel_link { top: 15px; right: 177px; }
header .header.hide_sum #tel_link { right: 130px;top: 15px; } 
header #free_link { top: 14px; right: 145px; }
header .header.hide_sum #free_link { right: 100px;top: 13px; } 
header #free_link a { color: #000; }
.S8071 .header nav ul li.nav_aktiv > a { color: #fff !important; }
}
@media all and (max-width: 567px) {
header .header { height: auto; min-height: 55px; background-color: #FFF; }
header .header .maxwidth { height: auto; }
header .header .loginheader { top: 19px; right: 135px; }
header .header:after { background-size: auto 55px; }
header .T2883.S4783 .header.pattern.navopen:after { 
background-position: top left, top left;
background-size: auto 55px, auto 55px;
}
#navwrapper.responsive_hidden {
max-height: 0;
overflow: hidden;
padding-top: 55px;
-webkit-transition: max-height 250ms;
-moz-transition: max-height 250ms;
transition: max-height 250ms;
}
header .header.navopen #navwrapper.responsive_hidden {
max-height: 500px;
overflow-y: scroll !important;
-webkit-transition: max-height 500ms;
-moz-transition: max-height 500ms;
transition: max-height 500ms;
}
header .header input[type="submit"] {
padding: 4px 12px 2px 12px;
-webkit-appearance: none;
}
header .header input[type="button"] {
padding: 4px 12px 2px 12px;
-webkit-appearance: none;
}
#nav_icon { display: block; }
header .header .logo {
position: absolute;
top: 0;
left: 0;
float: none;
width: 125px;
height: auto;
}
header .header .logo.small {
width: 85px;
} 
header .header.oversizedLogo .logo img { 
max-height: 200px; 
overflow: hidden; 
-webkit-transition: max-height 400ms;
-moz-transition: max-height 400ms;
transition: max-height 400ms;
}
header .header .logo img { width: 100%; max-width: 125px; height: auto; }
header .header .logo.small img { max-width: 85px; }
header .header .logo.fixheight {
width: auto;
height: 55px;
}
header .header .logo.fixheight img { 
width: auto; 
height: auto;
max-height: 55px;
-webkit-transition: max-height 400ms;
-moz-transition: max-height 400ms;
transition: max-height 400ms;
}
header .header .top { height: auto; }
header .header .search { padding: 10px 0 0 0; }
#menu_datepicker_display { display: block;  margin: 0 0 10px 0; }
#menu_people_display { display: block; margin: 0 0 10px 0; }
header .header .button_wrapper { display: block; float: right; }
#menu_search:after { display: block; content: ""; clear: both; }
header .header nav { float: none; padding: 20px 0 20px 0px; margin: 0;}
header .header nav ul li { float: none; margin: 0px 0px 5px 0px; }
header .header.show_subnav nav ul ul { position: static; top: auto; left: auto; box-shadow: none; }
header .header.show_subnav nav ul ul li { margin: 0px 0px 3px 0px; }
header .header nav ul li a .subheadline {
font-size: 10px;
margin: 1px 0 0 1px;
}
#button {
top: 250px;
bottom: auto;
}
.T2883 #button img { width: 75px; height: auto; }
#button.longsize img { width: 145px; height: auto; }
header .header .bottomwrapper { float: none; text-align: left; padding: 10px 0 10px 0px; max-height: unset; }
header .header .bottomwrapper .tel { display: block; margin-right: 15px; }
#navwrapper  { padding-top: 60px; margin: 0;  }

#navwrapper .top .left {
float: none !important;
}
#navwrapper .top .left .search { padding-left: 0px !important; }	
header .header .slogan {
margin: 30px 0px 0px 0px;
}
header .S6318 .header .logo.small {
top: -30%;
bottom: auto;
}
header .header #tel_link { top: 15px; right: 184px; }
header .header.hide_sum #tel_link { right: 158px; top: 15px; } 
header #free_link { top: 14px; right: 140px; }
header .header.hide_sum #free_link { right: 115px;top: 13px; } 
header #free_link a { color: #000; }
.S8071 .header nav ul li.nav_aktiv > a { color: #fff !important; }
}.S8711 .header.show_subnav nav > div > ul > li:hover div ul {
background-color: var(--hover-bg-color) !important;
color: #fff !important;
}
.S8711 .header.show_subnav nav > div > ul > li:hover a {
background-color: var(--hover-bg-color) !important;
color: #fff !important;
}
.S8711 .header.show_subnav nav ul li ul li > a:hover {
background-color: var(--hover-color) !important;
color: #fff !important;
}
.T2897 .motiv {
margin: 0px auto 10px auto;
width: 150px;
}
.T2897 .motiv .format_svg img { object-fit: contain; }
.T2897 .motiv img {
border-radius: 100px;
aspect-ratio:  1 / 1;
object-fit: cover;
}
.T2897 .subheadline {
text-align: center;
margin-bottom: 15px;
}

.Mandant_23668 .T2897 .subheadline {
color: #FFF;
}
.T2897 .headline {
text-align: center;
margin-bottom: 1rem;
}
.T2897 .intro {
text-align: center;
margin: 1rem 0 1.5rem 0;
}
.T2897 .wrapper .buttonwrapper { display: flex; justify-content: flex-end; }
.T2897 .wrapper .buttonwrapper .button2 {
color: #FFF !important;
text-decoration: none;
padding: 4px 15px;
font-weight: bold;
}
.T2897 strong { font-weight: 600; }
.T2897.T2897-nospecialfont .specialfont { font-family: var(--default_font) !important;  }
@media all and (max-width: 567px) {
.T2897 h1 img{ height: 30px; }
}
.S7755 .background {
color: #fff !important;
padding: 30px 30px;
}
.S7755 .color {
color: #7b237d !important;
}
.S7755 .wrapper {
padding: 30px;
}
.T2897.S5172 .wrapper { 
background-color: #fff;
padding: 30px 30px !important;
}
.T2897.S6860 .subheadline {
text-align: left;
}
.T2897.S6860 .headline {
text-align: left;
}
.T2897.S6860 .intro {
text-align: left;
}.T2897.S5270 .wrapper .text {
text-align: center;
}
.Mandant_13797 .T2897.maxwidth {
padding: 30px;
}
.Mandant_13797 .T2897 .wrapper {
padding: 30px;
}
.T2897.S6859 .wrapper {
padding: 30px 0;
}.T2897.S8472 .wrapper .motiv img{
border-radius: 0 !important;
}#detail-panorama .head {
margin: 0 0 15px 0;
}
#detail-panorama .head.hide {
display: none;
}
#detail-panorama .head span {
display: inline-block;
padding: 3px 7px;
border: 2px solid rgba( 0, 0, 0, 0.5 );
color: rgba( 0, 0, 0, 0.5 );
cursor: pointer;
}
#detail-panorama .head span.aktiv {
border: 2px solid rgba( 0, 0, 0, 0.7 );
color: rgba( 0, 0, 0, 0.7 );
}
.fixratio {
position: relative;
padding-bottom: 56.25%; 
padding-top: 25px;
height: 0;
}
.fixratio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}@media all and (min-width: 768px) and (max-width: 999px) {
}
@media all and (min-width: 568px) and (max-width: 767px) {
.fixratio {
position: relative;
padding-bottom: 56.25%; 
padding-top: 25px;
height: 0;
}
.fixratio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media all and (max-width: 567px) {
.fixratio {
position: relative;
padding-bottom: 56.25%; 
padding-top: 25px;
height: 0;
}
.fixratio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.T2956 { position: relative; }
.T2956 .motive { z-index: 2; }
.T2956 .motive .slider_element {
position: relative;
width: 100vw;
display: none;
overflow: hidden;
}
.T2956 .motive .slider_element img {
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 567 / 213;
}
.T2956 .motive.small .slider_element img { aspect-ratio: 567 / 113; }
.T2956 .motive.mid .slider_element img { aspect-ratio: 567 / 164; }
.T2956 .motive.tall .slider_element img { aspect-ratio: 567 / 340; }
.T2956 .motive .element1 { display: block; }
.T2956 .motive.slick-initialized .slider_element { display: block; }
.T2956 .motive .text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 20;
color: var(--text_font_color, #FFF);;
margin: 0px !important;
opacity: 1;
text-shadow: 5px 5px 10px rgba(0,0,0,0.5); 
}
.T2956 .motive .text.bigfont { font-size: 50px; line-height: 1.0; }
.T2956 .motive .text.bigfont span { font-weight: 300; }
.T2956 .motive .text .headline { font-size: 2.5em; }
.T2956 .motive .text .intro { margin-top: 0.5em;  }
.T2956 .motive .text .subheadline {
z-index: 20;
opacity: 1;
}
.T2956 .motive .text .inner a.button{
text-shadow: 5px 5px 10px rgba(0,0,0,0.5); 
text-decoration: none;
display: inline-block;
margin: 30px 0 5px 0;
padding: 10px 20px;
border: 2px solid #fff;
background: none !important;
color:  var(--subheadline_font_color, #fff) !important;
text-transform: uppercase;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.T2956 .slick-arrow { z-index: 10; background-color: transparent; }
.T2956 .slick-arrow:before { color: #fff; }
.T2956 .slick-next { right: 20px; }
.T2956 .slick-prev { left: 20px; }
.T2956:not(.S5345) .slick-dotted.slick-slider { margin: 0px; }
.T2956 .slick-dots { bottom: 20px; }
.T2956 .slick-dots li button:before {
color: #333;
font-size: 45px;
}
.T2956 .slick-dots li.slick-active button:before { color: #FFF; }
.T2956 .motive.kenburns .slider_element:nth-child(odd).slick-current picture img {
transform: scale(1);
transition: transform 4000ms linear;
}
.T2956 .motive.kenburns .slider_element:nth-child(odd) picture img {
transform: scale(1.1);
transition: transform 4000ms linear;
}
.T2956 .motive.kenburns .slider_element:nth-child(even).slick-current picture img {
transform: scale(1.1);
transition: transform 4000ms linear;
}
.T2956 .motive.kenburns .slider_element:nth-child(even) picture img {
transform: scale(1);
transition: transform 4000ms linear;
}
.T2956 .motive.kenburns.autoplayspeed3000 .slider_element:nth-child(even) picture img { transition: transform 3000ms linear; }
.T2956 .motive.kenburns.autoplayspeed3000 .slider_element:nth-child(even).slick-current picture img { transition: transform 3000ms linear; }
.T2956 .motive.kenburns.autoplayspeed3000 .slider_element:nth-child(odd) picture img { transition: transform 3000ms linear; }
.T2956 .motive.kenburns.autoplayspeed3000 .slider_element:nth-child(odd).slick-current picture img { transition: transform 3000ms linear; }
.T2956 .motive.kenburns.autoplayspeed5000 .slider_element:nth-child(even) picture img { transition: transform 5000ms linear; }
.T2956 .motive.kenburns.autoplayspeed5000 .slider_element:nth-child(even).slick-current picture img { transition: transform 5000ms linear; }
.T2956 .motive.kenburns.autoplayspeed5000 .slider_element:nth-child(odd) picture img { transition: transform 5000ms linear; }
.T2956 .motive.kenburns.autoplayspeed5000 .slider_element:nth-child(odd).slick-current picture img { transition: transform 5000ms linear; }
.T2956 .mask_bottom {
position: absolute;
left: 0;
right: 0;
bottom: 0; 
z-index: 5;
}
.T2956 .mask_bottom img { width: 100%; height: auto; }
@media all and (max-width: 1600px) {
.T2956 .motive .text .headline { font-size: 1.8em; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T2956 .motive .subheadline {
font-size: 12px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T2956 .motive .slider_element .text {
font-size: 25px;
}
.T2956 .motive .subheadline {
font-size: 10px;
}
.T2956 .motive .slider_element img { aspect-ratio: 567 / 263; }
.T2956 .motive.small .slider_element img { aspect-ratio: 567 / 163; }
.T2956 .motive.mid .slider_element img { aspect-ratio: 567 / 214; }
.T2956 .motive.tall .slider_element img { aspect-ratio: 567 / 390; }
}
@media all and (max-width: 567px) {
.T2956 .motive .slider_element .text {
font-size: 16px;
}
.T2956 .motive .subheadline {
font-size: 9px;
}
.T2956 .motive .slider_element img { aspect-ratio: 567 / 313; }
.T2956 .motive.small .slider_element img { aspect-ratio: 567 / 213; }
.T2956 .motive.mid .slider_element img { aspect-ratio: 567 / 264; }
.T2956 .motive.tall .slider_element img { aspect-ratio: 567 / 420; }
.T2956 .slick-next { right: 10px; }
.T2956 .slick-prev { left: 10px; }
}
.tramini-reserva-search {
background-color: rgba(0,0,0,0.1);
padding: 20px 0px 25px 0px;
}
.tramini-reserva-search .pulldown {
background-color: var(--signal_color,#FFF);
margin: 0 10px 0 0;
}
.tramini-reserva-search .text {
text-align: center;
margin-bottom: 15px;
}
.tramini-reserva-search .text h3 {
text-align: center;
margin-bottom: 15px;
font-size: 1.3em
}
.tramini-reserva-search .col {
text-align: center;
}
.tramini-reserva-search .button {
display: inline-block;
}
.tramini-reserva-search .button.pulldown {
padding-right: 30px;
background-image: url(https://tramino.s3.amazonaws.com/s/root/719250/darr.png);
background-image: url(https://tramino.s3.amazonaws.com/s/root/719251/darr.svg);
background-size: 13px auto;
background-repeat: no-repeat;
background-position: top 13px right 8px;
}
.tramini-reserva-search .button.pulldown.on {
background-position: top 13px right 8px;
border: none;
background-color: #fff;
background-image: url(https://tramino.s3.amazonaws.com/s/root/719256/uarr.png);
background-image: url(https://tramino.s3.amazonaws.com/s/root/719257/urarr.svg);
}
.tramini-reserva-search {
}
.T2989 .button {
border: 0;
padding: 5px 40px 5px 20px;
line-height: 20px;
font-size: 15px !important;
}
.T2989 .button.search {
border: 0;
padding: 5px 20px;
text-transform: uppercase;
}
@media (max-width: 567px) {
.T2989 .button {
display: block;
margin: 0 auto 10px auto;
}
}
@media (max-width: 767px) {
.tramini-reserva-search .text h3 { font-size: 1.2em }
}
@media (max-width: 1023px) {
.T2989 .button {
display: block;
margin: 0 auto 10px auto;
}
.tramini-reserva-search .text h3 { font-size: 1.1em }
.tramini-reserva-search .text p { font-size: 0.9em }
}#lang {
margin-left: 10px;
z-index:10;
position: absolute;
right: 0px;
top: 25px;
}
header .header.hascart #lang { right: 100px; }
#lang i { margin: 0 5px 0 0; }
#lang ul:after { display: block; content: ""; clear: left; }
#lang ul { 
margin: 0px;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px;
}
#lang ul li {
margin: 0px;
position: relative;
}
#lang > ul > li > a { padding: 0px !important; }
#lang ul li a {
display: block;
text-decoration: none;
color: rgba(0,0,0,0.5);
color: #666;
font-weight: 600;
}
#lang ul ul a { font-weight: normal; }
#lang > ul > li > a {
display: block;
padding: 8px 15px;
text-decoration: none;
}
#lang a:hover { color: #111; }
#lang:hover a.aktiv { color: #000; }
#lang ul ul li { float: none; white-space: nowrap; }
#lang ul li > a.aktiv { 
padding: 7px 25px 0 15px !important;
margin: -7px 0px 0px 0px;
}
#lang ul li ul li a { padding: 3px 15px; font-weight: normal; color: #666; }
#lang ul li ul li a:hover { background-color: #eee; color: #000; }
#lang ul { 
list-style-type: none;
padding: 0px;
margin: 0px;
}
#lang > ul > li { 
padding: 0px;
margin: 0px;
}
#lang .pulldown { 
display: none;
position: absolute;
left: 0px;
top: 100%;
width: auto;
z-index: 10000;
background-color: #fff;
padding: 10px 0px;
width: 100%;
}
#lang .pulldown li a { padding-left: 15px; }
#lang:hover ul li a {
font-size: 12px;
position: relative;
z-index: 10001;
color: #000 !important;
background-color: #FFF;
}
#lang:hover ul.pulldown { display: block; }
@media all and (min-width: 1px) and (max-width: 1023px) {
#lang.mobilestatic { position: static; top: auto !important; right: auto !important; margin-left: 0; }
#lang.mobilestatic ul li > a.aktiv {
float: left;padding: 2px 8px !important;margin: 0;}
#lang.mobilestatic .pulldown {
position: relative;
position: static !important;float: left !important;width: auto !important;padding: 2px 8px !important;}
#lang.mobilestatic .pulldown li {
float: left !important;margin-left: 0px !important;}
#lang.mobilestatic .pulldown li a { padding: 3px 8px !important; }
#lang.mobilestatic a.aktiv .selectedLang {
padding: 0px 8px 0px 0px !important;}
}
.T3231 h3 { margin-bottom: 20px !important; }
.T3231 img, .T3231 picture { width: 100%; height: auto; }
.T3231 img {
object-fit: cover;
}
@media all and (min-width: 1800px) {
.T3231 .image.w2000 { display: block; }
}
@media all and (min-width: 1300px) and (max-width: 1800px) {
.T3231 .image.w1600 { display: block; }
}
@media all and (min-width: 1010px) and (max-width: 1300px) {
.T3231 .image.w1200 { display: block; }
}
@media all and (min-width: 900px) and (max-width: 1100px) {
.T3231 .image.w1000 { display: block; }
}
@media all and (min-width: 700px) and (max-width: 900px) {
.T3231 .image.w800 { display: block; }
}
@media all and (max-width: 700px) {
.T3231 .image.w600 { display: block; }
}
.T3414 {
margin: 30px 0;
}
.T3414 .trustyourating {
background-color: #FFF;
}
.T3414 .trustyourating.link { cursor: pointer; }
.T3414 .trustyourating:after { display: block; content: ""; clear: both; }
.T3414 .item { float: left; margin: 0 50px 0 0; }
.T3414 .item-ratingname { 
background-color: #57A9E1;
color: #FFF;
text-transform: uppercase;
padding: 20px 30px;
}
.T3414 .item-ratingscore {
color: #7DB249;
padding: 19px 0 0 0;
}
.T3414 .item-ratingscore:after { display: block; content: ""; clear: left; }
.T3414 .item-ratingcount {
padding: 19px 0 0 0;
}
.T3414 .item-trustyou {
float: right;
}
.T3414 .starwrapper {
margin: 0 0 0 20px;
position: relative;
width: 100px;
height: 20px;
}
.T3414 .starwrapper .stars {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background-image: url(https://storage.tramino.net/static/icons/root/star/gray.svg);
background-repeat: repeat-x;
background-position: top left;
}
.T3414 .starwrapper .stars-filled {
position: absolute;
z-index: 2;
height: 100%;
background-image: url(https://storage.tramino.net/static/icons/root/star/green.svg);
background-repeat: repeat-x;
background-position: top left;
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3414 .item {  margin: 0 20px 20px 20px; }
.T3414 .item-ratingname {
float: none;
margin: 0 0 10px 0;
padding: 15px 25px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3414 .item {  margin: 0 20px 20px 20px; }
.T3414 .item-ratingname {
float: none;
margin: 0 0 10px 0;
padding: 12px 23px;
}
}
@media all and (max-width: 567px) {
.T3414 .item { float: none; margin: 0 15px 10px 15px; padding: 0; }
.T3414 .item-ratingname {
padding: 10px 20px;
margin: 0 0 10px 0;
}
.T3414 .item-trustyou {
padding: 0 0 10px 0;
}
}
.T3559 .cols {
margin: 30px 0px;
}
.T3559 .col { 
float: left;
height: 400px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: block;
position: relative;
cursor: default;
}
.T3559 .col > a { text-decoration:none; }
.T3559 .col.withlink { cursor: pointer; } 
.T3559 .col1 { width: 400px; margin-right: 30px; }
.T3559 .col2 { width: 810px; }
.T3559 .subheadline { color: #fff; text-align: center; margin: 30px 20px 0px 20px; text-transform: uppercase; text-shadow: 0 0 5px rgba(0,0,0,0.5); }
.T3559 .headline { margin: 110px 10px 0px 10px !important; color: #fff; text-align: center; }
.T3559 .headline { text-shadow: 5px 5px 15px rgba(0,0,0,0.4) }
.T3559 .col .mask {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1;
background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 61%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 61%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 61%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 );
}
.T3559 .subheadline { z-index: 2; position: relative; }
.T3559 .headline { z-index: 2; position: relative; }
.T3559 .text { z-index: 2; position: relative; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.5); text-align: center; }
.T3559 .call_to_action { width: max-content;color: #fff; text-align: center; z-index: 3; position: absolute; left: 0; right: 0; bottom: 30px; margin: 0 auto; padding: 8px 16px; text-decoration: none; cursor: pointer; } .S5556 .col1 { float: right;  margin-right: 0px; margin-left: 30px; }
.S5556 .col2 { float: left; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3559 .col { height: 320px; }
.T3559 .col1 { width: 340px; }
.T3559 .col2 { width: 610px; }
.T3559 .headline { margin-top: 80px !important; }
.T3559 .subheadline { margin-top: 25px !important; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3559 .cols { display: flex; }
.T3559 .col { height: 260px; float: none; }
.T3559 .col1 { width: 270px; margin-right: 25px; }
.T3559 .col2 { flex: 1; width: auto; }
.S5556 .col1 { order: 2; margin-right: 0px; margin-left: 25px; }
.S5556 .col2 { order: 1; }
.T3559 .headline { margin-top: 80px !important; }
.T3559 .subheadline { margin-top: 22px !important; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3559 .cols { display: flex; }
.T3559 .col { height: 220px; float: none; }
.T3559 .col1 { width: 230px; margin-right: 15px; }
.T3559 .col2 { flex: 1; width: auto; }
.S5556 .col1 { order: 2; margin-right: 0px; margin-left: 15px; }
.S5556 .col2 { order: 1; }
.T3559 .headline { margin-top: 50px !important; }
.T3559 .subheadline { margin-top: 18px !important; }
}
@media all and (max-width: 567px) {
.T3559 .cols { display: flex;  flex-direction: column; }
.T3559 .col { height: 55vw; float: none; margin-bottom: 20px; }
.T3559 .col1 { width: auto; margin-right: 0px; }
.T3559 .col2 { width: auto; }
.S5556 .col1 { order: 2; margin-right: 0px; margin-left: 0px; }
.S5556 .col2 { order: 1; }
.T3559 .headline { margin-top: 40px !important; }
.T3559 .subheadline { margin-top: 12px !important; }
}
.T3703 section .inner {
margin: 0px 30px 0px 0px;
height: 250px;
}
.T3703 section picture {
float: left;
}
.T3703 section picture img {
width: 100%;
height: auto;
aspect-ratio:  1 /1;
object-fit: cover;
}
.T3703 section .content {
margin-left: 230px;
}
.T3703 section .no_offers_content {
margin-left: 230px;
}
.T3703 section h3 {
margin-bottom: 10px;
}
.T3703 section .info {
margin-bottom: 10px;
}
.T3703 section .offer {
display: block;
text-decoration: none;
color: var(--text_color,#333);
border-top: 1px solid #ccc;
padding: 4px 5px;
}
.T3703 section .offer:hover {
background: #666;
color: #fff;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3703 .outer .slick-next { right: -30px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3703 .outer .slick-next { right: -18px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3703 .outer .slick-next { right: -35px; }
}
@media all and (max-width: 567px) {
.T3703 .outer .slick-next {
right: -10px;
width: 35px;
height: 35px;
}
.T3703 section .inner {
height: auto !important;
}
.T3703 section .inner .content {
margin-left: 0px;
}
.T3703 section .inner .content:before {
content: "";
display: block;
clear: both;
}
}
#detail-shop .items {
margin: 0px -30px 0px 0px;
}
#detail-shop .item {
position: relative;
float: left;
width: 460px;
height: 220px;
margin: 0px 30px 20px 0px;
border-bottom: 1px solid #ccc;
}
#detail-shop .item .Bild {
float: left;
width: 225px;
}
#detail-shop .content {
float: left;
width: 235px;
}
#detail-shop .button { 
display: inline-block; 
cursor: pointer; 
background-color: #ff8;
padding: 3px 11px 3px 6px; 
}
#detail-shop .button:hover {
background-color: #ee7;
}
#detail-shop .button .button-cart { display: inline-block; }
#detail-shop .button select { margin-right: 6px; margin-bottom: 2px; }
#detail-shop .price {
position: absolute;
right: 0px;
bottom: 20px;
font-size: 16px;
background-color: #fff;
}
#detail-shop .price .digit {
display: inline-block;
padding: 3px 8px;
}
#detail-shop .price a {
background-color: #ff8;
color: #330;
display: inline-block;
padding: 3px 8px;
}
#detail-shop .price a:hover {
background-color: #cc6;
}
#detail-shop .subheadline {
font-size: 12px;
}
#detail-shop a {
color: #000;
text-decoration: none;
}
#detail-shop .info {
font-size: 15px;
}
.module-card .headline {
margin: 0 0 25px
}
.module-card .cardslider .card {
position: relative;display: block;color: #fff;text-decoration: none;height: 300px;margin: 0 30px 0 0;background-size: cover;background-repeat: no-repeat;background-position: 50%;overflow: hidden
}
.module-card .cardslider .card img {
width: 100%;height: auto;-o-object-fit: cover;object-fit: cover
}
.module-card .cardslider .card img.scale {
transform: scale(1.34)
}
.module-card .cardslider .card .mask {
position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 1;background-color: rgba(0, 0, 0, .1)
}
.module-card .cardslider .card .subheadline {
position: absolute;top: 10px;left: 20px;z-index: 2;text-shadow: 1px 1px 2px rgba(0, 0, 0, .7)
}
.module-card .cardslider .card .headline {
position: absolute;bottom: 5px;left: 20px;z-index: 2;text-shadow: 1px 1px 2px rgba(0, 0, 0, .7)
}
.module-card .cardslider .card a .caption {
position: absolute;bottom: -50px;left: 0;right: 0;background-color: rgba(0, 0, 0, .7);padding: 10px 0;text-align: center;color: #fff;transition: bottom .15s;z-index: 10;display: block
}
.module-card .cardslider .card a:hover .caption {
bottom: 0;transition: bottom .2s
}
.module-card .cardslider .card.type-small {
width: 200px
}
.module-card .cardslider .card.type-small .headline {
text-align: center;left: 5px;right: 5px
}
.module-card .cardslider .card.type-small img {
aspect-ratio: 200/300
}
.module-card .cardslider .card.type-square {
width: 320px
}
.module-card .cardslider .card.type-square img {
aspect-ratio: 320/300
}
.module-card .cardslider .card.type-along {
width: 380px
}
.module-card .cardslider .card.type-along img {
aspect-ratio: 380/300
}
.module-card .cardslider .card.type-video {
max-width: 533px;min-width: 200px
}
.module-card .cardslider .card.type-video img {
aspect-ratio: 16/9
}
.module-card .cardslider .card.type-video .headline {
text-align: center;left: 5px;right: 5px
}
.module-card .cardslider .card.type-video .play {
position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%, -50%);color: #fff;font-size: 80px
}
.module-card .cardslider .card.sh-right .subheadline {
left: auto;right: 20px
}@media (min-width:768px) and (max-width:1023px) {
.module-card .cardslider .card {
margin: 0 25px 0 0
}
.module-card .cardslider .card.type-square {
width: 280px;height: 280px
}
.module-card .cardslider .card.type-along {
width: 280px;height: 221px
}
.module-card .cardslider .card img {
width: 100%;height: 100%
}
}
@media (min-width:568px) and (max-width:767px) {
.module-card .cardslider .card {
margin: 0 20px 0 0
}
.module-card .cardslider .card.type-square {
width: 240px;height: 240px
}
.module-card .cardslider .card.type-along {
width: 240px;height: 190px
}
.module-card .cardslider .card img {
width: 100%;height: 100%
}
}
@media (max-width:567px) {
.module-card .cardslider .card {
margin: 0 15px 0 0
}
.module-card .cardslider .card.type-video {
max-width: 280px;height: 157.5px
}
.module-card .cardslider .card.type-video .play {
font-size: 50px
}
.module-card .cardslider .card.type-square {
width: 210px;height: 210px
}
.module-card .cardslider .card.type-along {
width: 210px;height: 165px
}
.module-card .cardslider .card img {
width: 100%;height: 100%
}
}.rating {
border: 1px solid #ccc;
border-radius: 10px;
padding: 20px 30px;
margin-bottom: 20px;
}
.rating .info {
font-size: 14px;
color: #666;
}.partner {
border: 1px solid #ccc;
border-radius: 10px;
padding: 20px 20px;
margin-bottom: 20px;
overflow: auto;
}
.partner img { border-radius: 10px; width: 100%; height: auto; }
.partner .Bild {
float: left;
width: 30%;
}
.partner .content {
margin-left: 30%;
padding-left: 40px;
}
.partner .content h4 {
font-weight: bold;
font-size: 20px;
margin: 10px 0px;
padding-top: 5px;
}
.partner .content h4 a {
color: #000;
text-decoration: none;
}
.partner .content .info {
font-size: 14px;
margin: 10px 0px;
}
.partner .content .adresse {
font-size: 14px;
margin: 15px 0px;
color: #666;
}.checkin .menu { padding: 5px 0px 30px 0px; font-size: 14px; column-count: 3;  }
.checkin .menu a { text-decoration: none; color: #000 !important; margin-bottom: 5px; display: block; font-size: 18px; }
.checkin .menu a.on { color: #000; font-weight: bold; }
.checkin .menu a img { width: 40px; height: 40px; margin-right: 5px; display: inline-block !important; vertical-align: middle; }
.checkin-content { max-width: 800px; margin: 10px auto; background-color: #fff; padding: 30px; border-radius: 10px; color: #000; min-height: 500px }
.checkin-content h5 { margin: 0px !important; }
.checkin-content .content .motiv img { width: 100%; height: auto; border-radius: 10px; }
.checkin-content h1 { font-weight: bold; margin: 10px 0px 20px 0px; }
.checkin-content h3 { font-weight: normal; margin: 10px 0px 15px 0px; }
.checkin-content .bilder { margin-top: 30px; overflow: auto; }
.checkin-content .bilder .Bild { float: left; margin: 0px 20px 20px 0px; }
.T4158 .wrapper {
position: relative;}
.T4158 picture img {
width: 100%;height: auto;aspect-ratio:  567 / 397;object-fit: cover;}
.T4158 .box {
position: relative;padding: 20px 20px 50px 20px;color: #fff;z-index: 10;}
.T4158 .box  h3 { margin-top: 0px; }
.T4158 .buttons {
position: absolute;bottom: 20px;right: 20px;left: 20px;text-align: right;}
.T4158 .buttons .button {
display: inline-block; 

padding: 5px 14px;	
text-decoration: none;opacity: 0.9;margin: 0px 0px 8px 15px;}
.T4158 .button:hover {
opacity: 1;}
.T4158 .Bild { margin-bottom: 1rem; }
.T4158 .text a { color: #8c8c8c !important; }
.T4158 .mask { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 1; }
.T4158 .mask2 { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: -1; }
.T4158 .box h3, .T4158 .box .text, .T4158 .box .buttons { z-index: 2; }
@media (min-width: 567px) {
}
@media (min-width: 768px) {
.T4158 picture img { aspect-ratio: 1024 / 512; }
}
@media (min-width: 1024px) {
.T4158 picture img { aspect-ratio: 1280 / 400; }
}
@media (min-width: 1280px) {
}
@media all and (max-width: 750px)  {
.T4158 .box  h3 { font-size: 24px; line-height: 1.2; }
.T4158 .box  .text { font-size: 14px; line-height: 1.3; }
}
@media all and (max-width: 1000px) {
.T4158 .box {
margin: -7vw 20px 0px 20px;}
}
@media all and (min-width: 1000px) {
.T4158 .maxwidth2 {
position: relative;max-width: 1800px;margin: 0px auto;}
.T4158 .inner {
position: absolute;left: 0px;right: 0px;bottom: 0px;top: 0px;max-width: 1240px;margin: 0px auto;}
.T4158 .box {
position: absolute;top: 30px;left: 0px;width: 400px;bottom: 30px;padding: 25px 30px;color: #fff;overflow: hidden;}
}
@media all and (min-width: 1000px) and (max-width: 1280px) {
.T4158 .inner { 
max-width: 980px;}
.T4158 .box {
top: 0px !important;bottom: 0px !important;}
}
@media all and (min-width: 1000px) and (max-width: 1200px) {
.T4158 .box  h3 { font-size: 24px; line-height: 1.2; }
.T4158 .box .text { font-size: 14px; line-height: 1.3; }
}
@media all and (min-width: 1200px) and (max-width: 1470px) {
.T4158 .box  h3 { font-size: 26px; line-height: 1.2; }
.T4158 .box .text { font-size: 15px; line-height: 1.3; }
}
@media all and (min-width: 1470px) and (max-width: 1700px) {
.T4158 .box  h3 { font-size: 29px; line-height: 1.2; }
.T4158 .box  .text { font-size: 16px; line-height: 1.3; }
}
@media all and (min-width: 1700px)  {
.T4158 .box  h3 { font-size: 32px; line-height: 1.2; }
.T4158 .box  .text { font-size: 17px; line-height: 1.3; }
}
@media all and (min-width: 900px) {
.T4158.S7543  .box {
top: 0px;
bottom: 0px;
}
}
.T4198 .kategorie {
}
.T4198 .kategorie .slick-arrow { z-index: 10; background-color: transparent; }
.T4198 .kategorie .slick-arrow:before { color: #fff; }
.T4198 .kategorie .slick-next { right: 20px; }
.T4198 .kategorie .slick-prev { left: 20px; }
.T4198 .kategorie .bild { position: relative; }
.T4198 .kategorie .bild img { width: 100%; }
.T4198 .nr {
position: absolute;
top: 30px;
left: 30px;
width: 100px;
font-size: 40px;
padding: 10px 0px;
text-align: center;
font-weight: bold;
color: #333;
border-radius: 50px;
background-color: rgba(255,255,255,0.7);
}
.T4198 .bottom { position: relative; }
.T4198 .content {
background-color: #fff;
padding: 25px 25px;
position: relative;
top: -50px;
left: 30px;
width: 65%;
min-height: 155px;
}
.T4198 .content .text {
color: #000 !important;
}
.T4198 .subheadline { margin-bottom: 10px; color: rgba(0,0,0,0.5); }
.T4198 h3 { margin: 0px 0px 10px 0px !important; }
.T4198 .bilder {
position: absolute;
top: 20px;
right: 0px;
text-align: right;
max-width: 35%;
}
.T4198 .thumb {
display: inline-block;
margin: 0px 0px 15px 15px;
cursor: pointer;
opacity: 0.5;
box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
.T4198 .thumb.aktiv {
opacity: 1;
box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
}
.T4198 .T1911 .maxwidthsmall { width: auto; margin: 0px; }
.T4198 .range { text-align: right; margin: 10px 0px 10px 20%; font-style: oblique; }
.T4198 .T1911 table .periods { color: #444; }
.T4198 .buttons { text-align: right }
.T4198 .buttons .button {
display: inline-block;
text-decoration: none;
padding: 5px 15px;
margin: 10px 0px 0px 10px;
}
.T4198 .tags { color: #777; column-count: 3; column-gap:24px;margin:18px 0px 12px 0px; }
.T4198 .tags .tag { page-break-inside: avoid;margin:0px 0px 8px 0px;display: flex;align-items: center; }
.T4198 .tags .tag .name { display:inline-block;margin:0px 0px 0px 6px; }
.Mandant_8571 .T4198 .tags { column-count: 2; } 
@media all and (min-width: 900px) and (max-width: 1280px) {
.T4198 .thumb  { margin: 0px 0px 10px 10px; }
.T4198 .thumb img { width: 70px; height: auto; }
.T4198 .content {
width: 65%;
}
.T4198 .bilder {
max-width: 30%;
}
}
@media all and (max-width: 900px) {
.T4198 .kategorie { margin-bottom: 20px;  }
.T4198 .bilder { position: static; right: auto; top: auto; max-width: none; background-color: #fff; padding: 10px 0px 0px 20px; text-align: left;  }
.T4198 .content { position: static; left: auto; top: auto; width: auto; min-height: auto; }
.T4198 .thumb { margin: 5px 5px 0px 0px ;}
.T4198 .thumb img { width: 70px; height: auto; }
}
@media all and (max-width: 567px) {
.T4198 .tags { column-count: 1; }
}.T4198 .expand {
position: relative;
max-height: 220px;
overflow: hidden;
}
.T4198 .expand.on {
position: relative;
max-height: none;
overflow: visible;
}
.T4198 .expand:before {
content: "";
position: absolute;
left: 0px;
top: 30%;
right: 0px;
bottom: 0px;
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
}
.T4198 .expand:after {
content: "+";
font-size: 17px;
font-weight: bold;
position: absolute;
left: 0%;
bottom: 10px;
background: #999;
color: #fff;
padding: 3px 12px 4px 12px;
cursor: pointer;
}
.T4198 .expand.on:after { display: none }
.T4198 .expand.on:before { display: none }@media all and (min-width: 900px)  {
.S6973 .thumb {	width: 75px; margin: 0px 0px 10px 10px; }
.S6973 .thumb img { width: 75px; height: auto; }
.S6973 .expand { max-height: 100px; }
.S6973 .content { width: 56%; }
.S6973 .bilder { width: 44%; }
}@media all and (min-width: 1280px)  {
.S6974 .kategorien {
display: flex;
flex-wrap: wrap;
margin-right: -30px;
overflow: hidden;
}
.S6974 .kategorie {
width: calc( 50% - 30px );
margin-right: 30px;
}
.S6974 .content {
top: -30px;
left: 20px;
width: 66%;
padding: 20px;
}
.S6974 .bilder {
max-width: 40%;
width: 31%;
}
.S6974 .fontsize_large p { font-size: 0.93em; }
.S6974 .thumb {	width: 75px; margin: 0px 0px 10px 10px; }
.S6974 .thumb img { width: 75px; height: auto; }
.S6974 .expand { max-height: 100px; }
}
.T4198.S6990 .content { width: calc( 100% - 50px ); }
@media all and (min-width: 768px) and (max-width:1023px) {
.T4198.S6990 .content { width: 100%; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4198.S6990 .content { width: 100%; }
}
@media all and (max-width: 567px) {
.T4198.S6990 .content { width: 100%; }
}
.T4198.S8933 .slick-next::before,.T4198.S8933 .slick-prev::before { color: var(--signal_color) !important; }
.T4198.S8933 .slick-next:hover,.T4198.S8933 .slick-prev:hover { border: 2px solid var(--signal_color) !important; }
.T4269 {
margin: 0px auto;
padding: 10px;	
box-sizing: border-box;
max-width: 1800px;
}
.T4269 .box {
float: left;
display: block;
width: 33.33%;
overflow: hidden;
position: relative;
cursor: pointer;
text-decoration:none;
border: 10px solid transparent;
box-sizing: border-box;
}
.T4269 .box .bg {
opacity: 1;
z-index: 0;
transition: 600ms;
background-color: rgba(0,0,0,0.2);
}
.T4269 .box .bg img {
width: 100%;
height:  auto;
aspect-ratio:  3/ 2;
object-fit: cover;
transition: filter 0.4s ease, transform 0.4s ease;
}
.T4269 .box .overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
font-weight: 900;
color: rgba(255,255,255,1);
text-shadow: 10px 10px 80px rgba(0,0,0,0.8);
text-transform: uppercase;
transition: color 0.6s ease, text-shadow 0.6s ease; text-shadow: 0.1em 0.1em 1em #fff;
}
.T4269 .box .overlay .motiv img {
margin: 0 auto;
}
.T4269 .box:hover .bg img {
filter: brightness(0.6); transform: scale(1.1);
}
.T4269 .box:hover .overlay { 
transform: scale(0.95);
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
color: #fff; text-shadow: 0.1em 0.1em 1em #000;
}

.T4269 .box .overlay { text-shadow: none; }
.T4269 .box .mask {
position: absolute;
top: 0;
left: 0;
right: 0;
border: 0;
background: rgba(0, 0, 0,0.2);
z-index: 9;
width: 100%;
height: 100%;
}
.T4269 .box .bg { z-index: 8; }@media all and (min-width: 1000px) and (max-width: 1250px) {
.T4269 .box .overlay span.subheadline { font-size: 17px; margin-top: 6px;  }
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T4269 .box {
width: 50%;
}
.T4269 .box .overlay span.subheadline { font-size: 16px; margin-top: 5px;  }
}
@media all and (max-width: 767px) {
.T4269 .box {
float: none;
width: 100%;
}
.T4269 .box .overlay span.subheadline { font-size: 14px; margin-top: 4px;  }
}.T4269.S7574 .box .overlay {
text-transform: none !important;
}
.T4269.S7574 .box:hover .overlay span { transform: scale(1.05) !important; }.cardslider .caption {
position: absolute;
bottom: -50px;
left: 0px;
right: 0px;
background-color: rgba(0,0,0,0.7);
padding: 10px 0;
text-align: center;
color: #FFF;
transition: bottom 150ms;
z-index: 10;
display: block;
}
.cardslider a:hover .caption {
bottom: 0px;
transition: bottom 200ms;
}.T4483 a {
text-decoration: none;
display: flex;
flex-wrap: wrap;
padding: 20px 20px;
background-color: rgba(0,0,0,0.05);
}
.T4483 .Bild {
flex: 1;
margin-right: 15px;
}
.T4483 .content {
flex: 3;
}
.T4483 .content .text {
color: #222;
padding-top: 10px;
padding-bottom: 10px;
}
.T4483 .link {
margin-left: 15px;
flex: 1;
}
.T4483 .link .inner {
position: relative;
background-color: #fff;
color: #333;
text-align: left;
border: 1px solid rgba(0,0,0,0.1);
padding: 6px 25px 6px 15px;
}
.T4483 .link .inner:after {
position: absolute;
transform: translate(0,-50%);
right: 10px;
top: 50%;
content: "\276F"
}
.T4483.S7169 a {
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
background-color: transparent;
}@media (max-width: 567px) {
.T4483 a {
padding: 20px 20px;
display: block;
}
}
.T4532 .box {
width: 100%;
height: auto;
background: #fff;
display: flex;
}
.T4532 a:not(.button) {
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: #515151; 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: rotateX(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 .button_wrapper {
margin-top: 1rem;
display: flex;
justify-content: flex-end;
}
@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; }
}
.T4532.S7551 .box {
display: block;
}.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;  }
.T4681 { position: relative; padding: 25px 0; z-index: 1; }
.T4681 .partline img { width: 100%; height: auto; margin: 0 auto; }
.T4681 .partline .border { border-top: 1px solid var(--color, #222222); }
.T4681 .partline .bordertext { text-align: center; display: flex; align-items: center; color: var(--color, #222222); }
.T4681:not(.S7520) .partline .bordertext:after,
.T4681:not(.S7520) .partline .bordertext:before { background: var(--color, #222222); }
.T4681 .partline .bordertext:after,
.T4681 .partline .bordertext:before {
content: "";
flex: 1;
border-bottom: 1px solid;
}
.T4681 .partline .bordertext::before {
margin-right: .5em;
}
.T4681 .partline .bordertext::after {
margin-left: .5em;
}
.T2646 h5 { color: #000;}
.T2646 .tags2 { min-height: 170px }
.T2646 .tags2 .inner .cols {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.T2646 .sss {
position: absolute;
top: 50px;
left: 0;
}
.T2646 .sss :is(img) {
width: 100%; height: auto;
}
.T2646 .tags2 .inner .tag {
display: flex;
font-size: 15px;
line-height: 1.2;
color: #555;
padding: 1px 5px 10px 25px;
break-inside: avoid;
}
.T2646 .tags2 .inner .tag i {
flex-grow: 0;
flex-shrink: 0;
margin-top: 0.1rem;
margin-right: 0.5rem;
color: #333;
font-size: 17px;
}
.T2646 .tags2 .inner .tag .inner { flex-grow: 1; flex-shrink: 1; page-break-inside: avoid; }
.T2646 .tags2 .inner .tag b {
font-size: 17px;
margin-bottom: 0.2rem;
color: #333;
}
@media (max-width: 1300px) {
.T2646 .sss {
position: absolute;
top: 10px;
left: auto;
right: 0;
width: 100px;
}
}
@media (max-width: 1000px) {
.T2646 .sss {
width: 80px;
}
}
@media (max-width: 500px) {
.T2646 .sss {
width: 50px;
}
}
@media all and (min-width: 1200px) and (max-width: 1500px) {
.T2646 .tags2 .inner .cols {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
}
@media all and (max-width: 1200px) {
.T2646 .tags2 .inner .cols {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.T2646 .tags2 .inner .tag {
font-size: 14px;
}
.T2646 .tags2 .inner .tag b {
font-size: 15px;
}
}.T5197 h5 {
margin: 2px 0px 15px 0px;
padding-left: 16px;
text-transform: uppercase;
font-size: 16px;
}
.T5197 iframe{
width: 100%;
min-height: 200px;
border: 0px;
}

.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;}



.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 50px;
height: 50px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background-color: #fff;
border-radius: 30px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
outline: none;
opacity: 0.7;
border: 2px solid #fff;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'Arial';
font-size: 50px;
line-height: 0.4;
opacity: .75;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -70px;
}
[dir='rtl'] .slick-prev
{
right: -70px;
left: auto;
}
.slick-prev:before
{
content: '\2039';
}
[dir='rtl'] .slick-prev:before
{
content: '\203A';
}
.slick-next
{
right: -70px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -70px;
}
.slick-next:before
{
content: '\203A';
}
[dir='rtl'] .slick-next:before
{
content: '\2039';
}

.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'Arial';
font-size: 25px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '\2022';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}

tag-group-name
.T2646 h5 { color: #000;}
.T2646 .tags2 { min-height: 170px }
.T2646 .tag-group { margin: 0 0 20px 0; break-inside: avoid; }
.T2646 .tag-group-name { font-size: 14px; font-weight: bold; color: #999; margin: 0px 0px 10px 0px; text-transform: uppercase; }
.T2646 .tags2 .inner .cols {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.T2646 .tags2 .inner .tag {
display: flex;
font-size: 15px;
line-height: 1.2;
color: #555;
padding: 1px 5px 10px 25px;
break-inside: avoid;
}
.T2646 .tags2 .inner .tag i {
flex-grow: 0;
flex-shrink: 0;
margin-top: 0.1rem;
margin-right: 0.5rem;
color: #333;
font-size: 17px;
}
.T2646 .tags2 .inner .tag .inner { flex-grow: 1; flex-shrink: 1; page-break-inside: avoid; }
.T2646 .tags2 .inner .tag b {
font-size: 17px;
margin-bottom: 0.2rem;
color: #333;
}
@media all and (min-width: 1200px) and (max-width: 1500px) {
.T2646 .tags2 .inner .cols {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
}
@media all and (max-width: 1200px) {
.T2646 .tags2 .inner .cols {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.T2646 .tags2 .inner .tag {
font-size: 14px;
}
.T2646 .tags2 .inner .tag b {
font-size: 15px;
}
}