.page_title::after {content: url('/fastmedia/3/service_weiss.png')} body:has(#dachmarke-oben){padding-top: 11rem;@media screen and (max-width: 73.125rem){padding-top: 5.5rem} & a.navbar-toggle{margin-top: 1.5rem} & #myNavmenu>ol{padding-top: 1.5rem} & #dachmarke-oben{left: 0!important;right: 0!important} @media screen and (max-width: 63.6875rem){& #dachmarke-unten{padding-left: 1.875rem !important} & #dachmarke-unten>div{display: none} } @media screen and (max-width: 42.5rem){& #dachmarke-unten{padding-left: 0.9375rem !important} } @media screen and (max-width: 61.25rem){& #dachmarke-oben{padding-left: 0.625rem !important} } &>div.centerframe{top: 1.5rem} & header.header{top: 1.5rem!important} } #dachmarke-oben{z-index: 20000000;position: fixed;width: 100%;top: 0;background-color: #f0f0f0;padding: 5px 0 5px 0} #dachmarke-oben svg{height: 0.625rem;vertical-align: middle} #dachmarke-unten{padding: 1.875rem 1.875rem 0 3.75rem;display: flex;align-items: flex-end;line-height: 1.125rem} #dachmarke-unten img{width: 9rem;float: left;padding-right: 1.25rem;padding-bottom: 0.188rem} .kern-kopfzeile__label{font-size: 0.7rem;vertical-align: middle} a{color: #002b4b} a.button__img-only:focus img{border: 2px solid #ab2600} #container>.main{padding: 1.875rem 1.875rem 1.875rem 3.75rem;box-sizing: border-box} #container>div.main.sp_absaetze_fullwidth_active{padding: 1.875rem 1.875rem 0 3.75rem} #container>div.main.sp_absaetze_fullwidth_wrapper{padding: 0 0 0 0} #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth{padding: 0 0 0 0} #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article{padding: 0 0 0 0} #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col{padding: 0 0 0 0;border-bottom: 2px solid var(--darkblue)} #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>h1, #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>h2, #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>p, #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>div.zeitschiene-wrapper{padding-left: 3.75rem;padding-right: 3.75rem} #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>p{display: block;margin-top: 0.375rem;margin-bottom: 0;border-top: 2px solid var(--darkblue);border-bottom: 0;padding-top: 0.75rem;padding-bottom: 0.75rem} #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>div.inline_image.inline_right, #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>div.article_head_image{padding-right: 3.75rem} #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>div.inline_image.inline_left, #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>div.article_head_image, #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>a.single-image.inline_left{padding-left: 3.75rem} #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>a.single-image.inline_left{margin-top: 0.75rem} #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-2col{padding: 0 0 0 3.75rem} @media screen and (max-width: 47.9375rem){#container>.main{padding: 0.625rem 0.9375rem 1.875rem 0.9375rem;width: 100%} #container>div.main.sp_absaetze_fullwidth_active{padding: 0.625rem 0.9375rem 0 0.9375rem} #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>h1, #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>h2, #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>p, #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>div.zeitschiene-wrapper{padding-left: 0.9375rem;padding-right: 0.9375rem} #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>div.inline_image.inline_right, #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>div.article_head_image{padding-right: 0.9375rem} #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>div.inline_image.inline_left, #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>div.article_head_image, #container>div.main.sp_absaetze_fullwidth_wrapper>div.sp_absaetze_fullwidth>div.main_article>div.entry-wrapper-1col>a.single-image.inline_left{padding-left: 0.9375rem} } #container>.main .main_article{width: auto;margin: 0;padding: 0;border: 0} #container>.main .main_article h1 ~ p:last-child{margin-bottom: 1rem} .single-article{margin-right: 40px;float: left} .single-article img{float: left;width: 75px} .single-article img.icon{margin: 0 35px 15px 0;width: auto} .single-article.w400{width: 400px} .single-article.w290{float: left;width: 48%} .toggle-article-cnt .single-article:nth-child(even), .article .single-article:nth-child(odd), .article .single-article.even{margin-right: 0} .article .single-article.odd{margin-right: 4%} @media screen and (max-width: 540px){.single-article.w290{float: none;width: 100%} .article .single-article.odd{margin-right: 0} } .single-article img{float: left;width: 75px} .single-article div.right{float: left;width: 298px;padding: 0 10px 20px 0} .single-article p{margin: 0 0 5px 0} .single-article h3{margin: 0 0 5px 0;color: #444444} .single-article.subs h3{} .single-article h4{color: #444444;margin-bottom: 5px;margin-top: 0} .toogle-article{clear: both;height: 40px;display: block;text-indent: -3000px} .toogle-article.more{background: transparent url('/fastmedia/163/article_more.18906.png') no-repeat center 0;margin-left: 0} .toogle-article.less{background: transparent url('/fastmedia/163/article_less.18905.png') no-repeat center 0} .js .toggle-article-cnt{overflow: hidden;height: auto;padding-bottom: 20px;background: transparent url('/fastmedia/163/divider.18907.jpg') no-repeat center bottom} .main_article .toggle-article-cnt p{padding: 0} .kogis .main_article ul li a.more, .kogis .main_article ul li a[target="_blank"]{display: inline} #termin-modal.modal{display: none;position: fixed;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;background-color: rgb(255, 255, 255);background-color: rgba(255, 255, 255, 0.4)} #termin-modal .modal-content{position: relative;background-color: #ffffff;margin: auto;padding: 0;border: none;width: 100%;max-width: 610px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;z-index: 2000} @-webkit-keyframes animatetop{from{top: -300px;opacity: 0 } to{top: 0;opacity: 1 } } @keyframes animatetop{from{top: -300px;opacity: 0 } to{top: 0;opacity: 1 } } #termin-modal .modal-header{padding: 1px 44px 1px 0;background-color: #00538B;color: white;line-height: 28px;text-align: right} #termin-modal .modal-tweener{height: 18px} #termin-modal .modal-body{position: relative;display: block;padding: 26px 31px;overflow: auto;max-height: 70vh;color: #444} #termin-modal .modal-body .headline{#color: #444;font-weight: bold} #termin-modal .modal-body .column_half{width: 45%;margin-right: 5%;float: left;color: #444;padding-bottom: 30px;line-height: 20px} #termin-modal .modal-body .column_half strong{color: #444} #termin-modal .modal-body .column_half a.direct{font-weight: bold} @media only screen and (max-width: 580px){#termin-modal .modal-body .column_half{width: 95%;margin-right: 5%;float: left} #termin-modal .modal-body{padding: 16px 17px} } #termin-modal span.closebutton{cursor: pointer;display: inline-block;position: absolute;top: -10px;right: -15px} #termin-modal .closebutton:hover, #termin-modal .closebutton:focus{color: #ccc;text-decoration: none;cursor: pointer} #termin-livestatus{line-height: 20px;color: #444} #termin-livestatus h3{color: #444;background-color: transparent;padding: 0 0 13px 0;margin: 0 0 13px 0;display: block;border-bottom: 1px solid #085488} #termin-trigger{display: block;cursor: pointer;margin: 20px 0 20px 0;color: #293D62;font-weight: bold} .fullWidth.searchox.main_article{border: 0;background-color: #002b4b} .kogis #marginal .infoBox h3, #marginal.aside .infoBox h3, #marginal_filter .infoBox h3, #main.article .infoBox h3, .article.pdf_area .infoBox h3{background-color: #002b4b} .kogis #marginal .infoBox.localSearchFilter h3.togglehandle, #marginal.aside .infoBox.localSearchFilter h3.togglehandle, #marginal_filter .infoBox.localSearchFilter h3.togglehandle, #main.article .infoBox.localSearchFilter h3.togglehandle, .article.pdf_area .infoBox.localSearchFilter h3.togglehandle, .kogis #marginal .infoBox, #marginal.aside .infoBox, #marginal_filter .infoBox, #main.article .infoBox, .article.pdf_area .infoBox, .kogis .aside#marginal .marginal_item ul li, .kogis #marginal_filter .marginal_item ul li{border-bottom-color: #002b4b} .sp_blockquote{border-left: 5px solid #cc0000;padding-left: 1rem;margin-left: 0} .ovpn-schedule__wrapper .content{padding: 0.5rem 0.75rem} .ovpn-schedule__headings span{padding: 0.25rem;display: block} .ovpn-schedule__headings span:last-of-type{padding-top: 0;margin-top: -0.25rem;font-weight: bold} .ovpn-schedule__wrapper .content .entry{padding: 0.25rem 0;margin: 0.25rem;display: flex;align-items: center} .ovpn-schedule__text label, .ovpn-schedule__text input{height: 2rem;box-sizing: border-box} .ovpn-schedule__text label{width: 20%;background-color: #002b4b;color: white;border: 1px solid #002b4b;border-right: none;display: flex;align-items: center;justify-content: center} .ovpn-schedule__text input{width: 80%;border: 1px solid grey;border-left: none;padding-left: 0.5rem} .ovpn-schedule__radio{display: flex;align-items: center} .ovpn-schedule__radio label{margin: 0 0.25rem} .ovpn-schedule__radio label:first-of-type{margin-right: 1rem} .ovpn-schedule__submit{display: flex;align-items: center;justify-content: flex-end} .ovpn-schedule__submit input{background-color: #002b4b;padding: 0.5rem 1rem;color: white;border: none} #collapse-dienstleistungen ul.list li a{font-weight: normal} .search-result-item .links .direct{margin-bottom: 0} .search-result-item .links :not(:first-child){margin-top: 0.2rem} .last_update{width: 100%;box-sizing: border-box;text-align: right;padding-right: 1rem} .last_update.translate_open{padding: 0 1rem 0 1rem} .aside .last_update{padding: 0 1rem;text-align: right} .centered-horizontal{display: flex;justify-content: center} .importantmessage{margin: 0 0 2rem -0.25rem;padding: 0 0 0 0.5rem;font-size: 1.1em;border-left: 0.25rem solid #ab2600} .importantmessage h2{font-size: inherit;font-weight: bold;margin: 0;padding: 0;line-height: 1.3125rem} .importantmessage p{font-size: inherit;margin-top: 0} #container>.importantmessage{margin: -1rem var(--padding_kacheln) 2rem var(--padding_kacheln);background: var(--lightblue)} #container>.importantmessage h2{border-bottom: none} #searchintro form.where{margin: 0;margin-bottom: 1rem;padding: 1rem;border: 1px solid #002b4b;border-radius: 1rem;background: #ffffff;& div{display: flex;flex-direction: row;align-content: stretch} & label{width: auto;flex: auto} & input{width: 100%} & button.location{position: relative;display: none;border-radius: 0 0.25rem 0.25rem 0;font-size: 0;color: transparent;overflow: hidden;.js &{display: block} &::before{content: url("/fastmedia/163/Karte.svg");display: block;height: 100%;width: 2rem;margin: 0.25rem 0 0 0.25rem} &::after{content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;border-left: 0.125rem solid #ffffff} } .js &{position: relative;margin-bottom: 0;border-color: transparent;background: transparent;&>a{position: absolute;box-sizing: border-box;right: 0;top: -2rem;margin-right: -1px;width: 3rem;height: 2rem;&::before{content: "+";position: absolute;display: block;width: 2rem;height: 2rem;line-height: 1.375rem;top: 0.5rem;left: 0.5rem;font-family: "PTSansRegular", Arial, Helvetica, sans-serif;color: #002b4b;font-size: 2.5rem;text-align: center;font-weight: normal;box-sizing: border-box;border: .1875rem solid #002b4b;border-radius: 100%;background: #FFFFFF} & strong{position: absolute;white-space: nowrap;right: 3.5rem;top: 1rem;font-size: 1.2em} } &.open{margin-bottom: 1rem;border-color: #002b4b;background: #FFFFFF;border-radius: 1rem 0 1rem 1rem;&>a{border-width: 1px;border-style: solid;border-color: #002b4b #002b4b #FFFFFF #002b4b;border-radius: 1rem 1rem 0 0;background: #FFFFFF;&::before{content: '-';line-height: 1.333rem} & strong{display: none} } } } } :root{--padding_kacheln: 3.75rem;--padding_main: 3.75rem;--lightblue: #edf0f5;--blue: #085488;--darkblue: #002b4b;--red: #ab2600;--lightblueRGB: 237, 240, 245;--blueRGB: 8, 84, 136;--darkblueRGB: 0, 43, 75;--redRGB: 171, 38, 0} @media screen and (max-width: 63.6875rem){:root{--padding_kacheln: 1.875rem} } @media print, screen and (max-width: 53.125rem){:root{--padding_kacheln: 5%} } @media screen and (max-width: 42.5rem){:root{--padding_kacheln: 0.9375rem} } @media screen and (max-width: 47.9375rem){:root{--padding_main: 0.9375rem} } #search_filter{display: flex;flex-wrap: wrap;align-items: center;padding: 0rem 2rem 0rem var(--padding_kacheln);background: var(--darkblue)} #search_filter::before{content: url("/fastmedia/163/icon_filter.svg");display: block;width: 1.25rem;padding: 0.25rem 0.5rem 0 0} #search_filter label{&>span:first-child{position: absolute;z-index: -1;opacity: 0.001} span.select2-selection__rendered{padding-right: 2rem} } #search_filter select{height: 2rem;margin: 0.5rem 0.5rem 0.5rem 0.5rem;padding: 0 0.75rem 0 0.75rem;font-weight: bold;border: none;border-right: 3px solid #ffffff;border-radius: 0.25rem;background: #ffffff} .js #search_filter button{display: none} @media screen and (max-width: 45.0rem){#search_filter::before{margin-right: 0.5rem} #search_filter select{margin-left: 0.0rem;margin-right: 1.0rem} #search_filter label{margin-left: 0;margin-right: 0} #search_filter label + label{margin-left: 2.25rem;margin-right: 0} #search_filter select{min-width: 12.5rem} } @media screen and (max-width: 18.75rem){#search_filter label{margin-left: 0;margin-right: 0} #search_filter label + label{margin-left: 0;margin-right: 0} #search_filter select{min-width: 12.5rem} } #search_legend{padding: 0.75rem 2rem 0.75rem var(--padding_kacheln);font-size: 1.2em;border-bottom: 0.8rem solid var(--darkblue);background: var(--lightblue)} #search_legend strong{white-space: nowrap;color: var(--darkblue);padding-left: 0.5rem} #search_legend img{max-height: 2rem;vertical-align: bottom} @media screen and (max-width: 45.0rem){#search_legend{min-height: 1.875rem;vertical-align: center} #search_legend strong{display: inline-block;min-height: 1.875rem;vertical-align: baseline;margin-top: 0.125rem} } #search_counter{padding: 0.75rem 2rem 0.75rem var(--padding_kacheln);font-size: 1.125rem;border-bottom: 1px solid var(--darkblue)} .search-results{} .search-results.solr_search_results{margin-bottom: 0} .search-results>h3{padding: 2rem var(--padding_kacheln)} .search-result-item{display: flex;flex-direction: row;flex-wrap: wrap;border-bottom: 1px dotted #434446;margin: 0;padding: 0 0 1rem 0} .search-result-item.external{margin: 1rem 0;border-bottom: none} .search-result-item .resultheader, .search-result-item>h3{width: 100%;background: var(--lightblue)} .search-result-item>h3{margin: 0 0 1rem 0;padding: 0.5rem 1rem 0.5rem var(--padding_kacheln)} .search-result-item .resultheader{padding: 0.5rem 0 0.5rem 1.75rem;margin: 0 var(--padding_kacheln) 1rem var(--padding_kacheln);border-left: 0.25rem solid var(--darkblue)} .search-result-item .resultheader>h3{width: auto;margin: 0 0 1rem -1.75rem;padding: 0 1rem 0 1.75rem} .search-result-item h3 img{vertical-align: bottom;height: 1.75rem;width: 1.75rem;margin: 0 0.25rem 0 0;filter: brightness(0)} .search-result-item .resultheader>h3 img{width: 1.5rem;height: 1.5rem;margin-left: -1.75rem} .search-result-item .resultheader a.direct{display: inline;font-weight: bold} .search-result-item .content{flex: 1;box-sizing: border-box;padding: 0 var(--padding_kacheln) 0 calc(var(--padding_kacheln) + 2rem)} .search-result-item .content .icons{display: flex;flex-direction: row} .search-result-item .content .icons span{display: block;padding: 0 0.5rem} .search-result-item .content .icons span + span{border-left: 1px solid var(--darkblue)} .search-result-item .content .icons img{vertical-align: bottom;width: auto;height: 1.75rem} .search-result-item .content .icons span:first-child img{position: relative;top: -0.25rem} #container .search-result-item .content .termin{padding: 0.25rem 0.5rem 0.25rem 0.5rem;background: var(--lightblue)} .search-result-item .content .termin::after{content: '';display: block;clear: both} .search-result-item .content .termin a.direct{width: auto} .search-result-item .content .termin a.more{float: right;width: auto;clear: none;margin-left: 2rem} .search-result-item .links{float: none;text-align: left;width: 25%;padding: 0 1rem 0 2rem;border-left: 1px dotted #434446} .search-result-item .links a{} .search-result-item .links a.direct.icon_online-service, .search-result-item .links a.direct.icon_termin-buchen{width: auto} .search-result-item .links a.direct.icon_online-service, .search-result-item .links a.direct.icon_termin-buchen{display: inline-block;margin: 0.2rem 0 0 0;padding: 0.2rem;border: 0;border-radius: 0.33rem;text-align: right;width: auto;width: 8.25rem;color: #FFFFFF;background: #ab2600} .search-result-item .links a.direct:hover::after, .search-result-item .links a.direct:focus::after, .search-result-item .links a.direct:active::after{color: inherit} .search-result-item .links a.direct.icon_online-service::before, .search-result-item .links a.direct.icon_termin-buchen::before{font-size: 1.2em;margin-right: 0.25rem} .search-result-item .links a.direct.direct-toggle::before, .search-result-item .links a.direct.icon_online-service::before, .search-result-item .links a.direct.icon_termin-buchen::before{content: '';font-family: "fontello";font-size: 1.0rem;line-height: 1.0rem;text-align: center;text-decoration: none;text-transform: none;text-underline: none;width: 1.0rem;margin: 0 0.25rem 0 0.25rem;padding: 0;border: 0;display: inline-block} .search-result-item .links a.direct.direct-toggle:hover::before, .search-result-item .links a.direct.icon_online-service:hover::before, .search-result-item .links a.direct.icon_termin-buchen:hover::before{text-decoration: none;text-transform: none;text-underline: none} .search-result-item .links a.direct.icon_online-service::before{content: '\e827'} .search-result-item .links a.direct.icon_termin-buchen::before{content: '\e80b'} .search-result-item .links a.direct.icon-ordner_liste::before{font-size: 1.2em;margin-right: 0.25rem} .lang_toggle{text-align: right;padding-right: var(--padding_main)} .lang_toggle a.lang::after, .search-result-item .links a.lang::after{content: url("/fastmedia/163/icon_lang_plus.svg");display: inline-block;width: 1em;margin-left: 0.25rem;vertical-align: baseline} .lang_toggle a.lang:hover::after, .lang_toggle a.lang:focus::after, .lang_toggle a.lang:active::after, .search-result-item .links a.lang:hover::after, .search-result-item .links a.lang:focus::after, .search-result-item .links a.lang:active::after{filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(3065%) hue-rotate(13deg) brightness(94%) contrast(105%)} .search-result-item .links .online-services{position: relative;z-index: 15;margin-bottom: 0.25rem;padding: 0;width: 9rem;height: 1.5rem} .search-result-item .links .online-services.termin-buchen{z-index: 14} .search-result-item .links .online-services>strong{position: relative;z-index: 13;display: inline-block;font: inherit;white-space: nowrap;user-select: none;margin: 0 0 0 0;padding: 0.2rem 0.2rem 0.2rem 0;border: 0;border-radius: 0.33rem;width: 100%;box-sizing: border-box;color: #FFFFFF;background: #ab2600} .search-result-item .links .online-services>strong::before{font-size: 1.2em;margin: 0 0.25rem 0 0.25rem} .search-result-item .links .online-services>strong::after{content: '+';float: right;font-family: "fontello";font-size: 1.0rem;font-weight: bold;line-height: 1.0rem;text-decoration: none;text-transform: none;text-underline: none;vertical-align: center;width: 1.0rem;margin: 0 0.25rem 0 0.25rem;padding: 0;border: 0} .search-result-item .links .online-services.termin-buchen>strong{z-index: 13} .search-result-item .links .online-services>div{position: absolute;width: 100%;left: 0;max-height: 0.1rem;margin: -0.5rem 0 0 0;padding: 0;box-sizing: border-box;border: 1px solid var(--darkblue);border-radius: 0.33rem;overflow: hidden;background: #FFFFFF;z-index: 12} .search-result-item .links .online-services.termin-buchen>div{z-index: 12} .search-result-item .links .online-services>div a{font-weight: bold;margin: 0} .search-result-item .links .online-services>div a ~ a{margin-top: 0.75rem} .search-result-item .links .online-services:focus, .search-result-item .links .online-services:hover, .search-result-item .links .online-services:focus-within{width: calc(100vw - 5rem);max-width: 20rem;margin-left: -11rem;padding-left: 0;z-index: 24} .search-result-item .links .online-services:focus>strong, .search-result-item .links .online-services:hover>strong, .search-result-item .links .online-services:focus-within>strong{padding-left: 11rem;z-index: 23} .search-result-item .links .online-services:focus>div, .search-result-item .links .online-services:hover>div, .search-result-item .links .online-services:focus-within>div{max-height: unset;padding: 1.25rem 0.5rem 0.5rem 0.5rem;border: 1px solid var(--darkblue);background-color: white;z-index: 22} .search-result-item .links .online-services.termin-buchen:focus>div, .search-result-item .links .online-services.termin-buchen:hover>div, .search-result-item .links .online-services.termin-buchen:focus-within>div{z-index: 21} .search-result-item .links .online-services:hover{z-index: 34} .search-result-item .links .online-services:hover>strong{z-index: 33} .search-result-item .links .online-services:hover>div{z-index: 32} .search-result-item .links .online-services.termin-buchen:hover>div{z-index: 31} @media screen and (max-width: 37.0rem){.search-result-item .links .online-services:focus, .search-result-item .links .online-services:hover, .search-result-item .links .online-services:focus-within{margin-left: 0} .search-result-item .links .online-services:focus>strong, .search-result-item .links .online-services:hover>strong, .search-result-item .links .online-services:focus-within>strong{margin-left: 0;padding-left: 0} } .lang_toggle a.lang.en-en::before, .search-result-item .links a.lang.en-en::before{content: url("/fastmedia/163/icon_lang_en.svg");display: inline-block;width: 1.5em;margin-right: 0.25rem;vertical-align: middle} .search-result-item .responsible h4{font-weight: bold;font-size: 1.1em;color: #515151} .search-result-item .responsible h5{font: inherit;font-weight: bold;color: #515151} .search-result-item .responsible a{position: static} #search_pager{padding: 0.75rem var(--padding_kacheln) 0.75rem var(--padding_kacheln)} .main_article #search_pager.solr_jumplist_bottom_outer{margin: 0;padding: 0;width: 100%;background: var(--lightblue);padding-top: 1.0rem;border-top: 1px dotted #434446} .main_article #search_pager.solr_jumplist_bottom_outer .solr_jumplist_bottom_inner{margin: 0;padding: 0;width: 100%;background: #ffffff;padding-top: 1.0rem} .main_article #search_pager.solr_jumplist_bottom_outer .search_results_count{margin: 0;padding: 0;border-bottom: 0.8rem solid var(--darkblue)} .main_article #search_pager.solr_jumplist_bottom_outer .search_results_count .search_results_count_content{margin: 0;padding: 0 var(--padding_kacheln) 0.75rem var(--padding_kacheln);background-color: #ffffff;font-family: "PTSansRegular", Arial, Helvetica, sans-serif;font-size: 1.125rem;line-height: 1.25rem;text-align: left} .main_article #search_pager.solr_jumplist_bottom_outer .jumplistelement{margin: 0;padding: 0 var(--padding_kacheln) 0 var(--padding_kacheln)} #search_pager div.pagination__wrapper{margin-top: 0.625rem;margin-bottom: 0.125rem} .search-result-item .links .online-services>div a:first-child{margin-top: 0} #search_pager div.pagination__wrapper.results_on_page{background: none;float: right;width: auto;padding-top: 0} @media screen and (max-width: 32rem){.search-result-item .links{width: auto;max-width: 15rem;padding: 0.5rem var(--padding_kacheln) 0.5rem calc(var(--padding_kacheln) + 2rem);border-left: none;border-left: 1px dotted #434446} } #register_header{display: flex;flex-direction: row-reverse;flex-wrap: wrap;align-items: flex-end} #register_header .lang_toggle{order: 1;padding: 0 var(--padding_main) 0.5rem 0;margin-top: -2rem} #register_header a.standard_backlink{font-size: 1.2em;font-weight: bold;margin-right: 2rem} #register_header a:hover, #register_header a:focus, #register_header a:active{text-decoration: underline} #register_header a:hover img, #register_header a:focus img, #register_header a:active img{filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(3065%) hue-rotate(13deg) brightness(94%) contrast(105%)} #register_toggle{order: 2;flex-grow: 1;display: flex;flex-wrap: wrap;padding: 0 1rem 0 var(--padding_main)} #register_toggle a{display: block;white-space: nowrap;padding: 0.75rem 1rem;margin: 2px 2px 0 0;font-size: 1.2em;border-radius: 0.5rem 0.5rem 0 0;background: var(--lightblue)} @media screen and (max-width: 30rem){#register_toggle a{flex: 1} } #register_toggle a:hover, #register_toggle a:focus, #register_toggle a:active{text-decoration: underline} #register_toggle a.open{color: #FFFFFF;background: var(--darkblue)} #register_toggle a.open.not_active{color: #002b4b;background: var(--lightblue)} #register_intro{order: 3;position: relative;display: flex;width: 100%;justify-content: end;flex-direction: column-reverse;min-height: 4.875rem;padding: 0.5rem var(--padding_main) 0.625rem var(--padding_main);border-top: var(--darkblue) solid 0.75rem;background: var(--lightblue)} #register_intro h1{text-transform: none;font-size: 1.75rem;line-height: 1.75rem;padding-top: 0.5rem} #register_intro div{display: flex;flex-direction: row;flex-wrap: wrap;flex: 1;align-items: baseline} #register_intro div.intro_links{justify-content: stretch} #register_intro div.intro_links .dl_icon_list_orte{flex: 1;text-align: right;white-space: nowrap} #register_intro div.extinfo{order: -1;margin-top: 0.75rem} #register_intro div.extinfo a.direct{font-weight: bold} #register_intro div.extinfo a.direct::after{content: '\e81e' !important;display: inline-block;position: relative;width: 1.2em;height: 1em;top: -1px;margin: 0 0.3125rem;vertical-align: baseline;font-size: 0.6875rem;font-family: "fontello";background-image: none;font-weight: normal} #register_intro div span.situations{flex: 1;flex-grow: 5} #register_intro div span.situations ul{display: inline-flex;flex-direction: row;flex-wrap: wrap;list-style-type: none;margin: 0;padding: 0} #register_intro div span.situations ul li{list-style-type: none;margin: 0;padding: 0 1rem 0 0;white-space: nowrap} #register_intro div span.situations img{height: 1.4rem;width: auto;vertical-align: middle} #register_intro div span.ort{display: block;margin-left: 2rem} #register_intro div span.location::before{content: url("/fastmedia/163/Pin.svg");display: inline-block;height: 1.4rem;width: 1.4rem;margin: 0 0 0 0.25rem;vertical-align: middle} .js .register_content{max-height: 0;overflow: hidden} .js .register_content.open{max-height: unset} #reg_faq .panel-group>ul, #reg_faq .panel-group>ul>li{list-style: none;margin: 0;padding: 0} .kogis #register_header ~ #marginal, .kogis #register_header ~ #marginal_filter{padding-top: 2rem} .kogis #register_header ~ #marginal>div:first-child, .kogis #register_header ~ #marginal_filter>div:first-child{margin-top: 0} .kogis #container .main_article .toggle_link a{padding-left: 0.75rem;border-top: 1px solid var(--darkblue);background: var(--lightblue)} .kogis #container .main_article .toggle_link.active a{background: unset} .kogis #container .main_article .toggle_link a i::before{right: 0.75rem} .kogis #container .main_article .toggle_abs{padding-left: 0.75rem;padding-right: 0.75rem} #colorbox{--borderColor: #4B6A7F} #colorbox.translation{border: 0.125rem solid var(--borderColor);border-radius: 0.25rem} #colorbox.translation{outline: none;box-shadow: 0 0 0.5rem #000000} #colorbox.translation #cboxTitle{background: var(--borderColor)} #colorbox.translation #cboxTitle h2{display: none} #colorbox.translation #cboxClose{width: 0.25rem;height: 0.25rem;top: 0.25rem;right: 0.25rem;transform: rotate(45deg);background: transparent} #colorbox.translation #cboxClose::before{content: '';position: absolute;width: 100%;height: 1px;left: 0;top: calc(50% - 0.125rem);border-top: 0.25rem solid #ffffff} #colorbox.translation #cboxClose::after{content: '';position: absolute;width: 1px;height: 100%;left: calc(50% - 0.125rem);top: 0;border: none;border-left: 0.25rem solid #ffffff;border-radius: unset;background: none} #colorbox.translation, #colorbox.translation #cboxWrapper, #colorbox.translation #cboxContent{height: auto !important} #colorbox.translation #cboxLoadedContent{height: 84vh !important} .js .shortener{position: relative;overflow: hidden;max-height: 10000px;transition: max-height 2000ms ease-in-out} .js .shortener div:first-child{padding-right: 1.375rem} .js .shortener.short{max-height: 260px;transition: max-height 0ms ease-in-out} .js .shortener.short.veryshort{max-height: 100px} .js .shortener.short .short_toggle{all: unset;appearance: none;position: absolute;width: 100%;height: 3rem;left: 0;right: 0;bottom: 0;color: var(--darkblue);background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%);text-align: center;border-bottom: 2px solid white} .js .shortener.short .short_toggle:hover, .js .shortener.short .short_toggle:focus, .js .shortener.short .short_toggle:active{color: var(--red);background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1));border-bottom: 2px solid white} .js .shortener.short .short_toggle::before, .js .shortener.short .short_toggle::after{content: url("/sixcms/media.php/25/toggle_link_down_blue.png");position: absolute;width: 1.75rem;height: 1.75rem;z-index: 2;right: 1rem;bottom: 0.25rem;border-radius: 100%;padding-top: 0.5rem;box-sizing: border-box;background: transparent} .js .shortener.short .short_toggle::before{content: '';z-index: 1} .js .shortener.short .short_toggle:hover::before, .js .shortener.short .short_toggle:focus::before, .js .shortener.short .short_toggle:active::before{background: var(--red)} .js .shortener.short .short_toggle:hover::after, .js .shortener.short .short_toggle:focus::after, .js .shortener.short .short_toggle:active::after{filter: brightness(0) invert(1)} .main_article .search-control, .main_article .jumplistelement.template__05_sp_solr_pager_az_l{padding: 0.75rem var(--padding_kacheln) 0.75rem var(--padding_kacheln)} .main_article .search-control .a_z_list{margin: 0} .main_article .search-control .a_z_list ul{padding-left: 0;margin-bottom: 0;text-align: center } .main_article .search-control .a_z_list ul li{display: inline-block;text-align: center;min-width: 2.0rem;height: 2.0rem;line-height: 2.0rem;margin: 0 0 0.25rem 0;padding: 0 0.2rem} .main_article .search-control .a_z_list ul li a{background-color: #f6f8fa;color: #002b4b;padding: 0;font-weight: bold;display: block;text-align: center;line-height: 2.0625rem;height: 2.0rem} .main_article .search-control .a_z_list ul li a:hover, .main_article .search-control .a_z_list ul li a:focus{color: #fff;background-color: #ab2600 } .main_article .search-control .a_z_list ul li a::after{content: none;display: none } .main_article .search-control .a_z_list ul li.inactive{background-color: transparent;color: #434345 } .main_article .search-control .a_z_list ul li.inactive:hover{background-color: transparent } .main_article .search-control .a_z_list ul li.active a{color: #fff;background-color: #085488 } .main_article .search-control .a_z_list ul li.active a:hover, .main_article .search-control .a_z_list ul li.active a:focus{color: #fff;background-color: #ab2600 } .main_article .search-control .a_z_list + ul{margin-left: 1rem } .main_article .search-control .search_results_count{margin: 0} div#reg_dienststellen_seite div.kogis_main_evk_seiten div.evk_seiten_breadcrumb, div#reg_dienststellen_seite div.kogis_main_evk_seiten div.evk_seiten_breadcrumb ul.breadcrump{margin: 0;padding: 0} div#reg_dienststellen_seite div.kogis_main_evk_seiten div.evk_seiten_breadcrumb ul.breadcrump li{} div#reg_dienststellen_seite div.kogis_main_evk_seiten div.evk_seiten_breadcrumb ul.breadcrump li a, div#reg_dienststellen_seite div.kogis_main_evk_seiten div.evk_seiten_breadcrumb ul.breadcrump li a::after{content: ""} div#reg_dienststellen_seite div.kogis_main_evk_seiten div.evk_seiten_breadcrumb ul.breadcrump li a::after{width: 0;height: 0;margin: 0;padding: 0} @media only screen and (max-width: 47.9375rem){.main_article .search-control .a_z_list ul{text-align: center } } .sp_online, .kogis .aside#marginal ul li span.linkTitle.sp_online{color: var(--red)} .kogis div.centerframe div#container{height: 100%} .kogis div.centerframe div#container div#main.article{height: 100%} .kogis div.centerframe div#container div#marginal.aside{height: 100%} .kogis div.centerframe div#container div#marginal.aside div.infoBox{height: 95%} .kogis div.centerframe div#container div#marginal.aside div.last_update{height: 5%} .kogis div.centerframe div#container div#marginal.aside div.aside.marginal_detail.ovpn-schedule__wrapper{width: 100%} #marginal .online_service_wrapper{width: 100%} #marginal .online_service_wrapper .online_service_headline{width: 97.5%;display: inline-block;padding: 0.25em 0.25em;border-radius: 0.33em;color: #FFFFFF;background: #ab2600} @media only screen and (max-width: 63.6875rem){#marginal .online_service_wrapper .online_service_headline{width: 99%} } #marginal .online_service_wrapper .online_service_headline::before, #marginal .online_service_wrapper .online_service_headline::after{content: '';display: inline-block;font-family: "fontello";font-size: 1.0em;font-style: normal;font-variant: normal;font-weight: normal;height: 1.25em;line-height: 1.25em;margin-left: 0.125em;margin-right: 0.125em;opacity: 1.0;padding: 0;speak: none;text-align: center;text-decoration: none;text-shadow: none;text-transform: none;vertical-align: center;width: 1.0em} #marginal .online_service_wrapper .online_service_headline::before{content: '\e827';font-size: 1.25em;margin-left: 0.25em;margin-right: 0.1875em;width: 2.0em;max-width: 2.0em;min-width: 2.0em} #marginal .list-cnt.online_service_list{margin-left: 43px} .kogis .main_article .search-result-item .links{} .kogis .main_article .search-result-item .links a.direct.direct-toggle::after{content: '' !important;font-size: 1.0rem;font-weight: bold;line-height: 1.0rem;text-align: right;text-decoration: none;text-transform: none;text-underline: none;vertical-align: center;width: 1.0rem;margin: 0 0.25rem 0 0.25rem;padding: 0;border: 0;display: inline-block} .kogis .main_article .search-result-item .links a.direct.direct-toggle.direct-plus::after{content: '+' !important} .kogis .main_article .search-result-item .links a.direct.direct-toggle.direct-minus::after{content: '-' !important} .kogis .main_article .search-results .links .fos_links a{background-image: none;background-color: #ffffff;color: #085488;line-height: 1.0em;margin: 0;padding: 0} .kogis .main_article .search-results .links .fos_links a::before{content: "" !important;background-image: none;margin: 0;padding: 0} .kogis .main_article .search-results .links .fos_links a::after{} .kogis .main_article .search-results .links .fos_links a.direct{font-size: 1.0em;font-weight: bold;color: #085488} .kogis .main_article .search-results .links .fos_links a.direct::before{} .kogis .main_article .search-results .links .fos_links a.direct::after{background-image: none;content: '\e81e' !important;display: inline-block;position: relative;font-size: 0.75rem;font-family: "fontello";margin: 0 0.3125rem;padding: 0;vertical-align: baseline} .search-results .links .fos_search_result div, .search-results .links .fos_search_result ul, .search-results .links .fos_search_result li{margin: 0;border: 0;padding: 0;display: block} .search-results .links .fos_search_result ul, .search-results .links .fos_search_result li{list-style-type: none;list-style-image: none} .search-results .links .fos_search_result .fos_head{text-align: right;width: 100%;margin: 0;padding: 0} .search-results .links .fos_search_result .fos_head .fos_headline{text-align: right;display: inline-block;width: 100%;margin: 0;padding: 0;border-radius: 0.33em;border-top: 0;color: #ffffff;background: #ab2600} .search-results .links .fos_search_result .fos_head .fos_headline a{color: #ffffff;background: #ab2600} .search-results .links .fos_search_result .fos_head .fos_headline a.fos_headline_link{display: block;margin-top: 0} .search-results .links .fos_search_result.fos_div_js{display: none;border: 1px solid #ab2600;border-top: 0 solid transparent;border-radius: 0.33rem;margin-top: -2.0em;margin-top: -24px;padding: 0;background-color: #ffffff;position: absolute;margin-left: -146px;margin-right: 146px;width: 280px;z-index: 100} .search-results .links .fos_search_result.fos_div_js.tb_search_result{margin-left: -144px;margin-right: 144px} .search-results .links .fos_search_result.fos_div_js ul.fos_list{background-color: #ffffff;margin: 0 0.25em 0.25em 0.25em;padding: 0.5em 0.5em 0.5em 0.5em} .search-results .links .fos_search_result.fos_div_js ul.fos_list li.fos_item{margin-top: 0.25em} .search-results .links .fos_search_result.fos_div_nojs{display: block;position: relative;background-color: #ffffff;border: 1px solid #ab2600;border-radius: 0.33em;margin-top: 0.25em} .search-results .links .fos_search_result.fos_div_nojs ul.fos_list{background-color: #ffffff;padding: 0.33em} @media screen and (max-width: 37.0rem){.search-results .links{padding-left: 2.9375rem} .search-result-item .links a.direct.direct-toggle, .search-result-item .links a.direct.icon_online-service, .search-result-item .links a.direct.icon_termin-buchen{text-align: left} .search-results .links .fos_search_result.fos_div_js{margin-left: 0;margin-right: 0} .search-results .links .fos_search_result.fos_div_js.tb_search_result{margin-left: 0;margin-right: 0} .search-results .links .fos_search_result.fos_div_js .fos_head, .search-results .links .fos_search_result.fos_div_js .fos_head .fos_headline{text-align: left} .search-results .links .fos_search_result.fos_div_js ul.fos_list{background-color: #ffffff;margin: 0 0.25em 0.25em 0.25em;padding: 0.5em 0.5em 0.5em 0.5em} .search-results .links .fos_search_result.fos_div_js ul.fos_list li.fos_item{margin-top: 0.25em} } @-moz-document url-prefix(){@media screen and (max-width: 37.0rem){} } @media screen and (max-width: 63.75rem){.kogis div.centerframe div#container div#main.article{padding-bottom: 0} .kogis div.centerframe div#container div#marginal.aside{border-top: 0;padding-top: 0} } @media screen and (max-width: 48rem){.kogis .main_article .search-result-item .links a.direct.icon_online-service, .kogis .main_article .search-result-item .links a.direct.icon_termin-buchen, .kogis .main_article .search-result-item .links a.direct.direct-toggle{width: auto} .search-result-item .content .icons{width: 100%;clear: both;position: static;float: none} .search-result-item .content .icons span{line-height: 1.75rem;vertical-align: baseline;display: block;float: left;min-width: 10.0%;border: 0;border-left: 0;border-right: 1px solid var(--darkblue)} .search-result-item .content .icons span + span{border: 0;border-left: 0;border-right: 1px solid var(--darkblue)} .search-result-item .content .icons span:first-child{border: 0;border-left: 0;border-right: 1px solid var(--darkblue)} .search-result-item .content .icons span:last-child{border: 0;border-left: 0;border-right: 0} .search-result-item .content .icons span div{display: block;float: none;clear: both} .search-result-item .content .icons span span{margin: 0;padding: 0;border: 0} .search-result-item .content .icons span .nowrap{white-space: nowrap} .search-result-item .content .icons span.dl_icon_list_zielgruppen{min-width: 4.0rem} .search-result-item .content .icons span.dl_icon_list_orte{min-width: 6.0rem} .search-result-item .content .termin{clear: both;display: block;float: none;position: relative} } @media screen and (max-width: 37rem){.search-result-item .content .termin{width: 100%} } #auth_control{display: flex;flex-wrap: nowrap;align-items: center;justify-content: flex-end;border-bottom: 1px solid #777;padding: 0.25rem 0.5rem} #auth_control .auth_button{display: block;background: #085488;padding: 0.18rem 1rem;color: white;font-weight: bold;border: 0.125rem solid #085488;border-radius: 0.25rem} #auth_control .auth_button:hover, #auth_control .auth_button:focus{color: #ab2600;border-color: #ab2600;background: white;text-decoration: none} #auth_control .auth_profile_name{cursor: default;font-weight: bold;padding: 0.25rem 1rem;margin: -0.25rem 0} #auth_control .auth_profile_name:before{content: url('/fastmedia/163/person_blau_klein.png');margin-right: 0.35rem;display: inline-block} #auth_control .auth_profile_wrapper{position: relative;min-width: 9rem;text-align: center} #auth_control .auth_profile_actions{position: absolute;display: none;z-index: 1000;right: -1px;min-width: 100%;background-color: #ffffff;border: 1px solid #777;border-top: none;border-bottom-left-radius: 0.25rem;border-bottom-right-radius: 0.25rem;margin-top: 0.25rem;padding-bottom: 0.25rem} #auth_control .auth_profile_actions:focus, #auth_control .auth_profile_actions:hover, #auth_control .auth_profile_wrapper:focus .auth_profile_actions, #auth_control .auth_profile_wrapper:hover .auth_profile_actions{display: block} #auth_control .auth_profile_action{color: #002b4b;display: block;float: left;clear: both;margin: 0.1rem 0 0.1rem 0.75rem} #auth_control .auth_profile_action:hover{color: #ab2600;text-decoration: none} #auth_control .auth_profile_action:before{content: "";display: inline-block;background-size: 16px auto;background-repeat: no-repeat;background-position: center;height: 16px;width: 16px;margin-right: 0.25rem;vertical-align: bottom} #auth_control .auth_profile_mailbox::before{background-image: url('/static/img/html5/Message_dkblau.png')} #auth_control .auth_profile_mailbox:hover::before{background-image: url('/static/img/html5/Message_red.png')} #auth_control .auth_profile_edit::before{background-image: url('/fastmedia/163/person_blau.png')} #auth_control .auth_profile_edit:hover::before{background-image: url('/fastmedia/163/person_rot.png')} #auth_control .auth_profile_mailbox:after, #auth_control .auth_profile_edit:after{content: "" !important;margin-left: 0.3125rem;vertical-align: baseline;font-size: 0.6875rem;font-family: "fontello"} #osi__control{display: none} .osi__login, .osi__authenticated{display: flex;flex-wrap: nowrap;align-items: center} .osi__control{justify-content: flex-end;border-bottom: 1px solid #777;padding: 0.25rem 0.5rem} .osi__label, #osi__username{margin-right: 0.75rem;font-size: 1rem;font-weight: bold} .osi__label{color: #002b4b} .osi__control button, .osi__login a, a.osi__logout{display: inline-block;float: right;background: #085488;padding: 0.1875rem 1.75rem;color: white;font-weight: bold;border: 0.125rem solid #085488;border-radius: 0.25rem} .osi__control button:not(:last-child), .osi__login a:not(:last-child){margin-right: 0.5rem} .osi__control button:focus, .osi__control button:hover, .osi__login a:focus, .osi__login a:hover, a.osi__logout:focus, a.osi__logout:hover{color: #ab2600;border-color: #ab2600;background: white;text-decoration: none} .osi__login a:focus, .osi__login a:hover, a.osi__logout:focus, a.osi__logout:hover{cursor: pointer} #osi__mailbox, #osi__username{display: flex;align-items: center;font-size: 1rem;font-weight: bold;margin-right: 1rem} #osi__mailbox:hover, #osi__username:hover{text-decoration: underline} #osi__mailbox::before, #osi__username::before{margin-right: 0.25rem;display: inline-block;width: 2em;position: relative;top: 2px} #osi__mailbox::before{content: url(/static/img/html5/Message_dkblau.png)} #osi__mailbox:hover::before{content: url(/static/img/html5/Message_red.png)} #osi__username::before{content: url('/fastmedia/163/person_blau.png')} #osi__username:hover::before{content: url('/fastmedia/163/person_rot.png')} #osi__mailbox:hover::after, #osi__username:hover::after{content: url(/static/img/html5/Pfeil_rechts_red.svg)} #osi__mailbox::after, #osi__username::after{margin-left: 0.35rem;content: url(/static/img/html5/Pfeil_rechts_dkblau.svg);display: inline-block;width: 1em;height: 1em} #osi__control--mobile{display: flex} #osi__collapsible{display: none;width: 100%} .osi__mobile-wrapper{display: flex;flex-wrap: wrap;align-self: flex-start} #osi__collapsible .osi__authenticated{flex-direction: column;align-items: flex-end} #osi__control--mobile, #osi__control--mobile #osi__collapsible{flex-wrap: nowrap;align-items: center} #osi__control--mobile .osi__label{margin: 0} #osi__control--mobile .togglehandle{display: flex;align-items: center} #osi__control--mobile .togglehandle::after{font-size: 2rem;margin-left: 0.5rem} #osi__control--mobile .toggleclosed::after, #osi__control--mobile .togglehandle::after{content: "\002B"} #osi__control--mobile .toggleopen::after{content: "\2212"} @media screen and (min-width: 48rem){#osi__control--mobile{display: none} #osi__control{display: flex;flex-wrap: nowrap;align-items: center} .no-js #osi__control--mobile, #osi__control--mobile #osi__collapsible{display: block} .no-js #osi__control--mobile .osi__label::after{display: none !important} } #osi__control--mobile{flex-direction: column;align-items: flex-end} .osi__service, .osi__service_authenticated{display: flex !important;align-items: center} .osi__service_authenticated::before{content: url('/fastmedia/163/person_blau_klein.png');position: absolute;left: 0.9rem} .osi__service_authenticated:hover::before{content: url('/fastmedia/163/person_rot_klein.png');position: absolute;left: 0.9rem} .osi__service::before{content: url('/fastmedia/163/person_grau_klein.png');position: absolute;left: 0.9rem} .osi__service:hover::before{content: url('/fastmedia/163/person_grau_klein.png');position: absolute;left: 0.9rem} .online-services .osi__service::before{margin-right: 0.125rem;position: static;left: 0} #ww_header{position: relative;z-index: 1;padding-top: 5.5rem} #ww_header::before{content: '';position: absolute;z-index: -1;width: 100%;height: 100%;left: 0;top: 0;-webkit-mask: url("/fastmedia/163/skyline.png") no-repeat center bottom/94%;mask: url("/fastmedia/163/skyline.png") no-repeat center bottom/94%;background: var(--lightblue)} #ww_header ~ #register_header{position: relative;z-index: 1} #ww_header ~ #main .main_article{border: none;margin-bottom: 0} #ww_header ~ #marginal{margin-bottom: 6rem} #ww_dl{clear: both} .kogis #ww_dl .main_article{padding: 0;border: none} #ww_dl h2{margin-left: var(--padding_main);border: unset;font-size: 1.5rem;font-weight: normal} #ww_dl #search_filter, #ww_dl #search_legend, #ww_dl #search_counter, #ww_header ~ #ww_dl #search_pager{display: none} #ww_dl .search-results{position: relative;xxxborder-bottom: 1rem solid var(--lightblue)} #ww_dl .search-results::before{content: url("/fastmedia/163/Wegweiser.svg");position: absolute;display: block;width: 7.5rem;height: 7.5rem;top: -7rem;right: 1.25rem} #ww_dl .search-results .search-result-item:last-child{border-bottom: 1px dotted #434446} #ww_dl .search-result-item .links .online-services .hint{display: none} @media screen and (max-width: 73.125rem){#ww_dl .search-results::before{right: var(--padding_main)} } #ww_header ~ #ww_dl .search-results .search-result-item:first-child{border-top: 1px dotted #434446} #ww_dl .search-results .search-result-item h3{padding-left: var(--padding_main)} #ww_dl .search-results .search-result-item .content{padding-left: calc(var(--padding_main) + 2rem)} .search-result-item.ww_dl{position: relative;z-index: 1} .search-result-item.ww_dl .links{border-color: transparent} .kogis #marginal.aside li.ww_dl--toggle.icon-left:last-child{margin: 0 0 -0.1875rem 0;padding: 0} .aside .ww_dl--toggle h2{margin: 0;padding: 0;border: unset} .kogis #marginal.aside .ww_dl--toggle h2 a{display: flex;flex-direction: row-reverse;justify-content: space-between;padding: 0.625rem 0 0.5rem 0.9375rem;color: #FFFFFF;background: var(--darkblue)} .kogis #marginal.aside .ww_dl--toggle h2 a:hover, .kogis #marginal.aside .ww_dl--toggle h2 a:focus, .kogis #marginal.aside .ww_dl--toggle h2 a:active{background: var(--red)} .kogis #marginal.aside .ww_dl--toggle h2 a i::before{content: '+';position: relative;top: -0.125em;font-family: "PTSansRegular", Arial, Helvetica, sans-serif;font-size: 2rem;font-weight: normal;line-height: 0 !important;vertical-align: middle;text-align: center;box-sizing: border-box;background: none;color: inherit;margin: 0;padding: 0;border: 0} .kogis #marginal.aside .ww_dl--toggle h2 a i.icon-minus::before{content: '-'} .aside .ww_dl--toggle .toggle_abs{padding: 0.625rem 0 0.6875rem 0} .kogis #marginal #feedbackform{margin: 0;width: 100%} .kogis #marginal #feedbackform h3{border-radius: 0.25rem;overflow: hidden;padding: 0} .kogis #marginal #feedbackform h3 a{display: flex;flex-direction: row;align-items: flex-start;padding: 0.5rem 0 0.125rem 0.25rem;color: #FFFFFF;background: var(--darkblue)} .kogis #marginal #feedbackform h3 a:hover, .kogis #marginal #feedbackform h3 a:focus, .kogis #marginal #feedbackform h3 a:active{background: var(--red)} .kogis #marginal.aside #feedbackform h3 a::before{content: url('/sixcms/media.php/163/speechbubble%21.png');order: -1;margin-right: 0.5rem} .kogis #marginal.aside #feedbackform h3 a i{flex: 1;order: 3;text-align: right} .kogis #marginal.aside #feedbackform h3 a i::before{content: '+';position: relative;top: -0.125rem;font-family: "PTSansRegular",Arial,Helvetica,sans-serif;font-size: 2rem;font-weight: normal;line-height: 0!important;vertical-align: middle;text-align: center;box-sizing: border-box;background: none;color: inherit;margin: 0;padding: 0;border: 0} .kogis #marginal.aside #feedbackform h3 a i.icon-minus::before{content: '-'} #feedbackform .toggle_abs{padding: 1rem 0.625rem;background: #F7F6F5} #feedbackform .success, #feedbackform .rating{margin-bottom: .75rem;padding-bottom: 0.75rem;border-bottom: 1px dashed black} #feedbackform .success input{all: unset;position: relative;display: inline-block;border: 0.125rem solid black;width: 1rem;height: 1rem;border-radius: 100%;vertical-align: text-bottom;cursor: pointer} #feedbackform .success input:checked{border-color: var(--darkblue)} #feedbackform .success label{margin-right: 8px} #feedbackform .success input:checked::before{all: unset;content: '';display: block;position: absolute;inset: 0.125rem;border: 0.375rem solid var(--blue);border-radius: 100%} #feedbackform .success input:hover, #feedbackform .success input:focus-visible, #feedbackform .success input:active{outline: 0.125rem solid var(--red)} #feedbackform .rating label{position: absolute;z-index: -1;opacity: 0} #feedbackform .rating strong{font-weight: inherit} #feedbackform .rating input{all: unset;font-size: 2rem;display: inline-block} #feedbackform .rating input::before{content: "\2605";color: #AA6C39;display: block} #feedbackform .rating input:invalid::before, #feedbackform .rating input:checked ~ input::before{content: "\2606";color: black} #feedbackform .rating input:focus-visible::before, #feedbackform .rating input:active::before{content: "\2606"!important;color: var(--red)!important;transform: scale(1.25);display: inline-block} @media (pointer: fine){#feedbackform .rating input:hover::before{content: "\2606"!important;color: var(--red)!important;transform: scale(1.25);display: inline-block} } #feedbackform .message label{display: block;margin-bottom: 1rem} #feedbackform .message label span{display: block} #feedbackform .message input, #feedbackform .message textarea{width: 100%;box-sizing: border-box;border: .125rem solid var(--darkblue);border-radius: 0.25rem;font-size: 1rem} #feedbackform .message textarea{line-height: 1.25rem;min-height: 64px;padding-top: 6px} #feedbackform .message input{line-height: 2rem} #feedbackform .buttons{text-align: right} #feedbackform .buttons button{display: inline-block;background: var(--darkblue);padding: 0.1875rem 1.75rem;color: #fff;font-weight: bold;border: 0.125rem solid #002b4b;border-radius: .25rem} #feedbackform .buttons button:hover, #feedbackform .buttons button:focus, #feedbackform .buttons button:active{color: var(--red);border-color: var(--red);background: #fff;text-decoration: none} #feedbackform .form_error_text{display: block}html:has(#main.nsp){scroll-padding-top: 12.25rem;& body, & body .centerframe{overflow: unset} & body::after{z-index: 20} header.header ~ .centerframe{z-index: 3} } body.kogis:not(:has(#dachmarke-oben)){& #container:has(#main.nsp):not(:has(> #kacheln>.section)){padding-bottom: 0;background: #EBE8E7} } .kogis #container #main.nsp{all: unset;&>.main_article{padding: 0;border: 0;&:not(:has(div,p,ul,ol)){display: none} & .main_article.breadcrumb{display: flow-root;padding: 0 var(--padding_main);background: #FFFFFF;& ul{margin: 0.5em 0 0 0} } } & ~ #kacheln{padding-top: 2rem} & [class^="legend_"]{& img{display: none} &::before{content: '';display: inline-block;width: 1.125rem;height: 1.125rem;margin: 0 .125rem 0 .5rem;vertical-align: middle;background: #FFFFFF;mask-repeat: no-repeat;mask-size: contain;mask-position: center} } & .legend_authority::before{mask-image: url('/sixcms/media.php/116/Home.png')} & .legend_business::before{mask-image: url('/fastmedia/163/Unternehmen.svg')} & .legend_citizen::before{mask-image: url('/fastmedia/163/Buerger-dkblau.svg')} & .legend_location::before{mask-image: url('/fastmedia/163/Pin.svg')} & .legend_services::before{mask-image: url('/fastmedia/163/Clients.svg')} & .legend_services_guide::before{mask-image: url('/fastmedia/163/Wegweiser.svg')} & #topcontainer{all: unset;position: sticky;z-index: 23;top: 3.125rem;display: flow-root;background: #FFFFFF;width: 100%;max-width: 60rem;body:has(#dachmarke-oben) &{top: 4.375rem} @media (width < 73.125rem){top: 3.5rem;body:has(#dachmarke-oben) &{top: 4.75rem} } .scrolled &{z-index: 100;padding-bottom: 0.375rem;background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.4) 0.5rem, white 0.5rem, white 100%)} &::after{height: 0} & .main .main_article{display: flow-root;padding: 0 var(--padding_main);background-color: transparent !important;&:last-child{margin-bottom: 0} } & #auth_control{display: flex;align-items: center;justify-content: flex-end;gap: 1rem;background: var(--lightblue);padding: .25rem var(--padding_main);border-bottom: 0.125rem solid #FFFFFF;& a{&.direct:not(.btn){font-weight: bold;font-size: 0.875rem;&.auth_profile_edit, &.auth_profile_mailbox{display: flex;align-items: center;&::before{all: unset;margin-right: 0.25rem} &:hover, &:focus, &:active{&::before{filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(3065%) hue-rotate(13deg) brightness(94%) contrast(105%)} } } &.auth_profile_edit::before{content: url('data:image/svg+xml,<svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2113_644)"><path d="M17.1152 14.1778C16.6309 13.1192 13.6841 12.206 13.6841 12.206C12.1139 11.6641 12.1037 11.1172 12.1037 11.1172C9.01422 17.108 6.66907 11.1322 6.66907 11.1322C6.45495 11.9401 3.27879 12.8883 3.27879 12.8883C2.35093 13.2396 1.95837 13.7664 1.95837 13.7664C0.586969 15.7684 0.423828 20.2339 0.423828 20.2339C0.444221 21.2524 0.88776 21.3578 0.88776 21.3578C4.04862 22.7476 9.00402 22.9935 9.00402 22.9935C14.092 23.0989 17.7983 21.5736 17.7983 21.5736C18.3336 21.2374 18.3489 20.9765 18.3489 20.9765C18.7262 17.7804 17.1203 14.1778 17.1203 14.1778H17.1152Z" fill="%23085488"/><path d="M5.8938 7.95266C6.12831 9.87936 7.8158 11.8763 9.34015 11.8763C11.099 11.8763 12.7661 9.774 13.0261 7.95266C13.123 7.88242 13.2861 7.71684 13.3473 7.33551C13.3473 7.33551 13.7246 6.01592 13.2249 6.15641C13.3983 5.64463 13.9744 3.66274 12.8579 2.42845C12.8579 2.42845 12.3379 1.726 11.0735 1.35973C11.0276 1.32461 10.9869 1.28447 10.9308 1.24935C10.9308 1.24935 10.9563 1.27945 11.0021 1.33464C10.9308 1.31457 10.8543 1.2945 10.7778 1.27945C10.7116 1.20921 10.63 1.13394 10.5433 1.05868C10.5433 1.05868 10.6198 1.13394 10.7116 1.2644C10.6759 1.25436 10.6453 1.24935 10.6096 1.24433C10.5535 1.15903 10.4821 1.06872 10.3955 0.978403C10.3955 0.978403 10.4312 1.04865 10.4821 1.15903C10.2476 0.993455 9.77859 0.597077 9.77859 0.165576C9.77859 0.165576 9.4829 0.301047 9.31466 0.546902C9.38094 0.341187 9.49309 0.155541 9.68173 0C9.68173 0 9.488 0.0953316 9.30956 0.306065C9.17191 0.386344 8.85583 0.597077 8.74876 0.973386L8.6468 0.923211C8.69778 0.817845 8.76406 0.702443 8.85583 0.587042C8.85583 0.587042 8.71818 0.707461 8.60092 0.898124L8.39699 0.797775C8.45817 0.687391 8.53464 0.571989 8.6468 0.461606C8.6468 0.461606 8.53974 0.546902 8.42248 0.682373C8.45307 0.55192 8.44797 0.406414 8.04012 0.847949C8.04012 0.847949 6.18949 1.63569 5.65418 3.27138C5.65418 3.27138 5.3381 4.00894 5.75615 6.1815C5.16476 5.90554 5.56752 7.3305 5.56752 7.3305C5.62869 7.71182 5.79184 7.8774 5.8887 7.94764L5.8938 7.95266ZM9.25348 0.381326C9.16172 0.506763 9.08524 0.657286 9.04956 0.847949L8.98328 0.822862C9.03426 0.662304 9.11583 0.51178 9.25348 0.381326Z" fill="%23085488"/></g><defs><clipPath id="clip0_2113_644"><rect width="17.9812" height="23" fill="white" transform="translate(0.423828)"/></clipPath></defs></svg>')} &.auth_profile_mailbox::before{content: url('data:image/svg+xml,<svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.28125 3V17H24.2562V3L12.2687 11.6716L0.28125 3Z" fill="%23085488"/><path d="M24.2562 1.26294V0H0.28125V1.31815L12.2687 10L24.2562 1.26294Z" fill="%23085488"/></svg>')} } &.btn{margin: 0;float: none;&:not(&:hover, &:focus, &:active){background: var(--darkblue);border-color: var(--darkblue)} &::before{all: unset} &::after{content: '\e81e' / '';font-family: "fontello";font-size: 0.75em;margin-left: 0.25rem} } } } & .services{display: flex;flex-direction: row;align-items: center;gap: 0.5rem 1rem;flex-wrap: wrap;margin: 0.625rem 0 0.75rem 0;&:not(:has(.primary .btn)){margin: 0.25rem 0} & .primary, & .other{display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap} & .primary{margin-right: auto;gap: 0.5rem 1rem} @media (20rem < width < 38rem){margin-top: 0.5rem;gap: 0.5rem;& .primary{display: contents;&:has(.btn + .btn){& .btn{white-space: nowrap;width: calc(50% - 3rem);min-width: min-content;max-width: 50%;flex: 1} & .other{margin-right: auto} } } } @media (width < 20rem){margin-top: 0.5rem;gap: 0.5rem;& .primary{display: flex;max-width: min-content;& .btn{min-width: 100%;box-sizing: border-box;min-height: 2.25em} } & .cancel_appointment, & .other{margin: 0} } & a.pdf{font-size: 0;color: transparent;padding: 0.25rem 0.125rem 0.125rem 0.125rem;border: 0.125rem solid transparent;border-radius: 0.25rem;&::before{content: url("/fastmedia/163/icon_pdf.svg")} &::after{all: unset} &:hover, &:focus, &:active{border-color: var(--red);&::before{filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(3065%) hue-rotate(13deg) brightness(94%) contrast(105%)} } } } & #auth_control, & .main_article.breadcrumb, & .cancel_appointment, & .services:not(:has(.primary .btn)), & .other, & #searchintro_head, & #search_filter-legend, & form.search h1, & #search_label{transition: all 0.5s ease-in-out;max-height: 4rem;&:not(:hover, :focus, :focus-within){overflow: hidden} .scrolled &{max-height: 0;margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;overflow: hidden} } & #searchintro_head, & #search_filter-legend{max-height: 20rem} & .services:has(.primary .btn){transition: all 0.25s ease-in-out;max-height: 12rem;.scrolled &{margin-top: 0.25rem;padding-top: 0.25rem;margin-bottom: 0.25rem;row-gap: 0} } #searchintro form.search{transition: all 0.25s ease-in-out;.scrolled &{padding-bottom: 1rem} } .situation_intro{transition: all 0.25s ease-in-out;margin-top: 0.5rem;.scrolled &{margin-top: 0} p{font-size: 1.125rem} } } & .situation_intro{& .imgbox{margin-bottom: 0.75rem;img{border-radius: 1rem} } & .text_intro{padding: 1rem var(--padding_kacheln) 1rem var(--padding_kacheln);background: var(--lightblue)} & #kacheln{background: var(--lightblue);&>.section:last-child{padding-bottom: 0.5rem} } } & #situation_header{margin-top: 0;padding: 0.5rem var(--padding_kacheln) 1rem var(--padding_kacheln);background: var(--lightblue);& h1{text-transform: none;margin: 0;padding: 0;font-size: 2.1875rem;font-weight: 400;@media (width < 30rem){font-size: 1.75rem} & img{position: relative;height: 2rem;width: auto;top: 0.1em;vertical-align: baseline} } & + #kacheln .paragraph p{line-height: 1.125rem} } & a.btn.online-service, & a.btn.appointment{display: flex;align-items: center;gap: 0.4em;width: max-content;height: 2.25rem;padding: 0 0.5rem;color: #FFFFFF;font-size: 1.25rem;font-weight: bold;border: 0.25rem solid;border-radius: 0.625rem;&:hover, &:focus, &:active{text-decoration: none;color: var(--red);border-color: var(--red);background: #FFFFFF} &::after{margin: 0 0 0 auto} &.popup::after{content: '\002B' / '';display: flex;justify-content: center;align-items: center;width: auto;height: auto;font-size: 1.4em} &.direct::after{font-size: 0.75em;top: 0} } & a.btn.online-service{border-color: var(--red);background: var(--red);&::before{position: relative;content: '';display: block;width: 1.5em;height: 1.75em;top: -0.1em;background: #FFFFFF;mask-image: url("/fastmedia/163/online-icon.svg");mask-size: contain;mask-repeat: no-repeat;mask-position: center} &:hover, &:focus, &:active{&::before{background: var(--red)} } } & a.btn.appointment{float: none;margin: 0;border-color: var(--darkblue);&::before{content: url("/static/img/html5/Kalender_dkblau.svg");display: block;width: 1.25em;height: 1.25em;margin-right: 0.125em;filter: brightness(0) invert(1)} &:hover, &:focus, &:active{&::before{filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(3065%) hue-rotate(13deg) brightness(94%) contrast(105%)} } } & .cancel_appointment{margin-left: auto;padding: 0.5rem 0;background: #FFFFFF;&>span{display: flex;align-items: center;&::before{content: url("/fastmedia/163/icon_info.svg");padding-right: 0.25rem;filter: brightness(0)} } & div{position: absolute;z-index: 1000;display: none;box-sizing: border-box;max-width: 19rem;margin: 0.5rem 1rem 0 0;padding: 0.5rem 1rem;font-size: 0.875rem;color: #444444;border: 1px solid var(--darkblue);background: #EDF1F6;@media (width < 52rem){right: 1rem} @media (width < 38rem){right: calc(50vw - 19rem / 2 - 1rem);left: calc(50vw - 19rem / 2 - 1rem)} @media (width < 22rem){width: auto;right: 0;left: 1rem;& img{max-width: 100%} } } &:hover, &:focus-within{&>span::after{content: '';position: absolute;z-index: 1001;width: 1rem;height: 1rem;margin: 2.375rem 0 0 2rem;transform: rotate(45deg);border: 1px solid var(--darkblue);border-width: 1px 0 0 1px;background: #EDF1F6} & div{display: block} } } & .main_article.nsp{background-color: #EBE8E7;padding: 1.5rem var(--padding_main) 0 var(--padding_main);border: none;font-size: 1.125rem;line-height: 1.5rem;&.start{padding: 0} &:last-child:not(.breadcrumb){margin-bottom: 0} & h1{padding-top: 1.25rem;border-bottom: none;font-weight: 400;font-size: 2rem;line-height: normal;& img{display: inline-block;vertical-align: sub;width: auto;max-width: 2rem;max-height: 2rem;filter: brightness(0) opacity(0.735)} } & h2{font-size: 1.25rem} & h3{font-size: 1.125rem} & h4{font-size: 1.125rem;font-weight: normal;color: #000000} @media (width < 32rem){& h1, & h2, & h3{hyphens: auto;word-break: break-word} & p, & li{word-break: break-word} } &>h2{& .icon-plus, & .icon-minus{&::before{top: 1rem} } } & details{display: flow-root;&>summary{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;width: 100%;box-sizing: border-box;padding: 0.5rem 0;font-size: 1.25rem;font-weight: 700;line-height: 1;color: var(--darkblue);&:hover, &:focus, &:active{color: var(--red);text-decoration: underline;&::after{color: #FFFFFF;border-color: var(--red);background: var(--red)} } &:focus{outline: none} & h2, & h3{margin: 0;padding: 0;color: inherit} @media (width < 32rem){&, &>*{hyphens: auto;word-break: break-word} } } &>summary::marker{all: unset;display: none} &>summary::-webkit-details-marker{all: unset;display: none} &>summary::after{content: '\002B' / '';speak: never;display: inline-flex;flex: none;justify-content: center;width: 1.875rem;height: 1.875rem;box-sizing: border-box;line-height: 1.5rem;font-size: 2.5rem;font-weight: normal;border: 1px solid;border-radius: 100%;background: transparent;padding-top: 1px;text-decoration: none;overflow: hidden} &[open]>summary::after{content: '\2212' / ''} & p, & ul, & ol{margin: 0.5em 0 1em 0} } & .panel-single{width: 100%;box-sizing: border-box;margin: 0;padding: 0 1.25rem 0.25rem 1.25rem;border-radius: 1rem;box-shadow: 0 0 0.25rem 0 #00000040;font-size: 1.125rem;line-height: 1.5rem;overflow: hidden;background-color: #FFFFFF;&>p{font-weight: 700} & .ds_info{font-size: 1rem;padding-bottom: 0.75rem;& .kogis_main_visitenkarte{flex: 1;margin-bottom: 0;& ul.visitenkarte{& li{margin-bottom: 0.5rem} } } @media (width>48rem){display: flex;padding-bottom: 0;& .ds_info_more{display: flex;flex-direction: column;justify-content: flex-end;margin: 0 0 1rem 1rem;padding-left: 1rem;border-left: 1px dashed var(--darkblue);& p{margin: 0} } } & .ds_info_more{&:not(:has(*)){display: none} & a.stadtfuehrer{display: block;border: 0.125rem solid var(--darkblue);border-radius: 1rem;overflow: hidden;padding: 0.5rem 0.75rem;&:hover, &:focus, &:active{border-color: var(--red);outline: 0.125rem solid var(--red);& img{border: 0} } &::after{all: unset} &>img{display: block;width: 100%;height: 100%} } } } } & .panel-single, & .panel-group{&, & p, & li{line-height: 1.5rem} } & .panel-group>ul>li{background-color: #FFFFFF;list-style: none;margin: 0 0 0.5rem 0;padding: 0 0.5rem 0 1.25rem;font-size: 1.125rem;font-weight: 400;color: #444444;line-height: 1.5rem;border-radius: 1rem;box-shadow: 0 0 0.25rem 0 #00000040;&>h2{padding: 0.375rem 0 0.125rem 0;font-size: 1.25rem;font-weight: 700} } & .panel-group.announcements{&>ul>li{padding: 0;overflow: hidden;&>details{&>summary{display: flex;gap: 1rem;background: #4B6A80;margin: 0;padding: 0 0.5rem 0 0;box-sizing: border-box;color: #FFFFFF;font-size: 1rem;&::before{content: '!' / '';display: flex;align-items: center;align-self: stretch;padding: 0.625rem 1rem 0.625rem 1.25rem;font-weight: bold;font-size: 2rem;color: #FFFFFF;background: var(--darkblue)} &::after{margin-left: auto;color: var(--darkblue);background: #FFFFFF} &:hover, &:focus, &:active{color: #FFFFFF;text-decoration: none;&:after{background: var(--red);border-color: #FFFFFF;color: #FFFFFF} & span{text-decoration: underline} } } &[open]{&>summary::before{padding-bottom: 1.625rem} &>summary::after{margin-bottom: 1rem} &>summary>span{padding-bottom: 1rem} } &>div{position: relative;display: flow-root;margin-top: -1.125rem;padding: 0 1rem 1rem 1.25rem;border: 1px solid var(--darkblue);border-radius: 1rem;background: #FFFFFF;& p{margin-bottom: 0.5rem} & a{font-size: 0.875rem;font-weight: bold} } } } } .js & .shortener{all: unset;display: block;position: relative;overflow: hidden;&.short{max-height: 16rem;overflow: hidden;position: relative;&::after{content: "";display: block;position: absolute;bottom: 0;left: 0;right: 0.5rem;height: 3rem;background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFFFFF)} &>div{max-height: 16rem;overflow: hidden} & .short_toggle{all: unset;position: absolute;z-index: 1;display: flex;bottom: 0;left: 50%;padding: 0.25rem 3rem .375rem 3rem;transform: translateX(-50%);color: #FFFFFF;font-size: 0.875rem;line-height: 1;white-space: nowrap;background: var(--darkblue);clip-path: polygon(14% 14%, 20% 0, 80% 0, 86% 14%, 100% 100%, 0 100%);&:hover, &:active, &:focus{background: var(--red);& span{text-decoration: underline} } &::before{all: unset;content: "\2335";margin-right: .4em;font-size: 1.4em;line-height: 0.4em;-webkit-text-stroke: 1px #FFFFFF} &::after{all: unset} } } } & .kogis_main_visitenkarte .visitenkarte{&:first-child, &:last-child{padding: 0;border: none} } & .interfaceicon{width: 1.375rem;height: 1.25rem;background-size: contain} & .interfaceicon:not(a .interfaceicon){filter: brightness(0)} & .interfaceicon.address{background: url("/fastmedia/163/Pin.svg") no-repeat center / contain} & .interfaceicon.send{background: var(--blue);mask: url("/static/img/html5/Message_dkblau.png") center 200%/82% no-repeat;&:is(:hover>*, :focus>*, :active>*){background: var(--red)} } & a.url{&::after{all: unset;display: none} & .interfaceicon.url{display: inline-block;background: var(--blue);mask: url("/fastmedia/163/website_dkblau.svg") no-repeat center center / 82%} &:hover, &:focus, &:active{& .interfaceicon.url{background: var(--red)} } } & #dl-ds{display: flex;gap: 1rem;flex-direction: column;@media (width>38rem){flex-direction: row;&>div + div{padding-left: 1rem;padding-right: 1rem;border-left: 1px dashed var(--darkblue);margin-left: auto} } &>div>ul{all: unset;&>li{all: unset;& h3{font-size: 1.125rem;margin-bottom: 0.5rem;& a.more:not(a:hover, a:focus, a:active)::after{content: url("/static/img/html5/Pfeil_rechts_hlblau.svg")} } @media (width>38rem){&>div{padding-left: 1.25rem} } & .kogis_main_visitenkarte{margin: 0} } } & .cancel_appointment{font-size: 0.875rem;&>div{margin-top: 0.375rem} @media (width <= 38rem){& span::after{margin-left: 7rem} &>div{right: auto;left: 1rem} } } } & #ds-dl{& summary{padding: 0.5rem 0.5rem 0.5rem 1.25rem;font-size: 2.125rem;font-weight: 400} & form{margin: 0.5rem 1.25rem 2rem 1.25rem;padding: 0;background: none;&>div{display: flex;flex-direction: row;align-items: center;& strong{margin-left: 1.5rem} } & label{display: block;font: inherit;font-size: 1rem;margin-bottom: 0.75rem} & input{width: 100%;max-width: 30rem;font-size: 1rem;height: 2.5rem;line-height: 2.5rem;box-sizing: border-box;margin: 0;padding: 0 0.5rem !important;border: 1px solid var(--darkblue);border-radius: 0.75rem 0 0 0.75rem;background: #FFFFFF} & button{width: 3.125rem;height: 2.5rem;line-height: 2.5rem;margin-right: 0;padding-left: 0;padding-right: 0;box-sizing: border-box;font-size: 0;color: transparent;overflow: hidden;border: 0.125rem solid var(--darkblue);border-radius: 0 1rem 1rem 0;background: var(--darkblue);&::before{content: url("/static/img/html5/lupe_weiss.svg");display: block;height: 1.5rem;width: 1.25rem;margin: 0.25rem auto 0 auto} &:focus, &:hover, &:active{border-color: var(--red);background: #FFFFFF;&::before{content: url("/static/img/html5/lupe_rot.svg")} } } & + p{margin: -1rem 1.25rem 2rem 1.25rem} } } & ul.online-services{all: unset;display: block;margin-bottom: 1rem;& li{all: unset;display: block;clear: both} } & ul li.icon-left{list-style: none;margin: 0 0 0.5rem 0} } & #feedbackform{margin: 1rem calc(var(--padding_main) * -1);padding: 1rem var(--padding_main);background: #FFFFFF;& details{& summary{position: relative;z-index: 1;display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;max-width: max-content;margin: 0 0 -0.25rem 0;padding: 0.5rem 1rem 0.125rem 1.25rem;font-size: 1.25rem;color: #FFFFFF;border-radius: 0.625rem;background: var(--darkblue);&:hover, &:focus-visible, &:active{background: var(--red)} &:is(details[open] summary){margin-bottom: -1rem;max-width: unset} &::before{content: url('/sixcms/media.php/163/speechbubble%21.png')} &::after{width: auto;height: auto;line-height: auto;margin-top: -0.1875rem;border: 0;background: transparent} & h2{font-size: inherit} } &>div{padding: 0.25rem 0 0 0;border: 0.75rem solid var(--darkblue);border-radius: 0.625rem;background: var(--darkblue);&>div{padding: 1rem;background: var(--lightblue);border-radius: 0.25rem;& p{margin-top: 0} } & .forminputs{display: flow-root;& .success{& label{display: inline-block} } & .message{& textarea{margin: 0;height: 8rem;overflow: auto;--sliderColorBG: rgba(var(--darkblueRGB), 0.3);--sliderColorFG: var(--darkblue);scrollbar-base-color: var(--sliderColorBG);scrollbar-face-color: var(--sliderColorFG);scrollbar-3dlight-color: var(--sliderColorBG);scrollbar-highlight-color: var(--sliderColorBG);scrollbar-track-color: var(--sliderColorBG);scrollbar-arrow-color: var(--sliderColorFG);scrollbar-shadow-color: var(--sliderColorBG);scrollbar-dark-shadow-color: var(--sliderColorBG);scrollbar-color: var(--sliderColorFG) var(--sliderColorBG);scrollbar-width: thin;&::-webkit-scrollbar{width: 0.5rem;height: 0.5rem;background-color: transparent} &::-webkit-scrollbar-track{background-color: var(--sliderColorBG)} &::-webkit-scrollbar-thumb{background-color: var(--sliderColorFG)} } & textarea, & input{border-width: 1px} } & button{display: block;float: none;margin: 0 auto} & .form_error br{clear: both} @media (width>40rem){display: grid;grid-template-columns: 2fr 2fr 1fr;gap: 1rem;& .success{grid-column: 1/2;grid-row: 1/2;margin: 0;padding: 0;border: 0 } & .rating{grid-column: 1/2;grid-row: 2/3;margin: 0;padding: 0;border: 0;& input::before{-webkit-text-stroke: 0.005em var(--lightblue)} & small{font-size: 0.9em;opacity: 0.8} } & .message{grid-column: 2/3;grid-row: 1/3;padding-left: 1rem;border-left: 1px dashed var(--darkblue);& label:last-child{margin: 0} & textarea{height: 5rem} } & .buttons{grid-column: 3/4;grid-row: 2/3;align-content: flex-end;& button{float: none;margin: 0;white-space: nowrap} } } } } } } & ul.lang_toggle{width: max-content;height: 2rem;list-style: none;margin: 0;padding: 0;background: #FFFFFF;& li{background: #FFFFFF} & li ~ li{position: absolute;z-index: -1;height: 0;opacity: 0.001} &:hover, &:focus-within{border-bottom: 0;& li:first-child{border-radius: 0.25rem 0.25rem 0 0;border-bottom: 0} & li ~ li{position: relative;z-index: 1;height: auto;opacity: 1;background: white;border-top-color: var(--lightblue)} } & li{display: flex;align-items: center;gap: 0.5rem;min-width: 6.5rem;margin: 0;padding: 0.125rem 0.25rem 0 0.25rem;border: 1px solid var(--darkblue);&:first-child{border-radius: 0.25rem;&::before{content: url("/fastmedia/163/globe.svg");display: block;width: 1.5em;margin: 0.125rem 0 -0.125rem 0} &::after{content: '\2335' / '';margin: 0 0.125rem 0.3em auto;width: 1em;font-size: 1.25em;text-align: center;-webkit-text-stroke-width: 0.06em} } &:last-child{border-radius: 0 0 0.25rem 0.25rem} & a{width: 100%;display: flex;align-items: center;gap: 0.5rem;margin: 0;padding: 0;&::before{all: unset;content: '';width: 1.5em} &::after{all: unset;content: '';display: none} } } } & span.btn{display: inline-block;background: #D7DFDF;padding: 0.1875rem 1.75rem;color: #444444;font-weight: bold;border: 0.125rem solid #D7DFDF;border-radius: 0.25rem} & a.more{&::after{width: 1rem} } & a.btn.more{float: none;margin: 0;&::after{content: url("/static/img/html5/Pfeil_rechts_red.svg");display: inline-block;width: 1.2em;filter: brightness(0) invert(100%)} &:hover, &:focus, &:active{&::after{filter: none} } } & a.btn.direct{float: none;margin: 0;&::after{display: inline-block;width: auto;line-height: 1} } & a.popup{&:not(.btn){&::after{content: '\002B' / '';display: inline-flex;justify-content: center;align-items: center;width: 0.625em;height: 0.625em;margin-left: 0.25rem;border: 0.125rem solid} } } & #faqs{margin-right: 0.5rem;& h2{font-size: 2rem;font-weight: 400} &>details>summary{font-size: 2rem;font-weight: 400} } & #reg_faq{font-size: 1.125rem;&>ul{list-style-type: none;margin: 0;padding: 0;&>li{list-style-type: none;margin: 0;padding: 0;& details{&>summary{flex-direction: row-reverse;justify-content: start;gap: 0.25rem;&::after{width: 1.5rem;height: 1.5rem;min-width: 1.5rem;min-height: 1.5rem;margin-left: -0.25rem;line-height: 1.25rem;font-size: 1.8125rem;border-color: transparent} & h3{font-size: 1.25rem} } &>div{padding-left: 1.5rem;&>*:first-child{margin-top: 0;padding-top: 0} } } } } } & .last_update{display: flow-root;width: auto;margin: 1rem calc(var(--padding_main) * -1) 0 calc(var(--padding_main) * -1);background: #FFFFFF;text-align: center} & .oeffnungszeiten{border: none;& #abs_zeiten{border: none;margin-right: 0.75rem;&::before{all: unset} @media (width < 48rem){& .row{display: block;padding: .75em 1em .75em 1.5rem;.zeit, & .hinweis{width: 100%;padding: 0} } } } } & #collapse-times{& .row{padding: 0.25rem 2rem 0.25rem 1rem;font-size: 1rem;&:last-child{margin-bottom: 1rem} &:nth-child(even){background: var(--lightblue);&:last-child{margin-bottom: 1.5rem} } @media (width>36rem){display: flex;flex-direction: row;flex-wrap: wrap;gap: 0.25rem 2.5rem;& .zeit{min-width: 12rem;display: flex;flex-direction: row;justify-content: space-between} & .hinweis{flex: 1} } } } } html.nsp{& #cboxOverlay{background: var(--darkblue);opacity: 0.5 !important} & #colorbox{overflow: visible !important;border-radius: 1rem;max-width: 96vw;border: none;box-shadow: none;& #cboxWrapper{max-width: 100%;& #cboxContent{max-width: 100%;& #cboxTitle{display: none !important} & #cboxLoadedContent{max-width: 100%;border-radius: 1rem;overflow: hidden;background: #FFFFFF;& iframe.cboxIframe{position: relative;inset: 0;width: 100%;height: 100%} } } } & button#cboxClose{position: absolute;z-index: 1;width: 2rem;height: 2rem;top: -0.75rem;right: -0.75rem;padding: 0;color: transparent;overflow: hidden;border: 0.25rem solid #FFFFFF;border-radius: 100%;background: var(--darkblue);transform: rotate(45deg);&::before{content: '';position: absolute;width: 74%;height: 1px;left: 13%;top: calc(50% - 0.125rem);border-top: 0.25rem solid #ffffff} &::after{content: '';position: absolute;width: 1px;height: 74%;left: calc(50% - 0.125rem);top: 13%;border: none;border-left: 0.25rem solid #ffffff;border-radius: unset;background: none} &:hover, &:focus, &:active{border-color: var(--red);background: #FFFFFF;&::before, &::after{border-color: var(--red)} } } } } @supports (-webkit-touch-callout: none){body, html{&:has(dialog[open]){overflow: hidden} } } dialog{display: flex;flex-direction: column;width: 42rem;max-width: calc(100% - 2.5rem);max-height: calc(100% - 4rem);padding: 0;border: none;border-radius: 1rem;overflow: visible;overscroll-behavior: none;filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.8));box-sizing: border-box;&.modal--link--lang{width: 58rem} &.modal--link--quickform{width: 48rem} &::backdrop{background: var(--darkblue);opacity: 0.5} & .modal--wrapper{display: flex;flex-direction: column;overflow: hidden;height: auto;width: 100%;border: inherit;border-radius: inherit;padding: 2rem 0 0 0;&:focus-visible{outline: 0.125rem solid blue} } & .modal--close{position: absolute;z-index: 1;width: 2rem;height: 2rem;top: -0.875rem;right: -0.875rem;padding: 0;color: transparent;overflow: hidden;box-sizing: content-box;border: 0.25rem solid #FFFFFF;border-radius: 100%;background: var(--darkblue);transform: rotate(45deg);&::before{content: '';position: absolute;width: 74%;height: 1px;left: 13%;top: calc(50% - 0.125rem);border-top: 0.25rem solid #ffffff} &::after{content: '';position: absolute;width: 1px;height: 74%;left: calc(50% - 0.125rem);top: 13%;border: none;border-left: 0.25rem solid #ffffff;border-radius: unset;background: none} &:hover, &:focus, &:active{border-color: var(--red);background: #FFFFFF;&::before, &::after{border-color: var(--red)} } } & .modal--content{display: flex;flex-direction: column;overflow: hidden;height: 100%;width: 100%;& iframe{width: 100%;height: 100%;max-height: calc(100vh - 8rem);border: none;overscroll-behavior: none} } }#container:has(#main.nsp.start){background: #FFFFFF} .kogis #container #main.nsp{&.start{& .main_article.main{display: none} } & #search_filter{display: flex;gap: 1rem;padding: 0.75rem var(--padding_main) 0.25rem var(--padding_main);& button{border-color: #FFFFFF;background: var(--darkblue);&:hover, &:focus, &:active{color: var(--red);background: #FFFFFF} .js &{display: none} } } & #search_filter, & #search_legend{border-radius: 0;background: var(--darkblue);&, & a, & strong{color: #FFFFFF} & strong img{height: 1rem;width: auto;filter: brightness(0) invert(1)} } & #search_filter{&::after, &::before{all: unset} & label, & label + label{margin: 0} & select{padding: .25rem .8125rem !important;margin: 0;font-weight: 400} } & #search_legend{display: flex;gap: 0.5rem;flex-wrap: wrap;align-items: center;padding: 0.75rem var(--padding_main) 0.875rem var(--padding_main);border: 0;& span, & strong{display: flex;flex-wrap: nowrap;gap: 0.25rem;align-items: center} & strong{margin-right: 0.25rem} } & #searchintro{position: relative;z-index: 13;margin: 0;padding: 0;background: var(--lightblue);& h1{display: flex;padding: 0.25rem 0 0 0;text-transform: none;&::before{content: url("/static/img/html5/lupe_dkblau.svg");display: inline-block;min-width: 1em;height: 1.12em;margin-top: 0.5rem;padding-right: 0.5rem;vertical-align: bottom} } & #searchintro_head{padding: 0;& h1{padding: 1rem var(--padding_kacheln) 0 var(--padding_kacheln);color: inherit;font-weight: 400;font-size: 2.5rem;&.ext::before{float: left;width: 3rem;height: 3.5rem;margin: 0} & + a.more{position: relative;top: -0.875rem;left: 3rem;color: var(--darkblue)} & + a.more::after{content: url("/static/img/html5/Pfeil_rechts_dkblau.svg")} } & h2{padding: 0.5rem var(--padding_kacheln) 0 calc(var(--padding_kacheln) + 3.25rem);box-sizing: border-box} } & form{padding: 1rem var(--padding_kacheln) 2rem var(--padding_kacheln);background: none;&>div{display: flex;flex-direction: row;align-items: flex-end} & label{display: block} & .row{gap: 1rem;flex-wrap: wrap;& .searchWrapper{position: relative;display: flex;flex: 1;max-width: 36rem;min-width: 60%;& input{all: unset;width: 100%;height: 2.5rem;font-size: 1rem;line-height: 2.5rem;box-sizing: border-box;padding: 0 0.5rem !important;border: 1px solid #002b4b;border-radius: 1rem 0 0 1rem;background: #FFFFFF;&:focus{border-color: var(--red);outline: 0.1875rem solid var(--red);outline-offset: -0.1875rem} } & button{&:hover, &:focus, &:active{background: #FFFFFF;border-color: var(--red)} } & button[type="submit"]{height: 2.5rem;line-height: 2.5rem;box-sizing: border-box;padding: 0;font-size: 0;color: transparent;overflow: hidden;width: 3rem;float: none;margin: 0;border: 0.1875rem solid #002b4b;border-radius: 0 1rem 1rem 0;background: #002b4b;&::before{content: '';background-color: #FFFFFF;mask: url("/static/img/html5/lupe_weiss.svg") no-repeat center center;display: block;height: 1.5rem;width: 1.5rem;margin: 0.375rem auto 0} &:hover, &:focus, &:active{background: #FFFFFF;border-color: var(--red);&::before{background-color: var(--red)} } } } } & h1{margin-bottom: 1rem;text-transform: unset;font-size: 1.75rem} & label{margin-left: 1.5rem;line-height: 2.5rem;font-size: 1rem;white-space: nowrap;&::before{content: url("/fastmedia/163/Pin.svg");display: inline-block;height: 1.625rem;width: 1.625rem;vertical-align: text-bottom} } &>div.row_arFieldset_searchStr{align-items: flex-start} @media (width <= 42.5rem){padding-bottom: 0.5rem;&>div{flex-wrap: wrap} &.search input{width: calc(100% - 3rem)} &.search label{margin-top: 0.5rem} & label#search_label{margin-left: 0} } } & #situations{background: var(--darkblue);& .situations.slider{&:focus-within:not(.focus--mouse *){outline: none} &>ul{margin: 1.25rem 2rem 0rem 2rem;height: auto;& li{width: calc(100% / 6);height: auto;padding: 0 0.5rem;box-sizing: border-box;@media (width < 42rem){width: 20%} @media (width < 36rem){hyphens: auto;width: 25%} @media (width < 30rem){width: calc(100% / 3)} @media (width < 24rem){width: 50%} & a{position: relative;display: block;height: 100%;text-align: center;box-sizing: border-box;color: var(--darkblue);&:hover, &:focus, &:active{filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(3065%) hue-rotate(13deg) brightness(94%) contrast(105%)} &::after{content: none;display: none} & img{display: block;margin: auto;height: 3rem;width: auto;filter: none} } } } & button{width: 3rem;height: 3rem;top: 4.0rem;margin: 0;background: none;&::after{width: 1.2em;height: 1em;margin: 0} &:hover, &:focus, &:active{background: var(--red);color: #FFFFFF} &.scroller_left, &.scroller_right{top: 3rem;margin: 0;&::after{width: 1.5rem;height: 1rem} } &.scroller_left{left: 0.5rem;&::after{content: url("/static/img/html5/Pfeil_links_dkblau.svg")} &:hover, &:focus, &:active{&::after{content: url("/static/img/html5/Pfeil_links_white.svg")} } } &.scroller_right{right: 0.5rem;&::after{content: url("/static/img/html5/Pfeil_rechts_dkblau.svg")} &:hover, &:focus, &:active{&::after{content: url("/static/img/html5/Pfeil_rechts_white.svg")} } } } & .scroller_counter{display: none} @media (width <= 46rem){padding-left: 0.75rem;padding-right: 0.75rem;& button.scroller_left{left: -0.375rem;margin-left: 0} & button.scroller_right{right: -0.375rem;margin-right: 0} &>ul{margin: 1.25rem 1.5rem 0rem 1.5rem} } &>div{margin: 0rem 2rem 1rem 2rem;float: right;&>a.more{display: inline;color: white;font-weight: normal;&::after{margin-left: 0.3125rem;top: 0.0625rem;content: url("/static/img/html5/Pfeil_rechts_white.svg");display: inline-block;position: relative;width: 1.2em;height: 1em;vertical-align: auto;content: url("/static/img/html5/Pfeil_rechts_white.svg")} } } } .situations{height: auto;margin: 0;padding-left: 3.75rem;padding-right: 3.75rem;background: var(--lightblue);border: 1px solid var(--darkblue);border-width: 0 0.875rem 0.75rem 0.75rem;border-radius: 0 0 1rem 1rem;.js &{position: absolute;z-index: 1;width: 100%;top: calc(100% - 1rem + 1px);left: 0;border-top-width: 1rem;border-bottom-width-width: 0;transition: height 250ms ease-in-out 0ms, border 50ms linear 250ms, visibility 0ms linear 260ms;&:not(.open){height: 0;border-top-width: 0;border-bottom-width: 0;visibility: hidden} &.open{height: 11.5rem;transition: height 500ms ease-in-out 50ms, border 50ms linear 0ms, visibility 0ms linear 0ms} &.open.showall{height: auto;& ul{flex-wrap: wrap;margin-bottom: 2rem;& li{margin: 0.5rem 0} } & button.scroller_left, & button.scroller_right, & ul li.clone{display: none} } } } @media (width>42.5rem){.js &{position: relative;z-index: 2;display: flex;flex-direction: row;justify-content: space-between;background: #002b4b;&::after{content: '';display: block;position: absolute;z-index: 10;left: 50%;margin-left: -1px;top: 0;bottom: 0;border: 1px solid #FFFFFF;height: 3, 3125rem} } } & .groupbox{margin-bottom: 1.0rem;padding-bottom: 0.0rem;& h2{all: unset;position: relative;height: 100%;z-index: 20;margin: 0;padding: 0;border: 0;font-size: 1.25rem;font-weight: 700;background: var(--darkblue)} & h2 a{all: unset;display: flex;align-items: center;text-align: left;margin: 0.25rem 0;padding: 0 1rem 0 var(--padding_kacheln);color: #FFFFFF;&:hover, &:focus, &:active{color: #ffffff;text-decoration: underline} &::before{position: relative;display: block;width: 2.5em;height: auto;top: 0.2em;left: 0;padding: 0 1rem 0 0;vertical-align: middle;font-size: 1.0rem} &::after{text-decoration: none;text-decoration-color: transparent} } &#buerger h2 a::before{content: url("/fastmedia/163/Buerger.svg")} &#unternehmen h2 a::before{content: url("/fastmedia/163/Unternehmen.svg")} & .situations a.showall{position: absolute;right: 1rem;bottom: 1rem;font-weight: bold;color: var(--darkblue);&::after{content: "\002B";display: inline-flex;align-items: center;justify-content: center;width: 0.85rem;height: 0.85rem;line-height: 1;margin-left: 0.5rem;font-family: "PTSansRegular", Arial, Helvetica, sans-serif;color: var(--darkblue);font-size: 0.85rem;text-align: center;font-weight: normal;box-sizing: border-box;border: 0.125rem solid var(--darkblue);border-radius: 100%;background: #FFFFFF} &:hover, &:focus-visible, &:active{color: var(--red);&::after{color: #FFFFFF;border-color: var(--red);background: var(--red)} } } & .situations.showall a.showall::after{content: "\2212"} .js &{position: relative;z-index: 2;width: 100%;border-bottom: 1px solid transparent;@media (width>42.5rem){position: static;z-index: unset;width: 49%;border-bottom: 1px solid transparent;margin-bottom: 0.0rem;padding-bottom: 0.0rem;&:first-child{z-index: unset;border-radius: 1rem 0 0 1rem} &:last-child{z-index: unset;border-radius: 0 1rem 1rem 0} } .js &:first-child{z-index: 3} &.closed{z-index: 1;border-bottom: 1px solid #ffffff} & h2{position: relative;&::before, &::after{all: unset} & a{position: relative;border: none;display: flex;&::after{all: unset;position: relative;content: "\002B";display: flex;justify-content: center;align-items: center;width: 2rem;height: 2rem;margin-left: auto;font-family: "PTSansRegular", Arial, Helvetica, sans-serif;color: var(--darkblue);font-size: 2.25rem;text-align: center;font-weight: normal;box-sizing: border-box;border: 0.1875rem solid var(--darkblue);border-radius: 100%;background: #FFFFFF;line-height: 1.5rem;overflow: hidden} &:hover, &:focus, &:active{&::after{border-color: #FFFFFF;color: #FFFFFF;background: var(--red)} } } &.open{& a{z-index: 3;&::after{content: "\2212"} } } } } @media (width <= 42.5rem){margin-bottom: 0;padding-top: 0.25rem;padding-bottom: 0;border-top: 1px solid #ffffff;& h2 a{margin: 0 2.0rem 0.25rem -2.0rem} .js & h2 a{left: 2.0rem} } } } } & .main_article.nsp{&:has(#search_counter){padding-top: 1rem} & #search_counter{color: #4F4F4F;padding-left: 0;border-bottom: 0;font-size: 1.5rem} & .panel-group{& ul#search-results{& .search-result-item{display: grid;grid-template-columns: 1fr auto;grid-template-rows: auto;grid-template-areas: "content links";gap: 1rem;padding: 0 1rem 0.625rem 1.25rem;border: none;&:hover, &:focus-within{position: relative;z-index: 2} & .content{grid-area: content;flex: 1;padding: 0;max-width: 100%;overflow: hidden;& p{color: #4F4F4F;line-height: 1.5rem;font-weight: 400} & .icons{color: #4F4F4F;font-size: .875rem;& span{padding-left: 0} & span + span{padding-left: 0.75rem;border-left: 2px dotted var(--darkblue)} & span.dl_icon_list_lebenslagen{padding-left: 0} & span.more{font-weight: bold} & img{max-height: 1.125rem} & img, & span{vertical-align: middle} } } & .links{all: unset;grid-area: links;display: flex;min-width: 12.5rem;flex-basis: auto;flex-direction: column;align-items: flex-end;justify-content: flex-end;padding: 0.75rem 0 0 1.25rem;font-size: 0.8125rem;line-height: 1rem;& a.btn.online-service, & a.btn.appointment{min-width: 10.75rem;height: 2rem;box-sizing: border-box;font-size: 0.875rem;border-width: 0.125rem;border-radius: 0.375rem;margin-bottom: 0.5rem} } &>div:first-child{flex: 1} & h3{background: none;padding: 0;margin: 1rem 0 0.5rem 0;font-size: 1.25rem;font-weight: 700;line-height: 1.625rem;& span.synonyme{padding-right: 2rem;color: #434345;&::before{content: '';display: inline-block;width: 1.5625rem;height: 1.125em;margin-right: 0.625rem;vertical-align: bottom;background: #434345;mask-image: url('/fastmedia/163/Clients.svg');mask-repeat: no-repeat;mask-size: contain} } & a{padding-right: 2rem;color: var(--darkblue);&::before{content: '';display: inline-block;width: 1.5625rem;height: 1.125em;margin-right: 0.625rem;vertical-align: bottom;background: var(--darkblue);mask-repeat: no-repeat;mask-size: contain} &.dienstleistungen::before{mask-image: url('/fastmedia/163/Clients.svg')} &.dienststellen::before{mask-image: url('/fastmedia/163/nsp_house.svg')} &.wegweiser::before{mask-image: url('/fastmedia/163/Wegweiser.svg')} & img:first-child{display: none} &::after{margin: 0 -2rem 0 0.25rem;opacity: 0} &:hover, &:focus, &:active{color: var(--red);&::before{background: var(--red)} } &:focus-visible{&::after{opacity: 1} } } } @media (width < 48rem){display: block;& .content .icons span:first-child{border: 0} & .icons .more a{margin: 0;padding: 0} & .links{align-items: flex-start;padding-left: 0;padding-top: 0.125rem;a.btn:first-child{margin-top: 0.5rem} } } } & ~ p.nothing-found{a{display: flex;align-items: center;margin: 1rem auto 0 auto;padding: 0.5rem 1rem;font-size: 1rem;color: #FFFFFF;background: var(--darkblue);border: 0.125rem solid var(--darkblue);border-radius: 1rem;&::before{content: url("/static/img/html5/lupe_weiss.svg");flex: none;width: 1.375em;height: 1.375em;margin-right: 0.5rem} &::after{content: url("/static/img/html5/Pfeil_rechts_white.svg");width: 1em;height: 1em;margin-left: 0.75em;line-height: 1;top: 0} &:hover, &:focus, &:active{color: var(--red);border-color: var(--red);background: #FFFFFF;&::before{content: url("/static/img/html5/lupe_rot.svg")} &::after{content: url("/static/img/html5/Pfeil_rechts_red.svg")} } } } & ~ button{display: block;margin: 0 auto 0.938rem auto;background: var(--darkblue);margin-bottom: 1rem;padding: 0.375rem 0.5rem 0.375rem 0.75rem;color: #fff;font-weight: bold;border: 0.125rem solid var(--darkblue);border-radius: .25rem;&::after{margin-left: 0.375rem;top: 0.125rem;content: url("/static/img/html5/Pfeil_rechts_white.svg");display: inline-block;position: relative;width: 1.2em;height: 1em;transform: rotate(90deg)} &:hover, &:focus-visible, &:active{color: var(--red);border-color: var(--red);background: #FFFFFF;&::after{content: url("/static/img/html5/Pfeil_rechts_red.svg")} } } } } } }.kogis #container{&:has(>#main.nsp.ww){--ww-top-background: #EDF0F5;--ww-bottom-background: #EBE8E7;--ww-search-item-background: #FFFFFF;--ww-search-item-margin-bottom: 2rem;background: var(--ww-top-background);padding: 0;#dachmarke-unten{padding-bottom: 1.875rem;background-color: #fff} & h2{font-size: 1.5rem !important;color: #4F4F4F !important;margin-bottom: 0.938rem;margin-top: 0.5rem} & #ww_skyline{border-bottom: 0.625rem solid #fff;& div{border-bottom: 0.625rem solid #002B4B;& img{left: 3.25rem;position: relative;@media screen and (max-width: 48rem){width: 85%;left: 1.25rem} } } } } &:has(>#main.nsp.top_ww){--ww-top-background: #EDF0F5;--ww-bottom-background: #EBE8E7;--ww-search-item-background: #FFFFFF;--ww-search-item-margin-bottom: 2rem;& h2{font-size: 1.5rem !important;color: var(--darkblue) !important;margin-bottom: 0.938rem;margin-top: 0.5rem} } & #main.nsp.ww{padding: 0;& .main{padding: 0;& .main_article{padding: 0 var(--padding_main) 0 var(--padding_main);&.breadcrumb{font-size: .75rem;font-weight: 400;background-color: transparent !important} } &>.main_article{background: var(--ww-top-background)} & :is(.buergerteaser, .beschreibung) :is(p, li){font-weight: 400;font-size: 1.125rem;line-height: 1.5625rem} & .buergerteaser :is(p, li){font-weight: 700} } & .auth_control{background: var(--ww-bottom-background);border: 0} & .lang_toggle{} & h1{margin-top: 1.5rem;margin-bottom: 2.1875rem;font-size: 2.1875rem;font-weight: 400;line-height: 2.8125rem;text-transform: none} & .search-result-item>h3{background-color: transparent;padding-left: 1rem;padding-top: 1rem} & .search-result-item>h3{background-color: transparent;padding-left: 1rem;padding-top: 1rem} & .search-result-item>.content{background-color: transparent;padding-left: 1rem} & #ww_dl{background: var(--ww-bottom-background);& .search-results::before{display: none} } & #ww_skyline{background: var(--ww-top-background)} & .search-result-item{background-color: var(--ww-search-item-background);border-bottom: none;margin-left: var(--padding_main);margin-right: var(--padding_main);margin-bottom: var(--ww-search-item-margin-bottom);border-radius: 0.75rem} & .search-result-item.ww_dl{&::before{display: none} } & .panel-group ul li ul li.icon-left{display: block;list-style: none} } }.kogis #container #main.nsp{& .main_article.nsp{&.evk{padding-right: min(var(--padding_main), 3.375rem);padding-top: 1rem} & #evk--wrapper{display: grid;grid-template-columns: 580fr 246fr;gap: 0.5rem 1.5rem;margin: 0 0 2rem 0;&>h1{grid-column: 1 / 3;grid-row: 1 / 2;width: 100%;margin: 0;padding: 0 0 0.5rem 0;color: var(--darkblue)} & #evk--content{grid-column: 1 / 2;grid-row: 2 / 3;min-width: 0 } & #evk--marginal{grid-column: 2 / 3;grid-row: 2 / 3;min-width: 0} @media (width <= 42rem){display: flex;flex-direction: column;& #evk--marginal{order: -1} & #evk--marginal, & #evk--content .panel-single.slider{margin: 0 calc(0px - var(--padding_main));width: calc(100% + var(--padding_main) * 2)} & #evk--navi{& ~ div{& a.btn{width: max-content;padding: 0.25rem 1.25rem} } } } } & #evk--content{& h2{margin-top: 0;padding-top: 0;font-size: 1.25rem;line-height: 1;font-weight: bold;border: none} & .panel-single{padding-top: 1rem;padding-bottom: 1rem;&.slider{width: 100%;height: auto;padding: 0;background: #FFFFFF;&:focus-within{outline: none} &>ul>li{border-radius: 1rem;&:focus-visible{outline: 0.125rem solid var(--red);outline-offset: -0.125rem} &>figure{display: block;aspect-ratio: 580 / 302;&>img{width: 100%;height: 100%;object-fit: cover} } &>div{all: unset;display: block;padding: 1rem;&:only-child{padding: 1rem 2.5rem} } } & .scroller_controls{& .scroller_left, & .scroller_right{display: flex;align-items: center;width: 4.625rem;height: 4.625rem;top: 6rem;margin: 0;&::after{width: 1.5rem;margin: 0.25rem 0.25rem 0 0.25rem} } & .scroller_left{justify-content: flex-end;left: -2.25rem} & .scroller_right{justify-content: flex-start;right: -2.25rem} } & .scroller_indicator{display: block;padding: 0.75rem 1rem;& .scroller_counter button{display: inline-flex;justify-content: center;align-items: center;width: 1.125rem;height: 1.125rem;font-size: 0.75rem;line-height: 1;border-width: 0.125rem;&:hover, &:focus, &:active{color: #FFFFFF;text-decoration: underline;border-color: var(--red);background: var(--red)} } } h2 a{&::after{opacity: 0} &:focus-visible::after{opacity: 1} } } & div.inline_image{margin-top: 1.25em;padding-top: 0} } & details{border-top: 1px solid var(--darkblue)} } & .marginal{&>* ~ *{margin-top: 1.25rem} &>a.btn{display: block;width: 100%;box-sizing: border-box;padding: 0.5rem 1.25rem;border-radius: 0.75rem} } & #evk--marginal{& .panel-single{padding-bottom: 0;font-size: inherit;overflow: hidden;& a.btn{padding-left: 0;padding-right: 0;margin-bottom: 0.75rem;text-align: center;width: 100%;border-radius: 0.625rem} } & details#asideContent{font-size: 1rem;&>summary{height: 2.5rem;display: flex;align-items: center;justify-content: flex-start;gap: 1rem;width: calc(100% + 2.5rem);margin: 0 -1.25rem;padding: 0 1.25rem;color: #FFFFFF;font-size: 1rem;font-weight: bold;background: var(--darkblue);&:hover, &:focus, &:active, &:is(details[open]>summary){background: var(--red);text-decoration: none} &:hover, &:focus, &:active{& span{text-decoration: underline} } &::before{content: '\2630';font-weight: bold;font-size: 1.25rem} &::after{all: unset;display: none} } & + .toggle_abs{padding-top: 0.75rem} } & #evk--address{padding: 0 1rem 1rem 1rem} & #evk--navi{padding: 1rem;border-bottom: 1px solid #000000;&>ul{width: 100%;list-style-type: none;display: grid;grid-template-columns: 1fr min-content;grid-template-rows: auto;gap: 0 0.5rem;align-items: end;margin: 0;padding: 0;&::after{all: unset} &>li>ul>li>a{margin-top: 0.25rem} & li{all: unset;display: contents;& ul{all: unset;display: contents} &>a{font-weight: bold;grid-column: 1 / 2;&::after{display: none} } &.active{&>a{position: relative;color: var(--red);&::before{content: '';position: absolute;width: 0.5rem;height: 0.5rem;left: -0.875rem;top: 0.5rem;border-radius: 100%;background: var(--red)} } } & details summary span{position: absolute;z-index: -1;opacity: 0.001;width: 1px;height: 1px;overflow: hidden} & details{display: contents;&>summary{grid-column: 2 / 3;margin: 0;padding: 0;&::after{width: 1rem;height: 1rem;margin-bottom: 0.25rem;line-height: 0.625rem;font-size: 1rem;border-width: 0.125rem} } &>div{grid-column: 1 / 3;padding: 0;& a{display: block;font-weight: normal} } } } } } } } }@font-face{font-family: 'fontello';src: url('/static/fonts/fontello.eot?90557523');src: url('/static/fonts/fontello.eot?90557523#iefix') format('embedded-opentype'), url('/static/fonts/fontello.woff?90557523') format('woff'), url('/static/fonts/fontello.ttf?90557523') format('truetype'), url('./static/fonts/fontello.svg?90557523#fontello') format('svg');font-weight: normal;font-style: normal} [class^="icon-"]:before, [class*=" icon-"]:before{font-family: "fontello";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em} .icon-bevoelkerung:before{content: '\e800'} .icon-dokumente_a-z:before{content: '\e801'} .icon-eco:before{content: '\e802'} .icon-geografie:before{content: '\e803'} .icon-haus:before{content: '\e804'} .icon-haushalt_steuer:before{content: '\e805'} .icon-help:before{content: '\e806'} .icon-laster:before{content: '\e807'} .icon-legal:before{content: '\e808'} .icon-medical_emergency:before{content: '\e809'} .icon-message:before{content: '\e80a'} .icon-ordner_liste:before{content: '\e80b'} .icon-path:before{content: '\e80c'} .icon-sience:before{content: '\e80d'} .icon-soziales:before{content: '\e80e'} .icon-theater:before{content: '\e80f'} .icon-verbraucherschutz:before{content: '\e810'} .icon-wirtschaft_arbeit:before{content: '\e811'} .icon-info:before{content: '\e812'} .icon-suche:before{content: '\e813'} .icon-minus:before{content: '\e814'} .icon-plus:before{content: '\e815'} .icon-chess:before{content: '\e816'} .icon-schluessel:before{content: '\e817'} .icon-doctype:before{content: '\e818'} .icon-plus_solo:before{content: '\e819'} .icon-rohdaten:before{content: '\e81a'} .icon-minus_solo:before{content: '\e81b'} .icon-pfeil_nach_oben:before{content: '\e81c'} .icon-pfeil_nach_unten:before{content: '\e81d'} .icon-link_icon:before{content: '\e81e'} .icon-trash:before{content: '\e81f'} .icon-nummernschild:before{content: '\e820'} .icon-briefcase:before{content: '\e821'} .icon-name_badge:before{content: '\e822'} .icon-car:before{content: '\e823'} .icon-ebuergersafe:before{content: '\e824'} .icon-buergertelefon:before{content: '\e825'} .icon-behoerde:before{content: '\e826'} .icon-online:before{content: '\e827'} .icon-user_service:before{content: '\e828'} .icon-loading:before{content: '\e829'} .icon-finder:before{content: '\e82a'} .icon-dienstleistung:before{content: '\e82b'} .icon-display:before{content: '\e82c'} .icon-rss:before{content: '\e82d'} .icon-pictures_alt_2:before{content: '\e82e'}.animate-spin{-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;display: inline-block} @-moz-keyframes spin{0%{-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg)} 100%{-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg)} } @-webkit-keyframes spin{0%{-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg)} 100%{-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg)} } @-o-keyframes spin{0%{-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg)} 100%{-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg)} } @-ms-keyframes spin{0%{-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg)} 100%{-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg)} } @keyframes spin{0%{-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg)} 100%{-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg)} }@media (width>47.5rem){:root{--padding_main: 2rem} } html.no_wrapper{overflow-y: initial;background: #EBE8E7 !important;scroll-padding: 3rem 0 !important;overscroll-behavior: none;overflow-scrolling: touch;--sliderColorBG: rgba(var(--darkblueRGB), 0.3);--sliderColorFG: var(--darkblue);scrollbar-base-color: var(--sliderColorBG);scrollbar-face-color: var(--sliderColorFG);scrollbar-3dlight-color: var(--sliderColorBG);scrollbar-highlight-color: var(--sliderColorBG);scrollbar-track-color: var(--sliderColorBG);scrollbar-arrow-color: var(--sliderColorFG);scrollbar-shadow-color: var(--sliderColorBG);scrollbar-dark-shadow-color: var(--sliderColorBG);scrollbar-color: var(--sliderColorFG) var(--sliderColorBG);scrollbar-width: thin;&::-webkit-scrollbar{width: 0.5rem;height: 0.5rem;background-color: transparent} &::-webkit-scrollbar-track{background-color: var(--sliderColorBG)} &::-webkit-scrollbar-thumb{background-color: var(--sliderColorFG)} & body.kogis{height: auto;min-height: 100vh;margin: 0;padding: 0;background: #EBE8E7;scroll-padding: 0 !important;overscroll-behavior: none;& ul.skip-links{display: none} & #container, & #main, & .main_article{float: none;height: auto;min-height: auto;margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;border: none;box-shadow: none;& #sfgform.sfg_box{max-width: 100%} } & #container #main.nsp{padding-top: 0;margin-top: 0;& .main_article.nsp{padding-top: 2rem;margin-top: 0;padding-bottom: 0;margin-bottom: 2rem;& h1{margin-top: 0} } & #topcontainer{all: unset;display: block;background: #FFFFFF;&:not(:has(div)){display: none} } & .germanonlyhint{display: flex;align-items: stretch;gap: 0.875rem;margin: 0 0 0.75rem 0;border-radius: 1rem;font-size: 1.125rem;color: #FFFFFF;background: #6A6A6A;overflow: hidden;&::before{content: url('data:image/svg+xml,<svg width="41" height="25" viewBox="0 0 41 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.905 9.28413V4.29096C20.905 2.48123 19.437 1 17.6435 1H7.26143C5.46794 1 4 2.48123 4 4.29096V10.7176C4 12.5273 5.46794 14.0085 7.26143 14.0085H16.223C17.1227 14.0085 22 15 22 15C22 15 20.905 10.192 20.905 9.28413Z" fill="white"/><path d="M17 6H8" stroke="%23002B4B" stroke-linecap="round"/><path d="M17 9H8" stroke="%23002B4B" stroke-linecap="round"/><path d="M24.095 19.2841V14.291C24.095 12.4812 25.563 11 27.3565 11H37.7386C39.5321 11 41 12.4812 41 14.291V20.7176C41 22.5273 39.5321 24.0085 37.7386 24.0085H28.777C27.8773 24.0085 23 25 23 25C23 25 24.095 20.192 24.095 19.2841Z" fill="white"/><path d="M28 16H37" stroke="%23002B4B" stroke-linecap="round"/><path d="M28 19H37" stroke="%23002B4B" stroke-linecap="round"/></svg>');display: flex;align-items: center;padding: 0.5rem 0.5rem 0.25rem 0.25rem;border-right: 1px solid} &>div{display: flex;align-items: center;padding: 0.1875rem 0.1875rem 0.1875rem 0} } } & footer{position: relative;min-height: 0;& .inner{padding: 0 var(--padding_main)} & .footer_wrapper{all: unset;display: none} } & #container{& #main.nsp.sp-termine{& .main_article.nsp{box-sizing: border-box;min-height: 100vh;margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 1rem;background: #FFFFFF;& #popup{max-width: 100%;margin: auto;&>strong:first-child{display: block;margin: 0 0 0.25rem 0;font-size: 1.25rem;font-weight: 400} & h1{line-height: 1;@media (width < 36rem){margin: 0 0 0.5rem 0;padding: 0;& ~ p{margin: 0 0 0.5rem 0;padding: 0} } } & h2, & h3{font-size: 1.125rem;font-weight: bold} & h3{padding: 0.125rem 0.5rem;background: #F2F0EF} & ul{all: unset;&>li{all: unset;display: block;padding-bottom: 1rem;&>div{display: flex;gap: 0.5rem;flex-direction: column;margin-bottom: 0.75rem;& .ort{padding-left: 0.5rem;box-sizing: border-box} & .info{position: relative;box-sizing: border-box;padding: 0 0 1rem 2.5rem;@media (width < 42rem){display: none} &:not(:empty){display: block;&::before{content: url('/static/img/html5/Kalender_dkblau.svg');position: absolute;display: block;width: 2rem;left: 0;filter: brightness(0)} } &.none{&::before{opacity: 0.125} } } } } @media (width >= 26rem){display: grid;gap: 1rem;grid-template-columns: 30% 1fr max-content;@media (width < 42rem){grid-template-columns: 2fr 1fr max-content} &>li{all: unset;display: contents;&>h3{grid-column: 1 / 4} &>div{all: unset;display: contents;& .info{flex: 1;min-width: min(60%, 12rem);@media (width < 42rem){display: none;grid-column: 2 / 4} } & .buttons{margin-left: auto;white-space: nowrap;width: 100%;@media (width < 42rem){grid-column: 3 / 4} &>*{width: 100%;box-sizing: border-box;display: flex;justify-content: center;align-items: center;padding-left: 1rem;padding-right: 1rem;&::after{margin-left: auto;padding-left: 0.25rem;margin-right: 0;top: 0;line-height: 1.2} } } } } } } & .choice-buttons{display: flex;gap: 1rem;align-items: center;& a.choice{--highlight: var(--darkblue);--tint: #EDF1F6;--highlightBF: #FFFFFF;--highlightBB: var(--darkblue);--icon: url("/static/img/html5/Pfeil_rechts_white.svg");--filter: none;display: block;color: var(--highlight);border: 1px solid var(--highlight);border-radius: 1rem 1rem 0.75rem 0.75rem;background: var(--tint);&:hover, &:focus, &:active{--highlight: var(--red);--tint: #ab260008;--highlightBF: var(--red);--highlightBB: #FFFFFF;--icon: url("/static/img/html5/Pfeil_rechts_red.svg");--filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(3065%) hue-rotate(13deg) brightness(94%) contrast(105%);text-decoration: none;img{all: unset} } &::after{all: unset} & span{display: block;padding: 0.5rem 1.25rem;&.icons{display: flex;justify-content: center;align-items: flex-end;gap: 0.125rem;margin: 1.5rem 0 0 0;font-weight: bold;font-size: 2.2em;& img{margin-bottom: 0.5em;filter: var(--filter)} } &.btn{position: relative;display: flex;align-items: center;margin: 1rem -1px 0 -1px;font-size: 1rem;border-radius: 0.75rem;color: var(--highlightBF);border-color: var(--highlight);background: var(--highlightBB);&::after{content: var(--icon);display: block;width: 1.2em;vertical-align: auto;margin-left: auto} } } } @media (width < 36rem){flex-direction: column;gap: 0.5rem;& a.choice{& span{padding: 0.25rem 0.75rem;&.icons{margin: 0.5rem 0 0 0;& img{margin: 0} } } & ~ strong{display: block;text-align: center} & .btn.more{margin-top: 0.5rem} } } br{display: none} } } } } & #main.nsp.quickform{& .main_article.nsp{background: #FFFFFF;& form{padding: 0;background: none;& fieldset{margin: 1rem 0 2rem 0;padding: 1rem;background: #f2f0ef;border: 0;border-radius: 0 0.5rem 0.5rem 0.5rem;filter: drop-shadow(0 0 0.125rem rgba(0, 0, 0, 0.3));& legend{margin-left: -1rem;transform: translateY(calc(-50% + 1px));border-radius: 0.5rem 0.5rem 0 0;background: inherit} @media (width < 32rem){padding: 0.5rem;& legend{margin-left: -0.5rem} } } & .gridRow{gap: 0.875rem;& .gridCol{padding: 0;& .buttons{all: unset;display: flex;flex-direction: row-reverse;gap: 0.5rem;flex-wrap: wrap;&::after{all: unset;display: none} .next, .reset, .prev{all: unset} } } } } } } } } }