/*2021-03-04-13:09:53*/ @import url('https://fonts.verwaltungsportal.de/import/?family=Exo+2:400,400i,700,700i|Open+Sans:400,400i,600,600i&display=swap'); body { font-family: Open Sans, sans-serif; background: #192c3b; font-size: 20px; } body, .vorschau { color: #cde1f0; } a { color: #ed3c48; -webkit-transition: background 300ms linear, color 300ms linear; -moz-transition: background 300ms linear, color 300ms linear; -ms-transition: background 300ms linear, color 300ms linear; -o-transition: background 300ms linear, color 300ms linear; transition: background 300ms linear, color 300ms linear; } a:hover { color: #ed3c48; } b, strong, #content a { font-weight: 600; } #maindiv { width: 100%; line-height: 1.6em; text-align: left; overflow: hidden; }.sticky-wrapper { position: relative; z-index: 51; } #menu-wrapper { background-color: #ae121d; -webkit-box-shadow: 7px 7px 0px 0px rgba(9, 16, 22, 1); box-shadow: 7px 7px 0px 0px rgba(9, 16, 22, 1); } #menu { padding: 0; } #menu div[class*="col"] { min-height: 0; }.navbar { min-height: 0; margin-bottom: 0px; border: none; } .navbar-nav { float: none !important; }.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; margin: 0 auto; } .navbar-default .navbar-nav>li { float: none; } .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-collapse { padding-left: 15px; padding-right: 15px; } }.navbar-default .navbar-nav>li>a { color: #ffffff; font-weight: bold; text-align: center; padding: 10px 5px; font-family: 'Exo 2', sans-serif; } .navbar-default .navbar-nav>li>a::after { content: ""; left: 50%; bottom: 0; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 16px 19px 16px; border-color: transparent transparent #910f18 transparent; -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); 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 { padding: 20px 5px; display: flex; align-content: center; align-items: center; justify-content: center; height: 100%; } } .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_21080_over>a, .navbar-default .navbar-nav>li.menue_point_toplevel_21080_over>a:hover, .navbar-default .navbar-nav>li.menue_point_toplevel_21080_over>a:focus { color: #ffffff; } .navbar-default .navbar-nav>li>a:hover::after, .navbar-default .navbar-nav>li>a:focus::after, .navbar-default .navbar-nav>li.open>a::after, .navbar-default .navbar-nav>li.open>a:hover::after, .navbar-default .navbar-nav>li.open>a:focus::after, .navbar-default .navbar-nav>li.menue_point_toplevel_21080_over>a::after, .navbar-default .navbar-nav>li.menue_point_toplevel_21080_over>a:hover::after, .navbar-default .navbar-nav>li.menue_point_toplevel_21080_over>a:focus::after { opacity: 1; }.navbar-default .navbar-nav>li>.dropdown-menu, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu { padding: 0; background-color: #910f18; -webkit-box-shadow: 2px 4px 5px 0px #091016; box-shadow: 2px 4px 5px 0px #091016; }.menue_point_secondlevel_21080_over>.dropdown-menu { display: block !important; } @media (min-width: 2px) { .navbar-default .navbar-nav>li>.dropdown-menu { margin-top: 0; right: auto; left: 50%; position: absolute; -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, .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: 10px; margin-top: -2px; } } .menue_group_21080_start, .menue_group_21080_end, .menue_list_thirdlevel_21080_start, .menue_list_thirdlevel_21080_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-family: 'Exo 2', sans-serif; font-weight: 400; text-align: center; padding: 10px 35px; background-color: #910f18; line-height: 22px; } .navbar-default .navbar-nav>li>.dropdown-menu>li+li, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li+li { border-top: 2px solid #740c13; }.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_21080_over>a, .navbar-default .navbar-nav>li>.dropdown-menu>li.menue_point_secondlevel_21080_over>a:hover, .navbar-default .navbar-nav>li>.dropdown-menu>li.menue_point_secondlevel_21080_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_21080_over>a, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.menue_point_thirdlevel_21080_over>a:hover, .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.menue_point_thirdlevel_21080_over>a:focus { color: #ffffff; background-color: #740c13; }header { position: relative; background: #343e43 url('../img/bg_header.jpg') center center/cover no-repeat; background-size: 1920px 620px; } header>.container>.row { display: flex; align-items: center; flex-wrap: wrap; } header>.container, header>.container>.row { height: 100%; } #slider, .slider-wrapper { max-height: 300px; overflow: hidden; } @media (min-width: 2px) { #slider, .slider-wrapper { max-height: 545px; } } #headerpic { margin: 0 auto; overflow: hidden; position: relative; width: 100%; } .slider-wrapper, #slider { height: 100%; } #logo { pointer-events: auto; width: auto; } #logo::after { content: ""; display: block; height: 4px; width: 55px; background-color: #fff; margin: 18px auto 18px 0; } @media (min-width: 2px) { #logo::after { margin: 18px 0 18px auto; } }#logo img { width: 100%; height: auto; max-width: 366px; } #slogan { color: #ffffff; } .slider-mask { display: none; }#bg-right { padding-top: 30px; padding-bottom: 40px; } #bg-right .tab { -webkit-box-shadow: 11px 11px 0px 0px rgba(17, 31, 42, 1); box-shadow: 11px 11px 0px 0px rgba(17, 31, 42, 1); padding: 35px 20px 30px 20px; text-align: center; } #bg-right .tab+.tab { margin-top: 30px; } #bg-right .tabHeadline { margin: 0; font-family: 'Exo 2', sans-serif; font-weight: bold; color: #ed1927; } #bg-right .tabHeadline::after { content: ""; height: 3px; width: 10px; display: block; background-color: #fff; margin: 20px auto; } .tab_spacer { background-color: #fff; height: 3px; width: 10px; margin: 20px auto; }#news { background: #091016 url('../img/bg_tab_schwarz.jpg') center center/cover no-repeat; } #news .tabContent { line-height: 1.5em; color: #ffffff; } #news .tabContent a { color: #ffffff; } #news .tabContent a:hover { color: #ed3c48; } #news .tab_link_mehr { color: transparent; margin-top: 20px; text-align: center; } #news .tab_link_mehr a { font-family: 'Exo 2', sans-serif; font-weight: bold; text-transform: uppercase; color: #49080c; background-color: #ed1927; border-radius: 2px; padding: 6px 18px; font-weight: 600; position: relative; bottom: 0; right: 0; -webkit-transition: color 150ms linear, bottom 150ms linear, right 150ms linear; -moz-transition: color 150ms linear, bottom 150ms linear, right 150ms linear; -ms-transition: color 150ms linear, bottom 150ms linear, right 150ms linear; -o-transition: color 150ms linear, bottom 150ms linear, right 150ms linear; transition: color 150ms linear, bottom 150ms linear, right 150ms linear; } #news .tab_link_mehr a:hover { bottom: -2px; right: -2px; color: #ffffff; }#sponsoren { background: #fff url('../img/bg_tab_weiss.jpg') center center/cover no-repeat; } #sponsoren .tabHeadline::after { background-color: #111f2a; } #sponsoren .tabContent { color: #68747d; }#content .newsticker { background-color: #111f2a; font-weight: 400; margin-bottom: 15px; } #content .newsticker a { color: #fff; font-weight: 400; } #content .newsticker, #content .newsticker a { font-size: 16px; }#content { line-height: 1.6em; text-align: left; min-height: 200px; padding: 30px 15px; }#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: #ffffff; line-height: 1.2em; font-family: 'Exo 2', sans-serif; font-weight: bold; } #footerTabs .h4link a:link, #footerTabs .h4link a:hover, #footerTabs .h4link a:visited, #footerTabs h6, #footerTabs h5, #footerTabs h4, #footerTabs h3, #footerTabs h2, #footerTabs h1 { color: #ed1927; } h1::after { content: ""; display: block; height: 4px; width: 55px; background-color: #fff; margin: 18px 0; } h1[style*="center"]::after { margin-left: auto; margin-right: auto; } h1[style*="right"] { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-end; align-content: flex-end; } #newslinks, #newsmandate { border: 1px solid #0e4b6e; }#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; }#content_footer { margin-top: 40px; height: auto; } #content_footer a { font-weight: 400; }#contenttop_right { position: relative; z-index: 54; } #footerTabs { background: #091016 url('../img/bg_footer.jpg') center center/cover no-repeat; color: #cde1f0; padding-top: 30px; padding-bottom: 30px; } #footerTabs b, #footerTabs strong { color: #ffffff; } @media (min-width: 1px) { #footerTabs { padding: 45px 35px; } } #footerTabs .tabHeadline { margin: 0 0 20px 0; color: #ed1927; font-weight: bold; font-family: 'Exo 2', sans-serif; margin-bottom: 20px; } @media (min-width: 2px) { #footerTabs .tabHeadline { margin-bottom: 40px; } }#partner { padding: 30px 0; background-color: #fff; } #partner, #partner a { color: #ed313c; } #partner a { text-transform: uppercase; font-weight: bold; }#footer { background-color: #192c3b; color: #ffffff; padding: 15px; } @media (min-width: 1px) { #footer { display: flex; flex-wrap: wrap; align-content: center; align-items: center; padding: 25px 35px; } } #footer>.container>.row { display: flex; align-items: center; flex-wrap: wrap; } @media (min-width: 2px) { #footer>.container>.row>div:last-child { padding-left: 0; } } #innerfooter a { color: #ffffff; text-decoration: none; display: inline-block; } #innerfooter a:hover { color: #ed3c48; }#innerfooter a+a::before { content: "•"; margin: 15px; color: #111f2a; }#vernetzt { text-align: right; font-size: 82%; color: #ffffff; display: flex; align-items: center; align-content: center; line-height: 130%; justify-content: center; margin: 0 auto; } @media (min-width: 1px) { #vernetzt { justify-content: flex-end; float: right; margin: 0; } } #vernetzt span { color: #ffffff; } #vernetzt span span { display: block; } #vernetzt img { margin-left: 12px; }