html {
box-sizing:border-box;
scroll-behavior:smooth
}
*,:before,:after {
box-sizing:border-box
}
body {
-webkit-text-size-adjust:100%;
color:#121212;
font-family:'Open Sans',Arial,Tahoma,sans-serif;
font-weight:400;
line-height:1.5;
margin:0
}
html[dir=rtl] body {
text-align:unset
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
color:#000
}
h1,.h1 {
font-size:2.375rem;
font-weight:700;
line-height:1.1579;
margin:.6316em 0 .7368em;
padding-right:200px
}
html[dir=rtl] h1,html[dir=rtl] .h1 {
padding-left:200px;
padding-right:0
}
h2,.h2 {
font-size:2.375rem;
font-weight:700;
line-height:1.1579;
margin:.5263em 0 .7368em
}
h3,.h3 {
font-size:1.375rem;
font-weight:700;
line-height:1.4545;
margin:1em 0 .8182em
}
h4,.h4 {
font-size:1.125rem;
font-weight:700;
line-height:1.5556;
margin:1em 0 .8889em
}
h5,.h5,h6,.h6 {
font-size:1rem;
font-weight:700;
line-height:1.5;
margin:1em 0
}
p {
color:#121212;
font-size:1rem;
margin:.875em 0
}
html[dir=rtl] p {
font-size:1.6rem
}
ol,ul {
color:#121212;
line-height:1.5;
margin:1.25rem 0 1.5rem 1.75rem;
padding:0
}
li {
margin:0 0 .375rem;
padding:0
}
.no-margin,main div.no-margin {
margin:0!important
}
.no-padding,main div.no-padding {
padding:0!important
}
.height-100,main div.height-100 {
height:100%!important
}
.infokasten-link-wrapper {
text-decoration:none
}
a.button-test {
background:#d40f14;
color:#fff;
display:inline-block;
font-weight:700;
margin-bottom:.75em;
outline:none;
padding:.8125em 1.25em .875em;
text-decoration:none
}
a.button-test:hover,a.button-test:focus {
background:#ac0a26;
color:#fff
}
a.button-test.disabled {
background:gray;
color:lightgray;
cursor:default
}
.buttons {
list-style-type:none;
margin-left:0;
margin-right:0
}
.buttons li {
display:inline-block;
margin:0 .25em .5em 0
}
.buttons a {
background:#e4e4e4;
color:#000;
display:block;
font-weight:700;
padding:.8125em 1.25em .875em;
text-decoration:none
}
h2 + .buttons {
margin-bottom:3.5em;
margin-top:2.5em
}
.clear {
clear:both
}
img.left {
float:left;
margin:0 25px 25px 0
}
img.right {
float:right;
margin:0 0 25px 25px
}
a img {
border:none;
display:block
}
a.image {
display:inline!important
}
.teaser-box a.image {
display:block!important
}
img {
height:auto;
max-width:100%
}
table {
border:none;
border-collapse:collapse;
color:#121212;
margin:1.5rem 0 1.75rem;
padding:0;
width:100%
}
table td,table th {
padding:.625em 1em .625em 0;
vertical-align:top
}
table th {
text-align:left
}
table.servicezeiten,table.servicezeiten-light {
margin:.5em 0
}
div table.servicezeiten:last-child,div table.servicezeiten-light:last-child {
margin-bottom:0
}
table.servicezeiten td,table.servicezeiten-light td,table.servicezeiten th,table.servicezeiten-light th {
padding:.125em 0
}
table.servicezeiten tr:not(:first-child) th[colspan] {
padding-top:1em
}
table.servicezeiten-light th:not([colspan]) {
font-weight:400;
min-width:32px;
width:102px
}
table.servicezeiten th:not([colspan]) {
min-width:36px;
width:108px
}
table.daten td,table.daten th {
border-bottom:solid 1px #e4e4e4;
padding:.75em 1em
}
table.border_black {
border-top:solid 1px #000
}
table.border_black td,table.border_black th {
border-bottom:solid 1px #000;
padding:.75em 1em
}
table.border_grey {
border-top:solid 1px #4b4f55
}
table.border_grey td,table.border_grey th {
border:solid 1px #4b4f55;
padding:.75em 1em
}
table.daten-1 {
margin:2.25em 0 2.5em
}
table.daten-1 th {
padding-bottom:1.25em;
padding-top:1.25em
}
table.auflistung td,table.auflistung th {
border-bottom:solid 1px #e4e4e4;
padding:1.25em 1em;
vertical-align:middle
}
table.auflistung tr td:last-child,table.auflistung tr th:last-child {
text-align:center
}
table.auflistung img {
display:inline-block
}
form {
margin:0;
padding:0
}
button,input[type="text"],input[type="email"],input[type="search"],input[type="password"],input[type="file"],input[type="reset"],input[type="submit"],textarea {
-webkit-appearance:none;
border-radius:0
}
button,input,textarea,select {
font-size:1rem
}
button,input[type="submit"],input[type="reset"],label {
cursor:pointer
}
input[type="text"],input[type="email"],input[type="search"],input[type="password"],input[type="file"],input[type="date"],input[type="number"],textarea,select {
border:solid 1px #e4e4e4;
color:#000;
font-family:'Open Sans',Arial,sans-serif;
line-height:normal;
padding:.375rem .625rem
}
textarea {
line-height:1.5
}
option {
font-family:'Open Sans',Arial,sans-serif
}
input[type="submit"],input[type="reset"] {
border:none;
font-family:'Open Sans',Arial,sans-serif;
font-size:1.25rem;
line-height:normal;
padding:.6em .9em
}
input[type="reset"] {
background:#e4e4e4;
color:#000;
font-weight:400
}
input[type="submit"] {
background:#d40f14;
color:#fff;
font-weight:700
}
label {
color:#121212
}
label.main {
display:block;
margin-bottom:.375rem
}
.messages {
background:#f2f2f2;
margin:1.25rem 0;
overflow:hidden;
padding:1.25rem 1.25rem .625rem
}
.messages h2 {
color:#000;
font-size:1.125rem;
line-height:1.3636;
margin:0 0 .6667em
}
.messages.success h2 {
color:#119611
}
.messages p {
margin:.75rem 0
}
.messages ul {
margin-bottom:1.125rem;
margin-top:1rem
}
.required {
color:#d40f14;
font-size:1.25rem;
font-weight:700;
line-height:1.2
}
form .row {
margin:1.25rem 0;
overflow:hidden
}
form .row input[type="text"],form .row input[type="email"],form .row input[type="search"],form .row input[type="password"],form .row input[type="file"],form .row input[type="number"],form .row textarea,form .row select {
width:100%
}
form .columns {
margin-top:2.5rem
}
form .columns textarea {
height:210px;
resize:vertical
}
form .row-submit {
text-align:right
}
form .row-submit input {
margin:0 0 .625rem .375rem
}
a[href],.messages.error h2 {
color:#d40f14
}
.display-flex,main div.display-flex,.event-item a.image {
display:flex!important
}
div table.servicezeiten:first-child,div table.servicezeiten-light:first-child,form .columns .row:first-child {
margin-top:0
}
table.daten,table.auflistung {
border-top:solid 1px #e4e4e4
}
@media (max-width: 767px) {
h1 {
padding-right:0
}
}
@media (max-width: 575px) {
p,address,ol,ul,table {
font-size:14px
}
h3 {
font-size:16px
}
h1,h2 {
font-size:20px
}
}
.search_wrapper {
display:none;
height:100%
}
.search_wrapper .form_wrapper {
align-items:center;
display:flex;
height:100%
}
.search_wrapper .form_wrapper form {
width:100%
}
.search_wrapper .form_wrapper p {
margin:0;
width:100%
}
.search_wrapper .form_wrapper p input[type="text"] {
border:0 none;
border-right:1px solid #e4e4e4;
font-size:24px;
height:60px;
outline:none;
vertical-align:top;
width:calc(100% - 175px)
}
.search_wrapper .form_wrapper p input[type="submit"] {
background:#fff;
border:0 none;
color:#d40f14;
cursor:pointer;
font-size:24px;
font-weight:700;
height:50px;
vertical-align:top;
width:175px
}
.search_wrapper .form_wrapper p .mobile_search_button {
display:none
}
.search_wrapper .form_wrapper p button {
background:transparent;
background-image:url(../images/layout/search-black.svg);
background-repeat:no-repeat;
background-size:47px 47px;
border:0 none;
height:47px;
margin-left:22px;
margin-top:7px;
overflow:hidden;
text-indent:-99999px;
vertical-align:top;
width:47px
}
.search_wrapper .autocomplete_flyout_wrapper {
margin:0 auto;
position:relative;
width:1210px
}
.search_wrapper .autocomplete_flyout_wrapper .autocomplete_flyout {
background:#8d949df2;
left:0;
padding:20px 30px;
position:absolute;
top:100%;
width:calc(100% - 2 * 25px - 175px);
z-index:2
}
.search_wrapper .autocomplete_flyout_wrapper .autocomplete_flyout h3 {
color:#fff;
margin:10px 0;
text-transform:uppercase
}
.search_wrapper .autocomplete_flyout_wrapper .autocomplete_flyout ul {
list-style-type:none;
margin:0;
padding:0
}
.search_wrapper .autocomplete_flyout_wrapper .autocomplete_flyout ul li {
color:#fff;
cursor:pointer;
padding:5px 0
}
@media (max-width: 1209px) {
.search_wrapper {
display:block
}
.search_wrapper .form_wrapper p {
position:relative
}
.search_wrapper .form_wrapper p input[type="text"] {
border-right:0 none;
font-size:16px;
height:45px;
padding-left:25px;
padding-right:60px;
width:100%
}
.search_wrapper .form_wrapper p input[type="submit"] {
display:none
}
.search_wrapper .form_wrapper p button {
background-size:28px 28px;
cursor:pointer;
height:28px;
position:absolute;
right:0;
top:0;
width:28px
}
.search_wrapper .form_wrapper p .mobile_search_button {
background-size:20px 20px;
display:inline-block;
height:20px;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
right:15px;
text-indent:-99999px;
top:13px;
width:20px
}
.search_wrapper .autocomplete_flyout_wrapper {
display:none;
width:auto
}
.search_wrapper .autocomplete_flyout_wrapper .autocomplete_flyout {
left:0;
right:42px;
width:auto!important
}
header
.mainnavigation_search_wrapper
.search_wrapper
.autocomplete_flyout_wrapper
.autocomplete_flyout {
right:0
}
header
.mainnavigation_search_wrapper
.search_wrapper
.autocomplete_flyout_wrapper
.autocomplete_flyout
ul {
background:transparent
}
header
.mainnavigation_search_wrapper
.search_wrapper
.autocomplete_flyout_wrapper
.autocomplete_flyout
ul
li {
border:none
}
}
.header-slider .text_wrapper a {
color:#fff
}
.background_wrapper {
position:relative
}
.background_wrapper.gray {
background:#f2f2f2
}
.background_wrapper.gray .content {
padding-top:40px
}
.background_wrapper.gray ul.teasers li,.background_wrapper.gray ul.teasers_wide li {
background:url(../images/layout/border_bottom.png) repeat-x bottom;
padding-bottom:19px
}
.background_wrapper.gray ul.teasers li .content_wrapper,.background_wrapper.gray ul.teasers_wide li .content_wrapper {
background:#fff;
display:inline-block;
height:100%;
width:100%
}
.background_wrapper.gray ul.teasers li a,.background_wrapper.gray ul.teasers_wide li a {
display:inline-block;
height:100%;
width:100%
}
.background_wrapper.darkgray {
background:#e4e4e4
}
@media (max-width: 767px) {
.background_wrapper.gray ul.teasers li,.background_wrapper.gray ul.teasers_wide li {
background:none;
padding-bottom:0
}
}
.parallax_image {
height:500px;
position:relative
}
.parallax_image .background_wrapper {
background-image:url(../images/layout/parallax_background.png);
background-position-y:100%;
background-repeat:repeat-x;
height:100%;
position:absolute;
width:100%
}
.parallax_image .content {
margin:0 auto;
max-width:1210px;
padding-left:25px;
padding-right:25px
}
.parallax_image .content .text_wrapper {
bottom:155px;
color:#fff;
font-size:60px;
font-weight:700;
line-height:1.2;
position:absolute;
text-shadow:2px 2px 2px #0000002e
}
@media (max-width: 767px) {
.parallax_image .content .text_wrapper {
font-size:45px
}
}
@media (max-width: 575px) {
.parallax_image {
height:240px
}
.parallax_image .content .text_wrapper {
bottom:60px;
font-size:30px
}
}
.background_wrapper .toplink,footer .toplink {
background:#d40f14;
color:#fff;
font-size:30px;
height:55px;
left:50%;
margin-left:-27.5px;
outline:none;
padding:0!important;
position:absolute;
text-align:center;
top:-27.5px;
width:55px;
z-index:1
}
.background_wrapper .toplink:hover,.background_wrapper .toplink:focus,footer .toplink:hover,footer .toplink:focus {
background:#ac0a26
}
.background_wrapper .toplink.right,footer .toplink.right {
left:auto;
right:25px
}
.background_wrapper .toplink i.fa,footer .toplink i.fa {
line-height:55px
}
@media screen and (max-width: 575px) {
.toplink.down {
display:none
}
}
header .top {
background:#d40f14 url(../images/layout/skyline_hl_1160.png) no-repeat center bottom;
height:80px;
position:relative;
z-index:3
}
header .top .content {
align-items:center;
display:-webkit-flex;
display:flex;
height:100%;
margin:0 auto;
max-width:1210px;
padding-left:25px;
padding-right:25px;
position:relative
}
header .top .content .left {
align-items:center;
display:-webkit-inline-flex;
display:inline-flex;
height:100%;
vertical-align:top
}
header .top .content .left .logo {
background-image:url(../images/layout/logo@2x.png);
background-position:center;
background-repeat:no-repeat;
background-size:271px 27px;
display:inline-block;
height:100%;
margin-top:-5px;
vertical-align:top;
width:271px
}
header .top .content .left .section {
display:inline-block;
height:100%;
margin-left:20px;
position:relative;
vertical-align:top
}
header .top .content .left .section a {
align-items:center;
display:inline-flex;
height:100%
}
header .top .content .left .section i.fa {
color:#fff;
font-size:24px
}
header .top .content .left .section .title {
color:#fff;
font-size:22px;
font-weight:lighter;
margin-left:10px;
text-decoration:none
}
header .top .content .left .section .arrow-up {
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
bottom:0;
display:inline-block;
left:50%;
margin-left:-5px;
position:absolute
}
header .top .right {
align-items:center;
color:#fff;
display:-webkit-inline-flex;
display:inline-flex;
height:100%;
margin-left:auto;
vertical-align:top
}
html[dir=rtl] header .top .right {
left:0;
position:absolute
}
header .top .right > span {
display:inline-block
}
header .top .right > span a {
color:#fff
}
header .top .right > span.separator {
border-right:1px solid #b5b5b5;
height:22px;
margin:0 20px;
padding:0
}
header .top .right > span.last_desktop {
border-right:0 none
}
header .top .right > span.search a,header .top .right > span.readspeaker a {
background-position:center;
display:inline-block;
position:relative;
top:3px
}
header .top .right > span.readspeaker a {
height:25px;
width:34px
}
header .top .right > span:last-child {
padding-right:0
}
header .top .right > span.readspeaker a:hover,header .top .right > span.readspeaker a:focus,header .top .right > span.search a:hover,header .top .right > span.search a:focus {
outline:none
}
header .top .right > span.readspeaker a .normal,header .top .right > span.readspeaker a:hover .hover,header .top .right > span.readspeaker a:focus .hover,header .top .right > span.search a .open,header .top .right > span.search a:hover .open.hover,header .top .right > span.search a:focus .open.hover,header .top .right > span.search a.expanded .close {
display:block
}
header .top .right > span.readspeaker a .hover,header .top .right > span.readspeaker a:hover .normal,header .top .right > span.readspeaker a:focus .normal,header .top .right > span.search a .close,header .top .right > span.search a .open.hover,header .top .right > span.search a:hover .open,header .top .right > span.search a:focus .open,header .top .right > span.search a.expanded .open {
display:none
}
header .top .right > span.search a,header .top .right > span.search a.expanded {
height:25px;
width:25px
}
@media (min-width: 1210px) {
header .top .right .toggle_mobile_nav {
display:none
}
}
@media (max-width: 1209px) {
header .top {
height:60px
}
header .top .content .left {
display:block
}
header .top .content .left .logo,header .top .content .left .section {
display:block;
height:auto;
margin:3px 0 0
}
header .top .content .left .logo {
background-size:171px 17px;
height:17px;
margin-top:9px;
width:171px
}
header .top .content .left .section .title {
font-size:14px;
margin-left:0
}
header .top .right {
display:block;
float:right;
padding-top:33px
}
header .top .right .readspeaker {
border-right:1px solid #e9818f;
margin-right:65px;
padding-right:15px
}
header .top .right a.toggle_mobile_nav {
background-image:url(../images/layout/navigation@2x.png);
background-position:center;
background-repeat:no-repeat;
background-size:23px 17px;
color:#fff;
display:inline-block;
font-size:14px;
font-weight:700;
height:17px;
margin-right:-11px;
position:relative;
text-decoration:none;
width:23px
}
header .top .right a.toggle_mobile_nav span {
bottom:0;
line-height:17px;
padding-right:8px;
position:absolute;
right:100%;
text-align:right
}
header .top .right a.toggle_mobile_nav.expanded {
background-image:url(../images/layout/close@2x.png);
background-position:center;
background-repeat:no-repeat;
background-size:17px 17px;
height:17px;
width:23px
}
header .top .content .left .section i.fa,header .top .content .left .section .arrow-up,header .top .right .hide_mobile,header .top .right a.toggle_mobile_nav .close,header .top .right a.toggle_mobile_nav.expanded .open {
display:none
}
header .top .right a.toggle_mobile_nav .open,header .top .right a.toggle_mobile_nav.expanded .close {
display:inline
}
}
@media (max-width: 784px) {
header .top .right {
padding-top:24px
}
}
@media (min-width: 1210px) {
header .mainnavigation_search_wrapper {
height:100px;
position:relative;
z-index:2
}
header .mainnavigation_search_wrapper > .content_wrapper {
background:#fff;
border-bottom:1px solid #e4e4e4;
height:100%
}
header .mainnavigation_search_wrapper > .content_wrapper > .content {
height:100%;
margin:0 auto;
max-width:1210px;
padding-left:25px;
padding-right:25px
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu {
height:100%;
line-height:1.2;
list-style-type:none;
margin:0;
padding:0
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li {
align-items:center;
display:inline-flex;
height:100%;
margin:0;
vertical-align:top
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
> a {
align-items:center;
color:#000;
display:inline-flex;
font-size:16px;
font-weight:700;
height:100%;
padding:0 20px;
position:relative;
text-decoration:none
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
> a
i.fa {
color:#121212;
margin-left:20px
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
span.border {
border-left:1px solid #e4e4e4;
display:inline-block;
height:45px
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout {
background:#f2f2f2;
box-shadow:0 3px 4px #0000001a;
display:none;
left:0;
position:absolute;
top:100%;
width:100%;
z-index:-1
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content {
margin:0 auto;
max-width:1210px;
padding:35px 25px 55px
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
a:hover {
color:#d40f14;
text-decoration:underline
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
h3 {
margin:5px 0 15px
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
h3
a
i.fa {
margin-left:10px
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul {
columns:3;
line-height:1.5;
list-style-type:none;
margin:0;
padding:0
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul
> li {
break-inside:avoid;
margin:0
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul
> li
> a {
display:inline-block;
font-size:15px;
font-weight:700;
padding:25px 0 10px;
padding:10px 0 10px 0
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul
> li
> a
.fa {
margin-left:8px
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul
> li
> ul {
list-style-type:none;
margin:0;
margin:-2px 0 15px 0;
padding:0
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul
> li
> ul
> li {
margin:0
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul
> li
> ul
> li
> a {
color:#121212;
font-size:15px;
font-weight:400;
line-height:1.6
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
span.nav_active_border_bottom {
background:#d40f14;
bottom:0;
height:5px;
position:absolute
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li.back,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
> a
.more-arrow,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul
> li.back,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul
> li
a
.more-arrow,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul
> li
> ul
> li.back,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul
> li
> ul
> li
ul {
display:none
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
> a
.break,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li.expanded
.flyout {
display:block
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li.active
> a
span,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
> a:hover
span,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li.expanded
> a
i.fa,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul
> li.active
> a,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul
> li
> ul
> li.active
> a {
color:#d40f14
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
h3
a,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
> ul#mainmenu
> li
.flyout
.content
> ul
> li
a {
color:#000;
text-decoration:none
}
}
@media (max-width: 1209px) {
header .mainnavigation_mobile_overlay {
-webkit-transition:400ms opacity;
background:#f2f2f2e6;
background:#f2f2f2;
display:none;
height:100%;
left:0;
opacity:0;
position:fixed;
top:0;
transition:400ms opacity;
width:100%;
z-index:2
}
header .mainnavigation_search_wrapper {
-webkit-transition:400ms opacity;
display:none;
left:0;
opacity:0;
position:absolute;
right:0;
top:60px;
transition:400ms opacity;
z-index:3
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
ul#mainmenu {
overflow:hidden
}
header .mainnavigation_search_wrapper > .content_wrapper > .content ul {
background:#f2f2f2;
list-style-type:none;
margin:0;
padding:0;
position:relative
}
header .mainnavigation_search_wrapper > .content_wrapper > .content ul li {
border-bottom:1px solid #fff;
display:block;
margin:0
}
header .mainnavigation_search_wrapper > .content_wrapper > .content ul li a {
color:#000;
display:block;
font-size:14px;
font-weight:600;
padding:13px 70px 14px 25px;
position:relative;
text-decoration:none
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
ul
li
a.back-link {
background:#e4e4e4;
font-weight:700;
padding-left:50px
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
ul
li
a
.more-arrow {
background:#e4e4e4;
font-size:24px;
height:100%;
line-height:40px;
position:absolute;
right:0;
text-align:center;
top:0;
width:50px
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
ul
li
a
.more-arrow
i.fa {
left:21px;
position:absolute;
top:11px
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
ul
li
a
.back-arrow {
display:inline-block;
font-size:24px;
left:25px;
position:absolute;
text-align:left;
top:5px
}
header .mainnavigation_search_wrapper > .content_wrapper > .content ul li ul {
-ms-transform:translate3d(100%,0,0);
-webkit-transform:translate3d(100%,0,0);
left:0;
position:absolute;
top:0;
transform:translate3d(100%,0,0);
transition:300ms -webkit-transform;
transition:300ms -ms-transform;
transition:300ms transform;
width:100%;
z-index:200
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
ul
li
ul
li
a {
font-weight:400
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
ul
li.expanded
> ul,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
ul
li.expanded
> .flyout
> .content
> ul {
-ms-transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
ul
li.active
> a {
color:#d40f14
}
header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
ul
li.active
> a
.more-arrow {
color:#000
}
header .mainnavigation_mobile_overlay.expanded-animation-start,header .mainnavigation_search_wrapper.expanded-animation-start {
display:block
}
header .mainnavigation_mobile_overlay.expanded-animation-end,header .mainnavigation_search_wrapper.expanded-animation-end {
opacity:1
}
header .mainnavigation_search_wrapper > .content_wrapper > .content h3,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
ul
li
a
i.fa.fa-caret-down,header
.mainnavigation_search_wrapper
> .content_wrapper
> .content
ul
li
ul
li
a
.icon-desktop {
display:none
}
}
@media (max-width: 380px) {
.readspeaker {
border-right:1px solid #e9818f;
margin-right:15px!important;
padding-right:15px
}
header .top .right a.toggle_mobile_nav .open,header .top .right a.toggle_mobile_nav.expanded .close {
display:none
}
}
@media (min-width: 1209px) {
.fixed-header {
padding-top:100px
}
.fixed-header header .mainnavigation_search_wrapper {
left:0;
position:fixed;
right:0;
top:0;
z-index:4
}
}
main .content {
margin:0 auto;
max-width:1210px;
padding:30px 25px 60px;
position:relative
}
main .content.has_breadcrumb {
padding-top:30px
}
main .content.big_padding_bottom {
padding-bottom:90px
}
main .content img {
max-width:100%
}
main .content .header_image {
margin:2.5rem 0 3.5rem
}
main .content #breadcrumb {
display:flex;
flex-flow:row wrap;
list-style-type:none;
margin:0;
padding:0
}
main .content #breadcrumb li {
display:inline
}
main .content #breadcrumb li:after {
content:'/';
padding:0 .375rem
}
html[dir=rtl] main .content #breadcrumb li:after {
content:'\\'
}
main .content #breadcrumb li:last-child:after {
display:none
}
main .content #breadcrumb li:first-child a {
padding-left:0
}
main .content #breadcrumb li a,main .content #breadcrumb li span {
color:#000!important;
display:inline-block;
font-size:15px;
padding:5px 0;
text-decoration:none
}
main .content #breadcrumb li a:hover {
color:#d40f14!important;
text-decoration:underline!important
}
@media screen and (max-width: 575px) {
main .content #breadcrumb {
display:none!important
}
main .content > h1:first-of-type {
margin-top:0
}
}
main .content div.left,main .content div.right {
display:inline-block;
float:left;
vertical-align:top
}
html[dir=rtl] main .content div.left,html[dir=rtl] main .content div.right {
float:right
}
main .content div.left {
margin-right:80px;
width:800px
}
html[dir=rtl] main .content div.left {
margin-left:80px;
margin-right:0
}
html[dir=rtl] main .content div.left h1 {
padding-left:0
}
main .content div.right {
margin-top:16px;
position:relative;
width:280px
}
main .content div.right ul#categorynavigation {
list-style-type:none;
margin:0;
padding:0
}
main .content div.right ul#categorynavigation li {
border-bottom:1px solid #e4e4e4;
margin:0
}
main .content div.right ul#categorynavigation li a {
color:#121212;
display:block;
padding:12px 28px 12px 0;
position:relative;
text-decoration:none
}
main .content div.right ul#categorynavigation li a.back-link {
color:#000;
font-size:22px;
font-weight:700
}
main .content div.right ul#categorynavigation li a.back-link i.fa {
font-size:24px;
margin-right:15px;
position:relative;
top:-1px
}
main .content div.right ul#categorynavigation li a i.fa.fa-angle-right {
color:#121212;
font-size:24px;
position:absolute;
right:10px;
top:12px
}
main .content div.right ul#categorynavigation li.back {
border-bottom:0
}
main .content div.right ul#categorynavigation li.active a {
color:#d40f14
}
main .content div.left a[href]:not(.image,.button),main .content div.column a[href]:not(.image,.button),main .content div.columns a[href]:not(.image,.button) {
display:inline;
margin-right:.125em;
padding-right:.75em;
text-decoration:none
}
main .content div.left a[target="_blank"]:not(.image,.button),main .content div.column a[target="_blank"]:not(.image,.button),main .content div.columns a[target="_blank"]:not(.image,.button) {
padding-right:1.375em
}
main .content div.left a[href]:not(.image,.button):hover,main .content div.column a[href]:not(.image,.button):hover,main .content div.columns a[href]:not(.image,.button):hover,main .content div.left a[target="_blank"]:not(.image,.button):hover,main .content div.column a[target="_blank"]:not(.image,.button):hover,main .content div.columns a[target="_blank"]:not(.image,.button):hover {
text-decoration:underline
}
main .content div.column table tr td a[target="_blank"]:not(.image,.button) {
display:inline-block!important
}
html[dir=rtl] main .content div.column a[target="_blank"] {
margin-left:.125em;
margin-right:0;
padding-left:1.375em;
padding-right:0
}
main .content div.left a[target="_blank"]:after,main .content div.column a[target="_blank"]:after,main .content div.columns a[target="_blank"]:after,main .content div.left a[target="_blank"]::after,main .content div.column a[target="_blank"]::after,main .content div.columns a[target="_blank"]::after {
content:'\f08e'!important;
display:inline-block;
font-family:FontAwesome;
margin-right:-1.375em!important;
text-align:right;
width:1.375em!important
}
html[dir=rtl] main .content div.left a[target="_blank"]:after,html[dir=rtl] main .content div.column a[target="_blank"]:after,html[dir=rtl] main .content div.columns a[target="_blank"]:after,html[dir=rtl] main .content div.left a[target="_blank"]::after,html[dir=rtl] main .content div.column a[target="_blank"]::after,html[dir=rtl] main .content div.columns a[target="_blank"]::after {
-webkit-transform:scaleX(-1);
margin-left:-1.375em!important;
margin-right:6px!important;
text-align:left;
transform:scaleX(-1)
}
.image-fp-1 {
background-position:bottom left!important;
object-position:bottom left!important
}
.image-fp-2 {
background-position:bottom center!important;
object-position:bottom center!important
}
.image-fp-3 {
background-position:bottom right!important;
object-position:bottom right!important
}
.image-fp-4 {
background-position:center left!important;
object-position:center left!important
}
.image-fp-5 {
background-position:center!important;
object-position:center!important
}
.image-fp-6 {
background-position:center right!important;
object-position:center right!important
}
.image-fp-7 {
background-position:top left!important;
object-position:top left!important
}
.image-fp-8 {
background-position:top center!important;
object-position:top center!important
}
.image-fp-9 {
background-position:top right!important;
object-position:top right!important
}
main .content div.left .image-30-left,main .content div.column .image-30-left,main .content div.columns .image-30-left,main .content div.left .image-30-right,main .content div.column .image-30-right,main .content div.columns .image-30-right,main .content div.left .image-30-center,main .content div.column .image-30-center,main .content div.columns .image-30-center {
max-width:25%
}
main .content div.left .image-50-left,main .content div.column .image-50-left,main .content div.columns .image-50-left,main .content div.left .image-50-right,main .content div.column .image-50-right,main .content div.columns .image-50-right,main .content div.left .image-50-center,main .content div.column .image-50-center,main .content div.columns .image-50-center {
width:47.5%
}
main .content div.left .image-100-center,main .content div.column .image-100-center,main .content div.columns .image-100-center {
width:100%
}
main .content div.left .image-30-left,main .content div.column .image-30-left,main .content div.columns .image-30-left,main .content div.left .image-50-left,main .content div.column .image-50-left,main .content div.columns .image-50-left {
clear:left;
float:left;
margin:.375rem 5% 5% 0
}
main .content div.left .image-30-right,main .content div.column .image-30-right,main .content div.columns .image-30-right,main .content div.left .image-50-right,main .content div.column .image-50-right,main .content div.columns .image-50-right {
clear:right;
float:right;
margin:.375rem 0 5% 5%
}
main .content div.left .image-30-center,main .content div.column .image-30-center,main .content div.columns .image-30-center,main .content div.left .image-50-center,main .content div.column .image-50-center,main .content div.columns .image-50-center,main .content div.left .image-100-center,main .content div.column .image-100-center,main .content div.columns .image-100-center {
display:block;
margin:2rem auto
}
main .content div.left img + img + .image-30-left,main .content div.column img + img + .image-30-left,main .content div.columns img + img + .image-30-left {
margin-left:5%
}
main .content div.left .image-100-center[target="_blank"],main .content div.column .image-100-center[target="_blank"],main .content div.columns .image-100-center[target="_blank"],main .content div.left .image-50-center[target="_blank"],main .content div.column .image-50-center[target="_blank"],main .content div.columns .image-50-center[target="_blank"],main .content div.left .image-30-center[target="_blank"],main .content div.column .image-30-center[target="_blank"],main .content div.columns .image-30-center[target="_blank"] {
margin-right:2rem
}
main .content div.left .image[target="_blank"]:after,main .content div.column .image[target="_blank"]:after,main .content div.columns .image[target="_blank"]:after,main .content div.left .image[target="_blank"]::after,main .content div.column .image[target="_blank"]::after,main .content div.columns .image[target="_blank"]::after,main .content div.left .image-100-center[target="_blank"]:after,main .content div.column .image-100-center[target="_blank"]:after,main .content div.columns .image-100-center[target="_blank"]:after,main .content div.left .image-100-center[target="_blank"]::after,main .content div.column .image-100-center[target="_blank"]::after,main .content div.columns .image-100-center[target="_blank"]::after,main .content div.left .image-50-center[target="_blank"]:after,main .content div.column .image-50-center[target="_blank"]:after,main .content div.columns .image-50-center[target="_blank"]:after,main .content div.left .image-50-center[target="_blank"]::after,main .content div.column .image-50-center[target="_blank"]::after,main .content div.columns .image-50-center[target="_blank"]::after,main .content div.left .image-30-center[target="_blank"]:after,main .content div.column .image-30-center[target="_blank"]:after,main .content div.columns .image-30-center[target="_blank"]:after,main .content div.left .image-30-center[target="_blank"]::after,main .content div.column .image-30-center[target="_blank"]::after,main .content div.columns .image-30-center[target="_blank"]::after,main .content div.left .image-50-right[target="_blank"]:after,main .content div.column .image-50-right[target="_blank"]:after,main .content div.columns .image-50-right[target="_blank"]:after,main .content div.left .image-50-right[target="_blank"]::after,main .content div.column .image-50-right[target="_blank"]::after,main .content div.columns .image-50-right[target="_blank"]::after,main .content div.left .image-30-right[target="_blank"]:after,main .content div.column .image-30-right[target="_blank"]:after,main .content div.columns .image-30-right[target="_blank"]:after,main .content div.left .image-30-right[target="_blank"]::after,main .content div.column .image-30-right[target="_blank"]::after,main .content div.columns .image-30-right[target="_blank"]::after,main .content div.left .image-50-left[target="_blank"]:after,main .content div.column .image-50-left[target="_blank"]:after,main .content div.columns .image-50-left[target="_blank"]:after,main .content div.left .image-50-left[target="_blank"]::after,main .content div.column .image-50-left[target="_blank"]::after,main .content div.columns .image-50-left[target="_blank"]::after,main .content div.left .image-30-left[target="_blank"]:after,main .content div.column .image-30-left[target="_blank"]:after,main .content div.columns .image-30-left[target="_blank"]:after,main .content div.left .image-30-left[target="_blank"]::after,main .content div.column .image-30-left[target="_blank"]::after,main .content div.columns .image-30-left[target="_blank"]::after {
display:none
}
main .content div.left .force-break,main .content div.column .force-break,main .content div.columns .force-break {
clear:both
}
main .content div.left h2,main .content div.column h2,main .content div.columns h2 {
font-size:2rem;
font-weight:400;
line-height:1.25;
margin:.8125em 0 .75em
}
main .content div.left h1 + h2,main .content div.column h1 + h2,main .content div.columns h1 + h2 {
margin:-.125em 0 .875em
}
main .content div.left ul,main .content div.column ul,main .content div.columns ul,main .content div.left ol,main .content div.column ol,main .content div.columns ol {
line-height:1.6875
}
main .content div.left h1,main .content div.left .image[target="_blank"],main .content div.column .image[target="_blank"],main .content div.columns .image[target="_blank"],main .content div.left .image-100-center[target="_blank"],main .content div.column .image-100-center[target="_blank"],main .content div.columns .image-100-center[target="_blank"],main .content div.left .image-50-center[target="_blank"],main .content div.column .image-50-center[target="_blank"],main .content div.columns .image-50-center[target="_blank"],main .content div.left .image-30-center[target="_blank"],main .content div.column .image-30-center[target="_blank"],main .content div.columns .image-30-center[target="_blank"],main .content div.left .image-50-right[target="_blank"],main .content div.column .image-50-right[target="_blank"],main .content div.columns .image-50-right[target="_blank"],main .content div.left .image-30-right[target="_blank"],main .content div.column .image-30-right[target="_blank"],main .content div.columns .image-30-right[target="_blank"],main .content div.left .image-50-left[target="_blank"],main .content div.column .image-50-left[target="_blank"],main .content div.columns .image-50-left[target="_blank"],main .content div.left .image-30-left[target="_blank"],main .content div.column .image-30-left[target="_blank"],main .content div.columns .image-30-left[target="_blank"] {
padding-right:0
}
main .content div.left img + .image-30-left,main .content div.column img + .image-30-left,main .content div.columns img + .image-30-left,main .content div.left img + .image-50-left,main .content div.column img + .image-50-left,main .content div.columns img + .image-50-left,main .content div.left .image-30-left + .image-30-left + .image-30-right,main .content div.column .image-30-left + .image-30-left + .image-30-right,main .content div.columns .image-30-left + .image-30-left + .image-30-right,main .content div.left .image-30-right + .image-30-left + .image-30-right,main .content div.column .image-30-right + .image-30-left + .image-30-right,main .content div.columns .image-30-right + .image-30-left + .image-30-right,main .content div.left .image[target="_blank"],main .content div.column .image[target="_blank"],main .content div.columns .image[target="_blank"],main .content div.left .image-50-right[target="_blank"],main .content div.column .image-50-right[target="_blank"],main .content div.columns .image-50-right[target="_blank"],main .content div.left .image-30-right[target="_blank"],main .content div.column .image-30-right[target="_blank"],main .content div.columns .image-30-right[target="_blank"] {
margin-right:0
}
main .content div.left img + .image-30-right,main .content div.column img + .image-30-right,main .content div.columns img + .image-30-right,main .content div.left img + .image-50-right,main .content div.column img + .image-50-right,main .content div.columns img + .image-50-right,main .content div.left .image-30-left + .image-30-right + .image-30-left,main .content div.column .image-30-left + .image-30-right + .image-30-left,main .content div.columns .image-30-left + .image-30-right + .image-30-left,main .content div.left .image-30-right + .image-30-right + .image-30-left,main .content div.column .image-30-right + .image-30-right + .image-30-left,main .content div.columns .image-30-right + .image-30-right + .image-30-left {
margin-left:0
}
main .content div.left img + img + .image-30-right,main .content div.column img + img + .image-30-right,main .content div.columns img + img + .image-30-right,main .content div.left .image-50-left[target="_blank"],main .content div.column .image-50-left[target="_blank"],main .content div.columns .image-50-left[target="_blank"],main .content div.left .image-30-left[target="_blank"],main .content div.column .image-30-left[target="_blank"],main .content div.columns .image-30-left[target="_blank"] {
margin-right:5%
}
@media (max-width: 575px) {
main .content div.left h2,main .content div.column h2,main .content div.columns h2 {
font-size:1.125rem
}
}
@media (max-width: 1209px) {
main .content div.left {
float:none;
margin-right:0;
width:auto
}
main .content div.right {
display:block;
float:none;
margin:0;
width:auto
}
main .content div.right #categorynavigation {
display:none
}
}
main .content a.more {
color:#d40f14;
font-weight:700;
text-decoration:none
}
main .content a.more i.fa {
font-size:1.5em;
margin-left:.5em;
position:relative;
top:.0843em
}
main .content ul.alphabet {
font-size:0;
list-style-type:none;
margin:3rem 0;
padding:0
}
main .content ul.alphabet li {
display:inline-block;
height:auto;
padding:0;
width:auto
}
main .content ul.alphabet li a {
background:#f2f2f2;
color:#000;
display:inline-block;
font-size:1.5rem;
height:2.9167em;
line-height:2.9167em;
position:static;
text-align:center;
text-decoration:none;
width:2.9167em
}
main .content ul.alphabet li a:hover,main .content ul.alphabet li a:focus {
background:#d40f14;
color:#fff
}
main .content ul.alphabet li a:before,main .content ul.alphabet li a::before {
display:none
}
main .content ul.alphabet li a span {
display:inherit;
vertical-align:baseline
}
main .content p {
color:#121212
}
main .content.cmscontent h2 {
font-size:32px;
font-weight:400
}
main .search_wrapper {
display:block;
margin-top:30px
}
main .search_wrapper .form_wrapper p input[type="text"] {
background:#f2f2f2;
border-right:0 none;
padding-left:20px;
width:calc(100% - 79px)
}
main .search_wrapper .autocomplete_flyout_wrapper .autocomplete_flyout {
width:calc(100% - 2 * 25px - 79px)
}
@media (max-width: 575px) {
main .content {
padding-bottom:30px;
padding-top:30px
}
main .content ul.alphabet li a {
font-size:16px;
height:45px;
line-height:45px;
width:45px
}
main .content.big_padding_bottom {
padding-bottom:45px
}
}
@media (max-width: 1209px) {
main .search_wrapper .form_wrapper p input[type="text"] {
width:calc(100% - 42px)
}
}
main ul.teasers li,main ul.teasers_wide li,main div.teaser-box {
background:#f2f2f2;
display:inline-block;
line-height:1.5;
position:relative
}
main ul.teasers li.placeholder,main ul.teasers_wide li.placeholder {
height:0;
margin-bottom:0;
margin-top:0;
padding-bottom:0!important
}
main ul.teasers li a,main ul.teasers_wide li a,main div.teaser-box a {
color:#000;
text-decoration:none
}
main ul.teasers li .image_wrapper,main ul.teasers li .image-wrapper,main ul.teasers_wide li .image_wrapper,main ul.teasers_wide li .image-wrapper,main div.teaser-box .image_wrapper,main div.teaser-box .image-wrapper {
background-position:center;
background-repeat:no-repeat;
background-size:cover;
height:200px;
text-align:center
}
main ul.teasers li .image_wrapper .label,main ul.teasers_wide li .image_wrapper .label,main div.teaser-box .image_wrapper .label {
background:#d40f14;
color:#fff;
display:inline-block;
font-size:12px;
font-weight:700;
left:0;
padding:3px 8px;
position:absolute;
text-align:left;
top:15px
}
main ul.teasers li .image_wrapper i.fa,main ul.teasers_wide li .image_wrapper i.fa,main div.teaser-box .image_wrapper i.fa {
color:#fff;
font-size:72px;
line-height:160px
}
main ul.teasers li a h3,main ul.teasers_wide li a h3,main div.teaser-box a h3 {
display:inline-block;
padding-right:.8182em
}
html[dir=rtl] main ul.teasers li a h3,html[dir=rtl] main ul.teasers_wide li a h3,html[dir=rtl] main div.teaser-box a h3 {
display:inline-block;
padding-left:.8182em;
padding-right:0
}
main ul.teasers li a h3:after,main ul.teasers_wide li a h3:after,main div.teaser-box a h3::after,main ul.teasers li a h4:after,main ul.teasers_wide li a h4:after,main div.teaser-box a h4::after,main ul.teasers li a h5:after,main ul.teasers_wide li a h5:after,main div.teaser-box a h5::after {
content:'\f105';
display:inline-block;
font-family:FontAwesome;
margin-right:-.8182em;
text-align:right;
width:.8182em
}
html[dir=rtl] main ul.teasers li a h3:after,html[dir=rtl] main ul.teasers_wide li a h3:after,html[dir=rtl] main div.teaser-box a h3::after,html[dir=rtl] main ul.teasers li a h4:after,html[dir=rtl] main ul.teasers_wide li a h4:after,html[dir=rtl] main div.teaser-box a h4::after,html[dir=rtl] main ul.teasers li a h5:after,html[dir=rtl] main ul.teasers_wide li a h5:after,html[dir=rtl] main div.teaser-box a h5::after {
content:'\f104';
margin-left:-.8182em;
margin-right:0;
text-align:left
}
main ul.teasers li a:hover h3,main ul.teasers_wide li a:hover h3,main div.teaser-box a:hover h3,main ul.teasers li a:hover h4,main ul.teasers_wide li a:hover h4,main div.teaser-box a:hover h4,main ul.teasers li a:hover h5,main ul.teasers_wide li a:hover h5,main div.teaser-box a:hover h5 {
color:#d40f14
}
main ul.teasers {
display:flex;
flex-wrap:wrap;
list-style-type:none;
margin:30px -20px;
padding:0
}
main ul.teasers li,main div.teaser-box {
flex-grow:1;
margin:8px 20px;
width:261px
}
main .col > div.teaser-box,main .columns > div.teaser-box {
margin:0 0 1.5rem
}
main div.teaser-box {
width:360px
}
main .col div.teaser-box {
width:100%
}
main .flex div.teaser-box {
flex-grow:0;
margin:0 0 0 12px
}
.row-flex .col + .col div.teaser-box {
float:right
}
main ul.teasers li .image_wrapper,main div.teaser-box .image_wrapper {
position:relative
}
body.fotoaktion-2021 main ul.teasers li .image_wrapper {
background-position-x:center!important;
background-position-y:top!important;
background-repeat:no-repeat;
background-size:contain!important;
height:330px!important;
position:relative
}
body.fotoaktion-2021 .background_wrapper.gray {
clear:both
}
main ul.teasers li .text_wrapper,main div.teaser-box .text_wrapper {
display:inline-block;
padding:22px 20px 28px
}
main .content ul.teasers li .text_wrapper,main .content div.teaser-box .text_wrapper {
padding:1.5rem
}
main ul.teasers li .text_wrapper h3,main div.teaser-box .text_wrapper h3,main ul.teasers li .text_wrapper h4,main div.teaser-box .text_wrapper h4,main ul.teasers li .text_wrapper h5,main div.teaser-box .text_wrapper h5 {
line-height:1.23;
margin-bottom:0;
margin-top:0
}
main ul.teasers li .text_wrapper p,main div.teaser-box .text_wrapper p,/* 25-02-25 */
main div.teaser-box .content_wrapper .text_wrapper p {
font-size:14px;
line-height:1.5;
margin:.75rem 0 1.5rem
}
main .col div.teaser-box .content_wrapper .text_wrapper:last-of-type {
padding:1.5rem 1.5rem 0
}
main ul.teasers_wide {
font-size:0;
list-style-type:none;
margin:30px -20px 0;
padding:0
}
main ul.teasers_wide li {
margin:20px;
position:relative;
vertical-align:top;
width:calc(50% - 40px)
}
main ul.teasers_wide li a {
color:#000;
display:inline-block
}
main ul.teasers_wide li a .image_wrapper {
display:inline-block;
height:160px;
position:relative;
vertical-align:top;
width:170px
}
main ul.teasers_wide li a .text_wrapper {
display:inline-block;
padding:22px 8% 20px 30px;
vertical-align:top;
width:calc(100% - 170px)
}
main ul.teasers_wide li a .text_wrapper h3 {
line-height:1.23;
margin-bottom:0;
margin-top:0
}
main ul.teasers_wide li a .text_wrapper p {
font-size:14px;
line-height:1.5;
margin:10px 0 0
}
main ul.teasers_wide li a .text_wrapper i.fa.fa-angle-right {
color:#121212;
font-size:30px;
margin-top:-16px;
position:absolute;
right:15px;
top:50%
}
main ul.teasers li .text_wrapper i.fa.fa-angle-right,main div.teaser-box .text_wrapper i.fa.fa-angle-right,main ul.teasers_wide li a .image_wrapper .label {
display:none
}
@media (max-width: 1209px) {
main ul.teasers_wide li .text_wrapper p {
display:none
}
}
@media (max-width: 991px) {
main ul.teasers_wide li {
width:calc(100% - 40px)
}
main ul.teasers_wide li .text_wrapper p {
display:block
}
}
@media (max-width: 767px) {
main ul.teasers li a .image_wrapper,main ul.teasers_wide li a .image_wrapper,main div.teaser-box a .image_wrapper {
height:180px
}
main ul.teasers li a .text_wrapper,main ul.teasers_wide li a .text_wrapper,main div.teaser-box a .text_wrapper {
padding-bottom:20px;
padding-top:20px
}
}
@media (max-width: 640px) {
main ul.teasers,main ul.teasers_wide {
display:block;
margin-left:-25px;
margin-right:-25px
}
main ul.teasers li,main ul.teasers_wide li,main div.teaser-box {
display:block;
margin:0;
width:auto
}
main ul.teasers.teaser-spacing-1 li,main ul.teasers_wide.teaser-spacing-1 li {
margin-bottom:1em
}
.expandable-wrapper .teasers {
padding:0 25px
}
}
main p {
line-height:1.6875
}
main .columns {
column-gap:40px;
columns:2
}
main .columns p {
margin:0;
padding:.5em 0
}
main .columns > * {
break-inside:avoid
}
main .columns h3:first-of-type,main .columns h2:first-of-type {
margin-top:0
}
@media (max-width: 767px) {
main .columns {
columns:1
}
}
main table.lvw_list td {
width:11.1111111111%
}
main table.lvw_list td a {
background:#f2f2f2;
color:#000;
display:inline-block;
height:50px;
padding-top:15px;
text-align:center;
text-decoration:none;
width:100%
}
main table.lvw_list td a:hover {
background:#e4e4e4
}
main table.lvw_list td.lvw_menueon a {
background:#d40f14;
color:#fff
}
main table.lvw_grid {
padding:3px
}
main table.lvw_grid tr td {
border-bottom:1px solid #e4e4e4
}
main table.lvw_grid tr td a {
color:#d40f14;
display:block;
padding:10px;
text-decoration:none
}
main table.lvw_grid tr td a:hover span {
text-decoration:underline
}
main table.lvw_grid tr:first-child td {
border-top:1px solid #e4e4e4
}
main table.lvw_list2 {
padding-bottom:50px
}
main table.lvw_list2 tr.top td {
padding:30px 10px
}
main table.lvw_list2 tr.top td a {
color:#000;
font-weight:700;
text-decoration:none
}
main table.lvw_details tr td,main td.lvw_tbl_rahmen > table tr td {
background-color:transparent
}
main table.lvw_details {
background:#f2f2f2;
border:1px solid #e4e4e4;
margin-bottom:20px;
padding:20px
}
main .kitadb_wrapper {
position:relative
}
main #lykita_load h2,main #lyclub_load h2 {
font-size:13px
}
main #lykita_kitalist li h3,main #lyclub_clublist li h3 {
font-size:12px
}
main #lykita_dialog,main #lyclub_dialog {
box-sizing:content-box
}
main #lykita_dialog_content h2,main #lyclub_dialog_content h2,main #lykita_tabs h2,main #lyclub_tabs h2 {
color:#d40f14;
font-size:13px
}
main #widget_lykita_from div.dijitReset,main #widget_lyclub_from div.dijitReset,main #widget_lykita_to div.dijitReset,main #widget_lyclub_to div.dijitReset {
line-height:0
}
footer .content {
margin:0 auto;
max-width:1210px;
padding:43px 25px 54px;
position:relative
}
footer .content h3 {
font-weight:700;
margin-bottom:14px
}
footer .content .column {
display:inline-block;
float:left;
margin-right:40px;
margin-top:0!important;
vertical-align:top;
width:calc((100% - 80px) / 3)
}
footer .content .column.last {
margin-right:0
}
footer .content ul {
list-style-type:none;
margin:0;
padding:0
}
footer .content ul li {
border-bottom:1px solid #fff;
margin:0
}
footer .content ul li a {
color:#121212;
display:inline-block;
padding:17px 0;
text-decoration:none;
width:100%
}
footer .content p {
line-height:1.6875
}
footer .content p.section {
font-size:22px;
font-weight:300;
margin-top:0
}
footer .border {
background:#d40f14 url(../images/layout/skyline_hl_1160.png) no-repeat center bottom;
height:110px
}
footer img.wappen {
margin-top:27px
}
main table.lvw_grid tr th,main table.lvw_details tr th,main td.lvw_tbl_rahmen > table tr th {
text-align:left
}
main #lykita_kitalist li p,main #lyclub_clublist li p,main #lykita_kitalist li a.detail,main #lyclub_clublist li a.detail,main #lykita_dialog_content p,main #lyclub_dialog_content p,main #lykita_tabs p,main #lyclub_tabs p,main #lykita_dialog_content th,main #lyclub_dialog_content th,main #lykita_tabs th,main #lyclub_tabs th,main #lykita_dialog_content td,main #lyclub_dialog_content td,main #lykita_tabs td,main #lyclub_tabs td,main #lykita_dialog_content li,main #lyclub_dialog_content li,main #lykita_tabs li,main #lyclub_tabs li,main #lykita_dialog_content label,main #lyclub_dialog_content label,main #lykita_tabs label,main #lyclub_tabs label {
font-size:11px
}
@media (max-width: 969px) {
footer .content .column {
float:none;
margin-bottom:40px;
margin-right:0;
width:100%
}
}
.alphabet {
list-style-type:none;
margin:2.5rem 0;
overflow:hidden;
padding:0
}
.alphabet li {
float:left;
height:0;
margin:0;
padding:0 0 11.1111111111% 11.1111111111%;
position:relative;
width:0
}
.alphabet li a {
background:#e4e4e4;
border-bottom:solid 1px #fff;
border-right:solid 1px #fff;
color:#121212;
display:block;
height:100%;
left:0;
position:absolute;
text-align:center;
top:0;
width:100%
}
.alphabet li a:hover,.alphabet li a:focus {
background:#f2f2f2
}
.alphabet li a:before,.alphabet li a::before {
content:' ';
display:inline-block;
height:100%;
vertical-align:middle
}
.alphabet li a span {
display:inline-block;
vertical-align:middle
}
.alphabet li.active a {
background:#d40f14;
color:#fff;
font-weight:700
}
@media screen and (max-width: 640px) {
.alphabet li {
padding:0 0 20% 20%
}
}
.taglist ul {
list-style:none;
margin:0;
padding:0;
width:100%
}
.taglist ul li {
background-color:#e4e4e4;
display:inline-block;
float:left;
margin:0 .75rem .75rem 0;
padding:1em;
text-align:center
}
.taglist ul li a {
color:#000;
display:block;
font-weight:700;
text-decoration:none
}
.lvw-headline {
font-size:30px;
margin:40px 0
}
.lvw-headline a {
color:#000;
text-decoration:none
}
.lvw-list {
border-top:solid 1px #e4e4e4;
line-height:1.5rem;
list-style-type:none;
margin:2.5rem 0;
padding:0
}
.lvw-list li {
border-bottom:solid 1px #e4e4e4;
margin:0;
padding:0
}
.lvw-list li a {
color:#121212;
display:block!important;
padding:.875rem 2rem .8125rem 2.25rem;
text-decoration:none
}
.lvw-list li .leaflet-top a {
padding:0
}
.lvw-list li .leaflet-control-attribution a {
color:#121212;
display:inline;
padding:0
}
.lvw-list li a:hover,.lvw-list li a:focus {
color:#d40f14;
text-decoration:underline
}
.lvw-list li a .fa {
color:#d40f14;
display:inline-block;
font-weight:700;
margin-left:-1rem;
width:1rem
}
.lvw-list-formulare li a {
padding-left:2.75rem
}
.lvw-list-formulare li a .fa {
margin-left:-1.5rem;
width:1.5rem
}
.lvw-list-formulare li a .filesize {
color:#121212
}
.lvw-list-formulare li a:hover .filesize,.lvw-list-formulare li a:focus .filesize {
color:#d40f14
}
.lvw-headline-formulare-fachdienst .lvw-fachnummer {
font-weight:400
}
h1 + h2 + .lvw-headline-formulare-fachdienst {
margin-top:1.8182em
}
.lvw-link-container {
margin:2.5rem 0
}
.lvw-link-container .lvw-link {
color:#000;
display:block;
font-weight:700;
padding:0 2rem 0 2.25rem;
text-decoration:none
}
.lvw-link-container .lvw-link .fa {
display:inline-block;
margin-left:-2rem;
text-align:center;
width:2rem
}
.lvw-info-container {
background:#f2f2f2;
border:solid 1px #e4e4e4;
margin:1.5rem 0;
padding:0 1.25rem 1rem
}
.lvw-info-container h2:first-child {
background:#e4e4e4;
font-size:1.375rem!important;
margin:0 -1.25rem .9091em!important;
padding:.7273em 1.25rem .8182em!important
}
.lvw-info-container h3 {
font-size:1.125rem
}
@media screen and (max-width: 575px) {
.lvw-info-container h2:first-child {
font-size:16px
}
.lvw-info-container h3 {
font-size:14px
}
}
.lvw-adresse {
border:solid 1px #e4e4e4;
color:#121212;
font-style:normal;
margin:0;
padding:1rem 1.25rem
}
.lvw-table {
border:solid 1px #e4e4e4;
border-collapse:collapse;
color:#121212;
margin:-1px 0 0;
padding:0;
width:100%
}
.lvw-table td,.lvw-table th {
border-top:solid 1px #e4e4e4;
padding:.625rem 1.25rem
}
.lvw-table th {
font-weight:400;
text-align:left
}
@media screen and (max-width: 480px) {
.lvw-table {
border-top:none;
display:block
}
.lvw-table tbody,.lvw-table tr,.lvw-table td,.lvw-table th {
display:block
}
.lvw-table td {
border-top:none;
padding-top:0
}
.lvw-table th {
padding-bottom:0
}
}
.introduction:after,.introduction::after {
clear:both;
content:'.';
display:block;
height:0;
visibility:hidden
}
.content_search #breadcrumb li:last-child:after,.content_search #breadcrumb li:last-child::after {
display:none
}
.content_search h1 {
height:0;
margin:0;
overflow:hidden;
padding:0
}
.content_search .search_wrapper {
margin-bottom:2.5em
}
.content_search .search_filter {
margin:3.5rem 0
}
.content_search .search_filter .title {
display:inline-block;
font-size:1.375rem;
line-height:1.0909em;
margin:0 .25rem .5rem 0;
padding:.5455em .36363em .6818em 0;
vertical-align:middle
}
.content_search .search_filter .button {
border:solid 1px #8d949d;
color:#121212;
display:inline-block;
font-weight:700;
margin:0 .25rem .5rem 0;
padding:.75em 1em .8125em;
text-decoration:none;
vertical-align:middle
}
.content_search .search_filter .button.selected {
border-color:#d40f14;
color:#d40f14
}
.content_search .search_filter .button .fa {
font-size:1.375rem;
margin-right:.5455em;
position:relative;
top:.0909em
}
@media screen and (max-width: 575px) {
.content_search .search_filter .title {
font-size:1rem;
padding:.9375em .375em .9375em 0
}
.content_search .search_filter .button {
font-size:.875rem
}
}
.content_search .search_result {
margin-right:9.375em
}
.content_search .search_result h2 {
margin-bottom:.4737em
}
.content_search .search_result ul {
list-style-type:none;
margin:0 0 2.5em
}
.content_search .search_result ul li {
border-bottom:solid 1px #ced4da;
margin:0;
padding:.75em 0 .625em
}
.content_search .search_result ul h3 {
margin:.7273em 0
}
.content_search .search_result ul h3 a {
display:inline-block;
text-decoration:none
}
.content_search .search_result ul h3 .fa {
color:#000;
margin-right:.3636em
}
.content_search .search_result ul p:not(.url) a {
color:#121212;
text-decoration:none
}
.content_search .search_result ul .url {
-moz-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
word-break:break-word
}
.content_search .search_result ul .highlight {
background:#f2f2f2;
color:#000;
font-weight:700
}
.content_search .search_result .button {
background:#d40f14;
color:#fff;
display:inline-block;
font-weight:700;
margin-bottom:.75em;
outline:none;
padding:.8125em 1.25em .875em;
text-decoration:none
}
.content_search .search_result .button:hover,.content_search .search_result .button:focus {
background:#ac0a26
}
.search_result .search_result_item i.fa {
margin-left:.25em
}
.content_search .search_result h2 .result_count,.content_search .search_result ul h3 .search_subsection {
font-weight:400
}
@media screen and (max-width: 767px) {
.content_search .search_result {
margin-right:0
}
}
.anzeigen {
background:#f2f2f2;
margin:3.5em 0 2.5em;
padding:1.75em 25px 1.5em;
position:relative
}
.anzeigen a {
display:inline-block
}
.anzeigen a[target="_blank"] {
padding-right:1.375em
}
.anzeigen a[target="_blank"]:after,.anzeigen a[target="_blank"]::after {
content:'\f08e'!important;
display:inline-block;
font-family:FontAwesome;
margin-right:-1.375em;
text-align:right;
width:1.375em
}
.anzeigen h2 {
color:#121212;
font-size:.6875em;
font-weight:400;
left:0;
line-height:1.6364;
margin:0;
padding:.4545em .9091em;
position:absolute;
text-transform:uppercase;
top:0;
width:100%
}
.anzeigen h2 .info-icon {
color:#121212;
float:right;
font-size:1.6364em;
line-height:1;
margin-right:-.1111em
}
.anzeigen h2 .info-icon[target="_blank"] {
padding-right:0
}
.anzeigen h2 .info-icon[target="_blank"]:after,.anzeigen h2 .info-icon[target="_blank"]::after {
content:''
}
.anzeigen h2 .fa {
font-size:1em;
line-height:1
}
.anzeigen ul {
list-style-type:none;
margin:0 0 -.5em -1.25em
}
.anzeigen li {
border-right:solid 1px #e4e4e4;
display:inline-block;
margin:0 -.25em .5em 0;
padding:.1875em 1.25em
}
@media (max-width: 400px) {
.anzeigen {
margin:2em 0 0;
padding-bottom:1.875em;
padding-top:2.125em
}
.anzeigen ul {
margin:0
}
.anzeigen li {
border-bottom:solid 1px #e4e4e4;
border-right:none;
display:block;
margin:0;
padding:.75em .625em .8125em 0
}
}
.background_wrapper.gray .content .anzeigen {
background:#fff
}
.background_wrapper.gray .content .anzeigen:after,.background_wrapper.gray .content .anzeigen::after {
background:#f2f2f2 url(../images/layout/border_bottom.png) repeat-x left bottom;
content:'';
display:block;
height:1.25em;
margin:1.5em -25px -1.5em
}
@media (max-width: 400px) {
.background_wrapper.gray .content .anzeigen:after,.background_wrapper.gray .content .anzeigen::after {
margin-bottom:-1.875em
}
}
@media (min-width: 1209px) {
.right .anzeigen {
margin:2.5em 0 0;
padding-bottom:1.875em;
padding-top:2.125em
}
.right .anzeigen ul {
margin:0
}
.right .anzeigen li {
border-bottom:solid 1px #e4e4e4;
border-right:none;
display:block;
margin:0;
padding:.75em .625em .8125em 0
}
}
@media (max-width: 400px) {
.right .anzeigen {
margin:2em 0
}
}
.content-anzeigen .image-wrapper {
aspect-ratio:720/400;
height:unset!important
}
.page-error main .columns {
columns:1
}
.column .background_wrapper.gray .content {
padding-bottom:10px
}
.column .background_wrapper.gray .teasers_wide.list_teasers_responsive {
margin-top:10px
}
.column .background_wrapper.gray .teasers_wide.list_teasers_responsive li {
padding-bottom:0
}
.icon-row {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(0,1fr));
width:100%
}
.icon-box {
display:flex;
flex-direction:column;
flex-grow:1;
padding:25px
}
.icon-box img {
max-height:64px
}
.icon-box .icon {
color:#d40f14;
font-size:64px
}
.icon-box p {
font-size:1.2rem;
text-align:left!important
}
hr.decorative {
background-color:#fff;
border:none;
height:24px;
outline:none;
width:100%
}
hr.decorative.decorative-circuit {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23d40f14' fill-opacity='0.4' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
border:2px solid #EE9FA1;
border-radius:2px
}
main .content .alert {
border-radius:2px;
margin:1em 0;
padding:16px 16px 16px 40px;
position:relative
}
main .content .alert::before {
content:"\f05a";
font-family:'FontAwesome';
left:16px;
position:absolute;
top:16px
}
main .content .alert a {
font-weight:700
}
main .content .alert.alert-primary {
background-color:#d40f141a;
border:1px solid #d40f144d
}
main .content .alert.alert-primary p,main .content .alert.alert-primary a,main .content .alert.alert-primary li,main .content .alert.alert-primary::before {
color:#ac0a26
}
main .content .alert.alert-secondary {
background-color:#87888a1a;
border:1px solid #87888a4d
}
main .content .alert.alert-secondary p,main .content .alert.alert-secondary a,main .content .alert.alert-secondary li,main .content .alert.alert-secondary::before {
color:#000
}
main .content .alert.alert-info {
background-color:#85c8e81a;
border:1px solid #85c8e84d
}
main .content .alert.alert-info p,main .content .alert.alert-info a,main .content .alert.alert-info li,main .content .alert.alert-info::before {
color:#00618fff
}
main .content .alert.alert-success {
background-color:#a7bf5c1a;
border:1px solid #a7bf5c4d
}
main .content .alert.alert-success p,main .content .alert.alert-success a,main .content .alert.alert-success li,main .content .alert.alert-success::before {
color:#4e6600ff
}
main .content .alert.alert-warning {
background-color:#ee71001a;
border:1px solid #ee71004d
}
main .content .alert.alert-warning p,main .content .alert.alert-warning a,main .content .alert.alert-warning li,main .content .alert.alert-warning::before {
color:#a74f00ff
}
.fa,.fa::before,.fas,.fas::before,.fab,.fab::before {
font-family:'FontAwesome',sans-serif
}
a[href^="tel:"] {
color:inherit
}
.anzeige,.anzeige .content_wrapper,.anzeige .label,main ul.teasers .anzeige a .image_wrapper .label,main ul.teasers_wide .anzeige a .image_wrapper .label {
background:#8d949d
}
.anzeige h3,.anzeige p,main ul.teasers .anzeige .text_wrapper p,main ul.teasers_wide .anzeige .text_wrapper p,main ul.teasers_wide .anzeige a:hover h3,main ul.teasers_wide .anzeige a:focus h3,main ul.teasers .anzeige a:hover h3,main ul.teasers .anzeige a:focus h3 {
color:#fff
}
.column .background_wrapper.gray .content h3,main .content .alert p {
margin:0
}
@media (min-width: 769px) {
a[href].noHighlightGTEmd {
color:inherit;
text-decoration:none!important
}
}
ul.compact-teaser {
-webkit-flex-flow:row wrap;
display:-webkit-flex;
display:flex;
flex-flow:row wrap;
font-size:0;
list-style-type:none;
margin:0 -30px 0 0;
padding:0
}
ul.compact-teaser li {
border:1px solid #EAEAEA;
display:-webkit-flex;
display:flex;
margin:0 20px 20px 0;
width:calc(33% - 20px)
}
.compact-teaser a.image {
display:-webkit-flex!important;
display:flex!important
}
.col.col-1-2 ul.compact-teaser li {
margin:0 0 20px;
width:calc(50% - 25px)
}
.col.col-1-3 ul.compact-teaser li {
margin:0 0 20px;
width:calc(100% - 30px)
}
ul.compact-teaser li img,ul.compact-teaser li div.image-content {
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
flex-shrink:0;
height:auto;
min-height:140px;
width:140px
}
ul.compact-teaser li div.image-content.icon {
background-size:contain
}
ul.compact-teaser div:not(.image-content) {
padding:20px
}
ul.compact-teaser h3 {
font-size:1rem;
line-height:1.3rem;
margin:0
}
ul.compact-teaser p {
font-size:.9rem;
line-height:1.25rem;
margin:0
}
ul.compact-teaser h3 + p {
margin-top:.5rem
}
ul.compact-teaser li.hover-teaser {
cursor:pointer
}
ul.compact-teaser li.hover-teaser:hover a[href]:not(.image) {
color:#d40f14!important;
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
@media (max-width: 1023px) {
ul.compact-teaser li {
width:calc(50% - 25px)
}
}
@media (max-width: 719px) {
ul.compact-teaser li {
width:calc(100% - 30px)
}
}
.language-switch,.generic-switch {
float:right;
margin:0 0 .75rem .75rem;
position:relative
}
header .top .right .language-switch {
float:none;
margin:0;
position:relative!important
}
@media (max-width: 1209px) {
header .top .right .language-switch {
margin-left:.5em
}
}
.language-list {
background-color:#fff;
border:1px solid #87888a4d;
border-radius:4px 0 4px 4px;
display:none;
list-style:none;
margin:0;
min-width:calc(100%);
overflow:hidden;
padding:0;
position:absolute;
right:0;
top:100%;
z-index:10
}
header .top .right .language-list {
flex-wrap:wrap;
position:absolute!important;
width:290px
}
.current-language.open + .language-list {
display:flex!important
}
.language-list li {
display:block;
white-space:nowrap
}
header .top .right .language-list li {
width:139px
}
.language-list li:first-of-type {
margin-top:.375em
}
header .top .right .language-list li:first-of-type {
margin-top:0
}
.language-list a {
color:#000!important;
display:block;
font-size:.8em;
padding:4px 8px;
text-decoration:none!important
}
header .top .right .language-list a {
font-size:.9em
}
.language-list li a::before {
content:"\F28A";
display:inline-block;
font-family:"bootstrap-icons",Sans-Serif;
margin-right:.5em;
position:relative;
top:2px
}
html[dir=rtl] .language-list li a::before {
margin-left:.5em;
margin-right:0
}
.language-list li[aria-selected] a::before,.language-list a:hover::before,.language-list a:focus-visible::before {
content:"\F26B"
}
.language-list a:hover {
text-decoration:underline!important
}
.language-list li:not(li[aria-selected]) a:hover {
background-color:#f7f7f7;
color:#d40f14!important;
text-decoration:underline!important
}
header .top .right .language-list li[aria-selected] {
background-color:#d40f14
}
.current-language,.generic-switch button {
align-items:center;
background-color:#fff;
border:1px solid #87888a4d;
border-radius:4px;
color:#000;
cursor:pointer;
display:flex;
flex-direction:row;
font-size:.8em;
justify-content:center;
padding:4px 3em 4px 1em;
width:100%
}
header .top .right .current-language {
padding:4px 1.75em 4px .25em
}
.generic-switch button {
padding-right:1em
}
.current-language:after {
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
content:'\f107';
font-family:FontAwesome;
font-size:1.4545em;
line-height:1;
margin-top:.03125em;
position:absolute;
right:1em;
top:50%;
transform:translateY(-50%)
}
header .top .right .current-language:after {
right:.25em
}
.current-language.open:after {
content:'\f106'
}
.current-language.open,.current-language:hover,.current-language:focus,.generic-switch button:hover,.generic-switch button:focus {
background-color:#d40f14!important;
color:#fff!important;
text-decoration:underline!important
}
.current-language:focus,.generic-switch button:focus {
border-color:#d40f14
}
.current-language .icon,.generic-switch button .icon {
align-items:center;
display:flex;
justify-content:center;
margin-right:.5em
}
html[dir=rtl] .current-language .icon,.generic-switch button .icon {
margin-left:.5em
}
.current-language.open {
border-bottom-left-radius:0;
border-bottom-right-radius:0
}
.slick-flex-wrapper {
height:400px;
position:relative;
width:100%
}
.slick-flex-wrapper .slick-flex-container {
position:absolute;
width:100%
}
.slick-flex-wrapper .slick-flex-container .image-slider {
margin:0
}
div.admin_only p.lvw-admin-msg {
color:red
}
#gutachten_download {
background:#f2f2f2;
margin:1.25rem 0;
padding:.75rem 2rem 1rem 3rem
}
#gutachten_download .gutachten_checkbox {
float:left;
margin:.375rem 0 0 -1.625rem
}
main .content {
padding-bottom:50px
}
.background_wrapper.gray .content {
padding-top:30px
}
body.iframe-content #maincontent.left {
margin:0;
width:100%
}
body.iframe-content #content > .content {
padding:0
}
header .top {
background:#fff;
border-bottom:solid 15px #d40f14;
height:115px
}
header .top .right .language-list li[aria-selected] a[href],.text-white,a.text-white,a[href].text-white {
color:#fff!important
}
h4.lvw-special-notice-nohead,body.iframe-content div[class|="ov-menu"] {
display:none
}
@media (max-width: 1209px) {
header .top {
height:115px
}
}
@media (max-width: 784px) {
header .top {
border-bottom-width:10px;
height:95px
}
}
@media (max-width: 460px) {
header .top {
height:125px
}
}
header .top .content .left .logo {
background:transparent;
height:auto;
width:260px
}
header .top .content .left .section {
height:auto
}
header .top .content .left .section .title {
font-weight:400;
line-height:25px
}
.administration header .top .right > .readspeaker,.administration header .top .right > .readspeaker + .separator {
display:none
}
header .top .content .left,header .top .right,header .top .content .left .section i.fa,header .top .content .left .section .title {
color:#000
}
@media (max-width: 1209px) {
.administration header .top .right > .readspeaker {
display:inline-block;
visibility:hidden
}
}
main .content .header_image {
margin-bottom:2rem
}
@media (max-width: 592px) {
main .content .header_image {
margin-bottom:1.25rem;
margin-top:2rem
}
}
.custom-logo-wrapper {
-webkit-align-items:center;
-webkit-flex-flow:row nowrap;
align-items:center;
display:-webkit-flex;
display:flex;
flex-flow:row nowrap;
margin-top:.5rem
}
.custom-logo-headlines {
-webkit-align-items:center;
-webkit-flex-flow:row wrap;
-webkit-flex-grow:1;
align-items:center;
display:-webkit-flex;
display:flex;
flex-flow:row wrap;
flex-grow:1
}
.custom-logo-headlines > * {
-webkit-flex:1 1 100%;
flex:1 1 100%
}
.custom-logo {
-webkit-flex:0 0 150px;
flex:0 0 150px;
padding-left:20px
}
.custom-logo img {
display:block
}
.custom-logo-wrapper + .header_image,main .content .custom-logo-wrapper + .header_image {
margin-top:1.75rem
}
@media (max-width: 592px) {
.custom-logo {
-webkit-flex:0 0 100px;
flex:0 0 100px
}
}
header .top {
background-size:auto 100%
}
.row-submit {
flex-direction:column
}
div.captcha {
display:flex;
flex-direction:row;
flex-wrap:wrap;
margin-bottom:1.5rem
}
.captcha p {
order:1;
text-align:left;
width:100%
}
.captcha #captcha_id {
margin-left:20px;
order:4
}
.captcha a {
margin-left:10px;
margin-top:7px;
order:5;
padding-left:0;
padding-right:0
}
.captcha label {
margin-bottom:.3rem;
order:2;
text-align:left;
width:100%
}
.captcha #form_sicherheitscode {
margin-left:0;
order:3;
width:50%
}
form .row.captcha-row {
background:#fff;
padding:.5em 1em
}
form .row.captcha-row div.captcha,form .row.captcha-row div.captcha p#captcha-desc {
display:inline
}
form .row.captcha-row div.captcha #form_sicherheitscode {
width:20%
}
html[dir=rtl] .captcha p,html[dir=rtl] .captcha label {
text-align:right
}
@media (max-width: 784px) {
.captcha #form_sicherheitscode {
width:100%
}
.captcha #captcha_id {
margin-left:0;
order:4
}
}
.steps {
background:#fff;
display:-webkit-flex;
display:flex;
height:80px
}
.steps .step {
-webkit-flex:1 1 100%;
align-items:center;
background:#eaeaea;
border-left:solid 1px #fff;
display:flex;
flex:1 1 100%;
justify-content:center;
margin-top:20px
}
.steps .step:first-child {
border-left:none
}
.steps .active {
background:#f2f2f2;
margin-top:0
}
.step-content {
font-size:1.5rem;
opacity:.4
}
.active .step-content {
font-size:1.75rem;
opacity:1
}
.step-content span:first-child {
display:inline
}
main .content-polling-place-locator,.background_wrapper .content-polling-place-locator,.background_wrapper.gray .content-polling-place-locator {
padding-bottom:10px;
padding-top:20px
}
.content-polling-place-locator h2 {
font-weight:700!important
}
.content-polling-place-locator .note {
font-size:1.125rem;
margin-bottom:1.3333em
}
.content-polling-place-locator h2 + .note,.content-polling-place-locator h2 + form .note {
margin-top:-.5556em
}
button {
border:none;
font-family:'Open Sans',Arial,sans-serif;
font-size:1.25rem;
line-height:normal;
padding:.6em .9em
}
button[type=reset] {
background:#eaeaea;
color:#000;
font-weight:400
}
button[type=submit] {
background:#d40f14;
color:#fff;
font-weight:700
}
[disabled="disabled"] {
cursor:default;
opacity:.5
}
form .row-submit button {
margin:0 0 .625rem .375rem
}
.form-contact .row-submit button {
margin:0 0 0 1rem
}
.form-contact .row-submit > .column-left,.form-contact .row-submit > div:first-child:not(:last-child) {
-webkit-justify-content:flex-start;
justify-content:flex-start
}
.form-contact .row-submit > .column-left button:first-child,.form-contact .row-submit > .column-left input:first-child,.form-contact .row-submit > div:first-child:not(:last-child) button:first-child,.form-contact .row-submit > div:first-child:not(:last-child) input:first-child {
margin-left:0
}
.form-contact .row-submit button .fa {
font-size:1.2em;
position:relative;
top:.0417em
}
.form-contact .row-submit button span + .fa,.form-contact .row-submit button .fa + span {
margin-left:.1667em
}
.search-term strong {
color:#000
}
.form-polling-place-locator .row-radio-head {
display:-webkit-flex;
display:flex;
padding:.75em 0 .625em
}
.form-polling-place-locator .row-radio-head div {
font-weight:700;
padding-right:16px
}
.form-polling-place-locator .row-radio {
position:relative
}
.form-polling-place-locator .row-radio input {
left:10px;
position:absolute;
top:12px
}
.form-polling-place-locator .row-radio label {
background:#eaeaea;
display:-webkit-flex;
display:flex;
margin:0 0 1px;
padding:6px 0
}
.form-polling-place-locator .row-radio label > span {
padding-right:16px
}
.form-polling-place-locator .information-wrapper {
-webkit-flex-flow:row wrap-reverse;
display:-webkit-flex;
display:flex;
flex-flow:row wrap-reverse;
margin:2.5rem -12px
}
.form-polling-place-locator .information-wrapper > div {
-webkit-flex:1 1 100%;
flex:1 1 100%;
padding:0 12px
}
.form-polling-place-locator .iframe {
height:0;
padding-bottom:80%;
position:relative
}
.form-polling-place-locator .iframe iframe,.form-polling-place-locator .iframe embed {
border:none!important;
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}
.form-polling-place-locator .map-link {
font-size:.875rem;
margin:.5em 0
}
.form-polling-place-locator .information-wrapper table.daten tr > td:first-child,.form-polling-place-locator .information-wrapper table.daten tr > th:first-child {
padding-left:0
}
.row-submit {
flex-direction:column
}
div.captcha {
display:flex;
flex-direction:row;
flex-wrap:wrap;
margin-bottom:1.5rem
}
.captcha p {
order:1;
text-align:left;
width:100%
}
.captcha #captcha_id {
margin-left:20px;
order:4
}
.captcha a {
margin-left:10px;
margin-top:7px;
order:5;
padding-left:0;
padding-right:0
}
.captcha label {
margin-bottom:.3rem;
order:2;
text-align:left;
width:100%
}
.captcha #form_sicherheitscode {
margin-left:0;
order:3;
width:50%
}
.step-content span,.form-polling-place-locator .row-radio label span strong {
display:none
}
.background_wrapper.gray .messages,.form-polling-place-locator .row-radio label:hover,.form-polling-place-locator .row-radio input:focus + label {
background:#fff
}
.form-polling-place-locator .row-radio-head .street,.form-polling-place-locator .row-radio label .street {
-webkit-flex:0 0 40%;
flex:0 0 40%;
padding-left:32px
}
@media (max-width: 784px) {
form.form-polling-place-locator .row-submit,form.form-polling-place-locator .row-submit > div {
display:-webkit-flex;
display:flex
}
form.form-polling-place-locator .row-submit > div {
-webkit-flex:1 1 100%;
flex:1 1 100%
}
.form-polling-place-locator .row-submit button,.form-polling-place-locator .row-submit input {
font-size:.9375rem
}
.captcha #form_sicherheitscode {
width:100%
}
.captcha #captcha_id {
margin-left:0;
order:4
}
}
@media (max-width: 592px) {
.steps {
height:60px
}
.steps .step {
margin-top:15px
}
.step-content {
font-size:.875rem
}
.active .step-content {
font-size:1.125rem
}
.content-polling-place-locator h2 + .note,.content-polling-place-locator h2 + form .note {
margin-top:-.4em
}
.form-polling-place-locator .row-radio-head {
display:none
}
.form-polling-place-locator .row-radio {
position:relative
}
.form-polling-place-locator .row-radio input {
top:14px
}
.form-polling-place-locator .row-radio label {
display:block;
font-size:.9375rem;
padding:8px 0
}
.form-polling-place-locator .row-radio label .street,.form-polling-place-locator .row-radio label .street-number {
display:block;
padding-bottom:.4em;
padding-left:32px
}
.form-polling-place-locator .row-radio label span strong {
color:#000;
display:block;
margin-bottom:.3333em
}
.steps .active,.form-polling-place-locator .information-wrapper {
margin-top:0
}
.content-polling-place-locator .note,.search-term {
font-size:.9375rem
}
}
@media (max-width: 400px) {
.step-content span:first-child {
display:none
}
.step-content span:last-child {
display:inline
}
.form-polling-place-locator .iframe {
padding-bottom:100%
}
}
@media (min-width: 1209px) {
.fixed-header header .mainnavigation_search_wrapper {
z-index:1000
}
}
.content + .content-anzeigen {
margin-top:-40px;
padding-top:0
}
.content-anzeigen .teasers li {
margin-top:0
}
.content-anzeigen .note {
background:#fff;
color:#121212;
font-size:.6875em;
font-weight:400;
line-height:1.6364;
padding:.4545em 0;
text-transform:uppercase
}
.background_wrapper.gray .content-anzeigen .note {
background:#f2f2f2
}
@media (max-width: 657px) {
.content-anzeigen .note {
background:#f2f2f2;
padding-left:20px;
padding-right:20px
}
.background_wrapper.gray .content-anzeigen .teasers li:first-child .note {
background:#f2f2f2
}
.content-anzeigen .teasers li:first-child .note,.background_wrapper.gray .content-anzeigen .note {
background:#fff
}
}
@media (max-width: 592px) {
.content + .content-anzeigen {
margin-top:-20px
}
}
.anzeigen {
background:#F2F2F2;
margin:3.5em 0 2.5em;
padding:1.75em 25px 1.5em;
position:relative
}
.anzeigen a {
display:inline-block
}
.anzeigen a[target=_blank] {
padding-right:1.375em
}
.anzeigen a[target=_blank]:after,.anzeigen a[target=_blank]::after {
content:'\f08e'!important;
display:inline-block;
font-family:FontAwesome;
margin-right:-1.375em;
text-align:right;
width:1.375em
}
.anzeigen h2 {
color:#121212;
font-size:.6875em!important;
font-weight:400!important;
left:0;
line-height:1.6364!important;
margin:0!important;
padding:.4545em .9091em;
position:absolute;
text-transform:uppercase;
top:0;
width:100%
}
.anzeigen h2 .info-icon {
color:#121212;
float:right;
font-size:1.6364em;
line-height:1;
margin-right:-.1111em!important
}
.anzeigen h2 .info-icon[target=_blank] {
padding-right:0!important
}
.anzeigen h2 .info-icon[target=_blank]:after,.anzeigen h2 .info-icon[target=_blank]::after {
content:''!important
}
.anzeigen h2 .fa {
font-size:1em;
line-height:1
}
.anzeigen ul {
list-style-type:none;
margin:0 0 -.5em -1.25em
}
.anzeigen li {
border-right:solid 1px #E4E4E4;
display:inline-block;
margin:0 -.25em .5em 0;
padding:.1875em 1.25em
}
@media (max-width: 400px) {
.anzeigen {
margin:2em 0 0;
padding-bottom:1.875em;
padding-top:2.125em
}
.anzeigen ul {
margin:0
}
.anzeigen li {
border-bottom:solid 1px #E4E4E4;
border-right:none;
display:block;
margin:0;
padding:.75em .625em .8125em 0
}
}
.background_wrapper.gray .content .anzeigen {
background:#fff
}
.background_wrapper.gray .content .anzeigen:after,.background_wrapper.gray .content .anzeigen::after {
background:#F2F2F2 url(../images/layout/border_bottom.png) repeat-x left bottom;
content:'';
display:block;
height:1.25em;
margin:1.5em -25px -1.5em
}
@media (max-width: 400px) {
.background_wrapper.gray .content .anzeigen:after,.background_wrapper.gray .content .anzeigen::after {
margin-bottom:-1.875em
}
}
@media (min-width: 1209px) {
.right .anzeigen {
margin:2.5em 0 0;
padding-bottom:1.875em;
padding-top:2.125em
}
.right .anzeigen ul {
margin:0
}
.right .anzeigen li {
border-bottom:solid 1px #E4E4E4;
border-right:none;
display:block;
margin:0;
padding:.75em .625em .8125em 0
}
}
@media (max-width: 400px) {
.right .anzeigen {
margin:2em 0
}
}
button {
font-family:'Open Sans',Arial,Tahoma,sans-serif
}
.table-wrapper,.scroll-horizontal {
display:block;
overflow-x:auto;
width:100%
}
.lvw-table {
margin:0
}
.imagemap,main .content .imagemap {
display:block;
max-width:none
}
.map-navigation-wrapper {
overflow:hidden
}
.sozialbezirke {
margin:2rem 0 2.25rem
}
.sozialbezirke .border {
background:#f2f2f2;
display:inline-block;
margin-bottom:-.375rem;
padding:3.75rem
}
.inpage-navigation {
list-style-type:none;
margin:2rem 0 2.25rem;
padding:0
}
.inpage-navigation li {
margin:0;
position:relative
}
.inpage-navigation li:after,.inpage-navigation li::after {
border-top:solid 1px #e4e4e4;
content:'';
left:0;
position:absolute;
top:0;
width:10rem
}
.inpage-navigation li:first-child:after,.inpage-navigation li:first-child::after {
display:none
}
.inpage-navigation a {
color:#121212;
display:inline-block;
outline:none;
padding:.75rem 1.25rem;
position:relative;
text-decoration:none
}
.inpage-navigation a:hover,.inpage-navigation a:focus {
color:#d40f14
}
.inpage-navigation .active a {
font-weight:700
}
.inpage-navigation a:before,.inpage-navigation a::before {
color:#000;
content:'\f105';
float:left;
font-family:FontAwesome;
font-size:1.375rem;
line-height:1;
margin:.125rem 0 0 -1.25rem;
padding-left:.0625rem;
width:1.25rem
}
.anzeige,.anzeige .content_wrapper,.anzeige .label,main ul.teasers .anzeige a .image_wrapper .label,main ul.teasers_wide .anzeige a .image_wrapper .label {
background:#8d949d
}
.anzeige h3,.anzeige p,main ul.teasers .anzeige .text_wrapper p,main ul.teasers_wide .anzeige .text_wrapper p,main ul.teasers_wide .anzeige a:hover h3,main ul.teasers_wide .anzeige a:focus h3,main ul.teasers .anzeige a:hover h3,main ul.teasers .anzeige a:focus h3 {
color:#fff
}
@media (max-width: 592px) {
.inpage-navigation a:before,.inpage-navigation a::before {
font-size:1.125rem;
margin-top:.1875rem
}
}
@media (min-width: 720px) {
.map-navigation-wrapper > * {
float:left
}
.map-navigation-wrapper > * + * {
margin-left:2.5rem
}
}
.columns h1 {
padding-right:0
}
main .columns p {
-ms-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
overflow-wrap:break-word;
text-align:justify;
word-wrap:break-word
}
main .content div.left li a[target=_blank],main .content div.column li a[target=_blank],main .content div.columns li a[target=_blank] {
display:inline
}
main .content div.columns > :not(div):first-child {
margin-top:0
}
.infokasten {
background-color:#f2f2f2;
border:solid 1px #f2f2f2;
box-sizing:border-box;
display:block;
margin:1.75rem 0 2rem;
overflow:hidden;
padding:1.5rem
}
.col .infokasten {
margin:1.5rem 0
}
.infokasten.infokasten-teaser {
color:#000;
font-weight:700
}
.infokasten.infokasten-teaser:hover,.infokasten.infokasten-teaser:focus {
color:#d40f14
}
.infokasten.infokasten-teaser .infokasten-linktitle::after {
content:'\f105';
display:inline-block;
font-family:FontAwesome;
margin-right:-.8182em;
text-align:right;
width:.8182em
}
.infokasten > :first-child {
margin-top:0!important
}
.infokasten.infokasten-rechts {
float:right;
margin-left:5%;
width:47.5%
}
@media (max-width: 575px) {
.infokasten.infokasten-rechts {
float:none;
margin-left:0;
width:auto
}
}
h1 + .infokasten-rechts,h2.subheadline + .infokasten-rechts {
margin-top:0
}
@media (max-width: 575px) {
h1 + .infokasten-rechts,h2.subheadline + .infokasten-rechts {
margin-top:1.75rem
}
}
.infokasten.bg-primary {
background-color:#d40f14
}
.infokasten.bg-secondary {
background-color:#eaeaea
}
.infokasten.bg-info {
background-color:#e4ecf1
}
.infokasten.bg-success {
background-color:#f2ede6
}
.infokasten.bg-primary :not(.plyr *,.teaser-container *),.infokasten.bg-warning :not(.plyr *,.teaser-container *),.infokasten.bg-info-inverted :not(.plyr *,.teaser-container *),.infokasten-outline .infokasten.bg-primary :not(.plyr *,.teaser-container *),.infokasten-outline .infokasten.bg-warning :not(.plyr *,.teaser-container *),.infokasten-outline .infokasten.bg-info-inverted :not(.plyr *,.teaser-container *) {
color:#fff
}
.infokasten[class*="bg-"] .expandable-content .expandable-wrapper h3.expandable-trigger {
background-color:#fff
}
.infokasten .expandable-wrapper {
border-color:#D7D7D7
}
.infokasten .expandable-wrapper.compact {
margin:0
}
.infokasten .expandable-wrapper.compact .expandable-trigger {
background:#0000001a
}
.infokasten .expandable-wrapper.compact .expandable-content {
border-color:#0000001a
}
.infokasten.bg-warning a[href]:focus-visible,.infokasten.bg-info-inverted a[href]:focus-visible,.infokasten.bg-primary a[href]:focus-visible,.infokasten.bg-warning .expandable-button:focus-visible,.infokasten.bg-info-inverted .expandable-button:focus-visible,.infokasten.bg-primary .expandable-button:focus-visible {
color:#fff!important;
outline-color:#fff!important;
text-decoration:none!important
}
.infokasten.bg-warning .expandable-wrapper .expandable-wrapper .expandable-trigger,.infokasten.bg-warning .expandable-wrapper.compact .expandable-trigger {
background-color:#00000030
}
.infokasten.bg-primary .teaser-container a[href],.infokasten.bg-info-inverted .teaser-container a[href],.infokasten.bg-warning .teaser-container a[href] {
color:#d40f14!important;
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
.infokasten.bg-primary .teaser-container a[href]:hover,.infokasten.bg-info-inverted .teaser-container a[href]:hover,.infokasten.bg-warning .teaser-container a[href]:hover {
color:#ac0a26!important;
text-decoration:underline!important;
text-decoration-thickness:3.5px!important;
text-underline-offset:.1em!important
}
.infokasten.bg-primary .teaser-container a[href]:focus-visible,.infokasten.bg-info-inverted .teaser-container a[href]:focus-visible,.infokasten.bg-warning .teaser-container a[href]:focus-visible {
color:#ac0a26!important;
color:#ac0a26!important;
outline:solid 3px #ac0a26!important;
outline:solid 3px #ac0a26!important;
text-decoration:none!important;
text-decoration:none!important
}
.infokasten.bg-primary .teaser-container p a[href],.infokasten.bg-info-inverted .teaser-container p a[href],.infokasten.bg-warning .teaser-container p a[href] {
color:#d40f14!important;
text-decoration:none!important
}
.infokasten.bg-primary .teaser-container p a[href]:hover,.infokasten.bg-info-inverted .teaser-container p a[href]:hover,.infokasten.bg-warning .teaser-container p a[href]:hover {
color:#ac0a26!important;
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
.infokasten.infokasten-outline {
background:#fff;
border:1px solid #e2e3e3
}
.infokasten.bg-none {
background-color:#FFF;
border:none
}
.infokasten:not(.infokasten-outline) .infokasten {
background-color:#fffffff2
}
.infokasten .infokasten :not(.plyr *) {
color:#000
}
.infokasten:not(.infokasten-outline) .infokasten a[href]:not(.image,.button),.infokasten:not(.infokasten-outline) .infokasten a[href]:hover,.infokasten .infokasten .expandable-trigger:hover,.infokasten .infokasten .expandable-trigger:hover button {
color:#d40f14!important
}
.infokasten:not(.infokasten-outline) .infokasten a[href]:focus-visible,.infokasten .infokasten .expandable-button:focus-visible {
color:#d40f14!important;
outline-color:#d40f14!important;
text-decoration:none!important
}
.infokasten .infokasten .row-flex {
margin:0 -24px;
padding:0 12px
}
.infokasten .infokasten .row-flex .col-1-3 {
flex:0 0 140px;
max-width:140px
}
.infokasten .infokasten .row-flex .col-2-3 {
flex:1 0 50%;
max-width:50%
}
.infokasten :not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i) a {
text-decoration:none
}
.infokasten :not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i) a:hover {
text-decoration:underline
}
.background_wrapper.gray .infokasten {
background:#fff;
border-color:#ced4da
}
.infokasten h3:not(.expandable-trigger) {
font-size:1.375rem;
font-weight:700;
line-height:1.4545;
margin:1em 0 .7273em
}
.multiple-inputs .col.infokasten {
align-items:center;
display:flex;
margin-bottom:0;
margin-top:0
}
.multiple-inputs .col.infokasten input[type=checkbox] {
margin:0 .5em 0 0
}
.rsbtn {
margin:1.25rem 0
}
main .content div.left,main .content div.right {
display:block
}
.right > :first-child {
margin-top:0!important
}
.right > :last-child {
margin-bottom:0!important
}
#categorynavigation,main .content div.right ul#categorynavigation {
margin-bottom:3rem
}
.behoerdennummer {
margin-bottom:3rem;
overflow:hidden
}
.lvw-collapsible + .behoerdennummer {
margin-top:3rem
}
.behoerdennummer > :first-child {
margin-top:0
}
.behoerdennummer img,main .content .behoerdennummer img {
display:block;
margin-bottom:1.75rem;
max-width:280px;
width:100%
}
header .top .content .left .logo {
background-image:none
}
header .top .content .left .logo .print {
display:none
}
.infokasten.bg-primary,.infokasten.bg-secondary,.infokasten.bg-info,.infokasten.bg-success,.infokasten.bg-warning,.infokasten:not(.infokasten-outline) .infokasten.infokasten-outline {
border:none
}
.infokasten.bg-info-inverted,.infokasten.bg-warning {
background-color:#336780
}
.infokasten.bg-primary a[href],.infokasten.bg-warning a[href],.infokasten.bg-info-inverted a[href],.infokasten-outline .infokasten.bg-primary a[href],.infokasten-outline .infokasten.bg-warning a[href],.infokasten-outline .infokasten.bg-info-inverted a[href],.infokasten.bg-warning a[href]:hover,.infokasten.bg-warning .expandable-trigger:hover,.infokasten.bg-warning .expandable-trigger:hover button,.infokasten.bg-info-inverted a[href]:hover,.infokasten.bg-info-inverted .expandable-trigger:hover,.infokasten.bg-info-inverted .expandable-trigger:hover button,.infokasten.bg-primary a[href]:hover,.infokasten.bg-primary .expandable-trigger:hover,.infokasten.bg-primary .expandable-trigger:hover button {
color:#fff!important
}
.infokasten > :last-child,.infokasten ul:last-child {
margin-bottom:0
}
.icon-navigation {
position:fixed;
right:0;
top:272px;
transition:top 400ms;
z-index:2
}
.icon-navigation.position-top {
top:192px
}
.icon-navigation ul {
list-style-type:none;
margin:0;
padding:0
}
.icon-navigation li {
margin:0 0 1px;
padding:0
}
.icon-navigation a {
display:block;
text-align:right;
text-decoration:none
}
.icon-navigation span {
background:#f2f2f2;
color:#000;
display:inline-block;
font-size:0;
margin:.0714em 1.4286em 0 0;
padding:.2143em .7143em;
vertical-align:middle
}
.icon-navigation a:after,.icon-navigation a::after {
background-color:#d40f14;
background-position:center center;
background-repeat:no-repeat;
background-size:100% auto;
content:'';
display:inline-block;
height:3.4375rem;
vertical-align:middle;
width:3.4375rem
}
.icon-navigation a:hover:after,.icon-navigation a:hover::after,.icon-navigation a:focus:after,.icon-navigation a:focus::after {
background-color:#000
}
.icon-navigation a:hover span,.icon-navigation a:focus span {
font-size:.875rem
}
.icon-navigation .icon-suche a:after,.icon-navigation .icon-suche a::after {
background-image:url(../images/layout/icon-navigation/icon-navigation-suche-2x.png)
}
.icon-navigation .icon-suche.active a:after,.icon-navigation .icon-suche.active a::after {
background-image:url(../images/layout/icon-navigation/icon-navigation-suche-schliessen-2x.png)
}
.icon-navigation .icon-behoerdennummer a:after,.icon-navigation .icon-behoerdennummer a::after {
background-image:url(../images/layout/icon-navigation/icon-navigation-behoerdennummer-2x.png)
}
.icon-navigation .icon-kontaktformular a:after,.icon-navigation .icon-kontaktformular a::after {
background-image:url(../images/layout/icon-navigation/icon-navigation-kontaktformular-2x.png)
}
.icon-navigation .icon-online-terminvergabe a:after,.icon-navigation .icon-online-terminvergabe a::after {
background-image:url(../images/layout/icon-navigation/icon-navigation-online-terminvergabe-2x.png)
}
.icon-navigation .icon-unterkuenfte a:after,.icon-navigation .icon-unterkuenfte a::after {
background-image:url(../images/layout/icon-navigation/icon-navigation-unterkuenfte-2x.png)
}
.slick-slider .slick-slide {
outline:none
}
.header-slider .parallax-mirror {
height:100%!important;
left:0!important;
position:absolute!important;
top:0!important;
width:100%!important;
z-index:-1!important
}
.header-slider .parallax-mirror .parallax-slider {
-ms-transform:translate(-50%,0)!important;
-webkit-transform:translate(-50%,0)!important;
left:50%!important;
transform:translate(-50%,0)!important
}
.header-slider .parallax_image .background_wrapper {
background:#1d0b0b80
}
.header-slider .parallax_image .content .text_wrapper {
-ms-transform:translate(0,55%);
-webkit-transform:translate(0,55%);
bottom:50%!important;
font-size:inherit;
line-height:inherit;
margin-right:25px;
max-width:740px;
transform:translate(0,55%)
}
.header-slider .parallax_image .content .text_wrapper > :first-child {
margin-top:0
}
.header-slider h2 {
font-size:3.75rem;
font-weight:700;
line-height:1;
margin:.5em 0 .4em
}
.header-slider p {
font-size:1.25rem;
font-weight:700;
line-height:1.5;
margin:1em 0 1.5em
}
.header-slider .button {
background:#d40f14;
color:#fff;
display:inline-block;
font-size:1rem;
line-height:1.375;
padding:.875em 1.25em;
text-decoration:none;
text-shadow:none
}
.header-slider .button:after,.header-slider .button::after {
content:'\f105';
font-family:FontAwesome;
padding-left:.75em
}
.slick-arrow {
-ms-transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
height:auto;
padding:1.25rem 1.25rem 1.75rem;
transform:translate(0,-50%);
width:auto;
z-index:1
}
.slick-prev {
left:0;
padding-right:1.5rem
}
.slick-next {
padding-left:1.5rem;
right:0
}
.slick-arrow:before,.slick-arrow::before {
font-family:FontAwesome;
font-size:7.5rem;
line-height:1;
opacity:1
}
.slick-prev:before,.slick-prev::before {
content:'\f104'
}
.slick-next:before,.slick-next::before {
content:'\f105'
}
.slick-dots {
bottom:0;
padding-bottom:1.75rem;
top:auto
}
.slick-dots li {
height:auto;
margin:0 .5rem;
width:auto
}
.slick-dots li button {
background:transparent;
border:solid 2px #fff;
border-radius:50%;
height:1.25rem;
width:1.25rem
}
.slick-dots li button:before,.slick-dots li button::before {
display:none
}
.slick-slider.slick-dotted,.header-slider .parallax_image .content .text_wrapper > :last-child {
margin-bottom:0
}
.slick-loading .slick-list,.slick-dots .slick-active button {
background:#fff
}
@media (max-width: 1400px) {
.slick-arrow {
display:none!important
}
}
@media (max-width: 784px) {
.header-slider h2 {
font-size:2.8125rem;
line-height:1.1111
}
}
@media (max-width: 592px) {
.header-slider .parallax_image {
height:300px
}
.header-slider .parallax_image .content .text_wrapper {
-ms-transform:translate(0,50%);
-webkit-transform:translate(0,50%);
transform:translate(0,50%)
}
.header-slider h2 {
font-size:1.875rem;
line-height:1.2;
margin:1em 0 .5333em
}
.header-slider p {
display:none;
font-size:1rem;
line-height:1.5;
margin:1em 0 1.25em
}
.header-slider .button {
font-size:.875rem;
line-height:1.5;
padding:.5em 1em
}
.slick-slider.slick-dotted {
margin-bottom:2.25rem
}
.header-slider.slick-slider.slick-dotted {
margin-bottom:3.5rem
}
.slick-dots {
bottom:auto;
padding-bottom:0;
padding-top:.625rem;
top:100%
}
.slick-dots li {
height:auto;
margin:0 .5rem;
width:auto
}
.slick-dots li button {
border-color:#000
}
.slick-dots .slick-active button {
background:#000
}
}
.teasers li .content_wrapper > a {
display:block!important
}
.teasers li > a.inline,a.inline {
display:inline!important
}
.expandable-wrapper,.expandable-trigger,.expandable-content {
overflow:hidden
}
.expandable-wrapper {
border-bottom:solid 1px #e4e4e4;
border-top:solid 1px #e4e4e4;
margin:1.25rem 0;
padding-bottom:1rem
}
.expandable-wrapper + .expandable-wrapper {
border-top:none;
margin-top:-1.25rem
}
.expandable-wrapper:last-of-type {
margin-bottom:.625rem!important;
padding-bottom:0
}
.expandable-trigger {
cursor:pointer;
margin:.875rem 0 0;
padding:1rem 2.25rem 1rem 0;
position:relative
}
.expandable-trigger a {
color:inherit;
text-decoration:none
}
.expandable-trigger:hover,.expandable-trigger:hover a {
color:#d40f14
}
.infokasten.bg-primary .expandable-trigger:hover,.infokasten.bg-info-inverted .expandable-trigger:hover,.infokasten.bg-warning .expandable-trigger:hover,.infokasten.bg-primary .expandable-trigger:hover a,.infokasten.bg-info-inverted .expandable-trigger:hover a,.infokasten.bg-warning .expandable-trigger:hover a {
color:#000!important
}
.expandable-wrapper .expandable-trigger:after,.expandable-wrapper .expandable-trigger::after {
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
content:'\f106';
font-family:FontAwesome;
font-size:1.4545em;
line-height:1;
margin-top:.03125em;
position:absolute;
right:0;
top:50%;
transform:translateY(-50%)
}
.expandable-wrapper-collapsed .expandable-trigger:after,.expandable-wrapper-collapsed .expandable-trigger::after {
content:'\f107'
}
.expandable-wrapper .expandable-wrapper,.expandable-wrapper.compact {
border:none
}
.expandable-wrapper .expandable-wrapper + .expandable-wrapper,.expandable-wrapper.compact + .expandable-wrapper {
margin-top:-3rem
}
.expandable-wrapper .expandable-wrapper .expandable-trigger,.expandable-wrapper.compact .expandable-trigger {
background:#f2f2f2;
font-size:1rem;
padding:.75em 3.75rem .8125em 1.25rem
}
.expandable-wrapper .expandable-wrapper .expandable-trigger:after,.expandable-wrapper .expandable-wrapper .expandable-trigger-trigger::after,.expandable-wrapper.compact .expandable-trigger:after,.expandable-wrapper.compact .expandable-trigger-trigger::after {
right:1.25rem
}
.expandable-wrapper .expandable-wrapper .expandable-content,.expandable-wrapper.compact .expandable-content {
border:solid 1px #f2f2f2;
padding-left:1.25rem;
padding-right:1.25rem
}
@media (max-width: 592px) {
.expandable-wrapper .expandable-wrapper .expandable-trigger,.expandable-wrapper.compact .expandable-trigger {
font-size:.9375rem
}
}
@media (max-width: 768px) {
.expandable-wrapper .expandable-wrapper .expandable-content,.expandable-wrapper.compact .expandable-content {
padding:0 .25rem
}
}
.infokasten .expandable-wrapper .expandable-wrapper,.infokasten .expandable-wrapper.compact {
margin:1.25rem 0
}
.infokasten .expandable-wrapper .expandable-wrapper + .expandable-wrapper,.infokasten .expandable-wrapper.compact + .expandable-wrapper {
margin-top:-3rem
}
.expandable-wrapper.compact .expandable-trigger,.infokasten .expandable-wrapper.compact.bg-white .expandable-trigger {
background-color:#fff
}
.infokasten .expandable-wrapper .expandable-wrapper .expandable-trigger,.infokasten .expandable-wrapper.compact .expandable-trigger {
background-color:#ffffff1a;
margin-bottom:0
}
.expandable-wrapper.compact .expandable-content,.infokasten .expandable-wrapper.compact.bg-white .expandable-content {
border-color:#fff
}
.infokasten .expandable-wrapper .expandable-wrapper .expandable-content,.infokasten .expandable-wrapper.compact .expandable-content,.additional-content .expandable-wrapper .expandable-wrapper .expandable-content,.additional-content .expandable-wrapper.compact .expandable-content,.two-column-section .two-column-content .expandable-wrapper.compact .expandable-content {
border-color:transparent
}
h1.lvw-headline {
color:#000;
font-size:2.375rem;
font-weight:700;
line-height:1.1579;
margin:.6316em 0 .7368em
}
.lvw-link-container .lvw-link {
font-size:1rem
}
.block_wrapper {
border-bottom:solid 1px #e4e4e4;
padding-bottom:1rem
}
.lvw-headline + .block_wrapper {
margin-top:-1.75rem
}
.block_headline {
margin:.875rem 0 0;
padding:1rem 2.25rem 1rem 0;
position:relative
}
.block_wrapper_inactive .block_headline a {
cursor:text;
outline:none
}
.block_wrapper:not(.block_wrapper_inactive) .block_headline {
cursor:pointer
}
.block_wrapper:not(.block_wrapper_inactive) .block_headline:after,.block_wrapper:not(.block_wrapper_inactive) .block_headline::after {
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
content:'\f106';
font-family:FontAwesome;
font-size:2rem;
line-height:1;
position:absolute;
right:0;
top:50%;
transform:translateY(-50%)
}
.regionaleHinweise {
background:#d40f14;
border-color:#ffffff80;
color:#fff;
margin:16px 0;
padding:22px 26px 30px
}
.regionaleHinweise * {
border-color:inherit!important;
color:inherit!important
}
.regionaleHinweise table,.regionaleHinweise tbody,.regionaleHinweise thead,.regionaleHinweise tr,.regionaleHinweise td,.regionaleHinweise th {
background:transparent!important;
border-color:#ffffff80!important
}
.right .lvw-headline {
font-size:1.375rem;
line-height:1.4545;
margin:1em 0 .8182em
}
.right .lvw-collapsible {
border-top:solid 1px #e4e4e4;
margin-bottom:-1px;
overflow:hidden;
position:relative
}
.right .lvw-collapsible-toggle {
border-bottom:solid 1px #e4e4e4;
cursor:pointer;
font-size:1rem;
line-height:1.1875;
margin:0;
padding:1.125rem 2.5rem 1.125rem 0;
position:relative
}
.right .lvw-collapsible .lvw-collapsible-toggle {
margin-right:-.75rem
}
.right .lvw-collapsible-toggle:after,.right .lvw-collapsible-toggle::after {
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
content:'\f106';
display:block;
font-family:FontAwesome;
font-size:1.5rem;
line-height:1;
margin-top:-.125rem;
position:absolute;
right:.75rem;
top:50%;
transform:translateY(-50%)
}
.right .lvw-collapsible-toggle .lvw-fachnummer {
display:none
}
.right .lvw-collapsible h4,.right .lvw-collapsible p {
font-size:1rem;
line-height:1.5;
margin:.5rem 0
}
.right .lvw-collapsible h4 {
color:#000;
font-weight:700;
margin-top:1.125rem
}
.right .lvw-collapsible .more-link {
margin:0;
padding:1rem 0 1.25rem
}
.right .lvw-list-formulare {
border:none;
margin:.625rem 0
}
.right .lvw-list-formulare li {
border-color:#f2f2f2
}
.right .lvw-list-formulare li:last-child {
border:none
}
.right .lvw-list-formulare li a {
padding-left:1.75rem
}
.right .details:last-child {
margin-bottom:1rem
}
.right .details-collapsible .details-collapsible-toggle {
cursor:pointer;
padding-right:1rem;
position:relative
}
.right .details-collapsible .details-collapsible-toggle:after,.right .details-collapsible .details-collapsible-toggle::after {
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
content:'\f106';
display:block;
font-family:FontAwesome;
font-size:1.125rem;
line-height:1.3333;
margin-top:-.0625rem;
position:absolute;
right:0;
text-align:center;
top:50%;
transform:translateY(-50%);
width:1rem
}
main .content div.left .lvw-headline-fachbereich:first-of-type,main .content div.column .lvw-headline-fachbereich:first-of-type,main .content div.columns .lvw-headline-fachbereich:first-of-type {
margin-top:2em
}
.lvw-adresse + .table-wrapper,.lvw-adresse + .table-table {
margin-top:-1px
}
main .content div.left h1.lvw-headline + h2.lvw-headline-lebenslagen,main .content div.column h1.lvw-headline + h2.lvw-headline-lebenslagen,main .content div.columns h1.lvw-headline + h2.lvw-headline-lebenslagen {
margin-top:2rem
}
.block_wrapper,.block_headline,.block_content,.right .lvw-collapsible-content,.right .details,.right .details-content {
overflow:hidden
}
.block_headline a,.right .lvw-collapsible-toggle a,.right .details-collapsible .details-collapsible-toggle a {
color:inherit;
text-decoration:none
}
.block_wrapper:not(.block_wrapper_inactive) .block_headline:hover,.block_wrapper:not(.block_wrapper_inactive) .block_headline:hover a,.right .lvw-collapsible-toggle:hover,.right .lvw-collapsible-toggle:hover a,.right .details-collapsible .details-collapsible-toggle:hover,.right .details-collapsible .details-collapsible-toggle:hover a {
color:#d40f14
}
.block_wrapper_hidden:not(.block_wrapper_inactive) .block_headline:after,.block_wrapper_hidden:not(.block_wrapper_inactive) .block_headline::after,.right .lvw-collapsible-hidden .lvw-collapsible-toggle:after,.right .lvw-collapsible-hidden .lvw-collapsible-toggle::after,.right .details-collapsible-hidden .details-collapsible-toggle:after,.right .details-collapsible-hidden .details-collapsible-toggle::after {
content:'\f107'
}
.regionaleHinweise > :first-child,.right .details-content > :first-child {
margin-top:0
}
.regionaleHinweise_headline,.lvw-headline-fachbereich,main .content div.left .lvw-headline-fachbereich,main .content div.column .lvw-headline-fachbereich,main .content div.columns .lvw-headline-fachbereich {
font-size:1.375rem;
font-weight:700;
line-height:1.4545;
margin:1em 0 .8182em
}
.regionaleHinweise .regionaleHinweise_content > :last-child,.right .lvw-collapsible .details:last-child > :last-child,.right .details-content > :last-child {
margin-bottom:0
}
.right .lvw-collapsible .more-link a,.lvw-adresse {
font-weight:700
}
main .content div.left .lvw-headline-anbieter-kontakt,.lvw-headline-anbieter-anliegen-uebersicht,main .content div.left .lvw-headline-anbieter-anliegen-uebersicht,main .content div.column .lvw-headline-anbieter-anliegen-uebersicht,main .content div.columns .lvw-headline-anbieter-anliegen-uebersicht,.lvw-headline-abteilung-anbieter,main .content div.left .lvw-headline-abteilung-anbieter,main .content div.column .lvw-headline-abteilung-anbieter,main .content div.columns .lvw-headline-abteilung-anbieter {
font-size:1.375rem;
font-weight:700;
line-height:1.4545;
margin:2em 0 .8182em
}
@media (max-width: 1209px) {
main .content div.right {
margin-top:3rem
}
main .search_wrapper .form_wrapper p input[type="text"] {
padding-right:20px
}
}
@media (max-width: 575px) {
.lvw-headline + .block_wrapper {
margin-top:-.625rem
}
.block_wrapper:not(.block_wrapper_inactive) .block_headline:after,.block_wrapper:not(.block_wrapper_inactive) .block_headline::after {
font-size:1.25rem;
line-height:1.15
}
.right .lvw-collapsible-toggle {
line-height:1.375
}
.right .lvw-collapsible-toggle:after,.right .lvw-collapsible-toggle::after {
font-size:1.25rem;
line-height:1.1
}
.right .details-collapsible .details-collapsible-toggle:after,.right .details-collapsible .details-collapsible-toggle::after {
width:.8125rem
}
.lvw-headline-fachbereich + .lvw-list {
margin-top:2.25rem
}
.lvw-link-container .lvw-link,.right .lvw-collapsible h4,.right .lvw-collapsible p {
font-size:.875rem
}
.infokasten h2,main .content .columns .infokasten h2,main .content .column .infokasten h2,.infokasten h3,.regionaleHinweise_headline,.lvw-headline-fachbereich,main .content div.left .lvw-headline-fachbereich,main .content div.column .lvw-headline-fachbereich,main .content div.columns .lvw-headline-fachbereich,.lvw-headline-anbieter-anliegen-uebersicht,main .content div.left .lvw-headline-anbieter-anliegen-uebersicht,main .content div.column .lvw-headline-anbieter-anliegen-uebersicht,main .content div.columns .lvw-headline-anbieter-anliegen-uebersicht,.lvw-headline-abteilung-anbieter,main .content div.left .lvw-headline-abteilung-anbieter,main .content div.column .lvw-headline-abteilung-anbieter,main .content div.columns .lvw-headline-abteilung-anbieter {
font-size:1rem
}
h1.lvw-headline,.right .lvw-headline {
font-size:1.25rem
}
.lvw-headline-anbieter-anliegen-uebersicht + .lvw-list,.lvw-headline-abteilung-anbieter + .lvw-list {
margin-top:2rem
}
}
.messages {
margin-top:1.75rem
}
.messages h2,main .content div.left .messages h2,main .content div.column .messages h2,main .content div.columns .messages h2 {
color:#000;
font-size:1.125rem;
line-height:1.3889;
margin:0 0 .6667em
}
.form-contact h2,.form-contact h3 {
color:#000
}
.form-contact .row h2,main .content div.left .form-contact .row h2,main .content div.column .form-contact .row h2,main .content div.columns .form-contact .row h2 {
font-weight:700;
margin-bottom:0
}
.form-contact label.main {
margin-bottom:.5rem
}
.form-contact select + select {
margin-top:1.25rem
}
.form-contact .wrapper {
display:-webkit-flex;
display:flex;
margin:0 -1.25rem;
margin-bottom:2.5rem
}
.form-contact .wrapper > .column {
-webkit-flex:1 1 100%;
flex:1 1 100%;
margin-left:1.25rem;
margin-right:1.25rem
}
.form-contact .row.multiple-inputs {
display:-webkit-flex;
display:flex;
margin-left:-1.25rem;
margin-left:-.625rem;
margin-right:-1.25rem;
margin-right:-.625rem
}
.form-contact .row.multiple-inputs.center {
align-items:baseline
}
.form-contact .row.multiple-inputs .col {
-webkit-flex:1 1 100%;
flex:1 1 100%;
margin-left:1.25rem;
margin-left:.625rem;
margin-right:1.25rem;
margin-right:.625rem
}
.form-contact .row-answer {
margin-bottom:1.75rem;
margin-top:3.25rem
}
.form-contact .row-answer label {
margin-left:.125rem;
margin-right:.25rem
}
.form-contact .row-answer label:first-child {
margin-left:0;
margin-right:.75rem
}
@media (max-width: 657px) {
.form-contact .row.multiple-inputs .col:last-child {
margin-top:1.25rem
}
.form-contact .row.multiple-inputs,.form-contact .row.multiple-inputs .col:not(.infokasten) {
-webkit-flex-direction:column;
flex-direction:column
}
}
.form-contact .row-submit {
display:block;
display:-webkit-flex;
display:flex;
margin-bottom:2rem;
margin-top:2.5rem
}
.form-contact .row-submit > div {
-webkit-align-items:flex-end;
-webkit-flex:1 1 auto;
-webkit-justify-content:flex-end;
align-items:flex-end;
display:-webkit-flex;
display:flex;
flex:1 1 auto;
justify-content:flex-end
}
.form-contact .row-submit > .captcha {
-webkit-justify-content:flex-start;
justify-content:flex-start
}
.form-contact input.text,.form-contact textarea,.form-contact select {
background:#fff;
font-size:1rem
}
.form-contact input.reset,.form-contact input.submit {
font-size:1.25rem
}
.form-contact input.reset,.form-contact input[type="reset"],.form-contact button[type="reset"] {
background:#87888a;
color:#fff
}
.form-contact input.reset:hover,.form-contact input.reset:focus,.form-contact input[type="reset"]:hover,.form-contact input[type="reset"]:focus,.form-contact button[type="reset"]:hover,.form-contact button[type="reset"]:focus {
background:#4b4f55;
outline:none
}
.form-contact input.submit:hover,.form-contact input.submit:focus,.form-contact input[type="submit"]:hover,.form-contact input[type="submit"]:focus {
background:#ac0a26;
outline:none
}
.form-contact .row-background {
background:#ffffff80
}
.events-search-wrapper .select2-container .select2-choices {
background:#fff!important
}
.form-contact input.text:hover,.form-contact input.text:focus,.form-contact textarea:hover,.form-contact textarea:focus,.form-contact select:hover,.form-contact select:focus {
border-color:#c6c7c8;
outline:none
}
.events-search-wrapper .select2-container:hover .select2-choices,.events-search-wrapper .select2-container.select2-container-active .select2-choices {
border-color:#c6c7c8
}
.fake-checkbox input[type="checkbox"] + .checkbox {
background-color:#fff
}
.form-contact input.text,.form-contact textarea,.form-contact select,.form-contact .row-background {
padding:.625rem .875rem
}
.form-contact .row-background input {
margin-right:.25rem
}
.form-contact .row-submit input {
margin:0 0 0 1rem
}
.form-contact textarea {
min-height:27rem;
resize:vertical
}
.form-contact .required {
margin-right:.5rem
}
.form-contact .counter {
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
-webkit-user-select:none;
color:#121212;
display:inline-block;
font-size:.875rem;
user-select:none
}
.content .events-search-wrapper {
margin-left:0;
margin-right:0
}
.content .events-search-wrapper .form-events-search {
padding:20px 10px 40px
}
.content .events-search-wrapper .form-events-search .left,.content .events-search-wrapper .form-events-search .right {
padding-left:10px;
padding-right:10px
}
.teasers .hidden,.teasers_wide .hidden {
display:none
}
.show-items-wrapper {
margin:2rem 0;
text-align:center
}
.show-items-wrapper button {
-webkit-appearance:none;
background:#d40f14;
border:none;
border-radius:0;
color:#fff;
font-size:1rem;
font-weight:700;
padding:.875em 1.25em
}
.show-items-wrapper button:after,.show-items-wrapper button::after {
content:'\f01e';
font-family:FontAwesome;
margin-left:.625em
}
main ul.teasers li a .text_wrapper h3,main ul.teasers_wide li a .text_wrapper h3,main ul.teasers li a .text_wrapper p,main ul.teasers_wide li a .text_wrapper p {
-ms-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
overflow-wrap:normal;
word-wrap:normal
}
main ul.teasers li a:hover h3,main ul.teasers li a:focus h3,main ul.teasers_wide li a:hover h3,main ul.teasers_wide li a:focus h3 {
color:#d40f14;
text-decoration:underline
}
main ul.teasers li a h3:after,main ul.teasers li a h3::after,main ul.teasers_wide li a h3:after,main ul.teasers_wide li a h3::after {
content:'\f105';
display:inline-block;
font-family:FontAwesome;
margin-right:-.8182em;
text-align:right;
width:.8182em
}
html[dir=rtl] main ul.teasers li a h3:after,html[dir=rtl] main ul.teasers li a h3::after,html[dir=rtl] main ul.teasers_wide li a h3:after,html[dir=rtl] main ul.teasers_wide li a h3::after {
content:'\f104';
margin-left:-.8182em;
margin-right:0;
text-align:left
}
main ul.teasers li a h3.parent,main ul.teasers li a h3.parent,main ul.teasers_wide li a h3.parent,main ul.teasers_wide li a h3.parent {
margin-left:.8182em
}
main ul.teasers li a h3.parent:before,main ul.teasers li a h3.parent::before,main ul.teasers_wide li a h3.parent:before,main ul.teasers_wide li a h3.parent::before {
color:#d40f14;
content:'\f104';
display:inline-block;
font-family:FontAwesome;
margin-left:-.8182em;
width:.8182em
}
html[dir=rtl] main ul.teasers li a h3.parent:before,html[dir=rtl] main ul.teasers li a h3.parent::before,html[dir=rtl] main ul.teasers_wide li a h3.parent:before,html[dir=rtl] main ul.teasers_wide li a h3.parent::before {
color:#d40f14;
content:'\f105';
display:inline-block;
font-family:FontAwesome;
margin-left:0;
margin-right:-.8182em;
width:.8182em
}
main ul.teasers li .external h3 {
padding-right:1.3637em
}
main ul.teasers li .external h3:after,main ul.teasers li .external h3::after,main ul.teasers_wide li .external h3:after,main ul.teasers_wide li .external h3::after,/* 25-02-20 */
main ul.teasers li a[target] h3:after,main ul.teasers li a[target] h4:after,main ul.teasers li a[target] h5:after,main div.teaser-box a[target] h3:after,main div.teaser-box a[target] h4:after,main div.teaser-box a[target] h5:after {
content:'\f08e'!important;
margin-right:-1.3637em;
width:1.3637em
}
html[dir=rtl] main ul.teasers li .external h3:after,html[dir=rtl] main ul.teasers li .external h3::after,html[dir=rtl] main ul.teasers_wide li .external h3:after,html[dir=rtl] main ul.teasers_wide li .external h3::after,/* 25-02-20 */
html[dir=rtl] main ul.teasers li a[target] h3:after,html[dir=rtl] main ul.teasers li a[target] h4:after,html[dir=rtl] main ul.teasers li a[target] h5:after,html[dir=rtl] main div.teaser-box a[target] h3:after,html[dir=rtl] main div.teaser-box a[target] h4:after,html[dir=rtl] main div.teaser-box a[target] h5:after {
-webkit-transform:scaleX(-1);
margin-left:-1.3637em;
margin-right:6px;
transform:scaleX(-1)
}
main ul.teasers li {
margin-bottom:27px
}
.background_wrapper.gray ul.teasers li {
margin-bottom:8px
}
main ul.teasers li a h3.parent:after,main ul.teasers li a h3.parent::after,main ul.teasers_wide li a h3.parent:after,main ul.teasers_wide li a h3.parent::after,html[dir=rtl] main ul.teasers li a h3.parent:after,html[dir=rtl] main ul.teasers li a h3.parent::after,html[dir=rtl] main ul.teasers_wide li a h3.parent:after,html[dir=rtl] main ul.teasers_wide li a h3.parent::after {
content:' '
}
@media (min-width: 991px) {
main ul.teasers_wide {
-webkit-flex-flow:row wrap;
display:-webkit-flex;
display:flex;
flex-flow:row wrap
}
main ul.teasers_wide li .content_wrapper,.background_wrapper.gray ul.teasers_wide li .content_wrapper {
display:-webkit-flex;
display:flex;
height:auto;
overflow:hidden;
width:100%
}
main ul.teasers_wide li a .image_wrapper {
height:auto;
min-height:160px
}
main ul.teasers_wide li a .text_wrapper {
padding-bottom:32px;
padding-right:30px
}
main ul.teasers_wide li,main ul.teasers_wide li .content_wrapper a,.background_wrapper.gray ul.teasers_wide li .content_wrapper a {
display:-webkit-flex;
display:flex
}
}
@media (max-width: 1209px) {
main ul.teasers_wide li .text_wrapper p {
display:block
}
}
@media (max-width: 784px) {
.background_wrapper.gray ul.teasers li {
background:transparent url(../images/layout/border_bottom.png) repeat-x left bottom;
padding-bottom:19px
}
}
@media (max-width: 640px) {
main ul.teasers li,.background_wrapper.gray ul.teasers li {
margin:0
}
.background_wrapper.gray ul.teasers li {
background:transparent;
padding-bottom:0
}
}
@media (max-width: 480px) {
main > .content:not(.content-anzeigen):not(#content) .teasers .text_wrapper {
display:block;
position:relative
}
main > .content:not(.content-anzeigen):not(#content) .teasers .text_wrapper:before,main > .content:not(.content-anzeigen):not(#content) .teasers .text_wrapper::before {
border-top:solid 1px #fff;
content:'';
left:20px;
position:absolute;
right:20px;
top:-1px
}
main > .content:not(.content-anzeigen):not(#content) .teasers .image_wrapper {
display:none
}
}
@media (max-width: 1209px) {
.icon-navigation {
display:none
}
header .top .right a.toggle_mobile_nav,header .top .right a.toggle_mobile_nav.expanded {
background-position:right center;
width:auto
}
header .top .right a.toggle_mobile_nav span {
bottom:auto;
padding-right:38px;
position:relative;
right:auto;
top:-2px
}
header .top .right a.toggle_mobile_nav.expanded {
margin-right:-8px
}
header .top .right a.toggle_mobile_nav.expanded .close {
display:inline-block;
padding-right:33px
}
header .top .right .readspeaker {
margin-right:15px
}
}
@media (max-width: 460px) {
header .top .right a.toggle_mobile_nav,header .top .right a.toggle_mobile_nav.expanded {
background-position:center center;
margin-right:-11px;
width:23px
}
header .top .right a.toggle_mobile_nav .open,header .top .right a.toggle_mobile_nav.expanded .close {
display:none
}
}
@media (max-width: 784px) {
.form-contact .wrapper,.form-contact .row-submit,.form-contact .row-submit > div {
display:block
}
.form-contact .row-submit > .captcha {
margin-bottom:2.5rem
}
.form-contact .row-submit > div input {
margin-bottom:1rem
}
}
@media (max-width: 397px) {
.form-contact .g-recaptcha {
-ms-transform:scale(0.88);
-ms-transform-origin:0 0;
-webkit-transform:scale(0.88);
-webkit-transform-origin:0 0;
transform:scale(0.88);
transform-origin:0 0
}
}
.image-slider {
margin:2.5rem 0 3rem;
overflow:hidden;
padding-bottom:4rem;
padding-bottom:6em
}
.image-slider .slick-list {
margin:0 -1.25rem;
margin:0 -1.25rem
}
.image-slider .item {
margin:0 1.25rem
}
.image-slider .slick-arrow {
-ms-transform:none;
-webkit-transform:none;
bottom:0;
display:block!important;
height:auto;
margin:0 .375rem;
padding-left:.75rem;
padding-right:.75rem;
top:auto;
transform:none;
width:auto;
z-index:1
}
.image-slider .slick-prev {
left:auto;
right:50%
}
.image-slider .slick-next {
left:50%;
right:auto
}
.image-slider .slick-arrow:before,.image-slider .slick-arrow::before {
background:#d40f14;
border-radius:50%;
border-radius:0;
display:inline-block;
font-family:FontAwesome;
font-size:1.125rem;
height:2.2222em;
line-height:2.2222;
opacity:1;
padding-top:1px;
text-align:center;
width:2.2222em
}
.image-slider .slick-arrow:hover:before,.image-slider .slick-arrow:hover::before,.image-slider .slick-arrow:focus-visible:before,.image-slider .slick-arrow:focus-visible::before {
background-color:#000
}
.image-slider .slick-prev:before,.image-slider .slick-prev::before {
content:'\f053';
padding-right:.1667em
}
.image-slider .slick-next:before,.image-slider .slick-next::before {
content:'\f054';
padding-left:.1667em
}
.image-slider .slick-slide {
padding:0 1.25rem
}
.image-slider .slick-slide .item {
display:block!important;
margin:0;
padding:0
}
html[dir=rtl] .slick-slider .slick-slide a[href] {
margin-left:.2em;
margin-right:.2em;
padding-left:.7em;
padding-right:.7em
}
html[dir=rtl] .slick-slider .slick-slide a[href]::after {
content:''
}
.flex-gallery {
display:flex;
flex-direction:row;
flex-wrap:wrap
}
.flex-gallery .item {
display:flex;
flex-direction:column
}
.flex-gallery .item .figure-caption {
align-items:center;
display:flex;
height:100%;
justify-content:center;
text-align:center
}
.flex-gallery-l {
gap:30px
}
.flex-gallery-l .item {
max-width:calc(33.333% - 20px)
}
.flex-gallery-m .item {
max-width:calc(25% - 20px)
}
.flex-gallery-s .item {
max-width:calc(20% - 20px)
}
.flex-gallery-m,.flex-gallery-s {
gap:20px
}
@media screen and (max-width: 1024px) {
.flex-gallery-s {
gap:20px
}
.flex-gallery-s .item {
max-width:calc(25% - 20px)
}
.flex-gallery .item {
margin-bottom:1rem
}
}
@media screen and (max-width: 767px) {
.flex-gallery-s,.flex-gallery-m {
gap:20px
}
.flex-gallery-s .item,.flex-gallery-m .item {
max-width:calc(33.333% - 20px)
}
}
@media screen and (max-width: 592px) {
.flex-gallery-s,.flex-gallery-m,.flex-gallery-l {
gap:20px
}
.flex-gallery-s .item,.flex-gallery-m .item,.flex-gallery-l .item {
max-width:calc(50% - 20px)
}
}
@media screen and (max-width: 400px) {
.flex-gallery-s,.flex-gallery-m,.flex-gallery-l {
gap:0
}
.flex-gallery-s .item,.flex-gallery-m .item,.flex-gallery-l .item {
max-width:100%
}
}
.splide :not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i),.gallery-container :not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i) {
text-decoration:none
}
.splide .splide__slide a.item {
display:block!important;
margin:0!important;
padding:0!important;
text-decoration-thickness:1px!important
}
.splide .splide__slide a.item:after,.splide .splide__slide a.item::after {
content:''!important;
display:none!important
}
.gallery-container .image-grid {
display:flex;
flex-wrap:wrap;
gap:1.5rem;
list-style-type:none
}
.gallery-container .image-grid .grid-item {
max-width:360px;
width:100%
}
.splide,.gallery-container {
margin-bottom:.625rem;
padding:0 1rem;
padding-bottom:1rem
}
@media screen and (min-width: 410px) {
.gallery-container .image-grid .grid-item {
width:calc(50% - 0.75rem)
}
}
@media screen and (min-width: 770px) {
.gallery-container .image-grid .grid-item {
width:calc(33.3333% - 1rem)
}
}
.splide .splide__arrow {
background-color:#ffffffe6;
border:2px solid transparent;
box-shadow:1px 1px 4px 0 #0000004d;
height:3rem;
transition:border-color .2s linear,background-color .2s linear,opacity .2s linear;
width:3rem
}
.gallery-container .image-grid .grid-item .img-wrapper,.splide .splide__slide .img-wrapper {
border:2px solid transparent;
position:relative
}
.gallery-container .image-grid .grid-item .img-wrapper img,.splide .splide__slide .img-wrapper img {
height:100%;
width:100%
}
.gallery-container .image-grid .grid-item .img-wrapper img.cover,.splide .splide__slide .img-wrapper img.cover {
object-fit:cover
}
.gallery-container .image-grid .grid-item .img-wrapper img.contain,.splide .splide__slide .img-wrapper img.contain {
object-fit:contain
}
.gallery-container .image-grid .grid-item .img-wrapper img.top-left,.splide .splide__slide .img-wrapper img.top-left {
object-position:top left
}
.gallery-container .image-grid .grid-item .img-wrapper img.top-center,.splide .splide__slide .img-wrapper img.top-center {
object-position:top center
}
.gallery-container .image-grid .grid-item .img-wrapper img.top-right,.splide .splide__slide .img-wrapper img.top-right {
object-position:top right
}
.gallery-container .image-grid .grid-item .img-wrapper img.center-left,.splide .splide__slide .img-wrapper img.center-left {
object-position:center left
}
.gallery-container .image-grid .grid-item .img-wrapper img.center-center,.splide .splide__slide .img-wrapper img.center-center {
object-position:center center
}
.gallery-container .image-grid .grid-item .img-wrapper img.center-right,.splide .splide__slide .img-wrapper img.center-right {
object-position:center right
}
.gallery-container .image-grid .grid-item .img-wrapper img.bottom-left,.splide .splide__slide .img-wrapper img.bottom-left {
object-position:bottom left
}
.gallery-container .image-grid .grid-item .img-wrapper img.bottom-center,.splide .splide__slide .img-wrapper img.bottom-center {
object-position:bottom center
}
.gallery-container .image-grid .grid-item .img-wrapper img.bottom-right,.splide .splide__slide .img-wrapper img.bottom-right {
object-position:bottom right
}
.gallery-container .image-grid .grid-item .icon-wrapper,.splide .splide__slide .icon-wrapper {
bottom:.5rem;
height:1.5rem;
position:absolute;
right:.5rem;
width:1.5rem
}
.gallery-container .image-grid .grid-item .img-wrapper i,.splide .splide__slide .img-wrapper i {
align-items:center;
background-color:#ffffffe6;
border:2px solid transparent;
border-radius:2px;
bottom:50%;
box-shadow:1px 1px 4px 0 #0000004d;
color:#000;
display:flex;
height:0;
justify-content:center;
left:50%;
position:absolute;
right:50%;
top:50%;
transform:translate(-50%,-50%);
transition:.15s all ease-in;
visibility:hidden;
width:0
}
.gallery-container .image-grid .grid-item .img-wrapper i:before,.splide .splide__slide .img-wrapper i:before {
bottom:50%;
height:0;
left:50%;
position:absolute;
right:50%;
top:50%;
transform:translate(-50%,-50%);
transition:.15s all ease-in;
width:0
}
.gallery-container .image-grid .grid-item a:focus-visible .img-wrapper i:before,.gallery-container .image-grid .grid-item:hover .img-wrapper i:before,.splide .splide__slide a:focus-visible .img-wrapper i:before,.splide .splide__slide:hover .img-wrapper i:before {
height:15px;
width:14px
}
.gallery-container .image-grid .grid-item a:focus-visible .img-wrapper,.gallery-container .image-grid .grid-item a:focus-visible .img-wrapper i,.splide .splide__slide a:focus-visible .img-wrapper,.splide .splide__slide a:focus-visible .img-wrapper i,.splide .splide__arrow:focus-visible {
border:2px solid #d40f14ff
}
.gallery-container .image-grid .grid-item a:focus-visible .img-wrapper i,.gallery-container .image-grid .grid-item a:focus-visible .figure-caption,.splide .splide__slide a:focus-visible .img-wrapper i,.splide .splide__slide a:focus-visible .figure-caption {
color:#d40f14ff
}
.splide .splide__arrow svg {
transition:.15s fill ease-in
}
.splide .splide__arrow:focus-visible svg {
fill:#d40f14ff
}
.gallery-container .image-grid .grid-item a:focus-visible .img-wrapper i,.gallery-container .image-grid .grid-item:hover .img-wrapper i,.splide .splide__slide a:focus-visible .img-wrapper i,.splide .splide__slide:hover .img-wrapper i {
height:1.5rem;
visibility:visible;
width:1.5rem
}
.gallery-container .image-grid .grid-item:hover .img-wrapper .icon-wrapper i,.splide .splide__slide:hover .img-wrapper .icon-wrapper i,.splide .splide__arrow:hover {
background-color:#d40f14ff;
border-color:#fff;
color:#fff;
opacity:1!important;
visibility:visible
}
.splide .splide__arrow:hover svg {
fill:#fff
}
.splide .splide__arrow--prev {
left:.25rem
}
.splide .splide__arrow--next {
right:.25rem
}
.gallery-container .image-grid .grid-item .figure-caption:not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i),.splide .splide__slide .figure-caption:not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i) {
background-color:transparent;
margin-top:1.125rem;
padding:0;
text-decoration:none
}
.gallery-container .image-grid .grid-item:hover .figure-caption:not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i),.splide .splide__slide:hover .figure-caption:not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i) {
color:#d40f14ff;
text-decoration:underline
}
.bg-info-inverted .image-grid .grid-item:hover .figure-caption:not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i),.bg-warning .image-grid .grid-item:hover .figure-caption:not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i),.bg-success .gallery-container .image-grid .grid-item:hover .figure-caption:not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i),.bg-info-inverted .splide .splide__slide:hover .figure-caption:not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i),.bg-warning .splide .splide__slide:hover .figure-caption:not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i),.bg-success .splide .splide__slide:hover .figure-caption:not(.icon):not(.fas):not(.fab):not(.far):not(.fa):not(.glyphicon):not(.material-icons):not(.ab-icon):not(.mkdf-icon-font-elegant):not(style):not(script):not(meta):not(i) {
color:#ffff;
text-decoration:underline
}
html body {
-webkit-text-size-adjust:100%;
font-family:'Open Sans',Arial,Tahoma,sans-serif;
font-weight:400;
line-height:1.5;
margin:0
}
body a[href] {
color:#d40f14
}
body a[href]:hover,body a[href]:focus {
outline:none;
text-decoration:underline;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
body a[href]:focus-visible {
outline:solid 1px #d40f14
}
body a[href^="mailto:"] {
overflow-wrap:anywhere
}
form .row {
display:block
}
form .row.inline > * {
float:left;
margin-right:1rem
}
form .row.inline > .inline {
margin-bottom:0;
margin-top:0
}
form .row.multiple-inputs {
-webkit-flex-flow:row nowrap;
display:-webkit-flex;
display:flex;
flex-flow:row nowrap
}
form .row.multiple-inputs .col {
-webkit-flex:1 1 100%;
flex:1 1 100%;
max-width:none;
padding-left:0;
padding-right:0;
position:static;
width:auto
}
form .row .row:last-child {
margin-bottom:0
}
.messages.error,.messages.success {
background:#f2f2f2;
border:none
}
.content h1 {
font-size:2.375rem;
font-weight:700;
line-height:1.1579;
margin:.6316em 0 .7368em;
padding-right:200px
}
.content .subheadline {
font-size:2rem;
font-weight:400;
line-height:1.25
}
.content h1 + .subheadline {
margin-top:-.5em
}
main .content div.column h2,.infokasten h2 {
font-size:1.6rem;
font-weight:400;
line-height:1.6
}
.infokasten h2 strong {
font-weight:700!important
}
.splide.is-focus-in .splide__slide:focus-visible,.splide.is-focus-in .splide__slide:focus-within,.splide.is-focus-in .splide__slide:focus,.splide.is-focus-in .splide__slide a:focus-visible,.splide.is-focus-in .splide__slide a:focus-within,.splide.is-focus-in .splide__slide a:focus,.splide__slide:focus-visible,.splide.is-focus-in .splide__arrow:focus,.gallery-container .image-grid .grid-item a:focus-visible {
outline:none!important
}
form label.main,form .row label.main + .row {
margin-top:0
}
@media (max-width: 784px) {
.content h1 {
padding-right:0
}
}
@media (max-width: 592px) {
h3 {
font-size:1rem
}
p,address,ol,ul,table {
font-size:.875rem
}
main .content div.left h2,main .content div.column h2,main .content div.columns h2 {
font-size:1.125rem
}
.content .subheadline {
font-size:1.125rem;
line-height:1.4
}
h2,.content h1 {
font-size:1.25rem
}
}
.content .form-contact {
background:#f2f2f2;
overflow:hidden;
padding:1.25rem
}
header .top .right a.toggle_mobile_nav .close {
color:#fff;
float:none;
font-size:14px;
font-weight:700;
opacity:1;
text-shadow:none
}
img.close,img.close:hover {
opacity:1
}
header .mainnavigation_search_wrapper > .content_wrapper > .content > ul#mainmenu > li span.border {
border:none!important
}
@media (min-width: 1227px) {
header .mainnavigation_search_wrapper > .content_wrapper > .content > ul#mainmenu > li span.border {
border-left:1px solid #e4e4e4!important
}
}
#radio_in,#radio_out,#radio_agb {
background:transparent!important;
border:none!important;
border-radius:0!important;
color:#121212!important;
margin:-.25em -.5em;
padding:.25em .625em!important;
width:auto!important
}
#radio_in.radio_success,#radio_out.radio_warning,#radio_agb.active {
background:#eaeaea!important;
background:#fffc!important
}
#radio_in + label,#radio_out + label,#radio_agb + label {
margin-left:.875em!important
}
@media (max-width: 800px) {
#radio_in,#radio_out,#radio_agb {
display:block!important
}
#radio_in + label,#radio_out + label,#radio_agb + label {
margin-left:-.5em!important;
margin-top:.25em
}
}
.row-submit-no-captcha {
padding-top:1.625em
}
div.lop-menu {
background:#fff;
border-color:#d40f14;
border-style:solid;
border-width:0 0 1px;
color:#d40f14;
margin-bottom:10px;
padding-bottom:5px
}
div.lop-menu ul {
margin:0 auto;
padding:0
}
div.lop-menu ul li {
background:#EEE;
border-right:1px solid #000;
float:left;
list-style:none;
padding:5px 0;
position:relative
}
div.lop-submenu ul {
background-color:#FFF;
list-style-type:none;
margin:0;
padding:0;
width:100%
}
div.lop-submenu ul li a {
color:#000;
display:block;
padding:8px 25px 5px;
text-decoration:none
}
div.lop-submenu ul li a:hover {
background-color:#F1F1F1;
color:#d40f14;
text-decoration:none
}
div.lop-menu ul li.last {
border:0!important
}
div.lop-menu ul li:hover {
background:#DDD
}
div.lop-menu ul li.first {
border-left:1px solid #000
}
div.lop-menu ul li a {
color:#000;
display:inline-flex;
height:100%;
padding:0 15px;
width:100%
}
div.lop-menu ul li a:hover {
color:#d40f14;
text-decoration:none
}
.lop-menu {
margin:1.5rem 0 1.25rem;
position:relative
}
.lop-menu:first-child {
margin-top:0
}
h1 + .lop-menu {
margin-top:2.5rem
}
.lop-menu .btn .fa {
margin-right:0
}
.lop-menu .fa + span {
margin-left:.4375em
}
.lop-menu input + .btn {
border-left:none;
border-right:none;
margin-left:-2.5em
}
.lop-menu .search-form {
margin-left:-.375rem
}
.lop-menu .user-options {
position:absolute;
right:0;
top:0
}
#content > .column > .lop-menu .btn-group:first-child .btn:first-child {
border-left:none;
border-right:none;
padding-left:0
}
.lop-overview .lop-menu {
background:#eaeaea;
display:-webkit-flex;
display:flex;
margin:2rem 0;
padding:25px
}
.lop-overview .lop-menu .btn {
font-size:1.25rem;
font-weight:700
}
.lop-overview .lop-menu :not(.search-form) .btn {
padding-left:.8em;
padding-right:.8em
}
.lop-overview .lop-menu .btn:first-child,.lop-overview .lop-menu :not(.search-form) .btn:first-child {
border-left:none;
padding-left:0
}
.lop-overview .lop-menu .search-form {
-webkit-flex:1 1 70%;
flex:1 1 70%;
margin:0
}
.lop-overview .lop-menu .search-form input {
background:#fff;
border:solid 1px #e4e4e4;
font-size:1.5rem;
font-size:1.25rem;
font-weight:700;
outline:none;
padding-right:2.4em;
width:100%
}
.lop-overview .lop-menu .search-form input:hover,.lop-overview .lop-menu .search-form input:focus,.lop-overview .lop-menu .search-form.focus {
background:#fff;
border-color:#c6c7c8
}
.lop-overview .lop-menu .search-form .btn {
margin-left:-2.4em;
min-width:2.4em
}
.lop-overview .lop-menu .search-form input::-webkit-input-placeholder,.lop-overview .lop-menu .search-form input:-ms-input-placeholder {
font-weight:400
}
.lop-overview .lop-menu .search-form input::-moz-placeholder,.lop-overview .lop-menu .search-form input:-moz-placeholder {
font-weight:400;
opacity:1
}
@media (max-width: 592px) {
.lop-menu {
margin-top:.75rem
}
h1 + .lop-menu {
margin-top:1.5rem
}
.lop-menu span {
display:none
}
.lop-overview .lop-menu .search-form .btn {
margin-left:-2.3333em;
min-width:2.3333em
}
.lop-overview .lop-menu .btn,.lop-overview .lop-menu .search-form input {
font-size:1.125rem
}
}
.messages.signup h2,main .content div.left .messages.signup h2,main .content div.column .messages.signup h2,main .content div.columns .messages.signup h2 {
font-size:1.75rem;
margin-bottom:.5em
}
@media (max-width: 592px) {
.messages.signup h2,main .content div.left .messages.signup h2,main .content div.column .messages.signup h2,main .content div.columns .messages.signup h2 {
font-size:1.125rem
}
}
.lop-overview {
-webkit-flex-flow:row wrap;
display:-webkit-flex;
display:flex;
flex-flow:row wrap;
margin:0 -1.25rem
}
.lop-overview .column {
-ms-flex-preferred-size:calc(100% - 2.5rem);
-webkit-flex:0 0 100%;
flex:0 0 100%;
padding:0 1.25rem
}
.lop-overview .column-60 {
-ms-flex-preferred-size:calc(60% - 2.5rem);
-webkit-flex:0 0 60%;
flex:0 0 60%
}
.lop-overview .column-40 {
-ms-flex-preferred-size:calc(40% - 2.5rem);
-webkit-flex:0 0 40%;
flex:0 0 40%
}
.lop-overview h2 {
border-bottom:solid 1px #e4e4e4;
padding-bottom:.625em
}
.lop-overview .column-40 h2:not(:first-child),main .content div.left .lop-overview .column-40 h2:not(:first-child),main .content div.column .lop-overview .column-40 h2:not(:first-child),main .content div.columns .lop-overview .column-40 h2:not(:first-child) {
margin-top:1.25em
}
.lop-overview h3 {
font-size:1.5rem;
font-weight:700
}
.lop-overview .column-40 h3 {
margin:1em 0 .6667em
}
.lop-overview .column-40 h2 + h3 {
margin-top:1.5em
}
.lop-news-item {
border-top:solid 1px #e4e4e4;
overflow:hidden;
padding-top:.75em
}
h2 + .lop-news-item {
border-top:none;
margin-top:-.25rem;
padding-top:0
}
.lop-news-item-image {
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
background-size:calc(100% + 2px) auto;
float:left;
height:10rem;
margin:0 1rem .75rem 0;
width:10rem
}
.lop-news-item h3 {
color:#000;
font-size:1.1875rem;
font-weight:600;
line-height:1.3684;
margin-top:.3077em
}
.lop-news-item-release,.lop-news-item-event {
color:#d40f14;
display:inline-block;
font-size:.9375rem;
margin-right:.2667em
}
.lop-news-item-event a {
color:#121212
}
.lop-news-item + .lop-article-event-link {
margin-top:1.25rem
}
.lop-news-item-event a:hover,.lop-news-item-event a:focus,.lop-news-item-headline h3 a:hover,.lop-news-item-headline h3 a:focus {
color:#d40f14;
text-decoration:none
}
.lop-news-item-headline h3 a,.lop-news-item-headline p,main .content .lop-news-item-headline p {
color:#000
}
@media (max-width: 880px) {
.lop-overview .column-60,.lop-overview .column-40 {
-ms-flex-preferred-size:calc(100% - 2.5rem);
-webkit-flex:0 0 100%;
flex:0 0 100%
}
.lop-overview .column-40 h2:first-child,main .content div.left .lop-overview .column-40 h2:first-child,main .content div.column .lop-overview .column-40 h2:first-child,main .content div.columns .lop-overview .column-40 h2:first-child {
margin-top:1.25em
}
h2 + .lop-news-item {
margin-top:0
}
}
@media (max-width: 592px) {
.lop-overview h2,main .content div.left .lop-overview h2,main .content div.column .lop-overview h2,main .content div.columns .lop-overview h2 {
font-size:1.25rem
}
.lop-overview h3 {
font-size:1.125rem
}
.lop-news-item-image {
height:7.5rem;
width:7.5rem
}
.lop-news-item-headline h3 {
font-size:1rem;
line-height:1.5
}
.lop-news-item-release,.lop-news-item-event {
font-size:.875rem
}
}
@media (max-width: 400px) {
.lop-news-item-image {
display:none
}
}
.lop-topics {
margin:2rem 0 1.625rem
}
.lop-topics h3 {
margin:0 0 .6667em
}
.lop-topic {
display:inline-block;
margin:0 .0625em .375em 0
}
.lop-topic a {
background:#f2f2f2;
color:#000;
display:block;
padding:.25em .5em
}
.lop-topic a:hover,.lop-topic a:focus {
color:#d40f14;
text-decoration:none
}
.lop-topic.active a {
color:#d40f14
}
@media (max-width: 592px) {
.lop-topic {
font-size:.875rem
}
}
.lop-press-event {
border-top:solid 1px #e4e4e4;
overflow:hidden;
padding:.5rem 0 .5625rem
}
h2 + .lop-press-event {
border-top:none;
padding-top:0
}
.lop-press-event-release {
color:#121212;
float:right;
font-size:.9375rem;
margin:.0667em 0 .1333em 1.3333em
}
.lop-press-event-headline {
color:#000;
font-weight:600
}
.lop-press-event-headline a {
color:#000
}
.lop-press-event-headline a:hover,.lop-press-event-headline a:focus {
color:#d40f14;
text-decoration:none
}
@media (max-width: 592px) {
.lop-press-event-release {
font-size:.875rem
}
}
.lop-topic-article {
border-top:solid 1px #e4e4e4;
overflow:hidden;
padding:.5rem 0 .5625rem
}
h2 + .lop-topic-article {
border-top:none;
padding-top:0
}
.lop-topic-article-release {
color:#121212;
float:right;
font-size:.9375rem;
margin:.0667em 0 .1333em 1.3333em
}
.lop-topic-article-headline {
color:#000;
font-weight:600
}
.lop-topic-article-headline a {
color:#000
}
.lop-topic-article-headline a:hover,.lop-topic-article-headline a:focus {
color:#d40f14;
text-decoration:none
}
@media (max-width: 592px) {
.lop-topic-article-release {
font-size:.875rem
}
}
.lop-search-result {
overflow:hidden
}
.lop-search-result > h2 {
border-bottom:solid 1px #e4e4e4;
padding-bottom:.625em
}
.lop-pagination {
border-top:solid 1px #e4e4e4;
font-size:1.125rem;
margin-top:2.2222em;
padding-top:1.7778em
}
.lop-pagination a,.lop-pagination span {
display:inline-block;
margin-bottom:.2222em;
padding:.2222em .6667em
}
.lop-pagination .label {
padding-left:0;
padding-right:.4444em
}
.lop-pagination a {
background:#f2f2f2;
color:#000
}
.lop-pagination a:hover,.lop-pagination a:focus {
text-decoration:none
}
.lop-pagination .active {
background:#d40f14;
color:#fff
}
.lop-pagination .fa {
margin-right:0
}
.lop-pagination .spacer:before,.lop-pagination .spacer::before {
content:'...'
}
@media (max-width: 592px) {
.lop-pagination {
font-size:1rem
}
}
.lop-article-release {
border-bottom:solid 1px #e4e4e4;
color:#121212;
font-size:1.25rem;
margin:1.3em 0 1.6em;
padding-bottom:1em
}
.lop-article-headline,main .content div.left .lop-article-headline,main .content div.column .lop-article-headline,main .content div.columns .lop-article-headline {
color:#000
}
.lop-article-subheadline {
font-size:1.5rem;
line-height:1.4167;
margin:1.0833em 0 1.3333em
}
.lop-article-headline + .lop-article-subheadline {
margin-top:-.6667em
}
.lop-article .image-left,.lop-article .image-right {
display:table;
max-width:60%;
width:auto
}
.lop-article .image-left {
float:left;
margin:0 1.5rem 1.5rem 0
}
.lop-article .image-right {
float:right;
margin:0 0 1.5rem 1.5rem
}
.lop-article .caption {
background:#f2f2f2;
caption-side:bottom;
display:table-caption;
padding:1rem 1.25rem 1.25rem
}
.lop-article .caption p {
font-size:.875rem;
margin:0
}
.lop-article .caption .description {
margin-bottom:1em
}
.lop-article-event-link.top {
margin-bottom:2.5rem
}
.lop-article-event-link .button {
background:#d40f14;
color:#fff;
display:inline-block;
line-height:1.5;
outline:none;
padding:.25em .625em .25em 1.5em;
position:relative
}
.lop-article-event-link .button:hover,.lop-article-event-link .button:focus {
background:#ac0a26;
text-decoration:none
}
.lop-article-event-link .button .fa {
left:.625em;
position:absolute;
top:.5em
}
.lop-article-topics {
border-top:solid 1px #e4e4e4;
margin-top:2.5rem;
padding-top:1.25rem;
text-align:right
}
.lop-article-topics-headline {
display:inline-block;
margin-right:.25em
}
.lop-article-topic {
margin-left:.0625em;
margin-right:0
}
.lop-article,.lop-article-content {
overflow:hidden
}
@media (max-width: 784px) {
.lop-article .image-left,.lop-article .image-right {
-webkit-flex-flow:column;
display:-webkit-inline-flex;
display:inline-flex;
flex-flow:column;
float:none;
margin:0 0 1.5rem;
max-width:none;
width:auto
}
.lop-article .image-left .caption,.lop-article .image-right .caption {
display:block
}
}
@media (max-width: 592px) {
.lop-article-release {
font-size:1.125rem;
line-height:1.3333
}
.lop-article-headline,main .content div.left .lop-article-headline,main .content div.column .lop-article-headline,main .content div.columns .lop-article-headline {
font-size:1.25rem
}
.lop-article-subheadline {
font-size:1.125rem
}
.lop-article-event-link .button,.lop-article-topics-headline {
font-size:.875rem
}
}
.lop-event {
overflow:hidden
}
.lop-event-period {
border-bottom:solid 1px #e4e4e4;
color:#121212;
font-size:1.25rem;
margin:1.3em 0 1.6em;
padding-bottom:1em
}
.lop-event-headline,main .content div.left .lop-event-headline,main .content div.column .lop-event-headline,main .content div.columns .lop-event-headline {
color:#d40f14;
margin:.7222em 0 .8888em
}
.lop-event-article-list-headline {
border-bottom:solid 1px #e4e4e4;
font-size:1.25rem;
margin:1.5em 0 0;
padding-bottom:1em
}
.lop-event-article-list-item {
border-bottom:solid 1px #e4e4e4;
overflow:hidden;
padding:.375rem 0
}
.lop-event-article-list-headline + .lop-event-article-list-item {
border-bottom:none
}
.lop-event-article-list-item .release {
color:#121212;
float:left
}
.lop-event-article-list-item .release + .headline {
padding-left:6.25rem
}
.lop-event-article-list-item .headline a {
color:#000;
font-weight:700
}
.lop-event-article-list-item .headline a:hover,.lop-event-article-list-item .headline a:focus {
color:#d40f14;
text-decoration:none
}
@media (max-width: 592px) {
.lop-event-period {
font-size:1.125rem;
line-height:1.3333
}
.lop-event-headline,main .content div.left .lop-event-headline,main .content div.column .lop-event-headline,main .content div.columns .lop-event-headline {
font-size:1.25rem;
margin-bottom:1.2em
}
.lop-event-article-list-headline {
font-size:1.125rem
}
.lop-event-article-list-item .release,.lop-event-article-list-item .headline {
font-size:.875rem
}
}
.lop-archive {
overflow:hidden
}
.lop-archive-months {
-webkit-flex-flow:row wrap;
border-left:solid 1px #e4e4e4;
border-top:solid 1px #e4e4e4;
display:-webkit-flex;
display:flex;
flex-flow:row wrap
}
.lop-archive-year,main .content div.left .lop-archive-year,main .content div.column .lop-archive-year,main .content div.columns .lop-archive-year {
margin-bottom:.625em
}
.lop-archive-month {
-webkit-flex:0 0 16.6666666667%;
border-bottom:solid 1px #e4e4e4;
border-right:solid 1px #e4e4e4;
flex:0 0 16.6666666667%;
padding:1.25rem;
text-align:center
}
.lop-archive-month a {
-webkit-justify-content:center;
display:-webkit-flex;
display:flex;
justify-content:center;
margin:-1.25rem;
padding:1.25rem
}
.lop-archive-month a:hover,.lop-archive-month a:focus {
background:#f2f2f2;
color:#000;
text-decoration:none
}
@media (max-width: 880px) {
.lop-archive-month {
-webkit-flex:0 0 25%;
flex:0 0 25%
}
}
@media (max-width: 592px) {
.lop-archive-year,main .content div.left .lop-archive-year,main .content div.column .lop-archive-year,main .content div.columns .lop-archive-year {
margin-top:1em
}
.lop-archive-month {
-webkit-flex:0 0 33.3333333333%;
flex:0 0 33.3333333333%;
font-size:.875rem
}
}
@media (max-width: 400px) {
.lop-archive-month {
-webkit-flex:0 0 50%;
flex:0 0 50%
}
}
.lop-archive-article-list {
overflow:hidden
}
.lop-archive-article-list-item {
border-top:solid 1px #e4e4e4;
overflow:hidden;
padding:12px 0
}
.lop-archive-article-list-item .release {
color:#121212;
float:left
}
.lop-archive-article-list-item .release + .headline {
padding-left:6.25rem
}
.lop-archive-article-list-item .headline a {
color:#000;
font-weight:700
}
.lop-archive-article-list-item .headline a:hover,.lop-archive-article-list-item .headline a:focus {
color:#d40f14;
text-decoration:none
}
@media (max-width: 592px) {
.lop-archive-article-list-item .release,.lop-archive-article-list-item .headline {
font-size:.875rem
}
}
.lop-edit .row {
-webkit-flex-flow:row nowrap;
display:-webkit-flex;
display:flex;
flex-flow:row nowrap;
margin-left:-1.25rem;
margin-right:-1.25rem
}
.lop-edit .row .column {
-webkit-flex:1 1 100%;
flex:1 1 100%;
margin-left:1.25rem;
margin-right:1.25rem
}
.lop-edit .row .column-50 {
-webkit-flex:1 1 50%;
flex:1 1 50%
}
.lop-edit .row .column-33 {
-webkit-flex:1 1 33.3333333333%;
flex:1 1 33.3333333333%
}
.lop-edit .row-background {
background:transparent;
padding:0
}
.lop-edit .row-background .column {
background:#f2f2f2;
padding:.625rem .875rem
}
.lop-edit .text[disabled],.lop-edit textarea[disabled],.lop-edit select[disabled] {
background:#eaeaea
}
.lop-edit .column.error {
background:transparent;
border:none
}
.lop-edit .row-background .column.error {
background:#fcd7d7
}
.lop-edit .column.error .toggle.active {
background:#fff6
}
.lop-edit .button {
background:#d40f14;
border:none;
color:#fff;
font-family:'Open Sans',Arial,sans-serif;
font-size:1.25rem;
line-height:normal;
padding:.6em .9em
}
.lop-edit .button:hover,.lop-edit .button:focus {
color:#fff;
text-decoration:none
}
.lop-edit .toggle {
color:#121212;
display:inline-block;
margin:-.25em -.5em;
padding:.25em .625em
}
.lop-edit .toggle.active {
background:#eaeaea;
background:#fffc
}
.lop-edit .toggle + label {
margin-left:.875em
}
#del_warn {
background:#fcd7d7;
padding:2.5rem 1.25rem 3rem;
text-align:center
}
#del_warn h3 {
font-weight:700;
margin-bottom:.8571em
}
#del_warn .button {
display:inline-block;
margin-bottom:1em;
margin-top:.8em
}
#del_warn .hint {
font-size:.875em
}
#lop_fields .row.error {
background:#fcd7d7;
border:none;
padding:.625rem .875rem
}
#lop_fields .row.error p {
color:#d40f14;
margin:0
}
.lop-edit h2,main .content div.left .lop-edit h2,main .content div.column .lop-edit h2,main .content div.columns .lop-edit h2,#del_warn p {
color:#000
}
.lop-edit .column.error input.text,.lop-edit .column.error textarea,.lop-edit .column.error select,#lop_fields .row.error + .row .text {
background:#fcd7d7;
border-color:#d40f14
}
.lop-edit .column.error label,#lop_fields .row.error + .row label {
color:#d40f14
}
@media (max-width: 800px) {
.lop-edit .toggle {
display:block!important
}
.lop-edit .toggle + label {
margin-left:-.5em;
margin-top:.25em
}
}
@media (max-width: 657px) {
.lop-edit .row:not(#del_warn) {
-webkit-flex-direction:column;
flex-direction:column;
margin-bottom:0;
margin-top:0
}
.lop-edit .row:not(#del_warn) .column {
margin-bottom:.625rem;
margin-top:.625rem
}
}
@media (max-width: 592px) {
.lop-edit .button {
font-size:1rem
}
}
#main_form,.lop-edit {
background-color:#f2f2f2!important;
margin-bottom:1.5rem;
margin-top:1.5rem;
padding-bottom:0;
padding-top:0
}
#inner > .lop-edit:first-child {
margin-top:0
}
.lop-edit .row {
margin-left:-10px!important;
margin-right:-10px!important
}
.lop-edit .row-submit {
margin-bottom:2.5rem
}
.lop-edit .row .column {
margin-left:10px!important;
margin-right:10px!important
}
.lop-edit .row-background .column {
background-color:#ffffff80
}
.lop-login .row-submit {
margin-bottom:0;
margin-top:0;
padding:0
}
.lop-edit,/* includes lop-signup */
.lop-overview,.lop-archive,.lop-archive-article-list,.lop-menu + .column .lop-article {
margin-top:-1.25rem;
margin-top:0
}
@media (max-width: 592px) {
.lop-edit,/* includes lop-signup */
.lop-overview,.lop-archive,.lop-archive-article-list {
margin-top:-.625rem
}
}
.month_select {
margin-bottom:1rem
}
.news-list {
margin-top:-.5rem
}
.news-list-item {
border-top:solid 1px #e4e4e4;
display:block!important;
overflow:hidden;
padding:1.375rem 0 1.25rem
}
.news-list .news-list-item:first-child {
border-top:none
}
.news-list-item .release {
color:#121212;
font-size:1.2rem;
margin:.0625em 0 0
}
html[dir=rtl] .news-list-item .release {
font-size:1.2rem
}
.news-list-item .article {
color:#121212;
float:none!important;
padding-left:6.25rem
}
.news-list-item .headline,main .content div.left .news-list-item .headline,main .content div.column .news-list-item .headline,main .content div.columns .news-list-item .headline {
font-size:1.25rem;
font-weight:600;
margin:.8em 0 .2em;
padding-left:5em
}
.news-list-item .headline:first-child,main .content div.left .news-list-item .headline:first-child,main .content div.column .news-list-item .headline:first-child,main .content div.columns .news-list-item .headline:first-child {
margin-top:0
}
.news-list-item .article br {
display:none
}
.news-list-item .headline a {
color:#000;
display:block;
text-decoration:none
}
.news-list-item .headline a:hover,.news-list-item .headline a:focus {
color:#d40f14;
text-decoration:none
}
.month_select a {
text-decoration:none
}
@media (max-width: 592px) {
.news-list .news-list-item {
padding-bottom:1rem;
padding-top:1.125rem
}
.news-list-item .date {
float:none!important;
margin-bottom:.5rem;
width:auto
}
.news-list-item .release {
margin-top:0
}
.news-list-item .article {
padding-left:1.25rem
}
.news-list-item .headline,main .content div.left .news-list-item .headline,main .content div.column .news-list-item .headline,main .content div.columns .news-list-item .headline {
font-size:1.0625rem
}
}
.news-article,.news-article-content {
overflow:hidden
}
@media (max-width: 592px) {
.news-article-release {
font-size:1rem
}
.background_wrapper.gray .toplink.down + .content {
padding-top:20px
}
}
.header-slider .parallax_image {
display:block!important;
height:440px
}
.header-slider .parallax_image .background_wrapper {
background:transparent
}
.parallax_image .content {
max-width:none;
overflow:hidden;
padding:0;
width:100%
}
.header-slider .parallax_image .content .text_wrapper {
-ms-transform:none;
-webkit-transform:none;
bottom:0!important;
margin-bottom:5rem;
max-width:none;
overflow:hidden;
text-shadow:none;
transform:none;
width:100%
}
.header-slider h2,.header-slider p {
font-size:3.125rem;
font-weight:700;
line-height:1.68;
overflow:hidden;
padding-right:25px;
text-overflow:ellipsis;
white-space:nowrap;
width:90%
}
.header-slider h2 > *,.header-slider p > * {
background:#d40f14;
box-decoration-break:clone;
color:inherit;
display:inline;
outline:none;
padding:.08em 25px .12em;
text-decoration:none
}
.header-slider p {
color:#000;
font-size:1.375rem;
line-height:2.3636;
margin-top:1em
}
.header-slider p > * {
background:#fff;
color:inherit!important;
padding-bottom:.4545em;
padding-top:.3636em
}
.header-slider p a .fa {
display:inline;
margin:0 -4px 0 4px
}
.header-slider p span .fa {
display:none
}
@media (min-width: 1209px) {
.header-slider h2 > *,.header-slider p > * {
padding-left:50px;
padding-right:25px
}
}
@media (max-width: 1209px) {
.header-slider h2 {
font-size:2.5rem
}
}
@media (max-width: 1024px) {
.header-slider h2 {
font-size:2rem
}
.header-slider p {
display:block;
font-size:1.175rem;
line-height:2.3636
}
}
@media (max-width: 784px) {
.header-slider h2 {
font-size:1.625rem
}
.header-slider p {
display:block;
font-size:1rem;
line-height:2
}
}
@media (max-width: 592px) {
.header-slider .parallax_image .content .text_wrapper {
margin-bottom:3rem
}
.header-slider h2 {
font-size:1.3rem;
line-height:2.2308
}
.header-slider h2 > * {
padding-bottom:.3846em;
padding-top:.3077em
}
.header-slider p {
display:block;
font-size:.9rem;
line-height:2
}
}
@media (max-width: 480px) {
.header-slider .parallax_image {
height:240px
}
.header-slider h2 {
font-size:1.125rem
}
.header-slider p {
font-size:.875rem;
font-weight:400
}
}
footer {
margin-top:-27.5px;
overflow:hidden;
padding-top:27.5px;
position:relative;
z-index:1
}
.background_wrapper.darkgray {
z-index:-1
}
footer .border {
background:transparent url(../images/layout/luebeck-skyline.png) no-repeat right bottom;
background-color:transparent;
background-size:1200px auto;
border:none!important;
height:180px;
margin-top:1.25rem;
position:relative
}
footer .border:before,footer .border::before {
-ms-transform:translate(0,0) rotate(-6deg);
-ms-transform-origin:right bottom;
-webkit-ransform-origin:right bottom;
-webkit-transform:translate(0,0) rotate(-6deg);
background:#d40f14;
bottom:-40px;
content:'';
height:160%;
position:absolute;
right:-40px;
transform:translate(0,0) rotate(-6deg);
transform-origin:right bottom;
width:160%;
z-index:-1
}
main .search_wrapper /* .form_wrapper */ {
background:#eaeaea;
padding:25px
}
main .search_wrapper .form_wrapper .lop-menu {
margin-bottom:0
}
main .search_wrapper .form_wrapper p {
display:-webkit-flex;
display:flex
}
main .search_wrapper .form_wrapper button {
-webkit-appearance:none;
-webkit-flex:0 0 auto;
background-color:transparent;
background-image:url(../images/layout/search-black.svg);
background-position:center center;
background-repeat:no-repeat;
background-size:32px 32px;
border:none;
border-left:solid 1px #fff;
border-radius:0;
flex:0 0 auto;
margin:0;
min-height:60px;
outline:none;
overflow:hidden;
text-indent:-99999px;
width:62px
}
main .search_wrapper .form_wrapper button:hover,main .search_wrapper .form_wrapper button:focus {
background-image:url(../images/layout/search-red.svg);
outline:none
}
main .search_wrapper .form_wrapper p input[type="text"] {
-webkit-flex-grow:1;
background:#eaeaea;
flex-grow:1;
overflow:hidden;
padding:.375rem 1.25rem
}
main .search_wrapper .form_wrapper p input[type="text"]:hover,main .search_wrapper .form_wrapper p input[type="text"]:focus {
background:#dcdcdc
}
main .search_wrapper .autocomplete_flyout_wrapper {
width:auto
}
main .search_wrapper .autocomplete_flyout_wrapper .autocomplete_flyout {
right:62px;
top:100%;
width:auto
}
@media (max-width: 1209px) {
main .search_wrapper .form_wrapper button {
position:static
}
main .search_wrapper .form_wrapper p input[type="text"] {
font-size:1.5rem;
height:auto;
width:auto
}
}
@media (max-width: 784px) {
main .search_wrapper .form_wrapper button {
background-size:24px 24px;
min-height:45px;
width:47px
}
main .search_wrapper .form_wrapper p input[type="text"] {
font-size:1.25rem;
height:auto;
padding-left:1rem;
padding-right:1rem;
width:auto
}
}
@media (max-width: 592px) {
main .search_wrapper .form_wrapper p input[type="text"] {
font-size:1rem
}
}
.form-search-streets + .search-result-header {
margin-top:-4.5rem
}
@media (max-width: 1209px) {
.form-search-streets .row:not(.row-submit),.form-search-streets .row.multiple-inputs {
margin-left:-25px;
margin-right:-25px;
padding:0 12.5px
}
.form-search-streets .row .col,.form-search-streets .row.multiple-inputs .col {
margin:0;
padding:0 12.5px
}
.form-search-streets .wrapper,.form-search-streets .wrapper .column {
margin-left:0;
margin-right:0
}
}
@media (max-width: 657px) {
.form-search-streets .row.multiple-inputs {
margin-bottom:0;
margin-top:0
}
.form-search-streets .row.multiple-inputs .col,.form-search-streets .row.multiple-inputs .col:last-child {
margin-bottom:.5rem;
margin-top:.5rem
}
}
.statistik th {
vertical-align:middle
}
.statistik td.schluessel,.statistik td.jahr,.statistik td.stat-bezirk {
text-align:right
}
.statistik td.hausnummern {
white-space:nowrap
}
.monthly-reports h2,main .content div.left .monthly-reports h2,main .content div.column .monthly-reports h2,main .content div.columns .monthly-reports h2 {
font-size:1.75rem
}
.monthly-reports .report-list {
display:flex;
flex-flow:row wrap;
list-style-type:none;
margin:0 -20px
}
.monthly-reports .report-item {
flex:0 0 50%;
margin:0;
padding:0 20px 2.5rem
}
.monthly-reports .report-list > .report-item:nth-child(odd):last-child {
flex:0 0 100%
}
.monthly-reports .item-wrapper {
background:#f2f2f2;
display:flex;
flex-flow:column nowrap;
height:100%;
padding:1.25rem 1.25rem 1.5rem
}
.monthly-reports .item-info > :last-child {
margin-bottom:1.25rem
}
.monthly-reports .title {
color:#000;
margin:.625rem 0
}
.monthly-reports .short-description {
margin:.625rem 0
}
.monthly-reports .item-download {
display:flex
}
.monthly-reports .item-download .select {
display:flex;
flex:1 1 auto
}
.monthly-reports .item-download .select select {
width:100%
}
.monthly-reports .item-download .button {
background:#d40f14;
border:none;
color:#fff;
cursor:pointer;
flex:0 0 auto;
font-family:'Open Sans',Arial,sans-serif;
font-size:1.125rem;
font-weight:700;
line-height:normal;
padding:.5556em .8889em
}
.monthly-reports .item-download select + .button {
margin-left:-1px
}
.monthly-reports > h2:first-child,main .content div.left .monthly-reports > h2:first-child,main .content div.column .monthly-reports > h2:first-child,main .content div.columns .monthly-reports > h2:first-child,.monthly-reports .report-list + h2,main .content div.left .report-list + h2,main .content div.column .report-list + h2,main .content div.columns .report-list + h2,.monthly-reports .item-info > :first-child {
margin-top:0
}
@media (max-width: 784px) {
.monthly-reports .report-item {
flex:0 0 100%;
padding-bottom:1.5625rem
}
}
@media (max-width: 592px) {
.monthly-reports h2,main .content div.left .monthly-reports h2,main .content div.column .monthly-reports h2,main .content div.columns .monthly-reports h2 {
font-size:1.125rem
}
.monthly-reports .title {
font-size:1rem
}
.monthly-reports .item-download .select select,.monthly-reports .item-download .button {
font-size:.875rem
}
}
.news-wrapper h2,main .content div.left .news-wrapper h2,main .content div.column .news-wrapper h2,main .content div.columns .news-wrapper h2 {
font-size:1.75rem
}
.monthly-reports + .news-wrapper > h2:first-child,main .content div.left .monthly-reports + .news-wrapper > h2:first-child,main .content div.column .monthly-reports + .news-wrapper > h2:first-child,main .content div.columns .monthly-reports + .news-wrapper > h2:first-child {
margin-top:0
}
.news-wrapper ul {
display:flex;
flex-flow:row wrap;
list-style-type:none;
margin:0 -1.25rem
}
.news-wrapper ul li {
flex:0 0 25%;
margin:0;
padding:0 1.25rem
}
.news-wrapper ul li a {
border-top:solid 1px #e4e4e4;
color:#121212;
display:block;
padding-bottom:2.5rem;
padding-top:1rem;
text-decoration:none
}
.news-wrapper ul li:nth-child(1) a,.news-wrapper ul li:nth-child(2) a,.news-wrapper ul li:nth-child(3) a,.news-wrapper ul li:nth-child(4) a {
border-top:none
}
.news-wrapper ul li a:hover,.news-wrapper ul li a:focus {
color:#d40f14;
outline:none
}
.news-wrapper ul li a .title {
color:#000;
font-weight:700
}
.news-wrapper ul li a:hover .title,.news-wrapper ul li a:focus .title {
color:#d40f14
}
@media (max-width: 1226px) {
.news-wrapper ul li {
flex:0 0 33.3333333333%
}
.news-wrapper ul li:nth-child(4) a {
border-top:solid 1px #e4e4e4
}
}
@media (max-width: 784px) {
.news-wrapper ul {
margin-left:-.78125rem;
margin-right:-.78125rem
}
.news-wrapper ul li {
flex:0 0 50%;
padding:0 .78125rem
}
.news-wrapper ul li a {
padding-bottom:1.5625rem
}
.news-wrapper ul li:nth-child(3) a {
border-top:solid 1px #e4e4e4
}
}
@media (max-width: 592px) {
.news-wrapper h2,main .content div.left .news-wrapper h2,main .content div.column .news-wrapper h2,main .content div.columns .news-wrapper h2 {
font-size:1.125rem
}
}
@media (max-width: 400px) {
.news-wrapper ul li {
flex:0 0 100%
}
.news-wrapper ul li:nth-child(2) a {
border-top:solid 1px #e4e4e4
}
}
@media (max-width: 1209px) {
.luebeck:not(.travemuende) header .top .content .left .logo {
margin-top:21px
}
}
@media (min-width: 1210px) {
.frontpage.luebeck .header-slider .parallax_image,.frontpage.category-frontpage .header-slider .parallax_image {
height:530px
}
.frontpage.luebeck .header-slider .parallax_image .content .text_wrapper,.frontpage.category-frontpage .header-slider .parallax_image .content .text_wrapper {
margin-bottom:10rem
}
.frontpage.luebeck .header-slider .slick-dots,.frontpage.category-frontpage .header-slider .slick-dots {
padding-bottom:5.1875rem
}
}
.frontpage.luebeck .content + .content,.frontpage.category-frontpage .content + .content {
padding-top:0
}
.frontpage.category-frontpage .column + .column,.frontpage.category-frontpage .column + .columns,.frontpage.category-frontpage .columns + .column,.frontpage.category-frontpage .columns + .columns {
margin-top:1.5rem
}
div[style="width: 160px; height: 40px; margin: 16px 0 20px 0; padding: 0; clear: both; background: #A11109 url(http://dev.cms.luebeck.de/admin/cm/assets/images/icons/edit_button.gif)"] {
display:none
}
.frontpage.luebeck main > .content:first-child,.frontpage.category-frontpage main > .content:first-child {
background:transparent;
margin-top:1.5625rem;
padding-top:1.5625rem;
padding-top:0
}
.frontpage.luebeck main > .content:first-child,.frontpage.category-frontpage:not(.familie-und-bildung) main > .content:first-child {
padding-bottom:0
}
.frontpage.luebeck main .content .search_wrapper,.frontpage.category-frontpage main .content .search_wrapper {
background:#eaeaea;
margin-left:1px;
margin-right:1px;
margin-top:0;
padding:25px
}
@media (min-width: 784px) {
.frontpage.luebeck main .content .search_wrapper,.frontpage.category-frontpage main .content .search_wrapper {
margin-right:2px
}
}
@media (min-width: 1024px) {
.frontpage.luebeck main .content .search_wrapper,.frontpage.category-frontpage main .content .search_wrapper {
margin-right:4px
}
}
main .search_wrapper .form_wrapper p input[type="text"] {
background:#fff;
border:solid 1px #e4e4e4
}
main .search_wrapper .form_wrapper p input[type="text"]:hover,main .search_wrapper .form_wrapper p input[type="text"]:focus {
background:#fff;
border-color:#c6c7c8
}
main .search_wrapper .form_wrapper button {
border-left:none
}
@media (min-width: 1210px) {
.frontpage.luebeck main > .content:first-child,.frontpage.category-frontpage main > .content:first-child {
margin-top:-3.4375rem
}
}
.frontpage.category-frontpage .column-icon-teasers {
margin-bottom:2.5rem
}
.icon-teasers {
-webkit-flex-flow:row wrap;
display:-webkit-flex;
display:flex;
flex-flow:row wrap;
margin-bottom:.25rem
}
.icon-teaser-item {
-ms-flex-preferred-size:calc(100% - 2.5rem - 2px);
-webkit-align-items:center;
-webkit-flex:0 0 100%;
align-items:center;
background:#eaeaea;
border:solid 1px #fff;
color:#000;
display:-webkit-flex;
display:flex;
flex:0 0 100%;
font-weight:700;
margin-bottom:-1px;
padding:.8125rem 1.25rem;
text-decoration:none
}
main .content .icon-teaser-item[target=_blank]:not(.external) {
display:-webkit-flex;
display:flex;
margin-right:0;
padding-right:1.25rem
}
main .content .icon-teaser-item[target=_blank]:not(.external):after,main .content .icon-teaser-item[target=_blank]:not(.external)::after {
content:''
}
.buergerservice .icon-teaser-item.buergerservice,.rathaus-stadtverwaltung .icon-teaser-item.rathaus-stadtverwaltung,.stadtleben .icon-teaser-item.stadtleben,.stadtentwicklung .icon-teaser-item.stadtentwicklung {
background:#d40f14;
color:#fff
}
.buergerservice .icon-teaser-item.buergerservice .icon .svg-icon path,.rathaus-stadtverwaltung .icon-teaser-item.rathaus-stadtverwaltung .icon .svg-icon path,.stadtleben .icon-teaser-item.stadtleben .icon .svg-icon path,.stadtentwicklung .icon-teaser-item.stadtentwicklung .icon .svg-icon path {
fill:#fff
}
.icon-teaser-item:hover,.icon-teaser-item:focus {
background:#d40f14;
color:#fff;
outline:none
}
.icon-teaser-item .icon {
font-size:2rem;
margin-right:1.125rem;
text-align:center;
width:2.5rem
}
.icon-teaser-item .icon .svg-icon {
display:block;
height:2.5rem
}
.icon-teaser-item:hover .icon .svg-icon path,.icon-teaser-item:focus .icon .svg-icon path {
fill:#fff!important
}
.icon-teaser-item .label {
line-height:1.375
}
.buergerservice .icon-teaser-item.buergerservice .icon .inactive,.rathaus-stadtverwaltung .icon-teaser-item.rathaus-stadtverwaltung .icon .inactive,.stadtleben .icon-teaser-item.stadtleben .icon .inactive,.stadtentwicklung .icon-teaser-item.stadtentwicklung .icon .inactive,.icon-teaser-item .icon .active,.icon-teaser-item:hover .icon .inactive,.icon-teaser-item:focus .icon .inactive {
display:none
}
.buergerservice .icon-teaser-item.buergerservice .icon .active,.rathaus-stadtverwaltung .icon-teaser-item.rathaus-stadtverwaltung .icon .active,.stadtleben .icon-teaser-item.stadtleben .icon .active,.stadtentwicklung .icon-teaser-item.stadtentwicklung .icon .active,.icon-teaser-item .icon .inactive,.icon-teaser-item:hover .icon .active,.icon-teaser-item:focus .icon .active {
display:block
}
@media (min-width: 592px) {
.icon-teaser-item {
padding-bottom:.875rem;
padding-top:.875rem
}
.icon-teaser-item .icon {
font-size:2.5rem;
width:3rem
}
.icon-teaser-item .icon .svg-icon {
height:3rem
}
.icon-teaser-item .label {
font-size:1.375rem;
line-height:1.1364
}
}
@media (min-width: 784px) {
.frontpage.category-frontpage .column-icon-teasers {
margin-bottom:1.5rem
}
.icon-teasers {
margin-bottom:1.25rem
}
.icon-teaser-item {
-ms-flex-preferred-size:calc(50% - 2.5rem - 2px);
-webkit-flex:0 0 50%;
flex:0 0 50%
}
.icon-teaser-item:nth-child(even) {
margin-left:-1px
}
}
@media (min-width: 1024px) {
.frontpage.category-frontpage .column-icon-teasers {
margin-bottom:2.75rem
}
.icon-teaser-item {
-ms-flex-preferred-size:calc(25% - 2.5rem - 2px);
-webkit-flex:0 0 25%;
-webkit-flex-flow:column nowrap;
-webkit-justify-content:center;
flex:0 0 25%;
flex-flow:column nowrap;
justify-content:center;
padding-bottom:1.25rem;
padding-top:1.25rem
}
.icon-teaser-item,.icon-teaser-item:nth-child(even) {
margin:0
}
.icon-teaser-item + .icon-teaser-item {
margin-left:-1px
}
.icon-teaser-item .icon {
font-size:3rem;
margin-bottom:.875rem;
margin-right:0;
width:3.5rem
}
.icon-teaser-item .icon .svg-icon {
height:3.5rem
}
.icon-teaser-item .label {
text-align:center
}
}
.top-topics-teasers {
-webkit-flex-flow:row wrap;
display:-webkit-flex;
display:flex;
flex-flow:row wrap;
list-style-type:none;
margin:1.875rem -2.8125rem 0
}
.top-topics-teaser-item {
-ms-flex-preferred-size:calc(100% - 2.5rem);
-webkit-flex:0 0 100%;
display:-webkit-flex;
display:flex;
flex:0 0 100%;
margin:0;
padding:0 1.25rem 19px;
position:relative
}
.top-topics-teaser-item:after,.top-topics-teaser-item::after {
background:transparent url(../images/layout/border_bottom.png) repeat-x center bottom;
bottom:0;
content:'';
height:19px;
left:1.25rem;
position:absolute;
right:1.25rem
}
.top-topics-teaser-item .image-wrapper {
-webkit-align-items:flex-end;
-webkit-flex:0 0 100%;
align-items:flex-end;
aspect-ratio:656/410;
background-color:transparent;
background-position:top center;
background-repeat:no-repeat;
background-size:cover;
display:-webkit-flex;
display:flex;
flex:0 0 100%;
outline:none;
position:relative;
text-decoration:none
}
.top-topics-teaser-item .image-wrapper:before,.top-topics-teaser-item .image-wrapper::before {
background:#2c242480;
background:linear-gradient(to bottom,#2c242400 20%,#2c2424ff 70%);
bottom:0;
content:'';
left:0;
opacity:.8;
position:absolute;
right:0;
top:0
}
.top-topics-teaser-item .text-wrapper {
-ms-flex-preferred-size:calc(100% - 3.125rem);
-webkit-flex:0 0 100%;
flex:0 0 100%;
margin-top:10rem;
overflow:hidden;
padding:1.25rem 1.5625rem;
position:relative
}
.top-topics-teaser-item .text-wrapper:before,.top-topics-teaser-item .text-wrapper::before {
-ms-transform:translate(0,100%);
-webkit-transform:translate(0,100%);
background:#d40f14;
content:'';
height:100%;
left:0;
position:absolute;
top:0;
transform:translate(0,100%);
transition:-webkit-transform 240ms;
transition:-ms-transform 240ms;
transition:transform 240ms;
width:100%
}
.top-topics-teaser-item .image-wrapper:hover .text-wrapper:before,.top-topics-teaser-item .image-wrapper:hover .text-wrapper::before,.top-topics-teaser-item .image-wrapper:focus .text-wrapper:before,.top-topics-teaser-item .image-wrapper:focus .text-wrapper::before {
-ms-transform:translate(0,0);
-webkit-transform:translate(0,0);
transform:translate(0,0)
}
.top-topics-teaser-item .text-wrapper * {
position:relative
}
.top-topics-teaser-item .image-wrapper,.top-topics-teaser-item .image-wrapper *,main .content .top-topics-teaser-item .image-wrapper p {
color:#fff
}
.top-topics-teaser-item .headline {
font-size:1rem;
line-height:1.375;
margin-top:0;
padding-right:.8182em
}
.top-topics-teaser-item .headline:after,.top-topics-teaser-item .headline::after {
content:'\f105';
display:inline-block;
font-family:FontAwesome;
margin-right:-.8182em;
text-align:right;
width:.8182em
}
html[dir=rtl] .top-topics-teaser-item .headline:after,html[dir=rtl] .top-topics-teaser-item .headline::after {
content:'\f104';
margin-left:-.8182em;
margin-right:0;
text-align:left
}
.top-topics-teaser-item p {
font-size:.875rem
}
@media (min-width: 592px) {
.top-topics-teaser-item .headline {
font-size:1.375rem;
line-height:1.2273
}
}
@media (min-width: 640px) {
.top-topics-teasers {
margin-left:-1.25rem;
margin-right:-1.25rem
}
.top-topics-teaser-item .text-wrapper {
-ms-flex-preferred-size:calc(100% - 3.75rem);
padding:1.75rem 1.875rem 1.25rem
}
}
@media (min-width: 784px) {
.top-topics-teaser {
margin-bottom:1.875rem
}
.top-topics-teaser-item {
-ms-flex-preferred-size:calc(50% - 2.5rem);
-webkit-flex:0 0 50%;
flex:0 0 50%
}
.top-topics-teaser-item + .top-topics-teaser-item:not(:nth-child(2)) {
margin-top:1rem
}
}
#press-archive li a {
color:#121212!important
}
#press-archive li.active a {
color:#d40f14!important
}
.press-releases {
-webkit-flex-flow:row wrap;
display:-webkit-flex;
display:flex;
flex-flow:row wrap;
list-style-type:none;
margin:1.875rem -1.5625rem
}
.press-release-item {
-webkit-flex:0 0 100%;
display:-webkit-flex;
display:flex;
flex:0 0 100%;
margin:0;
padding:0 0 1px;
position:relative
}
.press-release-item a {
-webkit-flex:0 0 100%;
background:#fff;
flex:0 0 100%;
outline:none;
padding-bottom:1.25rem;
padding-top:1.5625rem;
text-decoration:none
}
.press-release-item .text-wrapper {
padding-left:1.5625rem;
padding-right:1.5625rem
}
.press-release-item p {
font-size:.875rem;
margin:0 0 .7143em
}
.press-release-item .release-date {
color:#000;
font-weight:700
}
.press-release-item .headline {
color:#000;
font-size:1rem;
line-height:1.375;
margin-bottom:.625em;
margin-top:0;
padding-right:.8182em
}
html[dir=rtl] .press-release-item .headline {
padding-left:.8182em;
padding-right:0
}
.press-release-item a:hover .headline,.press-release-item a:focus .headline {
color:#d40f14;
text-decoration:underline
}
html[dir=rtl] .press-release-item .headline:after,html[dir=rtl] .press-release-item .headline::after {
content:'\f104';
margin-left:-.8182em;
margin-right:0;
text-align:left
}
.press-releases + .more a {
font-weight:700;
outline:none;
text-decoration:none
}
.press-releases + .more a:hover,.press-releases + .more a:focus {
text-decoration:underline
}
.press-release-item .headline:after,.press-release-item .headline::after,.press-releases + .more a:after,.press-releases + .more a::after {
content:'\f105';
display:inline-block;
font-family:FontAwesome;
margin-right:-.8182em;
text-align:right;
width:.8182em
}
@media (min-width: 592px) {
.press-release-item .headline {
font-size:1.375rem;
line-height:1.2273
}
}
@media (min-width: 640px) {
.press-releases {
margin-left:-1.25rem;
margin-right:-1.25rem
}
.press-release-item {
-ms-flex-preferred-size:calc(100% - 2.5rem);
padding:0 1.25rem 19px
}
.press-release-item:after,.press-release-item::after {
background:transparent url(../images/layout/border_bottom.png) repeat-x center bottom;
bottom:0;
content:'';
height:19px;
left:1.25rem;
position:absolute;
right:1.25rem
}
}
@media (min-width: 784px) {
.press-release-item {
-ms-flex-preferred-size:calc(50% - 2.5rem);
-webkit-flex:0 0 50%;
flex:0 0 50%
}
.press-release-item + .press-release-item:not(:nth-child(2)) {
margin-top:1rem
}
}
body:not(.frontpage) .press-release-item a {
background:transparent
}
body:not(.frontpage) .press-release-item {
border-top:1px solid #fff
}
body:not(.frontpage) ul.press-releases {
border-bottom:1px solid #fff;
margin-bottom:1.25rem;
margin-top:1rem
}
body:not(.frontpage) .col .press-release-item,body:not(.frontpage) .col ul.press-releases {
border-width:0
}
@media (min-width: 640px) {
body:not(.frontpage) .press-release-item a {
background-color:#fff
}
body:not(.frontpage) .press-release-item,body:not(.frontpage) ul.press-releases {
border-width:0
}
}
.col-1-3 .container-press-release-load a.toplink,.col-1-1 .container-press-release-load a.toplink,.col-2-3 .container-press-release-load a.toplink {
display:none!important
}
.col-1-3 .container-press-release-load .content.content-press-releases,.col-1-1 .container-press-release-load .content.content-press-releases,.col-2-3 .container-press-release-load .content.content-press-releases {
padding-top:20px
}
.col-1-3 .content-press-releases .press-releases,.col-1-1 .content-press-releases .press-releases,.col-2-3 .content-press-releases .press-releases {
display:block;
margin:0;
width:100%
}
.col-1-3 .content-press-releases .press-release-headline,.col-1-1 .content-press-releases .press-release-headline,.col-2-3 .content-press-releases .press-release-headline {
margin-top:0
}
.col-1-3 .content-press-releases .press-releases .press-release-item,.col-1-1 .content-press-releases .press-releases .press-release-item,.col-2-3 .content-press-releases .press-releases .press-release-item {
flex:1;
margin:0;
padding:0;
width:100%
}
.col-1-3 .content-press-releases .press-releases .press-release-item a,.col-1-1 .content-press-releases .press-releases .press-release-item a,.col-2-3 .content-press-releases .press-releases .press-release-item a {
background:transparent;
padding:0
}
.col-1-3 .content-press-releases .press-releases .press-release-item a:hover,.col-1-1 .content-press-releases .press-releases .press-release-item a:hover,.col-2-3 .content-press-releases .press-releases .press-release-item a:hover {
text-decoration:none!important;
text-decoration-thickness:unset!important;
text-underline-offset:unset!important
}
.col-1-3 .content-press-releases .press-releases .press-release-item:first-of-type:before,.col-1-1 .content-press-releases .press-releases .press-release-item:first-of-type:before,.col-2-3 .content-press-releases .press-releases .press-release-item:first-of-type:before {
border:1px solid #80808033;
content:'';
height:0;
left:0;
position:absolute;
right:0;
top:0
}
.col-1-3 .content-press-releases .press-releases .press-release-item:after,.col-1-1 .content-press-releases .press-releases .press-release-item:after,.col-2-3 .content-press-releases .press-releases .press-release-item:after,.col-1-3 .content-press-releases .press-releases .press-release-item::after,.col-1-1 .content-press-releases .press-releases .press-release-item::after,.col-2-3 .content-press-releases .press-releases .press-release-item::after {
background:none;
border:1px solid #80808033;
height:0;
left:0;
right:0
}
.col-1-3 .content-press-releases .press-releases .press-release-item .text-wrapper,.col-1-3 .content-press-releases .press-releases .press-release-item .image-wrapper,.col-1-1 .content-press-releases .press-releases .press-release-item .text-wrapper,.col-1-1 .content-press-releases .press-releases .press-release-item .image-wrapper,.col-2-3 .content-press-releases .press-releases .press-release-item .text-wrapper,.col-2-3 .content-press-releases .press-releases .press-release-item .image-wrapper {
padding:20px 0
}
.col-1-3 .content-press-releases .press-releases .press-release-item .text-wrapper,.col-1-1 .content-press-releases .press-releases .press-release-item .text-wrapper,.col-2-3 .content-press-releases .press-releases .press-release-item .text-wrapper {
padding-right:10px
}
.col-1-3 .content-press-releases .press-releases .press-release-item .image-wrapper,.col-1-1 .content-press-releases .press-releases .press-release-item .image-wrapper,.col-2-3 .content-press-releases .press-releases .press-release-item .image-wrapper {
max-width:23%!important;
padding-right:0!important
}
.col-1-3 .content-press-releases .press-releases .press-release-item .text-wrapper .headline,.col-1-1 .content-press-releases .press-releases .press-release-item .text-wrapper .headline,.col-2-3 .content-press-releases .press-releases .press-release-item .text-wrapper .headline {
font-size:16px;
margin:0 0 10px
}
.events {
-webkit-flex-flow:row wrap;
display:-webkit-flex;
display:flex;
flex-flow:row wrap;
list-style-type:none;
margin:1.875rem -1.5625rem
}
.event-item {
-webkit-flex:0 0 100%;
display:-webkit-flex;
display:flex;
flex:0 0 100%;
margin:0;
padding:0;
position:relative
}
.event-item a {
-webkit-flex:0 0 100%;
border-bottom:solid 1px #e4e4e4;
display:-webkit-flex;
display:flex;
flex:0 0 100%;
outline:none;
padding-bottom:1.25rem;
padding-top:1.5625rem;
text-decoration:none
}
.event-item:first-child a {
border-top:solid 1px #e4e4e4
}
.event-item .image-wrapper {
-webkit-flex:0 0 90px;
flex:0 0 90px;
margin-left:1.5625rem;
margin-top:.375rem
}
.event-item .image-wrapper img {
display:block
}
.event-item .text-wrapper {
padding-left:1.5625rem;
padding-right:1.5625rem
}
.event-item p {
font-size:.875rem;
margin:0 0 .7143em
}
.event-item .event-date {
color:#000;
font-weight:700
}
.event-item .headline {
color:#000;
font-size:1rem;
line-height:1.375;
margin-bottom:.625em;
margin-top:0;
padding-right:.8182em
}
.event-item a:hover .headline,.event-item a:focus .headline {
color:#d40f14;
text-decoration:underline
}
html[dir=rtl] .event-item .headline:after,html[dir=rtl] .event-item .headline::after {
content:'\f104';
margin-left:-.8182em;
margin-right:0;
text-align:left
}
.events + .more a {
font-weight:700;
outline:none;
text-decoration:none
}
.events + .more a:hover,.events + .more a:focus {
text-decoration:underline
}
.col-1-3 .content-press-releases .press-releases .press-release-item a::after,.col-1-1 .content-press-releases .press-releases .press-release-item a::after,.col-2-3 .content-press-releases .press-releases .press-release-item a::after,.col-1-3 .content-press-releases .press-releases .press-release-item .text-wrapper p:not(.release-date) {
display:none
}
.event-item .headline:after,.event-item .headline::after,.events + .more a:after,.events + .more a::after {
content:'\f105';
display:inline-block;
font-family:FontAwesome;
margin-right:-.8182em;
text-align:right;
width:.8182em
}
@media (min-width: 400px) {
.event-item .image-wrapper {
-webkit-flex:0 0 120px;
flex:0 0 120px
}
}
@media (min-width: 592px) {
.event-item .headline {
font-size:1.375rem;
line-height:1.2273
}
}
@media (min-width: 640px) {
.events {
margin-left:-1.25rem;
margin-right:-1.25rem
}
.event-item {
-ms-flex-preferred-size:calc(100% - 2.5rem);
padding:0 1.25rem
}
.event-item .image-wrapper {
margin-left:0
}
}
@media (min-width: 784px) {
.event-item .image-wrapper {
-webkit-flex:0 0 145px;
flex:0 0 145px
}
}
@media (min-width: 1024px) {
.event-item {
-ms-flex-preferred-size:calc(50% - 2.5rem);
-webkit-flex:0 0 50%;
flex:0 0 50%
}
.event-item a {
padding-bottom:1.5625rem
}
.event-item:first-child a {
border-top:none
}
.event-item .image-wrapper {
-webkit-flex:0 0 170px;
flex:0 0 170px
}
}
.background_wrapper.gray.inline:before,.background_wrapper.gray.inline::before,.background_wrapper.gray.inline:after,.background_wrapper.gray.inline::after {
background:inherit;
bottom:0;
content:'';
position:absolute;
top:0;
width:400%;
z-index:-1
}
.background_wrapper.gray.inline:before,.background_wrapper.gray.inline::before {
right:50%
}
.background_wrapper.gray.inline:after,.background_wrapper.gray.inline::after {
left:50%
}
.background_wrapper.gray.inline > .content {
padding-left:0;
padding-right:0
}
main > .content_search:first-child,main > .content.content_search:first-child {
padding-bottom:0
}
.content_search h1,.content.content_search h1 {
height:auto;
margin:.6316em 0 .7368em;
overflow:visible
}
.search-headline-search-term {
font-size:1.375rem;
font-weight:400;
line-height:1.3636;
margin:0
}
.search-headline-search-term .search-term {
font-size:inherit
}
.search-result-navigation {
background:#fff;
box-shadow:0 0 0 0 #00000014;
position:relative;
transition:box-shadow 160ms ease;
z-index:1
}
.fixed-search-result-navigation .search-result-navigation {
box-shadow:0 1px 10px 0 #00000014;
left:0;
position:fixed;
top:0;
width:100%;
z-index:2
}
.fixed-search-result-navigation .search-result-navigation .content,.fixed-search-result-navigation main .search-result-navigation .content {
padding-left:1.5625rem
}
.search-result-navigation .content,main .search-result-navigation .content {
padding:1.25rem 6.5625rem 1rem 0
}
.search-result-navigation a {
background:#d40f14;
color:#fff;
display:inline-block;
margin:0 .25rem .5rem 0;
padding:.375rem .75rem;
text-decoration:none;
white-space:nowrap
}
.search-result-navigation a:hover,.search-result-navigation a:focus {
background:#ac0a26;
color:#fff;
outline:none
}
.content_search .search_result {
counter-reset:search-result-counter;
margin-right:auto
}
.search_result .search_result {
padding-bottom:50px;
padding-top:30px
}
.search_result .search_result.background_wrapper.gray + .search_result {
margin-top:0
}
.content_search .search_result ul h3 {
line-height:1.3636
}
.content_search .search_result ul h3 a {
color:#000;
counter-increment:search-result-counter
}
.content_search .search_result ul h3 a:hover,.content_search .search_result ul h3 a:focus {
color:#d40f14;
outline:none
}
.content_search .search_result ul h3 a:before,.content_search .search_result ul h3 a::before {
content:counter(search-result-counter) '. '
}
.content_search .search_result ul h3 .search_headline_text {
display:inline-block
}
.content_search .search_result ul h3 a:hover .search_headline_text,.content_search .search_result ul h3 a:focus .search_headline_text {
color:#d40f14;
text-decoration:underline
}
.documents .list-item,.content_search .search_result .documents .list-item {
padding:0
}
.documents .list-item .document {
display:block;
padding:1.5rem 0 1.5rem 2rem;
text-decoration:none
}
.documents .list-item .document:before,.documents .list-item .document::before {
color:#d40f14;
content:'\f016';
float:left;
font-family:FontAwesome;
font-size:1.375rem;
font-weight:700;
margin-left:-2rem;
position:relative;
top:.3125rem;
vertical-align:top;
width:2rem
}
.documents .list-item .document:hover,.documents .list-item .document:focus {
outline:none
}
.documents .list-item .document .file-title {
color:#000;
display:inline-block;
font-size:1.375rem;
font-weight:700;
line-height:1.3636;
margin:.375rem .375rem .375rem 0
}
.content_search .search_result .document:hover .file-title,.content_search .search_result .document:focus .file-title {
color:#d40f14
}
.documents .list-item .document .file-details {
color:#121212;
display:inline-block
}
.content_search .search_result .button:hover,.content_search .search_result .button:focus {
background:#b72020;
outline:none
}
.teasers .keyword,.teasers_wide .keyword {
margin:0;
padding:1rem 1.25rem 0 0;
text-align:left
}
.teasers .keyword span,.teasers_wide .keyword span {
background:#d40f14;
color:#fff;
display:inline-block;
font-size:.75rem;
font-weight:700;
padding:.25rem .75rem
}
.content_search + .content_search,.search_result .search_result + .search_result {
margin-top:-2.5rem
}
@media (max-width: 1209px) {
.search-headline-search-term {
font-size:1rem;
line-height:1.375
}
.search-result-navigation .content,main .search-result-navigation .content {
padding-bottom:.625rem;
padding-top:.9375rem
}
.search-result-navigation a {
font-size:.875rem;
padding:.1875rem .625rem
}
}
@media (max-width: 592px) {
.fixed-search-result-navigation {
padding-top:0!important
}
.fixed-search-result-navigation .search-result-navigation {
box-shadow:none;
position:static!important
}
.fixed-search-result-navigation .search-result-navigation .content,.fixed-search-result-navigation main .search-result-navigation .content {
padding-left:0
}
.content_search .search_result ul h3 {
line-height:1.375
}
.documents .list-item .document {
padding:1.25rem 0 1.25rem 1.625rem
}
.documents .list-item .document:before,.documents .list-item .document::before {
font-size:1.125rem;
margin-left:-1.625rem;
width:1.625rem
}
.documents .list-item .document .file-title {
font-size:1rem;
line-height:1.375
}
.documents .list-item .document .file-details {
font-size:.875rem
}
.content_search .search_result .button {
font-size:.875rem;
padding:.6875rem 1.125rem .75rem
}
}
@media (max-width: 1209px) {
header .top .content .left {
display:-webkit-inline-flex;
display:inline-flex
}
header .top .content .left .logo {
height:22px;
margin-top:0;
position:relative;
top:-1px;
width:220px
}
header .top .content .left .section {
display:inline-block;
height:100%;
margin-left:14px;
position:relative;
top:-1px;
vertical-align:top
}
header .top .content .left .section .title {
font-weight:400;
margin-left:10px
}
header .top .content .left .section i.fa,header .top .content .left .section .arrow-up {
display:inline-block
}
header .top .content .left .section i.fa {
font-size:16px
}
.luebeck:not(.travemuende) header .top .content .left .logo {
margin-top:0
}
}
@media (max-width: 784px) {
header .top .content .left {
display:block
}
header .top .content .left .logo,header .top .content .left .section {
display:block;
height:auto;
margin:3px 0 0;
position:static
}
header .top .content .left .logo {
margin-top:19px;
width:171px
}
header .top .content .left .section .title {
margin-left:0
}
header .top .content .left .section i.fa,header .top .content .left .section .arrow-up {
display:none
}
.luebeck:not(.travemuende) header .top .content .left .logo {
margin-top:32px
}
}
.information main .columns {
-webkit-flex-flow:row wrap;
background:#eaeaea;
column-gap:0;
columns:1;
display:-webkit-flex;
display:flex;
flex-flow:row wrap;
margin:2rem 0 2.25rem;
padding:3rem 40px;
padding-left:20px;
padding-right:20px
}
.information main .columns > * {
-ms-flex-preferred-size:calc(50% - 40px);
-webkit-flex:0 0 50%;
flex:0 0 50%;
padding-left:20px!important;
padding-right:20px!important
}
@media (max-width: 767px) {
.information main .columns {
padding-left:18px;
padding-right:18px
}
.information main .columns > * {
-ms-flex-preferred-size:calc(100% - 34px);
-webkit-flex:0 0 100%;
flex:0 0 100%;
padding-left:17px!important;
padding-right:17px!important
}
}
@media (max-width: 592px) {
.information main .columns {
margin:1.25rem 0 1.75rem;
margin:1.25rem 0 1.75rem 0;
padding:2rem 25px;
padding:2rem 2px 2rem 2px
}
}
.information main .columns p {
text-align:left
}
.content-inpage-navigation {
margin:2rem 0 2.25rem;
padding:0 10px
}
@media (max-width: 767px) {
.information main .columns .content-inpage-navigation + * {
margin-top:1.25rem
}
}
@media (max-width: 592px) {
.content-inpage-navigation {
margin:1.25rem 0 1.75rem
}
}
.information main .columns .content-inpage-navigation {
margin:0;
padding:0
}
.content-inpage-navigation h3 {
display:flex;
padding-left:.25rem
}
.content-inpage-navigation h3::before {
content:url(../images/layout/compass_icon.svg);
display:inline-block;
line-height:0;
margin-bottom:auto;
margin-right:12px;
margin-top:auto
}
html[dir=rtl] .content-inpage-navigation h3::before {
margin-left:12px;
margin-right:0
}
.content-inpage-navigation,.content-inpage-navigation ul {
list-style-type:none
}
.content-inpage-navigation > :first-child {
margin-top:0
}
.content-inpage-navigation > :last-child {
margin-bottom:0
}
.content-inpage-navigation ul {
margin-left:0
}
.content-inpage-navigation li {
border-top:1px solid #000;
margin:0
}
.content-inpage-navigation ul li a[href] {
border-top:solid 1px #fff;
color:#000!important;
display:block!important;
font-size:18px;
font-weight:700;
outline:none;
padding:.6rem .25rem;
text-decoration:none
}
.content-inpage-navigation ul li a[href]:hover {
text-decoration:underline!important
}
.content-inpage-navigation ul li a[href]::after {
content:"\f105";
display:inline-block;
font-family:'FontAwesome',sans-serif;
margin-right:-.7em;
text-align:right;
transform:scale(1.3);
width:.7em
}
.content-inpage-navigation a:hover,.content-inpage-navigation a:focus {
color:#d40f14
}
.responsive-video,.columns .youtube {
height:0;
padding-bottom:56.25%;
position:relative
}
.responsive-video iframe,.columns .youtube iframe {
border:none!important;
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}
.events-app-content .note-container {
margin-bottom:1rem
}
.note-container {
border:solid 1px #e4e4e4;
overflow:hidden;
padding:.625rem 1.25rem .75rem;
position:relative
}
.note-container::before,.note-container::before {
-ms-transform:translate(-20px,-1px) scale(4) rotate(18deg);
-webkit-ransform:translate(-20px,-1px) scale(4) rotate(18deg);
border:solid 6px #e4e4e4;
border-radius:50%;
color:#eaeaea;
content:'!';
font-size:40px;
font-weight:700;
line-height:1;
opacity:.7;
padding:2px 15px;
position:absolute;
right:0;
text-align:center;
top:0;
transform:translate(-20px,-1px) scale(4) rotate(18deg)
}
.note-container > * {
position:relative
}
.note-container h2,main .content div.left .note-container h2,main .content div.column .note-container h2,main .content div.columns .note-container h2 {
font-size:1.375rem;
font-weight:700;
line-height:1.4545;
margin:.25rem 0 .125rem;
padding:0
}
.note-container p {
margin:.125rem 0;
padding:0
}
@media (max-width: 592px) {
.note-container h2,main .content div.left .note-container h2,main .content div.column .note-container h2,main .content div.columns .note-container h2 {
font-size:1rem
}
}
.liveticker {
background:#fff;
border:dashed 1px #e4e4e4;
max-height:480px;
overflow-y:scroll;
padding:.7em 1.4em
}
.liveticker > :first-child {
margin-top:0
}
.liveticker ul {
list-style-type:none;
margin:0;
padding:0
}
.liveticker ul li {
border-bottom:dashed 1px #ccc;
margin:0;
padding:20px 0 24px
}
.liveticker ul li:first-child {
padding-top:0
}
.liveticker ul li:last-child {
border-bottom:none;
padding-bottom:0
}
.liveticker ul li p:first-child {
color:#000
}
.liveticker ul .headline {
-moz-hyphens:auto;
-webkit-hyphens:auto;
color:#000;
font-size:1.125rem;
font-weight:700;
hyphens:auto;
line-height:1.5556;
margin:0 0 .4em;
overflow-wrap:break-word;
word-wrap:break-word
}
@media (max-width: 920px) {
.liveticker ul .headline {
font-size:1rem;
line-height:1.4
}
}
.liveticker ul li p + h3 {
margin-top:-.2em
}
@media (max-width: 592px) {
.liveticker {
padding:16px 25px
}
.liveticker ul li {
padding:16px 0 20px
}
}
.liveticker hr {
border:none;
border-bottom:dashed 1px #e4e4e4
}
.liveticker hr:last-child {
display:none
}
.scrollbar-indicator {
position:relative
}
.scrollbar-indicator .scrollbar {
background:#efefef;
bottom:0;
position:absolute;
right:0;
top:0;
width:20px
}
.scrollbar-indicator .scrollbar:before,.scrollbar-indicator .scrollbar::before,.scrollbar-indicator .scrollbar:after,.scrollbar-indicator .scrollbar::after {
color:#121212;
font-family:FontAwesome;
font-size:16px;
font-weight:700;
line-height:1.5;
position:absolute;
right:0;
text-align:center;
width:100%
}
.scrollbar-indicator .scrollbar:before,.scrollbar-indicator .scrollbar::before {
content:'\f106';
top:0
}
.scrollbar-indicator .scrollbar:after,.scrollbar-indicator .scrollbar::after {
bottom:0;
content:'\f107'
}
.scrollbar-indicator .liveticker {
border-style:solid;
padding-right:52px;
position:relative;
z-index:1
}
@media (max-width: 592px) {
.scrollbar-indicator .liveticker {
padding-right:45px
}
}
.co2-counter-wrapper {
background:#38af48 url(../images/layout/co2-counter-background.svg) no-repeat right top;
background-size:cover;
border-radius:.5rem;
margin:20px auto 24px;
max-width:844px
}
.co2-counter-wrapper .column {
padding:20px 25px;
position:relative
}
.co2-counter-wrapper .column-teaser::before {
border-top:solid 1px #fff;
content:'';
display:block!important;
left:25px;
position:absolute;
right:25px;
top:0
}
.co2-counter-wrapper .column > :first-child {
margin-top:0
}
.co2-counter-wrapper *,main .content .co2-counter-wrapper p {
color:#fff
}
.co2-counter-wrapper .headline {
line-height:1.3
}
.co2-counter-wrapper .column-counter .headline {
font-size:1.0625rem;
margin-bottom:.625rem
}
.co2-counter-wrapper .column-teaser .headline {
margin-bottom:.5rem
}
.co2-counter-wrapper .column-teaser p {
font-size:.8125rem;
line-height:1.5;
margin-bottom:.625rem!important
}
.co2-counter-wrapper .info {
font-weight:900
}
.co2-counter-wrapper .counter {
display:-webkit-flex;
display:-ms-flex;
display:flex
}
.co2-counter-wrapper .counter .digit {
font-size:1rem;
padding:.8% 0
}
.co2-counter-wrapper .counter .digit:not(.comma) {
-webkit-flex-grow:1;
background:#fff;
border-radius:4px;
color:#000;
flex-grow:1;
text-align:center
}
.co2-counter-wrapper .counter .digit:not(.comma) + .digit:not(.comma) {
margin-left:1px
}
.co2-counter-wrapper .counter .digit.comma {
padding-left:4px;
padding-right:4px
}
.column > .co2-counter-wrapper:last-child,.co2-counter-wrapper .column > :last-child {
margin-bottom:0
}
@media (min-width: 400px) {
.co2-counter-wrapper .counter .digit {
font-size:1.25rem
}
}
@media (min-width: 592px) {
.co2-counter-wrapper .column-counter .headline {
font-size:1.5rem;
margin-bottom:1rem
}
.co2-counter-wrapper .column-teaser p {
font-size:1rem
}
.co2-counter-wrapper .counter .digit {
font-size:1.5rem
}
}
@media (min-width: 784px) {
.co2-counter-wrapper {
display:-webkit-flex;
display:-ms-flex;
display:flex
}
.co2-counter-wrapper .column {
padding:30px 40px 35px
}
.co2-counter-wrapper .column-counter {
-ms-flex-preferred-size:calc(60% - 40px - 40px);
-webkit-flex:0 0 60%;
flex:0 0 60%
}
.co2-counter-wrapper .column-teaser {
-ms-flex-preferred-size:calc(40% - 40px - 40px);
-webkit-flex:0 0 40%;
flex:0 0 40%
}
.co2-counter-wrapper .column-teaser::before {
border-right:solid 1px #fff;
border-top:none;
bottom:35px;
left:0;
right:auto;
top:30px
}
}
@media (min-width: 920px) {
.co2-counter-wrapper .counter .digit {
font-size:1.75rem
}
}
.fa-angle-up,.fa-angle-right,.fa-angle-down,.fa-angle-left {
font-family:FontAwesome!important;
font-weight:400!important
}
.content .archive_wrapper {
margin-top:1.5rem;
padding-right:0
}
.content .dropdown-button.press-archives button {
background:#d40f14;
outline:none
}
.content .month_select a:hover,.content .month_select a:focus,.content .month_select a.active,.content .year_select a:hover,.content .year_select a:focus,.content .year_select a.active {
color:#d40f14;
outline:none
}
.content .form-group-tagsinput {
background:#eaeaea;
padding:25px
}
.content .bootstrap-tagsinput {
background:#fff;
border:solid 1px #e4e4e4
}
.content .form-group-tagsinput .submit {
background-color:transparent;
background-image:url(../images/layout/search-black.svg);
border:none
}
.content .form-group-tagsinput .submit:hover,.content .form-group-tagsinput .submit:focus {
background-color:transparent;
background-image:url(../images/layout/search-red.svg)
}
.content .bootstrap-tagsinput .badge [data-role="remove"]:hover:after {
background-color:#00000080
}
.content span.twitter-typeahead .tt-suggestion.tt-cursor,.content span.twitter-typeahead .tt-suggestion:hover,.content span.twitter-typeahead .tt-suggestion:focus {
background-color:#d40f14
}
.modal-open .modal {
padding-right:0!important
}
.modal .modal-header {
border-top-left-radius:0;
border-top-right-radius:0
}
.modal-body .col-md-12:not(.img-responsive) {
background:#f2f2f2;
margin-top:1.875rem;
padding:20px
}
.modal-body .col-md-12:not(.img-responsive) .form-control {
background:#fff;
border:solid 1px #e4e4e4;
box-shadow:none!important;
outline:none
}
.modal-body .col-md-12:not(.img-responsive) .form-control:disabled,.modal-body .col-md-12:not(.img-responsive) .form-control[readonly] {
border-color:#e4e4e4;
opacity:.8
}
.content .app-wrapper .expandable-content .row {
background:#f2f2f2;
margin:0;
padding:20px
}
.content .app-wrapper .expandable-content .row + .row {
padding-top:0
}
.content .app-wrapper .expandable-content > .row:first-child {
margin-top:.375rem
}
.content .app-wrapper .expandable-content > .row:last-child {
margin-bottom:1rem
}
.content .app-wrapper .expandable-content .row input[type="text"]:hover,.content .app-wrapper .expandable-content .row input[type="text"]:focus,.content .app-wrapper .expandable-content .row select:hover,.content .app-wrapper .expandable-content .row select:focus,.content .app-wrapper .expandable-content .row textarea:hover,.content .app-wrapper .expandable-content .row textarea:focus {
border-color:#c6c7c8;
outline:none
}
.app-toplink-overlayed .app-toplink-row .toplink {
outline:none
}
.app-toplink-overlayed .app-toplink-row .toplink:hover,.app-toplink-overlayed .app-toplink-row .toplink:focus {
color:#ac0a26
}
.tapp-login-headline {
font-weight:700
}
.tapp-login,#main_form.tapp-login {
padding-bottom:20px;
padding-top:20px
}
.tapp-login .wrapper {
margin-bottom:1.25rem
}
.tapp-login .row-submit {
margin-bottom:0;
margin-top:0
}
.video-details .content > .release-date {
font-size:1.25em;
margin:1.3em 0 1em
}
.video-details .column > .header_image:first-child {
margin-top:.75em
}
.video-information .description-title,main .content div.column .video-information .description-title {
font-weight:700;
margin:1em 0 .4em
}
.video-information .description {
margin-top:0
}
.video-details main .content.big_padding_bottom + .white-background {
margin-top:-80px
}
.content .dropdown-button.press-archives button:hover,.content .dropdown-button.press-archives button:focus,.content .dropdown-button.press-archives button.expanded,.content .bootstrap-tagsinput .badge:hover,.content .bootstrap-tagsinput .badge:focus,.content .badge-pill:hover,.content .badge-pill:focus,.content .media-overview a:hover .badge-pill,.content .media-overview a:focus .badge-pill,.modal #download:hover,.modal #download:focus,.content .app-wrapper .expandable-content .row button:hover,.content .app-wrapper .expandable-content .row button:focus,.app-toplink-overlayed .app-toplink-row .toplink:hover .icon,.app-toplink-overlayed .app-toplink-row .toplink:focus .icon,.form-contact #form-contact-new:hover,.form-contact #form-contact-new:focus {
background:#ac0a26
}
.content #press-archive li.active a,.modal .modal-header .close:not(:disabled):not(.disabled):hover,.modal .modal-header .close:not(:disabled):not(.disabled):focus,.content .app-list .item-footer .detail,.content .app-dialog-wrapper .dialog-head .action:hover,.content .app-dialog-wrapper .dialog-head .action:focus,.content .selectlist:hover {
color:#d40f14
}
.content .bootstrap-tagsinput:hover,.content .bootstrap-tagsinput.focus,.modal-body .col-md-12:not(.img-responsive) .form-control:hover,.modal-body .col-md-12:not(.img-responsive) .form-control.hover,.modal-body .col-md-12:not(.img-responsive) .form-control:focus,.modal-body .col-md-12:not(.img-responsive) .form-control.focus {
background:#fff;
border-color:#c6c7c8
}
.content .bootstrap-tagsinput .badge,.content .badge-pill,.modal #download,.modal #show-previous-image:hover,.modal #show-previous-image:focus,.modal #show-next-image:hover,.modal #show-next-image:focus,.content .item-footer .detail .status.full,.app-toplink-overlayed .app-toplink-row .toplink .icon {
background:#d40f14
}
.modal .modal-header,.modal .modal-body,.modal .modal-footer,.content .app-wrapper .expandable-content .row input[type="text"],.content .app-wrapper .expandable-content .row select,.content .app-wrapper .expandable-content .row textarea {
background:#fff
}
.content .app-wrapper .expandable-content .row button,.form-contact #form-contact-new {
background:#d40f14;
color:#fff;
font-weight:700;
outline:none
}
.content .dialog-content .title,div main .content div.column .dialog-content h2.title,.content .dialog-content .separator:not(.expandable-trigger) {
color:#000
}
@media (max-width: 575px) {
.video-details main .content.big_padding_bottom {
padding-bottom:45px
}
.video-details main .content.big_padding_bottom + .white-background {
margin-top:-35px
}
}
@media (max-width: 640px) {
main ul.teasers.video-teasers li,main ul.teasers_wide.video-teasers li {
margin:8px 25px 25px
}
}
main .teasers.video-teasers li a .image_wrapper {
height:0;
padding-bottom:55.555555555556%
}
@media (max-width: 767px) {
main .teasers.video-teasers li a .image_wrapper {
height:0
}
}
@media (max-width: 480px) {
main > .content:not(.content-anzeigen) .teasers.video-teasers .image_wrapper {
display:block
}
main > .content:not(.content-anzeigen) .teasers.video-teasers .text_wrapper:before,main > .content:not(.content-anzeigen) .teasers.video-teasers .text_wrapper::before {
display:none
}
}
.teasers.video-teasers .release-date {
color:#000;
font-weight:700;
margin-top:0
}
.teasers.video-teasers .release-date strong {
font-weight:700
}
.teasers.video-teasers .image_wrapper {
height:auto
}
.video-teaser-more-button-wrapper {
padding-bottom:2em;
text-align:center
}
.video-teaser-more-button {
background:#d40f14;
border:none;
color:#fff;
font-size:1.25rem;
font-weight:700;
line-height:normal;
padding:.6em .9em;
text-decoration:none
}
.video-teaser-more-button:hover,.video-teaser-more-button:focus {
background:#ac0a26;
color:#fff
}
.livestream-wrapper {
height:0;
padding-bottom:56.235294117647%;
position:relative;
width:100%
}
.livestream-wrapper iframe {
height:100%;
left:0;
position:absolute;
top:0;
width:100%
}
.footer-logo {
display:block;
height:auto;
margin:26px 0 2em;
max-width:100%;
width:260px
}
@media (max-width: 1209px) {
.footer-logo {
width:220px
}
}
@media (max-width: 784px) {
.footer-logo {
width:171px
}
}
@media print {
body {
min-width:0!important
}
.ov-menu-visible,.ov-menu-visible body {
overflow:auto;
position:static
}
.ov-site-wrapper-outer {
overflow:auto
}
.ov-site-wrapper-inner,.ov-menu-visible .ov-site-wrapper-inner {
margin-left:0!important;
margin-top:0!important;
position:static
}
header .top {
background:#fff;
border-bottom:solid 1px #e4e4e4
}
header .top .content .left .section,header .top .content .left .section .title {
color:#000
}
header .top .content .left .logo .print {
display:block
}
a {
text-decoration:none!important
}
.lop-overview {
display:block!important;
overflow:hidden!important
}
.lop-overview .column {
-webkit-flex:none!important;
display:block!important;
flex:none!important;
float:left!important
}
.lop-overview .column-60 {
width:60%!important
}
.lop-overview .column-40 {
width:40%!important
}
.lop-article-content {
overflow:auto!important
}
.lop-article-content .image-left {
float:left!important;
margin:4px 24px 24px 0 !important;
width:320px!important
}
.ov-menu-button,.ov-menu-wrapper,.ov-site-wrapper-inner:before,.ov-site-wrapper-inner::before,header .top .content .left .logo img,header .top .right,.ov-site-wrapper-inner > footer {
display:none
}
.cookie_layer_wrapper,.lop-menu {
display:none!important
}
}
.button-os {
display:inline-block;
line-height:1.1;
margin:0;
padding:.2em .2em .2em 1.5em;
position:relative
}
.button-os .button-icon {
display:inline-block;
height:auto;
margin-left:-1.25em;
position:relative;
width:1.25em
}
.button-os .button-icon .icon {
-ms-transform:translate(-15%,15%);
-webkit-transform:translate(-15%,15%);
color:#d40f14;
display:block;
height:auto;
transform:translate(-15%,15%);
width:95%
}
html[dir="rtl"] .button-os {
padding-right:3.5em!important
}
html[dir=rtl] .has_od .button-os .button-icon {
right:0;
transform:translateY(-50%)
}
html[dir=rtl] .teaser-box .has_od .button-os .button-icon {
right:-1.75em!important
}
@media (max-width: 400px) {
.lvw-list-leistungen li {
-moz-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
word-break:break-word
}
}
li.has_od {
padding-right:3em;
position:relative
}
li.has_od .button-os {
-ms-transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);
background:#d40f14;
border-radius:.4rem;
color:#fff;
height:2.8em;
margin:0!important;
padding:0!important;
position:absolute;
right:0;
top:50%;
transform:translate(0,-50%);
width:2.8em
}
li.has_od .button-os:after,li.has_od .button-os::after {
display:none!important
}
li.has_od .button-os .button-icon {
bottom:0;
height:auto;
left:0;
margin:0;
position:absolute;
right:0;
top:0;
width:auto
}
li.has_od .button-os .button-icon .icon {
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
color:#fff;
height:auto;
left:50%;
margin:0;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
width:1.6em
}
li.has_od .button-os:hover .button-icon .icon,li.has_od .button-os:focus .button-icon .icon {
color:#fff
}
li.has_od .button-os .button-label {
display:block;
height:0;
overflow:hidden;
text-indent:-1000000px;
width:0
}
.lvw-headline .button-wrapper {
display:block;
margin:1.75rem 0 0
}
.lvw-headline .button-os {
background:#d40f14;
color:#fff;
font-size:1.125rem;
margin:0!important;
padding:1em 1em 1em 3.5em
}
li.has_od .button-os:hover,li.has_od .button-os:focus,.lvw-headline .button-os:hover,.lvw-headline .button-os:focus {
background:#ac0a26;
color:#fff
}
@media (max-width: 592px) {
.lvw-headline.has_od {
margin-bottom:1.5rem
}
.lvw-headline.has_od + .block_wrapper {
margin-top:-1.5rem
}
.lvw-headline .button-wrapper {
margin-top:1.5rem
}
.lvw-headline .button-os {
font-size:1rem
}
}
.lvw-headline .button-os:after,.lvw-headline .button-os::after {
display:none!important
}
.lvw-headline .button-os .button-icon {
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
height:1em;
left:1.75em;
margin:0 0 0 1px;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
width:3.5em
}
.lvw-headline .button-os .button-icon .icon {
-ms-transform:translate(-50%,-45%);
-webkit-transform:translate(-50%,-50%);
color:#fff;
left:50%;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
width:42%
}
.lvw-headline .button-os:hover .button-icon .icon,.lvw-headline .button-os:focus .button-icon .icon {
color:#fff
}
span.has_od {
display:block;
margin:1.25rem 0!important
}
span.has_od .button-os {
background:#d40f14;
color:#fff;
display:block!important;
font-size:1rem;
font-weight:700;
padding:1em 1em 1em 3.5em;
text-decoration:none
}
@media (max-width: 592px) {
span.has_od .button-os {
font-size:.875rem
}
}
span.has_od .button-os:hover,span.has_od .button-os:focus {
background:#ac0a26;
color:#fff
}
span.has_od .button-os:after,span.has_od .button-os::after {
display:none!important
}
span.has_od .button-os .button-icon {
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
height:1em;
left:1.75em;
margin:0 0 0 1px;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
width:3.5em
}
span.has_od .button-os .button-icon .icon {
-ms-transform:translate(-50%,-45%);
-webkit-transform:translate(-50%,-50%);
color:#fff;
left:50%;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
width:42%
}
span.has_od .button-os:hover .button-icon .icon,span.has_od .button-os:focus .button-icon .icon {
color:#fff
}
.filter-os {
background:#f2f2f2;
font-size:1rem;
padding:1em 1em 1em 2.5em;
position:relative
}
@media (max-width: 592px) {
.filter-os {
font-size:.875rem
}
}
.filter-os * {
font-size:1em
}
.filter-os input {
display:inline-block;
left:1.25em;
position:absolute;
top:1.375em
}
.icon-wrapper {
display:inline-block
}
.icon-wrapper .icon {
-ms-transform:scale(105%) translate(0,15%);
-webkit-transform:scale(105%) translate(0,15%);
transform:scale(105%) translate(0,15%)
}
.white-space-nowrap {
white-space:nowrap
}
.wrapper-odleistungen {
display:block;
margin:.625rem 0 .75em
}
.wrapper-odleistungen .button-os {
background:#d40f14;
color:#fff;
font-size:1.125rem;
font-weight:700;
padding:1em 1em 1em 3.5em;
text-decoration:none
}
@media (max-width: 592px) {
.wrapper-odleistungen .button-os {
font-size:1rem
}
}
.wrapper-odleistungen .button-os:hover,.wrapper-odleistungen .button-os:focus {
background:#ac0a26;
color:#fff
}
.wrapper-odleistungen .button-os:after,.wrapper-odleistungen .button-os::after {
display:none!important
}
.wrapper-odleistungen .button-os .button-icon {
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
height:1em;
left:1.75em;
margin:0 0 0 1px;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
width:3.5em
}
.wrapper-odleistungen .button-os .button-icon .icon {
-ms-transform:translate(-50%,-45%);
-webkit-transform:translate(-50%,-50%);
color:#fff;
left:50%;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
width:42%
}
.wrapper-odleistungen .button-os:hover .button-icon .icon,.wrapper-odleistungen .button-os:focus .button-icon .icon {
color:#fff
}
.lvw-list-leistungen + .lvw-toplink-container {
margin-top:-1.2em
}
.support-overview {
font-weight:700!important;
margin:1.8em 0 1em!important
}
.od-alphabet li {
padding:0 0 3.5em 3.5em !important
}
.columns-wrapper.columns {
margin:1.5em 0
}
.columns-wrapper.columns:last-child {
margin-bottom:0
}
.figure {
display:inline-block;
margin:1.25em 0;
padding:0
}
.figure img,.figure-img {
display:block!important;
float:none!important;
margin:0!important;
padding:0;
width:100%!important
}
.figure-caption,main .columns p.figure-caption {
background:#f2f2f2;
color:#121212;
display:block;
font-size:.875rem;
line-height:1.4;
margin:0;
padding:.25em .5em .35em
}
.support-overview + .lvw-list-leistungen,.columns-wrapper.columns:first-child {
margin-top:0
}
@media (max-width: 592px) {
.figure-caption {
font-size:.75rem
}
}
.image-slider .item {
color:#121212;
text-decoration:none
}
.image-slider .item img {
margin:auto;
max-width:550px;
width:100%
}
.image-slider .item:hover,.image-slider .item:focus {
text-decoration:underline
}
main .columns p {
margin:.875em 0;
padding:0
}
main .columns > p,main .break-inside-auto {
break-inside:auto!important
}
main .columns.columns-3 {
columns:3
}
@media (max-width: 991px) {
main .columns.columns-3 {
columns:2
}
}
@media (max-width: 767px) {
main .columns.columns-3 {
columns:1
}
}
.row-flex {
display:flex;
flex-flow:row wrap;
justify-content:space-between;
margin:1em -.75rem
}
.row-flex.justify-content-center {
justify-content:center
}
.row-flex.align-items-center {
align-items:center
}
.row-flex:first-child,.row-flex > .col > :first-child {
margin-top:0
}
.row-flex:last-child,.row-flex > .col > :last-child {
margin-bottom:0
}
.row-flex .col {
flex:0 0 100%;
max-width:100%;
padding:.5em .75rem
}
.col.col-1-1:has(div.teaser-box) {
display:flex
}
.grid {
align-content:center;
align-items:center;
display:grid;
gap:2rem;
text-align:center
}
.grid.grid-col-4 {
grid-template-columns:1fr 1fr
}
@media (min-width: 576px) {
.row-flex .col.col-1-4 {
flex:0 0 50%;
max-width:50%
}
.grid.grid-col-4 {
grid-template-columns:1fr 1fr 1fr 1fr
}
}
@media (min-width: 769px) {
.row-flex.row-flex-reverse-tablet {
flex-flow:row-reverse wrap-reverse
}
.row-flex .col,.row-flex .col-1-1 {
flex:1 1 50%;
max-width:50%
}
.row-flex .col.col-1-3,.row-flex .col.col-1-4,.row-flex .col.col-2-3 {
flex:0 0 50%;
max-width:50%
}
}
@media (min-width: 992px) {
.row-flex .col.col-1-3 {
flex:0 0 calc(33.3333333333% - 0.5rem);
max-width:calc(33.3333333333% - 0.5rem)
}
.row-flex .col.col-1-4 {
flex:0 0 calc(25% - 0.5rem);
max-width:calc(25% - 0.5rem)
}
.row-flex .col.col-2-3 {
flex:0 0 calc(66.6666666667% - 0.3rem);
max-width:calc(66.6666666667% - 0.3rem)
}
.row-flex:not(.row-flex-reverse-tablet) .col.col-1-3 + .col.col-2-3,.row-flex.row-flex-reverse-tablet .col.col-2-3 + .col.col-1-3 {
margin-left:auto
}
}
.inline-data-wrapper,.inline-data-wrapper * {
-ms-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto
}
.inline-data-wrapper {
display:flex;
flex-flow:row wrap;
margin-bottom:1rem;
margin-top:1rem
}
.inline-data-item {
display:flex;
flex:0 0 100%;
flex-flow:row wrap;
padding-bottom:.5rem;
padding-top:.5rem
}
@media (min-width: 400px) {
.inline-data-item {
flex-flow:row nowrap
}
}
.inline-data-item > * {
flex-grow:1;
margin-bottom:0!important;
margin-top:0!important;
padding-bottom:.25rem!important;
padding-top:.25rem!important;
text-align:left!important
}
.inline-data-item > :first-child {
flex:0 0 100%;
padding-right:1.5rem
}
@media (min-width: 400px) {
.inline-data-item > :first-child {
flex:0 0 40%
}
}
@media (min-width: 784px) {
.inline-data-item > :first-child {
flex:0 0 30%
}
}
.inline-data-wrapper.bordered .inline-data-item + .inline-data-item {
border-top:solid 1px #e4e4e4;
margin-top:.5rem;
padding-top:1rem
}
main .columns > .inline-data-wrapper:first-child > .inline-data-item:first-child,main .columns > .inline-data-wrapper:first-child > .inline-data-item:first-child > :first-child {
padding-top:0
}
@media (min-width: 767px) {
main .columns .inline-data-item {
flex-flow:row wrap
}
}
@media (min-width: 920px) {
main .columns .inline-data-item {
flex-flow:row nowrap
}
}
@media (min-width: 767px) {
main .columns .inline-data-item > :first-child {
flex:0 0 100%
}
}
@media (min-width: 920px) {
main .columns .inline-data-item > :first-child {
flex:0 0 40%
}
}
.lynet_cookie_banner_head p {
color:#121212!important
}
.image-grid {
display:grid;
grid-column-gap:1.5625rem;
grid-row-gap:1.5625rem;
margin:1.75rem 0
}
@media (min-width: 480px) {
.image-grid {
grid-template-columns:minmax(100px,1fr) 2fr
}
}
@media (min-width: 640px) {
.image-grid {
grid-column-gap:2.5rem
}
}
@media (min-width: 480px) {
.image-grid.image-right {
grid-template-columns:2fr minmax(100px,1fr)
}
}
.image-grid p:first-child {
margin-top:0
}
.image-grid p:last-child {
margin-bottom:0
}
.image-grid .image {
align-self:center
}
.image-grid .image img {
display:block;
margin:0 auto;
width:70%
}
.image-grid .text {
align-self:center;
text-align:center
}
@media (min-width: 480px) {
.image-grid .text {
text-align:left
}
}
.image-grid.photo-grid {
grid-template-rows:200px 1fr
}
@media (min-width: 480px) {
.image-grid.photo-grid {
grid-auto-rows:minmax(200px,1fr);
grid-template-rows:none
}
}
.image-grid.photo-grid .image {
align-self:stretch;
position:relative
}
.image-grid.photo-grid .image img {
height:100%;
left:50%;
margin:0;
object-fit:cover;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
width:100%
}
.image-grid.photo-grid .text {
text-align:left
}
.test-grid {
display:grid;
grid-auto-rows:minmax(200px,auto);
grid-column-gap:1.5625rem;
grid-row-gap:0;
grid-template-columns:1fr;
margin:1.75rem 0
}
@media (min-width: 784px) {
.test-grid {
grid-column-gap:0;
grid-row-gap:1.5625rem;
grid-template-columns:1fr 1fr
}
}
.test-grid > :nth-child(even):not(:last-child) {
margin-bottom:1.5625rem
}
@media (min-width: 784px) {
.test-grid > :nth-child(even):not(:last-child) {
margin-bottom:0
}
}
@media (min-width: 991px) {
.test-grid {
grid-column-gap:1.5625rem;
grid-row-gap:1.5625rem;
grid-template-columns:repeat(3,1fr)
}
.test-grid > :nth-child(1) {
grid-column:span 2;
grid-row-start:2
}
.test-grid > :nth-child(4) {
grid-column:3 / 4;
grid-row:1 / 3
}
}
.test-grid .image {
aspect-ratio:16/9;
height:100%;
object-fit:cover;
width:100%
}
.test-grid .text {
background:#f2f2f2;
padding:1.5625rem;
padding-bottom:2.5rem;
padding-top:2.25rem
}
.test-grid .text > :first-child {
margin-top:0
}
.test-grid .text > :last-child {
margin-bottom:0
}
.test-grid .text h3,.test-grid .text .h3 {
margin:.9em 0 .65em
}
.test-grid .text p {
margin:.625em 0
}
.copyright {
display:inline-block;
font-size:14px;
margin:25px 0 0
}
@media (max-width: 986px) {
.copyright {
margin:25px 0 -90px
}
}
.onclick {
cursor:pointer
}
.flex {
display:flex;
flex-flow:row wrap;
margin:-.75rem
}
.flex .column-50 {
display:flex;
flex:0 0 100%;
padding:.75rem
}
@media (min-width: 768px) {
.flex .column-50 {
flex:0 0 50%
}
}
.teaser-container {
background-color:#fffffff2;
display:flex;
flex:0 0 100%;
flex-direction:column
}
@media (min-width: 576px) {
.teaser-container {
flex-direction:row
}
}
.image-container {
flex:0 0 152px;
height:100%;
min-height:152px
}
.image-container img {
display:block;
height:100%;
object-fit:cover;
width:100%
}
.icon-container {
align-items:center;
display:flex;
flex:0 0 auto;
height:auto;
justify-content:flex-start;
min-height:initial;
padding:24px 20px 0
}
@media (min-width: 576px) {
.icon-container {
flex:0 0 152px;
height:100%;
justify-content:center;
min-height:152px;
padding-bottom:30px
}
}
.icon-container img {
height:auto;
max-width:80px!important;
object-fit:contain;
width:auto
}
.text-container {
-moz-hyphens:auto;
-ms-hyphens:auto;
-webkit-hyphens:auto;
flex:1 0 40%;
hyphens:auto;
padding:24px 20px 30px
}
@media (min-width: 576px) {
.text-container {
padding-right:40px
}
}
.text-container > * {
font-size:.875rem;
line-height:1.35;
margin:0
}
@media (min-width: 576px) {
.text-container > * {
font-size:1rem
}
}
.text-container > :first-child {
font-size:1rem;
font-weight:700
}
@media (min-width: 576px) {
.text-container > :first-child {
font-size:1.125rem
}
}
.text-container > * + * {
margin-top:8px
}
.link-container {
cursor:pointer
}
a.teaser-container,a.teaser-container * {
text-decoration:none!important
}
a.teaser-container:hover .text-container > :first-child,a.teaser-container:focus .text-container > :first-child {
color:#d40f14;
text-decoration:underline!important
}
.text-container > :first-child a {
color:inherit;
text-decoration:none!important
}
.text-container > :first-child a:hover,.text-container > :first-child a:focus,.link-container:hover a:first-of-type,.link-container:focus a:first-of-type {
color:#d40f14;
outline:none!important;
text-decoration:underline!important
}
a.teaser-container .text-container > :first-child,.text-container > :first-child a {
display:inline-block;
padding-right:.8182em
}
a.teaser-container .text-container > :first-child::after,.text-container > :first-child a::after {
content:'\f105';
display:inline-block;
font-family:FontAwesome;
font-style:normal;
margin-right:-.8182em;
text-align:right;
width:.8182em
}
@media (min-width: 786px) and (max-width: 1227px) {
.infokasten.mitarbeiter .col-1-3 {
flex:0 0 33%
}
.infokasten.mitarbeiter .col-2-3 {
padding-left:0
}
.infokasten.mitarbeiter img {
height:120px;
max-width:max-content;
object-fit:cover;
width:120px
}
}
.infokasten.employees .text-container > :first-child {
font-size:1em;
font-style:italic
}
.infokasten.employees .teaser-container {
border-color:#E4E4E4;
border-style:solid;
border-width:1px
}
.infokasten.employees .image-container img {
height:inherit
}
@media (max-width: 576px) {
.infokasten.employees .image-container {
min-height:250px
}
.infokasten.employees .image-container img {
height:100%
}
}
.infokasten.icon-teaser .icon-teaser-container {
float:left;
width:100%
}
.infokasten.icon-teaser .icon-teaser-container img {
height:50px;
width:auto
}
@media (min-width: 575px) {
.infokasten.icon-teaser .icon-teaser-container {
width:50%
}
.icon-teaser div.icon-teaser-container p {
padding-right:1.5em
}
}
@media (min-width: 767px) {
.infokasten.icon-teaser .icon-teaser-container {
width:25%
}
.icon-teaser div.icon-teaser-container:nth-child(even) p {
padding-right:1.5em
}
}
.infokasten.videos-2 .teaser-container {
background-color:transparent
}
.infokasten.videos-2 .text-container {
padding:0
}
.infokasten.videos-2 .text-container > * {
font-size:1rem;
padding:0
}
@media (min-width: 576px) {
.infokasten.videos-2 .text-container > * {
font-size:1.125rem
}
}
.infokasten.list-table > :first-child {
margin-bottom:-10px;
margin-top:0!important
}
.infokasten.list-table p {
font-weight:700
}
.infokasten.list-table ul {
display:flex;
flex-wrap:wrap;
list-style:none;
margin:0
}
.infokasten.list-table li {
font-size:.875rem;
line-height:1.35;
margin:0;
padding:2px 2px 2px 20px;
width:100%
}
.infokasten.list-table li:before {
content:"\2022";
float:left;
margin-left:-10px;
padding-right:5px;
width:10px
}
.infokasten.list-table li:last-child {
flex-grow:1
}
@media (max-width: 575px) {
.infokasten.list-table li:nth-child(n) {
flex-break:after
}
.infokasten.list-table li:nth-child(2n) {
background-color:#00000030
}
}
@media (min-width: 576px) and (max-width: 767px) {
.infokasten.list-table li:nth-child(2n) {
flex-break:after
}
.infokasten.list-table li:nth-child(4n),.infokasten.list-table li:nth-child(4n-1) {
background-color:#00000030
}
.infokasten.list-table li {
font-size:1rem;
line-height:1.6875;
width:50%
}
}
@media (min-width: 768px) {
.infokasten.list-table ul:not(.columns-4):not(.columns-2) li:nth-child(6n),.infokasten.list-table ul:not(.columns-4):not(.columns-2) li:nth-child(6n-1),.infokasten.list-table ul:not(.columns-4):not(.columns-2) li:nth-child(6n-2) {
background-color:#fffffff2
}
.infokasten.list-table ul:not(.columns-4):not(.columns-2) li {
font-size:1rem;
line-height:1.6875;
width:33.33333333%
}
.infokasten.list-table ul.columns-4 li {
font-size:1rem;
line-height:1.6875;
width:25%
}
.infokasten.list-table ul.columns-2 li {
font-size:1rem;
line-height:1.6875;
width:50%
}
.infokasten.list-table ul:not(.columns-4):not(.columns-2) li:nth-child(3n),.infokasten.list-table ul.columns-4 li:nth-child(4n),.infokasten.list-table ul.columns-2 li:nth-child(2n) {
flex-break:after
}
.infokasten.list-table ul.columns-4 li:nth-child(8n),.infokasten.list-table ul.columns-4 li:nth-child(8n-1),.infokasten.list-table ul.columns-4 li:nth-child(8n-2),.infokasten.list-table ul.columns-4 li:nth-child(8n-3),.infokasten.list-table ul.columns-2 li:nth-child(4n),.infokasten.list-table ul.columns-2 li:nth-child(4n-1) {
background-color:#00000030
}
}
.image-container.deco-container {
min-height:120px
}
.image-container.deco-container img {
max-height:120px;
object-position:center
}
.flex-column {
flex-direction:column!important
}
.two-column-section {
background-color:#F2F2F2;
display:flex;
flex-direction:row;
padding:0
}
.infokasten .two-column-section {
background-color:transparent
}
.two-column-section .image-container.two-column-image-container {
flex:0 0 auto;
height:auto;
padding:0;
width:50%
}
.two-column-section .two-column-content {
display:flex;
flex-direction:column;
justify-content:center;
padding:2rem 3rem;
width:50%
}
.two-column-section .additional-content {
padding:2rem 3rem
}
.deco-banner-headline,main .content div.left h2.deco-banner-headline,main .content div.column h2.deco-banner-headline,main .content div.columns h2.deco-banner-headline {
font-weight:700
}
@media screen and (max-width: 768px) {
.two-column-section .additional-content {
padding:1em
}
}
.two-column-section .additional-content:empty {
display:none
}
.two-column-section .two-column-content.two-third {
width:66.66%
}
main .content div.column .two-column-section .two-column-content h2 {
font-size:2.375rem;
font-weight:700;
line-height:2.75rem;
margin-bottom:1.25rem;
margin-top:0
}
.two-column-section .two-column-content h3 {
margin-top:0
}
.two-column-section.reverse,.two-column-main-content.reverse {
flex-direction:row-reverse;
padding-right:0
}
.reverse .two-column-content {
padding:2rem 3rem
}
.reverse .image-container.two-column-image-container {
padding:0
}
.two-column-section .two-column-main-content {
display:flex;
flex-wrap:wrap
}
.two-column-section .image-container.two-column-image-container.one-third {
flex:0 0 auto;
height:auto;
padding:0;
width:33.33%
}
.two-column-section .two-column-content > :first-child,.two-column-section .additional-content > :first-child {
margin-top:0!important
}
.two-column-section .two-column-content > :last-child,.two-column-section .additional-content > :last-child {
margin-bottom:0!important
}
@media screen and (max-width: 992px) {
.two-column-section {
padding-right:0
}
.two-column-section .two-column-content,.two-column-section .two-column-content.two-third {
padding:1rem
}
.reverse.two-column-section .two-column-content {
padding-right:1rem
}
main .content div.column .two-column-section .two-column-content h2,.two-column-section .two-column-content h3 {
margin-bottom:.8125em
}
}
@media screen and (max-width: 767px) {
.two-column-section {
margin-bottom:3rem
}
.reverse.two-column-section,.two-column-section {
flex-direction:column
}
.two-column-section .image-container.two-column-image-container,.two-column-section .image-container.two-column-image-container.one-third,.two-column-section .two-column-content,.two-column-section .two-column-content.two-third {
width:100%
}
.two-column-section .two-column-content h3 {
margin:0
}
main .content div.column .two-column-section .two-column-content h2 {
margin-top:1.9296875rem
}
.two-column-section .two-column-content {
padding:1rem
}
}
@media (max-width: 592px) {
main .content div.column .two-column-section .two-column-content h2 {
font-size:1.125rem;
line-height:1.6rem
}
.two-column-section {
margin-bottom:1.75rem
}
}
.cv-grid {
column-gap:40px;
display:grid
}
.cv-grid .figure {
margin:1.25em 0
}
@media only screen and (max-width: 600px) {
.cv-grid {
grid-template-columns:repeat(1,1fr)
}
}
@media only screen and (min-width:601px) and (max-width: 1200px) {
.cv-grid {
grid-template-columns:repeat(2,1fr)
}
}
@media only screen and (min-width: 1201px) {
.cv-grid.col-2 {
grid-template-columns:repeat(2,1fr)
}
.cv-grid {
grid-template-columns:repeat(3,1fr)
}
}
div.infokasten > .expandable-wrapper:last-child {
margin-bottom:0!important
}
div.infokasten > .expandable-wrapper:first-child {
margin-top:0!important;
padding-top:0
}
div.infokasten > .expandable-wrapper.compact:last-child {
margin-bottom:-1em!important
}
div.infokasten > .expandable-wrapper.compact:first-child {
margin-top:-1em!important
}
div.infokasten > .expandable-wrapper .expandable-trigger,div.additional-content > .expandable-wrapper .expandable-trigger,div.two-column-section div.two-column-content > .expandable-wrapper .expandable-trigger {
background-color:transparent!important
}
.infokasten .expandable-content > :first-child {
margin-top:.5rem
}
.expandable-wrapper.compact .expandable-button:not(.teaser-container .text-container .expandable-wrapper .expandable-button) {
padding-left:0
}
div.img-txt-combo {
display:inline-block;
position:relative
}
div.img-txt-combo a:hover span,div.img-txt-combo a:focus span {
text-decoration:underline!important
}
div.img-txt-combo div {
left:0;
margin:0;
max-width:67%;
padding:0;
position:absolute;
top:50%;
transform:translateY(-50%);
width:100%
}
div.img-txt-combo.top div {
top:1.25%;
transform:initial
}
div.img-txt-combo.bottom div {
bottom:1.25%;
top:initial;
transform:initial
}
div.img-txt-combo span {
-webkit-box-decoration-break:clone;
background-color:#d40f14;
box-decoration-break:clone;
color:#fff!important;
font-size:3.125em;
font-size:calc(2vw + 0.6rem);
font-weight:700;
line-height:2.25em;
padding:.25em .5em .25em 1.25em
}
.columns div.img-txt-combo span,.col-1-1 div.img-txt-combo span {
font-size:1.92em;
font-size:calc(1.1vw + 0.25rem)
}
.col-2-3 div.img-txt-combo span {
font-size:1.92em;
font-size:calc(1.1vw + 0.6rem)
}
.columns.columns-3 div.img-txt-combo span,.col-1-3 div.img-txt-combo span {
font-size:.91em;
font-size:calc(0.3vw + 0.5rem)
}
@media (max-width: 480px) {
div.img-txt-combo span,.columns div.img-txt-combo span,.columns.columns-3 div.img-txt-combo span,.col-1-1 div.img-txt-combo span,.col-2-3 div.img-txt-combo span,.col-1-3 div.img-txt-combo span {
font-size:2em;
font-size:calc(1.1vw + 0.675rem)
}
.infokasten .columns div.img-txt-combo span,.infokasten .columns.columns-3 div.img-txt-combo span,.infokasten .col-1-1 div.img-txt-combo span,.infokasten .col-2-3 div.img-txt-combo span,.infokasten .col-1-3 div.img-txt-combo span {
font-size:1.67em;
font-size:calc(1.1vw + 0.53rem)
}
}
main ul.teasers_wide li a,.background_wrapper.gray ul.teasers_wide li a {
display:flex
}
@media (max-width: 767px) {
main ul.teasers_wide li a .image_wrapper {
height:auto;
min-height:180px
}
}
@media (max-width: 640px) {
main ul.list_teasers_responsive {
margin-left:-25px;
margin-right:-25px
}
main ul.list_teasers_responsive li {
margin:20px 25px
}
.background_wrapper.gray ul.teasers_wide.list_teasers_responsive li {
background:url(../images/layout/border_bottom.png) repeat-x bottom;
padding-bottom:19px
}
}
@media (max-width: 480px) {
.background_wrapper.gray ul.list_teasers_responsive .text_wrapper {
display:block;
position:relative
}
.background_wrapper.gray ul.list_teasers_responsive .text_wrapper::before {
border-top:solid 1px #f2f2f2;
content:'';
left:20px;
position:absolute;
right:20px;
top:-1px
}
main ul.list_teasers_responsive li {
margin:0
}
.background_wrapper.gray ul.teasers_wide.list_teasers_responsive li {
background:transparent;
padding-bottom:0
}
main ul.list_teasers_responsive li a .image_wrapper,main ul.list_teasers_responsive .text_wrapper,.background_wrapper.gray ul.list_teasers_responsive .text_wrapper {
display:inline-block
}
.background_wrapper.gray ul.list_teasers_responsive li:not(.first) a .image_wrapper {
border-top:solid 1px #fff
}
main ul.teasers_wide li a,.background_wrapper.gray ul.teasers_wide li a {
display:flex
}
main ul.teasers_wide li a .image_wrapper {
height:auto;
min-height:130px;
width:120px
}
main ul.list_teasers_responsive .text_wrapper,.background_wrapper.gray ul.list_teasers_responsive .text_wrapper {
padding-left:20px;
padding-right:20px;
width:calc(100% - 120px)
}
main ul.list_teasers_responsive .image_wrapper,.background_wrapper.gray ul.list_teasers_responsive .first .text_wrapper::before {
display:none
}
}
.journal-detailpage.filmblog main {
background:#f4ece0 url(../images/cm/stadtentwicklung/filmblog/smart-city-background-detailsseite.jpg) no-repeat center top;
background-attachment:fixed;
background-color:#f8f3e9;
background-size:cover
}
.journal-frontpage.filmblog main {
background:#f4ece0 url(../images/cm/stadtentwicklung/filmblog/smart-city-background.jpg) no-repeat center top;
background-attachment:fixed;
background-color:#f8f3e9;
background-size:cover
}
.journal-detailpage.beckergrube main {
background:#f4ece0 url(../images/cm/stadtentwicklung/Beckergrube/baustellen-tagebuch-background-detailsseite.jpg) no-repeat center top;
background-attachment:fixed;
background-color:#f8f3e9;
background-size:cover
}
.journal-frontpage.grabungsblog main,.journal-detailpage.grabungsblog main {
background:#f4ece0 url(../images/cm/stadtleben/kultur/Grabungsblog/grabungsblog-st-marien.jpg) no-repeat center top;
background-attachment:fixed;
background-color:#f8f3e9;
background-size:cover
}
.journal-frontpage.beckergrube main {
background:#f4ece0 url(../images/cm/stadtentwicklung/Beckergrube/baustellen-tagebuch-background-neu.jpg) no-repeat center top;
background-attachment:fixed;
background-color:#f8f3e9;
background-size:cover
}
.journal-detailpage.bergungslogbuch main,.journal-frontpage.bergungslogbuch main {
background:#f4ece0 url(../images/layout/Background_02.jpg) no-repeat center top;
background-attachment:fixed;
background-color:#f8f3e9;
background-size:cover
}
.journal-frontpage .content > h1,.journal-frontpage .content > h2.subheadline,.journal-frontpage .introduction {
padding-right:0;
text-align:center
}
.journal-frontpage .introduction {
margin-left:auto;
margin-right:auto;
width:min(60rem,90%)
}
.journal-frontpage .content > h1 {
margin-top:.7368em
}
.journal-wrapper {
margin:2rem 0;
padding:0;
position:relative;
--col-gap:2rem;
--date-circle-size:64px;
--line-w:2px;
--row-gap:2rem
}
.journal-wrapper::before {
background:#000;
bottom:0;
content:'';
left:calc(var(--col-gap) / 2);
position:absolute;
top:0;
transform:none;
width:var(--line-w)
}
.journal-list {
column-gap:var(--col-gap);
display:grid;
grid-auto-columns:max-content;
grid-template-columns:var(--line-w) 1fr;
margin-inline:auto;
position:relative
}
.journal-list::before {
background:transparent;
border-radius:calc(var(--line-w) / 2);
content:'';
grid-column:1;
grid-row:1 / span 1000
}
.journal-entry {
display:flex;
flex:0 0 50%;
flex-flow:row nowrap;
grid-column:2;
grid-row:span 2;
margin-bottom:var(--row-gap)
}
.month-spacer {
flex:0 0 100%;
flex:0 0 100%;
padding-bottom:var(--row-gap);
padding-left:var(--col-gap)
}
.journal-entry:not(.month-spacer) {
justify-content:space-between
}
.date-circle {
background:#000;
border-radius:50%;
color:#fff;
flex:0 0 var(--date-circle-size);
height:var(--date-circle-size);
margin:0;
position:relative;
width:var(--date-circle-size)
}
.month-spacer .date-circle {
--date-circle-size:74px
}
.date-circle .date-text {
left:50%;
position:absolute;
text-align:center;
top:50%;
transform:translate(-50%,-50%)
}
.date-circle .date-day {
font-size:1.375rem;
font-weight:700;
line-height:1.1
}
.date-circle .date-month {
font-size:1rem;
font-weight:700;
line-height:1.1
}
.journal-entry-card.press-release-item {
align-self:flex-start;
background:#fff;
border-radius:7px;
box-shadow:4px 4px 20px 0 #0003;
display:flex;
flex:0 0 70%!important;
flex-direction:column;
flex-grow:1!important;
margin:0 0 0 var(--col-gap) !important;
margin:0 0 0 1.5rem!important;
outline:none;
padding:1.25rem 1.25rem 1.75rem!important;
position:relative;
text-decoration:none!important
}
.journal-entry-card.press-release-item::before {
background:#fff;
bottom:auto;
box-shadow:4px 4px 20px 0 #0003;
content:'';
height:1rem;
left:auto;
position:absolute;
right:100%;
top:calc(var(--date-circle-size) / 2);
transform:translate(50%,-50%) scale(150%,100%) rotate(135deg);
width:1rem
}
.journal-entry-card.press-release-item::after {
background:#fff;
border-radius:7px;
bottom:0;
content:'';
height:auto;
left:0;
position:absolute;
right:0;
top:0;
width:auto
}
.journal-entry-card.press-release-item > * {
position:relative;
z-index:1
}
.journal-entry-card-header {
aspect-ratio:460 / 300;
background-position:center center;
background-repeat:no-repeat;
background-size:cover
}
.has-video-icon .journal-entry-card-header {
aspect-ratio:16 / 9;
position:relative
}
.has-video-icon .journal-entry-card-header::before {
background:#d40f14 url(../images/layout/play-btn.svg) no-repeat center center;
background-size:contain;
border-radius:50%;
content:'';
height:4rem;
left:50%;
position:absolute;
top:50%;
transform:translate(-50%,-50%);
width:4rem
}
.journal-entry-card-header + * {
margin-top:1.25rem
}
.journal-entry-card-body > :last-child {
margin-bottom:0
}
a.journal-entry-card.press-release-item:hover .headline {
color:#d40f14!important;
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
a.journal-entry-card.press-release-item.has-video-icon:hover .journal-entry-card-header::before,a.journal-entry-card.press-release-item.has-video-icon:focus-visible .journal-entry-card-header::before {
background-image:url(../images/layout/play-btn-inverted.svg)
}
a.journal-entry-card.press-release-item:focus-visible,a.journal-entry-card.press-release-item:focus-visible::before {
outline:solid 3px #d40f14!important;
outline-offset:0
}
.back-button-spacer {
display:flex;
flex-flow:row wrap;
justify-content:flex-start;
padding-top:var(--row-gap);
position:relative
}
.back-button,a.back-button,a.back-button[href] {
background:#000;
color:#fff!important;
font-size:1rem;
font-weight:700;
line-height:1.3;
padding:1.25rem 1.25rem 1.125rem;
text-decoration:none!important
}
a.back-button[href]:not(.image,.icon-teaser-item,.buttons-os,.text-white):hover,a.back-button[href]:not(.image,.icon-teaser-item,.buttons-os,.text-white):focus-visible {
background:#d40f14;
color:#fff!important;
outline:solid 3px #ac0a26!important;
outline-offset:0
}
.filmblog .back-button,.zeitstrahl .back-button,.filmblog a.back-button,.zeitstrahl a.back-button,.filmblog a.back-button[href],.zeitstrahl a.back-button[href] {
background:#d40f14;
color:#fff!important;
font-size:1rem;
font-weight:700;
line-height:1.3;
padding:1.25rem 1.25rem 1.125rem;
text-decoration:none!important
}
.filmblog a.back-button[href]:not(.image,.icon-teaser-item,.buttons-os,.text-white):hover,.zeitstrahl a.back-button[href]:not(.image,.icon-teaser-item,.buttons-os,.text-white):hover,.filmblog a.back-button[href]:not(.image,.icon-teaser-item,.buttons-os,.text-white):focus-visible,.zeitstrahl a.back-button[href]:not(.image,.icon-teaser-item,.buttons-os,.text-white):focus-visible {
background:#000;
color:#fff!important;
outline:none!important;
text-decoration:underline!important
}
.filmblog .journal-wrapper::before,.zeitstrahl .journal-wrapper::before,.filmblog .date-circle,.zeitstrahl .date-circle {
background:#d40f14
}
@media (min-width: 768px) {
.journal-wrapper {
margin:4rem 0;
padding:0;
--col-gap:3rem;
--date-circle-size:74px;
--row-gap:3rem
}
.journal-wrapper::before {
left:50%;
transform:translate(-50%,0)
}
.journal-list {
grid-template-columns:1fr var(--line-w) 1fr
}
.journal-list::before {
grid-column:2
}
.journal-entry.align-left {
flex-direction:row-reverse;
grid-column:1
}
.journal-entry.align-right {
grid-column:3
}
.journal-entry:nth-child(2) {
grid-row:2/4
}
.month-spacer {
padding-left:0
}
.month-spacer .date-circle {
margin:0 auto;
--date-circle-size:94px
}
.journal-entry-card.press-release-item {
margin:0 0 0 2rem !important
}
.journal-entry.align-left .date-circle {
margin:0
}
.journal-entry.align-left .journal-entry-card.press-release-item {
margin:0 2rem 0 0 !important
}
.journal-entry.align-left .journal-entry-card.press-release-item::before {
left:100%;
right:auto;
transform:translate(-50%,-50%) scale(150%,100%) rotate(135deg)
}
.back-button-spacer {
justify-content:center
}
}
.journal-detailpage .back-link-wrapper {
padding:1.25rem 0
}
.journal-detailpage .back-link-wrapper:first-child {
border-bottom:solid 1px #b5b5b5
}
.journal-detailpage .back-link-wrapper:last-child {
border-top:solid 1px #b5b5b5;
margin-top:3rem
}
.journal-detailpage .back-link {
color:#000!important;
display:inline-block;
font-size:1rem;
font-weight:700;
line-height:1.3;
padding:.25rem .25rem .25rem .75rem;
position:relative;
text-decoration:none
}
.journal-detailpage .back-link:hover {
color:#d40f14!important;
text-decoration:underline 1.5px!important;
text-underline-offset:.1em!important
}
.journal-detailpage .back-link:focus-visible {
color:#d40f14!important;
outline-color:#d40f14!important;
outline-offset:0
}
.journal-detailpage .back-link::before {
color:inherit;
content:"\f104";
display:inline-block;
font-family:'FontAwesome',sans-serif;
font-size:inherit;
left:0;
line-height:inherit;
position:absolute;
top:50%;
transform:translate(0,-50%)
}
.journal-detailpage .header-wrapper {
align-items:flex-start;
display:flex;
flex-flow:row wrap;
margin:0 -20px
}
.journal-detailpage .header-image-wrapper {
flex:0 0 100%;
margin:1.8em 0 1em;
padding:0 20px
}
.journal-detailpage .header-background-image {
aspect-ratio:460 / 300;
background-color:#fff;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
border-bottom-width:3rem;
border-color:#fff;
border-style:solid;
border-width:1.25rem 1.25rem 1.75rem;
box-shadow:4px 4px 20px 0 #0003;
position:relative
}
.journal-detailpage.filmblog .header-background-image,.journal-detailpage.zeitstrahl .header-background-image {
border-radius:7px;
border-width:1.25rem
}
.journal-detailpage .header-text-wrapper {
flex:0 0 50%;
flex-grow:1;
padding:0 20px
}
.journal-detailpage .header-image-wrapper + .header-text-wrapper h1 {
padding:0
}
.journal-detailpage .journal-detail-release-date {
font-size:1.0625rem;
font-weight:700;
line-height:1.3;
margin:1.5em 0 1em
}
.journal-detailpage .figure-caption {
background:transparent;
padding-left:0;
padding-right:0
}
.journal-detailpage h1,.journal-detailpage .figure {
margin:1rem 0
}
@media (min-width: 576px) {
.journal-detailpage .back-link-wrapper:first-child {
margin-top:1rem
}
}
@media (min-width: 593px) {
.journal-detailpage .journal-detail-release-date {
font-size:1.375rem;
line-height:1.2
}
}
@media (min-width: 768px) {
.journal-detailpage .back-link-wrapper:first-child {
margin-top:2rem
}
.journal-detailpage .back-link-wrapper:last-child {
margin-top:4rem
}
.journal-detailpage .header-image-wrapper {
flex:0 0 50%
}
}
@media (min-width: 992px) {
.journal-detailpage .header-image-wrapper {
flex:0 0 40%
}
}
.infokasten.mitwirkende {
margin-bottom:1rem;
margin-top:1rem;
padding-bottom:1rem!important;
padding-top:1rem!important
}
.infokasten.mitwirkende h5 {
margin-bottom:0
}
.infokasten.mitwirkende ul {
list-style-type:none;
margin-left:0;
margin-top:0
}
.infokasten.mitwirkende ul li {
line-height:1.4em
}
.infokasten.mitwirkende li em {
font-size:85%
}
h1 .rating {
color:#8d949d;
display:inline-block;
font-size:1.875rem;
line-height:1.4667
}
h1 .rating .fa {
margin-right:.25rem
}
#comments button.load-more {
background:#8d949d;
border:none;
color:#FFF;
display:block;
margin-left:auto;
padding:1em
}
#comments button.load-more:hover {
background:#4b4f55
}
.comments {
list-style-type:none;
margin:0;
padding:0
}
.comments li {
border-left:solid 1px #f2f2f2;
border-top:solid 1px #f2f2f2;
display:block;
height:auto;
margin:0;
opacity:1;
overflow:hidden;
padding:24px 4% 20px 125px;
position:relative;
transition:opacity .5s linear
}
.comments li[hidden] {
height:0;
opacity:0;
padding:0
}
.comments li:first-child {
border-top:none
}
.comments li > button.show-more {
background:transparent;
border:none;
bottom:2.5rem;
display:block;
height:50px;
left:1.5rem;
position:absolute;
transition:transform .3s linear;
width:80px
}
.comments li > button.show-more.active {
transform:rotate(-180deg)
}
.comments > li > p.comment > .excerpt:not(:only-child):after {
content:"..."
}
.comments > li > p.comment > span.text {
transition:all .3s linear
}
.comments > li > p.comment > span.hidden {
opacity:0
}
.comments li > button.show-more.active + p.comment > span.text {
display:inline!important;
opacity:1
}
.comments li > button.show-more.active + p.comment > .excerpt:after {
content:''
}
.comments li > button.show-more > i {
color:#8d949d;
display:inline-block;
font-size:2.5rem;
position:relative;
text-align:center
}
.comments li > button.show-more:hover > i {
color:#4b4f55
}
.comments .fa-user {
background:#f2f2f2;
border-radius:50%;
color:#8d949d;
display:inline-block;
font-size:52px;
line-height:80px;
margin:0 15px 0 -100px;
position:relative;
text-align:center;
vertical-align:middle;
width:80px
}
.comments .fa-user:before,.comments .fa-user::before {
position:relative;
top:-1px
}
.comments .fa-user:after,.comments .fa-user::after {
background:#f2f2f2;
content:"";
display:block;
height:1px;
position:absolute;
right:100%;
top:50%;
width:25px
}
.comments .details {
margin-top:.25rem
}
.comments .details:last-child {
margin-bottom:.5rem
}
.comments .details:before,.comments .details::before {
content:"\200B";
display:inline-block;
height:100%;
margin-left:-.25rem;
vertical-align:middle
}
.comments .details > div {
display:inline-block;
vertical-align:middle
}
.comments .details p {
margin:0
}
.comments .details .text-red {
color:#000
}
.comments .author {
color:#000;
font-size:20px;
font-weight:700;
line-height:27px
}
.comments .release-date {
white-space:nowrap
}
.rating {
color:#8d949d
}
.comments .rating {
display:block;
font-size:28px
}
.comments p + .rating {
margin-top:.0714em
}
.comments .rating .fa {
margin-right:4px
}
h1 .rating .selected,.rating .selected {
color:#d40f14
}
@media (max-width: 1209px) {
.comments {
margin-left:-26px
}
}
@media (max-width: 575px) {
h1 .rating {
font-size:18px;
line-height:1.2866
}
h1 .rating .fa {
margin-right:4px
}
h1 .rating .selected {
color:#d40f14
}
.comments .author {
font-size:16px;
line-height:1.4765625
}
.comments .release-date {
display:block
}
.comments .rating {
font-size:20px
}
.comments .comment {
clear:left;
margin-left:-100px;
margin-top:0;
padding-top:20px
}
.comments li > button.show-more {
bottom:auto;
left:auto;
right:0;
top:2.5rem
}
.comments li > button.show-more.active {
transform:rotate(180deg)
}
}
.articles {
-webkit-flex-flow:row wrap;
display:-webkit-flex;
display:flex;
flex-flow:row wrap;
list-style-type:none;
margin:2rem -1.25rem 12px;
padding:0
}
.articles li {
background:#f2f2f2 url(../images/layout/idee-icon.png) no-repeat right 7px top 5px;
background-size:15%;
flex:0 0 calc(33.33333333% - 2.5rem);
margin:0 1.25rem 2rem;
padding:1.5rem 1.25rem 1.75rem;
position:relative
}
.articles .hidden {
display:none
}
.hidden {
display:none!important
}
.background_wrapper.gray .articles li {
background-color:#fff
}
.background_wrapper.gray .articles li:after,.background_wrapper.gray .articles li::after {
background:transparent url(../images/layout/border_bottom.png) repeat-x center bottom;
content:"";
display:block;
height:19px;
left:0;
position:absolute;
top:100%;
width:100%
}
.articles li > :first-child {
margin-top:0
}
.articles p {
font-size:.875rem
}
.articles h3 {
color:#000;
line-height:1.2273;
margin:1em 0 .7273em
}
.articles .details span:after,.articles .details span::after {
content:"\00b7"
}
.articles .details span:last-child:after,.articles .details span:last-child::after {
content:""
}
.show-articles-wrapper {
margin:2rem 0;
text-align:center
}
.show-articles-wrapper button {
-webkit-appearance:none;
background:#d40f14;
border:none;
border-radius:0;
color:#fff;
font-size:1.25rem;
font-weight:700;
outline:none;
padding:.7em 1em
}
.show-articles-wrapper button:hover,.show-articles-wrapper button:focus {
background:#ac0a26
}
.show-articles-wrapper button:after,.show-articles-wrapper button::after {
content:"\f01e";
font-family:FontAwesome;
margin-left:.5em
}
@media (max-width: 1024px) {
.articles li {
flex:0 0 calc(50% - 2.5rem)
}
}
@media (max-width: 720px) {
.articles li {
background-size:10%;
flex:0 0 calc(100% - 2.5rem)
}
}
a.button,a[href].button {
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
background-color:#d40f14;
border:3px solid #d40f14;
color:#fff!important;
cursor:pointer;
display:inline-block;
padding:.6em .9em;
text-align:center;
text-decoration:none;
user-select:none;
vertical-align:middle
}
a.button-sm {
font-size:.8em;
padding:.2em .45em
}
a.button-lg {
font-size:1.2em;
padding:.9em 1.35em
}
h3 a.button span,h4 a.button span {
display:block;
font-size:75%;
font-weight:600
}
a.button::after {
content:"\f105";
display:inline-block;
font-family:FontAwesome,sans-serif;
margin-left:.5em;
text-align:right;
transform:scale(1.3)
}
a[target="_blank"].button::after {
margin-left:0;
margin-right:0!important
}
a.button-sm::after {
margin-left:.5em;
margin-right:calc(0.5em - 0.45em);
transform:scale(1.1)
}
a.button-lg::after {
margin-left:1.5em;
margin-right:calc(1.5em - 1.35em);
transform:scale(1.5)
}
a.button.button-icon-none::after {
display:none!important
}
a.button.button-icon-calendar::after {
content:"\f073"
}
a.button.button-icon-search::after {
content:"\f002"
}
a.button.button-icon-decline::after {
content:"\f00d"
}
a.button.button-icon-accept::after {
content:"\f00c"
}
a.button.button-icon-arrow-right::after {
content:"\f105"
}
a.button.button-icon-arrow-left::after {
content:"\f104"
}
a.button.button-icon-arrow-up::after {
content:"\f106"
}
a.button.button-icon-arrow-down::after {
content:"\f107"
}
a.button:hover,a[href].button:hover,a.button:focus-visible,a[href].button:focus-visible {
background-color:#fff;
border-color:#d40f14;
color:#d40f14!important;
text-decoration:underline!important
}
a.button-dark,a[href].button-dark {
background-color:#000;
border-color:#000;
color:#fff!important
}
a.button-dark:hover,a[href].button-dark:hover,a.button-dark:focus-visible,a[href].button-dark:focus-visible {
background-color:#d40f14;
border-color:#d40f14;
color:#fff!important
}
a.button.emphasize {
font-size:140%;
font-weight:700;
line-height:140%
}
div.blocked {
position:relative
}
div.blocked div.blocking {
background-color:#fff;
cursor:not-allowed;
height:100%;
left:0;
margin:0;
opacity:.6;
padding:0;
position:absolute;
top:0;
width:100%
}
.tooltip {
background:#333;
border-radius:4px;
color:#fff;
display:none;
font-size:13px;
font-weight:700;
max-width:275px;
padding:4px 8px;
text-align:center;
z-index:1
}
.tooltip .tooltip_arrow,.tooltip .tooltip_arrow::before {
background:inherit;
height:8px;
position:absolute;
width:8px
}
.tooltip .tooltip_arrow {
visibility:hidden
}
.tooltip .tooltip_arrow::before {
content:'';
transform:rotate(45deg);
visibility:visible
}
.tooltip[data-popper-placement^='top'] > .tooltip_arrow {
bottom:-4px
}
.tooltip[data-popper-placement^='bottom'] > .tooltip_arrow {
top:-4px
}
.tooltip[data-popper-placement^='left'] > .tooltip_arrow {
right:-4px
}
.tooltip[data-popper-placement^='right'] > .tooltip_arrow {
left:-4px
}
.ov-menu-visible,.ov-menu-visible body {
bottom:0;
height:100%;
left:0;
overflow:hidden;
position:fixed;
right:0;
top:0;
width:100%
}
.ov-menu-button,.open-ov-menu-button {
position:fixed;
right:10px;
top:10px;
z-index:1010
}
.ov-menu-wrapper .ov-menu-button {
position:absolute;
right:0;
top:0;
z-index:1012
}
.ov-menu-wrapper {
-ms-transform:translate3d(100%,0,0);
-webkit-backface-visibility:hidden;
-webkit-transform:translate3d(100%,0,0);
backface-visibility:hidden;
background:#eaeaea;
bottom:0;
max-width:414px;
overflow-x:hidden;
overflow-y:auto;
padding:115px 25px 40px;
position:fixed;
right:0;
top:0;
transform:translate3d(100%,0,0);
transition:-webkit-transform 320ms ease;
transition:-ms-transform 320ms ease;
transition:transform 320ms ease;
width:100%;
z-index:1011
}
.ov-menu-wrapper:before,.ov-menu-wrapper::before {
background:#dcdcdc;
content:'';
display:none;
height:100%;
left:0;
position:absolute;
top:0;
width:1px
}
.ov-menu-visible .ov-menu-wrapper {
-ms-transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.ov-site-wrapper-outer {
overflow:hidden;
width:100%
}
.ov-menu-visible .ov-site-wrapper-outer {
min-height:100%
}
.ov-site-wrapper-inner {
margin-left:0;
transition:margin-left 320ms ease;
width:100%
}
.ov-menu-visible .ov-site-wrapper-inner {
margin-left:-414px
}
.col-1-3 .button,a.button.full-width {
width:100%
}
a.button-outline,a[href].button-outline,a.button-dark-outline:hover,a[href].button-dark-outline:hover,a.button-dark-outline:focus-visible,a[href].button-dark-outline:focus-visible {
background-color:#fff;
border-color:#d40f14;
color:#d40f14!important
}
a.button-outline:hover,a[href].button-outline:hover,a.button-outline:focus-visible,a[href].button-outline:focus-visible,a.button-dark-outline,a[href].button-dark-outline {
background-color:#fff;
border-color:#000;
color:#000!important
}
a.button-alt,a[href].button-alt,a.button-alt-outline:hover,a[href].button-alt-outline:hover,a.button-alt-outline:focus-visible,a[href].button-alt-outline:focus-visible {
background-color:#336780;
border-color:#336780;
color:#fff!important
}
a.button-alt:hover,a[href].button-alt:hover,a.button-alt:focus-visible,a[href].button-alt:focus-visible,a.button-alt-outline,a[href].button-alt-outline {
background-color:#fff;
border-color:#336780;
color:#336780!important
}
div.blocked.blocked-js div.blocking,body > .ov-menu-button,.mainnavigation_search_wrapper {
display:none
}
.tooltip[data-show],.ov-menu-wrapper .mainnavigation_search_wrapper {
display:block
}
@media (max-width: 414px) {
.ov-menu-visible .ov-site-wrapper-inner {
margin-left:-320px
}
}
.ov-site-wrapper-inner {
position:relative
}
.ov-site-wrapper-inner:before,.ov-site-wrapper-inner::before {
background:#ffffff80;
background:#00000080;
content:'';
cursor:pointer;
height:100%;
left:-100%;
opacity:0;
position:fixed;
top:0;
transition:opacity 320ms ease;
width:100%;
z-index:1009
}
.ov-menu-in-transition .ov-site-wrapper-inner:before,.ov-menu-in-transition .ov-site-wrapper-inner::before {
left:0;
opacity:0
}
.ov-menu-button button,.open-ov-menu-button {
background:#d40f14;
color:#fff;
font-size:1rem;
font-weight:700;
height:80px;
margin:0;
outline:none;
padding-left:25px;
padding-right:25px;
transition:background-color 320ms ease,color 320ms ease
}
body > .ov-menu-button button,.open-ov-menu-button {
background-color:#fff;
color:#d40f14;
height:65px;
padding:0;
width:65px
}
body > .ov-menu-button button:hover,body > .ov-menu-button button:focus,.open-ov-menu-button:hover,.open-ov-menu-button:focus {
color:#ac0a26
}
body.fixed-header > .ov-menu-button button,body.fixed-header .open-ov-menu-button {
background-color:#d40f14;
color:#fff
}
body.fixed-header > .ov-menu-button button:hover,body.fixed-header > .ov-menu-button button:focus,body.fixed-header .open-ov-menu-button:hover,body.fixed-header .open-ov-menu-button:focus {
background-color:#ac0a26
}
body > .ov-menu-button button .icon,.open-ov-menu-button .icon {
background:transparent url(../images/layout/navigation-red.svg) no-repeat right center;
background-position:center center;
background-size:auto 100%;
background-size:contain;
display:inline-block;
height:24px;
margin-top:1px;
padding:0;
position:relative;
width:40px
}
body > .ov-menu-button button:hover .icon,body > .ov-menu-button button:focus .icon,.open-ov-menu-button:hover .icon,.open-ov-menu-button:focus .icon {
background-image:url(../images/layout/navigation-dark-red.svg)
}
body.fixed-header > .ov-menu-button button .icon,body.fixed-header .open-ov-menu-button .icon {
background-image:url(../images/layout/navigation-white.svg)
}
body > .ov-menu-button button .icon-mobile,.open-ov-menu-button .icon-mobile {
display:none
}
body > .ov-menu-button button .label,.open-ov-menu-button .label {
display:none;
font-size:.75rem;
margin-top:-.15em;
width:100%
}
.ov-menu-visible .ov-site-wrapper-inner:before,.ov-menu-visible .ov-site-wrapper-inner::before,.ov-menu-visible.ov-menu-in-transition .ov-site-wrapper-inner:before,.ov-menu-visible.ov-menu-in-transition .ov-site-wrapper-inner::before {
left:0;
opacity:1
}
@media (min-width: 460px) {
body > .ov-menu-button button .label,.open-ov-menu-button .label {
display:block
}
}
@media (min-width: 784px) {
body > .ov-menu-button button,.open-ov-menu-button {
height:80px;
width:80px
}
body > .ov-menu-button button .icon,.open-ov-menu-button .icon {
height:28px;
margin-top:2px;
width:42px
}
body > .ov-menu-button button .label,.open-ov-menu-button .label {
font-size:.9375rem
}
}
.ov-menu-wrapper .ov-menu-button {
left:0
}
.ov-menu-wrapper .ov-menu-button button {
background:#eaeaea;
color:#d40f14;
height:85px;
text-align:right;
width:100%
}
.ov-menu-wrapper .ov-menu-button button:hover,.ov-menu-wrapper .ov-menu-button button:focus {
color:#ac0a26
}
.ov-menu-wrapper .ov-menu-button button .icon {
background:transparent url(../images/layout/close-red.svg) no-repeat center center;
background-size:contain;
padding:0 11px
}
.ov-menu-wrapper .ov-menu-button button:hover .icon,.ov-menu-wrapper .ov-menu-button button:focus .icon {
background-image:url(../images/layout/close-dark-red.svg)
}
.ov-menu-wrapper .ov-menu-button button .label {
margin-right:.75rem
}
@media (min-width: 784px) {
.ov-menu-wrapper .ov-menu-button button {
height:100px
}
}
.fixed-header {
padding-top:0
}
header .top .content .left .section .arrow-up {
display:none
}
header .top .right {
transition:margin-right 320ms ease
}
@media (max-width: 1450px) {
header .top .right {
margin-right:75px
}
.ov-menu-visible header .top .right {
margin-right:0
}
}
@media (max-width: 1209px) {
header .top .right {
transition:margin-right 320ms ease
}
.ov-menu-visible header .top .right {
margin-right:0
}
header .top .right .readspeaker {
border:none;
margin-right:.5em;
padding-right:0
}
header .top .right a.toggle_mobile_nav,header .top .right a.toggle_mobile_nav.expanded {
display:none
}
}
@media (max-width: 784px) {
header .top .right {
margin-right:49px;
position:absolute;
right:1.75em;
top:0
}
}
@media (max-width: 460px) {
header .top .right {
right:-1.5em;
top:2em
}
.ov-menu-visible header .top .right {
margin-right:0
}
}
.icon-navigation {
transition:top 400ms ease,right 320ms ease!important
}
.ov-menu-visible .icon-navigation {
right:414px
}
.header-slider {
margin-left:0;
transition:margin-left 320ms ease!important
}
.ov-menu-visible .header-slider {
margin-left:16px
}
.ov-menu-wrapper .search_wrapper {
display:block!important
}
.ov-menu-wrapper .search_wrapper .form_wrapper {
position:relative
}
.ov-menu-wrapper .search_wrapper .form_wrapper p input[type="text"],.ov-menu-wrapper .search_wrapper .form_wrapper p input[type="submit"] {
font-size:1.25rem;
font-size:1.125rem;
height:50px
}
.ov-menu-wrapper .search_wrapper .form_wrapper p input[type="text"] {
padding-left:20px;
padding-right:70px;
text-overflow:ellipsis;
width:100%
}
.ov-menu-wrapper .search_wrapper .form_wrapper p input[type="submit"] {
display:none;
width:120px
}
.ov-menu-wrapper .search_wrapper .form_wrapper p .mobile_search_button {
background-position:center center;
background-size:25px 25px;
display:block;
height:100%;
margin:0;
position:absolute;
right:0;
top:0;
width:50px
}
.ov-menu-wrapper .search_wrapper .form_wrapper p .mobile_search_button:hover,.ov-menu-wrapper .search_wrapper .form_wrapper p .mobile_search_button:focus {
background-image:url(../images/layout/search-red.svg);
outline:none
}
.ov-menu-wrapper .search_wrapper .autocomplete_flyout_wrapper {
margin:0;
width:100%
}
.ov-menu-wrapper .search_wrapper .autocomplete_flyout_wrapper .autocomplete_flyout {
margin-bottom:40px;
padding-left:20px;
padding-right:20px;
width:100%!important;
z-index:10
}
.ov-menu-wrapper .search_wrapper .autocomplete_flyout_wrapper .autocomplete_flyout h3 {
display:block;
font-size:1.25rem;
font-size:1.125rem;
margin-top:5px
}
@media (max-width: 784px) {
.ov-menu-wrapper .search_wrapper {
margin-top:0
}
.ov-menu-wrapper .search_wrapper .form_wrapper p input[type="text"] {
font-size:1rem;
height:40px;
padding-right:60px;
width:100%
}
.ov-menu-wrapper .search_wrapper .form_wrapper p .mobile_search_button {
background-position:center center;
height:100%;
right:0;
top:0;
width:40px
}
}
.mainnavigation_search_wrapper h3,.mainnavigation_search_wrapper .border,.mainnavigation_search_wrapper .icon-desktop,.mainnavigation_search_wrapper .fa-caret-down,.mainnavigation_search_wrapper .fa-caret-up {
display:none
}
.mainnavigation_search_wrapper ul {
height:auto!important;
list-style-type:none;
margin:0;
padding:0
}
.mainnavigation_search_wrapper li {
font-size:1rem;
margin:0;
padding:0;
position:relative
}
.mainnavigation_search_wrapper a {
border-bottom:solid 1px #fff;
color:#121212;
display:block;
font-size:inherit;
font-weight:700;
padding:.625em 3.75em .625em 1.25em;
position:relative;
text-decoration:none
}
.mainnavigation_search_wrapper a:hover,.mainnavigation_search_wrapper a:focus {
color:#d40f14;
text-decoration:underline
}
.mainnavigation_search_wrapper li:first-child > a {
border-top:none
}
.mainnavigation_search_wrapper .active > a {
color:#d40f14;
font-weight:700
}
.mainnavigation_search_wrapper .more-arrow {
border-left:solid 1px #fff;
font-size:inherit;
height:100%;
position:absolute;
right:0;
top:0;
width:2.5em
}
.mainnavigation_search_wrapper .back-link {
padding-left:3.75em
}
.mainnavigation_search_wrapper .back-arrow {
border-right:solid 1px #fff;
font-size:inherit;
height:100%;
left:0;
margin:0;
position:absolute;
top:0;
width:2.5em;
z-index:1
}
.ov-menu {
bottom:40px;
left:25px;
overflow:hidden;
position:absolute;
right:25px;
top:226px
}
.ov-menu-list-wrapper {
-ms-transform:translate3d(-100%,0,0);
-webkit-transform:translate3d(-100%,0,0);
background:#eaeaea;
bottom:0;
display:none;
left:0;
overflow-x:hidden;
overflow-y:auto;
position:absolute;
right:0;
top:0;
transform:translate3d(-100%,0,0);
transition:-webkit-transform 400ms;
transition:-ms-transform 400ms;
transition:transform 400ms
}
.ov-menu-list-wrapper.ov-menu-list-wrapper-expanded,.ov-menu-list-wrapper.ov-menu-list-wrapper-expanded-parent {
-ms-transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
display:block;
transform:translate3d(0,0,0)
}
.mainnavigation_search_wrapper .more-arrow .fa,.mainnavigation_search_wrapper .back-arrow .fa {
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
font-size:1.25em;
left:50%;
position:absolute;
top:50%;
transform:translate(-50%,-50%)
}
@media (max-width: 784px) {
.ov-menu-wrapper {
padding-top:95px
}
.ov-menu {
top:196px
}
}
.item-icon-navigation .icon-navigation {
display:block;
position:static
}
.item-icon-navigation,.mainnavigation_search_wrapper .item-icon-navigation {
margin-top:2.5rem
}
.item-icon-navigation .icon-navigation ul {
overflow:hidden
}
.item-icon-navigation .icon-navigation li {
float:left;
padding-bottom:75px;
padding-left:1px;
position:relative;
width:25%
}
.item-icon-navigation .icon-navigation li:first-child {
padding-left:0
}
.item-icon-navigation .icon-navigation a {
background:#d40f14;
border:none;
height:55px;
outline:none;
padding:0;
position:static;
text-align:left
}
.item-icon-navigation .icon-navigation a:hover,.item-icon-navigation .icon-navigation a:focus {
background:#ac0a26
}
.item-icon-navigation .icon-navigation a span {
background:#fff;
display:none;
font-size:.75rem;
font-weight:400;
left:0;
line-height:1.4;
padding-bottom:.25em;
padding-top:.25em;
position:absolute;
text-align:center;
top:70px;
width:100%;
z-index:2
}
.item-icon-navigation .icon-navigation a:hover span,.item-icon-navigation .icon-navigation a:focus span {
display:block
}
.item-icon-navigation .icon-navigation a:after,.item-icon-navigation .icon-navigation a::after {
background-color:transparent;
background-size:55px auto;
height:55px;
left:0;
position:absolute;
top:0;
width:100%
}
.icon-navigation,.item-icon-navigation .icon-navigation .icon-suche {
display:none
}
@media (max-width: 1209px) {
.icon-navigation {
display:block
}
}
@media (max-width: 414px) {
.icon-navigation {
display:block
}
.item-icon-navigation .icon-navigation li {
padding-bottom:0
}
.item-icon-navigation .icon-navigation a:hover span,.item-icon-navigation .icon-navigation a:focus span {
display:none
}
}
.search-result-navigation {
margin-left:0;
transition:margin-left 320ms ease,box-shadow 160ms ease
}
.ov-menu-visible .fixed-search-result-navigation .search-result-navigation {
margin-left:-414px
}
@media (max-width: 414px) {
.ov-menu-visible .fixed-search-result-navigation .search-result-navigation {
margin-left:-320px
}
}
.cookie_layer_wrapper {
margin-left:0;
transition:margin-left 320ms ease
}
.ov-menu-visible .cookie_layer_wrapper {
margin-left:-414px
}
@media (max-width: 414px) {
.ov-menu-visible .cookie_layer_wrapper {
margin-left:-320px
}
}
.ov-menu-wrapper .homelink {
border-top:solid 1px #fff;
margin-top:1.25rem;
margin-top:15px;
position:relative
}
.ov-menu-wrapper .homelink a {
padding-left:3.75rem
}
.ov-menu-wrapper .homelink a:before,.ov-menu-wrapper .homelink a::before {
border-right:solid 1px #fff;
content:'';
height:100%;
left:0;
position:absolute;
top:0;
width:2.5rem
}
.ov-menu-wrapper .homelink a:after,.ov-menu-wrapper .homelink a::after {
-ms-transform:translate(0,-50%);
-webkit-ransform:translate(0,-50%);
content:'\f015';
font-family:FontAwesome;
font-size:1.25rem;
font-weight:400;
left:0;
position:absolute;
text-align:center;
top:50%;
transform:translate(0,-50%);
width:2.5rem
}
.ov-menu-visible .icon-navigation {
bottom:20px;
display:block;
max-width:364px;
position:fixed;
right:25px;
top:auto;
width:100%
}
@media (max-width: 414px) {
.ov-menu-visible .icon-navigation {
max-width:none;
width:calc(100% - 50px)
}
}
.icon-navigation ul {
overflow:hidden
}
.mainnavigation_search_wrapper .icon-navigation li.icon-suche {
display:none
}
.mainnavigation_search_wrapper .icon-navigation li {
float:left;
float:left;
margin:0 0 1px;
padding:0;
padding-bottom:75px;
padding-left:1px;
position:relative;
width:25%
}
.ov-menu {
bottom:160px
}
@media (max-height: 940px) {
.mainnavigation_search_wrapper .icon-navigation li {
padding-bottom:0
}
.ov-menu {
bottom:120px
}
}
.mainnavigation_search_wrapper .icon-navigation a {
background:#d40f14;
border:none;
height:55px;
outline:none;
padding:0;
position:static;
text-align:left;
text-align:center
}
.mainnavigation_search_wrapper .icon-navigation a span {
background:#fff;
display:none;
font-size:.75rem;
font-weight:400;
left:0;
line-height:1.4;
padding-bottom:.25em;
padding-top:.25em;
position:absolute;
text-align:center;
top:70px;
width:100%;
z-index:2
}
.mainnavigation_search_wrapper .icon-navigation a:after,.mainnavigation_search_wrapper .icon-navigation a::after {
background-color:transparent;
background-size:55px auto;
height:55px;
left:0;
position:absolute;
top:0;
width:100%
}
.mainnavigation_search_wrapper .icon-navigation a:hover,.mainnavigation_search_wrapper .icon-navigation a:focus {
background:#ac0a26
}
.mainnavigation_search_wrapper .icon-navigation li:first-child > a {
border-top:none
}
* {
-ms-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto
}
main .columns p {
text-align:left
}
body > .ov-menu-button button:hover,body > .ov-menu-button button:focus-visible,.open-ov-menu-button:hover,.open-ov-menu-button:focus-visible {
outline:solid 3px #ac0a26!important;
outline-offset:-3px
}
body.fixed-header > .ov-menu-button button:hover,body.fixed-header > .ov-menu-button button:focus-visible,body.fixed-header .open-ov-menu-button:hover,body.fixed-header .open-ov-menu-button:focus-visible {
outline:solid 3px #12121260!important
}
.ov-menu-wrapper .ov-menu-button button:focus-visible {
outline-offset:-3px;
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
.ov-menu-wrapper .search_wrapper .form_wrapper p input[type="text"]:focus-visible,.ov-menu-wrapper .search_wrapper .form_wrapper p .mobile_search_button:hover,.ov-menu-wrapper .search_wrapper .form_wrapper p .mobile_search_button:focus-visible {
outline:solid 3px #d40f14!important;
outline-offset:-3px
}
.search_wrapper .autocomplete_flyout_wrapper .autocomplete_flyout,.search_wrapper .autocomplete-list,.ov-menu-wrapper .autocomplete_flyout_wrapper .autocomplete_flyout {
background:#717881f2
}
.ov-menu-wrapper .mainnavigation_search_wrapper a {
color:#121212!important;
font-weight:400;
font-weight:bold;
text-decoration:none!important
}
.ov-menu-wrapper .mainnavigation_search_wrapper a:hover {
color:#d40f14!important;
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
.ov-menu-wrapper .mainnavigation_search_wrapper a:focus-visible {
color:#d40f14!important;
outline-color:#d40f14!important;
outline-offset:-3px;
text-decoration:none!important
}
.ov-menu-wrapper .mainnavigation_search_wrapper .active > a {
color:#d40f14!important;
font-weight:700;
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
.ov-menu-wrapper .mainnavigation_search_wrapper .active > a:hover,.ov-menu-wrapper .mainnavigation_search_wrapper .active > a:focus-visible {
text-decoration:underline!important;
text-decoration-thickness:2.5px!important;
text-underline-offset:.1em!important
}
.ov-menu-wrapper .mainnavigation_search_wrapper .icon-navigation a:focus-visible {
outline-color:#12121260!important;
outline-offset:-3px
}
.ov-menu-wrapper .mainnavigation_search_wrapper .more-arrow,.ov-menu-wrapper .mainnavigation_search_wrapper .back-arrow {
background-color:transparent;
color:#121212!important
}
.ov-menu-wrapper .mainnavigation_search_wrapper .more-arrow:hover,.ov-menu-wrapper .mainnavigation_search_wrapper .more-arrow:focus-visible,.ov-menu-wrapper .mainnavigation_search_wrapper .back-arrow:hover,.ov-menu-wrapper .mainnavigation_search_wrapper .back-arrow:focus-visible {
color:#d40f14!important;
outline:solid 3px #d40f14!important;
outline-offset:-3px
}
a[href] {
color:#d40f14!important
}
h2 a[href],h3 a[href],h4 a[href],h5 a[href],h6 a[href] {
color:#000!important
}
a[href]:not(.image,.icon-teaser-item,.buttons-os,.text-white,.button):hover {
color:#d40f14!important;
text-decoration:underline
}
.header-slider h2 a[href]:not(.image):hover {
color:#fff!important
}
h2 a[href]:not(.image,.button),h3 a[href]:not(.image,.button),h4 a[href]:not(.image,.button),h5 a[href]:not(.image,.button),h6 a[href]:not(.image,.button),p a[href]:not(.image,.button),label a[href]:not(.image,.button),.compact-teaser a[href]:not(.image) {
display:inline;
margin-right:.2em;
padding-right:.7em;
text-decoration:none!important
}
html[dir=rtl] h2 a[href]:not(.image,.button),html[dir=rtl] h3 a[href]:not(.image,.button),html[dir=rtl] h4 a[href]:not(.image,.button),html[dir=rtl] h5 a[href]:not(.image,.button),html[dir=rtl] h6 a[href]:not(.image,.button),html[dir=rtl] p a[href]:not(.image,.button),html[dir=rtl] label a[href]:not(.image,.button),html[dir=rtl] .compact-teaser a[href]:not(.image) {
margin-left:.2em;
margin-right:0;
padding-left:.7em;
padding-right:0
}
h2 a[href]:not(.image,.button)::after,h3 a[href]:not(.image,.button)::after,h4 a[href]:not(.image,.button)::after,h5 a[href]:not(.image,.button)::after,h6 a[href]:not(.image,.button)::after,p a[href]:not(.image,.button)::after,label a[href]:not(.image,.button)::after,/*.infokasten li a[href]:not(.image,.button)::after,*/
ul:not(.press-releases,.teasers,.teasers_wide,.alphabet,.top-topics-teasers,.events,.splide,.icon-navigation,.ov-menu-list) li:not(.back) a[href]:not(.image,.button)::after,.compact-teaser a[href]:not(.image)::after {
content:"\f105";
display:inline-block;
font-family:'FontAwesome',sans-serif;
margin-right:-.7em;
text-align:right;
transform:scale(1.0);
width:.7em
}
html[dir=rtl] h2 a[href]:not(.image,.button)::after,html[dir=rtl] h3 a[href]:not(.image,.button)::after,html[dir=rtl] h4 a[href]:not(.image,.button)::after,html[dir=rtl] h5 a[href]:not(.image,.button)::after,html[dir=rtl] h6 a[href]:not(.image,.button)::after,html[dir=rtl] p a[href]:not(.image,.button)::after,html[dir=rtl] label a[href]:not(.image,.button)::after,html[dir=rtl] ul:not(.press-releases,.teasers,.teasers_wide,.alphabet,.top-topics-teasers,.events,.splide,.icon-navigation,.ov-menu-list) ul:not(.press-releases,.teasers,.teasers_wide,.alphabet,.top-topics-teasers,.events,.splide) li:not(.back) a[href]:not(.image,.button)::after,html[dir=rtl] .compact-teaser a[href]:not(.image)::after {
content:"\f104";
margin-left:-.7em;
margin-right:0;
text-align:left
}
main .content div.left a[target="_blank"]:after,main .content div.column a[target="_blank"]:after,main .content div.columns a[target="_blank"]:after,main .content div.left a[target="_blank"]::after,main .content div.column a[target="_blank"]::after,main .content div.columns a[target="_blank"]::after {
transform:none
}
.header .top .content .left .logo,header .top .content .left .section {
height:auto!important
}
header .top .right {
align-items:center!important;
display:inline-flex!important;
height:100%!important;
padding-top:0!important
}
header .top .right > *,header .top .right > * > :not(.language-list) {
position:static!important;
top:0!important
}
header .top .right > span.search a,header .top .right > span.readspeaker a {
display:block;
height:auto;
padding:6px 3px 5px
}
header .top .right > span.search a:hover,header .top .right > span.readspeaker a:hover {
border-bottom:solid 2px #d40f14;
padding:6px 3px 3px
}
header .top .right > span.search a:focus-visible,header .top .right > span.readspeaker a:focus-visible {
border-bottom:none;
padding:6px 3px 5px
}
.mainnavigation_search_wrapper .icon-navigation a:hover span,.mainnavigation_search_wrapper .icon-navigation a:focus span,.ov-menu-list-wrapper.ov-menu-list-wrapper-expanded {
display:block
}
.ov-menu-list-wrapper,.ov-menu-list-wrapper.ov-menu-list-wrapper-expanded-parent,.ov-menu-list-wrapper.ov-menu-list-wrapper-expanded.ov-menu-list-wrapper-expanded-parent,.header-slider h2 a[href]:not(.image)::after {
display:none
}
.ov-menu-wrapper,.ov-menu-list-wrapper,.ov-menu-wrapper .ov-menu-button button,.background_wrapper.darkgray {
background-color:#EAEAEA
}
.ov-menu-wrapper .ov-menu-button button:hover,h2 a[href]:hover,h3 a[href]:hover,h4 a[href]:hover,h5 a[href]:hover,h6 a[href]:hover,p a[href]:hover,label a[href]:hover,.compact-teaser a[href]:not(.image):hover {
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
@media (max-width: 784px) {
header .top .right > span.readspeaker {
margin-right:4px!important;
position:relative!important;
top:-1px!important
}
}
header .top .right > span.readspeaker + .separator {
margin-left:15px
}
@media (max-width: 1209px) {
header .top .right > span.readspeaker + .separator {
margin-left:8px
}
}
.header-slider .text_wrapper h2 a:focus-visible {
outline-offset:-3px;
text-decoration:none!important
}
.header-slider .text_wrapper p a {
color:#000!important;
display:inline;
padding-right:1.7em;
text-decoration:none!important
}
.header-slider .text_wrapper p a:hover {
color:#d40f14!important;
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
.header-slider .text_wrapper p a:focus-visible {
color:#d40f14!important;
outline-color:#d40f14!important;
outline-offset:-3px;
text-decoration:none!important
}
.header-slider .text_wrapper p a .fa {
display:none
}
main .search_wrapper {
background-color:#EAEAEA!important;
margin-left:0!important;
margin-right:0!important
}
.icon-teasers {
background-color:transparent;
gap:1px;
margin-top:1px!important
}
.icon-teaser-item {
-webkit-flex:1 0 95%;
background-color:#EAEAEA;
border:none!important;
flex:1 0 95%;
margin:0!important
}
.icon-teasers .icon-teaser-item {
color:#000!important;
text-decoration:none!important
}
.icon-teasers .icon-teaser-item:focus-visible {
color:#fff!important;
outline-offset:-3px
}
.icon-teasers .icon-teaser-item:focus-visible .label {
text-decoration:none!important
}
.header-slider .text_wrapper h2 a,.icon-teasers .icon-teaser-item:hover,.icon-teasers .icon-teaser-item:focus {
color:#fff!important;
text-decoration:none!important
}
.header-slider .text_wrapper h2 a:hover,.icon-teasers .icon-teaser-item:hover .label {
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
a[style="display: block; width: 120px; height: 28px; padding: 12px 0 0 40px; background: none; color: #FFFFFF; font-family: 'Trebuchet MS', Arial, Sans-serif; text-decoration: none; font-size: 13px; line-height: 17px; font-weight: bold; box-sizing: content-box;"],.buergerservice .icon-teaser-item.buergerservice,.rathaus-stadtverwaltung .icon-teaser-item.rathaus-stadtverwaltung,.stadtleben .icon-teaser-item.stadtleben,.stadtentwicklung .icon-teaser-item.stadtentwicklung {
color:#fff!important
}
@media (min-width: 784px) {
.icon-teaser-item {
-webkit-flex:1 0 45%;
flex:1 0 45%
}
}
@media (min-width: 1024px) {
.icon-teaser-item {
-webkit-flex:1 0 20%;
flex:1 0 20%
}
}
main .columns p {
text-align:left
}
.top-topics-teaser-item .image-wrapper {
background-color:#000
}
.top-topics-teaser-item .image-wrapper:before,.top-topics-teaser-item .image-wrapper::before {
background:linear-gradient(to bottom,#2c24241a 45%,#2c2424e6 75%);
opacity:1
}
.press-releases + .more a,.events + .more a {
display:inline-block;
line-height:1.4;
padding-right:.8182em
}
.form-contact input.reset,.form-contact input[type="reset"],.form-contact button[type="reset"] {
background:#747476;
color:#fff
}
.events-search-wrapper .select2-container .select2-choices input.select2-default,.events-search-wrapper .form-events-search .select2-container .select2-choices input.select2-default {
color:#747476!important
}
.search-result-navigation a:hover,.content_search .search_result .button:hover,.search-result-navigation a:focus-visible,.search-result-navigation a[href]:focus-visible,.content_search .search_result .button:focus-visible {
color:#fff!important;
outline:solid 3px #12121260!important;
outline-offset:-3px!important;
text-decoration:none!important
}
.content_search .search_result ul h3 a {
display:inline-flex
}
.content_search .search_result ul h3 a:before,.content_search .search_result ul h3 a::before {
padding-right:.4em
}
:not(iframe):focus-visible {
outline:solid .25rem #121212!important;
outline:solid 3px #121212!important;
outline-color:#12121250!important;
outline-color:#d40f14!important;
outline-color:#ac0a26!important
}
a[href]:focus-visible {
color:#ac0a26!important;
text-decoration:none!important
}
header .top .content .left .section .title:hover {
color:#d40f14!important;
text-decoration:underline!important;
text-decoration-thickness:2.5px!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
.background_wrapper .toplink:hover,.background_wrapper .toplink:focus-visible,footer .toplink:hover,footer .toplink:focus-visible {
background-color:#fff;
color:#d40f14!important;
outline:solid 3px #d40f14!important;
outline-offset:-3px!important
}
.top-topics-teaser-item .image-wrapper:focus-visible::after {
bottom:0;
content:'';
left:0;
outline:solid 3px #d40f14;
outline-color:#ac0a26;
outline-offset:-3px;
position:absolute;
right:0;
top:0
}
main div.teaser-box a {
display:block
}
main ul.teasers li .content_wrapper,main ul.teasers li .content_wrapper > a {
height:100%;
width:100%
}
main ul.teasers li a[href] {
padding-right:0!important
}
main ul.teasers li .content_wrapper > a:focus-visible::after,main ul.teasers_wide li .content_wrapper > a:focus-visible::after,main div.teaser-box a:focus-visible::after {
bottom:0!important;
content:''!important;
display:block!important;
left:0!important;
margin:0!important;
outline:solid 3px #d40f14!important;
outline-offset:-3px;
padding:0!important;
position:absolute!important;
right:0!important;
top:0!important;
width:auto!important
}
.content h1 a {
color:inherit!important;
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
.content h1 a:hover {
color:#d40f14!important;
text-decoration:underline!important;
text-decoration-thickness:3.5px!important;
text-underline-offset:.1em!important
}
.fake-checkbox input[type="checkbox"]:focus-visible + .checkbox {
box-shadow:none!important;
outline:solid 3px #d40f14!important;
outline-offset:-3px
}
button[type="submit"],input[type="submit"] {
background-color:#d40f14!important
}
button[type="submit"]:hover,button[type="submit"]:focus-visible,input[type="submit"]:hover,input[type="submit"]:focus-visible {
background-color:#ac0a26!important;
outline:solid 3px #12121260!important;
outline-offset:-3px!important
}
button[type="reset"],input[type="reset"] {
background-color:#747476!important
}
button[type="reset"]:hover,button[type="reset"]:focus-visible,input[type="reset"]:hover,input[type="reset"]:focus-visible {
background-color:#4b4f55!important;
outline:solid 3px #121212!important;
outline-offset:-3px!important
}
.content_event_details .column,.content_event_details .left,.content_event_details .right {
overflow:hidden
}
.content_events .h2_wrapper .gallery_navigation > a * {
color:inherit!important;
text-decoration:inherit!important;
text-decoration-thickness:inherit!important;
text-underline-offset:inherit!important
}
.ui-widget {
font-family:inherit!important
}
.ui-widget-header {
background:#ccc!important;
border:1px solid #aaa!important;
color:#121212!important;
font-weight:700
}
.ui-widget-header a {
background-color:inherit!important;
color:inherit!important
}
.ui-widget-header a:hover,.ui-widget-header a:focus-visible {
background:#121212!important;
border-color:#121212!important;
color:#ccc!important
}
.ui-widget-header .ui-datepicker-prev {
left:3px!important;
top:3px!important
}
.ui-widget-header .ui-datepicker-next {
right:3px!important;
top:3px!important
}
.ui-widget-header a:hover .ui-icon,.ui-widget-header a:focus-visible .ui-icon {
filter:invert(1)
}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
background:#f2f2f2!important;
border:1px solid #c6c7c8!important;
color:#121212!important;
font-weight:400;
text-decoration:none!important
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
background:#fbf9ee!important;
border:1px solid #c6c7c8!important;
color:#363636!important
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
background:#fff!important;
border:1px solid #c6c7c8!important;
color:#212121!important;
font-weight:700!important
}
a.ui-state-default:hover,a.ui-state-highlight:hover,a.ui-state-active:hover {
color:#d40f14!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
.content_events .results .date a {
color:#121212!important;
display:block!important;
padding:0!important;
text-decoration:none!important
}
.content_events .results .date a:hover {
background-color:#EAEAEA!important;
color:#d40f14!important;
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
.content_events .results .date a:focus-visible {
background-color:#EAEAEA!important;
color:#d40f14!important;
outline-color:#d40f14!important;
outline-offset:-3px;
text-decoration:none!important
}
.content_events .results .all_events .button:hover,.content_events .results .all_events .button:focus-visible {
background-color:#ac0a26!important;
outline:solid 3px #12121260!important;
outline-offset:-3px
}
.content_events .results .pagination .button {
border-radius:0!important;
color:#000!important;
text-decoration:none!important
}
.content_events .results .pagination .button:focus-visible {
outline-color:#ac0a26!important;
outline-offset:-3px
}
.content_events .social-media-links a:hover,.content_events .social-media-links a:focus-visible,.content_events .social-media-links a[target="_blank"]:hover,.content_events .social-media-links a[target="_blank"]:focus-visible,.content_events .social-media-links a[target="_blank"]:not(.external):hover,.content_events .social-media-links a[target="_blank"]:not(.external):focus-visible {
color:#d40f14!important;
outline:solid 3px #d40f14!important;
outline-offset:-3px
}
footer .content ul li a {
color:#121212!important;
padding-left:3px;
padding-right:3px;
text-decoration:none!important
}
.expandable-trigger a:focus-visible {
outline-offset:-3px;
text-decoration:none!important
}
a[href].teaser-container .text-container > :first-child,.teaser-container .text-container > :first-child a[href] {
display:inline-block;
padding-right:.8182em;
text-decoration:none!important
}
a:focus-visible[href].teaser-container .text-container > :first-child,.teaser-container .text-container > :first-child a[href]:focus-visible {
color:#d40f14!important;
outline:solid 3px #d40f14!important;
outline-offset:0!important;
text-decoration:none!important
}
a[href].teaser-container .text-container > :first-child::after,.teaser-container .text-container > :first-child a[href]::after {
content:'\f105';
display:inline-block;
font-family:FontAwesome;
font-style:normal;
margin-right:-.8182em;
text-align:right;
width:.8182em
}
a[href][target="_blank"].teaser-container .text-container > :first-child,.teaser-container .text-container > :first-child a[href][target="_blank"] {
padding-right:1.375em
}
a[href][target="_blank"].teaser-container .text-container > :first-child::after,.teaser-container .text-container > :first-child a[href][target="_blank"]::after {
content:'\f08e'!important;
display:inline-block;
font-family:FontAwesome;
margin-right:-1.375em;
text-align:right;
width:1.375em
}
.teaser-container .text-container .expandable-wrapper .expandable-trigger a {
padding-right:0
}
.teaser-container .text-container .expandable-wrapper .expandable-trigger a:after,.teaser-container .text-container .expandable-wrapper .expandable-trigger a::after {
content:''
}
.teaser-container .text-container .expandable-wrapper .expandable-trigger:hover,.teaser-container .text-container .expandable-wrapper .expandable-button:hover {
color:#d40f14!important;
text-decoration:underline!important
}
.teaser-container .text-container .expandable-wrapper .expandable-trigger a:focus-visible,.teaser-container .text-container .expandable-wrapper .expandable-button:focus-visible,.teaser-container .text-container .expandable-wrapper .expandable-button a:focus-visible {
color:#d40f14!important;
outline:solid 3px #d40f14!important;
outline-offset:-3px!important
}
a.infokasten-link-wrapper {
color:#000!important;
display:block;
text-decoration:none!important
}
.lvw-headline a:hover {
color:#d40f14!important
}
.alphabet li a {
background:#eaeaea;
color:#121212!important;
padding:0!important;
text-decoration:none!important
}
.alphabet .active a:hover,.alphabet .active a:focus-visible {
background:#ac0a26
}
.alphabet .active a:focus-visible {
outline-color:#12121260!important;
outline-offset:-3px
}
.lvw-link-container .lvw-link {
color:#000!important;
padding-right:1.25em;
text-decoration:none!important
}
.link-container:hover a:first-of-type,.link-container:focus-visible a:first-of-type {
outline:initial!important;
text-decoration:initial!important
}
li.has_od .button-os .button-label {
color:#fff
}
.block_wrapper.block_wrapper_inactive > .block_headline > a,.block_wrapper.block_wrapper_inactive > .block_headline:hover > a,.block_wrapper.block_wrapper_inactive > .block_headline > a:hover,.block_wrapper.block_wrapper_inactive > .block_headline > a:focus-visible {
color:inherit!important;
outline:none!important;
text-decoration:none!important
}
.lvw-headline.has_od.list-offset {
margin-bottom:0
}
.lvw-headline.has_od.list-offset .button-os {
padding-right:2.75rem;
position:relative
}
.lvw-headline.has_od.list-offset .button-os::after {
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
content:'\f107'!important;
display:block!important;
font-family:FontAwesome;
font-size:1.4545em;
line-height:1;
margin-top:.03125em;
position:absolute;
right:1rem;
top:50%;
transform:translateY(-50%)
}
.lvw-headline.has_od.list-offset .button-os.button-os-expanded::after {
content:'\f106'!important
}
.lvw-headline + .service-links-expandable {
margin:0
}
.lvw-headline + .service-links-expandable::before {
background:#d40f14;
content:'';
display:block;
height:4px;
width:100%
}
.service-links-expandable + .block_wrapper {
margin-top:1.5rem
}
.lvw-headline + .service-links-expandable li {
padding-left:30px;
padding-right:15px
}
.service-links-expandable li::before {
float:left;
margin-left:-30px;
width:30px
}
.right .lvw-collapsible a[target=_blank] {
text-decoration:none
}
.lvw-collapsible .has_od h3 {
align-items:center;
background:#d40f14;
color:#fff;
display:flex;
font-size:1rem;
line-height:1.1875;
margin:0;
padding:.75em 1em
}
.press-release-item a,.press-release-item a:hover,.press-release-item a:hover p,.event-item a,.event-item a:hover,.content_search .search_result ul h3 a,.content_search .search_result ul h3 a *,.top-topics-teaser-item .image-wrapper,.top-topics-teaser-item .image-wrapper *,.top-topics-teaser-item .image-wrapper:hover,.top-topics-teaser-item .image-wrapper:focus-visible .headline,main ul.teasers li a,main ul.teasers_wide li a,main div.teaser-box a,main ul.teasers li a *,main ul.teasers_wide li a *,main div.teaser-box a *,main ul.teasers li > a:hover,main ul.teasers_wide li > a:hover,main div.teaser-box > a:hover,.content_events .slide_gallery > ul > li > a,.expandable-trigger a,a.infokasten-link-wrapper:hover {
text-decoration:none!important
}
.press-release-item a:hover .headline,.event-item a:hover .headline,.content_search .search_result ul h3 a:hover .search_headline_text,main ul.teasers li a:hover h3,main ul.teasers_wide li a:hover h3,main div.teaser-box a:hover h3,main ul.teasers li a:hover h4,main ul.teasers_wide li a:hover h4,main div.teaser-box a:hover h4,main ul.teasers li a:hover h5,main ul.teasers_wide li a:hover h5,main div.teaser-box a:hover h5,main ul.teasers li a:hover h6,main ul.teasers_wide li a:hover h6,main div.teaser-box a:hover h6,ul#categorynavigation li a:hover,ul#categorynavigation li a.back-link:hover,.content_events .results .item_details .headline a:hover,footer .content ul li a:hover,a:hover[href].teaser-container .text-container > :first-child,.teaser-container .text-container > :first-child a[href]:hover,.teaser-container .text-container .expandable-wrapper .expandable-trigger:hover a,.teaser-container .text-container .expandable-wrapper .expandable-trigger a:hover,.teaser-container .text-container .expandable-wrapper .expandable-button:hover a,.teaser-container .text-container .expandable-wrapper .expandable-button a:hover,a.infokasten-link-wrapper:hover .infokasten-linktitle,.alphabet li a:hover span,.lvw-list li a:hover,.lvw-link-container .lvw-link:hover,.lvw-link-container a.lvw-link:hover,.block_wrapper > .block_headline:hover > a,.block_wrapper > .block_headline > a:hover,.right .lvw-collapsible .lvw-collapsible-toggle:hover a,.right .lvw-collapsible .lvw-collapsible-toggle a:hover,.right .details-collapsible .details-collapsible-toggle:hover a,.right .details-collapsible .details-collapsible-toggle a:hover {
color:#d40f14!important;
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
.press-release-item a:focus-visible,.event-item a:focus-visible,.content_search .search_result ul h3 a:focus-visible,header .top .content .left .logo:focus-visible,header .top .content .left .title:focus-visible,header .top .right .readspeaker_toggle:focus-visible,header .top .right .toggle_search:focus-visible {
outline-color:#d40f14!important
}
.press-release-item a:focus-visible .headline,.event-item a:focus-visible .headline,.content_search .search_result ul h3 a:focus-visible .search_headline_text,header .top .content .left .section .title:focus-visible,main ul.teasers li a:focus-visible h3,main ul.teasers_wide li a:focus-visible h3,main div.teaser-box a:focus-visible h3,main ul.teasers li a:focus-visible h4,main ul.teasers_wide li a:focus-visible h4,main div.teaser-box a:focus-visible h4,main ul.teasers li a:focus-visible h5,main ul.teasers_wide li a:focus-visible h5,main div.teaser-box a:focus-visible h5,main ul.teasers li a:focus-visible h6,main ul.teasers_wide li a:focus-visible h6,main div.teaser-box a:focus-visible h6,.content_events .slide_gallery > ul > li > a:focus-visible .item_details p.headline:not(:first-child),.teaser-container .text-container .expandable-wrapper .expandable-button:focus-visible a,a.infokasten-link-wrapper:focus-visible .infokasten-linktitle,.alphabet li a:focus-visible span {
color:#d40f14!important;
text-decoration:none!important
}
input::-webkit-input-placeholder,input:-ms-input-placeholder {
color:#747476!important;
font-weight:400
}
input::-moz-placeholder,input:-moz-placeholder {
color:#747476!important;
font-weight:400;
opacity:1
}
main .search_wrapper .form_wrapper button:hover,main .search_wrapper .form_wrapper p input[type="text"]:focus-visible,main .search_wrapper .form_wrapper button:focus-visible,.content_events .results > ul > li .left a:hover img,.content_events .results > ul > li .left a:focus-visible img,a.infokasten-link-wrapper:focus-visible {
outline:solid 3px #d40f14!important;
outline-offset:-3px
}
.search-result-navigation a,.content_search .search_result .button,.events-navigation a,.content_events .h2_wrapper .gallery_navigation > a,.content_events .results .all_events .button,.lvw-headline .button-os,.lvw-headline .button-os:hover,.lvw-headline .button-os:focus-visible,.lvw-headline.has_od .button-os,.lvw-headline.has_od .button-os:hover,.lvw-headline.has_od .button-os:focus-visible,.wrapper-odleistungen .button-os,.wrapper-odleistungen .button-os:hover,.wrapper-odleistungen .button-os:focus-visible,span.has_od .button-os,span.has_od .button-os:hover,.span.has_od .button-os:focus-visible {
color:#fff!important;
text-decoration:none!important
}
.search-result-navigation a:hover,.content_search .search_result .button:hover,.events-navigation a:hover,.content_events .h2_wrapper .gallery_navigation > a:hover {
color:#fff!important;
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
header .top .content .left .section .title,ul#categorynavigation li a.back-link,.teaser-container .text-container .expandable-wrapper .expandable-trigger,.teaser-container .text-container .expandable-wrapper .expandable-trigger a,.teaser-container .text-container .expandable-wrapper .expandable-button,.teaser-container .text-container .expandable-wrapper .expandable-button a {
color:#000!important;
text-decoration:none!important
}
main .content #breadcrumb li a:focus-visible,.lvw-headline a:focus-visible {
color:#d40f14!important;
outline-color:#d40f14!important;
text-decoration:none!important
}
.background_wrapper .toplink,footer .toplink,.content_events .results .pagination .button:hover,.content_events .results .pagination .button:focus-visible,.alphabet .active a,.alphabet .active a:hover span,.alphabet .active a:focus-visible span {
color:#fff!important
}
.top-topics-teaser-item .image-wrapper:hover .headline,.content_events .slide_gallery > ul > li > a:hover .item_details p.headline:not(:first-child),.expandable-trigger:hover a,.expandable-trigger a:hover,.right .lvw-collapsible a[target=_blank]:not(.button-os):hover {
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
.top-topics-teaser-item .image-wrapper:focus-visible,main ul.teasers li .content_wrapper > a:focus-visible,main ul.teasers_wide li .content_wrapper > a:focus-visible,main div.teaser-box a:focus-visible {
outline:none!important;
position:relative
}
.content h1 a:focus-visible,ul#categorynavigation li a:focus-visible,ul#categorynavigation li a.back-link:focus-visible,a.ui-state-default:focus-visible,a.ui-state-highlight:focus-visible,a.ui-state-active:focus-visible,.content_events .results .item_details .headline a:focus-visible,footer .content ul li a:focus-visible,.lvw-list li a:focus-visible,.lvw-link-container .lvw-link:focus-visible,.lvw-link-container a.lvw-link:focus-visible,.link-container:hover a:first-of-type:focus-visible,.link-container:focus-visible a:first-of-type:focus-visible {
color:#d40f14!important;
outline-color:#d40f14!important;
outline-offset:-3px;
text-decoration:none!important
}
ul#categorynavigation li a,.lvw-list li a {
color:#121212!important;
text-decoration:none!important
}
ul#categorynavigation li a *,.fa-ul *,.lvw-headline a {
color:inherit!important
}
form .row input[type="text"]:focus-visible,form .row input[type="email"]:focus-visible,form .row input[type="search"]:focus-visible,form .row input[type="password"]:focus-visible,form .row input[type="file"]:focus-visible,form .row input[type="number"]:focus-visible,form .row textarea:focus-visible,form .row select:focus-visible,.events-search-wrapper .row .calendar-input input:focus-visible,.content_events .slide_gallery > ul > li > a:focus-visible,.alphabet li a:focus-visible {
outline-color:#d40f14!important;
outline-offset:-3px
}
.events-navigation a:hover,.events-navigation a:focus-visible,.content_events .h2_wrapper .gallery_navigation > a:hover,.content_events .h2_wrapper .gallery_navigation > a:focus-visible {
color:#fff!important;
outline:solid 3px #12121260!important;
outline-offset:-3px;
text-decoration:none!important
}
.content_events .slide_gallery .item_details p.headline:after,.content_events .slide_gallery .item_details p.headline::after,.left .service-links-expandable li a.service-link[target=_blank] {
display:inline-block
}
.fa-ul,.content_events .social-media-links a,.content_events .social-media-links a[target="_blank"],.content_events .social-media-links a[target="_blank"]:not(.external) {
color:#121212!important
}
.content_events .results .item_details .headline a,.block_wrapper > .block_headline > a,.right .lvw-collapsible .lvw-collapsible-toggle a,.right .details-collapsible .details-collapsible-toggle a {
color:inherit!important;
text-decoration:none!important
}
li.has_od .button-os:hover,li.has_od .button-os:focus-visible,.lvw-headline .button-os:hover,.lvw-headline .button-os:focus-visible,.wrapper-odleistungen .button-os:hover,.wrapper-odleistungen .button-os:focus-visible,span.has_od .button-os:hover,span.has_od .button-os:focus-visible {
outline:solid 3px #12121260!important;
outline-offset:-3px
}
.block_wrapper > .block_headline > a:focus-visible,.right .lvw-collapsible .lvw-collapsible-toggle a:focus-visible,.right .details-collapsible .details-collapsible-toggle a:focus-visible {
color:#d40f14!important;
outline:solid 3px #d40f14!important;
outline-offset:-3px;
text-decoration:none!important
}
@media (max-width: 575px) {
.lvw-collapsible .has_od h3 {
line-height:1.375
}
}
.lvw-collapsible .has_od h3 .service-links-list-symbol {
flex:0 0 1.5rem;
margin-right:1em;
position:relative;
top:1px
}
.lvw-collapsible .service-links-list {
list-style-type:none;
margin:1rem 0 2.25rem
}
.refresh-note:hover,.refresh-note:focus-visible {
outline:solid 3px #12121260!important;
outline-offset:-3px
}
.search_wrapper form {
position:relative
}
.search_wrapper .autocomplete-list {
color:#fff;
left:0!important;
list-style-type:none;
margin:0;
padding:20px 17px;
position:absolute;
right:0!important;
right:62px!important;
top:100%!important;
z-index:2
}
@media (max-width: 784px) {
.search_wrapper .autocomplete-list {
right:47px!important
}
}
.search_wrapper .autocomplete-list li {
cursor:pointer;
margin:0;
padding:3px
}
.search_wrapper .autocomplete-list li:focus-visible {
outline-color:#fff!important;
text-decoration:none!important
}
.ov-menu-wrapper .search_wrapper .autocomplete-list {
padding-left:17px;
padding-right:17px;
right:0!important;
z-index:10
}
.autocomplete_flyout_wrapper li button {
background:transparent;
color:inherit!important;
display:block;
font-size:inherit!important;
line-height:inherit!important;
width:100%
}
.expandable-wrapper:first-of-type {
margin-top:.625rem!important
}
.expandable-wrapper:not(.compact):last-of-type {
margin-bottom:.625rem!important;
padding-bottom:1rem
}
.expandable-wrapper .expandable-wrapper + .expandable-wrapper,.expandable-wrapper.compact + .expandable-wrapper,.infokasten .expandable-wrapper .expandable-wrapper + .expandable-wrapper,.infokasten .expandable-wrapper.compact + .expandable-wrapper {
margin-top:-2rem
}
.expandable-wrapper .expandable-wrapper .expandable-trigger,.expandable-wrapper.compact .expandable-trigger,.infokasten .expandable-wrapper .expandable-wrapper .expandable-trigger,.infokasten .expandable-wrapper.compact .expandable-trigger {
margin:0;
padding:0
}
.teaser-container .expandable-wrapper .expandable-wrapper .expandable-trigger,.teaser-container .expandable-wrapper.compact .expandable-trigger {
background-color:#00000017
}
.expandable-button {
background-color:transparent;
color:inherit!important;
cursor:pointer;
display:block;
font-size:inherit;
font-weight:700;
margin:.875rem 0 0;
padding:1rem 2.25rem 1rem 0;
position:relative;
text-align:left;
width:100%
}
html[dir=rtl] .expandable-button {
margin:.875rem 0 0;
padding:1rem 2.25rem 1rem 0;
text-align:right
}
.expandable-wrapper .expandable-wrapper .expandable-button,.expandable-wrapper.compact .expandable-button {
margin-top:0;
padding:.75em 3.75rem .8125em 1.25rem
}
.expandable-button:focus-visible,.expandable-button a:focus-visible {
color:#d40f14!important;
outline-color:#d40f14!important;
outline-offset:-3px
}
.expandable-button:focus-visible,.right .lvw-collapsible-toggle .expandable-button:focus-visible,.right .details-collapsible .details-collapsible-toggle .expandable-button:focus-visible {
padding-left:4px
}
html[dir=rtl] .expandable-wrapper .expandable-button::after {
left:0;
right:auto
}
.expandable-wrapper .expandable-wrapper .expandable-button::after,.expandable-wrapper.compact .expandable-button::after {
right:1.25rem
}
.col .content-inpage-navigation .expandable-wrapper,.col .content-inpage-navigation .expandable-wrapper:not(.compact) {
border:0;
margin:0!important;
padding-bottom:0;
padding-left:.25em
}
.col .content-inpage-navigation .expandable-wrapper .expandable-button {
margin-top:0
}
.col .content-inpage-navigation .expandable-wrapper ul li a[href] {
font-size:16px;
font-weight:400;
line-height:22px
}
.col .content-inpage-navigation .expandable-content ul {
margin:0
}
.col .content-inpage-navigation .expandable-content li {
padding-left:.5em
}
.block_wrapper_inactive .block_headline .expandable-button,.block_wrapper_inactive .block_headline .expandable-button:hover,.block_wrapper_inactive .block_headline .expandable-button:focus-visible {
color:inherit!important;
cursor:text!important;
outline:none!important;
text-decoration:none!important
}
.block_headline .expandable-button a:focus-visible {
color:#d40f14!important;
outline:solid 3px #d40f14!important;
outline-offset:-3px;
text-decoration:none!important
}
.right .lvw-collapsible-toggle .expandable-button {
hyphens:manual;
margin-top:0;
padding:1.125rem 2.5rem 1.125rem 0
}
.right .lvw-collapsible-toggle .expandable-button::after {
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
content:'\f106';
display:block;
font-family:FontAwesome;
font-size:1.5rem;
line-height:1;
margin-top:-.125rem;
position:absolute;
right:.75rem;
top:50%;
transform:translateY(-50%)
}
.right .details-collapsible .expandable-button {
margin:0;
padding:0 1rem 0 0
}
.right .details-collapsible .expandable-button::after {
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
content:'\f106';
display:block;
font-family:FontAwesome;
font-size:1.125rem;
line-height:1.3333;
margin-top:-.0625rem;
position:absolute;
right:0;
text-align:center;
top:50%;
transform:translateY(-50%);
width:1rem
}
.admin_only.db_info {
overflow:hidden
}
.visually-hidden,.visually-hidden-focusable:not(:focus-visible):not(:focus-within) {
border:0!important;
clip:rect(0,0,0,0)!important;
height:1px!important;
margin:-1px!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
white-space:nowrap!important;
width:1px!important
}
.container-press-release-load .content-press-releases > h2.press-release-headline {
font-weight:700!important
}
.video-teaser-more-button,.video-teaser-more-button[href] {
color:#fff!important;
text-decoration:none!important
}
.video-teaser-more-button:hover,.video-teaser-more-button[href]:hover,.video-teaser-more-button:focus-visible,.video-teaser-more-button[href]:focus-visible {
color:#fff!important;
outline:solid 3px #12121260!important;
outline-offset:-3px;
text-decoration:none!important
}
html[dir=rtl] .news-list-item .release {
font-size:1.2rem
}
html[dir=rtl] header .top .content .left .section {
margin-left:0;
margin-right:20px
}
html[dir=rtl] header .top .content .left .section .title {
margin-left:0;
margin-right:10px
}
.widget-placeholder {
display:flex;
justify-content:center
}
.notice-container {
align-items:center;
background-color:#f2f2f2;
display:grid;
gap:2rem;
grid-template-columns:1fr 1fr;
padding:.75rem
}
.notice-container.grid-66-33 {
grid-template-columns:2fr 1fr
}
.notice-container.grid-33-66 {
grid-template-columns:1fr 2fr
}
.search_wrapper .autocomplete-list li:hover,.search_wrapper .autocomplete-list li[aria-selected="true"],.autocomplete_flyout_wrapper li:hover,.autocomplete_flyout_wrapper li.user-selected,.autocomplete_flyout_wrapper li.user-selected button,.expandable-button:hover,.block_headline .expandable-button:hover,.block_headline .expandable-button:hover a {
text-decoration:underline!important;
text-decoration-thickness:1.5px!important;
text-underline-offset:.1em!important
}
.expandable-trigger,.block_headline {
cursor:auto;
margin:0;
padding:0;
position:static
}
.expandable-wrapper .expandable-trigger:after,.expandable-wrapper .expandable-trigger::after,.expandable-wrapper-collapsed .expandable-trigger:after,.expandable-wrapper-collapsed .expandable-trigger::after,.block_wrapper_inactive .expandable-button::after,.block_headline:after,.block_headline::after,.right .lvw-collapsible-toggle:after,.right .lvw-collapsible-toggle::after,.right .lvw-collapsible-hidden .lvw-collapsible-toggle:after,.right .lvw-collapsible-hidden .lvw-collapsible-toggle::after,.right .details-collapsible .details-collapsible-toggle:after,.right .details-collapsible .details-collapsible-toggle:after,.right .details-collapsible-hidden .details-collapsible-toggle:after,.right .details-collapsible-hidden .details-collapsible-toggle::after {
display:none
}
.expandable-button *,.expandable-button a,.expandable-button:hover,.expandable-button:hover *,.expandable-button:hover a,.expandable-button:hover a:hover {
color:inherit!important
}
.expandable-button:focus-visible *,.expandable-button:focus-visible a,.block_headline .expandable-button,.block_headline .expandable-button a,.block_headline .expandable-button:focus-visible,.block_headline .expandable-button:focus-visible a,.block_headline:hover,.block_headline:hover a {
text-decoration:none!important
}
.expandable-wrapper .expandable-button::after,.block_wrapper .expandable-button::after {
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
content:'\f106';
font-family:FontAwesome;
font-size:1.4545em;
line-height:1;
margin-top:.03125em;
position:absolute;
right:0;
top:50%;
transform:translateY(-50%)
}
.expandable-wrapper-collapsed .expandable-button::after,.block_wrapper_hidden .expandable-button::after,.right .lvw-collapsible-hidden .expandable-button::after,.right .details-collapsible-hidden .expandable-button::after {
content:'\f107'
}
.block_headline .expandable-button a:hover,.right .lvw-collapsible-toggle .expandable-button:hover,.right .lvw-collapsible-toggle .expandable-button:focus-visible,.right .details-collapsible .expandable-button:hover,.right .details-collapsible .expandable-button:focus-visible {
color:#d40f14!important
}
.right .lvw-collapsible-toggle,.right .details-collapsible .details-collapsible-toggle {
padding:0
}
@media (max-width: 767px) {
.notice-container {
gap:1rem!important;
grid-template-columns:1fr!important
}
}
#top .right #ptpButton {
border:1px solid #87888a4d;
border-radius:4px;
font-size:.8em;
padding:4px
}
#top .right #ptpButton img {
height:16px;
width:16px
}
#loginform {
display:grid;
gap:.5em;
grid-template-columns:2fr 2fr 1fr
}
@media screen and (max-width: 720px) {
#loginform {
grid-template-columns:1fr;
grid-template-rows:1fr 1fr 2fr
}
}
.plyr--full-ui.plyr--video .plyr__control--overlaid[data-plyr="play"] {
opacity:0
}
.plyr--full-ui.plyr--video:hover .plyr__control--overlaid[data-plyr="play"],.plyr--full-ui.plyr--video:active .plyr__control--overlaid[data-plyr="play"],.plyr--full-ui.plyr--video:focus-visible .plyr__control--overlaid[data-plyr="play"] {
opacity:1
}