/*2021-03-01-07:28:28*/ @import url('https://fonts.verwaltungsportal.de/import/?family=Source+Sans+Pro:400,400i,600,700'); body { font-family: 'Source Sans Pro', sans-serif; color: #2d2d2d; background: #f4f8f8; font-size: 18px; } a { color: #40699f; -webkit-transition: background-color 300ms linear, color 300ms linear; -moz-transition: background-color 300ms linear, color 300ms linear; -ms-transition: background-color 300ms linear, color 300ms linear; -o-transition: background-color 300ms linear, color 300ms linear; transition: background-color 300ms linear, color 300ms linear; } a:hover { color: #40699f; } b, strong { font-weight: 600; } #maindiv { background: url('../img/bg_body.jpg') top center/cover no-repeat; background-attachment: fixed; }#topbar { background-color: #5388cc; color: #ffffff; padding: 0; } #topbar>.row { display: flex; flex-wrap: wrap; } @media (min-width: 2px) { #col-menu { padding-left: 0; } #col-search { padding-right: 0; } }#topmenu, #topmenu a { height: 100%; display: flex; } #topmenu a { color: #ffffff; font-style: italic; flex-grow: 1; justify-content: center; align-items: center; } #topmenu a:hover { background-color: #40699f; }#logo { pointer-events: auto; padding: 20px 0; display: block; } @media (min-width: 2px) { #logo { width: auto; padding-top: 12px; padding-bottom: 0; } } #logo img { width: 100%; max-width: 247px; height: auto; }#search { width: 100%; height: 100%; background: #40699f; display: inline-block; position: relative; } #search::after { position: absolute; content: ''; background-color: #fff; width: 15px; height: 15px; right: 40px; top: 16px; transform: rotate(45deg); }#search_input { color: #ffffff; font-size: 16px; font-style: italic; background: transparent; padding: 0; border: 0; line-height: 50px; padding-left: 35px; padding-right: 50px; height: 50px; width: 100%; } @media (min-width: 1px) { #search_input { font-size: 16px; } } #search_submit { width: 50px; background-color: #ffffff; background-position: center; background-repeat: no-repeat; padding: 0; cursor: pointer; line-height: 50px; border: none; position: absolute; top: 0; right: 0; -webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; -o-transition: background-color 300ms linear; transition: background-color 300ms linear; } #search_submit:hover { background-color: #ffffff; } #search_submit { background-image: url('../img/lupe-icon.png'); } #search_input::-ms-input-placeholder, #search_input::-webkit-input-placeholder { color: #ffffff !important; } #search_input::-moz-placeholder { opacity: 1; }.sticky-wrapper { position: relative; z-index: 51; } #menu { background: #5388cc; padding: 0; } #menu div[class*="col"] { min-height: 0; }.navbar { min-height: 0; margin-bottom: 0px; border: none; } .navbar-nav { float: none !important; } .navbar-collapse { padding-left: 0; padding-right: 0; }.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ffffff; border-color: transparent; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); } @media (min-width: 2px) { .navbar-default .navbar-nav { display: flex; width: 100%; justify-content: space-between; } .navbar-default .navbar-nav>li { float: none; flex-grow: 1; } .navbar-nav::after, .navbar-nav::before { display: none; } .navbar-collapse { -webkit-box-shadow: none; box-shadow: none } .navbar-nav>li { display: inline-block !important; } }.navbar-default .navbar-nav>li>a { color: #ffffff; font-weight: 600; text-align: center; padding: 10px 5px; text-transform: uppercase; } .navbar-default .navbar-nav>li>a[data-toggle="dropdown"]::after { content: "»"; display: inline-block; margin-left: 2px; } @media (min-width: 2px) { .navbar-default .navbar-nav>li>a { padding: 22px 0; display: flex; align-content: center; align-items: center; justify-content: center; height: 100%; } .navbar-default .navbar-nav>li+li { margin-left: 0; } } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li.open>a, .navbar-default .navbar-nav>li.open>a:hover, .navbar-default .navbar-nav>li.open>a:focus, .navbar-default .navbar-nav>li.menue_point_toplevel_21881_over>a, .navbar-default .navbar-nav>li.menue_point_toplevel_21881_over>a:hover, .navbar-default .navbar-nav>li.menue_point_toplevel_21881_over>a:focus { color: #ffffff; background-color: #40699f; }.navbar-default .navbar-nav>li>.dropdown-menu, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu { padding: 15px 0; background-color: #5388cc; }.menue_point_secondlevel_21881_over>.dropdown-menu { display: block !important; } @media (min-width: 2px) { .navbar-default .navbar-nav>li>.dropdown-menu { margin-top: 0; left: 50%; transform: translateX(-50%); } .navbar-default .navbar-nav>li>.dropdown-menu::after { content: ""; display: inline-block; position: absolute; left: 50%; transform: translate(-50%); top: -15px; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #5388cc transparent; }.navbar-default .navbar-nav>li, .navbar-default .navbar-nav>li>.dropdown-menu>li { position: relative; } .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu { position: absolute; left: 100%; top: 0; margin-left: 7px; margin-top: -15px; } } .menue_group_21881_start, .menue_group_21881_end, .menue_list_thirdlevel_21881_start, .menue_list_thirdlevel_21881_end { display: none; }.navbar-default .navbar-nav>li>.dropdown-menu>li>a, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a { color: #ffffff; font-weight: 600; text-align: center; padding: 8px 25px; background-color: transparent; line-height: 22px; text-transform: uppercase; }.navbar-default .navbar-nav>li>.dropdown-menu>li>a:hover, .navbar-default .navbar-nav>li>.dropdown-menu>li>a:focus, .navbar-default .navbar-nav>li>.dropdown-menu>li.open>a, .navbar-default .navbar-nav>li>.dropdown-menu>li.open>a:hover, .navbar-default .navbar-nav>li>.dropdown-menu>li.open>a:focus, .navbar-default .navbar-nav>li>.dropdown-menu>li.menue_point_secondlevel_21881_over>a, .navbar-default .navbar-nav>li>.dropdown-menu>li.menue_point_secondlevel_21881_over>a:hover, .navbar-default .navbar-nav>li>.dropdown-menu>li.menue_point_secondlevel_21881_over>a:focus, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a:hover, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a:focus, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.open>a, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.open>a:hover, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.open>a:focus, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.menue_point_thirdlevel_21881_over>a, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.menue_point_thirdlevel_21881_over>a:hover, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.menue_point_thirdlevel_21881_over>a:focus { color: #ffffff; background-color: #40699f; }#slider, .slider-wrapper { max-height: 350px; overflow: hidden; } @media (min-width: 2px) { #slider, .slider-wrapper { max-height: 510px; } } #headerpic { margin: 0 auto; overflow: hidden; position: relative; width: 100%; } #col-banner { padding: 0; } .slider-wrapper, #slider { height: 100%; } #bannerOverlay .container { padding-left: 0; padding-right: 0; } #bannerOverlay { position: absolute; left: -15px; top: 0; width: 40%; bottom: 0; z-index: 53; display: flex; align-content: center; align-items: center; justify-content: center; pointer-events: none; background: url('../img/overlay.png') top left/contain no-repeat; } @media (min-width: 2px) { #bannerOverlay { width: 33.3%; } } .slider-mask { display: none; }#maindiv { width: 100%; line-height: 1.6em; text-align: left; overflow: hidden; } #content { line-height: 1.6em; text-align: left; min-height: 200px; padding: 30px 15px; background-color: #ffffff; } @media (min-width: 1px) { #content { padding: 30px 25px 40px 25px; } }@media (min-width: 2px) { #content>.row { display: flex; flex-wrap: wrap; } #bg-right>.tab { height: 100%; } #content { padding-left: 15px; padding-right: 0; padding-top: 55px; padding-bottom: 50px; } #bg-left { padding-top: 30px; padding-bottom: 30px; padding-right: 30px; border: 1px solid #eeeeee; } #bg-right { padding-right: 0; } } .row { margin-left: 0; margin-right: 0; } .container { padding-left: 0; padding-right: 0; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08); }#content_buttons_div { top: 45%; z-index: 100; }.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: #5388cc; font-weight: 600; line-height: 1.2em; font-family: 'Source Sans Pro', sans-serif; } h1, #content .legacy_h1, .legacy_h1 { text-transform: uppercase; } #newslinks, #newsmandate { border: 1px solid #5388cc; }#startseite_news ul a { font-size: 12px; color: #7c7c7c; font-weight: normal; }.weekdays, .weekdays a:link a:visited a:active a:hover, .weekdays_active { color: #cccccc; } .weekdays_active a:link a:visited a:active a:hover { color: #f7911e; } .events-header-heute { color: #ffffff; background-color: #4c4c4c; } .events-header { color: #5b5b5b; background-color: #e3e3e3; } .event-ort, .event-info { color: #4c4c4c; }#bg-right .tab { background-color: #ffffff; border: 1px solid #eeeeee; border-right: 0; } #bg-right .tabHeadline { text-transform: uppercase; font-weight: 600; color: #5388cc; margin: 0; padding: 15px 25px; } #bg-right .tabContent { padding: 15px 25px; line-height: 1.5rem; }#content_footer { margin-top: 40px; height: auto; } #content_footer a { font-weight: 400; }#contenttop_right { position: relative; z-index: 54; } #tabs { background-color: #5388cc; padding-top: 45px; padding-bottom: 45px; } #tabs .tab { background-color: #5388cc; }#tabs .tabHeadline { font-weight: 600; } #tabs .tabHeadline, #tabs .tabContent { text-transform: uppercase; color: #fff; } #tabs .tab_link_title a, #tabs .tab_link_mandat a { color: #fff; } #tabs .tab_link_mehr, #tabs .tab_link_mehr a, #tabs .tabContent a { color: #ffed00; font-weight: 600; } #tabs .tab_link_mehr a:after { content: ' lesen '; } #tabs .tab_link_mehr a:hover, #tabs .tabContent a:hover { color: #ffffff; } #tabs .tab_spacer { height: 30px; }#footer { background-color: #40699f; color: #ffffff; padding: 15px; } @media (min-width: 1px) { #footer { display: flex; flex-wrap: wrap; align-content: center; align-items: center; padding: 22px 24px; } } #innerfooter a { color: #ffffff; text-decoration: none; display: inline-block; position: relative; } #innerfooter a::after { content: ""; position: absolute; left: 0; bottom: 4px; height: 1px; width: 0; background-color: #ffffff; -webkit-transition: width 300ms linear; -moz-transition: width 300ms linear; -ms-transition: width 300ms linear; -o-transition: width 300ms linear; transition: width 300ms linear; } #innerfooter a:hover::after { width: 100%; }#innerfooter a+a { margin-left: 20px; } @media (min-width: 2px) { #innerfooter a+a { margin-left: 30px; } } @media (min-width: 3px) { #innerfooter a+a { margin-left: 50px; } }#vernetzt { text-transform: uppercase; font-weight: 600; text-align: right; font-size: 85%; color: #ffffff; display: flex; align-items: center; align-content: center; line-height: 130%; justify-content: center; margin: 0 auto; } @media (min-width: 2px) { #vernetzt { justify-content: flex-end; float: right; margin: 0; } } #vernetzt span { color: #ffffff; } #vernetzt span span { display: block; } #vernetzt img { margin-left: 10px; }#scrollTop { text-transform: uppercase; color: #ffffff; display: flex; align-content: center; align-items: center; margin: 30px auto 30px auto; width: 140px; } @media (min-width: 2px) { #scrollTop { margin-top: 0; margin-bottom: 0; float: right; width: auto; } } #scrollTop span { font-size: 0; background-color: transparent; width: 20px; height: 20px; display: inline-block; position: relative; margin: 0 auto; margin-left: 5px; -webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; -o-transition: background-color 300ms linear; transition: background-color 300ms linear; } #scrollTop span::after, #scrollTop span::before { content: ""; position: absolute; border-radius: 1px; } #scrollTop span::after { top: -3px; left: 4px; width: 10px; height: 10px; margin-top: 10px; display: inline-block; border-right: 2px solid #ffffff; border-top: 2px solid #ffffff; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #scrollTop span::before { left: 8px; top: 8px; width: 2px; height: 10px; background-color: #ffffff; } #widget1 iframe{ width: auto !important; }