: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; 
}
}.T2835 .bild {
max-width: 300px;
margin: 0 auto 25px auto;
}
.T2835 .bild img {
width: 100%;
height: auto;
}
.T2835 .subheadline {
text-align: center;
margin: 0.5em 0px;
}
.T2835 .headline {
text-align: center;
margin: 0.5em 0px;
}
.T2835 .intro {
text-align: center;
}
.T2835 .wrapper {
margin: 40px 0 0 0;
display: flex;
flex-wrap: wrap;
}
.T2835 .wrapper .col {
width: 48%;
}
.T2835 .wrapper .col1 {
margin: 0 4% 0 0;
}
.T2835 .buttonwrapper {
margin-top: 0.5rem;
display: flex;
justify-content: flex-end;
}
.T2835 .wrapper .splitcolumn {
columns: 2;
}
@media all and (max-width: 567px) {
.T2835 .wrapper .col {
width: 100%;
float: none;
}
.T2835 .wrapper .col1 {
margin: 0 0 30px 0;
}
}
:root {
--routenratio: 16/14;}
.T2878 .hide { display: none !important; }
.T2878 .routenplaner:after {
display: block;content: "";clear: left;}
.T2878 h3.specialfont {
margin-bottom: 25px !important;}
.T2878 .map {
background-color: #0002;text-align: center;position: relative;aspect-ratio: var(--routenratio);float: none;margin: 0 0 30px 0;}
.T2878 .map.privacy {
display: flex;justify-content: center;align-items: center;overflow: hidden;}
.T2878 .map.privacy > img {
aspect-ratio: var(--routenratio);object-fit: cover;width: 100%;height: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;filter: blur(0.15rem);}
.T2878 .map.privacy .privacy_text{
position: relative;z-index: 2;color: #FFF;font-size: 1.05rem;}
.T2878 .map iframe {
width: 100%;cursor: pointer;aspect-ratio: var(--routenratio);box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.T2878 .form {
display: flex;flex-wrap: wrap;}
.T2878 .form .row {
width: 100%;margin: 0 0 0 0;}
.T2878 .form .row.small { padding-top: 26px; }
.T2878 input[type=text] {
padding: 5px 0px !important;width: 100%;text-align: center;}
.T2878 a.send {
text-decoration: none;display: flex;justify-content: center;}
@media (min-width: 567px) {
:root {
--routenratio: 16/10;}
.T2878 .map.privacy .privacy_text { font-size: 1.1rem; }
.T2878 .form { justify-content: space-between; }
.T2878 .form .row {
width: calc( 50% - 1rem - 2.5rem);}
.T2878 .form .row.small {
width: 5rem;}
.T2878 a.send { height: 100%; align-items: center; }
}
@media (min-width: 768px) {
:root {
--routenratio: 16/8;}
.T2878 .map.privacy .privacy_text { font-size: 1.2rem; }
}
@media (min-width: 1024px) {
:root {
--routenratio: 16/5;}
}
.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;
}.T2887 .wrapper {
max-width: 1000px;
margin: 0px auto;
}
.T2887 section {
width: 100%;
padding: 30px 0px 10px 0px;
display: flex;
flex-wrap: wrap;
}
.T2887 section .image {
width: 350px;
margin: 0px 60px 20px 0px;
text-align: center;
}
.T2887 section .image a {
display: inline-block;
-webkit-box-shadow: 10px 10px 40px -24px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 40px -24px rgba(0,0,0,0.75);
box-shadow: 10px 10px 40px -24px rgba(0,0,0,0.75);
}
.T2887 section .text { margin: 30px 0px 0px 0px !important; width: calc(100% - 410px); }
.T2887 section .text a { text-decoration: none }
.T2887 section .text a:visited { color:inherit; }
.T2887 section .text a:link { color:inherit; }
.T2887 section .info { margin-bottom: 10px; }
.T2887 .download_buttons { display: flex; margin-top: 20px; }
.T2887 a.button { display: inline-block; padding: 4px 15px; color: #fff !important; margin-right: 20px; }
#body.S6889 .T2887 .download a.button { color: #fff !important; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T2887 .wrapper { max-width: 900px; }
.T2887 section .image { margin: 0; }
.T2887 section .text { margin: 50px 50px 0px 0px !important; }
.T2887 section .text h3 { font-size: 35px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T2887 .wrapper { max-width: 700px; }
.T2887 section .image { margin: 0; }
.T2887 section .text { margin: 50px 50px 0px 0px !important; }
.T2887 section .text h3 { font-size: 30px; }
}
@media all and (max-width: 767px) {
.T2887 .wrapper {
max-width: auto;
width: 100%;
}
.T2887 section { display: flex; flex-direction: column;  align-items: center; }
.T2887 section .image { margin: 0px; float: none; width: auto; }
.T2887 section .image img { width: 80px; height: auto; }
.T2887 section .text { margin: 10px 0px 0px 10px !important; }
.T2887 section .text h3 { font-size: 25px; }
.T2887 section .text .download { font-size: 13px; line-height: 17px; }
.T2887 .download_buttons { display: inline-flex; justify-content: center; }
.T2887 a.button { text-align: center; margin-bottom: 20px; }
}
@media all and (max-width: 567px) {
.T2887 .download_buttons { display: inline-flex; flex-wrap: wrap; flex-direction: column; justify-content: center; }
.T2887 section .text { width: 100%; }
}
.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;
}.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;}.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;
}.T2957 .teaserwrapper {
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.T2957 h3 {
margin-bottom: 20px !important;
flex-shrink: 0;
flex-basis: 100%;
text-align: center;
}
.T2957 .element {
float: left; 
width: 23.5%;
margin-right: 2%;
background-color: #FFF;
position: relative;
}
.T2957 .element .File.Bild img { 
width: 100%;
height: auto;
aspect-ratio: 450 / 253;
object-fit: cover;
}
.T2957 .element.last { margin-right: 0px; }
.T2957 .element .inner { 
padding: 10px 20px 30px 20px; 
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.T2957 .element .inner .datum { font-size: 13px; }
.T2957 .element .inner a.headline { text-decoration: none; }
.T2957 .element .inner span.headline { display: block; margin: 5px 0px; }
.T2957 .element .inner .subheadline { opacity: 0.5; font-weight: bold; }
.T2957 .element .inner .more_link { 
position: absolute;
bottom: 15px; right: 20px;
float: right;
hyphens: none;
}
.T2957 .buttonwrapper .button {
color: #FFF !important;
text-decoration: none;
padding: 4px 15px;
font-size: 12px;
}@media all and (min-width: 768px) and (max-width:1023px) {
.T2957 .element {
width: 48%;
margin-right: 4%;
margin-bottom: 20px;
height: 415px;
}
.T2957 .element.element2 { margin-right: 0px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T2957 .element {
width: 48%;
margin-right: 4%;
margin-bottom: 20px;
}
.T2957 .element.element2 { margin-right: 0px; }
}
@media all and (max-width: 567px) {
.T2957 .teaserwrapper { width: 80% !important; margin: 0px auto !important; }
.T2957 .element {
height: auto;
width: 100%;
margin-right: 0%;
margin-bottom: 20px;
}
}
.T3219 h3 { text-align: center; margin-bottom: 25px; padding: 0 10%; }
.T3219 .teaserwrapper { 
display: flex; 
flex-wrap: wrap; 
display: -ms-flexbox;-ms-flex-wrap: wrap; 
}
.T3219 .element {
width: 32%;margin-right: 2%;background-color: #FFF;position: relative;}
.T3219 .hide_clear { display: none; }
.T3219 .element .File.Bild img { 
width: 100%;height: auto;aspect-ratio:  450 / 253;object-fit: cover;}
.T3219 .element .File.Bild iframe { 
width: 100%;aspect-ratio:  450 / 253;}
.T3219 .element .videoimage { 
width: 100%;height: 233px;}
.T2903 .element .video:before {
display: block;content: " ";width: 100%;padding-top: 56.25%;}
.T3219 .element .videoimage .inner {
background-size: contain;position: relative;width: 100%;height: 100%;}
.T3219 .element.last { margin-right: 0px; }
.T3219 .element .inner { padding: 10px 20px 15px 20px; }
.T3219 .element .inner .subheadline { margin: 7px 0px; font-weight: bold; color: rgba(0,0,0,0.4); }
.T3219 .element .inner a.headline { display: block; text-decoration: none; margin: 0 0 0.7em 0; }
.T3219 .element .inner span.headline { display: block;  }
.T3219 .element .inner .text { 


margin-bottom: 10px;}
.T3219 .element .inner .text p { 
margin: 0 0 0.5rem 0;}
.T3219 .element .inner .more_link { 
float: right; 
position: absolute;bottom: 15px; right: 20px;}
.T3219 .element .video .play {
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.T3219 .element .video .play i {
font-size: 65px;color: #FFF;text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.T3219 .element .video .play .icon-youtube:hover:before {
content: "\e950";}
.T3219 .buttonwrapper .button {
color: #FFF !important;text-decoration: none;font-size: 0.9em;padding: 3px 15px;}
@media all and (min-width: 1024px) and (max-width: 1279px) {
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3219 .element {
margin-bottom: 20px;}
.T3219 .element .videoimage { height: 176px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3219 .element {
width: 48%;margin-right: 4%;margin-bottom: 20px;}
.T3219 .element.element2 { margin-right: 0px; }
.T3219 .hide_clear { display: block; }
.T3219 .element.last {
width: 100%;height: auto;margin: 0px auto;}
.T3219 .element.last .File.Bild {
float: left;width: 48%;margin-right: 2%;}
.T3219 .element.last .inner {
float: left;width: 42%;}
.T3219 .element .videoimage { height: 176px; }
}
@media all and (max-width: 567px) {
.T3219 .teaserwrapper { 
width: calc(100%) !important; 
}
.T3219 .element {
height: auto;width: 100%;margin-right: 0%;margin-bottom: 15px;}
.T3219 .element .File.Bild iframe { 
width: 100%;max-height: 253px;}
.T3219 .element .videoimage { 
width: 100%;max-height: 253px;}
.T3219 .element .videoimage { height: 197px; }
}
.T3383 .subheadline {
text-align: center;
margin-bottom: 15px;
}
.T3383 .headline {
text-align: center;
margin-top: 0px;
margin-bottom: 20px;
}
.T3383 .intro {
text-align: center;	
}
.T3383 picture {
display: block;
margin-bottom: 1rem;
}
.T3383 picture img {
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
}
.T3383 .subcolheadline {
margin-bottom: 10px;
}
.T3383 .colheadline {
margin-bottom: 15px;
}
.T3383 .wrapper {
margin-top: 40px;
margin-right: -25px;
display: flex;
flex-wrap:  wrap;
}
.T3383 .col {
width: 33.3%;
box-sizing: border-box;
padding-right: 25px;
min-height: 200px;
padding-left: 25px;
}
.T3383 .col .inner {
margin: 0 0px 0 0;
}
.T3383 .col3 { margin: 0; }
.T3383 .button_wrapper {
display: flex;
justify-content: flex-end;
}
.S7955 .background {
color: #fff !important;
padding: 30px 30px;
}
.S7955 .color {
color: #7b237d !important;
}
.T3383.S8760 .background { background-color: #fff; }
.T3383.S8760 .wrapper { margin-top: 0px; }
.T3383.S8760 .outer { padding: 20px; }
@media all and (max-width: 767px) {
.T3383 .wrapper {
margin-top: 40px;
margin-right: 0px;
}
.T3383 .headline {

font-size: 35px;
}
.T3383 .col {
width: 100%;
padding-right: 0px;
min-height: auto;
}
.T3383 .intro {
font-size: 19px;
}
.T3383 .col .inner {
margin: 0;
}
.T3383 .col1 .inner {
border: 0px;
}
}.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; }
}
.T3889 h3 { text-align: center; }
.T3889 .elementwrapper {
display: flex;display: -ms-flexbox ;width: 100%;margin: 0px auto;}
.T3889 .element {
width: 49%;margin-right: 2%;background-color: #FFF;position: relative;}
.T3889 .element.last { margin-right: 0px; }
.T3889 .hide_clear { display: none; }
.T3889 .element .File.Bild img { 
width: 100%;height: auto;}
.T3889 .element .inner { padding: 10px 20px 30px 20px; }
.T3889 .element .inner span.headline { display: block; margin: 5px 0px; }
.T3889 .element .inner a.headline { text-decoration: none; }
.T3889 .element .inner .text { 
line-height: 1.3;
margin-bottom: 10px;}
.T3889 .element .inner .more_link { 
float: right;position: absolute;bottom: 15px; right: 20px;}
.T3889 .buttonwrapper .button {
color: #FFF !important;text-decoration: none;padding: 4px 15px;font-size: 12px;}
.S8142 .background {
color: #fff !important;
padding: 30px 30px;
}
.S8142 .color {
color: #7b237d !important;
}@media all and (min-width: 1024px) and (max-width: 1279px) {
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3889 .element {
margin-bottom: 20px;

}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3889 .elementwrapper { width: 100%; }
.T3889 .element {
width: 48%;
margin-right: 4%;
margin-bottom: 20px;

}
.T3889 .element.last { margin-right: 0px; }
}
@media all and (max-width: 567px) {
.T3889 .elementwrapper { 
width: 100%;
flex-direction: column;
}
.T3889 .teaserwrapper { 
width: calc(100% - 30px) !important; 
}
.T3889 .element .inner{
padding: 10px 20px 15px 20px;
}
.T3889 .element {
width: 100%;
margin-right: 2%;
margin-bottom: 15px;
}
}
.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; }
.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;
}
.T4688 .text {
margin: 20px 0px;
line-height: 1.35;
}
.T4688 .text ul li, .T4688 .text ol li {
margin-bottom: 5px;	
}
.T4688 .text code {
border: 1px solid rgba(0,0,0,0.4);
padding: 0px 4px;
border-radius: 3px;
font-size: 0.9em;
background: none !important; 
}
.T4688 .text img { width: 100%; height: auto; box-shadow: 5px 5px 15px rgba(0,0,0,0.2); margin: 20px 0px; }
.T4688 .text .ql-indent-1 { margin-left: 40px; }
.T4688 .text .ql-indent-2 { margin-left: 60px; }
.T4688 .text .ql-syntax {
padding: 5px;
background-color: rgba(0,0,0,0.8);
color: #fff;	
}
.T4688 .text h1 { font-size: 2.3em; }
.T4688 .text h2 { font-size: 1.6em; }
.T4688 .text h3 { font-size: 1.1em; }
.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;}

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