@import"https://use.typekit.net/jzg5hro.css"; @import"https://fonts.googleapis.com/css?family=Spartan:500,600,700&display=swap"; *{ margin:0; padding:0; position:static} object{ outline:none} img,a img{ border:0; -ms-interpolation-mode:bicubic} @media screen and (min-width:768px){ img.lazy{ display:none} } label,input[type=checkbox],input[type=radio],select{ cursor:pointer} input{ margin:0; padding:0} table{ border-width:0; border-spacing:0} sup,sub{ height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative; font-size:60%} sup{ bottom:1ex} sub{ top:.5ex} .div_table{ display:table} .div_tr{ display:table-row} .div_td{ display:table-cell; vertical-align:top; text-align:left} .clear_float{ clear:both} html{ overflow:-moz-scrollbars-vertical; overflow-y:scroll; overflow-x:hidden; height:100%; min-height:100% !important} body{ margin:0; width:100%; height:100%; min-width:320px} #Layer_Content{ min-height:100%; width:100%} #preload_css_pics{ display:none} #preload_css_pics img{ height:0; width:0; border:none; position:absolute; bottom:0; left:0; z-index:-30} header,main,footer,article,section,aside,nav{ display:block} header{ min-width:320px; position:fixed; left:0; right:0; top:0; z-index:10; height:70px; background-color:#fff} header:after{ content:""; display:block; clear:both} main{ min-width:320px; min-height:calc(100% - 70px)} footer{ min-width:320px; padding:20px; background-color:#fff; text-align:center} @media only screen and (max-width:1024px){ header{ height:60px !important; background-color:#fff} main{ min-height:calc(100% - 60px)} } @media only screen and (max-width:768px){ main{ min-height:calc(100% - 110px)} } iframe{ border:0} .embed-responsive{ position:relative; display:block; height:0; padding:0; overflow:hidden} .embed-responsive.embed-responsive-16by9{ padding-bottom:56.25%} .embed-responsive.embed-responsive-4by3{ padding-bottom:75%} .embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{ position:absolute; top:0; left:0; bottom:0; height:100%; width:100%; border:0; object-fit:cover} .ch_banner-wrapper{ -webkit-animation:none !important; animation:none !important} .ch_container{ font-size:13px !important; font-family:Arial,Helvetica,sans-serif !important; line-height:20px !important; background:#424242 !important; color:#fff !important; width:100% !important; max-width:400px !important; left:auto !important; padding:30px !important; box-sizing:border-box !important} .ch_container .ch_message{ animation:none !important; color:#fff !important; font-size:inherit !important; line-height:inherit !important; max-width:none !important; margin:0 !important; padding-bottom:20px !important} .ch_container a,.ch_container a:visited{ color:#969696 !important; font-weight:bold !important} .ch_container .ch_btn{ float:none !important; margin:0 !important; text-transform:uppercase !important; width:auto !important} .ch_container .ch_btn,.ch_container .ch_btn:visited{ animation:none !important; font-size:inherit !important; font-family:inherit !important; border-radius:0 !important; color:#424242 !important; background-color:#fff !important} .ch_container .ch_btn:hover,.ch_container .ch_btn:active{ background-color:#fff !important} @media only screen and (max-width:1024px){ .ch_container{ padding:15px !important} .ch_container .ch_message{ padding-bottom:15px} } #site_privacy_bg{ z-index:9999; background-color:rgba(88,88,88,.7); opacity:1; position:fixed; left:0; right:0; top:0; bottom:0} #site_privacy_popup{ position:absolute; width:90%; max-width:640px; left:0; right:0; top:50%; margin:-200px auto 0; min-height:200px; background-color:#fafafa; box-sizing:border-box; padding:40px; box-shadow:5px 5px 10px rgba(90,90,90,.7)} #site_privacy_text,#site_privacy_text p{ line-height:17px} #site_privacy_text h1{ font-size:17px; margin-bottom:10px} #site_privacy_text ul{ text-align:left; margin:10px 45px} #site_privacy_text li{ margin:7px 0} #site_privacy_linkbox{ padding-bottom:40px} #site_privacy_text a,#site_privacy_link{ text-decoration:underline} #site_privacy_buttonbox{ margin-top:20px} #site_privacy_button{ color:#fff; background-color:gray; border:0; padding:5px 10px; text-align:center; cursor:pointer; font-weight:bold; font-size:15px; max-width:100%; height:auto; white-space:normal; width:auto} #site_privacy_button:hover,#site_privacy_button:active{ background-color:#a9a9a9 !important} .admin_title,.admin_buttons,.admin_content{ padding:5px} .admin_content:empty{ padding:0} .admin_title *{ display:inline-block} .admin_buttons table{ width:100%} .admin_buttons a{ display:inline-block} .td_admin_languages{ text-align:right} .admin_content h2{ padding-bottom:10px} .admin_content.loading{ min-height:150px; background-image:url(/vendor/pm/pm-cms-base/images/buttons/loading_d9dadb.gif); background-repeat:no-repeat; background-position:center} .content_row .no_visible_hint{ display:none} .content_row.no_visible{ background-color:rgba(250,220,181,.2); position:relative} .content_row.no_visible .no_visible_hint{ display:block; position:absolute; right:0; top:-20px; background-color:#ff9000; color:#fff; padding:2px; opacity:.4; font-size:14px; line-height:20px} .content_row.no_visible:hover .no_visible_hint{ opacity:1} .content_editlink{ position:absolute; top:10px; right:10px; opacity:.5; display:block; z-index:4; -webkit-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9)} .live_edit_disabled .content_editlink{ display:none !important} .content_editable{ position:relative} .content_editable:hover{ outline:1px dashed rgba(71,151,40,.4); outline-offset:-1px} .live_edit_disabled .content_editable:hover{ outline:none !important} .content_editable:hover>.content_editlink{ opacity:1 !important; -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1)} div.siteadmin_site_not_visible{ position:fixed; z-index:100000; top:10px; right:10px; width:150px; padding:10px; background-color:#fac5b5; opacity:.9} div.siteadmin_site_not_visible *{ font-size:11px !important; font-family:Verdana,sans-serif !important; line-height:14px !important; color:#000 !important} div.siteadmin_site_not_visible p{ font-weight:bold; margin:0 0 3px} div.siteadmin_site_not_visible a{ display:inline-block; height:16px} div.siteadmin_site_not_visible a img{ vertical-align:middle} header{ position:static; height:auto; background-color:transparent} @media only screen and (max-width:1024px){ header{ height:auto !important} } .fixed_area{ display:flex; justify-content:space-between; align-items:flex-start; background-color:rgba(233,234,237,.8); z-index:5; transition:.2s} .fixed_area:hover{ background-color:#e9eaed} .fixed_area.fixed{ position:fixed; left:0; right:0} .fixed_area.show{ padding:12px 25px 12px 27px; border-bottom:1px solid rgba(0,63,108,.3)} .page_area.bottom{ display:flex; background-color:#012549} .page_area.bottom .inner{ display:flex; width:100%; max-width:960px; margin:0 auto; padding:5px 10px; justify-content:space-between; flex-wrap:wrap-reverse; box-sizing:content-box} main{ margin:0 auto; width:100%; padding-top:50px; min-height:calc(100vh - 90px); box-sizing:border-box} @keyframes fadein{ from{ opacity:0} to{ opacity:1} } .site{ animation:fadein 2s; min-height:100%} .zeile{ padding-bottom:50px} .content_row .no_visible_hint{ display:none} .content_row.no_visible{ background-color:rgba(250,220,181,.2); position:relative} .content_row.no_visible .no_visible_hint{ display:block; position:absolute; right:0; top:-20px; background-color:#ff9000; color:#fff; padding:2px; opacity:.4; font-size:14px; line-height:20px} .content_row.no_visible:hover .no_visible_hint{ opacity:1} .content_row,.module_php{ position:relative; margin:0 auto; max-width:980px; padding:9px 10px; box-sizing:border-box} .content_row.no_separator .template_ix,.content_row.last_template .template_ix,.module_php.no_separator .template_ix,.module_php.last_template .template_ix{ margin-bottom:20px; padding-bottom:20px; border-bottom:0} .content_section>.content_row.white_hg,.content_section>.content_row.dark_hg,.content_section>.content_row.bluegray_hg,.content_section>.content_row.white_hg_gradient_bars{ max-width:100%} .content_section>.content_row.white_hg>.template_ix,.content_section>.content_row.dark_hg>.template_ix,.content_section>.content_row.bluegray_hg>.template_ix,.content_section>.content_row.white_hg_gradient_bars>.template_ix{ max-width:960px} .template_ix{ min-width:300px; max-width:1024px; margin:0 10px 100px; padding:0 0 100px 0; border-bottom:1px solid #a5b8c6; box-sizing:border-box} @media only screen and (min-width:1045px){ .template_ix{ margin-left:auto; margin-right:auto} } @media only screen and (min-width:1125px){ .template_ix{ max-width:none} } .template_media img{ display:inline-block; width:100%; vertical-align:top} .template_text img{ display:inline-block; max-width:100% !important; height:auto !important} [data-background-video]{ position:relative} [data-background-video] .embed-responsive{ position:static !important; height:auto !important; padding-bottom:0 !important} [data-background-video] video{ position:absolute; width:auto; height:auto; top:50%; left:50%; transform:translate(-50%, -50%)} [data-background-video] video.assignWidth{ width:100%} [data-background-video] video.assignHeight{ height:100%} @media only screen and (min-aspect-ratio:16/9){ .content_row.content_row_typ_25 .media_bg_box .template_bild img,.content_row.content_row_typ_26 .media_bg_box .template_bild img,.content_row.content_row_typ_27 .media_bg_box .template_bild img,.content_row.content_row_typ_28 .media_bg_box .template_bild img,.content_row.content_row_typ_29 .media_bg_box .template_bild img{ width:100%; height:auto} } .content_row.content_row_typ_26 .templateContentBox .template_bild img,.content_row.content_row_typ_28 .templateContentBox .template_bild img{ margin:0 auto; max-width:980px} .content_row.content_row_typ_25 .templateContentBox *{ color:#000} .content_row.content_row_typ_27 .templateContentBox *{ color:#fff} .formular>form{ width:100%; max-width:840px; margin:0 auto; padding:40px 20px; box-sizing:border-box; position:relative; background-color:#fff} .formular .hinweisAnfrageBearbeitung{ padding-top:20px} .formular #div_hinweis{ padding-bottom:20px} footer{ padding:0 !important} html{ -webkit-font-smoothing:antialiased} img,a img{ border:0; -ms-interpolation-mode:bicubic} label,input[type=checkbox],input[type=radio],select{ cursor:pointer} select option[disabled]{ cursor:default} :focus{ outline:none} a{ text-decoration:none} b,strong{ font-weight:bold} .nowrap{ white-space:nowrap} ul,ol{ margin:10px 10px 10px 30px; padding:0} ul{ list-style-type:square} ul ul,ol ol,ol ul,ul ol{ margin:0 0 0 20px} li{ padding:0; margin:0} th,td{ vertical-align:top} th{ text-align:left; font-weight:bold} .ui-menu{ list-style:none; padding:0; margin:0; display:block; outline:0} .ui-autocomplete{ position:absolute; top:0; left:0; cursor:default; z-index:9999} .ui-menu .ui-menu-item{ margin:0; cursor:pointer} .hyphenate{ hyphens:manual; -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual} .donthyphenate{ hyphens:none; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none} :root{ --text-font-family:myriad-pro, sans-serif; --text-font-size:19px; --text-font-weight:300; --text-font-style:normal; --text-line-height:24px; --text-letter-spacing:0px; --p1-margin-bottom:calc(var(--text-line-height) * 0.5); --p2-margin-bottom:var(--p1-margin-bottom); --h1-font-family:var(--text-font-family); --h1-font-size:22px; --h1-font-weight:normal; --h1-font-style:normal; --h1-line-height:28px; --h1-letter-spacing:0px; --h1-color:rgb(100, 101, 103); --h2-font-family:var(--text-font-family); --h2-font-size:20px; --h2-font-weight:normal; --h2-font-style:normal; --h2-line-height:26px; --h2-letter-spacing:0px; --h2-color:rgb(100, 101, 103); --h3-font-family:var(--text-font-family); --h3-font-size:18px; --h3-font-weight:300; --h3-font-style:normal; --h3-line-height:28px; --h3-letter-spacing:0px; --h3-color:rgb(100, 101, 103); --h4-font-family:var(--h3-font-famiwly); --h4-font-size:var(--h3-font-size); --h4-font-weight:var(--h3-font-weight); --h4-font-style:var(--h3-font-style); --h4-line-height:var(--h3-line-height); --h4-letter-spacing:0px; --h4-color:var(--h3-color); --content-max-width:1300px; --template-gutter-size:20px} @media(min-width:768px){ :root{ --h1-font-size:24px; --h1-line-height:30px; --h2-font-size:22px; --h2-line-height:28px} } @media(min-width:1024px){ :root{ --h1-font-size:26px; --h1-line-height:32px; --h2-font-size:24px; --h2-line-height:30px} } *{ font-family:var(--text-font-family); -webkit-text-size-adjust:100%} body{ animation:fadein .3s; background:#e9eaed; -webkit-overflow-scrolling:touch} body,td,th,p{ font:var(--text-font-style) var(--text-font-weight) var(--text-font-size)/var(--text-line-height) var(--text-font-family); color:#313131; letter-spacing:.02em} th{ border-bottom:1px solid #000; text-align:left} hr{ border:1px solid #ccc} p{ margin-bottom:15px} .p1{ display:block; margin-bottom:var(--p1-margin-bottom); font-size:19px; line-height:24px} .p2{ display:block; margin-bottom:var(--p2-margin-bottom); font-size:17px; line-height:22px} h1,.content_headline1{ font:var(--h1-font-style) var(--h1-font-weight) var(--h1-font-size)/var(--h1-line-height) var(--h1-font-family)} h2,.content_headline2{ font:var(--h2-font-style) var(--h2-font-weight) var(--h2-font-size)/var(--h2-line-height) var(--h2-font-family)} h3,.content_headline3{ font:var(--h3-font-style) var(--h3-font-weight) var(--h3-font-size)/var(--h3-line-height) var(--h3-font-family)} h4,.content_headline4{ font:var(--h4-font-style) var(--h4-font-weight) var(--h4-font-size)/var(--h4-line-height) var(--h4-font-family)} a:link,a:visited{ color:#3274a5} a.content_overview{ color:#6bb642; font-size:11px; text-decoration:none; display:block} .content_overview_title{ font-weight:bold} .content_overview_more{ white-space:nowrap} .hint{ color:#7e1515} table{ border-spacing:0} input[type=search]{ -webkit-appearance:none} button,.button,.btn{ display:inline-block; padding:6px 12px; font-family:Arial,sans-serif; font-size:20px; font-weight:normal; line-height:22px; text-align:center; border:1px solid transparent; border-radius:2px; user-select:none; outline:none; cursor:pointer; transition:color .2s,background-color .2s,border-top-color .2s} .button a:link,.button a:visited,.button a:hover{ color:#009} .btn.btn-primary{ color:#fff; background-color:#007bff; border-color:#007bff} .btn.btn-primary:hover,.btn.btn-primary.active{ background-color:#0053bc; border-color:#0053bc} .btn.btn-outline-primary{ color:#007bff; background-color:transparent; border-color:#007bff} .btn.btn-outline-primary:hover,.btn.btn-outline-primary.active{ color:#fff; background-color:#007bff} .btn.btn-secondary{ color:#fff; background-color:#666; border-color:#666} .btn.btn-secondary:hover,.btn.btn-secondary.active{ background-color:#4c4c4c; border-color:#4c4c4c} .btn.btn-outline-secondary{ color:#666; background-color:transparent; border-color:#666} .btn.btn-outline-secondary:hover,.btn.btn-outline-secondary.active{ color:#fff; background-color:#666} .btn.btn-block{ display:block; width:100%} .btn.btn-small{ padding:4px 8px; font-size:17px; line-height:19px} .btn.btn-large{ padding:10px 20px; font-size:24px; line-height:28px} .media_caption .template_text{ font-size:16px; font-style:normal; line-height:25px; font-weight:300; color:#313131} .image_signature{ display:block; font-size:13px; line-height:15px; margin:5px 0 0 0} div.autocomplete{ position:absolute; background-color:#fff; border:1px solid #000; border-top:none; margin:0; padding:0} div.autocomplete ul{ list-style-type:none; margin:0; padding:0} div.autocomplete ul li{ list-style-type:none; display:block; margin:0; padding:0; line-height:14px; height:14px; cursor:pointer; overflow:hidden} div.autocomplete ul li.selected{ background-color:#f4f4f4} @page{ size:A3; padding:50mm; margin-top:50mm; margin-bottom:50mm} @media only print{ .noprn{ display:none !important} .noprn *{ display:none !important} body.noprn{ background:#fff !important} body.noprn *{ display:none !important} body.noprn:before{ content:"Drucken ist nicht gestattet"; font-size:100px; line-height:normal; color:#000; display:block; text-align:center} section{ display:block; page-break-before:avoid; page-break-inside:avoid; page-break-after:auto} div{ break-inside:avoid; display:block} .fixed_area.fixed{ position:relative; break-after:avoid; break-before:avoid} } .slider_fadein_container.enabledAnimation{ background-color:#e9eaed; width:100%; height:100%; position:relative} .slider_fadein_container.enabledAnimation .slider_fadein{ position:absolute; left:0; right:0; width:100%; height:100%; opacity:0; background-color:#e9eaed} .slider_fadein_container.enabledAnimation .slider_fadein>*{ position:relative; top:50%; transform:translateY(-50%)} .slider_fadein_container.enabledAnimation .template_ix{ margin:0 auto !important; padding:0 !important} .fly_effect_container.enabledAnimation{ background-color:#e9eaed; width:100%; height:100%; position:relative} .fly_effect_container.enabledAnimation>*{ position:absolute; left:0; right:0; width:100%; height:100%; background-color:#e9eaed} .fly_effect_container.enabledAnimation>*>*{ position:relative; top:50%; transform:translateY(-50%)} .fly_effect_container.enabledAnimation .template_ix{ margin:0 !important; padding:0 !important} @-webkit-keyframes zoom-in{ 0%{ transform:scale(0.1)} 50%{ transform:scale(1.2)} 100%{ transform:scale(1); opacity:1} } @keyframes zoom-in{ 0%{ transform:scale(0.1)} 50%{ transform:scale(1.2)} 100%{ transform:scale(1); opacity:1} } .will_animate_zoomin,.will_animate_zoomin_before:before{ opacity:0} .animate_zoomin,.animate_zoomin_before:before{ -webkit-animation:zoom-in 1s ease; -webkit-animation-fill-mode:forwards; animation:zoom-in 1s ease; animation-fill-mode:forwards} @-webkit-keyframes zoom-in-out{ 0%{ transform:scale(1)} 50%{ transform:scale(1.05)} 100%{ transform:scale(1)} } @keyframes zoom-in-out{ 0%{ transform:scale(1)} 50%{ transform:scale(1.05)} 100%{ transform:scale(1)} } .animate_zoominout{ -webkit-animation:zoom-in-out 1s ease; animation:zoom-in-out 1s ease} .will_animate_fadein{ opacity:0} .animate_fadein{ -webkit-transition:opacity 2.2s ease; transition:opacity 2.2s ease; opacity:1} .will_animate_flyin,.will_animate_flyin_before:before{ opacity:0; -webkit-transform:translate(-100px, 0); transform:translate(-100px, 0)} .animate_flyin,.animate_flyin_before:before{ opacity:1; -webkit-transition:transform 2s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 2.5s cubic-bezier(0.39, 0.58, 0.57, 1); transition:transform 2s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 2.5s cubic-bezier(0.39, 0.58, 0.57, 1); -webkit-transform:translate(0, 0); transform:translate(0, 0)} .will_animate_flyinright,.will_animate_flyinright_before:before{ opacity:0; -webkit-transform:translate(100px, 0); transform:translate(100px, 0)} .animate_flyinright,.animate_flyinright_before:before{ opacity:1; -webkit-transition:transform 2s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 2.5s cubic-bezier(0.39, 0.58, 0.57, 1); transition:transform 2s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 2.5s cubic-bezier(0.39, 0.58, 0.57, 1); -webkit-transform:translate(0, 0); transform:translate(0, 0)} .will_animate_flydown,.will_animate_flydown_before:before{ opacity:0; -webkit-transform:translate(0, -25px); transform:translate(0, -25px)} .animate_flydown,.animate_flydown_before:before{ opacity:1; -webkit-transition:transform 1s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 1s cubic-bezier(0.39, 0.58, 0.57, 1); transition:transform 1s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 1s cubic-bezier(0.39, 0.58, 0.57, 1); -webkit-transform:translate(0, 0); transform:translate(0, 0)} .will_animate_flyup{ opacity:0; -webkit-transform:translate(0, 25px); transform:translate(0, 25px)} .animate_flyup{ opacity:1; -webkit-transition:transform 1s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 1s cubic-bezier(0.39, 0.58, 0.57, 1); transition:transform 1s cubic-bezier(0.39, 0.58, 0.57, 1),opacity 1s cubic-bezier(0.39, 0.58, 0.57, 1); -webkit-transform:translate(0, 0); transform:translate(0, 0)} small,.small{ font-size:15px; line-height:normal} a:not(.moduleEntryLink):hover,a:not(.moduleEntryLink):focus{ text-decoration:underline} .zitat,.zitat *{ font-family:"Spartan",sans-serif; font-size:25px; line-height:37px; font-style:normal; font-weight:400; letter-spacing:0} @media only screen and (max-width:1300px){ .zitat,.zitat *{ font-size:20px; line-height:30px} } .zitat b{ font-weight:700} .zitat_unterschrift,.zitat_unterschrift *{ font-size:15px !important; line-height:20px !important; font-style:normal; font-weight:normal !important; letter-spacing:0} .pm_button{ position:relative; display:inline-flex; padding:12px 20px !important; align-items:center !important; font:500 18px/18px "myriad-pro",sans-serif !important; color:#fff !important; background-color:#223549; cursor:pointer !important; border:1px solid #223549 !important; transition:background-color .4s,color .4s; z-index:1} .pm_button--uppercase{ text-transform:uppercase} .pm_button:hover{ color:#fff !important; background-color:#012549 !important; text-decoration:none !important} .pm_button--ghost{ color:#999 !important; border-color:#999 !important; background-color:transparent} .pm_button--ghost:hover{ background-color:#223549 !important; border-color:#223549 !important} .pm_button--light{ color:#223549 !important; border-color:#223549 !important; background-color:transparent} .pm_button--light:hover{ background-color:#223549 !important} .pm_button--form{ color:#fff; background:transparent linear-gradient(180deg, #003F6C 0%, #012549 100%) 0 0 no-repeat padding-box !important} .pm_button--form:hover{ background:transparent linear-gradient(359deg, #003F6C 0%, #013159 49%, #012549 100%) 0 0 no-repeat padding-box !important} .pm_link--uppercase{ text-transform:uppercase} .pm_link--ghost{ color:#999 !important; font:normal 18px/34px "myriad-pro"} .pm_link--ghost:hover{ color:#3274a5 !important} .pm_link--anchor{ display:inline-block; padding-left:30px; position:relative; color:#313131 !important; text-decoration:none !important} .pm_link--anchor::before{ content:">"; display:block; position:absolute; left:0; top:4px; padding:1px 2px 4px 4px; border:1px solid #313131; font-size:18px; box-sizing:border-box; line-height:10px} .pm_link--anchor:hover{ color:#313131 !important; font-weight:bold; text-decoration:none !important} .pm_link--anchor2{ display:inline-block; padding-right:20px; position:relative; color:#313131 !important; text-decoration:none !important} .pm_link--anchor2::after{ content:">"; display:block; position:absolute; right:0; top:3px; font-size:18px; line-height:18px; box-sizing:border-box} .pm_link--anchor2:hover{ color:#313131 !important; font-weight:bold; text-decoration:none !important} .template_text .hidden_linktext{ display:inline-block; width:0; opacity:0; transition:.2s; overflow:hidden; height:0} .template_text a:hover .hidden_linktext{ opacity:1; overflow:visible; width:auto} .text_divider{ display:inline-flex} .text_divider>div{ display:flex; padding:15px; align-items:center} .text_divider>div:first-child{ border-right:1px solid #fff; font-size:18px; font-weight:500} .text_divider>div:nth-child(2){ font-size:16px; line-height:21px; text-align:left} .content_row.content_row_typ_27 .pm_button--ghost:hover{ border-color:#fff !important} .content_row.content_row_typ_27 .pm_button--light,.content_row.content_row_typ_27 .pm_button--light:hover{ color:#fff !important; border-color:#fff !important} .pm_button a{ text-decoration:none !important} ul li{ list-style:none} .module_site ul,.template_text ul{ margin:0} .module_site ul ul,.template_text ul ul{ margin-left:20px} .module_site ul li,.template_text ul li{ padding-left:20px} .module_site ul li:before,.template_text ul li:before{ content:""; display:block; float:left; margin:10px 0 0 -20px; width:5px; height:5px; background-color:#313131; border-radius:50%} .referenzen_body .referenz_image img{ filter:grayscale(100%)} h1,.h1{ margin-bottom:20px; font-size:30px; font-style:normal; font-weight:300; line-height:35px} h2,.h2{ margin-bottom:28px; font-size:30px; font-style:normal; font-weight:300; line-height:35px} h3,.h3{ margin-bottom:10px; font-size:25px; font-style:normal; line-height:28px; font-weight:300} .content_headline4,.content_main h4,h4,.h4{ margin-bottom:10px; font-size:16px; font-style:normal; line-height:25px; font-weight:300; color:#313131} .content_text h1{ margin-bottom:30px; font-size:40px; font-style:normal; font-weight:300; line-height:40px; text-align:center; text-transform:uppercase} .content_text h2{ font-size:28px; font-style:normal; font-weight:300} .content_headline1,.content_main h1{ margin-bottom:30px; font-size:40px; font-style:normal; font-weight:300; line-height:40px; text-transform:uppercase} .content_headline1.standalone{ margin-bottom:30px} .content_headline2,.content_main h2{ padding-bottom:28px; margin-bottom:0; font-size:28px; font-style:normal; font-weight:300} .module_overview_headline_box{ text-align:center; border-bottom:none; margin-bottom:40px} .module_overview_filter_box{ padding-bottom:40px; text-align:center} .module_overview_filter_box .arrow_left{ margin-right:20px; display:inline-block} .module_detail_text_box{ padding-bottom:40px} .module_site ul li.moduleEntry{ padding:0; box-shadow:0 0 3px 0 rgba(0,0,0,.5); transition:all .3s linear 0s} .module_site ul li.moduleEntry:hover{ box-shadow:0 0 15px 0 rgba(0,0,0,.6)} .module_site ul li.moduleEntry:before{ display:none} .moduleEntryTrackingStats{ position:absolute; top:0; right:0; display:inline-block; padding:4px 10px; font-size:14px; font-weight:600; visibility:hidden; opacity:0; box-shadow:0 0 5px #000; z-index:1000; transition:visibility .2s,opacity .2s} .active .moduleEntryTrackingStats{ visibility:visible; opacity:1} .moduleEntry{ display:inline-block; max-width:540px; margin:0 0 40px 0; vertical-align:top; width:100%} .moduleEntry--small{ width:200px} .moduleEntryLink{ position:relative; display:block; padding-bottom:40px; font-size:17px; color:#4b4b4d; background:radial-gradient(circle, #003F6C 0%, #012549 100%)} .moduleEntryImage{ display:block; margin-bottom:40px; position:relative; padding-bottom:53.98%; overflow:hidden; z-index:2} .moduleEntryImage img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:50%; top:50%; transition:all .3s linear 0s; transform:translateX(-50%) translateY(-50%); z-index:-1} .module_site ul li.moduleEntry:hover .moduleEntryImage img{ transform:translateX(-50%) translateY(-50%) scale(1.1); opacity:.8} .moduleEntryHeadline{ display:block; padding:0 10px 10px 10px; color:#fff; font-size:18px; font-weight:normal; line-height:normal; letter-spacing:.03em; text-transform:uppercase; box-sizing:border-box; text-align:center} .moduleEntryText{ display:block; padding:0 10px; color:#fff; font-size:16px; font-weight:300; text-align:center; box-sizing:border-box} .accordion__title{ display:flex; padding:20px; align-items:center; cursor:pointer; transition:background-color .1s; color:#3274a5} .accordion__title:not(.active){ border-bottom:1px solid rgba(87,87,86,.2)} .accordion__text{ display:none; margin-left:0 !important; padding:20px 20px 20px 40px; border-top:1px solid #ececec; border-bottom:1px solid rgba(87,87,86,.2)} .accordion__text.show{ display:block} .accordion__arrow{ margin-right:20px; height:8px; width:8px; border-top:2px solid #575756; border-right:2px solid #575756; transform:rotateZ(45deg); transition:border-top-color .1s,border-right-color .1s,transform .1s} .accordion__title.active .accordion__arrow{ transform:rotateZ(135deg)} .borderline{ margin:10px 0; border-bottom:1px dotted #b1b3b4} .arrow_left{ position:relative; padding-left:10px} .arrow_left:before{ content:""; position:absolute; left:0; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:50%; background-color:#585857} form .form_row_group{ padding-bottom:20px} form .form_row_group h2,form .form_row_group h4{ padding-bottom:10px} form .row{ display:block; margin-bottom:20px} form .row.row_table{ display:table; width:100%; table-layout:fixed} form .row_table>.row{ display:table-cell; width:50%; text-align:left; vertical-align:top; box-sizing:border-box} form .row_table>.row_table>.row{ width:16.66%} form .row_table>.row.row_checkbox{ display:inline-block; width:auto} form .row_table>.row:nth-child(1){ padding-right:10px} form .row_table>.row:nth-child(2){ padding-left:10px} form .row_table>.row_table>.row:nth-child(2){ padding-left:0; padding-right:10px} form .row_choice_expanded .row{ display:inline-block; margin:0 10px 0 0} .hint{ color:#e00} .form_messages{ color:#e00; font-size:12px} .form_messages li{ padding-left:0 !important} .form_messages li:before{ display:none !important} .datenschutzHinweisText{ padding-bottom:15px} input,select,textarea{ border-radius:0} input[type=button],input[type=submit],button,.button,ul.select_button{ border:none; border-radius:0; padding:0 20px; text-transform:uppercase; font-size:20px; cursor:pointer; -webkit-appearance:none} .formular input[type=submit]{ color:#fff; background:radial-gradient(circle, #003F6C 0%, #012549 100%) !important} .button{ line-height:34px; display:inline-block; width:auto; height:auto; color:#fff !important; background:radial-gradient(circle, #003F6C 0%, #012549 100%) !important; text-transform:none} input[type=button],input[type=submit]{ line-height:34px} ul.select_button{ display:inline-block; padding:4px 15px} ul.select_button li{ border-left-color:#fff} ul.select_button a{ color:#fff} ul.select_button a::after{ border:none !important} label.checkbox,label.radio{ position:relative; padding-left:25px; padding-right:10px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; display:block} label.checkbox input[type=checkbox],label.radio input[type=radio]{ position:absolute; left:0; top:0; opacity:0; cursor:pointer} label.checkbox .checkmark,label.radio .checkmark{ position:absolute; left:0; top:14px; height:16px; width:16px; margin-top:-11px; background-color:transparent; border:1px solid #4b4b4d} .row_error label.checkbox .checkmark,.row_error label.radio .checkmark{ border-color:#e00} label.checkbox .checkmark{ border-radius:2px} label.radio .checkmark{ border-radius:50%} label.checkbox:hover .checkmark,label.radio:hover .checkmark{ border-color:#005ea8; background-color:rgba(0,94,168,.1)} label.checkbox input[type=checkbox]:focus~.checkmark,label.radio input[type=radio]:focus~.checkmark{ border-color:#005ea8; background-color:rgba(0,94,168,.1)} label.checkbox input[type=checkbox]:checked~.checkmark,label.radio input[type=radio]:checked~.checkmark{ border-color:#005ea8; background-color:#005ea8} label.checkbox:hover input[type=checkbox]:checked~.checkmark,label.radio:hover input[type=radio]:checked~.checkmark{ border-color:rgba(0,94,168,.8); background-color:rgba(0,94,168,.8)} label.checkbox input[type=checkbox]:checked:focus~.checkmark,label.radio input[type=radio]:checked:focus~.checkmark{ border-color:rgba(0,94,168,.8); background-color:rgba(0,94,168,.8)} label.checkbox .checkmark::after,label.radio .checkmark::after{ position:absolute; opacity:0; text-align:center; color:#005ea8; font-size:14px; line-height:14px; left:50%; top:9px; margin-left:-6px; margin-top:-6px} label.checkbox .checkmark::after{ content:""; background-image:url(/images/icons/ico_check_blue.svg); background-repeat:no-repeat; background-size:10px; background-position:center center; height:100%; width:100%; top:0; left:0; margin:0} label.radio .checkmark::after{ content:""; width:6px; height:6px; margin-left:-3px; margin-right:-3px; margin-top:-4px; background-color:#005ea8; border-radius:50%} label.checkbox:hover .checkmark::after,label.radio:hover .checkmark::after{ opacity:.4} label.checkbox:focus .checkmark::after,label.radio:focus .checkmark::after{ opacity:0} @media(pointer:coarse){ label.checkbox:hover .checkmark::after,label.radio:hover .checkmark::after{ opacity:0} } label.checkbox input[type=checkbox]:checked~.checkmark::after,label.radio input[type=radio]:checked~.checkmark::after{ opacity:1; color:#fff} label.checkbox input[type=checkbox]:checked~.checkmark::after{ background-image:url(/images/icons/ico_check_white.svg)} label.radio input[type=radio]:checked~.checkmark::after{ background-color:#fff} .ffl-wrapper{ position:relative; display:block; padding-top:7px} .ffl-wrapper>label{ transition-property:all; transition-duration:200ms; transition-timing-function:ease; transition-delay:0s; position:absolute; white-space:nowrap; max-width:100%; text-overflow:ellipsis; overflow:hidden; pointer-events:none; top:15px; left:10px; display:block; padding:0 5px; box-sizing:border-box; opacity:.5} form .row_table>.row:nth-child(2).ffl-wrapper>label{ left:20px} form .row_table>.row_table>.row:nth-child(2).ffl-wrapper>label{ left:10px} .ffl-wrapper.ffl-floated>label,.ffl-wrapper.row_date>label{ top:0; font-size:13px; line-height:15px; background-color:#fff; opacity:1; z-index:1} .feld,.ffl-wrapper>input[type=text],.ffl-wrapper>input[type=password],.ffl-wrapper>input[type=number],.ffl-wrapper>input[type=email],.ffl-wrapper>input[type=tel],.ffl-wrapper>input[type=file],.ffl-wrapper.row_datetime input[type=date],.ffl-wrapper.row_date input[type=date],.ffl-wrapper.row_datetime input[type=time],.ffl-wrapper.row_time input[type=time],.ffl-wrapper>textarea,.ffl-wrapper>select,.ffl-wrapper>.ui-selectmenu-button.ui-button{ transition:all 100ms ease; display:block; width:100%; padding:8px 10px 5px; box-shadow:none; -webkit-appearance:none; appearance:none; outline:none; background-color:transparent; border:1px solid transparent; border-radius:0; border-bottom-color:gray; height:40px; box-sizing:border-box; font-family:inherit; font-size:inherit; color:#005ea8} .ffl-wrapper>textarea{ min-height:40px; min-width:100%; max-width:100%; overflow:hidden} .ffl-wrapper.ffl-floated>textarea{ height:100px; min-height:60px; overflow:auto} .ffl-wrapper.ffl-floated>input[type=text],.ffl-wrapper.ffl-floated>input[type=password],.ffl-wrapper.ffl-floated>input[type=number],.ffl-wrapper.ffl-floated>input[type=email],.ffl-wrapper.ffl-floated>input[type=tel],.ffl-wrapper.ffl-floated>input[type=file],.ffl-wrapper.ffl-floated.row_datetime input[type=date],.ffl-wrapper.ffl-floated.row_date input[type=date],.ffl-wrapper.ffl-floated.row_datetime input[type=time],.ffl-wrapper.ffl-floated.row_time input[type=time],.ffl-wrapper.ffl-floated>textarea,.ffl-wrapper.ffl-floated>select,.ffl-wrapper.ffl-floated>.ui-selectmenu-button.ui-button{ border-color:gray} .ffl-wrapper.ffl-floated .ui-selectmenu-button .ui-selectmenu-text{ padding:0} .ffl-wrapper.row_file>label{ position:static; padding-bottom:5px; opacity:1; font-size:15px !important; line-height:1.2 !important} .ffl-wrapper.row_file .uploaded_filename{ font-size:14px} .ffl-wrapper.row_error>input,.ffl-wrapper.row_error>textarea,.ffl-wrapper.row_error>select,.ffl-wrapper.row_error>.ui-selectmenu-button.ui-button{ border-color:#e00} .ffl-wrapper *[readonly=readonly]{ opacity:.6} .customfile{ position:relative; overflow:hidden; display:block; width:100% !important; box-shadow:none; -webkit-appearance:none; appearance:none; outline:none; background-color:transparent; border:1px solid #003f6c; border-radius:0; height:40px; box-sizing:border-box; font-family:inherit; font-size:inherit; font-style:italic; color:#003f6c; cursor:pointer} .ffl-wrapper.row_error .customfile{ border-color:#e00} .customfile span{ display:block} .customfile span.cust-field{ line-height:40px; height:40px; cursor:pointer; display:block; margin-left:58px; padding:0 0 0 10px; margin-right:10px; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:calc(100% - 78px)} .customfile span.cust-field>*{ color:#000; opacity:.5} .customfile span.cust-btn{ float:left; width:58px; height:40px; background:url(/images/icons/download_white.svg) no-repeat center #003f6c; background-size:30px 34px} .customfile .fileinput{ position:absolute; left:0px; top:0px; cursor:pointer; z-index:99} .customCursor{ position:absolute; z-index:1; pointer-events:none} .textCenterBlock{ display:block; max-width:600px; margin:0 auto} .blau_verlauf_hg .template_ix,.blau_verlauf_hg .template_31 .template_text_container{ background:radial-gradient(circle, #003F6C 0%, #012549 100%)} .tuerkis_verlauf_hg .template_ix,.tuerkis_verlauf_hg .template_31 .template_text_container{ background:radial-gradient(circle, #00aec7 0%, #00798B 100%)} .gruen_verlauf_hg .template_ix,.gruen_verlauf_hg .template_31 .template_text_container{ background:radial-gradient(circle, #97be0d 0%, #3c6a24 100%)} .rot_verlauf_hg .template_ix,.rot_verlauf_hg .template_31 .template_text_container{ background:radial-gradient(circle, #e2001a 0%, #7e1518 100%)} .gelb_verlauf_hg .template_ix,.gelb_verlauf_hg .template_31 .template_text_container{ background:radial-gradient(circle, #f29400 0%, #b5530f 100%)} .grau_verlauf_hg .template_ix,.grau_verlauf_hg .template_31 .template_text_container{ background:radial-gradient(circle, #b1b3b4 0%, #62646C 100%)} .color_tuerkis{ color:#00aec7} a.tel_link{ color:#fff; display:inline-block; margin-top:5px; padding:0 0 10px 50px; background:url(/images/icons/stoerer_blau_telefon.svg) no-repeat left top transparent; background-size:45px auto; text-decoration:none; font-size:40px; line-height:40px} a.tel_link:hover{ text-decoration:none; opacity:.8} .white_hg,.fly_effect_container.enabledAnimation>*.white_hg,.slider_fadein_container.enabledAnimation .slider_fadein.white_hg{ background-color:#fff} .bluegray_hg,.fly_effect_container.enabledAnimation>*.bluegray_hg,.slider_fadein_container.enabledAnimation .slider_fadein.bluegray_hg{ background-color:#50505f} .bluegray_hg,.bluegray_hg p{ color:#fff} .bluegray_hg .template_text ul li:before,.bluegray_hg .template_component ul li:before{ background-color:#fff} .bluegray_hg .template_text ul li a,.bluegray_hg .template_component ul li a{ color:#fff} .white_hg_gradient_bars,.fly_effect_container.enabledAnimation>*.white_hg_gradient_bars,.slider_fadein_container.enabledAnimation .slider_fadein.white_hg_gradient_bars{ background:linear-gradient(0deg, #e9eaed 0%, #d2d2d7 7%, #b1afbb 10%, #fafafa 10%, #fafafa 90%, #b1afbb 90%, #d2d2d7 93%, #e9eaed 100%)} .bluegray_hg .pm_button--ghost{ color:#fff !important; border-color:#fff !important} ul.call_to_action_list,ul.call_to_action_list3{ margin:0; padding:0; list-style-type:none} ul.call_to_action_list li{ margin:0; list-style-type:none; padding:5px 0 5px 60px; font-size:30px; line-height:30px; background:url(/images/icons/banner_blau_hacken_zeichenflaeche_1.svg) no-repeat left top transparent; background-size:36px auto} ul.call_to_action_list li *{ font-size:30px; line-height:30px} ol.call_to_action_list2{ margin:0 0 0 30px; padding:0} ol.call_to_action_list2 li{ list-style-position:outside; margin-left:0; padding:5px 0; font-size:30px; line-height:30px} ol.call_to_action_list2 li::marker{ color:#00aec7 !important; font-weight:bold} ul.call_to_action_list li:before,ol.call_to_action_list2 li:before{ display:none} ul.call_to_action_list3 li{ padding-bottom:5px} ul.call_to_action_list3 li:before{ background-color:#00aec7 !important; width:7px; height:7px} .cocoen-drag{ background-color:#003f6c !important; opacity:.8 !important; transition:opacity .2s !important} .cocoen-drag:hover{ opacity:1 !important} .cocoen-drag:before{ content:""; top:50% !important; left:50% !important; width:40px !important; height:40px !important; margin:0 !important; border:0 !important; background-image:url(/images/icons/cocoen_drag_blue.png) !important; background-size:cover !important; transform:translate(-50%, -50%) !important} .site_160 .cocoen-drag,.site_181 .cocoen-drag,.site_192 .cocoen-drag,.site_193 .cocoen-drag{ background-color:#bc258d !important} .site_160 .cocoen-drag:before,.site_181 .cocoen-drag:before,.site_192 .cocoen-drag:before,.site_193 .cocoen-drag:before{ background-image:url(/images/icons/cocoen_drag_magenta.png) !important} #ls-global .ls-nav-prev,#ls-global .ls-nav-next{ border:0 !important; background-repeat:no-repeat; background-position:center; background-size:40px; background-color:transparent !important} #ls-global .ls-nav-prev:before,#ls-global .ls-nav-prev:after,#ls-global .ls-nav-next:before,#ls-global .ls-nav-next:after{ content:none} #ls-global .ls-nav-prev{ background-image:url(/images/icons/arrow_left_slider_white.svg)} #ls-global .ls-nav-prev:hover{ background-image:url(/images/icons/arrow_left_slider_blue.svg)} #ls-global .ls-nav-next{ background-image:url(/images/icons/arrow_right_slider_white.svg)} #ls-global .ls-nav-next:hover{ background-image:url(/images/icons/arrow_right_slider_blue.svg)} .swiper-wrapper{ list-style:none; padding:0; margin:0} .swiper-wrapper .swiper-slide{ padding-left:0} .buttonScrollDown{ position:absolute; left:50%; padding-top:90px; color:#fff; cursor:pointer; font-family:Myriad Pro,sans-serif; font-weight:400; transform:translateX(-50%)} .buttonScrollDown .animation{ position:absolute; top:0; left:50%; transform:translateX(-50%); animation:scroll_down_1 2s infinite} @keyframes scroll_down_1{ 0%{ transform:translate(-50%, 0); opacity:0} 50%{ opacity:1} 100%{ transform:translate(-50%, 20px); opacity:0} } input[type=range]{ -webkit-appearance:none; background:transparent; cursor:ew-resize} input[type=range]::-ms-track{ width:100%; cursor:ew-resize; background:transparent; border-color:transparent; color:transparent} input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; background-color:gray; width:.6em; height:1.4em; margin-top:-4px; border:0; border-radius:2px; cursor:ew-resize} input[type=range]::-moz-range-thumb{ background-color:gray; width:.6em; height:1.4em; border:0; border-radius:2px; cursor:ew-resize} input[type=range]::-ms-thumb{ background-color:gray; width:.6em; height:1.4em; border:0; border-radius:2px; cursor:ew-resize} input[type=range]::-webkit-slider-runnable-track{ width:100%; height:.8em; background:#fff; border-radius:5px; margin:5px 0} input[type=range]::-moz-range-track{ width:100%; height:.8em; background:#fff; border-radius:5px; margin:5px 0} input[type=range]::-ms-track{ width:100%; height:.8em; background:#fff; border-radius:5px; margin:5px 0} input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{ background:transparent} @media only screen and (max-width:1300px){ .zitat,.zitat *{ font-size:20px; line-height:30px} } @media only screen and (min-width:661px){ .moduleEntry{ width:300px; margin:0 10px 40px} } @media only screen and (max-width:1044px){ .content_text h1{ margin-bottom:20px; font-size:30px; line-height:30px} .content_text h2{ font-size:22px; line-height:25px} .content_headline1,.content_main h1{ margin-bottom:20px; font-size:30px; line-height:30px} .content_headline1.standalone{ margin-bottom:20px} .content_headline2,.content_main h2{ padding-bottom:20px; font-size:22px; line-height:25px} h3,.h3{ font-size:20px; line-height:22px} .template_30 .template_text1{ font-size:30px; line-height:30px} ul.call_to_action_list li{ padding:0 0 10px 40px; font-size:25px; line-height:25px; background-size:30px 30px} ul.call_to_action_list li *{ font-size:25px; line-height:25px} } @media only screen and (max-width:768px){ input[type=button],input[type=submit],button,.button,ul.select_button{ font-size:16px} } @media only screen and (max-width:640px){ form .row_table>.row{ display:block; width:auto; padding-right:0 !important; padding-left:0 !important} form .row_table>.row:nth-child(2).ffl-wrapper>label{ left:10px} .template_30 .template_text1{ font-size:22px; line-height:22px} ul.call_to_action_list li{ padding:0 0 10px 30px; font-size:18px; line-height:18px; background-size:20px 20px} ul.call_to_action_list li *{ font-size:18px; line-height:18px} .template_31 .template_text_container>div:first-child{ font-size:25px; line-height:25px} a.tel_link{ font-size:25px; line-height:25px; padding-left:40px; background-size:30px auto} } @media only screen and (max-width:360px){ ul.select label{ padding:0 5px} } .shareBox{ display:flex; position:relative; z-index:1} .shareButton,.shareLinks>a{ display:inline-block; width:16px; height:18px; background-size:16px auto; vertical-align:top} .shareLinksWrapper{ position:relative; display:inline-block; height:18px} .shareText{ display:inline-block; margin-top:1px; vertical-align:top; font-size:10px; font-weight:500; color:#012549; letter-spacing:.7px; text-transform:uppercase; opacity:1; visibility:visible; transition:opacity .2s} .shareBox.active .shareText{ visibility:hidden; opacity:0} .shareButton{ margin-left:8px; background:url(/images/icons/social_media/ico_share.svg) center no-repeat transparent; background-size:16px 18px; cursor:pointer} .shareLinks{ display:block; position:absolute; right:0; top:0; bottom:0; overflow:hidden; transition:opacity .2s; white-space:nowrap; visibility:hidden; opacity:0} .fixed_area .shareLinks{ padding-left:5px; background-color:#e9eaed} .shareBox.active .shareLinks{ visibility:visible; opacity:1} .shareLinks>a:not(:last-child){ margin-right:8px} .shareLinkFb{ background:url(/images/icons/social_media/ico_facebook_blue.svg) center no-repeat transparent} .shareLinkTw{ background:url(/images/icons/social_media/ico_twitter_blue.svg) center no-repeat transparent} .shareLinkIn{ background:url(/images/icons/social_media/ico_instagram_blue.svg) center no-repeat transparent} .shareLinkPn{ background:url(/images/icons/social_media/ico_pinterest_blue.svg) center no-repeat transparent} .shareLinkMail{ background:url(/images/icons/ico_share_mail_blue.svg) center no-repeat transparent} div.autocomplete{ position:absolute; background-color:#fff; border:1px solid #000; border-top:none; margin:0; padding:0; z-index:2} div.autocomplete ul{ list-style-type:none; margin:0; padding:0} div.autocomplete ul li{ list-style-type:none; display:block; margin:0; padding:0; line-height:14px; height:14px; cursor:pointer; overflow:hidden} div.autocomplete ul li.selected{ background-color:#f4f4f4} .select-site-autocomplete{ width:400px; max-height:300px; max-width:90%; background-color:#fff; box-shadow:1px 1px 2px 0 #767676; border:1px solid #767676; overflow-y:auto; z-index:10020} .select-site-autocomplete .ui-menu-item a{ display:block; width:100%; padding:0 2px; font-size:11px; box-sizing:border-box} .select-site-autocomplete .ui-menu-item a:hover,.select-site-autocomplete .ui-menu-item a.ui-state-active,.select-site-autocomplete .ui-menu-item a.active{ color:#fff; background-color:#0075ff} .select_site .target_site_path_search{ height:17px; padding-left:4px; padding-right:4px; box-sizing:border-box} .cke_dialog_contents .select_site .target_site_path_search{ background-color:#fff; border:1px solid #bcbcbc; padding:4px 6px; outline:0; width:100%; box-sizing:border-box; border-radius:2px; min-height:28px; margin-left:1px} .onoffswitch{ display:block; float:right; position:relative; width:46px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none} .onoffswitch-checkbox{ display:none} .onoffswitch-label{ display:block; overflow:hidden; cursor:pointer; height:24px; padding:0; line-height:24px; border:2px solid #e3e3e3; border-radius:24px; background-color:#e3e3e3; transition:.1s ease-in} .onoffswitch-label:before{ content:""; display:block; width:20px; margin:0; background:#fff; position:absolute; top:0; bottom:0; right:22px; border:4px solid #e3e3e3; border-radius:20px; transition:all .1s ease-in 0s} .onoffswitch-label:after{ content:"Off"; display:block; position:absolute; left:-35px; top:0; font:normal normal normal 18px/26px var(--text-font-family); letter-spacing:0px; color:#a2a2a2} .onoffswitch-checkbox:checked+.onoffswitch-label{ background-color:#3da800} .onoffswitch-checkbox:checked+.onoffswitch-label,.onoffswitch-checkbox:checked+.onoffswitch-label:before{ border-color:#3da800} .onoffswitch-checkbox:checked+.onoffswitch-label:after{ content:"On"; color:#3da800} .onoffswitch-checkbox:checked+.onoffswitch-label:before{ right:0} input[type=checkbox][readonly]{ pointer-events:none} @media screen and (max-width:1024px){ .onoffswitch{ width:36px} .onoffswitch-label{ height:18px; line-height:18px; border:1px solid #e3e3e3; border-radius:14px} .onoffswitch-label:before{ width:16px; right:16px; border:2px solid #e3e3e3; border-radius:16px} } #c_m_p_bg{ position:fixed; top:0; right:0; left:0; bottom:0; background-color:rgba(0,0,0,.3); z-index:99998} #c_m_p{ display:none; position:fixed; left:50%; top:50%; transform:translate3d(-50%, -50%, 0); background:#ebebeb 0 0 no-repeat padding-box; box-shadow:0 0 6px rgba(0,0,0,.2); border-radius:5px; padding:30px; width:100%; max-width:845px; box-sizing:border-box; z-index:99999; cursor:default} #c_m_p #c_m_p_start{ max-height:90vh; overflow:hidden; overflow-y:auto} #c_m_p #onoffswitch_E~.onoffswitch-label,#c_m_p #onoffswitch_PHPSESSION~.onoffswitch-label{ opacity:.4} #c_m_p .c_m_p_title{ color:var(--primary-color); font:normal normal 300 30px/40px var(--h1-font-family); letter-spacing:0; padding-bottom:10px} #c_m_p .c_m_p_text{ color:var(--secondary-color); font:normal normal 300 17px/21px var(--text-font-family); letter-spacing:0; margin-bottom:20px} #c_m_p a{ color:var(--primary-color); text-decoration:underline} #c_m_p button{ cursor:pointer} #c_m_p a:hover,#c_m_p button:hover{ opacity:.8} #c_m_p .c_m_p_list_types{ padding-bottom:20px} #c_m_p .c_m_p_list_types>*{ display:block; font:normal normal 300 18px/26px var(--text-font-family); letter-spacing:0; color:var(--secondary-color); position:relative; padding-left:30px; margin-bottom:10px} #c_m_p .c_m_p_list_types>*:before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:14px; height:14px; background-color:rgba(0,0,0,.2); border-radius:50%} #c_m_p .c_m_p_list_types>.c_m_p_list_type_e:before{ background-color:#3da800} #c_m_p .c_m_p_infos,#c_m_p a.accessibility_statement_button{ display:inline-block; margin-right:20px; border:1px solid #223549; background-color:transparent; font:normal normal 300 18px/24px var(--text-font-family); letter-spacing:0; color:#223549; text-transform:none; padding:9px 15px; box-sizing:border-box; text-decoration:none} #c_m_p .c_m_p_accept_ess{ display:inline-block; margin-right:20px; background-color:rgba(0,0,0,.3); font:normal normal 300 18px/24px var(--text-font-family); letter-spacing:0; color:#fff; text-transform:none; padding:10px 15px; box-sizing:border-box; border:0} #c_m_p .c_m_p_accept_all,#c_m_p .c_m_p_save{ display:inline-block; background-color:#223549; font:normal normal normal 18px/24px var(--text-font-family); letter-spacing:.45px; color:#fff; text-transform:uppercase; padding:10px 15px; box-sizing:border-box; border:0} #c_m_p .c_m_p_activate_all{ display:block; float:right; margin-left:20px; background:#223549 0 0 no-repeat padding-box; font:normal normal 300 12px/16px var(--text-font-family); letter-spacing:.3px; color:#fff; text-transform:none; padding:10px 15px; box-sizing:border-box; border:0} #c_m_p #c_m_p_details_close{ display:block; position:absolute; right:5px; top:-35px; background:url(/images/icons/ionic-ios-close-circle.svg) no-repeat center transparent; background-size:30px 30px; width:30px; height:30px; border-radius:50%; cursor:pointer} #c_m_p #c_m_p_details_close:hover{ opacity:.8} #c_m_p .c_m_p_head{ margin-bottom:20px} #c_m_p .c_m_p_details_types{ margin-bottom:20px; height:auto; max-height:500px; overflow:auto} #c_m_p .c_m_p_details_type{ margin-bottom:20px} #c_m_p .c_m_p_details_type_head{ background-color:rgba(162,162,162,.2); border-radius:10px; padding:10px; position:relative; transition:.2s} #c_m_p .active .c_m_p_details_type_head{ border-radius:10px 10px 0 0} #c_m_p .c_m_p_details_type_headline{ font:normal normal normal 18px/26px var(--text-font-family); letter-spacing:0; color:#313131; cursor:pointer; padding-left:40px; margin-right:70px} #c_m_p .c_m_p_details_type_headline:before{ content:""; width:20px; height:11px; background:url(/images/icons/arrow_down.svg) no-repeat center transparent; background-size:20px auto; position:absolute; left:15px; top:20px; transition:.4s; transform:rotate(0)} #c_m_p .active .c_m_p_details_type_headline:before{ transform:rotate(180deg)} #c_m_p .c_m_p_save{ float:right; margin-left:20px} #c_m_p .c_m_p_details_text{ padding-top:10px; color:#313131; font:normal normal 300 14px/21px var(--text-font-family); letter-spacing:0} #c_m_p .c_m_p_details_type_contents{ display:none; background-color:rgba(255,255,255,.34); border-radius:0 0 10px 10px; padding:10px 10px 10px 50px} #c_m_p .c_m_p_details_type_content{ padding:10px 0; border-top:1px solid #a2a2a2} #c_m_p .c_m_p_details_type_content:after{ content:""; display:block; clear:both} #c_m_p .c_m_p_details_type_contents .c_m_p_details_type_content:first-child{ border-top:0} #c_m_p .c_m_p_details_type_description,#c_m_p .c_m_p_details_type_content_description{ font-size:14px; line-height:17px; margin-top:5px} #c_m_p .c_m_p_details_type_description{ padding:0 70px 0 40px} #c_m_p .accessibility_modes{ display:flex; flex-direction:column; gap:10px} #c_m_p .accessibility_modes .onoffswitch{ float:left; margin-top:5px} #c_m_p .accessibility_modes .onoffswitch .onoffswitch-label::after{ display:none} #c_m_p .accessibility_mode_headline{ font:normal normal normal 18px/26px var(--text-font-family); letter-spacing:0; color:var(--primary-color); cursor:pointer; margin-left:50px} #c_m_p .accessibility_mode_description{ font-size:14px; line-height:17px; margin-left:50px} #c_m_p .accessibility_buttons{ margin:20px 0} @media screen and (max-width:1024px){ #c_m_p{ right:0; padding:15px; max-width:640px} #c_m_p .c_m_p_title{ font-size:20px; line-height:30px} #c_m_p .c_m_p_text{ font-size:14px; line-height:17px; margin-bottom:10px} #c_m_p .c_m_p_list_types>*{ font-size:15px; line-height:22px; padding-left:15px; margin-bottom:5px} #c_m_p .c_m_p_list_types>*:before{ width:10px; height:10px} #c_m_p .c_m_p_infos,#c_m_p a.accessibility_statement_button{ margin:0 10px 10px 0; font-size:15px; line-height:20px; padding:4px 10px} #c_m_p .c_m_p_accept_ess{ margin:0 10px 10px 0; font-size:15px; line-height:20px; padding:5px 10px} #c_m_p .c_m_p_head,#c_m_p .c_m_p_details_type{ margin-bottom:10px} #c_m_p .c_m_p_details_types{ max-height:50vh} #c_m_p .c_m_p_details_type_content{ padding:5px 0} #c_m_p .c_m_p_accept_all,#c_m_p .c_m_p_save{ font-size:15px; line-height:20px; padding:5px 10px} #c_m_p .c_m_p_activate_all{ margin-left:10px; padding:5px 10px} #c_m_p .c_m_p_details_type_headline{ font-size:15px; line-height:20px; padding-left:30px; margin-right:50px} #c_m_p .c_m_p_details_type_headline:before{ width:15px; height:8px; background-size:15px auto; left:15px; top:17px} #c_m_p .c_m_p_save{ margin-left:10px} #c_m_p .c_m_p_details_text{ font-size:12px; line-height:17px} #c_m_p .c_m_p_details_type_contents{ padding:5px 10px 5px 40px} #c_m_p .c_m_p_details_type_description{ padding:0 40px 0 30px} #c_m_p .accessibility_mode_headline{ font-size:15px; line-height:20px} } @media screen and (max-width:480px){ #c_m_p .c_m_p_title{ font-size:16px; line-height:20px; padding-bottom:5px} #c_m_p .c_m_p_text{ font-size:12px; line-height:15px} #c_m_p .c_m_p_list_types{ padding-bottom:5px} #c_m_p .c_m_p_list_types>*{ display:inline-block; margin-right:10px} #c_m_p .c_m_p_details_types{ margin-bottom:10px} #c_m_p .c_m_p_details_text{ padding-top:0} #c_m_p .c_m_p_details_type_headline::before{ width:8px; height:4px; background-size:8px auto; left:5px} #c_m_p .c_m_p_details_type_headline{ padding-left:10px} #c_m_p .c_m_p_details_type_description{ padding-left:10px} #c_m_p .c_m_p_details_type_contents{ padding-left:20px} } .ui-helper-hidden-accessible{ position:absolute !important; left:-9999px !important; display:none !important} .ui-menu{ list-style:none; padding:0; margin:0; display:block; outline:0} .ui-autocomplete{ position:absolute; top:0; left:0; cursor:default; z-index:9999; background-color:#fff} .ui-menu .ui-menu-item{ margin:0; cursor:pointer} .ui-menu .ui-menu-item-wrapper{ padding:5px 10px} .ui-menu .ui-menu-item-wrapper.ui-state-active{ background-color:#ccc !important} .ui-selectmenu-button.ui-button{ text-align:left; white-space:nowrap; width:auto} .ui-button{ padding:0; display:inline-block; position:relative; cursor:pointer; vertical-align:middle; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; overflow:visible} .ui-selectmenu-text{ display:block; overflow:hidden; padding:0 10px; margin:2px 0} .ui-selectmenu-icon.ui-icon{ float:right; margin-top:5px; margin-right:10px; margin-left:10px; background-image:none !important} .ui-icon{ width:8px; height:8px; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg); display:inline-block; vertical-align:middle; position:relative; text-indent:-99999px; overflow:hidden} .ui-selectmenu-menu{ padding:0; margin:0; position:absolute; top:0; left:0; display:none; z-index:100} .ui-selectmenu-open{ display:block} .ui-selectmenu-menu .ui-menu{ overflow:auto; overflow-x:hidden; background:#fff; color:#000; padding-bottom:1px; border:1px solid #ccc; max-height:300px} .ui-selectmenu-menu .ui-menu .ui-menu-item{ font-size:14px; line-height:25px; color:#000 !important; margin:0; padding:0} .ui-selectmenu-menu .ui-menu .ui-menu-item:before{ display:none} .ui-selectmenu-menu .ui-menu-item-wrapper{ padding:5px 10px; background-color:#fff; transition:.1s} .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active{ background-color:#ccc !important; border:0 !important; color:#000 !important} .ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-disabled{ opacity:.5} .ui-menu-item span.menu-badge{ background-color:#000; display:inline-block; padding:3px; line-height:100%; border-radius:2px; font-size:13px; color:#fff; opacity:.8} .searchFilter{ margin:10px auto; text-align:center; color:#000} .searchFilter .filterElement{ display:inline-block; padding:2px 17px 2px 5px; position:relative; cursor:pointer} .searchFilter .filterElement:after{ content:""; position:absolute; right:5px; top:2px; bottom:2px; width:10px; background:url(/images/icons/ico-close.svg) center no-repeat transparent; background-size:10px 10px} .module_filter{ margin:0 auto; padding:20px 0; text-align:left; box-sizing:border-box} .module_filter .filter_title.button{ cursor:pointer} .module_filter .filters_container{ display:none} .module_filter .filters_container.active{ display:inline-block} .module_filter .filter_item{ display:inline-block; margin:0 20px} .module_filter .filter_item .title{ display:block; font-family:var(--wg-font-family-regular); font-size:14px; line-height:18px; color:#000; text-align:left; padding-bottom:5px} .module_filter select,.module_filter .ui-selectmenu-button{ font-size:14px; line-height:21px; color:#000; display:inline-block; margin-bottom:5px; vertical-align:top; background-color:#fff !important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:1px solid #000; border-radius:0 !important; height:25px; min-width:150px} .module_filter .ui-selectmenu-button.ui-selectmenu-button-open{ color:#000 !important} body.compensate-for-scrollbar{ overflow:hidden} .fancybox-active{ height:auto} .fancybox-is-hidden{ left:-9999px; margin:0; position:absolute!important; top:-9999px; visibility:hidden} .fancybox-container{ -webkit-backface-visibility:hidden; height:100%; left:0; outline:none; position:fixed; -webkit-tap-highlight-color:transparent; top:0; -ms-touch-action:manipulation; touch-action:manipulation; transform:translateZ(0); width:100%; z-index:99992} .fancybox-container *{ box-sizing:border-box} .fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{ bottom:0; left:0; position:absolute; right:0; top:0} .fancybox-outer{ -webkit-overflow-scrolling:touch; overflow-y:auto} .fancybox-bg{ background:#1e1e1e; opacity:0; transition-duration:inherit; transition-property:opacity; transition-timing-function:cubic-bezier(.47,0,.74,.71)} .fancybox-is-open .fancybox-bg{ opacity:.9; transition-timing-function:cubic-bezier(.22,.61,.36,1)} .fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{ direction:ltr; opacity:0; position:absolute; transition:opacity .25s ease,visibility 0s ease .25s; visibility:hidden; z-index:99997} .fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{ opacity:1; transition:opacity .25s ease 0s,visibility 0s ease 0s; visibility:visible} .fancybox-infobar{ color:#ccc; font-size:13px; -webkit-font-smoothing:subpixel-antialiased; height:44px; left:0; line-height:44px; min-width:44px; mix-blend-mode:difference; padding:0 10px; pointer-events:none; top:0; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none} .fancybox-toolbar{ right:0; top:0} .fancybox-stage{ direction:ltr; overflow:visible; transform:translateZ(0); z-index:99994} .fancybox-is-open .fancybox-stage{ overflow:hidden} .fancybox-slide{ -webkit-backface-visibility:hidden; display:none; height:100%; left:0; outline:none; overflow:auto; -webkit-overflow-scrolling:touch; padding:44px; position:absolute; text-align:center; top:0; transition-property:transform,opacity; white-space:normal; width:100%; z-index:99994} .fancybox-slide:before{ content:""; display:inline-block; font-size:0; height:100%; vertical-align:middle; width:0} .fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{ display:block} .fancybox-slide--image{ overflow:hidden; padding:44px 0} .fancybox-slide--image:before{ display:none} .fancybox-slide--html{ padding:6px} .fancybox-content{ background:#fff; display:inline-block; margin:0; max-width:100%; overflow:auto; -webkit-overflow-scrolling:touch; padding:44px; position:relative; text-align:left; vertical-align:middle} .fancybox-slide--image .fancybox-content{ animation-timing-function:cubic-bezier(.5,0,.14,1); -webkit-backface-visibility:hidden; background:transparent; background-repeat:no-repeat; background-size:100% 100%; left:0; max-width:none; overflow:visible; padding:0; position:absolute; top:0; transform-origin:top left; transition-property:transform,opacity; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; z-index:99995} .fancybox-can-zoomOut .fancybox-content{ cursor:zoom-out} .fancybox-can-zoomIn .fancybox-content{ cursor:zoom-in} .fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{ cursor:grab} .fancybox-is-grabbing .fancybox-content{ cursor:grabbing} .fancybox-container [data-selectable=true]{ cursor:text} .fancybox-image,.fancybox-spaceball{ background:transparent; border:0; height:100%; left:0; margin:0; max-height:none; max-width:none; padding:0; position:absolute; top:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:100%} .fancybox-spaceball{ z-index:1} .fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{ height:100%; overflow:visible; padding:0; width:100%} .fancybox-slide--video .fancybox-content{ background:#000} .fancybox-slide--map .fancybox-content{ background:#e5e3df} .fancybox-slide--iframe .fancybox-content{ background:#fff} .fancybox-iframe,.fancybox-video{ background:transparent; border:0; display:block; height:100%; margin:0; overflow:hidden; padding:0; width:100%} .fancybox-iframe{ left:0; position:absolute; top:0} .fancybox-error{ background:#fff; cursor:default; max-width:400px; padding:40px; width:100%} .fancybox-error p{ color:#444; font-size:16px; line-height:20px; margin:0; padding:0} .fancybox-button{ background:rgba(30,30,30,.6); border:0; border-radius:0; box-shadow:none; cursor:pointer; display:inline-block; height:44px; margin:0; padding:10px; position:relative; transition:color .2s; vertical-align:top; visibility:inherit; width:44px} .fancybox-button,.fancybox-button:link,.fancybox-button:visited{ color:#ccc} .fancybox-button:hover{ color:#fff} .fancybox-button:focus{ outline:none} .fancybox-button.fancybox-focus{ outline:1px dotted} .fancybox-button[disabled],.fancybox-button[disabled]:hover{ color:#888; cursor:default; outline:none} .fancybox-button div{ height:100%} .fancybox-button svg{ display:block; height:100%; overflow:visible; position:relative; width:100%} .fancybox-button svg path{ fill:currentColor; stroke-width:0} .fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){ display:none} .fancybox-progress{ background:#ff5268; height:2px; left:0; position:absolute; right:0; top:0; transform:scaleX(0); transform-origin:0; transition-property:transform; transition-timing-function:linear; z-index:99998} .fancybox-close-small{ background:transparent; border:0; border-radius:0; color:#ccc; cursor:pointer; opacity:.8; padding:8px; position:absolute; right:-12px; top:-44px; z-index:401} .fancybox-close-small:hover{ color:#fff; opacity:1} .fancybox-slide--html .fancybox-close-small{ color:currentColor; padding:10px; right:0; top:0} .fancybox-slide--image.fancybox-is-scaling .fancybox-content{ overflow:hidden} .fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{ display:none} .fancybox-navigation .fancybox-button{ background-clip:content-box; height:100px; opacity:0; position:absolute; top:calc(50% - 50px); width:70px} .fancybox-navigation .fancybox-button div{ padding:7px} .fancybox-navigation .fancybox-button--arrow_left{ left:0; left:env(safe-area-inset-left); padding:31px 26px 31px 6px} .fancybox-navigation .fancybox-button--arrow_right{ padding:31px 6px 31px 26px; right:0; right:env(safe-area-inset-right)} .fancybox-caption{ background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent); bottom:0; color:#eee; font-size:14px; font-weight:400; left:0; line-height:1.5; padding:75px 44px 25px; pointer-events:none; right:0; text-align:center; z-index:99996} @supports (padding:max(0px)){ .fancybox-caption{ padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))} } .fancybox-caption--separate{ margin-top:-50px} .fancybox-caption__body{ max-height:50vh; overflow:auto; pointer-events:all} .fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{ color:#ccc; text-decoration:none} .fancybox-caption a:hover{ color:#fff; text-decoration:underline} .fancybox-loading{ animation:a 1s linear infinite; background:transparent; border:4px solid #888; border-bottom-color:#fff; border-radius:50%; height:50px; left:50%; margin:-25px 0 0 -25px; opacity:.7; padding:0; position:absolute; top:50%; width:50px; z-index:99999} @keyframes a{ to{ transform:rotate(1turn)} } .fancybox-animated{ transition-timing-function:cubic-bezier(0,0,.25,1)} .fancybox-fx-slide.fancybox-slide--previous{ opacity:0; transform:translate3d(-100%,0,0)} .fancybox-fx-slide.fancybox-slide--next{ opacity:0; transform:translate3d(100%,0,0)} .fancybox-fx-slide.fancybox-slide--current{ opacity:1; transform:translateZ(0)} .fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{ opacity:0; transition-timing-function:cubic-bezier(.19,1,.22,1)} .fancybox-fx-fade.fancybox-slide--current{ opacity:1} .fancybox-fx-zoom-in-out.fancybox-slide--previous{ opacity:0; transform:scale3d(1.5,1.5,1.5)} .fancybox-fx-zoom-in-out.fancybox-slide--next{ opacity:0; transform:scale3d(.5,.5,.5)} .fancybox-fx-zoom-in-out.fancybox-slide--current{ opacity:1; transform:scaleX(1)} .fancybox-fx-rotate.fancybox-slide--previous{ opacity:0; transform:rotate(-1turn)} .fancybox-fx-rotate.fancybox-slide--next{ opacity:0; transform:rotate(1turn)} .fancybox-fx-rotate.fancybox-slide--current{ opacity:1; transform:rotate(0deg)} .fancybox-fx-circular.fancybox-slide--previous{ opacity:0; transform:scale3d(0,0,0) translate3d(-100%,0,0)} .fancybox-fx-circular.fancybox-slide--next{ opacity:0; transform:scale3d(0,0,0) translate3d(100%,0,0)} .fancybox-fx-circular.fancybox-slide--current{ opacity:1; transform:scaleX(1) translateZ(0)} .fancybox-fx-tube.fancybox-slide--previous{ transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)} .fancybox-fx-tube.fancybox-slide--next{ transform:translate3d(100%,0,0) scale(.1) skew(10deg)} .fancybox-fx-tube.fancybox-slide--current{ transform:translateZ(0) scale(1)} @media (max-height:576px){ .fancybox-slide{ padding-left:6px; padding-right:6px} .fancybox-slide--image{ padding:6px 0} .fancybox-close-small{ right:-6px} .fancybox-slide--image .fancybox-close-small{ background:#4e4e4e; color:#f2f4f6; height:36px; opacity:1; padding:6px; right:0; top:0; width:36px} .fancybox-caption{ padding-left:12px; padding-right:12px} @supports (padding:max(0px)){ .fancybox-caption{ padding-left:max(12px,env(safe-area-inset-left)); padding-right:max(12px,env(safe-area-inset-right))} } } .fancybox-share{ background:#f4f4f4; border-radius:3px; max-width:90%; padding:30px; text-align:center} .fancybox-share h1{ color:#222; font-size:35px; font-weight:700; margin:0 0 20px} .fancybox-share p{ margin:0; padding:0} .fancybox-share__button{ border:0; border-radius:3px; display:inline-block; font-size:14px; font-weight:700; line-height:40px; margin:0 5px 10px; min-width:130px; padding:0 15px; text-decoration:none; transition:all .2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap} .fancybox-share__button:link,.fancybox-share__button:visited{ color:#fff} .fancybox-share__button:hover{ text-decoration:none} .fancybox-share__button--fb{ background:#3b5998} .fancybox-share__button--fb:hover{ background:#344e86} .fancybox-share__button--pt{ background:#bd081d} .fancybox-share__button--pt:hover{ background:#aa0719} .fancybox-share__button--tw{ background:#1da1f2} .fancybox-share__button--tw:hover{ background:#0d95e8} .fancybox-share__button svg{ height:25px; margin-right:7px; position:relative; top:-1px; vertical-align:middle; width:25px} .fancybox-share__button svg path{ fill:#fff} .fancybox-share__input{ background:transparent; border:0; border-bottom:1px solid #d7d7d7; border-radius:0; color:#5d5b5b; font-size:14px; margin:10px 0 0; outline:none; padding:10px 15px; width:100%} .fancybox-thumbs{ background:#ddd; bottom:0; display:none; margin:0; -webkit-overflow-scrolling:touch; -ms-overflow-style:-ms-autohiding-scrollbar; padding:2px 2px 4px; position:absolute; right:0; -webkit-tap-highlight-color:rgba(0,0,0,0); top:0; width:212px; z-index:99995} .fancybox-thumbs-x{ overflow-x:auto; overflow-y:hidden} .fancybox-show-thumbs .fancybox-thumbs{ display:block} .fancybox-show-thumbs .fancybox-inner{ right:212px} .fancybox-thumbs__list{ font-size:0; height:100%; list-style:none; margin:0; overflow-x:hidden; overflow-y:auto; padding:0; position:absolute; position:relative; white-space:nowrap; width:100%} .fancybox-thumbs-x .fancybox-thumbs__list{ overflow:hidden} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{ width:7px} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{ background:#fff; border-radius:10px; box-shadow:inset 0 0 6px rgba(0,0,0,.3)} .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{ background:#2a2a2a; border-radius:10px} .fancybox-thumbs__list a{ -webkit-backface-visibility:hidden; backface-visibility:hidden; background-color:rgba(0,0,0,.1); background-position:50%; background-repeat:no-repeat; background-size:cover; cursor:pointer; float:left; height:75px; margin:2px; max-height:calc(100% - 8px); max-width:calc(50% - 4px); outline:none; overflow:hidden; padding:0; position:relative; -webkit-tap-highlight-color:transparent; width:100px} .fancybox-thumbs__list a:before{ border:6px solid #ff5268; bottom:0; content:""; left:0; opacity:0; position:absolute; right:0; top:0; transition:all .2s cubic-bezier(.25,.46,.45,.94); z-index:99991} .fancybox-thumbs__list a:focus:before{ opacity:.5} .fancybox-thumbs__list a.fancybox-thumbs-active:before{ opacity:1} @media (max-width:576px){ .fancybox-thumbs{ width:110px} .fancybox-show-thumbs .fancybox-inner{ right:110px} .fancybox-thumbs__list a{ max-width:calc(100% - 10px)} }