*{ 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_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} main{ animation:fadein 2s; padding-top:70px} @keyframes fadein{ from{ opacity:0} to{ opacity:1} } header{ height:104px} @media only print{ header{ display:none} } main{ padding-top:104px; min-height:calc(100% - 104px)} @media only print{ main{ padding-top:14px; min-height:auto} main:before{ content:url(/images/logo/logo_0.svg); margin:0 20px 14px; width:254px; height:32px} } .printview main{ padding-top:0; min-height:auto; animation:none} .printview main:before{ display:none} footer{ padding:90px 0 0 0; text-align:left; display:flex; flex-flow:column} @media only screen and (min-width:1025px){ footer{ flex-flow:row} footer .footer_left{ width:30%} footer .footer_right{ width:70%} } @media only screen and (max-width:1024px){ footer{ padding-top:0} } @media only print{ footer .footer_right{ display:none} } .content_row.no_visible{ background-color:rgba(250,220,181,.2); position:relative} .content_row.no_visible:before{ content:"Teilseite ist nicht sichtbar"; 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:before{ opacity:1} .anchor{ position:absolute; top:-104px} .content_row{ padding:120px 0 160px; position:relative; z-index:1} .content_row:after,.content_row.gray_hg:after,.content_row.dark_hg:after{ content:""; position:absolute; left:0; right:0; bottom:0; height:160px; z-index:0} @media screen and (max-width:1024px){ .content_row{ padding:60px 0 80px} } @media screen and (max-width:768px){ .content_row{ padding:40px 0} } .template_ix{ width:100%; min-width:300px; max-width:var(--content-max-width); margin:0 auto; padding:0 20px; box-sizing:border-box; position:relative; z-index:1} .template_ix img{ max-width:100% !important} .template_media{ width:100%} .template_headlines{ padding:0 0 26px} .template_media.template_bild img{ border-radius:24px 24px 24px 0px} @media only screen and (max-width:1044px){ .template_ix{ width:auto; margin:0 10px} } @media only screen and (max-width:1024px){ main{ padding-top:60px} } @media print{ @page{ margin:.5cm; size:A4} .hyphenate{ hyphens:auto} .page-break{ display:block; page-break-before:always !important} .template_ix .template_links{ display:none !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{ --color-rot-hell:#FF6673; --color-rot-mittel:#C24F62; --color-rot-standard:#A00F41; --color-rot-dunkel:#73092E; --color-grau1:#F0F4F7; --color-grau2:#DFE3E6; --color-grau3:#A4B4C3; --color-schwarz1:#7A8A99; --color-schwarz:#4B5F73; --color-weiss:#fff; --color-background-verlauf:linear-gradient(150.19deg, #C24F62 -16.69%, #A00F41 24.34%, #410510 114.97%, #B8B8B8 114.97%); --text-font-family:"SwitzerLight", sans-serif; --text-font-size:18px; --text-font-weight:normal; --text-font-style:normal; --text-line-height:1.5; --text-letter-spacing:0.01em; --text-color:var(--color-schwarz); --p1-margin-bottom:calc(var(--text-line-height) * 0.5); --p2-margin-bottom:var(--p1-margin-bottom); --h1-font-family:"Conthrax", sans-serif; --h1-font-size:44px; --h1-font-weight:600; --h1-font-style:normal; --h1-line-height:1.2; --h1-letter-spacing:0px; --h1-color:var(--color-schwarz); --h2-font-family:"Switzer", sans-serif; --h2-font-size:26px; --h2-font-weight:400; --h2-font-style:normal; --h2-line-height:1.2; --h2-letter-spacing:0.01em; --h2-color:var(--color-schwarz); --h3-font-family:"Conthrax", sans-serif; --h3-font-size:32px; --h3-font-weight:600; --h3-font-style:normal; --h3-line-height:1.2; --h3-letter-spacing:0px; --h3-color:var(--color-schwarz); --h4-font-family:"SwitzerMedium", sans-serif; --h4-font-size:22px; --h4-font-weight:500; --h4-font-style:normal; --h4-line-height:1.2; --h4-letter-spacing:0.03em; --h4-color:var(--color-schwarz); --h5-font-family:"Conthrax", sans-serif; --h5-font-size:22px; --h5-font-weight:600; --h5-font-style:normal; --h5-line-height:1.2; --h5-letter-spacing:-0.01em; --h5-color:var(--color-schwarz); --h6-font-family:"Switzer", sans-serif; --h6-font-size:18px; --h6-font-weight:400; --h6-font-style:normal; --h6-line-height:1.4; --h6-letter-spacing:0; --h6-color:var(--color-schwarz); --content-max-width:1264px; --template-gutter-size:72px} @media(max-width:1023px){:root{ --h1-font-size:35px; --h2-font-size:21px; --h3-font-size:26px; --h4-font-size:18px; --h5-font-size:18px; --h6-font-size:18px} } @media only print{:root{ --h1-font-size:22px; --h2-font-size:20px; --h3-font-size:18px; --h4-font-size:14px; --h5-font-size:14px; --h6-font-size:14px; --text-font-size:12px} } body.printview{ --h1-font-size:22px; --h2-font-size:20px; --h3-font-size:18px; --h4-font-size:14px; --h5-font-size:14px; --h6-font-size:14px; --text-font-size:12px} body{ background:var(--color-grau1)} 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:var(--text-color)} .p1{ display:block; margin-bottom:var(--p1-margin-bottom)} .p2{ display:block; margin-bottom:var(--p2-margin-bottom)} h1,.content_headline1{ font-family:var(--h1-font-family); font-style:var(--h1-font-style); font-weight:var(--h1-font-weight); font-size:var(--h1-font-size); line-height:var(--h1-line-height); letter-spacing:var(--h1-letter-spacing); color:var(--h1-color); text-transform:lowercase} h2,.content_headline2{ font:var(--h2-font-style) var(--h2-font-weight) var(--h2-font-size)/var(--h2-line-height) var(--h2-font-family); letter-spacing:var(--h2-letter-spacing); color:var(--h2-color); text-transform:uppercase} h3,.content_headline3{ font:var(--h3-font-style) var(--h3-font-weight) var(--h3-font-size)/var(--h3-line-height) var(--h3-font-family); letter-spacing:var(--h3-letter-spacing); color:var(--h3-color); text-transform:lowercase} h4,.content_headline4{ font:var(--h4-font-style) var(--h4-font-weight) var(--h4-font-size)/var(--h4-line-height) var(--h4-font-family); letter-spacing:var(--h4-letter-spacing); color:var(--h4-color); text-transform:uppercase} h5,.content_headline5{ font:var(--h5-font-style) var(--h5-font-weight) var(--h5-font-size)/var(--h5-line-height) var(--h5-font-family); letter-spacing:var(--h5-letter-spacing); color:var(--h5-color); text-transform:uppercase} h6,.content_headline6{ font:var(--h6-font-style) var(--h6-font-weight) var(--h6-font-size)/var(--h6-line-height) var(--h6-font-family); letter-spacing:var(--h6-letter-spacing); color:var(--h6-color); text-transform:uppercase} a:hover,a:focus{ text-decoration:underline} .template_text a:link,.template_text a:visited{ color:var(--color-rot-standard)} .template_text a:hover,.template_text a:focus{ color:var(--color-rot-mittel)} a.content_overview{ text-decoration:none; display:block} .content_editlink{ z-index:12} .content_overview_more{ white-space:nowrap} header{ background-color:var(--color-grau1)} @media only screen and (min-width:1025px){ header{ filter:drop-shadow(0px 10px 16px rgba(14, 21, 28, 0.2))} } @media only screen and (max-width:1024px){ header{ box-shadow:0px 5px 16px rgba(38,58,77,.1)} } footer{ background-color:var(--color-grau1)} footer .footer_right{ background-color:var(--color-rot-standard); border-top-left-radius:80px; display:flex; flex-flow:column; justify-content:space-between} @media only screen and (max-width:768px){ footer .footer_right{ border-top-left-radius:40px} } main table{ border-collapse:collapse; border-spacing:0} main table td{ border:1px solid #d3d3d3; padding:3px; vertical-align:top} .printview main table td{ border:0; padding:0; vertical-align:top} .color-rot-mittel,.color-rot-mittel *{ color:var(--color-rot-mittel)} .color-rot-standard,.color-rot-standard *{ color:var(--color-rot-standard)} .color-rot-dunkel,.color-rot-dunkel *{ color:var(--color-rot-dunkel)} .color-grau1,.color-grau1 *{ color:var(--color-grau1)} .color-grau2,.color-grau2 *{ color:var(--color-grau2)} .color-grau3,.color-grau3 *{ color:var(--color-grau3)} .color-schwarz1,.color-schwarz1 *{ color:var(--color-schwarz1)} .color-schwarz2,.color-schwarz2 *{ color:var(--color-schwarz)} .color-weiss{ color:var(--color-weiss)} .cke_editable .color-weiss{ text-shadow:1px 1px 2px #666} button,.button,.btn{ display:inline-block; padding:7px 40px; font-family:"SwitzerMedium",sans-serif; font-weight:normal; font-size:20px; line-height:1; text-align:center; border:0; border-radius:0px 0px 0px 16px; user-select:none; outline:none; cursor:pointer; transition:color .2s,background-color .2s} a.button,a .button,.button a:link,.button a:visited,.template_text a.button,.template_text a .button,.template_text .button a:link,.template_text .button a:visited{ color:var(--color-weiss); background-color:var(--color-grau3)} a.button:hover,a:hover .button,.button a:hover,.template_text a.button:hover,.template_text a:hover .button,.template_text .button a:hover{ color:var(--color-weiss); background-color:var(--color-schwarz); text-decoration:none} .button2{ display:inline-block; padding:7px 52px 7px 32px; font-family:"SwitzerMedium",sans-serif; font-weight:normal; font-size:18px; line-height:27px; text-align:center; border:1px solid var(--color-schwarz); border-radius:0px 8px 8px 8px; user-select:none; outline:none; cursor:pointer; transition:.2s; position:relative} .button2:after{ content:""; position:absolute; right:32px; top:0; bottom:0; width:15px; background:url(/images/icons/icon_link_black.svg) center no-repeat transparent} .template_text .button2 a:link,.template_text .button2 a:visited,.template_text a.button2:link,.template_text a.button2:visited,.template_text a .button2:link,.template_text a .button2:visited,.button2 a:link,.button2 a:visited,a.button2:link,a.button2:visited,a .button2:link,a .button2:visited{ color:var(--color-schwarz)} .template_text .button2 a:hover,.template_text a.button2:hover,.template_text a:hover .button2,.button2 a:hover,a:hover .button2,a.button2:hover{ opacity:.8; text-decoration:none} .content_row{ background-color:var(--color-grau1)} .content_row:after{ background:linear-gradient(360deg, #e2e7eb 0%, rgba(235, 240, 244, 0) 100%); mix-blend-mode:multiply} .content_row.gray_hg{ background-color:var(--color-grau3)} .content_row.gray_hg:after{ background:linear-gradient(360deg, rgba(164, 180, 195, 0.6) 0%, rgba(255, 255, 255, 0) 100%); mix-blend-mode:multiply} .content_row.gray_hg .button2{ border-color:var(--color-weiss)} .content_row.gray_hg .button2:after{ background:url(/images/icons/icon_link_white.svg) center no-repeat transparent} .content_row.gray_hg .button2 a:link,.content_row.gray_hg .button2 a:visited,.content_row.gray_hg a.button2:link,.content_row.gray_hg a:link .button2,.content_row.gray_hg a.button2:visited,.content_row.gray_hg a:visited .button2{ color:var(--color-weiss)} .content_row.dark_hg{ background-color:var(--color-schwarz)} .content_row.dark_hg:after{ background:linear-gradient(360deg, rgba(92, 104, 115, 0.4) 0%, rgba(255, 255, 255, 0) 100%); mix-blend-mode:multiply} .content_row.dark_hg .button2{ border-color:var(--color-weiss)} .content_row.dark_hg .button2:after{ background:url(/images/icons/icon_link_white.svg) center no-repeat transparent} .content_row.dark_hg .button2 a:link,.content_row.dark_hg .button2 a:visited,.content_row.dark_hg a.button2:link,.content_row.dark_hg a:link .button2,.content_row.dark_hg a.button2:visited,.content_row.dark_hg a:visited .button2{ color:var(--color-weiss)} @media only print{ .content_row:after{ display:none !important} } .printview .content_row:after{ display:none !important} .media_preview_image{ cursor:pointer; position:relative} .media_preview_image img{ width:100%} .media_preview_image:after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:75px; height:75px; background:url(/images/icons/btn_play_white.svg) center no-repeat transparent; background-size:contain; opacity:.8} .media_preview_image:hover:after{ opacity:1} main ul{ margin:0 0 0 25px; padding:0; list-style-type:disc} .printview main ul{ margin-left:15px} div.autocomplete{ position:absolute; background-color:var(--color-weiss); border:0; 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:var(--color-grau1)} @media only print{ body.noprn{ background:var(--color-weiss) !important} body.noprn *{ display:none !important} body.noprn:before{ content:"Drucken ist nicht gestattet"; font-size:100px; line-height:normal; color:var(--color-schwarz); display:block; text-align:center} } .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)} .formular{ width:100%; margin:0 auto} form .form_row_group_container{ margin:0 auto; padding:0 20px 40px; max-width:var(--content-max-width); box-sizing:border-box; display:flex} form .form_row_group_left{ width:34%; padding-right:6%; box-sizing:border-box} form .form_row_group_right{ width:66%} 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%} 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,.form_messages{ color:#7e1515; list-style-type:none; margin:0} .datenschutzHinweisText{ padding-bottom:15px} input,select,textarea{ border-radius:0} 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:var(--text-color); background-color:rgba(75,75,77,.1)} label.checkbox input[type=checkbox]:focus~.checkmark,label.radio input[type=radio]:focus~.checkmark{ border-color:var(--text-color); background-color:rgba(75,75,77,.1)} label.checkbox input[type=checkbox]:checked~.checkmark,label.radio input[type=radio]:checked~.checkmark{ border-color:var(--text-color); background-color:var(--text-color)} label.checkbox:hover input[type=checkbox]:checked~.checkmark,label.radio:hover input[type=radio]:checked~.checkmark{ border-color:rgba(75,75,77,.8); background-color:rgba(75,75,77,.8)} label.checkbox input[type=checkbox]:checked:focus~.checkmark,label.radio input[type=radio]:checked:focus~.checkmark{ border-color:rgba(75,75,77,.8); background-color:rgba(75,75,77,.8)} label.checkbox .checkmark::after,label.radio .checkmark::after{ position:absolute; opacity:0; text-align:center; color:var(--text-color); 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:var(--text-color); 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:23px; left:20px; display:block; padding:0 5px; box-sizing:border-box; color:var(--color-grau3)} form .row_table>.row:nth-child(2).ffl-wrapper>label{ left:30px} form .row_table>.row_table>.row:nth-child(2).ffl-wrapper>label{ left:10px} .ffl-wrapper.ffl-floated>label{ top:0; font-size:13px; line-height:15px; background-color:#fff; opacity:1; z-index:1} .ffl-wrapper.ffl-floated>label{ background-color:var(--color-grau1)} .gray_hg .ffl-wrapper.ffl-floated>label{ background-color:var(--color-grau3)} .dark_hg .ffl-wrapper.ffl-floated>label{ background-color:var(--color-schwarz)} .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>textarea,.ffl-wrapper>select,.ffl-wrapper>.ui-selectmenu-button.ui-button{ transition:all 100ms ease; display:block; width:100%; padding:16px 24px; box-shadow:none; -webkit-appearance:none; appearance:none; outline:none; background-color:transparent; border:1px solid var(--color-grau3); border-radius:0px 8px 8px 8px; height:60px; box-sizing:border-box; font-family:inherit; font-size:inherit; color:var(--text-color)} .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>textarea,.ffl-wrapper.ffl-floated>select,.ffl-wrapper.ffl-floated>.ui-selectmenu-button.ui-button{ border-color:var(--color-schwarz)} .ffl-wrapper.ffl-floated .ui-selectmenu-button .ui-selectmenu-text{ padding:0} .ffl-wrapper.row_file>label{ top:0; font-size:13px; line-height:15px; background-color:#fff; opacity:1} .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} @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} } .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:#f0f4f7 0 0 no-repeat padding-box; box-shadow:0px 4px 6px rgba(63,96,128,.25); border-radius:8px; padding:30px; width:100%; max-width:845px; box-sizing:border-box; z-index:99999; cursor:default} #c_m_p #onoffswitch_E~.onoffswitch-label,#c_m_p #onoffswitch_PHPSESSION~.onoffswitch-label{ opacity:.4} #c_m_p .c_m_p_title{ color:#4b5f73; font:normal normal bold 22px/26px var(--h1-font-family); letter-spacing:-0.01em; padding-bottom:10px; text-transform:uppercase} #c_m_p .c_m_p_text{ color:#7a8a99; font:normal normal 300 18px/27px var(--text-font-family); letter-spacing:.01em; margin-bottom:20px} #c_m_p a{ color:#4b5f73; 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:#7a8a99; 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{ display:inline-block; margin-right:5px; border:0; background-color:transparent; font:normal normal 300 18px/24px var(--text-font-family); letter-spacing:0; color:#a4b4c3; text-transform:none; padding:9px 15px; box-sizing:border-box} #c_m_p .c_m_p_accept_ess{ display:inline-block; margin-right:5px; background-color:#a4b4c3; font:normal normal 300 18px/24px var(--text-font-family); letter-spacing:.01em; color:#fff; text-transform:none; padding:10px 24px; box-sizing:border-box; border:0; border-radius:0px 0px 0px 8px} #c_m_p .c_m_p_accept_all,#c_m_p .c_m_p_save{ display:inline-block; background:url(/images/icons/icon_settings_white.svg) no-repeat center right 20px #c24f62; font:normal normal normal 18px/24px var(--text-font-family); letter-spacing:.01em; color:#fff; text-transform:uppercase; padding:10px 50px 10px 24px; box-sizing:border-box; border:0; border-radius:0px 8px 8px 0px} #c_m_p .c_m_p_activate_all{ display:block; float:right; margin-left:20px; background:#4b5f73 0 0 no-repeat padding-box; border-radius:0px 8px 8px 0px; font:normal normal 300 18px/24px var(--text-font-family); letter-spacing:.01em; 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(0,0,0,.1); 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(--h1-font-family); letter-spacing:0; color:#4b5f73; 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:#7a8a99; 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:#fff; 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 rgba(0,0,0,.1)} #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_content_headline{ font-weight:bold} #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} @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{ 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; background-image:none} #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} } @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; border-right:1px solid blue} .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 blue; border-bottom:1px solid blue; 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:blue; 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:blue !important} .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:blue !important} .ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-disabled{ opacity:.5} .ui-menu-item span.menu-badge{ background-color:blue; 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:blue; 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 blue; border-radius:0 !important; height:25px; min-width:150px} .module_filter .ui-selectmenu-button.ui-selectmenu-button-open{ color:blue !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)} }