#body {
font-family: 'Source Sans Pro', 'Arial', sans-serif;
font-weight: 400;
font-size: 16px;
padding: 0 !important;
margin: 0;
background-color: #EEE;
}
#body.nomotiv #content { margin-top: 180px; }
.maxwidth {
width: 1200px;
margin: 0 auto;
}
.maxwidthsmall {
max-width: 900px;
margin: 0 auto;
}
#body.responsivehelper .maxwidth {
background-color: rgba(255,0,0,0.1);
}
#page * { box-sizing: border-box; }
#page .inlineeditors a { box-sizing: content-box; }
picture, img { display: block; }
figure { margin:0; padding: 0; }
#content {
position: relative;
z-index: 2;
}
.TraminoVorlage { 
margin-top: 70px;
margin-bottom: 70px;
background-color: #FFF;
}
.TraminoVorlage.nobackground { background-color: transparent; }
.padding-lr {
padding-left: 40px;
padding-right: 40px;
}
.padding-tb {
padding-top: 40px;
padding-bottom: 40px;
}
.orange {
border-left: 5px solid #FF7E00;
padding-left: 20px;
}
.videoiframe {
display: block;
width: 100%;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover; 
}
.videoiframe .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #FFF;
font-size: 100px;
line-height: 1;
}
.videoiframe .play i {
text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.videoiframe iframe {
width: 100%;
height: 100%;
border: 0;
}
.left { float: left; }
.right { float: right; }
.clear { clear: left; }
.break { clear: both; }
#body .slick-arrow { background-color: #EEE !important; z-index: 50 !important; }
#body .slick-prev { left: -15px !important; }
#body .slick-next { right: -15px !important; }
#body .slick-disabled { display: none !important; }
.fancybox-title-float-wrap {
width: 100% !important;
position: static !important;
bottom: auto !important;
right: auto !important;
margin-bottom: -35px !important;
text-align: center !important;
}
.fancybox-title-float-wrap .child {
display: inline-block !important;
margin-right: 0 !important;
padding: 2px 20px !important;
background: transparent !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
text-shadow: none !important;
color: #000 !important;
font-weight: bold !important;
line-height: 24px !important;
white-space: nowrap !important;
width:100% !important;
text-align: center !important;
}

table.pricing {
margin: 0 auto;
}
.scrollable .infotext {
text-align: center;
max-width: 790px;
margin: 0 auto;
font-size: 12px;
}
.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; }
}
#badge {
display: block;
position: fixed;
bottom: 1.5rem;
right: 1.5rem;
z-index: 100;
width: 20vw;
max-width: 150px;
}
.badge {
--size: 24vw;
position: fixed;
bottom: 1.5rem;
right: 1.5rem;
z-index: 100;
display: inline-flex;
justify-content: center;
align-items: center;
font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
color: #FFF;
text-decoration: none;
width: var(--size);
height: var(--size);
border-radius: 50%;
font-size: 2.6vw;
box-shadow: 0rem 0rem 1rem rgba(0,0,0,0.7);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.badge .badge-inner {
text-align: center;
}
.badge .line1 {
font-size: 0.85em;
line-height: 1;
opacity: 0.8;
}
.badge .line2 {
font-size: 1.15em;
line-height: 1;
margin-top: 0.1em
}
.badge .line3 {
display: flex;
justify-content: center;
align-items: baseline;
font-size: 2.8em;
line-height: 1;
margin-top: 0.1em
}
.badge .line3 .procent {
font-size: 0.4em;
margin-left: 0.2em;
transform: translateY(-0.2em);
}
#badge img { width: 100%; height: auto; filter: drop-shadow( 0rem 0rem 1rem rgba(0,0,0,0.7)); }
@media (min-width: 567px) {
#badge { bottom: 1.8rem; right: 1.8rem; }
.badge { 
--size: 20vw;
font-size: 2.0vw;
bottom: 1.8rem; right: 1.8rem;
}
}
@media (min-width: 768px) {
#badge { bottom: 2.5rem; right: 2.5rem; }
.badge { 
--size: 16vw;
font-size: 1.8vw;
bottom: 2.5rem; right: 2.5rem;
}
}
@media (min-width: 1024px) {
#badge { bottom: 3rem; right: 3rem; }
.badge { 
--size: 150px;
font-size: 1rem;
bottom: 3rem; right: 3rem;
}
}
.T4532 {
padding: 1.3rem 0;
}
.T4532 .font_special1 { font-size: 1.8rem; }
.T2886 #cart { padding: 20px 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%;
}
}

#body.Mandant_105 .color { color: #A88039; }
#body.Mandant_105 .color_headlines h1, #body.Mandant_105 .color_headlines h2, #body.Mandant_105 .color_headlines h3 { color: #A88039; }
#body.Mandant_105 .bgcolor { background-color: #A88039; }
#body.Mandant_105 .bgcolor-light { background-color: rgba(167,127,57,0.2); }
#body.Mandant_105 .bordercolor { border-color: #A88039; }
#body.Mandant_105 #cart #button_finish { border-color: #FF7E00; background-color: #FF7E00; }
#body.Mandant_105 .T2886 table.cart td.total { color: #111 !important; }

#body.Mandant_106 { background-color: #ede9e4; }
#body.Mandant_106 .color { color: #88785E;  }
#body.Mandant_106 .color_headlines h1, #body.Mandant_106 .color_headlines h2, #body.Mandant_106 .color_headlines h3 { color: #88785E; }
#body.Mandant_106 .bgcolor { background-color: #88785E;  }
#body.Mandant_106 .bgcolor-light { background-color: rgba(136,120,94,0.2); }
#body.Mandant_106 .bordercolor { border-color: #88785E;  }
#body.Mandant_106 #cart #button_finish { border-color: #FF7E00; background-color: #FF7E00; }
#body.Mandant_106 .T2886 table.cart td.total { color: #111 !important; }

#body.Mandant_14495 .color { color: #00688D; }
#body.Mandant_14495 .color_headlines h1, #body.Mandant_14495 .color_headlines h2, #body.Mandant_14495 .color_headlines h3 { color: #00688D; }
#body.Mandant_14495 .bgcolor { background-color: #00688D; }
#body.Mandant_14495 .bgcolor-light { background-color: rgba(0,103,140,0.2); }
#body.Mandant_14495 .bordercolor { border-color: #00688D; }
#body.Mandant_14495 #cart #button_finish { border-color: #FF7E00; background-color: #FF7E00; }
#body.Mandant_14495 .T2886 table.cart td.total { color: #111 !important; }

#body.Mandant_111 .color { color: #925A00; }
#body.Mandant_111 .color_headlines h1, #body.Mandant_111 .color_headlines h2, #body.Mandant_111 .color_headlines h3 { color: #925A00; }
#body.Mandant_111 .bgcolor { background-color: #925A00; }
#body.Mandant_111 .bgcolor-light { background-color: rgba(146,90,0,0.2); }
#body.Mandant_111 .bordercolor { border-color: #925A00; }
#body.Mandant_111 #cart #button_finish { border-color: #FF7E00; background-color: #FF7E00; }
#body.Mandant_111 .T2886 table.cart td.total { color: #111 !important; }

#body.Mandant_14479 .color { color: #88785E; }
#body.Mandant_14479 .color_headlines h1, #body.Mandant_14479 .color_headlines h2, #body.Mandant_14479 .color_headlines h3 { color: #88785E; }
#body.Mandant_14479 .bgcolor { background-color: #88785E; }
#body.Mandant_14479 .bgcolor-light { background-color: rgba(136,120,94,0.2); }
#body.Mandant_14479 .bordercolor { border-color: #88785E; }
#body.Mandant_14479 #cart #button_finish { border-color: #FF7E00; background-color: #FF7E00; }
#body.Mandant_14479 .T2886 table.cart td.total { color: #111 !important; }

#body.Mandant_38853 .color { color: #925A00; }
#body.Mandant_38853 .color_headlines h1, #body.Mandant_111 .color_headlines h2, #body.Mandant_111 .color_headlines h3 { color: #925A00; }
#body.Mandant_38853 .bgcolor { background-color: #925A00; }
#body.Mandant_38853 .bgcolor-light { background-color: rgba(146,90,0,0.2); }
#body.Mandant_38853 .bordercolor { border-color: #925A00; }
#body.Mandant_38853 #cart #button_finish { border-color: #FF7E00; background-color: #FF7E00; }
#body.Mandant_38853 .T2886 table.cart td.total { color: #111 !important; }

#body .booking.color { color: #FF7E00; }
#body .booking.bgcolor { background-color: #FF7E00; }
#body .booking.bgcolor-light { background-color: rgba(255,126,0,0.2); }
#body .booking.bordercolor { border-color: #FF7E00; }
#body .font_special1 { font-family: 'Arial', serif; font-weight: 400; }
#body .special_font_headlines h1, #body .special_font_headlines h2, #body .special_font_headlines h3 { font-family: 'Arial', serif; font-weight: 400; }
#body .font_special2 { font-family: Arial, sans-serif; font-weight: 400; }
#body .font_special2_bold { font-family: Arial, sans-serif; font-weight: 600; }

#body.Mandant_105 :is(.font_special1,.specialfont) { font-family: 'Cinzel',Arial, serif; font-weight: 400; }
#body.Mandant_105 .special_font_headlines h1, #body.Mandant_105 .special_font_headlines h2, #body.Mandant_105 .special_font_headlines h3 { font-family: 'Cinzel',Arial, serif; font-weight: 400; }
#body.Mandant_105 .font_special2 { font-family: 'Montserrat', Arial, sans-serif; font-weight: 400; }
#body.Mandant_105 .font_special2_bold { font-family: 'Montserrat', Arial, sans-serif; font-weight: 600; }

#body.Mandant_106 :is(.font_special1,.specialfont) { font-family: 'Lobster', Arial; font-weight: 400; }
#body.Mandant_106 .special_font_headlines h1, #body.Mandant_106 .special_font_headlines h2, #body.Mandant_106 .special_font_headlines h3 { font-family: 'Lobster', Arial; font-weight: 400; }
#body.Mandant_106 .font_special2 { font-family: 'Montserrat', Arial, sans-serif; font-weight: 400; }
#body.Mandant_106 .font_special2_bold { font-family: 'Montserrat', Arial, sans-serif; font-weight: 600; }

#body.Mandant_14495 :is(.font_special1,.specialfont) { font-family: 'Rock Salt', Arial, cursive; font-weight: 400; line-height: 1.3; }
#body.Mandant_14495.newfont1 :is(.font_special1,.specialfont) { font-family: 'Gochi Hand', cursive; font-weight: 400; line-height: 1.3; }
#body.Mandant_14495.newfont2 :is(.font_special1,.specialfont) { font-family: 'Sedgwick Ave', cursive; font-weight: 400; line-height: 1.3; }
#body.Mandant_14495 .special_font_headlines h1, #body.Mandant_14495 .special_font_headlines h2, #body.Mandant_14495 .special_font_headlines h3 { font-family: 'Rock Salt', Arial, cursive; font-weight: 400; line-height: 1.3; }
#body.Mandant_14495 .font_special2 { font-family: 'Montserrat', Arial, sans-serif; font-weight: 400; }
#body.Mandant_14495 .font_special2_bold { font-family: 'Montserrat', Arial, sans-serif; font-weight: 600; }
#body.Mandant_14495 .font_special1.headline35 { line-height: 1.45; }

#body.Mandant_111 :is(.font_special1,.specialfont) { font-family: 'Mogra', Arial, cursive; font-weight: 400; }
#body.Mandant_111 .special_font_headlines h1, #body.Mandant_111 .special_font_headlines h2, #body.Mandant_111 .special_font_headlines h3 { font-family: 'Mogra', Arial, cursive; font-weight: 400; }
#body.Mandant_111 .font_special2 { font-family: 'Montserrat', Arial, sans-serif; font-weight: 400; }
#body.Mandant_111 .font_special2_bold { font-family: 'Montserrat', Arial, sans-serif; font-weight: 600; }

#body.Mandant_14479 :is(.font_special1,.specialfont) { font-family: 'Fugaz One', Arial, cursive; font-weight: 400; }
#body.Mandant_14479 .special_font_headlines h1, #body.Mandant_14479 .special_font_headlines h2, #body.Mandant_14479 .special_font_headlines h3 { font-family: 'Fugaz One', Arial, cursive; font-weight: 400; }
#body.Mandant_14479 .font_special2 { font-family: 'Montserrat', Arial, sans-serif; font-weight: 400; }
#body.Mandant_14479 .font_special2_bold { font-family: 'Montserrat', Arial, sans-serif; font-weight: 600; }

