@charset "UTF-8"; /* I've created a variable for each color that differs in the project, in the layout the colors don't differ, so there are doubled variable values, easy to change if needed. */ /* * CSS-Theme | Master-Template * * Bayerisches Staatministerium für Arbeit und * Sozialordnung, Familie und Frauen * * (c) 2019 */ .theme-default { color: #000000; background-color: #FFFFFF !important; hyphens: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; } .theme-default .cookie-notice-bar { background-color: #e9f3e8; } .theme-default .cookie-notice-bar > .inner-wrap { color: #FFFFFF; } .theme-default .cookie-notice-bar p { color: #000000; } .theme-default .cookie-notice-bar p a { color: #1e6d90; } .theme-default .cookie-notice-bar .hide-notice { color: #1e6d90; } .theme-default .cookie-notice-bar p a:focus, .theme-default .cookie-notice-bar p a:hover { border-color: #1e6d90; } .theme-default .cookie-notice-bar .hide-notice:focus, .theme-default .cookie-notice-bar .hide-notice:hover { border-color: #1e6d90; } .theme-default #breadcrumb a { color: #007f78; } .theme-default #breadcrumb .icon svg { fill: #007f78; } .theme-default #breadcrumb a:focus, .theme-default #breadcrumb a:hover { border-color: #007f78; } .theme-default #nav > button { color: #FFFFFF; background-color: #007f78; } .theme-default #nav > button:focus, .theme-default #nav > button:hover { color: #FFFFFF; background-color: #b71818; } .theme-default #nav > button .hamburger-inner { background-color: #FFFFFF; } .theme-default #nav > button .hamburger-inner:after, .theme-default #nav > button .hamburger-inner:before { background-color: #FFFFFF; } .theme-default #nav .level-1 { background-color: #007f78; border-top-color: #FFFFFF; } .theme-default #nav .level-1 > li > a, .theme-default #nav .level-1 > li > button { color: #FFFFFF; border-bottom-color: #FFFFFF; } .theme-default #nav .level-1 > li > a:focus, .theme-default #nav .level-1 > li > a:hover, .theme-default #nav .level-1 > li > button:focus, .theme-default #nav .level-1 > li > button:hover { color: #FFFFFF; background-color: #b71818; } .theme-default #nav .level-1 > li.active > a, .theme-default #nav .level-1 > li.active > button { color: #FFFFFF; background-color: #b71818; } .theme-default #nav .level-1 > li.active > a .icon svg, .theme-default #nav .level-1 > li.active > button .icon svg { fill: #FFFFFF; } .theme-default #nav .level-1 > li > a .icon svg, .theme-default #nav .level-1 > li > a:focus .icon svg, .theme-default #nav .level-1 > li > a:hover .icon svg, .theme-default #nav .level-1 > li > button .icon svg, .theme-default #nav .level-1 > li > button:focus .icon svg, .theme-default #nav .level-1 > li > button:hover .icon svg { fill: #FFFFFF; } .theme-default #nav .dropdown { background-color: #eff8fa; } .theme-default #nav ul.level-3 { background-color: #FFFFFF; } .theme-default #nav ul.level-2 > li > a, .theme-default #nav ul.level-3 > li > a, .theme-default #nav ul.level-4 > li > a, .theme-default #nav ul.level-5 > li > a, .theme-default #nav ul.level-2 > li > button, .theme-default #nav ul.level-3 > li > button, .theme-default #nav ul.level-4 > li > button, .theme-default #nav ul.level-5 > li > button { color: #007f78; border-color: #185c7f; } .theme-default #nav .level-2 > li > a:focus, .theme-default #nav .level-2 > li > a:hover, .theme-default #nav .level-2 > li > button:focus, .theme-default #nav .level-2 > li > button:hover { color: #FFFFFF; background-color: #b71818; } .theme-default #nav .level-2 > li.active > a, .theme-default #nav .level-2 > li.active > button { color: #FFFFFF; background-color: #b71818; } .theme-default #nav .level-3 > li > a:focus, .theme-default #nav .level-3 > li > a:hover, .theme-default #nav .level-3 > li > button:focus, .theme-default #nav .level-3 > li > button:hover { color: #FFFFFF; background-color: #b71818; } .theme-default #nav .level-3 > li.active > a, .theme-default #nav .level-3 > li.active > button { color: #FFFFFF; background-color: #b71818; } .theme-default #nav .level-2 > li > a:focus .icon svg, .theme-default #nav .level-2 > li > a:hover .icon svg, .theme-default #nav .level-2 > li > button:focus .icon svg, .theme-default #nav .level-2 > li > button:hover .icon svg { fill: #FFFFFF; } .theme-default #nav .level-2 > li.active > a .icon svg, .theme-default #nav .level-2 > li.active > button .icon svg { fill: #FFFFFF; } .theme-default #nav .level-3 > li > a:focus .icon svg, .theme-default #nav .level-3 > li > a:hover .icon svg, .theme-default #nav .level-3 > li > button:focus .icon svg, .theme-default #nav .level-3 > li > button:hover .icon svg { fill: #FFFFFF; } .theme-default #nav .level-3 > li.active > a .icon svg, .theme-default #nav .level-3 > li.active > button .icon svg { fill: #FFFFFF; } .theme-default aside { background-color: #f2f8f1; } .theme-default aside .module-teaser-slider h2 { color: #007f78; } .theme-default aside .module-teaser-slider .slide a .overlay { background-color: #007f78; } .theme-default aside .module-teaser-slider .slide a:focus .overlay, .theme-default aside .module-teaser-slider .slide a:hover .overlay { color: #007f78; background-color: #fff; transition: background-color 0.2s linear 0s; } .theme-default aside .module-teaser-slider .slide .overlay a, .theme-default aside .module-teaser-slider .slide .overlay h2, .theme-default aside .module-teaser-slider .slide .overlay h3, .theme-default aside .module-teaser-slider .slide .overlay p, .theme-default aside .module-teaser-slider .slide .overlay .link { color: #FFFFFF; } .theme-default aside .module-teaser-slider .slide a:focus .overlay a, .theme-default aside .module-teaser-slider .slide a:hover .overlay a, .theme-default aside .module-teaser-slider .slide a:focus .overlay h2, .theme-default aside .module-teaser-slider .slide a:hover .overlay h2, .theme-default aside .module-teaser-slider .slide a:focus .overlay h3, .theme-default aside .module-teaser-slider .slide a:hover .overlay h3, .theme-default aside .module-teaser-slider .slide a:focus .overlay p, .theme-default aside .module-teaser-slider .slide a:hover .overlay p, .theme-default aside .module-teaser-slider .slide a:focus .overlay .link, .theme-default aside .module-teaser-slider .slide a:hover .overlay .link { color: #007f78; } .theme-default aside .module-teaser-slider .slide .overlay svg { fill: #FFFFFF; } .theme-default aside .module-teaser-slider .slide a:focus .overlay svg, .theme-default aside .module-teaser-slider .slide a:hover .overlay svg { fill: #007f78; } .theme-default aside .module-teaser-slider .slick-arrow svg { fill: #007f78; } .theme-default aside .module-teaser-slider .slick-arrow:focus svg, .theme-default aside .module-teaser-slider .slick-arrow:hover svg { fill: #b71818; } .theme-default aside h3 { color: #FFFFFF; } .theme-default #content-wrap { background-color: #FFFFFF; } .theme-default #content > .inner-wrap > .content-wrap > .col-group > .col-right .sidebar { background-color: #b71818; } .theme-default #content > .inner-wrap > .content-wrap > .col-group > .col-right h2 { color: #FFFFFF; font-weight: 400; } .theme-default #footer { background-color: #99ccc9; } .theme-default #footer li a { color: #000000; } .theme-default #footer li a:focus, .theme-default #footer li a:hover { color: #FFFFFF; border-color: #FFFFFF; } .theme-default #social-box a:focus > .icon svg, .theme-default #social-box a:hover > .icon svg { fill: #FFFFFF; } .theme-default #social-box button:focus > .icon svg, .theme-default #social-box button:hover > .icon svg { fill: #FFFFFF; } .theme-default #social-box a:focus > .label, .theme-default #social-box a:hover > .label { color: #FFFFFF; border-color: #FFFFFF; } .theme-default #social-box button:focus > .label, .theme-default #social-box button:hover > .label { color: #FFFFFF; border-color: #FFFFFF; } .theme-default .module-page-control > a.quick-box { color: #FFFFFF; background-color: #b71818; } .theme-default #footer .module-page-control > a { border-bottom-color: #FFFFFF; } .theme-default #footer .module-page-control > a.quick-box.expandable .body { color: #FFFFFF; background-color: #b71818; } .theme-default .module-page-control > a.go-top { color: #FFFFFF; border-color: #FFFFFF; background-color: #007f78; } .theme-default .module-page-control > a.go-top:focus, .theme-default .module-page-control > a.go-top:hover { background-color: #b71818; } .theme-default .module-page-control > a svg { fill: #FFFFFF; } .theme-default .rte h1 { color: #007f78; } .theme-default .rte h2, .theme-default .rte h3, .theme-default .rte h4 { color: #007f78; } .theme-default .rte figure figcaption { color: #007f78; } .theme-default .rte a { color: #007f78; } .theme-default .rte a:focus, .theme-default .rte a:hover { color: #b71818; border-color: #b71818; } .theme-default .rte a .icon { fill: #007f78; } .theme-default .rte a:focus .icon, .theme-default .rte a:hover .icon { fill: #b71818; } .theme-default a .link { color: #007f78; } .theme-default a:focus .link, .theme-default a:hover .link { border-color: #007f78; } .theme-default .rte ul.content-list > li:before { content: "›"; font-family: Roboto; font-size: 30px; vertical-align: center; color: #007f78; } .theme-default .rte ol.content-list li:before { color: #007f78; } .theme-default .rte ul.link-list li a { color: #007f78; } .theme-default .rte ul.link-list li a:focus, .theme-default .rte ul.link-list li a:hover { border-color: #b71818; color: #b71818; } .theme-default .rte ul.link-list li a:focus:before, .theme-default .rte ul.link-list li a:hover:before { color: #b71818; } .theme-default .rte ul.link-list li a:before { content: "\203A"; font-family: Roboto; font-size: 30px; vertical-align: center; color: #007f78; margin-right: 10px; } .theme-default .anchor-box { background-color: #f2f8f1; } .theme-default .anchor-box a { color: #007f78; } .theme-default .anchor-box a:focus .label, .theme-default .anchor-box a:hover .label { border-color: #b71818; } .theme-default .anchor-box li a:before { top: 50%; transform: translateY(-50%); background-position: center; background-color: transparent; } .theme-default .module-infobox > .inner-wrap { color: #FFFFFF; background-color: #b71818; } .theme-default .module-infobox h2, .theme-default .module-infobox h3, .theme-default .module-infobox h4, .theme-default .module-infobox p { color: #FFFFFF; } .theme-default .module-infobox a { color: #FFFFFF; } .theme-default .module-infobox a:focus, .theme-default .module-infobox a:hover { color: #99ccc9; outline: 2px solid #99ccc9 !important; } .theme-default .module-infobox svg { fill: #FFFFFF; } .theme-default .rte .module-infobox ul.link-list li a { color: #FFFFFF; } .theme-default .rte .module-infobox ul.link-list li a svg { fill: #FFFFFF; } .theme-default .rte .module-infobox ul.link-list li a:focus, .theme-default .rte .module-infobox ul.link-list li a:hover { color: #FFFFFF; border-color: #FFFFFF; } .theme-default .rte .module-infobox ul.link-list li a:before, .theme-default .rte .module-infobox ul.link-list li a:focus:before, .theme-default .rte .module-infobox ul.link-list li a:hover:before { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS42IDI4Ij48cGF0aCBkPSJNMjIuMSwxMS4yLDMyLjUsMjQuOXYuN0wyMi4xLDM5LjJIMTYuOWw5LTE0LTktMTRaIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuOSAtMTEuMikiLz48L3N2Zz4=); } .theme-default .module-highlight { color: #007f78; border-color: #b71818; } .theme-default .module-keyvisual .overlay, .theme-default .module-keyvisual-slider .slide .overlay { color: #007f78; border-color: #007f78; } .theme-default .module-keyvisual .overlay:before, .theme-default .module-keyvisual-slider .slide .overlay:before { background-color: #FFFFFF; } .theme-default .module-keyvisual a:hover .overlay, .theme-default .module-keyvisual a:focus .overlay { color: #b71818; border-color: #b71818; } .theme-default .module-keyvisual-slider .slide a:hover .overlay, .theme-default .module-keyvisual-slider .slide a:focus .overlay { color: #b71818; border-color: #b71818; } .theme-default .module-keyvisual a:hover .overlay h2, .theme-default .module-keyvisual a:hover .overlay .h2 { color: #b71818; } .theme-default .module-keyvisual a:focus .overlay h2, .theme-default .module-keyvisual a:focus .overlay .h2 { color: #b71818; } .theme-default .module-keyvisual a:hover .overlay p, .theme-default .module-keyvisual a:focus .overlay p { color: #b71818; } .theme-default .module-keyvisual-slider .slide a:hover .overlay h2, .theme-default .module-keyvisual-slider .slide a:hover .overlay .h2 { color: #b71818; } .theme-default .module-keyvisual-slider .slide a:focus .overlay h2, .theme-default .module-keyvisual-slider .slide a:focus .overlay .h2 { color: #b71818; } .theme-default .module-keyvisual-slider .slide a:hover .overlay p, .theme-default .module-keyvisual-slider .slide a:focus .overlay p { color: #b71818; } .theme-default .module-keyvisual-slider .slider-control, .theme-default .module-keyvisual-slider .slick-prev, .theme-default .module-keyvisual-slider .slick-next { background-color: #FFFFFF; } .theme-default .module-keyvisual-slider .slick-prev svg, .theme-default .module-keyvisual-slider .slick-next svg { fill: #007f78; } .theme-default .module-keyvisual-slider .slick-prev:hover svg, .theme-default .module-keyvisual-slider .slick-prev:focus svg { fill: #b71818; } .theme-default .module-keyvisual-slider .slick-next:hover svg, .theme-default .module-keyvisual-slider .slick-next:focus svg { fill: #b71818; } .theme-default .module-keyvisual-slider .slider-control .label { color: #000000; } .theme-default .module-keyvisual-slider .slider-control a:focus .label, .theme-default .module-keyvisual-slider .slider-control a:hover .label { color: #b71818; } .theme-default .module-keyvisual-slider .slider-control a:focus, .theme-default .module-keyvisual-slider .slider-control a:hover { border-color: #b71818; } .theme-default .module-keyvisual-slider .slider-control .icon svg { fill: #000000; } .theme-default .module-keyvisual-slider .slider-control a:focus .icon svg, .theme-default .module-keyvisual-slider .slider-control a:hover .icon svg { fill: #b71818; } .theme-default .module-slider-2box .slide .overlay { color: #FFFFFF; background-color: rgba(0, 127, 120, 0.8); } .theme-default .module-slider-2box .slide a:focus .overlay, .theme-default .module-slider-2box .slide a:hover .overlay { background-color: rgba(0, 127, 120, 0.9); } .theme-default .module-slider-2box .slide .overlay h2, .theme-default .module-slider-2box .slide .overlay h3, .theme-default .module-slider-2box .slide .overlay p, .theme-default .module-slider-2box .slide .overlay .link { color: #FFFFFF; } .theme-default .module-slider-2box .slide .overlay svg { fill: #FFFFFF; } .theme-default .module-slider-2box .slick-prev svg, .theme-default .module-slider-2box .slick-next svg { fill: #FFFFFF; } .theme-default .module-slider-2box .slider-control .label { color: #000000; } .theme-default .module-slider-2box .slider-control a:focus .label, .theme-default .module-slider-2box .slider-control a:hover .label { color: #b71818; } .theme-default .module-slider-2box .slider-control a:focus, .theme-default .module-slider-2box .slider-control a:hover { border-color: #b71818; } .theme-default .module-slider-2box .slider-control .icon svg { fill: #000000; } .theme-default .module-slider-2box .slider-control a:focus .icon svg, .theme-default .module-slider-2box .slider-control a:hover .icon svg { fill: #b71818; } .theme-default .module-accordions .card-header h3 { border-color: #1a1a18; } .theme-default .module-accordions .card-header button { color: #007f78; } .theme-default .module-accordions .card-header button:focus .label, .theme-default .module-accordions .card-header button:hover .label { border-color: #007f78; } .theme-default .module-accordions .control > button { color: #000000; } .theme-default .module-accordions .control-bottom { border-color: #66747a; } .theme-default .module-accordions .control > button:focus .label, .theme-default .module-accordions .control > button:hover .label { border-color: #007f78; } .theme-default .module-accordions .card-header h3 button:focus .label, .theme-default .module-accordions .card-header h3 button:hover .label { border-color: #007f78; } .theme-default .module-accordions .control > button svg, .theme-default .module-accordions .card-header h3 button svg { fill: #b71818; } .theme-default .module-quicklinks { background-color: #f2f8f1; } .theme-default .module-quicklinks h2 { color: #007f78; } .theme-default .module-quicklinks a .label { color: #007f78; } .theme-default .module-quicklinks a:focus .label, .theme-default .module-quicklinks a:hover .label { border-color: #007f78; } .theme-default .module-quicklinks .slick-arrow svg { fill: #007f78; } .theme-default .module-quicklinks .slick-arrow:focus svg, .theme-default .module-quicklinks .slick-arrow:hover svg { fill: #b71818; } .theme-default .module-consulting-search { border-bottom-color: #FFFFFF; } .theme-default .module-consulting-search .field-wrap input { color: #007f78; background-color: #FFFFFF; } .theme-default .module-consulting-search .button-wrap button { color: #FFFFFF; background-color: transparent; } .theme-default .module-hotline { border-bottom-color: #FFFFFF; } .theme-default .module-hotline .hotline a { color: #FFFFFF; } .theme-default .module-hotline .hotline a:hover, .theme-default .module-hotline .hotline a:focus { border-color: #FFFFFF; } .theme-default .module-content-slider .slick-arrow svg { fill: #007f78; } .theme-default .module-content-slider .slick-arrow:focus svg, .theme-default .module-content-slider .slick-arrow:hover svg { fill: #b71818; } .theme-default .module-content-slider .slider-control .label { color: #000000; } .theme-default .module-content-slider .slider-control a:focus .label, .theme-default .module-content-slider .slider-control a:hover .label { color: #b71818; } .theme-default .module-content-slider .slider-control a:focus, .theme-default .module-content-slider .slider-control a:hover { color: #b71818; border-color: #b71818; } .theme-default .module-content-slider .slider-control .icon svg { fill: #000000; } .theme-default .module-content-slider .slider-control a:focus .icon svg, .theme-default .module-content-slider .slider-control a:hover .icon svg { fill: #b71818; } .theme-default .module-news-latest a, .theme-default .module-news-latest .item a .label { color: #FFFFFF; } .theme-default .module-news-latest .more a:hover, .theme-default .module-news-latest .more a:focus { color: #FFFFFF; border-color: #FFFFFF; } .theme-default .module-news-latest .item a:hover .date, .theme-default .module-news-latest .item a:hover .label { color: #FFFFFF; border-color: #FFFFFF; } .theme-default .module-news-latest .item a:focus .label { color: #FFFFFF; border-color: #FFFFFF; } .theme-default .module-news-latest .slick-arrow svg { fill: #FFFFFF; } .theme-default .module-news-latest .slick-arrow:focus svg, .theme-default .module-news-latest .slick-arrow:hover svg { fill: #007f78; } .theme-default #service-navigation > .col-left { background-color: #99ccc9; } .theme-default #service-navigation > .col-right { background-color: #007f78; } .theme-default #service-navigation .toggle { color: #000000; } .theme-default #service-navigation .toggle:focus, .theme-default #service-navigation .toggle:hover { color: #FFFFFF; background-color: #b71818; } .theme-default #service-navigation .toggle .icon svg { fill: #000000; } .theme-default #service-navigation .toggle:focus .icon svg, .theme-default #service-navigation .toggle:hover .icon svg { fill: #FFFFFF; } .theme-default #service-navigation ul { border-color: #FFFFFF; } .theme-default #service-navigation .col-left ul { background-color: #99ccc9; } .theme-default #service-navigation li a { color: #000000; border-color: #FFFFFF; } .theme-default #service-navigation li a:focus, .theme-default #service-navigation li a:hover { color: #FFFFFF; background-color: #b71818; } .theme-default #service-navigation li .icon svg { fill: #000000; } .theme-default #service-navigation li a:focus svg, .theme-default #service-navigation li a:hover svg { fill: #FFFFFF; } .theme-default #service-navigation .searchbox .wrapper { height: 100%; background-color: #007f78; } .theme-default #service-navigation .searchbox .wrapper input { height: 100%; } .theme-default #service-navigation .searchbox .icon svg { fill: #FFFFFF; } .theme-default #service-navigation .searchbox .form-control { color: #000000; border-color: #FFFFFF; background-color: #FFFFFF; } .theme-default #service-navigation .searchbox .submit { height: 100%; color: #000000; background-color: #99ccc9; border: 1px solid #99ccc9; } .theme-default #service-navigation .searchbox .submit:hover, .theme-default #service-navigation .searchbox .submit:focus { color: #FFFFFF; background-color: #b71818; border-color: #b71818; } .theme-default #service-navigation .searchbox .submit .icon svg { fill: #000000; } .theme-default #service-navigation .searchbox .submit:hover .icon svg, .theme-default #service-navigation .searchbox .submit:focus .icon svg { fill: #FFFFFF; } .theme-default .module-search .search-control .pagination a { color: #007f78; } .theme-default .module-search .search-control .pagination strong { color: #FFFFFF; background-color: #007f78; border-bottom: 0; } .theme-default .module-search .search-control .pagination a:focus, .theme-default .module-search .search-control .pagination a:hover { color: #FFFFFF; background-color: #007f78; border-bottom: 0; } .theme-default .module-search .search-results h3 { color: #007f78; } .theme-default .module-search .search-results h3 a, .theme-default .module-search .search-results h3:before { color: #000000; } .theme-default .module-search .search-results h3 a:focus, .theme-default .module-search .search-results h3 a:hover { color: #007f78; border-color: #007f78; } .theme-default .module-search .search-results p strong.hint { color: #FFFFFF; background-color: #007f78; padding: 0 4px; } .theme-default .errors .inner-wrap { border: 2px solid #b3000c; background-color: #FFFFFF; color: #b3000c; } .theme-default .errors .inner-wrap h3 { color: #b3000c; } .theme-default .errors ul li { color: #b3000c; } .theme-default .errors ul li a { color: #b3000c; } .theme-default .errors ul li a:focus, .theme-default .errors ul li a:hover { border-color: #b3000c; } .theme-default .form-wrap { background-color: #d3e0e8; } .theme-default .form-default input.form-control.error , .theme-default .form-default textarea.form-control.error , .theme-default .form-default select.form-control.error { border: 2px solid #007f78 !important; background-color: #f0ccce !important; } .theme-default .form-default select.form-control { color: #484747; border-color: #007f78; background-color: white; appearance: auto; -webkit-appearance: auto; -moz-appearance: auto; -ms-appearance: auto; -o-appearance: auto; padding: 10px 12px; } .theme-default .form-default .control-elements .btn { color: #FFFFFF; border-color: #b71818; background-color: #b71818; border: 2px solid transparent; } .theme-default .form-default .control-elements .btn:focus, .theme-default .form-default .control-elements .btn:hover { color: #b71818; background-color: #FFFFFF; border: 2px solid #b71818; } .theme-default .form-default .control-elements .btn .icon { fill: #FFFFFF; } .theme-default .form-default .control-elements .btn:focus .icon, .theme-default .form-default .control-elements .btn:hover .icon { fill: #b71818; } .theme-default .form-default .select-wrap:before { color: #FFFFFF; background: #007f78 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE3OTIgMTc5MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTQwOCAxMDg4cTAgMjYtMTkgNDVsLTQ0OCA0NDhxLTE5IDE5LTQ1IDE5dC00NS0xOWwtNDQ4LTQ0OHEtMTktMTktMTktNDV0MTktNDUgNDUtMTloODk2cTI2IDAgNDUgMTl0MTkgNDV6bTAtMzg0cTAgMjYtMTkgNDV0LTQ1IDE5aC04OTZxLTI2IDAtNDUtMTl0LTE5LTQ1IDE5LTQ1bDQ0OC00NDhxMTktMTkgNDUtMTl0NDUgMTlsNDQ4IDQ0OHExOSAxOSAxOSA0NXoiLz48L3N2Zz4=) no-repeat center center; } .theme-default .module-youtube .overlay { background-color: rgba(255, 255, 255, 0.9); } .theme-default .module-youtube .overlay p, .theme-default .module-youtube .overlay li { color: #000000; } .theme-default .module-youtube .overlay p a, .theme-default .module-youtube .overlay li a { color: #007f78; } .theme-default .module-youtube .overlay a:focus, .theme-default .module-youtube .overlay a:hover { color: #b71818; border-bottom-color: #b71818; } .theme-default .module-youtube .description { color: #0e74a0; } .theme-default .module-youtube .description p, .theme-default .module-youtube .description li { color: #0e74a0; } .theme-default .slider-control .control-2 > a:focus .label, .theme-default .slider-control .control-2 > a:hover .label { border-bottom-color: #b71818; } .theme-default #share .modal-content { border-color: #333; } .theme-default #share .modal-title { color: #000000 !important; } .theme-default #share .close { color: #000; text-shadow: 0 1px 0 #fff; } .theme-default #share .close:hover { color: #000; } .theme-default #share .modal-body p { color: #666666; } .theme-default #share .modal-body button .label, .theme-default #share .modal-body ul li a .label { color: #000000; } .theme-default #share .modal-body button:focus .label, .theme-default #share .modal-body button:hover .label { color: #b71818; border-color: #b71818; } .theme-default #share .modal-body ul li a:focus .label, .theme-default #share .modal-body ul li a:hover .label { color: #b71818; border-color: #b71818; } .theme-default #share .modal-body .pagelink { border-color: #000000; } .theme-default #share button:focus, .theme-default #share button:hover { color: #b71818; } .theme-default #share button svg { fill: #000000; } .theme-default #share button:focus svg, .theme-default #share button:hover svg { fill: #b71818; } .theme-default .rte a .link-with-arrow::before { color: #007f78; } /* Navigation Toggler */ /* Haupt-Navigation Level-1 */ /* Haupt-Navigation Level-2 und 3 */ @media screen and (min-width: 1200px) { .theme-default #nav .level-1 > li > a, .theme-default #nav .level-1 > li > button { color: #FFFFFF; } .theme-default #nav .level-1 > li > a:focus, .theme-default #nav .level-1 > li > a:hover, .theme-default #nav .level-1 > li > button:focus, .theme-default #nav .level-1 > li > button:hover { color: #FFFFFF; background-color: transparent; } .theme-default #nav .level-1 > li.active > a, .theme-default #nav .level-1 > li.active > button { color: #FFFFFF; background-color: transparent; } .theme-default #nav .level-1 > li:focus > a, .theme-default #nav .level-1 > li:hover > a, .theme-default #nav .level-1 > li.has-focus > a, .theme-default #nav .level-1 > li.active > a, .theme-default #nav .level-1 > li.open > a, .theme-default #nav .level-1 > li:focus > button, .theme-default #nav .level-1 > li:hover > button, .theme-default #nav .level-1 > li.has-focus > button, .theme-default #nav .level-1 > li.active > button, .theme-default #nav .level-1 > li.open > button { color: #007f78; background-color: #f2f8f1; } .theme-default #nav .dropdown { background-color: #f2f8f1; } .theme-default #nav ul.level-2, .theme-default #nav ul.level-3 { background-color: transparent; } .theme-default #nav.level-2 > li > a, .theme-default #nav.level-3 > li > a, .theme-default #nav.level-4 > li > a, .theme-default #nav.level-5 > li > a, .theme-default #nav.level-2 > li > button, .theme-default #nav.level-3 > li > button, .theme-default #nav.level-4 > li > button, .theme-default #nav.level-5 > li > button { color: #007f78; } .theme-default #nav .level-2 > li > a:focus, .theme-default #nav .level-2 > li > a:hover, .theme-default #nav .level-2 > li > button:focus, .theme-default #nav .level-2 > li > button:hover { color: #FFFFFF; background-color: transparent; } .theme-default #nav .level-2 > li.active > a, .theme-default #nav .level-2 > li.active > button { color: #FFFFFF; background-color: transparent; } .theme-default #nav .level-3 > li > a:focus, .theme-default #nav .level-3 > li > a:hover, .theme-default #nav .level-3 > li > button:focus, .theme-default #nav .level-3 > li > button:hover { color: #FFFFFF; background-color: transparent; } .theme-default #nav .level-3 > li.active > a, .theme-default #nav .level-3 > li.active > button { color: #FFFFFF; background-color: transparent; } .theme-default #nav .level-2 > li > a:focus, .theme-default #nav .level-2 > li > a:hover, .theme-default #nav .level-2 > li > button:focus, .theme-default #nav .level-2 > li > button:hover { color: #FFFFFF; background-color: #007f78; } .theme-default #nav .level-3 > li > a:focus, .theme-default #nav .level-3 > li > a:hover, .theme-default #nav .level-3 > li > button:focus, .theme-default #nav .level-3 > li > button:hover { color: #FFFFFF; background-color: #007f78; } } /** * Content-Styling * * Styling der Elemente im * Contentbereich * */ /** * Module * * Styling für die Darstellung * diverser Content-Module * */ /* Modul: Infobox */ /* Modul: Highlight-Box */ /* Modul: Keyvisual */ /* Modul: Section Teaser */ @media screen and (min-width: 640px) { .theme-default .module-slider-2box .slick-prev svg, .theme-default .module-slider-2box .slick-next svg { fill: #007f78; } .theme-default .module-slider-2box .slick-prev:hover svg, .theme-default .module-slider-2box .slick-prev:focus svg { fill: #b71818; } .theme-default .module-slider-2box .slick-next:hover svg, .theme-default .module-slider-2box .slick-next:focus svg { fill: #b71818; } } /* Modul: Accordion */ /* Modul: Quick-Links */ /* Modul: Consutling Search */ /* Modul: Hotline */ /* Modul: Content-Slider */ /* Modul: Aktuelles */ @media screen and (min-width: 768px) { .theme-default #service-navigation { background-color: #99ccc9; } .theme-default #service-navigation > .col-left { background-color: transparent; } .theme-default #service-navigation > .col-left ul { background-color: transparent; } .theme-default #service-navigation > .col-right { background-color: transparent; } .theme-default #service-navigation li a:focus, .theme-default #service-navigation li a:hover { background-color: transparent; } .theme-default #service-navigation li a:focus svg, .theme-default #service-navigation li a:hover svg { fill: #FFFFFF; } .theme-default #service-navigation .searchbox .wrapper { background-color: #FFFFFF; } .theme-default #service-navigation .searchbox .form-control { color: #000000; border-left: 0; background-color: #FFFFFF; } .theme-default #service-navigation .searchbox .submit { color: #000000; background-color: #99ccc9; border: 1px solid #FFFFFF; } .theme-default #service-navigation .searchbox .submit:focus, .theme-default #service-navigation .searchbox .submit:hover { color: #FFFFFF; background-color: #007f78; border-color: #e8f2e8; } .theme-default #service-navigation .searchbox .icon svg { fill: #000000; } .theme-default #service-navigation .searchbox .submit:focus .icon svg, .theme-default #service-navigation .searchbox .submit:hover .icon svg { fill: #FFFFFF; } }