: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 { 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;
}
.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="email"],input[type="number"],input[type="password"],input[type="date"]) {
width: 100% !important;
box-sizing: border-box;
font-size: 1rem;
border: 1px solid #cacaca;
background-color: #fff;
padding: .5rem;
}
#TraminoForm.newcss .element select { width: 100%; }
#TraminoForm.newcss .element textarea { width: 100%; box-sizing: border-box; font-family: Arial; border: 1px solid #cacaca; padding: .3rem; }
#TraminoForm.newcss .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]):focus, #TraminoForm.newcss .element textarea:focus {
outline: 0;
border: 1px solid #000;
box-shadow: 0 0 5px #cacaca;
}
#TraminoForm.newcss .AdresseWidget .Zeile {
display: flex;
justify-content: space-between;
margin-bottom: 0.2rem;
}
#TraminoForm.newcss .AdresseWidget :is(.clear,.break) { width: 0; display: none; }
#TraminoForm.newcss .AdresseWidget .Zeile .Feld { flex-grow: 0; flex-shrink: 0; }
#TraminoForm.newcss .AdresseWidget .Zeile .Feld .Label { font-size: 0.85rem; }
#TraminoForm.newcss .AdresseWidget .adresse_vorname { width: calc(45% - 0.5rem) }
#TraminoForm.newcss .AdresseWidget .adresse_nachname { width: 55%; }
#TraminoForm.newcss .AdresseWidget .adresse_firma { width: calc(50% - 0.25rem); }
#TraminoForm.newcss .AdresseWidget .adresse_abteilung { width: calc(50% - 0.25rem); }
#TraminoForm.newcss .AdresseWidget .adresse_strasse { width: 80%; }
#TraminoForm.newcss .AdresseWidget .adresse_hausnr { width: calc(20% - 0.5rem); }
#TraminoForm.newcss .AdresseWidget .adresse_plz { width: 20%; }
#TraminoForm.newcss .AdresseWidget .adresse_ort { width: calc(50% - 0.5rem); }
#TraminoForm.newcss .AdresseWidget .adresse_ortsteil { width: calc(30% - 0.5rem); }
#TraminoForm.newcss .AdresseWidget.noortsteil .adresse_ort { width: calc(80% - 0.5rem) !important; }
#TraminoForm.newcss .AdresseWidget .adresse_telefon { width: 33%; }
#TraminoForm.newcss .AdresseWidget .adresse_fax { width: calc(33% - 0.5rem); }
#TraminoForm.newcss .AdresseWidget .adresse_mobil { width: calc(33% - 0.5rem); }
#TraminoForm.newcss .AdresseWidget.no_fax .adresse_telefon { width: 50% !important; }
#TraminoForm.newcss .AdresseWidget.no_fax .adresse_mobil { width:  calc(50% - 0.5rem) !important; }
#TraminoForm.newcss .AdresseWidget.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="email"],input[type="number"],input[type="password"],input[type="date"]) {
width: 100% !important;
box-sizing: border-box;
font-size: 1rem;
border: 1px solid #cacaca;
background-color: #fff;
padding: .5rem;
}
.TraminoForm.newcss .element select { width: 100%; }
.TraminoForm.newcss .element textarea { width: 100%; box-sizing: border-box; font-family: Arial; border: 1px solid #cacaca; padding: .3rem; }
.TraminoForm.newcss .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]):focus, .TraminoForm.newcss .element textarea:focus {
outline: 0;
border: 1px solid #000;
box-shadow: 0 0 5px #cacaca;
}
.TraminoForm.newcss .AdresseWidget .Zeile {
display: flex;
justify-content: space-between;
margin-bottom: 0.2rem;
}
.TraminoForm.newcss .AdresseWidget :is(.clear,.break) { width: 0; display: none; }
.TraminoForm.newcss .AdresseWidget .Zeile .Feld { flex-grow: 0; flex-shrink: 0; 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;
}
}

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; 
}
}.T2886 {
min-height: 100px;
color: #444;
font-size: 15px;
}
.T2886 .cartHeader { display: flex; justify-content: space-between; border-bottom: 2px solid rgba(0,0,0,0.2); margin-bottom: 20px;  }
.T2886 #cartProgressBar { height: 30px; }
.T2886 #cartProgressBar .step { float: left; margin-right: 20px;  }
.T2886 #cartProgressBar .step.active { color: #000; font-weight: bold;  }
.T2886 #cartProgressBar .step.done a { color: #000; }
.T2886 .adresse { float: left; width: 40%; padding-right: 30px; box-sizing: border-box; }
.T2886 .terms { float: left; width: 60%; }
.T2886 .terms .terms-inner { box-sizing: border-box;  font-size: 14px !important; width: 100% !important; height: 350px !important; padding: 0px 3% !important; }
.T2886 table.cart td { padding-top: 10px !important; padding-bottom: 10px !important; border-bottom: 1px solid rgba(0,0,0,0.1) !important; }
.T2886 table.cart tr.subtotal td { border-bottom-width: 0px !important; }
.T2886 table.cart td.input {
border-bottom: 0px solid transparent !important;
padding: 5px 5px 4px 0px !important;
}
.T2886 table.cart td.input.nn span { padding: 3px 5px; }
.T2886 table.data td.input input[type=text] { width: 100%; padding: 1px 2px !important; }
.T2886 table.data td.input select { width: 100%; min-height: 22px; }
.T2886 .item div p { margin: 0px 0px 5px 0px; }
.T2886 .item div ul { margin: 5px 0px; }
.T2886 table.cart td.image { padding-right: 20px !important; }
.T2886 table.cart td .info { font-size: 13px !important; line-height: 1.25 !important; }
.T2886 table.cart td .expires { color: #262; }
.T2886 table.cart td .expires.expired { color: #966; }
.T2886 table.cart td.details { line-height: 1.2; }
.T2886 table.cart td.sum { padding-left: 20px !important; font-weight: bold !important; font-size: 20px !important;  }
.T2886 table.cart td.sum div.mwst{  font-style: italic; font-size: 9px !important; line-height: 1; white-space: nowrap; }
.T2886 table.cart td.total {
padding: 10px 0px !important;
font-size: 25px !important;
line-height: 1.2 !important;
color: #BD2631 !important;
}
.T2886 .terms .accept { margin: 10px 0px; }
.T2886 .form .cancel { background-color: #aaa; color: #fff; font-weight: bold; padding: 5px 30px; text-transform: uppercase; font-size: 12px; border: none; }
.T2886 .form .finish { background-color: #BD2631; color: #fff; font-weight: bold; padding: 5px 30px; text-transform: uppercase; font-size: 12px; border: none; }
.T2886 input[type=submit] { -webkit-appearance: none; }
.T2886 .cart-section {
display: flex;
margin: 0px 0px 20px 0px; 
padding: 20px 0px 30px 0px; 
border-bottom: 1px solid #ccc; 
}
.T2886 .cart-section-header { flex: 1; }
.T2886 .cart-section-content { flex: 2; }
.T2886 .cart-section-header .label { font-weight: bold; font-size: 13px; }
.T2886 .nl-checkbox .info {
font-size: 13px;
color: #777;
margin: 3px 0 0 0;
}

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


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

#body.Mandant_27604 .T2886 #cart table.cart th.sum.euro { opacity: 0; }
#body.Mandant_27604 .T2886 #cart table.cart td.sum.euro { opacity: 0; }
#body.Mandant_27604 .T2886 #cart table.cart td.total.euro { opacity: 0; border-top-width: 1px !important; }
#body.Mandant_27604 .T2886 #cart:not(.checkout) table.cart tr:last-child { display: none; }
@media all and (max-width: 950px) {
.T2886 .form { max-width: 400px; margin: 0px auto; }
.T2886 .adresse { float: none; width: 100%; padding-right: 0px;  }
.T2886 .terms { float: none; width: 100%; margin: 20px 0px;  }
}
@media all and (max-width: 700px) {
.T2886 #cartProgressBar { font-size: 12px; }
.T2886 table.cart { display: block}
.T2886 table.cart > tbody { display: block}
.T2886 table.cart > tbody > tr { display: block; width: 100%; position: relative; }
.T2886 table.cart > tbody > tr > th { display: none}
.T2886 table.cart > tbody > tr > td { display: block; width: 100% !important; box-sizing: border-box; }
.T2886 table.cart > tbody > tr > td.image { float: left; width: 100px !important; border-width: 0px !important;}
.T2886 table.cart > tbody > tr > td.item { padding-left: 120px !important; border-width: 0px !important; }
.T2886 table.cart > tbody > tr > td.details { padding: 0px 0px 0px 120px !important; border-width: 0px !important; }
.T2886 table.cart > tbody > tr > td.euro { padding-left: 120px !important; }
.T2886 table.cart > tbody > tr > td.optional_items_button { text-align: right; margin-top: 10px; margin-bottom: 20px; }
.T2886 table.cart td { padding-top: 0px !important; padding-bottom: 0px !important; border-bottom: 0px solid rgba(0,0,0,0.1) !important; }
.T2886 table.cart td.remove { position: absolute; right: -20px; top: 10px; }
.T2886 table.data { display: block}
.T2886 table.data tbody { display: block}
.T2886 table.data th { display: none}
.T2886 table.data tr { display: block; width: 100%;}
.T2886 table.data td { display: block; width: 100% !important; box-sizing: border-box; }
.T2886 table.data td.input { display: flex; }
.T2886 table.data td.input > label { flex: 1; }
.T2886 table.data td.input > span { flex: 3; }
.T2886 .cart-section { display: block !important; }
}
@media all and (max-width: 567px) {
.T2886 .cartHeader {
flex-direction: column;
}
.T2886 #cartProgressBar { order: 2; }
.T2886 #cart-shop-button { order: 1; margin-bottom: 15px; align-self: flex-end; }
.T2886 #cartform .wrapper .newsletter { width: 100% !important; float: none !important; margin: 0 0 25px 0 !important; }
.T2886 #cartform .wrapper .herkunft { width: 100% !important; float: none !important; margin: 0 0 25px 0 !important; }
}
.T2886 .empty {
border: 0px solid #fff !important;
color: #000 !important;
background-color: #fff;
box-shadow: 5px 5px 25px rgba(0,0,0,0.1);
padding: 60px 20px; 
font-size: 25px; 
margin: 20px 0px;
border-radius: 10px;
}
.T2886 .empty .icon {
color: #c33;
font-size: 50px;
margin: 20px;
}
.T2886 .cart_error {
border: 0px solid #fff !important;
color: #000 !important;
background-color: #fff !important;
box-shadow: 5px 5px 25px rgba(0,0,0,0.1);
border-radius: 10px !important;
padding: 25px 50px !important; 
font-size: 25px !important; 
margin: 30px 0px !important;
text-align: center;
}
.T2886 .cart_error .icon {
color: #f33;
font-size: 50px;
margin: 20px;
}
.T2886 .cart_error .info {
margin-top: 20px;
font-size: 16px;
color: #999;
}
.T2886 .success {
border: 0px solid #fff !important;
color: #000 !important;
background-color: #fff;
box-shadow: 5px 5px 25px rgba(0,0,0,0.1);
border-radius: 10px!important;
padding: 60px 20px!important; 
font-size: 25px !important; 
margin: 20px 0px !important;
text-align: center !important;
}
.T2886 .success .icon {
color: #3c3;
font-size: 60px;
margin: 20px;
text-align: center;
}.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.S8820 .wrapper .text {
column-count: 2;
column-gap: 2em;
}
@media all and (max-width: 567px) {
.T2897.S8820 .wrapper .text {
column-count: 1;
}
}.T2897.S5270 .wrapper .text {
text-align: center;
}.T2897.S8162 .wrapper .buttonwrapper { justify-content: 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;
}.T2898 .info a { color: #808080; }
.T2898 .outer {
max-width: 900px;margin: 0px auto;}
.T2898 .bild {
margin: 0px 0px 30px 0px;}
.T2898 .bild .inner {
position: relative;}
.T2898 .bild .titel {
position: absolute;bottom: 0px;left: 0px;background-color: #fff;color: #777;padding: 5px 20px;font-size: 16px;}
.T2898 .bild .info {
margin: 10px 0px 0px;text-align: right;}
.T2898 .bild img { 
width: 100%;height: auto;}
@media all and (min-width: 768px) and (max-width:1023px) {
.T2898 .outer {
max-width: 900px;width: 100%;margin: 0px auto;column-gap: 20px;justify-content: space-between;}
.T2898 .outer img { width: 100%; height: auto; }
.T2898.S6592 .bild { flex: 1; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T2898 .outer {
max-width: none;width: 100%;margin: 0px auto;column-gap: 20px;justify-content: space-between;}
.T2898 .outer img { width: 100%; height: auto; }
.T2898.S6592 .bild { flex: 1; }
}
@media all and (max-width: 567px) {
.T2898 .outer {
max-width: none;width: 100%;margin: 0px auto;column-gap: 20px;justify-content: space-between;}
.T2898 .outer img { width: 100%; height: auto; }
.T2898.S6592 .bild { flex: 1; }
.T2898.S6592 .bild .titel {
position: unset;color: #777;padding: 0 !important;}
}
.T2898.S9211 .outer { max-width: 675px;	}.T2899 {
margin-top: 2rem;margin-bottom: 2rem;}
.T2899 h3 { margin-bottom: 0.9rem !important; }
.T2899 .text {
margin: 1rem 0px 1.2rem 0px;}
.T2899 .hide {
display: none;}
.T2899 .inner {
position: relative;}
.T2899 .privacy {
background-color: rgba(125,125,125,0.4);border-radius: 0.5rem;padding: 1.5rem 1rem;text-align: center;}
.T2899 .inner .zoom {
color: #fff;position: absolute;bottom: 100%;right: 0px;padding: 0.2rem 1rem .25rem 1rem;border-radius: 15px;margin-bottom: 0.7rem;line-height: 1;text-decoration: none;}
.T2899 .inner .zoom:hover {
transform: scale(1.1);}
.T2899.S8987 iframe {
aspect-ratio: 16/9;}.T2903 .text {
margin-top: 10px;
}
.T2912 * { box-sizing: content-box; }
.T2912 h3 {
margin: 0px 0px 20px 0px !important;
}
.T2912 .allerrors { margin: 0 0 10px 0; }
.T2912 .allerrors .error { display: inline-block; background-color: #F00; color: #FFF; padding: 3px 5px; font-size: 12px; margin: 0 0 3px 0; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widgets { margin-bottom: .5rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widgets > .mandatory { display: flex; justify-content: flex-end; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups {
display: flex;
flex-wrap: wrap;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group {
width:  100%;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups :is(.break,.clear) {
width: 100%;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element {
margin: 0 0 1.3rem 0;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .label .help {
font-size: 0.9rem;
margin-bottom: 0.7rem;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element.cond_hide {
display: none;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element .label h4 {
margin: 0 0 0.3rem 0;
font-weight: bold;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .footer {
margin:  0 0 0.5rem 0;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .footer .form_buttons {
display: flex;
justify-content:  flex-end;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]) {
width: 100% !important;
box-sizing: border-box;
font-size: 1rem;
border: 1px solid #cacaca;
background-color: #fff;
padding: .5rem;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element select { width: 100%; height: 2.4375rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element textarea { width: 100%; box-sizing: border-box; font-family: Arial; border: 1px solid #cacaca; padding: .3rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]):focus, :is(#TraminoForm.newcss,.TraminoForm.newcss) .element textarea:focus {
outline: 0;
border: 1px solid #000;
box-shadow: 0 0 5px #cacaca;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile {
display: flex;
justify-content: space-between;
margin-bottom: 0.55rem;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget :is(.clear,.break) { width: 0; display: none; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile .Feld { flex-grow: 0; flex-shrink: 0; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile .Feld .Label { 
font-size: 0.8rem;
margin-left: 0.2rem;
margin-top: 0.1rem;
color: var(--label_color);
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_vorname { width: calc(45% - 0.5rem) }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_nachname { width: 55%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_firma { width: calc(50% - 0.25rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_abteilung { width: calc(50% - 0.25rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_abteilung .adresse_firma { width: 100% !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_strasse { width: 80%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_hausnr { width: calc(20% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_plz { width: 20%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_ort { width: calc(50% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_ortsteil { width: calc(30% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.noortsteil .adresse_ort { width: calc(80% - 0.5rem) !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_telefon { width: 33%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_fax { width: calc(33% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_mobil { width: calc(33% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax .adresse_telefon { width: 50% !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax .adresse_mobil { width:  calc(50% - 0.5rem) !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax.no_mobil .adresse_telefon { width: 100% !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.telonly .adresse_telefon { width: 100%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_email { width: 100%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_land { width: 100%; }

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

margin-bottom:  1rem;
width:  auto !important;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element input { grid-area: checkbox; display: flex; align-self: flex-start; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element span { grid-area: headline; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element .info { grid-area: info; font-size: 0.8rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates { display: flex; flex-wrap: wrap; margin-top: 0.5rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum { display: flex; flex-wrap: wrap; margin-bottom: 0.3rem; margin-right: 0.3rem; align-items: center; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum .Widget { width: 100px; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum label {  display: inline-block;  width: 80px;}
@media (min-width: 768px) {
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups {
justify-content: space-between;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group {
width:  48%;
padding: 0 2% 1% 0;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group + :is(#TraminoForm.newcss,.TraminoForm.newcss) .groups > div.clear {
width:  100%;
}
}
.TraminoForm.newcss .Widgets { margin-bottom: .5rem; }
.TraminoForm.newcss .Widgets > .mandatory { display: flex; justify-content: flex-end; }
.TraminoForm.newcss .groups {
display: flex;
flex-wrap: wrap;
}
.TraminoForm.newcss .groups .group {
width:  100%;
}
.TraminoForm.newcss .groups :is(.break,.clear) {
width: 100%;
}
.TraminoForm.newcss .element {
margin: 0 0 1.3rem 0;
}
.TraminoForm.newcss .element.cond_hide {
display: none;
}
.TraminoForm.newcss .element .label h4 {
margin: 0 0 0.3rem 0;
}
.TraminoForm.newcss .footer {
margin:  0 0 0.5rem 0;
}
.TraminoForm.newcss .footer .form_buttons {
display: flex;
justify-content:  flex-end;
}
.TraminoForm.newcss .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]) {
width: 100% !important;
box-sizing: border-box;
font-size: 1rem;
border: 1px solid #cacaca;
background-color: #fff;
padding: .5rem;
}
.TraminoForm.newcss .element select { width: 100%; }
.TraminoForm.newcss .element textarea { width: 100%; box-sizing: border-box; font-family: Arial; border: 1px solid #cacaca; padding: .3rem; }
.TraminoForm.newcss .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]):focus, .TraminoForm.newcss .element textarea:focus {
outline: 0;
border: 1px solid #000;
box-shadow: 0 0 5px #cacaca;
}
.TraminoForm.newcss .AdresseWidget .Zeile {
display: flex;
justify-content: space-between;
margin-bottom: 0.2rem;
}
.TraminoForm.newcss .AdresseWidget :is(.clear,.break) { width: 0; display: none; }
.TraminoForm.newcss .AdresseWidget .Zeile .Feld { flex-grow: 0; flex-shrink: 0; }
.TraminoForm.newcss .AdresseWidget .Zeile .Feld .Label { font-size: 0.85rem; }
.TraminoForm.newcss .AdresseWidget .adresse_vorname { width: calc(45% - 0.5rem) }
.TraminoForm.newcss .AdresseWidget .adresse_nachname { width: 55%; }
.TraminoForm.newcss .AdresseWidget .adresse_firma { width: calc(50% - 0.25rem); }
.TraminoForm.newcss .AdresseWidget .adresse_abteilung { width: calc(50% - 0.25rem); }
.TraminoForm.newcss .AdresseWidget .adresse_strasse { width: 80%; }
.TraminoForm.newcss .AdresseWidget .adresse_hausnr { width: calc(20% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget .adresse_plz { width: 20%; }
.TraminoForm.newcss .AdresseWidget .adresse_ort { width: calc(50% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget .adresse_ortsteil { width: calc(30% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget.noortsteil .adresse_ort { width: calc(80% - 0.5rem) !important; }
.TraminoForm.newcss .AdresseWidget .adresse_telefon { width: 33%; }
.TraminoForm.newcss .AdresseWidget .adresse_fax { width: calc(33% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget .adresse_mobil { width: calc(33% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget.no_fax .adresse_telefon { width: 50% !important; }
.TraminoForm.newcss .AdresseWidget.no_fax .adresse_mobil { width:  calc(50% - 0.5rem) !important; }
.TraminoForm.newcss .AdresseWidget.telonly .adresse_telefon { width: 100%; }
.TraminoForm.newcss .AdresseWidget .adresse_email { width: 100%; }
.TraminoForm.newcss .AdresseWidget .adresse_land { width: 100%; }
.TraminoForm.newcss .SchulnotenWidget .break { display: none; width: 0px; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung { display: flex; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung.Absatz { margin-top: 1rem; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung { margin-bottom: 0.1rem; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung.Absatz .Name { font-weight: bold; hyphens: auto; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten { display: flex; margin-right: 1rem; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten span.Note { display: block; width: 20px; text-align: center; }
.Widget.StaticStarsWidget {
height:16px;
width:80px;
background: transparent url(/tramino/gfx/rating/ui.stars.gif) 0 -32px;
}
.Widget.StaticStarsWidget .StativStarsAktiv{
height:16px;
background: transparent url(/tramino/gfx/rating/ui.stars.gif) 0 -48px;
}
.Widget.StaticStarsWidgetSmall {
height:10px;
width:50px;
background: transparent url(/tramino/gfx/rating/ui.stars_s.gif) 0 -10px;
padding:0px !important;
margin:0px !important;
}
.Widget.StaticStarsWidgetSmall .StativStarsAktiv{
height:10px;
background: transparent url(/tramino/gfx/rating/ui.stars_s.gif) 0 -20px;
}
.TraminoPaginator {
margin: 0px;
line-height: 1.6em;
}
.TraminoPaginator span.anzahl {
padding-right: 30px;
font-size: 11px;
}
.TraminoPaginator span a {
padding: 2px 5px 2px 5px !important;
text-decoration: none;
border: 0px !important;
color: #666;
}
.TraminoPaginator span.button a {
display:inline-block;
font-size:13px;
background-color: #ccc;
padding: 2px 10px 2px 10px !important;
margin-right:4px;
}
.TraminoPaginator span.button.active a {
background-color: #333;
color:#fff;
}
.TraminoPaginator span a:hover {
background-color: #000 !important;
color: #fff !important;
}
.TraminoPaginator span.aktiv a {
font-size: 1.4em;
font-weight: bold;
color: #000;
}
#lightroom .TraminoPaginator {
color: #666;
}
#lightroom .TraminoPaginator span a {
color: #666;
}
#lightroom .TraminoPaginator span.aktiv a {
color: #fff;
}
#lightroom .TraminoPaginator span a:hover {
background-color: #fff !important;
color: #000 !important;
}
.TraminoForm.newcss .formtype_Divider .divider { font-weight: bold;font-size: 1.3rem; }
@media (max-width: 567px) {
.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten span.Note { width: 15px; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung { border-top: 1px solid #CCC; padding-top: 0.5rem; margin-top: 0.5rem; }
}
@media (min-width: 768px) {
.TraminoForm.newcss .groups {
justify-content: space-between;
}
.TraminoForm.newcss .groups .group {
width:  48%;
padding: 0 2% 1% 0;
}
.TraminoForm.newcss .groups .group + .TraminoForm.newcss .groups > div.clear {
width:  100%;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T2912 .TraminoForm .group {
width: 45%;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T2912 .TraminoForm .group {
float: none;
padding: 0px;
}
}
@media all and (max-width: 567px) {
.T2912 .TraminoForm .group {
float: none;
padding: 0px;
width: 100% !important;
}
}
.S5709 .inner {
padding: 30px;
background-color: #fff;
}.S6436 .inner {
padding: 30px;
background-color: rgba(255,255,255,0.6);
}.S6437 .inner {
padding: 30px;
background-color: rgba(0,0,0,0.1);
}.S8191 .inner {
padding: 30px;
color: #FFF;
}.S6491 .TraminoForm {
max-width: 700px;
margin: 0px auto;
}
.S6491 .TraminoForm .Widget {
font-size: 15px;
}
.S6491 .TraminoForm .group {
width: 100% !important;
}
.S6491 .TraminoForm .element  {
margin-top: 30px !important;
padding-bottom: 30px !important;
border-bottom: 1px solid #ddd;
}
.S6491 .TraminoForm .label h4 {
margin-bottom: 5px;
font-size: 17px;
}
.S6491 .TraminoForm .label .help {
color: #777;
}
.S6491 .TraminoForm .input {
margin-top: 15px;
}
.T3180 .termin  {
display: flex;justify-content: space-between;padding: 15px 20px;margin: 0 0 20px 0;min-height: 70px;background-color: #fff;}
.T3180 .termin a { color: #AA784C; }
.T3180 .termin h2 { margin: 0 0 5px 0; font-weight: 300; font-size: 35px; }
.T3180 .termin h3 { margin: 0; font-weight: 300; font-size: 20px; margin-bottom: 20px;}
.T3180 .termin .text {
flex: 1;margin: 0 0 0px 100px;}
.T3180 .termin .infos {
color: rgba(0,0,0,0.7);font-size: 14px;}
.T3180 .termin .infos a { text-decoration: none; }
.T3180 .termin .infos .ort {
display: inline-block;min-height: 16px;background-image: url(https://cdn.tramino.net/s/gemeinde-rettenberg/728961/poi.png);background-image: url(https://cdn.tramino.net/s/gemeinde-rettenberg/728960/poi.svg);background-size: 16px 16px;background-repeat: no-repeat;background-position: top 0px left 0px;padding: 0 0 0 20px;}
.T3180 .termin .infos .status { padding-left: 20px; }
.T3180 .termin .datewrapper {
width: 70px;margin: 0 30px 0 0;}
.T3180 .termin .date {
width: 70px;min-height: 70px;height: auto;background-color: #AAAAAA;color: #FFF;padding: 10px 0 10px 0;}
.T3180 .termin .date.multidate { min-height: 70px; height: 100%; }
.T3180 .termin .date.multidate .termin_to { font-size: 20px; }
.T3180 .termin .date .wd { 
text-align: center;}
.T3180 .termin .date .day { 
font-size: 35px;line-height: 1.1;font-weight: bold;text-align: center;}
.T3180 .termin .date.multidate .day { font-size: 30px; line-height: 1.2; }
.T3180 .termin .date .month { 
font-size: 15px;text-align: center;text-transform: uppercase;}
.T3180 .termin .date .year { 
font-size: 15px;text-align: center;text-transform: uppercase;}
.T3180 .termin .date .uhrzeit { 
font-size: 15px;text-align: center;text-transform: uppercase;}
.T3180 .termin a.showmore { float: right; margin: 20px 0 0 0;  }
.T3180 .termin .text .moreinfos {
display: none;}
.T3180 .termin .item { margin-bottom: 15px; }
.T3180 .termin .headline { margin-bottom: 5px; }
.T3180 .termin .bildergrid .galleryimage {
width: calc( 25% - 25px );margin-right: 25px;margin-bottom: 25px;}
.T3180 .termin .bildergrid .galleryimage img {
width: 100%;height: auto;}
.T3180 .termin.wimage:after { display: block; content: ""; clear: both; }
.T3180 .termin.wimage .text {
width: 720px;margin-left: 0px;margin-right: 20px;}
.T3180 .termin.wimage .image {
width: 300px;}
.T3180 .termin.wimage .image img { width: 100%; height: auto; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3180 .termin .date .day { font-size: 33px; }
.T3180 .termin .date.multidate .day { font-size: 28px; }
.T3180 .termin .date .month { font-size: 14px; }
.T3180 .termin.wimage .text {
width: 500px;}
.T3180 .termin h2 { font-size: 30px }
.T3180 .termin h3 { font-size: 18px }
.T3180 .termin a.showmore { font-size: 15px }
.T3180 .termin .moreinfos { font-size: 15px }
.T3180 .termin .bildergrid .galleryimage {
width: calc( 25% - 20px );margin-right: 20px;margin-bottom: 20px;}
.T3180 .termin.wimage .image {
width: 250px;}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3180 .termin .date .day { font-size: 30px; }
.T3180 .termin .date.multidate .day { font-size: 25px; }
.T3180 .termin .date .month { font-size: 13px; }
.T3180 .termin {
display: flex;}
.T3180 .termin .datewrapper {
float: none;width: 50px;}
.T3180 .termin .date  {
width: 100%;height: auto;}
.T3180 .termin.wimage .text {
width: auto;float: none;flex: 1;}
.T3180 .termin h2 { font-size: 26px }
.T3180 .termin h3 { font-size: 17px }
.T3180 .termin a.showmore { font-size: 14px }
.T3180 .termin .moreinfos { font-size: 14px }
.T3180 .termin .item { margin-bottom: 12px; }
.T3180 .termin .headline { margin-bottom: 8px; }
.T3180 .termin .bildergrid .galleryimage {
width: calc( 25% - 15px );margin-right: 15px;margin-bottom: 15px;}
.T3180 .termin.wimage .image {
width: 180px;margin: 0 0 0 20px;float: none;}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3180 .termin {
display: flex;}
.T3180 .termin .datewrapper {
float: none;width: 45px;height: auto;}
.T3180 .termin .date  {
width: 100%;height: auto;}
.T3180 .termin .date .day { font-size: 25px; }
.T3180 .termin .date.multidate .day { font-size: 20px; }
.T3180 .termin .date .month { font-size: 12px; }
.T3180 .termin.wimage .text {
width: auto;float: none;flex: 1;}
.T3180 .termin h2 { font-size: 23px }
.T3180 .termin h3 { font-size: 16px }
.T3180 .termin .infos .ort { font-size: 13px; background-size: 15px 15px; min-height: 15px; padding: 0 0 0 17px; }
.T3180 .termin a.showmore { font-size: 13px }
.T3180 .termin .moreinfos { font-size: 13px }
.T3180 .termin .item { margin-bottom: 10px; }
.T3180 .termin .headline { margin-bottom: 6px; }
.T3180 .termin .bildergrid .galleryimage {
width: calc( 25% - 10px );margin-right: 10px;margin-bottom: 10px;}
.T3180 .termin.wimage .image {
width: 130px;margin: 0 0 0 10px;float: none;}
}
@media all and (max-width: 567px) {
.T3180 #events_panel { height: 120px !important; }
.T3180 .termin {
display: flex;}
.T3180 .termin .datewrapper {
float: none;width: 45px;height: auto;}
.T3180 .termin .date  {
width: 100%;height: auto;}
.T3180 .termin .date.multidate { height: 100%; padding: 10px 5px 10px 5px; }
.T3180 .termin .date .day { font-size: 25px; }
.T3180 .termin .date.multidate .day { font-size: 20px; }
.T3180 .termin .date .month { font-size: 12px; }
.T3180 .termin.wimage .text {
width: auto;float: none;flex: 1;}
.T3180 .termin h2 { font-size: 20px }
.T3180 .termin h3 { font-size: 15px }
.T3180 .termin .infos .ort { font-size: 12px; background-size: 14px 14px; min-height: 14px; padding: 0 0 0 16px; }
.T3180 .termin a.showmore { font-size: 13px; float: right; margin-top: 0;  }
.T3180 .termin .moreinfos { font-size: 13px }
.T3180 .termin .item { margin-bottom: 8px; }
.T3180 .termin .headline { margin-bottom: 5px; }
.T3180 .termin .bildergrid .galleryimage {
width: calc( 50% - 10px );margin-right: 10px;margin-bottom: 10px;}
.T3180 .termin.wimage .image {
width: 100px;margin: 0 0 0 10px;float: none;}
}
.T3180.S7720 .termin.wimage .image { width: 200px; }.T3358 #events_panel {
padding: 20px 0px;	
}
.T3358 #events_panel form {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.T3358 #events_panel form label {
font-size:0.8em;
display: block;
}
.T3358 #events_panel .elm { position: relative; }
.T3358 #events_panel .elm1 { width:125px; padding-left:0px; }
.T3358 #events_panel .elm2 { width:135px; padding-left:5px; }
.T3358 #events_panel .elm3 { width:140px; }
.T3358 #events_panel .elm4 { width:105px; }
.T3358 #events_panel .elm .date_select {
display: flex;
}
.T3358 #events_panel :is(.elm1, .elm2) input { width:90px; margin-right:5px; }
.T3358 #events_panel .elm3 input { width:120px;  }
.T3358 #events_panel .elm .date_select img { display: block; flex-grow: 0; flex-shrink: 0; width: 16px; height: 15px; }
.T3358 .hide { display: none !important; }
.T3358 .maxwidthsmall {
position: relative;
}
.T3358 .wrapper {
margin: 0 0 0 0px;
padding: 0 0 30px 0;
}
.T3358 .wrapper .panel {
padding: 10px 0 10px 0;
}
.T3358 .wrapper .entry {
position: relative;
margin: 0 0px 40px 0;
padding: 40px 0 0 0;
border-top: 1px solid #CCC;
}
.T3358 .wrapper .entry.hide { display: none; }
.T3358 .wrapper .entry:after { display: block; content: ""; clear: left; }
.T3358 .wrapper .entry .anker {
display: block;
 

}
.T3358 .wrapper .entry .datebox {
float: left;
background-color: #888;
color: #FFF;
width: 100px;
font-weight: 700;
box-sizing: border-box;
margin: 0 30px 0 0;
}
.T3358 .wrapper .entry .date {
padding: 10px 0 10px 15px;
}
.T3358 .wrapper .entry .date .weekday { font-size: 14px; line-height: 1; }
.T3358 .wrapper .entry .date .day { font-size: 45px; line-height: 1; margin: 4px 0; }
.T3358 .wrapper .entry .date .month { font-size: 15px; line-height: 1; margin: 0 0 3px 0; }
.T3358 .wrapper .entry .date .year { font-size: 15px; line-height: 1; }
.T3358 .wrapper .entry .datebox .status { font-size: 15px; line-height: 1; padding: 10px 0 10px 15px; }
.T3358 .wrapper .entry .datebox .status.full { background-color: #555d50; font-size: 12px; }
.T3358 .wrapper .entry .datebox .status.planned { background-color: #01b872 }
.T3358 .wrapper .entry .datebox .status.cancelled { background-color: #9b2423; padding: 10px 0 10px 10px; }
.T3358 .wrapper .entry .image {
float: left;
width: 230px;
min-height: 20px;
margin: 0 30px 0 0;
position: relative;
}
.T3358 .wrapper .entry .image .destination {
position: absolute;
right: 15px;
bottom: 15px;
background-color: #FFF;
color: #000;
padding: 3px 12px;
font-size: 12px;
}
.T3358 .wrapper .entry .image img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
.T3358 .wrapper .entry .image .images {
display: grid;
grid-template-columns: 48% 48%;
column-gap: 10px;
padding-top: 10px;
}
.T3358 .wrapper .entry .infos {
float: left;
width: 480px;
margin: 0 30px 0 0;
}
.T3358 .wrapper .entry .eventlocation a {
font-size: 12px;
}
.T3358 .wrapper .entry .eventtext {
margin-top: 20px;
}
.T3358 .wrapper .entry .infos .eventheadline {
font-size: 30px;
padding: 10px 0 10px 0;
text-decoration: none;
}
.T3358 .wrapper .entry .booking .off {
display: flex;
justify-content: flex-end;
}
.T3358 .wrapper .entry .booking .available {
color: #fff;
background-color: #f00;
padding: 2px 6px;
display: inline-block;
margin: 10px 0px;
}
.T3358 .wrapper .entry .booking .prices {
margin: 0 0 10px 0;
text-align: right;
}
.T3358 .wrapper .entry .booking .itemname {
display: inline-block;
font-size: 13px;
margin: 0 0 4px 0;
}
.T3358 .wrapper .entry .booking .eventprice {
display: inline-block;
padding: 0px 10px 0 50px;
font-size: 19px;
min-width: 140px;
}
.T3358 .wrapper .entry .booking .button {
display: inline-block;
padding: 4px 20px;
border-radius: 3px;
cursor: pointer;
position: relative;
top: 6px;
}
.T3358 .wrapper .entry .more { margin-top: 10px; text-align: right; font-size: 12px; }
.T3358 .wrapper .entry .more .button { display: inline-block; padding: 5px 10px; }
.T3358 .referent {
padding: 20px 0;
}
.T3358 .referent .referent-headline {
font-size: 20px;
margin: 0 0 15px 0;
}
.T3358 .referent .crew-item:after { display: block; content: ""; clear: left; }
.T3358 .referent .crew-item .crew-image { float: left; width: 70px; margin: 0 20px 0 0;}
.T3358 .referent .crew-item .crew-image img { width: 100%; height: auto; aspect-ratio:  1 / 1; object-fit: cover; }
.T3358 .referent .crew-item .crew-infos { float: left; width: 410px; }
.T3358 .referent .crew-item .crew-infos .crew-name { font-size: 18px; margin: 0 0 5px 0; }
.T3358 .referent .crew-item .crew-infos .crew-text { font-size: 12px; }
.T3358 .TraminoPaginator { text-align: right; margin: 0px 20px 10px 0px }
.T3358 .modalcart.show { display: block !important; }
.T3358 .modalcart {
display: none;
position: absolute;
top: 0px;
text-align: left;
width: 100%;
padding: 5px 10px;
height: auto;
background-color: #FFF;
box-sizing: border-box;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
border: 2px solid #61aa20;
z-index: 10;
margin-top: 5px;
}
.T3358 .modalcart .cart_inner .close {
cursor: pointer;
position: absolute;
right: 6px;
top: 0px;
}
.T3358 .modalcart .cart_inner label { font-size: 12px; padding-right: 5px; }
.T3358 .modalcart .cart_inner .button.finish { padding: 0 10px; }
.tofilter { min-height: 700px; }
.tofilter .filterbar {
background-color: #FFF;

padding: 15px 0;
}
.tofilter .filterbar .inner { position: relative; }
.tofilter .filterbar .mobileclose { display: none; position: absolute; top: -5px; right: 10px; cursor: pointer; }
.tofilter .filterbar .box {
margin: 0 0 20px 30px;
}
.tofilter .filterbar .box .headline {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 15px 0;
}
.tofilter .filterbar .box ul {
margin: 0;
padding: 0;
list-style-type: none;
columns: 3;
}
.tofilter .filterbar .box ul li {
margin: 0;
padding: 0;
}
.tofilter .filterbar .box ul li .inner {
position: relative;
display: block;
font-size: 15px;
line-height: 1.1;
padding: 0px 0 6px 22px;
cursor: pointer;
text-decoration: none;
color: #000;
}
.tofilter .filterbar .box ul li .inner:before {
content: '';
display: block;
position: absolute;
top: 3px;
left: 0;
background: #DDD;
vertical-align: middle;
width: 12px;
height: 12px;
text-align: center;
}
.tofilter .filterbar .box ul li .inner.active:before {
background-color: #888;
background-image: url(https://tramino.s3.amazonaws.com/s/explorer-hotels/767029/checkbox.png);
background-position: top left;
background-repeat: no-repeat;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper {
position: relative;
width: 180px;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .minvalue {
position: absolute;
top: 0;
left: 0;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .maxvalue {
position: absolute;
top: 0;
right: 0;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrangewrapper {
padding-top: 30px;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrange {
width: 100%;
}
.tofilter .filterbar .box .info {
font-size: 11px;
}
.tofilter .mobilefilter { 
cursor: pointer;
display: none;
margin: 0 0 20px 20px;
border: 1px solid #555;
color: #555;
padding: 4px 12px;
font-size: 14px;
}
.tofilter .mobilefilter i { font-size: 16px; } 
.tofilter .mobilefilter.open { background-color: #555; color: #FFF; }

@media all and (min-width: 1000px) and (max-width: 1250px) {
.T3358 .wrapper { margin: 0 0 0 0px; }
.T3358 .wrapper .entry .datebox { width: 90px; margin-right: 25px; }
.T3358 .wrapper .entry .date .weekday { font-size: 14px; }
.T3358 .wrapper .entry .date .day { font-size: 42px; }
.T3358 .wrapper .entry .date .month { font-size: 14px; }
.T3358 .wrapper .entry .date .year { font-size: 14px; }
.T3358 .wrapper .entry .image { width: 210px; height: 210px; margin-right: 25px; }
.T3358 .wrapper .entry .infos { width: 310px; margin-right: 25px; }
.T3358 .wrapper .entry .infos .eventheadline { font-size: 28px; }
.T3358 .referent {
padding: 15px 0;
}
.T3358 .referent .referent-headline {
font-size: 19px;
margin: 0 0 13px 0;
}
.T3358 .referent .crew-item .crew-image { width: 60px; margin: 0 20px 0 0;}
.T3358 .referent .crew-item .crew-infos { width: 220px; }
.T3358 .referent .crew-item .crew-infos .crew-name { font-size: 17px; margin: 0 0 5px 0; }
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T3358 .wrapper { margin: 0 0 0 0px; }
.T3358 .wrapper .entry { display: flex; }
.T3358 .wrapper .entry .datebox { float: none; width: 80px; height: 110px; margin-right: 20px; }
.T3358 .wrapper .entry .date .weekday { font-size: 13px; }
.T3358 .wrapper .entry .date .day { font-size: 38px; }
.T3358 .wrapper .entry .date .month { font-size: 13px; }
.T3358 .wrapper .entry .date .year { font-size: 13px; }
.T3358 .wrapper .entry .image { float: none; width: 160px; height: 160px; margin-right: 20px; }
.T3358 .wrapper .entry .infos { float: none; width: auto; flex: 1; margin-right: 20px; }
.T3358 .wrapper .entry .infos .eventheadline { font-size: 24px; }
.T3358 .wrapper .entry .infos .eventintro { font-size: 15px; }
.T3358 .wrapper .entry .datebox .status { font-size: 11px; }

.tofilter .filterbar .box .headline { font-size: 17px; }
.tofilter .filterbar .box ul li { margin: 0 0 5px 0; }
.tofilter .filterbar .box ul li span { font-size: 14px; padding-top: 3px; }
.tofilter .filterbar .box[data-filtertype="slider"] .sliderwrapper { width: 160px; }
.tofilter .filterbar .box[data-filtertype="slider"] .sliderwrapper .sliderrange { width: 95%; }
.T3358 .referent {
padding: 14px 0;
}
.T3358 .referent .referent-headline {
font-size: 18px;
margin: 0 0 12px 0;
}
.T3358 .referent .crew-item { display: flex; }
.T3358 .referent .crew-item .crew-image { float: none; width: 50px; margin: 0 15px 0 0;}
.T3358 .referent .crew-item .crew-infos { float: none; width: auto; flex: 1; }
.T3358 .referent .crew-item .crew-infos .crew-name { font-size: 16px; margin: 0 0 5px 0; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3358 #events_panel { padding: 20px 20px; }
.T3358 .mobilefilter { display: inline-block; }
.T3358 .wrapper { margin: 0 0 0 20px; }
.T3358 .wrapper .entry { display: flex; }
.T3358 .wrapper .entry .datebox { float: none; width: 80px; height: 110px; margin-right: 20px; }
.T3358 .wrapper .entry .datebox .status { font-size: 11px; }
.T3358 .wrapper .entry .date .weekday { font-size: 13px; }
.T3358 .wrapper .entry .date .day { font-size: 38px; }
.T3358 .wrapper .entry .date .month { font-size: 13px; }
.T3358 .wrapper .entry .date .year { font-size: 13px; }
.T3358 .wrapper .entry .image { float: none; width: 160px; height: 160px; margin-right: 20px; }
.T3358 .wrapper .entry .infos { float: none; width: auto; flex: 1; margin-right: 20px; }
.T3358 .wrapper .entry .infos .eventheadline { font-size: 24px; }
.T3358 .wrapper .entry .infos .eventintro { font-size: 15px; }
.tofilter .filterbar {
width: 100%;
}
.tofilter .filterbar .box .headline { font-size: 17px; }
.tofilter .filterbar .box ul { columns: 2; }
.tofilter .filterbar .box ul li { margin: 0 0 5px 0; }
.tofilter .filterbar .box ul li span { font-size: 14px; padding-top: 3px; }
.tofilter.grouprow .filterbar .box ul { display: block; }
.tofilter .filterbar .box[data-filtertype="slider"] .sliderwrapper { width: 160px; }
.tofilter .filterbar .box[data-filtertype="slider"] .sliderwrapper .sliderrange { width: 95%; }
.T3358 .referent {
padding: 14px 0;
}
.T3358 .referent .referent-headline {
font-size: 17px;
margin: 0 0 12px 0;
}
.T3358 .referent .crew-item { display: flex; }
.T3358 .referent .crew-item .crew-image { float: none; width: 40px; margin: 0 15px 0 0;}
.T3358 .referent .crew-item .crew-infos { float: none; width: auto; flex: 1; }
.T3358 .referent .crew-item .crew-infos .crew-name { font-size: 15px; margin: 0 0 5px 0; }
.T3358 .wrapper .entry .more { font-size: 11px; }
}
@media all and (max-width: 567px) {
.T3358 #events_panel { padding: 20px 20px; }
.T3358 .mobilefilter { display: inline-block; }
.T3358 .wrapper { margin: 25px 15px 0 15px; }
.T3358 .wrapper .entry { position: relative; display: flex; padding-top: 35px; }
.T3358 .wrapper .entry .datebox { position: absolute; top: 0; left: 0; float: none; display: flex; width: auto; margin: 0 0 10px 0; }
.T3358 .wrapper .entry .date { padding: 0px 10px 2px 10px; }
.T3358 .wrapper .entry .datebox .status { padding: 3px 10px 2px 10px; font-size: 14px; }
.T3358 .wrapper .entry .date .weekday { display: inline-block; font-size: 12px; line-height: 1; }
.T3358 .wrapper .entry .date .day { display: inline-block; font-size:12px; line-height: 1; }
.T3358 .wrapper .entry .date .month { display: inline-block; font-size: 12px; line-height: 1; }
.T3358 .wrapper .entry .date .year { display: inline-block; font-size: 12px; line-height: 1; }
.T3358 .wrapper .entry .image { float: none; width: 80px; height: 80px; margin-right: 15px; }
.T3358 .wrapper .entry .infos { float: none; flex: 1; width: auto; margin-right: 15px; }
.T3358 .wrapper .entry .infos .eventheadline { font-size: 22px; padding: 0 0 5px 0; }
.T3358 .wrapper .entry .infos .eventintro { font-size: 14px; }
.tofilter .mobilefilter { display: block; }
.tofilter .filterbar {
width: 100%;
margin-bottom: 25px;
}
.tofilter .filterbar .box .headline { font-size: 16px; }
.tofilter .filterbar .box ul { columns: auto; }
.tofilter .filterbar .box ul li { margin: 0 0 5px 0; }
.tofilter .filterbar .box ul li span { font-size: 14px; padding-top: 3px; }
.tofilter.grouprow .filterbar .box ul { display: block; }
.T3358 .referent {
padding: 14px 0;
}
.T3358 .referent .referent-headline {
font-size: 16px;
margin: 0 0 12px 0;
}
.T3358 .referent .crew-item { display: flex; }
.T3358 .referent .crew-item .crew-image { float: none; width: 40px; margin: 0 15px 0 0;}
.T3358 .referent .crew-item .crew-infos { float: none; width: auto; flex: 1; }
.T3358 .referent .crew-item .crew-infos .crew-name { font-size: 14px; margin: 0 0 5px 0; }
.T3358 .wrapper .entry .more { font-size: 10px; }
}
@media (max-width: 567px) {
.T3358 #events_panel .elm1 { width:48%; padding-right: 2%; }
.T3358 #events_panel .elm2 { width:48%; padding-left:0; }
.T3358 #events_panel .elm3 { width: 100%; }
.T3358 #events_panel .elm4 { width: 100%; }
.T3358 #events_panel :is(.elm1, .elm2 ) input { 
width: calc(100% - 20px);
} 
.T3358 #events_panel .elm3 input { width: 100%; }
.T3358 #events_panel .elm4 input { width: 100%; }
}
.T3580 { margin: 0px; }
.T3580 .maxwidth {
background-color: #FFF;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.T3580 .wrapper {
margin: 20px 30px;
background: url(https://tramino.s3.amazonaws.com/s/oberstdorf-event/809243/booking-bg.png) top left repeat;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-radius: 10px;
position: relative;
}
.T3580 .wrapper .head {
padding: 35px 20px 30px 20px;
}
.T3580 .wrapper .head .headline {
display: block;
color: #FFF;
text-align: center;
}
.T3580 .wrapper .head .subheadline {
font-size: 19px;
color: #FFF;
}
.T3580 .wrapper .inner {
background-color: #FFF;
margin: 45px 20px 25px 20px;
padding: 20px 0;
}
.T3580 .wrapper.onlybooking .inner {
margin: 15px 20px 25px 20px;
}
#body .T3580 #reserva .ReservaMobileCart  {  height: 40px !important; }
#body .T3580 #reserva .mobileCartBox { bottom: 0px; }
#body .T3580 #reserva .ReservaMobileCart .phone {  display: none !important; }
#body .T3580 #reserva .mobile-sticky-phone { display: none !important; }
#reserva .steps .step.on span.circle { background-color: #FF7E00 !important; }
#reserva .steps .step.on { color: #FF7E00 !important; }
#reserva .search .input.on .value { border-color: #FF7E00 !important; color: #FF7E00 !important; }
#reserva td.ui-datepicker-current-day { background-color: #FF7E00 !important; }
#reserva .selected { background-color: #FF7E00 !important; }
#reserva .LoadingBar .bar { background-color: #FF7E00 !important; }
#reserva .result .notfound { border: 2px dotted #FF7E00 !important; }
#reserva .result .item .details span:hover { background-color: #FF7E00 !important; }
#reserva #MiniCart .pos .remove:hover { background-color: #FF7E00 !important; }
#reserva .result .item .details span { box-sizing: content-box; }
body #reserva .ReservaMobileCart { background-color: #6C6C6C !important; box-shadow: -5px 0 10px rgba(0, 0, 0, 0.5); }
body #reserva .ReservaMobileCart .MobileCartSummary { color: #FFF !important; }
body #reserva .ReservaMobileCart .button.right { margin-right: 5px; }
body #reserva .ReservaMobileCart .button.left { margin-left: 5px; }
@media all and (min-width: 1000px) and (max-width: 1250px) {
.T3580 .wrapper, .T3580.S5592 .wrapper { margin: 15px 25px; }
.T3580 .wrapper .head .subheadline { font-size: 18px; }
.T3580 .wrapper .inner { margin: 40px 15px 25px 15px; }
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T3580 .wrapper, .T3580.S5592 .wrapper { margin: 12px 20px; }
.T3580 .wrapper .head .subheadline { font-size: 17px; }
.T3580 .wrapper .inner { margin: 35px 12px 20px 12px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3580 .wrapper, .T3580.S5592 .wrapper { margin: 10px 15px; }
.T3580 .wrapper .head .subheadline { font-size: 16px; margin: 15px 20px; }
.T3580 .wrapper .inner { margin: 30px 10px 15px 10px; }
.T3580 #cart table {
overflow-x: scroll;
overflow-y: hidden;
width: 100% !important;
display: block;
}
.T3580 .reserva-pricetable { overflow: auto; }
}
@media all and (max-width: 567px) {
.T3580 .maxwidth { margin-left: 0px !important; margin-right: 0px !important; }
.T3580 .wrapper, .T3580.S5592 .wrapper { margin: 15px 0px; background-image: none; }
.T3580 .wrapper .head .subheadline {  font-size: 15px; margin: 15px 20px; }
.T3580 .wrapper .inner { margin: 25px 0px 10px 0px; }
.T3580.S5592 .wrapper.onlybooking .inner { margin: 15px 0px 25px 0px; }
.T3580 .wrapper.onlybooking .inner { margin-top: 5px !important; padding: 0; }
.T3580.S5592 .wrapper .inner 
.T3580 #cart table {
overflow-x: scroll;
overflow-y: hidden;
width: 100% !important;
display: block;
}
.T3580 .wrapper.onlybooking .inner {
margin: 10px 3px 10px 3px;
}
.T3580 .reserva-pricetable { overflow: auto; }
}
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
#body .T3580 #reserva .ReservaMobileCart  {
height: 95px !important;
}
.T3580 .reserva-pricetable { overflow: auto; }
}
.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%
}
}.T3992 { position: relative; }
.T3992 .wrapper {
margin: 0 0 0 280px;
padding: 0 0 30px 0;
}
.T3992 .wrapper .inner:after { display: block; content: ""; clear: left; }
.T3992 .wrapper .entry {
position: relative;
float: left;
margin: 0 30px 30px 0;
background-color: #FFF;
width: 430px;
height: 520px;
}
.T3992 .wrapper .entry.hide { display: none; }
.T3992 .wrapper .entry .image {
position: relative;
}
.T3992 .wrapper .entry .image img { width: 100%; height: auto; }
.T3992 .wrapper .entry .image .destination {
position: absolute;
right: 15px;
bottom: 15px;
background-color: #FFF;
color: #000;
padding: 3px 12px;
font-size: 12px;
}
.T3992 .wrapper .entry .infos {
padding: 20px 25px;
}
.T3992 .wrapper .infos .blogheadline { font-size: 25px; margin: 10px 0 8px 0; }
.T3992 .wrapper .infos .blogheadline a { color: #000; text-decoration: none; }
.T3992 .wrapper .infos .intro { font-size: 17px; }
.T3992 .wrapper .entry .infos .metadata { 
position: absolute;
bottom: 10px;
left: 25px;
margin: 10px 0 0 0; 
font-size: 14px;
}
.T3992 .wrapper .entry .infos .metadata span { display: inline-block; margin: 0 10px 0 0; }
.T3992 .wrapper .entry .infos .metadata span i { margin: 0 5px 0 0; }
.T3992 .wrapper .entry .infos .metadata span.difficulty .colorbox {
width: 20px;
height: 10px;
margin: 0 5px 0 0;
} 
.T3992 .wrapper .entry .infos .metadata span.difficulty .colorbox.green { background-color: #4EA740; }
.T3992 .wrapper .entry .infos .metadata span.difficulty .colorbox.yellow { background-color: #F1E12A; }
.T3992 .wrapper .entry .infos .metadata span.difficulty .colorbox.red { background-color: #DA0605; }
.tofilter { min-height: 700px; }
.tofilter .filterbar {
width: 240px;
background-color: rgba(0,0,0,0.1);
position: absolute;
top: 30px;
left: 0;
z-index: 2;
padding: 15px 0;
}
.tofilter .filterbar .inner { position: relative; }
.tofilter .filterbar .mobileclose { display: none; position: absolute; top: -5px; right: 10px; cursor: pointer; }
.tofilter .filterbar .box {
margin: 0 0 20px 30px;
}
.tofilter .filterbar .box .headline {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 15px 0;
}
.tofilter .filterbar .box ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.tofilter .filterbar .box ul li {
margin: 0;
padding: 0;
}
.tofilter .filterbar .box ul li span {
position: relative;
font-size: 16px;
line-height: 1;
padding: 0 0 0 25px;
cursor: pointer;
}
.tofilter .filterbar .box ul li span:before {
content: '';
display: block;
position: absolute;
top: 5px;
left: 0;
background: #fff;
vertical-align: middle;
width: 12px;
height: 12px;
text-align: center;
}
.tofilter .filterbar .box ul li span.active:before {
background-color: #711C74;
background-image: url(https://tramino.s3.amazonaws.com/s/explorer-hotels/767029/checkbox.png);
background-position: top left;
background-repeat: no-repeat;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper {
position: relative;
width: 180px;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .minvalue {
position: absolute;
top: 0;
left: 0;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .maxvalue {
position: absolute;
top: 0;
right: 0;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrangewrapper {
padding-top: 30px;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrange {
width: 100%;
}
.tofilter .mobilefilter { 
cursor: pointer;
display: none;
margin: 0 0 20px 20px;
border: 1px solid #555;
color: #555;
padding: 4px 12px;
font-size: 14px;
}
.tofilter .mobilefilter i { font-size: 16px; } 
.tofilter .mobilefilter.open { background-color: #555; color: #FFF; }
.tofilter .nomatch { display: none; }
.T4374  {
padding: 30px 0px;
}
.T4374 .cols {
display: flex;
display: -ms-flexbox;
}
.T4374 .col {
flex: 5;
-ms-flex: 5 0 auto;
display: flex;	
display: -ms-flexbox;
flex-direction: column;
-ms-flex-direction: column;
}
.T4374 .col2 { 
flex: 4;
-ms-flex: 4 0 auto;
padding-left: 20px; 
}
@media all and (max-width: 768px) {
.T4374 .cols { display: block }
.T4374 .col2 { padding-left: 0px; }
}
.T4374 section {
flex: 1;
-ms-flex: 1 0 auto;
background-color: #fff;	
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
margin-bottom: 20px;
padding: 15px 20px 15px 20px;
border-radius: 5px;
position: relative;
}
.T4374 section.docs { flex: 2; -ms-flex: 2 0 auto; }
.T4374 section.checkout { flex: 5; -ms-flex: 5 0 auto; }
.T4374 section.preview { flex: 7; -ms-flex: 7 0 auto; }
.T4374 section .headline {
font-size: 22px;
font-weight: normal;
margin-bottom: 10px;
}
.T4374 section .headline.border {
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
}
.T4374 section .back {
position: absolute;
top: 15px;
right: 20px;
font-size: 14px;
border: 1px solid #aaa;
padding: 3px 10px;
text-decoration: none;
color: #888 !important;
border-radius: 3px;
}
.T4374 section .back:hover {
color: #000 !important;
background-color: transparent !important;
border: 1px solid #333 !important;
}

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

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

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

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

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

.T4374 .checkout  {  
display: flex;
display: -ms-flexbox;
flex-direction: column;
-ms-flex-direction: column;
}
.T4374 .checkout .row1 {  flex: 10; -ms-flex: 10 0 auto; }
.T4374 .checkout .row2 {  flex: 1; -ms-flex: 1 0 auto; text-align: right; padding-top: 20px;}
.T4374 .checkout .row1 .anzahl { padding-top: 20px; }
.T4374 .checkout .item {
display: flex;
display: -ms-flexbox;
text-decoration: none;
padding: 8px 10px;
border-bottom: 1px solid #ddd;
color: #333;
cursor: pointer;
}
.T4374 .checkout .image {
flex: 1;
-ms-flex: 1 0 auto;
min-width: 85px;
padding-right: 5px;
}
.T4374 .checkout .image img {
border-radius: 5px;
}
.T4374 .checkout .text {
padding-left: 0px;
flex: 8;
-ms-flex: 8 0 auto;
font-size: 13px;
line-height: 1.3;
margin: 0px 0px;
padding-right: 20px;
}
.T4374 .checkout .text .name {
font-size: 15px;
font-weight: bold;
}
.T4374 .checkout .text .info {
margin-top: 5px;
}
.T4374 .checkout .price {
margin: 3px 0px;
font-weight: bold;
font-size: 15px;
}
.T4374 .freibetrag { max-width: 100px; }
.T4374 .freibetrag__input { font-weight: bold; width: 65px; }
.T4374 .freibetrag__info { font-weight: bold; color: red; font-size: 12px; }
.T4374 .checkout .item.on {
border: 2px solid #666;
border-radius: 5px;
margin: -2px -2px -1px -2px;
}
.T4374 .back.button { 
display: inline-block;
padding: 5px 20px;
text-align: center;
background-color: #F28800 !important; color: #fff !important; 
border-radius: 5px;
cursor: pointer;
}
.T4374 .checkout .button { 
display: inline-block;
padding: 5px 20px;
text-align: center;
background-color: #e85725; color: #fff; 
border-radius: 5px;
cursor: pointer;
}
.T4374 p.gutschein_info { font-size: 13px; line-height: 1.3; text-align: left; margin: 0px 0px 5px 0px; }
.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;
}.T4532 .box {
width: 100%;height: auto;background: #fff;display: flex;}
.T4532 a {
color: #222222;}
.T4532 .box:not(.fullscreen2) .leftside {
flex-basis: 40%;margin: 25px 50px 20px 40px;}
.T4532 .box:not(.fullscreen2) .rightside {
flex-basis: 60%;margin: 25px 20px 30px 0px;}
.T4532 .box.fullscreen2 .leftside {
margin-bottom: 20px;}
.T4532 .box .leftside .subheadline p {
padding-top: 0;}
.T4532 .box.fullscreen2 .rightside {
width: 100%;}
.T4532 .box .rightside .bullet {
padding: 8px 0px 8px 0px;position: relative;border-top: 1px solid #ddd;}
.T4532 .box .rightside .bullet .intro { color: #777; margin-bottom: 10px; }
.T4532 .box .rightside.no_leftside .bullet { padding: 8px 15px; }
.T4532 .box .rightside .bullet:last-child {
border-bottom-width: 0px;}
.T4532 .box .rightside .bullet.first {
border-top: 0px solid transparent;}
.T4532 .box .rightside .bullet .top {
display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.T4532 .box .rightside .bullet .top .name {
padding: 10px 50px 10px 0;min-width: 0;overflow: auto;}
.T4532 .box .rightside .bullet .plus {
margin-right: 10px;cursor: pointer;transition: 400ms ease-out;}
.T4532 .box .rightside .bullet.show .plus {
transform: rotateZ(180deg);transform-origin: center center;transition: 400ms ease-in;}
.T4532 .box .rightside .bullet .buttons {
display: flex;justify-content: flex-end;margin-bottom: 15px;}
.T4532 .box .rightside .bullet .hiddencontent {
overflow: hidden;max-height: 0;transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);}
.T4532 .box .rightside .bullet.show .hiddencontent {
max-height: 6000px;transition: max-height 1s ease-in-out;}
.T4532 .box .rightside .bullet p {
margin: 0px 0px 15px 0px;}
.T4532 .box .rightside .bullet .Bild {
margin: 0px 20px 15px 0px;float: left;}
.T4532.T4532-nospecialfont .specialfont { font-family: var(--default_font) !important;  }
.T4532 .text .responsive-table {
overflow-x: scroll;margin: 2rem 0;padding: 0.2rem 0;border-top: 2px solid #CCC;border-bottom: 2px solid #CCC;position: relative;table {
margin-top: 0;margin-bottom: 0;border-top-width: 0;tr:last-child {
td { border-bottom-width: 0; }
}
}

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

.S7775 .text table { width: 100%; display: table; margin: 30px 0px; border-spacing: 0px; border-width: 0px; border-top: 1px solid rgba(255,255,255,0.3); }
.S7775 .text table th { padding: 4px 10px 7px 0px; text-align: left; vertical-align: top;  font-weight: bold; font-size: smaller; border-bottom: 1px solid rgba(255,255,255,0.3); }
.S7775 .text table td { border-bottom: 1px solid rgba(255,255,255,0.3); vertical-align: top;  }
#chat {
position: fixed;
bottom: 30px;
right: 30px;
font-size: 14px;
z-index: 10000000;
}
#chat .chat-button {
position: relative;
box-sizing: border-box;
background-color: #fff;
box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
border-radius: 10px;
width: 65px;
height: 65px;
text-align: center;
cursor: pointer;
}
#chat .chat-button:hover {
box-shadow: 4px 4px 15px rgba(0,0,0,0.4);
}
#chat .chat-icon {
position: absolute;
top: -20px;
left: 0px;
}
#chat .chat-icon img {
width: 65px !important;
height: auto !important;
-ms-interpolation-mode: bicubic;
}
#chat .chat-cta {
position: absolute;
bottom: 4px;
right: 0px;
left: 0px;
text-align: center;
font-size: 12px;
line-height: 1.2;
font-weight: normal;
color: #000;
}
@media all and (max-width: 800px) {
#chat { bottom: 10px; right: 10px; }
#chat .chat-button { width: 50px; height: 50px; }
#chat .chat-icon { top: -15px; }
#chat .chat-icon img { width: 50px !important; }
#chat .chat-cta { font-size: 9px; }
}
#chat .chat-close {
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px;
border-radius: 10px;
background: #666;
color: #fff;
font-family: Arial;
line-height: 20px;
font-size: 20px;
text-align: center;
cursor: pointer;
}
#chat .chat-popup {
display: none;
position: absolute;
bottom: 0px;
right: 0px;
width: 350px;
height: 450px;
background-color: #fff;
border-radius: 10px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
padding: 6px 10px;
}
#chat .chat-popup-icon {
position: absolute;
top: -30px;
left: -10px;
}
@media all and (max-width: 800px) {
#chat .chat-popup { width: 285px; height: auto; max-height: 450px; min-height: 200px; }
}
#chat .chat-popup-icon img {
width: 50px !important;
height: auto !important;
-ms-interpolation-mode: bicubic;
}
#chat .chat-input {
padding-top: 10px;
flex: 1 5%;
}
#chat .chat-input textarea {
width: 100%;
outline: none;
resize: none;
overflow: auto;
border-radius: 5px;
color: #222;
padding: 2px 4px;
box-sizing: border-box;
font-size: 14px;
font-family: inherit;
}

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

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

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

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

#chat .chat-action-group {
margin-top: 4px;
}
#chat .chat-email {
font-size: 11px;
width: 160px;
}
#chat .chat-action {
display: inline-block;
background-color: #778;
color: #fff;
padding: 1px 6px;
border-radius: 5px;
cursor: pointer !important;
font-size: 12px;
margin: 0.2em;
}
#chat .chat-action:hover {
background-color: #446 !important;
}
#chat .chat-action.selected { 
cursor: default;
background-color: #363;
}
#chat .chat-action.unselected { 
cursor: default;
background-color: #778;
}

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


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

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

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

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


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


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

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

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

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


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

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


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

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

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

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

.jquery-ui .ui-slider { position: relative; text-align: left; background:#ccc; }
.jquery-ui .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 0.8em; cursor: default; background: #ff6600; }
.jquery-ui .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .2em; display: block; border: 0; background:#fff; }
.jquery-ui .ui-slider a.ui-state-active, .jquery-ui .ui-slider a.ui-state-focus, .jquery-ui .ui-slider a:hover {
padding:0 !important;background: #ff6600 !important;}
.jquery-ui .ui-slider a:hover {
background: #ff6600 !important;}
.jquery-ui .ui-slider-horizontal { height: .5em; }
.jquery-ui .ui-slider-horizontal .ui-slider-handle, .jquery-ui .ui-slider-horizontal .ui-slider-handle.ui-state-hover { top: -.3em; margin-left: -.6em; }
.jquery-ui .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.jquery-ui .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.jquery-ui .ui-slider-horizontal .ui-slider-range-max { right: 0; }

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
body .T5353.grid-stack-item-content {
background: #fff !important;padding: 0rem;overflow: unset;
}
.T5353 { padding: 1em 0 } 
.T5353 .detail .hidden .sheet-bild { padding-right: 0 !important; }
.application {
margin-top:  1rem;}
.application .buttons {
display: flex;justify-content: center;margin-bottom:  1rem;}
.application .buttons .button { cursor: pointer; }
.application .buttons .button.hide { display: none; }
.sheet-bild img {
width: 100%;height: auto;}
.ap .ap_inner { display: flex; }
.ap .ap_inner .image { width: 100px; margin-right: 1rem; }
.ap .ap_inner picture img {
width: 100%;height: auto;aspect-ratio:  1 / 1;overflow: hidden;border-radius:  50%;}
.application-form {
display: none;background-color:  #f2f2f2;padding:  0.5rem 1rem;border-radius: 0.7rem;}
.application-form.show { display: block; }
.application-form .element {
display:  flex;flex-direction: column;width: 100% !important;background-color:  transparent;}
.application-form .TraminoForm .groups {
display: flex;flex-wrap: wrap
}
.application-form .TraminoForm .group {
width: calc( 50% - 25px) !important;}
.application-form .TraminoForm .break { display: none; }
.AdresseWidget .Zeile:after { display: block; content: ""; clear: left; }
.Mandant_3469 .T5353 .T5277 .elements .element { background-color: #e5eef5; }
.Mandant_3469 .T5353 .T5277 .elements .content .name { color: #0e5878; }
.Mandant_3469 .T5353 .T5277 .elements .content .intro { color: #666; }
.Mandant_3469 .application-form { background-color: #e5eef5; }
.back_button {
text-decoration: none;color: #333;font-size: 0.8em;}.T5412 .col {
float: left;}
.T5412 .hide { display: none !important; }
.T5412 .item { background-color: #fff; margin: 20px 0px 0px 0px; }
.T5412 .col1 { width: 340px; }
.T5412 .col2 { width: 600px; }
.T5412 .col3 { width: 300px; }
.T5412 .content { margin: 20px 20px 18px 0px; }
.T5412 h3 { font-size: 20px; margin: 0px 0px 10px 0px }
.T5412 .content_buttons .button { padding: 0 !important; display: inline-block; color: #FFF; text-align: center; }
.T5412 .content_buttons .button.booking { background-color: #0092f7; cursor: pointer; }
.T5412 .content_buttons .button.booking.active { background-color: #0092f7a8; }
.T5412 .content_buttons .button a { padding: 6px 12px; color: #FFF; text-decoration: none; display: inline-block; }
.T5412 .content_buttons .modalcart.hide { display: none; }
.T5412 .content_buttons .modalcart {
text-align: center;background-color: #CCC;}
.T5412 .content_buttons .modalcart .cart_inner .booking_option {
display: grid;grid-template-columns: 25% 40% 25%;column-gap: 10px;}
.T5412 .content_buttons .modalcart .cart_inner .booking_option .class_name { align-self: center; } 
.T5412 .content_buttons .modalcart .cart_inner .booking_option .booking {
color: #FFF;background-color: #0092f7;padding: 5px 10px;cursor: pointer;font-weight: bold;}
.T5412 img.ui-datepicker-trigger { display: inline-block !important; }
.T5412 .col3 table { margin: 15px 10px 0px 0px; border-collapse: separate; border-spacing: 4px; font-size: 14px; }
.T5412 .col3 table td.icon { font-weight:  bold; text-align: center; }
.T5412 .col3 table td.icon i { font-size:  18px; font-weight:  bold; }
.Mandant_38901 .T5412 .col3 table td.icon i { font-size:  26px; font-weight:  bold; }
.Mandant_38901 .T5412 .ae-kalendar::before { color: #005b6e; }
.T5412 .col3 table td.preis span { font-size: 20px; font-weight: bold; }
.T5412 .preis_info  { font-size: 11px; color: #666; }
.T5412 .season_info { margin: 10px 0px 5px 0px; text-align:left; }
.T5412 .season_info__termin { 
display:  flex;gap: 5px;align-items: center;margin: 3px 0px 0px 0px; font-weight: bold;}
.T5412 .nomatch {
font-size: 18px;padding: 15px 25px;border: 1px solid #eee;border-radius: 15px;}
.T5412 .nomatch__headline { font-weight: bold; }
.T5412 .event_tag {
display: inline-block;font-weight: 500;text-transform: uppercase;margin-bottom: 0.5rem;margin-right: 0.5rem;padding: 0.2rem 0.4rem;pointer-events: none;}
@media all and (min-width: 1024px) and (max-width: 1279px) {
}
@media all and (min-width: 768px) and (max-width:1023px) {
}
@media all and (max-width: 767px) {
.T5412 .tofilter .filterbar .inner {
display:  block !important;
}
.T5412 .tofilter .filterbar .box { margin: 0px 0px 15px 15px !important; }
.T5412 .tofilter .filterbar .box .headline { margin: 0 0 5px 0 !important; }
.T5412 .col1 { width: 100%;}
.T5412 .col1 img { width: 100%; height: auto;}
.T5412 .col2 { width: 60%; font-size: 12px;}
.T5412 .col2 .content { padding: 0px 0px 0px 10px;}
.T5412 .col2 h3 { font-size: 14px;}
.T5412 .col3 {  width: 40%; }
.T5412 .col3 table {  font-size: 12px;}
.T5412 .col3 table td { vertical-align: top;}
.T5412 .content_buttons {
display: grid;
grid-template-columns: 100%;
padding-top: 5px;
row-gap: 5px;
}
}
.T5412 .tofilter .filterbar {
background-color: #FFF;

padding: 15px 0;
margin: 0px 0px 20px 0px;
}
.T5412 .tofilter .filterbar .inner { position: relative; display: flex; }
.T5412 .tofilter .filterbar .mobileclose { display: none; position: absolute; top: -5px; right: 10px; cursor: pointer; }
.T5412 .tofilter .filterbar .checkboxen {
display: flex;
flex-wrap: wrap;
align-content: space-around;
}
.T5412 .tofilter .filterbar .box {
margin: 0px 20px 0px 20px;
}
.T5412 .tofilter .filterbar .box .headline {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 15px 0;
}
.T5412 .tofilter .filterbar .box ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.T5412 .tofilter .filterbar .box ul li {
margin: 0;
padding: 0;
text-align: center;
}
.T5412 .tofilter .filterbar .box ul li img{
margin: 5px auto;
cursor: pointer;
}
.T5412 .tofilter .filterbar .box ul li span {
position: relative;
display: inline-block;
margin:  0px 5px 5px 0px;
padding: 6px 13px;
line-height: 1.1;
border:  1px solid #ccc;
font-weight:  bold;
border-radius: 15px;
cursor: pointer;
}
.T5412 .tofilter .filterbar .box ul li span:hover {
background-color:  #111;
color:  #fff;
}
.T5412 .tofilter .filterbar .box ul li span.active {
background-color:  #111;
color:  #fff;
}
.T5412 .tofilter .filterbar .box ul li span.active:hover { background-color: #fff; color: #111; }
.T5412 .tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper {
position: relative;
width: 180px;
}
.T5412 .tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .minvalue {
position: absolute;
top: 0;
left: 0;
}
.T5412 .tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .maxvalue {
position: absolute;
top: 0;
right: 0;
}
.T5412 .tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrangewrapper {
padding-top: 30px;
}
.T5412 .tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrange {
width: 100%;
}
.T5412 .tofilter .filterbar .box .info {
font-size: 11px;
}
.T5412 .tofilter .mobilefilter { 
cursor: pointer;
display: none;
margin: 0 0 20px 20px;
border: 1px solid #555;
color: #555;
padding: 4px 12px;
font-size: 14px;
}
.T5412 .tofilter .mobilefilter i { font-size: 16px; } 
.T5412 .tofilter .mobilefilter.open { background-color: #555; color: #FFF; }
.T5412 .tofilter .nomatch { display: none; }
.T5412 .info_foundtermine {
color: #666;
margin: 10px 0px 0px 0px;
border-top: 1px solid #dfdfdf;
padding: 20px 0px 5px 0px;
}
.T5412 #events_panel {
margin: 10px 0px 0px 0px;
border-top: 1px solid #dfdfdf;
padding: 10px 0px 5px 0px;
}
.T5412.S8891 { background-color:hsla(0,0%,39.2%,.1); padding:50px 0 }
.T5412.S8891 .wrapper {
display: flex;
flex-wrap: wrap;
}
.T5412.S8891 .wrapper .item {
background-color: #fff;
margin: 15px 30px 30px 0px;
max-width: 270px;
width: 25%;
}
.T5412.S8891 .col { width: 100% !important; float: none !important; }
.T5412.S8891 .col3 .button_link { position: absolute; right: 30px; }
.T5412.S8891 .item .linkname { position:absolute; left:0; bottom:0px; padding:5px 10px 5px 20px; }
.T5412.S8891 .item .linkname span {
margin: 0!important;
line-height: 1.2!important;
color: #fff;
text-shadow: 5px 5px 15px rgba(0,0,0,.4);
}
.T5412.S8891 .content {
background: #fff !important;
margin:  0 0px 0px 0px !important;
padding: 10px;
position: relative;
padding-top: 40px !important;
min-height: 100px;
}
.T5412.S8891 .event_info {
position: absolute;
top: 0px;
left: 0;
right: 0;
background: #0b8193;
color: #fff;
text-align: left;
padding: 5px 0 5px 20px;
}
.T5412.S8891 .item a { display:block; position:relative; }
.T5412.S8891 .item a img {
width:100%;
height:auto;
-o-object-fit:cover;
object-fit:cover;
aspect-ratio:270/200
}
.T5412.S8891 .item .content{
margin-top:15px; 
position: relative;
padding-top: 40px !important;
min-height: 100px;
}
.T5412.S8891 .item .content .inner .linkname { margin:10px 0 5px }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T5412.S8891 .wrapper .item {
width: calc(25% - 20px);
margin: 0px 20px 20px 0px;
}
html #body .T5412.S8891 .headline { font-size: 28px !important; line-height: 1.1 !important; }
.T5412.S8891 .item .linkname, .T5412.S8891 .item .linkname span { line-height:  1.1 !important; font-size: 28px !important; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T5412.S8891 .wrapper .item {
width: calc(25% - 10px);
margin: 0px 10px 20px 0px;
}
.T5412.S8891 .col3 .button_link { position: absolute; right: unset; bottom: 15px; left: 25px; }
html #body .T5412.S8891 .headline { font-size: 26px !important; line-height: 1.1 !important; }
.T5412.S8891 .item .linkname, .T5412.S8891 .item .linkname span { line-height:  1.1 !important; font-size: 26px !important; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T5412.S8891 .wrapper .item {
width: calc(33% - 10px);
margin: 0px 10px 20px 0px;
}
html #body .T5412.S8891 .headline { font-size: 23px !important; line-height: 1.1 !important; }
.T5412.S8891 .item .linkname, .T5412.S8891 .item .linkname span { line-height:  1.1 !important; font-size: 23px !important; }
}
@media all and (min-width: 400px) and (max-width: 567px) {
.T5412.S8891 { padding: 20px 0px; }
.T5412.S8891 .wrapper .item {
width: calc(50% - 10px);
margin: 0px 10px 10px 0px;
}
html #body .T5412.S8891 .headline { font-size: 18px !important; line-height: 1.1 !important; }
.T5412.S8891 .item .linkname, .T5412.S8891 .item .linkname span { line-height:  1.1 !important; font-size: 18px !important; }
}
@media all and (max-width: 399px) {
.T5412.S8891 { padding: 20px 0px; }
.T5412.S8891 .wrapper .item {
width: 100%;
max-width: 180px;
margin: 0px auto 10px auto;
}
.T5412.S8891 .item a img { max-width: 180px; width: 100%; }
.T5412.S8891 .item .content { min-height: 0; }
html #body .T5412.S8891 .headline { font-size: 23px !important; line-height: 1.1 !important; }
.T5412.S8891 .item .linkname, .T5412.S8891 .item .linkname span { line-height:  1.1 !important; font-size: 23px !important; }
}
.T5412.S9198 .item {
border-radius: 20px !important;
overflow: hidden;
}
.T5412.S8932.S9198 .item.event.entry img {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}.T5458 .box {
width: 100%;
height: auto;
background: #fff;
display: flex;
}
.T5458 a {
color: #222222;
}
.T5458 .downloadbtn { display:inline-block; margin: 0px 0px 8px 0px; text-decoration: none; }
.T5458 .downloadbtn i {
font-size: 16px !important;
}
.T5458 .box ul { margin: 5px 0px; list-style-type: disclosure-closed; list-style-position: inside; padding-left: 15px;}
.T5458 .box:not(.fullscreen) .leftside {
flex-basis: 40%;
margin: 25px 50px 20px 40px;
}
.T5458 .box:not(.fullscreen) .rightside {
flex-basis: 60%;
margin: 25px 20px 30px 0px;
}
.T5458 .box.fullscreen .leftside {
margin-bottom: 20px;
}
.T5458 .box .leftside .subheadline p {
padding-top: 0;
}
.T5458 .box.fullscreen .rightside {
width: 100%;
}
.T5458 .box .rightside .bullet {
padding: 8px 0px 8px 0px;
position: relative;
border-top: 1px solid #ddd;
}
.T5458 .box .rightside.no_leftside .bullet { padding: 8px 15px; }
.T5458 .box .rightside .bullet:last-child {
border-bottom-width: 0px;
}
.T5458 .box .rightside .bullet.first {
border-top: 0px solid transparent;
}
.T5458 .box .rightside .bullet .top {
cursor: pointer;
display: flex;
}
.T5458 .box .rightside .bullet .top .name {
flex-grow: 1;
padding: 10px 0px;
font-weight:bold;
}
.T5458 .box .rightside .bullet .top .toggle {
width: 40px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
.T5458 .box .rightside .bullet .plus {
transform-origin: center;
transform: rotate(0deg);
transition: 400ms ease-out;
background-color: black;
width: 3px;
height: 20px;
}
.T5458 .box .rightside .bullet.show .plus {
transform: rotate(90deg);
transition: 400ms ease-in;
}
.T5458 .box .rightside .bullet .minus {
position: absolute;
transform-origin: center; 
transform: rotate(90deg);
background-color: black;
color: black;
width: 3px;
height: 20px;
}
.T5458 .box .rightside .bullet .buttons {
display: flex;
justify-content: flex-end;
margin-bottom: 15px;
}
.T5458 .box .rightside .bullet .hiddencontent {
overflow: hidden;
max-height: 0;
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.T5458 .box .rightside .bullet.show .hiddencontent {
max-height: 3000px;
transition: max-height 1s ease-in-out;
}
.T5458 .box .rightside .bullet p {
margin: 0px 0px 15px 0px;
}
.T5458 .box .rightside .bullet .Bild {
margin: 0px 20px 15px 0px;
float: left;
}@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) {
.T5458 .box {
display: flex;
flex-direction: column;
}
.T5458 .box:not(.fullscreen) .leftside {
flex-basis: 30%;
margin: 20px 30px;
}
.T5458 .box:not(.fullscreen) .rightside {
flex-basis: 70%;	
margin: 10px 30px;
}
.T5458 .box .rightside .bullet {
margin: 8px 0px 8px 0px;
position: relative;
}
.T5458 .box .rightside .bullet .name {	margin: 0px 0px 10px 0px; padding: 8px 0; }
}
@media all and (max-width: 567px) {
.T5458 .box {
display: flex;
flex-direction: column;
}
.T5458 .box:not(.fullscreen) .leftside {
flex-basis: 30%;
margin: 20px 20px;
}
.T5458 .box:not(.fullscreen) .rightside {
flex-basis: 70%;	
margin: 10px 20px;
}
.T5458 .box .rightside .bullet {
margin: 10px 0px 10px 0px;
position: relative;
}
.T5458 .box .rightside .bullet .name {	margin: 4px 0px 8px 0px; padding: 6px 0; } 
}
:root {
--maxwidth-margin:  1.2rem;}
.T5529 { position: relative }
.T5529 .headline {

margin-right: var(--maxwidth-margin);margin-bottom: 1rem;}

.T5529 p { margin: 0 0 0.5rem 0; }
.T5529 .img1 picture { margin: 0 0 1.1rem 0; }
.T5529 .img2 picture { margin: 0.75rem 0 0 0; }
.T5529 picture { display: block; }
.T5529 picture img { display: block; width: 100%; height: auto; }
.T5529 .wrapper {
position: relative;z-index: 2;}
.T5529 .size2 .wrapper {
flex-direction: column;
}
.T5529.S9075 .item {
width: 100%;min-width: 280px;display: flex;flex-direction: column;flex-shrink: 0;flex-grow: 0;}
.T5529 .item .headline { font-weight: normal; margin-top: 0px; }
.T5529 .button_wrapper {
display: flex;justify-content: flex-end;}
.T5529 .item .textstyle {
flex-grow: 0;flex-shrink: 0;}
.T5529 .bg_image_full { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.T5529 .bg_image_full img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 567px) {
.T5529 .size1 .item { margin-bottom: 0; }
.T5529 .size2 .wrapper { flex-direction: row; }
.T5529 .size2 .item { width: calc(50% - var(--maxwidth-margin)); margin-left: var(--maxwidth-margin); margin-bottom: 0; }
}
@media (min-width: 768px) {
.T5529 .wrapper { 
display: flex;flex-flow: row nowrap;}
.T5529 .item {
width: calc(25% - var(--maxwidth-margin));margin-right: var(--maxwidth-margin);}
.T5529 .size3 .item { width: calc(33% - var(--maxwidth-margin)); }
.T5529 .size2 .item { width: calc(50% - var(--maxwidth-margin)); }
.T5529 .size1 .item { width: calc(100% - var(--maxwidth-margin) - var(--maxwidth-margin)); margin-left: var(--maxwidth-margin); margin-right: var(--maxwidth-margin);}
.T5529 .size2.double_rows .item { width: calc(33% - var(--maxwidth-margin)); }
.T5529 .size2.double_rows .item.double { width: calc(66% - var(--maxwidth-margin)); }
.T5529 .size3.double_rows .item { width: calc(25% - var(--maxwidth-margin)); }
.T5529 .size3.double_rows .item.double { width: calc(50% - var(--maxwidth-margin)); }
.T5529 .size4.double_rows .item { width: calc(20% - var(--maxwidth-margin)); }
.T5529 .size4.double_rows .item.double { width: calc(40% - var(--maxwidth-margin)); }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
.T5529 .headline {
margin-left: 0;margin-right: 0;}
.T5529 .wrapper { overflow: visible; }
}
.T5529.S8907.S8914 picture {
aspect-ratio:  1 / 1;
}
.T5529.S8907.S8914 .solo picture {
aspect-ratio:  1 / 1;
}.T5529.S9075 :not(.size1,.size2) .wrapper { 
scroll-behavior: smooth;overflow: auto;scroll-snap-type: x mandatory;-ms-overflow-style: none;  
scrollbar-width: none;  
display: flex;flex-flow: row nowrap;}
.T5529.S9075 .item {
width: calc(25% - var(--maxwidth-margin));min-width: 280px;margin-right: var(--maxwidth-margin);display: flex;flex-direction: column;flex-shrink: 0;flex-grow: 0;scroll-snap-align: center;}
.T5529.S9075 .size3 .item { width: calc(33% - var(--maxwidth-margin)); }
.T5529.S9075 .size2 .item { width: auto; max-width:calc(50% - var(--maxwidth-margin)); margin-left: 0; margin-bottom: var(--maxwidth-margin); }
.T5529.S9075 .size1 .item { width: calc(100% - var(--maxwidth-margin) - var(--maxwidth-margin)); margin-left: var(--maxwidth-margin); margin-right: var(--maxwidth-margin);  margin-bottom: var(--maxwidth-margin);}
.S9076 .item {
width: 25%;
margin: 0;
}
.S9076 .size3 .item { width: 33%; margin: 0; }
.S9076 .size2 .item { width: 50%; margin: 0; }
.S9076 .size1 .item { width: 100%; margin: 0; }.T5530 .grid_container {
display: grid;grid-gap: 0.4rem;}
.T5530 .grid_container a {
display: block;}
.T5530 .grid_container a.full { aspect-ratio: calc( 400 / ( 750 + 0.4rem) ); }
.T5530 .grid_container a.large { aspect-ratio: 400 / 531; }
.T5530 .grid_container a.width { aspect-ratio: 400 / 250; }
.T5530 .grid_container a.width_big { aspect-ratio: 8 / 5; }
.T5530 .grid_container a.width_wide { aspect-ratio: 16 / 8; }
.T5530 .grid_container.grid_size2_small a { aspect-ratio:  40 / 75;  }
.T5530 .grid_container a picture { width: 100%; height: 100%; }
.T5530 .grid_container a picture img { width: 100%; height: 100%; object-fit: cover }
.T5530 .grid_container.grid_size1 { grid-template-columns: repeat(1,minmax(0,1fr)); }
.T5530 .grid_container.grid_size2_small { grid-template-columns: repeat(2,minmax(0,1fr)); }
.T5530 .grid_container.grid_size2 { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(3, 1fr); }
.T5530 .grid_container.grid_size3 { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(3, 1fr); }
.T5530 .grid_container.grid_size4 { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(3, 1fr); }
.T5530 .grid_container.gird_element3 a:nth-child(1) { grid-area: 1 / 1 / 4 / 2;  }
.T5530 .grid_container.gird_element3 a:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
.T5530 .grid_container.gird_element3 a:nth-child(3) { grid-area: 3 / 2 / 4 / 3; }
.T5530 .grid_container.gird_element4 a:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.T5530 .grid_container.gird_element4 a:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
.T5530 .grid_container.gird_element4 a:nth-child(3) { grid-area: 3 / 2 / 4 / 3; }
.T5530 .grid_container.gird_element4 a:nth-child(4) { grid-area: 2 / 1 / 4 / 2; }
.T5530 .grid_container.gird_element5 a:nth-child(1) { grid-area: 1 / 1 / 4 / 2; }
.T5530 .grid_container.gird_element5 a:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
.T5530 .grid_container.gird_element5 a:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
.T5530 .grid_container.gird_element5 a:nth-child(4) { grid-area: 2 / 3 / 4 / 4; }
.T5530 .grid_container.gird_element5 a:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
.T5530 .grid_container.gird_element6 a:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.T5530 .grid_container.gird_element6 a:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
.T5530 .grid_container.gird_element6 a:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
.T5530 .grid_container.gird_element6 a:nth-child(4) { grid-area: 2 / 1 / 4 / 2; }
.T5530 .grid_container.gird_element6 a:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
.T5530 .grid_container.gird_element6 a:nth-child(6) { grid-area: 2 / 3 / 4 / 4; }
.T5530 .grid_container.gird_element7 a:nth-child(1) { grid-area: 1 / 1 / 4 / 2; }
.T5530 .grid_container.gird_element7 a:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
.T5530 .grid_container.gird_element7 a:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
.T5530 .grid_container.gird_element7 a:nth-child(4) { grid-area: 1 / 4 / 3 / 5; }
.T5530 .grid_container.gird_element7 a:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
.T5530 .grid_container.gird_element7 a:nth-child(6) { grid-area: 2 / 3 / 4 / 4; }
.T5530 .grid_container.gird_element7 a:nth-child(7) { grid-area: 3 / 4 / 4 / 5; }
.T5530 .grid_container.gird_element8 a:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.T5530 .grid_container.gird_element8 a:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
.T5530 .grid_container.gird_element8 a:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
.T5530 .grid_container.gird_element8 a:nth-child(4) { grid-area: 1 / 4 / 3 / 5; }
.T5530 .grid_container.gird_element8 a:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
.T5530 .grid_container.gird_element8 a:nth-child(6) { grid-area: 2 / 1 / 4 / 2; }
.T5530 .grid_container.gird_element8 a:nth-child(7) { grid-area: 3 / 4 / 4 / 5; }
.T5530 .grid_container.gird_element8 a:nth-child(8) { grid-area: 2 / 3 / 4 / 4; }
@media (min-width: 567px) {
.T5530 .grid_container { grid-gap: 0.6rem; }
.T5530 .grid_container a.full { aspect-ratio: calc( 400 / ( 750 + 0.6rem) ); }
.T5530 .grid_container.grid_size2_small a { aspect-ratio: 8 / 5; }
}
@media (min-width: 768px) {
.T5530 .grid_container { grid-gap: 0.8rem; }
.T5530 .grid_container a.full { aspect-ratio: calc( 400 / ( 750 + 0.8rem) ); }
}
@media (min-width: 1024px) {
.T5530 .grid_container { grid-gap: 0.10rem; }
.T5530 .grid_container a.full { aspect-ratio: calc( 400 / ( 750 + 0.10rem) ); }
}
@media (min-width: 1280px) {
.T5530 .grid_container { grid-gap: 1.25rem;	}
.T5530 .grid_container a.full { aspect-ratio: calc( 400 / ( 750 + 1.25rem) ); }
}
.T5559.S9098 .maxwidth {
border-radius: 1em;
}
.T5559.S9098 .T5277 .elements .element .bild img {
border-radius: 50%;
}
.T5559.S9098 .T5277 .element .name {
text-align: center;	
}.T5559.S9100 .T5277 .elements .element .bild img {
border: 0.2em solid #fff !important;
}.T5559.S9101 .T5277 .elements .element .bild img {
box-shadow: 0.3em 0.3em 0.3em #0003;
}