/*2025-01-14-08:19:28*/@import url("https://fonts.verwaltungsportal.de/import/?family=Montserrat:700");@import url("https://fonts.verwaltungsportal.de/import/?family=Open+Sans:400,400i,600,600i,700,700i");html { max-width: 1930px; margin-left: auto; margin-right: auto; background: #d8e2ea; scroll-behavior: smooth; scroll-padding-top: 100px; scrollbar-color: #104691 #ffffff;}body { font-family: "Open Sans", sans-serif; font-weight: 400; color: #1c1c1c; background: #ffffff; font-size: clamp(1rem, 2vw, 1.125rem);line-height: 1.5;}a { color: #104691;}a:is(:hover, :focus) { color: #104691; text-decoration: underline;}b,strong { font-weight: 600;}#topbar > .row { padding: 12px 0;}.logo { display: flex; gap: 10px 10px; text-decoration: none !important; align-items: center;}.logo .template-page { width: auto;}.logo .cleaner { display: none;}.logoText { color: #104691; font-size: clamp(1rem, 1.5vw, 1.125rem); align-content: end; line-height: 1.1;}.logoText :is(b, strong) { display: block; font-size: clamp(1.5625rem, 2vw, 1.875rem); font-weight: 700; font-family: "Montserrat", sans-serif;}.logoText br { display: none;}.logo img { display: block; max-width: 30vw;}.logoText, .bildmarke { display: inline-block;}#stylerBox { width: 100%; column-gap: 60px;}#stylerBox button { color: #104691; padding: 2px; border: 2px solid #104691; display: inline-block; width: 2.125rem; height: 2.125rem; flex-shrink: 0; border-radius: 50%; font-weight: 700; text-align: center; background: transparent; position: relative; font-size: 1.375rem; z-index: 1; line-height: 1; margin-left: 10px;}#stylerBox button::before { content: ""; display: block; position: absolute; z-index: -1; left: -6px; top: -6px; bottom: -6px; right: -6px; border-radius: 50%; background: rgba(0, 0, 0, 0.1); opacity: 0; transition: opacity 150ms linear;}#stylerBox button:is(:hover, :focus)::before { opacity: 1;}#contrast_style button::after { content: ""; display: block; position: absolute; inset: 4px; border: 1px solid #104691; border-radius: 50%; background: linear-gradient(to right, #1c1c1c, #1c1c1c 50%, rgba(255, 255, 255, 1) 50%);}#contrast_style button:nth-of-type(2)::after { transform: scaleX(-1);}#contrast_style button:nth-of-type(3)::after { background: #f98548;}#slider { max-height: clamp(300px, 42vw, 400px); position: relative;}@media (min-width: 2px) { body.index #slider {max-height: clamp(400px, 58vw, 635px); } #headerpic a.nivo-prevNav {left: 65px; } #headerpic a.nivo-nextNav {right: 65px; }}#headerpic { padding: 0; overflow: hidden; position: relative; box-shadow: 0px 0px 15px 0px rgba(28, 28, 28, 0.2);}.slider-wrapper,#slider { height: 100%;}.slider-mask { display: none;}@media (min-width: 2px) { nav.horizontally {background-color: #104691;position: sticky;top: 0;z-index: 101; } nav.horizontally .navbar-nav {display: flex;justify-content: space-between;flex-wrap: wrap; } 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: 15px 15px; position: relative; font-size: 1rem; line-height: 1.2; text-decoration: none;}@media (min-width: 2px) { nav.horizontally a[class*="toplevel"] {padding: 18px 20px;display: flex;align-items: center;justify-content: center;height: 100%; }}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) { background: #f98548; color: #1c1c1c;}nav.horizontally [class*="toplevel"] ul { background: #ffffff; box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1);}@media (min-width: 2px) { nav.horizontally [class*="toplevel"] ul {padding: 18px 0; } nav.horizontally :is([class*="toplevel"], [class*="secondlevel"]) > ul::before {content: "";position: absolute;display: block; } nav.horizontally [class*="toplevel"] > ul::before {height: 15px;left: 0;right: 0;top: -15px; } nav.horizontally [class*="secondlevel"] > ul {margin-top: -18px;margin-left: 18px; } nav.horizontally [class*="secondlevel"] > ul::before {width: 18px;top: 0;bottom: 0;left: -18px; }}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"]) { color: #1c1c1c; font-weight: 400; text-align: left; padding: 8px 25px; font-size: clamp(1rem, 1.125vw, 1.125rem); line-height: 1.2; text-decoration: none;}nav.horizontally a:is([class*="secondlevel"], [class*="thirdlevel"])::after { content: ""; position: absolute; height: 100%; inset: 0 0 0 auto; width: 0; background: #f98548; border-left: 2px solid #ffffff; transition: width 200ms;}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: #104691; color: #ffffff;}nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]):is(:hover, :focus-within) > a::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]) > a:is(:hover, :focus)::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"]).open > a:is(:hover, :focus)::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a::after,nav.horizontally li:is([class*="secondlevel"], [class*="thirdlevel"])[class*="_over"] > a:is(:hover, :focus)::after { width: 25px;}#content { text-align: left; background-color: #ffffff; padding-bottom: clamp(40px, 6vw, 95px); padding-top: 30px;}@media (min-width: 2px) { #contentCol {padding-top: 30px; }}#content > .row { row-gap: 40px;}#tabsRight { display: grid; gap: 30px;}@media (min-width: 2px) { #tabsRight {align-items: start;align-content: start; } #tabsRight {padding-left: clamp(20px, 2vw, 38px); }}#tabsRight .tab { max-width: 360px; margin: 32px auto 0 auto; position: relative; padding: 20px 30px 30px 30px; background: #ffffff; font-size: 1.125rem; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}#tabsRight .tab :is(h1, h2, h3, h4, h5, h6, #tabsRight .tabHeadline) { color: #104691; font-size: 1.5625rem; margin: 0 0 16px 0; text-align: center;}#tabsRight .tab .tab_link_title a,#tab1 .clr-events-tab-h3 { color: #1c1c1c; font-size: 1.125rem !important; font-weight: 600;}#tabsRight .tab .tab_link_mandat a { color: inherit;}#tabsRight .tab .tab_link_mehr { font-size: 0;}#tabsRight .tab .tab_link_mehr a { display: inline-block; font-size: 1rem; color: #104691; font-weight: 600; text-decoration: underline;}#tabsRight .tab .tab_link_mehr a::after { content: "\203A"; margin-left: 5px; position: absolute;}:is(#tabsRight .tab .tab_link_mehr) a:is(:hover, :focus) { text-decoration: none;}#tabsRight .tab .eventclndr-tab { margin-bottom: 22px;}#tabsRight .tab #clr-events-hide > p:first-child { margin-bottom: 15px;}#tabsRight .tab .tab_spacer { height: 15px;}#tabsRight .tab hr { height: 4px; opacity: 1; background: #104691; max-width: 100px; width: 100%; margin: 28px auto; display: block;}.h4link a:is(:link, :hover, :focus, :visited),h6,h5,h4,h3,h2,h1 { color: #104691; font-weight: 700; line-height: 1.2;}h1,.h1,.legacy_h1 { font-size: clamp(1.875rem, 4vw, 2.5rem);}h2,.h2,.legacy_h2 { font-size: clamp(1.75rem, 3.5vw, 1.875rem);}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;}#sight { padding: 0 0 clamp(30px, 8vw, 70px) 0;}@media (min-width: 3px) { #sight {background: url("../img/stadtzeichnung-tabbereich.png") top 60px right no-repeat; }}#sight > .row { row-gap: 30px;}@media (min-width: 2px) { .tabSpecial {margin-bottom: 20px; }}.tabSpecial :is(h1, h2, h3, h4, h5, h6) { margin: 4px 0 20px 0;}#sight .tab { position: relative; z-index: 1; height: 100%; overflow: hidden; background: #104691; color: #ffffff; height: 19.6875rem; font-size: 0;}#sight .tab a { height: 100%; width: 100%; position: absolute; inset: 0; z-index: 1; font-size: clamp(1.25rem, 2vw, 1.875rem); height: 100%; overflow: hidden; background: linear-gradient(to bottom, rgba(0, 99, 175, 0.9), rgba(16, 70, 145, 0.9)); color: #ffffff; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; z-index: 2; text-decoration: none; padding: 30px;}#sight .tab :is(.row, .row > div) { position: static;}#sight .tab :is(h1, h2, h3, h4, h5) { color: inherit; margin: 4px 0;}#sight .tab img { position: absolute; opacity: 1; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; object-fit: cover; max-width: unset; display: block; transition: opacity 300ms;}#sight .tab:is(:focus, :hover) img { opacity: 0;}#news { padding: clamp(30px, 4vw, 60px) 0 clamp(60px, 6vw, 100px) 0; background-color: #104691; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 65px;}#news .tab :is(h1, h2, h3, h4, h5, h6) { font-size: clamp(1.875rem, 4vw, 2.1875rem);}#news .tab :is(h1, h2, h3, h4, h5, h6, a) { color: inherit;}#news .tab a { font-weight: 600; font-size: 1rem; position: relative; text-decoration: underline; padding-right: 20px; color: #ffffff;}#news .tab a:is(:hover, :focus) { text-decoration: none;}#news .tab { color: #ffffff;}#news .tab a::after { content: "\203A"; margin-left: 5px; position: absolute;}#news .tab_link { margin-top: clamp(30px, 4vw, 50px);}#news .tab_link_entries { display: grid; gap: 30px;}@media (min-width: 1px) { #news .tab_link_entries {grid-template-columns: repeat(3, 1fr); }}#news .tab_link_entry { font-size: 1.125rem; width: 100%; background: #ffffff; padding: clamp(20px, 4vw, 45px) clamp(15px, 2.5vw, 25px); border: none !important; display: flex; flex-direction: column;}#news .tab_link_title { order: 1;}#news .tab_link_title a { line-height: 1.2; font-weight: 600; font-size: 1.25rem; display: block; margin-bottom: 10px; color: #1c1c1c;}#news .tab_date { font-size: 1.125rem; display: inline-block; order: 3;}.vorschau { opacity: 1 !important; order: 2;}#news :is(.tab_preview_picture, .tab_spacer, .tab_link_mehr) { display: none;}#maps_contact { font-size: 1.125rem; background: #ffffff url(../img/wasserzeichen-logo--betreuugsverein-oldenburg-land.png); background-position: bottom -85px right; background-repeat: no-repeat; overflow: hidden; box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);}#maps_contact .tab { padding: 35px 0;}#maps_contact :is(h1, h2, h3, h4, h5, h6) { font-size: 1.125rem; color: #104691; font-weight: 400;}#maps_contact :is(h1, h2) { font-size: 1.875rem; margin: 0; font-weight: 700;}#maps_contact .tab a { color: #1c1c1c; text-decoration: underline;}#maps_contact .tab a:is(:hover, :focus) { text-decoration: underline;}#maps_contact > .row { max-width: 100%; width: 100%;}#maps_contact .noPadding { padding: 0px;}#maps_contact .iframeMapsTab { height: 100%;}#maps_contact .iframeMapsTab iframe,#maps_contact .iframeMapsTab .iframe-wrapper-manual-enabling { min-width: 100% !important; width: 100% !important; display: block; max-height: 100%; min-height: 100%;}@media (min-width: 1px) { #maps_contact .colMaps {padding-left: 0;max-width: 1060px; } #maps_contact .colContact {max-width: 506px; }}#footer { color: #ffffff; font-size: 1rem; padding-top: 14px; padding-bottom: 14px; background-color: #104691; border-top: 10px solid #f98548;}#innerfooter ul { padding: 0;}#innerfooter li { display: inline-block;}#innerfooter a { text-decoration: none; display: inline-block; color: #ffffff;}#innerfooter a:hover,#innerfooter a:focus { color: #ffffff; text-decoration: underline;}#innerfooter li + li::before { content: "•"; margin: 0 5px;}@media (min-width: 2px) { #innerfooter li + li::before {margin: 0 15px; }}#vernetzt { text-align: left; font-size: 1rem; color: #ffffff; line-height: 1.3; margin: 0 auto; text-decoration: none;}@media (min-width: 1px) { #vernetzt {margin: 0; }}#vernetzt span { color: #ffffff;}#vernetzt b { font-weight: 700;}#vernetzt span span { display: block;}#vernetzt img { margin-right: 25px;}.contrast_light_font :is(form[id^="search"], #search_input1, #footer2) { background-color: #000000 !important;}.contrast_dark_font :is(form[id^="search"], #search_input1, #scrollTopBtn) { background-color: #ffffff !important;}:is(.contrast_light_font, .contrast_dark_font) form [id^="search_submit"] { background: #000000 url("../img/lupe-icon.png") center no-repeat !important;}:is(.contrast_light_font, .contrast_dark_font) #content { background: none !important;}#sight .tab a.contrast_dark_font { background: #000 !important; color: #fff !important;}#sight .tab a.contrast_light_font{ background: #fff !important; color: #000 !important;}