:root {
--bgcolor-button: #0e5878;
--skew-height: 19vw;
}
html { font-size: 13px; }
#body {
font-family: "WF-029714-010117-000007"; 
color: #0e5878;
padding: 0;
margin: 0;
}
@font-face {
font-family: "WF-029714-010117-000007";
src: url('https://storage.tramino.net/static/ok-bergbahnen/fonts/data/WF-029714-010117-000007.eot');
src: url('https://storage.tramino.net/static/ok-bergbahnen/fonts/data/WF-029714-010117-000007.eot?#iefix') format('embedded-opentype'), url('https://storage.tramino.net/static/ok-bergbahnen/fonts/data/WF-029714-010117-000007.woff') format('woff'), url('https://storage.tramino.net/static/ok-bergbahnen/fonts/data/WF-029714-010117-000007.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "WF-029714-010117-000025";
src: url('https://storage.tramino.net/static/ok-bergbahnen/fonts/data/WF-029714-010117-000025.eot');
src: url('https://storage.tramino.net/static/ok-bergbahnen/fonts/data/WF-029714-010117-000025.eot?#iefix') format('embedded-opentype'), url('https://storage.tramino.net/static/ok-bergbahnen/fonts/data/WF-029714-010117-000025.woff') format('woff'), url('https://storage.tramino.net/static/ok-bergbahnen/fonts/data/WF-029714-010117-000025.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
p.WF-029714-010117-000007 { font-family:"WF-029714-010117-000007"; font-weight: normal; }
p.WF-029714-010117-000025 { font-family:"WF-029714-010117-000025"; font-weight: normal; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
#body .hidden { display: none; }
#body .font-bold { font-family: "WF-029714-010117-000025" !important; }
#body .font-size50 { font-size: 50px; margin-bottom: 25px; }
#body .font-size40 { font-size: 40px; margin-bottom: 20px; }
#body .font-size30 { font-size: 30px; margin-bottom: 18px; }
#body .font-size20 { font-size: 22px; margin-bottom: 15px; }
#body .font-size20_2 { font-size: 20px; margin-bottom: 12px; }
#body .font-size17 { font-size: 17px; margin-bottom: 10px; }
#body .background-wrapper { width: auto; margin-left: auto; margin-right: auto; background-color: #FFF; background-color: rgba(255,255,255,0.7); }
#body .wrapper-padding { padding: 15px 20px; }
#body .maxwidth { width: 1610px; margin-left: auto; margin-right: auto; }
#body .maxwidthsmall { width: 1200px; margin-left: auto; margin-right: auto;}
#body .textstyle { font-size: 16px; line-height: 1.5; }
#body .textstyle a, #body .linkcolor a, #body a.color { color: #0e5878; }
#body .textstyle a:hover, #body .linkcolor a:hover, #body a.color:hover { color: #d6dc23; }
#body .textstyle h3, #body .textstyle .h3  { font-size: 20px; font-weight: 700;  }
#page * { box-sizing: border-box; }
#page .inlineeditors a { box-sizing: content-box; }
#body .linkcolor { color: #0e5878; }
#body .textstyle table {
border-spacing: 0px; border-width: 0px;
margin: 0 0 20px 0;
}
#body .textstyle table td, #body .textstyle table th {
border-bottom: 1px solid #CCC;
padding: 6px 10px;
vertical-align: top;
text-align: left;
}
#body .textstyle table tr:first-child td, #body .textstyle table tr:first-child th { border-top: 1px solid #CCC; }
#contentwrapper {
margin: 50px 0 0 0;
transition: margin 300ms;
}
#content { position: relative; z-index: 51; }
.hide { display: none !important;  }
.bgcolor {
background-color: #0e5878;
color: #FFF;
}

#body.jz-winter #content { margin: -200px 0 0 0; }
#body.jz-sommer #content { margin: -65px 0 0 0; }
#body.page-sommer.force_motive #content { margin: -65px 0 0 0; }
#body.page-winter.force_motive #content { margin: -200px 0 0 0; }

#body.jz-winter.winter_default #content { margin: -200px 0 0 0; }
#body.jz-sommer.sommer_default  #content{ margin: -65px 0 0 0; }
#body.page-sommer.force_motive.sommer_default #content { margin: -65px 0 0 0; }
#body.page-winter.force_motive.winter_default #content { margin: -200px 0 0 0; }

#body.jz-winter.winter_guests #content { margin: -200px 0 0 0; }
#body.jz-sommer.sommer_guests #content { margin: -200px 0 0 0; }
#body.page-sommer.force_motive.sommer_guests #content { margin: -200px 0 0 0; }
#body.page-winter.force_motive.winter_guests #content { margin: -200px 0 0 0; }

#body.jz-winter.winter_adler #content { margin: -60px 0 0 0; }
#body.jz-sommer.sommer_adler #content { margin: -60px 0 0 0; }
#body.page-sommer.force_motive.sommer_adler #content { margin: -60px 0 0 0; }
#body.page-winter.force_motive.winter_adler #content { margin: -60px 0 0 0; }
#body.motiv_overlay_plus20 #content { margin: -20% 0 0 0 !important; }
#body.motiv_overlay_plus15 #content { margin: -15% 0 0 0 !important; }
#body.motiv_overlay_plus10 #content { margin: -10% 0 0 0 !important; }
#body.nomotiv #content { margin: 0 0 0 0 !important; }
#body.nomotiv #content { margin: 0 0 0 0; }
body.header-state-extended #contentwrapper { transition: margin 500ms; margin: 100px 0 0 0; }
body.header-state-openmenu #contentwrapper { transition: margin 500ms; margin: 555px 0 0 0; }
body.header-state-openmenu.header-state-extended #contentwrapper { transition: margin 500ms; margin: 590px 0 0 0; }
.TraminoVorlage { 
margin: 50px 0;
position: relative;
z-index: 1;
}
#body.relaunch2023 .TraminoVorlage { z-index: 2; }
#body.relaunch2023 .TraminoVorlage.in_background { z-index: 1; }
.TraminoVorlage.hide_block { display: none; }
.textile ul li {
margin: 0px 0px 10px 0px;	
}
#TraminoForm .form_page_footer .progressbar .dot { border-color: #0e5878 !important; }
#TraminoForm .form_page_footer .progressbar .dot.active { background-color: #0e5878 !important; }

select.mountainsfilter {
display: block;
float: right;
border: 1px solid #0e5878;
border-radius: 3px;
padding: 5px 30px 5px 10px;
margin-left: 10px;
cursor: pointer;
color: #0e5878;
background-image: url(https://storage.tramino.net/ok-bergbahnen/800801/filter-select.png);
background-repeat: no-repeat;
background-position: top 50% right 10px;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none; 
}
select.typenfilter {
display: block;
border: 1px solid #0e5878;
border-radius: 3px;
padding: 5px 30px 5px 10px;
cursor: pointer;
color: #0e5878;
background-image: url(https://storage.tramino.net/ok-bergbahnen/800801/filter-select.png);
background-repeat: no-repeat;
background-position: top 50% right 10px;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none; 
}

#body.relaunch2023 .gridelementwrapper:not(.standalone) {
position: relative;
background-color: var(--background,#C2D2DD);
}
#body.relaunch2023 .gridelementwrapper.skew-both:before, #body.relaunch2023 .gridelementwrapper.skew-top:before {
content: "";
position: absolute;
top: calc( var(--skew-height) * -1 );
left: 0;
z-index: 0;
width: 100%;
height: var(--skew-height);;
background-color: var(--background,#C2D2DD);
border-bottom: 1px solid var(--background, #C2D2DD);
z-index: 0;
clip-path: polygon(0% 100%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);
}
#body.relaunch2023 .gridelementwrapper.skew-both .gridwrapper, #body.relaunch2023  .gridelementwrapper.skew-bottom .gridwrapper {
margin-bottom: var(--skew-height);
}
#body.relaunch2023 .gridelementwrapper.skew-both:after, #body.relaunch2023 .gridelementwrapper.skew-bottom:after {
display: block;
content: "";
position: absolute;
bottom: calc( var(--skew-height) * -1 );
left: 0;
z-index: 0;
width: 100%;
height: var(--skew-height);
background-color: var(--background,#C2D2DD);
z-index: 0;
clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%, 0% 100%);
border-top: 1px solid var(--background, #C2D2DD);
}
#body.relaunch2023 .gridelementwrapper.bg_color .gridwrapper {
padding: 0.5rem 0;
}
.gridelement {
opacity: 0;
transition: opacity 100ms;
}
.gridwrapper { 
background-image: url(https://storage.tramino.net/ok-bergbahnen/827968/spinner.svg);
background-repeat: no-repeat;
background-position: top 30px center;
background-size: 120px auto;
}
.gridwrapper.grid-init {
background-image: none;
}
.gridwrapper.grid-init .gridelement {
opacity: 1;
transition: opacity 300ms;
}

.date-element {
position: absolute;
top: 25px;
left: 20px;
width: 70px;
height: 70px;
background-color: #FFF;
color: #0e5878;
font-size: 30px;
line-height: 1;
text-align: center;
border: 2px solid #0e5878;
}
.date-element .day { padding-top: 4px; }
.date-element .month {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #0e5878;
color: #FFF;
font-size: 13px;
padding: 3px 0;
}

.slick-prev { left: -15px; }
.slick-next { right: -15px; }
.slick-arrow {
background-color: transparent;
z-index: 10000;
}
.slick-arrow:before {
font-size: 40px !important;
color: #0D5878 !important;
opacity: 0.6 !important
}
.slick-arrow:hover {
opacity: 1 !important;
border-width: 0px !important;
}
.slick-arrow:hover:before {
opacity: 1 !important;
}
.slick-dots li button:before { color: #0D5878 }
.slick-dots li.slick-active button:before { color: #0D5878 }

.Rubrik_105501 .cart .details > div:nth-child(2) { display: none; } 
.blanco #okb-cart {
top: 0px !important;
position: fixed !important;
}
.blanco #cart-sum {
font-size: 18px !important;
line-height: 25px !important;
}
.blanco #TraminoInhalt {
background-color: #fff !important;	
}
#body.hasTouchEvents .fancybox-nav span { visibility: visible; }
#cookie_overlay .inner .button a {
background-color: transparent !important;
color: #FFF !important;
}
#body #onlim-chat-widget-trigger {
z-index: 9997 !important;
}
#body #onlim-chat-widget-unread{
z-index: 9997 !important;
}
#body .privacyinfo {
color: #0e5878;
text-decoration: none;
opacity: 0.9;
font-style: italic;
font-size: 0.8em;
}
#body.relaunch2023 #content { position: relative; z-index: 52; }
#body.relaunch2023 .toskew { transform: skewY(-12deg); }
#body.relaunch2023 .T5559 .T5277.layout_inside .element, #body.relaunch2023 .T5559 .T5277.layout_inside .element img {
border-radius: 0rem;
}
#body.relaunch2023 .T5559 .T5277.layout_inside .metateaser-content {
position: absolute;
top: auto;
bottom: 2rem;
left: 0.5rem;
max-width: calc(100% - 0.5rem - 0.5rem); 
transform: translateY(0) skewY(-12deg);
line-height: 0.3;
}
#body.relaunch2023 .T5559 .T5277.layout_inside .metateaser-content .teaser-name {
background-color: #0E5878;
color: #FFF;
text-transform: uppercase;
font-size: 0.75em;
padding-right: 0.5rem;
padding-left: 0.5rem;
}	
@media (min-width: 768px) {
#body.relaunch2023 .T5559 .T5277.layout_inside .metateaser-content {
position: absolute;
top: auto;
bottom: 3rem;
left: 1.5rem;
max-width: calc(100% - 1.5rem - 1rem); 
transform: translateY(0) skewY(-12deg);
}
#body.relaunch2023 .T5559 .T5277.layout_inside .metateaser-content .teaser-name {
font-size: 1.05em;
}
}
@media (min-width: 1024px) {
#body.relaunch2023 .T5559 .T5277.layout_inside .metateaser-content .teaser-name {
font-size: 1.2em;
}
}
@media (min-width: 1280px) {
#body.relaunch2023 .T5559 .T5277.layout_inside .metateaser-content .teaser-name {
font-size: 1.3em;
}
}
#body.relaunch2023 .T5559 .headline {
font-size: 2rem;
text-transform: uppercase;
text-align: center;
margin-bottom: 0;
font-style: italic;
font-family: "WF-029714-010117-000025" !important;
}
#body.relaunch2023 .T5559 .intro {
font-size: 1.5rem;
text-transform: uppercase;
text-align: center;
margin-bottom: 2.5rem;
font-style: italic;
}
#body.relaunch2023 .T5559 .T5277.layout_below .element  { text-align: center; }
#body.relaunch2023 .T5559 .T5277.layout_below .element .teaser-name {
padding: 0.5em 0.8em;
border-radius: 1em;
background: #0e5878;
color: #FFF;
display: inline-block;
}@media all and (min-width: 1280px) and (max-width: 1700px) {
#body .maxwidth { width: 1200px; margin-left: auto; margin-right: auto; }
#body .maxwidthsmall { width: 900px; margin-left: auto; margin-right: auto; }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
#body .maxwidth { width: 980px; }
#body .maxwidthsmall { width: 900px; }
#body .background-wrapper { width: auto; }
#body .wrapper-padding { padding: 12px 18px; }
#contentwrapper { margin: 40px 0 0 0; }
body.header-state-extended #contentwrapper { margin: 90px 0 0 0; }
body.header-state-openmenu #contentwrapper { margin: 510px 0 0 0; }
body.header-state-openmenu.header-state-extended #contentwrapper { margin: 570px 0 0 0; }

#body.jz-winter #content { margin: -170px 0 0 0; }
#body.jz-sommer #content { margin: -50px 0 0 0; }
#body.page-sommer.force_motive #content { margin: -50px 0 0 0; }
#body.page-winter.force_motive #content { margin: -170px 0 0 0; }

#body.jz-winter.winter_default #content { margin: -170px 0 0 0; }
#body.jz-sommer.sommer_default  #content{ margin: -50px 0 0 0; }
#body.page-sommer.force_motive.sommer_default #content { margin: -50px 0 0 0; }
#body.page-winter.force_motive.winter_default #content { margin: -170px 0 0 0; }

#body.jz-winter.winter_guests #content { margin: -170px 0 0 0; }
#body.jz-sommer.sommer_guests #content { margin: -170px 0 0 0; }
#body.page-sommer.force_motive.sommer_guests #content { margin: -170px 0 0 0; }
#body.page-winter.force_motive.winter_guests #content { margin: -170px 0 0 0; }

#body.jz-winter.winter_adler #content { margin: -50px 0 0 0; }
#body.jz-sommer.sommer_adler #content { margin: -50px 0 0 0; }
#body.page-sommer.force_motive.sommer_adler #content { margin: -50px 0 0 0; }
#body.page-winter.force_motive.winter_adler #content { margin: -50px 0 0 0; }
#body.motiv_overlay_plus20 #content { margin: -18% 0 0 0 !important; }
#body.motiv_overlay_plus15 #content { margin: -13% 0 0 0 !important; }
#body.motiv_overlay_plus10 #content { margin: -8% 0 0 0 !important; }
#body.nomotiv #content { margin: 0 0 0 0 !important; }
#body .textstyle { font-size: 15px; line-height: 1.45; }
#body .font-size50 { font-size: 45px; margin-bottom: 22px; }
#body .font-size40 { font-size: 35px; margin-bottom: 18px; }
#body .font-size30 { font-size: 25px; margin-bottom: 15px; }
#body .font-size20 { font-size: 21px; margin-bottom: 12px; }
#body .font-size20_2 { font-size: 19px; margin-bottom: 10px; }
#body .font-size17 { font-size: 16px; margin-bottom: 19px; }
#body .textstyle h3, #body .textstyle .h3  { font-size: 19px; }
#body .textstyle table { margin: 0 0 18px 0; }
#body .textstyle table td, #body .textstyle table th { padding: 3px 8px; }
#body .btn-light {
padding: 4px 8px;
font-size: 13px;
margin: 0 4px 0 0;
}
#body .btn-light.m-b { margin-bottom: 4px; }
#body .btn.cta { font-size: 17px; padding: 9px 14px; }
.TraminoVorlage { margin: 40px 0; }
.date-element {
top: 25px;
left: 20px;
width: 65px;
height: 65px;
font-size: 29px;
}
.date-element .day { padding-top: 3px; }
.date-element .month {
font-size: 12px;
padding: 2px 0;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
body { -webkit-text-size-adjust: 100%; }
body.header-state-openmenu { overflow: hidden; }
body.header-state-openmenu #page { position: fixed; top: 0; left: 0; right: 0; }
#body .maxwidth { width: auto; margin-left: var(--maxwidth_margin); margin-right: var(--maxwidth_margin); }
#body .maxwidthsmall { width: auto; margin-left: 30px; margin-right: 30px; }
#body .background-wrapper { width: auto; }
#body .wrapper-padding { padding: 10px 15px; }

#body.jz-winter #content { margin: -120px 0 0 0; }
#body.jz-sommer #content { margin: -35px 0 0 0; }
#body.page-sommer.force_motive #content { margin: -35px 0 0 0; }
#body.page-winter.force_motive #content { margin: -120px 0 0 0; }

#body.jz-winter.winter_default #content { margin: -120px 0 0 0; }
#body.jz-sommer.sommer_default  #content{ margin: -35px 0 0 0; }
#body.page-sommer.force_motive.sommer_default #content { margin: -35px 0 0 0; }
#body.page-winter.force_motive.winter_default #content { margin: -120px 0 0 0; }

#body.jz-winter.winter_guests #content { margin: -120px 0 0 0; }
#body.jz-sommer.sommer_guests #content { margin: -120px 0 0 0; }
#body.page-sommer.force_motive.sommer_guests #content { margin: -120px 0 0 0; }
#body.page-winter.force_motive.winter_guests #content { margin: -120px 0 0 0; }

#body.jz-winter.winter_adler #content { margin: -40px 0 0 0; }
#body.jz-sommer.sommer_adler #content { margin: -40px 0 0 0; }
#body.page-sommer.force_motive.sommer_adler #content { margin: -40px 0 0 0; }
#body.page-winter.force_motive.winter_adler #content { margin: -40px 0 0 0; }
#body.motiv_overlay_plus20 #content { margin: -16% 0 0 0 !important; }
#body.motiv_overlay_plus15 #content { margin: -11% 0 0 0 !important; }
#body.motiv_overlay_plus10 #content { margin: -6% 0 0 0 !important; }
#body.nomotiv #content { margin: 0 0 0 0 !important; }
#body .textstyle { font-size: 14px; line-height: 1.40; }
#body .font-size50 { font-size: 40px; margin-bottom: 20px; }
#body .font-size40 { font-size: 30px; margin-bottom: 16px; }
#body .font-size30 { font-size: 20px; margin-bottom: 13px; }
#body .font-size20 { font-size: 19px; margin-bottom: 10px; }
#body .font-size20_2 { font-size: 17px; margin-bottom: 9px; }
#body .font-size17 { font-size: 15px; margin-bottom: 8px }
#body .textstyle h3, #body .textstyle .h3  { font-size: 18px; }
#body .textstyle table { margin: 0 0 15px 0; }
#body .textstyle table td, #body .textstyle table th { padding: 3px 6px; }
#body .btn-light {
padding: 3px 6px;
font-size: 12px;
margin: 0 3px 0 0;
}
#body .btn-light.m-b { margin-bottom: 3px; }
#body .btn.cta { font-size: 16px; padding: 6px 13px; }
.TraminoVorlage { margin: 30px 0; }
.date-element {
top: 15px;
left: 15px;
width: 60px;
height: 60px;
font-size: 25px;
}
.date-element .day { padding-top: 3px; }
.date-element .month {
font-size: 11px;
padding: 2px 0;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
body { -webkit-text-size-adjust: 100%; }
body.header-state-openmenu { overflow: hidden; }
body.header-state-openmenu #page { position: fixed; top: 0; left: 0; right: 0; }
#body .maxwidth { width: auto; margin-left: var(--maxwidth_margin); margin-right: var(--maxwidth_margin); }
#body .maxwidthsmall { width: auto; margin-left: 20px; margin-right: 20px;}
#body .background-wrapper { width: auto; }
#body .wrapper-padding { padding: 8px 12px; }
#body.jz-winter #content { margin: 0 !important; }
#body.jz-sommer #content { margin: 0 !important; }
#body.page-sommer.force_motive #content { margin: 0 !important;  }
#body.page-winter.force_motive #content { margin: 0 !important;  }
#body.motiv_overlay_plus20 #content { margin: -14% 0 0 0 !important; }
#body.motiv_overlay_plus15 #content { margin: -9% 0 0 0 !important; }
#body.motiv_overlay_plus10 #content { margin: -4% 0 0 0 !important; }
#body.nomotiv #content { margin: 0 0 0 0 !important; }
#body .textstyle { font-size: 13px; line-height: 1.40; }
#body .font-size50 { font-size: 35px;  margin-bottom: 18px; }
#body .font-size40 { font-size: 25px;  margin-bottom: 14px; }
#body .font-size30 { font-size: 19px;  margin-bottom: 12px; }
#body .font-size20 { font-size: 17px;  margin-bottom: 10px; }
#body .font-size20_2 { font-size: 16px;  margin-bottom: 9px; }
#body .font-size17 { font-size: 14px;  margin-bottom: 8px; }
#body .textstyle h3, #body .textstyle .h3  { font-size: 17px; }
#body .textstyle table { margin: 0 0 12px 0; }
#body .textstyle table td, #body .textstyle table th { padding: 2px 3px; }
#body .btn-light {
padding: 3px 6px;
font-size: 12px;
margin: 0 3px 0 0;
}
#body .btn-light.m-b { margin-bottom: 3px; }
#body .btn.cta { font-size: 15px; padding: 5px 12px; }
#body .textstyle table {
width: 100%;
height: auto;
overflow: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.TraminoVorlage { margin: 20px 0; }
.date-element {
top: 15px;
left: 15px;
width: 60px;
height: 60px;
font-size: 25px;
}
.date-element .day { padding-top: 3px; }
.date-element .month {
font-size: 11px;
padding: 2px 0;
}
}
@media all and (max-width: 567px) {
html { font-size: 16px; }
body { -webkit-text-size-adjust: 100%; }
body.header-state-openmenu { overflow: hidden; }
body.header-state-openmenu #page { position: fixed; top: 0; left: 0; right: 0; }
#body .maxwidth { width: auto; margin-left: var(--maxwidth_margin); margin-right: var(--maxwidth_margin); }
#body .maxwidthsmall { width: auto; margin-left: 15px; margin-right: 15px; }
#body .background-wrapper { width: auto; }
#body .wrapper-padding { padding: 5px 10px; }
#body .maxwidth.wrapper-padding { padding-left: 0; padding-right: 0; }
#body .maxwidth_break_mobile { width: auto; margin: 0; }
#contentwrapper { margin: 84px 0 0 0; }
#body.jz-winter #content { margin: 0 !important; }
#body.jz-sommer #content { margin: 0 !important; }
#body.page-sommer.force_motive #content { margin: 0 !important;  }
#body.page-winter.force_motive #content { margin: 0 !important;  }
#body.motiv_overlay_plus20 #content { margin: 0 0 0 0 !important; }
#body.motiv_overlay_plus15 #content { margin: 0 0 0 0 !important; }
#body.motiv_overlay_plus10 #content { margin: 0 0 0 0 !important; }
#body.nomotiv #content { margin: 0 0 0 0 !important; }
#body .textstyle { font-size: 12px; line-height: 1.40; }
#body .font-size50 { font-size: 30px; margin-bottom: 16px;  }
#body .font-size40 { font-size: 20px; margin-bottom: 14px;  }
#body .font-size30 { font-size: 16px; margin-bottom: 12px;  }
#body .font-size20 { font-size: 15px; margin-bottom: 10px;  }
#body .font-size20_2 { font-size: 14px; margin-bottom: 9px;  }
#body .font-size17 { font-size: 13px; margin-bottom: 8px;  }
#body .textstyle h3, #body .textstyle .h3  { font-size: 15px; }
#body .textstyle table { margin: 0 0 10px 0; }
#body .textstyle table td, #body .textstyle table th { padding: 2px 3px; }

#body .textstyle .scrolltable table {
border-collapse: collapse;
overflow-x: auto;
display: block;
width: fit-content;
}
#body .btn-light {
padding: 3px 6px;
font-size: 12px;
margin: 0 3px 0 0;
}
#body .btn-light.m-b { margin-bottom: 3px; }
#body .btn.cta { font-size: 15px; padding: 5px 12px; }
#body .textstyle table {
width: 100%;
height: auto;
overflow: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.TraminoVorlage { margin: 15px 0; }
.date-element {
top: 15px;
left: 15px;
width: 60px;
height: 60px;
font-size: 25px;
}
.date-element .day { padding-top: 3px; }
.date-element .month {
font-size: 11px;
padding: 2px 0;
}
}
:root {
--maxwidth_margin: 0.75rem;
}
@media all and (min-width: 380px) {
:root {
--maxwidth_margin: 0.9rem;
}
}
@media (min-width: 567px) {
html { font-size: 14px; }
}
@media (min-width: 768px) {
:root {
--maxwidth_margin: 1rem;
}
html { font-size: 15px; }
}
@media (min-width: 1024px) {
:root {
--maxwidth_margin: 1.5rem;
}
html { font-size: 16px; }
}
@media (min-width: 1280px) {
:root {
--maxwidth_margin: calc( ( 100% - 980px ) / 2 );
}
}
@media (min-width: 1280px) {
:root {
--maxwidth_margin: calc( ( 100% - 1200px ) / 2 );
}
}

#body .btn:not(.component), #body .button, input[type=submit] {
color: #FFF;border: 1px solid #0e5878;background-color: #0e5878;text-decoration: none;border-radius: 3px;padding: 5px 10px;font-size: 14px;display: inline-block;margin: 0 5px 0 0;cursor: pointer;}
#body .btn:not(.component):hover, #body .button:hover, input[type=submit] { background-color: rgba(14, 88, 120,0.9); color: #FFF  }

#body .btn-light:not(.component) {
color: #0e5878;border: 1px solid #0e5878;background-color: #FFF;}
#body .btn-light:hover { background-color: rgba(255, 255, 255,0.9);  }
#body .btn-light.active {
color: #FFF;background-color: #0e5878;}

#body .btn.btn-blue {
color: #005474;border: 1px solid #abc1d1;background-color: #abc1d1;}
#body .btn.btn-blue:hover { background-color: rgba(171,193,209,0.7); }

#body .btn.btn-green {
color: #0e5878;border: 1px solid #d6dc23;background-color: #d6dc23;}
#body .btn.btn-green:hover { background-color: rgba(214, 220, 35,0.8);  }

#body .btn-green-light {
color: #d6dc23;border: 1px solid #d6dc23;background-color: #FFF;}
#body .btn-green-light:hover { background-color: rgba(255, 255, 255,0.9);  }
#body .btn-light.m-b { margin-bottom: 5px; }
#body .btn-light.transparent { background-color: transparent; }
#body .btn.cta { font-size: 18px; padding: 10px 15px; }
#body .btn span, #body .btn-header span  { display: flex; align-items:center }
#body .btn i, #body .btn-header i  { margin-right: 0.2rem; }.inputdiv { position: relative; width: 150px; float: left; }
.inputdiv input { border: 1px solid #000; width: 150px; font-size: 16px; padding: 5px 3px; }
.inputdiv i { position: absolute; top: 50%; right: 10px; transform: translate(0,-50%); color: #000; font-size: 15px; line-height: 1; }
.inputdiv-light input { border-color: #0e5878; color: #0e5878; }
body .jquery-ui.ui-datepicker .ui-widget-header { color: #0e5878; }
body .jquery-ui.ui-datepicker a.ui-state-active, body .jquery-ui.ui-datepicker .ui-widget-content a.ui-state-active, body .jquery-ui.ui-datepicker .ui-widget-header a.ui-state-active, body .jquery-ui.ui-datepicker a.ui-button:active, body .jquery-ui.ui-datepicker a.ui-button:active, body .jquery-ui.ui-datepicker a.ui-button.ui-state-active:hover {
background-color: #0e5878 !important;
border-color: #0e5878 !important;
color: #FFF !important;
}
body .jquery-ui.ui-datepicker a.ui-state-highlight, body .jquery-ui.ui-datepicker .ui-widget-content a.ui-state-highlight, body .jquery-ui.ui-datepicker .ui-widget-header a.ui-state-highlight {
background-color: #E5EEF5 !important;
border-color: #E5EEF5 !important;
color: #0e5878 !important;
}.T28 {
margin-right: 0px !important;
}
.T28 .intro {
margin: 19px 0px;
}
.T28 .spalte {
width: 30%;
height: 260px;
overflow: hidden;
margin: 0px 20px 20px 0px;
position: relative;
cursor: pointer;
float: left;
}
.T28 .spalte.big {
height:325px;
}
.T28 .spalte .geoinfo {
float:left;
padding:5px 5px 5px 0;
}
.T28 div.Bild {
height: 100px;
overflow: hidden;
}
.T28 div.photo_data {
overflow: hidden;
}
.T28 div.photo_data img {
display:block;
position:absolute;
top:0px;
left:0px;
}
.T28 h5 {
margin: 5px 0px 5px 0px;
text-transform: uppercase;
font-size: 11px;
}
.T28 h5 a {
border: 0px !important;
}
.T28 h3 {
margin: 8px 0px 5px 0px;
font-size: 17px;
}
.T28 h3 span.created {
font-size: 14px;
color:#999;
}
.T28 p {
font-size: 13px;
line-height: 16px;
}
.T28 b.diff_leicht {
background:#060;color:#fff;padding:2px;
}
.T28 b.diff_mittel {
background:#990;color:#fff;padding:2px;
}
.T28 b.diff_schwer {
background:#600;color:#fff;padding:2px;
}
.T28 b.diff_leicht.diffcolor_brs {
background:#009;color:#fff;padding:2px;
}
.T28 b.diff_mittel.diffcolor_brs {
background:#900;color:#fff;padding:2px;
}
.T28 b.diff_schwer.diffcolor_brs {
background:#000;color:#fff;padding:2px;
}
.T28 b.diff_leicht.diffcolor_grb {
background:#ff0;color:#000;padding:2px;
}
.T28 b.diff_mittel.diffcolor_grb {
background:#900;color:#fff;padding:2px;
}
.T28 b.diff_schwer.diffcolor_grb {
background:#009;color:#fff;padding:2px;
}
.T28 .likes {
margin: 5px 0px 0px 0px;
font-size: 12px;
color: #999;
}.S211 div.Bild {
height: 320px;
}
.S211 .spalte {
height: 450px;
}.T330 .infotext {
text-align: center;}table.data {
border: 1px solid #999;
border-collapse: collapse;
color: #999;
font-size: 14px;
padding: 2px 3px;
text-align: left;
margin: 15px 15px 0 0;
}
table.data .tbody {
display: table-row-group;
}
table.data th { padding: 4px 6px; }
table.data td { padding: 4px 6px; }
table.data td.leicht { background:#060;color:#fff;}
table.data td.mittel { background:#990;color:#fff;}
table.data td.schwer { background:#600;color:#fff;}
table.data td.leicht.diffcolor_brs {
background:#009;color:#fff;padding:2px;
}
table.data td.mittel.diffcolor_brs {
background:#900;color:#fff;padding:2px;
}
table.data td.schwer.diffcolor_brs {
background:#000;color:#fff;padding:2px;
}
table.data td.leicht.diffcolor_grb {
background:#ff0;color:#000;padding:2px;
}
table.data td.mittel.diffcolor_grb {
background:#900;color:#fff;padding:2px;
}
table.data td.schwer.diffcolor_grb {
background:#009;color:#fff;padding:2px;
}
.T501 #geodatamap_container_wrapper {
width: 100% !important;
height: 32vw !important;
}
.T501 #geodatamap_container {
width: 100% !important;
height: 100% !important;
}
.T501 #map_canvas {
width: 100% !important;
height: 100% !important;
}
.T501 .warning {
color: #999;
margin: 10px 0px;
text-align: center;
}
.T501 .hoehenprofil {
width: 300px;
padding:15px 15px 0 0;
float:left;
margin-right: 40px;
}
.T501 .toureninfo {
margin: 0 20px 0 0;
float: left;
}
.T501 .toureninfo:after { display: block; content: ""; clear: left; }
.T501 .toureninfo .info {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #CCC;
}
.T501 .toureninfo .info .head {
font-size: 12px;
display: block;
text-transform: uppercase;
}
.T501 .toureninfo .info .text {
font-size: 20px;
}
.T501 .downlaod {
width: 165px;
padding:0;
float:right;
}
@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) {
.T501 #geodatamap_container_wrapper {
height: 50vw !important;
}
.T501 .hoehenprofil {
width: 280px !important;
}
.T501 .hoehenprofil > div {
width: 100% !important;
}
.T501 .hoehenprofil > div img {
width: 100% !important;
height: auto !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; 
}
}.toureninfo {}
.toureninfo .col { width: 280px; float: left; }
.T1138 .info { background-color: #f3f3f3; padding: 10px 15px; color: #444; font-size: 12px; line-height: 15px; margin: 0px 10px 10px 0px; }
.T1138 .toureninfo_short .info {
display: inline-block;
}
.T1138 .info h3 { margin: 0px 0px 5px 0px; color: #aaa; font-size: 11px; text-transform: uppercase; }.T1452 .teilnehmer .memo {
position: relative;margin: 0px 20px 20px 0px;color: #666;border: 1px solid #ccc;padding: 10px 5px 10px 15px;}
.T1452 .memofile { display: none }
.T1452 .teilnehmer .memo h3 { color: #000; margin: 5px 0px; font-size: 20px; }
.T1452 .teilnehmer .memo h1 { color: #000; margin: 10px 0px; font-size: 30px; }
.T1452 .teilnehmer .memo .autor { margin: 10px 0px; }
.T1452 .teilnehmer .memo .text { font-size: 13px; line-height: 16px; }
.T1452 .teilnehmer .memo .text.big { font-size: 15px; line-height: 18px; margin: 15px 0px; }
.T1452 .teilnehmer .memo .files .Bild { float: left; margin: 0px 8px 8px 0px; }
.T1452 .teilnehmer .memo .share { position: absolute; top: 8px; right: 10px; }
.T1452 .teilnehmer .memo .share a { font-size: 10px; background-color: #aaa; color: #fff; padding: 3px 10px; text-transform: uppercase; }
.T1452 .teilnehmer .memo .like { margin: 5px 0px; }
.T1452 .teilnehmer .memo .like a { color: #393 !important; text-decoration: none }
.T1452 .teilnehmer .memo .likes {
margin: 10px 20px 0px 0px;float: left;font-size: 25px;}.T1951 .memo {
position: relative;margin: 0 0 20px 0;color: #666;border: 1px solid #ccc;padding: 10px 5px;}
.T1951 .memo h3 { color: #000; margin: 5px 0px; font-size: 20px; }
.T1951 .memo .files .Bild { float: left; margin: 0px 8px 8px 0px; }
.T1951 .memo .autor {
font-size: 12px;color: #444;}
.T1951 .memo .text {
font-size: 14px;line-height: 16px;color: #444;margin-bottom: 15px;padding-bottom: 15px;}
.T1951 .mehr {
float: right;font-weight: 200;display: inline-block;background-color: #3399CC;color: #FFF;width: auto;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding: 5px 15px !important;cursor: pointer;font-size: 12px;margin: 0 0 5px 0;}
.T1951 .mehr:hover {
background-color: #0075A0;}.T2066 .maxwidthsmall {
background-color: #fff;
padding: 30px;
}
.T2066 #addEvent { position: relative; top: -200px; }
.T2066 h2 {
margin-bottom: 30px;
}
.T2066 .kontakt {
margin-right: -20px;
}
.T2066 .kontakt .col {
float: left;
width: 50%;
padding-right: 20px;
}
.T2066 .createWidget  {
margin-bottom: 10px;
}
.T2066 .createWidget > label {
display: block;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 3px;
}
.T2066 textarea { box-sizing: border-box; }
.T2066 .content > label {
margin: 0px 20px 5px 0px;
white-space: nowrap;
}
.T2066 .notify {
background-color: #aaa;
color: white;
padding: 8px 10px;
font-weight: bold;
margin: 8px 0px;
border-radius: 10px;
}
.T2066 .notify.ok {
background-color: green;
}
.T2066 .notify.error {
background-color: red;
}
.T2066 input[type=submit] {
border: 0px solid #fff;	
}
@media all and (max-width: 767px) {
.T2066 .editor { width: 100%; overflow-x: scroll;  }
.T2066 .AdresseWidget { width: 370px;  }
.T2066 .maxwidthsmall { padding: 20px; }
.T2066 .kontakt .col { float: none; width: auto; max-width: 400px; margin: 0px auto; }
}

.T2066 .rows input[type=text] { padding: 4px 8px; width: 100%; max-width: 400px; }
.T2066 .rows input[type="date" i] { padding: 4px 8px; }
.T2066 .rows input[type="time" i] { padding: 4px 8px; }
.T2066 .rows { display: table; margin: 20px 0px; width: 100%; padding: 10px 0px; border-spacing: 5px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.T2066 .rows .header { display: table-row; color: #666;  }
.T2066 .rows .row { display: table-row;  }
.T2066 .rows .col { display: table-cell; font-weight: bold; margin: 2px 0px; }
.T2066 .rows .col.event-status {padding-right: 15px; }
.T2066 .rows .col.event-status.request input { color: blue; text-align: center; }
.T2066 .rows .col span.button { display: inline-block; background-color: #666; color: #fff; border-radius: 50%; line-height: 1; padding: 4px 8px; text-align: center; cursor: pointer; }
.T2066 .rows .col span.button:hover { background-color: #333; }
.T2066 .rows .row.first .event-del { display: none; } 
.T2066 .rows .row .event-add { display: none; margin-right: 8px; margin-left:8px; }  
.T2066 .rows .row.last .event-add { display: block; }  
@media all and (max-width: 950px) {
.T2066 .rows { display: block;  }
.T2066 .rows .header { display: none;  }
.T2066 .rows .row { display: block; overflow: auto; margin-right: -5px;  }
.T2066 .rows .row:not(.last) { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px }
.T2066 .rows .col { display: block; float: left; padding-right: 5px !important; width: 100%; }
.T2066 .rows input { width: 100%; }
.T2066 .rows select { width: 100%;}
.T2066 .rows .col.event-status { width: 25%;  }
.T2066 .rows .col.event-name{ width: 75%; }
.T2066 .rows .col.event-date { width: 40%; }
.T2066 .rows .col.event-time { width: 30%; }
.T2066 .rows .col.event-end { width: 30%;  }
.T2066 .rows .col.event-location { width: 80%;  }
.T2066 .rows .col.event-del { width: 10%;  }
.T2066 .rows .col.event-add { width: 10%;  }
}
@media all and (min-width: 500px) and (max-width: 950px) {
.T2066 .rows .col.event-status { width: 20%;  }
.T2066 .rows .col.event-name{ width: 40%; }
.T2066 .rows .col.event-date { width: 20%; }
.T2066 .rows .col.event-time { width: 10%; }
.T2066 .rows .col.event-end { width: 10%;  }
.T2066 .rows .col.event-location { width: 90%;  }
.T2066 .rows .col.event-del { width: 5%;  }
.T2066 .rows .col.event-add { width: 5%;  }
}
.T2899 {
margin-top: 2rem;margin-bottom: 2rem;}
.T2899 h3 { margin-bottom: 0.9rem !important; }
.T2899 .text {
margin: 1rem 0px 1.2rem 0px;}
.T2899 .hide {
display: none;}
.T2899 .inner {
position: relative;}
.T2899 .privacy {
background-color: rgba(125,125,125,0.4);border-radius: 0.5rem;padding: 1.5rem 1rem;text-align: center;}
.T2899 .inner .zoom {
color: #fff;position: absolute;bottom: 100%;right: 0px;padding: 0.2rem 1rem .25rem 1rem;border-radius: 15px;margin-bottom: 0.7rem;line-height: 1;text-decoration: none;}
.T2899 .inner .zoom:hover {
transform: scale(1.1);}
.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;
}.T2929 .inner .helper { 
width: 100%;
max-width: 569px;
height: auto;
margin: 0px auto;
}
.T2929 .inner .grid { padding-bottom: 20px; }
.T2929 .inner .grid .leftcolumn { 
float: left;
width: 40%;
}
.T2929 .inner .grid .leftcolumn { text-align: center; }
.T2929 .inner .grid .leftcolumn img { margin-bottom: 20px; display: inline !important; }
.T2929 .inner .grid .rightcolumn { float: right; width: 60%; }
.T2929 .inner .grid .rightcolumn .submit {
margin-top: 10px;
color: #fff;
background-color: #0e5878;
width: 80%;
display: inline-block;
text-align: center;
border: 2px solid #0e5878;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding-top: 1px;
}
.T2929 .inner .grid .rightcolumn .submit a {
text-decoration: none;
color: #fff;
display: block;
font-size: 18px;
line-height: 18px;
padding: 10px 25px;
cursor: pointer;
font-weight: bold;
}
.T2929 .inner .grid .rightcolumn .submit:hover {
border-color: #0e5878;
background-color: #0e5878;
}@media all and (min-width: 1251px) and (max-width: 1600px) {
}
@media all and (min-width: 1000px) and (max-width: 1250px) {
}
@media all and (min-width: 768px) and (max-width: 999px) {
}
@media all and (max-width: 767px) {
.T2929 .inner .grid .leftcolumn { 
float: none;
width: 100%;
}
.T2929 .inner .grid .leftcolumn .skipass { margin-bottom: 20px; }
.T2929 .inner .grid .rightcolumn { float: none; width: 100%; }
}
.T3030 .headline {
text-align: center;
}
.T3030 h2 {
text-align: center;
}
.T3030 .wrapper {
margin-top: 30px;
}
.T3030 .wrapper .legende {
display: flex;
margin-top: 15px;
font-size: 14px;
}
.T3030 .wrapper .legende .status {
padding-right: 20px;
}
.T3030 .wrapper .legende span {
margin-right: 8px;
border-radius: 4px;
}.T3186 {
margin-top: 20px;width: 100%;}
.T3186 iframe {
border: 0px;background-color: #fff;}
.T3186 .info {
font-size: 11px;height: 17px;}
.T3186 .info .funktion {
float: right;margin-right: 20px;color: #aaa;}
.T3186 .info .funktion a { color: inherit; }@media all and (max-width: 567px) {
.T3186 iframe {
min-height: 250px;height: auto;margin-bottom: 20px;padding-bottom: 20px;}
}.T3488 {
background-color: #fff;
}
.T3488 .outer {
height: 300px;
padding: 20px 30px;
}
.T3488 .inner {
height: 100%;
width: 100%;
box-sizing: border-box;
background-image: url(https://tramino.s3.amazonaws.com/s/das-hoechste/611214/800.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin: 0px auto;
position: relative;
}
.T3488 .outer.winter .inner {
background-image: url(https://tramino.s3.amazonaws.com/s/das-hoechste/198185/800.jpg);
}
.T3488 .inner .shadow {
width: 100%;
height: 100%;
background-color: #3A3A3A;
opacity: 0.2;
}
.T3488 .outer.winter .inner .shadow { opacity: 0.4; }
.T3488 .inner a.button {
position: absolute;
bottom: 35px;
right: 30px;
font-size: 20px;
padding: 7px 18px;
max-width: 60%;
border: 2px solid #fff;
background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
-webkit-transition: visibility 0.4s, opacity 0.4s;
transition: visibility 0.4s, opacity 0.4s;
visibility: visible; opacity: 1;
}
.T3488 .inner a.button:hover {
color: #E5E5E5; border: 2px solid #E5E5E5;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3488 .inner a.button { font-size: 20px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3488 .inner a.button { font-size: 18px; }
.T3488 .outer { height: 280px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3488 .outer { height: 260px; }
.T3488 .inner { background-image: url(https://tramino.s3.amazonaws.com/s/das-hoechste/611214/640x400.jpg); }
.T3488 .inner a.button { 
font-size: 16px;
bottom: 20px;
right: 20px;
}
}
@media all and (max-width: 567px) {
.T3488 .outer { height: 170px; }
.T3488 .inner { background-image: url(https://tramino.s3.amazonaws.com/s/das-hoechste/611214/300.jpg); }
.T3488 .outer.winter .inner { background-image: url(https://tramino.s3.amazonaws.com/s/das-hoechste/198185/400.jpg); }
.T3488 .inner a.button {
font-size: 14px;
bottom: 15px;
left: 10px;
right: 10px;
}
}header#page_header17 { 
position: fixed;top: -50px;left: 0;right: 0;background-color: #0e5878;color: #FFF;z-index: 100;transition: top 500ms; 
user-select: none;-webkit-user-select: none;-moz-user-select: none;  
-ms-user-select: none; 
--button-top: 0.5rem;--button-height: 27px;}
.blanco header#page_header17 { position: sticky; }
header#page_header17 .headerwrapper { position: relative; }

body.header-state-extended header#page_header17 { top: 0; transition: top 500ms; }
header#page_header17 a { color: #FFF; text-decoration: none; }
header#page_header17 .btn-header {
display: inline-block;border: 1px solid #FFF;border: 1px solid rgba(255,255,255,0.3);border-radius: 3px;padding: 5px 10px;font-size: 15px;height: 34px;cursor: pointer;color: #FFF;}
header#page_header17 .btn-flex {
display: flex !important;justify-content: center;align-items: center;}
header#page_header17 .btn-flex span.flex {
display: flex !important;align-items: center;}
header#page_header17 .btn-flex span.flex i {
margin-right: 0.2rem;}
header#page_header17 .btn-header.hightlight {
background-color: rgba(255,255,255,0.2);border-color: rgba(255,255,255,0.2);}
header#page_header17 .btn-header.hightlight-green {
background-color: #d5d400;border-color: #d5d400;color: #0e5878;}
header#page_header17 .btn-header.btn-small {
font-size: 12px;}
header#page_header17 .btn-header.hightlight-green a { color: #0e5878 !important; }
#body .btn.btn-header.forceboder {
border: 1px solid #FFF !important;border: 1px solid rgba(255,255,255,0.3) !important;}
#body header#page_header17 .btn-header.btn-block {
display: block;}
#body header#page_header17 .btn-header.btn-hide { display: none !important; }
#body header#page_header17 .btn-header.btn-openright {
border-right-width: 0px; 
border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
#body header#page_header17 .btn-header.btn-openleft {
border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
header#page_header17 .btn-header.btn-pulldown.btn-pulldown-open { 
border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;background-color: #FFF;}
header#page_header17 .btn-header.btn-pulldown .pulldown {
position: absolute;top: 33px;right: -1px;z-index: 5;width: 170px;background-color: #FFF;color: #0E5878;display: none;padding: 20px 0;box-shadow: 0px 10px 10px rgba(0,0,0,0.1);}
header#page_header17 .btn-header.btn-pulldown.btn-pulldown-open .pulldown { display: block; }
header#page_header17 .btn-header.btn-icon {
position: relative;display: inline-block;width: 30px;border-radius: 3px;}
header#page_header17 .btn-header.btn-icon i {
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 17px;}
header#page_header17 .btn-header.btn-icon.btn-no_pos i { position: static; top: auto; left: auto; transform: translate(0,0);  }
header#page_header17 .top { height: 50px; position: relative; }
header#page_header17 .top .headerlogo { font-size: 17px; }
header#page_header17 .top .headerlogo:after { display: block; content: ""; clear: left; }
header#page_header17 .top .smalllogo {
width: 89px;height: 37px;float: left;background-repeat: no-repeat;background-position: center center;background-image: url(https://storage.tramino.net/ok-bergbahnen/798607/header-top-logo.png);
margin: 0 31px 0 0;margin-top: 10px;}
header#page_header17 .top .slogan {
float: left;margin: 21px 0 0 0;}
header#page_header17 .bottom { height: 50px; padding-top: 8px; }
header#page_header17 .bottom:after { display: block; content: ""; clear: both; }
header#page_header17 a.menu { 
font-size: 14px;margin: 0 30px 0 0;float: left;}
header#page_header17 a.menu.withhhome {
border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
header#page_header17 a.menu:after { display: block; content: ""; clear: left; }
header#page_header17 a.menu .label { float: left; padding-top: 2px; }
header#page_header17 a.home { 
display: none !important;}
html[lang=en] header#page_header17 a.fake-lang { 
margin: 0 20px 0 0;float: left;}
header#page_header17 .rightbox { float: right; display: flex; }
header#page_header17 .rightbox > div { margin-left: 5px; }
header#page_header17 .rightbox > a { margin-left: 5px; }
header#page_header17 .shop {

overflow: hidden;margin-left: 0 !important;}
header#page_header17 .jobs {
max-width: 48px;overflow: hidden;}
header#page_header17 .search {
max-width: 40px;width: auto;overflow: hidden;position: relative;}
header#page_header17 .search.open {
background-color: #FFF;color: #0e5878;max-width: 500px;transition: max-width 500ms;padding-left: 30px;}
header#page_header17 .search i {
position: absolute;top: 50%;left: 10px;transform: translate(0,-50%);font-size: 20px;}
header#page_header17 .search input[type=text] {
color: #0e5878;font-size: 15px;background-color: transparent;border-width: 0px;width: 150px;}
header#page_header17 .club {
font-size: 12px !important;}
header#page_header17 .club.btn-pulldown-open .img{
background-image: url(https://storage.tramino.net/ok-bergbahnen/807089/mmclogobluepng.png);background-image: url(https://storage.tramino.net/ok-bergbahnen/807090/mmclogobluesvg.svg);}
header#page_header17 .club ul {
margin: 0;padding: 0;list-style-type: none;}
header#page_header17 .club ul li {
border-bottom: 1px dashed #0E5878;margin: 0 0 5px 0;padding: 3px 15px 3px 20px;}
header#page_header17 .club ul li:last-child { border-width: 0px; }
header#page_header17 .club ul li:hover {
background-color: #0E5878;color: #FFF;}
header#page_header17 .club ul li a {
color: #0E5878;font-size: 15px;}
header#page_header17 .club ul li:hover a { color: #FFF; }
header#page_header17 .club a i {
margin: 0 5px 0 0;}
header#page_header17 .club .notify { 
position: absolute;top: -4px;right: -6px;width: 22px;height: 22px;border-radius: 50%;background-color: #F00;color: #FFF;padding: 3px 0 0 9px;font-size: 14px;line-height: 1;}
header#page_header17 .switch17 {
float: left;display: block;margin: 0 20px 0 0;font-size: 14px;}
header#page_header17 .switch17:after { display: block; content: ""; clear: left; }
header#page_header17 .switch17 a.switch_item {
display: block;float: left;padding: 7px 0 0 0;}
header#page_header17 .switch17 a.switch_item.sommer { margin: 0 10px 0 0; }
header#page_header17 .switch17 a.switch_item.winter { margin: 0 0 0 10px; }
header#page_header17 .switch17 .btn-header {
float: left;font-size: 17px;padding: 3px 3px;}
header#page_header17 .switch17 .btn-header a {
position: relative;display: inline-block;width: 30px;height: 100%;border-radius: 3px;}
header#page_header17 .switch17 .btn-header > a i {
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 20px;}
header#page_header17 .switch17 .btn-header a.active {
background-color: #FFF;color: #0e5878;}
header#page_header17 .switch17 .btn-header .winter i { font-size: 17px; }
header#page_header17 .hidden_header { font-size: 14px; max-height: 0px; overflow: hidden; transition: max-height 300ms; }
body.header-state-openmenu header#page_header17 .hidden_header { max-height: 1000px; transition: max-height 500ms; overflow: visible; }
header#page_header17 .hidden_header .hidden_header_wrapper {
border-top: 1px solid #FFF; border-color: rgba(255,255,255,0.3); 
margin: 20px 0 0 0;}
header#page_header17 .hidden_header .hidden_header_wrapper:after { display: block; content: ""; clear: both; }
header#page_header17 .hidden_header .hidden_header_wrapper .col { position: relative; float: left; height: auto; margin: 0 10px 0 0; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-nav { width: 580px; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-calcinfos { width: 610px; margin: 0 0 0 0; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-calcinfos:after { display: block; content: ""; clear: left; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-calc { width: 260px; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-infos { width: 320px; float: right; margin: 0 0 0 0;  }
header#page_header17 .breadcrumb {
position: absolute;top: 100px;left: 0px;background-color: rgba(255,255,255,1);color: #0e5878;font-size: 13px;padding: 5px 10px;box-shadow: 1px 0px 30px rgba(0,0,0,0.3);}
body.header-state-openmenu header#page_header17 .breadcrumb { display: none; }
body.header-state-mobilemini header#page_header17 .breadcrumb { display: none; }
header#page_header17 .breadcrumb ul {
list-style-type: none;margin: 0;padding: 0;}
header#page_header17 .breadcrumb ul:after { display: block; content: ""; clear: left; }
header#page_header17 .breadcrumb ul li {
float: left;margin: 0;left: 0;}
header#page_header17 .mainnavigation.extra { display: none; }
header#page_header17 .mainnavigation.icon:before { display: none; }
body.relaunch2023 header#page_header17 { position: sticky !important; background-image: none; height: auto;  padding-bottom: 1.7rem; }
body.relaunch2023 header#page_header17 {
position: absolute;background-color: #FFF;color: #0e5878;top: 0;height: auto;background-image: none !important;padding-bottom: 0;}
body.relaunch2023.header-state-openmenu header#page_header17 {
position: fixed;background-color: #FFF;height: auto;}
body.relaunch2023 header#page_header17 .hidden_header .hidden_header_wrapper {
border-top: 1px solid #0E5878; border-color: #0E587833; 
margin: 20px 0 0 0;}
body.relaunch2023 header#page_header17 a { color: #0e5878; }
body.relaunch2023 header#page_header17 .temp_hide { display: none !important; }
body.relaunch2023 header#page_header17 .bottom { 
display: flex;align-items: flex-start;height: auto;padding-left: 0;transition: padding 250ms;padding-top: 0rem;}
body.relaunch2023 header#page_header17 .bottom > * {
float: none;}
body.relaunch2023 header#page_header17 .bottom .rightbox {
margin-left: auto;}
body.relaunch2023 header#page_header17 .headerlogo {
display: block;position: static;flex-shrink: 0;flex-grow: 0;width: 50px;margin-right: 1rem;padding-top: 0.2rem;padding-bottom: 0.2rem;transition: transform 250ms, width 250ms;}
body.relaunch2023 header#page_header17 .headerlogo img { width: 100%; height: auto; }
body.relaunch2023 header#page_header17 .breadcrumb { display: block; }
body.relaunch2023 header#page_header17.logo_expended .breadcrumb { display: none; }
body.relaunch2023 header#page_header17 .btn-header {
color: #0e5878;border-color: #0e5878;margin-bottom: 0;top: var(--button-top);height: var(--button-height);}
body.relaunch2023 header#page_header17 .btn-header.search { top: 0;}
body.relaunch2023 header#page_header17 .btn-header.shop { height: var(--button-height) !important; }
body.relaunch2023  header#page_header17 .rightbox > a.club {
display: block;position: absolute;right: 60px;}
body.relaunch2023 header#page_header17 .menu { left: 58px; }
body.relaunch2023 header#page_header17 .btn-header.hightlight-green {
border-color: #d5d400;}
body.relaunch2023 header#page_header17 .jz_switch2 .btn-header a.active {
background-color: #0e5878;color: #FFF;}
body.relaunch2023 header#page_header17 :is(.jz_switch2, .switch) { 
overflow: hidden;padding: 0;margin-right: 0.5rem;display: flex;top: var(--button-top);right: auto; 
left: 126px;}
body.relaunch2023 header#page_header17 .jz_switch2 .item {
order: 2;font-weight: bold;padding: 0.2rem 0.8rem;position: relative;z-index: 1;cursor: pointer;display: flex;justify-content: center;align-items: center;}
body.relaunch2023 header#page_header17 .jz_switch2 .item.active {
order: 1;z-index: 2;background-color: #B4C8D4;}
body.relaunch2023 header#page_header17 .switch17 { position: static; }
body.relaunch2023 header#page_header17 .switch17 .btn-header a.active {
background-color: #0e5878;color: #FFF;}
@media all and (max-width:1023px) {
body.relaunch2023 header#page_header17 .home { left: 114px; }
body.relaunch2023 header#page_header17 :is(.jz_switch2, .switch) {
position: absolute;top: var(--button-top);right: auto;margin: 0;}
body.header-state-openmenu.relaunch2023 header#page_header17 .headerwrapper {
background-color: #FFF;}
body.relaunch2023 header#page_header17 .mainnavigation.icon:before {
color: #0e5878;}
body.relaunch2023 header#page_header17 .sos {
color: #FFF;}
}
@media all and (max-width: 768px) {
body.relaunch2023 header#page_header17 .home { left: 104px; }
body.relaunch2023 header .map span { display: none !important; }
}
@media all and (max-width:567px) {
body.relaunch2023 header#page_header17 .home { position: absolute; top: 5px; left: 73px; }
body.relaunch2023 header#page_header17 .jz_switch2 .item:not(.active) { display: none; }
body.relaunch2023 #body.header-state-openmenu header#page_header17 .rightbox { padding-top: 1rem; }
body.relaunch2023.header-state-openmenu header#page_header17 .bottom .rightbox { padding-top: 2.3rem; }
body.relaunch2023 header#page_header17 nav > ul > li > ul > li > a { font-weight: bold; }

}
@media (min-width: 380px) {
body.relaunch2023  header#page_header17 .rightbox > a.club {
right: 70px;}
body.relaunch2023 header#page_header17 :is(.jz_switch2, .switch) { left: 130px;  }
}
@media (min-width: 567px) {
header#page_header17 { 
--button-top: 1rem;--button-height: 29px;}
body.relaunch2023 header#page_header17 .rightbox { margin-top: 0; top: -6px; position: relative; }
body.relaunch2023 header#page_header17 .menu { left: 90px; }
body.relaunch2023 header#page_header17 .headerlogo { width: 80px; padding-top: 0.5rem; padding-bottom: 0.5rem; }
body.relaunch2023 header#page_header17 .bottom { padding-top: 0 }
body.relaunch2023 header#page_header17 .bottom .rightbox { top: var(--button-top) }
body.relaunch2023 header#page_header17 .bottom .rightbox .btn-header { top: 0; }
body.relaunch2023  header#page_header17 .rightbox > a.club { position: static; }
}
@media (min-width: 768px) {
body.relaunch2023 header#page_header17 { padding-bottom: 0.7rem; }
body.relaunch2023 header#page_header17 .headerlogo { width: 90px; }
body.relaunch2023 header#page_header17 .menu { left: 110px; }
body.relaunch2023 header#page_header17 :is(.jz_switch2, .switch) { left: 210px; }
}
@media (min-width: 1024px) {
header#page_header17 { 
--button-height: 31px;}
body.relaunch2023 header#page_header17 { position: absolute !important; }
body.relaunch2023.header-state-openmenu  header#page_header17 { box-shadow: 0 0 1rem rgba(0,0,0,0.2);  }
body.relaunch2023.header-state-extended header#page_header17 { 
position: fixed !important; 
background-color: #FFF; 
box-shadow: 0 0 1rem rgba(0,0,0,0.3);transform: translateY(-80px);animation-duration: 500ms;animation-name: fadein;animation-fill-mode: forwards;}
header#page_header17 a.home { 
display: block !important;}
@keyframes fadein {
from {
transform: translateY(-80px);}
to {
transform: translateY(0);}
}
body.relaunch2023 header#page_header17  { background-color: transparent; }
body.relaunch2023.nomotiv header#page_header17  { 
background-color: #FFF;position: fixed !important;}
body.relaunch2023.hide_logo_desktop header#page_header17 .headerlogo { display:none; }
body.relaunch2023 header#page_header17 .bottom { padding-top: var(--button-top) }
body.relaunch2023 header#page_header17 .headerlogo { 
position: absolute;top: 0;left: 0;width: 100px;transform: scale(1.15) translateY(3.4rem);}
body.relaunch2023.header-state-extended header#page_header17 .headerlogo { display: none; }
body.relaunch2023.header-state-openmenu header#page_header17 .bottom .headerlogo { display: none; }
body.relaunch2023 header#page_header17 .bottom .rightbox { top: 0; }
body.relaunch2023 header#page_header17 .btn-header:is(.search,.club) {
background-color: #FFF; 
}
body.relaunch2023.header-state-extended header#page_header17 :is(.search,.club) { border-color: #1B617F; }
body.relaunch2023.header-state-normal header#page_header17 .hidden_header * {
display: none;}
}
@media (min-width: 1280px) {
header#page_header17 { 
--button-height: 34px;}
body.relaunch2023 header#page_header17 .headerlogo { width: 120px; }
body.relaunch2023 header#page_header17 .headerlogo { width: 100px; }
body.relaunch2023 header#page_header17 .bottom .headerlogo {
transform: scale(1.6) translateY(3.5rem) translateX(1rem);}
}
@media (min-width: 1700px) {
body.relaunch2023 header#page_header17 .bottom .headerlogo {
transform: scale(1.9) translateY(4rem) translateX(2rem); 
}
}
#nav_icon {
float: left;
position: relative;
cursor: pointer;
width: 16px;
height: 12px;
margin: 6px 10px 0 0;
}
#nav_icon .nav_line {
position: absolute;
left: 0px;
width: 18px;
height: 2px;
background-color: #FFF;
}
#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: 5px;
-webkit-transition: opacity 0.4s 0.4s ease;
transition: opacity 0.4s 0.4s ease;
}
#nav_icon .nav_line3 {
top: 10px;
-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.header-state-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.header-state-openmenu a.menu #nav_icon .nav_line2 {
opacity:0;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
body.header-state-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;
}
@media all and (min-width: 568px) and (max-width: 767px) {
#nav_icon { margin: 5px 0px 0 -1px; }
}
@media all and (max-width: 567px) {
#nav_icon { margin: 5px 0px 0 -1px; }
}
body.relaunch2023 #nav_icon .nav_line {
background-color: #0e5878;
}@media all and (min-width: 1024px) and (max-width: 1279px) {
header#page_header17 .top {  height: 45px; }
header#page_header17 .top .headerlogo { font-size: 16px; }
header#page_header17 .bottom { padding-top: 9px; height: 45px; }
header#page_header17 .btn-header {
padding: 4px 9px;height: 31px;font-size: 14px;}
header#page_header17 .btn-header.btn-pulldown .pulldown {
top: 30px;padding: 18px 0;}
header#page_header17 a.menu { margin-right: 15px; }
header#page_header17 .switch17 .btn-header { font-size: 15px; }
header#page_header17 .search.open {
padding-left: 25px;}
header#page_header17 .search i {
transform: translate(0,-50%);font-size: 19px;}
header#page_header17 .hidden_header { font-size: 13px; }
header#page_header17 .hidden_header .hidden_header_wrapper { margin: 15px 0 0 0; }
header#page_header17 .hidden_header .hidden_header_wrapper .col { margin-right: 25px; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-nav { width: 473px; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-calcinfos { width: 475px; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-calc { width: 240px; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-infos { width: 210px; }
header#page_header17 .breadcrumb {
top: 90px;left: 0px;font-size: 13px;padding: 4px 8px;}
}
@media all and (min-width: 768px) and (max-width:1023px) {
header#page_header17 { top: 0px; }
body.header-state-openmenu header#page_header17 .headerwrapper {
background-color: #0e5878;position: fixed;top: 0;right: 0;bottom: 0px;left: 0px;overflow: scroll;margin: 0 !important;padding: 0 20px;}
header#page_header17 .top { height: auto; }
header#page_header17 .top .headerlogo { 
position: absolute;top: 0;left: 50%;z-index: 100;width: 440px;transform: translate(-50%,0);font-size: 14px;}
header#page_header17 .top .headerlogo .smalllogo { 
float: none;position: absolute; 
width: 65px;height: 27px;background-size: 65px auto;margin-top: 5px;} 
header#page_header17 .top .headerlogo .slogan { float: none; margin-left: 70px; margin-top: 12px; } 
header#page_header17 .bottom { padding-top: 15px; height: auto; position: relative; }
header#page_header17 .btn-header {
padding: 3px 8px;height: 29px;font-size: 13px;}
header#page_header17 .btn-header.btn-pulldown .pulldown {
top: 28px;padding: 15px 0;}
header#page_header17 .menu {
position: absolute;top: 6px;left: 0;float: none;margin: 0;}
header#page_header17 .switch17 {
position: absolute;top: 6px;right: 0;float: none;margin: 0;}
header#page_header17 .switch17 > a.switch_item { display: none; }
header#page_header17 .switch17 .btn-header { font-size: 13px; padding: 3px 3px; }
header#page_header17 .switch17 .btn-header > a {
position: relative;display: inline-block;width: 30px;height: 100%;}
header#page_header17 .switch17 .btn-header > a i {
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 20px;}
header#page_header17 .rightbox { margin: 25px 0 5px 0; }
header#page_header17 .search.open {
padding-left: 25px;}
header#page_header17 .search i {
transform: translate(0,-50%);font-size: 19px;}
header#page_header17 .hidden_header { font-size: 12px; position: relative;  }
header#page_header17 .hidden_header .hidden_header_wrapper { margin: 0; padding: 15px 0 15px 0; display: flex; border-width: 0px; position: relative; }
header#page_header17 .hidden_header .hidden_header_wrapper .col { height: auto; margin-right: 15px; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-nav { width: auto; flex: 1; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-calcinfos { 
width: 240px;height: 600px;position: static;border-left: 1px solid #FFF;border-color: rgba(255, 255, 255, 0.3);padding: 0 0 0 30px;box-sizing: content-box !important;}
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-calc { width: 240px; float: none; margin: 0 0 20px 0; position: static; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-infos { width: 240px; float: none; position: static; }
header#page_header17 .breadcrumb {
top: 75px;left: 0px;font-size: 12px;padding: 3px 6px;}
}
@media all and (min-width: 569px) and (max-width: 767px) {
header#page_header17 {
top: 0px;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
header#page_header17 .top { height: auto; }
header#page_header17 .top .headerlogo {
position: absolute;top: 0;left: 50%;z-index: 100;width: 111px;font-size: 11px;}
body.header-state-openmenu header#page_header17 .headerwrapper {
background-color: #0e5878;position: fixed;top: 0;right: 0;bottom: 0px;left: 0px;overflow: scroll;margin: 0 !important;padding: 0 15px;}
header#page_header17 .top { height: auto; }
header#page_header17 .top .headerlogo { 
position: absolute;top: 0;left: 50%;z-index: 100;width: 340px;transform: translate(-50%,0);font-size: 12px;}
header#page_header17 .top .headerlogo .smalllogo { 
float: none;position: absolute; 
width: 65px;height: 27px;background-size: 65px auto;margin-top: 3px;} 
header#page_header17 .top .headerlogo .slogan { float: none; margin-left: 67px; margin-top: 12px; } 
header#page_header17 .bottom { padding-top: 13px; height: auto; position: relative; }
header#page_header17 .btn-header {
padding: 3px 8px;height: 29px;font-size: 13px;}
header#page_header17 .btn-header.btn-pulldown .pulldown {
top: 28px;padding: 15px 0;}
header#page_header17 .menu {
position: absolute;top: 5px;left: 0;float: none;margin: 0;}
header#page_header17 .menu .label { display: none; }
#nav_icon { margin-right: 0px; }
header#page_header17 .switch17 {
position: absolute;top: 5px;right: 0;float: none;margin: 0;}
header#page_header17 .switch17 > a.switch_item { display: none; }
header#page_header17 .switch17 .btn-header { font-size: 13px; padding: 3px 3px; }
header#page_header17 .switch17 .btn-header > a {
position: relative;display: inline-block;width: 30px;height: 100%;}
header#page_header17 .switch17 .btn-header > a i {
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 20px;}
header#page_header17 .rightbox { margin: 25px 0 5px 0; }
header#page_header17 .search.open {
padding-left: 25px;}
header#page_header17 .search i {
transform: translate(0,-50%);font-size: 17px;}
header#page_header17 .hidden_header { font-size: 11px; position: relative;  }
header#page_header17 .hidden_header .hidden_header_wrapper { margin: 0; padding: 15px 0 15px 0; display: flex; border-width: 0px; position: static; }
header#page_header17 .hidden_header .hidden_header_wrapper .col { height: auto; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-nav { width: auto; flex: 1; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-calcinfos { 
width: auto; flex: 1;height: auto;position: relative;border-left: 1px solid #FFF;border-color: rgba(255, 255, 255, 0.3);padding: 0 0 0 30px;box-sizing: content-box !important;}
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-calc { width: 240px; float: none; margin: 0 0 20px 0; position: relative; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-infos { width: 240px; float: none; position: static; }
header#page_header17 .breadcrumb {
top: 72px;left: 0px;font-size: 12px;padding: 2px 4px;}
}
@media all and (max-width: 568px) {
header#page_header17 {
top: 0px;min-height: 45px;background-repeat: no-repeat;background-size: 140px auto;background-image: url(https://storage.tramino.net/ok-bergbahnen/827767/adler.jpg);background-position: top 0px left 40%;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
body.header-state-openmenu header#page_header17 {
background-attachment: local;}
body.header-state-openmenu header#page_header17 .headerwrapper {
background-color: #0e5878;position: fixed;top: 0;right: 0;bottom: 0px;left: 0px;overflow: scroll;margin: 0 !important;padding: 0 15px;}
header#page_header17 .top { height: auto; }
header#page_header17 .top .headerlogo { 
display: none;position: absolute;top: 0;left: 50%;z-index: 100;width: 111px;font-size: 11px;}
header#page_header17 .top .headerlogo .smalllogo { 
float: none;position: static;margin: 10px 0 5px 18px;} 
header#page_header17 .top .headerlogo .slogan { float: none; margin: 0; } 
header#page_header17 .top .headerlogo .slogan span > span {
display: block;}
header#page_header17 .top .headerlogo .slogan span > span.so { margin-left: 25px; }
header#page_header17 .top .headerlogo .slogan span.sb { margin-left: 50px; }
header#page_header17 .bottom { padding-top: 5px; height: auto; position: relative; }
header#page_header17 .btn-header {
padding: 3px 8px;height: 29px;font-size: 13px;}
header#page_header17 .btn-header.btn-pulldown .pulldown {
top: 28px;padding: 15px 0;}
#body header#page_header17 .btn-header.btn-openright.btn-openright-breakmobile {
border-right-width: 1px; 
border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
#body header#page_header17 .btn-header.btn-openleft.btn-openleft-breakmobile {
border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
header#page_header17 .menu {
position: absolute;top: 5px;left: 0;float: none;margin: 0;transition: top 250ms;}
body header#page_header17 .menu::after { content: "" !important; font-size: 10px; position: absolute; top: 28px; left: 0px; }
body header#page_header17 .switch17::after { content: ""; font-size: 10px; }

header#page_header17 .menu .label { display: none; }
#nav_icon { margin-right: 0px; }
header#page_header17 .switch17 {
position: absolute;top: 44px;left: 35px;right: auto;float: none;margin: 0;transition: top 250ms;transform: translate(-50%,0);z-index: 10;}
#body.header-state-openmenu header#page_header17 .switch17 { display: block; }
header#page_header17 .switch17::after { content: "Sommer Winter"; font-size: 10px; }
header#page_header17 .switch17 > a.switch_item { display: none; }
header#page_header17 .switch17 .btn-header { font-size: 12px; padding: 3px 3px; }
header#page_header17 .switch17 .btn-header > a {
position: relative;display: inline-block;width: 30px;height: 100%;}
header#page_header17 .switch17 .btn-header > a i {
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 20px;}
header#page_header17 .rightbox {
margin: 10px 0 0px 0;height: 0;}
#body.header-state-openmenu header#page_header17 .status:not(.btn-hide) { display: block !important; }
#body.header-state-openmenu header#page_header17 .rightbox { height: auto }
header#page_header17 .search.open {
padding-left: 25px;}
header#page_header17 .search i {
transform: translate(0,-50%);font-size: 16px;}
header#page_header17 .shop { 
position: absolute;top: 7px;right: 0px;height: 23px;}
header#page_header17 .rightbox > div:not(.shop) { display:none !important; }
#body.header-state-openmenu header#page_header17 .rightbox > div:not(.shop) { display: flex !important; }
#body.header-state-openmenu header#page_header17 .rightbox > a:not(.shop) { display: flex !important; }
header#page_header17 .hidden_header { font-size: 10px; position: relative; padding-bottom: 5px; }
header#page_header17 .hidden_header .hidden_header_wrapper { margin: 0px 0 0 0; padding: 15px 0 0px 0; display: block; border-width: 0px; position: static; }
header#page_header17 .hidden_header .hidden_header_wrapper .col { height: auto; float: none; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-nav { width: 100%; margin: 0 10px 0 0; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-calcinfos { 
width: 100%;height: auto;float: none;position: relative;border-left: 1px solid #FFF;border-color: rgba(255, 255, 255, 0.3);border-width: 0;padding: 0 0 0 0px;box-sizing: content-box !important;}
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-calc { width: auto; float: none; margin: 0 0 0px 0; position: static; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-infos { width: auto; float: none; position: static; }
header#page_header17 .breadcrumb {
top: 80px;left: 0px;font-size: 11px;padding: 2px 4px;width: 190px;}
header#page_header17 .breadcrumb.mobilemode ul li { display: none; }
header#page_header17 .breadcrumb.mobilemode ul li.li_1 { display: block; }
header#page_header17 .breadcrumb.mobilemode ul li.li_1:after {
content: "[...] \f11f";font-family: OKB;display: inline-block;margin:0 7px 0px 0;cursor: pointer;}	
header#page_header17 .breadcrumb.mobilemode ul li.li_last2 { display: block; }
header#page_header17 .breadcrumb.mobilemode ul li.li_last2 .arr { display: none; }
header#page_header17 .breadcrumb.mobilemode ul li.li_last { display: none; }
header#page_header17 .mainnavigation {
position: relative;font-family: "WF-029714-010117-000025";padding: 10px 15px;border-top: 1px solid rgba(255,255,255,0.5);
margin-left: -15px;margin-right: -15px;margin-bottom: 0;position: relative;font-size: 15px;}
header#page_header17 .mainnavigation.extra { display: block; }
header#page_header17 .mainnavigation.icon { padding-left: 55px;  }
header#page_header17 .mainnavigation.icon:before {
position: absolute;top: 50%;left: 15px;transform: translate(0,-50%);font-family: 'im-okb' !important;display: inline-block;font-size: 30px;color: #acbdcb;}
header#page_header17 .mainnavigation:after {
display: block;font-family: "WF-029714-010117-000025" !important; 
content: "\203A";position: absolute;top: 50%;right: 10px;transform: translate(0,-50%) rotate(90deg);font-size: 2em;color: #0e5878;text-align: center;width: 20px;}
header#page_header17 .mainnavigation + .toopen {
display: none;margin-left: -15px;margin-right: -15px;padding: 10px 15px;}
header#page_header17 .mainnavigation.open { background-color: rgba(255,255,255,0.1); }
header#page_header17 .mainnavigation.open + .toopen { display: block; background-color: rgba(255,255,255,0.1); }
header#page_header17 .mainnavigation.open:after {
transform: translate(0,-50%) rotate(-90deg);opacity: 0.5;}
header#page_header17 .mainnavigation.direct:after {
transform: translate(0,-50%);}
}
@media all and (max-width: 400px) {
header#page_header17 {
background-size: 130px auto;background-position: top 0px left 84px;}
header#page_header17 .btn-header { 
font-size: 12px;padding: 2px 5px;height: 27px;}
body.relaunch2023 header#page_header17 :is(.jz_switch2, .switch) {
left: 116px;}
header#page_header17 .switch17 .btn-header > a {
width: 20px;}
}
@media (min-width: 1700px) {
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-nav {
width: 660px;}
nav > ul > li > ul > li > .show_menu_arrow::after { right: -170px; }
header#page_header17 .hidden_header .hidden_header_wrapper .col.col-calcinfos {
width: 620px;margin-left: 320px;}
}
nav {
margin: 30px 0 0 0;
display: flex;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav > ul { margin: 0 7px 0 0; padding: 0 7px 0 0; width: calc( ( 100% / 3 ) - 15px ); border-right: 1px solid rgba(172, 189, 203,.2); }
nav ul.gs { margin-right: 0px; border-right-width: 0px; }
nav ul li, .infobar > div > ul > li , .mountains > ul > li {
margin: 0;
padding: 0;
font-size: 14px;
}
nav > ul > li > a { margin-bottom: 10px; display: block; }

nav ul li.active a.active span { text-decoration: underline; }
nav ul li.nav-hide { display: none; }
nav ul li ul li {
margin: 0 0 5px 0;
}
nav ul li ul li ul li { margin: 0 0 3px 0; }
nav > ul > li > ul > li > a, .infobar > div > ul > li > a, .mountains > ul > li > a { white-space: nowrap; text-transform: uppercase; font-size: 0.9em; }
nav > ul > li > ul > li > .show_menu_arrow:after { 
content: "\e912";
font-family: "im-okb";
display: block;
width: 20px;
position: relative;
top: -15px;
right: -150px;
transform: none;
margin-bottom: -10px;
}
nav > ul > li > ul .showsubmenu a:after {
transform: rotate(180deg);
margin-left: 4px;
}
nav ul li .toopen li.showsubmenu ul { display: block; }
nav ul li ul li ul, .infobar > div > ul > li > ul, .mountains > ul > li > ul { margin: 0 0 0 3px; display: none;  }
nav ul li ul li ul li, .infobar > div > ul > li > ul > li, .mountains > ul > li > ul > li { font-size: 0.85em; line-height: 1.3; }
nav ul li ul li ul li a, .infobar > div > ul > li > ul > li > a, .mountains > ul > li > ul > li > a { color: #acbdcb; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
nav { margin: 25px 0 0 0; }
nav > ul { margin: 0 20px 0 0; }
nav ul li { font-size: 13px; }
nav > ul > li > a { margin-bottom: 11px; }
nav ul li ul li { margin: 0 0 4px 0; }
nav > ul > li > ul > li > .show_menu_arrow:after {
top: -13px;
right: -120px;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
nav { margin: 20px 0 0 0; }
nav > ul { margin: 0 10px 0 0; }
nav ul li { font-size: 12px; }
nav > ul > li > a { margin-bottom: 11px; }
nav ul li ul li { margin: 0 0 4px 0; }
nav > ul > li > ul > li > .show_menu_arrow:after {
top: -12px;
right: -113px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
nav { margin: 20px 0 0 0; flex-direction: column; }
nav > ul { margin: 0 0 20px 0; width: 100%; border-right-width: 0; padding: 0; }
nav ul li { font-size: 14px; }
nav > ul > li > a { margin-bottom: 11px; }
nav ul li ul li { margin: 0 0 4px 0; }
nav > ul > li > ul > li > .show_menu_arrow:after {
top: -14px;
right: -175px;
}
}
@media all and (max-width: 567px) {
nav { margin: 15px 0 0 0; flex-direction: column; }
nav:before {
display: block;
font-size: 1.2em;
font-family: "WF-029714-010117-000025";
padding: 0 0 10px 0;
}
body.jz-sommer nav:before { content: "Sommer"; }
body.jz-winter nav:before { content: "Winter"; }
nav > ul { margin: 0 0 0 0; width: 100%; border-right-width: 0; padding: 0; }
nav ul li { font-size: 14px; }
nav > ul > li > a { margin-bottom: 11px; }
nav ul li ul li { margin: 0 0 4px 0; }
nav ul li ul li ul {
margin: 4px 0 0 10px;
display: block;
}
nav ul li ul li ul li { font-size: 0.95em; margin: 0 0 5px 0; }
nav > ul > li > ul > li > .show_menu_arrow:after {
display: none;
}
nav ul .toopen li ul .nav_0 { display: none; }
}
.header-tc {
position: relative;
width: 260px;
height: 345px;
background-color: #1A617F;
background-color: rgba(255,255,255,0.05);
font-size: 14px;
padding: 30px 20px;
}
.header-tc ul.new {
list-style-type: none;
padding: 0;
margin: 0;
}
.header-tc ul.new li { padding: 0; margin: 0 0 5px 0; }
.header-tc ul.new li a {
white-space: nowrap;
text-transform: uppercase;
font-size: 0.9em;
}
.header-tc.jahreszeit-winter { height: 345px; }
.header-tc.hide { display: none; }
.header-tc .headline {
margin-bottom: 15px;
}
.header-tc .input {
margin: 0 0 15px 0;
}
.header-tc .input .item {
position: relative;
width: 100%;
margin: 0 0 5px 0;
}
.header-tc .input .item .helper {
position: absolute;
top: 30px;
right: 0;
font-size: 11px;
margin-top: 5px;
}
.header-tc .input .item .helper.hide { display: none; }
.header-tc select {
display: block;
width: 100%;
border: 1px solid #FFF;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 3px;
padding: 5px 10px;
cursor: pointer;
color: #FFF;
background-color: rgba(0,0,0,0.2);;
background-image: url(https://storage.tramino.net/ok-bergbahnen/798796/header-select-arrow.png);
background-repeat: no-repeat;
background-position: top 50% right 10px;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none; 
}
.header-tc select.high {
-webkit-appearance: menulist-button;
height: 50px;
width: 220px;
white-space: normal;
}
.header-tc select option {
background-color: #FFF;
color: #1A617F;
}
.header-tc .row { margin: 0 0 3px 0; }
.header-tc .row.red { color: #DB3F3F; }
.header-tc .row:after { display: block; content: ""; clear: both; }
.header-tc .row span { display: block; }
.header-tc .row span.name { float: left; }
.header-tc .row span.price { float: right; }
.header-tc.jahreszeit-winter .row {
font-size: 14px;
padding-top: 20px;
padding-bottom: 50px;
}
.header-tc.jahreszeit-winter .totalprice {

position: relative;
font-size: 35px;
margin-top: 1rem;
}
.header-tc.jahreszeit-winter .totalprice .cur {
font-size: 20px;
display: inline-block;
margin: 0 10px 0 0;
}
.header-tc .badge {
position: absolute;
z-index: 52;
width: 109px;
height: 109px;
}
.header-tc.jahreszeit-winter .badge {
top: 250px;
left: -20px;
background: url(https://storage.tramino.net/ok-bergbahnen/801660/ticket-badge-winter.png) top left no-repeat;	
}
.header-tc.jahreszeit-sommer .badge {
top: 280px;
left: -20px;
background: url(https://storage.tramino.net/ok-bergbahnen/852078/premium-wandergebiet.png) top left no-repeat;	
}
.header-tc .badge_infos {
position: absolute;
top: 0;
display: none;
left: -584px;
z-index: 51;
background-color: #1A617F;
width: 584px;
height: 462px;
}
.header-tc .badge_infos.show { display: block; }
.header-tc .badge_infos .inner {
margin: 20px 30px;
}
.header-tc .badge_infos .close {
position: absolute;
top: 15px;
right: 5px;
font-size: 20px;
}
.header-tc .info {
margin: 30px 0 0 0;
}
.header-tc.jahreszeit-winter .info {
margin: 1rem 0 0 0;
}
.header-tc .info:after { display: block; content: ""; clear: both; }
.header-tc .info .btn { float: right; }

.header-tc.jahreszeit-winter.priceinfo .totalprice { left: auto; right: 20px; top: 203px; }
.header-tc.jahreszeit-winter.priceinfo .priceinfo {
position: absolute;
top: 7px;
left: -130px;
text-align: right;
font-size: 11px;
width: 100%;
text-decoration: underline;
}
.header-tc.jahreszeit-winter .priceinfo2 {
position: absolute;
top: -3px;
left: 0px;
font-size: 11px;
width: 100%;
}
.header-tc.jahreszeit-winter.priceinfo .badge { top: 270px; }
.header-tc.priceinfo .info{ margin: 120px 0 0 0;}@media all and (min-width: 1024px) and (max-width: 1279px) {
.header-tc {
width: 240px;
font-size: 13px;
padding: 25px 18px;
}
.header-tc.jahreszeit-winter { height: 265px; }
.header-tc select {
padding: 4px 9px;
background-position: top 50% right 9px;
background-size: 16px auto;
font-size: 13px;
}

.header-tc.jahreszeit-winter .totalprice .cur { font-size: 18px; margin: 0 7px 0 0; }
.header-tc.jahreszeit-winter .badge {
top: 220px;
left: -40px;
width: 100px;
height: 100px;
background-size: 100px 100px;
}
.header-tc.jahreszeit-winter .badge_infos {
left: -499px;
width: 499px;
height: 365px;
}
.header-tc.jahreszeit-winter.priceinfo .priceinfo {
left: -109px;
}
.header-tc.jahreszeit-winter .info {

}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.header-tc {
width: 240px;
font-size: 13px;
padding: 20px 18px;
background-color: transparent;
position: static;
}
.header-tc.jahreszeit-winter { height: auto; }
.header-tc select {
padding: 4px 9px;
background-position: top 50% right 9px;
background-size: 16px auto;
font-size: 13px;
}
.header-tc.jahreszeit-winter .totalprice {  font-size: 29px; }
.header-tc.jahreszeit-winter .totalprice .cur { font-size: 18px; margin: 0 7px 0 0; }
.header-tc.jahreszeit-winter .badge {
top: 190px;
left: auto;
right: 235px;
width: 80px;
height: 80px;
background-size: 80px 80px;
}
.header-tc.jahreszeit-winter .badge_infos {
left: 0;
width: 100%;
height: 500px;
z-index: 52;
box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.header-tc.jahreszeit-sommer .badge {
top: 270px;
right: 135px;
left: auto;
}
.header-tc.jahreszeit-winter .info {

}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.header-tc {
width: 240px;
font-size: 13px;
padding: 20px 0;
background-color: transparent;
position: static;
}
.header-tc.jahreszeit-winter { height: auto; }
.header-tc select {
padding: 4px 9px;
background-position: top 50% right 9px;
background-size: 16px auto;
font-size: 13px;
}
.header-tc.jahreszeit-winter .totalprice { font-size: 29px; }
.header-tc.jahreszeit-winter .totalprice .cur { font-size: 18px; margin: 0 7px 0 0; }
.header-tc.jahreszeit-winter .totalprice .euro { white-space: nowrap; }
.header-tc.jahreszeit-winter .badge {
top: 190px;
left: auto;
right: 230px;
width: 80px;
height: 80px;
background-size: 80px 80px;
}
.header-tc.jahreszeit-winter .badge_infos {
left: 0px;
width: 100%;
height: 500px;
z-index: 52;
box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.header-tc.jahreszeit-sommer .badge {
top: 270px;
left: auto;
}
.header-tc.jahreszeit-winter .info {

}
}
@media all and (max-width: 567px) {
.header-tc {
width: auto;
font-size: 12px;
padding: 15px 0px;
background-color: transparent;
position: static;
}
.header-tc.jahreszeit-winter { height: auto; }
.header-tc select {
padding: 4px 10px 4px 3px;
background-position: top 50% right 9px;
background-size: 16px auto;
font-size: 12px;
}
.header-tc .input .item .helper { font-size: 10px; }
.header-tc.jahreszeit-winter .totalprice { font-size: 29px; line-height: 1; margin-top: 33px; text-align: right; }
.header-tc.jahreszeit-winter .totalprice .cur { font-size: 18px; margin: 0 7px 0 0; }
.header-tc.jahreszeit-winter .badge {
top: 190px;
left: auto;
right: 34%;
width: 80px;
height: 80px;
background-size: 80px 80px;
}
.header-tc.jahreszeit-winter .badge_infos {
left: 0px;
width: 100%;
height: auto;
z-index: 52;
box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
padding: 0 0 30px 0;
}
.header-tc.jahreszeit-sommer .badge {
top: 270px;
left: auto;
background-size: 80px 80px;
}
.header-tc .info {
margin: 20px 0 0 0;
}
.header-tc.jahreszeit-winter .info {

}
.header-tc.jahreszeit-winter .priceinfo2 {
top: -6px;	
}
.header-tc.jahreszeit-winter.priceinfo .priceinfo {
display: block;
position: static;
top: auto;
left: auto;
margin-top: 15px;
}
.header-tc.jahreszeit-winter.priceinfo .priceinfo2 {
position: static;
left: auto;
top: auto;
display: block;		
}
.header-tc.priceinfo .info { margin: 50px 0 0 0;}
}
#motive {
position: relative;
}
#motive .maxwidth {
position: absolute;top: 0;left: 0;right: 0;margin-bottom: 20px;}
#logo {
position: absolute;top: 50px;left: -105px;z-index: 50;width: 225px;height: 165px;background-image: url(https://storage.tramino.net/ok-bergbahnen/799154/okb-logo.png);background-image: url(https://storage.tramino.net/ok-bergbahnen/799155/okb-logo.svg);background-position: top left;background-repeat: no-repeat;}
#motive .adler7badge {
display: block;position: absolute;top: 50px;right: 0px;z-index: 52;cursor: pointer;}
#motive .adler7badge .inner {
width: 180px;height: 189px;background-size: 180px auto;background-position: top left;background-repeat: no-repeat;}
#motive .adler7badge.autoheight .inner { height: auto;  }
#motive .adler7badge.tall .inner { width: 250px; }
#motive .adler7badge .inner img { width: 100%; height: auto; }
#mmc_badge_sommer .inner { 	background-image: url(https://storage.tramino.net/ok-bergbahnen/1001632/adler7.svg); }
#mmc_badge_winter .inner { background-image: url(https://storage.tramino.net/ok-bergbahnen/991595/adler7-winter-hp.png); }
#mmc_badge_sommer, #mmc_badge_winter { display: none !important; }
.jz-sommer #mmc_badge_sommer { display: block !important; }
.jz-winter #mmc_badge_winter { display: block !important; }

#motive .claim {
display: block;position: absolute;top: 470px;left: 210px;z-index: 52;color: #0e5878;font-size: 2.5rem;}
#motive .headlines {
position: absolute;top: 100px;left: 210px;right: 0;z-index: 51;width: 990px;}
#body.mainpage #motive .headlines { width: 910px; }

#motive .headlines .headline1 {
font-size: 20px;line-height: 1;margin: 0 0 0 5px;}
#motive .headlines .headline2 {
margin: 0;font-size: 90px;line-height: 0.95;margin: 10px 0 0 0;text-shadow: 1px 1px 35px rgba(255,255,255,0.5)
}
#motive .headlines.smallerheadline { width: 750px; }
#motive .headlines.smallerheadline .headline2 { font-size: 65px; line-height: 1.22; }
#motive .headlines .imageheader {
width: 650px;}
#motive .headlines .imageheader img {
width: 100%;height: auto;}
#motive .intro {
position: relative;top: 30px;left: -240px;z-index: 50;font-size: 18px;font-weight: 400;line-height: 1.5;width: 520px;padding: 20px 120px 30px 30px;background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}
#motive .intro span { font-size: 25px; }

#motive .wrapper { width: 100%; overflow: hidden; background-color: #FFF; }
#motive .outer {
position: relative;overflow: hidden;}
#motive .outer:before {
display: block;content: " ";width: 100%;}
#motive .outer > .motive-inside {
position: absolute;top: 0;left: -100px;right: -100px;bottom: 0;background-color: #FFF;}
#motive .wrapperslider { height: 100%; }
.motive-inside .mask {
position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;background-repeat: no-repeat;background-position: center;background-size: contain;border-bottom: 1px solid #FFF;border-right: 1px solid #FFF;border-left: 1px solid #FFF;box-sizing: content-box;}
.motive-inside #m961022 { background-size: auto; }

 

#body.jz-winter.winter_default #motive .outer:before,
#body.page-winter.force_motive.winter_default #motive .outer:before { padding-top: 60.4622111%; }

#body.jz-sommer.sommer_default #motive .outer:before,
#body.page-sommer.force_motive.sommer_default #motive .outer:before { padding-top: 51%; }

#body.jz-sommer.sommer_guestslift #motive .outer:before,
#body.jz-winter.winter_guestslift #motive .outer:before,
#body.page-sommer.force_motive.sommer_guestslift #motive .outer:before,
#body.page-winter.force_motive.winter_guestslift #motive .outer:before { padding-top: 51%; }

#body.jz-sommer.sommer_guests #motive .outer:before,
#body.jz-winter.winter_guests #motive .outer:before,
#body.page-sommer.force_motive.sommer_guests #motive .outer:before,
#body.page-winter.force_motive.winter_guests #motive .outer:before { padding-top: 68.75%; }

#body.jz-sommer.sommer_alphorn #motive .outer:before,
#body.jz-winter.winter_alphorn #motive .outer:before,
#body.page-sommer.force_motive.sommer_alphorn #motive .outer:before,
#body.page-winter.force_motive.winter_alphorn #motive .outer:before { padding-top: 56%; }

#body.jz-sommer.sommer_teller #motive .outer:before,
#body.jz-winter.winter_teller #motive .outer:before,
#body.page-sommer.force_motive.sommer_teller #motive .outer:before,
#body.page-winter.force_motive.winter_teller #motive .outer:before { padding-top: 56%; }

#body.jz-sommer.sommer_familykinderwagen #motive .outer:before,
#body.jz-winter.winter_familykinderwagen #motive .outer:before,
#body.page-sommer.force_motive.sommer_familykinderwagen #motive .outer:before,
#body.page-winter.force_motive.winter_familykinderwagen #motive .outer:before { padding-top: 62.5%; }

#body.jz-sommer.sommer_kidsskiing #motive .outer:before,
#body.jz-winter.winter_kidsskiing #motive .outer:before,
#body.page-sommer.force_motive.sommer_kidsskiing #motive .outer:before,
#body.page-winter.force_motive.winter_kidsskiing #motive .outer:before { padding-top: 62.5%; }

#body.jz-sommer.sommer_rodeln #motive .outer:before,
#body.jz-winter.winter_rodeln #motive .outer:before,
#body.page-sommer.force_motive.sommer_rodeln #motive .outer:before,
#body.page-winter.force_motive.winter_rodeln #motive .outer:before { padding-top: 59.375%; }

#body.jz-sommer.sommer_gruppewanderer #motive .outer:before,
#body.jz-winter.winter_gruppewanderer #motive .outer:before,
#body.page-sommer.force_motive.sommer_gruppewanderer #motive .outer:before,
#body.page-winter.force_motive.winter_gruppewanderer #motive .outer:before { padding-top: 59.375%; }

#body.jz-sommer.sommer_adler #motive .outer:before,
#body.jz-winter.winter_adler #motive .outer:before,
#body.page-sommer.force_motive.sommer_adler #motive .outer:before,
#body.page-winter.force_motive.winter_adler #motive .outer:before { padding-top: 50%; }
.motive-inside .motiv {
position: static;height: 100%;background-repeat: no-repeat;background-position: center;background-size: contain;}
#motive .gradient {
position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 49;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); 
}
#motive .motiv:not(.motiv1) { display: none; }
#motive .motivewrapper.slick-initialized .motiv { display: block; }
#motive .slick-slider .slick-track, #motive .slick-slider .slick-list { height: 100%; }
#motive .motivewrapper.hidden { display: none; }
#motive .motivewrapper.hidden .motiv { display: none; }
#motive .infobar {
position: relative;z-index: 50;margin-top: -300px; 

}
#motive .infobar:after { display: block; content: ""; clear: both; }
#motive .infos {
width: 50%;float: right;font-size: 20px;}
#motive .infos span { font-size: 30px; }

body.nomotivimg #motive .wrapper { display: none; }
body.nomotivimg #motive .maxwidth {
position: relative;top: auto;left: auto;right: auto;}
body.nomotivimg #motive .headlines {
position: relative;top: 100px;left: auto;right: auto;width: 100%;padding-left: 210px;margin-bottom: 100px;}
body.nomotivimg #content { margin: 0px !important; padding-top: 1.5rem;  }
body.nomotivimg #content .T3743 > .detals > .maxwidth { padding-left: 210px; }
body.nomotivimg #content .T3743 .T3742 .maxwidth { padding-left: 210px; }

body.nomotivimg #content .T3743 .T3557 .maxwidth { padding-left: 210px; }
body.nomotivimg #content .T3743 .T3557 .maxwidth .bilder .element.element_mod_1 > .inner { margin-left: 0px !important; }
body.nomotivimg #content .T3743 .T3557 .maxwidth .bilder .element.element_mod_0 > .inner { margin-right: 0px !important; }
body.nomotivimg #content .T3743 .T3742 .text { width: calc(750px - 210px); }
#sorgsam {
position: fixed;left: 0.5rem;bottom: 1.0rem;z-index: 99;}
#sorgsam .image_wrapper {
width: 4rem;height: 4rem;background-color: #FFF;border-radius: 50%;overflow: hidden;padding: 0.5rem;box-shadow: 0 .6rem 2rem -.03rem rgba(0,0,0,0.3);}
#sorgsam a { 
width: 100%; height: auto; display: flex;justify-content: center;align-items: center;flex-direction: column; 
text-decoration: none;}
#sorgsam img { width: 100%; height: auto; padding: 4px 0 0 3px;  }
#sorgsam span {
display: inline-block;font-weight: bold;background-color: #b9c21e;color: #FFF;border-radius: 1rem;font-size: 0.7rem;padding: 0.1rem 0.3rem;text-align: center;white-space: nowrap;}
#body.newmotiv #motive .outer:before { padding-top: 70.5467372134039% !important; }
#body.newmotiv #motive .intro{ display: none; }
#body.newmotiv #motive .outer { max-width: none; }
#body.newmotiv #motive .outer > .motive-inside { left: 0; right: 0;  }
#body.newmotiv #motive .wrapper :is(picture,img) { width: 100%; height: auto; }
#body.newmotiv #motive .motive-inside .mask { display: none; }
#body.newmotiv #motive .wrapper .mask2 { 
position: absolute; top: 0; bottom: 0; left: 0; 
}
#body.newmotiv #motive .wrapper .mask2.flipmask { 
right: 0; left: auto; 
transform: scaleX(-1);}
#body.newmotiv #motive .wrapper .mask2 img { width: auto; height: 100%; object-fit: cover; }
#body.newmotiv #motive .gradient {
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%); 
}
#body.newmotiv  #motive .headlines .headline2 {
text-shadow: 0px 0px 100px rgba(255,255,255,0.7);}
#body.newmotiv #content { margin-top: 0rem !important; }
@media (max-width: 567px) {
#body.newmotiv #logo { top: 30px; }
#body.newmotiv #motive .headlines.smallerheadline { margin-top: 2rem; }
}
@media (min-width: 567px) {
#body.newmotiv #motive .outer:before { padding-top: 45.3333333% !important; }
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
#body.newmotiv #motive .outer:before { padding-top: 35% !important; }
}
@media all and (min-width: 1700px) {
#logo {
left: 0px;}
#motive .headlines { left: 260px; }
}
@media all and (min-width: 1600px) {
#motive { min-height: 200px; }
#motive .outer { max-width: 1600px; margin: 0 auto; overflow: visible; }
}
@media all and (min-width: 1280px) and (max-width: 1600px) {
#logo { 
left: 0;width: 210px;height: 154px;background-size: 210px 154px;}
#nl_badge {
top: 40px;width: 110px;height: 108px;background-size: 110px auto;}
#motive { min-height: 200px; }
#motive .headlines { top: 90px; left: 310px; width: 680px; }
#body.mainpage #motive .headlines { width: 550px; }
#motive .headlines .headline1 { font-size: 18px; margin: 0 0 0 5px; }
#motive .headlines .headline2 { margin: 0; font-size: 80px; margin: 10px 0 0 0; }
#motive .headlines .imageheader { width: 600px; }
#motive .intro { top: 25px; left: -242px; font-size: 17px;  }
#motive .headlines.smallerheadline { width: 650px; }
#motive .headlines.smallerheadline .headline2 { font-size: 55px; line-height: 1.20; }
#motive .claim {
top: 430px;left: 310px;}
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
#logo { 
left: 0;width: 210px;height: 154px;background-size: 210px 154px;}
#nl_badge {
top: 30px;width: 90px;height: 88px;background-size: 90px auto;}
#motive { min-height: 200px; }
#motive .headlines { top: 80px; left: 290px; width: 680px; }
#body.mainpage #motive .headlines { width: 500px; }
#motive .headlines .headline1 { font-size: 17px; margin: 0 0 0 4px; }
#motive .headlines .headline2 { margin: 0; font-size: 70px; margin: 8px 0 0 0; }
#motive .headlines .imageheader { width: 580px; }
#motive .intro { top: 20px; left: -213px;  font-size: 16px; }
#motive .headlines.smallerheadline { width: 640px; }
#motive .headlines.smallerheadline .headline2 { font-size: 50px; line-height: 1.20; }
body.nomotivimg #motive .headlines {
top: 80px;width: 100%;padding-left: 250px;margin-bottom: 100px;}
body.nomotivimg #content .T3743 > .detals > .maxwidth { padding-left: 250px; }
body.nomotivimg #content .T3743 .T3742 .maxwidth { padding-left: 250px; }
body.nomotivimg #content .T3743 .T3742 .text { width: calc(620px - 250px); }
body.nomotivimg #content .T3743 .T3557 .maxwidth { padding-left: 250px; }
#motive .adler7badge {
top: 35px;}
#motive .adler7badge .inner {
width: 150px;height: 157px;background-size: 150px auto;}
#motive .adler7badge.tall .inner { width: 220px; }
#motive .claim {
top: 350px;left: 290px;font-size: 2rem;}
}
@media all and (min-width: 768px) and (max-width:1023px) {
#logo { display: none; }
#nl_badge {
top: 30px;width: 90px;height: 88px;background-size: 90px auto;}
#motive .adler7badge .inner {
width: 120px;height: 126px;background-size: 120px auto;}
#motive .adler7badge.tall .inner { width: 205px; }
#motive .claim {
top: 270px;left: 200px;font-size: 1.8rem;}

#motive .headlines { top: 70px; left: 200px; width: calc(100% - 220px); }
#body.mainpage #motive .headlines { width: calc(100% - 300px); }
#motive .headlines .headline1 { font-size: 15px; margin: 0 0 0 3px; }
#motive .headlines .headline2 { margin: 0; font-size: 50px; margin: 6px 0 0 0; }
#motive .headlines .imageheader { width: 100%; }
#motive .intro { top: 15px; left: -20px; width: 400px; font-size: 15px; padding: 6px 20px; }
#motive .headlines.smallerheadline {  left: 80px; width: calc(100% - 440px); }
#motive .headlines.smallerheadline .headline2 { font-size: 40px; line-height: 1.20; }
body.nomotivimg #motive .headlines {
top: 60px;width: 100%;padding-left: 0;margin-bottom: 80px;}
body.nomotivimg #content .T3743 > .detals > .maxwidth { padding-left: 0; }
body.nomotivimg #content .T3743 .T3742 .maxwidth { padding-left: 0; }
body.nomotivimg #content .T3743 .T3557 .maxwidth { padding-left: 0px; }
body.nomotivimg #content .T3743 .T3742 .text { width: 620px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
#logo { display: none; }
#nl_badge {
top: 100px;width: 90px;height: 88px;background-size: 90px auto;}
#motive .adler7badge .inner {
width: 120px;height: 126px;background-size: 120px auto;}
#motive .adler7badge.tall .inner { width: 170px; }
#motive .claim {
top: 270px;left: 40px;font-size: 1.6rem;}

#motive .headlines { top: 85px; left: 40px; width: calc(100% - 80px); }
#body.mainpage #motive .headlines { width: calc(100% - 80px); }
#motive .headlines .headline1 { font-size: 14px; margin: 0 0 0 3px; }
#motive .headlines .headline2 { margin: 0; font-size: 40px; margin: 6px 0 0 0; }
#motive .headlines .imageheader { width: 100%; }
#motive .introwrapper { position: relative; top: auto; left: auto; right: auto; z-index: 50; }
#motive .intro { top: 15px; width: 380px; left: -15px; font-size: 14px; padding: 3px 15px; }
#motive .headlines.smallerheadline { top: 65px; left: 50px; width: calc(100% - 200px); }
#motive .headlines.smallerheadline .headline2 { font-size: 40px; line-height: 1.20; }
#motive .motivewrapper { border-bottom: 4px solid #FFF; }
body.nomotivimg #motive .headlines {
top: 60px;width: 100%;padding-left: 0;margin-bottom: 80px;}
body.nomotivimg #content .T3743 > .detals > .maxwidth { padding-left: 0; }
body.nomotivimg #content .T3743 .T3742 .maxwidth { padding-left: 0; }
body.nomotivimg #content .T3743 .T3742 .text { width: 620px; }
body.nomotivimg #content .T3743 .T3557 .maxwidth { padding-left: 0px; }
}
@media all and (max-width: 567px) {
#logo {
top: 30px;left: 15px;width: 95px;height: 75px;}
#nl_badge {
top: 80px;width: 90px;height: 88px;background-size: 90px auto;}
#motive .adler7badge {
display: none !important;top: 15px;right: 15px;}
#motive .adler7badge#mmc_badge_default { display: block !important; }
#motive .claim {
position: static;display: inline-block;top: auto;left: auto;font-size: 1.4rem;margin: 0 0 20px 0;}

#motive .adler7badge .inner {
width: 80px;height: 84px;background-size: 80px auto;}
#motive .adler7badge.tall .inner { width: 110px; }
#motive .headlines { position: static; top: auto; left: auto; width: 100%; margin-top: 1rem; margin-bottom: 0.5rem; }
#body.mainpage #motive .headlines { 
position: static;top: auto;right: auto;left: auto;width: 100%;}
#motive .headlines .headline1 { font-size: 13px; margin: 0 0 0 2px; }
#motive .headlines .headline2 { margin: 0; font-size: 29px; margin: 4px 0 0 0; }
#motive .headlines .imageheader { width: 80%; margin-top: 10px; }
#motive .introwrapper { position: relative; top: auto; left: auto; right: auto; z-index: 50; }
#motive .intro { position: static; top: auto; left: auto; font-size: 13px; line-height: 1.3; width: auto; padding: 3px 0;  }
#motive .headlines.smallerheadline { 
position: static;top: auto;left: auto;right: auto;width: 100%;}
#motive .headlines.smallerheadline .headline2 { font-size: 20px; line-height: 1.20; }
#motive .motivewrapper { border-bottom: 4px solid #FFF; }
#motive .maxwidth {
position: static;top: auto;left: auto;right: auto;bottom: auto;}
body.nomotivimg #logo {
display: none;}
body.nomotivimg #motive .headlines {
top: 60px;width: 100%;padding-left: 0px;margin-bottom: 40px;}
body.nomotivimg #content .T3743 > .detals > .maxwidth { padding-left: 0; }
body.nomotivimg #content .T3743 .T3742 .maxwidth { padding-left: 0; }
body.nomotivimg #content .T3743 .T3742 .text { width: 100%; }
body.nomotivimg #content .T3743 .T3557 .maxwidth { padding-left: 0px; }
}
@media all and (max-width: 370px) {
#logo {
top: 10px;left: 15px;width: 85px;height: 75px;}
}
footer {
position: relative;z-index: 50;}
footer .top {
background-position: top center;background-repeat: no-repeat;background-size: cover;background-color: #E5EEF4;width: 100%;padding: 100px 0 20px 0;}
footer .top a { color: #0e5878;}
footer .top .maxwidth {
position: relative;width: 100%;height: 100%;}
footer .top .footer_wrapper { display: flex; flex-wrap: wrap; }
footer .top .footer_wrapper .box {
width: 370px;padding: 0 30px 0 0;margin: 0 30px 0 0;border-right: 1px solid rgba(0,72,89,0.3);}
footer .top .footer_wrapper .box:last-child {
margin: 0;padding: 0;border-width: 0px;}
footer .top .footer_wrapper .box .headline {
color: #FFF;background-color: #0e5878;text-transform: uppercase;display: inline-block;padding: 7px 16px;font-size: 15px;line-height: 1;margin: 0 0 15px 0;}
footer .top .footer_wrapper .box .headline.green {
background-color: #d6dc23;color: #0e5878;}
footer .top .footer_wrapper .box .headline.svg {
display: inline-flex;align-items: center;}
footer .top .footer_wrapper .box .headline.svg svg {
width: 20px;height: auto;margin-right: 0.4rem;}
footer .top .footer_wrapper .box .inner {
margin: 20px 0 0 0;}
footer .top .footer_wrapper .box .buttons {
margin: 5px 0 0 0;text-align: right;}
footer .bottom {
color: #658693;color: rgba(0,72,89,0.68);font-size: 14px;line-height: 1;padding: 14px 0 17px 0;}
footer .bottom a { color: #658693; color: rgba(0,72,89,0.68); text-decoration: none; }
footer .bottom ul {
list-style-type: none;margin: 0;padding: 0;}
footer .bottom ul:after { display: block; content: ""; clear: left; }
footer .bottom ul li {
float: left;margin: 0 10px 0 0;padding: 0;}
footer .bottom ul li.lang { margin-left: 0.5rem }
footer .bottom .maxwidth { display: flex; justify-content: space-between; }
footer .bottom .maxwidth .leftside { display: flex;  }
footer .bottom .leftside .elm {
margin: 0 50px 0 0;}
footer .footer_text { 
display: none;text-align: center;font-size: 14px;border-top: 1px solid #EEE;margin-top: 10px;padding-top: 12px;color: #658693;color: rgba(0,72,89,0.5);}
#body.jz-winter footer .footer_text[data-jz=winter] { display: block; } 
#body.jz-sommer footer .footer_text[data-jz=sommer] { display: block; } 
footer .footer_text p { margin: 0 0 5px 0; }
body.relaunch2023 footer {
z-index: 51;}
body.relaunch2023 footer .top {
background-color: #EFF4F7;padding: 1.5rem 0 1.5rem 0;position: relative;}
body.relaunch2023 footer .safegap { 
background-color: #FFFFFF;width: 100%;height: var(--skew-height);position: relative;}
body.relaunch2023.footer_blue footer .safegap { background-color: #C2D2DD; }
body.relaunch2023 footer .safegap .inner {
position: absolute;top: 0; left: 0; bottom: 0; right: 0;background-color: #EFF4F7;clip-path: polygon(0% 100%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);}

body { top: 0 !important; }
.skiptranslate { display: none; }
#google_translate_element { display: none; }
#goog-gt-tt { display: none !important; }
#goog-gt- { display: none !important; }
.goog-te-banner-frame, .custom-translate { display: none !important; }
.goog-tooltip { display: none !important; }
.goog-tooltip:hover { display: none !important; }
.goog-text-highlight { background-color: transparent !important; border: none !important; box-shadow: none !important; }
.language-switch { color: #333; }
.language-switch ul {
display: flex;justify-content: flex-end;align-items: center;}
.language-switch ul li {
margin-left: 0.3rem;}
.language-switch ul li span:after {
display: inline-block;content: "|";font-size:  1.2rem;padding: 0 0.3rem;}
.language-switch ul li:last-child span:after { display: none; }
.language-switch span {
cursor: pointer;}
.language-switch span.active {
color:  #111;text-decoration: underline !important;}
@media all and (min-width: 1024px) and (max-width: 1279px) {
footer .top { background-size: contain; }
footer .top .footer_wrapper .box {
width: 300px;
padding: 0 28px 0 0;
margin: 0 28px 0 0;
}
footer .top .footer_wrapper .box .headline {
padding: 6px 15px;
font-size: 14px;
margin: 0 0 14px 0;
}
footer .bottom { font-size: 13px; }
footer .bottom ul li { margin: 0 8px 0 0; }
footer .bottom .elm { margin: 0 40px 0 0; }
footer .bottom .maxwidth .leftside { flex-direction: column; }
footer .bottom .maxwidth .leftside .elm { margin: 0 0 0.5rem 0; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
footer .top { background-size: contain; }
footer .top .footer_wrapper .box {
width: auto;
flex: 1;
padding: 0 23px 0 0;
margin: 0 23px 0 0;
max-width: 100%;
}
footer .top .footer_wrapper .box .headline {
padding: 5px 12px;
font-size: 13px;
margin: 0 0 13px 0;
}
footer .bottom { font-size: 13px; }
footer .bottom ul li { margin: 0 8px 0 0; }
footer .bottom .elm { margin: 0 40px 0 0; }
footer .bottom ul li { margin: 0 5px 0 0; }
footer .bottom .elm { margin: 0; }
footer .bottom .copy { margin: 0 0 5px 0; }
footer .bottom .maxwidth .leftside { flex-direction: column; }
footer .bottom .maxwidth .leftside .elm { margin: 0 0 0.5rem 0; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
footer .top { background-size: contain; padding: 70px 0 20px 0;  }
footer .top .footer_wrapper .box {
width: auto;
flex: 1;
padding: 0 15px 0 0;
margin: 0 15px 0 0;
}
footer .top .footer_wrapper .box .headline {
padding: 4px 10px;
font-size: 12px;
margin: 0 0 13px 0;
}
footer .bottom { font-size: 12px; }
footer .bottom ul li { margin: 0 6px 0 0; }
footer .bottom .elm { margin: 0 30px 0 0; }
footer .bottom .maxwidth .leftside { flex-direction: column; }
footer .bottom .maxwidth .leftside .elm { margin: 0 0 0.5rem 0; }
}
@media all and (max-width: 567px) {
footer .top { background-size: contain; padding: 60px 0 20px 0; }
footer .top .footer_wrapper .box {
width: 100%;
height: auto;
border-width: 0;
margin: 0 0 20px 0;
}
footer .top .footer_wrapper .box .headline {
padding: 3px 8px;
font-size: 12px;
margin: 0 0 12px 0;
}
footer .bottom { font-size: 11px; }
footer .bottom ul li { margin: 0 5px 0 0; }
footer .bottom .elm { margin: 0; }
footer .bottom .copy { margin: 0 0 5px 0; }
footer .bottom .maxwidth .leftside { flex-direction: column; }
footer .bottom .maxwidth .leftside .elm { margin: 0 0 0.5rem 0; }
}
@media (min-width: 1700px) {
footer .top .footer_wrapper .box { width: 510px; }
}.T3521 {
background-color: var(--background, transparent);
color: var(--textcolor,#0e5878);
}
.T3521 .headline {
text-align: center;
margin: 25px 0 25px 0;
display: block;
}
.T3521 .intro {
text-align: center;
margin: 0 0 20px 0;
}
.T3521 .einspalter-wrapper {
text-align: center;
margin: 0 0 10px 0;
}.T3521.S7236 {
background-color: #d6dc23 !important;
}.T3521.S7235 {
background-color: #0e5878 !important;
color: #FFF;
}.T3521.S7238 {
background-color: #DDD !important;
}.T3523 .decision {
position: relative;
z-index: 50;
margin-top: 35px !important;
margin-bottom: 30px !important;
}
.T3523 .decision:after { display: block; content: ""; clear: left; }
.T3523 .decision a {
float: left;
display: block;
background-color: #327081;
color: #FFF;
width: 48%;
font-size: 40px;
text-decoration: none;
padding: 10px 20px;
background-repeat: no-repeat;
text-align: center;
}
.T3523 .decision a.leftbutton {
margin-right: 2%;
background-image: url(https://tramino.s3.amazonaws.com/s/ok-bergbahnen/799666/decision-left.png);
background-position: top 50% left 20px;
}
.T3523 .decision a.rightbutton {
margin-left: 2%;
background-image: url(https://tramino.s3.amazonaws.com/s/ok-bergbahnen/799667/decision-right.png);
background-position: top 50% right 20px;
}
#body.page-sommer .T3523 .decision a.leftbutton { background-image: url(https://tramino.s3.amazonaws.com/s/ok-bergbahnen/801873/decision-left-summer.png); }
#body.page-sommer .T3523 .decision a.rightbutton { background-image: url(https://tramino.s3.amazonaws.com/s/ok-bergbahnen/801874/decision-right-summer.png); }.gutter-sizer { width: 30px; }
.gridelement .hide { display: none; }
.gridelement {
width: 380px;background-color: #EEEEEE;}
.gridelement.big {
width: 790px;background-color: #EEEEEE;}
.gridelement.fixheight {
min-height: 500px;}
.gridelement .Bild { aspect-ratio: 380 / 253; }
.gridelement.big .Bild { aspect-ratio: 790 / 527; }
.gridelement .Bild img { width: 380px; height: auto; aspect-ratio: 380 / 253; object-fit: cover }
.gridelement.big .Bild img { width: 790px; height: auto; aspect-ratio: 790 / 527; }
.gridelement .Bild.video { overflow: hidden; }
.gridelement .Bild.video img { transform: scale(1.35); }
.gridelement.hide { display: none; }
.gridelement.pointer { cursor: pointer; }
.gridelement .bildwrapper {
color: #0e5878;position: relative;display: block;}
.gridelement .bildwrapper .headline {
position: absolute;left: 0;bottom: 15px;padding: 5px 10px 5px 0px;border-left: 32px solid #fff;}
.gridelement .bildwrapper .headline a {
color: #0e5878;text-decoration: none;}
.gridelement .bildwrapper .headline .wrapper {
background-color: #fff;border-top: 5px solid #fff;border-bottom: 5px solid #fff;}
.gridelement .bildwrapper .headline .inner {
position: relative;left: -10px;top: 0px;}
.gridelement.big .bildwrapper  .headline { bottom: 50px; padding-right: 20px; }
.gridelement .bildwrapper .mmcf {
position: absolute;left: 0px;bottom: 15px;width: 60%;background-color: #FFF;padding: 20px 30px 20px 25px;}
.gridelement .mmcf img { width: 100%; height: auto; }
.gridelement .text .headline {
display: none;position: static;left: auto;bottom: auto;padding: 5px 10px 5px 0px;}
.gridelement .text .headline a {
color: #0e5878;text-decoration: none;}
.gridelement .text .status_event { margin-bottom: 10px; }
.gridelement .text .mmcf { display: none; }
.gridelement.big .bildwrapper .date-element { left: 35px; }
.gridelement .bildwrapper .playbutton {
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.gridelement .bildwrapper .playbutton i { font-size: 105px; color: #FFF; opacity: 0.8; text-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.gridelement:hover .bildwrapper .playbutton i { opacity: 1; }
.gridelement .text {
font-size: 18px;line-height: 1.4;padding: 16px 25px;}
.gridelement .text .link {
text-align: right;}
.gridelement.big .text {
font-size: 25px;line-height: 1.3;padding: 25px 25px;}
.gridelement .subheadline + .text {
padding-top: 5px;}
.gridelement .text p {
margin: 0 0 5px 0 !important;}
.gridelement .fixratio {
position: relative;padding-bottom: 56.25%; 
padding-top: 25px;height: 0;}
.gridelement .fixratio iframe {
position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#body.relaunch2023 .gridelement { 
background-color: #FFF;}
#body.relaunch2023 .gridelementwrapper.teaser_color_blue .gridelement { 
background-color: #e5eef5;}
#body.relaunch2023 .gridelement .bildwrapper .headline {
position: static;padding: 0;border: 0;padding: 0 25px;margin: 0.5rem 0 0 0;line-height: 1.2;}
#body.relaunch2023 .gridelement .bildwrapper .headline a {
color: #0e5878;text-decoration: none;}
#body.relaunch2023 .gridelement .bildwrapper .headline .wrapper {
border-top-width: 0;border-bottom-width: 0;background-color: transparent;}
#body.relaunch2023 .gridelement .bildwrapper .headline .wrapper .inner { position: static; top: auto; left: auto; }.gridelement .expand {
position: relative;
max-height: 140px;
overflow: hidden;
}
.gridelement .expand.on {
position: relative;
max-height: none;
overflow: visible;
}
.gridelement .expand:before {
content: " ";
position: absolute;
left: 0px;
top: 30%;
right: 0px;
bottom: 0px;
background-image: linear-gradient(to bottom, rgba(238, 238, 238,0) 0%, rgba(238, 238, 238,1) 90%);
}
.gridelement .expand:after {
content: "+";
font-size: 13px;
font-weight: bold;
position: absolute;
left: 45%;
bottom: 0px;
background: #0e5878;
color: #fff;
border-radius: 20px;
padding: 0px 5px 1px 6px;
cursor: pointer;
opacity: 0.5;
}
.gridelement .expand.on:after { display: none }
.gridelement .expand.on:before { display: none }
@media all and (min-width: 568px) and (max-width: 767px) {
.gridelement .textwrapper.mobilehandling { display: none; }
.gridelement .textwrapper.mobilehandling.on { display: block; }
.gridelement .textwrapper.mobilehandling + .buttonwrapper { display: none; }
.gridelement .textwrapper.mobilehandling.on + .buttonwrapper { display: block; }
}
@media all and (max-width: 567px) {
.gridelement .textwrapper.mobilehandling { display: none; }
.gridelement .textwrapper.mobilehandling.on { display: block; }
.gridelement .textwrapper.mobilehandling + .buttonwrapper { display: none; }
.gridelement .textwrapper.mobilehandling.on + .buttonwrapper { display: block; }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.gutter-sizer { width: 25px; }
.gridelement { width: 310px; }
.gridelement.big { width: 645px;}
.gridelement .Bild img { width: 310px; height: auto; }
.gridelement.big .Bild img { width: 645px; height: auto; }
.gridelement .bildwrapper .headline {
bottom: 14px;
padding: 4px 13px 4px 0;
border-left: 33px solid #fff;
}
.gridelement.big .headline { bottom: 45px; padding-right: 18px; }
.gridelement .bildwrapper .headline .wrapper {
border-top-width: 4px;
border-bottom-width: 4px;
}
.gridelement.big .bildwrapper .date-element { left: 35px; }
.gridelement .text .headline {
bottom: 14px;
padding: 4px 13px 4px 0;	}
.gridelement .mmcf {
width: 65%;
padding: 15px 30px 15px 25px;
}
.gridelement.big .bildwrapper .date-element { left: 35px; }
.gridelement .text {
font-size: 17px;
line-height: 1.35;
padding: 12px 23px;
}
.gridelement.big .text {
font-size: 28px;
line-height: 1.25;
padding: 23px 23px;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.gutter-sizer { width: 3%; }
.gridelement { width: 31%; }
.gridelement.big { width: 65%; }
.gridelement .Bild img { width: 100%; height: auto; }
.gridelement.big .Bild img { width: 100%; height: auto; }
.gridelement .bildwrapper .headline {
bottom: 13px;
padding: 3px 11px 3px 0;
border-left: 31px solid #fff;
}
.gridelement.big .bildwrapper .headline { bottom: 40px; padding-right: 16px; }
.gridelement .bildwrapper .headline .wrapper {
border-top-width: 3px;
border-bottom-width: 3px;
}
.gridelement .mmcf {
width: 65%;
padding: 12px 18px 12px 20px;
}
.gridelement.big .bildwrapper .date-element { left: 25px; }
.gridelement .text .headline {
bottom: 13px;
padding: 3px 11px 3px 0;
}
.gridelement .mmcf {
width: 65%;
padding: 12px 18px 12px 20px;
}
.gridelement.big .bildwrapper .date-element { left: 25px; }
.gridelement .text {
font-size: 16px;
line-height: 1.30;
padding: 11px 21px;
}
.gridelement.big .text {
font-size: 25px;
line-height: 1.20;
padding: 21px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.gutter-sizer { width: 2%; }
.gridelement { width: 49%; }
.gridelement.big { width: 99%; }
.gridelement.fixheight { height: 500px; }
.gridelement .Bild img { width: 100%; height: auto; }
.gridelement.big .Bild img { width: 100%; height: auto; }
.gridelement .bildwrapper .headline {
display: none;
bottom: 12px;
padding: 2px 9px 2px 0;
border-left: 28px solid #fff;
}
.gridelement.big .bildwrapper .headline { bottom: 35px; padding-right: 16px; }
.gridelement .bildwrapper .headline .wrapper {
border-top-width: 2px;
border-bottom-width: 2px;
}
.gridelement .text .headline {
display: block;
bottom: 12px;
padding: 2px 9px 2px 0;
}
.gridelement .mmcf {
width: 70%;
padding: 10px 18px 10px 20px;
}
.gridelement.big .bildwrapper .date-element { left: 25px; }
.gridelement .text {
font-size: 14px;
line-height: 1.25;
padding: 9px 18px;
}
.gridelement.big .text {
font-size: 20px;
line-height: 1.15;
padding: 18px;
}
}
@media all and (max-width: 567px) {
.gutter-sizer { width: 5%; }
.gridelement { width: 100%; }
.gridelement.big { width: 100%; }
.gridelement.fixheight { height: auto; min-height: 0; }
.gridelement .Bild img { width: 100%; height: auto; }
.gridelement.big .Bild img { width: 100%; height: auto; }
.gridelement .bildwrapper .headline {
display: none;
bottom: 11px;
padding: 2px 9px 2px 0;
border-left: 28px solid #fff;
}
.gridelement.big .bildwrapper .headline { bottom: 30px; padding-right: 15px; }
.gridelement .bildwrapper .headline .wrapper {
border-top-width: 2px;
border-bottom-width: 2px;
}
.gridelement .text .headline {
display: block;
bottom: 11px;
padding: 2px 9px 2px 0;
}
.gridelement .mmcf {
width: 70%;
padding: 10px 18px 10px 20px;
}
.gridelement.big .bildwrapper .date-element { left: 25px; }
.gridelement .text {
font-size: 13px;
line-height: 1.25;
padding: 8px 16px;
}
.gridelement.big .text {
font-size: 18px;
line-height: 1.15;
padding: 16px;
}
}
.T3524.S9016 .gridelement {
background-color: #d6dc23;
}.T3529 {
background-color: var(--background, transparent);color: var(--textcolor,#0e5878);margin: 1.5rem 0;padding: 1.5rem 0;}
.T3529 .center {
text-align: center;}
.T3529 .wrapper {
display: flex;flex-wrap: wrap;justify-content: space-between;margin: 40px 0 0 0;}
.T3529 .wrapper .col {
width: 48%;background-color: var(--background, transparent);}
.T3529 .wrapper .col.bg_color {
padding: 1rem;}
.T3529 .wrapper .Bild { position: relative; }
.T3529 .wrapper .Bild img {
width: 100%;height: auto;}
.T3529 .wrapper .Bild .playbutton {
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.T3529 .wrapper .Bild .playbutton i {
font-size: 105px;color: #FFF;opacity: 0.8;text-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.T3529 .wrapper .Bild .playbutton:hover i {
opacity: 1;}
.T3529 .button_wrapper {
display: flex;justify-content: flex-end;}@media all and (max-width: 567px) {
.T3529 .wrapper .col {
width: 100%;
float: none;
}
.T3529 .wrapper .col1 {
margin: 0 0 30px 0;
}
}
.T3530:not(.new) {
position: relative;z-index: 50;margin-top: 35px !important;margin-bottom: 30px !important;}
.T3530:not(.new):after { display: block; content: ""; clear: left; }
.T3530:not(.new) a {
display: block;position: absolute;top: 0px;width: 25%;height: 105px;font-size: 30px;line-height: 1.15;background-color: #d6dc23;color: #327081;text-decoration: none;padding: 18px 29px 16px 29px;background-repeat: no-repeat;box-shadow: 15px 10px 45px rgba(0,0,0,0.35);transform: scale(1);transition: box-shadow 250ms, transform 250ms;}
.T3530:not(.new) a:hover {
box-shadow: 15px 10px 60px rgba(0,0,0,0.2);transform: scale(1.1);transition: box-shadow 250ms, transform 250ms;}
.T3530:not(.new) .text {
width: 46%;display: block;background-color: #0e5878;color: #FFF;text-align: center;font-size: 20px;padding: 10px 0;margin: 0 0 0 27%;}
.T3530:not(.new) .text > span {
font-size: 25px;}
.T3530:not(.new) a.leftbutton {
left: 0;text-align: left;padding-left: 74px;padding-right: 20px;}
.T3530:not(.new) a.rightbutton {
right: 0;text-align: right;padding-right: 74px;}
.T3530 a i {
position: absolute;top: 50%;transform: translate(0,-50%);font-size: 30px;}
.T3530 a.leftbutton i { left: 20px; }
.T3530 a.rightbutton i { right: 20px; }

.T3530.new .wrapper {
display: flex;flex-wrap: wrap;justify-content: space-between;}
.T3530.new .text {
width: 100%;display: block;background-color: #0e5878;color: #FFF;text-align: center;font-size: 20px;order: 1;margin-bottom: 20px;padding: 10px 0;}
.T3530.new .text > span {
font-size: 25px;}
.T3530.new a {
position: relative;display: flex;align-items: center;background-color: #d6dc23;color: #327081;font-size: 15px;width:  calc(50% - 10px);padding: 18px 29px 16px 29px;text-decoration: none;box-shadow: 15px 10px 45px rgba(0,0,0,0.35);transform: scale(1);transition: box-shadow 250ms, transform 250ms;}
.T3530.new a:hover {
box-shadow: 15px 10px 60px rgba(0,0,0,0.2);transform: scale(1.1);transition: box-shadow 250ms, transform 250ms;}
.T3530.new a.leftbutton {
order: 2;text-align: left;padding-left: 64px;padding-right: 20px;}
.T3530.new a.rightbutton {
order: 3;text-align: right;padding-right: 64px;}
@media (min-width: 567px) {
.T3530.new a {
font-size: 22px;}
}
@media (min-width: 768px) {
.T3530.new a { font-size: 24px; width: 25%;  }
.T3530.new a.leftbutton { order: 1; }
.T3530.new .text { order: 3; width:46%; margin-bottom: 0; }
.T3530.new a.rightbutton { order: 3; }
}
@media (min-width: 1024px) {
.T3530.new a { font-size: 30px; width: 24%; }
.T3530.new .text {  width:48%; }
}
@media (min-width: 1280px) {
.T3530.new a { width: 22%; }
.T3530.new .text {  width:52%; }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3530:not(.new) {
margin-top: 30px !important;margin-bottom: 25px !important;}
.T3530:not(.new) a {
font-size: 26px;padding: 17px 25px 15px 25px;height: 90px;}
.T3530:not(.new) .text {
width: 46%;font-size: 17px;padding: 9px 0;height: 90px;}
.T3530:not(.new) .text > span { font-size: 23px; }
.T3530:not(.new) a.leftbutton { padding-left: 55px; }
.T3530:not(.new) a.rightbutton { padding-right: 55px; }
.T3530:not(.new) a i { font-size: 25px; }
.T3530 a.leftbutton i { left: 15px; }
.T3530 a.rightbutton i { right: 15px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3530:not(.new) {
margin-top: 25px !important;margin-bottom: 20px !important;}
.T3530:not(.new) a {
font-size: 21px;padding: 15px 10px 12px 10px;height: 75px;}
.T3530:not(.new) .text {
width: 46%;height: 75px;font-size: 13px;padding: 7px 10px;}
.T3530:not(.new) .text > span { font-size: 20px; }
.T3530:not(.new) a.leftbutton { padding-left: 35px; }
.T3530:not(.new) a.rightbutton { padding-right: 35px; }
.T3530:not(.new) a i { font-size: 20px; }
.T3530 a.leftbutton i { left: 10px; }
.T3530 a.rightbutton i { right: 10px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3530:not(.new) {
margin-top: 25px !important;margin-bottom: 20px !important;}
.T3530:not(.new) .wrapper {
margin: 15px 0 0 0;}
.T3530:not(.new) a {
position: relative;top: auto;left: auto;right: auto;width: 49%;font-size: 18px;padding: 15px 10px 12px 10px;float: left;height: auto;}
.T3530:not(.new) .text {
width: auto;font-size: 15px;padding: 7px 0;margin: 0;}
.T3530:not(.new) .text > span {
font-size: 17px;}
.T3530:not(.new) a.leftbutton {
padding-left: 30px;margin-right: 1%;}
.T3530:not(.new) a.rightbutton {
padding-right: 30px;margin-left: 1%;}
.T3530:not(.new) a i { font-size: 17px; }
.T3530 a.leftbutton i { left: 8px; }
.T3530 a.rightbutton i { right: 8px; }
}
@media all and (max-width: 567px) {
.T3530:not(.new) {
margin-top: 20px !important;margin-bottom: 15px !important;}
.T3530:not(.new) .wrapper {
margin: 10px 0 0 0;}
.T3530:not(.new) a {
position: relative;top: auto;left: auto;right: auto;width: 49%;font-size: 18px;padding: 15px 10px 12px 10px;float: left;height: auto;}
.T3530:not(.new) .text {
width: auto;font-size: 14px;padding: 7px 0;margin: 0;}
.T3530:not(.new) .text > span {
font-size: 16px;}
.T3530:not(.new) a.leftbutton {
padding-left: 30px;margin-right: 1%;}
.T3530:not(.new) a.rightbutton {
padding-right: 30px;margin-left: 1%;}
.T3530:not(.new) a i { font-size: 15px; }
.T3530 a.leftbutton i { left: 5px; }
.T3530 a.rightbutton i { right: 5px; }
}
.T3531 {
}
.T3531 iframe {
position: fixed;border: 0px solid #000;padding-top: 50px;top: 0px;left: 0px;height: 100%;width: 100%;box-sizing: border-box;z-index: 2;}
body.relaunch2023 .T3531 iframe { padding-top: 0; }
.T3531 .background {
position: fixed;top: 0px;left: 0px;height: 100%;width: 100%;background-color: #000;opacity: 0.3;z-index: 3;}
.T3531 .infopopup {
position: absolute;top: 250px;left: 50%;transform: translate(-50%, 0);background-color: #d6dc23;color: #0e5878;z-index: 4;font-size: 20px;width: 400px;padding: 15px 20px;box-shadow: 0 0 10px rgba(0,0,0,0.5)
}
.T3531 .infopopup .close_btn {
font-size: 24px;position: absolute;top: 0px;right: 10px;cursor: pointer;}
@media all and (max-width: 567px) {
.T3531 iframe {
padding-top: 100px;}
.T3531 .infopopup {
position: absolute;top: 100px;font-size: 16px;width: 200px;padding: 10px 15px;}
}
.T3531 .close {
position: absolute;top: 20px;right: 20px;font-size: 30px;background-color: #FFF;color: #000;width: 70px;height: 70px;border-radius: 50%;}
.T3531 .close i {
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.T3557 .bilder {
display: flex;flex-wrap: wrap;}
.T3557 .bilder .element {
display: block;position: relative;width: calc(50% - 8px); margin: 0 8px 8px 0;}
.T3557 .bilder .element > .inner {
display: block;}
.T3557 .bilder .element > .inner img { width: 100%; height: auto; aspect-ratio: 250 / 187; }
.T3557 .bilder .element > .inner > .name {
position: absolute;bottom: 0px;left: 0px;background-color: #FFF;font-size: 13px;padding: 3px 7px;}
@media (min-width: 567px) {
.T3557 .bilder .element { width: calc(33% - 10px); margin: 0 10px 10px 0; }
}
@media (min-width: 768px) {
.T3557 .bilder .element { width: calc(33% - 15px); margin: 0 15px 15px 0; }
}
@media (min-width: 1024px) {
.T3557 .bilder .element { width: calc(33% - 18px); margin: 0 18px 18px 0; }
}
@media (min-width: 1280px) {
.T3557 .bilder .element { width: calc(33% - 20px); margin: 0px 20px 20px 0; }
}
.T3557.S8136 .bilder {
display: block;}
.T3557.S8136 .bilder .element {
width: 100%; margin: 0;}
.T3557.S8136 .slick-prev { left: 2.5rem; }
.T3557.S8136 .slick-next { right: 2.5rem; }
.slick-prev:before, .slick-next:before {
color: #0e5878;}.T3632 {
position: relative;
background-color: #FFF;
background-color: rgba(255,255,255,0.85);
padding: 20px;
font-size: 16px;
}
.T3632 a { text-decoration: none; }
.T3632 .calculator {
margin: 20px 15px;
}
.T3632 .motiv { position: relative; }
.T3632 .motiv .Bild img { width: 100%; height: auto; }
.T3632 .motiv h1 { position: absolute; bottom: 20px; left: 0px; background-color: #fff; padding: 5px 20px; margin: 0px; }
@media all and (max-width: 567px) {
.T3632 .motiv h1 { font-size: 15px; bottom: -5px; }
}
.T3632 .head-content { padding: 15px 20px; }
.T3632 .calculator .notify {
opacity: 0;
background-color: #333;
color: #FFF;
font-size: 14px;
padding: 3px 5px;
transition: opacity 250ms;
margin: 30px 0 0 0;
display: inline;
}
.T3632 .calculator .notify.show { opacity: 1; transition: opacity 250ms; }
.T3632 .calculator .staticnotifys .staticnotify {
background-color: #0E5878;
color: #FFF;
padding: 5px 0;
text-align: center;
margin: 0 7px 0 0;
}
.T3632 .calculator-overlay {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-color: rgba(255,255,255,0.8);
z-index: 200;
display: none;
}
.calculator-overlay.show { display: block; }
.T3632 .content { margin-bottom: 30px; }
.T3632 .item-content table { border-spacing: 0px; border-collapse: collapse; border-bottom: 1px solid rgba(0,0,0,0.2); }
.T3632 .item-content th { font-size: 11px; font-weight: bold; border-bottom: 1px solid rgba(0,0,0,0.2); padding: 15px 25px 6px 0px; text-align: left; vertical-align: bottom; }
.T3632 .item-content td { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 2px 25px 6px 0px; vertical-align: top; }
#calculator {
width: 100%;
}
.T3632 .calculator .canvas.disabled { display: none; }
.T3632 .tablewrapper { max-width: 1130px; }
.T3632 .tablewrapper .row { margin: 0 0 10px 0; position: relative; }
.T3632 .tablewrapper .row.head { margin-bottom: 0px; display: none; }
.T3632 .tablewrapper .row:after { display: block; content: ""; clear: both; }
.T3632 .tablewrapper .row .cell { float: left; padding: 0 10px 0 0; }
.T3632 .tablewrapper .wrapper-pulldowns:after { display: block; content: ""; clear: left; }
.T3632 .tablewrapper .row .cell.cell-amount { width: 80px; }
.T3632 .tablewrapper .row .cell.cell-age { width: 240px; }
.T3632 .tablewrapper .row .cell.cell-product { width: 320px; }
.T3632 .tablewrapper .row .cell.cell-validity { width: 280px; }
.T3632 .tablewrapper .row .cell.cell-price { width: 210px; padding: 5px 20px 0px 0px;  }
.T3632 .item-view .tablewrapper .row .cell.cell-amount { display: none; }
.T3632 .item-view .tablewrapper .row .cell.cell-age { width: 440px; }
.T3632 .item-view .tablewrapper .row .cell.cell-product { display: none; }
.T3632 .item-view .tablewrapper .row .cell.cell-validity { width: 480px; }
.T3632 .tablewrapper .row .wrapper-price { position: absolute; top: 0px; right: 0; bottom: 0; float: none; }
.T3632 .tablewrapper .row:not(.head):not(.bottom) .wrapper-price { border: 1px solid #ccc; }
.T3632 .tablewrapper .row.head { 
font-size: 11px;
color: #000;
}
.T3632 .price {
font-size: 25px;
line-height: 1.1;
color: #000;
text-align: right;
white-space: nowrap;
}
.T3632 .price .note {
font-size: 12px;
white-space: normal;
}
.T3632 .tablewrapper .row a.remove {
position: absolute;
top: 10%;
right: -15px;
transform: translate(0,-50%);
display: inline-block;
color: #000;
background-color: #CCC;
width: 25px;
height: 25px;
border-radius: 50%;
box-shadow: 1px 1px 0px #bbb;
}
.T3632 .tablewrapper .row a.remove i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.T3632 .tablewrapper .row a.remove.hide { display: none; }
.T3632 .bottom:after { display: block; content: ""; clear: both; }
.T3632 .bottom .discountwrapper {
margin: 15px 0;
font-size: 17px;
color: #F00;
}
.T3632 .bottom .discountwrapper .discount {
display: flex;
}
.T3632 .bottom .discountwrapper .discount .name {
flex: 3;
}
.T3632 .bottom .discountwrapper .discount .discount_amount {
flex: 1;
color: #F00 !important;
padding-right: 39px;
}
.T3632 .bottom .newrow {
display: inline-block;
background-color: #eee;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
color: #000;
padding: 5px 10px 5px 10px;
cursor: pointer;
width: 100%;
text-align: center;
}
.T3632 .bottom .totalprice {
text-align: right;
display: none;
}
.T3632 .bottom .totalprice.show {
display: block;
}
.T3632 .bottom .cell-price .button-add {
background-color: #999;
color: #fff;
text-align: center;
padding: 5px 15px;
margin-top: 15px;
cursor: pointer;
}
.T3632 .bottom .cell-price .button-add:hover {
background-color: #bbb;
}
.T3632 .calculator_footer .share-elm .share-infos {
display: none;
}
.T3632 .footer {
border-top: 1px solid rgba(0,0,0,0.1);
margin: 30px 0 0 0;
font-size: 13px;
} 
.T3632 .head {
position: relative;
}
.T3632 .head .buttonwrapper {
position: relative;
z-index: 1;
display: block;
margin: 0 auto;
text-align: center;
font-size: 0px;
}
.T3632 .head .buttonwrapper:after { display: block; content: ""; clear: left; }
.T3632 .head a {
display: inline-block;
margin:  0px 1px 1px 0px;
padding: 8px 22px 9px 22px;
background-color: #999;
color: #fff;
font-size: 16px; 
line-height: 1;
}
.T3632 .head a:hover {
background-color: #bbb;
}
.T3632 .head a.active {
background-color: #666;
color: #fff;
font-weight: bold;
}

.T3632 .calculator .header {
margin: 0 0 20px 0;
}
.T3632 .calculator .header .item {
width: 270px;
margin: 0 auto;
}
.T3632 .calculator .header .item:after { display: block; content: ""; clear: left; }
.T3632 .calculator .header .item .label {
color: #000;
font-size: 12px;
float: left;
padding-top: 6px;
margin: 0 12px 0 0;
}

.T3632 .calculator .header .infotext {
width: 100%;
text-align: center;
font-size: 13px;
margin: 20px 0;
}
.T3632 .calculator .header .infotext a { color: #333; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3632 .calculator .notify { font-size: 13px; padding: 2px 4px; margin: 25px 0 0 0; }
.T3632 .calculator .header .infotext { font-size: 12px; }
.T3632 .head a { padding: 7px 18px 7px 19px; font-size: 15px;  }
.T3632 .calculator .header { margin: 0 0 20px 0; }
.T3632 .calculator .header .item { width: 220px; }
.T3632 .calculator .header .item .label {
font-size: 11px;
padding-top: 6px;
margin: 0 10px 0 0;
}
.T3632 .calculator .header .item .inputdiv { width: 110px; }
.T3632 .calculator .header .item .inputdiv input {  width: 110px; font-size: 15px; padding: 4px 3px; }
.T3632 .calculator .header .item .inputdiv i {  right: 8px;  font-size: 14px;  }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3632 .calculator .notify { font-size: 12px; padding: 2px 4px; margin: 20px 0 0 0; }
.T3632 .calculator .header .infotext { font-size: 11px; }
.T3632 .head a { padding: 6px 13px 6px 14px; font-size: 12px;  }
.T3632 .calculator .header { margin: 0 0 20px 0; }
.T3632 .calculator .header .item { width: 220px; }
.T3632 .calculator .header .item .label {
font-size: 11px;
padding-top: 6px;
margin: 0 10px 0 0;
}
.T3632 .calculator .header .item .inputdiv { width: 110px; }
.T3632 .calculator .header .item .inputdiv input {  width: 110px; font-size: 14px; padding: 4px 3px; }
.T3632 .calculator .header .item .inputdiv i {  right: 8px;  font-size: 13px;  }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3632 .calculator .notify { font-size: 11px; padding: 2px 3px; margin: 15px 0 0 0; }
.T3632 .calculator .header .infotext { font-size: 10px; }
.T3632 .head a { padding: 6px 12px 6px 13px; font-size: 12px;  }
.T3632 .calculator .header { margin: 0 0 20px 0; }
.T3632 .calculator .header .item { width: 220px; }
.T3632 .calculator .header .item .label {
font-size: 11px;
padding-top: 6px;
margin: 0 10px 0 0;
}
.T3632 .calculator .header .item .inputdiv { width: 110px; }
.T3632 .calculator .header .item .inputdiv input {  width: 110px; font-size: 13px; padding: 4px 3px; }
.T3632 .calculator .header .item .inputdiv i {  right: 8px;  font-size: 12px;  }
}
@media all and (max-width: 567px) {
.T3632 .calculator .notify { font-size: 11px; padding: 2px 3px; margin: 15px 0 0 0; }
.T3632 .calculator .header .infotext { font-size: 9px; }
.T3632 .head a { padding: 5px 11px 6px 11px; font-size: 11px; }
.T3632 .calculator .header .item { width: 190px; }
.T3632 .calculator .header .item .label {
font-size: 10px;
padding-top: 6px;
margin: 0 10px 0 0;
}
.T3632 .calculator .header .item .inputdiv { width: 95px; }
.T3632 .calculator .header .item .inputdiv input {  width: 95px; font-size: 12px; padding: 4px 3px; }
.T3632 .calculator .header .item .inputdiv i {  right: 8px;  font-size: 11px;  }
}
.T3632 .items { 
margin: 20px -20px 20px 0px; 
display: flex;
flex-wrap: wrap;
justify-content: center;

display : -ms-flexbox;
-ms-flex-wrap: wrap;
-ms-flex-pack: justify;
}
.T3632 .items .item {
display: block;
text-decoration: none;
float: left; 
width: calc(20% - 20px); 
position: relative;
background-color: rgba(0,0,0,0.2);
margin: 0px 20px 20px 0px;
overflow: hidden;
}
.T3632 .items .item .badge {
z-index: 1000;
position: absolute;
right: 0px;
top: 0px;
background-color: #333;
color: #fff;
padding: 5px 10px;
font-size: 12px;
}
.T3632 .items .item .Bild img {
width: 100%;
height: auto;
}
@media all and (min-width: 567px) {
.T3632 .items .item .Bild {
transform: scale(1);
transition: transform 250ms;
}
.T3632 .items .item:hover .Bild {
transform: scale(1.2);
transition: transform 250ms;
}
}
.T3632 .items .label { 	
position: absolute;
left: 0px;
bottom: 30px;
right: 20px;
border-left: 10px solid #fff;
}
.T3632 .items .label span {
font-weight: bold;
background-color: #fff;
padding: 2px 10px 2px 10px;
color: #000;
line-height: 1.6;
font-size: 18px;
margin-left: -10px;
}
@media all and (min-width: 900px) and (max-width: 1279px) {
.T3632 .items .item { width: calc(25% - 20px); }
}
@media all and (min-width: 500px) and (max-width: 900px) {
.T3632 .items .item { width: calc(33.33% - 20px); }
.T3632 .items .label span { font-size: 16px;  }
.T3632 .items .item .badge { font-size: 11px; }
}
@media all and (max-width: 500px) {
.T3632 .items .item { width: calc(50% - 20px); }
.T3632 .items .label span { font-size: 12px;  }
.T3632 .items .item .badge { font-size: 10px; }
}
.T3632 .pulldown {
color: #000;
width: 100%;
height: 100%;
cursor: pointer;
}
.T3632 .pulldown.pulldown-open {
position: relative;
z-index: 201;
border-width: 0;
}
.T3632 .pulldown .inner {
position: relative;
padding: 5px 40px 8px 10px;
background-color: #eee;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
height: 100%;
}
.T3632 .pulldown .inner .arrow {
position: absolute;
top: 5px;
right: 10px;
}
.T3632 .pulldown.pulldown-open .inner .arrow { transform: rotate(180deg); }
.T3632 .pulldown .headline { font-size: 16px; }
.T3632 .pulldown .subheadline {
font-size: 12px;
line-height: 1.1;
color: #555555;
}
.T3632 .pulldown .options {
display: none;
}
.T3632 .pulldown.pulldown-open .options {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
background-color: #eee;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}
.T3632 .pulldown .options .option {
padding: 5px 10px 5px 10px;
border-bottom: 1px solid #ddd;
}
.T3632 .tablewrapper .row .cell.cell-amount .pulldown .inner .headline { white-space: nowrap; }
.T3632 .tablewrapper .row .cell.cell-amount .pulldown .options .headline { white-space: nowrap; }



.T3632 .pulldown .options .option:hover { background-color: #0E5878; color: #FFF; }
.T3632 .pulldown .options .option:hover .subheadline { color: #EEE; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3632 .pulldown .inner { padding: 4px 30px 4px 8px; }
.T3632 .pulldown .headline { font-size: 15px; }
.T3632 .pulldown .subheadline { font-size: 11px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3632 .pulldown .inner { padding: 3px 36px 7px 12px; }
.T3632 .pulldown .headline { font-size: 13px; }
.T3632 .pulldown .subheadline { font-size: 10px; }
.T3632 .pulldown .arrow { font-size: 12px; }
.T3632 .pulldown .inner .arrow {
top: 3px;
right: 5px;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3632 .pulldown .inner { padding: 2px 34px 6px 9px; }
.T3632 .pulldown .headline { font-size: 12px; }
.T3632 .pulldown .subheadline { font-size: 9px; }
.T3632 .pulldown .arrow { font-size: 11px; }
.T3632 .pulldown .inner .arrow {
top: 3px;
right: 5px;
}
}
@media all and (max-width: 567px) {
.T3632 .pulldown .inner { padding: 2px 34px 5px 7px; }
.T3632 .pulldown .headline { font-size: 11px; }
.T3632 .pulldown .subheadline { font-size: 8px; }
.T3632 .pulldown .arrow { font-size: 10px; }
.T3632 .pulldown .inner .arrow {
top: 3px;
right: 5px;
}
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3632 { padding: 40px 0; font-size: 15px; }
.T3632 .content { margin: 40px 0; }
#calculator { width: 920px; }
.T3632 .tablewrapper .row .cell { padding-right: 9px; }
.T3632 .tablewrapper .row .cell.cell-amount { width: 70px; }
.T3632 .tablewrapper .row .cell.cell-age { width: 200px; }
.T3632 .tablewrapper .row .cell.cell-product { width: 240px; }
.T3632 .tablewrapper .row .cell.cell-validity { width: 220px; }
.T3632 .tablewrapper .row .cell.cell-price { width: 190px; }
.T3632 .tablewrapper .row  a.remove { width: 28px; height: 28px; }
.T3632 .price { font-size: 27px;  }
.T3632 .price .note { font-size: 11px; }
.T3632 .note { margin-top: 18px; font-size: 13px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3632 { padding: 30px 0; font-size: 14px; }
.T3632 .content { margin: 30px 0; }
#calculator { width: 100%; }
.T3632 .tablewrapper .row .cell {  padding-right: 8px; }
.T3632 .tablewrapper .row .cell.cell-amount { width: 9%; }
.T3632 .tablewrapper .row .cell.cell-age { width: 20%;  }
.T3632 .tablewrapper .row .cell.cell-product { width: 23%;  }
.T3632 .tablewrapper .row .cell.cell-validity { width: 25%;  }
.T3632 .tablewrapper .row .wrapper-price { width: 23%; }
.T3632 .tablewrapper .row .cell.cell-price { width: 100%; }
.T3632 .tablewrapper .row  a.remove { width: 25px; height: 25px; right: -12px;  }
.T3632 .price { font-size: 25px; }
.T3632 .price .note { font-size: 10px; }
.T3632 .bottom .newrow { font-size: 13px;  padding: 3px 6px; }
.T3632 .note { margin-top: 15px; font-size: 12px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3632 { padding: 20px 0; font-size: 13px; }
.T3632 .calculator { 
margin: 5px;
}
.T3632 .content { margin: 20px 0; }
#calculator { width: 100%; }
.T3632 .tablewrapper .row .cell {  padding-right: 6px; }
.T3632 .tablewrapper .row .cell.cell-amount { width: 9%; }
.T3632 .tablewrapper .row .cell.cell-age { width: 22%; }
.T3632 .tablewrapper .row .cell.cell-product { width: 23%;  }
.T3632 .tablewrapper .row .cell.cell-validity { width: 25%;  }
.T3632 .tablewrapper .row .wrapper-price { width: 21%; }
.T3632 .tablewrapper .row .cell.cell-price { width: 100%; padding-right: 20px; }
.T3632 .tablewrapper .row  a.remove { width: 20px; height: 20px; right: -10px;  }
.T3632 .price { font-size: 18px; }
.T3632 .price .note { font-size: 8px; }
.T3632 .bottom .newrow { font-size: 11px; padding: 2px 4px; }	
.T3632 .note { margin-top: 12px; font-size: 12px; }
}
@media all and (max-width: 567px) {
.T3632 { padding: 40px 0 15px 0 !important; font-size: 12px; }
.T3632 .items .item { 
width: calc(50% - 20px);
}
.T3632 .calculator { 
margin: 5px;
}
.T3632 .content { margin: 20px 0; }
#calculator { width: 100%; }
.T3632 .tablewrapper .row  {  border-top: 1px solid #DDD; padding-top: 10px; position: relative; }
.T3632 .tablewrapper .row .cell { padding-right: 0px; padding-bottom: 5px; float: none; }
.T3632 .tablewrapper .cell-wrapper { display: block; }
.T3632 .tablewrapper .row .cell-wrapper:after { display: block; content: ""; clear: left; }
.T3632 .tablewrapper .row .wrapper-pulldowns {
width: 75%;
float: left;
margin: 0 2% 0 0;
}
.T3632 .tablewrapper .row .wrapper-price {
width: 23%;
float: right;
}
.T3632 .tablewrapper .row .cell-wrapper.wrapper-amountage .cell { float: left; }
.T3632 .tablewrapper .row .cell.cell-amount { width: 22%; padding-right: 6px; }
.T3632 .tablewrapper .row .cell.cell-age { width: 78%; }
.T3632 .tablewrapper .row .cell.cell-product { width: 100%;  }
.T3632 .tablewrapper .row .cell.cell-validity { width: 100%; padding-bottom: 0px; }
.T3632 .tablewrapper .row .cell.cell-price { width: 100%; padding-right: 5px; }
.T3632 .item-view .tablewrapper .row .cell.cell-amount { display: none; }
.T3632 .item-view .tablewrapper .row .cell.cell-age { width: 100%; }
.T3632 .item-view .tablewrapper .row .cell.cell-product { display: none; }
.T3632 .item-view .tablewrapper .row .cell.cell-validity { width: 100%; }
.T3632 .tablewrapper .row  a.remove { width: 20px; height: 20px; right: -10px; }
.T3632 .tablewrapper .row .wrapper-price { top: 10px; }
.T3632 .tablewrapper .row .cell.cell-amount .pulldown { height: 30.8px; }
.T3632 .price { font-size: 14px; }
.T3632 .price .note { font-size: 8px; }
.T3632 .tablewrapper .row.head {  display: none; }
.T3632 .tablewrapper .row.bottom .cell-amount { display: none; }
.T3632 .tablewrapper .row.bottom .cell-product { display: none; }
.T3632 .tablewrapper .row.bottom .cell-validity { display: none; }
.T3632 .tablewrapper .row.bottom .cell-age { width: 70%; float: left; }
.T3632 .tablewrapper .row.bottom .cell-price { width: 100%; }
.T3632 .bottom .newrow { font-size: 12px; padding: 2px 8px;  display: inline-block; width: auto; }	
.T3632 .note { margin-top: 12px; font-size: 11px; }
}
.Mandant_3469 .T3632 .items .item .badge {  background-color: #d6dc23; color: #0e5878; }
.Mandant_3469 .T3632 .bottom .cell-price .button-add {  background-color: #d6dc23; color: #0e5878; }
.Mandant_3469 .T3632 .bottom .cell-price .button-add:hover {  background-color: #0e5878; color: #FFF; }
.Mandant_3469 .T3632 .head a { background-color: #0E5878; }
.Mandant_3469 .T3632 .head a:hover { background-color: #2E7898; }
.Mandant_3469 .T3632 .head a.active { background-color: #d6dc23; color: #0E5878; }
.T3644 {
padding-top: 1px;
margin: 0px 0px;
}
.T3644 .hide { display: none; }
.T3644 table  { 
overflow-x: auto;
display: block;
width: fit-content;
width: 100%;
}
.T3644 table label { display: block; margin: -3px; }
.T3644 .button { 
padding: 7px 35px;
color: #fff;
font-size: 16px;
background-color: #0e5878;
margin: 20px 0px;
border: 0px;
}
.T3644 .maxwidth {
margin-top: 140px !important;
background-color: #fff;
padding: 30px 20px 30px 30px;

background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/818666/mmc.png);
background-repeat: no-repeat;
background-position: center 30px;
border-radius: 20px;
padding-top: 130px;
}
.T3644 .maxwidth.blockid {
margin-top: 20px !important;
}
.Rubrik_102602 .T3644 { 
margin: 0px !important;
padding: 0px !important;
}
.Rubrik_102602 .T3644 .maxwidth { 
margin: 0px !important;
width: auto !important;
}
.registration {
display: none;
}
.registration.open {
display: block;
}
.T3644 .clubcontent {
margin: 0 0 20px 0;
}
.T3644 section {
padding: 20px 0px 20px 20px;
min-height: 55px;
border-bottom: 1px solid #ccc;
}
.T3644 section .info {
margin: 0px 30px 20px 45px;
max-width: 800px;
font-size: 14px;
}
.T3644 section .info2 { margin: 0px 30px 20px 0px; max-width: 800px; }
.T3644 section .notify {
margin: 0px 0px 10px 45px;
font-size: 13px;
font-weight: 600;
}
.T3644 section .content {
font-size: 14px;
display: none;
margin: 0px 40px 10px 42px;
}
.T3644 section .content2 {
font-size: 14px;
margin: 10px 40px 10px 42px;
}
.T3644 section.highlight {
background-color: #E3E9EE;
border-radius: 16px;
margin-bottom: 10px;
}
.T3644 section.highlight .button {
margin-right: 20px;
margin-left: 0px;
}
.T3644 section.disabled {
color: #777;
}
.T3644 section.open .content { display: block; }
.T3644 section.open .panel .info { display: none; }
.T3644 .panel .icon {
cursor: pointer;
float: left;
font-size: 40px;
line-height: 40px;
margin: -3px 18px -3px -15px;
background-color: #eee;
width: 40px;
height: 40px;
text-align: center;
}
.T3644 .panel h1 {
float: left;
font-weight: bold;
font-size: 32px;
margin: 0px 0px 7px 43px;
}
.T3644 .panel h2 {
float: left;
font-weight: bold;
margin: 0px 0px 0px 0px;
}
.T3644 .panel .button {
float: right;
text-align: center;
font-size: 13px;
text-transform: uppercase;
padding: 6px 30px;
background-color: #0e5878;
color: #fff;
cursor: pointer;
text-decoration: none;
border-radius: 4px;
margin-left: 20px;
}
.T3644 .panel .status {
position: absolute;
right: 90px;
border-radius: 30px;
background-color: #b6bc03;
padding: 10px 20px;
color: #fff;
font-weight: bold;
display: none;
}
.T3644 table.data  { 
width: 100%;
margin: 30px 0px; 
border-spacing: 0px; 
border-width: 0px; 
overflow-x: auto;
display: block;
}
.T3644 table.data th { padding: 2px 10px 7px 0px; text-align: left; font-weight: bold; font-size: 12px; border-bottom: 1px solid rgba(0,0,0,0.2); }
.T3644 table.data td { border-bottom: 1px solid rgba(0,0,0,0.2); vertical-align: top;  }
.T3644 table.data td { padding: 4px 20px 6px 0px; text-align: left; }
@media all and (max-width: 567px) {
.T3644 {  margin: 0px 0px; }
.T3644 .maxwidth { padding: 20px 15px 10px 10px; padding-top: 130px; }
.T3644 section { padding: 20px 0px 20px 20px;}
.T3644 section .content { font-size: 12px; margin-right: 0px; }
.T3644 section .content2 { margin: 10px 0px 10px 0px; }
.T3644 section .info2 { margin-right: 0px; }
.T3644 .panel h1 { margin: 0px 0px 7px 0px; width: 230px; line-height: 110%; font-size: 17px; float: none; }
.T3644 .panel h2 { font-size: 17px; float: none;}
.T3644 .highlight .info { margin: 0px 0px 20px 0px; }
.T3644 .panel .button { font-size: 10px; padding: 2px 10px; }
.T3644 .highlight .col { zoom: 0.92; }
.T3644 section .content { margin: 17px 0px 10px -15px; }
.T3644 section .content2 { margin: 10px 0px 10px -15px; }
#mmcnews { margin-right: 0px !important}
}

.T3644 .toggle .switch {
float: right;
position: relative;
display: block;
width: 60px;
height: 34px;
}

.T3644 .toggle .switch input { 
display: none; 
}

.T3644 .toggle .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #0e5878;
-webkit-transition: .4s;
transition: .4s;
pointer-events: none;
}
.T3644 .toggle .switch input[disabled] + .slider {
background-color: #ccc
}
.T3644 .toggle .slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.T3644 .toggle input:checked + .slider {
background-color: #2196F3;
background-color: #b6bc03
}
.T3644 .toggle input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
.T3644 .toggle input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

.T3644 .toggle .slider.round {
border-radius: 34px;
}
.T3644 .toggle .slider.round:before {
border-radius: 50%;
}

#mmcz table {
border-spacing: 0px;
border-collapse: collapse;
font-size: 13px;
}
#mmcz table td {
border-top: 1px solid #fff;
vertical-align: top;
text-align: left;
padding: 3px 10px 3px 0px;
border-right: 1px solid #fff;
}
#mmcz table td.time {
font-size: 12px;
font-style: oblique;
}
#mmcz table td.center {
text-align: center;
}
#mmcz table td.vcenter {
vertical-align: middle;
}
#mmcz table td.sommer {
background-color: #F0F2CB;
padding: 3px 10px 3px 10px;
}
#mmcz table td.winter {
background-color: #DBEDF6;
padding: 3px 10px 3px 10px;
}
#mmcz table td.grau {
background-color: #eee;
padding: 3px 10px 3px 10px;
}
#mmcz table td a { cursor: pointer; font-style: oblique; }

#mmcnl table {
border-spacing: 0px;
border-collapse: collapse;
font-size: 13px;
}
#mmcnl table td {
border-top: 1px solid #fff;
vertical-align: top;
text-align: left;
padding: 3px 10px 3px 0px;
border-right: 1px solid #fff;
}
#mmcnl table td.time {
font-size: 12px;
font-style: oblique;
}
#mmcnl table td.center {
text-align: center;
}
#mmcnl table td.vcenter {
vertical-align: middle;
}
#mmcnl table td.sommer {
background-color: #F0F2CB;
padding: 3px 10px 3px 10px;
}
#mmcnl table td.winter {
background-color: #DBEDF6;
padding: 3px 10px 3px 10px;
}
#mmcnl table td.grau {
background-color: #eee;
padding: 3px 10px 3px 10px;
}
#mmcnl table td a { cursor: pointer; font-style: oblique; }

section.skiline .anker {
height: 1px;
margin-top: -150px;
padding-bottom: 100px;
}

section.alarm .alarm_option {
margin-left: 15px;
}

#mmcnews {
margin-right: -40px;
}	
#mmcnews .news {
margin: 0px 20px 20px 0px;
height: 300px;
}
#mmcnews .news h3 {
margin: 10px 0px 7px 0px;
}
#mmcnews .news h3 span {
text-decoration: underline;
}
#mmcnews .news img {
width: 100% !important;
height: auto !important;
}

#mmcnews .slick-prev { left: -25px; top: 60px;}
#mmcnews .slick-next { right: -25px; top: 60px;  }
#mmcnews .slick-arrow {
background-color: white;
box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
z-index: 10000;
}
#mmcnews .slick-arrow.slick-disabled {
display: none !important;
}
#mmcnews .slick-arrow:before {
font-size: 40px;
color: #0D5878;
opacity: 0.6;
}
#mmcnews .slick-arrow:hover {
opacity: 1;
border-width: 0px;
}
#mmcnews .slick-arrow:hover:before {
opacity: 1;
}
#mmcnews .slick-dots li button:before { color: #0D5878 }
#mmcnews .slick-dots li.slick-active button:before { color: #0D5878 }
@media all and (max-width: 567px) {
#mmcnews .news h3 {
font-size: 14px;
}
}

.T3704 .maxwidth { background-color: #fff; }
.T3704 .maxwidth > .inner {	padding: 30px; width: 400px; margin: 0px auto; }
.T3704 .button { margin-right: 20px; }
.T3704 .Label { font-size: 14px; }
.T3704 .Zeile { margin-top: 10px; }
.T3704 .empty { padding: 100px; text-align: center; border: 1px solid #ccc; }
.T3704 form { margin-top: 20px }
.T3704 .col { float: left; width: 430px; }
.T3704 .row { margin-top: 10px; }
.T3704 .row label { font-size: 14px; display: block; }
.T3704 .row input { font-size: 14px; width: 350px; }
.T3704  .AdresseWidget { margin-top: 0px }
.T3704 .error { color: #f33; }
.T3704 .bd_wrapper { display: flex; }
.T3704 .bd_wrapper .bdcol { margin: 0 15px 0 0; }
.T3704 .adresse_telefon input { width: 355px !important; }
.T3704 .adresse_fax { display: none; }
.T3704 .adresse_titel { display: none; }
.T3704 .adresse_mobil { display: none; }
.T3704 .foot {
text-align: right;
}
.T3704 .foot a.button {
font-size: 12px;
padding: 4px 20px;
background-color: #0e5878;
color: #fff;
text-decoration: none;
border-radius: 4px;
}
.T3644 span.button { cursor: pointer; }
#agbgewinnspiel_detail {
padding: 10px 16px;
color: #555;
line-height: 1.3;
font-size: 14px;
width: 80%;
max-width: 350px;
}
.T3644 .motiv { position: relative;  }
.T3644 .motiv .image  { position: absolute; z-index: -1; left: 0px; top: 0px; right: 0px; }
.T3644 .motiv .image img { width: 100%; height: auto; }
.T3644 .motiv .image {
opacity: 0.9;
}
.T3644 .motiv .mask {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 90%;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(254,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(254,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#feffff',GradientType=0 );
}
.T3644 .panel .digit {
float: left;
margin-top: -10px;
text-align: left;
margin-right: 30px;
}
.T3644 .panel .digit .label {
font-size: 12px;
text-transform: uppercase;
margin-bottom: -5px;
}
.T3644 .panel .digit .value {
font-size: 35px;
font-weight: bold;
line-height: 50px;
}
.T3644 .panel .digit .value span {
font-size: 14px;
font-weight: normal;
margin-left: 5px;
line-height: 14px;
}

.T3644 .club-item.dsv {
position: relative;
}
.T3644 .club-item.dsv .panel .stoerer {
position: absolute;
right: 25px;
top: 30px;
}
.T3644 .club-item.dsv .panel .stoerer.verified {
position: absolute;
right: 0px;
top: 100px;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3644 .club-item.dsv .panel .stoerer {
position: absolute;
right: 25px;
top: 10px;
}
.T3644 .club-item.dsv .panel .stoerer img {
width: 70px;
height: 70px;
}
.T3644 .club-item.dsv .panel .stoerer.verified {
position: absolute;
right: 0px;
top: 100px;
}
.T3644 .club-item.dsv .panel .stoerer.verified img {
width: 90px;
height: 90px; 
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3644 .club-item.dsv .panel .stoerer {
position: absolute;
right: 25px;
top: 10px;
}
.T3644 .club-item.dsv .panel .stoerer img {
width: 60px;
height: 60px;
}
.T3644 .club-item.dsv .panel .stoerer.verified img {
width: 80px;
height: 80px; 
}
}
@media all and (min-width: 615px) and (max-width: 767px) {
.T3644 .club-item.dsv .panel .stoerer {
position: absolute;
right: 25px;
top: 10px;
}
.T3644 .club-item.dsv .panel .stoerer img {
width: 60px;
height: 60px;
}
.T3644 .club-item.dsv .panel .stoerer.verified {
right: -20px;
top: 2px; 
}
.T3644 .club-item.dsv .panel .stoerer.verified img {
width: 60px;
height: 60px; 
}
}
@media all and (min-width: 568px) and (max-width: 614px) {
.T3644 .club-item.dsv .panel .stoerer {
position: absolute;
right: 25px;
top: 10px;
}
.T3644 .club-item.dsv .panel .stoerer img {
width: 60px;
height: 60px;
}
.T3644 .club-item.dsv .panel .stoerer.verified {
top: 7px; 
}
.T3644 .club-item.dsv .panel .stoerer.verified img {
width: 60px;
height: 60px; 
}
}
@media all and (min-width: 200px) and (max-width: 567px) {
.T3644 .club-item.dsv .panel .stoerer {
position: absolute;
right: 0px;
top: 10px;
}
.T3644 .club-item.dsv .panel .stoerer img {
width: 60px;
height: 60px;
}
.T3644 .club-item.dsv .panel .stoerer.verified {
top: 7px;
right: -13px;
}
.T3644 .club-item.dsv .panel .stoerer.verified img {
width: 50px;
height: 50px; 
}
}
#eigentum { 
padding: 0px; 
color: #0e5878;
font-family: "Fedra Sans Book", "Arial";
font-size: 12px;
max-width: 500px;
}
#eigentum h3 { 
font-weight: normal;
font-size: 16px;
text-align: center;
margin: 0px 0px 7px 0px
}
#eigentum section {
margin: 0px 30px;	
padding-bottom: 5px;
}
#eigentum .diagramm {
border-left: 1px solid #0D5878;
border-top: 1px solid #0D5878;
}
#eigentum .diagramm .col {
width: 50%;
float: left;
}
#eigentum a {
display: block;
text-decoration: none;
box-sizing: border-box;
position: relative;
border: 1px solid #0D5878;
border-width: 0px 1px 1px 0px;
padding: 5px 7px;
color: #0D5878;
background-repeat: no-repeat;
background-position: top 5px left 5px;
}
#eigentum a:hover {
border-width: 1px 2px 2px 1px;
padding: 4px 6px;
background-position: top 4px left 4px;
}
#eigentum a .name {
font-weight: bold;
font-size: 12px;
}
#eigentum a.logo .name { display: none; }
#eigentum a.logo.showname .name { display: block; }
#eigentum a.logo.showname.s50 { background-position: left 5px bottom 5px;}
#eigentum a.logo.showname.s100 { background-position: bottom 5px left 5px; }
#eigentum a.logo.showname.s50.okb { background-size: 30% auto; }
#eigentum a.logo.showname.s50.mo { background-size: 15% auto; }
#eigentum a .share {
position: absolute;
right: 6px;
bottom: 4px;
font-size: 14px;
}
#eigentum a:hover .share {
right: 5px;
bottom: 3px;
}
#eigentum a .name.small { font-weight: normal; font-size: 11px; margin-top: -2px; }
#eigentum a .share.small { font-size: 11px; bottom: 3px; }

#eigentum a.showlogo.okb { background-image: url(https://storage.tramino.net/ok-bergbahnen/823458/okb.png); }
#eigentum a.showlogo.mo { background-image: url(https://storage.tramino.net/ok-bergbahnen/823457/mo.png); }
#eigentum a.showlogo.wrh { background-image: url(https://storage.tramino.net/ok-bergbahnen/823460/wrh.png); }
#eigentum a.showlogo.auw { background-image: url(https://storage.tramino.net/ok-bergbahnen/823454/auw.png); }
#eigentum a.showlogo.evk { background-image: url(https://storage.tramino.net/ok-bergbahnen/823455/evk.png); }
#eigentum a.showlogo.lew { background-image: url(https://storage.tramino.net/ok-bergbahnen/823456/lew.png); }
#eigentum a.showlogo.vvo { background-image: url(https://storage.tramino.net/ok-bergbahnen/823459/ov.png); }
@media all and (min-width: 1024px) and (max-width: 1279px) {
#eigentum { max-width: 300px; }
#eigentum h3 { font-size: 15px; margin: 0px 0px 6px 0px }
}
@media all and (min-width: 768px) and (max-width:1023px) {
footer .top .footer_wrapper .box.property {
flex: 0;
width: 300px;
}
#eigentum { max-width: 280px; }
#eigentum h3 { font-size: 14px; margin: 0px 0px 5px 0px }
}
@media all and (min-width: 568px) and (max-width: 767px) {
footer .top .footer_wrapper .box.property {
flex: 0;
width: 230px;
}
#eigentum { max-width: 280px; }
#eigentum h3 { font-size: 13px; margin: 0px 0px 4px 0px }
#eigentum a .name {	font-size: 11px; }
#eigentum a .share { right: 5px; bottom: 3px; font-size: 13px; }
}
@media all and (max-width: 567px) {
#eigentum { max-width: 290px; }
#eigentum h3 { font-size: 12px; margin: 0px 0px 3px 0px }
#eigentum a .name {	font-size: 10px; }
#eigentum a .share { right: 4px; bottom: 2px; font-size: 12px; }
}.T3719 .maxwidth {
box-sizing: border-box;
background-color: #FFF;
}
.T3719 .videowrapper {
width: 100%;
margin: 0 auto;
}
.T3719 .Bild {
position: relative;
padding-top: 25px;
height: 0;
}
.T3719 .Bild iframe {
width: 100%;
height:  auto;
aspect-ratio:  16 / 9;
}
.T3719 .video-outer .video { position: relative; display: block; }
.T3719 .video-outer .video.iframeinserted:before {
display: none;
width: auto;
padding-top: 0;
}
.T3719 .video-outer .video > .inner {
position: relative;
}
.T3719 .video-outer .video img {
width: 100%;
height:  auto;
aspect-ratio:  16 / 9;
}
.T3719 .video-outer .video .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.T3719 .video-outer .video .play i {
font-size: 20vw;
color: #FFF;
text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
@media (min-width: 567px) {
.T3719 .video-outer .video .play i { font-size: 18vw; }
}
@media (min-width: 768px) {
.T3719 .video-outer .video .play i { font-size: 15vw; }
}
@media (min-width: 1024px) {
.T3719 .video-outer .video .play i { font-size: 10vw; }
}
@media (min-width: 1280px) {
.T3719 .video-outer .video .play i { font-size: 8vw; }
}
.T3719.S5862 .videowrapper {
width: 80%;
}.T3719.S5863 .videowrapper {
width: 60%;
}
.T3720 {
margin: 50px 0;
}
.T3720 .wrapper {
max-width: 1000px;
margin: 0px auto;
}
.T3720 .btn {
display: inline-block;
margin-bottom: 1rem;
}
.T3720 section {
width: 100%;
padding: 25px 0px 25px 0px;
}
.T3720 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;
}
.T3720 section .text { margin: 50px 50px 0px 450px !important; }
.T3720 section .text a { text-decoration: none }
.T3720.S5866 section {
width: 50%;
margin: 0;
float: left;
}
.T3720.S5866 section .image { margin: 0 0 20px 0; width: 300px; height: auto; float: none; }
.T3720.S5866 section .image img { width: 100%; height: auto; float: none;  }
#body .T3720.S5866 section .text { width: 300px; margin: 10px 0 0 0 !important; }
@media all and (min-width: 768px) and (max-width:1023px) {
.T3720.S5866 section .image { margin: 0 0 18px 0; width: 250px; height: auto; float: none; }
.T3720.S5866 section .image img { width: 100%; height: auto; float: none;  }
#body .T3720.S5866 section .text { width: 250px; margin: 10px 0 0 0 !important; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3720.S5866 section .image { margin: 0 0 16px 0; width: 200px; height: auto; float: none; }
.T3720.S5866 section .image img { width: 100%; height: auto; float: none;  }
#body .T3720.S4997 section .text { width: 200px; margin: 10px 0 0 0 !important; }
}
@media all and (max-width: 567px) {
.T3720.S5866 section { float: none; width: 100%; }
.T3720.S5866 section .image { margin: 0 0 16px 0; width: 250px;  height: auto; float: none; }
.T3720.S5866 section .image img { width: 100%; height: auto; float: none;  }
#body .T3720.S5866 section .text { width: 100%; margin: 10px 0 0 0 !important; }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3720 .wrapper { max-width: 900px; }
.T3720 section .image { margin: 0px 50px; }
.T3720 section .text { margin: 50px 50px 0px 300px !important; }
.T3720 section .text h3 { font-size: 35px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3720 .wrapper { max-width: 700px; }
.T3720 section .image { margin: 0px 30px; }
.T3720 section .text { margin: 50px 50px 0px 300px !important; }
.T3720 section .text h3 { font-size: 30px; }
}
@media all and (max-width: 767px) {
.T3720 .wrapper {
max-width: auto;
width: 90vw;
margin: 0 5vw;
}
.T3720 section .image { margin: 0px; }
.T3720 section .image img { width: 80px; height: auto; }
.T3720 section .text { margin: 10px 0px 0px 110px !important; }
.T3720 section .text h3 { font-size: 25px; }
.T3720 section .text .download { font-size: 13px; line-height: 17px; }
}.T3720.S6496 section {
margin: 0;
border-bottom: 1px solid #e5e5e5;
padding: 15px 0px 15px 0px;
}
.T3720.S6496 section.last { border-bottom: 0px; }
.T3720.S6496 section .image { 
display: none;
}
.T3720.S6496 section .filename {
float: left;
width: 60%;
margin: 0 2% 0 0;
}
.T3720.S6496 section .download {
float: left;
width: 38%;
margin: 0px;
text-align: right;
}
.T3720.S6496 .wrapper {
max-width: none !important;
margin: 0px auto;
}
#body .T3720.S6496 section .text { width: 100%; margin: 10px 0 0 0 !important; }
@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) {
.T3720.S6496 section { padding: 10px 0px; }
.T3720.S6496 section .filename { width: 100%; float: none; }
.T3720.S6496 section .download { width: 100%; float: none; text-align: left; }
}
.T3720.S7197 .wrapper { width: auto; }
.T3720.S7197 section .image { margin: 0px 100px 20px 0px; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3720.S7197 section .image { margin: 0 50px 0 0; }
.T3720.S7197 section .image img { width: 550px; height: auto; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3720.S7197 section .image { margin: 0px 30px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3720.S7197 .wrapper { margin: 0; }
.T3720.S7197 section .text { margin: 10px 0px 0px 10px !important; }
.T3720.S7197 section .image { margin: 0px 30px 20px 30px }
.T3720.S7197 section .image img { width: 350px; height: auto; }
}
@media all and (max-width: 567px) {
.T3720.S7197 .wrapper { margin: 0; }
.T3720.S7197 section .text { margin: 10px 0px 0px 10px !important; }
.T3720.S7197 section .image { margin: 0px; float: none; }
.T3720.S7197 section .image img { width: 100%; height: auto; }
}
.T3721 {
margin: 50px 0px;
}
.T3721 .outer {
max-width: 900px;
margin: 0px auto;
}
.T3721 .bild {
margin: 0px 0px 30px 0px;
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3721 .outer {
max-width: 900px;
width: 100%;
margin: 0px auto;
}
.T3721 .outer img { width: 100%; height: auto; };
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3721 .outer {
max-width: none;
width: 100%;
margin: 0px auto;
}
.T3721 .outer img { width: 100%; height: auto; };
}
@media all and (max-width: 567px) {
.T3721 .outer {
max-width: none;
width: 100%;
margin: 0px auto;
}
.T3721 .outer img { width: 100%; height: auto; };
}
.T3740 .mainheadline {
margin: 0 0 30px 0;}
.T3740 .partner {
background-color: #eee;margin: 0 0 50px 0;display: flex;justify-content: space-between;}
.T3740 .partner.hide { display: none; }

.T3740 .partner .leftside {
width: 820px;float: left;}
.T3740 .partner .leftside .mainimage {
display: block;margin: 0 0 30px;position: relative;}
.T3740 .mainimage img { width: 100%; height: auto; aspect-ratio: 560 / 373 }
.T3740 .partner .leftside .content {
padding: 0 0 20px 30px;}
.T3740 .partner .leftside .content .name { margin: 0 0 20px 0; }
.T3740 .partner .leftside .content .info { margin: 0 0 15px 0; }
.T3740 .partner > .rightside {
width: 350px;float: left;margin: 0 0 0 40px;}
.T3740 .partner .rightside .image {
display: block;margin: 0 0 40px 0;}
.T3740 .partner .rightside .image img { width: 100%; height: auto; aspect-ratio: 300 / 200; }
.T3740 .partner .rightside .adresse {
font-size: 14px;margin: 10px 10px 0 0;}
.T3740 .partner .adresse .extramargin { margin-top: 6px; }
.T3740 .partner .oeffnungszeitenwrap { 
margin: 10px 0px 12px 0px;border-bottom: 1px solid #0e5878;border-top: 1px solid #0e5878;padding: 8px 0px;}
.T3740 .partner .oeffnungszeiten { padding: 0px 8px; max-width: 280px; }
.T3740 .partner .oeffnungszeiten .tag { display: flex; }
.T3740 .partner .oeffnungszeiten .tag .tage { flex: 2; white-space: nowrap; padding-right: 1rem; }
.T3740 .partner .oeffnungszeiten .tag .rightside { flex: 1; }
.T3740 .partner .oeffnungszeiten .tag .rightside .vormittag { white-space: nowrap; }
.T3740 .partner .oeffnungszeiten .tag .rightside .nachmittag { white-space: nowrap; }
.T3740 .partner .tagesgericht { margin: 10px 0px 12px 0px; }
.T3740.smallversion .partnerliste:after { display: block; content: ""; clear: left; }
.T3740.smallversion .partner {
width: 165px;height: 270px;float: left;font-size: 13px;margin: 0 15px 15px 0;}
.T3740.smallversion .partner .adresse {
margin: 10px 5px;}
.T3740.smallversion .partner .adresse .name { font-size: 14px; margin: 0 0 4px 0; }
.T3740 .iconlink { display: flex; text-decoration: none; margin-top: 4px; }
.T3740 .iconlink i { 
font-size: 1.2rem;margin-right: 5px;}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3740 .mainheadline { margin: 0 0 25px 0; }
.T3740 .partner { margin: 0 0 40px 0; display: flex; }
.T3740.smallversion .partner { display: block; }
.T3740 .partner .leftside {
width: auto;
flex: 1;
float: none;
}
.T3740 .partner .leftside .mainimage { margin: 0 0 25px; }
.T3740 .partner .leftside .content { padding: 0 0 18px 26px; }
.T3740 .partner .leftside .content .name { margin: 0 0 18px 0; }
.T3740 .partner .leftside .content .info { margin: 0 0 12px 0; }
.T3740 .partner > .rightside {
width: 250px;
float: none;
margin: 0 0 0 25px;
}
.T3740 .partner .rightside .image { margin: 0 0 30px 0; }
.T3740 .partner .rightside .adresse { font-size: 13px; }
.T3740 .partner .adresse .extramargin { margin-top: 5px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3740 .mainheadline { margin: 0 0 20px 0; }
.T3740 .partner { margin: 0 0 30px 0; display: flex; }
.T3740.smallversion .partner { display: block; }
.T3740 .partner .leftside {
width: auto;
flex: 1;
float: none;
}
.T3740 .partner .leftside .mainimage { margin: 0 0 20px; }
.T3740 .partner .leftside .content { padding: 0 0 15px 22px; }
.T3740 .partner .leftside .content .name { margin: 0 0 15px 0; }
.T3740 .partner .leftside .content .info { margin: 0 0 10px 0; }
.T3740 .partner > .rightside {
width: 180px;
float: none;
margin: 0 0 0 20px;
}
.T3740 .partner .rightside .image { margin: 0 0 20px 0; }
.T3740 .partner .rightside .adresse { font-size: 12px; }
.T3740 .partner .adresse .extramargin { margin-top: 4px; }
}
@media all and (max-width: 567px) {
.T3740 .mainheadline { margin: 0 0 15px 0; }
.T3740 .partner { margin: 0 0 40px 0; flex-wrap: wrap; }
.T3740 .partner .leftside {
width: 100%;
float: none;
}
.T3740 .partner .leftside .mainimage { margin: 0 0 15px; }
.T3740 .partner .leftside .content { padding: 0 10px 12px 20px; }
.T3740 .partner .leftside .content .name { margin: 0 0 12px 0; }
.T3740 .partner .leftside .content .info { margin: 0 0 8px 0; }
.T3740 .partner > .rightside {
width: 100%;
float: none;
margin: 0 0 0 0;
padding: 0 0 20px 0px;
border-bottom: 1px solid #bbb;
}
.T3740 .partner .rightside .images:after { display: block; content: ""; clear: left; }
.T3740 .partner .rightside .image { margin: 0 0 10px 0; width: 48%; float: left; }
.T3740 .partner .rightside .image:nth-child(1) { margin-right: 4%; }
.T3740 .partner .rightside .adresse { font-size: 12px; margin: 0 0 0 20px; }
.T3740 .partner .adresse .extramargin { margin-top: 3px; }
.T3740.smallversion .partner {
width: 135px;
height: 270px;
font-size: 12px;
margin: 0 15px 15px 0;
}
.T3740.smallversion .partner .adresse {
margin: 10px 5px 10px 10px;
}
.T3740.smallversion .partner .adresse .name { font-size: 13px; margin: 0 0 4px 0; }
}
.T3741 {
margin: 50px 0;
}
.T3741 h3 {
margin: 0px 0px 20px 0px !important;
}
.T3741 .allerrors { margin: 0 0 10px 0; }
.T3741 .allerrors .error { display: inline-block; background-color: #F00; color: #FFF; padding: 3px 5px; font-size: 12px; margin: 0 0 3px 0; }
.T3742 {
padding: 15px 0;
}
.T3742 .wrapperelement {
display: flex;
}
.T3742 .text {
width: auto;
}
.T3742 .images {
flex-grow: 0;
flex-shrink: 0;
width: 400px;
margin: 0 0 0 50px;
}
.T3742 .images a {
display: block;
margin: 0 0 30px 0;
}
.T3742 .images a img { width: 100%; height: auto; }
.T3742 .images .privacy-info-inner { width: 100%; }
.T3742 .images .privacy-info-inner a { text-decoration: none; }
.T3742 .images .privacy-info-inner .text, .T3742 .images .privacy-info-inner .text a  { color: #0e5878 !important; width: 100%; }
.T3742 .images .privacy-info-inner .privacy-button { background-color: #0e5878; text-decoration: none; }
.T3742 .wrapper {
text-align: center;
margin: 0 0 10px 0;
}
.T3742 .images .video  { position: relative; }
.T3742 .images .video:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.T3742 .images .video.iframeinserted:before {
display: none;
width: auto;
padding-top: 0;
}
.T3742 .images .video  > .inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.T3742 .images .video .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.T3742 .images .video .play i {
font-size: 85px;
color: #FFF;
text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3742 { padding: 13px 0; }
.T3742 .images { width: 320px; margin: 0 0 0 40px; }
.T3742 .images a { margin: 0 0 25px 0; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3742 { padding: 11px 0; }
.T3742 .text { width: auto; flex: 1; float: none; }
.T3742 .images { width: 290px; margin: 0 0 0 30px; float: none; }
.T3742 .images a { margin: 0 0 20px 0; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3742 { padding: 10px 0; }
.T3742 .text { width: auto; flex: 1; float: none; }
.T3742 .images { width: 210px; margin: 0 0 0 20px; float: none; }
.T3742 .images a { margin: 0 0 15px 0; }
}
@media all and (max-width: 567px) {
.T3742 { padding: 10px 0; }
.T3742 .wrapperelement { flex-direction: column; }
.T3742 .text { width: 100%; float: none; order: 2;  }
.T3742 .images { width: 100%; max-width: 320px;  margin: 0 auto; float: none; order: 1;  }
.T3742 .images a { margin: 0 0 15px 0; }
}
.T3742.S7547 { text-align: right; }.T3742.S7549 .text { padding-right:3rem; }
.T3742.S7549.S7547 .text { padding-right: 0; padding-left:3rem; }
@media (min-width: 567px) {
.T3742.S7549 .text { padding-right:4rem; }
.T3742.S7549.S7547 .text { padding-right: 0; padding-left:4rem; }
}
@media (min-width: 768px) {
.T3742.S7549 .text { padding-right: 6rem; }
.T3742.S7549.S7547 .text { padding-right: 0; padding-left: 6rem; }
}
@media (min-width: 1024px) {
.T3742.S7549 .text { padding-right: 8rem; }
.T3742.S7549.S7547 .text { padding-right: 0; padding-left: 8rem; }
}
@media (min-width: 1280px) {
.T3742.S7549 .text { padding-right: 10rem; }
.T3742.S7549.S7547 .text { padding-right: 0; padding-left: 10rem; }
}
#body .T3743.background-wrapper { padding-top: 25px; }
.T3743 .gridelementwrapper .gridwrapper .noevents { text-align: center; }
.T3743 .gridelementwrapper .gridwrapper .noevents .buttons { padding-top: 10px; }
.T3743 .noevents.dynamic { display: none; }
.T3743 .noevents.dynamic.show { display: block; }
.T3743 .T4993 { margin-top: 2rem; }@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3743.background-wrapper { padding-top: 23px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3743.background-wrapper { padding-top: 20px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3743.background-wrapper { padding-top: 18px; }
}
@media all and (max-width: 567px) {
.T3743.background-wrapper { padding-top: 15px; }
}
.T3744 { margin-bottom: 0 !important; position: relative; z-index: 10 !important; }
.T3744 .hide { display: none; }
.T3744 #gridfilter { display: flex; flex-wrap: wrap; }

.T3744 .rightfilter { margin-left: auto; }
.T3744 .rightfilter .text { display: none; }
.T3744 .filtericon {
font-size: 20px;
display: inline-block;
margin: 0 10px 0 0;
}
.T3744 .leftfilter:after { display: block; content: ""; clear: left; }
.T3744 .leftfilter .filter {
float: left;
margin: 0 15px 0 0;
}
.T3744 .leftfilter .filter:after { display: block; content: ""; clear: left; }
.T3744 .leftfilter .filter label { font-size: 12px; float: left; margin: 0 10px 0 0; padding-top: 6px;}
.T3744 .leftfilter .filter .inputdiv { float: left; }
.T3744 .rightfilter { display: flex; }
.T3744 .rightfilter .select_filter {
position: relative;
}
.T3744 .rightfilter .select_filter .value {
display: block;
border: 1px solid #0e5878;
border-radius: 3px;
padding: 5px 30px 5px 10px;
margin-left: 10px;
cursor: pointer;
color: #0e5878;
background-image: url(https://tramino.s3.amazonaws.com/s/ok-bergbahnen/800801/filter-select.png);
background-repeat: no-repeat;
background-position: top 50% right 10px;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none; 
}
.T3744 .rightfilter .select_filter .options {
display: none;
position: absolute;
top: 0;
right: 0;
z-index: 10;
background-color: #FFF;
border: 1px solid #0e5878;
box-shadow: -5px 5px 22px rgba(0, 0, 0, 0.4)
}
.T3744 .rightfilter .select_filter.open .options {
display: block;
}
.T3744 .rightfilter .select_filter .options .option {
position: relative;
padding: 3px 10px 3px 28px;
font-size: 14px;
}
.T3744 .rightfilter .select_filter .options .option:before {
display: block;
content: "";
width: 13px;
height: 13px;
position: absolute;
top: 7px;
left: 6px;
border-radius: 50%;
border: 1px solid #0e5878;
}
.T3744 .rightfilter .select_filter .options .option:hover {
background-color: rgba(14, 88, 120,.1);
cursor: pointer;
}
.T3744 .rightfilter .select_filter .options .option.selected:before {
background-color: #0e5878;
}
.T3744 .rightfilter .select_filter .options .option.preselected:before {
background-color: #0e5878;
}
.T3744 .rightfilter .mobilewrapper.show { display: block; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
#body .T3743.background-wrapper { padding-top: 20px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
#body .T3743.background-wrapper { padding-top: 18px; }
.T3744 .leftfilter { margin-bottom: 10px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
#body .T3743.background-wrapper { padding-top: 15px; }
.T3744 .leftfilter { margin-bottom: 10px; }
.T3744 .leftfilter .filter:last-child { margin-top: 10px; }
.T3744 .rightfilter .text { display: block; margin-bottom: 10px; }
.T3744 .rightfilter .select_filter { display: none; }
.T3744 .rightfilter .select_filter.show { display: block; }
.T3744 .rightfilter .filter { float: none; }
.T3744 .rightfilter { background-color: #E5EEF5; padding: 15px 20px; float: left; width: 100%; }
.T3744 .rightfilter .filter:nth-child(2) { margin-bottom: 10px; margin-left: 0px; }
.T3744 .filter { font-size: 12px; }
}
@media all and (max-width: 567px) {
#body .T3743.background-wrapper { padding-top: 12px; }
.T3744 .leftfilter { width: 100%; }
.T3744 .leftfilter .filter { float: none; margin-bottom: 10px; }
.T3744 .leftfilter .filter input { width: 100%; }
.T3744 .leftfilter .filter:nth-child(3) { margin-left: 47px; }
.T3744 .leftfilter .filter:last-child { width: 100%; }
.T3744 .rightfilter .text { display: block; margin-bottom: 10px; }
.T3744 .rightfilter { flex-direction: column; }
.T3744 .rightfilter .select_filter { display: none; margin: 0 0 10px 0;}
.T3744 .rightfilter .select_filter.show { display: block; }
.T3744 .rightfilter .filter { float: none; }
.T3744 .rightfilter { background-color: #E5EEF5; padding: 15px 20px; float: left; width: 100%; }
.T3744 .rightfilter .filter:nth-child(2) { margin-bottom: 10px; margin-left: 0px; }
.T3744 .filter { font-size: 12px; }
}
.T3746 .webcams .inner:after { display: block; content: ""; clear: left; }
.T3746 .webcams .file {
width: 378px;height: 244px;margin: 0 20px 30px 0;float: left;}
.T3746 .webcams .file:nth-child(3n) { margin-right: 0; }
.T3746 .webcams .file .imgwrapper {
position: relative;display: block;width: 378px;height: 209.8px;}
.T3746 .webcams .file img.webcamimg {
width: 100%;height: auto;}
.T3746 .panorama .info { margin-top: 10px; }
.T3746 .moeserbahn { margin-top: 30px; }
.moeserbahn { max-width: 780px; width: 100%; height: auto; min-width: 250px; min-height: 480px; }
.T3746 .webcams .file h4 {
margin: 10px 0 0 0;}

.T3746 .webcams .file a.livecam .playbutton {
position: absolute;top: 50%;left: 50%;z-index: 10;transform: translate(-50%,-50%);}

.T3746 .webcams .file a.panomax {
overflow: hidden;}
.T3746 .webcams .file a.panomax img {
width: auto;height: 100%;}
.T3746 .webcams .file a.panomax .rotate {
position: absolute;top: 50%;left: 50%;z-index: 10;transform: translate(-50%,-50%);font-size: 80px;color: #FFF;text-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.T3746 .webcams .file a.panomax.norotate .rotate { display: none; }
.T3746 .webcams .file:hover a.panomax:not(.norotate) img {
animation-name: panomax;animation-duration: 20s;animation-iteration-count: infinite;animation-timing-function: linear;}
.T3746 .webcams .file:hover a.panomax .rotate  {
display: none;}
@keyframes panomax {
0% {  transform: translateX(0px)    }
50%   {  transform: translateX(-1000px) }
100%   {  transform: translateX(0px) }
}@media all and (min-width: 1280px) and (max-width: 1700px) {
.T3746 .webcams .file {
width: 315px;height: 225px;margin: 0 19px 19px 0;}
.T3746 .webcams .file .imgwrapper { width: 315px; height: 177px; }
.T3746 .webcams .file a.panomax .rotate { font-size: 70px; }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3746 .webcams .file {
width: 315px;height: 225px;margin: 0 19px 19px 0;}
.T3746 .webcams .file .imgwrapper { width: 315px; height: 177px; }
.T3746 .webcams .file a.panomax .rotate { font-size: 70px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3746 .webcams .file {
width: calc( ( 100%  - ( 19px * 2 )  ) / 3 );height: calc( ( 100%  - ( 19px * 2 )  ) / 3 * 0.6666);margin: 0 18px 18px 0;}
.T3746 .webcams .file .imgwrapper { width: auto; height: auto; }
.T3746 .webcams .file a.panomax .rotate { font-size: 60px; }
.T3746 .webcams .file a.panomax .imgwrapper { width: auto; height: 123px; }
.T3746 .webcams .file a.panomax img { width: auto; height: 123px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3746 .webcams .file {
width: calc( ( 100%  - 15px  ) / 2 );height: calc( ( 100%  - ( 19px * 2 )  ) / 2 * 0.6666);margin: 0 15px 15px 0;}
.T3746 .webcams .file:nth-child(3n) { margin-right: 15px; }
.T3746 .webcams .file:nth-child(2n) { margin-right: 0; }
.T3746 .webcams .file .imgwrapper { width: auto; height: auto; }
.T3746 .webcams .file a.panomax .rotate { font-size: 50px; }
.T3746 .webcams .file a.panomax .imgwrapper { width: auto; height: 123px; }
.T3746 .webcams .file a.panomax img { width: auto; height: 123px; }
}
@media all and (max-width: 567px) {
.T3746 .webcams .file {
width: 100%;height: auto;margin: 0 10px 10px 0;}
.T3746 .webcams .file .imgwrapper { width: auto; height: auto; }
.T3746 .webcams .file a.panomax .rotate { font-size: 50px; }
.T3746 .webcams .file a.panomax .imgwrapper { width: auto; height: 123px; }
.T3746 .webcams .file a.panomax img { width: 100% ; height: 123px; position: relative !important; left: 0 !important; }
}
header .hidden_header .webcam  {
margin: 30px 0 0 0;
}
header .hidden_header .webcam .headline { margin: 0 0 10px 0; }
header .hidden_header .webcam .headline:after { display: block; content: ""; clear: both; }
header .hidden_header .webcam .headline .wrapper { float: left; width: 80%; }
header .hidden_header .webcam .headline .temp { float: right; width: 20%; text-align: right; }
header .hidden_header .webcam a.fancybox {
box-shadow: 0px 0px 2px #1A617F;
}
header .hidden_header .webcam a.fancybox i { display: none; }
header .hidden_header .webcam img {
width: 100%;
height: auto;
}
header .hidden_header .webcam .webcaminfos { margin: 10px 0 0 0; }
header .hidden_header .webcam .webcaminfos:after { display: block; content: ""; clear: both; }

header .hidden_header .webcam.panomax a.fancybox {
position: relative;
width: 320px;
height: 199px;
display: block;
overflow: hidden;
}
header .hidden_header .webcam.panomax a.fancybox i { 
display: block;
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
transform: translate(-50%,-50%);
font-size: 80px;
color: #FFF;
}
header .hidden_header .webcam.panomax img {
width: auto;
height: 199px;
}
header .hidden_header .webcam.panomax a.fancybox:hover img {
animation-name: panomax_header;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
header .hidden_header .webcam.panomax a.fancybox:hover i  {
display: none;
}
@keyframes panomax_header {
0% {  transform: translateX(0px)    }
50%   {  transform: translateX(-1000px) }
100%   {  transform: translateX(0px) }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
header .hidden_header .webcam .webcaminfos .right {
float: none;
}
header .hidden_header .webcam.panomax a.fancybox { width: 210px; height: 119px; }
header .hidden_header .webcam.panomax img { height: 119px; }
header .hidden_header .webcam.panomax a.fancybox i { font-size: 60px; }
header .hidden_header .webcam .webcaminfos .right .btn { display: block; text-align: center; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
header .hidden_header .webcam .webcaminfos .right {
float: none;
}
header .hidden_header .webcam.panomax a.fancybox { width: 240px; height: 135px; }
header .hidden_header .webcam.panomax img { height: 135px; }
header .hidden_header .webcam.panomax a.fancybox i { font-size: 60px; }
header .hidden_header .webcam .webcaminfos .right .btn { display: block; text-align: center; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
header .hidden_header .webcam .webcaminfos .right {
float: none;
}
header .hidden_header .webcam.panomax a.fancybox { width: 240px; height: 135px; }
header .hidden_header .webcam.panomax img { height: 135px; }
header .hidden_header .webcam.panomax a.fancybox i { font-size: 60px; }
header .hidden_header .webcam .webcaminfos .right .btn { display: block; text-align: center; }
}
@media all and (max-width: 567px) {
header .col.col-infos { display: none !important; }
header .hidden_header .webcam { margin-top: 0px; }
header .hidden_header .webcam .webcaminfos .right {
float: none;
}
header .hidden_header .webcam.panomax a.fancybox { width: 130px; height: 95px; }
header .hidden_header .webcam.panomax img { height: 95px; }
header .hidden_header .webcam.panomax a.fancybox i { font-size: 40px; }
header .hidden_header .webcam .webcaminfos .right .btn { display: block; text-align: center; }
}
header .hidden_header .mountains {
margin: 30px 0 5px 0;}
header .hidden_header .mountains ul {
list-style-type: none;margin: 0;padding: 0;}
header .hidden_header .mountains ul:after { display: block; content: ""; clear: left; }
header .hidden_header .mountains ul li {
margin: 0 15px 0 0;padding: 0;float: left;}
header .hidden_header .mountains ul li.head { display: none; }
header .hidden_header .mountains ul li.head.active { display: block; }
header .hidden_header .infobar {
border-top: 1px solid #FFF;border-color: rgba(255, 255, 255, 0.3);font-size: 14px;margin: 5px 0 0 0;}
header .hidden_header .infobar:after { display: block; content: ""; clear: both; }
header .hidden_header .infobar ul {
margin: 10px 0 20px 0;padding: 0;list-style-type: none;}
header .hidden_header .infobar ul:after { display: block; content: ""; clear: left; }
header .hidden_header .infobar ul li {
position: relative;margin: 0 0 0 0;padding: 5px 8px;float: left;}
header .hidden_header .infobar ul li:hover {
background-color: #1A617F;}
header .hidden_header .infobar ul li ul {
z-index: 100;position: absolute;bottom: 28px;left: 0px;margin: 0;background-color: #1A617F;display: none;padding: 10px 7px 3px 15px;box-shadow: 0px -5px 5px rgba(0,0,0,0.1);}
header .hidden_header .infobar ul li:hover ul {
display: block;}
header .hidden_header .infobar li.nav-hide { display: none; }
header .hidden_header .infobar ul li ul li {
float: none;text-align: right;white-space: nowrap;font-size: 13px;margin: 0 0 10px 0;padding: 0;}
header .hidden_header .infobar ul li ul li.acitve a { text-decoration: underline; }
header .hidden_header .infobar ul li.openable > a:before {
display: inline-block;font-family: 'im-okb' !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;content: "\e911";margin: 0 6px 0 0;}
header .sos {
background-color: #3e7993;color: #FFF;display: flex;justify-content: center;padding: 0.3rem 1rem;border-radius: 0.5rem;font-size: 1.2rem;margin-top: 1rem;}
@media (min-width: 567px) {
header .sos { display: none; }
}
body.relaunch2023 header .hidden_header .mountains ul li {
float: none;}
body.relaunch2023 header .hidden_header .mountains ul li a {
display: inline-block;padding: 0;margin: 0 0 5px 0;}
body.relaunch2023 header .hidden_header .mountains ul li.head a {
font-size: 14px;margin-bottom: 15px;text-transform: none;}
body.relaunch2023 header .hidden_header .infobar ul li:hover {
background-color: #EEEEEE;}
body.relaunch2023 header .hidden_header .infobar ul li ul {
background-color: #EEEEEE;}
body.relaunch2023 header .hidden_header .infobar ul li ul li:hover {
background-color: #EEEEEE;text-decoration: underline;}

@media (min-width: 567px) {
body.relaunch2023 header .hidden_header > .mountains { display: none; }
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
header .hidden_header .mountains {
margin: 25px 0 0 0;}
header .hidden_header .infobar {
font-size: 13px;margin: 4px 0 0 0;}
}
@media all and (min-width: 768px) and (max-width:1023px) {
header .hidden_header .mountains {
position: absolute;top: 520px;left: 0px;width: 415px;margin: 0 0 0 0;}
body.relaunch2023 header .hidden_header .mountains {
position: static;top: 0;left: 0;width: auto;margin: 0 0 0 0;}
header .hidden_header .mountains ul li {
margin: 0 0 0 0 !important;padding: 3px 6px; 
}
header .hidden_header .infobar {
font-size: 12px;margin: 4px 0 0 0;position: absolute;top: 590px;left: 0px;width: 415px;}
header .hidden_header .infobar .left {
float: none;padding: 15px 0 0 0;}
header .hidden_header .infobar .right {
float: none;margin: 0;}
header .hidden_header .infobar ul {
margin: 0;}
header .hidden_header .infobar ul li ul {
bottom: 20px;right: auto;left: 0px;}
header .hidden_header .infobar ul li ul li { font-size: 12px; margin: 0 0 8px 0; padding: 3px 6px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
header .hidden_header .mountains {
font-size: 12px;width: 415px;margin: 0 0 0 0;}
header .hidden_header .mountains ul li {
margin: 0 0 0 0 !important;padding: 3px 6px; 
}
header .hidden_header .infobar {
font-size: 12px;margin: 4px 0 0 0;}
header .hidden_header .infobar .left {
float: none;padding: 15px 0 0 0;}
header .hidden_header .infobar .right {
float: none;margin: 0;}
header .hidden_header .infobar ul {
margin: 0;}
header .hidden_header .infobar ul li ul {
bottom: 20px;right: auto;left: 0px;}
header .hidden_header .infobar ul li ul li { font-size: 12px; margin: 0 0 8px 0; padding: 3px 6px; }
}
@media all and (max-width: 567px) {
header .hidden_header .mountains {
width: auto;margin: 0px 0;font-size: 11px;}
header .hidden_header .mountains ul {
margin-left: -15px;margin-right: -15px;padding-left: 40px;}
header .hidden_header .mountains ul li {
margin: 0 0 0 0 !important;padding: 3px 6px; 
float: none;position: relative;}
header .hidden_header .mountains ul li.flag:before {
content: "";display: inline-block;position: absolute;left: -20px;top: 7px;width: 20px;height: 13px;background-size: 20px auto;background-repeat: no-repeat;background-position: top left;}
header .hidden_header .mountains ul li.flag_de:before { background-image: url(https://storage.tramino.net/ok-bergbahnen/951740/flag-de.svg); }
header .hidden_header .mountains ul li.flag_at:before { background-image: url(https://storage.tramino.net/ok-bergbahnen/951739/flag-at.svg); }
header .hidden_header .mountains ul li.head.active { display: none; }
header .hidden_header .infobar {
position: relative;font-size: 11px;margin: 4px 0 0 0;border-width: 0px;}
header .hidden_header .infobar .left {
float: none;padding: 15px 0 0 0;}
header .hidden_header .infobar .right {
float: none;margin: 0;}
header .hidden_header .infobar ul {
margin: 0;margin-left: -15px;margin-right: -15px;padding-left: 25px;}
header .hidden_header .infobar ul li {
position: static;float: none;}
header .hidden_header .infobar ul li ul {
display: block;position: static;bottom: auto;right: auto;left: auto;background-color: transparent;box-shadow: none;}
header .hidden_header .infobar ul li ul li { text-align: left;  }
header .hidden_header .infobar ul li.openable > a:before { display: none; }
header li.hidemobile { display: none; }
}
header .status { float: left; font-size: 14px; padding-left: 5px; }
header .status .item { 
position: relative;margin: 0 10px 0 0;padding: 0 0 0 30px;}
header .status .item.park {
padding-left: 0px; margin-right: 5px;}
header .status .item.park .icon {
display: inline-block;background-color: #fff;color: #0e5878;padding: 1px 2px 2px 2px;margin-right: 3px;font-size: 13px;line-height: 1;border-radius: 2px;}
header .status .item:last-child {
margin-right: 10px;}
header .status .item i { 
position: absolute;top: 1px;left: 5px;font-size: 19px;line-height: 1;}
header .status .item .unit {
display: inline-block;font-size: 0.8em;padding: 0 0 0 0.3em;} 
header .status .item i.icons8-trekking-filled { top: 2px; }
header .map {
float: left; 
font-size: 14px;width: auto !important;display: flex;align-items: center;}
header .map i {
font-size: 16px !important;margin-right: 0.5rem;} 
#map_winter, #map_sommer { display: none !important; }
.jz-sommer #map_sommer { display: flex !important; }
.jz-winter #map_winter { display: flex !important; }
#status_winter, #status_sommer { display: none !important; }
.jz-sommer #status_sommer { display: block !important; }
.jz-winter #status_winter { display: block !important; }
body.relaunch2023 header .status .item.park .icon {
background-color: #0e5878;color: #fff;}@media all and (min-width: 1024px) and (max-width: 1279px) {
header .status { font-size: 13px; padding-left: 5px; }
header .status .item { margin-right: 8px; padding-left: 19px; }
header .status .item i { font-size: 17px; left: 0; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
header .status { clear: left; margin: 25px 0 5px 0; font-size: 13px; padding-left: 4px;  }
header .status .item { margin-right: 12px; }
header .map {  margin: 25px 0 5px 0; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
header .status { clear: left; margin: 25px 0 5px 0; font-size: 11px; padding-top: 5px; }
header .status .item { margin-right: 3px; padding-left: 21px; }
header .status .item i { font-size: 15px; }
header .map { margin: 25px 0 5px 0; font-size: 11px; padding-top: 5px; }
}
@media all and (max-width: 567px) {
.jz-sommer #map_sommer { display: flex !important; }
.jz-winter #map_winter { display: flex !important; }
.jz-sommer #status_sommer { display: flex !important; }
.jz-winter #status_winter { display: flex !important; }
#status_winter, #status_sommer { justify-content: flex-end; }
header .status {
float: none;
width: auto;
margin: 40px 0 5px 0;
font-size: 11px;
height: 25px;
white-space: nowrap;
overflow-x: hidden;
}
header .status .item {
margin-right: 0;
padding-left: 18px;
margin-left:  0.5rem;
}
header .status .item i { font-size: 15px; left: 0px; }
header .status .item .label .label_open {visibility: hidden; display: none; }

header .map {
position: relative !important;
float: left;
width: auto !important;
margin: 40px 0 5px 0;
position: relative;
font-size: 11px;
height: 25px;
justify-content: center;
}
header .map i { padding-left: 0.5rem; }
header .map span { display: none; }
}
@media all and (max-width: 350px) {
header .status {
width: auto;
}
}
.T3754 .hide { display: none; }
.T3754 .jzhide { display: none !important; }
#body .T3754 .legende { border-top: 1px solid #ccc; padding: 5px 0px 15px 0px; font-size: 11px; line-height: 13px; }
#body .T3754 .legende .col { margin-left: 5px; }
#body .T3754 .legende .icon { display: inline-block; width: 11px; height: 11px; vertical-align: bottom; }
.T3754 .statusheadlines { margin: 0 0 20px 0; }
.T3754 .box .headline {
margin: 0 0 10px 0;
font-weight: bold;
}
.T3754 .filter {
margin: 0 0 80px 0;
}
.T3754 .filter .box {
margin: 0 0 20px 0;
}
.T3754 .filter.nomargin { margin: 0 0 60px 0; }
.T3754 .prognose {
display: inline-block;
padding: 2px 4px;
margin: 5px 0px 15px 0px;
color: #0e5878;
background-color: #d6dc23;
font-size: 12px;
float: right;
}
.T3754 .infotexte {
margin: 0 0 30px 0;
}
.T3754 .infotexte .infotext {
margin: 0 0 15px 0;
}
.T3754 .infotexte .infotext > .name {
margin: 0 0 10px 0;
}
.T3754 .infotexte .infotext > .text {
border-top: 1px solid #ccc;
padding-top: 5px;
}
.T3754 .data {
margin-right: -40px;
}
.T3754 .data .box {
width: 380px;
}
.T3754 .data .element {
padding: 5px 0px;
border-bottom: 1px solid #EEE;
font-size: 15px;
background-color: #FFF;
transition: background-color 250ms;
}
.T3754 .data .element .top:after { display: block; content: ""; clear: both; }
.T3754 .data .element span {
display: block;
float: left;
}
.T3754 .data .element span.right { float: right; }
.T3754 .data .element i { float: right; font-size: 12px; color: #ccc; margin: 0 10px 0 0; }
.T3754 .data .element span.status { width: 16px; margin: 0 5px 0 0; }
.T3754 .data .element span.typ { width: 15px; margin: 0 5px 0 0; }
.T3754 .data .element span.art { width: 15px; margin: 0 5px 0 0; }
.T3754 .data .element span.grad { width: 15px; margin: 0 5px 0 0; }
.T3754 .data .element span.zeichen {
height: 16px;
line-height: 16px;
max-width: 55px;
padding: 0px 5px;
width: auto;
min-width: 25px;
display: inline-block;
font-size: 11px;
background-color: #AAA;
color: #FFF;
text-align: center;
margin: 0 8px 0 0;
}
.T3754 .data .element .top {
display: flex;
}
.T3754 .data .element span.name { display: inline-block; flex: 1; }
.T3754 .data .element .bottom {
font-size: 12px;
}
.T3754 .data .element.openable .bottom {
height: 0;
overflow: hidden;
transition: height 250ms;
font-size: 14px;
}
.T3754 .data .element .bottom .inner {
padding: 5px 3px 5px 3px ;
}
.T3754 .data .box[data-typ=lifte] .element .bottom .inner { padding-left: 61px; }

.T3754 .data .element.open {
background-color: #FAFAFA;
transition: background-color 250ms;
transform: rotate(0deg);
transition: transform 250ms, color 250ms;
}
.T3754 .data .element.open i {  color: #000; transform: rotate(180deg); transition: transform 250ms, color 250ms; }
.T3754 .data .element.open .bottom {
height: auto;
overflow: hidden;
transition: height 250ms;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3754 .statusheadlines { margin: 0 0 18px 0; }
.T3754 .box .headline { margin: 0 0 9px 0; }
.T3754 .filter { margin: 0 0 70px 0; }
.T3754 .filter .box { margin: 0 0 18px 0; }
.T3754 .data .box { width: 390px; }
.T3754 .data .element {
padding: 4px 0px;
font-size: 14px;
}
.T3754 .data .element i { margin: 0 9px 0 0; }
.T3754 .data .element span.status { width: 16px; margin: 0 4px 0 0; }
.T3754 .data .element span.typ { width: 15px; margin: 0 4px 0 0; }
.T3754 .data .element span.grad { width: 15px; margin: 0 4px 0 0; }
.T3754 .data .element span.zeichen { font-size: 11px; margin: 0 4px 0 0;  }
.T3754 .data .element .bottom { font-size: 11px; }
.T3754 .data .element.openable .bottom { font-size: 13px; }
.T3754 .data .element .bottom .inner { padding: 4px 2px 4px 2px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3754 .statusheadlines { margin: 0 0 15px 0; }
.T3754 .box .headline { margin: 0 0 8px 0; }
.T3754 .filter { margin: 0 0 60px 0; }
.T3754 .filter .box { margin: 0 0 16px 0; }
.T3754 .data .box { width: 360px; }
.T3754 .data .element {
padding: 3px 0px;
font-size: 13px;
}
.T3754 .data .element i { margin: 0 8px 0 0; }
.T3754 .data .element span.status { width: 16px; margin: 0 3px 0 0; }
.T3754 .data .element span.typ { width: 15px; margin: 0 3px 0 0; }
.T3754 .data .element span.grad { width: 15px; margin: 0 3px 0 0; }
.T3754 .data .element span.zeichen { font-size: 11px; margin: 0 3px 0 0;  }
.T3754 .data .element .bottom { font-size: 11px; }
.T3754 .data .element.openable .bottom { font-size: 12px; }
.T3754 .data .element .bottom .inner { padding: 3px 2px 3px 2px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3754 .statusheadlines { margin: 0 0 12px 0; }
.T3754 .box .headline { margin: 0 0 7px 0; }
.T3754 .filter { margin: 0 0 50px 0; }
.T3754 .filter .box { margin: 0 0 14px 0; }
.T3754 .data .box { width: 320px; }
.T3754 .data .element {
padding: 2px 0px;
font-size: 12px;
}
.T3754 .data .element i { margin: 0 6px 0 0; }
.T3754 .data .element span.status { width: 16px; margin: 0 2px 0 0; }
.T3754 .data .element span.typ { width: 15px; margin: 0 2px 0 0; }
.T3754 .data .element span.grad { width: 15px; margin: 0 2px 0 0; }
.T3754 .data .element span.zeichen { font-size: 11px; margin: 0 2px 0 0;  }
.T3754 .data .element .bottom { font-size: 10px; }
.T3754 .data .element.openable .bottom { font-size: 11px; }
.T3754 .data .element .bottom .inner { padding: 3px 2px 3px 2px; }
}
@media all and (max-width: 567px) {
.T3754 .statusheadlines { margin: 0 0 10px 0; }
.T3754 .box .headline { margin: 0 0 6px 0; }
.T3754 .filter { margin: 0 0 40px 0; }
.T3754 .filter .box { margin: 0 0 12px 0; }
.T3754 .data { margin-right: 0px; }
.T3754 .data .box { width: 100%; }
.T3754 .data .element {
padding: 4px 0px;
font-size: 12px;
}
.T3754 .data .element i { margin: 0 6px 0 0; }
.T3754 .data .element span.status { width: 16px;  }
.T3754 .data .element span.typ { width: 15px; }
.T3754 .data .element span.grad { width: 15px; }
.T3754 .data .element span.zeichen { font-size: 11px; }
.T3754 .data .element .bottom { font-size: 10px; }
.T3754 .data .element.openable .bottom { font-size: 11px; }
.T3754 .data .element .bottom .inner { padding: 3px 2px 3px 2px; }
}
.T3772 .left {
float: left;
}
.T3772 .flowers-filter {
margin: 0 0 30px 0;
}
.T3772 .flowers-filter .filter {
margin: 0 0 15px 0;
}
.T3772 .flowers-filter .filter .headline {
font-size: 20px;
margin: 0 0 10px 0;
}
.T3772 .searchfunktion {
display: flex;
font-size: 15px;
justify-content: flex-start;
position: relative;
width: 20%;
}        
.T3772 .searchfunktion .submit_query {
position: absolute;
top: 50%;
left: 100%;
transform: translate(-50%, -50%);
color: #FFF;
background-color: #0e5878;
padding: 6px 10px;
border-radius: 3px;
}
.T3772 .searchfunktion #search_query {
border: 1px solid rgba(14, 88, 120,0.3);
padding: 5px 10px;
border-radius: 3px;
font-size: 16px;
width: 100%;
}
.T3772 .flowers {
display: flex;
flex-wrap: wrap;
}
#memo_filter {
background-color: #fff;
width: 93%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 10px 0;
}
#memo_filter_head h2 {
font-size: 20px;
line-height: 25px;
margin: 0px;
padding: 13px 0 0 0;
float: left;
height: 40px;
}
#memo_filter_head .infotxt {
font-size: 18px;
line-height: 25px;
margin-top: 10px;
}#memo_filter_body .tags { margin: 20px 0; }
#memo_filter_body .tags .tag { cursor: pointer;  }
.tags a.reset {  color: #f00 !important; }#memo_content .picture { float: left; margin-right: 4px; margin-bottom: 2px;  }

#hidden_memos { display:none; padding: 20px; }
.hidden_memos.text {  line-height: 1.5; margin: 20px 0px 20px 20px; padding-right: 20px; }
.hidden_memos.picture { float:left; margin: 10px 20px 20px 20px; }
.hidden_memos.picture img { width: 100%; height: auto; }
.T3773 .gridelement { background-color: #C2D2DD !important; }
@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) {
.hidden_memos.picture { float: none; }
.hidden_memos.picture { float:left; margin: 0 10px 0 0; }
.hidden_memos.text {  line-height: 1.5; margin: 10px 0 0 0; padding-right: 0; }
}
@media all and (max-width: 567px) {
.hidden_memos.picture { float: none; }
.hidden_memos.picture { float:left; margin: 0 10px 0 0; }
.hidden_memos.text {  line-height: 1.5; margin: 10px 0 0 0; padding-right: 0; }
}
@import url(https://comet.tramino.net/fonts/css?family=Oxygen:300,400,700);.T3774 {
padding: 0px 0px 50px 0px;margin: 0px auto;overflow: hidden;width: 100%;font-family: 'Oxygen', sans-serif;}
.T3774 .headline { font-size: 22px; }
.T3774 .text p { line-height: 1.25; font-size: 15px; }


.T3774 .bookwrapper { position: relative; }
.T3774 .bookwrapper .control {
width: 30px;font-size: 20px;font-weight: bold;background-color: #eee;cursor: pointer;}
.T3774 .bookwrapper .control.next, .T3774 .bookwrapper .control.prev {
position: absolute;width: 30px;bottom: 0px;top: 0px;}
.T3774 .bookwrapper .control.next {
right: -30px;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.T3774 .bookwrapper .control.prev {
left: -30px;-webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.T3774 .bookwrapper .control.next:hover { 
background-color: #e5e5e5;-webkit-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.4);-moz-box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.4);box-shadow: 1px 0px 10px 0px rgba(0,0,0,0.4);}
.T3774 .bookwrapper .control.prev:hover { 
background-color: #e5e5e5;-webkit-box-shadow: -1px 0px 10px 0px rgba(0,0,0,0.4);-moz-box-shadow: -1px 0px 10px 0px rgba(0,0,0,0.4);box-shadow: -1px 0px 10px 0px rgba(0,0,0,0.4);}
.T3774 .bookwrapper .control.next:hover .inner,
.T3774 .bookwrapper .control.prev:hover .inner { opacity: 1; }
.T3774 .bookwrapper .control.next .inner,
.T3774 .bookwrapper .control.prev .inner {
position: absolute;top: 50%;width: 13px;height: 24px;opacity: 0.6;-webkit-transform: translate(0%, -50%);-ms-transform: translate(0%, -50%);transform: translate(0%, -50%);}
.T3774 .bookwrapper .control.next .inner {
right: 8px;background-image: url(https://tramino.s3.amazonaws.com/s/das-hoechste/734377/arr-right.png);}
.T3774 .bookwrapper .control.prev .inner {
left: 8px;background-image: url(https://tramino.s3.amazonaws.com/s/das-hoechste/734376/arr-left.png);}
.T3774 .bookwrapper .playbutton {
position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0.8 !important;}
.T3774 .bookwrapper .playbutton:hover { opacity: 1 !important; }

#flipbook {
position: relative;margin: 50px auto 0px auto;}
#flipbook .page { 
background-color: #fafafa;webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#flipbook .page.hard { background-color: #666; }
#flipbook .page.frontcover, #flipbook .page.last { 
position: relative;background-color: #fafafa;text-align: center;color: #FFF;}
#flipbook .page.frontcover .cover_headline {
font-size: 45px; 
font-weight: 700; 
color: #FFF; 
margin: 15px 0px;letter-spacing: 0.4px;}
#flipbook .page.frontcover .shadow {
position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,7,0) 43%, rgba(0,1,17,0.65) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,7,0) 43%,rgba(0,1,17,0.65) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,7,0) 43%,rgba(0,1,17,0.65) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000111',GradientType=0 ); 
}
#flipbook .page.frontcover .pageinner { 
position: absolute;bottom: 0px; left: 0px;right: 0px;}
#flipbook .page.frontcover .info { 
font-size: 20px;font-weight: 200;line-height: 1.2;color: #FFF;}
#flipbook .pageinner { 
width: 85%;margin: 25px auto;color: #555;line-height: 1.3;}
#flipbook .pageinner .memo_name { 
letter-spacing: 0.6px;font-weight: 700;margin: 0px;}
#flipbook .pageinner .date { 
margin-bottom: 10px;font-size: 13px;}
#flipbook .pageinner .text a { font-size: 15px; }
#flipbook .shadow { box-shadow: 0 4px 10px #666; }
#flipbook .page.notfirstlast.odd {
background: rgb(209,209,209);background: -moz-linear-gradient(left, rgb(209,209,209) 0%, rgb(209,209,209) 2%, rgb(226,226,226) 6%, rgb(226,226,226) 6%, rgb(254,254,254) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgb(209,209,209)), color-stop(2%, rgb(209,209,209)), color-stop(6%, rgb(226,226,226)), color-stop(6%, rgb(226,226,226)), color-stop(100%, rgb(254,254,254)));background: -webkit-linear-gradient(left, rgb(209,209,209) 0%, rgb(209,209,209) 2%, rgb(226,226,226) 6%, rgb(226,226,226) 6%, rgb(254,254,254) 100%);background: -o-linear-gradient(left, rgb(209,209,209) 0%, rgb(209,209,209) 2%, rgb(226,226,226) 6%, rgb(226,226,226) 6%, rgb(254,254,254) 100%);background: -ms-linear-gradient(left, rgb(209,209,209) 0%, rgb(209,209,209) 2%, rgb(226,226,226) 6%, rgb(226,226,226) 6%, rgb(254,254,254) 100%);}
#flipbook .page.notfirstlast.even {
background: rgb(226,226,226);background: -moz-linear-gradient(left, rgb(226,226,226) 0%, rgb(254,254,254) 0%, rgb(226,226,226) 94%, rgb(226,226,226) 94%, rgb(209,209,209) 98%, rgb(209,209,209) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgb(226,226,226)), color-stop(0%, rgb(254,254,254)), color-stop(94%, rgb(226,226,226)), color-stop(94%, rgb(226,226,226)), color-stop(98%, rgb(209,209,209)), color-stop(100%, rgb(209,209,209)));background: -webkit-linear-gradient(left, rgb(226,226,226) 0%, rgb(254,254,254) 0%, rgb(226,226,226) 94%, rgb(226,226,226) 94%, rgb(209,209,209) 98%, rgb(209,209,209) 100%);background: -o-linear-gradient(left, rgb(226,226,226) 0%, rgb(254,254,254) 0%, rgb(226,226,226) 94%, rgb(226,226,226) 94%, rgb(209,209,209) 98%, rgb(209,209,209) 100%);background: -ms-linear-gradient(left, rgb(226,226,226) 0%, rgb(254,254,254) 0%, rgb(226,226,226) 94%, rgb(226,226,226) 94%, rgb(209,209,209) 98%, rgb(209,209,209) 100%);}
#flipbook .pageinner .images { margin-top: 20px; }
#flipbook .pageinner .images .mainimg { text-align: center; }
#flipbook .pageinner .images .mainimg img {
max-width: 100%;height: auto;max-height: 250px;width: auto;}
#flipbook .pageinner .images .mainimg .youtube-player { width: 100%; height: auto; }
#flipbook .pageinner .images .smallimg { float: left; width: 33.33%; }
#flipbook .pageinner .images .smallimg img { max-width: 100%; }

.T3774 .Tagcloud a, .Tagcloud .tag {
font-weight: 200 !important;display:inline-block !important;background-color: #fff !important;color: #666 !important;width: auto !important;border-radius: 30px !important;-moz-border-radius: 30px !important;-webkit-border-radius: 30px !important;padding: 7px 15px !important;cursor: pointer !important;font-size: 18px !important;margin: 0px 2px 5px 0px !important;border: 2px solid #BDC3C7 !important;}
.T3774 .Tagcloud a.selected, .Tagcloud .tag.selected { background-color: #666 !important; color: #fff !important;  padding: 7px 15px !important; border: 2px solid #666 !important; }
.T3774 .Tagcloud a.selected:hover, .Tagcloud .tag.selected:hover { background-color: #666 !important; color: #fff !important;  padding: 7px 15px !important; border: 2px solid #666 !important; }
.T3774 .Tagcloud span a { font-size: 18px !important; }
.T3774 .Tagcloud a:hover, .Tagcloud .tag:hover { background-color: #BDC3C7 !important; color: #666 !important;  padding: 7px 15px !important; border: 2px solid #fff !important; }
.T3774 .Tagcloud a.reset { display:inline-block; color: #f00 !important; }
.T3774 .Tagcloud a.reset:hover { border-color: #f00 !important; background-color:#fff !important; color: #f00 !important; }
@media all and (min-width: 1251px) and (max-width: 1600px) {
}
@media all and (min-width: 1000px) and (max-width: 1250px) {
#flipbook .page.frontcover .cover_headline {
font-size: 35px;}
#flipbook .page.frontcover .info { 
font-size: 18px;}
}
@media all and (min-width: 768px) and (max-width: 999px) {
#flipbook .page.frontcover .cover_headline {
font-size: 30px;}
#flipbook .page.frontcover .info { 
font-size: 18px;}
}
@media all and (min-width: 568px) and (max-width: 767px) {
#flipbook .page.frontcover .cover_headline {
font-size: 25px;}
#flipbook .page.frontcover .info { 
font-size: 15px;}
#flipbook .page.frontcover {
background-size: 100% auto;}
}
@media all and (max-width: 567px) {
#flipbook .page.frontcover .cover_headline {
font-size: 20px;}
#flipbook .page.frontcover .info { 
font-size: 12px;}
.T3774 .bookwrapper .control.next { right: 0px; z-index: 80; border-radius: 0; background-color: rgba(255,255,255,0.5); }
.T3774 .bookwrapper .control.prev { left: 0px; z-index: 80; border-radius: 0; background-color: rgba(255,255,255,0.5); }
}
.T3775 .filter {
background-color: #F8F8F8;
padding: 10px 20px;
}
.T3775 .filter .headline {
margin: 0 0 15px 0;
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3775 .filter { padding: 9px 18px; }
.T3775 .filter .headline { margin: 0 0 13px 0; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3775 .filter { padding: 8px 16px; }
.T3775 .filter .headline { margin: 0 0 11px 0; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3775 .filter { padding: 7px 14px; }
.T3775 .filter .headline { margin: 0 0 9px 0; }
}
@media all and (max-width: 567px) {
.T3775 .filter { padding: 6px 12px; }
.T3775 .filter .headline { margin: 0 0 8px 0; }
}
.T3778 {
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.T3778 img { width: 100%; height: auto; }
@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) {
}
@media all and (max-width: 567px) {
.T3778 a:before { content: "PDF Download"; display: block; padding: 10px 0 0 10px; }
}
.break { clear: both; }
table.data {
border: 1px solid #999;
border-collapse: collapse;
color: #999;
font-size: 14px;
padding: 2px 3px;
text-align: left;
margin: 15px 15px 0 0;
}
table.data .tbody {
display: table-row-group;
}
table.data th { padding: 4px 6px; }
table.data td { padding: 4px 6px; }
table.data td.leicht { background:#060;color:#fff;}
table.data td.mittel { background:#990;color:#fff;}
table.data td.schwer { background:#600;color:#fff;}
table.data td.leicht.diffcolor_brs {
background:#009;color:#fff;padding:2px;
}
table.data td.mittel.diffcolor_brs {
background:#900;color:#fff;padding:2px;
}
table.data td.schwer.diffcolor_brs {
background:#000;color:#fff;padding:2px;
}
table.data td.leicht.diffcolor_grb {
background:#ff0;color:#000;padding:2px;
}
table.data td.mittel.diffcolor_grb {
background:#900;color:#fff;padding:2px;
}
table.data td.schwer.diffcolor_grb {
background:#009;color:#fff;padding:2px;
}
.T501 #geodatamap_container_wrapper {
width: 100% !important;
height: 32vw !important;
}
.T501 #geodatamap_container {
width: 100% !important;
height: 100% !important;
}
.T501 #map_canvas {
width: 100% !important;
height: 100% !important;
}
.T3780 .warning {
color: #999;
margin: 10px 0px;
text-align: center;
}
.T3780 .hoehenprofil {
padding:15px 15px 0 0;
}
.T501 .toureninfo {
margin: 0 20px 0 0;
float: left;
}
.T501 .toureninfo:after { display: block; content: ""; clear: left; }
.T501 .toureninfo .info {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #CCC;
}
.T501 .toureninfo .info .head {
font-size: 12px;
display: block;
text-transform: uppercase;
}
.T501 .toureninfo .info .text {
font-size: 20px;
}
.T501 .downlaod {
width: 165px;
padding:0;
float:right;
}
@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) {
.T501 #geodatamap_container_wrapper {
height: 50vw !important;
}
.T501 .hoehenprofil {
width: 280px !important;
}
.T501 .hoehenprofil > div {
width: 100% !important;
}
.T501 .hoehenprofil > div img {
width: 100% !important;
height: auto !important;
}
}
.T3781 img { width: 100%; height: auto; object-fit: cover; }
.T3781 picture.r23 { aspect-ratio: 2 / 3 ; }
.T3781 picture.r169 { aspect-ratio: 9 / 16; }
.T3781 picture.r219 { aspect-ratio: 9 / 21; }
.T3783 .kontakte {
margin: 30px 0 0 0;
}
.T3783 .kontakte:after { display: block; content: ""; clear: left; }
.T3783 .kontakte .kontakt {
width: 540px;
height: 243px;
float: left;
margin: 0 0 40px 0;
}
.T3783 .kontakte .kontakt:nth-child(1n) { margin-right: 40px; }
.T3783 .kontakte .kontakt:after { display: block; content: ""; clear: left; }
.T3783 .kontakte .kontakt .image {
width: 150px;
margin: 0 20px 0 0;
float: left;
}
.T3783 .kontakte .kontakt .image img {
width: 100%;
height: auto;
}
.T3783 .kontakte .kontakt .infos {
width: 370px;
float: left;
}
.T3783 .kontakte .kontakt .name {
margin: 0 0 5px 0;
}
.T3783 .kontakte .kontakt .function, .T3783 .kontakte .kontakt .info {
font-size: 14px;
margin: 0 0 10px 0;
}
.T3783 .kontakte .kontakt .adresse {
font-size: 12px;
}
.T3783 .kontakte .kontakt .buttons {
margin: 16px 0 0 0;
}
.T3783 .kontaktwrapper {
display: none;
}
.kontaktform .inner {
margin: 20px 50px;
}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3783 .kontakte { margin: 25px 0 0 0; }
.T3783 .kontakte .kontakt { width: 457px; height: 210px; margin: 0 0 35px 0; }
.T3783 .kontakte .kontakt:nth-child(1n) { margin-right: 35px; }
.T3783 .kontakte .kontakt .image { width: 120px; margin: 0 15px 0 0; }
.T3783 .kontakte .kontakt .infos { width: 320px; }
.T3783 .kontakte .kontakt .name { margin: 0 0 4px 0; }
.T3783 .kontakte .kontakt .function, .T3783 .kontakte .kontakt .info { font-size: 13px; margin: 0 0 9px 0; }
.T3783 .kontakte .kontakt .adresse { font-size: 11px; }
.T3783 .kontakte .kontakt .buttons { margin: 10px 0 0 0; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3783 .kontakte { margin: 25px 0 0 0; display: flex; flex-flow: row wrap; }
.T3783 .kontakte .kontakt { width: 48%; height: auto;  float: none;  margin: 0 0 25px 0; display: flex; }
.T3783 .kontakte .kontakt:nth-child(1n) { margin-right: 2%; }
.T3783 .kontakte .kontakt .image { width: 90px; margin: 0 15px 0 0; }
.T3783 .kontakte .kontakt .infos { width: auto; flex: 1; }
.T3783 .kontakte .kontakt .name { margin: 0 0 4px 0; }
.T3783 .kontakte .kontakt .function, .T3783 .kontakte .kontakt .info { font-size: 12px; margin: 0 0 9px 0; }
.T3783 .kontakte .kontakt .adresse { font-size: 10px; }
.T3783 .kontakte .kontakt .buttons { margin: 8px 0 0 0; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3783 .kontakte { margin: 25px 0 0 0; display: flex; flex-flow: row wrap; }
.T3783 .kontakte .kontakt { width: 48%; height: auto;  float: none;  margin: 0 0 25px 0; display: flex; }
.T3783 .kontakte .kontakt:nth-child(1n) { margin-right: 2%; }
.T3783 .kontakte .kontakt .image { width: 70px; margin: 0 15px 0 0; }
.T3783 .kontakte .kontakt .infos { width: auto; flex: 1; }
.T3783 .kontakte .kontakt .name { margin: 0 0 4px 0; }
.T3783 .kontakte .kontakt .function, .T3783 .kontakte .kontakt .info{ font-size: 12px; margin: 0 0 9px 0; }
.T3783 .kontakte .kontakt .adresse { font-size: 10px; }
.T3783 .kontakte .kontakt .buttons { margin: 8px 0 0 0; }
}
@media all and (max-width: 567px) {
.T3783 .kontakte { margin: 25px 0 0 0; }
.T3783 .kontakte .kontakt { width: 100%; height: auto;  float: none;  margin: 0 0 25px 0; display: flex; }
.T3783 .kontakte .kontakt:nth-child(1n) { margin-right: 2%; }
.T3783 .kontakte .kontakt .image { width: 70px; margin: 0 15px 0 0; }
.T3783 .kontakte .kontakt .infos { width: auto; flex: 1; }
.T3783 .kontakte .kontakt .name { margin: 0 0 4px 0; }
.T3783 .kontakte .kontakt .function, .T3783 .kontakte .kontakt .info { font-size: 12px; margin: 0 0 9px 0; }
.T3783 .kontakte .kontakt .adresse { font-size: 10px; }
.T3783 .kontakte .kontakt .buttons { margin: 8px 0 0 0; }
}
.T3788 { background-color: #0e5878; }
.T3788 .wrapper { position: relative; }
.T3788 .infobar {
color: #FFF;
line-height: 1.2;
padding: 10px 15px;
text-align: center;
}
.T3788 .infobar a {
color: #FFF;
}
.T3788 .infobar p { margin: 0; }
.T3788.withbadge .infobar p { padding-left: 100px; padding-right: 150px; }
.T3788 .badge {
position: absolute;
top: -15px;
right: -20px;
z-index: 10;
}
.T3788 .badge img { width: 150px; height: auto; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3788.withbadge .infobar p { padding-left: 80px; padding-right: 90px; }
.T3788 .badge {
position: absolute;
top: -25px;
right: -18px;
}
.T3788 .badge img { width: 120px; height: auto; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3788.withbadge .infobar p { padding-left: 0px; padding-right: 110px; }
.T3788 .badge {
position: absolute;
top: -20px;
right: 0px;
}
.T3788 .badge img { width: 90px; height: auto; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3788.withbadge .infobar p { padding-left: 0px; padding-right: 80px; }
.T3788 .badge {
position: absolute;
top: -15px;
right: 0px;
}
.T3788 .badge img { width: 70px; height: auto; }
}
@media all and (max-width: 567px) {
.T3788 .infobar { margin: 0 !important; }
.T3788.withbadge .infobar p { padding-left: 0px; padding-right: 70px; }
.T3788 .badge {
position: absolute;
top: -10px;
right: 0px;
}
.T3788 .badge img { width: 60px; height: auto; }
}
.T3788.S7314 {
background-color: #d6dc23;
color: #327081;
}.T3788.S9019 {
background-color: #c33;
color: #fff;
}.T3790 {
padding-top: 1px;
margin: 0px 0px;
}
.T3790 .maxwidth.mmclogo {
margin-top: 140px !important;
background-color: #fff;
padding: 30px 20px 30px 30px;

background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/818666/mmc.png);
background-repeat: no-repeat;
background-position: center 30px;
border-radius: 20px;
padding-top: 130px;
}
.T3790 .maxwidth.blockid {
margin-top: 0px !important;
}
.T3790 .motiv { position: relative;  }
.T3790 .motiv .image  { position: absolute; z-index: -1; left: 0px; top: 0px; right: 0px; }
.T3790 .motiv .image img { width: 100%; height: auto; }
.T3790 .motiv .image {
opacity: 0.9;
}
.T3790 .motiv .mask {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 90%;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(254,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(254,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#feffff',GradientType=0 );
}
.T3790 .newswrapper .line:after { display: block; content: ""; clear: left; }
.T3790 .news {
width: 48%;
margin: 0 0 30px 0;
float: left;
}
.T3790 .news:nth-child(odd) { margin-right: 4%; }
.T3790 .news .image {
position: relative;
}
.T3790 .news .image img {
width: 100%;
height: auto;
}
.T3790 .detail .head {
margin: 0 0 30px 0;
}
.T3790 .detail .headline {
margin: 0 0 20px 0;
}
.T3790 .detail .intro {
margin: 0 0 15px 0;
}
.T3790 .detail .text {
margin: 0 0 30px 0;
}
.T3790 .detail img {
margin: 0 auto 30px auto;
box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
}@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3790 .detail .head { margin: 0 0 25px 0; }
.T3790 .detail .headline { margin: 0 0 18px 0; }
.T3790 .detail .intro { margin: 0 0 12px 0; }
.T3790 .detail .text { margin: 0 0 25px 0; }
.T3790 .detail img { width: 750px; height: auto; margin-bottom: 25px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T3790 .detail .head { margin: 0 0 20px 0; }
.T3790 .detail .headline { margin: 0 0 15px 0; }
.T3790 .detail .intro { margin: 0 0 10px 0; }
.T3790 .detail .text { margin: 0 0 20px 0; }
.T3790 .detail img { width: 650px; height: auto; margin-bottom: 20px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T3790 .detail .head { margin: 0 0 15px 0; }
.T3790 .detail .headline { margin: 0 0 12px 0; }
.T3790 .detail .intro { margin: 0 0 8px 0; }
.T3790 .detail .text { margin: 0 0 15px 0; }
.T3790 .detail img { width: 100%; height: auto; margin-bottom: 15px; }
}
@media all and (max-width: 567px) {
.T3790 .news {
width: 100%;
margin: 0 0 30px 0;
float: none;
}
.T3790 .news:nth-child(odd) { margin-right: 0; }
.T3790 .detail .head { margin: 0 0 12px 0; }
.T3790 .detail .headline { margin: 0 0 10px 0; }
.T3790 .detail .intro { margin: 0 0 5px 0; }
.T3790 .detail .text { margin: 0 0 12px 0; }
.T3790 .detail img { width: 100%; height: auto; margin-bottom: 10px; }
}
.T3793 #detailbooking .button { background-color: #0e5878; }
.T3793 #detailbooking .button:hover { background-color: #d6dc23; }
.T3793 #detailbooking .dbmatch span.more { color: #0e5878; }
.T3793 #detailbooking .dbmatch span.more:hover { color: #d6dc23; }#mmcflex table {
overflow-x: scroll;
overflow-y: hidden;
width: 100% !important;
display: block;
margin-top: 10px;	
}
.T3799 .items {
display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.T3799 .items .item {
flex: 1;display: flex;max-height: 50px;text-align: center;border: 1px solid rgba(0,0,0,0.2);margin-right: -1px ;white-space: nowrap;align-items: center;justify-content: center;}
.T3799 .items .item.on { background-color: #fff; }
.T3799 a {
display: block;width: 100%;height: 100%;padding: 12px 20px;text-align: center;text-decoration: none;font-weight: bold;}
.T3799 .logo {
margin: -40px 0px;}

.Mandant_3469 .T3799 .items .item  { background-color: #0E5878; border-right: 1px solid #fff; }
.Mandant_3469 .T3799 .items .item a  { color: #fff !important; }
.Mandant_3469 .T3799 .items .item.on { background-color: #d6dc23; }
.Mandant_3469 .T3799 .items .item.on a  { color: #0E5878 !important;  }
.T3802 {
padding: 30px 0px;width: 100%;}
.T3802 iframe {
border: 0px;background-color: #fff;}
.T3802 .info {
font-size: 11px;height: 17px;}
.T3802 .info .funktion {
float: right;margin-right: 20px;color: #aaa;}
.T3802 .info .funktion a { color: inherit; }footer .top .footer_wrapper .box.partner {
padding-left: 0px;
}
footer .top .footer_wrapper .box.partner .partner_row {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 0.5rem;
}
footer .top .footer_wrapper .box.partner span.break { width: 100%; height: 1px; }
footer .top .footer_wrapper .box.partner a.partner { width: calc(25% - 1rem); max-width: 70px; aspect-ratio: 1 / 1; }
footer .top .footer_wrapper .box.partner a.partner img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; }
footer .top .footer_wrapper .box.partner a.partner.allgaeu img { width: 94%; }
footer .top .footer_wrapper .box.partner a.partner.oberstdorf img { width: 108%; }
footer .top .footer_wrapper .box.partner a.partner.kwt img { width: 94%; }
footer .top .footer_wrapper .box.app .download {
display: flex;
margin-top: 2px;
}
footer .top .footer_wrapper .box.app .download a {
display: block;
margin: 0 5px 0 0;
} 
footer .top .footer_wrapper .box.app .app2 { margin: 0 0 15px 0 ; }
footer .top .footer_wrapper .box.app .social ul {
list-style-type: none;
margin: 0;
padding: 0;
}
footer .top .footer_wrapper .box.app .social ul:after { display: block; content: ""; clear: left; }
footer .top .footer_wrapper .box.app .social ul li {
float: left;
margin: 0 10px 0 0;
padding: 0;
}
footer .top .footer_wrapper .box.app .social ul li a i {
font-size: 30px;
}
footer .top .footer_wrapper .box.app .inner { margin-top: 3px; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
}
@media all and (min-width: 768px) and (max-width:1023px) {
footer .top .footer_wrapper .box.app .Bild { margin: 0 15px 0 0; }
footer .top .footer_wrapper .box.app .Bild img { width: 80px; height: auto; }
footer .top .footer_wrapper .box.app .download a img{ width: 80px; height: auto; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
footer .top .footer_wrapper .box.app .Bild { margin: 0 12px 0 0; }
footer .top .footer_wrapper .box.app .Bild img { width: 50px; height: auto; }
footer .top .footer_wrapper .box.app .download a img{ width: 65px; height: auto; }
}
@media all and (max-width: 567px) {
}
footer .top .footer_wrapper .box.jobs .inner {
margin-top: 3px;
padding-left: 30px;
padding-right: 30px;
}
footer .top .footer_wrapper .box.jobs .job {
margin: 0 0 10px 0;
display: none;
}
footer .top .footer_wrapper .box.jobs .inner.slick-initialized .job {
display: block;
}
footer .top .footer_wrapper .box.jobs .slick-prev { left: -10px; }
footer .top .footer_wrapper .box.jobs .slick-next { right: -10px; }
footer .slick-prev, footer .slick-next {
background-color: transparent;
border-width: 0px;
}
footer .slick-prev, footer .slick-next {
width: 30px;
}
footer .slick-prev:before, footer .slick-next:before {
color: #0e5878;
font-size: 38px;
}
footer .slick-prev:hover, footer .slick-next:hover {
border-width: 0px;
}
footer .slick-prev:hover::before, footer .slick-next:hover::before {
color: #d6dc23;
}
footer .top .footer_wrapper .box.jobs .wrapper .newsletter .button_wrapper {
display: flex;
justify-content: flex-end;
margin-top: 1rem;
}
footer .top .footer_wrapper .box.jobs .wrapper .newsletter label {
display: block;
font-size: 14px;
margin: 0 0 8px 0;
}
footer .top .footer_wrapper .box.jobs .wrapper .newsletter input[type=email] {
font-size: 15px;
line-height: 1.3;
padding: 2px 1px;
}.T3812 { text-align: center; }
.T3812 input[type=text] {
font-size: 18px;
}.T3846 .entry {
padding: 20px 20px 0px 20px;
background-color: #eee;
box-shadow: 2px 2px 15px rgba(0,0,0,0.3);
margin-bottom: 20px;
}
.T3846 .Bild {
float: right;
margin: 0px 0px 20px 20px;
}.T3849 .wrapper {
padding: 50px 0px;}
.T3875 .wrapper {
margin-right: -20px;
padding: 0 0 30px 0;
}
.T3875 .wrapper .inner {
display: flex;
flex-wrap: wrap;
}
.T3875 .entry-element {
display: flex;
flex-direction: column;
margin-bottom: 20px;
background-color: #FFF;
width: calc(  33.33% - 20px );
}

.T3875 .search_panel {
padding: 15px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 2px solid #ccc;
}
.T3875 .info_foundprodukte {
font-weight: bold;
margin: 0px 0px 25px 0px;
}

.T3875 .entry-element.slick-slide { width: 400px }
.T3875 .entry-element.hide { display: none; }

.T3875 .entry-element .image { flex: 1; display: block; position: relative; }
.T3875 .entry-element .image img { width: 100%; height: auto; aspect-ratio:  4 / 3; object-fit: cover;}

.T3875 .entry-element .infos { 
flex: 20; 
padding: 15px;
display: flex;
flex-direction: column;
}

.T3875 .entry-element .infos .head {
flex: 1;
color: #333333;
padding-left: 70px;
margin-bottom: 20px;
font-size: 14px;
position: relative;
}
.T3875 .entry-element .infos .head .client_logo {
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;
}
.T3875 .entry-element .infos .head .client_logo img { width: 100%; height: auto; }

.T3875 .entry-element .infos .headline { flex: 1; margin: 0px 0 3px 0; }
.T3875 .entry-element .infos .headline a { color: #000; text-decoration: none; }
.T3875 .entry-element .infos .text { flex: 6; margin: 0px 0 8px 0; }
.T3875 .entry-element .infos .text .item_text { margin: 10px 0 0 0; color: #999; }

.T3875 .entry-element .infos .classes { 
flex: 50;
}
.T3875 .pieces { font-weight: bold; margin-top: 0.7rem; font-size: 0.82em; }
.T3875 .class {
display: flex;
width: 100%;
margin-top: 7px;
border-top: 1px solid rgba(0,0,0,0.15);
padding-top: 7px;
}
.T3875 .class.divider { border-top: 1px solid rgba(0,0,0,0.6); }
.T3875 .class div { flex: 1; padding: 0 10px 0 0; }
.T3875 .class .count select { margin: 0;  }
.T3875 .class .name { flex: 5; font-size: 1em  }
.T3875 .class .subinfo { font-size: 11px; font-weight: normal; color: rgba(0,0,0,0.5); line-height: 11px; padding-right: 0px; }
.T3875 .class .subinfo a { color: inherit !important }
.T3875 .class .price { flex: 1; text-align: right; font-weight: bold; font-size: 1em;}
.T3875 .class .choose { flex: 1; padding: 0; text-align: right; }
.T3875 .class .choose.wait { font-size: 0.7rem; }
.T3875 .class .choose .button {
font-size: 0.7em !important;
display: inline-block;
padding: 4px 8px;
border-radius: 5px; cursor: pointer;
text-align: center;
font-weight: bold;
text-decoration: none;
}
.T3875 .class .choose .button.big { font-size: 1em; }
.T3875 .class .choose .button i { display: none; font-size: 22px; }
.T3875 .group-class { 
position: relative; font-weight: bold; 
font-size: 0.9em; 
border-bottom: 1px solid rgba(0,0,0,0.15); 
padding: 0 0 0.3em 1.2em; 
margin-top: 1em; 
cursor: pointer; 
}
.T3875 .group-class:before {
position: absolute;
left: 0px;
top: 45%;
font-size: 0.7em;
content: "\25bc";
line-height: 0px;
transform: rotate(-90deg);
}
.T3875 .group-class-inner { display: none; padding-left: 1rem; }
.T3875 .group-class-open { border-bottom: 0px solid #000; }
.T3875 .group-class-open + .group-class-inner { display: block;  }
.T3875 .group-class-open:before { transform: rotate(0deg); }

.Mandant_3469 .T3875 .headline { font-size: 25px; font-family: "WF-029714-010117-000025" !important; }
body .T3875 .slick-arrow.slick-next { right: 30px; z-index: 1; }
body .T3875 .slick-arrow.slick-prev { left: 30px; z-index: 1; }
.T3875 .maxwidth {
position: relative;
padding: 0px 0 0 0;
}
.T3875.tofilter .filterbar {
background-color: rgba(0,0,0,0.1);
padding: 15px 0;
margin-bottom: 30px;
}
.T3875.tofilter .filterbar .inner { position: relative; }
.T3875.tofilter .filterbar .mobileclose { display: none; position: absolute; top: -5px; right: 10px; cursor: pointer; }
.T3875.tofilter .filterbar .box {
margin: 0 0 15px 30px;
}
.T3875.tofilter .filterbar .box .headline {
font-size: 16px;
font-weight: 700;
margin: 0px 0 5px 0;
}
.T3875.tofilter .filterbar .box ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.T3875.tofilter .filterbar .box ul li {
margin: 0 20px 0 0;
padding: 0;
float: left;
}
.T3875.tofilter .filterbar .box ul li span.name {
position: relative;
font-size: 16px;
line-height: 1;
padding: 0 0 0 20px;
cursor: pointer;
}
.T3875.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;
}
.T3875.tofilter .filterbar .box ul li span.info {
display: block;
font-size: 12px;
margin: 0 8px 0 25px;
}
.T3875.tofilter .filterbar .box ul li span.active:before {
background-color: #333;
background-image: url(https://tramino.s3.amazonaws.com/s/root/873942/checkbox.png);
background-position: top left;
background-repeat: no-repeat;
}
.T3875.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper {
position: relative;
width: 180px;
}
.T3875.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .minvalue {
position: absolute;
top: 0;
left: 0;
}
.T3875.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .maxvalue {
position: absolute;
top: 0;
right: 0;
}
.T3875.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrangewrapper {
padding-top: 30px;
}
.T3875.tofilter .filterbar .box[data-filtertype=slider] .sliderwrapper .sliderrange {
width: 100%;
}
.T3875.tofilter .mobilefilter { 
cursor: pointer;
display: none;
margin: 0 0 20px 20px;
border: 1px solid #555;
color: #555;
padding: 4px 12px;
font-size: 14px;
}
.T3875.tofilter .mobilefilter i { font-size: 16px; } 
.T3875.tofilter .mobilefilter.open { background-color: #555; color: #FFF; }
.T3875.tofilter .nomatch { display: none; }
@media all and (min-width: 1280px)  {
.T3875 .entry-element { width: calc(  33.33% - 20px ); margin-right: 20px; }
}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T3875 .entry-element { width: 312px; margin-right: 20px; }
.T3875 .entry-element .infos { padding: 15px 15px; }
.T3875 .class { flex-wrap: wrap; }

}
@media all and (min-width: 700px) and (max-width:1023px) {
.T3875 .entry-element { width: calc(50vw - 30px); margin-right: 20px; }
.T3875 .entry-element .infos { padding: 12px 15px; }

}
@media all and (max-width: 700px) {
.T3875 .wrapper { margin-right: 0px; }
.T3875 .wrapper .entry-element { width: calc(100vw - 40px );  }
.T3875 .entry-element .infos { padding: 12px 15px; }

}
@media all and (max-width: 450px) {
.T3875 .class { flex-wrap: wrap; }
.T3875 .class .name { font-size: .9em; flex: 1 0 35%; }
.T3875 .class div { flex: 1 0 0%; }

}
.T3875.S8971 .entry-element { background: none; }
.T3875.S8971 .entry-element .infos { padding: 15px 0px 20px 0px; }.T3900 form { max-width: 640px; }
.T3900 .wrapper {
margin: 0 0 20px 0;
}
.T3900 .formheadline {
margin: 0 0 15px 0;
}
.T3900 .row {
margin: 0 0 5px 0;
}
.T3900 .item label {
display: block;
font-size: 14px;
margin: 0 0 2px 0;
}
.T3900 .item input[type=text], .T3900 .item input[type=email] {
font-size: 15px;
line-height: 1;
padding: 2px 1px;
}
.T3900 .row .required_info { font-size: 12px; }
.T3900 .row.ta-r { text-align: right; }
.T3900 .row .submit-button { margin-top: 50px !important;  }
.T3900 .Widget .error {
color: #FFF;
background-color: #F00;
padding: 9px 10px;
}
.T3900 .Widget.error label {
display:none;
}
.T3900 .errors {
color: #FFF;
background-color: #F00;
display: none;
}
.T3900 .errors.show {
display: block;
}
.T3900 table {
border-spacing: 0px;
border-collapse: collapse;
font-size: 13px;
}
.T3900 table td {
border-top: 1px solid #fff;
vertical-align: top;
text-align: left;
padding: 3px 10px 3px 0px;
border-right: 1px solid #fff;
}
.T3900 table td.time {
font-size: 12px;
font-style: oblique;
}
.T3900 table td.center {
text-align: center;
}
.T3900 table td.vcenter {
vertical-align: middle;
}
.T3900 table td.sommer {
background-color: #F0F2CB;
padding: 3px 10px 3px 10px;
}
.T3900 table td.winter {
background-color: #DBEDF6;
padding: 3px 10px 3px 10px;
}
.T3900 table td.grau {
background-color: #eee;
padding: 3px 10px 3px 10px;
}
.T3900 table td a { cursor: pointer; font-style: oblique; }.T3961 form { width: 900px; margin: 0 auto; }
.T3961 form .error { background-color: #F00; color: #FFF; padding: 10px 20px; margin: 0 0 10px 0; }
.T3961 form .row { margin: 0 0 30px 0; }
.T3961 form .row.align-right { text-align: right; }
.T3961 form .row:after { display: block; content: ""; clear: left; }
.T3961 form .row .col { float: left; width: calc(50% - 30px); }
.T3961 form .row .col:nth-child(1) { margin-right: 30px; }
.T3961 form .row .col:nth-child(2) { margin-right: 30px; }
.T3961 form .row .col.fullsize { float: none; width: 100%; }
.T3961 form .row .col.border { border: 1px solid #0e5878; padding: 20px 30px; }
.T3961 form .row .col .item { margin-bottom: 30px; }
.T3961 form .row .col .item label, .T3961 form .row .col .item .label { display: block; font-size: 22px; margin: 0 0 3px 0; }
.T3961 form .row .col .item.textlabel label, .T3961 form .row .col .item.textlabel .label { font-size: 14px; display: inline; }
.T3961 form .row .col .item.hide { display: none; }
.T3961 form .row .col .item .help { font-size: 14px; margin: 0 0 15px 0; }
.T3961 form .row .col .item .options { margin: 0 0 10px 0; }
.T3961 form .row .col .item .options label { display: inline; font-size: 25px; }
.T3961 form .row .col .item .options label .extra_info { display: block; font-size: 15px; color: #888; margin: 0 0 0 30px; }
.T3961 form .row .col .item .options label .extra_info.green { color: #d6dc23; }
.T3961 form .row .col .item .options label.disabled { opacity: 0.5; }
.T3961 form .row .col .item.hausname input, .T3961 form .row .col .item.begleitperson input { width: 350px; font-size: 18px; }
.T3961 form .row .col .item .AdresseWidget .adresse_firma, .T3961 form .row .col .item .AdresseWidget .adresse_abteilung, .T3961 form .row .col .item .AdresseWidget #element_adresse_titel { display: none; }
.T3961 form .row .col .item button.btn { font-size: 20px !important; padding: 10px 20px !important; }
.T3961 form .row .col .item button.btn.disabled { opacity: 0.2; cursor: auto; }
.T3961 form .row .col .item #f26930 { margin-bottom: 8px; }
.T3961 .TraminoForm .group { width: 100% !important; padding-right: 0px !important; }
.T3961 .AdresseWidget .Feld { padding: 0 !important; margin: 0px 0px 0px 0px !important; width: 100% !important; }
.T3961 .TraminoForm .group { width: 100% !important; padding-right: 0px !important; }
.T3961 .AdresseWidget { position: relative; }
.T3961 .AdresseWidget .Zeile { margin: 0 0 10px 0; }
.T3961 .AdresseWidget .Zeile:after { display: block; content: ""; clear: left; }
.T3961 .AdresseWidget .Feld { float: left; padding: 0 !important; margin: 0px 0px 0px 0px !important; width: 100% !important; }
.T3961 .TraminoForm .element { padding: 0 0 8px 0; }
.T3961 .TraminoForm .label { margin: 0 0 3px 0; }
.T3961 .TraminoForm .label h4 { font-size: 12px; }
.T3961 .AdresseWidget input[type=text], .T3961 .AdresseWidget input[type=email] { width: 100% !important; }
.T3961 .AdresseWidget select { width: 100% !important; }
.T3961 .AdresseWidget .adresse_extra { display: none; }
.T3961 .AdresseWidget .adresse_anrede { width: 35% !important; }
.T3961 .AdresseWidget .adresse_pflichtfeld { position: absolute; top: 0px; right: 0px; width: auto !important; }
.T3961 .AdresseWidget .adresse_vorname { width: calc(35% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_nachname { width: 65% !important; }
.T3961 .AdresseWidget .adresse_firma { width: calc(45% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_abteilung { width: 55% !important; }
.T3961 .AdresseWidget .adresse_strasse { width: calc(80% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_hausnr { width: 20% !important; }
.T3961 .AdresseWidget .adresse_plz { width: calc(20% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_ort { width: calc(50% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_ortsteil { width: 30% !important; }
.T3961 .AdresseWidget .adresse_telefon { width: calc(33.33% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_fax { width: calc(33.33% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_mobil { width: 33.33% !important; }
.T3961 .AdresseWidget .adresse_email input { width: 100% !important; }
@media all and (min-width:768px) and (max-width:1023px) {
.T3961 form { width: 100%; }
.T3961 form .row { margin: 0 0 30px 0; }
.T3961 form .row .col { width: calc(50% - 25px); }
.T3961 form .row .col:nth-child(1) { margin-right: 25px; }
.T3961 form .row .col:nth-child(2) { margin-right: 25px; }
.T3961 form .row .col.border { padding: 15px 20px; }
.T3961 form .row .col .item { margin-bottom: 25px; }
.T3961 form .row .col .item label, .T3961 form .row .col .item .label { font-size: 20px; margin: 0 0 2px 0; }
.T3961 form .row .col .item.textlabel label, .T3961 form .row .col .item.textlabel .label { font-size: 13px; }
.T3961 form .row .col .item .help { font-size: 13px; margin: 0 0 12px 0; }
.T3961 form .row .col .item .options { margin: 0 0 8px 0; }
.T3961 form .row .col .item .options label { font-size: 22px; }
.T3961 form .row .col .item .options label .extra_info { font-size: 14px; margin: 0 0 0 25px; }
.T3961 form .row .col .item.hausname input, .T3961 form .row .col .item.begleitperson input { width: 100%; font-size: 16px; }
.T3961 form .row .col .item button.btn { font-size: 18px !important; padding: 8px 16px !important; }
.T3961 form .row .col .item #f26930 { margin-bottom: 7px; }
}
@media all and (max-width:767px) {
.T3961 form { width: 100%; }
.T3961 form .row { margin: 0 0 20px 0; }
.T3961 form .row .col { margin-bottom: 20px; float: none; width: 100%; }
.T3961 form .row .col:nth-child(1) { margin-right: 0px; }
.T3961 form .row .col:nth-child(2) { margin-right: 0px; }
.T3961 form .row .col.border { padding: 15px 20px; }
.T3961 form .row .col .item { margin-bottom: 25px; }
.T3961 form .row .col .item label, .T3961 form .row .col .item .label { font-size: 20px; margin: 0 0 2px 0; }
.T3961 form .row .col .item.textlabel label, .T3961 form .row .col .item.textlabel .label { font-size: 13px; }
.T3961 form .row .col .item .help { font-size: 13px; margin: 0 0 12px 0; }
.T3961 form .row .col .item .options { margin: 0 0 8px 0; }
.T3961 form .row .col .item .options label { font-size: 22px; }
.T3961 form .row .col .item .options label .extra_info { font-size: 14px; margin: 0 0 0 25px; }
.T3961 form .row .col .item.hausname input, .T3961 form .row .col .item.begleitperson input { width: 100%; font-size: 16px; }
.T3961 form .row .col .item button.btn { font-size: 18px !important; padding: 8px 16px !important; }
.T3961 form .row .col .item #f26930 { margin-bottom: 7px; }
}
.T3994 .event{position:relative;height:auto;margin:0 0 15px}.T3994 .event .event_datum{position:relative;width:60px;height:60px;background-color:#fff;color:#0e5878;font-size:25px;line-height:1;text-align:center;border:2px solid #0e5878;float:left;margin-right:15px}.T3994 .event .event_datum .month{position:absolute;bottom:0;left:0;right:0;background-color:#0e5878;color:#fff;font-size:12px;padding:3px 0}.T3994 .event .event_datum .day{padding-top:4px}.T3994 .event .event_headline{width:calc(100% - 75px);float:left;padding:5px 10px 5px 0;font-size:16px}.T3994 .event .event_headline a{color:#0e5878;text-decoration:none}@media all and (min-width: 568px) and (max-width: 767px) {
.T3994 .event .event_datum { width: 55px; height: 55px; }
.T3994 .event .event_datum .day { font-size: 22px; }
.T3994 .event .event_headline {
left: 70px;
font-size: 16px;
line-height: 1.3;
}
}
@media all and (max-width: 567px) {
.T3994 .event .event_datum { width: 50px; height: 50px; }
.T3994 .event .event_datum .day { font-size: 20px; }
.T3994 .event .event_headline {
left: 65px;
font-size: 15px;
line-height: 1.25;
}
}
#mmcgate {
max-width: 900px;
background-color: #EEE;
padding: 1rem 1.5rem;
border-radius: 1rem;
margin: 0 auto
}
#mmcgate .mmclogo {
display: block;
width: 300px;
margin: 0 auto 20px
}
#mmcgate .headline {
text-align: center;
margin: 0 0 20px
}
#mmcgate .buttons {
margin: 20px 0;
text-align: right
}
#mmcgate .noverify {
font-size: 16px;
margin-top: 20px
}
#mmcgate .noverify .headline {
text-align: left;
font-size: 20px
}.T4143 {
font-size: 16px;
}
.T4143 .toanimate {
max-height: 1000px;
transition: max-height 450ms;
}
.T4143 .hide {
max-height: 0;
overflow: hidden;
transition: max-height 250ms;
}
.T4143 .headline {
margin: 0 0 10px 0;
}
.T4143 .kalender_wrapper {
border-bottom: 1px solid #CCC;
padding: 20px;
}
.T4143 .kalender_wrapper .kalender {
color: #CCC;
}
.T4143 .kalender_wrapper .kalender .month {
margin: 0 0 20px 0;
}
.T4143 .kalender_wrapper .kalender .month .month-headline {
display: inline-block;
position: relative;
color: #0e5878;
padding: 0 0 0 20px;
margin-bottom: 5px;
cursor: pointer;
}
.T4143 .kalender_wrapper .kalender .month .month-headline i {
position: absolute;
top: 0;
left: 0;
}
.T4143 .kalender_wrapper .kalender .month .calender {
max-height: 0px;
overflow: hidden;
transition: max-height 450ms;
}
.T4143 .kalender_wrapper .kalender .month .calender .row.headline {
margin: 0;
}
.T4143 .kalender_wrapper .kalender .month .calender .row.headline .element {
background-color: #0e5878;
color: #FFF;
border-top: 1px solid #FFF;
border-color: #FFF;
}
.T4143 .kalender_wrapper .kalender .month .calender .row .element {
position: relative;
width: 80px;
height: 35px;
float: left;
padding: 3px 10px;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
text-align: center;
}
.T4143 .kalender_wrapper .kalender .month .calender .row .element.wd0 {
border-left: 1px solid #CCC;
}
.T4143 .kalender_wrapper .kalender .month .calender .row .element.active {
cursor: pointer;
background-color: #d6dc23;
background-color: #EAEAEA;
color: #0e5878;
}
.T4143 .kalender_wrapper .kalender .month .calender .row .element .raupen {
position: absolute;
bottom: 3px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.T4143 .kalender_wrapper .kalender .month .calender .row .element .raupen .raupe {
float: left;
width: 5px;
height: 5px;
border-radius: 50%;
overflow: hidden;
margin: 0 2px 0 0;
background-color: #0e5878;
background-color: #960d0d;
opacity: 0.8;
}
.T4143 .kalender_wrapper .kalender .month .calender .row .element .raupen .raupe.active {
background-color: #16960d;
}
.T4143 .kalender_wrapper .kalender .month.active .month-headline i {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.T4143 .kalender_wrapper .kalender .month.active .calender {
max-height: 500px;
}
.T4143 .booking_wrapper {
padding: 20px;
}
.T4143 .booking_wrapper .booking .item {
margin: 0 0 20px 0;
}
.T4143 .booking_wrapper .booking .item .infotext .reset {
text-decoration: underline;
cursor: pointer;
}
.T4143 .booking_wrapper .booking .item .wrapper .personselect {
float: left;
}
.T4143 .booking_wrapper .booking .item .wrapper .personselect .person {
float: left;
width: 50px;
height: 50px;
text-align: center;
font-size: 30px;
border: 1px solid #666;
border-right-width: 0px;
cursor: pointer;
}
.T4143 .booking_wrapper .booking .item .wrapper .personselect .person:nth-child(2) {
border-right: 1px solid #666;
}
.T4143 .booking_wrapper .booking .item .wrapper .personselect .person.active {
background-color: #d6dc23;
color: #0e5878;
}
.T4143 .booking_wrapper .booking .item .wrapper .personselect .person.disabled {
background-color: #FFF;
color: #CCC;
cursor: default;
text-decoration: line-through;
}
.T4143 .booking_wrapper .booking .item .wrapper .price {
float: left;
font-size: 40px;
margin: 0 0 0 20px;
}
.T4143 .booking_wrapper .booking .item .wrapper .price .euro {
font-size: 20px;
}
.T4143 .booking_wrapper .booking .raupenselect {
margin: 0 0 50px 0;
}
.T4143 .booking_wrapper .booking .raupenselect .raupe {
margin: 0 0 30px 0;
padding: 0 0 30px 0;
border-bottom: 1px solid #CCC;
}
.T4143 .booking_wrapper .booking .raupenselect .raupe:nth-child(3) {
border-bottom-width: 0px;
}
.T4143 .booking_wrapper .booking .raupenselect .raupe.disabled .label,
.T4143 .booking_wrapper .booking .raupenselect .raupe.disabled .personselect,
.T4143 .booking_wrapper .booking .raupenselect .raupe.disabled .price {
opacity: 0.1;
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4143 {
font-size: 15px;
}
.T4143 .kalender_wrapper .kalender .month .calender .row .element {
width: 65px;
height: 33px;
padding: 2px 8px;
}
.T4143 .kalender_wrapper .kalender .month .calender .row .element .raupen {
bottom: 2px;
}
.T4143 .kalender_wrapper .kalender .month .calender .row .element .raupen .raupe {
width: 4px;
height: 4px;
}
.T4143 .booking_wrapper .booking .item {
margin: 0 0 20px 0;
}
.T4143 .booking_wrapper .booking .item .wrapper .personselect {
margin-top: 5px;
}
.T4143 .booking_wrapper .booking .item .wrapper .personselect .person {
width: 40px;
height: 40px;
font-size: 25px;
}
.T4143 .booking_wrapper .booking .item .wrapper .price {
float: left;
font-size: 35px;
margin: 0 0 0 15px;
}
.T4143 .booking_wrapper .booking .item .wrapper .price .euro {
font-size: 18px;
}
.T4143 .booking_wrapper .booking .raupenselect {
margin: 0 0 40px 0;
}
.T4143 .booking_wrapper .booking .raupenselect .raupe {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
}
}
@media all and (max-width: 567px) {
.T4143 {
font-size: 14px;
}
.T4143 .kalender_wrapper {
padding: 10px 0;
}
.T4143 .kalender_wrapper .kalender .month .calender .row .element {
width: 41px;
height: 33px;
padding: 2px 3px;
font-size: 13px;
}
.T4143 .kalender_wrapper .kalender .month .calender .row .element .raupen {
bottom: 3px;
}
.T4143 .kalender_wrapper .kalender .month .calender .row .element .raupen .raupe {
width: 4px;
height: 4px;
}
.T4143 .booking_wrapper .booking .item {
margin: 0 0 10px 0;
}
.T4143 .booking_wrapper .booking .item .wrapper .personselect {
margin-top: 9px;
}
.T4143 .booking_wrapper .booking .item .wrapper .personselect .person {
width: 30px;
height: 30px;
font-size: 20px;
}
.T4143 .booking_wrapper .booking .item .wrapper .price {
font-size: 30px;
margin: 0 0 0 12px;
}
.T4143 .booking_wrapper .booking .item .wrapper .price .euro {
font-size: 15px;
}
.T4143 .booking_wrapper .booking .raupenselect {
margin: 0 0 30px 0;
}
.T4143 .booking_wrapper .booking .raupenselect .raupe {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}
}
.T4227 .headline {
font-size: 22px;}
.T4227 .badges {
display: flex;flex-wrap: wrap;}
.T4227 .item {
max-width: 450px;overflow: hidden;border-top: 1px solid #eee;padding-bottom: 10px;}
.T4227 .item .visual {
float: left;width: 100px;margin: 0 10px 0 0;padding: 5px 0px 0px 0px;}
.T4227 .item .image {
width: 100%;height: auto;}
.T4227 .item .image .inner {
position: relative;}
.T4227 .item .image img {
width: 100%;height: auto;}
.T4227 .item .image.circle img {
border-radius: 50%;border: 7px solid #fff;}
.T4227 .item .image .count {
position: absolute;left: 0px;top: 7px;background-color: #0E5876;color: #fff;padding: 1px 5px 3px 5px;border-radius: 25px;font-weight: 700;font-size: 13px;line-height: 13px;border: 2px solid #fff;}
.T4227 .points {
background-color: #D6DC43;color: #0E5876;padding: 0px 5px 3px 5px;border-radius: 8px;line-height: 16px;font-weight: 700;}
.T4227 .item .points {
font-size: 15px;}
.T4227 .item .image .points {
position: absolute;bottom: 12px;right: 0px;border: 2px solid #fff;}
.T4227 .item .image .new img{
position: absolute;bottom: 0px;left: 0px;width: 40px;height: 40px;}
.T4227 .item .content {
float: left;width: calc( 100% - 110px );font-size: 13px;padding-top: 15px;padding-left: 20px;padding-right: 20px;}
.T4227 .item .content h3 {
font-size: 17px;margin: 0px 0px 3px 0px
}@media all and (min-width: 768px) and (max-width:1023px) {
.T4227 .item {
max-width: 350px;height: 130px;}
.T4227 .item .visual {
width: 70px;margin-right: 5px;}
.T4227 .item .image .points { bottom: 0; }
.T4227 .item .image .new img{
bottom: -2px;width: 35px;height: 35px;	
}
.T4227 .item .content {
width: calc( 100% - 75px );}
.T4227 .item .content h3 {
font-size: 16px;margin: 0px 0px 3px 0px
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4227 .badges { flex-direction: column; }
.T4227 .item {
max-width: 100%;width: 100%;height: auto;}
.T4227 .item .visual {
width: 70px;margin-right: 5px;}
.T4227 .item .image .points { bottom: 0; }
.T4227 .item .image .new img{
bottom: 0px;		
width: 33px;height: 33px;	
}
.T4227 .item .content {
width: calc( 100% - 75px );margin: 0 0 8px 0;}
.T4227 .item .content h3 {
font-size: 16px;margin: 0px 0px 3px 0px
}
}
@media all and (max-width: 567px) {
.T4227 .badges { flex-direction: column; }
.T4227 .item {
float: none;max-width: 100%;width: 100%;height: auto;}
.T4227 .item .visual {
width: 70px;margin-right: 5px;}
.T4227 .item .image .points { bottom: 0; }
.T4227 .item .image .new img{
bottom: 0px;		
width: 30px;height: 30px;	
}
.T4227 .item .content {
width: calc( 100% - 75px );margin: 0 0 5px 0;}
.T4227 .item .content h3 {
font-size: 16px;margin: 0px 0px 3px 0px
}
}
.T4228 .rewards {
display: flex;flex-wrap: wrap;}
.T4228 .rewards-inner {
max-width: 450px;overflow: hidden;border-top: 1px solid #eee;margin: 0px 0px 20px 0px
}
.T4228 .item .visual {
float: left;width: 100px;margin: 0 10px 0 0;padding: 10px 0px 0px 0px;}
.T4228 .item .image {
position: relative;width: 100%;height: auto;}
.T4228 .item .image img {
width: 100%;height: auto;}
.T4228 .item .image.circle img {
border-radius: 100px;border: 7px solid #fff;}
.T4228 .item .image .count {
position: absolute;left: 0px;top: 7px;background-color: #0E5876;color: #fff;padding: 1px 5px 3px 5px;border-radius: 25px;font-weight: 700;font-size: 13px;line-height: 13px;border: 2px solid #fff;}
.T4228 .points {
background-color: #D6DC43;color: #0E5876;padding: 0px 5px 3px 5px;border-radius: 8px;line-height: 16px;font-weight: 700;}
.T4228 .item  .points {
font-size: 15px;}
.T4228 .item .image .points {
position: absolute;bottom: 12px;right: 0px;border: 2px solid #fff;}
.T4228 .item .content {
float: left;width: calc( 100% - 110px );font-size: 13px;padding-top: 15px;padding-left: 20px;padding-right: 20px;}
.T4228 .item .content h3 {
font-size: 17px;margin: 0px 0px 3px 0px
}@media all and (min-width: 768px) and (max-width:1023px) {
.T4228 .rewards-inner { max-width: 350px; height: 130px; margin: 0px 0px 10px 0px }
.T4228 .item .visual { width: 70px; margin: 0 5px 0 0; }
.T4228 .item .image .points { bottom: 0px; }
.T4228 .item .content { width: calc(100% - 75px); }
.T4228 .item .content h3 { font-size: 16px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4228 .rewards { flex-direction: column; }
.T4228 .rewards-inner { max-width: 100%; width: 100%; height: auto; margin: 0px 0px 10px 0px }
.T4228 .item .visual { width: 70px; margin: 0 5px 0 0; }
.T4228 .item .image .points { bottom: 0px; }
.T4228 .item .content { width: calc(100% - 75px); margin: 0 0 8px 0; }
.T4228 .item .content h3 { font-size: 16px; }
}
@media all and (max-width: 567px) {
.T4228 .rewards { flex-direction: column; }
.T4228 .rewards-inner { max-width: 100%; width: 100%; height: auto; margin: 0px 0px 10px 0px }
.T4228 .item .visual { width: 70px; margin: 0 5px 0 0; }
.T4228 .item .image .points { bottom: 0px; }
.T4228 .item .content { width: calc(100% - 75px); margin: 0 0 5px 0; }
.T4228 .item .content h3 { font-size: 16px; }
}
#body .font-size50 { margin-bottom: 50px; text-align: center; }
.T4322 .element { margin-bottom: 30px; }
.T4322 .element .logo {
float: left;width: 150px;margin: 0 30px 0 0;}
.T4322 .element .logo img { width: 100%; height: auto; }
.T4322 .element .inner {
float: left;margin: 0 20px 0 0;width: calc( 100% - 150px - 30px - 20px - 200px );}
.T4322 .lawinenstufe {
float: left;width: 200px;}
.T4322 .lawinenstufe .lw {
position: relative;}
.T4322 .lawinenstufe svg { width: 100%; height: auto; }
.T4322 .lawinenstufe .lw .dig {
position: absolute;top: 0;left: 0;color: #FFF;text-shadow: 2px 2px 2px rgba(0,0,0,0.6);font-size: 30px;}
.T4322 .lawinenstufe .grenze {
text-align: center;font-size: 16px;margin: 0px 0 2px 0;}
.T4322 .lawinenstufe .lw_top .dig { top: 40px; left: 110px; }
.T4322 .lawinenstufe .lw_bottom .dig { top: 10px; left: 94px; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
#body .font-size50 { margin-bottom: 45px;}
.T4322 .element { margin-bottom: 25px; }
.T4322 .element .logo { width: 130px; margin: 0 20px 0 0; }
.T4322 .element .inner { margin: 0 15px 0 0; width: calc(100% - 130px - 20px - 15px - 150px); }
.T4322 .lawinenstufe { width: 150px; }
.T4322 .lawinenstufe .lw .dig { font-size: 25px; }
.T4322 .lawinenstufe .grenze { margin: 0px 0 2px 0; font-size: 15px; }
.T4322 .lawinenstufe .lw_top .dig { top: 21px; left: 82px; }
.T4322 .lawinenstufe .lw_bottom .dig { top: 3px; left: 71px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
#body .font-size50 { margin-bottom: 40px;}
.T4322 .element { margin-bottom: 20px; }
.T4322 .element .logo { width: 100px; margin: 0 20px 0 0; }
.T4322 .element .inner { margin: 0 15px 0 0; width: calc(100% - 100px - 20px - 15px - 130px); }
.T4322 .lawinenstufe { width: 130px; }
.T4322 .lawinenstufe .lw .dig { font-size: 22px; }
.T4322 .lawinenstufe .grenze { margin: 0px 0 2px 0; font-size: 14px; }
.T4322 .lawinenstufe .lw_top .dig { top: 17px; left: 72px; }
.T4322 .lawinenstufe .lw_bottom .dig { top: 1px; left: 62px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
#body .font-size50 { margin-bottom: 35px;}
.T4322 .element { margin-bottom: 18px; }
.T4322 .element .logo { width: 90px; margin: 0 15px 0 0; }
.T4322 .element .inner { margin: 0 15px 0 0; width: calc(100% - 90px - 15px - 15px - 120px); }
.T4322 .lawinenstufe { width: 120px; }
.T4322 .lawinenstufe .lw .dig { font-size: 20px; }
.T4322 .lawinenstufe .grenze { margin: 0px 0 2px 0; font-size: 13px; }
.T4322 .lawinenstufe .lw_top .dig { top: 15px; left: 66px; }
.T4322 .lawinenstufe .lw_bottom .dig { top: 1px; left: 54px; }
}
@media all and (max-width: 567px) {
#body .font-size50 { margin-bottom: 30px;}
.T4322 .element { margin-bottom: 15px; position: relative; }
.T4322 .element .logo { position: absolute; top: 0; left: 0; width: 60px; margin: 0 15px 0 0; float: none; }
.T4322 .element .inner { float: none; margin: 0 15px 0 80px; width: calc( 100% - 100px ); }
.T4322 .lawinenstufe {  width: 120px; float: none; margin: 0 auto; }
.T4322 .lawinenstufe .lw .dig { font-size: 20px; }
.T4322 .lawinenstufe .grenze { margin: 0px 0 2px 0; font-size: 13px; }
.T4322 .lawinenstufe .lw_top .dig { top: 15px; left: 66px; }
.T4322 .lawinenstufe .lw_bottom .dig { top: 1px; left: 54px; }
}.T4335 .item { display: flex; margin: 0 0 30px 0; }
.T4335 .item.rightmode { text-align: right;  }
.T4335 .item .inner {
width: 70%;position: relative;z-index: 2;}
.T4335 .item .placeholder {
width: 30%;position: relative;}
.T4335 .item .placeholder svg {
width: 170%;height: auto;position: absolute;top: 110px;left: -270px;z-index: 1;}
.T4335 .item.rightmode .placeholder svg {
transform: scaleX(-1);top: 100px;left: 0px;}
.T4335 .item .placeholder svg.mobile { 
display: none;width: 50px;top: 170px !important;left: auto;right: 0px;}
.T4335 .item .Bild {
margin: 0 0 20px 0;}
.T4335 .item .Bild img { max-width: 400px; width: 100%; height: auto; }
.T4335 .item.rightmode .Bild:after { display: block; content: ""; clear: both; }
.T4335 .item.rightmode .Bild img { float: right; }
.T4335 .item .headline {
font-size: 20px;margin: 0 0 10px 0;}
.T4335 .item:last-child .placeholder svg { display: none !important;  }@media all and (min-width: 1024px) and (max-width: 1279px) {
.T4335 .item { margin: 0 0 25px 0; }
.T4335 .item .placeholder svg { width: 190%; top: 115px; left: -270px; }
.T4335 .item.rightmode .placeholder svg { top: 150px; left: 0px; }
.T4335 .item .Bild { margin: 0 0 18px 0; }
.T4335 .item .headline { font-size: 18px; margin: 0 0 9px 0; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T4335 .item { margin: 0 0 20px 0; }
.T4335 .item .placeholder svg { width: 450px; top: 165px; left: -300px; }
.T4335 .item.rightmode .placeholder svg { top: 150px; left: 0px; }
.T4335 .item .Bild { width: 350px; margin: 0 0 16px 0; }
.T4335 .item .headline { font-size: 16px; margin: 0 0 8px 0; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4335 .item { margin: 0 0 20px 0; }
.T4335 .item .placeholder svg { width: 430px; top: 165px; left: -300px; }
.T4335 .item.rightmode .placeholder svg { top: 150px; left: 0px; }
.T4335 .item .Bild { width: 280px; margin: 0 0 16px 0; }
.T4335 .item .headline { font-size: 16px; margin: 0 0 8px 0; }
}
@media all and (max-width: 567px) {
.T4335 .item { margin: 0 0 20px 0; }
.T4335 .item .placeholder svg.desktop { display: none; }
.T4335 .item .placeholder svg.mobile { display: block; }
.T4335 .item.rightmode .placeholder svg { top: 150px; left: 0px; }
.T4335 .item .Bild { width: 180px; margin: 0 0 16px 0; }
.T4335 .item .headline { font-size: 16px; margin: 0 0 8px 0; }
}
.T4336 .wrapper {
display: -webkit-box;display: -ms-flexbox;display: flex;}
.T4336 .wrapper .badge {
width: 200px;}
.T4336 .wrapper .badge img {
width: 100%; height: auto;}
.T4336 .wrapper .line {
-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;position: relative;}
.T4336 .wrapper .line.ls { margin-right: 20px; }
.T4336 .wrapper .line.rs { margin-left: 20px; }
.T4336 .wrapper .line .inner {
position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background-color: #0e5878;}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T4336 .wrapper .badge { width: 180px; }
.T4336 .wrapper .line.ls { margin-right: 18px; }
.T4336 .wrapper .line.rs { margin-left: 18px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T4336 .wrapper .badge { width: 160px; }
.T4336 .wrapper .line.ls { margin-right: 16px; }
.T4336 .wrapper .line.rs { margin-left: 16px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4336 .wrapper .badge { width: 140px; }
.T4336 .wrapper .line.ls { margin-right: 14px; }
.T4336 .wrapper .line.rs { margin-left: 14px; }
}
@media all and (max-width: 567px) {
.T4336 .wrapper .badge { width: 120px; }
.T4336 .wrapper .line.ls { margin-right: 12px; }
.T4336 .wrapper .line.rs { margin-left: 12px; }
}
.T4341 .hide { display: none !important; }
.T4341 .jzhide { display: none !important; }
.T4341 .legende { 
margin-top: 20px; 
padding: 5px 0px 15px 0px; 
font-size: 11px; 
line-height: 13px; 
display: flex; 
gap: 10px;
flex-wrap: wrap;
}
.T4341 .legende .icon { display: inline-block !important; width: 11px; height: 11px; vertical-align: bottom; margin-right: 3px; }
.T4341 .legende .icon2 { display: inline-block !important; width: 11px; height: 11px; vertical-align: bottom; margin-right: 3px; }
.T4341 .legende .icon2.leicht { background-color: #009bff; }
.T4341 .legende .icon2.mittel { background-color: #fd2724; }
.T4341 .legende .icon2.schwer { background-color: #353535; }
.T4341 .legende .icon2.Route { background-color: #ffff33; }
.square-diamond {
position: relative;
width: 15px;
height: 15px;
display: inline-flex;
justify-content: center;
align-items: center;
color: #FFF;
font-size: 11px;
}
.square-diamond:after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 15px;
height: 15px;
background-color: #F00;
border: 1px solid #F00;
transform: rotate(-45deg);
}
.square-diamond .inner {
position: relative;
z-index: 2;
color: #FFF;
font-size: 10px;
}
.square-diamond.schwereRoute:after { border-color: #000; }

.T4341 .legende .square-diamond {
width: 8px;
height: 8px;
margin-right: 10px;
}
.T4341 .legende .square-diamond:after {
width: 8px;
height: 8px;
}
.T4341 .statusheadlines { margin: 0 0 20px 0; }
.T4341 .box .headline {
margin: 0 0 15px 0;
font-weight: bold;
}
.T4341 .filter {
margin: 0 0 80px 0;
background-color: #0e5878;
}
.T4341 .filter .inner {display: flex;}
.T4341 .filter .item {
color: #FFF;
cursor: pointer;
display: block;
float:left;
padding: 10px 20px;
border-right: 2px solid #FFF;
font-size: 16px;
flex: 1;
white-space: nowrap;
text-align: center;
}
.T4341 .filter .item:last-child { border-width: 0px; }
.T4341 .filter .item.active {
background-color: #d6dc23;
}
.T4341 .filter.nomargin { margin: 0 0 60px 0; }
.T4341 .filter .typefilter {
padding-top: 1rem;
background-color: #FFF;
display: none;
}
.T4341 .filter .typefilter .btn { margin-bottom: 0.5rem !important; }
.T4341 .prognose {
display: inline-block;
padding: 5px 15px;
margin: 6px 0px 15px 0px;
color: #0e5878;
background-color: #d6dc23;
font-size: 15px;
float: right;
}
.T4341 .prognose span {
font-size: 12px;
}
.T4341 .infotexte {
margin: 0 0 30px 0;
}
.T4341 .infotexte .infotext {
margin: 0 0 15px 0;
}
.T4341 .infotexte .infotext > .name {
margin: 0 0 10px 0;
}
.T4341 .infotexte .infotext > .text {
border-top: 1px solid #ccc;
padding-top: 5px;
}
.T4341 .data {
margin-right: -40px;
}
.T4341 .data .box {
width: 380px;
background-color: #eeeeee !important;
padding: 10px 15px;
position: relative;
}
.T4341 .data .box .headline {
position: relative;
z-index: 8;
}
.T4341 .data .box.icon .headline {
background-size: 30px auto;
background-position: top left;
background-repeat: no-repeat;
padding-left: 40px;
}
.T4341 .data .box.icon[data-typ=lifte] .headline { background-image: url(https://storage.tramino.net/ok-bergbahnen/932892/bahn-1.svg); }
.T4341 .data .box.icon[data-typ=stationen] .headline { background-image: url(https://storage.tramino.net/ok-bergbahnen/932893/haus-1.svg); }
.T4341 .data .box.icon[data-typ=huetten] .headline { background-image: url(https://storage.tramino.net/ok-bergbahnen/932894/essen-1.svg); }
.T4341 .data .box.icon[data-typ=pisten] .headline { background-image: url(https://storage.tramino.net/ok-bergbahnen/932895/skifahrer-simpel.svg); }
.T4341 .data .box.icon[data-typ=wege] .headline { background-image: url(https://storage.tramino.net/ok-bergbahnen/932896/wanderer-simpel.svg); }
.T4341 .data .box.icon[data-typ=wwege] .headline { background-image: url(https://storage.tramino.net/ok-bergbahnen/933676/wanderer-alpin.svg); }
.T4341 .data .box.icon[data-typ=einrichtung] .headline { background-image: url(https://storage.tramino.net/ok-bergbahnen/932897/sommerrodel.svg); }
.T4341 .data .box.icon[data-typ=parkplaetze] .headline { background-image: url(https://storage.tramino.net/ok-bergbahnen/1069637/car-2.svg); }
.T4341 .data .box .link {
position: absolute;
top: 10px;
right: 15px;
z-index: 10;
}
.T4341 .data .box .link.static {
position: relative;
top: auto;
right: auto;
margin-bottom: 5px;
}
.T4341 .data .box .link a {
color: #0e5878;
font-size: 12px;
}
.T4341 .data .box .stat {
position: absolute;
top: 10px;
right: 15px;
}
.T4341 .data .box.toexpand .element { display: none; }
.T4341 .data .box.toexpand .element.expand-show { display: block; }
.T4341 .data .box.toexpand.expanded .element { display: block; }
.T4341 .data .box.toexpand .expand {
cursor: pointer;
position: relative;
margin: 10px 0;
text-align: center;
}
.T4341 .data .box.toexpand .expand:before {
content: "+";
font-size: 13px;
font-weight: bold;
position: relative;
left: -5px;
background: #0e5878;
color: #fff;
border-radius: 20px;
padding: 0px 5px 1px 6px;
cursor: pointer;
opacity: 0.5;
}
.T4341 .data .box.toexpand.expanded .expand { display: none; }
.T4341 .data .info {
margin: 12px 0;
font-size: 12px;
}
.T4341 .data .element {
position: relative;
padding: 6px 0px;
border-bottom: 1px solid #DDD;
font-size: 15px;
background-color: #EEE;
transition: background-color 250ms;
}
.T4341 .data .box[data-typ=stationen] .element  { min-height: 66px; }
.T4341 .data .box.pistenplan img {
width: 100%;
height: auto;
}
.T4341 .data .element .top:after { display: block; content: ""; clear: both; }
.T4341 .data .element span {
display: block;
float: left;
}
.T4341 .data .element span.right { float: right; }
.T4341 .data .element i { float: right; font-size: 12px; color: #ccc; margin: 0 10px 0 0; }
.T4341 .data .element span.status { width: 16px; margin: 0 10px 0 0; }
.T4341 .data .element .fill { width: 40px; height: 15px; 
padding: 7px 0px 0px 0px;
background-color: #3d3; border-radius: 20px; margin-right: 10px; 
overflow: hidden;
position: relative;
}
.T4341 .data .element .fill span { 
position: absolute; left: 0px; top: 0px;
width: 0px; height: 15px;  background-color: #E33; }
.T4341 .data .element span.status img { width: 16px; height: 16px; }
.T4341 .data .element span.typ { width: 15px; margin: 0 5px 0 0; }
.T4341 .data .element span.art { width: 15px; margin: 0 5px 0 0; }
.T4341 .data .element span.grad { width: 15px; margin: 0 5px 0 0; }
.T4341 .data .element span.zeichen {
height: 16px;
line-height: 16px;
max-width: 55px;
padding: 0px 5px;
width: auto;
min-width: 25px;
display: inline-block;
font-size: 11px;
background-color: #AAA;
color: #FFF;
text-align: center;
margin: 0 8px 0 0;
}
.T4341 .data .element span.zeichen.leicht { background-color: #009bff; }
.T4341 .data .element span.zeichen.mittel { background-color: #fd2724; }
.T4341 .data .element span.zeichen.schwer { background-color: #353535; }
.T4341 .data .element span.zeichen.Route { background-color: #ffff33; color: #000; }
.T4341 .data .element span.zeichen.transparent { background-color: transparent; }
.T4341 .data .element .top {
display: flex;
}
.T4341 .data .element span.name { display: inline-block; flex: 2; }
.T4341 .data .element span.zeitinfo { font-size: 11px; flex: 1; align-self: center; }
.T4341 .data .box[data-typ=lifte] .element .bottom .inner { padding-left: 61px; }
.T4341 .data .box[data-typ=stationen] .element .weatherinfo {
position: absolute;
top: 4px;
right: 0;
text-align: right;
font-size: 12px;
}
.T4341 .data .box[data-typ=stationen] .element .weatherinfo img {
display: inline-block !important;	
width: 30px;
height: auto;
}
.T4341 .data .element .weatherinfo .wettertext {
font-size: 11px;
max-width: 220px;
}
.T4341 .data .element .bottom {
font-size: 12px;
}
.T4341 .data .element.openable .bottom {
height: 0;
overflow: hidden;
transition: height 250ms;
font-size: 14px;
}
.T4341 .data .element .bottom .inner {
padding: 5px 3px 5px 3px ;
}

.T4341 .data .element.open {
background-color: #FAFAFA;
transition: background-color 250ms;
transform: rotate(0deg);
transition: transform 250ms, color 250ms;
}
.T4341 .data .element.open i {  color: #000; transform: rotate(180deg); transition: transform 250ms, color 250ms; }
.T4341 .data .element.open .bottom {
height: auto;
overflow: hidden;
transition: height 250ms;
}
.T4341 .data .oeffnungszeitenwrap { display:inline-block; margin: 10px 0px 5px 0px; }
.T4341 .data .oeffnungszeiten { padding: 0px 8px; max-width: 280px; }
.T4341 .data .oeffnungszeiten .tag { display: flex; }
.T4341 .data .oeffnungszeiten .tag .tage { flex: 2; white-space: nowrap; padding-right: 1rem; }
.T4341 .data .oeffnungszeiten .tag .rightside { flex: 1; }
.T4341 .data .oeffnungszeiten .tag .rightside .vormittag { white-space: nowrap; }
.T4341 .data .oeffnungszeiten .tag .rightside .nachmittag { white-space: nowrap; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
.T4341 .statusheadlines { margin: 0 0 18px 0; }
.T4341 .box .headline { margin: 0 0 9px 0; }
.T4341 .filter {
margin: 0 0 70px 0;
}
.T4341 .filter .item {
padding: 8px 16px;
font-size: 15px;
}
.T4341 .data .box { width: 390px; }
.T4341 .data .element {
padding: 4px 0px;
font-size: 14px;
}
.T4341 .data .box.icon .headline {
background-size: 25px auto;
padding-left: 35px;
}
.T4341 .data .element i { margin: 0 9px 0 0; }
.T4341 .data .element span.status { width: 16px; }
.T4341 .data .element span.typ { width: 15px; margin: 0 4px 0 0; }
.T4341 .data .element span.grad { width: 15px; margin: 0 4px 0 0; }
.T4341 .data .element span.zeichen { font-size: 11px; margin: 0 4px 0 0;  }
.T4341 .data .element .bottom { font-size: 11px; }
.T4341 .data .element.openable .bottom { font-size: 13px; }
.T4341 .data .element .bottom .inner { padding: 4px 2px 4px 2px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T4341 .statusheadlines { margin: 0 0 15px 0; }
.T4341 .box .headline { margin: 0 0 8px 0; }
.T4341 .filter {
position: relative;
margin: 0 0 40px 0;
}
.T4341 .filter:after {
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
width: 20px;
height: 100%;
background-image: linear-gradient(to right, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 90%);
}
.T4341 .filter .box { overflow: hidden; overflow-x: scroll;  }
.T4341 .filter .inner {
width: 800px;
}
.T4341 .filter .item {
padding: 7px 16px;
font-size: 14px;
}
.T4341 .data .box { width: 360px; }
.T4341 .data .element {
padding: 3px 0px;
font-size: 13px;
}
.T4341 .data .box.icon .headline {
background-size: 25px auto;
padding-left: 35px;
}
.T4341 .data .element i { margin: 0 8px 0 0; }
.T4341 .data .element span.status { width: 16px;  }
.T4341 .data .element span.typ { width: 15px; margin: 0 3px 0 0; }
.T4341 .data .element span.grad { width: 15px; margin: 0 3px 0 0; }
.T4341 .data .element span.zeichen { font-size: 11px; margin: 0 3px 0 0;  }
.T4341 .data .element .bottom { font-size: 11px; }
.T4341 .data .element.openable .bottom { font-size: 12px; }
.T4341 .data .element .bottom .inner { padding: 3px 2px 3px 2px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4341 .statusheadlines { margin: 0 0 12px 0; }
.T4341 .box .headline { margin: 0 0 7px 0; }
.T4341 .filter {
position: relative;
margin: 0 0 40px 0;
}
.T4341 .filter:after {
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
width: 20px;
height: 100%;
background-image: linear-gradient(to right, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 90%);
}
.T4341 .filter .box { overflow: hidden; overflow-x: scroll;  }
.T4341 .filter .inner {
width: 800px;
}
.T4341 .filter .item {
padding: 7px 16px;
font-size: 14px;
}
.T4341 .filter .typefilter { display: block; }
.T4341 .data .box { width: 320px; }
.T4341 .data .element {
padding: 2px 0px;
font-size: 12px;
}
.T4341 .data .box.icon .headline {
background-size: 23px auto;
padding-left: 30px;
}
.T4341 .data .element i { margin: 0 6px 0 0; }
.T4341 .data .element span.status { width: 16px; }
.T4341 .data .element span.typ { width: 15px; margin: 0 2px 0 0; }
.T4341 .data .element span.grad { width: 15px; margin: 0 2px 0 0; }
.T4341 .data .element span.zeichen { font-size: 11px; margin: 0 2px 0 0;  }
.T4341 .data .element .bottom { font-size: 10px; }
.T4341 .data .element.openable .bottom { font-size: 11px; }
.T4341 .data .element .bottom .inner { padding: 3px 2px 3px 2px; }
}
@media all and (max-width: 567px) {
.T4341 .statusheadlines { margin: 0 0 10px 0; }
.T4341 .box .headline { margin: 0 0 6px 0; }
.T4341 .filter {
position: relative;
margin: 0 0 40px 0;
}
.T4341 .filter:after {
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
width: 20px;
height: 100%;
background-image: linear-gradient(to right, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 90%);
}
.T4341 .prognose {
padding: 4px 8px;
margin: 5px 0px 12px 0px;
font-size: 12px;
}
.T4341 .filter .box { overflow: hidden; overflow-x: scroll;  }
.T4341 .filter .inner {
width: 800px;
}
.T4341 .filter .item {
padding: 7px 16px;
font-size: 14px;
}
.T4341 .filter .typefilter { display: block; }
.T4341 .data { margin-right: 0px; }
.T4341 .data .box { width: 100%; }
.T4341 .data .box.icon .headline {
background-size: 20px auto;
padding-left: 25px;
}
.T4341 .data .element {
padding: 4px 0px;
font-size: 12px;
}
.T4341 .data .element i { margin: 0 6px 0 0; }
.T4341 .data .element span.status { width: 16px; }
.T4341 .data .element span.typ { width: 15px; }
.T4341 .data .element span.grad { width: 15px; }
.T4341 .data .element span.zeichen { font-size: 11px; }
.T4341 .data .element .bottom { font-size: 10px; }
.T4341 .data .element.openable .bottom { font-size: 11px; }
.T4341 .data .element .bottom .inner { padding: 3px 2px 3px 2px; }
.T4341 .data .box[data-typ=stationen] .element .weatherinfo img { width: 20px; }
}
@media (max-width: 567px) {
.T4341 .prognose { transform: translateY(-17px); }
.T4341 .prognose span { display: block; font-size: 11px; };
}
.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; }
.T4376 { margin: 0 15px 50px 15px; }
.T4376 .maxwidth { background-color: #fff; }
.T4376 .maxwidth > .inner {	padding: 30px; width: 400px; margin: 0px auto; }
.T4376 .button { margin-right: 20px; }
.T4376 .Zeile { margin-top: 10px; }
.T4376 .empty { padding: 100px; text-align: center; border: 1px solid #ccc; }
.T4376 form { margin-top: 20px }
.T4376 .colwrapper { display: flex; flex-direction: column; }
.T4376 .col { width: 100%; }
.T4376 label, .T4376 .Label  { font-size: 13px; display: block; }
.T4376 label.big, .T4376 .Label.big  { font-size: 16px; font-weight: bold; }
.T4376 input[type=checkbox] + label { font-size: 14px; display: inline; }
.T4376 input[type=radio] + label { font-size: 14px; display: inline; }
.T4376 input[type=text] { font-size: 15px; width: 100%; }
.T4376 input[type=email] { font-size: 15px; width: 100%; }
.T4376 input[type=passwort] { font-size: 15px; width: 100%; }
.T4376 .info { font-size: 13px; }
.T4376 .group { width: 100% !important; padding-right: 0px !important; }
.T4376 .AdresseWidget { max-width: none !important; width: 100% !important; }
.T4376 .AdresseWidget .Feld {
padding: 0 !important;
margin: 0px 0px 0px 0px !important;
width: 100% !important;
}
.T4376 .element { padding: 0 0 8px 0; }
.T4376 .label { margin: 0 0 3px 0; }
.T4376 .label h4 { font-size: 12px; }
.T4376 .AdresseWidget .Feld { float: left; }
.T4376 .AdresseWidget .adresse_vorname { width: calc( 35% - 5px ) !important; margin-right: 5px !important;  }
.T4376 .AdresseWidget .adresse_nachname { width: 65% !important; }
.T4376 .AdresseWidget .adresse_firma { width: calc( 45% - 5px ) !important; margin-right: 5px !important;  }
.T4376 .AdresseWidget .adresse_abteilung { width: 55% !important; }
.T4376 .AdresseWidget .adresse_strasse { width: calc( 80% - 5px ) !important; margin-right: 5px !important;  }
.T4376 .AdresseWidget .adresse_hausnr { width: 20% !important; }
.T4376 .AdresseWidget .adresse_plz { width: calc( 20% - 5px ) !important; margin-right: 5px !important;  }
.T4376 .AdresseWidget .adresse_ort { width: calc( 50% - 5px ) !important; margin-right: 5px !important;  }
.T4376 .AdresseWidget .adresse_ortsteil { width: 30% !important; }
.T4376 .AdresseWidget .adresse_telefon { width: calc( 33.33% - 5px ) !important; margin-right: 5px !important; }
.T4376 .AdresseWidget .adresse_fax { width: calc( 33.33% - 5px ) !important; margin-right: 5px !important; }
.T4376 .AdresseWidget .adresse_mobil { width: 33.33% !important; }
.T4376  .AdresseWidget { margin-top: 0px }
.T4376 .agbs { display: flex; }
.T4376 .error { color: #f33; }
.T4376 .input.error { border-bottom: 3px solid #f00; display: inline-block; }
.T4376 .agbs.error { border: 2px solid #f00; color: #0e5878 }
.T4376 .adresse_telefon input { width: 355px !important; }
.T4376 .adresse_fax { display: none; }
.T4376 .adresse_titel { display: none; }
.T4376 .adresse_mobil { display: none; }
.T4376 .foot {
text-align: right;
}
.T4376 .bd_wrapper { display: flex; }
.T4376 .bd_wrapper .bdcol { margin: 0 15px 0 0; }
.T4376 .inner .foot a.button {
font-size: 11px !important;
padding: 4px 8px !important;
background-color: #0e5878;
color: #fff;
text-decoration: none;
border-radius: 4px;
}
.T4376 span.button { cursor: pointer; }
#agbgewinnspiel_detail {
padding: 10px 16px;
color: #555;
line-height: 1.3;
font-size: 14px;
width: 80%;
max-width: 350px;
}
.T3704 .profile { text-align: center; }
.T3704 .profile .Bild img {
width: 115px;
height: auto;
border-radius: 100px
}
.flex_cols {
display: flex;
flex-direction: column;
}

@media (min-width: 567px) {
.flex_cols {
flex-direction: row;
}
.T4376 .colwrapper { flex-direction: row; justify-content: space-between; }
.T4376 .col { width: 45%; }
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
.T4380 .inner {
background-color: #EEE;margin-bottom: 20px;padding: 5px 10px;border-radius: 3px;position: relative;}
.T4380 .info2 { color: red; }
.T4380 .button {
width:  auto;height:  auto;background-color: #0a597a;}.T4381 {
margin: 0 15px;}
.T4381 .hidden {
display: none;}
.T4381 .hide {
display:  block;}
section.skiline .subinfo {
font-size: 0.9em;margin: 10px 0 0 0;color: #666;font-style: italic;}.T4383 { margin: 0 15px; }header .quicklinks {
display: flex;flex-wrap: wrap;margin: 15px 0 0 0;padding: 15px 0 0 0;border-top: 1px solid #FFF;border-color: rgba(255, 255, 255, 0.3);}
header .quicklinks .item {
width: calc( ( 295px - ( 3 * 20px ) ) / 4);flex-grow: 0;flex-shrink: 0;font-size: 11px;margin: 0 20px 0 0;}
header .quicklinks .item.hide { display: none; }

header .quicklinks .item:last-child {
margin: 0;}
header .quicklinks .item .icon {
width: 100%;height: auto;aspect-ratio: 1 / 1;display: block;background-repeat: no-repeat;background-position: top left;margin: 0 auto 5px auto;}
header .quicklinks .item .name {
hyphens: auto;}
header .quicklinks .item.webcam2 { display: none; }
header .quicklinks .item.zamg .icon { background-image: url(https://storage.tramino.net/ok-bergbahnen/951734/icon2.svg); }
header .quicklinks .item.app .icon { background-image: url(https://storage.tramino.net/ok-bergbahnen/951733/icon1.svg); }
header .quicklinks .item.bu .icon { background-image: url(https://storage.tramino.net/ok-bergbahnen/951733/icon1.svg); }
header .quicklinks .item.webcam2 .icon { background-image: url(https://storage.tramino.net/ok-bergbahnen/951735/icon3.svg); }
header .quicklinks .item.oeffnungszeiten .icon { background-image: url(https://storage.tramino.net/ok-bergbahnen/993896/icon-clock-01.svg); }
header .quicklinks .item.mmn .icon { background-image: url(https://storage.tramino.net/ok-bergbahnen/999623/mymountainnature.svg); }
header .quicklinks .item .name { text-align: center; }

header .quicklinks.desktop { display: flex; }
header .quicklinks.mobile { display: none; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
header .quicklinks .item { width: 55px; margin: 0 5px 10px 0; text-align: center; }
header .quicklinks .item.panorama { min-width: 0px; }
header .quicklinks .item .icon {
width: 45px;background-size: 45px auto;}
}
@media all and (min-width: 768px) and (max-width:1023px) {
header .quicklinks {
position: absolute;top: 376px;left: 0px;width: 415px;margin: 25px 0;padding: 15px 0;border-bottom: 1px solid #FFF;border-color: rgba(255, 255, 255, 0.3);}
header .quicklinks .item { text-align: center; }
header .quicklinks .item .icon {
width: 45px;background-size: 45px auto;}
}
@media all and (min-width: 568px) and (max-width: 767px) {
header .quicklinks {
width: auto;margin: 25px 0 0 0;padding: 25px 0 0 0;}
header .quicklinks .item { width: 55px; margin-right: 5px; text-align: center; }
header .quicklinks .item .icon {
width: 45px;background-size: 45px auto;}
}
@media all and (max-width: 567px) {
header .quicklinks {
width: auto;border-width: 0;margin: 15px 0 0 0;padding: 0 0 0 0;}
header .quicklinks .item { width: calc( ( 100% - ( 3 * 20px ) ) / 4); margin-right: 10px; text-align: center; font-size: 10px; margin-bottom: 10px; }
header .quicklinks .item.panorama { min-width: 0px; }
header .quicklinks .item .icon {
width: 80%;max-width: 60px;background-size: 100% auto;}
header .quicklinks .item.webcam2 { display: block; }
header .quicklinks.desktop { display: none; }
header .quicklinks.mobile { display: flex; }
}
#cart {
background-color: #fff;
padding: 20px;
}
#okb-cart {
position: absolute;
top: 100px;
right: 0px;
z-index: 99;
background-color: #fff;
box-shadow: 1px 0px 30px rgba(0,0,0,0.3);
padding: 2px 5px;
}
#okb-cart.en.hide { display: none; }
#cart-sum {
color: #0e5878;
font-size: 14px;
line-height: 23px;
cursor: pointer;
display: flex;
align-items: center;
}
#cart-sum i { margin: 0 8px; }
#cart-text {
color: #000;
display: none;
}
#cart-content {
display: none;
z-index: 10000;
position: absolute;
top: 0px;
right: 0px;
width: 450px;
background-color: #FFFFFF;
box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
max-height: 0;
overflow:hidden;
padding: 20px; 
max-height: 500px;
box-sizing: border-box;
}
#cart-content.open { 
display: block;
}
#cart-content .close {
position: absolute;
top: 10px;
right: 10px;
padding: 5px;
cursor: pointer;
font-size: 18px;
line-height: 10px;
background-color: #0e5878; 
color: #fff;
text-align: center;
border-radius: 20px;
width: 22px;
height: 22px;
}
#cart-button-shop { float: left;
background-color: #d6dc23; 
color: #fff;
padding: 6px 17px;
text-transform: uppercase;
line-height: 13px;
font-size: 13px;
border: 0px;
font-weight: bold;
cursor: pointer;
}
#cart-button-next { float: right;
background-color: #0e5878; 
color: #fff;
padding: 6px 17px;
text-transform: uppercase;
line-height: 13px;
font-size: 13px;
border: 0px;
font-weight: bold;
cursor: pointer;
}
.cart-list {
overflow: scroll;
max-height: 390px;
}
.cart-list .notification {
padding: 50px;
text-align: center;
border: 1px dashed rgba(0,0,0,0.1);
border-radius: 20px;
font-size: 15px;
line-height: 1.2;
color: #888;
margin: 0 0 20px 0;
}
.cart-items h3 { display: none; }
.cart-item { position: relative; overflow: hidden;	margin: 0px 0px 10px 0px;	padding: 10px 0px 0px 0px;	border-top: 1px solid rgba(0,0,0,0.1); }
.cart-item .image { float: left; width: 20%; height: 45px; }
.cart-item .image img { width: 100%; height: auto; }
.cart-item .info { float: left; width: 50%; padding-left: 15px; font-size: 12px; }
.cart-item .info h5 { display: none; color: #666666; font-size: 12px; font-weight: normal; margin: 0px 0px 2px 0px; }
.cart-item .info h4 { color: #000; font-size: 14px; font-weight: normal; margin: 2px 0px 2px 0px; }
.cart-item .info .details { color: #666666; font-size: 12px; line-height: 1.2;  }
.cart-item .info .period { color: #666666; font-size: 12px; line-height: 1.2;  }
.cart-item .info .facts { color: #666666; font-size: 12px; line-height: 1.2;  }
.cart-item .info .inkl { color: #666666; font-size: 12px; line-height: 1.2; }
.cart-item .info .expires { color: #262; }
.cart-item .info .expires.expired { color: #966; }
.cart-item .price { float: left; width: 30%; font-size: 12px; line-height: 1.2; color: #666666; text-align: right; }
.cart-item .price .amount { font-size: 18px; line-height: 1.2; font-weight: bold; color: #0e5878; }
.cart-item .price .discount { color: red; }
.cart-item .items-remove { cursor: pointer; }
.cart-item .items-remove:hover { text-decoration: underline; }
#cart-items-container { margin: 20px 0 0 0; }
body.header-state-openmenu #okb-cart { display: none; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
#okb-cart { top: 90px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
#okb-cart { top: 75px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
#okb-cart { top: 72px; }
}
@media all and (max-width: 568px) {
#cart {
padding: 0px;
}
#okb-cart { top: 80px; padding: 2px 0px 3px 10px; }
#cart-content { 
width: calc(100vw - 30px); 
padding: 10px; 
}
#cart-sum { font-size: 12px; line-height: 12px; }
#cart-sum i.icons8-price-tag { display: none; }
.cart-item .info { font-size: 12px; }
.cart-item .info h4 { font-size: 13px; }
.cart-item .price .amount { font-size: 14px };
#cart .cart-section-header {
display: none;
}
}
.avatarwrapper .profile { margin-bottom: 20px; }
.avatarwrapper .upload_avatar { padding-bottom: 20px; text-align: center; }
.upload_avatar .profilebild { 
text-align: center;margin: 0;}
.avatarwrapper .justprofileimg { display: none; }

h3.center { text-align: center; }

.avatarwrapper .upload_avatar .buttonwrapper { margin-bottom: 20px;  }
.avatarwrapper .upload_avatar .buttonwrapper .buttons {
display: flex;justify-content: space-between;height: auto !important; background-color: #FFF !important;}
.avatarwrapper .upload_avatar .section.upload { 
display: none;margin-bottom:  1rem;}
.avatarwrapper .upload_avatar .section.upload.show { 
display: block;padding-top: 10px;}

.avatarwrapper .upload_avatar .section.vorlagen { 
display: none;}
.avatarwrapper .upload_avatar .section.vorlagen.show { 
display: block;padding-top: 10px;}

.avatarwrapper .upload_avatar .section.vorlagen.show .profiles { 
display: flex;flex-wrap: wrap;}
.avatarwrapper .upload_avatar .section.vorlagen.show .profiles .profile {
flex: 1 0 24%;margin: 0 1% 1% 0;}
.avatarwrapper .upload_avatar .section.vorlagen.show .profiles .profile img { width: 100%; height: 100%; }
.avatarwrapper .upload_avatar .section.vorlagen.show .profiles .profile.select {
border: 3px solid #0E5878;}
.avatarwrapper .upload_avatar .section.vorlagen.show .profile_4, .avatarwrapper .upload_avatar .section.vorlagen.show .profile_8 { margin-right: 0px; } 
@media all and (min-width: 567px) {
.avatarwrapper .upload_avatar { text-align: left; }
.avatarwrapper .upload_avatar .buttonwrapper .buttons { justify-content: flex-start; }
.avatarwrapper .upload_avatar .section.vorlagen.show .profiles {
max-width: 500px;}
}
@media all and (max-width: 567px) {


}
.fancybox-skin { padding: 0 !important; }
#popup-wrapper {
display: none;}
#popup-content { width: 240px; padding: 8px; }
#popup-content iframe {
width: 100%;}
#popup-content .headline {
font-size: 20px;line-height: 100%;color: #0E5878;font-weight: normal;margin: 20px 0px 15px 0px;}
#popup-content img { width: 100%; height: auto; }
#popup-content .text {
color: #888;font-size: 14px;line-height: 120%;}
#popup-content .buttonwrapper {
text-align: right;}
@media (min-width: 567px) {
#popup-content { width: 400px; padding: 10px; }
}
@media (min-width: 768px) {
#popup-content { width: 600px; padding: 11px; }
#popup-content .text { font-size: 16px; }
#popup-content .headline { font-size: 28px; }
}
@media (min-width: 1024px) {
#popup-content { width: 700px; padding: 12px; }
}
@media (min-width: 1280px) {
#popup-content {
width: 800px;padding: 13px;}
#popup-content .text { font-size: 20px; }
#popup-content .headline { font-size: 40px; margin: 15px 0px 10px 0px; }
}
@media (min-width: 1400px) {
#popup-content {
width: 900px;}
}
@media (min-width: 1600px) {
#popup-content {
width: 1000px;}
}
.status_event {
display: inline-block;
font-size: 12px;
padding: 2px 10px;
}.T4502 {
background-color: rgba(14, 88, 120, 0.2);
background-color: rgba(214, 220, 35,0.4);
padding: 5px 22px 10px 22px;
}
.T4502 .like { margin: 20px 0 20px 0; }
.T4502 #element_feedback .label { display: none; }
.T4502 .RadioButtonWidget {width: 240px; border-width: 0 !important;}
.T4502 .RadioButtonWidget .button {
border-color: transparent;
background-color: rgba(255,255,255,0.2);
border-width: 0 !important;
color: #0e5878;
font-size: 30px;
}
.T4502 .RadioButtonWidget .button:hover {
border-color: transparent;
background-color: rgba(255,255,255,0.5);
}
.T4502 .RadioButtonWidget .button.checked {
background-color: rgba(255,255,255,0.8);
border-color: transparent;
}
.T4502 #TraminoForm .footer { display: none; }
.T4502 input[type=submit] {
display: none;
background-color: #0e5878;
border: 1px solid #0e5878;
color: #FFF;
padding: 7px 20px;
cursor: pointer;
}.T4525 .wrapper {
position: relative;overflow: hidden;width: 950px;height: calc( 950px * 1.2 );margin: 0 auto;}
.T4525 .spinner {
position: relative;z-index: 2;transform: rotate(45deg);width: 100%;height: 100%;}
.T4525 .element  { position: absolute; width: 1000px; overflow: hidden; cursor: pointer; border-color: #FFF; border-style: solid; }
.T4525 .element.element1 { bottom: 50%; right: 50%; border-bottom-width: 3px; border-right-width: 3px; }
.T4525 .element.element2 { bottom: 50%; left: 50%; border-bottom-width: 3px;}
.T4525 .element.element3 { top: 50%; right: 50%; border-right-width: 3px; }
.T4525 .element.element4 { top: 50%; left: 50%; }
.T4525 .element .image { background-position: center; background-repeat: no-repeat; background-size: cover }
.T4525 .element.element1 .image, .T4525 .element.element4 .image { width: 1200px; height: 1100px; }
.T4525 .element.element2 .image, .T4525 .element.element3 .image { width: 900px; height: 1070px; }
.T4525 .element.element1 .image { transform: rotate(-45deg) translate(0,35%); }
.T4525 .element.element2 .image { transform: rotate(-45deg) translate(-33%,5%); }
.T4525 .element.element3 .image { transform: rotate(-45deg) translate(46%,5%); }
.T4525 .element.element4 .image { transform: rotate(-45deg) translate(3%,-30%); }
.T4525 .element .image img { width: 100%; height: auto; transform: scale(1) }
.T4525 .element .iconwrapper {
position: absolute;width: 200px;height: 200px;display: flex;justify-content: center;align-items: center;background-color: #333;transition: width 250ms, height 250ms;}
.T4525 .element .iconwrapper .icon_image {
width: 55%;transform: rotate(-45deg);}
.T4525 .element .iconwrapper .icon_image img {
width: 100%;height: auto;}
.T4525 .element.element1 .iconwrapper { bottom: 0; right: 0; background-color: #aeb5ae; }
.T4525 .element.element2 .iconwrapper { bottom: 0; left: 0; background-color: #005574; }
.T4525 .element.element3 .iconwrapper { top: 0; right: 0; background-color: #d5d400; }
.T4525 .element.element4 .iconwrapper { top: 0; left: 0; background-color: #77b82a; }

.T4525 .element:hover .iconwrapper { width: 250px; height: 250px; }

.T4525 .overlay { 
position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: #CCC;opacity: 0;z-index: 1;transition: opacity 500ms;}
.T4525.open1 .overlay { opacity:1; z-index: 3; background-color: rgba(174, 181, 174,0.8); }
.T4525.open2 .overlay { opacity:1; z-index: 3; background-color: rgba(0, 85, 116,0.8); }
.T4525.open3 .overlay { opacity:1; z-index: 3; background-color: rgba(213, 212, 0,0.8); }
.T4525.open4 .overlay { opacity:1; z-index: 3; background-color: rgba(119, 184, 42,0.8); }
.T4525 .overlay .inner {
margin: 20px 50px;position: relative;} 
.T4525 .overlay .close {
position: absolute;top: 0;right: 0;padding: 10px;cursor: pointer;font-size: 60px;color: #FFF;} 
.T4525 .overlay .text { display: none; color: #FFF; padding-top: 50px; font-size: 20px; }
.T4525.open1 .overlay .text1 { display: block; }
.T4525.open2 .overlay .text2 { display: block; }
.T4525.open3 .overlay .text3 { display: block; }
.T4525.open4 .overlay .text4 { display: block; }
@media all and (min-width: 768px) and (max-width:1023px) {
.T4525 .wrapper {
width: 600px;height: calc( 600px * 1.2 );}
.T4525 .element { width: 700px; }
.T4525 .element.element1 .image, .T4525 .element.element4 .image { width: 900px; height: 825px; }
.T4525 .element.element2 .image, .T4525 .element.element3 .image { width: 600px; height: 713px; }
.T4525 .element.element1 .image { transform: rotate(-45deg) translate(-15%,35%) scale(0.8); }
.T4525 .element.element2 .image { transform: rotate(-45deg) translate(-33%,5%) scale(0.9); }
.T4525 .element.element3 .image { transform: rotate(-45deg) translate(49%,4%) scale(0.9); }
.T4525 .element.element4 .image { transform: rotate(-45deg) translate(3%,-34%) scale(0.8); }
.T4525 .element .iconwrapper { width: 150px; height: 150px; }
.T4525 .element:hover .iconwrapper { width: 180px; height: 180px; }
.T4525 .overlay .inner {
margin: 15px 40px;} 
.T4525 .overlay .close {
padding: 8px;font-size: 55px;} 
.T4525 .overlay .text { padding-top: 45px; font-size: 18px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4525 .wrapper {
width: 400px;height: calc( 400px * 1.2 );}
.T4525 .element { width: 500px; }
.T4525 .element.element1 .image, .T4525 .element.element4 .image { width: 700px; height: 641px; }
.T4525 .element.element2 .image, .T4525 .element.element3 .image { width: 400px; height: 475px; }
.T4525 .element.element1 .image { transform: rotate(-45deg) translate(-15%,35%) scale(0.8); }
.T4525 .element.element2 .image { transform: rotate(-45deg) translate(-33%,5%) scale(0.86); }
.T4525 .element.element3 .image { transform: rotate(-45deg) translate(54%,11%) scale(0.9); }
.T4525 .element.element4 .image { transform: rotate(-45deg) translate(-2%,-41%) scale(0.6); }
.T4525 .element .iconwrapper { width: 100px; height: 100px; }
.T4525 .element:hover .iconwrapper { width: 110px; height: 110px; }
.T4525 .overlay { overflow-y: scroll; }
.T4525 .overlay .inner {
margin: 12px 30px; 
} 
.T4525 .overlay .close {
padding: 6px;font-size: 45px;} 
.T4525 .overlay .text { padding-top: 30px; font-size: 16px; }
}
@media all and (max-width: 567px) {
.T4525 .wrapper {
width: 300px;height: calc( 300px * 1.2 );}
.T4525 .element.element1 { border-bottom-width: 2px; border-right-width: 2px; }
.T4525 .element.element2 { border-bottom-width: 2px;}
.T4525 .element.element3 { border-right-width: 2px; }
.T4525 .element { width: 400px; }
.T4525 .element.element1 .image, .T4525 .element.element4 .image { width: 600px; height: 550px; }
.T4525 .element.element2 .image, .T4525 .element.element3 .image { width: 300px; height: 356px; }
.T4525 .element.element1 .image { transform: rotate(-45deg) translate(-15%,35%) scale(0.8); }
.T4525 .element.element2 .image { transform: rotate(-45deg) translate(-36%,5%) scale(0.86); }
.T4525 .element.element3 .image { transform: rotate(-45deg) translate(59%,17%) scale(0.9); }
.T4525 .element.element4 .image { transform: rotate(-45deg) translate(-2%,-47%) scale(0.55); }
.T4525 .element .iconwrapper { width: 70px; height: 70px; }
.T4525 .element:hover .iconwrapper { width: 80px; height: 80px; }
.T4525 .overlay { overflow-y: scroll; }
.T4525 .overlay .inner {
margin: 10px 15px; 
} 
.T4525 .overlay .close {
padding: 5px;font-size: 35px;} 
.T4525 .overlay .text { padding-top: 25px; font-size: 14px; }
}

.T4526 .wrapper {


}
.T4526 table label { display: block; margin: -3px; }
.T4526 .wrapper .area.bar {
width: calc( (1200px / 5) - 40px);height: 200px;margin: 0 10px 10px 0;background-color: #a5becd;}

.T4526 .wrapper .area.bar:hover {
background-color: #d5d400;}
.T4526 .wrapper .area.bar.empty {
background-color: #A5BECA;}
.T4526 .wrapper .area.introelement { padding-bottom: 15px; }
.T4526 .wrapper .area.introelement .info { font-size: 0.8em; }
.T4526 .wrapper.nonavigation .leftside { display: none; }
.T4526 .wrapper .leftside .content2 {
padding-bottom: 15px;}
.T4526 .wrapper .leftside .inner {
display: flex;flex-wrap: wrap;width: 100%;}
.T4526 .wrapper .leftside .area .bar .headline {
text-align: center;margin: 0;}
.T4526 .wrapper .leftside .bar .icon {
width: 60px;margin: auto;position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%);}
.T4526 .wrapper .leftside .bar .icon svg { width: 100%; height: auto; }
.T4526 .wrapper .leftside .bar .unread {
z-index: 1;position: absolute;top: 45%;left: 67%;transform: translate(-50%, -50%);width: 25px;height: 25px;border-radius: 50%;background-color: #d5d400;color: #FFF;}
.T4526 .wrapper .leftside .bar .checkmark {
z-index: 1;position: absolute;width: 20px;top: 67%;left: 63%;transform: translate(-50%, -50%);}
.T4526 .wrapper .rightside {
width: 100%;}
.T4526 .head {
background-color: #0e5878;padding: 20px 0;margin: 0 0 20px 0;position: relative;}
.T4526 .wrapper .rightside .head .backbutton {
position: absolute;top: 50%;left: 10%;transform: translate(-50%, -50%);}
.T4526 .wrapper .rightside .head .backbutton .btn { margin: 0 !important; }
.T4526 .wrapper .rightside .backbutton.respod { display: none; }
.T4526 .wrapper .rightside .mmcnl-wrapper {
display: flex;flex-direction: column;}
.T4526 .head img {
display: block;width: 100%;max-width: 250px;height: auto;margin: 0 auto;}
.registration {
display: none;background-color: #EEE;margin: 20px 0 0 0;padding: 10px 15px;border-radius: 5px
}
.registration.open {
display: block;}
.toggle .switch {
float: right;
position: relative;
display: block;
width: 60px;
height: 34px;
}

.toggle .switch input { 
display: none; 
}

.toggle .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #0e5878;
-webkit-transition: .4s;
transition: .4s;
pointer-events: none;
}
.toggle .switch input[disabled] + .slider {
background-color: #ccc
}
.toggle .slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.toggle input:checked + .slider {
background-color: #2196F3;
background-color: #b6bc03
}
.toggle input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
.toggle input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

.toggle .slider.round {
border-radius: 34px;
}
.toggle .slider.round:before {
border-radius: 50%;
}
.togglenew {
cursor: pointer;
font-size: 17px;
background-color: #FFF;
color: #0e5878;
border: 1px solid #0e5878;
border-radius: 4px;
padding: 7px 15px;
display: inline-block;
margin: 0 0 10px 0;
text-decoration: none;
}
.togglenew * { cursor: pointer; }
.togglenew.on {
background-color: #0e5878;
color: #FFF;
}
@media all and (min-width: 1024px) and (max-width:1279px) {
.T4526 .wrapper .area.bar.empty { display: none; }
.T4526 .wrapper .area.bar { width: calc( (1200px / 5) - 45px); margin: 0 15px 15px 0; }
.T4526 .wrapper .area.bar:nth-child(4n) { margin-right: 0; }
.T4526 .wrapper .area.bar:nth-child(5n) { margin-right: 15px; }
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T4526 { padding-top: 80px; }
.T4526 .wrapper .area.bar { width: 23%; }
.T4526 .wrapper .leftside .area .bar .headline {
font-size: 15px;
}
.T4526 .wrapper .area.bar.empty { display: none; }
.T4526 .wrapper .area.bar:nth-child(5n) { margin-right: 10px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4526 { padding-top: 60px; }
.T4526 .wrapper {
flex-direction: column;
}
.T4526 .wrapper .area.bar { width: 31%; }
.T4526 .wrapper .area.bar.empty { display: none; }
.T4526 .wrapper.nonavigation .leftside { display: none; }
.T4526 .wrapper .leftside .area .bar .headline {
font-size: 14px;
}
.T4526 .wrapper .rightside {
order: 1;
width: 100%;
margin: 0 0 20px 0;
}
.T4526 .wrapper .rightside .backbutton.respod { display: block; margin-bottom: 15px; }
.T4526 .wrapper .rightside .head .backbutton { display: none; }
.T4526 .wrapper .area.bar:nth-child(5n) { margin-right: 10px; }
}
@media all and (max-width: 567px) {
.T4526 { padding-top: 30px; }
.T4526 .wrapper {
flex-direction: column;
}
.T4526 .wrapper .area.bar { width: 47%; height: 150px; }
.T4526 .wrapper .area.bar.empty { display: none; }
.T4526 .wrapper .leftside .area .bar .headline {
font-size: 12px;
}
.T4526 .wrapper.nonavigation .leftside { display: none; }
.T4526 .wrapper .rightside {
order: 1;
width: 100%;
margin: 0 0 20px 0;
}
.T4526 .wrapper .rightside .backbutton.respod { display: block; margin-bottom: 15px; }
.T4526 .wrapper .rightside .head .backbutton { display: none; }
.T4526 .wrapper .area .bar .icon { width: 50px; top: 63%; }
.T4526 .wrapper .area.bar:nth-child(5n) { margin-right: 10px; }
}
@media all and (max-width: 429px) {
.T4526 .wrapper .leftside .inner { justify-content: center; }
.T4526 .wrapper .area.bar { width: 46%; }
.T4526 .wrapper .area.bar.empty { display: none; }
}
.mmc .area.bar {
margin-top: 3px;
background-color: #a5becd;
}
.mmc .area .bar {
position: relative;
color: #0e5878;
padding: 20px 0;
display: block;
text-decoration: none;
height: 100%;
}
.mmc .area .bar.active_element {
background-color: #d5d400;
}
.mmc .area .bar .icon {
position: absolute;
top: 10px;
left: 0;
width: 40px;
margin-left: 15px;
}
.mmc .area .bar .icon svg { width: 100%; height: auto; }
.mmc .area.mmcflex .bar .icon svg { width: 70%; height: auto; }
.mmc .area .bar .headline {
margin: 0 40px 0 65px;
}
.mmc .area .bar .checkmark {
position: absolute;
top: 40px;
left: 40px;
width: 20px;
}
.mmc .area .bar .checkmark svg { width: 100%; height: auto; }
.mmc .area .bar .arrowright {
position: absolute;
top: 50%;
right: 10px;
transform: translate(0,-50%);
width: 20px;
}
.mmc .area .bar .unread {
position: absolute;
top: 50%;
right: 50px;
transform: translate(0,-50%);
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #d5d400;
color: #FFF;
}
.mmc .area .bar .unread .inner {
display: flex;
justify-content: center;
align-items: center;
}
.mmc .area .bar .arrowright svg { width: 100%; height: auto; }.T4531 #map {
margin: 20px 0;
}
.Mandant_3469 .T4531 .leafletmap .popup .image {
width: 600px !important;
}
.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;  }
.T4538 .points_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
color: #FFF;
background-color: #0E5878;
padding: 10px 15px;
text-align: center;
}
.T4538 .points_wrapper .info {
width: 50%;
}
.T4538 .points_wrapper .info100 {
width: 100%;
margin: 1rem;
}@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) {
.T4538 .points_wrapper {
display: block;
color: #FFF;
background-color: #0E5878;
padding: 10px 10px 5px 10px;
}
.T4538 .points_wrapper .info {
width: 100%;
padding-bottom: 5px;
}
}
.btn {
color: #FFF;
border: 1px solid #0e5878;
background-color: #0e5878;
text-decoration: none;
border-radius: 3px;
padding: 5px 10px;
font-size: 14px;
display: inline-block;
margin: 0 5px 0 0;
cursor: pointer;
}
.btn-light {
color: #0e5878;
border: 1px solid #0e5878;
background-color: #FFF;
}
a {color: #0e5878; }
table.mmctable { border-collapse: collapse; border: 0px solid #0e5878; font-size: 13px; }
table.mmctable a {color: #0e5878; }
table.mmctable tr th, table.mmctable tr td { border: 1px solid #0e5878; padding: 1px 10px; }
table.mmctable tr th { color: #FFF; background-color: #0e5878; font-size: 14px; }
.precontent { display: block; }
.club-item.open .precontent { display: none; }
.club-item .hiddencontent { display: none; }
.club-item.open .hiddencontent { display: block; }
.digits {
margin: 20px 0;
display: flex;
}
.digits .digit {
font-size: 16px;
margin: 0 10px  0 0; 
}
.digits .digit .value {
font-size: 2em;
}
.digits .digit .value span {
font-size: .5em;
margin: 0 0 0 5px;
}
.hide { display: none; }
.mmc .panel { position: relative; }
.mmc .status {
position: absolute;
top: 10px;
left: 10px;
z-index: 10;
opacity: 0;
transition: opacity 250ms;	
font-size: 16px;
padding: 8px 25px;
background-color: #CCC;
color: #333;
}
.mmc .status.nopos {
display: none;
position: static;
top: auto;
left: auto;
}
.mmc .status.error { background-color: #af211a; color: #FFF; }
.mmc .status.ok { background-color: #60af1a; color: #FFF; }
.mmc .status.show { display: block;opacity: 1; transition: opacity 250ms; }
.user_intro {
display: flex;
align-items: center;
padding-bottom: 15px;
}
.user_intro .profile_img {
margin-left: 50px;
width: 85px;
}
.user_intro .profile_img img {
border: 4px solid #d5d400 !important;
border-radius: 50px;
width: 100%;
height: 100%;
}.panel.panelstyling {
font-size: 16px;}
.panel.panelstyling .wrapper {
position: relative;border: 1px solid #0e5878;margin: 3em 0 3em 0;padding: 2em 1em 0.3em 1em;border-radius: 0;}
.panel.panelstyling .nl-default {
margin-bottom: 0.5rem
}
.panel.panelstyling .mmcnl-wrapper .info {
margin: 1rem 0;font-size: 0.9rem;}
.panel.panelstyling .mmcnl-wrapper {
display: flex;flex-direction: column;}
.panel.panelstyling .item {
padding: 0.4em 0 0.6em 0;}

.panel.panelstyling .mainheadline {
position: absolute;top: -25px;left: 30px;font-size: 1.8em;margin:  0 0 0.2em 0;padding: 5px 15px;background-color: #FFF;color: #0e5878;display: inline-block;}
.panel.panelstyling .item .headline {
font-size: 1.4em;margin: 0 0 0.3em 0;}
.panel.panelstyling .item .info {
color: #444;font-size: 0.9em;font-style: italic;}
.panel.panelstyling .item .checkboxwrapper {
margin: 10px 0;}
.panel.panelstyling .item .checkboxwrapper.flex {
display: flex;}
.panel.panelstyling .item .checkboxwrapper.disabled { opacity: 0.6; }
.panel.panelstyling .item label {

margin: 0 0.5em 0 0;cursor: pointer;
}
@media all and (max-width: 567px) {
.panel.panelstyling .wrapper {
padding-top: 1em;background-color: #FFF;display: flex;flex-direction: column;}
.panel.panelstyling .mainheadline {
font-size: 1.5rem;background-color: unset;position: unset;padding: 0;margin-bottom: 0.9rem;}
.panel.panelstyling .item .headline {
font-size: 1.25em;margin: 0 0 0.2em 0;}
.panel.panelstyling .item .checkboxwrapper.flex {
flex-wrap: wrap;}
.panel.panelstyling .item .checkboxwrapper.flex.mobile_column {
flex-direction: column;}
.panel.panelstyling .item .checkboxwrapper.flex label {
margin-bottom: 0.2em;}
.panel.panelstyling .item .checkboxwrapper.flex.mobile_column label {
margin-bottom: 0.4em;}
}
.T4584 {
margin-top: 30px !important;
}
#mmc-login {
border: 1px solid #0e5878;
padding: 15px 20px;
}
#mmc-login .headline { font-size: 2em; }
#mmc-login form {
padding: 20px 0;
}
#mmc-login .item {
margin: 0 0 10px 0;
}
#mmc-login .item label { 
display: block;
font-size: 14px;
margin: 0 0 2px 0;
}
#mmc-login .item input[type=email], #mmc-login .item input[type=password] { 
display: block;
font-size: 18px;
border: 1px solid #CCC;
}
.T3961 form { width: 900px; margin: 0 auto; }
.T3961 form .error { background-color: #F00; color: #FFF; padding: 10px 20px; margin: 0 0 10px 0; }
.T3961 form .row { margin: 0 0 30px 0; }
.T3961 form .row.align-right { text-align: right; }
.T3961 form .row:after { display: block; content: ""; clear: left; }
.T3961 form .row .col { float: left; width: calc(50% - 30px); }
.T3961 form .row .col:nth-child(1) { margin-right: 30px; }
.T3961 form .row .col:nth-child(2) { margin-right: 30px; }
.T3961 form .row .col.fullsize { float: none; width: 100%; }
.T3961 form .row .col.border { border: 1px solid #0e5878; padding: 20px 30px; }
.T3961 form .row .col .item { margin-bottom: 30px; }
.T3961 form .row .col .item label, .T3961 form .row .col .item .label { display: block; font-size: 22px; margin: 0 0 3px 0; }
.T3961 form .row .col .item.textlabel label, .T3961 form .row .col .item.textlabel .label { font-size: 14px; display: inline; }
.T3961 form .row .col .item.hide { display: none; }
.T3961 form .row .col .item .help { font-size: 14px; margin: 0 0 15px 0; }
.T3961 form .row .col .item .options { margin: 0 0 10px 0; }
.T3961 form .row .col .item .options label { display: inline; font-size: 25px; }
.T3961 form .row .col .item .options label .extra_info { display: block; font-size: 15px; color: #888; margin: 0 0 0 30px; }
.T3961 form .row .col .item .options label .extra_info.green { color: #d6dc23; }
.T3961 form .row .col .item .options label.disabled { opacity: 0.5; }
.T3961 form .row .col .item.hausname input, .T3961 form .row .col .item.begleitperson input { width: 350px; font-size: 18px; }
.T3961 form .row .col .item .AdresseWidget .adresse_firma, .T3961 form .row .col .item .AdresseWidget .adresse_abteilung, .T3961 form .row .col .item .AdresseWidget #element_adresse_titel { display: none; }
.T3961 form .row .col .item button.btn { font-size: 20px !important; padding: 10px 20px !important; }
.T3961 form .row .col .item button.btn.disabled { opacity: 0.2; cursor: auto; }
.T3961 form .row .col .item #f26930 { margin-bottom: 8px; }
.TraminoForm .group { width: 100% !important; padding-right: 0px !important; }
.T3961 .AdresseWidget .Feld { padding: 0 !important; margin: 0px 0px 0px 0px !important; width: 100% !important; }
.T3961 .TraminoForm .group { width: 100% !important; padding-right: 0px !important; }
.T3961 .AdresseWidget { position: relative; }
.T3961 .AdresseWidget .Zeile { margin: 0 0 10px 0; }
.T3961 .AdresseWidget .Zeile:after { display: block; content: ""; clear: left; }
.T3961 .AdresseWidget .Feld { float: left; padding: 0 !important; margin: 0px 0px 0px 0px !important; width: 100% !important; }
.T3961 .TraminoForm .element { padding: 0 0 8px 0; }
.T3961 .TraminoForm .label { margin: 0 0 3px 0; }
.T3961 .TraminoForm .label h4 { font-size: 12px; }
.T3961 .AdresseWidget input[type=text], .T3961 .AdresseWidget input[type=email] { width: 100% !important; }
.T3961 .AdresseWidget select { width: 100% !important; }
.T3961 .AdresseWidget .adresse_extra { display: none; }
.T3961 .AdresseWidget .adresse_anrede { width: 35% !important; }
.T3961 .AdresseWidget .adresse_pflichtfeld { position: absolute; top: 0px; right: 0px; width: auto !important; }
.T3961 .AdresseWidget .adresse_vorname { width: calc(35% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_nachname { width: 65% !important; }
.T3961 .AdresseWidget .adresse_firma { width: calc(45% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_abteilung { width: 55% !important; }
.T3961 .AdresseWidget .adresse_strasse { width: calc(80% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_hausnr { width: 20% !important; }
.T3961 .AdresseWidget .adresse_plz { width: calc(20% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_ort { width: calc(50% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_ortsteil { width: 30% !important; }
.T3961 .AdresseWidget .adresse_telefon { width: calc(33.33% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_fax { width: calc(33.33% - 5px) !important; margin-right: 5px !important; }
.T3961 .AdresseWidget .adresse_mobil { width: 33.33% !important; }
.T3961 .AdresseWidget .adresse_email input { width: 100% !important; }
@media all and (min-width:768px) and (max-width:1023px) {
.T3961 form { width: 100%; }
.T3961 form .row { margin: 0 0 30px 0; }
.T3961 form .row .col { width: calc(50% - 25px); }
.T3961 form .row .col:nth-child(1) { margin-right: 25px; }
.T3961 form .row .col:nth-child(2) { margin-right: 25px; }
.T3961 form .row .col.border { padding: 15px 20px; }
.T3961 form .row .col .item { margin-bottom: 25px; }
.T3961 form .row .col .item label, .T3961 form .row .col .item .label { font-size: 20px; margin: 0 0 2px 0; }
.T3961 form .row .col .item.textlabel label, .T3961 form .row .col .item.textlabel .label { font-size: 13px; }
.T3961 form .row .col .item .help { font-size: 13px; margin: 0 0 12px 0; }
.T3961 form .row .col .item .options { margin: 0 0 8px 0; }
.T3961 form .row .col .item .options label { font-size: 22px; }
.T3961 form .row .col .item .options label .extra_info { font-size: 14px; margin: 0 0 0 25px; }
.T3961 form .row .col .item.hausname input, .T3961 form .row .col .item.begleitperson input { width: 100%; font-size: 16px; }
.T3961 form .row .col .item button.btn { font-size: 18px !important; padding: 8px 16px !important; }
.T3961 form .row .col .item #f26930 { margin-bottom: 7px; }
}
@media all and (max-width:767px) {
.T3961 form { width: 100%; }
.T3961 form .row { margin: 0 0 20px 0; }
.T3961 form .row .col { margin-bottom: 20px; float: none; width: 100%; }
.T3961 form .row .col:nth-child(1) { margin-right: 0px; }
.T3961 form .row .col:nth-child(2) { margin-right: 0px; }
.T3961 form .row .col.border { padding: 15px 20px; }
.T3961 form .row .col .item { margin-bottom: 25px; }
.T3961 form .row .col .item label, .T3961 form .row .col .item .label { font-size: 20px; margin: 0 0 2px 0; }
.T3961 form .row .col .item.textlabel label, .T3961 form .row .col .item.textlabel .label { font-size: 13px; }
.T3961 form .row .col .item .help { font-size: 13px; margin: 0 0 12px 0; }
.T3961 form .row .col .item .options { margin: 0 0 8px 0; }
.T3961 form .row .col .item .options label { font-size: 22px; }
.T3961 form .row .col .item .options label .extra_info { font-size: 14px; margin: 0 0 0 25px; }
.T3961 form .row .col .item.hausname input, .T3961 form .row .col .item.begleitperson input { width: 100%; font-size: 16px; }
.T3961 form .row .col .item button.btn { font-size: 18px !important; padding: 8px 16px !important; }
.T3961 form .row .col .item #f26930 { margin-bottom: 7px; }
}.T4616 form { width: 900px; margin: 0 auto }
.T4616 form .error { background-color: red; color: #fff; padding: 10px 20px; margin: 0 0 10px }
.T4616 form .row { margin: 0 0 30px }
.T4616 form .row .align-right { text-align: right }
.T4616 form .row:after { display: block; content: ""; clear: left }
.T4616 form .row .col { float: left; width: calc(50% - 30px) }
.T4616 form .row .col:first-child, .T4616 form .row .col:nth-child(2) { margin-right: 30px }
.T4616 form .row .fullsize { float: none; width: 100% }
.T4616 form .row .border { border: 1px solid #0e5878; padding: 20px 30px }
.T4616 form .row .item { margin-bottom: 30px }
.T4616 form .row .item .label, .T4616 form .row .item label { display: block; font-size: 22px; margin: 0 0 3px }
.T4616 form .row .item.textlabel .label, .T4616 form .row .item.textlabel label { font-size: 14px; display: inline }
.hide { display: none }
.T4616 form .row .item .help { font-size: 14px; margin: 0 0 15px }
.T4616 form .row .item .pulldown { display: -webkit-box; display: flex; padding-bottom: 10px; -webkit-box-align: center; align-items: center }
.T4616 form .row .item .pulldown .headline { padding-right: 15px }
.T4616 form .row .item .pulldown .selectanzahl { margin: 0 10px 0 0 }
.T4616 form .row .item .breakfast { font-size: .9em; padding-bottom: 10px }
.T4616 form .row .item .breakfast span { white-space: nowrap }
.T4616 form .row .item .breakfast label { font-size: .9em; display: inline-block }
.T4616 form .row .item .breakfast input { margin: 0 5px 0 10px }
.T4616 form .row .item .voucher_code { font-size: 1em; padding-top: 10px }
.T4616 form .row .item .voucher_code span { white-space: nowrap }
.T4616 form .row .item .voucher_code label { font-size: .9em; display: inline-block }
.T4616 form .row .item .voucher_code input { margin: 0 5px 0 10px }
.T4616 form .row .item .preise { padding-top: 5px }
.T4616 form .row .item .preise .box { padding-bottom: 15px }
.T4616 form .row .item .preise .sum { font-size: 20px; padding-top: 5px }
.T4616 form .row .item .options { margin: 0 0 10px }
.T4616 form .row .item .options label { display: inline; font-size: 25px }
.T4616 form .row .item .options label .extra_info { display: block; font-size: 15px; color: #888; margin: 0 0 0 30px }
.T4616 form .row .item .options label .extra_info.green { color: #d6dc23 }
.T4616 form .row .item .options label .extra_info.disabled { opacity: .5 }
.T4616 form .row .item .AdresseWidget #element_adresse_titel, .T4616 form .row .item .AdresseWidget .adresse_abteilung, .T4616 form .row .item .AdresseWidget .adresse_firma { display: none }
.T4616 form .row .col .item button.btn { font-size: 20px !important; padding: 10px 20px !important }
.T4616 form .row .col .item button.btn.disabled { opacity: .2; cursor: auto }
#f26930 { margin-bottom: 8px }
.T4616 .TraminoForm .group { width: 100% !important; padding-right: 0 !important }
.T4616 .AdresseWidget { position: relative }
.T4616 .AdresseWidget .Zeile { margin: 0 0 10px }
.T4616 .AdresseWidget .Zeile:after { display: block; content: ""; clear: left }
.T4616 .AdresseWidget .Feld { float: left; padding: 0 !important; margin: 0 !important; width: 100% !important }
.T4616 .TraminoForm .element { padding: 0 0 8px }
.T4616 .TraminoForm .label { margin: 0 0 3px }
.T4616 .TraminoForm .label h4 { font-size: 12px }
.T4616 .AdresseWidget input[type=email], .T4616 .AdresseWidget input[type=text], .T4616 .AdresseWidget select { width: 100% !important }
.T4616 .AdresseWidget .adresse_extra { display: none }
.T4616 .AdresseWidget .adresse_anrede { width: 35% !important }
.T4616 .AdresseWidget .adresse_pflichtfeld { position: absolute; top: 0; right: 0; width: auto !important }
.T4616 .AdresseWidget .adresse_vorname { width: calc(35% - 5px) !important; margin-right: 5px !important }
.T4616 .AdresseWidget .adresse_nachname { width: 65% !important }
.T4616 .AdresseWidget .adresse_firma { width: calc(45% - 5px) !important; margin-right: 5px !important }
.T4616 .AdresseWidget .adresse_abteilung { width: 55% !important }
.T4616 .AdresseWidget .adresse_strasse { width: calc(80% - 5px) !important; margin-right: 5px !important }
.T4616 .AdresseWidget .adresse_hausnr { width: 20% !important }
.T4616 .AdresseWidget .adresse_plz { width: calc(20% - 5px) !important; margin-right: 5px !important }
.T4616 .AdresseWidget .adresse_ort { width: calc(50% - 5px) !important; margin-right: 5px !important }
.T4616 .AdresseWidget .adresse_ortsteil { width: 30% !important }
.T4616 .AdresseWidget .adresse_fax, .T4616 .AdresseWidget .adresse_telefon { width: calc(33.33% - 5px) !important; margin-right: 5px !important }
.T4616 .AdresseWidget .adresse_mobil { width: 33.33% !important }
.T4616 .AdresseWidget .adresse_email input { width: 100% !important }
@media (min-width:768px) and (max-width:1023px) {
.T4616 form { width: 100% }
.T4616 form .row { margin: 0 0 30px }
.T4616 form .row .col { width: calc(50% - 25px) }
.T4616 form .row .col:first-child, .T4616 form .row .col:nth-child(2) { margin-right: 25px }
.T4616 form .row .col.border { padding: 15px 20px }
.T4616 form .row .col .item { margin-bottom: 25px }
.T4616 form .row .col .item .label, .T4616 form .row .col .item label { font-size: .9em; margin: 0 0 2px }
.T4616 form .row .col .item.textlabel .label, .T4616 form .row .col .item.textlabel label { font-size: 13px }
.T4616 form .row .col .item .help { font-size: 13px; margin: 0 0 12px }
.T4616 form .row .col .item .pulldown { display: -webkit-box; display: flex }
.T4616 form .row .col .item .options { margin: 0 0 8px }
.T4616 form .row .col .item .options label { font-size: 22px }
.T4616 form .row .col .item .options label .extra_info { font-size: 14px; margin: 0 0 0 25px }
.T4616 form .row .col .item.begleitperson input, .T4616 form .row .col .item.hausname input { width: 100%; font-size: 16px }
.T4616 form .row .col .item button.btn { font-size: 18px !important; padding: 8px 16px !important }
.T4616 form .row .col .item #f26930 { margin-bottom: 7px }
}
@media (max-width:767px) {
.T4616 form { width: 100% }
.T4616 form .row { margin: 0 0 20px }
.T4616 form .row .col { margin-bottom: 20px; float: none; width: 100% }
.T4616 form .row .col:first-child, .T4616 form .row .col:nth-child(2) { margin-right: 0 }
.T4616 form .row .col.border { padding: 15px 20px }
.T4616 form .row .col .item { margin-bottom: 25px }
.T4616 form .row .col .item .label, .T4616 form .row .col .item label { font-size: .9em; margin: 0 0 2px }
.T4616 form .row .col .item.textlabel .label, .T4616 form .row .col .item.textlabel label { font-size: 13px }
.T4616 form .row .col .item .help { font-size: 13px; margin: 0 0 12px }
.T4616 form .row .col .item .options { margin: 0 0 8px }
.T4616 form .row .col .item .options label { font-size: 22px }
.T4616 form .row .col .item .options label .extra_info { font-size: 14px; margin: 0 0 0 25px }
.T4616 form .row .col .item.begleitperson input, .T4616 form .row .col .item.hausname input { width: 100%; font-size: 16px }
.T4616 form .row .col .item button.btn { font-size: 18px !important; padding: 8px 16px !important }
.T4616 form .row .col .item #f26930 { margin-bottom: 7px }
}
@media all and (max-width: 567px) {
.T4616 form .row .col .item .options label { font-size: 18px; }
.T4616 form .row .item .pulldown { flex-wrap: wrap; }
.T4616 form .row .item .pulldown .headline { padding-bottom: 5px; }
.T4616 form .row .item .preise label { display: inline; }
.T4616 form .row .item .preise .box { padding-bottom: 20px; }
}
#langswitch { display: none; }
.langswitch_inner {
box-sizing: border-box;
width: 100%;
max-width: 500px;
min-width: 200px;
padding: 15px 20px;
}
.langswitch_inner * { box-sizing: border-box; }
.langswitch_inner .headline { font-size: 1.5rem; margin-bottom: 1rem; }
.langswitch_inner ul { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.langswitch_inner ul li { margin: 0; padding: 0; order: 2; }
.langswitch_inner ul li.ip_sort { order: 1; }
.langswitch_inner ul li :is(a,span) {
display: block;
padding: 10px 5px 10px 40px;
border-bottom: 1px solid #CCC;
color: #000;
text-decoration: none;
white-space: nowrap;
background-repeat: no-repeat;
background-size: 30px auto;
background-position: center left;
cursor: pointer;
}
.langswitch_inner ul li[data-lang=de] :is(a,span) { background-image: url(https://storage.tramino.net/root/996903/de.svg); }
.langswitch_inner ul li[data-lang=en][data-flag=en] :is(a,span) { background-image: url(https://storage.tramino.net/root/996904/en.svg); }
.langswitch_inner ul li[data-lang=en][data-flag=us] :is(a,span) { background-image: url(https://storage.tramino.net/root/997083/usa.svg); }
.langswitch_inner ul li[data-lang=at] :is(a,span) { background-image: url(https://storage.tramino.net/root/996900/at.svg); }
.langswitch_inner ul li[data-lang=ch] :is(a,span) { background-image: url(https://storage.tramino.net/root/996901/ch.svg); }
.langswitch_inner ul li[data-lang=it] :is(a,span) { background-image: url(https://storage.tramino.net/root/996905/it.svg); }
.langswitch_inner ul li[data-lang=cs] :is(a,span) { background-image: url(https://storage.tramino.net/root/996902/cs.svg); }
.langswitch_inner ul li[data-lang=es] :is(a,span) { background-image: url(https://storage.tramino.net/root/996927/es.svg); }
.langswitch_inner ul li[data-lang=nl] :is(a,span) { background-image: url(https://storage.tramino.net/root/996928/nl.svg); }
.langswitch_inner ul li[data-lang=fr] :is(a,span) { background-image: url(https://storage.tramino.net/root/996931/fr.svg); }
.langswitch_inner ul li[data-lang=ru] :is(a,span) { background-image: url(https://storage.tramino.net/root/996930/ru.svg); }
.langswitch_inner ul li[data-lang=no] :is(a,span) { background-image: url(https://storage.tramino.net/root/996929/no.svg); }
.langswitch_inner ul li[data-lang=hu] :is(a,span) { background-image: url(https://storage.tramino.net/root/1199752/hungary.svg); }
.langswitch_inner ul li[data-lang=hr] :is(a,span) { background-image: url(https://storage.tramino.net/root/1274447/croatia.svg); }
.langswitch_inner ul li:last-child :is(a,span) {
border-bottom-width: 0px;
}
.langswitch_inner ul li:hover :is(a,span) {
background-color: #EEE;
}
.langswitch_inner ul li.active :is(a,span) { font-weight: 600; }
.langswitch_inner .helper { font-size: 11px; }
.T4702 {
text-align: center;}.T4717 .page_button {
border: 1px solid #0e5878;text-align: center;border-radius: 5px;padding: 10px 0;margin: 30px 0;font-size: 14px;cursor: pointer;}
.T4717 .page_button.hide { display: none; }
.T4717 .articles { position: relative; }
.T4717 .articles .article {
display: flex;flex-wrap: wrap;padding-left: 25px;border-left: 10px solid #0e5878;}
.T4717 .articles .article.hide { display: none; }
.T4717 .articles .article.prio9 .start.more { border-bottom-color: #d6dc23; }
.T4717 .articles .article.prio9 .end.more { border-top-color: #d6dc23; }
.T4717 .articles .article.prio9 .start.nomore, .T4717 .articles .article.prio9 .end.nomore { border-color: #d6dc23; background-color: #d6dc23; }
.T4717 .articles .article .start {
width: 20px;height: 20px;position: absolute;top: -10px;left: -5px;  
}
.T4717 .articles .article .start.nomore {
border: 1px solid #0e5878;background-color: #0e5878;border-radius: 20px;} 
.T4717 .articles .article .start.more {
width: 0;height: 0;border: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 20px solid #0e5878;}
.T4717 .articles .article .end {
width: 20px;height: 20px;position: absolute;bottom: -10px;left: -5px;  
}
.T4717 .articles .article .end.nomore {
border: 1px solid #0e5878;background-color: #0e5878;border-radius: 20px;} 
.T4717 .articles .article .end.more {
width: 0;height: 0;border: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 20px solid #0e5878;}
.T4717 .articles .article.prio9 { border-color: #d6dc23; }
.T4717 .articles .date { display: none; }
.T4717 .articles .article .time {
font-weight: bold;color: #000;padding-bottom: 10px;flex: 1;}
.T4717 .articles .article .wrapper {
display: flex;flex-wrap: wrap;width: 100%;padding: 0 0 30px 0;margin-bottom: 30px;border-bottom: 1px solid #CCC;}
.T4717 .articles .article .hide { display: none; }
.T4717 .articles .article .wrapper .image { padding: 0 10px 10px 0; max-height: 250px; }
.T4717 .articles .article .wrapper .image img { width: 100%; max-height: 250px; }
.T4717 .articles .article .wrapper .inhalt { flex: 1; min-width: 120px; }
.T4717 .articles .article .wrapper .inhalt a { text-decoration: none; color: #0e5878; }
.T4717 .articles .article .wrapper .inhalt .headline { color: #000; font-weight: bold;  }
.T4717 .articles .article .wrapper .inhalt .intro { color:rgba(0,0,0,0.8); padding-top: 5px; }
.T4717 .articles .article .wrapper .inhalt .text { padding-top: 10px; color: #000; }
.T4717 .articles .article .wrapper .inhalt .link { text-align: right; padding: 10px 15px 0 0; }
.T4717 .articles .article .wrapper .inhalt .files { display: flex; flex-wrap: wrap; padding-top: 15px; }
.T4717 .articles .article .wrapper .inhalt .files .file { padding: 0 10px 10px 0; }
.T4717 .articles .article .wrapper .inhalt .files .file:nth-child(3n) { padding-right: 0px; }
.T4717 .articles .article .wrapper .inhalt .files .file img { width: 100%; height: 100%; }
.T4717 .articles .article .wrapper .inhalt .text.expand { position: relative; max-height: 160px; overflow: hidden; transition: max-height 0.9s ease-in-out; }
.T4717 .articles .article .wrapper .inhalt .text.expand:before {
content: " ";position: absolute;left: 0px;top: 30%;right: 0px;bottom: 0px;background-image: linear-gradient(to bottom, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 90%);}
.T4717 .articles .article .wrapper .inhalt .text.expand:after {
content: "+";font-size: 13px;font-weight: bold;position: absolute;left: 45%;bottom: 15px;background: #0e5878;color: #fff;border-radius: 20px;padding: 0px 5px 1px 6px;cursor: pointer;opacity: 0.5;}
.T4717 .articles .article .wrapper .inhalt .text.expand.on {
position: relative;max-height: none;overflow: visible;}
.T4717 .articles .article .wrapper .inhalt .text.expand.on:after { display: none }
.T4717 .articles .article .wrapper .inhalt .text.expand.on:before { display: none }
.T4717 .articles .article .wrapper .more_information { position: relative; }
.T4717 .articles .article .wrapper .plus {
position: absolute;transform-origin: center;transform: rotate(0deg);transition: 400ms ease-out;top: 0;right: 40px;background-color: black;width: 2px;height: 20px;cursor: pointer;}
.T4717 .articles .article .wrapper .plus.show {
transform: rotate(90deg);transition: 400ms ease-in;width: 1px;}
.T4717 .articles .article .wrapper .minus {
cursor: pointer;position: absolute;top: 0;right: 40px;transform-origin: center;transform: rotate(90deg);background-color: black;color: black;width: 2px;height: 20px;}@media (min-width: 567px) {
.T4717 .articles .article .wrapper .image { padding-right: 20px; flex: 1; }
.T4717 .page_button {
width: 75%;
margin: 30px auto;
}
}
@media (min-width: 768px) {
.T4717 .articles .article { margin-left: 100px; }
.T4717 .articles .article .start { left: 95px; }
.T4717 .articles .article .end {  left: 95px; }
.T4717 .articles .article .time {
position: absolute;
left: 0;
width: 80px;
text-align: right;
}
.T4717 .page_button { width: 50%; }
}
@media (min-width: 1024px) {
.T4717 .articles { position: relative; }
.T4717 .articles .article .time { width: 100px; left: 0; }
.T4717 .articles .article .wrapper .image { flex: inherit; }
.T4717 .articles .article .wrapper .inhalt .files .file { max-width: 200px;  }
.T4717 .articles .article .wrapper .image .video .play i {font-size: 80px;}
.T4717 .timebox .year .day.prio9 .tooltiptext { visibility: visible; opacity: 1; }
}
@media (min-width: 1280px) {
.T4717 .articles .article { margin-left: 120px; }
.T4717 .articles .article .start { left: 115px; }
.T4717 .articles .article .end {  left: 115px; }
}
@media (min-width: 1700px) {
.T4717 .page_button { width: 40%; }
}
.T4717 .wrapper { display: flex; }
.T4717 .wrapper .before_timebox {
border-top: 30px solid #0e5878;border-left: 30px solid transparent;border-bottom: 30px solid #0e5878;width: 70px;margin: 30px 0;height: 60px;}
.T4717 .wrapper .after_timebox {
border-top: 30px solid transparent;border-left: 30px solid #0e5878;border-bottom: 30px solid transparent;width: 30px;margin: 30px 0;height: 60px;}
.T4717 .timebox {
background-color: #0e5878;position: relative;width: 100%;height: 60px;display: flex;margin: 30px 0;padding-right: 15px;}
.T4717 .timebox .year { position: relative; margin: 0 5px; }
.T4717 .timebox .year .quartal { height: 60px; position: absolute; z-index: 2; }
.T4717 .timebox .headline {
position: absolute;top: -25px;height: 85px;border-left: 2px solid #2B8298;padding-left: 10px;margin-left: -2px;}
.T4717 .timebox .day {
position: absolute;top: 0;width: 3px;height: 60px;background-color: rgba(43,130,152,0.3);z-index: 5;}
.T4717 .timebox .day.prio9 {
background-color: rgba(214,220,15,0.3);}
.T4717 .timebox .year .quartal .tooltiptext:after {
content: "";position: absolute;bottom: 95%;left: 37%;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid  rgb(14, 88, 120);}
.T4717 .timebox .year .quartal .tooltiptext {
visibility: hidden;width: 143px;background-color:  rgb(14, 88, 120);color: #fff;text-align: center;border-radius: 6px;padding: 5px 10px;font-size: 10px;position: absolute;left: -30px;bottom: -30px;z-index: 1;}
.T4717 .timebox .year .day .tooltiptext {
visibility: hidden;opacity: 0;transition: opacity 0.4s linear;width: 155px;background-color: rgb(14, 88, 120);color: #fff;text-align: center;border-radius: 6px;padding: 5px 10px;font-size: 11px;position: absolute;left: -67.5px;bottom: 90px;z-index: 1;}
.T4717 .timebox .year .day .tooltiptext:after {
content: "";position: absolute;top: 95%;left: 37%;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 15px solid rgb(14, 88, 120);}
.T4717 .timebox .year .quartal.hover:hover { cursor: pointer; background-color: rgba(19,116,158, 0.4); }
.T4717 .timebox .year .quartal.hover:hover .tooltiptext{ visibility: visible; opacity: 1; }
.T4717 .timebox .year .quartal.hover.show { background-color: rgba(19,116,158, 0.4); }
.T4717 .timebox .current_date { 
position: absolute;top: 0;height: 60px;border-left: 2px dashed #FFA400; 
z-index: 3;}
.T4717 .timebox .current_date:after {
content: "";position: absolute;bottom: -10px;left: -11px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #FFA400;}.T4717 .articles .article .wrapper .image .video {
display: block;
position: relative;
width: 300px;
height: 200px;
}
.T4717 .articles .article .wrapper .image .video > .inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.T4717 .articles .article .wrapper .image .video .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.T4717 .articles .article .wrapper .image .video .play i {
font-size: 70px;
color: #FFF;
text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}.T4723 .wrapper {
display: flex;flex-direction: column;margin: 0 10px;}
.T4723 .wrapper .element { display: flex; flex-wrap: wrap; border: 1px solid #0e5878; padding: 10px; width: 100%; }
.T4723 .wrapper .element .image { padding: 0 0 10px 0; max-height: 300px; }
.T4723 .wrapper .element .image img { width: 100%; max-height: 300px; }
.T4723 .wrapper .element .more_images { display: flex; flex-wrap: wrap; }
.T4723 .wrapper .element .more_images .bild { padding: 0 10px 10px 0; }
.T4723 .wrapper .element .more_images .bild:nth-child(3n) { padding-right: 0px; }
.T4723 .wrapper .element .more_images .bild img { width: 100%; height: 100%; }
.T4723 .wrapper .element .inhalt { flex: 1; min-width: 120px; }
.T4723 .wrapper .element .inhalt .headline { font-size: 22px; }
.T4723 .wrapper .line { width: 60px; align-self: center; }
.T4723 .wrapper .line.left { transform: scaleX(-1); }
@media (min-width: 567px) {
.T4723 .wrapper .element .col:first-child { padding-right: 30px; flex: 1; max-width: 400px; }
.T4723 .wrapper .element .more_images .bild:nth-child(3n) { padding-right: 0px; }
}
@media (min-width: 768px) {
.T4723 .wrapper .element .inhalt { min-width: 150px; }
.T4723 .wrapper .element .inhalt .headline { font-size: 24px; }
}
@media (min-width: 1024px) {
.T4723 .wrapper .element .image { flex: inherit; }
.T4723 .wrapper .element .inhalt .headline { font-size: 26px; }
}
@media (min-width: 1280px) {
.T4723 .wrapper .element .inhalt .headline { font-size: 28px; }
}
@media (min-width: 1700px) {
.T4723 .wrapper .element .inhalt .headline { font-size: 30px; }
}
.T4724 .main-headline {
height: 140px;
width: 100%;
flex-basis: 100%;
flex-shrink: 0;
flex-grow: 0;
display: flex;
justify-content: center;
align-items: center;
}
.T4724 .main-headline h2{
text-align: center;
margin-top: 0.4em;
}
.T4724 .columns{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.T4724 .column{
margin-top: 20px;
flex: 1;
min-width: 160px;
margin-left: 20px;
margin-right: 20px;
padding: 30px 15px;
}
html body .T4724 .column a { text-decoration: none; color: unset !important; cursor: pointer; }
.T4724 .column .headline{
font-size: 1.3em;
padding: 10px 0px;
text-align: center;
}
.T4724 .column .text{
text-align: center;	
}
.T4724 .column .icon{
text-align: center;
font-size: 50px;
}
.T4724 .column .icon_image{
display: flex;
justify-content: center;
}
.T4724 .column .link { 
max-width: 70%;
margin: 0 auto; 
}
html body .T4724 .column .button2 a{
text-decoration: none;
color: #FFF !important;
display: block;
padding: 5px 6px;
text-align: center;
}
@media all and (min-width: 768px) and (max-width:1023px) {
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4724 .column .headline{ font-size: 1.2em; }
}
@media all and (max-width: 567px) {
.T4724 .column{
margin: 20px 20px;
}
.T4724 .column:last-child{ margin-right: 20px; }
.T4724 .column .headline{ font-size: 1.1em; }
.T4724 .column .text{ font-size: 0.9em; }
}
.T4760 .wrapper { 
display: flex;
flex-wrap: wrap;
background-color: #fff;
box-shadow: 2px 2px 7px rgba(0,0,0,0.2);
}
.T4760 .wrapper .col1 .image img { width: 100%; height: 100%; }
.T4760 .wrapper .col2 { padding: 10px 15px; }
.T4760 .wrapper .col2 .subheadline { font-weight: bold; color: #444 !important; padding-bottom: 5px; }
@media (min-width: 768px) {
.T4760 .wrapper .col1 { flex: 1; }
.T4760 .wrapper .col2 { flex: 1; }
}
@media (min-width: 1024px) {
.T4760 .wrapper:not(.noimage) .col2 { padding: 15px 25px; }
}
.Mandant_3469 .T4760 .wrapper { background-color: transparent; box-shadow: none; }
.Mandant_3469 .T4760 .wrapper .col1 { order: 2; }
.Mandant_3469 .T4760 .wrapper .col2 { order: 1; }.T4813 { margin-top: 0px; } 
.T4813 .subheadline { font-weight: bold; background-color: #0e5878; color: #d5d400 !important; padding: 1.5em 2em; text-align: center; }
.T4813 .wrapper { 
display: flex;
flex-wrap: wrap;
background-color: #fff;
box-shadow: 2px 2px 7px rgba(0,0,0,0.2);
}
.T4813 .wrapper .col1 .image img { width: 100%; height: 100%; }
.T4813 .wrapper .col2 { padding: 10px 15px; }
.T4813 .wrapper .col2 .headline { margin-top: 20px; }
@media (min-width: 768px) {
.T4813 .wrapper .col1 { flex: 1; }
.T4813 .wrapper .col2 { flex: 1; }
}
@media (min-width: 1024px) {
.T4813 .wrapper .col2 { padding: 15px 25px; }
}
.T4813 .wrapper { background-color: transparent; box-shadow: none; }
.T4813 .wrapper .col1 { order: 2; }
.T4813 .wrapper .col2 { order: 1; }
.T4813 .wrapper_bewerbung {
text-align: center;
padding-top: 20px;
}.T4813 .wrapper { background-color: transparent; box-shadow: none; }
.T4813 .wrapper .col1 { order: 2; }
.T4813 .wrapper .col2 { order: 1; }
.T4813 .wrapper_bewerbung {
text-align: center;
}.T4814 {
margin: 50px 0;
}
.T4814 h3 {
margin: 0px 0px 20px 0px !important;
}
.T4814 .error {
color: #F00;
}
.T4814 .allerrors { margin: 0 0 10px 0; }
.T4814 .allerrors .error { display: inline-block; background-color: #F00; color: #FFF; padding: 3px 5px; font-size: 12px; margin: 0 0 3px 0; }
.T4814 .AdresseWidget input { width: 100% !important; }
.T4814 .AdresseWidget select { width: 100% !important; }
.T4814 .AdresseWidget .Feld {
padding: 0 !important;
margin: 0px 10px 0px 0px !important;
}
.T4814 .AdresseWidget .Feld.last {
margin-right: 0px !important;
}
.T4814 .AdresseWidget .adresse_vorname { width: 135px; }
.T4814 .AdresseWidget .adresse_nachname { width: 195px; }
.T4814 .AdresseWidget .adresse_firma { width: 175px; }
.T4814 .AdresseWidget .adresse_abteilung { width: 154px; }
.T4814 .AdresseWidget .adresse_strasse { width: 285px; }
.T4814 .AdresseWidget .adresse_hausnr { width: 45px; }
.T4814 .AdresseWidget .adresse_plz { width: 45px; }
.T4814 .AdresseWidget .adresse_ort { width: 175px; }
.T4814 .AdresseWidget .adresse_ortsteil { width: 100px; }
.T4814 .AdresseWidget .adresse_telefon { width: 110px; }
.T4814 .AdresseWidget .adresse_fax { width: 105px; }
.T4814 .AdresseWidget .adresse_mobil { width: 105px; }
.T4814 .AdresseWidget .adresse_email { width: 340px; }
.T4814 .AdresseWidget .adresse_land { width: 340px; }
.T4814 .TraminoForm { width: 365px; }
.T4814 .TraminoForm .element .label .help {
font-size: 12px;
margin: 1px 0px 8px 0px;
}
.T4814 .TraminoForm .input.selectWidget select {
margin: 0px;
padding: 3px 5px;
width: 100%;
}
.T4814 .TraminoForm .element .UploadWidget:first-child { border: none !important; }@media all and (min-width: 768px) and (max-width:1023px) {
.T4814 .TraminoForm .group {
width: 45%;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T4814 .TraminoForm .group {
float: none;
padding: 0px;
}
}
@media all and (max-width: 567px) {
.T4814 .TraminoForm { width: 100%; }
.T4814 .TraminoForm .group { width: 100% !important; padding-right: 0px !important; }
.T4814 .AdresseWidget .Feld {
padding: 0 !important;
margin: 0px 0px 0px 0px !important;
width: 100% !important;
}
.T4814 .TraminoForm .element { padding: 0 0 8px 0; }
.T4814 .TraminoForm .label { margin: 0 0 3px 0; }
.T4814 .TraminoForm .label h4 { font-size: 12px; }
.T4814 .AdresseWidget .adresse_vorname { width: calc( 35% - 5px ) !important; margin-right: 5px !important;  }
.T4814 .AdresseWidget .adresse_nachname { width: 65% !important; }
.T4814 .AdresseWidget .adresse_firma { width: calc( 45% - 5px ) !important; margin-right: 5px !important;  }
.T4814 .AdresseWidget .adresse_abteilung { width: 55% !important; }
.T4814 .AdresseWidget .adresse_strasse { width: calc( 80% - 5px ) !important; margin-right: 5px !important;  }
.T4814 .AdresseWidget .adresse_hausnr { width: 20% !important; }
.T4814 .AdresseWidget .adresse_plz { width: calc( 20% - 5px ) !important; margin-right: 5px !important;  }
.T4814 .AdresseWidget .adresse_ort { width: calc( 50% - 5px ) !important; margin-right: 5px !important;  }
.T4814 .AdresseWidget .adresse_ortsteil { width: 30% !important; }
.T4814 .AdresseWidget .adresse_telefon { width: calc( 33.33% - 5px ) !important; margin-right: 5px !important; }
.T4814 .AdresseWidget .adresse_fax { width: calc( 33.33% - 5px ) !important; margin-right: 5px !important; }
.T4814 .AdresseWidget .adresse_mobil { width: 33.33% !important; }
}
@import url("https://cdn2.tramino.net/static/tramino/traminoicon-v1.15/style.css");
.T4838 p { margin: 0; }
.T4838 .input {
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 1px solid #CCC;
padding: 15px 0 30px 0;
}
.T4838 .input .upload {
width: 80%;
background-color: #eee;
display: inline-block;
display: block;
background-color: #eee;
border: 2px dashed #ccc;
border-radius: 5px;
padding: 5px;
text-align: center;
line-height: 25px;
}
.T4838 .input .save {
margin-top: 10px;
}
.T4838 .info_anzahl { padding: 15px 10px 0 10px; }
.T4838 .info { padding: 15px 10px; border-bottom: 1px solid #CCC; }
.T4838 .info.data .head { font-weight: bold; }
.T4838 a { font-weight: bold; color: #0e5878; }
.T4838 .wrapper {
display: flex;
flex-wrap: wrap;
padding: 15px 10px;
}
.T4838 .wrapper .month_memo {
background-color: #0e5878;
padding: 5px 15px 8px 15px;
color: #FFF;
margin-bottom: 15px;
border-radius: 10px;
width: 100%;
}
.T4838 .wrapper .month_memo .time { display: flex; justify-content: flex-end; padding-bottom: 5px; }
.T4838 .wrapper .month_memo .content { display: flex; justify-content: space-between; padding-top: 8px; font-weight: bold; font-size: 14px; }
.T4838 .wrapper .month_memo .bild { width: 100%; }
.T4838 .wrapper .month_memo .bild img { width: 100%; height: auto; border-radius: 10px; aspect-ratio: 450 / 250; }
.T4838 .wrapper .month_memo .userlike > span { display: flex; }
.T4838 .wrapper .month_memo .userlike .likeicon {
display: inline-block;
font-size: 16px;
position: relative;
order: 2;
margin-right: 3px;
}
.T4838 .wrapper .month_memo .userlike .likecount {
display: inline-block;
font-weight: bold;
padding-right: 5px;
order: 1;
}
.T4838 .wrapper .month_memo .userlike .liketext {
display: inline-block;
order: 3;
text-decoration: none;
}
.T4838 .wrapper .month_memo .userlike:hover { cursor: pointer; }
.T4838 .wrapper .month_memo .userlike > span.unlike .likecount { order: 3; }
.T4838 .wrapper .month_memo .userlike .liketext { margin-left: 0; }@media (min-width: 567px) {
.T4838 .input .upload .custom-file-upload {
display: flex;justify-content: center;align-items: center;padding: 8px 0;}
.T4838 .month_memo { width: calc(50% - 10px); }
.T4838 .month_memo:nth-child(odd) { margin-right: 10px; }
.T4838 .input .upload { margin-bottom: 15px; }
}
@media (min-width: 768px) {
.T4838 .input .upload { width: 50% !important; }
.T4838 .month_memo { width: calc(33% - 20px); margin-right: 10px; }
.T4838 .month_memo:nth-child(3n+3) { margin-right: 0px; }
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
@media (min-width: 1700px) {
}.T4915 { margin: 0 15px 50px 15px; }
.T4915 .maxwidth { background-color: #fff; }
.T4915 .maxwidth > .inner {	padding: 30px; width: 400px; margin: 0px auto; }
.T4915 .button { margin-right: 20px; }
.T4915 .Zeile { margin-top: 10px; }
.T4915 .empty { padding: 100px; text-align: center; border: 1px solid #ccc; }
.T4915 form { margin-top: 20px }
.T4915 .colwrapper { display: flex; flex-direction: column; }
.T4915 .col { width: 100%; }
.T4915 .row { margin-bottom: 0.5rem; }
.T4915 label, .T4915 .Label  { font-size: 13px; display: block; }
.T4915 label.big, .T4915 .Label.big  { font-size: 16px; font-weight: bold; }
.T4915 input[type=checkbox] + label { font-size: 14px; display: inline; }
.T4915 input[type=radio] + label { font-size: 14px; display: inline; }
.T4915 input[type=text] { font-size: 15px; width: 100%; }
.T4915 input[type=email] { font-size: 15px; width: 100%; }
.T4915 input[type=passwort] { font-size: 15px; width: 100%; }
.T4915 .info { font-size: 13px; }
.T4915 .group { width: 100% !important; padding-right: 0px !important; }
.T4915 .AdresseWidget { max-width: none !important; width: 100% !important; }
.T4915 .AdresseWidget .Feld {
padding: 0 !important;margin: 0px 0px 0px 0px !important;width: 100% !important;}
.T4915 .element { padding: 0 0 8px 0; }
.T4915 .label { margin: 0 0 3px 0; }
.T4915 .label h4 { font-size: 12px; }
.T4915 .AdresseWidget .Feld { float: left; }
.T4915 .AdresseWidget .adresse_vorname { width: calc( 35% - 5px ) !important; margin-right: 5px !important;  }
.T4915 .AdresseWidget .adresse_nachname { width: 65% !important; }
.T4915 .AdresseWidget .adresse_firma { width: calc( 45% - 5px ) !important; margin-right: 5px !important;  }
.T4915 .AdresseWidget .adresse_abteilung { width: 55% !important; }
.T4915 .AdresseWidget .adresse_strasse { width: calc( 80% - 5px ) !important; margin-right: 5px !important;  }
.T4915 .AdresseWidget .adresse_hausnr { width: 20% !important; }
.T4915 .AdresseWidget .adresse_plz { width: calc( 20% - 5px ) !important; margin-right: 5px !important;  }
.T4915 .AdresseWidget .adresse_ort { width: calc( 50% - 5px ) !important; margin-right: 5px !important;  }
.T4915 .AdresseWidget .adresse_ortsteil { width: 30% !important; }
.T4915 .AdresseWidget .adresse_telefon { width: calc( 33.33% - 5px ) !important; margin-right: 5px !important; }
.T4915 .AdresseWidget .adresse_fax { width: calc( 33.33% - 5px ) !important; margin-right: 5px !important; }
.T4915 .AdresseWidget .adresse_mobil { width: 33.33% !important; }
.T4915  .AdresseWidget { margin-top: 0px }
.T4915 .agbs { display: flex; }
.T4915 .agbs input { flex-grow: 0;flex-shrink: 0;margin-right: 0.4rem; }
.T4915 .error { color: #f33; }
.T4915 .input.error { border-bottom: 3px solid #f00; display: inline-block; }
.T4915 .agbs.error { border: 2px solid #f00; color: #0e5878 }
.T4915 .adresse_telefon input { width: 355px !important; }
.T4915 .adresse_fax { display: none; }
.T4915 .adresse_titel { display: none; }
.T4915 .adresse_mobil { display: none; }
.T4915 .foot {
margin-top:  1rem;font-size:  0.9rem;}
.T4915 .bd_wrapper { display: flex; }
.T4915 .bd_wrapper .bdcol { margin: 0 15px 0 0; }
.T4915 .inner .foot a.button {
font-size: 11px !important;padding: 4px 8px !important;background-color: #0e5878;color: #fff;text-decoration: none;border-radius: 4px;}
.T4915 span.button { cursor: pointer; }
#agbgewinnspiel_detail {
padding: 10px 16px;color: #555;line-height: 1.3;font-size: 14px;width: 80%;max-width: 350px;}
.T3704 .profile { text-align: center; }
.T3704 .profile .Bild img {
width: 115px;height: auto;border-radius: 100px
}
.flex_cols {
display: flex;flex-direction: column;}
#submit-button { font-size: 1.5rem; padding: 0.5rem 1.25rem; }

.T3704 .button { width: auto; height: auto; background-color: #0e5878; border: 1px solid #0e5878; }
.T3704 .widget .label { position: static; text-align: left; }
.T3704 form .input { margin-bottom: 0.1rem; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

@media (min-width: 567px) {
.flex_cols {
flex-direction: row;}
.T4915 .colwrapper { flex-direction: row; justify-content: space-between; }
.T4915 .col { width: 45%; }
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}
.T4931 .infobox {
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #ddd;
padding: 10px 12px;
margin: 60px 0 0px 0px;
}
.T4931 .infobox .col1 { 
display: flex;
flex-direction: row;
}
.T4931 .infobox .col1 > div { 
margin-right: 10px;
}
.T4931 .infobox label { margin-right: 10px; } 
.T4931 .infobox select::-ms-expand { display: none; }
.T4931 .infobox select { 
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
font-size: 18px;
background-color: #fff;
padding: 4px 6px;	
font-family: inherit;
margin: 0px;
}
.T4931 .button-reserve {
color: #FFF;
}
.T4931 .button-reserve .btn {
display: inline-block;
background-color: #0e5878;
padding: 5px 15px;
margin: 0 !important;
font-size: 15px!important;
}
.T4931 .grid { 
display: grid;
background-color: #eee;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-auto-flow: column;
}
.T4931 .grid .grid-item {
background: #8c5d3b !important;
background: #0e5878 !important;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 11;
border-radius: 0.5rem;
}
.T4931 .grid .grid-item:hover {
background: #2e7898 !important;
}
.T4931 .grid .grid-item { cursor: pointer; transition: background-color 0.2s linear; position: relative; }
.T4931 .grid .grid-item .grid-nr { font-weight: bold; text-align: center; }
.T4931 .grid .grid-item select { display: none }
.T4931 .grid .grid-item.reserved { cursor: not-allowed !important; background: #bbb !important; opacity: 0.5; }
.T4931 .grid .grid-item.selected { background: #d1d001 !important; color: #0e5878; box-shadow: 0px 0px 25px rgba(0,0,0,0.2); }
.T4931 .grid .grid-item.selected .grid-nr { display: none; font-weight: bold; text-align: center; font-size: 20px;}
.T4931 .grid .grid-item.selected select { display: inline-block; }
.T4931 .grid .grid-item.selected  select::-ms-expand { display: none; }
.T4931 .grid .grid-item.selected  select { 
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
background-color: #fff;
padding: 4px 6px;	
font-family: inherit;
margin: 0px;
}
.T4931 .grid .grid-item .grid-content { position: relative; }
.T4931 .grid .grid-item.reserve .grid-chair { color: rgba(0,0,0,0.6) !important; }
.T4931 .grid .chairs.reserved { opacity: 0.3; }
.T4931 .grid .chairs { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.T4931 .grid .chairs .chair { position: absolute; background-color: #666; display: none;   }
.T4931 .grid .chairs .chair1 { top: -10%; left: 30%; right: 30%; height: 6%; border-radius: 5px 5px 0px 0px; }
.T4931 .grid .chairs .chair2 { right: -10%; top: 30%; bottom: 30%; width: 6%; border-radius: 0px 5px 5px 0px; }
.T4931 .grid .chairs .chair3 { bottom: -10%; left: 30%; right: 30%; height: 6%; border-radius: 0px 0px 5px 5px ;  }
.T4931 .grid .chairs .chair4 { left: -10%; top: 30%; bottom: 30%; width: 6%; border-radius: 5px 0px 0px 5px;  }
.T4931 .grid .chairs.p2 .p2 { display: block }
.T4931 .grid .chairs.p3 .p3 { display: block }
.T4931 .grid .chairs.p4 .p4 { display: block }
@media (min-width: 567px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
.T4931 .grid .chairs .grid-chair { font-size: 65px; }
}
@media (min-width: 1280px) {
}
@media (min-width: 1700px) {
}.T3632 .item-area {}
@media all and (min-width: 1200px) {
.off .T3632 .item-area { display: flex; }
}
.off .T3632 .item-area .item-view .tablewrapper .row .cell.cell-age { width: 310px; }
.off .T3632 .item-area .item-view .tablewrapper .row .cell.cell-validity { width: 250px; }
.T3632 .item-calendars { 
display: flex; 
flex-wrap: wrap;
border: 1px solid #ccc;
border-radius: 4px;
padding: 10px 10px 10px 10px;
margin-bottom: 20px;
}
.T3632 .item-area .item-calendar {
width: 25%;
padding-right: 20px;
}
@media all and (max-width: 800px) { .T3632 .item-area .item-calendar { width: 50%; padding-right: 20px;} }
@media all and (max-width: 400px) { .T3632 .item-area .item-calendar { width: 100%; padding-right: 0px; } }
.T3632 .item-area .item-calendar-month {
font-size: 16px;
font-weight: bold;
margin-top: 0px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
margin-bottom: 10px;
text-align: center;
}
.T3632 .item-area .item-calendar-weekdays { display: flex; margin-bottom: 5px; }
.T3632 .item-area .item-calendar-weekdays div { width: 14.285%; font-size: 11px; text-align: center; color: #999;}
.T3632 .item-area .item-calendar-days {
display: flex;
flex-wrap: wrap;
}
.T3632 .item-area .item-calendar-days div {
display: block;
width: 14.285%;
padding: 3px 0px 3px 0px;
text-align: center;
}
.T3632 .item-area .item-calendar-days div span {
display: inline-block;
width: 80%;
padding: 0px 2px 4px 2px;
color: #0e5878;
}
.T3632 .item-area .item-calendar-days div.on:hover {
background-color: #fff;
border-radius: 3px;
box-shadow: 2px 2px 12px rgba(0,0,0,0.3);
cursor: pointer;
}
.T3632 .item-area .item-calendars div.past span { color: #ccc; }
.T3632 .item-area .item-calendars div.selected span { background-color: #0e5878; color: #fff; border-radius: 3px; }
.T3632 .item-area .item-calendars div.today span { border: 1px solid #0e5878; border-radius: 5px }
.T3632 .item-area .item-calendars div.weekend span { font-weight: bold; }
.T3632 .item-area .item-calendars div.full span { border-bottom: 4px solid #d5dc24; }
.T3632 .item-area .item-calendars div.low span { border-bottom: 3px solid #feae00; }
.T3632 .item-area .item-calendars div.last span { border-bottom: 2px solid #ee220c; }
.T3632 .item-area .item-calendars div.none span { border-bottom: 0px dotted #ccc; color: #888; }
.T3632 .item-area .item-calendar-info {
display: flex;
justify-content: center;
flex-wrap: wrap;
min-width: 200px;
width: 100%;
font-size: 12px;
margin-top: 10px;
border-top: 1px solid #ccc;
padding-top: 7px;
}
.T3632 .item-area .item-calendar-info div { margin-right: 20px; }
.T3632 .item-area .item-calendar-info span { display: inline-block; width: 15px; height: 1px; margin-bottom: 2px; margin-right: 5px; }
.T3961 form {
width: 900px;margin: 0 auto;}
.T3961 form .error {
background-color: #F00;color: #FFF;padding: 10px 20px;margin: 0 0 10px 0;}
.T3961 form .row {
margin: 0 0 30px 0;}
.T3961 form .row.align-right {
text-align: right;}
.T3961 form .row:after {
display: block;content: "";clear: left;}
.T3961 form .row .col {
float: left;width: calc(50% - 30px);}
.T3961 form .row .col:nth-child(1) {
margin-right: 30px;}
.T3961 form .row .col:nth-child(2) {
margin-right: 30px;}
.T3961 form .row .col.fullsize {
float: none;width: 100%;}
.T3961 form .row .col.border {
border: 1px solid #0e5878;padding: 20px 30px;}
.T3961 form .row .col .item {
margin-bottom: 30px;}
.T3961 form .row .col .item label,
.T3961 form .row .col .item .label {
display: block;font-size: 22px;margin: 0 0 3px 0;}
.T3961 form .row .col .item.textlabel label,
.T3961 form .row .col .item.textlabel .label {
font-size: 14px;display: inline;}
.T3961 form .row .col .item.hide {
display: none;}
.T3961 form .row .col .item .help {
font-size: 14px;margin: 0 0 15px 0;}
.T3961 form .row .col .item .options {
margin: 0 0 10px 0;}
.T3961 form .row .col .item .options label {
display: inline;font-size: 25px;}
.T3961 form .row .col .item .options label .extra_info {
display: block;font-size: 15px;color: #888;margin: 0 0 0 30px;}
.T3961 form .row .col .item .options label .extra_info.green {
color: #d6dc23;}
.T3961 form .row .col .item .options label.disabled {
opacity: 0.5;}
.T3961 form .row .col .item.hausname input,
.T3961 form .row .col .item.begleitperson input {
width: 350px;font-size: 18px;}
.T3961 form .row .col .item .AdresseWidget .adresse_firma,
.T3961 form .row .col .item .AdresseWidget .adresse_abteilung,
.T3961 form .row .col .item .AdresseWidget #element_adresse_titel {
display: none;}
.T3961 form .row .col .item button.btn {
font-size: 20px !important;padding: 10px 20px !important;}
.T3961 form .row .col .item button.btn.disabled {
opacity: 0.2;cursor: auto;}
.T3961 form .row .col .item #f26930 {
margin-bottom: 8px;}
.TraminoForm .group {
width: 100% !important;padding-right: 0px !important;}
.T3961 .AdresseWidget .Feld {
padding: 0 !important;margin: 0px 0px 0px 0px !important;width: 100% !important;}
.T3961 .TraminoForm .group {
width: 100% !important;padding-right: 0px !important;}
.T3961 .T3961 .AdresseWidget {
position: relative;}
.T3961 .AdresseWidget .Zeile {
margin: 0 0 10px 0;}
.T3961 .AdresseWidget .Zeile:after {
display: block;content: "";clear: left;}
.T3961 .AdresseWidget .Feld {
float: left;padding: 0 !important;margin: 0px 0px 0px 0px !important;width: 100% !important;}
.T3961 .TraminoForm .element {
padding: 0 0 8px 0;}
.T3961 .TraminoForm .label {
margin: 0 0 3px 0;}
.T3961 .TraminoForm .label h4 {
font-size: 12px;}
.T3961 .AdresseWidget input[type=text],
.T3961 .AdresseWidget input[type=email] {
width: 100% !important;}
.T3961 .AdresseWidget select {
width: 100% !important;}
.T3961 .AdresseWidget .adresse_extra {
display: none;}
.T3961 .AdresseWidget .adresse_anrede {
width: 35% !important;}
.T3961 .AdresseWidget .adresse_pflichtfeld {
position: absolute;top: 0px;right: 0px;width: auto !important;}
.T3961 .AdresseWidget .adresse_vorname {
width: calc(35% - 5px) !important;margin-right: 5px !important;}
.T3961 .AdresseWidget .adresse_nachname {
width: 65% !important;}
.T3961 .AdresseWidget .adresse_firma {
width: calc(45% - 5px) !important;margin-right: 5px !important;}
.T3961 .AdresseWidget .adresse_abteilung {
width: 55% !important;}
.T3961 .AdresseWidget .adresse_strasse {
width: calc(80% - 5px) !important;margin-right: 5px !important;}
.T3961 .AdresseWidget .adresse_hausnr {
width: 20% !important;}
.T3961 .AdresseWidget .adresse_plz {
width: calc(20% - 5px) !important;margin-right: 5px !important;}
.T3961 .AdresseWidget .adresse_ort {
width: calc(50% - 5px) !important;margin-right: 5px !important;}
.T3961 .AdresseWidget .adresse_ortsteil {
width: 30% !important;}
.T3961 .AdresseWidget .adresse_telefon {
width: calc(33.33% - 5px) !important;margin-right: 5px !important;}
.T3961 .AdresseWidget .adresse_fax {
width: calc(33.33% - 5px) !important;margin-right: 5px !important;}
.T3961 .AdresseWidget .adresse_mobil {
width: 33.33% !important;}
.T3961 .AdresseWidget .adresse_email input {
width: 100% !important;}
@media all and (min-width: 768px) and (max-width: 1023px) {
.T3961 form {
width: 100%;}
.T3961 form .row {
margin: 0 0 30px 0;}
.T3961 form .row .col {
width: calc(50% - 25px);}
.T3961 form .row .col:nth-child(1) {
margin-right: 25px;}
.T3961 form .row .col:nth-child(2) {
margin-right: 25px;}
.T3961 form .row .col.border {
padding: 15px 20px;}
.T3961 form .row .col .item {
margin-bottom: 25px;}
.T3961 form .row .col .item label,
.T3961 form .row .col .item .label {
font-size: 20px;margin: 0 0 2px 0;}
.T3961 form .row .col .item.textlabel label,
.T3961 form .row .col .item.textlabel .label {
font-size: 13px;}
.T3961 form .row .col .item .help {
font-size: 13px;margin: 0 0 12px 0;}
.T3961 form .row .col .item .options {
margin: 0 0 8px 0;}
.T3961 form .row .col .item .options label {
font-size: 22px;}
.T3961 form .row .col .item .options label .extra_info {
font-size: 14px;margin: 0 0 0 25px;}
.T3961 form .row .col .item.hausname input,
.T3961 form .row .col .item.begleitperson input {
width: 100%;font-size: 16px;}
.T3961 form .row .col .item button.btn {
font-size: 18px !important;padding: 8px 16px !important;}
.T3961 form .row .col .item #f26930 {
margin-bottom: 7px;}
}
@media all and (max-width: 767px) {
.T3961 form {
width: 100%;}
.T3961 form .row {
margin: 0 0 20px 0;}
.T3961 form .row .col {
margin-bottom: 20px;float: none;width: 100%;}
.T3961 form .row .col:nth-child(1) {
margin-right: 0px;}
.T3961 form .row .col:nth-child(2) {
margin-right: 0px;}
.T3961 form .row .col.border {
padding: 15px 20px;}
.T3961 form .row .col .item {
margin-bottom: 25px;}
.T3961 form .row .col .item label,
.T3961 form .row .col .item .label {
font-size: 20px;margin: 0 0 2px 0;}
.T3961 form .row .col .item.textlabel label,
.T3961 form .row .col .item.textlabel .label {
font-size: 13px;}
.T3961 form .row .col .item .help {
font-size: 13px;margin: 0 0 12px 0;}
.T3961 form .row .col .item .options {
margin: 0 0 8px 0;}
.T3961 form .row .col .item .options label {
font-size: 22px;}
.T3961 form .row .col .item .options label .extra_info {
font-size: 14px;margin: 0 0 0 25px;}
.T3961 form .row .col .item.hausname input,
.T3961 form .row .col .item.begleitperson input {
width: 100%;font-size: 16px;}
.T3961 form .row .col .item button.btn {
font-size: 18px !important;padding: 8px 16px !important;}
.T3961 form .row .col .item #f26930 {
margin-bottom: 7px;}
}
.T4616 form {
width: 900px;margin: 0 auto
}
.T4616 form .error {
background-color: red;color: #fff;padding: 10px 20px;margin: 0 0 10px
}
.T4616 form .row {
margin: 0 0 30px
}
.T4616 form .row .align-right {
text-align: right
}
.T4616 form .row:after {
display: block;content: "";clear: left
}
.T4616 form .row .col {
float: left;width: calc(50% - 30px)
}
.T4616 form .row .col:first-child, .T4616 form .row .col:nth-child(2) {
margin-right: 30px
}
.T4616 form .row .fullsize {
float: none;width: 100%
}
.T4616 form .row .border {
border: 1px solid #0e5878;padding: 20px 30px
}
.T4616 form .row .item {
margin-bottom: 30px
}
.T4616 form .row .item .label, .T4616 form .row .item label {
display: block;font-size: 22px;margin: 0 0 3px
}
.T4616 form .row .item.textlabel .label, .T4616 form .row .item.textlabel label {
font-size: 14px;display: inline
}
.hide {
display: none
}
.T4616 form .row .item .help {
font-size: 14px;margin: 0 0 15px
}
.T4616 form .row .item .pulldown {
display: -webkit-box;display: flex;padding-bottom: 10px;-webkit-box-align: center;align-items: center
}
.T4616 form .row .item .pulldown .headline {
padding-right: 15px
}
.T4616 form .row .item .pulldown .selectanzahl {
margin: 0 10px 0 0
}
.T4616 form .row .item .breakfast {
font-size: .9em;padding-bottom: 10px
}
.T4616 form .row .item .breakfast span {
white-space: nowrap
}
.T4616 form .row .item .breakfast label {
font-size: .9em;display: inline-block
}
.T4616 form .row .item .breakfast input {
margin: 0 5px 0 10px
}
.T4616 form .row .item .voucher_code {
font-size: 1em;padding-top: 10px
}
.T4616 form .row .item .voucher_code span {
white-space: nowrap
}
.T4616 form .row .item .voucher_code label {
font-size: .9em;display: inline-block
}
.T4616 form .row .item .voucher_code input {
margin: 0 5px 0 10px
}
.T4616 form .row .item .preise {
padding-top: 5px
}
.T4616 form .row .item .preise .box {
padding-bottom: 15px
}
.T4616 form .row .item .preise .sum {
font-size: 20px;padding-top: 5px
}
.T4616 form .row .item .options {
margin: 0 0 10px
}
.T4616 form .row .item .options label {
display: inline;font-size: 25px
}
.T4616 form .row .item .options label .extra_info {
display: block;font-size: 15px;color: #888;margin: 0 0 0 30px
}
.T4616 form .row .item .options label .extra_info.green {
color: #d6dc23
}
.T4616 form .row .item .options label .extra_info.disabled {
opacity: .5
}
.T4616 form .row .item .AdresseWidget #element_adresse_titel, .T4616 form .row .item .AdresseWidget .adresse_abteilung, .T4616 form .row .item .AdresseWidget .adresse_firma {
display: none
}
.T4616 form .row .col .item button.btn {
font-size: 20px !important;padding: 10px 20px !important
}
.T4616 form .row .col .item button.btn.disabled {
opacity: .2;cursor: auto
}
#f26930 {
margin-bottom: 8px
}
.T4616 .TraminoForm .group {
width: 100% !important;padding-right: 0 !important
}
.T4616 .AdresseWidget {
position: relative
}
.T4616 .AdresseWidget .Zeile {
margin: 0 0 10px
}
.T4616 .AdresseWidget .Zeile:after {
display: block;content: "";clear: left
}
.T4616 .AdresseWidget .Feld {
float: left;padding: 0 !important;margin: 0 !important;width: 100% !important
}
.T4616 .TraminoForm .element {
padding: 0 0 8px
}
.T4616 .TraminoForm .label {
margin: 0 0 3px
}
.T4616 .TraminoForm .label h4 {
font-size: 12px
}
.T4616 .AdresseWidget input[type=email], .T4616 .AdresseWidget input[type=text], .T4616 .AdresseWidget select {
width: 100% !important
}
.T4616 .AdresseWidget .adresse_extra {
display: none
}
.T4616 .AdresseWidget .adresse_anrede {
width: 35% !important
}
.T4616 .AdresseWidget .adresse_pflichtfeld {
position: absolute;top: 0;right: 0;width: auto !important
}
.T4616 .AdresseWidget .adresse_vorname {
width: calc(35% - 5px) !important;margin-right: 5px !important
}
.T4616 .AdresseWidget .adresse_nachname {
width: 65% !important
}
.T4616 .AdresseWidget .adresse_firma {
width: calc(45% - 5px) !important;margin-right: 5px !important
}
.T4616 .AdresseWidget .adresse_abteilung {
width: 55% !important
}
.T4616 .AdresseWidget .adresse_strasse {
width: calc(80% - 5px) !important;margin-right: 5px !important
}
.T4616 .AdresseWidget .adresse_hausnr {
width: 20% !important
}
.T4616 .AdresseWidget .adresse_plz {
width: calc(20% - 5px) !important;margin-right: 5px !important
}
.T4616 .AdresseWidget .adresse_ort {
width: calc(50% - 5px) !important;margin-right: 5px !important
}
.T4616 .AdresseWidget .adresse_ortsteil {
width: 30% !important
}
.T4616 .AdresseWidget .adresse_fax, .T4616 .AdresseWidget .adresse_telefon {
width: calc(33.33% - 5px) !important;margin-right: 5px !important
}
.T4616 .AdresseWidget .adresse_mobil {
width: 33.33% !important
}
.T4616 .AdresseWidget .adresse_email input {
width: 100% !important
}
@media (min-width:768px) and (max-width:1023px) {
.T4616 form {
width: 100%
}
.T4616 form .row {
margin: 0 0 30px
}
.T4616 form .row .col {
width: calc(50% - 25px)
}
.T4616 form .row .col:first-child, .T4616 form .row .col:nth-child(2) {
margin-right: 25px
}
.T4616 form .row .col.border {
padding: 15px 20px
}
.T4616 form .row .col .item {
margin-bottom: 25px
}
.T4616 form .row .col .item .label, .T4616 form .row .col .item label {
font-size: .9em;margin: 0 0 2px
}
.T4616 form .row .col .item.textlabel .label, .T4616 form .row .col .item.textlabel label {
font-size: 13px
}
.T4616 form .row .col .item .help {
font-size: 13px;margin: 0 0 12px
}
.T4616 form .row .col .item .pulldown {
display: -webkit-box;display: flex
}
.T4616 form .row .col .item .options {
margin: 0 0 8px
}
.T4616 form .row .col .item .options label {
font-size: 22px
}
.T4616 form .row .col .item .options label .extra_info {
font-size: 14px;margin: 0 0 0 25px
}
.T4616 form .row .col .item.begleitperson input, .T4616 form .row .col .item.hausname input {
width: 100%;font-size: 16px
}
.T4616 form .row .col .item button.btn {
font-size: 18px !important;padding: 8px 16px !important
}
.T4616 form .row .col .item #f26930 {
margin-bottom: 7px
}
}
@media (max-width:767px) {
.T4616 form {
width: 100%
}
.T4616 form .row {
margin: 0 0 20px
}
.T4616 form .row .col {
margin-bottom: 20px;float: none;width: 100%
}
.T4616 form .row .col:first-child, .T4616 form .row .col:nth-child(2) {
margin-right: 0
}
.T4616 form .row .col.border {
padding: 15px 20px
}
.T4616 form .row .col .item {
margin-bottom: 25px
}
.T4616 form .row .col .item .label, .T4616 form .row .col .item label {
font-size: .9em;margin: 0 0 2px
}
.T4616 form .row .col .item.textlabel .label, .T4616 form .row .col .item.textlabel label {
font-size: 13px
}
.T4616 form .row .col .item .help {
font-size: 13px;margin: 0 0 12px
}
.T4616 form .row .col .item .options {
margin: 0 0 8px
}
.T4616 form .row .col .item .options label {
font-size: 22px
}
.T4616 form .row .col .item .options label .extra_info {
font-size: 14px;margin: 0 0 0 25px
}
.T4616 form .row .col .item.begleitperson input, .T4616 form .row .col .item.hausname input {
width: 100%;font-size: 16px
}
.T4616 form .row .col .item button.btn {
font-size: 18px !important;padding: 8px 16px !important
}
.T4616 form .row .col .item #f26930 {
margin-bottom: 7px
}
}
@media all and (max-width: 567px) {
.T5078 form .row .col .item .options label { font-size: 18px; }
.T5078 form .row .item .pulldown { flex-wrap: wrap; }
.T5078 form .row .item .pulldown .headline { padding-bottom: 5px; }
.T5078 form .row .item .preise label { display: inline; }
.T5078 form .row .item .preise .box { padding-bottom: 20px; }
}
#fancybox_bus { padding: 0 15px }
.T5078 form { width: 900px; margin: 0 auto }
.T5078 form .error { background-color: red; color: #fff; padding: 10px 20px; margin: 0 0 10px }
.T5078 form .row { margin: 0 0 30px }
.T5078 form .row .align-right { text-align: right }
.T5078 form .row:after { display: block; content: ""; clear: left }
.T5078 form .row .col { float: left; width: calc(50% - 30px) }
.T5078 form .row .col:first-child, .T5078 form .row .col:nth-child(2) { margin-right: 30px }
.T5078 form .row .fullsize { float: none; width: 100% }
.T5078 form .row .border { border: 1px solid #0e5878; padding: 20px 30px }
.T5078 form .row .item { margin-bottom: 30px }
.T5078 form .row .item .label, .T5078 form .row .item label { display: block; font-size: 22px; margin: 0 0 3px }
.T5078 form .row .item.textlabel .label, .T5078 form .row .item.textlabel label { font-size: 14px; display: inline }
.T5078 .hide { display: none }
.T5078 form .row .item .help { font-size: 14px; margin: 0 0 15px }
.T5078 form .row .item .pulldown { display: flex; padding-bottom: 10px; align-items: center }
.T5078 form .row .item .pulldown .headline { padding-right: 15px }
.T5078 form .row .item .pulldown .selectanzahl { margin: 0 10px 0 0 }
.T5078 form .row .item .breakfast { font-size: .9em; padding-bottom: 10px }
.T5078 form .row .item .breakfast span { white-space: nowrap }
.T5078 form .row .item .breakfast label { font-size: .9em; display: inline-block }
.T5078 form .row .item .breakfast input { margin: 0 5px 0 10px }
.T5078 form .row .item .preise { padding-top: 5px }
.T5078 form .row .item .preise .box { padding-bottom: 15px }
.T5078 form .row .item .preise .sum { font-size: 20px; padding-top: 5px }
.T5078 form .row .item .options { margin: 0 0 10px }
.T5078 form .row .item .options label { display: inline; font-size: 25px }
.T5078 form .row .item .options label .extra_info { display: block; font-size: 15px; color: #888; margin: 0 0 0 30px }
.T5078 form .row .item .options label .extra_info.green { color: #d6dc23 }
.T5078 form .row .item .options label .extra_info.disabled { opacity: .5 }
.T5078 form .row .item .AdresseWidget #element_adresse_titel, .T5078 form .row .item .AdresseWidget .adresse_abteilung, .T5078 form .row .item .AdresseWidget .adresse_firma { display: none }
.T5078 form .row .col .item button.btn { font-size: 20px !important; padding: 10px 20px !important }
.T5078 form .row .col .item button.btn.disabled { opacity: .2; cursor: auto }
#f26930 { margin-bottom: 8px }
.T5078 .TraminoForm .group { width: 100% !important; padding-right: 0 !important }
.T5078 .AdresseWidget { position: relative }
.T5078 .AdresseWidget .Zeile { margin: 0 0 10px }
.T5078 .AdresseWidget .Zeile:after { display: block; content: ""; clear: left }
.T5078 .AdresseWidget .Feld { float: left; padding: 0 !important; margin: 0 !important; width: 100% !important }
.T5078 .TraminoForm .element { padding: 0 0 8px }
.T5078 .TraminoForm .label { margin: 0 0 3px }
.T5078 .TraminoForm .label h4 { font-size: 12px }
.T5078 .AdresseWidget input[type=email], .T5078 .AdresseWidget input[type=text], .T5078 .AdresseWidget select { width: 100% !important }
.T5078 .AdresseWidget .adresse_extra { display: none }
.T5078 .AdresseWidget .adresse_anrede { width: 35% !important }
.T5078 .AdresseWidget .adresse_pflichtfeld { position: absolute; top: 0; right: 0; width: auto !important }
.T5078 .AdresseWidget .adresse_vorname { width: calc(35% - 5px) !important; margin-right: 5px !important }
.T5078 .AdresseWidget .adresse_nachname { width: 65% !important }
.T5078 .AdresseWidget .adresse_firma { width: calc(45% - 5px) !important; margin-right: 5px !important }
.T5078 .AdresseWidget .adresse_abteilung { width: 55% !important }
.T5078 .AdresseWidget .adresse_strasse { width: calc(80% - 5px) !important; margin-right: 5px !important }
.T5078 .AdresseWidget .adresse_hausnr { width: 20% !important }
.T5078 .AdresseWidget .adresse_plz { width: calc(20% - 5px) !important; margin-right: 5px !important }
.T5078 .AdresseWidget .adresse_ort { width: calc(50% - 5px) !important; margin-right: 5px !important }
.T5078 .AdresseWidget .adresse_ortsteil { width: 30% !important }
.T5078 .AdresseWidget .adresse_fax, .T5078 .AdresseWidget .adresse_telefon { width: calc(33.33% - 5px) !important; margin-right: 5px !important }
.T5078 .AdresseWidget .adresse_mobil { width: 33.33% !important }
.T5078 .AdresseWidget .adresse_email input { width: 100% !important }
@media (min-width:768px) and (max-width:1023px) {
.T5078 form { width: 100% }
.T5078 form .row { margin: 0 0 30px }
.T5078 form .row .col { width: calc(50% - 25px) }
.T5078 form .row .col:first-child, .T5078 form .row .col:nth-child(2) { margin-right: 25px }
.T5078 form .row .col.border { padding: 15px 20px }
.T5078 form .row .col .item { margin-bottom: 25px }
.T5078 form .row .col .item .label, .T5078 form .row .col .item label { font-size: .9em; margin: 0 0 2px }
.T5078 form .row .col .item.textlabel .label, .T5078 form .row .col .item.textlabel label { font-size: 13px }
.T5078 form .row .col .item .help { font-size: 13px; margin: 0 0 12px }
.T5078 form .row .col .item .pulldown { display: flex }
.T5078 form .row .col .item .options { margin: 0 0 8px }
.T5078 form .row .col .item .options label { font-size: 22px }
.T5078 form .row .col .item .options label .extra_info { font-size: 14px; margin: 0 0 0 25px }
.T5078 form .row .col .item.begleitperson input, .T5078 form .row .col .item.hausname input { width: 100%; font-size: 16px }
.T5078 form .row .col .item button.btn { font-size: 18px !important; padding: 8px 16px !important }
.T5078 form .row .col .item #f26930 { margin-bottom: 7px }
}
@media (max-width:767px) {
.T5078 form { width: 100% }
.T5078 form .row { margin: 0 0 20px }
.T5078 form .row .col { margin-bottom: 20px; float: none; width: 100% }
.T5078 form .row .col:first-child, .T5078 form .row .col:nth-child(2) { margin-right: 0 }
.T5078 form .row .col.border { padding: 15px 20px }
.T5078 form .row .col .item { margin-bottom: 25px }
.T5078 form .row .col .item .label, .T5078 form .row .col .item label { font-size: .9em; margin: 0 0 2px }
.T5078 form .row .col .item.textlabel .label, .T5078 form .row .col .item.textlabel label { font-size: 13px }
.T5078 form .row .col .item .help { font-size: 13px; margin: 0 0 12px }
.T5078 form .row .col .item .options { margin: 0 0 8px }
.T5078 form .row .col .item .options label { font-size: 22px }
.T5078 form .row .col .item .options label .extra_info { font-size: 14px; margin: 0 0 0 25px }
.T5078 form .row .col .item.begleitperson input, .T5078 form .row .col .item.hausname input { width: 100%; font-size: 16px }
.T5078 form .row .col .item button.btn { font-size: 18px !important; padding: 8px 16px !important }
.T5078 form .row .col .item #f26930 { margin-bottom: 7px }
}
.flower {
display: flex;flex-wrap: wrap;width: 46%;margin-bottom: 30px;overflow: hidden;order:  2;}
.flower.week { order: 1; }
.flower:nth-child(odd) {
margin-right: 2%;}
.flower:nth-child(even) {
margin-left: 2%;}
.flower.standalone {
width:  100%;margin-left: 0;margin-right: 0;}
.flower.hide {
display: none;}
.flower .image {
position: relative;}
.flower .image .fancybox {
display: block;width: 200px;height: auto;overflow: hidden;margin-right: 20px;}
.flower .image .fancybox img {
width: 100%;height: auto;}
.flower .image .blueht {
position: absolute;top: 10px;right: 10px;z-index: 10;background-color: #E9A61B;color: #FFF;font-size: 12px;line-height: 1;padding: 5px 10px;border-radius: 5px;}
.flower .flowerweek {
z-index: 10;background-color: #E9A61B;color: #FFF;font-size: 15px;line-height: 1;padding: 5px 10px;border-radius: 5px;width: 100%;margin-bottom: 5px;}
.flower > .inner {
width: 313px;margin: 0px 0px 10px 0;font-size: 13px;line-height: 1.1;}
.flower .inner .list_name {
border-bottom: 2px solid #CCC;margin: 0 0 8px 0;padding: 0 0 8px 0;}
.flower .inner .name {
margin: 0 0 4px 0;}
.flower .inner .name_alt {
color: #000;}
.flower .inner .name_latain {
color: #333;}
.flower .inner .attr .element {
background-repeat: no-repeat;background-position: top 0 left 0;padding: 0 5px 5px 30px;margin: 5px 0 5px 0;min-height: 25px;border-bottom: 1px solid #CCC;}
.flower .inner .attr .element.last {
border-bottom: none;}
.flower .inner .attr .element.info {
color: #888;font-size: 0.85em;}
.flower.hellblau .inner .list_name {
border-color: #ABC2C8;}
.flower.gelb .inner .list_name {
border-color: #EAC600;}
.flower.gruen .inner .list_name {
border-color: #75C737;}
.flower.rot .inner .list_name {
border-color: #C30068;}
.flower.dunkelblau .inner .list_name {
border-color: #531E70;}
.flower.blaulila .inner .list_name {
border-color: #531e70;}
@media all and (min-width: 1024px) and (max-width: 1279px) {
.flower .image .fancybox {
width: 180px;margin-right: 15px;}
.flower .image .blueht {
top: 8px;right: 8px;}
.flower > .inner {
width: 257px;margin: 0px 0px 8px 0;font-size: 12px;}
.flower .inner .list_name {
margin: 0 0 5px 0;padding: 0 0 5px 0;}
.flower .inner .name {
margin: 0 0 4px 0;}
.flower .inner .attr .element {
padding: 0 5px 5px 30px;margin: 5px 0 5px 0;min-height: 25px;}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
.flower .image .fancybox {
width: 120px;margin-right: 15px;}
.flower .image .blueht {
top: 7px;right: 7px;}
.flower > .inner {
width: calc(100% - 143px);margin: 0px 0px 6px 0;font-size: 12px;}
.flower .inner .list_name {
margin: 0 0 4px 0;padding: 0 0 4px 0;}
.flower .inner .name {
margin: 0 0 4px 0;}
.flower .inner .attr .element {
padding: 0 4px 4px 30px;margin: 4px 0 5px 0;min-height: 25px;}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.flower .image .fancybox {
width: 80px;margin-right: 10px;}
.flower .image .blueht {
top: 6px;right: 6px;}
.flower > .inner {
width: calc(100% - 97px);margin: 0px 0px 5px 0;font-size: 11px;}
.flower .inner .list_name {
margin: 0 0 3px 0;padding: 0 0 3px 0;}
.flower .inner .name {
margin: 0 0 3px 0;}
.flower .inner .attr .element {
padding: 0 3px 3px 30px;margin: 3px 0 5px 0;min-height: 25px;}
}
@media all and (max-width: 567px) {
.flower {
width: 100%;height: auto;margin-bottom: 20px;}
.flower:nth-child(odd) {
margin-right: 0%;}
.flower:nth-child(even) {
margin-left: 0%;}
.flower .image .fancybox {
width: 80px;margin-right: 10px;}
.flower .image .blueht {
top: 6px;right: 6px;}
.flower > .inner {
width: calc(100% - 97px);margin: 0px 0px 5px 0;font-size: 11px;}
.flower .inner .list_name {
margin: 0 0 3px 0;padding: 0 0 3px 0;}
.flower .inner .name {
margin: 0 0 3px 0;}
.flower .inner .attr .element {
padding: 0 3px 3px 30px;margin: 3px 0 5px 0;min-height: 25px;}
}
.T5248{
--background: #FFFFFF;
}
.T5248 .box {	
width: 100%;
border: 1px solid #ddd;
padding: 5px 10px;
margin-bottom: 20px;
}
.T5248 .headline {	
display: flex;
justify-content: space-between;
align-items: center;
background-color: #0e5878;
color: #FFF;
margin: -5px -10px;
padding: 5px 10px;
}
.T5248 .headline i {
font-size:  1.7rem;
}	
.T5248 .text {	
margin: 0px 5px 25px 5px;
max-width: 800px;
}
.T5248 table {
margin-top: 0.5rem !important;
}
#body .T5248 .textstyle table tr:first-child td { border-top-width: 0px; }
#body .T5248 .textstyle table tr:last-child td { border-bottom-width: 0px; }
.gutter-sizer2 { width: 0; }
.T5248 td, .T5248 th {
border-bottom: 1px solid #CCC;
padding: 6px 10px;
vertical-align: top;
text-align: left;
}
@media (min-width: 567px) {
.T5248 .box { width: 48%; }
.gutter-sizer2 { width: 2%; }
}
@media (min-width: 768px) {
.T5248 .box { width: 48%; }
.gutter-sizer2 { width: 2%; }
}
@media (min-width: 1024px) {
.T5248 .box { width: 310px; }
.gutter-sizer2 { width: 25px; }
}
@media (min-width: 1280px) {
.T5248 .box { width: 380px; }
.gutter-sizer2 { width: 30px; }
}

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



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

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


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

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

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

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


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


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

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

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

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


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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
body .T5353.grid-stack-item-content {
background: #fff !important;padding: 0rem;overflow: unset;
}
.T5353 { padding: 1em 0 } 
.T5353 .detail .hidden .sheet-bild { padding-right: 0 !important; }
.application {
margin-top:  1rem;}
.application .buttons {
display: flex;justify-content: center;margin-bottom:  1rem;}
.application .buttons .button { cursor: pointer; }
.application .buttons .button.hide { display: none; }
.sheet-bild img {
width: 100%;height: auto;}
.ap .ap_inner { display: flex; }
.ap .ap_inner .image { width: 100px; margin-right: 1rem; }
.ap .ap_inner picture img {
width: 100%;height: auto;aspect-ratio:  1 / 1;overflow: hidden;border-radius:  50%;}
.application-form {
display: none;background-color:  #f2f2f2;padding:  0.5rem 1rem;border-radius: 0.7rem;}
.application-form.show { display: block; }
.application-form .element {
display:  flex;flex-direction: column;width: 100% !important;background-color:  transparent;}
.application-form .TraminoForm .groups {
display: flex;flex-wrap: wrap
}
.application-form .TraminoForm .group {
width: calc( 50% - 25px) !important;}
.application-form .TraminoForm .break { display: none; }
.AdresseWidget .Zeile:after { display: block; content: ""; clear: left; }
.Mandant_3469 .T5353 .T5277 .elements .element { background-color: #e5eef5; }
.Mandant_3469 .T5353 .T5277 .elements .content .name { color: #0e5878; }
.Mandant_3469 .T5353 .T5277 .elements .content .intro { color: #666; }
.Mandant_3469 .application-form { background-color: #e5eef5; }
.back_button {
text-decoration: none;color: #333;font-size: 0.8em;}.T5402 .box {
border: 2px solid #0e5878;
background-color:  #FFF;

margin:  0 auto 2rem auto;
}
.T5402 .box .headline {
background-color: #0e5878;
color:  #FFF;
font-size:  1.15em;
font-weight: bold;
padding:  0.8rem 1rem;
}
.T5402 .box .cabin {
position: relative;
padding-left: 1rem;
padding-right: 1rem;
margin:  0 auto;
max-width: 430px;
}
.T5402 .box .cabin .text {
position:  absolute;
top: 30%;
bottom: 11%;
left: 15%;
right: 15%;
text-align: center;
font-size:  3vw;
}
.T5402 .box .cabin .text.notext {
display: flex;
justify-content: center;
align-items: center;
}
.T5402 .box .cabin .text .headline {
font-size:  1.15em;
font-weight: bold;
margin-bottom: 0.5rem;
}
.T5402 .box .cabin .text p {
margin: 0;
padding: 0;
}
.T5402 .box .cabin .text hr { border-color:  #0e5878; }
.T5402 .box .cabin .text b { font-size: 1.25em; }
.T5402 .box .cabin img {
width: 100%;
height:  auto;
aspect-ratio:  178 / 185;
}
.T5402 .box .partners {
margin: 1rem 1rem 0.8rem 1rem;
}
.T5402 .box .partners .partner {
display: flex;
flex-wrap: wrap;
margin-bottom: 0.9rem;
text-decoration:  none;
}
.T5402 .box .partners .partner .name {
width:  100%;
font-size: 0.9rem;
font-weight:  bold;
margin-bottom: 0.2rem;
}
.T5402 .box .partners .partner a { text-decoration: inherit; }
.T5402 .box .partners .partner .logo {
width:  calc(30% - 0.4rem);
display: flex;
justify-content: center;
align-items: center;
border:  1px solid #CCC;
height:  50px;
margin-right:  0.4rem;
padding: 1px;
font-size:  0.8rem;
font-weight: bold;
}
.T5402 .box .partners .partner .logo img {
width:  98%;
height: auto;
max-height: 45px;
object-fit: contain;
}
.T5402 .box .partners .partner.small .logo img { width: 80%; }
.T5402 .box .partners .partner .line {
display: flex;
align-items: center;
width: 50%;
}
.T5402 .box .partners .partner .line .inner { height: 50px; background: rgb(84,135,164);
background: linear-gradient(-5deg, rgba(84,135,164,1) 50%, rgba(65,108,125,1) 51%, rgba(65,108,125,1) 100%);}
.T5402 .box .partners .partner .prozent {
width: 15%;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
white-space: nowrap;
}
@media (min-width: 567px) {
.T5402 .box .cabin .text { font-size:  1.05rem; }
}
@media (min-width: 768px) {
.T5402 { display: flex; justify-content: space-between;	}
.T5402.one { justify-content: flex-start; }
.T5402 .box { margin:  0px; flex-grow: 0; flex-shrink: 0; width: 47% }
.T5402 .box .cabin .text { font-size:  1.5vw; }
}
@media (min-width: 1024px) {
.T5402 .box .cabin .text { font-size:  1rem; }
}
.T5441 {
background-color: #EEE;border-radius: 1.5em;padding:  1em 2em;font-size: 14px;}
.T5441 .headline {
font-size:  1.4em;margin-bottom: 1.1em;font-weight: bold;}
.T5441 .files {
display:  flex;flex-wrap:  wrap; 
justify-content: space-between;}
.T5441 .files .file {
max-width: calc(50% - 1em);margin-bottom:  1em;display:  flex;flex-direction: column;text-decoration: none;align-items: center;}
.T5441 .files .file.mobile .image{ width: 45%; margin: 0 auto; }
.T5441 .files .file :is(picture,img) {
width:  100%;height:  auto;}
.T5441 .files .file span {
display: block;text-align: center;font-size: 0.9em;}
@media (min-width: 567px) {
}
@media (min-width: 768px) {
.T5441 { font-size: 15px; }
.T5441 .files .file { max-width: calc(27% - 0.25em); margin-bottom:  0em; }
.T5441 .files .file.mobile { width: calc( 12% - 0.25em );  flex-grow: 0; flex-shrink: 0; }
.T5441 .files .file.mobile .image { width: 100%; margin: 0; }
}
@media (min-width: 1024px) {
.T5441 { font-size: 16px; }
}
@media (min-width: 1280px) {
}
.T5477 { display: flex; justify-content: center; }.T5506 {
border: 1px dashed #CCC;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 1rem 2rem;border-radius: 0.5rem;}
.T5506 .btn { display: inline; }
.T5506 h2 { margin-top: 0; }body.relaunch2023 #page { position: relative; }
body.relaunch2023 #contentwrapper { margin-top: 0 }
#page_header {
padding: 1rem 0;border-bottom: 1px solid #EEE;position: sticky;top: 0;z-index: 200;background-color: #FFF;}
#page_header.isSticky { box-shadow: 0 0 0.5rem rgba(0,0,0,0.5); }
#page_header a {
text-decoration: none;}
#page_header .wrapper { 
display: flex;flex-direction: column;position: relative;}
#page_header .burgermenu { position: absolute; top: 1.3rem; right: 0rem; width: 30px; cursor: pointer; }
#page_header .burgermenu svg { width: 100%; height: auto; }
#page_header .burgermenu svg path { fill: #1B617F;  }
#page_header #header_logo {
display: block;width: 80px;}
#page_header .inner_wrapper { 
display: flex;flex-direction: column;display: none;}
#page_header .inner_wrapper.show {
display: flex;}
#page_header .jz_switch2 { 
display: flex;overflow: hidden;align-items: stretch;margin: 1rem 0;}
#page_header .jz_switch2 .item {
order: 2;font-weight: bold;padding: 0.2rem 0.8rem;position: relative;z-index: 1;cursor: pointer;}
#page_header .jz_switch2 .item.active {
order: 1;border-radius: 0.2rem 0.6rem 0.6rem 0.2rem;z-index: 2;}
#page_header .jz_switch2 .item:not(.active) {
transform: translateX(-1rem);padding-left: calc( 1rem + 0.2rem);border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;}
#page_header .jz_switch2 .item.sommer {
background-color: #D2D440;}
#page_header .jz_switch2 .item.winter {
background-color: #92C7D9;}
#page_header .navigation { margin: 1rem 0; }
#page_header .navigation ul {
list-style-type: none;margin: 0;padding: 0;}
#page_header .navigation ul li {
margin: 0;padding: 0;}
#page_header .navigation ul li a {
font-weight: bold;white-space: nowrap;text-transform: uppercase;font-size: 0.9rem;} 
#page_header .search {
position: relative;}
#page_header .search input { 
border: 1px solid #1B617F;border-radius: 0.5rem;padding: 0.2rem 0 0.2rem 2rem;}
#page_header .search i { 
position: absolute;top: 50%;left: 0.2rem;transform: translateY(-50%);font-size: 1.1rem;}
@media (min-width: 567px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
#page_header #header_logo { width: 120px; margin-right: 1rem; }
#page_header .wrapper > div {
transform: translateY(-1rem);}
#page_header .wrapper {
flex-direction: row;align-items: flex-end;}
#page_header .inner_wrapper {
flex-direction: row;align-items: flex-end;display: flex;}
#page_header .burgermenu {
display: none;}
#page_header .jz_switch2 { margin-left: 1rem; font-size: 0.9rem; margin-top:0; margin-bottom:0; }
#page_header .navigation { margin-bottom:0; }
#page_header .navigation ul {
display: flex;}
#page_header .navigation ul li { margin: 0 1rem 0 0; }
#page_header .search input { max-width: 120px; }
}
@media (min-width: 1700px) {
#page_header #header_logo { width: 150px; margin-right: 1.5rem; }
#page_header .jz_switch2 { font-size: 1rem; margin-right: 1.5rem; }
#page_header .navigation { margin-right: 1.5rem;  }
#page_header .navigation ul li a { font-size: 1rem }
#page_header .search input { max-width: 180px; }
}
#motiv2023 { 
width: 100%;height: auto;position: relative;background-color: #FFF;--fontsize1: 6vw;--fontsize2: 3.6vw;}
body.nomotivimg #motiv2023 {
display: none;}
#motiv2023 picture {
width: 100%;height: auto;display: block;}
#motiv2023 img {
width: 100%;height: auto;display: block;aspect-ratio: 50/50;object-fit: cover;object-position: center;}
#motiv2023 .headline_wrapper {
font-size: 1rem;width: 100%;margin-top: 0.5rem;margin-bottom: 3rem;}
#motiv2023 .headline_wrapper .toskew {
display: inline-flex;flex-direction: column;align-items: flex-start;}
#motiv2023 .headline_wrapper .mainheadline {
font-size: var(--fontsize1);flex-shrink: 0;flex-grow: 0;}
#motiv2023 .headline_wrapper .mainheadline2 {
transform: translateX(2rem) translateY(-1px);}
.headline_colored {
display: inline;-webkit-box-decoration-break: clone;box-decoration-break: clone;}
.headline_colored span {
background-color: #1B617F;color: #FFF;white-space:pre-wrap;padding-right: 0.8rem; 
padding-left: 0.8rem;-webkit-box-decoration-break: clone;box-decoration-break: clone;border-bottom: 1px solid #1B617F;white-space: nowrap;}
#motiv2023 .headline_colored span { 
background-color: var(--headline-bg-color,#1B617F);border-color: var(--headline-bg-color,#1B617F);color: var(--headline-text-color,#FFF);}
#motiv2023 .headline_wrapper .subheadline { 
margin-top: 0.5em;font-size: var(--fontsize2);width: 100%;text-transform: uppercase;font-weight: normal;display: inline;}
#motiv2023 .headline_wrapper .subheadline span {
background-color: #FFF;color: #1B617F;-webkit-box-decoration-break: clone;box-decoration-break: clone;white-space:pre-wrap;padding-right: 0.8rem; 
padding-left: 0.8rem;border-bottom: 1px solid #FFF;}
#motiv2023 .inner.v3 .motiv_image { 
clip-path: polygon(0% 16.5%, 100% 0%, 100% 78.5%, 0px 100%);clip-path: polygon(0% 0%, 100% 0%, 100% 78.5%, 0px 100%);}
@media (max-width: 567px) {
#motiv2023.headline-count1 {
margin-bottom: 12.5vw;}
#motiv2023.headline-count2 {
margin-bottom: 25vw;}
#motiv2023 .inner .headline_wrapper {
position: absolute;top: 13vw;left: 1vw;right: auto;width: 90%;}
#motiv2023.headline-count1 .inner .headline_wrapper.bottom {
top: 81.9vw;}
#motiv2023.headline-count2 .inner .headline_wrapper.bottom {
top: 73.5vw;}
#motiv2023 .headline_wrapper .subheadline { min-width: 95vw; }
}
@media (min-width: 567px) {
#motiv2023 {
--fontsize1: 4vw;--fontsize2: 2vw;}
#motiv2023 .headline_wrapper {
position: absolute;font-size: 1.2em;top: 50%;right: 3vw;transform: translateY(-50%);bottom: auto;left: auto;width: 50%;margin-top: 0;margin-bottom: 0;}
#motiv2023.headline-count1 .inner .headline_wrapper.bottom {
top: 51.3vw;}
#motiv2023.headline-count2 .inner .headline_wrapper.bottom {
top: 47.5vw;}
#motiv2023 img {
aspect-ratio: 50/21;}
#motiv2023 .inner.v3 .motiv_image { 
clip-path: polygon(0% 0%, 100% 0%, 100% 64.5%, 0px 100%);}
#motiv2023 .v3 img {
aspect-ratio: 10/6;}
#motiv2023 .headline_wrapper .toskew {
align-items: flex-end;}
#motiv2023 .headline_wrapper .mainheadline2 {
transform: translateX(3rem) translateY(-1px);}
#motiv2023 .headline_wrapper .subheadline {
margin-top: 1rem;margin-left: 2rem;transform: translateX(5rem);}
}
@media (min-width: 768px) {
#motiv2023 {
--fontsize2: 1.5vw;}
#motiv2023 .inner.v3 .motiv_image { 
clip-path: polygon(0% 0%, 100% 0%, 100% 61.5%, 0px 100%);}
#motiv2023 .v3 img {
aspect-ratio: 1500 / 800;}
#motiv2023.headline-count1 .inner .headline_wrapper.bottom {
top: 42.3vw;}
#motiv2023.headline-count2 .inner .headline_wrapper.bottom {
top: 40.5vw;}
}
@media (min-width: 1024px) {
#motiv2023 .inner .motiv_image { clip-path: polygon(0% 40%, 95% 0%, 100% 0%, 100% 100%, 0% 100%); }
#motiv2023 .inner.v2 .motiv_image { clip-path: polygon(0% 40%, 95% 0%, 100% 0%, 100% 60%, 5% 100%, 0 100%); }
#motiv2023 .inner.v3 .motiv_image { clip-path: polygon(0% 32%, 97% 0%, 100% 0%, 100% 65.4%, 0px 100%); }
#motiv2023 .headline_wrapper {
right: 7rem;}
#motiv2023.headline-count1 .inner .headline_wrapper.bottom {
top: 48.3vw;}
#motiv2023.headline-count2 .inner .headline_wrapper.bottom {
top: 46.5vw
}
#motiv2023 .v3 img {
aspect-ratio: 20 / 12;}
}
@media (min-width: 1280px) {
#motiv2023 {
--fontsize1: 3.3vw;--fontsize2: 1.2vw;}
#motiv2023 .headline_wrapper .subheadline { width: 60%; }
#motiv2023.headline-count1 .inner .headline_wrapper.bottom {
top: 48.3vw;}
#motiv2023.headline-count2 .inner .headline_wrapper.bottom {
top: 46.5vw
}
}
@media (min-width: 1700px) {

}
@media (min-width: 2000px) {
#motiv2023 {
max-width: 2000px;margin: 0 auto;--fontsize1: 66.0167px;--fontsize2: 24px;}
#motiv2023.headline-count1 .inner .headline_wrapper.bottom {
top: 966.467px;}
#motiv2023.headline-count2 .inner .headline_wrapper.bottom {
top: 930.45px;}
}.T5582 .textwrapper {
background-color: #CFD44A;padding: 0.5rem 1rem 3rem;}
.T5582 .textwrapper .toskew {
padding: 1.5rem 0 0.5rem 0;}
.T5582 .textwrapper .headline { font-size: 1.4rem; }
.T5582 .textwrapper .subheadline {
font-size: 1.1rem;margin-top: .5rem;margin-left: 1.5rem;}
.T5582 .textwrapper .text { font-size: 1.05rem; line-height: 1.35; }
.T5582 .textwrapper .button_wrapper {
display: flex;justify-content: flex-end;}
.T5582 .textwrapper .button_wrapper a { text-decoration: none; border-bottom: 2px solid #1B617F; padding-bottom: 0.1.5rem; transition: all 100ms;}
.T5582 .textwrapper .button_wrapper a:hover { background-color: #1B617F; color: #FFF !important; }
.T5582 .imagewrapper {
width: 80%;margin: 0 auto;transform: translateY(-2rem);}
.T5582 .imagewrapper img { width: 100%; height: auto; aspect-ratio: 1/1; object-fit: cover; }
@media (min-width: 567px) {
}
@media (min-width: 768px) {
.T5582 {
display: flex;align-items: center;background: linear-gradient( to right,  #CFD44A, #CFD44A 70%, #FFFFFF 70%, #FFFFFF );}
.T5582 .textwrapper { 
background-color: transparent;width: calc( 70% - var(--maxwidth_margin) - var(--maxwidth_margin));margin: 0 var(--maxwidth_margin);}
.T5582 .textwrapper .inner {
width: 80%;}
.T5582 .textwrapper .headline { font-size: 1.6rem; }
.T5582 .textwrapper .subheadline {
font-size: 1.2rem;}
.T5582 .imagewrapper {
width: 30%;margin: 0;transform: translateY(0rem);}
.T5582 .imagewrapper picture {
width: calc(100% + 4rem);display: block;transform: translateX(-4rem);}
.T5582 .imagewrapper img {
margin-top: 2rem;margin-bottom: 2rem;}
}
@media (min-width: 1024px) {
.T5582 .textwrapper .inner {
width: 60%;}
.T5582 .textwrapper .toskruw {
padding: 2rem 0 1.5rem 0;}
.T5582 .textwrapper .headline { font-size: 2rem; }
.T5582 .textwrapper .subheadline {
font-size: 1.4rem;}
.T5582 .imagewrapper picture {
width: calc(100% + 5rem);transform: translateX(-5rem);}
.T5582 .imagewrapper img {
margin-top: 2.5rem;margin-bottom: 2.5rem;}
}
@media (min-width: 1280px) {
.T5582 {
background: linear-gradient( to right,  #CFD44A, #CFD44A 75%, #FFFFFF 75%, #FFFFFF );}
.T5582 .textwrapper { 
width: calc( 75% - var(--maxwidth_margin) - var(--maxwidth_margin));margin: 0 var(--maxwidth_margin);}
.T5582 .textwrapper .inner {
width: 65%;}
.T5582 .textwrapper .headline { font-size: 2.5rem; }
.T5582 .textwrapper .subheadline {
font-size: 1.5rem;}
.T5582 .imagewrapper {
width: 25%;}
.T5582 .imagewrapper picture {
width: calc(100% + 6rem);transform: translateX(-6rem);}
.T5582 .imagewrapper img {
margin-top: 3rem;margin-bottom: 3rem;}
}
.T5625 {
margin: 40px 0px;}
.T5625 .head_wrapper { 
display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;}
.T5625 .wetter-prognose-pdf {
background-color: #d5d400;border-color: #d5d400;color: #0e5878;text-decoration: none !important;display:inline-block;padding: 6px 15px;border-radius: 5px;margin: 0px 25px 20px 0px;}

.T5625 .wetter-overview { }
.T5625 .wetter-switcher {
display: flex;gap: 10px;margin: 0px 0px 5px 0px;background-color: #0e5878;border: 1px solid #0e5878;padding: 8px 15px;border-radius: 8px;
}
.T5625 .wetter-switcher-switch {
width: 50%;text-align: center;padding: 10px 15px;color: #fff;font-size: 18px;font-weight: bold;cursor: pointer;border-radius: 5px;}
.T5625 .wetter-switcher-switch:hover { background-color: #fff; color: #0e5878; }
.T5625 .wetter-switcher-switch.active { background-color: #fff; color: #0e5878; }
.T5625 .wetter-detail { display: none; padding: 8px 15px; max-width: 1200px; }
.T5625 .wetter-detail.active { display: block; }
.T5625 .wetter-detail-header {
margin: 20px 0px 18px 0px;padding: 0px 10px 0px 15px;color: #0e5878;}
.T5625 .wetter-detail-wrap { 
margin: 0px 0px 18px 0px;padding: 10px 0px 22px 15px;border-bottom: 1px dotted #eee;}
.T5625 .wetter-detail-wrap.noborder { border-bottom: 1px solid transparent; }
.T5625 .wetter-detail .wetter-detail-headline { 
display:inline-block;padding: 2px 5px;color: #fff;background-color: #0e5878;text-transform:uppercase; 
font-size: 16px; 
margin: 0px 0px 8px 0px;}
.T5625 .wetter-detail .wetter-detail-container {
display: flex; 
gap: 16px;align-items: center;flex-wrap: wrap;}
.T5625 .wetter-detail-leftside {
flex-basis: 35%;display: flex;justify-content: center;gap: 28px;max-width: 350px;margin: 0 0 0.2rem 0;}
.T5625 .wetter-detail-leftside-location {
display: flex;flex-direction: column;justify-content: center;align-items: center;    
}
.T5625 .wetter-detail-leftside-location-temp { font-size: 24px; font-weight: bold;}
.T5625 .wetter-detail-rightside { flex-grow: 1; }
.T5625 .wetter-detail-rightside-row {
display: flex;gap: 5px;border-bottom: 1px solid #0e5878;padding: 4px 5px;}
.T5625 .wetter-detail-rightside-row.extraspacing { margin: -25px 0px 30px 0px; }
.T5625 .wetter-detail-rightside-row-label { flex-basis: 70%; font-weight: bold; }
.T5625 .wetter-detail-rightside-row-value { flex-basis: 30%; text-align: right; }

.T5625 .wetter-prognose { max-width: 1000px; margin: 0px auto; padding: 15px 0px; }
.T5625 .wetter-prognose-headline { font-size: 18px; font-weight: bold; text-transoform: uppercase; }
.T5625 .wetter-prognose-abschnitte {
margin: 22px 0px 0px 0px;display: flex;align-items: center;justify-content: space-evenly;gap: 30px;flex-wrap: wrap;}
.T5625 .wetter-prognose-abschnitt {
display: flex;justify-content: center;flex-direction: column;align-items: center;padding: 0px 30px;border-right: 1px solid #eee;flex-grow: 1;}
.T5625 .wetter-prognose-abschnitt.last { border: 0px solid transparent; }
.T5625 .wetter-prognose-abschnitt-headline {
display:inline-block;padding: 2px 5px;color: #fff;background-color: #0e5878;text-transform:uppercase; 
font-size: 20px; 
margin: 0px 0px 3px 0px;}
.T5625 .wetter-prognose-abschnitt-subheadline { font-weight: bold; margin: 0px 0px 5px 0px; font-size: 18px; }
.T5625 .wetter-prognose-abschnitt-block {
display: flex;flex-direction: column;align-content: center;justify-content: center;align-items: center;margin: 15px 0px 10px 0px;text-align: center;}
.T5625 .wetter-prognose-abschnitt-btn {
margin: 10px 0px 0px 0px;cursor: pointer;}
.T5625 .wetter-prognose-abschnitt-btn:hover { text-decoration: underline; }
@media all and (min-width: 1024px) and (max-width: 1279px) {
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T5625 .wetter-switcher-switch { padding: 8px 10px; font-size: 16px; }
.T5625 .wetter-detail-header { padding-left: 0px; }
.T5625 .wetter-detail-wrap { padding-left: 0px; }
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T5625 .wetter-switcher-switch { padding: 8px 10px; font-size: 16px; }
.T5625 .wetter-detail-header { padding-left: 0px; }
.T5625 .wetter-detail-wrap { padding-left: 0px; }
}
@media all and (max-width: 567px) {
.T5625 .wetter-switcher-switch { padding: 8px 10px; font-size: 16px; }
.T5625 .wetter-detail-header { padding-left: 0px; }
.T5625 .wetter-detail-wrap { padding-left: 0px; }
}
.T5625.app {
color: #0e5878;}
.T5625.app h4.head_wrapperheadline { margin: 0 0 0.6rem 0; }
.T5625.app .wetter-detail-header {
margin: 0.6rem 0px 0.6rem 0px;padding: 0px 0px 0px 0px;}
.T5625.app .wetter-detail-wrap { 
margin: 0 0 1.1rem 0;padding: 0.5rem 0 1.1rem 0;}
.T5625.app .wetter-detail .wetter-detail-container { gap: 1.1rem; }
.T5625.app .wetter-detail-leftside-location img {
width: 50px;}
.T5625.app .wetter-detail-quelle { font-size: 0.85rem; }
.T5625.app .wetter-detail-quelle a { color: #0e5878; }
.T5625.app .wetter-detail .wetter-detail-headline {
font-size: 0.9rem;}
.T5625.app .wetter-detail-leftside-location { font-size: 1rem; }
.T5625.app .wetter-detail-leftside-location-temp { font-size: 1.4rem; }
.T5625.app .wetter-detail-rightside-row.extraspacing { margin: -0.8rem 0 0.8rem 0; }.T5631 {
position: relative;z-index: 0;font-size: 1.2rem;    
}
.T5631.bg_color { 
background-color: var(--background);}
.T5631.bg_color.skew-noskew {
padding: 5rem 0 0 0;}
.T5631.skew-top:before, .T5631.skew-both:before {
content: "";position: absolute;top: calc( var(--skew-height) * -1 );left: 0;z-index: 0;width: 100%;height: var(--skew-height);background-color: var(--background);z-index: 0;clip-path: polygon(0% 100%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);border-bottom: 1px solid var(--background);}
.T5631.skew-bottom:after, .T5631.skew-both:after {
display: block;content: "";position: absolute;bottom: calc( var(--skew-height) * -1 );left: 0;z-index: 0;width: 100%;height: var(--skew-height);background-color: var(--background);;z-index: 0;clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 0%, 0% 100%);border-bottom: 1px solid var(--background);}
.T5631.skew-bottom, .T5631.skew-both {
margin-bottom: var(--skew-height) !important;}
.T5631 { 
.maxwidth {
padding-bottom: 1.5em;.toskew {
margin-top: 1em;display: inline-flex;flex-direction: column;align-items: flex-start;}
.headlines {   
font-size: 1.3em;display: inline-block;flex-shrink: 0;flex-grow: 0;span {
background-color: #1B617F;color: #FFF;border: 1px solid #1B617F;white-space:pre-wrap;padding-right: 0.8rem; 
padding-left: 0.8rem;-webkit-box-decoration-break: clone;box-decoration-break: clone;}
&.headline2 {
transform: translateX(3rem) translateY(-1px);}
}
.subheadline {
font-size: 0.9em;margin-top: 0.7em;margin-right: 5em;transform: translateX(4rem);text-transform: uppercase;}
}
}
@media (min-width: 567px) {
.T5631 { 
font-size: 1.35rem;.maxwidth {
.headlines {   
font-size: 1.7em;}
}
}
}
@media (min-width: 768px) {
.T5631 { 
font-size: 1.4rem;.maxwidth {
.headlines {   
font-size: 1.9em;}
.subheadline {
margin-top: 1.2em;transform: translateX(20rem);}
}
}
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
.T5631 {
.maxwidth {
.toskew {
align-items: flex-end;}
.headlines {   
font-size: 2.5em;}
}
}
}

.T5650 { font-size: 0.8rem; }
.T5650 .headline {
font-size: 2em;text-transform: uppercase;text-align: center;margin-bottom: 0;font-style: italic;font-family: "WF-029714-010117-000025" !important;}
.T5650 .intro {
font-size: 1.5em;text-transform: uppercase;text-align: center;font-style: italic;}
.T5650 .slider_wrapper {
display: flex;justify-content: flex-start;margin-top: 2.5em;width: 100%;}
.T5650 .slider_wrapper .element {
flex-wrap: 0;flex-shrink: 0;display: flex;flex-direction: column;align-items: center;margin-right: 0.9rem;width: 6.5em;text-decoration: none;
}
body.jz-sommer .T5650 .slider_wrapper .element.winter { display: none; }
body.jz-winter .T5650 .slider_wrapper .element.sommer { display: none; }
.T5650 .slider_wrapper .element:first-child {
}
.T5650 .slider_wrapper .element picture {
width: 100%;}
.T5650 .slider_wrapper .element picture img {
width: 100%;height: auto;aspect-ratio: 1 / 1;}
.T5650 .slider_wrapper .element .element_headline {
background-color: #005673;color: #FFF;font-size: 0.80em;border-radius: 0.8em;padding: 0.2em 0.5em;text-align: center;margin-left: 0.5em;margin-right: 0.5em;margin-top: 0.5rem;hyphens: auto;}
.T5650 .slider_wrapper .element.green .element_headline {
background-color: #d5d401;color: #005673;}
.carousel.carousel-init .carousel-sb .inner {
background-color: #1b617f !important;}
.carousel.carousel-init .carousel-sb {
margin-left: var(--maxwidth_margin);margin-right: var(--maxwidth_margin);width: calc( 100% - var(--maxwidth_margin) - var(--maxwidth_margin) );}
@media (max-width: 567px) {
.T5650 .slider_wrapper {
scroll-snap-type: x mandatory;overflow-x: auto;padding-bottom: 1rem;-ms-overflow-style: none;  
scrollbar-width: none;  
}
.T5650 .slider_wrapper::-webkit-scrollbar {
display: none;}
.T5650 .slider_wrapper:before {
content: "";display: block;width: var(--maxwidth_margin);flex-grow: 0;flex-shrink: 0;}
.T5650 .slider_wrapper:after {
content: "";display: block;width: var(--maxwidth_margin);flex-grow: 0;flex-shrink: 0;}
}
@media (min-width: 567px) {
.T5650 { font-size: 0.85rem; }
.T5650 .slider_wrapper { 
flex-wrap: nowrap;width: auto;margin-left: var(--maxwidth_margin);margin-right: var(--maxwidth_margin);justify-content: center;}
}
@media (min-width: 768px) {
.T5650 { font-size: 1rem; }
}
@media (min-width: 1024px) {
.T5650 { font-size: 1rem; }
.T5650 .slider_wrapper .element { margin-right: 1rem; }
}
@media (min-width: 1280px) {
.T5650 { font-size: 1.15rem; }
.T5650 .slider_wrapper .element .element_headline { font-size: 0.7em; }
}