#body.Mandant_38853 :is(.font_special1,.specialfont) { font-family: 'Mogra', Arial, cursive; font-weight: 400; }
#body.Mandant_38853 .special_font_headlines h1, #body.Mandant_111 .special_font_headlines h2, #body.Mandant_111 .special_font_headlines h3 { font-family: 'Mogra', Arial, cursive; font-weight: 400; }
#body.Mandant_38853 .font_special2 { font-family: 'Montserrat', Arial, sans-serif; font-weight: 400; }
#body.Mandant_38853 .font_special2_bold { font-family: 'Montserrat', Arial, sans-serif; font-weight: 600; }
.tofilter { min-height: 700px; }
.tofilter .filterbar {
width: 240px;
background-color: #EEEEEE;
position: absolute;
top: 30px;
left: 0;
z-index: 2;
padding: 15px 0;
}
.tofilter .filterbar .inner { position: relative; }
.tofilter .filterbar .mobileclose { display: none; position: absolute; top: -5px; right: 10px; cursor: pointer; }
.tofilter .filterbar .box {
margin: 0 0 20px 30px;
}
.tofilter .filterbar .box .headline {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 15px 0;
}
.tofilter .filterbar .box ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.tofilter .filterbar .box ul li {
margin: 0;
padding: 0;
}
.tofilter .filterbar .box ul li span.name {
position: relative;
font-size: 16px;
line-height: 1;
padding: 0 0 0 25px;
cursor: pointer;
}
.tofilter .filterbar .box ul li span.name:before {
content: '';
display: block;
position: absolute;
top: 5px;
left: 0;
background: #fff;
vertical-align: middle;
width: 12px;
height: 12px;
text-align: center;
}
.tofilter .filterbar .box ul li span.info {
display: block;
font-size: 12px;
margin: 0 8px 0 25px;
}
.tofilter .filterbar .box ul li span.active:before {
background-color: #00698C;
background-image: url(https://tramino.s3.amazonaws.com/s/explorer-hotels/767029/checkbox.png);
background-position: top left;
background-repeat: no-repeat;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper {
position: relative;
width: 180px;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .minvalue {
position: absolute;
top: 0;
left: 0;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .maxvalue {
position: absolute;
top: 0;
right: 0;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrangewrapper {
padding-top: 30px;
}
.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrange {
width: 100%;
}
.tofilter .mobilefilter { 
cursor: pointer;
display: none;
margin: 0 0 20px 20px;
border: 1px solid #555;
color: #555;
padding: 4px 12px;
font-size: 14px;
}
.tofilter .mobilefilter i { font-size: 16px; } 
.tofilter .mobilefilter.open { background-color: #555; color: #FFF; }
.tofilter .nomatch { display: none; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.tofilter .filterbar { width: 220px; }
.tofilter .filterbar .box .headline { font-size: 18px; }
.tofilter .filterbar .box ul li span { font-size: 15px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.tofilter .filterbar { width: 200px; top: 0px; padding-top: 0; }
.tofilter .filterbar .box .headline { font-size: 17px; }
.tofilter .filterbar .box ul li { margin: 0 0 5px 0; }
.tofilter .filterbar .box ul li span { font-size: 14px; padding-top: 3px; }
.tofilter .filterbar .box[data-filtertype="slider"] .sliderwrapper { width: 160px; }
.tofilter .filterbar .box[data-filtertype="slider"] .sliderwrapper .sliderrange { width: 95%; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.tofilter .mobilefilter { display: block; }
.tofilter .filterbar {
width: 200px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
transition: transform 300ms linear;
}
.tofilter .filterbar.open {
-webkit-transform: none;
transform: none;
transition: transform 300ms linear;
}
.tofilter .filterbar .mobileclose { display: block; }
.tofilter .filterbar .box .headline { font-size: 17px; }
.tofilter .filterbar .box ul li { margin: 0 0 5px 0; }
.tofilter .filterbar .box ul li span { font-size: 14px; padding-top: 3px; }
.tofilter .filterbar .box[data-filtertype="slider"] .sliderwrapper { width: 160px; }
.tofilter .filterbar .box[data-filtertype="slider"] .sliderwrapper .sliderrange { width: 95%; }
}
@media all and (max-width: 567px) {
.tofilter .mobilefilter { display: block; }
.tofilter .filterbar {
width: 200px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
transition: transform 300ms linear;
}
.tofilter .filterbar.open {
-webkit-transform: none;
transform: none;
transition: transform 300ms linear;
}
.tofilter .filterbar .mobileclose { display: block; }
.tofilter .filterbar .box .headline { font-size: 16px; }
.tofilter .filterbar .box ul li { margin: 0 0 5px 0; }
.tofilter .filterbar .box ul li span { font-size: 14px; padding-top: 3px; }
}
.font-ssp-sbold { font-weight: 600; }
.font-ssp-bold { font-weight: 700; }
.textstyle { font-size: 20px; line-height: 1.3; }
.textstyle19 { font-size: 19px; line-height: 1.3; }
.textstyle17 { font-size: 17px; line-height: 1.4; }
.textstyle16 { font-size: 16px; line-height: 1.3; }
.headline27 { font-size: 27px; line-height: 1.1; }
.headline30 { font-size: 30px; line-height: 1.1; }
.headline35 { font-size: 35px; line-height: 1.1; }
.headline40 { font-size: 40px; line-height: 1.1; }
.headline50 { font-size: 50px; line-height: 1.1; }
.headlinemargin { margin: 0 0 0.8em 0; }
.textile a, a.linkcolor, .linkcolor a { color: #000; text-decoration: underline; transition: color 100ms; }
.textile a:hover, a.linkcolor:hover, .linkcolor a:hover { color: #2852AD; transition: color 100ms; }
.textile table {
border-spacing: 0px; border-width: 0px;
margin: 0 0 20px 0;
}
.textile table td {
border-bottom: 1px solid #CCC;
padding: 6px 10px;
vertical-align: top;
}
.textile table tr:first-child td { border-top: 1px solid #CCC; }
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; }
.textile ul { padding-left: 20px }
.btn {
display: inline-block;
text-decoration: none;
font-size: 16px;
border: 2px solid #555555;
color: #555555;
padding: 5px 20px;
cursor: pointer;
}
.btn-filled {
color: #FFF;
background-color: #555555;
}
.btn.booking {
color: #FFF;
background-color: #FF7E00;
border-color: #FF7E00;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.textstyle { font-size: 18px; }
.textstyle19 { font-size: 17px; }
.textstyle17 { font-size: 16px; }
.textstyle16 { font-size: 15px; }
.headline27 { font-size: 25px; }
.headline30 { font-size: 28px; }
.headline35 { font-size: 32px; }
.headline40 { font-size: 35px; }
.headline50 { font-size: 45px; }
.textile ul { padding-left: 18px }
.btn {
font-size: 15px;
padding: 4px 18px;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.textstyle { font-size: 16px; }
.textstyle19 { font-size: 15px; }
.textstyle17 { font-size: 15px; }
.textstyle16 { font-size: 14px; }
.headline27 { font-size: 21px; }
.headline30 { font-size: 24px; }
.headline35 { font-size: 28px; }
.headline40 { font-size: 30px; }
.headline50 { font-size: 40px; }
.textile ul { padding-left: 15px }
.btn {
font-size: 14px;
padding: 3px 16px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.textstyle { font-size: 14px; }
.textstyle19 { font-size: 14px; }
.textstyle17 { font-size: 14px; }
.textstyle16 { font-size: 13px; }
.headline27 { font-size: 16px; }
.headline30 { font-size: 18px; }
.headline35 { font-size: 24px; }
.headline40 { font-size: 25px; }
.headline50 { font-size: 35px; }
.textile ul { padding-left: 12px }
.btn {
font-size: 14px;
padding: 3px 16px;
}
}
@media all and (max-width: 567px) {
.textstyle { font-size: 13px; }
.textstyle19 { font-size: 13px; }
.textstyle17 { font-size: 13px; }
.textstyle16 { font-size: 12px; }
.headline27 { font-size: 14px; }
.headline30 { font-size: 16px; }
.headline35 { font-size: 18px; }
.headline40 { font-size: 20px; }
.headline50 { font-size: 30px; }
.textile ul { padding-left: 10px }
.btn {
font-size: 13px;
padding: 2px 14px;
}
}
.offerbox { width: 540px; height: 80px; margin-top: 25px; }
.offerbox:after { display: block; content: ""; clear: left; }
.offerbox .offerwrapper { float: left; width: 440px; }
.offerbox .offerwrapper:after { display: block; content: ""; clear: both; }
.offerbox .item-offer { padding: 0 0 0 15px; float: left; width: 335px; }
.offerbox .item-preis { padding: 0 15px 0 0; float: right; }
.offerbox .item-left { padding: 0 0 0 15px; float: left; }
.offerbox .item .label {
font-size: 12px;
line-height: 1;
color: #999999;
text-transform: uppercase;
padding: 10px 0 6px 0;
}
.offerbox .item .text { font-size: 17px; line-height: 1.2; }
.offerbox .item .text p {
margin: 0;
}
.offerbox .booking {
width: 100px;
height: 100%;
float: left;
border-left: 1px solid #FFF;
} 
.offerbox .booking a {
color: #FFF;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
text-transform: uppercase;
font-size: 15px;
text-align: center;
padding: 50px 0 0 0;
}
.offerbox .booking.split a {
height: 50%;
padding: 10px 0 0 0;
}
.offerbox .booking.split a.first { height: calc( 50% - 1px ); border-bottom: 1px solid #FFF; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.offerbox { width: 440px; height: 70px; margin-top: 20px; }
.offerbox .offerwrapper { width: 340px; }
.offerbox .item-offer { padding: 0 0 0 13px; width: 248px; }
.offerbox .item-preis { padding: 0 13px 0 0; }
.offerbox .item-left { padding: 0 0 0 13px;  }
.offerbox .item .label { padding: 9px 0 5px 0; }
.offerbox .item .text { font-size: 15px; }
.offerbox .booking a {
font-size: 14px;
padding: 45px 0 0 0;
}
.offerbox .booking.split a { padding: 8px 0 0 0; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.offerbox { width: 365px; height: 65px; margin-top: 15px; }
.offerbox .offerwrapper { width: 280px; display: flex; }
.offerbox .item-offer { padding: 0 0 0 13px; float: none; flex: 1; width: auto; }
.offerbox .item-preis { padding: 0 13px 0 0; float: none; }
.offerbox .item-left { padding: 0 0 0 13px; float: none; flex: 1; }
.offerbox .item .label { padding: 8px 0 4px 0; }
.offerbox .item .text { font-size: 13px; }
.offerbox .booking { width: 85px; }
.offerbox .booking a {
font-size: 13px;
padding: 40px 0 0 0;
}
.offerbox .booking.split a { padding: 7px 0 0 0; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.offerbox { width: auto; height: 60px; margin-top: 10px; display: flex; }
.offerbox .offerwrapper { width: auto; flex: 1; display: flex; }
.offerbox .item-offer { padding: 0 0 0 12px; float: none; flex: 1; width: auto;  }
.offerbox .item-preis { padding: 0 12px 0 0; float: none;  }
.offerbox .item-left { padding: 0 0 0 12px; float: none; flex: 1; }
.offerbox .item .label { padding: 7px 0 3px 0; font-size: 11px; }
.offerbox .item .text { font-size: 12px; }
.offerbox .booking { width: 80px; }
.offerbox .booking a {
font-size: 12px;
padding: 30px 0 0 0;
}
.offerbox.tabletbreak { display: block; }
.offerbox.tabletbreak .offerwrapper { float: none; flex: 0; }
.offerbox.tabletbreak .booking { float: none; width: 100%; height: 25px; border-left-width: 0px; border-top: 1px solid #FFF; }
.offerbox.tabletbreak .booking a { padding-top: 5px; }
.offerbox .booking.split a { float: left; width: 50%; height: 100%; padding: 5px 0 0 0; }
.offerbox .booking.split a.first { height: 100%; border-bottom-width: 0px; border-right: 1px solid #FFF; }
}
@media all and (max-width: 567px) {
.offerbox { width: auto; height: 50px; margin-top: 8px; display: flex; }
.offerbox .offerwrapper { width: auto; flex: 1; display: flex; }
.offerbox .item-offer { padding: 0 0 0 3px; float: none; flex: 1; width: auto;  }
.offerbox .item-preis { padding: 0 3px 0 0; float: none; }
.offerbox .item-left { padding: 0 0 0 3px; float: none; flex: 1; }
.offerbox .item .label { padding: 6px 0 2px 0; font-size: 9px; }
.offerbox .item .text { font-size: 11px; }
.offerbox .booking { width: 65px; }
.offerbox .booking a {
font-size: 11px;
padding: 30px 0 0 0;
}
.offerbox .booking.split a { padding: 5px 0 0 0; }
}
.arrowbox {
position: absolute;
top: 0px;
right: 0px;
display: inline-block;
font-size: 16px;
margin: 0 0 0 8px;
background-image: url(https://tramino.s3.amazonaws.com/s/oberstdorf-event/806520/linknameflag.png);
background-position: bottom 0px right 0px;
background-repeat: no-repeat;
padding: 0 0 14px 0;
}
.arrowbox i {
font-size: 21px;
color: #666666;
background-color: #FFF;
padding: 5px 15px;
}
.arrowbox i.booking { color: #FFF; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.arrowbox {
margin: 0 0 0 7px;
padding: 0 0 11px 0;
background-size: 35px auto;
}
.arrowbox i {
font-size: 19px;
padding: 4px 13px;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.arrowbox {
margin: 0 0 0 7px;
padding: 0 0 11px 0;
background-size: 35px auto;
}
.arrowbox i {
font-size: 17px;
padding: 3px 11px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.arrowbox {
margin: 0 0 0 7px;
padding: 0 0 11px 0;
background-size: 35px auto;
}
.arrowbox i {
font-size: 17px;
padding: 3px 11px;
}
}
@media all and (max-width: 567px) {
.arrowbox {
margin: 0 0 0 7px;
padding: 0 0 8px 0;
background-size: 30px auto;
}
.arrowbox i {
font-size: 15px;
padding: 2px 9px;
}
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
#body.nomotiv #content { margin-top: 150px; }
.maxwidth {
width: 980px;
}
.TraminoVorlage { 
margin-top: 60px;
margin-bottom: 60px;
}
.padding-lr {
padding-left: 35px;
padding-right: 35px;
}
.padding-tb {
padding-top: 35px;
padding-bottom: 35px;
}
.textile table { margin: 0 0 18px 0; }
.textile table td { padding: 3px 8px; }
#body .slick-arrow:before { font-size: 45px !important; }
#body .slick-arrow { width: 45px !important; height: 45px !important; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
body { -webkit-text-size-adjust: 100%; }
#body.nomotiv #content { margin-top: 120px; }
body.openmenu { overflow: hidden; }
body.openibe { overflow: hidden; }
body.openmenu #page, body.openibe { position: fixed; top: 0; left: 0; right: 0; }
.maxwidth {
width: auto;
margin: 0 20px;
}
.maxwidthsmall {
width: auto;
margin: 0 30px;
}
.TraminoVorlage { 
margin-top: 40px;
margin-bottom: 40px;
}
.padding-lr {
padding-left: 25px;
padding-right: 25px;
}
.padding-tb {
padding-top: 25px;
padding-bottom: 25px;
}
.textile table { margin: 0 0 15px 0; }
.textile table td { padding: 2px 6px; }
#body .slick-arrow:before { font-size: 40px !important; }
#body .slick-arrow { width: 40px !important; height: 40px !important; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
body { -webkit-text-size-adjust: 100%; }
#body.nomotiv #content { margin-top: 90px; }
body.openmenu { overflow: hidden; }
body.openibe { overflow: hidden; }
body.openmenu #page, body.openibe { position: fixed; top: 0; left: 0; right: 0; }
.maxwidth {
width: auto;
margin: 0 15px;
}
.maxwidthsmall {
width: auto;
margin: 0 20px;
}
.maxwidth-tablet {
width: auto;
margin: 0 15px;
}
.TraminoVorlage { 
margin-top: 30px;
margin-bottom: 30px;
}
.padding-lr {
padding-left: 20px;
padding-right: 20px;
}
.padding-tb {
padding-top: 20px;
padding-bottom: 20px;
}
.textile table { margin: 0 0 13px 0; }
.textile table td { padding: 2px 4px; }
#body .slick-arrow:before { font-size: 35px !important; }
#body .slick-arrow { width: 35px !important; height: 35px !important; }
}
@media all and (max-width: 567px) {
body { -webkit-text-size-adjust: 100%; }
#body.nomotiv #content { margin-top: 75px; }
body.openmenu { overflow: hidden; }
body.openibe { overflow: hidden; }
body.openmenu #page, body.openibe { position: fixed; top: 0; left: 0; right: 0; }
.maxwidth {
width: auto;
margin: 0 15px;
}
.maxwidth-mobile {
width: auto;
margin: 0 15px;
}
.maxwidthsmall {
width: auto;
margin: 0 15px;
}
.maxwidth_break_mobile {
width: auto;
margin: 0;
}
.TraminoVorlage { 
margin-top: 20px;
margin-bottom: 20px;
}
.padding-lr {
padding-left: 15px;
padding-right: 15px;
}
.padding-tb {
padding-top: 15px;
padding-bottom: 15px;
}
.textile table { margin: 0 0 10px 0; }
.textile table td { padding: 2px 4px; }
#body .slick-arrow:before { font-size: 30px !important; }
#body .slick-arrow { width: 30px !important; height: 30px !important; }
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('https://tramino.s3.amazonaws.com/tramino/js/fancybox2/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('https://tramino.s3.amazonaws.com/tramino/js/fancybox2/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('https://tramino.s3.amazonaws.com/tramino/js/fancybox2/blank.gif'); 
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}

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

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

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('https://tramino.s3.amazonaws.com/tramino/js/fancybox2/fancybox_sprite@2x.png');
background-size: 44px 152px; 
}
#fancybox-loading div {
background-image: url('https://tramino.s3.amazonaws.com/tramino/js/fancybox2/fancybox_loading@2x.gif');
background-size: 24px 24px; 
}
}.T2886 {
min-height: 100px;
color: #444;
font-size: 15px;
}
.T2886 .cartHeader { display: flex; justify-content: space-between; border-bottom: 2px solid rgba(0,0,0,0.2); margin-bottom: 20px;  }
.T2886 #cartProgressBar { height: 30px; }
.T2886 #cartProgressBar .step { float: left; margin-right: 20px;  }
.T2886 #cartProgressBar .step.active { color: #000; font-weight: bold;  }
.T2886 #cartProgressBar .step.done a { color: #000; }
.T2886 .adresse { float: left; width: 40%; padding-right: 30px; box-sizing: border-box; }
.T2886 .terms { float: left; width: 60%; }
.T2886 .terms .terms-inner { box-sizing: border-box;  font-size: 14px !important; width: 100% !important; height: 350px !important; padding: 0px 3% !important; }
.T2886 table.cart td { padding-top: 10px !important; padding-bottom: 10px !important; border-bottom: 1px solid rgba(0,0,0,0.1) !important; }
.T2886 table.cart tr.subtotal td { border-bottom-width: 0px !important; }
.T2886 table.cart td.input {
border-bottom: 0px solid transparent !important;
padding: 5px 5px 4px 0px !important;
}
.T2886 table.cart td.input.nn span { padding: 3px 5px; }
.T2886 table.data td.input input[type=text] { width: 100%; padding: 1px 2px !important; }
.T2886 table.data td.input select { width: 100%; min-height: 22px; }
.T2886 .item div p { margin: 0px 0px 5px 0px; }
.T2886 .item div ul { margin: 5px 0px; }
.T2886 table.cart td.image { padding-right: 20px !important; }
.T2886 table.cart td .info { font-size: 13px !important; line-height: 1.25 !important; }
.T2886 table.cart td .expires { color: #262; }
.T2886 table.cart td .expires.expired { color: #966; }
.T2886 table.cart td.details { line-height: 1.2; }
.T2886 table.cart td.sum { padding-left: 20px !important; font-weight: bold !important; font-size: 20px !important;  }
.T2886 table.cart td.sum div.mwst{  font-style: italic; font-size: 9px !important; line-height: 1; white-space: nowrap; }
.T2886 table.cart td.total {
padding: 10px 0px !important;
font-size: 25px !important;
line-height: 1.2 !important;
color: #BD2631 !important;
}
.T2886 .terms .accept { margin: 10px 0px; }
.T2886 .form .cancel { background-color: #aaa; color: #fff; font-weight: bold; padding: 5px 30px; text-transform: uppercase; font-size: 12px; border: none; }
.T2886 .form .finish { background-color: #BD2631; color: #fff; font-weight: bold; padding: 5px 30px; text-transform: uppercase; font-size: 12px; border: none; }
.T2886 input[type=submit] { -webkit-appearance: none; }
.T2886 .cart-section {
display: flex;
margin: 0px 0px 20px 0px; 
padding: 20px 0px 30px 0px; 
border-bottom: 1px solid #ccc; 
}
.T2886 .cart-section-header { flex: 1; }
.T2886 .cart-section-content { flex: 2; }
.T2886 .cart-section-header .label { font-weight: bold; font-size: 13px; }
.T2886 .nl-checkbox .info {
font-size: 13px;
color: #777;
margin: 3px 0 0 0;
}

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


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

#body.Mandant_27604 .T2886 #cart table.cart th.sum.euro { opacity: 0; }
#body.Mandant_27604 .T2886 #cart table.cart td.sum.euro { opacity: 0; }
#body.Mandant_27604 .T2886 #cart table.cart td.total.euro { opacity: 0; border-top-width: 1px !important; }
#body.Mandant_27604 .T2886 #cart:not(.checkout) table.cart tr:last-child { display: none; }
@media all and (max-width: 950px) {
.T2886 .form { max-width: 400px; margin: 0px auto; }
.T2886 .adresse { float: none; width: 100%; padding-right: 0px;  }
.T2886 .terms { float: none; width: 100%; margin: 20px 0px;  }
}
@media all and (max-width: 700px) {
.T2886 #cartProgressBar { font-size: 12px; }
.T2886 table.cart { display: block}
.T2886 table.cart > tbody { display: block}
.T2886 table.cart > tbody > tr { display: block; width: 100%; position: relative; }
.T2886 table.cart > tbody > tr > th { display: none}
.T2886 table.cart > tbody > tr > td { display: block; width: 100% !important; box-sizing: border-box; }
.T2886 table.cart > tbody > tr > td.image { float: left; width: 100px !important; border-width: 0px !important;}
.T2886 table.cart > tbody > tr > td.item { padding-left: 120px !important; border-width: 0px !important; }
.T2886 table.cart > tbody > tr > td.details { padding: 0px 0px 0px 120px !important; border-width: 0px !important; }
.T2886 table.cart > tbody > tr > td.euro { padding-left: 120px !important; }
.T2886 table.cart > tbody > tr > td.optional_items_button { text-align: right; margin-top: 10px; margin-bottom: 20px; }
.T2886 table.cart td { padding-top: 0px !important; padding-bottom: 0px !important; border-bottom: 0px solid rgba(0,0,0,0.1) !important; }
.T2886 table.cart td.remove { position: absolute; right: -20px; top: 10px; }
.T2886 table.data { display: block}
.T2886 table.data tbody { display: block}
.T2886 table.data th { display: none}
.T2886 table.data tr { display: block; width: 100%;}
.T2886 table.data td { display: block; width: 100% !important; box-sizing: border-box; }
.T2886 table.data td.input { display: flex; }
.T2886 table.data td.input > label { flex: 1; }
.T2886 table.data td.input > span { flex: 3; }
.T2886 .cart-section { display: block !important; }
}
@media all and (max-width: 567px) {
.T2886 .cartHeader {
flex-direction: column;
}
.T2886 #cartProgressBar { order: 2; }
.T2886 #cart-shop-button { order: 1; margin-bottom: 15px; align-self: flex-end; }
.T2886 #cartform .wrapper .newsletter { width: 100% !important; float: none !important; margin: 0 0 25px 0 !important; }
.T2886 #cartform .wrapper .herkunft { width: 100% !important; float: none !important; margin: 0 0 25px 0 !important; }
}
.T2886 .empty {
border: 0px solid #fff !important;
color: #000 !important;
background-color: #fff;
box-shadow: 5px 5px 25px rgba(0,0,0,0.1);
padding: 60px 20px; 
font-size: 25px; 
margin: 20px 0px;
border-radius: 10px;
}
.T2886 .empty .icon {
color: #c33;
font-size: 50px;
margin: 20px;
}
.T2886 .cart_error {
border: 0px solid #fff !important;
color: #000 !important;
background-color: #fff !important;
box-shadow: 5px 5px 25px rgba(0,0,0,0.1);
border-radius: 10px !important;
padding: 25px 50px !important; 
font-size: 25px !important; 
margin: 30px 0px !important;
text-align: center;
}
.T2886 .cart_error .icon {
color: #f33;
font-size: 50px;
margin: 20px;
}
.T2886 .cart_error .info {
margin-top: 20px;
font-size: 16px;
color: #999;
}
.T2886 .success {
border: 0px solid #fff !important;
color: #000 !important;
background-color: #fff;
box-shadow: 5px 5px 25px rgba(0,0,0,0.1);
border-radius: 10px!important;
padding: 60px 20px!important; 
font-size: 25px !important; 
margin: 20px 0px !important;
text-align: center !important;
}
.T2886 .success .icon {
color: #3c3;
font-size: 60px;
margin: 20px;
text-align: center;
}.T2912 * { box-sizing: content-box; }
.T2912 h3 {
margin: 0px 0px 20px 0px !important;
}
.T2912 .allerrors { margin: 0 0 10px 0; }
.T2912 .allerrors .error { display: inline-block; background-color: #F00; color: #FFF; padding: 3px 5px; font-size: 12px; margin: 0 0 3px 0; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widgets { margin-bottom: .5rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widgets > .mandatory { display: flex; justify-content: flex-end; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups {
display: flex;
flex-wrap: wrap;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group {
width:  100%;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups :is(.break,.clear) {
width: 100%;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element {
margin: 0 0 1.3rem 0;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .label .help {
font-size: 0.9rem;
margin-bottom: 0.7rem;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element.cond_hide {
display: none;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element .label h4 {
margin: 0 0 0.3rem 0;
font-weight: bold;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .footer {
margin:  0 0 0.5rem 0;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .footer .form_buttons {
display: flex;
justify-content:  flex-end;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]) {
width: 100% !important;
box-sizing: border-box;
font-size: 1rem;
border: 1px solid #cacaca;
background-color: #fff;
padding: .5rem;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element select { width: 100%; height: 2.4375rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element textarea { width: 100%; box-sizing: border-box; font-family: Arial; border: 1px solid #cacaca; padding: .3rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]):focus, :is(#TraminoForm.newcss,.TraminoForm.newcss) .element textarea:focus {
outline: 0;
border: 1px solid #000;
box-shadow: 0 0 5px #cacaca;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile {
display: flex;
justify-content: space-between;
margin-bottom: 0.55rem;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget :is(.clear,.break) { width: 0; display: none; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile .Feld { flex-grow: 0; flex-shrink: 0; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile .Feld .Label { 
font-size: 0.8rem;
margin-left: 0.2rem;
margin-top: 0.1rem;
color: var(--label_color);
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_vorname { width: calc(45% - 0.5rem) }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_nachname { width: 55%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_firma { width: calc(50% - 0.25rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_abteilung { width: calc(50% - 0.25rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_abteilung .adresse_firma { width: 100% !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_strasse { width: 80%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_hausnr { width: calc(20% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_plz { width: 20%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_ort { width: calc(50% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_ortsteil { width: calc(30% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.noortsteil .adresse_ort { width: calc(80% - 0.5rem) !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_telefon { width: 33%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_fax { width: calc(33% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_mobil { width: calc(33% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax .adresse_telefon { width: 50% !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax .adresse_mobil { width:  calc(50% - 0.5rem) !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax.no_mobil .adresse_telefon { width: 100% !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.telonly .adresse_telefon { width: 100%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_email { width: 100%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_land { width: 100%; }

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

margin-bottom:  1rem;
width:  auto !important;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element input { grid-area: checkbox; display: flex; align-self: flex-start; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element span { grid-area: headline; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element .info { grid-area: info; font-size: 0.8rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates { display: flex; flex-wrap: wrap; margin-top: 0.5rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum { display: flex; flex-wrap: wrap; margin-bottom: 0.3rem; margin-right: 0.3rem; align-items: center; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum .Widget { width: 100px; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum label {  display: inline-block;  width: 80px;}
@media (min-width: 768px) {
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups {
justify-content: space-between;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group {
width:  48%;
padding: 0 2% 1% 0;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group + :is(#TraminoForm.newcss,.TraminoForm.newcss) .groups > div.clear {
width:  100%;
}
}
.TraminoForm.newcss .Widgets { margin-bottom: .5rem; }
.TraminoForm.newcss .Widgets > .mandatory { display: flex; justify-content: flex-end; }
.TraminoForm.newcss .groups {
display: flex;
flex-wrap: wrap;
}
.TraminoForm.newcss .groups .group {
width:  100%;
}
.TraminoForm.newcss .groups :is(.break,.clear) {
width: 100%;
}
.TraminoForm.newcss .element {
margin: 0 0 1.3rem 0;
}
.TraminoForm.newcss .element.cond_hide {
display: none;
}
.TraminoForm.newcss .element .label h4 {
margin: 0 0 0.3rem 0;
}
.TraminoForm.newcss .footer {
margin:  0 0 0.5rem 0;
}
.TraminoForm.newcss .footer .form_buttons {
display: flex;
justify-content:  flex-end;
}
.TraminoForm.newcss .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]) {
width: 100% !important;
box-sizing: border-box;
font-size: 1rem;
border: 1px solid #cacaca;
background-color: #fff;
padding: .5rem;
}
.TraminoForm.newcss .element select { width: 100%; }
.TraminoForm.newcss .element textarea { width: 100%; box-sizing: border-box; font-family: Arial; border: 1px solid #cacaca; padding: .3rem; }
.TraminoForm.newcss .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]):focus, .TraminoForm.newcss .element textarea:focus {
outline: 0;
border: 1px solid #000;
box-shadow: 0 0 5px #cacaca;
}
.TraminoForm.newcss .AdresseWidget .Zeile {
display: flex;
justify-content: space-between;
margin-bottom: 0.2rem;
}
.TraminoForm.newcss .AdresseWidget :is(.clear,.break) { width: 0; display: none; }
.TraminoForm.newcss .AdresseWidget .Zeile .Feld { flex-grow: 0; flex-shrink: 0; }
.TraminoForm.newcss .AdresseWidget .Zeile .Feld .Label { font-size: 0.85rem; }
.TraminoForm.newcss .AdresseWidget .adresse_vorname { width: calc(45% - 0.5rem) }
.TraminoForm.newcss .AdresseWidget .adresse_nachname { width: 55%; }
.TraminoForm.newcss .AdresseWidget .adresse_firma { width: calc(50% - 0.25rem); }
.TraminoForm.newcss .AdresseWidget .adresse_abteilung { width: calc(50% - 0.25rem); }
.TraminoForm.newcss .AdresseWidget .adresse_strasse { width: 80%; }
.TraminoForm.newcss .AdresseWidget .adresse_hausnr { width: calc(20% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget .adresse_plz { width: 20%; }
.TraminoForm.newcss .AdresseWidget .adresse_ort { width: calc(50% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget .adresse_ortsteil { width: calc(30% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget.noortsteil .adresse_ort { width: calc(80% - 0.5rem) !important; }
.TraminoForm.newcss .AdresseWidget .adresse_telefon { width: 33%; }
.TraminoForm.newcss .AdresseWidget .adresse_fax { width: calc(33% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget .adresse_mobil { width: calc(33% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget.no_fax .adresse_telefon { width: 50% !important; }
.TraminoForm.newcss .AdresseWidget.no_fax .adresse_mobil { width:  calc(50% - 0.5rem) !important; }
.TraminoForm.newcss .AdresseWidget.telonly .adresse_telefon { width: 100%; }
.TraminoForm.newcss .AdresseWidget .adresse_email { width: 100%; }
.TraminoForm.newcss .AdresseWidget .adresse_land { width: 100%; }
.TraminoForm.newcss .SchulnotenWidget .break { display: none; width: 0px; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung { display: flex; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung.Absatz { margin-top: 1rem; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung { margin-bottom: 0.1rem; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung.Absatz .Name { font-weight: bold; hyphens: auto; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten { display: flex; margin-right: 1rem; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten span.Note { display: block; width: 20px; text-align: center; }
.Widget.StaticStarsWidget {
height:16px;
width:80px;
background: transparent url(/tramino/gfx/rating/ui.stars.gif) 0 -32px;
}
.Widget.StaticStarsWidget .StativStarsAktiv{
height:16px;
background: transparent url(/tramino/gfx/rating/ui.stars.gif) 0 -48px;
}
.Widget.StaticStarsWidgetSmall {
height:10px;
width:50px;
background: transparent url(/tramino/gfx/rating/ui.stars_s.gif) 0 -10px;
padding:0px !important;
margin:0px !important;
}
.Widget.StaticStarsWidgetSmall .StativStarsAktiv{
height:10px;
background: transparent url(/tramino/gfx/rating/ui.stars_s.gif) 0 -20px;
}
.TraminoPaginator {
margin: 0px;
line-height: 1.6em;
}
.TraminoPaginator span.anzahl {
padding-right: 30px;
font-size: 11px;
}
.TraminoPaginator span a {
padding: 2px 5px 2px 5px !important;
text-decoration: none;
border: 0px !important;
color: #666;
}
.TraminoPaginator span.button a {
display:inline-block;
font-size:13px;
background-color: #ccc;
padding: 2px 10px 2px 10px !important;
margin-right:4px;
}
.TraminoPaginator span.button.active a {
background-color: #333;
color:#fff;
}
.TraminoPaginator span a:hover {
background-color: #000 !important;
color: #fff !important;
}
.TraminoPaginator span.aktiv a {
font-size: 1.4em;
font-weight: bold;
color: #000;
}
#lightroom .TraminoPaginator {
color: #666;
}
#lightroom .TraminoPaginator span a {
color: #666;
}
#lightroom .TraminoPaginator span.aktiv a {
color: #fff;
}
#lightroom .TraminoPaginator span a:hover {
background-color: #fff !important;
color: #000 !important;
}
.TraminoForm.newcss .formtype_Divider .divider { font-weight: bold;font-size: 1.3rem; }
@media (max-width: 567px) {
.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten span.Note { width: 15px; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung { border-top: 1px solid #CCC; padding-top: 0.5rem; margin-top: 0.5rem; }
}
@media (min-width: 768px) {
.TraminoForm.newcss .groups {
justify-content: space-between;
}
.TraminoForm.newcss .groups .group {
width:  48%;
padding: 0 2% 1% 0;
}
.TraminoForm.newcss .groups .group + .TraminoForm.newcss .groups > div.clear {
width:  100%;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T2912 .TraminoForm .group {
width: 45%;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T2912 .TraminoForm .group {
float: none;
padding: 0px;
}
}
@media all and (max-width: 567px) {
.T2912 .TraminoForm .group {
float: none;
padding: 0px;
width: 100% !important;
}
}
.S5709 .inner {
padding: 30px;
background-color: #fff;
}.S6436 .inner {
padding: 30px;
background-color: rgba(255,255,255,0.6);
}.S6437 .inner {
padding: 30px;
background-color: rgba(0,0,0,0.1);
}.S8191 .inner {
padding: 30px;
color: #FFF;
}header {
position: absolute;
top: 50px;
left: 0;
right: 0;
z-index: 100;
max-height: 80px;
background-color: #FFF;
}
header .stoerer {
position: absolute;
bottom: 80px;
width: 100%;
padding: 0.3em 0px;
background: #FF7E00;
color: #fff;
line-height: 1;
}
header .joblink {
position: absolute;left: 120px;bottom: -13px;background: #369;padding: 0.2em 0.8em;box-shadow: 2px 2px 12px #0003; border-radius: 1em;font-size: 13px;color: #fff;font-weight: bold;
}
body.openmenu header .stoerer { display: none; }
header .stoerer .maxwidth { text-align: center; display: block; text-decoration: none; color: #FFF;}
@media all and (min-width: 1024px) and (max-width: 1279px) {
header .stoerer { bottom: 65px; font-size: 13px; }
}
@media all and (min-width: 1px) and (max-width: 1024px) {
header .stoerer { bottom: 52px; font-size: 12px; }
}
header .maxwidth { position: relative; }
#body.openmenu header, #body.openibe header  {
max-height: 900px;
}
#body.openmenu.tinywindow header .nav_wrapper {
overflow: scroll;
}
header.sticky {
position: fixed;
top: 25px; left: 0; right: 0;
box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}
header a { text-decoration: none; }
header .header-inner {
margin: 0 0 0 300px;
padding: 15px 0 0 0;
box-sizing: content-box !important;
}
header .header-inner:after { display: block; content: ""; clear: both; }
header .header-inner .column {
height: 65px;
float: left;
margin: 0 15px 0 0;
padding: 0 0 0 15px;
}
header .header-inner .column-menu { width: 125px; padding-left: 0px; }
header .header-inner .column-menu:after { display: block; content: ""; clear: left; }
header .header-inner .column-menu .menu { float: left; }
header .header-inner .column-menu .ibe { float: left; margin: 0 0 0 10px; padding: 0; display: none; position: relative; width: 50px; }
header .header-inner .column-menu .ibe i {
position: absolute;
top: 2px;
left: 14px;
font-size: 25px;
}
header .header-inner .tel {
display: none;
}
header .nav_wrapper {
visibility: hidden;
max-height: 0px;
}
#body.openmenu header .nav_wrapper {
padding: 30px 0 0 0;
box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
max-height: 900px;
visibility: visible;
}
#or_notification {
position: absolute;
opacity: 1;
top: 140px;
right: 0;
z-index: -1;
color: #FFF;
font-size: 18px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
width: 400px;
transition: right 500ms;
cursor: pointer;
}
#or_notification.stickycart { top: 110px; width: auto; }
#or_notification.hide {
opacity: 0;
right: 0px;
transition: opacity 250ms, right 250ms;
}
#or_notification.noshow {
display: none;
} 
#or_notification .inner {
position: relative;
padding: 0 0 10px 0;
min-height: 80px;
}
#or_notification.stickycart .inner {
position: relative;
padding: 10px 40px 10px 50px;
}
#or_notification.stickycart i.icons8-shopping-cart-loaded {
position: absolute;
top: 9px;
left: 15px;
font-size: 24px;
}
#or_notification.stickycart i.icons8-arrow-right-filled {
position: absolute;
top: 50%;
right: 10px;
transform: translate(0,-50%);
font-size: 14px;
}
#or_notification .inner .close {
position: absolute;
top: 0px;
right: 10px;
cursor: pointer;
font-size: 23px;
line-height: 1;
}
#or_notification .inner .mailbox {
position: absolute;
bottom: -4px;
right: 10px;
font-size: 50px;
line-height: 1;
}
#or_notification .inner h4 {
width: 300px;
font-size: 18px;
margin: 10px 40px 8px 20px;
}
#or_notification .inner .intro {
font-size: 15px;
line-height: 1.23;
margin:  0 60px 0 20px;
}
#or_notification .inner .client {
position: absolute;
top: 0px;
right: 40px;
font-size: 13px;
border: 1px solid #CCC;
padding: 3px 7px
}
body.Mandant_106 #or_notification {  background-color: rgba(200,102,27,0.80) !important; }
body.Mandant_105 #or_notification {  background-color: rgba(51,98,83,0.80) !important; }
body #or_notification.booking { background-color: rgba(255,126,0,0.80) !important; }
body #or_notification.puce { background-color: rgba(80,55,8,0.80) !important; } 
body #or_notification.tan { background-color: rgba(146,91,0,0.80) !important; } 
body #or_notification.hm-layout { background-color: rgba(163,147,122,0.80) !important; } 
body #or_notification.hm-logo {  background-color: rgba(51,98,83,0.80) !important; } 
body #or_notification.ho-layout { background-color: rgba(163,147,122,0.80) !important; } 
body #or_notification.ho-logo { background-color: rgba(188,89,31,0.80) !important; } 
body #or_notification.hostel-blau { background-color: rgba(0,105,140,0.80) !important; } 
body #or_notification.hostel-grau { background-color: rgba(155,155,140,0.80) !important; } 
body #or_notification.hostel-rot { background-color: rgba(209,73,45,0.80) !important; } 
header .greybox {
color: #000;
font-size: 19px;
background-color: #EEEEEE;
box-shadow: 1px 1px 0px #777777;
box-shadow: 1px 1px 0px rgba(119,119,119,0.33);
padding: 20px 15px 10px 15px;
height: 50px;
position: relative;
display: block;
}
header .greybox.greybox-wrapper {
padding: 0;
height: auto;
}
header .greybox.greybox-light {
background-color: #FFF;
box-shadow: none;
border: 1px solid #777777;
border-color: rgba(119,119,119,0.33);;
}
header .greybox.greybox-nostyling {
background-color: #FFF;
box-shadow: none;
border-width: 0;
height: 48px;
}
header .greybox.booking i { color: #FFF; }
header .greybox.greybox-nopaddingleftright { padding-left: 0; padding-right: 0; }
header .greybox .smalllabel {
position: absolute;
top: 5px;
left: 15px;
font-size: 12px;
text-transform: uppercase;
color: #999999;
}
header .greybox .notify {
position: absolute;
top: -5px;
right: 15px;
font-size: 12px;
color: #FFF;
background-color: #BB0016;
width: 22px;
height: 22px;
border-radius: 50%;
display: block;
padding: 3px 0 0 8px;
}
header .greybox.pulldown { padding-right: 40px; }
header .greybox.pulldown i.arrow {
position: absolute;
top: 25px;
right: 10px;
font-size: 12px;
color: #333;
}#logo {
top: 0px;left: 0px;width: 277px;height: 80px;position: absolute;display: block;background-position: center center;background-repeat: no-repeat;}

.Mandant_105 #logo {
background-image: url(https://tramino.s3.amazonaws.com/s/hotel-mohren/1108537/logo-svg.svg);}

.Mandant_106 #logo {
background-image: url(https://tramino.s3.amazonaws.com/s/hotel-oberstdorf/870434/logo-ho-01.svg);}

.Mandant_14495 #logo {
background-image: url(https://tramino.s3.amazonaws.com/s/oberstdorf-hostel/811554/logo-hostelsvg.svg);}

.Mandant_111 #logo {
background-image: url(https://storage.tramino.net/wannenkopfhuette/1326423/logo-wh-svg-new.svg);}

.Mandant_14479 #logo {
background-image: url(https://tramino.s3.amazonaws.com/s/alpe-oberstdorf/930948/logo-neu.svg);}

.Mandant_38853 #logo {
background-image: url(https://storage.tramino.net/hoernerhaus/1219247/600.png);background-size: 100%;}header a.menu {
display: inline-block;
}
#body.openmenu header a.menu {
background-color: #FFF;
box-shadow: 0px -7px 10px rgba(0, 0, 0, 0.1);
padding-bottom: 0;
height: 106%;
}
#nav_icon {
float: left;
position: relative;
cursor: pointer;
width: 18px;
height: 12px;
margin: 7px 10px 0 0;
color: #000;
}
#nav_icon .nav_line {
position: absolute;
left: 0px;
width: 18px;
height: 2px;
background-color: #555;
}
#nav_icon .nav_line1 {
top: 0px;
-webkit-transition: all 1s 0.2s ease, top 0.2s 0.4s linear, -webkit-transform 0.4s ease;
transition: all 1s 0.2s ease, top 0.2s 0.4s linear, transform 0.4s ease;
}
#nav_icon .nav_line2 {
top: 4px;
-webkit-transition: opacity 0.4s 0.4s ease;
transition: opacity 0.4s 0.4s ease;
}
#nav_icon .nav_line3 {
top: 8px;
-webkit-transition: all 1s 0.2s ease, top 0.2s 0.4s linear, -webkit-transform 0.4s ease;
transition: all 1s 0.2s ease, top 0.2s 0.4s linear, transform 0.4s ease;
}

body.openmenu a.menu #nav_icon .nav_line1 {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top:4px;
-webkit-transition: all 0.8s 0.2s ease, top 0.2s linear;
transition: all 0.8s 0.2s ease, top 0.2s linear;
}
body.openmenu a.menu #nav_icon .nav_line2 {
opacity:0;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
body.openmenu a.menu #nav_icon .nav_line3 {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top:4px;
-webkit-transition: all 0.8s 0.2s ease, top 0.2s linear;
transition: all 0.8s 0.2s ease, top 0.2s linear;
}header .breadcrumb {
position: absolute;
top: 80px;
left: 300px;
background-color: rgba(255,255,255,0.8);
padding: 5px 20px;
font-size: 14px;
box-shadow: inset 0px 11px 8px -10px rgba(0, 0, 0, 0.4);
}
header .breadcrumb:hover { background-color: #FFF }
#body.openmenu header .breadcrumb { display: none; }
header .breadcrumb a {
color: #000;
}
header .breadcrumb .home {
margin: 0 10px 0 0;
}
header .breadcrumb .arr {
font-size: 12px;
margin: 0 5px;
display: inline-block;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
header .breadcrumb {
top: 65px;
left: 255px;
font-size: 13px;
padding: 4px 18px;
}
header .breadcrumb .arr { font-size: 11px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
header .breadcrumb {
top: 55px;
left: 180px;
font-size: 12px;
padding: 3px 15px;
}
header .breadcrumb .arr { font-size: 10px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
header .breadcrumb {
top: 55px;
left: 0px;
font-size: 12px;
padding: 3px 15px;
}
header .breadcrumb .arr { font-size: 10px; }
}
@media all and (max-width: 567px) {
header .breadcrumb {
top: 55px;
left: 0px;
font-size: 12px;
padding: 3px 15px;
}
header .breadcrumb .arr { font-size: 10px; }
}
header .myhotel {
position: absolute;
top: -65px;
right: 0px;
visibility: visible;
}
#body.openmenu header .myhotel { top: -95px; }
header .myhotel span.pulldown { 
display: inline-block;
}
header .myhotel span.pulldown .pulldowninner {
display: none;
position: absolute;
top: 50px;
right: 0;
background-color: #EEEEEE;
width: 240px;
padding: 10px 15px;
}
header .myhotel span.pulldown.pulldown-open .pulldowninner { display: block; }
header .myhotel span.pulldown .pulldowninner ul li {
padding: 10px 5px;
border-top: 1px dotted #333;
}
header .myhotel span.pulldown .pulldowninner ul li.infos {
font-size: 12px;
}
header .myhotel span.pulldown .pulldowninner ul li a {
font-size: 14px;
color: #333;
}
header .myhotel span.pulldown .pulldowninner ul li a i {
margin: 0 5px 0 0;
font-size: 20px;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
header .myhotel { top: -55px; }
#body.openmenu header .myhotel { top: -85px; }
header .myhotel span.pulldown .pulldowninner { top: 45px; padding: 8px 13px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
header .myhotel { top: -45px; }
header .myhotel span.pulldown .pulldowninner { top: 35px; padding: 7px 12px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
header .myhotel { top: -45px; }
header .myhotel span.pulldown .pulldowninner { top: 35px; padding: 7px 12px; }
}
@media all and (max-width: 567px) {
header .myhotel {
position: static;
top: auto;
right: auto;
padding: 20px 0;
display: none;
}
header .myhotel span.pulldown { display: block; width: 100%; }
#body.openmenu header .myhotel { display: block; }
header .myhotel span.pulldown.pulldown-open { height: auto; }
header .myhotel span.pulldown .pulldowninner {
position: static;
top: auto;
right: auto;
width: 100%;
padding: 5px 10px;
}
}
header .bottom {
position: relative;
background-color: #F3F3F3;
font-size: 16px;
line-height: 1;
color: #444444;
margin: 95px 0 0 0;
height: 37px;
}
header .bottom a {
color: #444444;
text-decoration: none;
}
header .bottom:after { display: block; content: ""; clear: both; }
header .bottom .item {
float: left;
padding: 10px 0;
margin: 0 30px 0 0;
}
header .bottom .item.item-video {
position: absolute;
bottom: -37px;
left: 0px;
width: 584px;
background-color: #FFF;
padding: 0;
box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
header .bottom .item.item-video:after { display: block; content: ""; clear: left; }
header .bottom .item.item-video .videowrapper {
float: left;
margin: 0 20px 0 0;
width: 140px;
}
header .bottom .item.item-video .video {
position: relative;
width: 100%;
height: 110px;
display: block;
}
header .bottom .item.item-video .video picture { width:  100%;
height:  100%; }
header .bottom .item.item-video .video picture img {
width:  100%;
height:  100%;
object-fit: cover;
}
header .bottom .item.item-video .video .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #FFF;
font-size: 35px;
}
header .bottom .item.item-video .info {
width: 410px;
float: left;
}
header .bottom .item.item-video .info .headline {
display: block;
font-size: 19px;
padding: 15px 0 7px 0;
}
header .bottom .item.item-video .info .text {
line-height: 1.3;
color: #444;
}
header .bottom .item i {
margin: 0 5px;
}
header .bottom .item.item-jobs {
line-height: 1.3;
font-size: 0.9em;
max-width: 400px;
font-style: oblique;
}
@media all and (min-width: 768px) {
header .bottom .item.item-jobs {
margin: 0;
position: absolute;
bottom: 5px;
right: 0px;
width: 40%;
text-align: right;
background-color: transparent !important;
}
}
header .bottom .item.item-jobs a {
color: #000;
}
header .bottom .item.item-call {
margin: 0 30px 0 615px;
}
header .bottom .item.item-mail {
margin-right: 0px;
float: right;
}
body.Mandant_105 header .bottom .item.item-mail a, body.Mandant_106 header .bottom .item.item-mail a {
background-color: #FF7E00;
padding: 5px 5px 10px 5px;
color: #fff;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
header {
top: 40px;
max-height: 65px;
}
header .greybox {
font-size: 16px;
padding: 20px 10px 8px 10px;
height: 45px;
}
header .greybox.greybox-nostyling {	height: 43px; }
header .greybox .smalllabel {
top: 5px;
left: 15px;
font-size: 11px;
}
header .greybox .notify {
top: -5px;
right: 15px;
font-size: 11px;
width: 20px;
height: 20px;
border-radius: 50%;
padding: 3px 0 0 8px;
}
header .greybox.pulldown { padding-right: 35px; }
header .greybox.pulldown i.arrow {
top: 25px;
right: 10px;
font-size: 11px;
}
#logo {
width: 225px;
height: 65px;
background-size: 225px 65px;
}
header .header-inner { margin: 0 0 0 245px; padding: 10px 0 0 0; }
header .header-inner .column { 
height: 55px;
margin: 0 10px 0 0;
padding: 0 0 0 10px;
}
header .header-inner .column-menu { width: 100px; }
header .bottom {
font-size: 14px;
margin: 85px 0 0 0;
height: 35px;
}
header .bottom .item {
float: left;
padding: 8px 0;
margin: 0 25px 0 0;
}
header .bottom .item.item-video {
position: absolute;
bottom: -35px;
left: 0px;
width: 490px;
}
header .bottom .item.item-video .videowrapper { margin: 0 15px 0 0; width: 120px; }
header .bottom .item.item-video .video { height: 86px; }
header .bottom .item.item-video .video .play { font-size: 30px; }
header .bottom .item.item-video .info { width: 320px; }
header .bottom .item.item-video .info .headline {
font-size: 17px;
padding: 12px 0 5px 0;
}
header .bottom .item.item-video .info .text { line-height: 1.25; }
header .bottom .item i { margin: 0 5px; }
header .bottom .item.item-call { margin: 0 20px 0 515px; }
header .bottom .item.item-mail {margin-right: 25px;	}
}
@media all and (min-width: 768px) and (max-width:1023px) {
header {
top: 30px;
max-height: 55px;
}
header .greybox {
font-size: 15px;
padding: 13px 10px 8px 10px;
height: 35px;
}
#body.openmenu header { max-height: none; height: auto; height: 100%; }
#body.openmenu header .nav_wrapper { position: absolute; top: 55px; left: 0; right: 0; bottom: 0;  max-height: 80vh; overflow: scroll; }
#body.openibe header { max-height: none; height: auto; height: 100%; }
#body.openibe header .ibe_wrapper { position: absolute; top: 55px; left: 0; right: 0; bottom: 0;  max-height: none; overflow: scroll }
header .greybox.greybox-nostyling {	height: 33px; }
header .greybox .smalllabel {
top: 3px;
left: 10px;
font-size: 10px;
}
header .greybox .notify {
top: -5px;
right: 15px;
font-size: 11px;
width: 20px;
height: 20px;
border-radius: 50%;
padding: 3px 0 0 8px;
}
header .greybox.pulldown { padding-right: 35px; }
header .greybox.pulldown i.arrow {
top: 15px;
right: 10px;
font-size: 11px;
}
#logo {
left: 180px;
width: 190px;
height: 55px;
background-size: 190px 55px;
}
header .header-inner { margin: 0 0 0 0; padding: 10px 0 0 0; }
header .header-inner .column { 
height: 45px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
border-width: 0px;
}
header .header-inner .column-menu { width: auto; }
header .header-inner .column-menu .ibe { display: block; }
header .ibe_wrapper {
overflow: hidden;
max-height: 0px;
}
#body.openibe header .ibe_wrapper {
padding: 30px 0 0 0;
box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
max-height: 900px;
background-color: #FFF;
}
header .bottom {
font-size: 13px;
margin: 85px 0 0 0;
height: 35px;
}
header .bottom .item {
float: left;
padding: 8px 0;
margin: 0 25px 0 0;
}
header .bottom .item.item-video {
position: absolute;
bottom: -34px;
left: 0px;
width: 400px;
}
header .bottom .item.item-video .videowrapper { margin: 0 15px 0 0; width: 120px; }
header .bottom .item.item-video .video { height: 86px; }
header .bottom .item.item-video .video .play { font-size: 30px; }
header .bottom .item.item-video .info { width: 260px; }
header .bottom .item.item-video .info .headline {
font-size: 16px;
padding: 12px 0 5px 0;
}
header .bottom .item.item-video .info .text { line-height: 1.20; }
header .bottom .item i { margin: 0 5px; }
header .bottom .item.item-call { margin: 0 20px 0 415px; }
header .bottom .item.item-mail { margin-right: 25px;	}
#nav_icon { margin: 5px 10px 0 0; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
header {
top: 15px;
max-height: 55px;
}
header .greybox {
font-size: 15px;
padding: 13px 10px 8px 10px;
height: 35px;
}
#body.openmenu header { max-height: none; height: auto; height: 100%; }
#body.openmenu header .nav_wrapper { position: absolute; top: 55px; left: 0; right: 0; bottom: 0;  max-height: 80vh; overflow: scroll;  }
#body.openibe header { max-height: none; height: auto; height: 100%; }
#body.openibe header .ibe_wrapper { position: absolute; top: 55px; left: 0; right: 0; bottom: 0;  max-height: none; overflow: scroll }
header .greybox.greybox-nostyling {	height: 33px; }
header .greybox .smalllabel {
top: 3px;
left: 10px;
font-size: 10px;
}
header .greybox .notify {
top: -5px;
right: 15px;
font-size: 11px;
width: 20px;
height: 20px;
border-radius: 50%;
padding: 3px 0 0 8px;
}
header .greybox.pulldown { padding-right: 35px; }
header .greybox.pulldown i.arrow {
top: 15px;
right: 10px;
font-size: 11px;
}
#logo {
left: 180px;
width: 190px;
height: 55px;
background-size: 190px 55px;
}
header .header-inner { margin: 0 0 0 0; padding: 10px 0 0 0; }
header .header-inner .column { 
height: 45px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
border-width: 0px;
}
header .header-inner .column-menu { width: auto; }
header .header-inner .column-menu .ibe { display: block; }
header .ibe_wrapper {
overflow: hidden;
max-height: 0px;
}
#body.openibe header .ibe_wrapper {
padding: 30px 0 0 0;
box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
max-height: 900px;
background-color: #FFF;
}
header .bottom {
font-size: 13px;
margin: 0px 0 0 0;
height: auto;
padding: 20px 0;
}
header .bottom .item {
float: left;
padding: 8px 0;
margin: 0 25px 0 0;
}
header .bottom .item.item-video {
position: static;
bottom: auto;
left: auto;
width: 410px;
margin: 0 auto;
float: none;
}
header .bottom .item.item-video .videowrapper { margin: 0 15px 0 0; width: 120px; }
header .bottom .item.item-video .video { height: 86px; }
header .bottom .item.item-video .video .play { font-size: 30px; }
header .bottom .item.item-video .info { width: 260px; }
header .bottom .item.item-video .info .headline {
font-size: 16px;
padding: 12px 0 5px 0;
}
header .bottom .item.item-video .info .text { line-height: 1.20; }
header .bottom .item i { margin: 0 5px; }
header .bottom .item.item-call { margin: 0 20px 0 0; }
header .bottom .item.item-mail { margin-right: 25px;	}
#nav_icon { margin: 5px 10px 0 0; }
}
@media all and (max-width: 567px) {
header {
top: 0px;
max-height: 55px;
}
header .greybox {
font-size: 15px;
padding: 13px 10px 8px 10px;
height: 35px;
}
#body.openmenu header { max-height: none; height: auto; height: 100%; }
#body.openmenu header .nav_wrapper { position: absolute; top: 55px; left: 0; right: 0; bottom: 0;  max-height: 100vh; overflow: scroll }
#body.openibe header { max-height: none; height: auto; height: 100%; }
#body.openibe header .ibe_wrapper { position: absolute; top: 55px; left: 0; right: 0; bottom: 0;  max-height: none; overflow: scroll }
header .greybox.greybox-nostyling {	height: 33px; }
header .greybox .smalllabel {
top: 3px;
left: 10px;
font-size: 10px;
}
header .greybox .notify {
top: -5px;
right: 15px;
font-size: 11px;
width: 20px;
height: 20px;
border-radius: 50%;
padding: 3px 0 0 8px;
}
header .greybox.pulldown { padding-right: 35px; }
header .greybox.pulldown i.arrow {
top: 15px;
right: 10px;
font-size: 11px;
}
#logo {
left: 105px;
top: 9px;
width: 138px;
height: 40px;
background-size: 138px 40px;
}
header .header-inner { margin: 0 0 0 0; padding: 10px 0 0 0; }
header .header-inner .column { 
height: 45px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
border-width: 0px;
}
header .header-inner .column-menu { width: auto; }
header .header-inner .column-menu .menu .label { display: none; }
header .header-inner .column-menu .ibe { display: block; }
header .header-inner .tel {
display: inline-block;
float: right;
width: 40px;
}
header .header-inner .tel i {
position: absolute;
top: 2px;
left: 10px;
font-size: 25px;
}
header .ibe_wrapper {
overflow: hidden;
max-height: 0px;
}
#body.openibe header .ibe_wrapper {
padding: 30px 0 0 0;
box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
max-height: 900px;
background-color: #FFF;
}
header .bottom {
font-size: 12px;
margin: 0px 0 0 0;
height: auto;
padding: 20px 0;
}
header .bottom .item {
float: none;
padding: 8px 0;
margin: 0 25px 0 0;
}
header .bottom .item.item-video {
display: flex;
position: static;
bottom: auto;
left: auto;
width: auto;
margin: 0 auto;
float: none;
padding-bottom: 10px;
}
header .bottom .item.item-video .videowrapper { margin: 0 15px 0 0; width: 120px; }
header .bottom .item.item-video .video { height: 86px; }
header .bottom .item.item-video .video .play { font-size: 30px; }
header .bottom .item.item-video .info { width: auto; flex: 1; }
header .bottom .item.item-video .info .headline {
font-size: 15px;
padding: 8px 0 4px 0;
}
header .bottom .item.item-video .info .text { line-height: 1.15; }
header .bottom .item i { margin: 0 5px; }
header .bottom .item.item-call { margin: 0 20px 0 0; }
header .bottom .item.item-mail { margin-right: 25px;	}
#nav_icon { margin: 5px 0 0 0; }
#or_notification {
width: 260px;
top: 80px;
}
#or_notification .inner h4 {
font-size: 14px;
width: auto;
}
#or_notification .inner .intro {
font-size: 12px;
}
}
nav:after { display: block; content: ""; clear: left; }
nav .grid-item {
position: relative;
float: left;
width: 300px;
height: 230px;
padding: 0 10px 0 0px;
border-right: 1px solid #CCCCCC;
}
nav .grid-item:after { display: block; content: ""; clear: left; }
nav .grid-item-top {
border-bottom: 1px solid #CCCCCC;
}
nav .grid-item-count4 { border-right-width: 0; }
nav .grid-item-count8 { border-right-width: 0; }
nav .grid-item-count5 { clear: left; }
nav .grid-item.rubrik-open {
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
}
nav .rubrikimg {
float: left;
width: 80px;
height: 200px;
margin: 0 20px 0 0;
}
nav .rubrikimg picture { width:  100%;
height:  100%; }
nav .rubrikimg picture img {
width:  100%;
height:  100%;
object-fit: cover;
}
nav > div > ul {
margin-left: 100px; 
}
nav .listwrapper {
width: 189px;
float: left;
}
nav .mobile_arrow {
position: absolute;
top: 10px;
right: 10px;
font-size: 14px;
color: #333333;
display: none;
}
nav .rubrik-open .mobile_arrow {
transform: rotate(180deg);
padding: 0 10px 10px 10px;
right: 0px;
}
nav .nosubmenu .mobile_arrow { display: none; }
#body nav ul li { padding: 0 0 7px 0; }
nav a.main {
display: block;
font-size: 19px;
line-height: 1.2;
padding: 15px 0 13px 0;

}
nav a:hover { text-decoration: underline !important; }
nav ul li .subheadline {
font-size: 11px;
margin: 0 0 0 75px;
display: none;
}
nav ul li .subheadline.force { display: block; margin: 0 0 0 0px; }
nav ul li ul li a {
color: #444444;
font-size: 16px;
display: block;
line-height: 1.1;
}

nav .wrapper {
position: relative;
width: 270px;
height: 200px;
color: #FFF;
}
nav .wrapper a { color: #FFF; }
nav .wrapper .image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4;
}
nav .wrapper .image img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
nav .wrapper .mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
background-color: rgba(0,0,0,0.5);
}
nav .wrapper .inner {
position: relative;
z-index: 6;
padding: 0px 18px;
}
nav .wrapper .linkname {
position: absolute;
bottom: 50px;
right: 15px;
z-index: 6;
}@media all and (min-width: 1024px) and (max-width: 1279px) {
nav .grid-item {
width: 245px;
height: 200px;
padding: 0 10px 0 0px;
border-right: 1px solid #CCCCCC;
}
nav .rubrikimg {
width: 60px;
height: 180px;
margin: 0 15px 0 0;
}
nav a.main {
font-size: 18px;
padding: 12px 0 10px 0;
}
nav .listwrapper { width: 159px; }
#body nav ul li {  padding: 0 0 6px 0; }
nav ul li ul li a {
font-size: 14px;
}
nav .wrapper {
position: relative;
width: 225px;
height: 180px;
}
nav .wrapper .mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
background-color: rgba(0,0,0,0.5);
}
nav .wrapper .inner {
position: relative;
z-index: 6;
padding: 0px 18px;
}
nav .wrapper .linkname {
position: absolute;
bottom: 50px;
right: 15px;
z-index: 6;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
nav {
display: flex;
flex-flow: row wrap;
width: 560px;
margin: 0 auto;
}
nav .listwrapper { width: auto; float: none; }
nav .grid-item {
width: 280px;
height: 200px;
padding: 0 10px 0 0px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
nav .grid-item-count1 { border-right-width: 1px; }
nav .grid-item-count2 { border-right-width: 0; }
nav .grid-item-count3 { border-right-width: 1px; }
nav .grid-item-count4 { border-right-width: 0; }
nav .grid-item-count5 { border-right-width: 1px; }
nav .grid-item-count6 { border-right-width: 0; }
nav .grid-item-count7 { border-right-width: 1px; border-bottom-width: 0; }
nav .grid-item-count8 { border-right-width: 0; border-bottom-width: 0; }
nav .rubrikimg {
width: 60px;
height: 180px;
margin: 0 15px 0 0;
}
nav a.main {
font-size: 18px;
padding: 12px 0 10px 0;
}
#body nav ul li {  padding: 0 0 6px 0; }
nav ul li ul li a {
font-size: 15px;
}
nav .wrapper {
position: relative;
width: 225px;
height: 180px;
}
nav .wrapper .mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
background-color: rgba(0,0,0,0.5);
}
nav .wrapper .inner {
position: relative;
z-index: 6;
padding: 0px 18px;
}
nav .wrapper .linkname {
position: absolute;
bottom: 50px;
right: 15px;
z-index: 6;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
nav {
display: flex;
flex-flow: row wrap;
width: 540px;
margin: 0 auto;
}
nav .listwrapper { width: auto; float: none; }
nav .grid-item {
width: 260px;
height: 200px;
padding: 0 10px 0 0px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
nav .grid-item-count1 { border-right-width: 1px; }
nav .grid-item-count2 { border-right-width: 0; }
nav .grid-item-count3 { border-right-width: 1px; }
nav .grid-item-count4 { border-right-width: 0; }
nav .grid-item-count5 { border-right-width: 1px; }
nav .grid-item-count6 { border-right-width: 0; }
nav .grid-item-count7 { border-right-width: 1px; border-bottom-width: 0; }
nav .grid-item-count8 { border-right-width: 0; border-bottom-width: 0; }
nav .rubrikimg {
width: 60px;
height: 180px;
margin: 0 15px 0 0;
}
nav a.main {
font-size: 17px;
padding: 11px 0 9px 0;
}
#body nav ul li {  padding: 0 0 6px 0; }
nav ul li ul li a {
font-size: 14px;
}
nav .wrapper {
position: relative;
width: 225px;
height: 180px;
}
nav .wrapper .mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
background-color: rgba(0,0,0,0.5);
}
nav .wrapper .inner {
position: relative;
z-index: 6;
padding: 0px 18px;
}
nav .wrapper .linkname {
position: absolute;
bottom: 50px;
right: 15px;
z-index: 6;
}
}
@media all and (max-width: 567px) {
nav {
display: flex;
flex-direction: column;
width: auto;
margin: 0 auto;
}
nav .listwrapper { width: auto; float: none; }
nav .grid-item {
width: auto;
height: auto;
padding: 0 10px 0 0px;
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
nav .grid-item.rubrik-open, nav .grid-item.rubrik-mobilefirst  {
box-shadow: none;
background-color: #EEE;
}
nav .rubrikimg {
width: 60px;
height: 60px;
margin: 0 15px 0 0;
}
nav .rubrikimg img { object-position: center; }
nav .mobile_arrow { display: block; }
nav .grid-item.rubrik-open:not(.nosubmenu) .rubrikimg, nav .grid-item.rubrik-mobilefirst:not(.nosubmenu) .rubrikimg {
width: 60px;
height: 180px;
margin: 0 15px 0 0;
background-size: cover;
}
nav a.main {
font-size: 17px;
padding: 10px 0 2px 0;
}
nav .grid-item.rubrik-open a.main, nav .grid-item.rubrik-mobilefirst a.main { padding: 10px 0 8px 0; }
#body nav ul li {  padding: 0 0 6px 0; }
nav ul li ul { display: none; }
nav .grid-item.rubrik-open ul li ul, nav .grid-item.rubrik-mobilefirst ul li ul  { display: block; }
nav ul li .subheadline { display: block; }
nav .grid-item.rubrik-open:not(.nosubmenu) ul li .subheadline, nav .grid-item.rubrik-mobilefirst:not(.nosubmenu) ul li .subheadline { display: none; }
nav ul li ul li a {
font-size: 14px;
}
nav .wrapper {
position: relative;
width: 225px;
height: 180px;
}
nav .wrapper .mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
background-color: rgba(0,0,0,0.5);
}
nav .wrapper .inner {
position: relative;
z-index: 6;
padding: 0px 18px;
}
nav .wrapper .linkname {
position: absolute;
bottom: 50px;
right: 15px;
z-index: 6;
}
}
.T3561 {
position: relative;background-color: #ccc;color: #FFF;padding: 30px 50px;}
.T3561 picture, .T3561 picture img {
position:  absolute;top: 0;left:  0;bottom: 0;right: 0;width:  100%;height: 100%;object-fit: cover;z-index:  0;}
.T3561:after { display: block; content: ""; clear: left; }
.T3561 .leftside {
float: left;width: 800px;padding: 0 50px 0 0;position: relative;z-index:  1;}
.T3561 .leftside .head {
color: #EEE;padding-left: 70px;margin-bottom: 20px;position: relative;}
.T3561 .leftside .head .autor_image {
position: absolute;top: -35px;left: 0px;width: 60px;height: 60px;border-radius: 50%;overflow: hidden;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);background-color: #fff;}
.T3561 .leftside .head .autor_image img { width: 100%; height: auto; }
.T3561 .subheadline { font-size: 22px; margin: 0 0 20px 0; font-weight: 400; }
.T3561 .headline { font-size: 55px; line-height: 1.1; }
.T3561 .headline p { margin: 0; }
.T3561 .rightside {
float: left;width: 300px;position: relative;z-index:  1;}
.T3561 .text { 
margin: 10px 0 0 0;}
.T3561 .text p { margin: 0 0 10px 0; } 
.T3561 .text a { color: #FFF; } 
.T3561 .text a:hover { color: #FFF; } 


#body.Mandant_106 .T3561 { background-color: #A3937A; }

#body.Mandant_14479 .T3561 { background-color: #A3937A; }

#body.Mandant_105 .T3561 { 
background-color: #A3937A;
}
#body.Mandant_105 .T3561 .subheadline { color: #FFF; color: rgba(255,255,255,0.7); font-size: 18px; }
#body.Mandant_105 .T3561 .headline { color: #FAEAC0; text-shadow: 2px 2px 3px rgba(0,0,0,0.3); }
#body.Mandant_105 .T3561 .text { 
color: #FFF;color: rgba(255,255,255,0.8); 
}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3561 { padding: 25px 40px; }
.T3561 .leftside {
width: 650px;
padding: 0 35px 0 0;
}
.T3561 .leftside .head {
padding-left: 65px;
margin-bottom: 18px;
}
.T3561 .leftside .head .autor_image {
width: 55px;
height: 55px;
}
.T3561 .subheadline { font-size: 20px; margin: 0 0 18px 0; }
.T3561 .headline { font-size: 50px; }
.T3561 .rightside { width: 230px; }
.T3561 .text { 
margin: 8px 0 0 0;
}
.T3561 .text p { margin: 0 0 8px 0; } 
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3561 { padding: 20px 30px; display: flex; }
.T3561 .leftside {
flex: 1;
float: none;
width: auto;
padding: 0 30px 0 0;
}
.T3561 .leftside .head {
padding-left: 65px;
margin-bottom: 18px;
}
.T3561 .leftside .head .autor_image {
width: 55px;
height: 55px;
}
.T3561 .subheadline { font-size: 18px; margin: 0 0 16px 0; }
.T3561 .headline { font-size: 45px; }
.T3561 .rightside { width: 200px; float: none; }
.T3561 .text { 
margin: 7px 0 0 0;
}
.T3561 .text p { margin: 0 0 7px 0; } 
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3561 { padding: 15px 25px; display: flex; }
.T3561 .leftside {
flex: 1;
float: none;
width: auto;
padding: 0 25px 0 0;
}
.T3561 .leftside .head {
padding-left: 60px;
margin-bottom: 15px;
}
.T3561 .leftside .head .autor_image {
top: -25px;
width: 50px;
height: 50px;
}
.T3561 .subheadline { font-size: 16px; margin: 0 0 10px 0; }
.T3561 .headline { font-size: 31px; }
.T3561 .rightside { width: 180px; float: none; }
.T3561 .text { 
margin: 6px 0 0 0;
}
.T3561 .text p { margin: 0 0 6px 0; } 
}
@media all and (max-width: 567px) {
.T3561 { padding: 10px 20px; }
.T3561 .leftside {
float: none;
width: auto;
padding: 0 0 15px 0;
}
.T3561 .leftside .head {
padding-left: 50px;
margin-bottom: 13px;
}
.T3561 .leftside .head .autor_image {
top: -15px;
width: 40px;
height: 40px;
}
.T3561 .subheadline { font-size: 14px; margin: 0 0 6px 0; }
.T3561 .headline { font-size: 25px; }
.T3561 .rightside { width: auto; float: none; }
.T3561 .text { 
margin: 0 0 0 0;
}
.T3561 .text p { margin: 0 0 5px 0; } 
}
.T3563:after { display: block; content: ""; clear: left; }
.T3563 .item {
position: relative;float: left;height: 600px;display: block;background-position: center center;background-repeat: no-repeat;text-decoration: none;color: #FFF;}
.T3563 .item.item-size1 { width: 300px; }
.T3563 .item.item-size2 { width: 600px; }
.T3563 .item.item-size3 { width: 900px; }
.T3563 .item.item-size4 { width: 1200px; }
.T3563 .item :is(picture,img) {
width:  100%;height:  100%;position:  absolute;top: 0;right: 0;bottom: 0;left: 0;}
.T3563 .mask {
position: relative;z-index: 2;display: block;width: 100%;height: 100%;background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.30) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(-45deg, rgba(0,0,0,0.30) 0%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );}
.T3563 .linkname {
position: absolute;top: 520px;right: 0px;z-index: 3;display: block;	
font-size: 16px;}
.T3563 .linkname .name {
display: inline-block;width: 150px;text-align: right;margin-right: 60px;}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3563 .item {
height: 490px;}
.T3563 .item.item-size1 { width: 245px; }
.T3563 .item.item-size2 { width: 490px; }
.T3563 .item.item-size3 { width: 735px; }
.T3563 .item.item-size4 { width: 980px; }
.T3563 .linkname {
font-size: 15px;top: 410px;}
.T3563 .linkname .name { margin-right: 55px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3563 .item {
height: 420px;background-size: cover;}
.T3563 .item.item-size1 { width: 25%; }
.T3563 .item.item-size2 { width: 50%; }
.T3563 .item.item-size3 { width: 75%; }
.T3563 .item.item-size4 { width: 100%; }
.T3563 .linkname {
font-size: 14px;top: 350px;}
.T3563 .linkname .name { margin-right: 49px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3563 .item {
height: 50vw;background-size: cover;}
.T3563 .item.item-size1 { width: 100%; }
.T3563 .item.item-size2 { width: 100%; }
.T3563 .item.item-size3 { width: 100%; }
.T3563 .item.item-size4 { width: 100%; }
.T3563 .linkname {
font-size: 14px;top: 40vw;}
.T3563 .linkname .name { margin-right: 49px; }
}
@media all and (max-width: 567px) {
.T3563 .item {
height: 50vw;background-size: cover;}
.T3563 .item.item-size1 { width: 100%; }
.T3563 .item.item-size2 { width: 100%; }
.T3563 .item.item-size3 { width: 100%; }
.T3563 .item.item-size4 { width: 100%; }
.T3563 .linkname {
font-size: 13px;top: 35vw;}
.T3563 .linkname .name { margin-right: 40px; }
}
.T3564 {
min-height: 350px;}
.T3564:after { display: block; content: ""; clear: left; }
.T3564 .leftside {
float: left;width: 520px;padding-right: 50px;}
.T3564 .leftside .headline {
margin: 0 0 20px 0;}
.T3564 .leftside .text {
font-size: 23px;line-height: 1.3;}
.T3564 .leftside .text p { margin: 0 0 15px 0; }
.T3564 .images {
position: relative;float: left;width: 600px;}
.T3564 .images .image {
display: block;position: absolute;width: 300px;height: 200px;background-position: center center;background-repeat: no-repeat;}
.T3564 .images .image img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.T3564 .images .image1 { top: 0px; left: 20px; z-index: 2; }
.T3564 .images .image2 { top: 30px; left: 300px; z-index: 1; }
.T3564 .images .image3 { top: 145px; left: 140px; z-index: 3; }.T3564.S5589:after { display: block; content: ""; clear: both; }
.T3564.S5589 .leftside {
float: right;padding-right: 0;padding-left: 50px;}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3564 {
min-height: 300px;}
.T3564 .leftside {
width: 420px;padding-right: 40px;}
.T3564 .leftside .headline {
margin: 0 0 15px 0;}
.T3564 .leftside .text {
font-size: 20px;}
.T3564 .images {
width: 490px;}
.T3564 .images .image {
width: 240px;height: 160px;}
.T3564 .images .image1 { top: 0px; left: 20px; }
.T3564 .images .image2 { top: 20px; left: 255px; }
.T3564 .images .image3 { top: 135px; left: 120px; }
.T3564.S5589 .leftside { padding-right: 0; padding-left: 40px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3564 {
display: flex;min-height: 230px;}
.T3564 .leftside {
float: none;width: auto;flex: 1;padding-right: 30px;}
.T3564 .leftside .headline {
margin: 0 0 12px 0;}
.T3564 .leftside .text {
font-size: 18px;}
.T3564 .images {
float: none;width: 360px;}
.T3564 .images .image {
width: 180px;height: 120px;}
.T3564 .images .image1 { top: 0px; left: 5px; }
.T3564 .images .image2 { top: 15px; left: 180px; }
.T3564 .images .image3 { top: 110px; left: 85px; }
.T3564.S5589 .images { order: 1; }
.T3564.S5589 .leftside { order: 2; padding-right: 0; padding-left: 30px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3564 {
display: flex;min-height: 200px;}
.T3564 .leftside {
float: none;width: auto;flex: 1;padding-right: 25px;}
.T3564 .leftside .headline {
margin: 0 0 10px 0;}
.T3564 .leftside .text {
font-size: 16px;}
.T3564 .images {
float: none;width: 300px;}
.T3564 .images .image {
width: 150px;height: 100px;}
.T3564 .images .image1 { top: 0px; left: 5px; }
.T3564 .images .image2 { top: 15px; left: 150px; }
.T3564 .images .image3 { top: 95px; left: 85px; }
.T3564.S5589 .images { order: 1; }
.T3564.S5589 .leftside { order: 2; padding-right: 0; padding-left: 25px; }
}
@media all and (max-width: 567px) {
.T3564 {
min-height: 0;}
.T3564 .leftside {
float: none;width: auto;padding-right: 0;}
.T3564 .leftside .headline {
margin: 0 0 8px 0;}
.T3564 .leftside .text {
font-size: 14px;}
.T3564 .images {
float: none;width: 280px;margin: 0 auto;height: auto;}
.T3564 .images .image {
position: relative;width: 255px;height: 170px;margin: 0 0 10px 0;background-size: 255px auto;}
.T3564 .images .image1 { top: auto; left: auto; }
.T3564 .images .image2 { top: auto; left: auto; }
.T3564 .images .image3 { top: auto; left: auto; }
.T3564.S5589 { display: flex; flex-direction: column;  }
.T3564.S5589 .images { order: 1; }
.T3564.S5589 .leftside { order: 2; padding-right: 0; padding-left: 0; }
}
.T3565:after { display: block; content: ""; clear: left; }
.T3565 .item {
position: relative;
z-index: 1;
float: left;
width: 300px;
height: 550px;
background-color: #FFF;
}
.T3565 .item.highlight {
height: 550px;
z-index: 2;
box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
}
.T3565 .item:not(.highlight) {
margin-top: 35px;
}
.T3565 .item .image {
position: relative;
}
.T3565 .item .image img {
aspect-ratio:  3 / 2;
object-fit:  cover;
}
.T3565 .item .image .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
color: #FFF;
font-size: 80px;
}
.T3565 .item .image .play i { text-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
.T3565 .item .image img { width: 100%; height: auto; }
.T3565 .item .inner {
padding: 0 30px;
}
.T3565 .item .headline {
font-size: 23px;
line-height: 1.2;
margin: 20px 0 15px 0;
}
.T3565 .item .bottom {
margin-top: 20px;
}
.T3565 .item .bottom:after { display: block; content: ""; clear: both; }
.T3565 .item .bottom a {
float: right;
}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3565 .item {
width: 245px;
height: 500px;
}
.T3565 .item.highlight {
height: 550px;
}
.T3565 .item:not(.highlight) {
margin-top: 30px;
}
.T3565 .item .image .play { font-size: 75px; }
.T3565 .item .inner {
padding: 0 25px;
}
.T3565 .item .headline {
font-size: 20px;
margin: 18px 0 20px 0;
}
.T3565 .item .bottom {
margin-top: 18px;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3565 .item {
width: 25%;
height: 450px;
}
.T3565 .item.highlight {
height: 500px;
}
.T3565 .item:not(.highlight) {
margin-top: 30px;
}
.T3565 .item .image .play { font-size: 60px; }
.T3565 .item .inner {
padding: 0 12px;
}
.T3565 .item .headline {
font-size: 17px;
margin: 15px 0 10px 0;
}
.T3565 .item .textstyle17 { font-size: 14px; line-height: 1.2; }
.T3565 .item .btn { font-size: 13px; }
.T3565 .item .bottom {
margin-top: 15px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3565 .item {
float: none;
width: auto;
height: auto;
display: flex;
margin: 0 0 30px 0;
padding: 0 0 20px 0;
}
.T3565 .item.highlight {
height: auto;
}
.T3565 .item:not(.highlight) {
margin-top: 0;
margin-left: 30px;
}
.T3565 .item .image .play { font-size: 50px; }
.T3565 .item .inner {
flex: 1;
padding: 0 25px;
}
.T3565 .item .headline {
font-size: 17px;
margin: 15px 0 10px 0;
}
.T3565 .item .bottom {
margin-top: 15px;
}
}
@media all and (max-width: 567px) {
.T3565 .item {
float: none;
width: auto;
height: auto;
display: block;
margin: 0 0 20px 0;
padding: 0 0 15px 0;
}
.T3565 .item.highlight {
height: auto;
}
.T3565 .item:not(.highlight) {
margin-top: 0;
}
.T3565 .item .image .play { font-size: 70px; }
.T3565 .item .inner {
padding: 0 20px;
}
.T3565 .item .headline {
font-size: 15px;
margin: 15px 0 10px 0;
}
.T3565 .item .bottom {
margin-top: 10px;
}
}
.T3566 .wrapper:after {
display: block;content: "";clear: left;}
.T3566 .headline {
text-align: center;margin: 0 0 30px 0;}
.T3566 .intro {
text-align: center;}
.T3566 .wrapper {
margin: 40px 0 0 0;}
.T3566 .wrapper .col {
width: 48%;float: left;}
.T3566 .wrapper .col1 {
margin: 0 4% 0 0;}
.T3566 .wrapper .splitcolumn {
width: 100%;columns: 2;}.T3566.S5645 {
background-color: #FFF;padding: 60px 0;}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3566.S5645 { padding: 50px 0; }
.T3566 .headline { margin: 0 0 25px 0; }
.T3566 .wrapper { margin: 35px 0 0 0; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3566.S5645 { padding: 40px 0; }
.T3566 .headline { margin: 0 0 20px 0; }
.T3566 .wrapper { margin: 30px 0 0 0; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3566.S5645 { padding: 30px 0; }
.T3566 .headline { margin: 0 0 15px 0; }
.T3566 .wrapper { margin: 25px 0 0 0; }
}
@media all and (max-width: 567px) {
.T3566.S5645 { padding: 20px 0; }
.T3566 .headline { margin: 0 0 10px 0; }
.T3566 .wrapper { margin: 20px 0 0 0; }
.T3566 .wrapper .col {
width: 100%;
float: none;
}
.T3566 .wrapper .col1 {
margin: 0 0 30px 0;
}
}.T3569 {
position: relative;width: 100%;height: 61.56vw;max-height: 860px;overflow: hidden;}
.T3569 .background {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.T3569 .background picture, .T3569 .background picture img {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;}
.T3569 .background picture img { object-fit: cover; }
.T3569.blur .background img {
-webkit-filter: blur(3px);-moz-filter: blur(3px);-o-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);transform: scale(1.1);}
.T3569 .maxwidth { height: 100%; }
.T3569 .infobox {
position: relative;width: 920px;height: 100%;padding: 80px 0;}
.T3569 .infobox:after { display: block; content: ""; clear: left; }
.T3569 .infobox .image {
display: block;position: relative;width: 600px;height: 100%;float: left;background-position: center;background-repeat: no-repeat;background-size: cover;}
.T3569 .infobox picture, .T3569 .infobox picture img {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;}
.T3569 .infobox picture img { object-fit: cover; }
.T3569 .infobox .image .arrowbox {
top: auto !important;bottom: 100px !important;z-index: 10;}
.T3569 .infobox .image .mask {
position: absolute;bottom:0;left: 0;right: 0;z-index: 9;width: 100%;height: 100%;background: -moz-linear-gradient(-8deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.05) 100%);background: -webkit-linear-gradient(-8deg, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 100%);background: linear-gradient(-8deg, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.05) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );}
.T3569 .infobox .text {
width: 	320px;height: 100%;float: left;background-color: rgba(0,0,0,0.45);color: #FFF;padding: 70px 20px 20px 25px;}
.T3569 .infobox .text a { color: #FFF; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3569 .infobox { width: 750px; padding: 70px 0; }
.T3569 .infobox .image {
width: 450px;
}
.T3569 .infobox .image .arrowbox { bottom: 90px !important; }
.T3569 .infobox .text {
width: 	300px;
padding: 60px 18px 28px 22px;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3569 .infobox { width: auto; display: flex;  padding: 50px 0; }
.T3569 .infobox .image {
width: 320px;
float: none;
}
.T3569 .infobox .image .arrowbox { bottom: 90px !important; }
.T3569 .infobox .text {
width: 	auto;
float: none;
flex: 1;
padding: 50px 15px 23px 21px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3569 .infobox { width: auto; display: flex;  padding: 40px 0; }
.T3569 .infobox .image {
width: 250px;
float: none;
}
.T3569 .infobox .image .arrowbox { bottom: 90px !important; }
.T3569 .infobox .text {
width: 	auto;
float: none;
flex: 1;
padding: 30px 10px 15px 15px;
}
}
@media all and (max-width: 567px) {
.T3569 { height: auto; background-size: cover; }
.T3569 .infobox { 
position: relative;
top: auto;
left: auto;
margin: 20px 15px;
width: auto;
padding: 25px 0;
}
.T3569 .infobox .image {
width: 100%;
height: 50vw;
float: none;
background-size: cover;
}
.T3569 .infobox .image .arrowbox { bottom: 20px !important; }
.T3569 .infobox .text {
float: none;
width: 	auto;
height: auto;
padding: 30px 10px 15px 15px;
}
}
.T3573 { 
box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
background-color: #FFF;
padding-top: 0;
padding-bottom: 0;
}
.T3573:after { display: block; content: ""; clear: both; }
.T3573 .image { 
position: relative;
float: left;
width:  600px;
}
.T3573 .image img {
display: block;
aspect-ratio: 4 / 3;
object-fit: cover;
width: 100%;
height: auto;
}
.T3573 .image a { 
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-decoration: none;
}
.T3573 .image i {
color: #FFF;
font-size: 110px;
text-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}
.T3573 .infos {
float: left;
width: 600px;
height: 400px;
padding: 30px 30px 30px 30px;
}
.T3573 ul li {
margin: 0 0 5px 0;
}
.T3573 ul li i { color: #CD2E1D; margin: 0 10px 0 0; float: left; }
.T3573 ul li span {margin-left: 26px; display: block; }
.T3573 .bottom { margin: 25px 0 0 0; }
.T3573 .bottom:after { display: block; content: ""; clear: both; }
.T3573 .bottom a { float: right; }
.T3573.S5580 .image {
float: right;
}
.T3573.S5580 .infos { padding: 30px 30px 30px 30px; }@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3573 .image { 
width: 490px;
}
.T3573 .image i { font-size: 90px; }
.T3573 .infos {
float: left;
width: 490px;
height: auto;
padding: 25px 25px 20px 25px;
}
.T3573 ul li {
margin: 0 0 4px 0;
}
.T3573 .bottom { margin: 20px 0 0 0; }
.T3573.S5580 .infos { padding: 25px 25px 20px 25px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3573 { display: flex; }
.T3573 .image { 
width: 350px;
float: none;
}
.T3573 .image i { font-size: 80px; }
.T3573 .infos {
float: none;
flex: 1;
width: auto;
height: auto;
padding: 20px 20px 18px 20px;
}
.T3573 ul li {
margin: 0 0 3px 0;
}
.T3573 .bottom { margin: 20px 0 0 0; }
.T3573.S5580 .image { order: 2; }
.T3573.S5580 .infos { order: 1; padding: 20px 20px 18px 20px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3573 { display: flex; }
.T3573 .image { 
width: 170px;
float: none;
}
.T3573 .image i { font-size: 70px; }
.T3573 .infos {
float: none;
flex: 1;
width: auto;
height: auto;
padding: 18px 18px 15px 18px;
}
.T3573 ul li {
margin: 0 0 2px 0;
}
.T3573 .bottom { margin: 20px 0 0 0; }
.T3573.S5580 .image { order: 2; }
.T3573.S5580 .infos { order: 1; padding: 18px 18px 15px 18px; }
}
@media all and (max-width: 567px) {
.T3573 .image { 
width: 100%;
float: none;
margin: 0 auto;
}
.T3573 .image i { font-size: 40px; }
.T3573 .infos {
float: none;
width: auto;
height: auto;
padding: 10px 15px;
}
.T3573 ul li {
margin: 0 0 2px 0;
}
.T3573 .bottom { margin: 15px 0 0 0; }
.T3573.S5580 { flex-direction: column; display: flex; }
.T3573.S5580 .image { order: 2; }
.T3573.S5580 .infos { order: 1; padding: 10px 15px; }
}
.T3574 > .headline {
margin: 0 0 50px 0;
}
.T3574 .items {
display: flex;
flex-wrap:  wrap;
}
.T3574 .items .item {
width: 600px;
display: flex;
flex-wrap:  wrap;
margin-bottom:  1.5rem;
}
.T3574 .items .item .image {
width: 180px;
}
.T3574 .items .item .image img { width: 100%; height: auto; aspect-ratio: 18 / 12; object-fit: cover; }
.T3574 .items .item .infos {
position: relative;
width: 420px;
float: left;
padding: 0 40px 0 65px;
}
.T3574 .items .item .infos i {
position: absolute;
top: 5px;
left: 22px;
font-size: 25px;
}
.T3574 .items .item .infos .headline {
display: block;
font-size: 20px;
line-height: 1.2;
padding: 5px 0 7px 0;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3574 > .headline {
margin: 0 0 40px 0;
}
.T3574 .items .item {
width: 490px;
}
.T3574 .items .item .image {
width: 150px;
}
.T3574 .items .item .infos {
width: 340px;
padding: 0 40px 0 50px;
}
.T3574 .items .item .infos i {
top: 4px;
left: 20px;
font-size: 23px;
}
.T3574 .items .item .infos .headline {
font-size: 18px;
padding: 4px 0 6px 0;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3574 > .headline {
margin: 0 0 30px 0;
}
.T3574 .items .item {
width: 50%;
}
.T3574 .items .item .image {
width: 120px;
float: none;
}
.T3574 .items .item .infos {
width: auto;
float: none;
flex: 1;
padding: 0 35px 0 40px;
}
.T3574 .items .item .infos i {
top: 2px;
left: 11px;
font-size: 20px;
}
.T3574 .items .item .infos .headline {
font-size: 16px;
padding: 3px 0 5px 0;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3574 > .headline {
margin: 0 0 20px 0;
}
.T3574 .items .item {
width: 50%;
}
.T3574 .items .item .image {
width: 100px;
}
.T3574 .items .item .infos {
width: auto;
float: none;
flex: 1;
padding: 0 30px 0 35px;
}
.T3574 .items .item .infos i {
top: 1px;
left: 7px;
font-size: 18px;
}
.T3574 .items .item .infos .headline {
font-size: 15px;
padding: 3px 0 5px 0;
}
}
@media all and (max-width: 567px) {
.T3574 > .headline {
margin: 0 0 15px 0;
}
.T3574 .items .item {
width: auto;
margin: 0 0 30px 0;
}
.T3574 .items .item .image {
width: 80px;
}
.T3574 .items .item .infos {
width: auto;
float: none;
flex: 1;
padding: 0 0 0 35px;
}
.T3574 .items .item .infos i {
top: 1px;
left: 7px;
font-size: 18px;
}
.T3574 .items .item .infos .headline {
font-size: 15px;
padding: 3px 0 5px 0;
}
}
footer {
background-color: #F1F5F5;
color: #666;
padding: 40px 0 10px 0;
}
footer a { color: #666; }
footer .maxwidth:after { display: block; content: ""; clear: both; }
footer .box {
float: left;
margin: 0 50px 0 0;
}
footer .box.rightbox {
float: right;
}
footer .box.adresse { width: 230px; }
footer .box.newsletter { width: 350px; }
footer .box.social { width: 320px; }
footer .box.adresse .adressfooter {
margin: 15px 0 0 0;
}
footer .box.social .socialicons {
text-align: right;
}
footer .box.social a i {
width: 50px;
height: 50px;
}
footer .box.social a i svg {
width: 50px;
height: 50px;
}
footer .box.social .zertifikate { text-align: right; margin: 0 0 30px 0;}
footer .box.social .zertifikate .zwrapper {
display: inline-block;
margin: 0 0 0 10px;
}
footer .box.social .zertifikate img {
display: inline-block !important;
width: auto;
height: 60px;
}
footer .box .headline {
font-size: 16px;
line-height: 1;
color: #000;
margin: 0 0 20px 0;
}
footer .box form {
margin: 15px 0 0 0;
}
footer .box form input {
background-color: #FFF;
font-size: 12px;
color: #333333;
color: rgba(51,51,51,0.6);
border: 1px solid #FFF;
height: 32px;
box-sizing: border-box;
padding: 0 0 0 10px;
}
footer .or-family {
background-color: #006048;
color: #fff;
margin-top: 30px;
margin-bottom: 20px;
padding: 5px 0;
}
footer .or-family a {
color: #fff;
border: 1px solid #FFF;
padding: 4px 10px;
text-decoration: none;
}
footer .or-family .maxwidth {
display:  flex;
align-items: center;
min-height: 44px;
}
footer .or-family img { margin-right: 1rem; }
footer .copyright {
padding-bottom: 5px;
font-size: 15px;
}
footer .copyright .left {
margin: 0 30px 0 0;
}
footer .copyright .left ul li {
margin:  0 10px 0 0;
}
footer .copyright .right { opacity: 0.8; }
footer .copyright .right a { text-decoration: none; }
#prefooter .maxwidth {
border-top: 1px solid rgba(150, 150, 150, 0.5);
padding-top: 30px;
padding-bottom: 30px;
}
#prefooter .maxwidth:after {
display: block;
content: "";
clear: left;
}
#prefooter .maxwidth .col {
width: 25%;
float: left;
}
#prefooter .maxwidth .col .headline {
font-size: 15px;
font-weight: 600;
margin: 0 0 10px 0;
display: block;
color: #111;
}
#prefooter .maxwidth .col .text {
font-size: 14px;
}
#prefooter .maxwidth .col .text ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#prefooter .maxwidth .col .text ul li {
margin: 0;
padding: 0 0 0 10px;
border-left: 1px solid #555;
}
#prefooter .maxwidth .col .text ul li a {
text-decoration: none;
color: #555;
}
#prefooter .maxwidth .col .text ul li:hover {
position: relative;
left: -1px;
border-left: 3px solid #000;
padding-left: 9px;
}
#prefooter .maxwidth .col .text ul li:hover a {
color: #000;
}
@media all and (min-width: 768px) and (max-width: 1023px) {
#prefooter .maxwidth {
padding-top: 25px;
padding-bottom: 25px;
}
#prefooter .maxwidth .col {
width: 23%;
margin-right: 2%;
}
#prefooter .maxwidth .col .headline {
font-size: 14px;
margin: 0 0 8px 0;
}
#prefooter .maxwidth .col .text {
font-size: 13px;
}
#prefooter .maxwidth .col .text ul li {
padding: 0 0 0 8px;
}
#prefooter .maxwidth .col .text ul li:hover {
padding-left: 7px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
#prefooter .maxwidth {
padding-top: 20px;
padding-bottom: 20px;
}
#prefooter .maxwidth .col {
width: 23%;
margin-right: 2%;
}
#prefooter .maxwidth .col .headline {
font-size: 13px;
margin: 0 0 8px 0;
}
#prefooter .maxwidth .col .text {
font-size: 12px;
}
#prefooter .maxwidth .col .text ul li {
padding: 0 0 0 6px;
}
#prefooter .maxwidth .col .text ul li:hover {
padding-left: 5px;
}
}
@media all and (max-width: 567px) {
#prefooter .maxwidth {
padding-top: 20px;
padding-bottom: 20px;
}
#prefooter .maxwidth .col {
width: 49%;
margin-right: 1%;
margin-bottom: 20px;
}
#prefooter .maxwidth .col .headline {
font-size: 13px;
margin: 0 0 8px 0;
}
#prefooter .maxwidth .col .text {
font-size: 12px;
}
#prefooter .maxwidth .col .text ul li {
padding: 0 0 0 6px;
}
#prefooter .maxwidth .col .text ul li:hover {
padding-left: 5px;
}
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
footer {
padding: 35px 0 8px 0;
}
footer .box {
margin: 0 40px 0 0;
}
footer .box.adresse { width: 210px; }
footer .box.newsletter { width: 320px; }
footer .box.social { width: 300px; }
footer .box.adresse .adressfooter { margin: 12px 0 0 0; }
footer .box.social a i {
width: 45px;
height: 45px;
}
footer .box.social a i svg {
width: 45px;
height: 45px;
}
footer .box.social .zertifikate { margin: 0 0 25px 0;}
footer .box.social .zertifikate img { margin: 0 0 0 8px; }
footer .box .headline {
font-size: 15px;
margin: 0 0 18px 0;
}
footer .box form {
margin: 12px 0 0 0;
}
footer .or-family {
margin-top: 25px;
margin-bottom: 18px;
padding: 4px 0;
}
footer .or-family a {
padding: 3px 8px;
}
footer .copyright { padding-bottom: 5px; font-size: 14px; }
footer .copyright .left { margin: 0 25px 0 0; }
footer .copyright .left ul li { margin: 0 8px 0 0; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
footer {
padding: 30px 0 6px 0;
}
footer .flexelement { display: flex; }
footer .box {
float: none;
margin: 0 30px 0 0;
}
footer .box.adresse { width: 190px; }
footer .box.newsletter { width: 230px; }
footer .box.social { width: auto; flex: 1; }
footer .box.adresse .adressfooter { margin: 10px 0 0 0; }
footer .box form input { width: 120px; }
footer .box.social a i {
width: 33px;
height: 33px;
}
footer .box.social a i svg {
width: 33px;
height: 33px;
}
footer .box.social .zertifikate { margin: 0 0 20px 0;}
footer .box.social .zertifikate img { margin: 0 0 0 6px; }
footer .box .headline {
font-size: 15px;
margin: 0 0 18px 0;
}
footer .box form {
margin: 12px 0 0 0;
}
footer .or-family {
margin-top: 25px;
margin-bottom: 18px;
padding: 4px 0;
}
footer .or-family a {
padding: 3px 8px;
}
footer .or-family .maxwidth {
line-height: 1.7;
}
footer .copyright { padding-bottom: 5px; font-size: 14px; }
footer .copyright .left { margin: 0 25px 0 0; }
footer .copyright .left ul li { margin: 0 8px 0 0; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
footer {
padding: 25px 0 4px 0;
}
footer .flexelement { display: flex; }
footer .box {
float: none;
margin: 0 20px 0 0;
}
footer .box.adresse { width: 190px; }
footer .box.newsletter { width: 210px; }
footer .box.social { width: auto; flex: 1; }
footer .box.adresse .adressfooter { margin: 10px 0 0 0; }
footer .box form input { width: 100px; }
footer .box.social a i {
width: 30px;
height: 30px;
}
footer .box.social a i svg {
width: 30px;
height: 30px;
}
footer .box.social .zertifikate { margin: 0 0 15px 0;}
footer .box.social .zertifikate img { margin: 0 0 0 4px; }
footer .box .headline {
font-size: 14px;
margin: 0 0 15px 0;
}
footer .box form {
margin: 12px 0 0 0;
}
footer .or-family {
margin-top: 25px;
margin-bottom: 18px;
padding: 4px 0;
}
footer .or-family a {
padding: 3px 8px;
}
footer .or-family .maxwidth {
line-height: 1.7;
}
footer .copyright { padding-bottom: 5px; font-size: 12px; }
footer .copyright .left { margin: 0 15px 0 0; }
footer .copyright .left ul li { margin: 0 5px 0 0; }
}
@media all and (max-width: 567px) {
footer {
padding: 20px 0 3px 0;
}
footer .box {
float: none;
margin: 0 0 15px 0;
}
footer .box.adresse { width: auto; }
footer .box.newsletter { width: auto; }
footer .box.social { width: auto; }
footer .box.adresse .adressfooter { margin: 8px 0 0 0; }
footer .box form input { width: 120px; }
footer .box.social a i {
width: 30px;
height: 30px;
}
footer .box.social a i svg {
width: 30px;
height: 30px;
}
footer .box.social .zertifikate { margin: 0 0 12px 0;}
footer .box.social .zertifikate img { margin: 0 0 0 3px; }
footer .box .headline {
font-size: 13px;
margin: 0 0 12px 0;
}
footer .box form {
margin: 12px 0 0 0;
}
footer .or-family {
margin-top: 25px;
margin-bottom: 18px;
padding: 4px 0;
}
footer .or-family a {
padding: 3px 8px;
}
footer .or-family .maxwidth {
line-height: 1.8;
}
footer .copyright { padding-bottom: 5px; font-size: 12px; }
footer .copyright .left { margin: 0 15px 0 0; }
footer .copyright .left ul li { margin: 0 5px 0 0; }
}
.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; }
}
.T3599:after { display: block; content: ""; clear: left; }
.T3599 .item {
position: relative;float: left;height: 300px;display: block;background-position: center center;background-repeat: no-repeat;text-decoration: none;color: #FFF;}
.T3599 .item.item-size1 { width: 300px; }
.T3599 .item.item-size2 { width: 600px; }
.T3599 .item.item-size3 { width: 900px; }
.T3599 .item.item-size4 { width: 1200px; }
.T3599 .item.color-grey { background-color: #9B9B8C; }
.T3599 .item.color-blue { background-color: #00698C; }
.T3599 .item.color-orange { background-color: #FF8000; }
.T3599 .item.color-red { background-color: #d1492d; }
.T3599 .item picture, .T3599 .item picture img {
position: absolute;top: 0;right: 0;bottom: 0;left:0;width:  100%;height:  auto;z-index: 4;}
.T3599 .item picture img { object-fit: cover; }
.T3599 .item .mask {
position: absolute;top: 0;right: 0;bottom: 0;left:0;z-index: 5;background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%);background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.6) 100%);background: linear-gradient(135deg,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.6) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#99000000',GradientType=1 );}
.T3599 .item .copyright {
position: absolute;left: 10px;right: 10px;bottom: 5px;font-size: 11px;text-shadow: 1px 1px 2px rgba(0,0,0,0.9);text-align: right;}
.T3599 .item .inner {
position: relative;z-index: 6;display: block;padding: 35px 30px 20px 30px;}
.T3599 .item .inner  .headline { display: block; font-size: 30px; }
.T3599 .item .inner  .text { display: block; font-size: 16px; }
.T3599 .item .arrowbox {
position: absolute;top: auto;bottom: 10px;right: 0px;}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3599 .item {
height: 245px;}
.T3599 .item.item-size1 { width: 245px; }
.T3599 .item.item-size2 { width: 490px; }
.T3599 .item.item-size3 { width: 735px; }
.T3599 .item.item-size4 { width: 980px; }
.T3599 .item .inner { padding: 25px 25px 18px 25px; }
.T3599 .item .inner  .headline { font-size: 23px; }
.T3599 .item .inner  .text {  font-size: 14px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3599 .item {
height: 210px;background-size: cover;}
.T3599 .item.item-size1 { width: 25%; }
.T3599 .item.item-size2 { width: 50%; }
.T3599 .item.item-size3 { width: 75%; }
.T3599 .item.item-size4 { width: 100%; }
.T3599 .item .inner { padding: 20px 10px 10px 15px; }
.T3599 .item .inner  .headline { font-size: 18px; }
.T3599 .item .inner  .text { font-size: 13px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3599 .item {
height: 50vw;background-size: cover;}
.T3599 .item.noimage { height: auto; padding: 40px 0; }
.T3599 .item.item-size1 { width: 100%; }
.T3599 .item.item-size2 { width: 100%; }
.T3599 .item.item-size3 { width: 100%; }
.T3599 .item.item-size4 { width: 100%; }
.T3599 .item .inner { padding: 20px 15px 12px 15px; }
.T3599 .item .inner  .headline { font-size: 17px; }
.T3599 .item .inner  .text { font-size: 13px; }
}
@media all and (max-width: 567px) {
.T3599 .item {
height: 50vw;background-size: cover;}
.T3599 .item.noimage { height: auto; padding: 25px 0; }
.T3599 .item.item-size1 { width: 100%; }
.T3599 .item.item-size2 { width: 100%; }
.T3599 .item.item-size3 { width: 100%; }
.T3599 .item.item-size4 { width: 100%; }
.T3599 .item .inner { padding: 15px 12px 10px 12px; }
.T3599 .item .inner  .headline { font-size: 16px; }
.T3599 .item .inner  .text { font-size: 13px; }
}
.T3600:after { display: block; content: ""; clear: left; }
.T3600 .teaser {
width: 400px;
float: left;
}
.T3600 .teaser .inner {
margin: 30px 35px;
}
.T3600 .teaser .image img { width: 100%; height: auto; aspect-ratio:  327 / 217; object-fit: cover;}
.T3600 .teaser  h3 { margin: 0 0 20px 0; }
.T3600 .teaser .inner .intro p { margin: 0 0 5px 0; }
.T3600 .teaser .inner a {
display: inline-block;
text-decoration: none;
}
.T3600 .teaser .inner:after { display: block; content: ""; clear: both; }
.T3600 .teaser .btn { float: right; }@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3600 .teaser { width: 326.5px; }
.T3600 .teaser .inner { margin: 25px 32px; }
.T3600 .teaser .inner h3 { margin: 0 0 18px 0; }
.T3600.S5813 .teaser .inner { margin-bottom: 0px; margin-left: 0px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3600 .teaser { width: 33.3333333%; }
.T3600 .teaser .inner { margin: 20px 28px; }
.T3600 .teaser .inner h3 { margin: 0 0 15px 0; }
.T3600.S5813 .teaser .inner { margin-bottom: 0px; margin-left: 0px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3600 .teaser { width: 33.3333333%; }
.T3600 .teaser .headline { margin-bottom: 10px; }
.T3600 .teaser .inner { margin: 15px 10px 15px 18px; }
.T3600 .teaser .inner h3 { margin: 0 0 15px 0; }
.T3600.S5813 .teaser .inner { margin-bottom: 0px; margin-left: 0px; }
}
@media all and (max-width: 567px) {
.T3600 .teaser { width: auto; margin: 0 0 20px 0; }
.T3600 .teaser .headline { margin-bottom: 5px; }
.T3600 .teaser .inner { margin: 15px 0px;  padding-left: 10px; padding-right: 10px; }
.T3600 .teaser .inner h3 { margin: 0 0 12px 0; }
.T3600.S5813 .teaser .inner { margin-bottom: 0px; margin-left: 0px;  padding-left: 0; padding-right: 0; }
}
.T3602:after { display: block; content: ""; clear: left; }
.T3602 .item {
position: relative;float: left;height: 400px;display: block;text-decoration: none;color: #FFF;}
.T3602 .item.item-size1 { width: 400px; }
.T3602 .item.item-size2 { width: 800px; }
.T3602 .item.item-size3 { width: 1200px; }
.T3602 .bildbox { 
background-position: center center;background-repeat: no-repeat;background-size: cover;}
.T3602 .item picture, .T3602 .item picture img {
position: absolute;top: 0;right: 0;bottom: 0;left:0;width:  100%;height:  auto;z-index: 4;}
.T3602 .item picture img { object-fit: cover; }
.T3602 .item.color-tan { background-color: #925B00; }
.T3602 .item.color-puce { background-color: #503708; }
.T3602 .item .mask {
position: absolute;top: 0;right: 0;bottom: 0;left:0;z-index: 5;background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%);background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.6) 100%);background: linear-gradient(135deg,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.6) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#99000000',GradientType=1 );}
.T3602 .item .inner {
position: relative;z-index: 6;display: block;padding: 35px 30px 20px 30px;}
.T3602 .item .inner .headline { display: block; font-size: 29px; margin: 0 0 20px 0; }
.T3602 .item .inner .text { display: block; }
.T3602 .item .inner .linkname {
position: absolute;top: 320px;right: 0px;z-index: 3;display: block;	
font-size: 16px;}
.T3602 .item .inner .linkname .name {
display: inline-block;width: 150px;text-align: right;margin-right: 60px;}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3602 .item {
height: 326.666px;}
.T3602 .item.item-size1 { width: 326.666px; }
.T3602 .item.item-size2 { width: calc(326.666px * 2); }
.T3602 .item.item-size3 {  width: calc(326.666px * 3);}
.T3602 .item .inner { padding: 19px 10px 18px 15px; }
.T3602 .item .inner  .headline { font-size: 27px; margin: 0 0 15px 0; }
.T3602 .item .inner .linkname {
font-size: 15px;top: 270px;}
.T3602 .item .inner .linkname .name { margin-right: 55px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3602 .item {
height: 310px;background-size: cover;}
.T3602 .item.item-size1 { width: 33.3333333%; }
.T3602 .item.item-size2 { width: 66.6666666%; }
.T3602 .item.item-size3 { width: 99.9999999%; }
.T3602 .item .inner { padding: 19px 10px 18px 15px; }
.T3602 .item .inner  .headline { font-size: 25px; margin: 0 0 15px 0; }
.T3602 .item .inner .linkname {
font-size: 14px;top: 270px;}
.T3602 .item .inner .linkname .name { margin-right: 49px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3602 .item {
height: 50vw;background-size: cover;}
.T3602 .item.item-size1 { width: 100%; }
.T3602 .item.item-size2 { width: 100%; }
.T3602 .item.item-size3 { width: 100%; }
.T3602 .item .inner { padding: 20px 15px 12px 15px; }
.T3602 .item .inner  .headline { font-size: 22px; margin: 0 0 12px 0; }
.T3602 .item .inner .linkname {
font-size: 14px;top: 40vw;}
.T3602 .item .inner .linkname .name { margin-right: 49px; }
}
@media all and (max-width: 567px) {
.T3602 .item {
height: 60vw;background-size: cover;}
.T3602 .item.bildbox { height: 39vw; }
.T3602 .item.textbox { height: auto; }
.T3602 .item.textbox .inner { padding-bottom: 18px; }
.T3602 .item.item-size1 { width: 100%; }
.T3602 .item.item-size2 { width: 100%; }
.T3602 .item.item-size3 { width: 100%; }
.T3602 .item.item-size4 { width: 100%; }
.T3602 .item .inner { padding: 15px 12px 10px 12px; }
.T3602 .item .inner  .headline { font-size: 21px; margin: 0 0 10px 0; }
.T3602 .item .inner .linkname {
font-size: 13px;top: 45vw;}
.T3602 .item .inner .linkname .name { margin-right: 40px; }
}
.T3603 .panel {
margin: 0 0 10px 0
}.T3603 .maxwidth { position: relative; }
.T3603 .wrapper {
margin: 0 0 0 280px;
padding: 30px 0 30px 0;
}
.T3603 .wrapper .inner:after { display: block; content: ""; clear: left; }
.T3603 .wrapper .entry {
float: left;
}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3603 .wrapper { margin: 0 0 0 250px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3603 .wrapper { margin: 40px 0 0 210px; }
.T3603 .panel {
position: absolute;
top: 0px;
left: 230px;
}
.T3603 .wrapper .inner { 
padding: 50px 0 0 0;
}
.T3603 .wrapper .entry-element {
float: left;
width: calc(50% - 20px);
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3603 .maxwidth { padding-top: 10px; }
.T3603 .wrapper { margin: 0px 0 0 20px; }
.T3603 .panel {
position: absolute;
top: 50px;
left: 30px;
}
.T3603 .wrapper .inner {
padding: 40px 0 0 0;
}
.T3603 .wrapper .entry-element {
float: left;
width: calc(50% - 20px);
}
}
@media all and (max-width: 567px) {
.T3603 .maxwidth { padding-top: 10px; }
.T3603 .wrapper { margin: 0px 0 0 0; }
.T3603 .panel {
position: absolute;
top: 50px;
left: 30px;
}
.T3603 .wrapper .inner {  padding: 30px 0 0 0; }
.T3603 .wrapper .entry-element {
float: none;
margin: 0 auto 20px auto;
width: 100%;
max-width: 430px;
height: auto;
}
}
.T3604 .maxwidth {
background-color: #FFF;
padding-bottom: 40px;
}
.T3604 .karte > div {
height: 35vw !important;
}
.T3604 .karte #geodatamap_container {
height: 100% !important;
}
.T3604 .karte #map_canvas {
height: 100% !important;
}
.T3604 .elevation { margin-bottom: 30px; }
.T3604 .infos { padding: 50px 30px 20px 30px; background-color: #FFF; }
.T3604 .infos.nopaddingtop { padding-top: 0; }
.T3604 .infos:after { display: block; content: ""; clear: left; }
.T3604 .infos .infos_bar {
float: left;
width: 550px;
margin: 0 30px 0 0;
}
.T3604 .infos .infos_bar.rightside { margin: 0; width: 270px; }
.T3604 .infos .infos_bar.rightside2 { margin: 0; width: 270px; }
.T3604 .item {
margin: 0 0 15px 0;
}
.T3604 .float_elements:after { display: block; content: ""; clear: left; }
.T3604 .float_elements .item { float: left; margin-right: 10px; }
.T3604 .item label {
display: block;
font-weight: 700;
margin: 0 0 3px 0;
}
.T3604 .wertung_box_outer:after { display: block; content: ""; clear: left; }
.T3604 .wertung_box {
width: 20px;
height: 10px;
background-color: #CCC;
float: left;
margin: 1px 1px 0px 0px;
}
.T3604 .wertung_box.box1.aktiv { background-color: #36D900; }
.T3604 .wertung_box.box2.aktiv { background-color: #00A900; }
.T3604 .wertung_box.box3.aktiv { background-color: #FFBF00; }
.T3604 .wertung_box.box4.aktiv { background-color: #FF8000; }
.T3604 .wertung_box.box5.aktiv { background-color: #D90000; } 
.T3604 .item.monate .monat_wrapper:after { display: block; content: ""; clear: left; }
.T3604 .item.monate .monat_wrapper .monat {
float: left;
border: 1px solid #CCC;
padding: 3px 8px;
color: #333;
width: 45px;
text-align: center;
font-size: 14px;
}
.T3604 .item.monate .monat_wrapper .monat:nth-child(7) { border-top-width: 0px; clear: left; }
.T3604 .item.monate .monat_wrapper .monat:nth-child(8) { border-top-width: 0px; }
.T3604 .item.monate .monat_wrapper .monat:nth-child(9) { border-top-width: 0px; }
.T3604 .item.monate .monat_wrapper .monat:nth-child(10) { border-top-width: 0px; }
.T3604 .item.monate .monat_wrapper .monat:nth-child(11) { border-top-width: 0px; }
.T3604 .item.monate .monat_wrapper .monat:nth-child(12) { border-top-width: 0px; }
.T3604 .item.monate .monat_wrapper .monat.bgcolor {
color: #FFF;
}
@media all and (min-width: 1000px) and (max-width: 1250px) {
.T3604 .infos .infos_bar {
width: 400px;
}
.T3604 .infos .infos_bar.rightside { margin: 0; width: 230px; }
.T3604 .infos .infos_bar.rightside2 { margin: 0; width: 230px; }
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T3604 .infos { display: flex }
.T3604 .infos .infos_bar {
width: auto;
flex: 1;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3604 .infos .infos_bar {
width: auto;
float: none;
margin: 0 0 0 0;
}
}
@media all and (max-width: 567px) {
.T3604 .infos .infos_bar {
width: auto;
float: none;
margin: 0 0 0 0;
}
.T3604 .elevation > div {
max-width: 335px;
width: 100% !important;
}
.T3604 .elevation > div img {
width: 100%;
height: auto;
}
}
.T3605 .maxwidth {
position: relative;
padding: 30px 0 0 0;
}
.T3605 .wrapper {
margin: 0 0 0 280px;
padding: 0 0 30px 0;
}
.T3605 .wrapper .inner:after { display: block; content: ""; clear: left; }
.T3605 .wrapper .entry-element {
float: left;
}@media all and (min-width: 1000px) and (max-width: 1250px) {
.T3605 .wrapper { margin: 0 0 0 250px; }
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T3605 .wrapper { margin: 0 0 0 230px; display: flex; }
.T3605 .wrapper .entry-element {
float: none;
flex: 1;
margin: 0 20px 20px 0;
width: auto;
height: auto;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3605 .wrapper { margin: 0 0 0 20px; display: flex; }
.T3605 .wrapper .entry-element {
float: none;
flex: 1;
margin: 0 20px 20px 0;
width: auto;
height: auto;
}
}
@media all and (max-width: 567px) {
.T3605 .wrapper { margin: 0 10px 0 10px; }
.T3605 .wrapper .entry-element {
float: none;
margin: 0 auto 20px auto;
width: 100%;
max-width: 430px;
height: auto;
}
}
#header-ibe {
position: absolute;top: -65px;left: 440px;height: 65px;padding: 0 20px;border-right: 1px solid #BEBEBE; 
border-left: 1px solid #BEBEBE; 
}
#header-ibe:after { display: block; content: ""; clear: left; }
#header-ibe .greybox { display: inline-block; }
#header-ibe .greybox-nostyling:not(.greybox-nopaddingleftright) { padding-left: 10px; padding-right: 10px; }
#header-ibe .pulldown { padding-right: 25px; cursor: pointer; }
#header-ibe .peopleselect { margin-right: 10px; display: block; float: left; }
#header-ibe .dateselect { margin-right: 10px; display: block; float: left; }
#header-ibe .greybox.active { background-color: #FF7E00; color: #FFF; }
#header-ibe button.search {
width: 80px;height: 50px;border-width: 0;color: #FFF;display: block;text-transform: uppercase;font-size: 13px;text-align: center;padding: 20px 0 0px 0;float: left;cursor: pointer;}
#header-ibe .pulldown .pulldown-inner {
position: absolute;top: 64px;left: 0;background-color: #FFF;display: none;box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
#header-ibe .pulldown.pulldown-open .greybox.greybox-nostyling {
height: 68px;z-index: 50;}
#header-ibe .pulldown.pulldown-open .pulldown-inner {
display: block;}
#header-ibe .pulldown .buttoninner {
display: block;width: 100%;}
#calendar { width: 600px; }

.multi-calendar {
padding: 10px 20px;position: relative;}
.multi-calendar .calendar-navbtn {
color: #FFF;background-color: #AAA;font-size: 18px;line-height: 1;padding: 2px 6px;border-radius: 2px;display: inline-block;}
.multi-calendar .calendar-prev {
position: absolute;top: 15px;left: 20px;}
.multi-calendar .calendar-next {
position: absolute;top: 15px;right: 20px;}
.multi-calendar:after { display: block; content: ""; clear: left; }
#body .calendar {
display: block;margin: 10px;float: left;}
#body .calendar .calendar-month th { color: #000; }
#body .calendar td div { font-size: 12px; }
#body .calendar td.selected, .calendar td.weekend.selected { background-color: #E66C00; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
#header-ibe {
top: -55px;left: 375px;padding: 0;height: auto;border-width: 0px;}
#header-ibe button.search {
width: 70px;height: 44px;font-size: 12px;padding: 18px 0 0px 0;}
#header-ibe .peopleselect { margin-right: 8px; }
#header-ibe .dateselect { margin-right: 8px; }
#header-ibe .pulldown .pulldown-inner { top: 53px; }
#header-ibe .pulldown.pulldown-open .greybox.greybox-nostyling { height: 53px; }
#body .calendar td div { font-size: 11px; }
#calendar { width: 515px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
#header-ibe {
position: static;top: auto;left: auto;padding: 10px 0 30px 0;height: auto;border-width: 0px;}
#header-ibe button.search {
width: 70px;height: 39px;font-size: 12px;padding: 15px 0 0px 0;}
#header-ibe .peopleselect { margin-right: 8px; }
#header-ibe .dateselect { margin-right: 8px; }
#header-ibe .pulldown.pulldown-open { height: auto; }
#header-ibe .pulldown .pulldown-inner { position: static; top: auto; left: auto; box-shadow: none; }
#header-ibe .pulldown.pulldown-open .greybox.greybox-nostyling { height: 53px; }
#body .calendar td div { font-size: 11px; }
#calendar { width: 280px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
#header-ibe {
position: static;top: auto;left: auto;padding: 10px 0 30px 0;height: auto;border-width: 0px;}
#header-ibe button.search {
width: 70px;height: 39px;font-size: 12px;padding: 15px 0 0px 0;}
#header-ibe .peopleselect { margin-right: 8px; }
#header-ibe .dateselect { margin-right: 8px; }
#header-ibe .pulldown { margin-right: 0px; }
#header-ibe .pulldown.pulldown-open { height: auto; }
#header-ibe .pulldown .pulldown-inner { position: static; top: auto; left: auto; box-shadow: none; }
#header-ibe .pulldown.pulldown-open .greybox.greybox-nostyling { height: 53px; }
#body .calendar td div { font-size: 11px; }
#calendar { width: 280px; }
}
@media all and (max-width: 567px) {
#header-ibe {
position: static;top: auto;left: auto;padding: 10px 0 30px 0;height: auto;border-width: 0px;}
#header-ibe button.search {
width: 70px;height: 39px;font-size: 12px;padding: 15px 0 0px 0;}
#header-ibe .peopleselect { margin: 0 0 8px 0; display: block; float: none; }
#header-ibe .dateselect { margin: 0 0 8px 0; display: block; float: none; }
#header-ibe .pulldown { margin-right: 0px; }
#header-ibe .pulldown.pulldown-open { height: auto; }
#header-ibe .pulldown .pulldown-inner { position: static; top: auto; left: auto; box-shadow: none; }
#header-ibe .pulldown.pulldown-open .greybox.greybox-nostyling { height: 53px; }
#body .calendar td div { font-size: 11px; }
.multi-calendar { padding: 10px; }
#calendar { width: 280px; }
}
.T3608 .wrapper {
position: relative;}
.T3608 .bigimg {
width: 68vw;height: 53vw;position:  relative;}
.T3608 .bigimg picture, .T3608 .bigimg picture img {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;}
.T3608 .bigimg picture img {
object-fit: cover;}
.T3608 .textwrapper {
position: absolute;top: 50%;left: 50%;transform: translate(0,-50%);width: 43%;max-width: 600px;background-color: #FFF;box-shadow: 0px 0px 20px rgba(0,0,0,0.3);}
.T3608 .textwrapper .inner {
padding: 30px 25px;}
.T3608 .textwrapper .image img {
width: 100%;height: auto;}
.T3608 .video { height: 300px; }
.T3608 .textwrapper .headline { margin: 0 0 25px 0; }
.T3608 .textwrapper .headline a { text-decoration: none; }
.T3608 .textwrapper .text p { margin: 0 0 15px 0; }
.T3608 .textwrapper .link:after { display: block; content: ""; clear: both; }
.T3608 .textwrapper .link a { text-decoration: none; font-size: 18px; display: inline-block; float: right; }@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3608 .textwrapper .inner { padding: 25px 20px; }
.T3608 .textwrapper .headline { margin: 0 0 15px 0; }
.T3608 .textwrapper .textstyle { font-size: 17px; }
.T3608 .textwrapper .text p { margin: 0 0 15px 0; }
.T3608 .textwrapper .link a { font-size: 17px; }
.T3608 .video { height: 280px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3608 .textwrapper .inner { padding: 20px 15px; }
.T3608 .textwrapper .headline { margin: 0 0 12px 0; }
.T3608 .textwrapper .textstyle { font-size: 15px; }
.T3608 .textwrapper .text p { margin: 0 0 12px 0; }
.T3608 .textwrapper .link a { font-size: 16px; }
.T3608 .video { height: 250px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3608 .bigimg {
width: auto;height: 77vw;}
.T3608 .textwrapper {
position: static;top: auto;left: auto;transform: none;margin: -50px 20px 0 20px;width: auto;max-width: none;}
.T3608 .textwrapper .inner { padding: 20px 15px; }
.T3608 .textwrapper .headline { margin: 0 0 15px 0; }
.T3608 .textwrapper .text p { margin: 0 0 12px 0; }
.T3608 .textwrapper .link a { font-size: 16px; }
.T3608 .video { height: 200px; }
}
@media all and (max-width: 567px) {
.T3608 .bigimg {
width: auto;height: 77vw;}
.T3608 .textwrapper {
position: relative;top: auto;left: auto;transform: none;margin: -50px 20px 0 20px;width: auto;max-width: none;}
.T3608 .textwrapper .inner { padding: 15px 10px; }
.T3608 .textwrapper .headline { margin: 0 0 10px 0; }
.T3608 .textwrapper .text p { margin: 0 0 8px 0; }
.T3608 .textwrapper .link a { font-size: 15px; }
.T3608 .video { height: 180px; }
}
.T3615 .wrapper { display: flex; flex-wrap: wrap; }
.T3615 .wrapper .file {
display: block;position: relative;overflow: hidden;aspect-ratio: 1 / 1;}
.T3615 .wrapper.size2 .file { width: 50%; }
.T3615 .wrapper.size4 .file { width: 25%; }
.T3615 .wrapper.size6 .file { width: 16.6666666%; }
.T3615 .wrapper.size8 .file { width: 12.5%; }
.T3615 .wrapper .file picture, .T3615 .wrapper .file picture img {
width: 100%;height: auto;}
.T3615 .wrapper .file  picture img { object-fit: cover; aspect-ratio: 1 / 1; }
.T3615 .wrapper .file .name {
position: absolute;left: 0;right: 0;bottom: -50px;padding: 8px 20px;background-color: rgba(0,0,0,0.6);color: #FFF;font-size: 14px;transition: bottom 150ms;}
.T3615 .wrapper .file:hover .name {
bottom: 0px;transition: bottom 250ms;}
@media all and (max-width: 567px) {
.T3615 .wrapper.size4 .file { width: 50%; }
.T3615 .wrapper.size6 .file { width: 33.33333%; }
.T3615 .wrapper.size8 .file { width: 25%; }
}
.T3615.S8922 .wrapper {
scroll-snap-type: x mandatory;scroll-behavior: smooth;overflow: auto;flex-flow: row nowrap;}
.T3615.S8922 .wrapper .file {
scroll-snap-align: center;flex-shrink: 0;flex-grow: 0;}
.T3615.S8922 .wrapper.size2 .file { width: 49%; }
.T3615.S8922 .wrapper.size4 .file { width: 24%; }
.T3615.S8922 .wrapper.size6 .file { width: 15%; }
.T3615.S8922 .wrapper.size8 .file { width: 12%; }
@media all and (max-width: 567px) {
.T3615.S8922 .wrapper.size4 .file { width: 48%; }
.T3615.S8922 .wrapper.size6 .file { width: 31%; }
.T3615.S8922 .wrapper.size8 .file { width: 23%; }
}
.T3617 {
background-color: #FFF;padding: 60px 0;}
.T3617 .wrapper:after {
display: block;content: "";clear: left;}
.T3617 .headline {
margin: 0 0 30px 0;}
.T3617 .wrapper {
margin: 40px 0 0 0;}
.T3617 .wrapper .col {
width: 48%;float: left;}
.T3617 .wrapper .col1 {
margin: 0 4% 0 0;padding: 0 0 0 35px;border-left: 8px solid #FF7E00;}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3617 { padding: 50px 0; }
.T3617 .headline { margin: 0 0 25px 0; }
.T3617 .wrapper { margin: 35px 0 0 0; }
.T3617 .wrapper .col1 { padding: 0 0 0 32px; border-left: 7px solid #FF7E00; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3617 { padding: 40px 0; }
.T3617 .headline { margin: 0 0 20px 0; }
.T3617 .wrapper { margin: 30px 0 0 0; }
.T3617 .wrapper .col1 { padding: 0 0 0 28px; border-left: 6px solid #FF7E00; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3617 { padding: 30px 0; }
.T3617 .headline { margin: 0 0 15px 0; }
.T3617 .wrapper { margin: 25px 0 0 0; }
.T3617 .wrapper .col1 { padding: 0 0 0 22px; border-left: 5px solid #FF7E00; }
}
@media all and (max-width: 567px) {
.T3617 { padding: 20px 0; }
.T3617 .headline { margin: 0 0 10px 0; }
.T3617 .wrapper { margin: 20px 0 0 0; }
.T3617 .wrapper .col {
width: 100%;float: none;}
.T3617 .wrapper .col1 {
margin: 0 0 30px 0;padding: 0 0 0 15px; border-left: 4px solid #FF7E00;}
}.T3618 .image {
width: 100%;}
.T3618 .image picture, .T3618 .image picture img { display: block; width: 100%; height: auto; }
.T3618 .video picture, .T3618 .video picture img { width: 100%; height: auto; }
.T3618 .video img { aspect-ratio: 16 / 9; }
.T3618 .video iframe { aspect-ratio: 16 / 9; }@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) {
}
@media all and (max-width: 567px) {
}
.T3619 .entry-element {
float: left;margin: 0 30px 30px 0;background-color: #FFF;width: 430px;height: 520px !important;}
.T3619 .entry-element.hide { display: none; }
.T3619 .entry-element .image {
display: block;position: relative;}
.T3619 .entry-element .image .play {
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #FFF;font-size: 80px;}
.T3619 .entry-element .image .play i { text-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
.T3619 .entry-element .image img { width: 100%; height: auto; }
.T3619 .entry-element .infos {
padding: 20px 25px;}
.T3619 .entry-element .infos .head {
color: #333333;padding-left: 70px;margin-bottom: 20px;font-size: 14px;position: relative;}
.T3619 .entry-element .infos .head .autor_image {
position: absolute;top: -35px;left: 0px;width: 60px;height: 60px;border-radius: 50%;overflow: hidden;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);background-color: #fff;}
.T3619 .entry-element .infos .head .autor_image img { width: 100%; height: auto; }
.T3619 .entry-element .infos .headline { font-size: 25px; margin: 10px 0 8px 0; }
.T3619 .entry-element .infos .headline a { color: #000; text-decoration: none; }
.T3619 .entry-element .infos .intro { font-size: 17px; }
.T3619 .entry-element .infos .tags { margin: 20px 0 0 0; }
.T3619 .entry-element .infos .tags span {
display: inline-block;border: 1px solid #555;padding: 4px 18px;margin: 0 3px 3px 0;color: #555;text-transform: uppercase;font-size: 13px;line-height: 1;}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3619 .entry-element {
margin: 0 25px 25px 0;width: 320px;height: 520px !important;}
.T3619 .entry-element .infos { padding: 10px 20px 15px 20px; }
.T3619 .entry-element .infos .head { font-size: 16px; padding-left: 45px; }
.T3619 .entry-element .infos .head .autor_image {
top: -25px;left: -15px;width: 50px;height: 50px;}
.T3619 .entry-element .infos .headline { font-size: 23px; }
.T3619 .entry-element .infos .intro { font-size: 16px; }
.T3619 .entry-element .infos .tags span { font-size: 13px; padding: 4px 12px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3619 .entry-element {
margin: 0 20px 20px 0;width: auto;height: 510px !important;}
.T3619 .entry-element .infos { padding: 15px 20px; }
.T3619 .entry-element .infos .head { font-size: 15px; padding-left: 45px; }
.T3619 .entry-element .infos .head .autor_image {
top: -25px;left: -15px;width: 50px;height: 50px;}
.T3619 .entry-element .infos .headline { font-size: 21px; }
.T3619 .entry-element .infos .intro { font-size: 15px; }
.T3619 .entry-element .infos .tags span { font-size: 13px; padding: 3px 10px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3619 .entry-element {
margin: 0 20px 20px 0;width: auto;height: 500px !important;}
.T3619 .entry-element .infos { padding: 15px 20px; }
.T3619 .entry-element .infos .head { font-size: 15px; padding-left: 45px; }
.T3619 .entry-element .infos .head .autor_image {
top: -25px;left: -15px;width: 50px;height: 50px;}
.T3619 .entry-element .infos .headline { font-size: 21px; }
.T3619 .entry-element .infos .intro { font-size: 15px; }
.T3619 .entry-element .infos .tags span { font-size: 13px; padding: 3px 10px; }
}
@media all and (max-width: 567px) {
.T3619 .entry-element {
float: none;margin: 0 auto 20px auto;width: 100%;max-width: 220px;height: auto !important;}
.T3620 .T3619 .entry-element { float: left; }
.T3619 .entry-element .infos { padding: 10px 15px; }
.T3619 .entry-element .infos .head { font-size: 14px; padding-left: 40px; }
.T3619 .entry-element .infos .head .autor_image {
top: -20px;left: -8px;width: 40px;height: 40px;}
.T3619 .entry-element .infos .headline { font-size: 17px; }
.T3619 .entry-element .infos .intro { font-size: 14px; }
.T3619 .entry-element .infos .tags span { font-size: 12px; padding: 3px 10px; }
}
.T3620 .headline {
margin: 0 0 30px 0;
}
.T3620 .entry_wrapper:after { display: block; content: ""; clear: left; }@media all and (min-width: 1280px) and (max-width: 1600px) {
}
@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) {
.T3620 .entry-element {
width: 280px !important;
margin: 0 20px 0 0 !important;
}
}
@media all and (max-width: 567px) {
.T3620 .entry-element {
width: 250px !important;
margin: 0 20px 0 0 !important;
}
}
.T3621 .inner {
display: flex;
flex-wrap: wrap;
}
.T3621 .entry-element {
position: relative;

margin: 0 30px 30px 0;
background-color: #EEE;
width: 430px;

}
.T3621 .entry-element .infos .intro{
margin-bottom: 20px;
}
.T3621 .entry-element.dynamic_height { height: auto; }
.T3621 .entry-element.hide { display: none; }
.T3621 .entry-element.whitebg { background-color: #FFF; }
.T3621 .entry-element .image {
position: relative;
}
.T3621 .entry-element .image img { width: 100%; height: auto; }
.T3621 .entry-element .image .destination {
position: absolute;
right: 15px;
bottom: 15px;
background-color: #FFF;
color: #000;
padding: 3px 12px;
font-size: 12px;
}
.T3621 .entry-element .infos {
padding: 20px 25px;
}
.T3621 .entry-element .infos .headline { font-size: 25px; margin: 10px 0 8px 0; }
.T3621 .entry-element .infos .headline a { color: #000; text-decoration: none; }
.T3621 .entry-element .infos .metadata { 
position: absolute;
bottom: 10px;
left: 25px;
margin: 10px 0 0 0; 
font-size: 14px;
}
.T3621 .entry-element.dynamic_height .infos .metadata { position: static; top: auto; left: auto; }
.T3621 .entry-element .infos .metadata span { display: inline-block; margin: 0 10px 0 0; }
.T3621 .entry-element .infos .metadata span i { margin: 0 5px 0 0; }
.T3621 .entry-element .infos .metadata span.difficulty .colorbox {
width: 20px;
height: 10px;
margin: 0 5px 0 0;
} 
.T3621 .entry-element .infos .metadata span.difficulty .colorbox.green { background-color: #4EA740; }
.T3621 .entry-element .infos .metadata span.difficulty .colorbox.yellow { background-color: #F1E12A; }
.T3621 .entry-element .infos .metadata span.difficulty .colorbox.red { background-color: #DA0605; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3621 .entry-element {
margin: 0 25px 25px 0;
width: 320px;
height: 520px !important;
}
.T3621 .entry-element.dynamic_height { height: auto; }
.T3621 .entry-element .infos { padding: 15px 20px; }
.T3621 .entry-element .infos .head { font-size: 16px; }
.T3621 .entry-element .infos .headline { font-size: 23px; }
.T3621 .entry-element .infos .tags span { font-size: 13px; padding: 4px 12px; }
.T3621 .entry-element.dynamic_height .infos .metadata { position: static; top: auto; left: auto; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3621 .entry-element {
margin: 0 20px 20px 0;
width: auto;
height: auto;
}
.T3621 .entry-element.dynamic_height { height: auto; }
.T3621 .entry-element .infos { padding: 15px 20px; }
.T3621 .entry-element .infos .head { font-size: 15px; }
.T3621 .entry-element .infos .headline { font-size: 21px; }
.T3621 .entry-element .infos .intro { margin: 0 0 30px 0;  }
.T3621 .entry-element.dynamic_height .infos .metadata { position: static; top: auto; left: auto; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3621 .entry-element {
margin: 0 20px 20px 0;
width: auto;
height: auto;
}
.T3621 .entry-element.dynamic_height { height: auto; }
.T3621 .entry-element .infos { padding: 15px 20px; }
.T3621 .entry-element .infos .headline { font-size: 21px; }
.T3621 .entry-element .infos .intro { margin: 0 0 30px 0;  }
.T3621 .entry-element.dynamic_height .infos .metadata { position: static; top: auto; left: auto; }
}
@media all and (max-width: 567px) {
.T3621 .entry-element.dynamic_height { height: auto; }
.T3621 .entry-element .infos { padding: 10px 15px; }
.T3621 .entry-element .infos .headline { font-size: 17px; }
.T3621 .entry-element .infos .intro {  margin: 0 0 30px 0;  }
.T3621 .entry-element.dynamic_height .infos .metadata { position: static; top: auto; left: auto; }
}
.T3622 .headline {
margin: 0 0 30px 0;
}
.T3622 .item label {
font-size: 16px;
display: block;
margin: 0 0 5px 0;
}
.T3622 .item input[type=text], .T3622 .item input[type=email] {
font-size: 16px;
padding: 3px 5px;
}
.T3622 .item {  margin: 0 0 25px 0; }
.T3622 .itemwrapper:after { display: block; content: ""; clear: left; }
.T3622 .itemwrapper .item {
float: left;
width: 50%;
}
.T3622 .itemwrapper .item.iteminner1 { padding-right: 25px; }
.T3622 .itemwrapper .item.iteminner2 { padding-left: 25px; }
.T3622 .itemwrapper .item input { width: 100%; }
.T3622 .item textarea {
width: 100%;
font-size: 16px;
padding: 3px 5px;
}
.T3622 .item.buttons:after { display: block; content: ""; clear: both; }
.T3622 .item.buttons button { float: right; }
.T3622 .comments {
margin: 30px 0 0 0;
}
.T3622 .comments .comment { margin: 0px 0px 10px 0px; }
.T3622 .comments .comment .head { color: #666; }
.T3622 .error {
margin: 0px 0px 20px 0px;
padding: 10px 20px;
background-color: #F00;
font-weight: bold;
color: #FFF;
}
.T3622 .comments .inner { margin: 10px 0 0 0; }.T3623 .TraminoForm { padding: 40px 0; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget input { width: 100% !important; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget select { width: 100% !important; }
.T3623 .headline { text-align: center; }
.T3623 .text { text-align: center; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .Feld {
padding: 0 !important;
margin: 0px 10px 0px 0px !important;
}
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .Feld.last {
margin-right: 0px !important;
}
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_vorname { width: 135px; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_nachname { width: 195px; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_firma { width: 175px; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_abteilung { width: 154px; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_strasse { width: 285px; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_hausnr { width: 45px; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_plz { width: 45px; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_ort { width: 175px; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_ortsteil { width: 100px; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_telefon { width: 110px; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_fax { width: 105px; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_mobil { width: 105px; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_email { width: 340px; }
.T3623 #TraminoForm:not(.newcss) {
max-width: 770px;
margin: 0 auto;
}
.T3623 #TraminoForm:not(.newcss) .group {
margin-right: 20px;
}
.T3623 #TraminoForm:not(.newcss) .label h4 { font-size: 17px; }
.T3623 #TraminoForm:not(.newcss) .element .label .help { font-size: 13px; color: #222; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3623 .TraminoForm { padding: 35px 0; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3623 .TraminoForm { padding: 30px 0; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3623 .TraminoForm { padding: 20px 0; }
}
@media all and (max-width: 567px) {
.T3623 .TraminoForm { padding: 15px 0; }
.T3623 #TraminoForm:not(.newcss) .group { width: 100% !important; padding-right: 0px !important; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .Feld {
padding: 0 !important;
margin: 0px 0px 0px 0px !important;
width: 100% !important;
}
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_vorname { width: calc( 35% - 5px ) !important; margin-right: 5px !important;  }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_nachname { width: 65% !important; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_firma { width: calc( 45% - 5px ) !important; margin-right: 5px !important;  }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_abteilung { width: 55% !important; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_strasse { width: calc( 80% - 5px ) !important; margin-right: 5px !important;  }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_hausnr { width: 20% !important; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_plz { width: calc( 20% - 5px ) !important; margin-right: 5px !important;  }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_ort { width: calc( 50% - 5px ) !important; margin-right: 5px !important;  }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_ortsteil { width: 30% !important; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_telefon { width: calc( 33.33% - 5px ) !important; margin-right: 5px !important; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_fax { width: calc( 33.33% - 5px ) !important; margin-right: 5px !important; }
.T3623 #TraminoForm:not(.newcss) .AdresseWidget .adresse_mobil { width: 33.33% !important; }
}
#motiv {
width: 100%;height: 52vw;position: relative;z-index: 1;background-color: #ddd;}
#motiv :is(picture,img) {
width: 100%; height: auto;}
#motiv picture img { aspect-ratio: 567 / 295; object-fit: cover; }
#motiv.small { height: 25vw; }
#motiv.middle { height: 35vw; }
#motiv h1 { font-weight: 400; }
#motiv .mask {
position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 );}
#motiv .motivheadline {
position: absolute;top: 50%;top: calc(50% + 70px);left: 50%;transform: translate(-50%,-50%);color: #FFF;text-align: center;z-index: 1;}
#motiv .motivheadline.longversion { top: 50%; }
#motiv .motivheadline .headline { font-size: 65px; line-height: 1.2; margin: 0 0 50px 0; }
#motiv .motivheadline .subheadline { font-size: 20px; line-height: 1.2; }
body.Mandant_111 #motiv .motivheadline .headline { font-size: 85px; line-height: 1.2; margin: 0 0 20px 0; }
body.Mandant_111 #motiv .motivheadline .subheadline { font-size: 25px; line-height: 1.2; }
body.Mandant_14495 #motiv .motivheadline .subheadline { font-weight: 600; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
#motiv .motivheadline { top: calc(50% + 55px); }
#motiv .motivheadline.longversion { top: 50%; }
#motiv .motivheadline .headline { font-size: 55px; margin: 0 0 40px 0; }
#motiv .motivheadline .subheadline { font-size: 19px; }
body.Mandant_111 #motiv .motivheadline .headline { font-size: 75px;  margin: 0 0 15px 0; }
body.Mandant_111 #motiv .motivheadline .subheadline { font-size: 22px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
#motiv .motivheadline { top: calc(50% + 35px); }
#motiv .motivheadline.longversion { top: 50%; }
#motiv .motivheadline .headline { font-size: 45px; margin: 0 0 30px 0; }
#motiv .motivheadline .subheadline { font-size: 17px; }
body.Mandant_111 #motiv .motivheadline .headline { font-size: 55px;  margin: 0 0 12px 0; }
body.Mandant_111 #motiv .motivheadline .subheadline { font-size: 18px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
#motiv .motivheadline { top: calc(50% + 20px); }
#motiv .motivheadline.longversion { top: 50%; }
#motiv .motivheadline .headline { font-size: 35px; margin: 0 0 20px 0; }
#motiv .motivheadline .subheadline { font-size: 16px; }
body.Mandant_111 #motiv .motivheadline .headline { font-size: 40px;  margin: 0 0 10px 0; }
body.Mandant_111 #motiv .motivheadline .subheadline { font-size: 16px; }
}
@media all and (max-width: 567px) {
#motiv { margin-top: 55px; }
#motiv .motivheadline { top: 50%; width: 80%; }
#motiv .motivheadline .headline { font-size: 21px; margin: 0 0 10px 0; }
#motiv .motivheadline .subheadline { font-size: 13px; }
body.Mandant_111 #motiv .motivheadline .headline { font-size: 28px;  margin: 0 0 3px 0; }
body.Mandant_111 #motiv .motivheadline .subheadline { font-size: 12px; margin: 0; }
}
.T3627 .headline {
text-align: center;
}
.T3627 .intro {
text-align: center;
}
.T3627 .wrapper {
margin-top: 30px;
}.T3627.S5683 .wrapper .intro {
text-align: center;
}
.T3627.S5683 .wrapper .text {
text-align: center;
}.T3628 h4 { text-transform: uppercase; }
.T3628 a { color: #000; }
.T3628 .col.left { float: left; width: 65%; text-align: left; }
.T3628 .col.right { float: left; width: 35%; text-align: left; }
.T3628 .notifications { 
border: 1px solid #ccc; padding: 20px;margin-right: 30px; 
min-height: 200px;border-radius: 10px;}
.T3628 .notification {
position: relative;background-color: #888888;color: #fff;border-radius: 10px 10px 10px 0px;padding: 12px 90px 12px 16px;font-size: 16px;margin-bottom: 20px;}
.T3628 .notification a { color: #fff; } 
.T3628 .notification .date {
display: block;position: absolute;right: 12px; top: 8px;font-size: 13px;color: rgba(255,255,255,0.5);}
.T3628 .notification .bubble1 {
display: block;position: absolute;left: 0px; bottom: -10px;width: 15px; height: 15px;background-color: #888888;border-radius: 0px 0px 15px 0px;}
.T3628 .box-adresse { border-radius: 10px; border: 1px solid #ccc; padding: 20px; }
.T3628 .info {
margin: 20px 0px;color: rgba(0,0,0,0.3);}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3628 .maxwidth .inner { padding: 0px 25px 40px 25px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3628 .maxwidth .inner { padding: 0px 20px 30px 20px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3628 .maxwidth .inner { padding: 0px 15px 20px 15px; }
}
@media all and (max-width: 567px) {
.T3628 .maxwidth .inner { padding: 0px 10px 20px 10px; }
.T3628 .col.left { float: none; width: 100%; text-align: left; }
.T3628 .notifications { margin-right: 0; padding: 10px; }
.T3628 .col.right { float: none; width: 100%; text-align: left; }
.T3628 .box-adresse { padding: 10px; }
}

.T3629 .maxwidth { background-color: #fff; max-width: 500px; padding-top: 2rem;
padding-bottom: 2rem; }
.T3629 .advantage .item { margin-bottom: 25px; }
.T3629 .advantage .item .head { display: flex; align-items: center; padding-bottom: 5px; }
.T3629 .advantage .item .head i { font-size: 20px; margin: 0 8px 0 10px; }
.T3629 .advantage .item .head .headline { font-size: 18px; hyphens: auto; }
.T3629 .advantage .item .textstyle { 
font-size: 15px;
line-height: 1.4;
color: #333333;
}

.T3629 .login {
background-color: #EEE;
padding: 0.6rem 1rem;
text-align: center;
}
.T3629 .login .text {
font-weight: bold;
margin: 0 0 0.6rem 0;
}

.T3629 .row >  label { display: block; }
.T3629 #customAddUser { margin-top: 20px; }
.T3629 #customAddUser .headline { font-size: 16px; text-align: center; }
.T3629 #customAddUser .row { margin-bottom: 10px; }
.T3629 #customAddUser .label { font-size: 14px; display: block; }
.T3629 #customAddUser .row input { width: 65%; }
.T3629 #customAddUser .AdresseWidget .Zeile { display: flex; margin-top: 10px; }
.T3629 #customAddUser .AdresseWidget .Feld { padding: 0px 12px 0px 0px; }
.T3629 #customAddUser .AdresseWidget input { width: 100%; }
.T3629 #customAddUser .AdresseWidget .last { margin: 0; padding: 0; }

.T3629 #customAddUser .AdresseWidget .adresse_anrede { width: 30%; }
.T3629 #customAddUser .AdresseWidget .adresse_vorname, .T3629 #customAddUser .AdresseWidget .adresse_nachname  { width: calc( 100% - 12px / 2 ); }
.T3629 #customAddUser .AdresseWidget .adresse_firma { width: 60% }
.T3629 #customAddUser .AdresseWidget .adresse_abteilung { width: 40%; }
.T3629 #customAddUser .AdresseWidget .adresse_strasse { width: 80%; }
.T3629 #customAddUser .AdresseWidget .adresse_hausnr { width: 20%; }
.T3629 #customAddUser .AdresseWidget .adresse_plz { width: 20%; }
.T3629 #customAddUser .AdresseWidget .adresse_ort:parent { padding: 0; }
.T3629 #customAddUser .AdresseWidget .adresse_ort { width: 50%; }
.T3629 #customAddUser .AdresseWidget .adresse_ortsteil { width: 30%; }
.T3629 #customAddUser .AdresseWidget .adresse_land select { width: 100%; }
.T3629 #customAddUser .AdresseWidget .adresse_telefon { width: 100%; padding: 0; }
.T3629 #customAddUser .AdresseWidget .adresse_fax, .T3629 #customAddUser .AdresseWidget .adresse_mobil { display: none; }
.T3629 input[type=text], .T3629 input[type=date], .T3629 input[type=password], .T3629 input[type=email], .T3629 input[type=number] {
border: 1px solid #cacaca;
width: 100%;
height: 2.4375rem;
padding: .5rem;
background-color: #fff;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
}
.T3629 input[type=text]:focus, .T3629 input[type=date]:focus, .T3629 input[type=password]:focus, .T3629 input[type=email]:focus, .T3629 input[type=number]:focus {
outline: 0;
border: 1px solid #666;
box-shadow: 0 0 5px #cacaca;
}
.T3629 select {
-moz-appearance: none;
width: 100%;
height: 2.4375rem;
padding: .5rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fff;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #000;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28102:focus, 102, 102%29'></polygon></svg>");
background-origin: content-box;
background-position: center right 0.5rem;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 0.5rem;
transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
}
.T3629 textarea {
box-sizing: border-box;
width: 100%;
margin: 0 0 1rem;
padding: .5rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fff;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #000;
transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
-moz-appearance: none;
appearance: none;
}
.T3629 input[type=submit], .T3629 button[type=submit] {
padding: 0.5rem 1rem;
text-align: center;
}

.T3629 #customAddUser #submit-button {
padding: 7px 35px;
color: #fff;
font-size: 16px;
margin: 20px 0px;
border: 0px;
}

.T3629 .error { color: #f33; }
.T3629 .js-error { background-color: #f33; color: #FFF; padding: 2px 3px; display: none; }
.T3629 .js-error.on { display: block; }.T3631 .wrapper .content .text p {
margin: 0 0 15px 0;
}
.T3631 .wrapper.images .content:after { display: block; content: ""; clear: left; }
.T3631 .wrapper.images .content .text {
float: left;
width: 750px;
}
.T3631 .wrapper.images .content .images {
float: left;
width: 360px;
margin: 0 0 0 30px;
}
.T3631 .wrapper.images .content .images a { color: #000; text-decoration: none; }
.T3631 .wrapper.images .content .images .img {
display: block;
margin: 0 0 30px 0;
width: 360px;
}
.T3631 .wrapper.images .content .images img { width: 100%; height: auto; object-fit: cover; }
.T3631 .wrapper.images .content .images .rQ img { aspect-ratio:  3 / 2; }
.T3631 .wrapper.images .content .images .rH img { aspect-ratio:  2 / 3; }
.T3631 .wrapper.images .content .images figcaption {
display: block;
font-size: 17px;
padding: 6px 0 0 0;
}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3631 .wrapper.images .content .text {
width: 585px;
}
.T3631 .wrapper.images .content .images { width: 275px; }
.T3631 .wrapper.images .content .images .img { width: 275px; }
.T3631 .wrapper.images .content .images figcaption { font-size: 16px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3631 .wrapper.images .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.T3631 .wrapper.images .content .text {
float: none;
width: auto;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.T3631 .wrapper.images .content .images { float: none; width: 260px; }
.T3631 .wrapper.images .content .images .img { width: 260px; }
.T3631 .wrapper.images .content .images figcaption { font-size: 15px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3631 .wrapper.images .content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.T3631 .wrapper.images .content .text {
float: none;
width: auto;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.T3631 .wrapper.images .content .images { float: none; width: 210px; }
.T3631 .wrapper.images .content .images .img { width: 210px; }
.T3631 .wrapper.images .content .images figcaption { font-size: 13px; padding: 4px 0 0 0; }
}
@media all and (max-width: 567px) {
.T3631 .wrapper.images .content .text { float: none; width: auto; }
.T3631 .wrapper.images .content .images { float: none; width: auto; margin: 0; }
.T3631 .wrapper.images .content .images figcaption { font-size: 14px; }
}
@media all and (min-width: 381px) and (max-width: 567px) {
.T3631 .wrapper.images .content .images .img { margin: 0 auto 20px auto; }
}
@media all and (max-width: 380px) {
.T3631 .wrapper.images .content .images .img { width: auto; }
}
.T3641 #grid .memo { transform: rotate(0.5deg);  height: 580px; overflow: hidden;}
.T3641 #grid .memo.mod2 { transform: rotate(-0.5deg); }
.T3641 #grid .memo .inner { 
border: 1px solid #DDD;background: rgb(255,255,255);background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 8%, rgba(234,234,234,1) 22%, rgba(255,255,255,1) 53%);background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 8%,rgba(234,234,234,1) 22%,rgba(255,255,255,1) 53%);background: linear-gradient(45deg,  rgba(255,255,255,1) 8%,rgba(234,234,234,1) 22%,rgba(255,255,255,1) 53%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );box-shadow: 8px 8px 8px rgba(0,0,0,0.1);}
.T3641 #grid .memo .Bild { width: 80%; height: auto; margin: 50px auto 0 auto; }
.T3641 #grid .memo h3 { font-size: 15px; }
.T3641 .morewrapper { text-align: center; margin: 30px 0; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3641 #grid .memo { height: 520px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3641 #grid .memo { height: 520px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3641 #grid .memo { height: auto; }
}
@media all and (max-width: 567px) {
.T3641 #grid .memo { height: auto; }
}
.T3748 { background-color: #FBFBFB; }
.T3748 .maxwidthsmall:after { display: block; content: ""; clear: left; }
.T3748 .image {
position: relative;
top: -30px;
float: left;
width: 200px;
height: 200px;
border-radius: 50%;
overflow: hidden;
margin: 0 40px 0 0;
}
.T3748 .image img {
width: 100%;
height: auto;
aspect-ratio:  1 / 1;
object-fit: cover;
}
.T3748 .textwrapper {
float: left;
width: 560px;
margin: 0 0 15px 0;
}
.T3748 .textwrapper:after { display: block; content: ""; clear: both; }
.T3748 .textwrapper .zitat { margin: 35px 0 0 0; }
.T3748 .textwrapper .zitat p { margin: 0 0 5px 0; }
.T3748 .subheadline { font-size: 14px; float: right; margin: 5px 0 0 0; }
.T3748 .subheadline .name { font-weight: bold; }@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3748 .image {
top: -25px;
width: 180px;
height: 180px;
margin: 0 35px 0 0;
}
.T3748 .textwrapper {
margin: 0 0 13px 0;
}
.T3748 .textwrapper .zitat { margin: 33px 0 0 0; }
.T3748 .textwrapper .zitat p { margin: 0 0 4px 0; }
.T3748 .subheadline { margin: 4px 0 0 0; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3748 .maxwidthsmall { display: flex; }
.T3748 .image {
float: none;
top: -20px;
width: 160px;
height: 160px;
margin: 0 30px 0 0;
}
.T3748 .textwrapper {
float: none;
flex: 1;
width: auto;
margin: 0 0 10px 0;
}
.T3748 .textwrapper .zitat { margin: 30px 0 0 0; width: 80%; }
.T3748 .textwrapper .zitat p { margin: 0 0 3px 0; }
.T3748 .subheadline { margin: 3px 0 0 0; position: relative; right: 20%; font-size: 13px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3748 .maxwidthsmall { display: flex; }
.T3748 .image {
float: none;
top: -15px;
width: 120px;
height: 120px;
margin: 0 25px 0 0;
}
.T3748 .textwrapper {
float: none;
flex: 1;
width: auto;
margin: 0 0 7px 0;
}
.T3748 .textwrapper .zitat { margin: 25px 0 0 0; width: 80%; }
.T3748 .textwrapper .zitat p { margin: 0 0 3px 0; }
.T3748 .subheadline { margin: 3px 0 0 0; position: relative; right: 20%; font-size: 12px;  }
}
@media all and (max-width: 567px) {
.T3748 .maxwidthsmall { display: flex; }
.T3748 .image {
float: none;
top: -10px;
width: 80px;
height: 80px;
margin: 0 15px 0 0;
}
.T3748 .textwrapper {
float: none;
flex: 1;
width: auto;
margin: 0 0 6px 0;
}
.T3748 .textwrapper .zitat { margin: 20px 0 0 0; }
.T3748 .textwrapper .zitat p { margin: 0 0 3px 0; }
.T3748 .subheadline { margin: 3px 0 0 0; position: relative;  font-size: 12px;  }
}
.T3765 {
margin-top: 30px;
margin-bottom: 30px;
}
.T3765 .wrapper {
position: relative;
}
.T3765 .wrapper:before {
display: block;
content: " ";
width: 100%;
padding-top: 50%;
}
.T3765 .wrapper > .outer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.T3765 .wrapper > .outer > .form_fields { 
position: absolute; 
bottom: 50px; 
right: 50px;
z-index: 1;
}
.T3765 .wrapper > .outer > .infos { 
position: absolute; 
top: 50px; 
left: 50px;
z-index: 1;
width: 300px;
color: #FFF;
}
.T3765 .wrapper > .outer > .infos .headline {
font-size: 40px;
margin: 0 0 20px 0;
} 
.T3765 .wrapper > .outer > .infos .intro {
font-size: 20px;
} 
.T3765 .item {
margin: 0 0 10px 0;
}
.T3765 .item-button { margin: 20px 0 0 0; }
.T3765 input[type=text] {
font-size: 25px;
width: 100%;
}
.T3765 textarea {
font-size: 15px;
width: 100%;
height: 120px;
}
.T3765 .info {
display: flex;
justify-content: flex-end;
font-size: 12px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
color: #FFF;
}
.T3765 .select_wrapper {
position: relative;
}
.T3765 .select_wrapper i {
position: absolute;
right: 20px;
top: 10px;
color: #333;
font-size: 8px;
}
.T3765 select {
background: #FFF;
padding: 5px;
font-size: 16px;
line-height: 1;
border: 0;
border-radius: 0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
color: #333;
width: 100%;
cursor: pointer;
}
.T3765 .shadow {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
background: -moz-linear-gradient(-55deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 80%);
background: -webkit-linear-gradient(-55deg, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 80%);
background: linear-gradient(125deg, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e000000', endColorstr='#00000000',GradientType=1 );
}
.T3765 .error {
background-color: #F00;
color: #FFF;
}@media all and (min-width: 1000px) and (max-width: 1250px) {
.T3765 .maxwidth > .outer > .infos { 
width: 280px;
top: 40px; 
left: 40px;
}
.T3765 .maxwidth > .outer > .infos .headline {
font-size: 38px;
margin: 0 0 18px 0;
} 
.T3765 .maxwidth > .outer > .infos .intro {
font-size: 19px;
} 
.T3765 .maxwidth > .outer > .form_fields { 
position: absolute; 
bottom: 40px; 
right: 40px;
}
.T3765 input[type=text] {
font-size: 23px;
}
.T3765 textarea {
font-size: 14px;
height: 115px;
}
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T3765 .maxwidth > .outer > .infos { 
width: 250px;
top: 35px; 
left: 35px;
}
.T3765 .maxwidth > .outer > .infos .headline {
font-size: 35px;
margin: 0 0 16px 0;
} 
.T3765 .maxwidth > .outer > .infos .intro {
font-size: 18px;
} 
.T3765 .maxwidth > .outer > .form_fields { 
position: absolute; 
bottom: 35px; 
right: 35px;
}
.T3765 input[type=text] {
font-size: 20px;
}
.T3765 textarea {
font-size: 13px;
height: 110px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3765 .maxwidth > .outer > .infos { 
width: 220px;
top: 30px; 
left: 30px;
}
.T3765 .maxwidth > .outer > .infos .headline {
font-size: 30px;
margin: 0 0 16px 0;
} 
.T3765 .maxwidth > .outer > .infos .intro {
font-size: 17px;
line-height: 1.1;
} 
.T3765 .maxwidth > .outer > .form_fields { 
position: absolute; 
bottom: 30px; 
right: 30px;
}
.T3765 input[type=text] {
font-size: 18px;
}
.T3765 textarea {
font-size: 13px;
height: 80px;
}
}
@media all and (max-width: 567px) {
.T3765 .maxwidth:before {
padding-top: 0px;
}
.T3765 .maxwidth > .outer {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
}
.T3765 .maxwidth > .outer > .infos { 
position: relative;
top: auto;
left: auto;
width: auto;
margin: 0 20px;
padding: 15px 0;
}
.T3765 .maxwidth > .outer > .infos .headline {
font-size: 25px;
margin: 0 0 12px 0;
} 
.T3765 .maxwidth > .outer > .infos .intro {
font-size: 16px;
line-height: 1.1;
} 
.T3765 .maxwidth > .outer > .form_fields { 
position: relative; 
bottom: auto; 
right: auto;
margin: 0 30px;
padding: 15px 0;
}
.T3765 input[type=text] {
font-size: 18px;
}
.T3765 textarea {
font-size: 13px;
height: 80px;
}
}
.T3787 picture, .T3787 img { width: 100%; height: auto; }
.T3787 .wrapper {
position: relative;
}
.T3787 .marker_wrapper {
position: absolute;
width: 100%;
height: 100%;
}
.T3787 .marker_wrapper .marker {
position: absolute;
width: 25px;
height: 25px;
display: block;
background-color: #F00;
border-radius: 50%;
border: 3px solid #FFF;
transform: scale(1);
transition: transform 250ms;
cursor: pointer;
}
.T3787 .marker_wrapper .marker:hover {
transform: scale(1.25);
transition: transform 250ms;
}
.T3787 .infobox {
display: none;
position: absolute;
top: 50px;
left: 5%;
background-color: rgba(0,0,0,0.6);
color: #FFF;
font-size: 13px;
}
.T3787 .infobox.show { display: block; }
.T3787 .infobox a { color: #FFF; }
.T3787 .infobox .inner:after { display: block; content: ""; clear: left; }
.T3787 .infobox .wrapper {
float: left;
width: 200px;
padding: 10px 5px 10px 12px;
}
.T3787 .infobox .name { margin: 0 0 6px 0; }
.T3787 .infobox .info { margin: 0 0 6px 0; }
.T3787 .infobox .link { text-align: right; }
.T3787 .infobox .link.hide { display: none; }
.T3787 .infobox .image {
float: left;
width: 200px;
}
.T3787 .infobox.noimg .image { display: none; }
.T3787 .infobox .image img {
width: 100%;
height: auto;
}
.T3787 .infobox .arrow {
position: absolute;
top: 15px;
left: -10px;
width: 0; 
height: 0; 
border-top: 10px solid transparent;
border-bottom: 10px solid transparent; 
border-right:10px solid rgba(0,0,0,0.6);; 
}
.T3787 .infobox .arrow.right {
position: absolute;
left: auto;
right: -10px;
width: 0; 
height: 0; 
border-top: 10px solid transparent;
border-bottom: 10px solid transparent; 
border-left:10px solid rgba(0,0,0,0.6);; 
border-right: 0px solid rgba(0,0,0,0.6);; 
}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3787 .marker_wrapper .marker {
width: 22px;
height: 22px;
border: 3px solid #FFF;
}
.T3787 .marker_wrapper .marker:hover { transform: scale(1.22); }
.T3787 .infobox { font-size: 13px; }
.T3787 .infobox .wrapper {
float: left;
width: 195px;
padding: 9px 4px 9px 10px;
}
.T3787 .infobox .name { margin: 0 0 5px 0; }
.T3787 .infobox .info { margin: 0 0 5px 0; }
.T3787 .infobox .image {
width: 195px;
}
.T3787 .infobox .arrow {
top: 15px;
left: -9px;
width: 0; 
height: 0; 
border-top: 9px solid transparent;
border-bottom: 9px solid transparent; 
border-right: 9px solid rgba(0,0,0,0.6);; 
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3787 .marker_wrapper .marker {
width: 20px;
height: 20px;
border: 2px solid #FFF;
}
.T3787 .marker_wrapper .marker:hover { transform: scale(1.20); }
.T3787 .infobox { font-size: 12px; }
.T3787 .infobox .wrapper {
float: left;
width: 180px;
padding: 8px 3px 8px 9px;
}
.T3787 .infobox .name { margin: 0 0 4px 0; }
.T3787 .infobox .info { margin: 0 0 4px 0; }
.T3787 .infobox .image {
width: 180px;
}
.T3787 .infobox .arrow {
top: 15px;
left: -7px;
width: 0; 
height: 0; 
border-top: 7px solid transparent;
border-bottom: 7px solid transparent; 
border-right: 7px solid rgba(0,0,0,0.6);; 
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3787 .marker_wrapper .marker {
width: 20px;
height: 20px;
border: 2px solid #FFF;
}
.T3787 .marker_wrapper .marker:hover { transform: scale(1.20); }
.T3787 .infobox { font-size: 12px; }
.T3787 .infobox .wrapper {
float: left;
width: 150px;
padding: 8px 3px 8px 9px;
}
.T3787 .infobox .name { margin: 0 0 4px 0; }
.T3787 .infobox .info { margin: 0 0 4px 0; }
.T3787 .infobox .image {
width: 150px;
}
.T3787 .infobox .arrow {
top: 15px;
left: -7px;
width: 0; 
height: 0; 
border-top: 7px solid transparent;
border-bottom: 7px solid transparent; 
border-right: 7px solid rgba(0,0,0,0.6);; 
}
}
@media all and (max-width: 567px) {
.T3787 { display: none; }
.Mandant_19379 .T3787 { display: block; }
}
.T3804:after { display: block; content: ""; clear: left; }
.T3804 .image {
position: relative;float: left;width: 500px;margin: 0 50px 0 0;}
.T3804 .image img {
width: 100%;height:  auto;object-fit: cover;aspect-ratio:  3 / 2;}
.T3804 .image.video img { aspect-ratio:  16 / 9; }
.T3804 .image .count {
position: absolute;top: -30px;left: -30px;background-color: #FFF;width: 95px;height: 95px;box-shadow: 2px 2px 5px rgba(0,0,0,0.4);border-radius: 50%;transform: rotate(-4deg);}
.T3804 .image .count.bgcolor-grey { background-color: #9B9B8C; }
.T3804 .image .count.bgcolor-blue { background-color: #00698C; }
.T3804 .image .count.bgcolor-orange { background-color: #FF8000; }
.T3804 .image .count.bgcolor-red { background-color: #d1492d; }
.Mandant_111 .T3804 .image .count { background-color: rgba(255,255,255,0.6); border-width: 3px; border-style: solid; }
.T3804 .image .count .int {
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.T3804 .image a { 
display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-decoration: none;}
.T3804 .image i {
color: #FFF;font-size: 110px;text-shadow: 0px 0px 20px rgba(0,0,0,0.3);}
.T3804 .image .count.count-bgcolor .int { color: #FFF !important; }
.T3804 .infos {
float: left;width: 570px;}
.T3804 .infos .headline {
margin: 0 0 20px 0;}
.T3804 .infos .buttons {
margin: 30px 0 0 0;text-align: right;}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3804 .image {
width: 400px;margin: 0 40px 0 0;}
.T3804 .image i { font-size: 90px; }
.T3804 .image .count {
top: -25px;left: -25px;width: 85px;height: 85px;}
.T3804 .infos { float: left; width: 470px; }
.T3804 .infos .headline { margin: 0 0 18px 0; }
.T3804 .infos .buttons { margin: 25px 0 0 0; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3804 { display: flex; }
.T3804 .image {
float: none;width: 350px;margin: 0 35px 0 0;}
.T3804 .image i { font-size: 80px; }
.T3804 .image .count {
top: -20px;left: -20px;width: 75px;height: 75px;}
.T3804 .infos { float: none; flex: 1; width: auto; }
.T3804 .infos .headline { margin: 0 0 15px 0; }
.T3804 .infos .buttons { margin: 20px 0 0 0; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3804 { display: flex; }
.T3804 .image {
float: none;width: 220px;margin: 0 28px 0 0;}
.T3804 .image i { font-size: 60px; }
.T3804 .image .count {
top: -18px;left: -18px;width: 60px;height: 60px;}
.T3804 .infos { float: none; flex: 1; width: auto; }
.T3804 .infos .headline { margin: 0 0 12px 0; }
.T3804 .infos .buttons { margin: 18px 0 0 0; }
}
@media all and (max-width: 567px) {
.T3804 { display: flex;  flex-direction: column; }
.T3804 .image {
float: none;width: 260px;margin: 0 0 20px 0;background-size: 260px auto;}
.T3804 .image i { font-size: 40px; }
.T3804 .image .count {
top: -12px;left: -12px;width: 50px;height: 50px;}
.T3804 .infos { float: none; flex: 1; width: auto; }
.T3804 .infos .headline { margin: 0 0 12px 0; }
.T3804 .infos .buttons { margin: 18px 0 0 0; }
}
.T3805 section {
width: 100%;
padding: 25px 0px 25px 0px;
}
.T3805 section .image {
float: left;
margin: 0px 100px 20px 100px;
-webkit-box-shadow: 10px 10px 30px -24px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 30px -24px rgba(0,0,0,0.75);
box-shadow: 10px 10px 30px -24px rgba(0,0,0,0.75);
text-align: center;
}
.T3805 section .text { margin: 50px 50px 0px 450px !important; }
.T3805 section .text a { text-decoration: none }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3805 .wrapper { max-width: 900px; }
.T3805 section .image { margin: 0px 50px; }
.T3805 section .text { margin: 50px 50px 0px 300px !important; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3805 .wrapper { max-width: 700px; }
.T3805 section .image { margin: 0px 30px; }
.T3805 section .text { margin: 50px 50px 0px 300px !important; }
}
@media all and (max-width: 767px) {
.T3805 .wrapper {
max-width: none;
width: 90vw;
margin: 0 5vw;
}
.T3805 section .image { margin: 0px; }
.T3805 section .image img { width: 80px; height: auto; }
.T3805 section .text { margin: 10px 0px 0px 110px !important; }
.T3805 section .text .download { font-size: 13px; line-height: 17px; }
}#grid .memo {
float: left;width: 33.33%;margin: 0px;}
#grid .memo.big { width: 66.66%; }
#grid .memo.sizer { height: 0px; }
#grid .memo .inner {
background-color: rgba(250,250,250,0.9);margin: 0px 30px 30px 0px;overflow: hidden;}
#grid .memo.big .inner { background-color: rgba(250,250,250,0.9); }
#grid .memo.big2 .inner { background-color: rgba(250,250,250,0.9); }
#grid .memo .Bild img { width: 100%; height: auto; }
#grid .memo .infos { font-size: 14px; line-height: 1.2; }
#grid .memo .infos .client_logo {
width: 50px;float: left;margin: 0 20px 0 0;}
#grid .text { padding: 20px 20px; }
#grid h3 {
font-size: 20px;line-height: 1.1;font-weight: 400;margin: 15px 0px 10px 0px;}
#grid h4 {
margin: 0px 0px 10px 0px;}@media all and (min-width: 1024px) and (max-width: 1279px) {
#grid { max-width: 950px; margin: 0px auto; }
#grid h3 { font-size: 28px; }
#grid .memo .infos { font-size: 15px; line-height: 18px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
#grid { max-width: 700px; margin: 0px auto; }
#grid h3 { font-size: 23px; }
#grid .memo { width: 50%; }
#grid .memo .infos { font-size: 14px; line-height: 17px; }
}
@media all and (max-width: 767px) {
#grid { width: 90vw; max-width: 320px; margin: 0 auto;}
#grid h3 { font-size: 19px; }
#grid .memo .infos { font-size: 13px; line-height: 16px; }
#grid .memo .inner { margin-right: 0px; }
#grid .memo {
float: none;width: 100%;}
#grid .memo.big { width: 100%; }
}.T3841 { background-color: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.4) }
.T3841:after { display: block; content: ""; clear: left; }
.T3841 .item {
float: left;width: 600px;}
.T3841 .item .image {
position: relative;display: block;}
.T3841 .item .image img { width:  100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.T3841 .item .inner {
padding: 40px 40px 20px 50px;}
.T3841 .item.col1 .inner { border-right: 0px solid #EEE; }
.T3841 .item.col2 .inner { border-left: 0px solid #EEE; }
.T3841 .item.col1.longer .inner { border-right: 1px solid #EEE; }
.T3841 .item.col2.longer .inner { border-left: 1px solid #EEE; }
.T3841 .item .headline {
text-decoration: none;margin: 0 0 20px 0;}
.T3841 .item .bottom {
margin-top: 20px;text-align: right;}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3841 .item { width: 490px; }
.T3841 .item .inner { padding: 35px 35px 18px 40px; }
.T3841 .item .headline { margin: 0 0 18px 0; }
.T3841 .item .bottom { margin-top: 18px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3841 .item { width: 50%; }
.T3841 .item .inner { padding: 30px 30px 15px 35px; }
.T3841 .item .headline { margin: 0 0 15px 0; }
.T3841 .item .bottom { margin-top: 15px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3841 .item { width: 50%; }
.T3841 .item .inner { padding: 25px 25px 12px 30px; }
.T3841 .item .headline { margin: 0 0 12px 0; }
.T3841 .item .bottom { margin-top: 12px; }
}
@media all and (max-width: 567px) {
.T3841 .item { width: 100%; float: none; }
.T3841 .item.col1 .inner { border-right-width: 0px !important; margin: 0 0 10px 0; }
.T3841 .item.col2 .inner { border-left-width: 0px !important; }
.T3841 .item .inner { padding: 15px 12px 8px 12px; }
.T3841 .item .headline { margin: 0 0 8px 0; }
.T3841 .item .bottom { margin-top: 8px; }
}.T4203 .abstand { margin-top: 55px; }
.T4203 table.pricing {
border: 0px solid #000;
table-layout: auto;
border-collapse: collapse;
width: 100%;
max-width: 790px;
}
.T4203 table.pricing td {
text-align: left;
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
border: 0px solid #ccc;
border-top: 1px solid #C1BEB3;
}
.T4203 table.pricing th.head {
font-size: 19px;
color: #00688D;
text-align: left;
}
.T4203 table.pricing td.days {
font-size: 13px;
line-height: 13px;
padding-top: 20px;
padding-left: 15px;
text-align: right;
}
.T4203 table.pricing td.info {
font-size: 12px;
line-height: 13px;
color: #817E73;
}
.T4203 table.pricing td.days b {
text-transform: uppercase;
font-size: 12px;
line-height: 13px;
}
.T4203 table.pricing td.item {
font-size: 16px;
line-height: 18px;
font-weight: bold;
padding-top: 30px;
vertical-align: bottom;
}
.T4203 table.pricing td.price {
font-size: 19px;
line-height: 25px;
text-align: right;
vertical-align: middle;
}
@media all and (max-width: 767px) {
.T4203 .scrollable {
position: relative;
overflow: auto;
padding: 0px 5px;
}
.T4203 .scrollable.has-overflow {
right: 0;
background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, .15), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, .15), rgba(255, 255, 255, 0));
background-position: left center, right center, left center, right center;
background-repeat: no-repeat;
background-size: 20px 100%, 20px 100%, 20px 100%, 20px 100%;
background-attachment: local, local, scroll, scroll;
}
.T4203 .scrollable.has-overflow:before, .T1911 .scrolltable.has-overflow:after {
content: "";
display: block;
position: absolute;
top: 0;
height: 100%;
width: 2rem;
}
}
.T4204 .abstand { margin-top: 55px; }
.T4204 table.pricing {
border: 0px solid #000;
table-layout: auto;
border-collapse: collapse;
width: 100%;
max-width: 790px;
}
.T4204 table.pricing td {
text-align: left;
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
border: 0px solid #ccc;
border-top: 1px solid #C1BEB3;
}
.T4204 table.pricing th.head {
font-size: 19px;
color: #00688D;
text-align: left;
}
.T4204 table.pricing td.days {
font-size: 12px;
line-height: 12px;
padding-top: 20px;
padding-left: 15px;
text-align: right;
}
.T4204 table.pricing td.info {
font-size: 12px;
line-height: 13px;
color: #817E73;
}
.T4204 table.pricing td.days b {
text-transform: uppercase;
font-size: 12px;
line-height: 13px;
}
.T4204 table.pricing td.item {
font-size: 16px;
line-height: 18px;
font-weight: bold;
padding-top: 30px;
vertical-align: bottom;
}
.T4204 table.pricing td.price {
font-size: 19px;
line-height: 25px;
text-align: right;
vertical-align: middle;
}
.T4204 table.pricing td.price.child {
font-size: 15px;
}
.T4204 table.pricing td.alter {
font-size: 10px;
line-height: 12px;
padding-top: 20px;
padding-left: 15px;
text-align: right;
vertical-align: bottom;
}
@media all and (max-width: 767px) {
.T4204 .scrollable {
position: relative;
overflow: auto;
padding: 0px 5px;
}
.T4204 .scrollable.has-overflow {
right: 0;
background-image: linear-gradient(to right, white, white), linear-gradient(to right, white, white), linear-gradient(to right, rgba(0, 0, 0, .15), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, .15), rgba(255, 255, 255, 0));
background-position: left center, right center, left center, right center;
background-repeat: no-repeat;
background-size: 20px 100%, 20px 100%, 20px 100%, 20px 100%;
background-attachment: local, local, scroll, scroll;
}
}.T4205 table.pricing {
border: 0px solid #000;
table-layout: auto;
border-collapse: collapse;
width: 100%;
max-width: 790px;
}
.T4205 table.pricing td {
text-align: left;
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
border: 0px solid #ccc;
border-top: 1px solid #C1BEB3;
}
.T4205 table.pricing th.head {
font-size: 19px;
color: #00688D;
text-align: left;
}
.T4205 table.pricing td.days {
font-size: 10px;
line-height: 12px;
padding-top: 20px;
padding-left: 15px;
text-align: right;
}
.T4205 table.pricing td.info {
font-size: 11px;
line-height: 13px;
color: #817E73;
}
.T4205 table.pricing td.days b {
text-transform: uppercase;
font-size: 11px;
line-height: 13px;
}
.T4205 table.pricing td.item {
font-size: 16px;
line-height: 18px;
font-weight: bold;
padding-top: 30px;
vertical-align: bottom;
}
.T4205 table.pricing td.class {
font-size: 12px;
line-height: 14px;
color: #817E73;
text-align: right;
vertical-align: bottom;
}
.T4205 table.pricing .class2 {
margin-left: 10px;
font-size: 12px;
line-height: 14px;
font-weight: normal;
color: #817E73;
}
.T4205 table.pricing td.price {
font-size: 19px;
line-height: 25px;
text-align: right;
vertical-align: middle;
}
.T4205 table.pricing td.alter {
font-size: 10px;
line-height: 12px;
padding-top: 20px;
padding-left: 15px;
text-align: right;
vertical-align: bottom;
}
.T4205 .scrollable .infotext {
text-align: left !important;
}
@media all and (max-width: 767px) {
.scrollable {
position:relative;
overflow-x: scroll;
padding: 0px 5px;
}
.T4205 table.pricing td.price { font-size: 14px !important; }
}.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;  }
.T4602 .maxwidth {
background-color: #FFF;position: relative;}.T4602 .wrapper {
margin: 0 0 0 280px;padding: 30px 0 30px 0;}
.T4602 .wrapper .entry-element {
margin: 0 0 30px 0;width: auto;height: auto;}
.T4602 .wrapper .entry-element.hide { display: none; }
.T4602 .wrapper .entry-element:after { display: block; content: ""; clear: left; }
.T4602 .wrapper .entry-element .date {
float: left;background-color: #00698C;color: #FFF;width: 100px;font-weight: 700;padding: 8px 0 8px 15px;box-sizing: border-box;margin: 0 30px 0 0;}
.T4602 .wrapper .entry-element .date .weekday { font-size: 15px; line-height: 1; }
.T4602 .wrapper .entry-element .date .day { font-size: 45px; line-height: 1; margin: 4px 0; }
.T4602 .wrapper .entry-element .date .month { font-size: 15px; line-height: 1; margin: 0 0 3px 0; }
.T4602 .wrapper .entry-element .date .year { font-size: 15px; line-height: 1; }
.T4602 .wrapper .entry-element .image {
float: left;width: 230px;margin: 0 30px 0 0;position: relative;}
.T4602 .wrapper .entry-element .image .destination {
position: absolute;right: 15px;bottom: 15px;background-color: #FFF;color: #000;padding: 3px 12px;font-size: 12px;}
.T4602 .wrapper .entry-element .image img { width: 100%; height: auto; }
.T4602 .wrapper .entry-element .infos {
float: left;width: 500px;margin: 0 30px 0 0;}
.T4602 .wrapper .entry-element .infos .eventtext.hide {
display: none;}
.T4602 .wrapper .entry-element .infos .eventheadline {
font-size: 30px;padding: 10px 0 10px 0;}
@media all and (min-width: 1000px) and (max-width: 1250px) {
.T4602 .wrapper { margin: 0 0 0 250px; }
.T4602 .wrapper .entry-element { width: auto; height: auto; }
.T4602 .wrapper .entry-element .date { width: 90px; margin-right: 25px; }
.T4602 .wrapper .entry-element .date .weekday { font-size: 14px; }
.T4602 .wrapper .entry-element .date .day { font-size: 42px; }
.T4602 .wrapper .entry-element .date .month { font-size: 14px; }
.T4602 .wrapper .entry-element .date .year { font-size: 14px; }
.T4602 .wrapper .entry-element .image { width: 210px; height: 210px; margin-right: 25px; }
.T4602 .wrapper .entry-element .infos { width: 310px; margin-right: 25px; }
.T4602 .wrapper .entry-element .infos .eventheadline { font-size: 28px; }
}
@media all and (min-width: 768px) and (max-width: 999px) {
.T4602 .wrapper { margin: 0 0 0 230px; }
.T4602 .wrapper .entry-element { display: flex; }
.T4602 .wrapper .entry-element .date { float: none; width: 80px; height: 110px; margin-right: 20px; }
.T4602 .wrapper .entry-element .date .weekday { font-size: 13px; }
.T4602 .wrapper .entry-element .date .day { font-size: 38px; }
.T4602 .wrapper .entry-element .date .month { font-size: 13px; }
.T4602 .wrapper .entry-element .date .year { font-size: 13px; }
.T4602 .wrapper .entry-element .image { float: none; width: 160px; height: 160px; margin-right: 20px; }
.T4602 .wrapper .entry-element .infos { float: none; width: auto; flex: 1; margin-right: 20px; }
.T4602 .wrapper .entry-element .infos .eventheadline { font-size: 24px; }
.T4602 .wrapper .entry-element .infos .eventintro { font-size: 15px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4602 .mobilefilter { display: inline-block; }
.T4602 .wrapper { margin: 0 0 0 20px; }
.T4602 .wrapper .entry-element { display: flex; }
.T4602 .wrapper .entry-element .date { float: none; width: 80px; height: 110px; margin-right: 20px; }
.T4602 .wrapper .entry-element .date .weekday { font-size: 13px; }
.T4602 .wrapper .entry-element .date .day { font-size: 38px; }
.T4602 .wrapper .entry-element .date .month { font-size: 13px; }
.T4602 .wrapper .entry-element .date .year { font-size: 13px; }
.T4602 .wrapper .entry-element .image { float: none; width: 160px; height: 160px; margin-right: 20px; }
.T4602 .wrapper .entry-element .infos { float: none; width: auto; flex: 1; margin-right: 20px; }
.T4602 .wrapper .entry-element .infos .eventheadline { font-size: 24px; }
.T4602 .wrapper .entry-element .infos .eventintro { font-size: 15px; }
}
@media all and (max-width: 567px) {
.T4602 .mobilefilter { display: inline-block; }
.T4602 .wrapper { margin: 0 15px 0 15px; }
.T4602 .wrapper .entry-element { position: relative; display: flex; padding-top: 35px; }
.T4602 .wrapper .entry-element .date { position: absolute; top: 0; left: 0; float: none; display: inline-block; width: auto; margin: 0 0 10px 0; padding: 0px 10px 2px 10px; }
.T4602 .wrapper .entry-element .date .weekday { display: inline-block; font-size: 12px; line-height: 1; }
.T4602 .wrapper .entry-element .date .day { display: inline-block; font-size:12px; line-height: 1; }
.T4602 .wrapper .entry-element .date .month { display: inline-block; font-size: 12px; line-height: 1; }
.T4602 .wrapper .entry-element .date .year { display: inline-block; font-size: 12px; line-height: 1; }
.T4602 .wrapper .entry-element .image { float: none; width: 80px; height: 80px; margin-right: 15px; }
.T4602 .wrapper .entry-element .infos { float: none; flex: 1; width: auto; margin-right: 15px; }
.T4602 .wrapper .entry-element .infos .eventheadline { font-size: 22px; padding: 0 0 5px 0; }
.T4602 .wrapper .entry-element .infos .eventintro { font-size: 14px; }
}

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


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

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

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

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


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


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

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

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

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


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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

}
.T5353 { padding: 1em 0 } 
.T5353 .detail .hidden .sheet-bild { padding-right: 0 !important; }
.application {
margin-top:  1rem;
}
.application .buttons {
display: flex;
justify-content: center;
margin-bottom:  1rem;
}
.application .buttons .button { cursor: pointer; }
.application .buttons .button.hide { display: none; }
.sheet-bild img {
width: 100%;
height: auto;
}
.ap .ap_inner { display: flex; }
.ap .ap_inner .image { width: 100px; margin-right: 1rem; }
.ap .ap_inner picture img {
width: 100%;
height: auto;
aspect-ratio:  1 / 1;
overflow: hidden;
border-radius:  50%;
}
.application-form {
display: none;
background-color:  #f2f2f2;
padding:  0.5rem 1rem;
border-radius: 0.7rem;
}
.application-form.show { display: block; }
.application-form .element {
display:  flex;
flex-direction: column;
width: 100% !important;
background-color:  transparent;
}
.application-form .TraminoForm .groups {
display: flex;
flex-wrap: wrap
}
.application-form .TraminoForm .group {
width: calc( 50% - 25px) !important;
}
.application-form .TraminoForm .break { display: none; }
.AdresseWidget .Zeile:after { display: block; content: ""; clear: left; }
.Mandant_3469 .T5353 .T5277 .elements .element { background-color: #e5eef5; }
.Mandant_3469 .T5353 .T5277 .elements .content .name { color: #0e5878; }
.Mandant_3469 .T5353 .T5277 .elements .content .intro { color: #666; }
.Mandant_3469 .application-form { background-color: #e5eef5; }