#wrapperFooter {overflow-x:hidden;} .@charset "UTF-8"; @import url(/SiteGlobals/Functions/JavaScript/addon/johnpolacek-stacktable/stacktable.css); #content .wrapperText h1 {z-index:-1!important;} @media screen and (max-width: 767px) { .wrapperVerbraucherservice, h1.vntitle { padding-left: 0 !important; } } .hidden-xs { display: block; } @media (max-width: 767px) { .hidden-xs { display: none; } } .visible-xs-block { display: none !important; } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (min-width: 768px) and (max-width: 1079px) { .col-sm-3 { width: 25%; float: left; } } @media (min-width: 768px) and (max-width: 1079px) { .col-sm-6 { width: 50%; float: left; } } @media (min-width: 768px) and (max-width: 1079px) { .col-sm-12 { width: 100%; float: left; } .col-sm-4 { width: 33.33333333%; float: left; } } @media screen and (min-width: 768px) { .row { margin-left: -30px; margin-right: -30px; } } @media screen and (min-width: 768px) { #topnavifiller .row { margin-left: -15px; margin-right: -15px; } } #wrapperContentDivision { overflow: visible; } .wrapperOuterContent { max-width: 100%; margin-left: unset; margin-right: unset; } #wrapperDivisions { XXXoverflow: hidden; } #content.row { margin-left: 0; margin-right: 0; } #content, #sidebar { margin-top: 0; margin-bottom: 6rem; } @media screen and (min-width: 1080px) { #content { margin-bottom: 4rem; } #sidebar { margin-bottom: 4rem; } } @media screen and (min-width: 1080px) { .hasSidebar .generictable.generictable--wide {width: 135%; } .front #wrapperContentDivision .kachel1.h2x .text {max-height: 34rem!important; min-height: 34rem!important;} } #wrapperContentDivision, #wrapperContent { max-width: 1140px; margin-left: auto; margin-right: auto; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, #copyright, #service-nav, .newsletter-block, #footer { padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 768px) { .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, #copyright, #service-nav, .newsletter-block, #footer { padding-left: 30px; padding-right: 30px; } } #wrapperContent .col-xs-1, #wrapperContent .col-sm-1, #wrapperContent .col-md-1, #wrapperContent .col-lg-1, #wrapperContent .col-xs-2, #wrapperContent .col-sm-2, #wrapperContent .col-md-2, #wrapperContent .col-lg-2, #wrapperContent .col-xs-3, #wrapperContent .col-sm-3, #wrapperContent .col-md-3, #wrapperContent .col-lg-3, #wrapperContent .col-xs-4, #wrapperContent .col-sm-4, #wrapperContent .col-md-4, #wrapperContent .col-lg-4, #wrapperContent .col-xs-5, #wrapperContent .col-sm-5, #wrapperContent .col-md-5, #wrapperContent .col-lg-5, #wrapperContent .col-xs-6, #wrapperContent .col-sm-6, #wrapperContent .col-md-6, #wrapperContent .col-lg-6, #wrapperContent .col-xs-7, #wrapperContent .col-sm-7, #wrapperContent .col-md-7, #wrapperContent .col-lg-7, #wrapperContent .col-xs-8, #wrapperContent .col-sm-8, #wrapperContent .col-md-8, #wrapperContent .col-lg-8, #wrapperContent .col-xs-9, #wrapperContent .col-sm-9, #wrapperContent .col-md-9, #wrapperContent .col-lg-9, #wrapperContent .col-xs-10, #wrapperContent .col-sm-10, #wrapperContent .col-md-10, #wrapperContent .col-lg-10, #wrapperContent .col-xs-11, #wrapperContent .col-sm-11, #wrapperContent .col-md-11, #wrapperContent .col-lg-11, #wrapperContent .col-xs-12, #wrapperContent .col-sm-12, #wrapperContent .col-md-12, #wrapperContent .col-lg-12, #wrapperContent #copyright, #wrapperContent #service-nav, #wrapperContent .newsletter-block, #wrapperContent #footer { padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 768px) { #wrapperContent .col-xs-1, #wrapperContent .col-sm-1, #wrapperContent .col-md-1, #wrapperContent .col-lg-1, #wrapperContent .col-xs-2, #wrapperContent .col-sm-2, #wrapperContent .col-md-2, #wrapperContent .col-lg-2, #wrapperContent .col-xs-3, #wrapperContent .col-sm-3, #wrapperContent .col-md-3, #wrapperContent .col-lg-3, #wrapperContent .col-xs-4, #wrapperContent .col-sm-4, #wrapperContent .col-md-4, #wrapperContent .col-lg-4, #wrapperContent .col-xs-5, #wrapperContent .col-sm-5, #wrapperContent .col-md-5, #wrapperContent .col-lg-5, #wrapperContent .col-xs-6, #wrapperContent .col-sm-6, #wrapperContent .col-md-6, #wrapperContent .col-lg-6, #wrapperContent .col-xs-7, #wrapperContent .col-sm-7, #wrapperContent .col-md-7, #wrapperContent .col-lg-7, #wrapperContent .col-xs-8, #wrapperContent .col-sm-8, #wrapperContent .col-md-8, #wrapperContent .col-lg-8, #wrapperContent .col-xs-9, #wrapperContent .col-sm-9, #wrapperContent .col-md-9, #wrapperContent .col-lg-9, #wrapperContent .col-xs-10, #wrapperContent .col-sm-10, #wrapperContent .col-md-10, #wrapperContent .col-lg-10, #wrapperContent .col-xs-11, #wrapperContent .col-sm-11, #wrapperContent .col-md-11, #wrapperContent .col-lg-11, #wrapperContent .col-xs-12, #wrapperContent .col-sm-12, #wrapperContent .col-md-12, #wrapperContent .col-lg-12, #wrapperContent #copyright, #wrapperContent #service-nav, #wrapperContent .newsletter-block, #wrapperContent #footer { padding-left: 30px; padding-right: 30px; } } #footer, .newsletter-block, #copyright { padding-left: 0px; padding-right: 0px; } @media screen and (min-width: 768px) { #topnavifiller .col-xs-1, #topnavifiller .col-sm-1, #topnavifiller .col-md-1, #topnavifiller .col-lg-1, #topnavifiller .col-xs-2, #topnavifiller .col-sm-2, #topnavifiller .col-md-2, #topnavifiller .col-lg-2, #topnavifiller .col-xs-3, #topnavifiller .col-sm-3, #topnavifiller .col-md-3, #topnavifiller .col-lg-3, #topnavifiller .col-xs-4, #topnavifiller .col-sm-4, #topnavifiller .col-md-4, #topnavifiller .col-lg-4, #topnavifiller .col-xs-5, #topnavifiller .col-sm-5, #topnavifiller .col-md-5, #topnavifiller .col-lg-5, #topnavifiller .col-xs-6, #topnavifiller .col-sm-6, #topnavifiller .col-md-6, #topnavifiller .col-lg-6, #topnavifiller .col-xs-7, #topnavifiller .col-sm-7, #topnavifiller .col-md-7, #topnavifiller .col-lg-7, #topnavifiller .col-xs-8, #topnavifiller .col-sm-8, #topnavifiller .col-md-8, #topnavifiller .col-lg-8, #topnavifiller .col-xs-9, #topnavifiller .col-sm-9, #topnavifiller .col-md-9, #topnavifiller .col-lg-9, #topnavifiller .col-xs-10, #topnavifiller .col-sm-10, #topnavifiller .col-md-10, #topnavifiller .col-lg-10, #topnavifiller .col-xs-11, #topnavifiller .col-sm-11, #topnavifiller .col-md-11, #topnavifiller .col-lg-11, #topnavifiller .col-xs-12, #topnavifiller .col-sm-12, #topnavifiller .col-md-12, #topnavifiller .col-lg-12 { padding-left: 25px; padding-right: 25px; } } .front #wrapperContent .row, #wrapperContent .row.uebersicht { margin-left: -15px; margin-right: -15px; } .front #wrapperContent .row .col-xs-1, .front #wrapperContent .row .col-sm-1, .front #wrapperContent .row .col-md-1, .front #wrapperContent .row .col-lg-1, .front #wrapperContent .row .col-xs-2, .front #wrapperContent .row .col-sm-2, .front #wrapperContent .row .col-md-2, .front #wrapperContent .row .col-lg-2, .front #wrapperContent .row .col-xs-3, .front #wrapperContent .row .col-sm-3, .front #wrapperContent .row .col-md-3, .front #wrapperContent .row .col-lg-3, .front #wrapperContent .row .col-xs-4, .front #wrapperContent .row .col-sm-4, .front #wrapperContent .row .col-md-4, .front #wrapperContent .row .col-lg-4, .front #wrapperContent .row .col-xs-5, .front #wrapperContent .row .col-sm-5, .front #wrapperContent .row .col-md-5, .front #wrapperContent .row .col-lg-5, .front #wrapperContent .row .col-xs-6, .front #wrapperContent .row .col-sm-6, .front #wrapperContent .row .col-md-6, .front #wrapperContent .row .col-lg-6, .front #wrapperContent .row .col-xs-7, .front #wrapperContent .row .col-sm-7, .front #wrapperContent .row .col-md-7, .front #wrapperContent .row .col-lg-7, .front #wrapperContent .row .col-xs-8, .front #wrapperContent .row .col-sm-8, .front #wrapperContent .row .col-md-8, .front #wrapperContent .row .col-lg-8, .front #wrapperContent .row .col-xs-9, .front #wrapperContent .row .col-sm-9, .front #wrapperContent .row .col-md-9, .front #wrapperContent .row .col-lg-9, .front #wrapperContent .row .col-xs-10, .front #wrapperContent .row .col-sm-10, .front #wrapperContent .row .col-md-10, .front #wrapperContent .row .col-lg-10, .front #wrapperContent .row .col-xs-11, .front #wrapperContent .row .col-sm-11, .front #wrapperContent .row .col-md-11, .front #wrapperContent .row .col-lg-11, .front #wrapperContent .row .col-xs-12, .front #wrapperContent .row .col-sm-12, .front #wrapperContent .row .col-md-12, .front #wrapperContent .row .col-lg-12, #wrapperContent .row.uebersicht .col-xs-1, #wrapperContent .row.uebersicht .col-sm-1, #wrapperContent .row.uebersicht .col-md-1, #wrapperContent .row.uebersicht .col-lg-1, #wrapperContent .row.uebersicht .col-xs-2, #wrapperContent .row.uebersicht .col-sm-2, #wrapperContent .row.uebersicht .col-md-2, #wrapperContent .row.uebersicht .col-lg-2, #wrapperContent .row.uebersicht .col-xs-3, #wrapperContent .row.uebersicht .col-sm-3, #wrapperContent .row.uebersicht .col-md-3, #wrapperContent .row.uebersicht .col-lg-3, #wrapperContent .row.uebersicht .col-xs-4, #wrapperContent .row.uebersicht .col-sm-4, #wrapperContent .row.uebersicht .col-md-4, #wrapperContent .row.uebersicht .col-lg-4, #wrapperContent .row.uebersicht .col-xs-5, #wrapperContent .row.uebersicht .col-sm-5, #wrapperContent .row.uebersicht .col-md-5, #wrapperContent .row.uebersicht .col-lg-5, #wrapperContent .row.uebersicht .col-xs-6, #wrapperContent .row.uebersicht .col-sm-6, #wrapperContent .row.uebersicht .col-md-6, #wrapperContent .row.uebersicht .col-lg-6, #wrapperContent .row.uebersicht .col-xs-7, #wrapperContent .row.uebersicht .col-sm-7, #wrapperContent .row.uebersicht .col-md-7, #wrapperContent .row.uebersicht .col-lg-7, #wrapperContent .row.uebersicht .col-xs-8, #wrapperContent .row.uebersicht .col-sm-8, #wrapperContent .row.uebersicht .col-md-8, #wrapperContent .row.uebersicht .col-lg-8, #wrapperContent .row.uebersicht .col-xs-9, #wrapperContent .row.uebersicht .col-sm-9, #wrapperContent .row.uebersicht .col-md-9, #wrapperContent .row.uebersicht .col-lg-9, #wrapperContent .row.uebersicht .col-xs-10, #wrapperContent .row.uebersicht .col-sm-10, #wrapperContent .row.uebersicht .col-md-10, #wrapperContent .row.uebersicht .col-lg-10, #wrapperContent .row.uebersicht .col-xs-11, #wrapperContent .row.uebersicht .col-sm-11, #wrapperContent .row.uebersicht .col-md-11, #wrapperContent .row.uebersicht .col-lg-11, #wrapperContent .row.uebersicht .col-xs-12, #wrapperContent .row.uebersicht .col-sm-12, #wrapperContent .row.uebersicht .col-md-12, #wrapperContent .row.uebersicht .col-lg-12 { padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 768px) { .front #wrapperContent .row .col-xs-1, .front #wrapperContent .row .col-sm-1, .front #wrapperContent .row .col-md-1, .front #wrapperContent .row .col-lg-1, .front #wrapperContent .row .col-xs-2, .front #wrapperContent .row .col-sm-2, .front #wrapperContent .row .col-md-2, .front #wrapperContent .row .col-lg-2, .front #wrapperContent .row .col-xs-3, .front #wrapperContent .row .col-sm-3, .front #wrapperContent .row .col-md-3, .front #wrapperContent .row .col-lg-3, .front #wrapperContent .row .col-xs-4, .front #wrapperContent .row .col-sm-4, .front #wrapperContent .row .col-md-4, .front #wrapperContent .row .col-lg-4, .front #wrapperContent .row .col-xs-5, .front #wrapperContent .row .col-sm-5, .front #wrapperContent .row .col-md-5, .front #wrapperContent .row .col-lg-5, .front #wrapperContent .row .col-xs-6, .front #wrapperContent .row .col-sm-6, .front #wrapperContent .row .col-md-6, .front #wrapperContent .row .col-lg-6, .front #wrapperContent .row .col-xs-7, .front #wrapperContent .row .col-sm-7, .front #wrapperContent .row .col-md-7, .front #wrapperContent .row .col-lg-7, .front #wrapperContent .row .col-xs-8, .front #wrapperContent .row .col-sm-8, .front #wrapperContent .row .col-md-8, .front #wrapperContent .row .col-lg-8, .front #wrapperContent .row .col-xs-9, .front #wrapperContent .row .col-sm-9, .front #wrapperContent .row .col-md-9, .front #wrapperContent .row .col-lg-9, .front #wrapperContent .row .col-xs-10, .front #wrapperContent .row .col-sm-10, .front #wrapperContent .row .col-md-10, .front #wrapperContent .row .col-lg-10, .front #wrapperContent .row .col-xs-11, .front #wrapperContent .row .col-sm-11, .front #wrapperContent .row .col-md-11, .front #wrapperContent .row .col-lg-11, .front #wrapperContent .row .col-xs-12, .front #wrapperContent .row .col-sm-12, .front #wrapperContent .row .col-md-12, .front #wrapperContent .row .col-lg-12, #wrapperContent .row.uebersicht .col-xs-1, #wrapperContent .row.uebersicht .col-sm-1, #wrapperContent .row.uebersicht .col-md-1, #wrapperContent .row.uebersicht .col-lg-1, #wrapperContent .row.uebersicht .col-xs-2, #wrapperContent .row.uebersicht .col-sm-2, #wrapperContent .row.uebersicht .col-md-2, #wrapperContent .row.uebersicht .col-lg-2, #wrapperContent .row.uebersicht .col-xs-3, #wrapperContent .row.uebersicht .col-sm-3, #wrapperContent .row.uebersicht .col-md-3, #wrapperContent .row.uebersicht .col-lg-3, #wrapperContent .row.uebersicht .col-xs-4, #wrapperContent .row.uebersicht .col-sm-4, #wrapperContent .row.uebersicht .col-md-4, #wrapperContent .row.uebersicht .col-lg-4, #wrapperContent .row.uebersicht .col-xs-5, #wrapperContent .row.uebersicht .col-sm-5, #wrapperContent .row.uebersicht .col-md-5, #wrapperContent .row.uebersicht .col-lg-5, #wrapperContent .row.uebersicht .col-xs-6, #wrapperContent .row.uebersicht .col-sm-6, #wrapperContent .row.uebersicht .col-md-6, #wrapperContent .row.uebersicht .col-lg-6, #wrapperContent .row.uebersicht .col-xs-7, #wrapperContent .row.uebersicht .col-sm-7, #wrapperContent .row.uebersicht .col-md-7, #wrapperContent .row.uebersicht .col-lg-7, #wrapperContent .row.uebersicht .col-xs-8, #wrapperContent .row.uebersicht .col-sm-8, #wrapperContent .row.uebersicht .col-md-8, #wrapperContent .row.uebersicht .col-lg-8, #wrapperContent .row.uebersicht .col-xs-9, #wrapperContent .row.uebersicht .col-sm-9, #wrapperContent .row.uebersicht .col-md-9, #wrapperContent .row.uebersicht .col-lg-9, #wrapperContent .row.uebersicht .col-xs-10, #wrapperContent .row.uebersicht .col-sm-10, #wrapperContent .row.uebersicht .col-md-10, #wrapperContent .row.uebersicht .col-lg-10, #wrapperContent .row.uebersicht .col-xs-11, #wrapperContent .row.uebersicht .col-sm-11, #wrapperContent .row.uebersicht .col-md-11, #wrapperContent .row.uebersicht .col-lg-11, #wrapperContent .row.uebersicht .col-xs-12, #wrapperContent .row.uebersicht .col-sm-12, #wrapperContent .row.uebersicht .col-md-12, #wrapperContent .row.uebersicht .col-lg-12 { padding-left: 15px; padding-right: 15px; } } #navBreadcrumbs > ol, #branding, #navPrimary, #wrapperFooter .inner.dapadding { max-width: 1366px; padding-left: 15px; padding-right: 15px; margin-left: auto !important; margin-right: auto !important; float: none; } @media screen and (min-width: 768px) { #navBreadcrumbs > ol, #branding, #navPrimary, #wrapperFooter .inner.dapadding { padding-left: 23px; padding-right: 23px; } } @media screen and (min-width: 1080px) { #navBreadcrumbs > ol, #branding, #navPrimary, #wrapperFooter .inner.dapadding { padding-left: 43px; padding-right: 43px; } } /* * Colors */ .gsb a, .gsb a * { color: #3B78A4; } .gsb abbr, .gsb acronym, .gsb dfn { border-bottom: 1px dotted #3B78A4; } #content .kachel1 h2 a { color: #3B78A4; } .k1 .title, .k1 .title * { color: #3B78A4; } html { font-size: 10px; text-rendering: optimizeLegibility; } /* * Font Size */ #content p, #content p a, #content .bodyText .accordion h2, #wrapperDivisions .box h3, #navSecondary h2 { font-size: 1.8rem; line-height: 1.445; } #content h1, #content .h1 { font-size: 4.8rem; line-height: 0.888; line-height: 1.1; } @media screen and (max-width: 767px) { #content h1, #content .h1 { font-size: 3rem; } } #content h1 abbr, #content .h1 abbr { color: inherit; } #content h2, #content .h2 { font-size: 2.8rem; line-height: 1.357; color: #3B78A4; } @media screen and (max-width: 767px) { #content h2, #content .h2 { font-size: 2.6rem; } } #content h2 abbr, #content .h2 abbr { color: #3B78A4; } #content h2 a, #content .h2 a { cursor: pointer; } #content h2 a:hover, #content h2 a:focus, #content .h2 a:hover, #content .h2 a:focus { cursor: pointer; } #content h2 a.ExternalLink, #content .h2 a.ExternalLink { padding-left: 0.8em; background-position: 0 0.6em; } #content h3, #content .h3 { font-size: 2.4rem; line-height: 1.1; } @media screen and (max-width: 767px) { #content h3, #content .h3 { font-size: 2rem; } } #content h3 strong, #content .h3 strong { color: #3B78A4; } #content h3 abbr, #content .h3 abbr { color: #3B78A4; text-decoration: none; } #content h4, #content .h4 { font-size: 1.8rem; line-height: 1.333; margin-bottom: 1rem; margin-top: 2rem; } @media screen and (max-width: 767px) { #content h4, #content .h4 { font-size: 1.6rem; } } #content .wrapperText h1.layout-primary { margin-bottom: 3rem; padding-bottom: 9rem; } @media screen and (max-width: 785px) { #content .wrapperText h1.layout-primary { margin-bottom: 4rem; } } @media screen and (min-width: 2100px) { #content .wrapperText h1.layout-primary { padding-bottom: 10rem; } } @media screen and (min-width: 2500px) { #content .wrapperText h1.layout-primary { padding-bottom: 12rem; } } #content .subheadline, #content .subheadline p, #content .pagehead__description { font-size: 2.4rem; line-height: 1.416; margin-bottom: 6rem; font-weight: 400; } @media screen and (max-width: 767px) { #content .subheadline, #content .subheadline p, #content .pagehead__description { font-size: 1.8rem; } } #content abbr { text-decoration: none; } #content ol, #content ul { padding-left: 15px; margin-top: 2.5rem; margin-bottom: 2.5rem; } #content ol li, #content ul li { padding-left: 12px; font-size: 1.8rem; line-height: 1.444; } #content table th { font-size: 1.8rem; line-height: 1.444; } #content table td { font-size: 1.8rem; line-height: 1.444; } .coverhead__title h2, .coverhead__title .h2 { font-size: 3.5rem; } @media screen and (max-width: 767px) { .coverhead__title h2, .coverhead__title .h2 { font-size: 2.8rem; } } .coverhead__desc p { font-size: 2.4rem; line-height: 1.416; } @media screen and (max-width: 767px) { .coverhead__desc p { font-size: 1.8rem; } } @media screen and (min-width: 1080px) { .hasSidebar #content .subheadline, .hasSidebar #content .subheadline p, .hasSidebar #content .pagehead__description { width: 110%; } } /* * list-style-primary */ .gsb #content ul { list-style: none; } #content ul.list-style-primary, ul.list-style-primary { padding-left: 45px; list-style: none; margin-top: 2.5rem; margin-bottom: 2.5rem; } #content ul.list-style-primary li, ul.list-style-primary li { position: relative; background: none; padding-left: 0; margin-bottom: 1.5rem; } #content ul.list-style-primary li:before, ul.list-style-primary li:before { content: ""; width: 32px; height: 32px; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-list_png.png?__blob=normal&v=1); background-size: 100%; position: absolute; left: -45px; top: -4px; } /* * White Infobox */ #content .whiteInfoBox2 h3 { font-size: 2.8rem; line-height: 1.357; margin-bottom: 1.75rem; margin-top: 2.6rem; padding-top: 0; } @media screen and (max-width: 767px) { #content .whiteInfoBox2 h3 { font-size: 2.2rem; } } #content .whiteInfoBox2 p { font-size: 1.6rem; line-height: 1.5; } #content .whiteInfoBox2 p a { font-size: 1.6rem; line-height: 1.5; } #wrapperDivisions .block-title, #wrapperFooter .block-title { font-size: 3.2rem; line-height: 1.187; } @media screen and (max-width: 767px) { #wrapperDivisions .block-title, #wrapperFooter .block-title { font-size: 2.6rem; } } /* * ENTRY CARD */ #content .entrycard .entrycard__cat .cat__title, .entrycard .entrycard__cat .cat__title { font-size: 2rem; } @media screen and (max-width: 767px) { #content .entrycard .entrycard__cat .cat__title, .entrycard .entrycard__cat .cat__title { font-size: 1.9rem; } } #content .entrycard .entrycard__body .entrycard__title h3, .entrycard .entrycard__body .entrycard__title h3 { font-size: 2.8rem; line-height: 1.214; color: #3B78A4; } @media screen and (max-width: 767px) { #content .entrycard .entrycard__body .entrycard__title h3, .entrycard .entrycard__body .entrycard__title h3 { font-size: 2.4rem; } } @media screen and (max-width: 767px) { #content .entrycard .entrycard__body .entrycard__text p, .entrycard .entrycard__body .entrycard__text p { font-size: 1.7rem; } } /* * Links */ #content .RichTextIntLink:hover, #content .RichTextIntLink:focus, #sidebar .RichTextIntLink:hover, #sidebar .RichTextIntLink:focus { text-decoration: underline !important; } #content .ExternalLink, #sidebar .ExternalLink { color: #ef7e04; } #content .ExternalLink abbr, #sidebar .ExternalLink abbr { color: #ef7e04; } #content .mail, #sidebar .mail { color: #ef7e04; } #content .mail:hover, #content .mail:focus, #sidebar .mail:hover, #sidebar .mail:focus { text-decoration: underline; } #content .downloadLink, #sidebar .downloadLink { background: transparent url(/SiteGlobals/StyleBundles2/Bilder/auto/document_svg.svg?__blob=normal&v=1) no-repeat 0 0.5em; background-size: 15px 14px; padding-left: 1.3em; color: #ef7e04; text-decoration: none; } #content .downloadLink span, #sidebar .downloadLink span { text-decoration: none; } #content .downloadLink:hover, #content .downloadLink:focus, #sidebar .downloadLink:hover, #sidebar .downloadLink:focus { text-decoration: underline; } #content .downloadLink:hover span, #content .downloadLink:focus span, #sidebar .downloadLink:hover span, #sidebar .downloadLink:focus span { color: #ef7e04; } /* * Forms */ select { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-down_svg.svg?__blob=normal&v=1); background-position: bottom 7px right 4px; background-repeat: no-repeat; background-size: 17px 10px; cursor: pointer; } select:hover, select:focus { background: xxx(arrow-down-hover2.svg); background-position: bottom 7px right 4px; background-repeat: no-repeat; background-size: 17px 10px; } /* * FLYOUT MENU */ #wrapperHeader #topsticky #navPrimary { background: none; } #wrapperHeader #topsticky #navPrimary #topnavilayer { /* * MOBILE MENU */ } @media screen and (max-width: 785px) { #wrapperHeader #topsticky #navPrimary #topnavilayer { background: #ffffff !important; } } @media screen and (min-width: 768px) { #wrapperHeader #topsticky #navPrimary #topnavilayer:before { content: ""; width: 100vw; position: absolute; height: 65em; left: 50%; top: 0; margin-left: -50vw; background-color: #ffffff; z-index: -1; } } #wrapperHeader #topsticky #navPrimary #topnavilayer:after { content: ""; position: absolute; height: 150px; width: 100vw; left: 50%; background-color: #ffffff; background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/NavDropDownBg2-lg.png?__blob=normal&v=1); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; z-index: -1; margin-left: -50vw; bottom: 0; } #wrapperHeader #topsticky #navPrimary #topnavilayer #topnavifiller { background: none; max-width: 1280px; margin-left: auto; margin-right: auto; } #wrapperHeader #topsticky #navPrimary #topnavilayer #topnavifiller:before { content: ""; width: 100vw; margin-left: -50vw; height: 95px; background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/NavDropDownBg-lg_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: bottom center; background-size: auto 200%; position: absolute; left: 50%; top: 0px; box-shadow: inset 0 5px 4px 0px rgba(195, 195, 195, 0.5); } @media screen and (min-width: 1400px) { #wrapperHeader #topsticky #navPrimary #topnavilayer #topnavifiller:before { height: 95px; } } #wrapperHeader #topsticky #navPrimary #topnavilayer #topnavifiller .colHead a { transition: all 0.25s ease-in-out; margin-right: 2em; padding-right: 0; } #wrapperHeader #topsticky #navPrimary #topnavilayer #topnavifiller .colHead a:hover, #wrapperHeader #topsticky #navPrimary #topnavilayer #topnavifiller .colHead a:focus { background: none; color: #ef7e04; transition: all 0.25s ease-in-out; } #wrapperHeader #topsticky #navPrimary #topnavilayer .closebutton:hover, #wrapperHeader #topsticky #navPrimary #topnavilayer .closebutton:focus { background: transparent url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-close-hover_svg.svg?__blob=normal&v=1) no-repeat right 0; } #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colLinks { padding: 0; } #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colLinks a { background: none; line-height: 1.4; padding-right: 0; } #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colLinks a:after { content: ""; width: 1.5rem; height: 1.5rem; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right_svg.svg?__blob=normal&v=1); display: inline-block; background-repeat: no-repeat; margin-top: -3px; vertical-align: middle; margin-left: 9px; background-position: right; } #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colLinks a.active:after { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right-hover_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; vertical-align: middle; margin-left: 9px; background-position: right; } #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colLinks a:hover, #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colLinks a:focus { text-decoration: underline; outline: none; } #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colLinks a:hover:after, #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colLinks a:focus:after { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right-hover_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; vertical-align: middle; margin-left: 9px; background-position: right; } /* * MOBILE MENU */ @media (max-width: 767px) { #topnavifiller .row > div:not(:first-child):not(:last-child) { border-right: none; } .naviburger { display: inline-block; width: 2.2em; height: 2.2em; margin-top:5px; margin-right:10px; } #serviceSearch { width: 3em; margin-right: 1em; } .JSserviceSearch .JSserviceSearchButton { top: -8px; } #wrapperHeader #topsticky #navPrimary #topnavilayer { position: fixed; height: auto; bottom: auto; left: 0; right: 0; top: 0; background-color: #e2ebf1; z-index: 30000; margin-top: 0; padding-bottom: 2rem; padding-top: 0; box-shadow: 0 3px 2px 0px rgba(216, 216, 216, 0.7); } #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .row { padding-top: 0; margin: 0; } #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colHead { padding-bottom: 2rem; font-size: 1.6rem; padding-left: 3rem; padding-right: 3rem; padding-top: 1.2rem; } #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colHead strong { font-size: 2rem; margin-top: 0.5rem; text-align: center; padding-left: 0; padding-right: 0; } #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colLinks { margin-top: 2rem; } #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colLinks a { font-size: 1.6rem; position: relative; margin-bottom: 0.5rem; } #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colLinks a:after { position: absolute; right: 15px; top: 50%; margin-top: -0.75rem; } #wrapperHeader #topsticky #navPrimary #topnavilayer .inner .colLinks a.nochildren:after { display: none; } #wrapperHeader #topsticky #navPrimary #topnavilayer .backbutton { position: absolute; left: 1rem; top: 2rem; width: 2rem; height: 2rem; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-left_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center center; z-index: 99; } #wrapperHeader #topsticky #navPrimary #topnavilayer .backbutton:hover, #wrapperHeader #topsticky #navPrimary #topnavilayer .backbutton:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-left-hover2_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center center; text-decoration: none; } #wrapperHeader #topsticky #navPrimary #topnavilayer .closebutton { top: 2rem; } #wrapperHeader #topsticky #navPrimary #topnavilayer #navServiceMeta-mobile ul { display: block; height: auto; text-align: left; } #wrapperHeader #topsticky #navPrimary #topnavilayer #navServiceMeta-mobile ul li { margin-top: 1.5rem; } #wrapperHeader #topsticky #navPrimary #topnavilayer #navServiceMeta-mobile ul li a { padding: 0 0.25em 0 0; text-transform: uppercase; margin: 0 1em 0 0; } #wrapperHeader #topsticky #navPrimary #topnavilayer #navServiceMeta-mobile ul li.navServiceLeichteSprache a, #wrapperHeader #topsticky #navPrimary #topnavilayer #navServiceMeta-mobile ul li.navServiceGebaerdensprache a, #wrapperHeader #topsticky #navPrimary #topnavilayer #navServiceMeta-mobile ul li.navServiceRSS a, #wrapperHeader #topsticky #navPrimary #topnavilayer #navServiceMeta-mobile ul li.navServiceTwitter a { text-indent: -99999px; margin: 0 0 0 0.5rem; width: 20px; height: 20px; } } @media screen and (min-width: 768px) { #navServiceMeta-mobile { display: none !important; } } #wrapperContentNav > div { max-width: 1280px; margin-left: auto; margin-right: auto; } @keyframes moveFromTop { 0% { top: 0px; } 50% { top: 50px; } 100% { top: 100px; } } /*Header*/ #wrapperHeader { background-color: #ffffff; padding-top: 100px; } @media screen and (max-width: 767px) { #wrapperHeader #navBreadcrumbs.fixed-position { position: fixed; top: 0; left: 0; z-index: 99; } #wrapperHeader.fixed-mobile #navBreadcrumbs.fixed-position { position: fixed; left: 0; z-index: 99; top: 100px; animation: moveFromTop 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); } } @media screen and (min-width: 768px) { #wrapperHeader { padding-top: 165px; } } @media screen and (min-width: 1080px) { #wrapperHeader { padding-top: 190px; } } #wrapperHeader.mini.scrolled #navBreadcrumbs { top: 0; } #wrapperHeader.mini.scrolled #topsticky { display: none; } #wrapperHeader.mini.scrolled #navBreadcrumbs { position: fixed; z-index: 90; } #wrapperHeader.mini.scrolled #navBreadcrumbs * { font-size: 1.5rem; } #wrapperHeader.mini.scrolled #navBreadcrumbs > ol { padding-left: 8.5em; } @media screen and (min-width: 768px) { #wrapperHeader.mini.scrolled #navBreadcrumbs > ol { padding-left: 10em; } } #wrapperHeader.mini.scrolled #navBreadcrumbs > ol:before { content: ""; width: 60px; height: 40px; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/logo_mini_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100%; position: absolute; left: 1em; top: -5px; display: inline-block; } @media screen and (max-width: 785px) { #wrapperHeader.mini.scrolled #navBreadcrumbs > ol:before { top: 0; } } #wrapperHeader.mini.scrolled #navBreadcrumbs > ol .first { left: 5.5em; } @media screen and (min-width: 768px) { #wrapperHeader.mini.scrolled #navBreadcrumbs > ol .first { left: 7em; } } #wrapperHeader #navBreadcrumbs { box-shadow: 0 3px 2px 0px rgba(216, 216, 216, 0.7); width: 100%; width: 100vw; padding-top: 0.6rem; padding-bottom: 1.4rem; background-color: #ffffff; z-index:10; position:relative; } @media screen and (min-width: 768px) { #wrapperHeader #navBreadcrumbs { padding-top: 1.2rem; } } #wrapperHeader #navBreadcrumbs * { font-size: 1.4rem; } @media screen and (min-width: 768px) { #wrapperHeader #navBreadcrumbs * { font-size: 1.8rem; } } #wrapperHeader #navBreadcrumbs ol { padding-left: 3em; padding-top: 6px; min-height: 32px; display: block; font-size: 1.8rem; vertical-align: middle; } @media screen and (min-width: 768px) { #wrapperHeader #navBreadcrumbs ol { padding-left: 5em; padding-top: 0; } } @media screen and (min-width: 1080px) { #wrapperHeader #navBreadcrumbs ol { padding-left: 7em; } } #wrapperHeader #navBreadcrumbs ol li { display: inline-block; line-height: 1.4; } @media screen and (min-width: 768px) { #wrapperHeader #navBreadcrumbs ol li { line-height: 1.8; } } #wrapperHeader #navBreadcrumbs ol li * { line-height: 1.8; } #wrapperHeader #navBreadcrumbs ol li.first { border-right: 0; padding: 0; margin-right: 5px; top: 7px; left: 1em; } @media screen and (min-width: 768px) { #wrapperHeader #navBreadcrumbs ol li.first { top: 0; left: 2em; } } @media screen and (min-width: 1080px) { #wrapperHeader #navBreadcrumbs ol li.first { left: 4em; } } #wrapperHeader #navBreadcrumbs ol li.first:after { content: ""; position: absolute; right: 0; top: 50%; height: 20px; width: 1px; background-color: #57676F; margin-top: -8px; } #wrapperHeader #navBreadcrumbs ol li.first a { padding-right: 15px; } #wrapperHeader #navBreadcrumbs ol li.first a .homeicon { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-home_svg.svg?__blob=normal&v=1); top: auto; width: 1.2em; height: 1.2em; background-repeat: no-repeat; top: 2px; left: 2px; } @media screen and (min-width: 768px) { #wrapperHeader #navBreadcrumbs ol li.first a .homeicon { width: 1.1em; height: 1.1em; } } #wrapperHeader #navBreadcrumbs ol li.first a .homeicon:hover, #wrapperHeader #navBreadcrumbs ol li.first a .homeicon:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-home-hover_svg.svg?__blob=normal&v=1); } #wrapperHeader #navBreadcrumbs ol li.bclink { padding: 0; } #wrapperHeader #navBreadcrumbs ol li.bclink a { padding: 0 5px 0 0; } #wrapperHeader #navBreadcrumbs ol li.bclink a:hover, #wrapperHeader #navBreadcrumbs ol li.bclink a:focus { color: #3B78A4; text-decoration: underline; } #wrapperHeader #navBreadcrumbs ol li.bclink:last-child > span { padding: 0 5px 0 0; } #wrapperHeader #navBreadcrumbs ol li.bclink strong { display: inherit; padding-right: 5px; } #wrapperHeader #navBreadcrumbs ol li.bctoggle { padding: 0; padding-right: 10px; } #wrapperHeader #navBreadcrumbs ol li.bctoggle .arrowDown { background-position: center bottom -1px; margin-left: -5px; } @media screen and (min-width: 768px) { #wrapperHeader #navBreadcrumbs ol li.bctoggle .arrowDown { background-position: center bottom 2px; } } #wrapperHeader #navBreadcrumbs ol li.bctoggle .arrowDown:hover, #wrapperHeader #navBreadcrumbs ol li.bctoggle .arrowDown:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right-hover_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-size: 10px 17px; background-position: center center; background-position: center bottom -1px; } @media screen and (min-width: 768px) { #wrapperHeader #navBreadcrumbs ol li.bctoggle .arrowDown:hover, #wrapperHeader #navBreadcrumbs ol li.bctoggle .arrowDown:focus { background-position: center bottom 2px; } } #wrapperHeader #navBreadcrumbs ol li.bctoggle.open .arrowDown { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-down_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center bottom 5px; background-size: 17px 10px; } #wrapperHeader #navBreadcrumbs ol li.bctoggle.open .arrowDown:hover, #wrapperHeader #navBreadcrumbs ol li.bctoggle.open .arrowDown:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-down-hover_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-size: 17px 10px; background-position: center bottom 5px; } #wrapperHeader.scrolled #navBreadcrumbs ol li.bctoggle .arrowDown { background-position: center bottom 0px; } @media screen and (min-width: 768px) { #wrapperHeader.scrolled #navBreadcrumbs ol li.bctoggle .arrowDown { background-position: center bottom 0px; } } @media screen and (min-width: 768px) { #wrapperHeader.scrolled #navBreadcrumbs { position: fixed; z-index: 99; top: 134px; } } @media screen and (min-width: 768px) { #wrapperHeader.has-logo--satellit #navBreadcrumbs { top: 134px; } } #wrapperHeader #navBreadcrumbs li .bcSub { line-height: 1.2; box-shadow: 0 4px 4px 2px rgba(216, 216, 216, 0.7); } #wrapperHeader #navBreadcrumbs li .bcSub strong, #wrapperHeader #navBreadcrumbs li .bcSub a { line-height: 1.2; } #wrapperHeader #topsticky { box-shadow: 0 3px 2px 0px rgba(216, 216, 216, 0.7); border-top: 10px solid #3B78A4; } @media screen and (max-width: 767px) { #wrapperHeader #topsticky { min-height: 100px; height: 100px; } } #wrapperHeader #topsticky.mini #branding { border: 0; } #wrapperHeader #topsticky.mini #branding .logo img { width: 13rem; } #wrapperHeader #topsticky #navServiceMeta ul li { margin-top: 1.25em; } @media screen and (max-width: 767px) { #wrapperHeader #topsticky #navServiceMeta { display: none; } } #wrapperHeader #topsticky #navServiceMeta ul li, #wrapperHeader #topsticky #navServiceMeta-mobile ul li { color: #8a959a; font-size: 1.4rem; line-height: 1.15; } #wrapperHeader #topsticky #navServiceMeta ul li a, #wrapperHeader #topsticky #navServiceMeta-mobile ul li a { color: #8a959a; transition: all 0.25s ease-in-out; font-size: 1.2rem; line-height: 1.15; } @media screen and (min-width: 768px) { #wrapperHeader #topsticky #navServiceMeta ul li a, #wrapperHeader #topsticky #navServiceMeta-mobile ul li a { font-size: 1.2rem; } } @media screen and (min-width: 1080px) { #wrapperHeader #topsticky #navServiceMeta ul li a, #wrapperHeader #topsticky #navServiceMeta-mobile ul li a { font-size: 1.4rem; } } #wrapperHeader #topsticky #navServiceMeta ul li a:hover, #wrapperHeader #topsticky #navServiceMeta ul li a:focus, #wrapperHeader #topsticky #navServiceMeta-mobile ul li a:hover, #wrapperHeader #topsticky #navServiceMeta-mobile ul li a:focus { color: #57676F; text-decoration: underline; transition: all 0.25s ease-in-out; } #wrapperHeader #topsticky #navServiceMeta ul li#navServiceLeichteSprache a, #wrapperHeader #topsticky #navServiceMeta ul li.navServiceLeichteSprache a, #wrapperHeader #topsticky #navServiceMeta-mobile ul li#navServiceLeichteSprache a, #wrapperHeader #topsticky #navServiceMeta-mobile ul li.navServiceLeichteSprache a { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-LeichteSprache_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; white-space: nowrap; } #wrapperHeader #topsticky #navServiceMeta ul li#navServiceLeichteSprache a:hover, #wrapperHeader #topsticky #navServiceMeta ul li#navServiceLeichteSprache a:focus, #wrapperHeader #topsticky #navServiceMeta ul li.navServiceLeichteSprache a:hover, #wrapperHeader #topsticky #navServiceMeta ul li.navServiceLeichteSprache a:focus, #wrapperHeader #topsticky #navServiceMeta-mobile ul li#navServiceLeichteSprache a:hover, #wrapperHeader #topsticky #navServiceMeta-mobile ul li#navServiceLeichteSprache a:focus, #wrapperHeader #topsticky #navServiceMeta-mobile ul li.navServiceLeichteSprache a:hover, #wrapperHeader #topsticky #navServiceMeta-mobile ul li.navServiceLeichteSprache a:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-LeichteSprache-hover_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; } #wrapperHeader #topsticky #navServiceMeta ul li#navServiceGebaerdensprache a, #wrapperHeader #topsticky #navServiceMeta ul li.navServiceGebaerdensprache a, #wrapperHeader #topsticky #navServiceMeta-mobile ul li#navServiceGebaerdensprache a, #wrapperHeader #topsticky #navServiceMeta-mobile ul li.navServiceGebaerdensprache a { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-Gebaerdensprache_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; white-space: nowrap; margin-left: 0; } #wrapperHeader #topsticky #navServiceMeta ul li#navServiceGebaerdensprache a:hover, #wrapperHeader #topsticky #navServiceMeta ul li#navServiceGebaerdensprache a:focus, #wrapperHeader #topsticky #navServiceMeta ul li.navServiceGebaerdensprache a:hover, #wrapperHeader #topsticky #navServiceMeta ul li.navServiceGebaerdensprache a:focus, #wrapperHeader #topsticky #navServiceMeta-mobile ul li#navServiceGebaerdensprache a:hover, #wrapperHeader #topsticky #navServiceMeta-mobile ul li#navServiceGebaerdensprache a:focus, #wrapperHeader #topsticky #navServiceMeta-mobile ul li.navServiceGebaerdensprache a:hover, #wrapperHeader #topsticky #navServiceMeta-mobile ul li.navServiceGebaerdensprache a:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-Gebaerdensprache-hover_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; } #wrapperHeader #topsticky #navServiceMeta ul li#navServiceRSS a, #wrapperHeader #topsticky #navServiceMeta ul li.navServiceRSS a, #wrapperHeader #topsticky #navServiceMeta-mobile ul li#navServiceRSS a, #wrapperHeader #topsticky #navServiceMeta-mobile ul li.navServiceRSS a { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-ServiceRSS_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; white-space: nowrap; } #wrapperHeader #topsticky #navServiceMeta ul li#navServiceRSS a:hover, #wrapperHeader #topsticky #navServiceMeta ul li#navServiceRSS a:focus, #wrapperHeader #topsticky #navServiceMeta ul li.navServiceRSS a:hover, #wrapperHeader #topsticky #navServiceMeta ul li.navServiceRSS a:focus, #wrapperHeader #topsticky #navServiceMeta-mobile ul li#navServiceRSS a:hover, #wrapperHeader #topsticky #navServiceMeta-mobile ul li#navServiceRSS a:focus, #wrapperHeader #topsticky #navServiceMeta-mobile ul li.navServiceRSS a:hover, #wrapperHeader #topsticky #navServiceMeta-mobile ul li.navServiceRSS a:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-ServiceRSS-hover_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; } #wrapperHeader #topsticky #navServiceMeta ul li#navServiceTwitter a, #wrapperHeader #topsticky #navServiceMeta ul li.navServiceTwitter a, #wrapperHeader #topsticky #navServiceMeta-mobile ul li#navServiceTwitter a, #wrapperHeader #topsticky #navServiceMeta-mobile ul li.navServiceTwitter a { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-ServiceTwitter_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; white-space: nowrap; background-size: 130%; background-position: -4px -2px; } #wrapperHeader #topsticky #navServiceMeta ul li#navServiceTwitter a:hover, #wrapperHeader #topsticky #navServiceMeta ul li#navServiceTwitter a:focus, #wrapperHeader #topsticky #navServiceMeta ul li.navServiceTwitter a:hover, #wrapperHeader #topsticky #navServiceMeta ul li.navServiceTwitter a:focus, #wrapperHeader #topsticky #navServiceMeta-mobile ul li#navServiceTwitter a:hover, #wrapperHeader #topsticky #navServiceMeta-mobile ul li#navServiceTwitter a:focus, #wrapperHeader #topsticky #navServiceMeta-mobile ul li.navServiceTwitter a:hover, #wrapperHeader #topsticky #navServiceMeta-mobile ul li.navServiceTwitter a:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-ServiceTwitter-hover_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-size: 130%; background-position: -4px -2px; } #wrapperHeader #topsticky #branding { border: 0; position: relative; } #wrapperHeader #topsticky #branding .logo img { width: 110px; height: 80px; display: block; margin-left: 0; margin-top: 7px; } @media screen and (min-width: 768px) { #wrapperHeader #topsticky #branding .logo img { width: 140px; height: 110px; margin: 0; } } @media screen and (min-width: 1080px) { #wrapperHeader #topsticky #branding .logo img { width: 185px; height: 135px; margin: 0; } } #wrapperHeader #topsticky #branding .logo img.visible-xs { width: 140px; height: 83px; margin: 2px 0 0 -7px;} #wrapperHeader #topsticky #branding .logo--satellit { margin: 0; height: 50px; width: auto; } @media screen and (max-width: 767px) { #wrapperHeader #topsticky #branding .logo--satellit { display: block; position: absolute; top: 18px; right: 110px; } } @media screen and (min-width: 768px) { #wrapperHeader #topsticky #branding .logo--satellit { margin-left: 1rem; } } #wrapperHeader #topsticky #branding .logo--satellit .logo__text { margin-top: 1rem; } @media screen and (max-width: 767px) { #wrapperHeader #topsticky #branding .logo--satellit .logo__text { font-size: 1.6rem; line-height: 2; } } #wrapperHeader #topsticky #branding .logo--satellit img { height: 50px; max-height: 50px; max-width: 100%; min-width: 100px; } #wrapperHeader #topsticky #navPrimary { box-shadow: none; margin-bottom: 15px; margin-top: -1rem; position: relative; } @media screen and (max-width: 767px) { #wrapperHeader #topsticky #navPrimary { position: absolute; right: 0; top: 4rem; } } @media screen and (max-width: 767px) { #wrapperHeader #topsticky #navPrimary ul { display: none; } } #wrapperHeader #topsticky #navPrimary ul li { font-size: 1.4rem; line-height: 1.2; } @media screen and (min-width: 768px) { #wrapperHeader #topsticky #navPrimary ul li { font-size: 1.8rem; } } @media screen and (min-width: 1080px) { #wrapperHeader #topsticky #navPrimary ul li { font-size: 2rem; } } #wrapperHeader #topsticky #navPrimary ul li a { background: none; font-size: 1.4rem; line-height: 1.2; } @media screen and (min-width: 768px) { #wrapperHeader #topsticky #navPrimary ul li a { font-size: 1.8rem; } } @media screen and (min-width: 1080px) { #wrapperHeader #topsticky #navPrimary ul li a { font-size: 2rem; } } #wrapperHeader #topsticky #navPrimary ul li a:hover, #wrapperHeader #topsticky #navPrimary ul li a:focus { color: #3B78A4; transition: all 0.25s ease-in-out; text-decoration:underline; } #wrapperHeader #topsticky #navPrimary #topnavilayer { margin-top: 0; } @media screen and (min-width: 768px) { #wrapperHeader #topsticky #navPrimary #topnavilayer { margin-top: 15px; } } #wrapperHeader #topsticky #navPrimary #topnavilayer .colHead { padding-left: 0; padding-right: 0; padding-bottom: 6em; } @media screen and (min-width: 768px) { #wrapperHeader #topsticky #navPrimary #topnavilayer .closebutton { right: 4.5em; } } @media screen and (min-width: 1080px) { #wrapperHeader #topsticky #navPrimary #topnavilayer .closebutton { right: 5em; } } @media screen and (min-width: 768px) { #wrapperHeader.scrolled { padding-top: 223px; } } @media screen and (min-width: 1080px) { #wrapperHeader.scrolled { padding-top: 248px; } } #wrapperHeader.scrolled #topsticky #branding { padding-bottom: 0rem; overflow: visible; } @media screen and (min-width: 768px) { #wrapperHeader.scrolled #topsticky #branding { padding-bottom: 8rem; } } #wrapperHeader.scrolled #topsticky #branding .logo img { width: 110px; height: 80px; } @media screen and (min-width: 768px) { #wrapperHeader.scrolled #topsticky #branding .logo img { width: 140px; height: 110px; } } #wrapperHeader.scrolled #topsticky #branding .logo img.visible-xs { width: 140px; height: 83px; margin: 2px 0 0 -7px; } #wrapperHeader.scrolled #topsticky #branding .logo--satellit { margin-left: auto; display: block; margin-bottom: -50px; } #wrapperHeader.scrolled #topsticky #navPrimary { margin-top: -1rem; } #wrapperHeader.scrolled.searchbar-active #topsticky #navPrimary { padding-bottom: 75px; } #wrapperHeader.scrolled.searchbar-active #topsticky #navPrimary #serviceInputField { top: 4.7em; } #wrapperHeader.searchbar-active #topsticky #navPrimary { padding-bottom: 75px; } #wrapperHeader.searchbar-active #topsticky #navPrimary #serviceInputField { top: 4.7em; } #wrapperHeader #serviceSearch { outline: none; } @media screen and (min-width: 768px) { #wrapperHeader #serviceSearch { vertical-align: sub; } } #wrapperHeader #serviceSearch #serviceInputField input { color: #57676F; outline: none; padding: 0.75rem 1rem; border-bottom: 1px solid #57676F; } #wrapperHeader #serviceSearch #serviceInputField input::placeholder { color: #8a959a; } #wrapperHeader #serviceSearch #serviceSearchButton { margin-right: 4px; } #wrapperHeader #serviceSearch #serviceSearchButton input { width: 2rem; height: 2rem; margin-top: 3px; outline: none; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-search_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; cursor: pointer; } #wrapperHeader #serviceSearch #serviceSearchButton input:hover, #wrapperHeader #serviceSearch #serviceSearchButton input:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-search-hover_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; cursor: pointer; } @media screen and (min-width: 768px) { #wrapperHeader #serviceSearch #serviceSearchButton input { height: 1.8rem; margin-top: 0; } } #wrapperHeader #serviceSearch .search__close { margin-right: 4px; padding: 3px; height: 23px; width: 23px; z-index: 999; } @media screen and (max-width: 767px) { #wrapperHeader #serviceSearch .search__close { top: -5px; } } @media screen and (min-width: 768px) { #wrapperHeader #serviceSearch .search__close { margin-top: -3px; } } #wrapperHeader.searchbar-active #topsticky #navPrimary #topnavilayer { margin-top: 118px; } @media screen and (min-width: 768px) { #wrapperHeader.searchbar-active #topsticky #navPrimary #topnavilayer { margin-top: 85px; } } #wrapperHeader.searchbar-active #serviceSearch #serviceSearchButton { right: 8px; } .gsb input, .gsb textarea { outline: none; } input.submit:focus, input.submit:hover, input.submit:active { background-color: #ef7e04; text-decoration: underline !important; color: #fff; } button { outline: none; } button:hover, button:focus { outline: none; } button.btn-fire { padding: .2em 1.25em .4em; margin-right: .6125em; display: inline-block; } button.btn-fire:hover, button.btn-fire:focus { text-decoration: underline; } #wrapperFooter { width: 100% !important; max-width: 999999px !important; } #wrapperFooter:before { display: block; content: ""; width: 0; height: 0; border-bottom: 400px solid #f3f4f5; border-right: 4000px solid transparent; position: absolute; left: 0; bottom: 0; z-index: -1; } #wrapperFooter .footer__top { position: relative; } @media screen and (min-width: 786px) { #wrapperFooter .footer__top:before { display: block; content: ""; width: 0; height: 0; border-bottom: 150px solid #BED1DE; border-right: 250px solid transparent; position: absolute; left: 0; bottom: 0; z-index: -1; } #wrapperFooter .footer__top:after { display: block; content: ""; width: 0; height: 0; border-bottom: 90px solid rgba(85, 139, 176, 0.6); border-right: 420px solid transparent; position: absolute; left: 0; bottom: 0; z-index: -1; } } @media screen and (min-width: 786px) { #wrapperFooter .footer__top .footer__top-wrapper:before { display: block; content: ""; width: 0; height: 0; border-bottom: 190px solid #BED1DE; border-left: 1090px solid transparent; position: absolute; right: 0; bottom: 0; z-index: -1; } #wrapperFooter .footer__top .footer__top-wrapper:after { display: block; content: ""; width: 0; height: 0; border-bottom: 230px solid rgba(85, 139, 176, 0.95); border-left: 750px solid transparent; position: absolute; right: 0; bottom: 0; z-index: -1; } } #wrapperFooter .footer__top .inner { background: none; } #wrapperFooter .footer__top .newsletter-block form { margin-top: 2rem; } #wrapperFooter .footer__top .social { right: auto; left: auto; min-width: 210px; } @media screen and (max-width: 785px) { #wrapperFooter .footer__top .social { padding-top: 4rem; padding-bottom: 4rem; margin-top: 0; bottom: 1rem; position: absolute; left: 50%; margin-left: -105px; } } @media screen and (min-width: 786px) { #wrapperFooter .footer__top .social { left: 70vw; } } @media screen and (min-width: 2250px) { #wrapperFooter .footer__top .social { left: 65vw; } } @media screen and (min-width: 3050px) { #wrapperFooter .footer__top .social { left: 60vw; } } @media screen and (min-width: 4060px) { #wrapperFooter .footer__top .social { left: 58vw; } } @media screen and (max-width: 785px) { #wrapperFooter .footer__top .social a svg { width: 40px; height: 20px; } } @media screen and (max-width: 1200px) { #wrapperFooter .footer__top .social a svg { height: 25px; width: 30px; } } @media screen and (max-width: 1200px) { #wrapperFooter .footer__top .social a { display: inline-block; } } @media screen and (max-width: 785px) { #wrapperFooter .footer__top .social a[title="YouTube"] svg { width: 50px; } } @media screen and (max-width: 1200px) { #wrapperFooter .footer__top .social a[title="YouTube"] svg { width: 50px; } } #wrapperFooter .footer__bottom .inner { display: flex; margin: auto; } #wrapperFooter .footer__bottom .inner #footer { width: 100%; } #wrapperFooter .footer__bottom .inner #copyright p { font-size: 1.6rem; line-height: 1.25; } @media screen and (max-width: 767px) { #wrapperFooter .footer__bottom .inner .service-nav { margin-top: 1rem; } } #wrapperFooter .footer__bottom .inner .service-nav a { font-size: 1.6rem; line-height: 1.25; padding-top: 2px; padding-bottom: 2px; display: block; } .front #wrapperContentDivision { overflow: visible; } .front #wrapperContentDivision:before { display: block; content: ""; position: absolute; background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/mainTeaserBg_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; height: 22.5em; top: 23%; width: 100vw; left: 50%; margin-left: -50vw; background-size: cover; } @media screen and (min-width: 786px) { .front #wrapperContentDivision:before { display: none; background-size: 100%; } } @media screen and (min-width: 1080px) { .front #wrapperContentDivision:before { display: block; top: 23%; } } @media screen and (min-width: 1500px) { .front #wrapperContentDivision:before { top: 19%; } } .front #wrapperContentDivision .kachel1 { padding-top: 0; border-top: none; margin-bottom: 2rem; } @media screen and (min-width: 1080px) { .front #wrapperContentDivision .kachel1 { margin-bottom: 4rem; } } .front #wrapperContentDivision .kachel1.h2x .text { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; max-height: 71rem; min-height: 71rem; } @media screen and (min-width: 1080px) { .front #wrapperContentDivision .kachel1.h2x .text { max-height: 29rem; min-height: 29rem; } } .front #wrapperContentDivision .kachel1 .text { background-color: #ffffff; padding-bottom: 4rem; } @media screen and (max-width: 767px) { .front #wrapperContentDivision .kachel1 .text::not(.col-sm-6) { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 767px) { .front #wrapperContentDivision .kachel1 .text p:last-child { margin-bottom: 0; } } @media screen and (min-width: 768px) { .front #wrapperContentDivision .kachel1 .text { padding-bottom: 6rem; } } .front #wrapperContentDivision .kachel1 .navIndexMedia { font-size: 1.8rem !important; line-height: 1.45 !important; bottom: auto; position: relative; top: auto; text-align: left; } @media screen and (min-width: 768px) { .front #wrapperContentDivision .kachel1 .navIndexMedia { position: absolute; bottom: 2.5rem; top: auto; } } @media (max-width: 479px) { .kachel1 .text { padding: 0; } } @media screen and (min-width: 768px) { .startuebersicht .kachel1 .dropdown.autolink, .startuebersicht .kachel1 .NavNode { position: absolute; bottom: 2.5rem; } } @media screen and (min-width: 1080px) { .slot1:after { display: block; content: ""; position: absolute; background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/mainTeaserBg_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; height: 200px; bottom: 1rem; width: 100vw; left: 50%; margin-left: -50vw; background-size: cover; z-index: -1; } } /* * .twitterIcon */ .twitterIcon { background: transparent url(/SiteGlobals/StyleBundles2/Bilder/auto/twitter.svg?__blob=normal&v=1) no-repeat 0 0; } /* * Media Navigation */ .navIndexMedia .back { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-left_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .navIndexMedia .back:hover, .navIndexMedia .back:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-left-hover2_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .navIndexMedia .forward { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .navIndexMedia .forward:hover, .navIndexMedia .forward:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right-hover2_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } /* * Media Slider Navigation */ .navIndex li { font-size: 0.85em; } .navIndex li a { padding: 0.1em 0.5em; } .navIndex li.back a, .navIndex li.forward a { padding: 0.1em 0.5em; } .navIndex li.info span { font-size: 2rem; } .navIndex .back a .imgleft { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-left_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .navIndex .back a:hover .imgleft, .navIndex .back a:focus .imgleft { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-left-hover2_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .navIndex .forward a .imgright { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .navIndex .forward a:hover .imgright, .navIndex .forward a:focus .imgright { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right-hover2_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .navIndex .pause { margin-left: 0.8em; } .navIndex .pause .imgpause { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-pause_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; top: 3px; } .navIndex .pause .imgpause:hover, .navIndex .pause .imgpause:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-pause-hover2_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .navIndex .pause.paused .imgpause { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-play_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .navIndex .pause.paused .imgpause:hover, .navIndex .pause.paused .imgpause:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-play-hover2_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .scrolltext .text { padding-bottom: 1.5rem; } .k1 .loc { font-style: inherit; font-family: 'BundesSansWeb',Calibri,helvetica,sans-serif; } /* * Mediascroller */ .kachel1 #mediascroller { padding-bottom: 2.5rem; } .kachel1 #mediascroller .text { padding-top: 0.275em; padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 786px) { .kachel1 #mediascroller .text { padding-left: 1em; padding-right: 1em; } } #mediascroller .mediascroller .mediapub .text a .loc { font-style: inherit; font-family: 'BundesSansWeb',Calibri,helvetica,sans-serif; } #mediascroller .mediascroller .mediapub .text a:hover, #mediascroller .mediascroller .mediapub .text a:focus { text-decoration: none; } #mediascroller .mediascroller .mediapub .text a:hover .loc, #mediascroller .mediascroller .mediapub .text a:focus .loc { text-decoration: none; } #mediascroller .mediascroller .mediapub .text a:hover .title, #mediascroller .mediascroller .mediapub .text a:focus .title { text-decoration: underline; } #mediascroller .mediascroller .mediapub .navIndexMedia { text-align: left; width: 100%; bottom: 0; } @media screen and (max-width: 767px) { #mediascroller .mediascroller .mediapub .navIndexMedia { text-align: left; } } @media screen and (max-width: 767px) { .kachel1 .mediapub .img img { max-width: 100%; } } /* * Startuebersicht Kacheln */ .startuebersicht .kachel1 .text { padding-top: 1em; padding-left: 0; padding-bottom: 2rem; } .startuebersicht .kachel1 .text * { font-size: 1.8rem !important; line-height: 1.45 !important; } @media screen and (min-width: 786px) { .startuebersicht .kachel1 .text { padding-top: 7.5em; padding-left: 1.25em; padding-right: 1.25em; } } @media screen and (min-width: 1080px) and (max-width: 1299px) { .startuebersicht .kachel1 .text { padding-top: 7em; } } @media screen and (min-width: 1300px) { .startuebersicht .kachel1 .text { padding-top: 7em; } } .startuebersicht a { text-decoration: none; } .startuebersicht a:hover .title, .startuebersicht a:focus .title { text-decoration: underline; } .dropdown.autolink select.navidd { width: 80%; } @media screen and (max-width: 479px) { .dropdown.autolink select.navidd { width: 73%; } } @media screen and (min-width: 786px) { .dropdown.autolink select.navidd { width: 66%; } } /* * TWITTER */ .twitter-item { margin-bottom: 0.5rem; } .twitter-item .twName, .twitter-item .twtext { font-size: 1.8rem !important; line-height: 1.334 !important; font-weight: 400 !important; font-style: normal !important; } .twitter-item .twName a:hover, .twitter-item .twName a:focus, .twitter-item .twtext a:hover, .twitter-item .twtext a:focus { text-decoration: underline !important; } .kelement { margin-bottom: 0.8em; } .kelement .k1 .date { font-size: 1.8rem !important; line-height: 1.334 !important; font-weight: 400 !important; font-style: normal !important; } .kelement .k1 .loc { font-size: 1.8rem !important; line-height: 1.334 !important; font-weight: 400 !important; font-style: normal !important; } .kelement .k1 .title { font-size: 1.8rem !important; line-height: 1.334 !important; font-weight: 400 !important; font-style: normal !important; } .kelement .k1 .title abbr {font-weight:400!important;} .kelement .k1 abbr {font-weight:400!important;} .kelement .k1 a:hover, .kelement .k1 a:focus { text-decoration: none; } .kelement .k1 a:hover .title, .kelement .k1 a:focus .title { text-decoration: underline; } /* LAYOUT-Primary H1 Background */ #content .singleview, #content .wrapperText { overflow: visible; } #content .singleview h1, #content .wrapperText h1, #content .singleview h1.layout-primary, #content .wrapperText h1.layout-primary { position: relative; margin-bottom: 4rem; padding-bottom: 7rem; padding-top: 4rem; color: #fff; margin-top: 0; min-height: 4.8em; z-index:0;} #content .singleview h1:before, #content .wrapperText h1:before, #content .singleview h1.layout-primary:before, #content .wrapperText h1.layout-primary:before { content: ""; background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/coverhead_bg-xlg_svg.svg?__blob=normal&v=1); position: absolute; top: -26%; left: 0; width: 400vw; height: 141%; background-repeat: no-repeat; background-size: 100%; margin-left: -50vw; margin-right: 0; z-index: -1; margin-top: 0px; background-position: center bottom; background-size: 100% auto; height: 125%; } @media screen and (min-width: 786px) { #content .singleview h1:before, #content .wrapperText h1:before, #content .singleview h1.layout-primary:before, #content .wrapperText h1.layout-primary:before { height: 130%; } } @media screen and (min-width: 1080px) { #content .singleview h1:before, #content .wrapperText h1:before, #content .singleview h1.layout-primary:before, #content .wrapperText h1.layout-primary:before { height: 140%; } } @media screen and (min-width: 1250px) { #content .singleview h1:before, #content .wrapperText h1:before, #content .singleview h1.layout-primary:before, #content .wrapperText h1.layout-primary:before { height: 145%; } } @media screen and (max-width: 450px) { #content .singleview h1:before, #content .wrapperText h1:before, #content .singleview h1.layout-primary:before, #content .wrapperText h1.layout-primary:before { background-color: #3B78A4; } } #content .singleview h1.layout-secondary, #content .wrapperText h1.layout-secondary { position: relative; margin-bottom: 4rem; padding-bottom: 25rem; padding-top: 4rem; color: #3B78A4; margin-top: 0; min-height: 4.8em; } @media screen and (min-width: 1080px) { #content .singleview h1.layout-secondary, #content .wrapperText h1.layout-secondary { padding-bottom: 20rem; } } #content .singleview h1.layout-secondary:before, #content .wrapperText h1.layout-secondary:before { content: ""; background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/coverhead_bg-light-xlg_svg.svg?__blob=normal&v=1); position: absolute; top: -26%; left: 0; width: 400vw; height: 141%; background-repeat: no-repeat; background-size: 100%; margin-left: -50vw; margin-right: 0; z-index: -1; margin-top: 0px; background-position: center bottom; background-size: 100% auto; height: 125%; } @media screen and (min-width: 786px) { #content .singleview h1.layout-secondary:before, #content .wrapperText h1.layout-secondary:before { height: 130%; } } @media screen and (min-width: 1080px) { #content .singleview h1.layout-secondary:before, #content .wrapperText h1.layout-secondary:before { height: 140%; } } @media screen and (min-width: 1250px) { #content .singleview h1.layout-secondary:before, #content .wrapperText h1.layout-secondary:before { height: 145%; } } /* * Entrycard */ .gsb .entrycard, .entrycard { background-color: #ffffff; } .gsb .entrycard .entrycard__more span, .entrycard .entrycard__more span { background-size: 30px 30px; width: 30px; height: 30px; display: inline-block; background-position: center; } @media screen and (max-width: 785px) { .gsb .entrycard .entrycard__img img, .entrycard .entrycard__img img { width: 100%; height: auto; } } .gsb .entrycard .entrycard__cat .entrycard__inner, .entrycard .entrycard__cat .entrycard__inner { bottom: 2em; } @media screen and (max-width: 785px) { .gsb .entrycard .entrycard__cat, .entrycard .entrycard__cat { bottom: 18px; } } .gsb .entrycard .entrycard__body, .entrycard .entrycard__body { padding-bottom: 2rem; } .gsb .entrycard a .entrycard__text, .gsb .entrycard a .entrycard__text p, .entrycard a .entrycard__text, .entrycard a .entrycard__text p { text-decoration: none; color: #57676F !important; } .gsb .entrycard a:hover, .gsb .entrycard a:focus, .entrycard a:hover, .entrycard a:focus { text-decoration: none; } .gsb .entrycard a:hover *, .gsb .entrycard a:focus *, .entrycard a:hover *, .entrycard a:focus * { text-decoration: none; } .gsb .entrycard a:hover .entrycard__title, .gsb .entrycard a:hover .entrycard__title *, .gsb .entrycard a:focus .entrycard__title, .gsb .entrycard a:focus .entrycard__title *, .entrycard a:hover .entrycard__title, .entrycard a:hover .entrycard__title *, .entrycard a:focus .entrycard__title, .entrycard a:focus .entrycard__title * { text-decoration: underline; } .gsb .entrycard a:hover .entrycard__text, .gsb .entrycard a:focus .entrycard__text, .entrycard a:hover .entrycard__text, .entrycard a:focus .entrycard__text { text-decoration: none; color: #57676F !important; } .gsb .entrycard a:hover .entrycard__more span, .gsb .entrycard a:focus .entrycard__more span, .entrycard a:hover .entrycard__more span, .entrycard a:focus .entrycard__more span { background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrowRight_svg.svg?__blob=normal&v=1); } .gsb .entrycard.theme-primary .entrycard__cat, .entrycard.theme-primary .entrycard__cat { padding: 1.5em 20px; } .gsb .entrycard.theme-primary a:hover .entrycard__cat, .gsb .entrycard.theme-primary a:focus .entrycard__cat, .entrycard.theme-primary a:hover .entrycard__cat, .entrycard.theme-primary a:focus .entrycard__cat { text-decoration: underline; color: #ffffff; } .gsb .entrycard.theme-primary .entrycard__title:before, .entrycard.theme-primary .entrycard__title:before { background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/entrycardBg_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-size: cover; position: relative; bottom: 13px; max-height: 90px; } /* * Scrollspy */ #scrollspy.mini { top: 240px; } /* * Responsive tables */ @media screen and (max-width: 767px) { table.publication { border: 0; } table.publication thead { display: none; } table.publication tr { width: 84vw; display: block; margin-bottom: 10px; } table.publication td { display: block; font-size: 13px; } table.publication td:last-child { border-bottom: 0; } table.publication td:before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } } table, #content table { border-collapse: separate; border-spacing: 5px; } @media screen and (max-width: 767px) { table, #content table { border-spacing: 0; } } #content #searchResult table.textualData th, #searchResult table.textualData th { display: table-cell; } @media screen and (max-width: 767px) { #content #searchResult table.textualData th, #searchResult table.textualData th { display: none; } } #content #searchResult table.textualData tbody td, #searchResult table.textualData tbody td { display: table-cell; } @media screen and (max-width: 767px) { #content #searchResult table.textualData tbody td, #searchResult table.textualData tbody td { display: block; } } @media screen and (max-width: 767px) { #content #searchResult table.textualData tbody tr:nth-child(n+1), #searchResult table.textualData tbody tr:nth-child(n+1) { background-color: #eef0f0; } } :focus { outline: none; } #content .accordion .element h2, #content .accordion .element h3, #content .accordion .element h4, #content .accordion .element h5, #content .bodyText .accordion .element h2, #content .bodyText .accordion .element h3, #content .bodyText .accordion .element h4, #content .bodyText .accordion .element h5, .accordion .element h2, .accordion .element h3, .accordion .element h4, .accordion .element h5 { position: relative; cursor: pointer; } #content .accordion .element h2:after, #content .accordion .element h3:after, #content .accordion .element h4:after, #content .accordion .element h5:after, #content .bodyText .accordion .element h2:after, #content .bodyText .accordion .element h3:after, #content .bodyText .accordion .element h4:after, #content .bodyText .accordion .element h5:after, .accordion .element h2:after, .accordion .element h3:after, .accordion .element h4:after, .accordion .element h5:after { content: ""; height: 10px; width: 17px; position: absolute; right: 1em; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-up_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-size: 100%; background-position: center; top: 1.1em; } #content .accordion .element h2:hover:after, #content .accordion .element h2:focus:after, #content .accordion .element h3:hover:after, #content .accordion .element h3:focus:after, #content .accordion .element h4:hover:after, #content .accordion .element h4:focus:after, #content .accordion .element h5:hover:after, #content .accordion .element h5:focus:after, #content .bodyText .accordion .element h2:hover:after, #content .bodyText .accordion .element h2:focus:after, #content .bodyText .accordion .element h3:hover:after, #content .bodyText .accordion .element h3:focus:after, #content .bodyText .accordion .element h4:hover:after, #content .bodyText .accordion .element h4:focus:after, #content .bodyText .accordion .element h5:hover:after, #content .bodyText .accordion .element h5:focus:after, .accordion .element h2:hover:after, .accordion .element h2:focus:after, .accordion .element h3:hover:after, .accordion .element h3:focus:after, .accordion .element h4:hover:after, .accordion .element h4:focus:after, .accordion .element h5:hover:after, .accordion .element h5:focus:after { content: ""; height: 10px; width: 17px; position: absolute; right: 1em; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-up-hover2_svg.svg?__blob=normal&v=1) !important; background-repeat: no-repeat; background-size: 100%; background-position: center; } #content .accordion .element h2, #content .bodyText .accordion .element h2, .accordion .element h2 { border-bottom: none !important; font-size: 2rem; line-height: 1.6; } @media screen and (max-width: 767px) { #content .accordion .element h2, #content .bodyText .accordion .element h2, .accordion .element h2 { font-size: 1.8rem; line-height: 1.6; } } #content .accordion .element h2:after, #content .bodyText .accordion .element h2:after, .accordion .element h2:after { top: 1.1em; } #content .accordion .element h4:after, #content .bodyText .accordion .element h4:after, .accordion .element h4:after { top: 0.5em; } #content .accordion .element.closed h2:after, #content .accordion .element.closed h3:after, #content .accordion .element.closed h4:after, #content .accordion .element.closed h5:after, #content .bodyText .accordion .element.closed h2:after, #content .bodyText .accordion .element.closed h3:after, #content .bodyText .accordion .element.closed h4:after, #content .bodyText .accordion .element.closed h5:after, .accordion .element.closed h2:after, .accordion .element.closed h3:after, .accordion .element.closed h4:after, .accordion .element.closed h5:after { content: ""; height: 10px; width: 17px; position: absolute; right: 1em; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-down-hover_svg.svg?__blob=normal&v=1) !important; background-repeat: no-repeat; background-size: 100%; background-position: center; } #content .accordion .element.closed h2:hover:after, #content .accordion .element.closed h2:focus:after, #content .accordion .element.closed h3:hover:after, #content .accordion .element.closed h3:focus:after, #content .accordion .element.closed h4:hover:after, #content .accordion .element.closed h4:focus:after, #content .accordion .element.closed h5:hover:after, #content .accordion .element.closed h5:focus:after, #content .bodyText .accordion .element.closed h2:hover:after, #content .bodyText .accordion .element.closed h2:focus:after, #content .bodyText .accordion .element.closed h3:hover:after, #content .bodyText .accordion .element.closed h3:focus:after, #content .bodyText .accordion .element.closed h4:hover:after, #content .bodyText .accordion .element.closed h4:focus:after, #content .bodyText .accordion .element.closed h5:hover:after, #content .bodyText .accordion .element.closed h5:focus:after, .accordion .element.closed h2:hover:after, .accordion .element.closed h2:focus:after, .accordion .element.closed h3:hover:after, .accordion .element.closed h3:focus:after, .accordion .element.closed h4:hover:after, .accordion .element.closed h4:focus:after, .accordion .element.closed h5:hover:after, .accordion .element.closed h5:focus:after { content: ""; height: 10px; width: 17px; position: absolute; right: 1em; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-down-hover2_svg.svg?__blob=normal&v=1) !important; background-repeat: no-repeat; background-size: 100%; background-position: center; } #content .accordion .teaserText, #content .bodyText .accordion .teaserText, .accordion .teaserText { padding: 0 4em 4rem 0.6em; } @media screen and (min-width: 1080px) { .hasSidebar .accordion { width: 135%; position: relative; z-index: 80; } } /* * whiteInfoBox2 */ .whiteInfoBox2 { margin-top: 4rem; } @media (max-width: 1079px) { .whiteInfoBox2 { padding: 0 1.5em 1.5em 1.5em; } } @media (max-width: 767px) { .whiteInfoBox2 { padding: 0 1em 1em 1em; padding: 0; margin-bottom: 6rem; } } div.box1 { margin: 1em 0; padding: 1em 2em; background-color: #eef0f0 !important; } div.box2 { margin: 1em 0; padding: 1em 2em; border-style: solid; border-width: 1px; border-color: #c1d0e5; } div.box3 { margin: 1em 0; padding: 1em 2em; border-style: solid; border-width: 2px; border-color: #c1d0e5; } /* * neue BOX redesign */ #content .box4, #content div.box4, div.box4, .box4 { font-size: 1.8rem; line-height: 1.445; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/em_blue_svg.svg?__blob=normal&v=5); background-repeat: no-repeat; background-position: top 10px left; background-color: transparent !important; padding: 1em 0 1em 3.5em; background-size: 60px 60px; min-height: 80px; margin-top: 1rem; margin-bottom: 2rem; } /* * neue BOX5 redesign */ #content div.box5, #content .box5, div.box5, .box5 { border: none; padding: 0; padding-top: 1rem; padding-bottom: 1rem; } #content div.box5 .picture, #content div.box5 .links, #content .box5 .picture, #content .box5 .links, div.box5 .picture, div.box5 .links, .box5 .picture, .box5 .links { margin-right: 2rem; } /* * image-container */ #content .image-container, .image-container { margin-top: 3rem; margin-bottom: 8rem; } #content .image-container p.picture.extended, #content .image-container .picture.extended, #content .image-container p.links.extended, #content .image-container .links.extended, .image-container p.picture.extended, .image-container .picture.extended, .image-container p.links.extended, .image-container .links.extended { margin-right: 2em; margin-left: 1em; margin-bottom: 0.5em; } @media screen and (min-width: 1080px) { #content .image-container p.picture.extended, #content .image-container .picture.extended, #content .image-container p.links.extended, #content .image-container .links.extended, .image-container p.picture.extended, .image-container .picture.extended, .image-container p.links.extended, .image-container .links.extended { margin-bottom: 4em; } } @media screen and (max-width: 767px) { #content .image-container p.picture.extended, #content .image-container .picture.extended, #content .image-container p.links.extended, #content .image-container .links.extended, .image-container p.picture.extended, .image-container .picture.extended, .image-container p.links.extended, .image-container .links.extended { margin-left: 0; float: none; } } @media screen and (min-width: 768px) { #content .image-container p.picture.extended:after, #content .image-container .picture.extended:after, #content .image-container p.links.extended:after, #content .image-container .links.extended:after, .image-container p.picture.extended:after, .image-container .picture.extended:after, .image-container p.links.extended:after, .image-container .links.extended:after { z-index:-1; content: ""; width: 100em; height: 7em; left: 0; margin-left: 0; position: absolute; background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/image-bg_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-size: 100% 100%; margin-top: -4em; margin-left: -4em; } } @media screen and (min-width: 1080px) { .hasSidebar #content .image-container .text-wrapper, .hasSidebar .image-container .text-wrapper { width: 135%; } } /* * Infobox NEW */ .infobox { margin-top: 4rem; } .infobox.infobox--small { padding: 6em 2em 1.5em 2em; min-height: 19em; max-width: 450px; } .infobox.infobox--small .infobox-icon { top: 2em; right: 3em; } @media screen and (min-width: 1080px) { .infobox.infobox--small { padding: 4em 2em 1.5em 2em; } .infobox.infobox--small .infobox-icon { top: -1em; } } .infobox.infobox--small .infobox-title { font-size: 2.8rem; line-height: 1.142; margin-bottom: 2rem; margin-top: 0; } .hasSidebar .infobox { padding: 60px 30px 60px 30px; } .hasSidebar .infobox.infobox--small { padding: 6em 2em 1.5em 2em; min-height: 21em; max-width: 450px; } .hasSidebar .infobox.infobox--small .infobox-icon { top: 2em; right: 3em; } @media screen and (min-width: 1080px) { .hasSidebar .infobox.infobox--small { min-height: 19em; max-width: 9999px; padding: 8rem 3rem 3.5rem 3rem; } .hasSidebar .infobox.infobox--small .infobox-icon { top: -1em; } } .hasSidebar .infobox.infobox--small .infobox-title { font-size: 2.8rem; line-height: 1.142; margin-bottom: 2rem; margin-top: 0; } @media screen and (min-width: 786px) { .hasSidebar .infobox { padding: 45px 30px 60px 100px; } } @media screen and (min-width: 1080px) { .hasSidebar .infobox { padding: 45px 30px 60px 100px; } } @media screen and (min-width: 1080px) { .hasSidebar .infobox.infobox--big { width: 135%; } .hasSidebar .infobox.infobox--big h2, .hasSidebar .infobox.infobox--big h3, .hasSidebar .infobox.infobox--big p { max-width: 67%; } } @media screen and (min-width: 1080px) { .hasSidebar #sidebar .infobox.infobox--small.is-top { margin-top: 9rem; } } @media screen and (min-width: 1080px) { .hasSidebar #sidebar .infobox.infobox--small.is-bottom { position: absolute; bottom: 0; margin-bottom: 2em; } } /* * whiteInfoBox Link */ @media (max-width: 479px) { #content .uebersicht .ublink { min-height: 9px; } } @media (max-width: 479px) { #content .uebersicht .ublink a { min-height: 9px; } } #content .ublink { cursor: pointer; padding: 0; padding: 23px 15px 27px 15px; } #content .ublink:hover a, #content .ublink:focus a { text-decoration: underline; } #content .ublink a { font-size: 1.6rem; line-height: 1.3; padding-right: 3em; padding-left: 0; display: block; height: auto; } @media screen and (min-width: 768px) { #content .ublink a { font-size: 2rem; } } #content .ublink span.icon { position: absolute; right: 20px; cursor: pointer; top: 50%; height: 36px; margin-top: -17px; padding: 4px; width: 36px; } /* * greyInfoBox2 greyInfoBox2-extended */ .greyInfoBox2-extended-link:hover, .greyInfoBox2-extended-link:focus {text-decoration:none!important;} #content .greyInfoBox2-extended, .greyInfoBox2-extended { margin-bottom: 4rem; } #content .greyInfoBox2-extended .greyInfoBox2, .greyInfoBox2-extended .greyInfoBox2 { margin-bottom: 0; position: relative; background-color: transparent; color:#373b40; text-decoration:none;} #content .greyInfoBox2-extended .greyInfoBox2:before, .greyInfoBox2-extended .greyInfoBox2:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-clip-path: polygon(0 0, 100% 7%, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 7%, 100% 100%, 0% 100%); background: #e2ebf1; z-index: -1; } #content .greyInfoBox2-extended .extended-infobox, .greyInfoBox2-extended .extended-infobox { padding: 1.6rem 15px 2.8rem 15px; position: relative; } #content .greyInfoBox2-extended .extended-infobox > *, #content .greyInfoBox2-extended .extended-infobox ul, #content .greyInfoBox2-extended .extended-infobox li, .greyInfoBox2-extended .extended-infobox > *, .greyInfoBox2-extended .extended-infobox ul, .greyInfoBox2-extended .extended-infobox li { font-size: 1.6rem; } #content .greyInfoBox2-extended .extended-infobox:before, .greyInfoBox2-extended .extended-infobox:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%); z-index: -2; background-color: #cfdce5; margin-top: -1px; } #content .greyInfoBox2-extended .extended-infobox:after, .greyInfoBox2-extended .extended-infobox:after { content: ""; width: 99%; height: 98%; position: absolute; left: 0.5%; top: 0; -webkit-clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%); z-index: -1; background-color: #fff; margin-top: -1px; } #content .greyInfoBox2-extended .extended-infobox p, .greyInfoBox2-extended .extended-infobox p { margin-bottom: 0; } #content .greyInfoBox2-extended .extended-infobox ul, .greyInfoBox2-extended .extended-infobox ul { padding-left: 0; margin-top: 0; margin-bottom: 0; } #content .greyInfoBox2-extended .extended-infobox ul li, .greyInfoBox2-extended .extended-infobox ul li { background: none; padding-left: 0; font-weight: 700; } #content .greyInfoBox2-extended .extended-infobox ul li:before, .greyInfoBox2-extended .extended-infobox ul li:before { content: "-"; text-indent: -5px; margin-right: 5px; } /* * addon_mediascroller-wrapper */ .mediascroller-wrapper { position: relative; margin-bottom: 8rem; } .mediascroller-wrapper:before { position: absolute; content: ""; height: 8em; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/highlight_bg_light_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-size: 100% auto; bottom: -3.25em; z-index: -1; width: 100vw; left: 50%; margin-left: -50vw; } @media screen and (min-width: 786px) { .mediascroller-wrapper:before { bottom: -1em; } } .mediascroller-wrapper .navIndexMedia { text-align: right; z-index: 10; } @media screen and (max-width: 785px) { .mediascroller-wrapper .navIndexMedia { text-align: center; top: -2em; } } .mediascroller-wrapper .navIndexMedia .back, .mediascroller-wrapper .navIndexMedia .forward { line-height: 1; } .mediascroller-wrapper .navIndexMedia a { text-indent: -9999px; color: transparent; } .mediascroller-wrapper .mediapub .wrapper { position: relative; display: inline-block; width: 70%; vertical-align: top; z-index: 9; } .mediascroller-wrapper .mediapub .wrapper .lupe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .mediascroller-wrapper .mediapub .wrapper .lupe img { float: right; position: absolute; bottom: 0; right: 0; } .mediascroller-wrapper .mediapub .wrapper .img, .mediascroller-wrapper .mediapub .wrapper .img img { width: 100%; } @media screen and (max-width: 785px) { .mediascroller-wrapper .mediapub .wrapper { display: block; width: 100%; } } .mediascroller-wrapper .mediapub .text { display: inline-block; vertical-align: top; width: 29%; font-size: 90% !important; padding: 10px 20px; z-index: 9; position: relative; margin-bottom: 3rem; } @media screen and (max-width: 785px) { .mediascroller-wrapper .mediapub .text { display: block; width: 100%; } } .hasSidebar .mediascroller-wrapper { position: relative; } .hasSidebar .mediascroller-wrapper:before { height: 6.5em; width: 150vw; bottom: -2em; } @media screen and (min-width: 1080px) { .hasSidebar .mediascroller-wrapper:before { height: 10em; bottom: -1em; } } @media screen and (min-width: 1080px) { .hasSidebar .mediascroller-wrapper .mediascroller { width: 135%; } } .hasSidebar .mediascroller-wrapper .mediascroller .mediapub .wrapper { width: 65%; } @media screen and (max-width: 1079px) { .hasSidebar .mediascroller-wrapper .mediascroller .mediapub .wrapper { display: block; width: 100%; } } .hasSidebar .mediascroller-wrapper .mediascroller .mediapub .text { width: 34%; } @media screen and (max-width: 1079px) { .hasSidebar .mediascroller-wrapper .mediascroller .mediapub .text { display: block; width: 100%; } } @media screen and (min-width: 1080px) { .hasSidebar .mediascroller-wrapper .navIndexMedia { width: 135%; } } @media screen and (max-width: 1079px) { .hasSidebar .mediascroller-wrapper .navIndexMedia { text-align: center; top: 0; } } @media screen and (max-width: 767px) { .hasSidebar .mediascroller-wrapper .navIndexMedia { top: -1em; } } /* * initial Styles - etwas angepasst */ .highlight { position: relative; border: 1px solid transparent; overflow: hidden; margin-top: 40px; margin-bottom: 40px; } .highlight--dark-right .highlight__text-inner h2, .highlight--dark-right .highlight__text-inner h3, .highlight--dark-right .highlight__text-inner h4, .highlight--dark-left .highlight__text-inner h2, .highlight--dark-left .highlight__text-inner h3, .highlight--dark-left .highlight__text-inner h4 { clear: none !important; color: #ffffff !important; margin-top: 0; } .highlight--light-right .highlight__text-inner h2, .highlight--light-right .highlight__text-inner h3, .highlight--light-right .highlight__text-inner h4, .highlight--light-left .highlight__text-inner h2, .highlight--light-left .highlight__text-inner h3, .highlight--light-left .highlight__text-inner h4 { clear: none !important; margin-top: 0; } .highlight--light-right .highlight__media, .highlight--light-left .highlight__media, .highlight--dark-right .highlight__media, .highlight--dark-left .highlight__media { position: relative; z-index: 1; height: auto; } .highlight .highlight__img { width: 100%; height: auto; } .highlight--dark-left .highlight__text-wrapper, .highlight--dark-right .highlight__text-wrapper { background-color: #3B78A4; } .highlight--light-left .highlight__text-wrapper, .highlight--light-right .highlight__text-wrapper { background-color: #e2ebf1; } .highlight--dark-left .highlight__text-inner, .highlight--dark-right .highlight__text-inner { padding: 20px; color: #ffffff !important; } .highlight--dark-left .highlight__text, .highlight--dark-right .highlight__text { color: #ffffff; } .highlight--light-right .highlight__text-inner, .highlight--light-left .highlight__text-inner { padding: 20px; } @media screen and (min-width: 768px) { .highlight--light-left .highlight__text-wrapper, .highlight--light-right .highlight__text-wrapper, .highlight--dark-right .highlight__text-wrapper, .highlight--dark-left .highlight__text-wrapper { background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/highlight_bg_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center top; background-size: cover; background-color: transparent; } .highlight--light-left .highlight__text-wrapper, .highlight--light-right .highlight__text-wrapper { background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/highlight_bg_light_svg.svg?__blob=normal&v=1); } .highlight--light-left .highlight__text-inner, .highlight--light-right .highlight__text-inner, .highlight--dark-right .highlight__text-inner, .highlight--dark-left .highlight__text-inner { padding: 80px 30px 80px 30px; margin-top: 14%; } .highlight--light-right .highlight__media, .highlight--dark-right .highlight__media { float: left; max-width: 65%; margin-right: 30px; } .highlight--light-left .highlight__media, .highlight--dark-left .highlight__media { float: right; max-width: 65%; margin-left: 30px; margin-right: 30px; } .highlight--light-left .highlight__text-wrapper, .highlight--dark-left .highlight__text-wrapper { margin-left: 0; } } /* * AddOn Styles */ .highlight { margin-top: 0; margin-bottom: 2rem; overflow: visible; } .highlight.highlight--dark-right a.RichTextExtLink, .highlight.highlight--dark-right a.ExternalLink, .highlight.highlight--dark-left a.RichTextExtLink, .highlight.highlight--dark-left a.ExternalLink { color: #ffffff !important; background: transparent url(/SiteGlobals/StyleBundles2/Bilder/auto/arrowExternal-white_svg.svg?__blob=normal&v=1) no-repeat 0 0.5em !important; background-size: 15px 14px !important; } @media screen and (min-width: 768px) { .highlight.highlight--light-right .highlight__text-wrapper, .highlight.highlight--dark-right .highlight__text-wrapper { margin-left: 130px; } } @media screen and (min-width: 768px) and (max-width: 1079px) { .highlight.highlight--light-right .highlight__text-wrapper .highlight__text-inner, .highlight.highlight--dark-right .highlight__text-wrapper .highlight__text-inner { padding-left: 63%; padding-left: 30px; } .highlight.highlight--light-left .highlight__text-wrapper .highlight__text-inner, .highlight.highlight--dark-left .highlight__text-wrapper .highlight__text-inner { padding-right: 63%; padding-right: 0; } .highlight.highlight--light-left .highlight__media, .highlight.highlight--dark-left .highlight__media { float: right; margin-right: 3%; } .highlight.highlight--light-left .highlight__text-wrapper, .highlight.highlight--dark-left .highlight__text-wrapper { margin-left: 0; } .highlight.highlight--light-left .highlight__text-wrapper .highlight__text-inner, .highlight.highlight--dark-left .highlight__text-wrapper .highlight__text-inner { padding: 80px 30px 80px 30px; } } @media screen and (min-width: 1080px) { .highlight.highlight--light-left .highlight__media, .highlight.highlight--light-right .highlight__media, .highlight.highlight--dark-left .highlight__media, .highlight.highlight--dark-right .highlight__media { max-width: 65%; } .highlight.highlight--light-left .highlight__text-wrapper, .highlight.highlight--light-right .highlight__text-wrapper, .highlight.highlight--dark-left .highlight__text-wrapper, .highlight.highlight--dark-right .highlight__text-wrapper { margin-top: 14%; } .highlight.highlight--light-left .highlight__text-wrapper .highlight__text-inner, .highlight.highlight--light-right .highlight__text-wrapper .highlight__text-inner, .highlight.highlight--dark-left .highlight__text-wrapper .highlight__text-inner, .highlight.highlight--dark-right .highlight__text-wrapper .highlight__text-inner { padding-left: 65%; margin-top: 0; } .highlight.highlight--light-left .highlight__text-wrapper .highlight__text-inner .highlight__text, .highlight.highlight--light-right .highlight__text-wrapper .highlight__text-inner .highlight__text, .highlight.highlight--dark-left .highlight__text-wrapper .highlight__text-inner .highlight__text, .highlight.highlight--dark-right .highlight__text-wrapper .highlight__text-inner .highlight__text { padding-left: 0; } .highlight.highlight--light-left .highlight__media { float: right; margin-right: 3%; } .highlight.highlight--light-left .highlight__text-wrapper { margin-left: 0; } .highlight.highlight--light-left .highlight__text-wrapper .highlight__text-inner { padding: 80px 30px 80px 30px; padding-right: 72%; } .highlight.highlight--dark-left .highlight__media { float: right; margin-right: 3%; } .highlight.highlight--dark-left .highlight__text-wrapper { margin-left: 0; } .highlight.highlight--dark-left .highlight__text-wrapper .highlight__text-inner { padding: 80px 30px 80px 30px; padding-right: 72%; } } .highlight .highlight__text-inner { position: relative; z-index: 1; } @media screen and (min-width: 1080px) { .hasSidebar .highlight.highlight--light-left, .hasSidebar .highlight.highlight--light-right, .hasSidebar .highlight.highlight--dark-left, .hasSidebar .highlight.highlight--dark-right { width: 135%; } } /* * initial Styles - etwas angepasst */ .videoelement { position: relative; border: 1px solid transparent; overflow: hidden; margin-top: 40px; margin-bottom: 40px; } .videoelement--dark-right .videoelement__text-inner h2, .videoelement--dark-right .videoelement__text-inner h3, .videoelement--dark-right .videoelement__text-inner h4, .videoelement--dark-left .videoelement__text-inner h2, .videoelement--dark-left .videoelement__text-inner h3, .videoelement--dark-left .videoelement__text-inner h4 { clear: none !important; color: #ffffff !important; margin-top: 0; } .videoelement--light-right .videoelement__text-inner h2, .videoelement--light-right .videoelement__text-inner h3, .videoelement--light-right .videoelement__text-inner h4, .videoelement--light-left .videoelement__text-inner h2, .videoelement--light-left .videoelement__text-inner h3, .videoelement--light-left .videoelement__text-inner h4 { clear: none !important; margin-top: 0; } .videoelement--light-right .videoelement__media, .videoelement--light-left .videoelement__media, .videoelement--dark-right .videoelement__media, .videoelement--dark-left .videoelement__media { position: relative; z-index: 1; height: auto; cursor: pointer; z-index: 9; } .videoelement--light-right .videoelement__media::after, .videoelement--light-left .videoelement__media::after, .videoelement--dark-right .videoelement__media::after, .videoelement--dark-left .videoelement__media::after { content: ""; width: 44px; height: 44px; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-play-round_svg.svg?__blob=normal&v=1); background-size: 100%; background-repeat: no-repeat; background-position: center; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; } .videoelement--light-right .videoelement__media:hover::after, .videoelement--light-right .videoelement__media:focus::after, .videoelement--light-left .videoelement__media:hover::after, .videoelement--light-left .videoelement__media:focus::after, .videoelement--dark-right .videoelement__media:hover::after, .videoelement--dark-right .videoelement__media:focus::after, .videoelement--dark-left .videoelement__media:hover::after, .videoelement--dark-left .videoelement__media:focus::after { content: ""; width: 44px; height: 44px; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/icon-play-round-hover2_svg.svg?__blob=normal&v=1); background-size: 100%; background-repeat: no-repeat; background-position: center; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; } .videoelement .videoelement__img { width: 100%; height: auto; } .videoelement--dark-left .videoelement__text-wrapper, .videoelement--dark-right .videoelement__text-wrapper { background-color: #3B78A4; } .videoelement--light-left .videoelement__text-wrapper, .videoelement--light-right .videoelement__text-wrapper { background-color: #e2ebf1; } .videoelement--dark-left .videoelement__text-inner, .videoelement--dark-right .videoelement__text-inner { padding: 20px; color: #ffffff !important; } .videoelement--dark-left .videoelement__text, .videoelement--dark-right .videoelement__text { color: #ffffff; } .videoelement--light-right .videoelement__text-inner, .videoelement--light-left .videoelement__text-inner { padding: 20px; } @media screen and (min-width: 768px) { .videoelement--light-left .videoelement__text-wrapper, .videoelement--light-right .videoelement__text-wrapper, .videoelement--dark-right .videoelement__text-wrapper, .videoelement--dark-left .videoelement__text-wrapper { background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/highlight_bg_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center top; background-size: cover; background-color: transparent; } .videoelement--light-left .videoelement__text-wrapper, .videoelement--light-right .videoelement__text-wrapper { background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/highlight_bg_light_svg.svg?__blob=normal&v=1); } .videoelement--light-left .videoelement__text-inner, .videoelement--light-right .videoelement__text-inner, .videoelement--dark-right .videoelement__text-inner, .videoelement--dark-left .videoelement__text-inner { padding: 50px 30px 60px 30px; margin-top: 14%; } .videoelement--light-right .videoelement__media, .videoelement--dark-right .videoelement__media { float: left; max-width: 43%; margin-right: 30px; } .videoelement--light-left .videoelement__media, .videoelement--dark-left .videoelement__media { float: right; max-width: 43%; margin-left: 30px; margin-right: 30px; } .videoelement--light-left .videoelement__text-wrapper, .videoelement--dark-left .videoelement__text-wrapper { margin-left: 0; } } /* * AddOn Styles */ .videoelement { margin-top: 0; margin-bottom: 2rem; overflow: visible; } @media screen and (min-width: 768px) { .videoelement.videoelement--light-right .videoelement__text-wrapper, .videoelement.videoelement--dark-right .videoelement__text-wrapper { margin-left: 130px; } } @media screen and (min-width: 768px) and (max-width: 1079px) { .videoelement.videoelement--light-right .videoelement__text-wrapper .videoelement__text-inner, .videoelement.videoelement--dark-right .videoelement__text-wrapper .videoelement__text-inner { padding-left: 63%; padding-left: 30px; } .videoelement.videoelement--light-left .videoelement__text-wrapper .videoelement__text-inner, .videoelement.videoelement--dark-left .videoelement__text-wrapper .videoelement__text-inner { padding-right: 63%; padding-right: 0; } .videoelement.videoelement--light-left .videoelement__media, .videoelement.videoelement--dark-left .videoelement__media { float: right; margin-right: 3%; } .videoelement.videoelement--light-left .videoelement__text-wrapper, .videoelement.videoelement--dark-left .videoelement__text-wrapper { margin-left: 0; } .videoelement.videoelement--light-left .videoelement__text-wrapper .videoelement__text-inner, .videoelement.videoelement--dark-left .videoelement__text-wrapper .videoelement__text-inner { padding: 50px 30px 60px 30px; } } @media screen and (min-width: 1080px) { .videoelement.videoelement--light-left .videoelement__media, .videoelement.videoelement--light-right .videoelement__media, .videoelement.videoelement--dark-left .videoelement__media, .videoelement.videoelement--dark-right .videoelement__media { max-width: 43%; } .videoelement.videoelement--light-left .videoelement__text-wrapper, .videoelement.videoelement--light-right .videoelement__text-wrapper, .videoelement.videoelement--dark-left .videoelement__text-wrapper, .videoelement.videoelement--dark-right .videoelement__text-wrapper { margin-top: 14%; } .videoelement.videoelement--light-left .videoelement__text-wrapper .videoelement__text-inner, .videoelement.videoelement--light-right .videoelement__text-wrapper .videoelement__text-inner, .videoelement.videoelement--dark-left .videoelement__text-wrapper .videoelement__text-inner, .videoelement.videoelement--dark-right .videoelement__text-wrapper .videoelement__text-inner { padding-left: 39%; margin-top: 0; } .videoelement.videoelement--light-left .videoelement__text-wrapper .videoelement__text-inner .videoelement__text, .videoelement.videoelement--light-right .videoelement__text-wrapper .videoelement__text-inner .videoelement__text, .videoelement.videoelement--dark-left .videoelement__text-wrapper .videoelement__text-inner .videoelement__text, .videoelement.videoelement--dark-right .videoelement__text-wrapper .videoelement__text-inner .videoelement__text { padding-left: 0; } .videoelement.videoelement--light-left .videoelement__media { float: right; margin-right: 3%; } .videoelement.videoelement--light-left .videoelement__text-wrapper { margin-left: 0; } .videoelement.videoelement--light-left .videoelement__text-wrapper .videoelement__text-inner { padding: 50px 30px 60px 30px; padding-right: 50%; } .videoelement.videoelement--dark-left .videoelement__media { float: right; margin-right: 3%; } .videoelement.videoelement--dark-left .videoelement__text-wrapper { margin-left: 0; } .videoelement.videoelement--dark-left .videoelement__text-wrapper .videoelement__text-inner { padding: 50px 30px 60px 30px; padding-right: 50%; } } .videoelement .videoelement__text-inner { position: relative; z-index: 1; } @media screen and (min-width: 1080px) { .hasSidebar .videoelement.videoelement--light-left, .hasSidebar .videoelement.videoelement--light-right, .hasSidebar .videoelement.videoelement--dark-left, .hasSidebar .videoelement.videoelement--dark-right { width: 135%; } } .front #wrapperContentDivision::before { display: none; } .front #wrapperHeader #buehneTargetTag .hero .buehneBox .wrapperText { width: 100%; padding-bottom: 4rem; position: relative; top: auto; left: auto; right: auto; bottom: auto; } @media screen and (min-width: 768px) { .front #wrapperHeader #buehneTargetTag .hero .buehneBox .wrapperText { position: absolute; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/teaserText_bg_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; padding: 2em 1.5em; width: 27em; height: 15em; top: auto; bottom: 10%; left: auto; right: 6em; } } @media screen and (min-width: 786px) { .front #wrapperHeader #buehneTargetTag .hero .buehneBox .wrapperText { bottom: 14%; } } @media screen and (min-width: 768px) { .front #wrapperHeader #buehneTargetTag .hero .buehneBox .wrapperText { bottom: 22%; padding: 2.5em 2em; width: 30em; height: 17em; } } @media screen and (min-width: 1080px) { .front #wrapperHeader #buehneTargetTag .hero .buehneBox .wrapperText { padding: 3.5em 2.5em; width: 42em; height: 24em; } } .front #wrapperHeader #buehneTargetTag .hero .buehneBox .wrapperText p.supline { font-style: inherit; font-family: 'BundesSansWeb',Calibri,helvetica,sans-serif; } .front #wrapperHeader #buehneTargetTag .hero .buehneBox .wrapperText p.title { color: #3B78A4; } .front #wrapperHeader #buehneTargetTag .hero .buehneBox .wrapperText a:hover, .front #wrapperHeader #buehneTargetTag .hero .buehneBox .wrapperText a:focus { text-decoration: none; } .front #wrapperHeader #buehneTargetTag .hero .buehneBox .wrapperText a:hover .supline, .front #wrapperHeader #buehneTargetTag .hero .buehneBox .wrapperText a:focus .supline { text-decoration: none; } .front #wrapperHeader #buehneTargetTag .hero .buehneBox .wrapperText a:hover .title, .front #wrapperHeader #buehneTargetTag .hero .buehneBox .wrapperText a:focus .title { text-decoration: underline; } .front #wrapperHeader #buehneTargetTag .hero .buehneBox .mypagination { top: auto; bottom: 18%; right: 7em; } @media screen and (max-width: 767px) { .front #wrapperHeader #buehneTargetTag .hero .buehneBox .mypagination { bottom: 1rem; right: 1rem; } } @media screen and (min-width: 786px) { .front #wrapperHeader #buehneTargetTag .hero .buehneBox .mypagination { bottom: 21%; right: 8em; } } @media screen and (min-width: 768px) { .front #wrapperHeader #buehneTargetTag .hero .buehneBox .mypagination { bottom: 27%; } } @media screen and (min-width: 2000px) { .front #wrapperHeader { margin-bottom: 8rem; } .front #wrapperHeader #buehneTargetTag { max-height: 50vh; background-color: #f6f7f8; } .front #wrapperHeader #buehneTargetTag .boxWrapper { max-width:2000px; margin-left:auto; margin-right:auto; } .front #wrapperHeader #buehneTargetTag .wrapperBox { text-align: center; } .front #wrapperHeader #buehneTargetTag .wrapperBox img { display: inline-block; max-height: 100%; min-height: 50vh; width: auto; } .front #wrapperHeader #buehneTargetTag .wrapperBox .wrapperText { text-align: left; } } @media screen and (min-width: 768px) { .front #wrapperHeader #wrapperContentNav:before { content: ""; position: absolute; top: -29px; right: 0; left: 0; height: 30px; background: #3B79A5; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%); clip-path: polygon(0 0, 0% 100%, 100% 100%); width: 100%; } .front #wrapperHeader #wrapperContentNav:after { content: ""; position: absolute; bottom: -59px; right: 0; left: 0; height: 60px; background: #3B79A5; -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 0); width: 100%; } } @media screen and (max-width: 900px) { .front #wrapperHeader #wrapperContentNav .boxTeaser { top: auto; } } @media screen and (min-width: 1080px) { .front #wrapperHeader #wrapperContentNav .boxTeaser { top: -5em; } } .front #wrapperHeader #wrapperContentNav .boxTeaser a:hover, .front #wrapperHeader #wrapperContentNav .boxTeaser a:focus { cursor: pointer; } .front #wrapperHeader #wrapperContentNav .boxTeaser a:hover .title, .front #wrapperHeader #wrapperContentNav .boxTeaser a:focus .title { text-decoration: underline; } #sliderWrapper { padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 1080px) { #sliderWrapper { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 785px) { #sliderWrapper .block-title { text-align: center; } } #sliderWrapper .slider .button.buttonright { text-align: right; right: 0; } #sliderWrapper .slider .button .imgleft { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-left_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; } #sliderWrapper .slider .button .imgleft:hover, #sliderWrapper .slider .button .imgleft:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-left-hover2_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; } #sliderWrapper .slider .button .imgright { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: right; } #sliderWrapper .slider .button .imgright:hover, #sliderWrapper .slider .button .imgright:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right-hover2_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-position: right; } #wrapperContentDivision > #sliderWrapper { margin-top: 8rem; position: relative; } #wrapperContentDivision > #sliderWrapper:before { content: ""; width: 100vw; height: 1px; background-color: #eef0f0; position: absolute; top: -8rem; left: 50%; margin-left: -50vw; transform: rotate(-4deg); z-index: -1; } .entrypage #wrapperOuter { overflow: hidden; } .entrypage .pagehead { overflow: visible; background-image: none; position: relative; margin-bottom: 4rem; padding-bottom: 7rem; padding-top: 0; color: #fff; margin-top: 0; min-height: 4.8em; } .entrypage .pagehead:before { content: ""; background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/coverheadBgGray-lg_svg.svg?__blob=normal&v=1); position: absolute; top: -26%; left: 0; width: 400vw; background-repeat: no-repeat; margin-left: -50vw; margin-right: 0; z-index: -1; margin-top: 0px; background-position: center bottom; background-size: 100% auto; height: 125%; } @media screen and (min-width: 786px) { .entrypage .pagehead:before { height: 130%; } } @media screen and (min-width: 1080px) { .entrypage .pagehead:before { height: 140%; } } @media screen and (min-width: 1250px) { .entrypage .pagehead:before { height: 145%; } } @media screen and (min-width: 768px) { .entrypage .row.uebersicht:not(:last-child) { position: relative; } .entrypage .row.uebersicht:not(:last-child):before { position: absolute; content: ""; height: 15em; background: url(/SiteGlobals/StyleBundles2/Bilder/auto/highlight_bg_light_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-size: 100% auto; bottom: -3.25em; z-index: 1; width: 100vw; left: 50%; margin-left: -50vw; z-index: -1; } } @media screen and (min-width: 768px) and (max-width: 1079px) { .entrypage .row.uebersicht:not(:last-child):before { bottom: -6.25em; } } .coverimage:after { width: 100%; height: 150px; } .coverhead { max-width: 1280px; margin-left: auto; margin-right: auto; display: block; } .distribution .coverhead { max-width: 1280px; position: relative; top: 0; } @media screen and (min-width: 960px) { .distribution .coverhead .coverhead__inner .coverhead__head { margin-bottom: 2rem; } } .distribution .coverhead .coverhead__inner .coverhead__head .coverhead__cat { position: relative; top: -6em; } @media screen and (min-width: 768px) { .distribution .coverhead .coverhead__inner .coverhead__head .coverhead__cat { top: -5em; } } @media screen and (min-width: 1080px) { .distribution .coverhead .coverhead__inner .coverhead__head .coverhead__cat { top: -3em; } } .distribution .coverhead .coverhead__inner .coverhead__head .coverhead__cat .cat__icon { width: 6em; height: 6em; } @media screen and (min-width: 768px) { .distribution .coverhead .coverhead__inner .coverhead__head .coverhead__cat .cat__icon { width: 8em; height: 8em; } } .distribution .coverhead .coverhead__inner .coverhead__head .coverhead__cat .cat__title h1 { font-size: 2rem; line-height: 1.6; } @media screen and (min-width: 768px) { .distribution .coverhead .coverhead__inner .coverhead__head .coverhead__cat .cat__title h1 { font-size: 2.4rem; } } .distribution .coverhead .coverhead__inner .coverhead__head .coverhead__title { position: relative; top: -7rem; } @media screen and (min-width: 768px) { .distribution .coverhead .coverhead__inner .coverhead__head .coverhead__title { top: -6rem; } } @media screen and (min-width: 1080px) { .distribution .coverhead .coverhead__inner .coverhead__head .coverhead__title { top: -4rem; } } .distribution .coverhead .coverhead__inner .coverhead__head .coverhead__title > * { top: auto; } @media screen and (max-width: 960px) { .distribution .coverhead .coverhead__inner .coverhead__head { background: none; background-color: transparent; } .distribution .coverhead .coverhead__inner .coverhead__head:before { display: block; content: ""; position: absolute; background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/coverhead_bg_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; height: 22em; top: -4em; width: 100vw; left: 50%; margin-left: -50vw; background-size: auto 100%; background-position: center top; z-index: 0; } } .distribution .coverhead .coverhead__inner .coverhead__desc { position: relative; z-index: 1; } .distribution.distribution-service .coverhead .coverhead__inner .coverhead__head { min-height: 15em; } @media screen and (min-width: 786px) { .distribution.distribution-service .coverhead .coverhead__inner .coverhead__head { margin-top: -2.3em; } } @media screen and (min-width: 960px) { .distribution.distribution-service .coverhead .coverhead__inner .coverhead__head { min-height: 200px; } } @media screen and (min-width: 1080px) { .distribution.distribution-service .coverhead .coverhead__inner .coverhead__head { min-height: 200px; margin-top: 0em; } } .distribution.distribution-service .coverhead .coverhead__inner .coverhead__head:before { height: 17em; } .distribution.distribution-service .coverhead .coverhead__inner .coverhead__head .coverhead__title { top: auto; } @media screen and (min-width: 768px) { .distribution.distribution-service .coverhead .coverhead__inner .coverhead__head .coverhead__title { top: auto; } } @media screen and (min-width: 1080px) { .distribution.distribution-service .coverhead .coverhead__inner .coverhead__head .coverhead__title { top: auto; } } @media screen and (min-width: 786px) { .distribution.distribution-service .coverhead .coverhead__inner .coverhead__head .coverhead__title > * { top: 0.5em; } } @media screen and (min-width: 960px) { .distribution.distribution-service .coverhead .coverhead__inner .coverhead__head .coverhead__title > * { top: 1.5em; } } @media screen and (min-width: 1080px) { .distribution.distribution-service .coverhead .coverhead__inner .coverhead__head .coverhead__title > * { top: 1.5em; } } .distribution #content .uebersicht { margin-bottom: 6rem; } @media screen and (max-width: 767px) { .distribution #content .uebersicht .col-sm-6 { padding-left: 0; padding-right: 0; } } .article #wrapperContentDivision { background-image: none; } .article #wrapperContentDivision:before { display: none; } /* * addon_icontext Element Piktogramm */ /*Icon*/ #content .icon-text-wrapper .icon-container, .icon-text-wrapper .icon-container { text-align: center; } @media screen and (max-width: 785px) { #content .icon-text-wrapper .icon-container, .icon-text-wrapper .icon-container { text-align: left; margin-bottom: 20px; } } #content .icon-text-wrapper .icon-container img, .icon-text-wrapper .icon-container img { display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-top: 0.9rem; max-width: 120px; max-height: 120px; } /* * addon_icontext Element Piktogramm SQUARE with Text in bottom */ @media screen and (min-width: 1080px) { #content .icon-text-wrapper.icon-text-wrapper--small, .icon-text-wrapper.icon-text-wrapper--small { width: 140%; } } #content .icon-text-wrapper.icon-text-wrapper--small .icon-container.icon-container--small, .icon-text-wrapper.icon-text-wrapper--small .icon-container.icon-container--small { text-align: center; } #content .icon-text-wrapper.icon-text-wrapper--small .icon-container.icon-container--small .icon-square, .icon-text-wrapper.icon-text-wrapper--small .icon-container.icon-container--small .icon-square { display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #content .icon-text-wrapper.icon-text-wrapper--small .icon-container.icon-container--small span, .icon-text-wrapper.icon-text-wrapper--small .icon-container.icon-container--small span { display: block; margin-top: 0.5rem; margin-bottom: 4rem; font-size: 2.4rem; line-height: 1.416; font-weight: 400; } #searchform .search .row > div { padding-top: 0; padding-bottom: 0; } #content #searchform, #searchform { margin-top: -13em; margin-bottom: 7em; background-color: #fff; padding-top: 2.3rem; padding-bottom: 2.3rem; } #content #searchform h3, #searchform h3 { margin-bottom: 1rem; } #content #searchform .textfield, #content #searchform .field, #searchform .textfield, #searchform .field { margin-bottom: 1rem; } #content #searchform .formHandle, #searchform .formHandle { display: block; width: 100%; margin-top: 1rem; float: none; } @media screen and (min-width: 768px) { #content #searchform .formHandle, #searchform .formHandle { width: auto; float: right; margin-left: auto; margin-top: 0; margin-right: 30px; } } @media screen and (min-width: 1080px) { #content #searchform .formHandle, #searchform .formHandle { margin-right: 0; } } @media screen and (min-width: 1080px) { #content #searchform, #searchform { width: 106%; margin-top: -10em; margin-left: -3%; padding-left: 3%; padding-right: 3%; padding-bottom: 1.3rem; } #content #searchform .textfield, #searchform .textfield { margin-bottom: 1rem; } } #suchfilter .bigBox ul { padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 4.5rem; } #suchfilter .bigBox ul li { padding-left: 0; text-indent: 0; margin-left: 0; display: block; } #suchfilter .bigBox ul li:before, #suchfilter .bigBox ul li.selectedFacet:after { display: none; } #suchfilter .bigBox ul li a { font-size: 1.6rem; line-height: 1.875; } #suchfilter .bigBox ul li.selectedFacet { color: #ef7e04; } #suchfilter .bigBox ul li.selectedFacet a { cursor: pointer; color: #ef7e04; } #suchfilter .bigBox ul li:hover a { text-decoration: underline; cursor: pointer; } .serchterm:before { content: "‘"; position: relative; display: inline-block; } .serchterm:after { content: "’"; position: relative; display: inline-block; } #content #searchResultIndex a, #content .searchResultIndex a, .searchResultIndex a, #searchResultIndex a { color: #ef7e04; } @media screen and (max-width: 767px) { #content #searchResultIndex, #content .searchResultIndex, .searchResultIndex, #searchResultIndex { float: left; } } #content #searchResultIndex li, #content .searchResultIndex li, .searchResultIndex li, #searchResultIndex li { padding-left: 0rem !important; padding-right: 0rem; } #content #searchResultIndex li > a, #content .searchResultIndex li > a, .searchResultIndex li > a, #searchResultIndex li > a { padding-left: 1rem; padding-right: 1rem; padding-top: 0; padding-bottom: 0; } #content #searchResultIndex li > a:hover, #content #searchResultIndex li > a:focus, #content .searchResultIndex li > a:hover, #content .searchResultIndex li > a:focus, .searchResultIndex li > a:hover, .searchResultIndex li > a:focus, #searchResultIndex li > a:hover, #searchResultIndex li > a:focus { text-decoration: underline; } #content #searchResultIndex li > strong, #content #searchResultIndex li > span, #content .searchResultIndex li > strong, #content .searchResultIndex li > span, .searchResultIndex li > strong, .searchResultIndex li > span, #searchResultIndex li > strong, #searchResultIndex li > span { padding-left: 1rem; padding-right: 1rem; } #content #searchResultIndex li.back a, #content .searchResultIndex li.back a, .searchResultIndex li.back a, #searchResultIndex li.back a { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-left-gray_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; cursor: pointer; } #content #searchResultIndex li.back a:hover, #content #searchResultIndex li.back a:focus, #content .searchResultIndex li.back a:hover, #content .searchResultIndex li.back a:focus, .searchResultIndex li.back a:hover, .searchResultIndex li.back a:focus, #searchResultIndex li.back a:hover, #searchResultIndex li.back a:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-left-hover2_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; text-decoration: none; } #content #searchResultIndex li.back.first a, #content .searchResultIndex li.back.first a, .searchResultIndex li.back.first a, #searchResultIndex li.back.first a { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-left-gray-light_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; cursor: default; } #content #searchResultIndex li.back.first a:hover, #content #searchResultIndex li.back.first a:focus, #content .searchResultIndex li.back.first a:hover, #content .searchResultIndex li.back.first a:focus, .searchResultIndex li.back.first a:hover, .searchResultIndex li.back.first a:focus, #searchResultIndex li.back.first a:hover, #searchResultIndex li.back.first a:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-left-gray-light_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; cursor: default; } #content #searchResultIndex li.forward a, #content .searchResultIndex li.forward a, .searchResultIndex li.forward a, #searchResultIndex li.forward a { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right-gray_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; cursor: pointer; background-position: right; } #content #searchResultIndex li.forward a:hover, #content #searchResultIndex li.forward a:focus, #content .searchResultIndex li.forward a:hover, #content .searchResultIndex li.forward a:focus, .searchResultIndex li.forward a:hover, .searchResultIndex li.forward a:focus, #searchResultIndex li.forward a:hover, #searchResultIndex li.forward a:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right-hover2_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; text-decoration: none; background-position: right; } #content #searchResultIndex li.forward.last, #content .searchResultIndex li.forward.last, .searchResultIndex li.forward.last, #searchResultIndex li.forward.last { cursor: default; } #content #searchResultIndex li.forward.last a, #content .searchResultIndex li.forward.last a, .searchResultIndex li.forward.last a, #searchResultIndex li.forward.last a { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right-gray-light_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; } #content #searchResultIndex li.forward.last a:hover, #content #searchResultIndex li.forward.last a:focus, #content .searchResultIndex li.forward.last a:hover, #content .searchResultIndex li.forward.last a:focus, .searchResultIndex li.forward.last a:hover, .searchResultIndex li.forward.last a:focus, #searchResultIndex li.forward.last a:hover, #searchResultIndex li.forward.last a:focus { background: url(/SiteGlobals/StyleBundles2/Bilder/auto/arrow-right-gray-light_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; text-decoration: none; } #content #searchResult table th, #searchResult table th { font-size: 2rem; line-height: 1.5; padding: 0.5rem 1.5rem; } #content #searchResult table td, #searchResult table td { padding: 1.2rem 1.5rem; } #content #searchResult table td a:hover, #content #searchResult table td a:focus, #searchResult table td a:hover, #searchResult table td a:focus { text-decoration: underline; } @media screen and (max-width: 767px) { #content #searchResult th { display: none; } #content #searchResult td { display: block; border: 0; } #content #searchResult td.category { padding: 0 10px; } #content #searchResult table .col57 { width: 100%; } #content #searchResult table .col27, #content #searchResult table .col13 { width: auto; } #content .eventTable th { display: none; } #content .eventTable td { display: block; border: 0; } #content div.beschlussEntryWithoutBorder { height: auto; } p .mobile_table_th { float: left; margin-right: 6px; } } #searchform p:last-child { margin-right: 0; } #content .medi3 #js_replace_search > .row, #wrapperContent .medi3 #js_replace_search > .row, .medi3 #js_replace_search > .row { margin-left: -15px; margin-right: -15px; } #content .medi3 #js_replace_search > .row > .inner, #content .medi3 #js_replace_search > .row > .col-sm-6, #content .medi3 #js_replace_search > .row > .col-md-6, #content .medi3 #js_replace_search > .row > .col-lg-4, #wrapperContent .medi3 #js_replace_search > .row > .inner, #wrapperContent .medi3 #js_replace_search > .row > .col-sm-6, #wrapperContent .medi3 #js_replace_search > .row > .col-md-6, #wrapperContent .medi3 #js_replace_search > .row > .col-lg-4, .medi3 #js_replace_search > .row > .inner, .medi3 #js_replace_search > .row > .col-sm-6, .medi3 #js_replace_search > .row > .col-md-6, .medi3 #js_replace_search > .row > .col-lg-4 { padding-left: 15px; padding-right: 15px; } #content .medi3 #js_replace_search > .row > .inner a .medikachel, #content .medi3 #js_replace_search > .row > .col-sm-6 a .medikachel, #content .medi3 #js_replace_search > .row > .col-md-6 a .medikachel, #content .medi3 #js_replace_search > .row > .col-lg-4 a .medikachel, #wrapperContent .medi3 #js_replace_search > .row > .inner a .medikachel, #wrapperContent .medi3 #js_replace_search > .row > .col-sm-6 a .medikachel, #wrapperContent .medi3 #js_replace_search > .row > .col-md-6 a .medikachel, #wrapperContent .medi3 #js_replace_search > .row > .col-lg-4 a .medikachel, .medi3 #js_replace_search > .row > .inner a .medikachel, .medi3 #js_replace_search > .row > .col-sm-6 a .medikachel, .medi3 #js_replace_search > .row > .col-md-6 a .medikachel, .medi3 #js_replace_search > .row > .col-lg-4 a .medikachel { background-color: #ffffff; border: 1px solid #cfdce5; } #content .medi3 #js_replace_search > .row > .inner a .medikachel .imgwrapper, #content .medi3 #js_replace_search > .row > .col-sm-6 a .medikachel .imgwrapper, #content .medi3 #js_replace_search > .row > .col-md-6 a .medikachel .imgwrapper, #content .medi3 #js_replace_search > .row > .col-lg-4 a .medikachel .imgwrapper, #wrapperContent .medi3 #js_replace_search > .row > .inner a .medikachel .imgwrapper, #wrapperContent .medi3 #js_replace_search > .row > .col-sm-6 a .medikachel .imgwrapper, #wrapperContent .medi3 #js_replace_search > .row > .col-md-6 a .medikachel .imgwrapper, #wrapperContent .medi3 #js_replace_search > .row > .col-lg-4 a .medikachel .imgwrapper, .medi3 #js_replace_search > .row > .inner a .medikachel .imgwrapper, .medi3 #js_replace_search > .row > .col-sm-6 a .medikachel .imgwrapper, .medi3 #js_replace_search > .row > .col-md-6 a .medikachel .imgwrapper, .medi3 #js_replace_search > .row > .col-lg-4 a .medikachel .imgwrapper { background-color: #f3f4f5; } #content .medi3 #js_replace_search > .row > .inner a .medikachel .infoarea .date, #content .medi3 #js_replace_search > .row > .col-sm-6 a .medikachel .infoarea .date, #content .medi3 #js_replace_search > .row > .col-md-6 a .medikachel .infoarea .date, #content .medi3 #js_replace_search > .row > .col-lg-4 a .medikachel .infoarea .date, #wrapperContent .medi3 #js_replace_search > .row > .inner a .medikachel .infoarea .date, #wrapperContent .medi3 #js_replace_search > .row > .col-sm-6 a .medikachel .infoarea .date, #wrapperContent .medi3 #js_replace_search > .row > .col-md-6 a .medikachel .infoarea .date, #wrapperContent .medi3 #js_replace_search > .row > .col-lg-4 a .medikachel .infoarea .date, .medi3 #js_replace_search > .row > .inner a .medikachel .infoarea .date, .medi3 #js_replace_search > .row > .col-sm-6 a .medikachel .infoarea .date, .medi3 #js_replace_search > .row > .col-md-6 a .medikachel .infoarea .date, .medi3 #js_replace_search > .row > .col-lg-4 a .medikachel .infoarea .date { border-left: 1px solid #cfdce5; } #content .medi3 #js_replace_search > .row > .inner a .medikachel .infoarea .bereich, #content .medi3 #js_replace_search > .row > .col-sm-6 a .medikachel .infoarea .bereich, #content .medi3 #js_replace_search > .row > .col-md-6 a .medikachel .infoarea .bereich, #content .medi3 #js_replace_search > .row > .col-lg-4 a .medikachel .infoarea .bereich, #wrapperContent .medi3 #js_replace_search > .row > .inner a .medikachel .infoarea .bereich, #wrapperContent .medi3 #js_replace_search > .row > .col-sm-6 a .medikachel .infoarea .bereich, #wrapperContent .medi3 #js_replace_search > .row > .col-md-6 a .medikachel .infoarea .bereich, #wrapperContent .medi3 #js_replace_search > .row > .col-lg-4 a .medikachel .infoarea .bereich, .medi3 #js_replace_search > .row > .inner a .medikachel .infoarea .bereich, .medi3 #js_replace_search > .row > .col-sm-6 a .medikachel .infoarea .bereich, .medi3 #js_replace_search > .row > .col-md-6 a .medikachel .infoarea .bereich, .medi3 #js_replace_search > .row > .col-lg-4 a .medikachel .infoarea .bereich { border-left: 1px solid #cfdce5; } #content .medi3 #js_replace_search > .row.top-mediathek-items, #wrapperContent .medi3 #js_replace_search > .row.top-mediathek-items, .medi3 #js_replace_search > .row.top-mediathek-items { position: relative; margin-bottom: 14rem; } #content .medi3 #js_replace_search > .row.top-mediathek-items:before, #wrapperContent .medi3 #js_replace_search > .row.top-mediathek-items:before, .medi3 #js_replace_search > .row.top-mediathek-items:before { content: ""; width: 100em; height: 7em; left: 0; margin-left: 0; position: absolute; bottom: -2em; background-image: url(/SiteGlobals/StyleBundles2/Bilder/auto/image-bg_svg.svg?__blob=normal&v=1); background-repeat: no-repeat; background-size: 100% 100%; margin-top: -4em; margin-left: -4em; } #content .medi3 #js_replace_search > .row.top-mediathek-items .medikachel, #wrapperContent .medi3 #js_replace_search > .row.top-mediathek-items .medikachel, .medi3 #js_replace_search > .row.top-mediathek-items .medikachel { background-color: #f6f7f8 !important; border: 1px solid #3B78A4 !important; } /*# sourceMappingURL=addOn-dist.css.map */ @media(min-width:1080px) { .col-lg-3 {width:24.8%;} } .zm1 {z-index:-1!important;} #content .wrapperText .highlight__media, .highlight__media {z-index:10000!important;}