/*2024-10-15-14:51:05*/@import url("https://fonts.verwaltungsportal.de/import/?family=Roboto:400,400i,700,700i");html { max-width: 1930px; margin-left: auto; margin-right: auto; background: #e1eefa; scroll-behavior: smooth; scroll-padding-top: 100px; scrollbar-color: #191919 #ffffff;}body { font-family: "Roboto", sans-serif; font-weight: 400; color: #191919; background: #ffffff; font-size: clamp(1rem, 2vw, 1.125rem);line-height: 1.5;}a { color: #0369b3;}a:is(:hover, :focus) { color: #0369b3; text-decoration: underline;}#content a { text-decoration: underline;}b,strong { font-weight: 700;}.contact { background-color: #0369b3; color: #ffffff; font-size: .875rem; padding-top: 6px; padding-bottom: 6px;}.contact p { margin: 0; display: inline-block;}.contact a { color: #ffffff; text-decoration: underline;}.contact p + p { margin-left: clamp(15px, 2vw, 25px);}#topbar { padding-top: 10px; padding-bottom: 10px;}.logo { display: flex; flex-wrap: wrap; gap: 15px; text-decoration: none !important;}.logo .template-page { width: auto;}.logo .cleaner { display: none;}.logoText { color: #191919; font-size: 1.5rem; font-weight: 700;}#footer .logoText {font-size: 1.125rem;}.logo img { display: block;}#willkommen h2 { color: #0369b3; font-weight: 400; margin: 0; margin-top: 10px; font-size: clamp(1.25rem, 2vw, 1.875rem);}form[id^="search"] { background: #f2f2f2; display: inline-flex; position: relative; margin: 15px 15px 0 15px;}@media (min-width: 2px) { form[id^="search"] {min-width: 220px;margin: 0 30px 0 0; }}form [id^="search_input"] { color: #191919; font-size: 1rem; font-style: italic !important; background: transparent; border: 0; width: 100%; padding: 4px 14px;}form [id^="search_submit"] { border: none; background: #ffd100 url("../img/icon-lupe.png") center / 14px auto no-repeat; padding: 0; cursor: pointer; margin: 0; font-size: 0; aspect-ratio: 1/1; min-width: 38px; flex-shrink: 0; transition: transform 150ms linear;}form [id^="search_submit"]:is(:hover, :focus) { transform: scale(1.2);}#search input::placeholder { color: #191919 !important; opacity: 1 !important; font-style: italic !important;}#search input::-webkit-input-placeholder { color: #191919 !important; opacity: 1 !important; font-style: italic !important;}@media (min-width: 2px) { #style {gap: 8px; } #style button {border: none;color: #191919;display: inline-block;font-weight: 700;text-align: center;background: #ffd100;line-height: 1;font-size: 1rem;min-width: 38px;min-height: 38px;transition: color 150ms, background 150ms; } #style button:is(:hover, :focus) {background: #0369b3;color: #ffffff; }}@media (min-width: 2px) { #navWrap {position: absolute;top: 0;width: 100%; } nav.horizontally {background-color: rgba(255, 255, 255, 0.7);padding: 12px 10px;transition: background 300ms; } .is-sticky nav.horizontally {background: #f2f2f2; } nav.horizontally > .row {max-width: 1800px;width: 100%; } nav.horizontally > .row > div {padding: 0; } #myNavbar {display: flex; } nav.horizontally .navbar-nav {display: flex;justify-content: space-between;align-items: center;background: #0369b3;padding: 5px 0;flex-grow: 1;flex-wrap: wrap; } nav.horizontally .navbar-nav > li {flex-grow: 1; } nav.horizontally .navbar-nav ul {position: absolute;top: 100%;left: 0;z-index: 1000;display: block !important;pointer-events: none;opacity: 0;transition: opacity 300ms linear; } nav.horizontally .navbar-nav [class*="secondlevel"] > ul {left: 100%;top: 0; } nav.horizontally .navbar-nav li {position: relative; } nav.horizontally .navbar-nav li:is(.open, :hover) > ul, nav.horizontally .navbar-nav li.open:focus-within > ul, nav.horizontally .navbar-nav li[class*="secondlevel"] > ul[style*="block"] {pointer-events: auto !important;opacity: 1 !important;visibility: visible; } nav.horizontally .navbar-nav li.open > ul {pointer-events: none !important;opacity: 0 !important;visibility: hidden; } nav.horizontally .navbar-nav li:is(:hover, :focus) > ul {z-index: 1003; }}nav.horizontally a[class*="toplevel"] { color: #ffffff; font-weight: 700; text-align: left; padding: 10px 15px 15px 15px; position: relative; font-size: 1.25rem; line-height: 1.2; text-decoration: none;}@media (min-width: 2px) { nav.horizontally li[class*="toplevel"] + li {border-left: 1px solid #191919; } nav.horizontally a[class*="toplevel"] {text-align: center;padding: 5px 1vw; }}nav.horizontally a[class*="toplevel"]::before { content: ""; position: absolute; background: url(../img/hover-logo-wasserzeichen.png); inset: -5px 0; background-position: center; background-repeat: no-repeat; opacity: 0; transition: opacity 300ms linear;}nav.horizontally li[class*="toplevel"]:is(:hover, :focus-within) > a,nav.horizontally li[class*="toplevel"] > a:is(:hover, :focus),nav.horizontally li[class*="toplevel"].open > a,nav.horizontally li[class*="toplevel"].open > a:is(:hover, :focus),nav.horizontally li[class*="toplevel"][class*="_over"] > a,nav.horizontally li[class*="toplevel"][class*="_over"] > a:is(:hover, :focus) { color: #ffffff; background-color: transparent;}nav.horizontally li[class*="toplevel"]:is(:hover, :focus-within) > a::before,nav.horizontally li[class*="toplevel"] > a:is(:hover, :focus)::before,nav.horizontally li[class*="toplevel"].open > a::before,nav.horizontally li[class*="toplevel"].open > a:is(:hover, :focus)::before,nav.horizontally li[class*="toplevel"][class*="_over"] > a::before,nav.horizontally li[class*="toplevel"][class*="_over"] > a:is(:hover, :focus)::before { opacity: 1;}nav.horizontally [class*="toplevel"] ul { background-color: #f4f4f4; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);}@media (min-width: 2px) { nav.horizontally [class*="toplevel"] ul {padding-top: 18px;padding-bottom: 18px; } nav.horizontally [class*="toplevel"] > ul {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;left: 50%;transform: translate(-50%, 0);margin-top: 17px; } nav.horizontally [class*="toplevel"] > ul::before {content: "";position: absolute;display: block;height: 27px;left: 0;right: 0;top: -27px; } nav.horizontally [class*="secondlevel"] > ul {margin-top: -18px;border-radius: 4px;margin-left: 10px; } nav.horizontally [class*="secondlevel"] > ul::before {content: "";position: absolute;display: block;width: 10px;top: 0;bottom: 0;left: -10px; }}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) { color: #191919; font-weight: 400; text-align: center; padding: 8px 25px; font-size: 1.125rem; line-height: 1.2; text-decoration: none; background: transparent url(../img/hover-logo-wasserzeichen-subnav.png); background-repeat: no-repeat; background-position: left 6px center;}nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]):is(:hover, :focus-within) > a,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]) > a:is(:hover, :focus),nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a:is(:hover, :focus),nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a:is(:hover, :focus) { background-color: #0369b3; color: #ffffff;}#spenden { background: #ffd100; display: inline-block; align-content: center; padding: 10px; transition: background 150ms; text-decoration: none; outline: 2px solid #ffd100; margin-left: 15px;}@media (min-width: 2px) { #spenden {margin-left: 7.8125vw;outline: none; }}#spenden:has(a:hover, a:focus) { background: #0369b3;}#spenden a { color: #191919; font-size: 1rem; font-weight: 700; transition: color 150ms; display: inline; display: flex;}#spenden a:hover,#spenden a:focus { color: #ffffff; text-decoration: none;}#spenden a::before,#spenden a::after { content: url(../img/icon-herz-links.png); margin-right: 15px; top: 3px; position: relative; transition: filter 150ms;}#spenden a::after { margin: 0; margin-left: 15px;}#spenden a:hover::before,#spenden a:focus::before,#spenden a:hover::after,#spenden a:focus::after {filter: invert(1);}#slider { max-height: clamp(300px, 42vw, 400px); position: relative;}@media (min-width: 2px) { body.index #slider {max-height: clamp(300px, 62vw, 680px); } #headerpic a.nivo-prevNav {left: 65px; } #headerpic a.nivo-nextNav {right: 65px; }}#headerpic { padding: 0; overflow: hidden; position: relative;}.slider-wrapper,#slider { height: 100%;}.slider-mask { display: none;}#scrollBottom { font-size: 0; display: block; width: 40px; height: 40px; text-align: center; background-color: rgba(255, 208, 0, 0.7); border: 1px solid #191919; animation: bounceAni 2s infinite 2s; transition: all 0.2s ease-in; position: absolute; left: calc(50% - 20px); bottom: 20px; z-index: 50;}@media (min-width: 1px) { #scrollBottom {bottom: 45px; }}#scrollBottom:is(:hover, :focus) { animation-play-state: paused;}#scrollBottom::after { content: ""; width: 10px; height: 10px; border-radius: 1px; margin-top: 10px; display: inline-block; border-left: 2px solid #191919; border-bottom: 2px solid #191919; transform: rotate(-45deg); transition: border 300ms linear;}@keyframes bounceAni { 0%, 100%, 20%, 50%, 80% {transform: translateY(0); } 40% {transform: translateY(-10px); } 60% {transform: translateY(-5px); }}#scrollBottom:is(:hover, :focus) { background: #ffffff;}#content { text-align: left; padding-bottom: clamp(30px, 4vw, 60px); padding-top: clamp(30px, 4vw, 60px);}.h4link a:is(:link, :hover, :focus, :visited),h6,h5,h4,h3,h2,h1 { color: #0369b3; font-weight: 700; line-height: 1.2; font-family: "Roboto", sans-serif;}h1,.h1,.legacy_h1 { font-size: 2.8125rem;}h2,.h2,.legacy_h2 { font-size: 1.75rem;}h3,.h3,.legacy_h3 { font-size: 1.625rem;}h4,.h4,.h4link a:is(:link, :hover, :focus, :visited) .legacy_h4 { font-size: 1.5rem;}h5,.h5,.legacy_h5 { font-size: 1.375rem;}h6,.h6,.legacy_h6 { font-size: 1.25rem;}#footer { color: #191919; padding-top: 30px; padding-bottom: 30px; background-color: #f2f2f2;}@media (min-width: 2px) { #footer {padding-top: 60px;padding-bottom: 45px; }}.logoFooter { display: inline-block;}.logoFooter img { display: block;}#footerTab { font-size: 1.125rem; margin-top: 18px; padding-top: 15px; border-top: 2px solid #c9c9c9;}#footerTab a {text-decoration: underline;}#scrollTop { text-decoration: none; color: #191919; font-size: 1rem; font-weight: 700; opacity: 1 !important; max-width: 170px; max-width: fit-content; padding: 5px 20px; margin: 0 auto 25px auto; background-color: #ffd100; transition: background 150ms, color 150ms;}@media (min-width: 1px) { #scrollTop {margin: auto 0 45px auto; }}#scrollTop:hover,#scrollTop:focus { background-color: #0369b3; color: #ffffff;}#scrollTop span { position: relative; display: inline-block; font-size: 0; height: 35px; width: 18px; margin-right: 4px; -webkit-transition: border-radius 300ms linear; -moz-transition: border-radius 300ms linear; -ms-transition: border-radius 300ms linear; -o-transition: border-radius 300ms linear; transition: border-radius 300ms linear;}#scrollTop span::after { content: ""; position: absolute; display: inline-block; margin-top: -1px; left: 0; top: 50%; width: 7px; height: 7px; border-radius: 1px; border-right: 2px solid #191919; border-top: 2px solid #191919; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transition: border 150ms;}#scrollTop:hover span::after,#scrollTop:focus span::after {border-right: 2px solid #ffffff;border-top: 2px solid #ffffff;}#vernetzt { color: #191919; font-size: .875rem; font-weight: 400; line-height: 1.3; margin: 0 auto; text-align: right; text-decoration: none;}@media (min-width: 1px) { #vernetzt {margin: 0; }}#vernetzt b { color: #0369b3; font-weight: 700;}#vernetzt span { color: #191919;}#vernetzt span span { display: block;}#vernetzt img { margin-left: 15px;}#innerfooter { font-size: 1rem; color: #ffffff; padding-top: 22px; padding-bottom: 22px; background-color: #0369b3;}#innerfooter ul { padding: 0 !important;}#innerfooter li { display: inline-block;}#innerfooter a { color: #ffffff; text-decoration: none; display: inline-block;}#innerfooter a:hover,#innerfooter a:focus { color: #ffffff; text-decoration: underline;}#innerfooter li + li::before { content: "•"; margin: 0 10px;}@media (min-width: 2px) { #innerfooter li + li::before {margin: 0 15px; }}