/*2021-03-01-07:27:59*/ @import url('https://fonts.verwaltungsportal.de/import/?family=Roboto:300,300i,400,400i,500,500i,700,700i'); body { font-family: "Roboto", sans-serif; color: #343434; background: #ffffff; font-size: 1rem;line-height: 1.5; } @media (min-width: 1px) { body { font-size: 1.125rem; } } a { color: #c9420d; } a:hover { color: #c9420d; } #content a, b, strong { font-weight: 600; }#logo { display: inline-block; margin: 12px 0 20px 0; } #logo img { display: block; } #options { position: relative; line-height: 1; z-index: 1; margin-top: 15px; } @media (min-width: 2px) { #options { margin-top: 15px; } }#button1 {display: block;max-width: 170px;max-height: 22px;font-size: 0.75rem;border-left: 5px solid #ffffff;border-right: 5px solid #ffffff;position: relative;margin-top: -75px; } #button1 p { margin: 0; } #button1 a { color: #444; text-transform: uppercase; padding: 15px 0px; font-weight: 600; }#language { background-color: #ffffff; }@media (min-width: 2px) { #language { display: inline-block; margin-left: 20px; padding-left: 5px; } } #language a { display: inline-block; } nav { background-color: #ffffff; border-top: 8px solid #1a425b; position: relative; } @media (min-width: 2px) { nav::after { content: ''; display: block; position: absolute; bottom: -30px; left: 0; right: 0; height: 60px; width: 100%; background: url(../img/pseudo-top.png) no-repeat; z-index: 56; ; } } @media (min-width: 2px) { nav#menu .navbar-nav { padding-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } nav#menu .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; } nav#menu .navbar-nav>li>.dropdown-menu>li>.dropdown-menu { position: absolute; left: 100%; top: 0; } nav#menu .navbar-nav>li, nav#menu .navbar-nav>li>.dropdown-menu>li { position: relative; } }.navbar-default .navbar-nav>li>a { color: #2b2b2b; font-weight: 300; text-align: center; padding: 10px 5px; font-family: "Roboto", sans-serif; position: relative; font-size: 1.125rem; text-transform: uppercase; }@media (min-width: 2px) { .navbar-default .navbar-nav>li>a { padding: 22px 0 26px 0; display: flex; align-content: center; align-items: center; justify-content: center; height: 100%; } .navbar-default .navbar-nav>li+li { margin-left: 15px; } }.navbar-default .navbar-nav>li>a::after { content: ""; display: block; position: absolute; left: 0; bottom: 0px; width: 100%; height: 2px; background: #1a425b; opacity: 0; -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -ms-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear; } @media (min-width: 2px) { .navbar-default .navbar-nav>li>a::after { width: 100%; height: 4px; bottom: 20px; } }.navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li.open>a, .navbar-nav>li.open>a:hover, .navbar-nav>li.open>a:focus, .navbar-nav>li[class$="_over"]>a, .navbar-nav>li[class$="_over"]>a:hover, .navbar-nav>li[class$="_over"]>a:focus { color: #2b2b2b; } .navbar-nav>li>a:hover::after, .navbar-nav>li>a:focus::after, .navbar-nav>li.open>a::after, .navbar-nav>li.open>a:hover::after, .navbar-nav>li.open>a:focus::after, .navbar-nav>li[class$="_over"]>a::after, .navbar-nav>li[class$="_over"]>a:hover::after, .navbar-nav>li[class$="_over"]>a:focus::after { opacity: 1; }.navbar-default .navbar-nav>li>.dropdown-menu, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15); }@media (min-width: 2px) { .navbar-default .navbar-nav>li>.dropdown-menu, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu { border-radius: 4px; } .navbar-default .navbar-nav>li>.dropdown-menu { margin-top: 15px; left: 50%; -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu { margin-left: 15px; } }.navbar-default .navbar-nav>li>.dropdown-menu>li, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li { background: #1a425b; } .navbar-default .navbar-nav>li>.dropdown-menu>li>a, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a { background: #ffffff; color: #2d2d2d; font-weight: 300; text-align: center; padding: 8px 15px; font-size: 1rem; } @media (min-width: 2px) { .navbar-default .navbar-nav>li>.dropdown-menu>li>a, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a { background: #ffffff; color: #2d2d2d; font-weight: 300; text-align: left; padding: 8px 15px; font-size: 1rem; } } .navbar-default .navbar-nav>li>.dropdown-menu>li+li>a, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li+li>a { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } @media (min-width: 2px) { .navbar-default .navbar-nav>li>.dropdown-menu>li:nth-child(2), .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li:nth-child(2), .navbar-default .navbar-nav>li>.dropdown-menu>li:nth-child(2)>a, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li:nth-child(2)>a { border-top-left-radius: 4px; border-top-right-radius: 4px; } .navbar-default .navbar-nav>li>.dropdown-menu>li:nth-last-child(2), .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li:nth-last-child(2), .navbar-default .navbar-nav>li>.dropdown-menu>li:nth-last-child(2)>a, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li:nth-last-child(2)>a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } }.navbar-nav>li>.dropdown-menu>li>a:hover, .navbar-nav>li>.dropdown-menu>li>a:focus, .navbar-nav>li>.dropdown-menu>li.open>a, .navbar-nav>li>.dropdown-menu>li.open>a:hover, .navbar-nav>li>.dropdown-menu>li.open>a:focus, .navbar-nav>li>.dropdown-menu>li[class$="_over"]>a, .navbar-nav>li>.dropdown-menu>li[class$="_over"]>a:hover, .navbar-nav>li>.dropdown-menu>li[class$="_over"]>a:focus, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a:hover, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a:focus, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.open>a, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.open>a:hover, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.open>a:focus, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li[class$="_over"]>a, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li[class$="_over"]>a:hover, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li[class$="_over"]>a:focus { background: transparent; color: #fff; font-style: italic; } @media (min-width: 2px) { .navbar-nav>li>.dropdown-menu>li>a:hover::after, .navbar-nav>li>.dropdown-menu>li>a:focus::after, .navbar-nav>li>.dropdown-menu>li.open>a::after, .navbar-nav>li>.dropdown-menu>li.open>a:hover::after, .navbar-nav>li>.dropdown-menu>li.open>a:focus::after, .navbar-nav>li>.dropdown-menu>li[class$="_over"]>a::after, .navbar-nav>li>.dropdown-menu>li[class$="_over"]>a:hover::after, .navbar-nav>li>.dropdown-menu>li[class$="_over"]>a:focus::after, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a:hover::after, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a:focus::after, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.open>a::after, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.open>a:hover::after, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.open>a:focus::after, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li[class$="_over"]>a::after, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li[class$="_over"]>a:hover::after, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li[class$="_over"]>a:focus::after { content: ''; display: block; position: absolute; top: 50%; margin-top: -18px; right: 8px; height: 37px; width: 27px; background: url(../img/sub.png) no-repeat; } }.index #headerpic, #headerpic, #slider { height: 300px; overflow: hidden; } @media (min-width: 2px) { #slider { height: 620px; } #headerpic a.nivo-prevNav { left: 65px; } #headerpic a.nivo-nextNav { right: 65px; } #headerpic { margin: 0 auto; position: relative; width: 100%; height: 500px; background-attachment: fixed; background-size: cover; } .index #headerpic { margin: 0 auto; position: relative; width: 100%; height: 720px; background-attachment: fixed; background-size: cover; } } .slider-mask { display: none; } @media (min-width: 2px) { .index .slider-mask { display: block; background: url(../img/slider-mask.png) bottom center no-repeat; background-size: cover; } .index .slider-mask > .row { position: relative; top: -700px; } } .slider-wrapper, #slider { height: 100%; } #slider+.nivo-controlNav { bottom: auto; top: 20px; } #slogan { line-height: 1.3; background-color: rgba(26, 66, 91, 0.85); color: #ffffff; position: relative; padding: 25px 20px; font-family: "Roboto", sans-serif; -webkit-box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.35); box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.35); } @media (min-width: 1px) { #slogan { padding: 50px 30px; position: relative; margin-top: 300px; z-index: 56; } } #slogan::after { content: ""; position: absolute; top: -12px; right: -12px; bottom: -12px; left: -12px; border: 4px solid rgba(26, 66, 91, 0.85); pointer-events: none; }#content { text-align: left; padding-bottom: 80px; padding-top: 30px; } .index #content { text-align: left; padding-bottom: 80px; padding-top: 10px; }@media (min-width: 2px) { #content { padding-bottom: 80px; padding-top: 50px; min-height: 500px; } .index #content { padding-bottom: 80px; padding-top: 20px; min-height: 500px; } main { background: url(../img/bg-main.jpg) bottom center no-repeat; } } hr { margin-top: 10px; margin-bottom: 10px; border: none; height: 1px; background-color: rgba(255, 255, 255, 1); } @media (min-width: 2px) { hr { margin-top: 10px; margin-bottom: 10px; } } .modul { color: #313131; font-size: 1.125rem; position: relative; margin-top: 20px; } @media (min-width: 2px) { .modul { color: #313131; font-size: 1.125rem; position: relative; margin-top: 20px; z-index: 56; } .index .modul { color: #313131; font-size: 1.125rem; position: relative; margin-top: 10px; z-index: 56; } } .modul ul li { padding: 0 10px 0 60px !important; background: #fff; } .modul ul li::before { content: counter(flag) !important; counter-increment: flag !important; border-radius: 100% !important; width: 20px !important; height: 20px !important; top: 0 !important; left: 30px !important; color: #DDD !important; }.h4link a:link, .h4link a:hover, .h4link a:visited, h6, #content .legacy_h6, .legacy_h6, h5, #content .legacy_h5, .legacy_h5, h4, #content .legacy_h4, .legacy_h4, h3, #content .legacy_h3, .legacy_h3, h2, #content .legacy_h2, .legacy_h2, h1, #content .legacy_h1, .legacy_h1 { color: #343434; font-weight: 400; line-height: 1.2; font-family: "Roboto", sans-serif; } h1, #content .legacy_h1, .legacy_h1, .h1 { font-size: 1.7rem; } @media (min-width: 2px) { h1, #content .legacy_h1, .legacy_h1, .h1 { font-size: 2.1875rem; } } h2, #content .legacy_h2, .legacy_h2, .h2 { font-size: 1.7rem; } @media (min-width: 2px) { h2, #content .legacy_h2, .legacy_h2, .h2 { font-size: 1.9rem; } } h3, #content .legacy_h3, .legacy_h3, .h3 { font-size: 1.65rem; } h4, #content .legacy_h4, .legacy_h4, .h4, .h4link a:link, .h4link a:hover, .h4link a:visited { font-size: 1.6rem; } h5, #content .legacy_h5, .legacy_h5, .h5 { font-size: 1.5rem; } h6, #content .legacy_h6, .legacy_h6, .h6 { font-size: 1.4rem; } #newslinks, #newsmandate { border: 1px solid #343434; }footer { background-color: #fff; padding-top: 80px; padding-bottom: 60px; background-attachment: fixed; background-size: cover; position: relative; } @media (min-width: 1px) { footer .row { align-content: center; align-items: center; } } footer::before { content: ''; display: block; position: absolute; top: -90px; left: 0; right: 0; height: 130px; width: 100%; background: url(../img/pseudoFooter2.png) no-repeat; z-index: 56; } #lines { padding: 25px 0; position: relative; } #lines::after { content: ''; display: block; position: absolute; bottom: 0px; left: 0px; height: 1px; width: 100%; background: #949ea3; z-index: 56; } #lines::before { content: ''; display: block; position: absolute; top: 0px; left: 0px; height: 1px; width: 100%; background: #949ea3; z-index: 56; } @media (min-width: 3px) { #lines::after { content: ''; display: block; position: absolute; bottom: 0px; left: 0px; height: 1px; width: 780px; background: #949ea3; z-index: 56; } #lines::before { content: ''; display: block; position: absolute; top: 0px; left: 0px; height: 1px; width: 780px; background: #949ea3; z-index: 56; } }#innerfooter a { color: #222222; text-decoration: none; display: inline; text-transform: uppercase; } #innerfooter a:hover { color: #222222; } #innerfooter a::after { content: "\A"; white-space: pre; }#vernetzt { text-align: right; font-size: 0.75rem; color: #222222; line-height: 1.3; margin: 0 auto; } @media (min-width: 1px) { #vernetzt { margin: 0; float: right; margin-left: 30px; margin-top: 20px; } } #vernetzt span { color: #222222; } #vernetzt span span { display: block; } #vernetzt img { margin-left: 100px; margin-bottom: 10px; } @media (min-width: 2px) { #vernetzt img { margin-left: 170px; margin-bottom: 10px; } } @media (min-width: 3px) { #vernetzt img { margin-left: 240px; margin-bottom: 10px; } }