: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: 21px;line-height: 1;text-align: center;border: 2px solid #0e5878;}
.date-element .day { padding-top: 10px; }
.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: 19px;}
.date-element .day { padding-top: 9px; }
.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: 17px;}
.date-element .day { padding-top: 9px; }
.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: 17px;}
.date-element .day { padding-top: 9px; }
.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: 17px;}
.date-element .day { padding-top: 9px; }
.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;
}
.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; 
}
}.T2912 * { box-sizing: content-box; }
.T2912 h3 {
margin: 0px 0px 20px 0px !important;
}
.T2912 .allerrors { margin: 0 0 10px 0; }
.T2912 .allerrors .error { display: inline-block; background-color: #F00; color: #FFF; padding: 3px 5px; font-size: 12px; margin: 0 0 3px 0; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widgets { margin-bottom: .5rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widgets > .mandatory { display: flex; justify-content: flex-end; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups {
display: flex;
flex-wrap: wrap;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group {
width:  100%;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups :is(.break,.clear) {
width: 100%;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element {
margin: 0 0 1.3rem 0;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .label .help {
font-size: 0.9rem;
margin-bottom: 0.7rem;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element.cond_hide {
display: none;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element .label h4 {
margin: 0 0 0.3rem 0;
font-weight: bold;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .footer {
margin:  0 0 0.5rem 0;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .footer .form_buttons {
display: flex;
justify-content:  flex-end;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]) {
width: 100% !important;
box-sizing: border-box;
font-size: 1rem;
border: 1px solid #cacaca;
background-color: #fff;
padding: .5rem;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element select { width: 100%; height: 2.4375rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element textarea { width: 100%; box-sizing: border-box; font-family: Arial; border: 1px solid #cacaca; padding: .3rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]):focus, :is(#TraminoForm.newcss,.TraminoForm.newcss) .element textarea:focus {
outline: 0;
border: 1px solid #000;
box-shadow: 0 0 5px #cacaca;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile {
display: flex;
justify-content: space-between;
margin-bottom: 0.55rem;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget :is(.clear,.break) { width: 0; display: none; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile .Feld { flex-grow: 0; flex-shrink: 0; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .Zeile .Feld .Label { 
font-size: 0.8rem;
margin-left: 0.2rem;
margin-top: 0.1rem;
color: var(--label_color);
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_vorname { width: calc(45% - 0.5rem) }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_nachname { width: 55%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_firma { width: calc(50% - 0.25rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_abteilung { width: calc(50% - 0.25rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_abteilung .adresse_firma { width: 100% !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_strasse { width: 80%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_hausnr { width: calc(20% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_plz { width: 20%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_ort { width: calc(50% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_ortsteil { width: calc(30% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.noortsteil .adresse_ort { width: calc(80% - 0.5rem) !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_telefon { width: 33%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_fax { width: calc(33% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_mobil { width: calc(33% - 0.5rem); }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax .adresse_telefon { width: 50% !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax .adresse_mobil { width:  calc(50% - 0.5rem) !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.no_fax.no_mobil .adresse_telefon { width: 100% !important; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget.telonly .adresse_telefon { width: 100%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_email { width: 100%; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .AdresseWidget .adresse_land { width: 100%; }

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

margin-bottom:  1rem;
width:  auto !important;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element input { grid-area: checkbox; display: flex; align-self: flex-start; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element span { grid-area: headline; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .RadioWidget .Element .info { grid-area: info; font-size: 0.8rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates { display: flex; flex-wrap: wrap; margin-top: 0.5rem; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum { display: flex; flex-wrap: wrap; margin-bottom: 0.3rem; margin-right: 0.3rem; align-items: center; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum .Widget { width: 100px; }
:is(#TraminoForm.newcss,.TraminoForm.newcss) .Widget.Zeitraum .dates .zeitraum label {  display: inline-block;  width: 80px;}
@media (min-width: 768px) {
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups {
justify-content: space-between;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group {
width:  48%;
padding: 0 2% 1% 0;
}
:is(#TraminoForm.newcss,.TraminoForm.newcss) .groups .group + :is(#TraminoForm.newcss,.TraminoForm.newcss) .groups > div.clear {
width:  100%;
}
}
.TraminoForm.newcss .Widgets { margin-bottom: .5rem; }
.TraminoForm.newcss .Widgets > .mandatory { display: flex; justify-content: flex-end; }
.TraminoForm.newcss .groups {
display: flex;
flex-wrap: wrap;
}
.TraminoForm.newcss .groups .group {
width:  100%;
}
.TraminoForm.newcss .groups :is(.break,.clear) {
width: 100%;
}
.TraminoForm.newcss .element {
margin: 0 0 1.3rem 0;
}
.TraminoForm.newcss .element.cond_hide {
display: none;
}
.TraminoForm.newcss .element .label h4 {
margin: 0 0 0.3rem 0;
}
.TraminoForm.newcss .footer {
margin:  0 0 0.5rem 0;
}
.TraminoForm.newcss .footer .form_buttons {
display: flex;
justify-content:  flex-end;
}
.TraminoForm.newcss .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]) {
width: 100% !important;
box-sizing: border-box;
font-size: 1rem;
border: 1px solid #cacaca;
background-color: #fff;
padding: .5rem;
}
.TraminoForm.newcss .element select { width: 100%; }
.TraminoForm.newcss .element textarea { width: 100%; box-sizing: border-box; font-family: Arial; border: 1px solid #cacaca; padding: .3rem; }
.TraminoForm.newcss .element :is(input[type="text"],input[type="email"],input[type="number"],input[type="password"],input[type="date"]):focus, .TraminoForm.newcss .element textarea:focus {
outline: 0;
border: 1px solid #000;
box-shadow: 0 0 5px #cacaca;
}
.TraminoForm.newcss .AdresseWidget .Zeile {
display: flex;
justify-content: space-between;
margin-bottom: 0.2rem;
}
.TraminoForm.newcss .AdresseWidget :is(.clear,.break) { width: 0; display: none; }
.TraminoForm.newcss .AdresseWidget .Zeile .Feld { flex-grow: 0; flex-shrink: 0; }
.TraminoForm.newcss .AdresseWidget .Zeile .Feld .Label { font-size: 0.85rem; }
.TraminoForm.newcss .AdresseWidget .adresse_vorname { width: calc(45% - 0.5rem) }
.TraminoForm.newcss .AdresseWidget .adresse_nachname { width: 55%; }
.TraminoForm.newcss .AdresseWidget .adresse_firma { width: calc(50% - 0.25rem); }
.TraminoForm.newcss .AdresseWidget .adresse_abteilung { width: calc(50% - 0.25rem); }
.TraminoForm.newcss .AdresseWidget .adresse_strasse { width: 80%; }
.TraminoForm.newcss .AdresseWidget .adresse_hausnr { width: calc(20% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget .adresse_plz { width: 20%; }
.TraminoForm.newcss .AdresseWidget .adresse_ort { width: calc(50% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget .adresse_ortsteil { width: calc(30% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget.noortsteil .adresse_ort { width: calc(80% - 0.5rem) !important; }
.TraminoForm.newcss .AdresseWidget .adresse_telefon { width: 33%; }
.TraminoForm.newcss .AdresseWidget .adresse_fax { width: calc(33% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget .adresse_mobil { width: calc(33% - 0.5rem); }
.TraminoForm.newcss .AdresseWidget.no_fax .adresse_telefon { width: 50% !important; }
.TraminoForm.newcss .AdresseWidget.no_fax .adresse_mobil { width:  calc(50% - 0.5rem) !important; }
.TraminoForm.newcss .AdresseWidget.telonly .adresse_telefon { width: 100%; }
.TraminoForm.newcss .AdresseWidget .adresse_email { width: 100%; }
.TraminoForm.newcss .AdresseWidget .adresse_land { width: 100%; }
.TraminoForm.newcss .SchulnotenWidget .break { display: none; width: 0px; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung { display: flex; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung.Absatz { margin-top: 1rem; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung { margin-bottom: 0.1rem; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung.Absatz .Name { font-weight: bold; hyphens: auto; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten { display: flex; margin-right: 1rem; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten span.Note { display: block; width: 20px; text-align: center; }
.Widget.StaticStarsWidget {
height:16px;
width:80px;
background: transparent url(/tramino/gfx/rating/ui.stars.gif) 0 -32px;
}
.Widget.StaticStarsWidget .StativStarsAktiv{
height:16px;
background: transparent url(/tramino/gfx/rating/ui.stars.gif) 0 -48px;
}
.Widget.StaticStarsWidgetSmall {
height:10px;
width:50px;
background: transparent url(/tramino/gfx/rating/ui.stars_s.gif) 0 -10px;
padding:0px !important;
margin:0px !important;
}
.Widget.StaticStarsWidgetSmall .StativStarsAktiv{
height:10px;
background: transparent url(/tramino/gfx/rating/ui.stars_s.gif) 0 -20px;
}
.TraminoPaginator {
margin: 0px;
line-height: 1.6em;
}
.TraminoPaginator span.anzahl {
padding-right: 30px;
font-size: 11px;
}
.TraminoPaginator span a {
padding: 2px 5px 2px 5px !important;
text-decoration: none;
border: 0px !important;
color: #666;
}
.TraminoPaginator span.button a {
display:inline-block;
font-size:13px;
background-color: #ccc;
padding: 2px 10px 2px 10px !important;
margin-right:4px;
}
.TraminoPaginator span.button.active a {
background-color: #333;
color:#fff;
}
.TraminoPaginator span a:hover {
background-color: #000 !important;
color: #fff !important;
}
.TraminoPaginator span.aktiv a {
font-size: 1.4em;
font-weight: bold;
color: #000;
}
#lightroom .TraminoPaginator {
color: #666;
}
#lightroom .TraminoPaginator span a {
color: #666;
}
#lightroom .TraminoPaginator span.aktiv a {
color: #fff;
}
#lightroom .TraminoPaginator span a:hover {
background-color: #fff !important;
color: #000 !important;
}
.TraminoForm.newcss .formtype_Divider .divider { font-weight: bold;font-size: 1.3rem; }
@media (max-width: 567px) {
.TraminoForm.newcss .SchulnotenWidget .Bewertung .Noten span.Note { width: 15px; }
.TraminoForm.newcss .SchulnotenWidget .Bewertung { border-top: 1px solid #CCC; padding-top: 0.5rem; margin-top: 0.5rem; }
}
@media (min-width: 768px) {
.TraminoForm.newcss .groups {
justify-content: space-between;
}
.TraminoForm.newcss .groups .group {
width:  48%;
padding: 0 2% 1% 0;
}
.TraminoForm.newcss .groups .group + .TraminoForm.newcss .groups > div.clear {
width:  100%;
}
}
@media all and (min-width: 768px) and (max-width:1023px) {
.T2912 .TraminoForm .group {
width: 45%;
}
}
@media all and (min-width: 568px) and (max-width: 767px) {
.T2912 .TraminoForm .group {
float: none;
padding: 0px;
}
}
@media all and (max-width: 567px) {
.T2912 .TraminoForm .group {
float: none;
padding: 0px;
width: 100% !important;
}
}
.S5709 .inner {
padding: 30px;
background-color: #fff;
}.S6436 .inner {
padding: 30px;
background-color: rgba(255,255,255,0.6);
}.S6437 .inner {
padding: 30px;
background-color: rgba(0,0,0,0.1);
}.S8191 .inner {
padding: 30px;
color: #FFF;
}header#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.S7238 {
background-color: #DDD !important;
}.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; }#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; }
}.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; }
}
.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; }
}
.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; }
}
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;
}.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; }
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;
}
}
.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;}
}
#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[data-lang=pl] :is(a,span) { background-image: url(https://storage.tramino.net/root/1566053/poland.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; }
.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; }

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