/* ALLGEMEIN */
/*FARBEN:
Orange: #f59c00
Grau: #e9ecef
Dunkelgrau: #757575*/

html {
	font-family: Arial, Helvetica;
	font-size:14px;
    height: 100%;}

body {
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	line-height: 1.42857143;
	background-color: #fff;}
	
*:focus{
	outline: 2px solid #777777 !important;
	border-radius:3px;
	outline-offset: 1px;}
	
p {
    font-size: 0.9em;}
a {
    color: black;
	text-decoration:none;}
	
a:hover {
    color: #004c7e !important;
    font-weight: normal !important;}
	
.aktiv {
    color: #004c7e;
    font-weight: bold;
    cursor: not-allowed;}
	
.h2, .h3, h2, h3 {
    margin-top: 20px;
    margin-bottom: 0.9rem;}
	
.h1, h1 {
	margin-top: 20px;
	margin-bottom: 0.9rem !important;}

b, strong {
	font-weight:bold;}

/*Abstand für die Aufzählungspunkte im Content*/
.aufzaehlung li {
	margin-bottom: 0.5rem;}

.aufzaehlung ul {
	padding-left: 3rem !important;}

.aufzaehlung li:last-child {
	margin-bottom: 0;}

.row {
	margin-left: 0;
	margin-right:0;}

@media (min-width:980px) {
    .text a.tel { 
	  pointer-events:none !important;
      cursor:none !important;
      text-decoration:none !important;}}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px;
    }
}
/*#######*/

/*SKIPLINKS*/

/* =========================================
   SKIPLINKS / ACCESSKEYS
   ========================================= */

/* Container der Skiplinks */
#skip {
    position: fixed;
    top: 5px;
    margin-left: 10px;
    width: 300px;
    margin-left: 0;
    z-index: 99999;
}	

#skip .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;}

#skip .sr-only:focus-within {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;}

#skip .sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;}

#skip .skipLinkText {
    width: auto !important;
    height: auto !important;
    clip: auto !important;}

/*ENDE SKIPLINKS*/

/*TABELLEN STYLE*/
.table {
    border-collapse: collapse !important;
	overflow-x:visible;}

.table td {
    background-color: #fff !important;}
	
.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6 !important;}
	
.table-dark {
    color: inherit;}
	
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    border-color: #dee2e6;}
  
table {
	caption-side: top;}	

.tabelle_res {
    max-width: 837px;
    overflow-x:auto;
    margin-bottom: 2em;}
	
.text table {
    width: 100%;
    font-size: 0.9em;}

.text td{
    padding: 0 0.5em;}
	
.text th{
    color: white;
	background-color: #f59c00;
    color: black !important;}

.table>:not(caption)>*>* {
	padding: 0.3rem 0.5rem;}

.table caption {
	font-size: 1.1em;
	color: #ffffff;
	text-align:center;
	font-weight:bold;
	background-color:#f59c00;
	padding-left:0.5rem;}

.table-fixed tbody {
    height: 300px;
    overflow-y: auto;
    width: 100%;}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;}

.table-fixed tbody td,
.table-fixed tbody th,
.table-fixed thead > tr > th {
    float: left;
    position: relative;

    &::after {
        content: '';
        clear: both;
        display: block;}}
		
.keinHintergrund th  {
    background-color: white;
    color:black;}
		
/*TABELLEN STYLE ENDE*/

.backto {
	text-align: right;
	margin-top: 1rem;}
  
/* SOCIAL MEDIAS --> siehe auch unter HEADER*/
.hintergrund {
    background-color: #e9ecef;}

.hintergrund_unten {
    background-color: #e9ecef;
	position: relative;
    overflow: hidden;}
        
.soc_oben {
    padding-left: 10px !important;
    text-align: left;
	color: #71869b!important;
	font-size: 1.8em;}

.soc_oben i {
	padding-right: 3px;
}
	
.soc_mitte {
	color: #71869b !important;
	font-size: 2em;}
	
.unsericon {
	color: #71869b !important;
	font-weight:bold !important;
}

input {
    font-size: 1.3vw;}	

i {
	color: #71869b !important;}

.fa {
    color: #71869b !important;
}

.soc_mitte > li, .soc_oben > li {
    margin-top: 0.3em;}
/*ENDE SOCIAL MEDIA STYLE*/

/*HEADER + KURZE NAVI*/
.toplogo {
    margin-top: 2em;
    margin-left: -5px;}

.nav_oben {
   text-align: right;
   padding-bottom: 1rem;}
   
.nav_oben li, .nav li, .soc_oben li, .soc_mitte li {
    display:inline-block;
    list-style: none;
    text-transform: uppercase;}
	
.nav_oben a, .nav a {
    color: black;
    text-decoration: none;}

.nav_oben a:hover, .nav a:hover {
    color:#004c7e;
    font-weight: bold;}
	
@media (max-width:768px) {
    .nav_oben a {
        font-size: 0.8em !important;
        text-align: left !important;}}
			
@media (min-width:768px) {
    .mob {
        display: none !important;}}
		
.nicht {
    display: none;}
	
@media (max-width:489px) {
	.toplogo {
		width: 200px;
		margin-bottom:2vh;}}
/*ENDE HEADER + KURZE NAVI STYLE*/

/* HAUPTNAVIGATION*/
.navbar-nav > li > a {
    font-size:1.5rem !important;
    padding-left: 0;
    padding-right: 3em;}

.navbar-nav > li > a:hover{
	text-decoration:none;
	cursor:pointer;}

.nav-justified .nav-item, .nav-justified > .nav-link {
	text-align: left;
	padding-bottom:0px;}
	
.nav-menuoben-new {
	font-size:1.3rem !important;
	margin-bottom:0;}

.navbar {
	--bs-navbar-nav-link-padding-x: 2rem;}

.navbar-nav > .nav-item:first-child .nav-link {
    padding-left: 0;}

.dropdown-menu {
--bs-dropdown-link-active-bg: #fff;}

.container-fluid > .navbar-collapse {
	padding-left: 0 !important;
}
	
@media (max-width:1400px) {
	.nav-menuoben-new {
		font-size: 1.3rem !important;}}
		
@media (max-width:1200px) {
	.nav-menuoben-new {
		font-size: 1rem !important;}}
		
.nav-menuoben-new a:after {
	content: none !important;}
	
a:after {
   content: none !important;}

@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;}}

@media (max-width:1199px) {
    .navbar-default .navbar-nav > li > a  {
        font-size: 1.1em !important;
		padding-left: 0 !important;}}
		
@media (max-width:991px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 0.8em !important;
        padding-left: 0;
        line-height: 1em;}}
		
@media (max-width:768px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 1.5em !important;
        padding-left: 0;
        line-height: 1em;
        width: 229px;}
		
    #dropdownMenuDivider5 > br {
        display: none;}}
		
@media (max-width:767px) {
	.navbar-nav .nav > li {
		width: 100%;
		padding: 0 10px;}
    .nav li {
       display: block;}}
	   
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color:#004c7e;}
	
.navbar-default {
    background-color: white;
    border-color: white;
    margin-bottom: 0px;}
	
.dropdown-menu hr {
    margin: 5px 1em;
    border: 0;
    border-top: 1px solid #000;}
	
.buerger {
    margin-left: -11em;
    width: 20em !important;}
	
@media (max-width:767px){
    .buerger {
        margin-left: 0;}}
		
.service {
    padding-right: 0em!important;
    text-align: left;}
	
.dropdown-menu .divider {
    display: list-item;
    margin: 5px 1em;
    background-color: black;}
	
.dropdown-menu > li > a {
    white-space: normal;
    width:21.9em;}
	

/* BREADCRUMBS */
.breadcrumb {
    padding-top: 10px !important;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: 25px;
    margin-bottom: 2px;
    list-style: none;
	border-radius: 0px;
	margin-left:auto;}
	
.breadcrumb a{
    color: black;}
	
.breadcrumb > li+li:before {
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0";
}
	
/*HEADERBILD STARTSEITE + MELDUNGEN*/
.hero-section {
    position: relative;}

.hero-image {
    width: 100%;
    display: block;}

.vorfall-block {
    position: relative;
	margin-top: -120px;
    display: flex;
    justify-content: center;}

.vorfall-inner {
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    padding: 25px 30px;}

.vorfall-title {
    color: #000;
	margin-top:10px;
    font-size: 1.8em;
    margin-bottom: 20px;}

.vorfall-grid {
    display: flex;
    gap: 24px;}

.vorfall-card {
	flex:1;
	flex-direction:column;
    background: #fff;
    color: #000;
    text-decoration: none;
	min-height: max-content;
    padding: 24px;
    border-bottom: 2px solid #f59c00;
	box-shadow: 0 4px 12px rgba(0,0,0,0.10);}
	
.vorfall-card:hover{
	border-bottom: 4px solid #f59c00;}

.vorfall-card:hover h2,
.vorfall-card:hover p {
    color: #000 !important;}
	
.vorfall-card h2 {
    margin-top: 0;
	font-size: 1.5em;
    margin-bottom: 12px;}

.vorfall-card p {
    margin: 0;
    line-height: 1.6;}

/* Mobileansicht Vorfallmeldungen-Bereich*/
@media (max-width: 768px) {
    .vorfall-block {
        position: relative;
		margin-top:0;}

    .vorfall-inner {
        width: 100%;
        background: rgba(255,255,255,0.9);
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 5vh;}
		
	.vorfall-title {
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);}

    .vorfall-grid {
        flex-direction: column;
		gap: 0;}
		
	.vorfall-grid hr{
		display:none;}}
		

/* NEWS SLIDER */	
.newstext a {
    color: #fff;}
	
.fa-long-arrow-right {
    color: #f59c00 !important;
    margin-left: 0.5em;}
	
#header_wrapper > .bx-wrapper {
    box-shadow: none !important;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
	background: transparent !important;
	margin-bottom: 30px !important;}
	
#header_wrapper .bx-wrapper .bx-prev {
    left: 10px;}
	
#header_wrapper .bx-wrapper .bx-next {
    right: 14px;}
	
#header_wrapper .bx-wrapper .bx-next a:hover, .bx-next a:hover {
    color: #a22c1c !important;}
	
.newstext p {
    margin-right: 3.5em;}
	
.bx-wrapper .bx-controls-direction a {
    z-index: 999;}

.zitat {
    font-size: 1.2em;}

.news-inner {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.newsbild {
    flex: 0 0 60%;
    max-width: 60%;
	position: relative;
    object-fit: contain;
}
.newsbild img {
    max-width: 100%;
    height: auto;
    display: block;}

.newstext {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.55);
    color: white;
    padding: 15px;
    background-image: url(../grafiken_all/hintergrund-slidertext3.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: rgb(113, 134, 155);
}
.newstext h2 a {
    text-decoration: none;
}

/* Slider mobile fallback */
@media (max-width: 768px) {
    .news-inner {
        flex-direction: column;
    }

    .newsbild,
    .newstext {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

/* NEWS */
.newsbild {
    padding: 0;}
.newsbild figcaption {
	font-size:0.8em;
	color:white;
    margin: 0.5em 0 0 1em;}
.newstext {	
	color:white;
    padding-right: 50px!important;}
.newstext h3, .newstext p {
	font-size:1em;}
.newstext h2 {
	font-size:1.5em;} 	
.trenner {
	clear:both;}
.twitter, .facebook {
    height: 400px;
    overflow-y: scroll;
    width:90%;
    margin-left:17px;}
.trenner_social {
    clear: both;
    margin-bottom: 2em;
    height: 15px;}
.trenner_artikel {
    clear: both;
    margin-bottom: 2em;}
.social {
    margin-left: 17px;
    padding-top: 5px;}
.social1 {
    margin-left: 17px;
    padding-bottom: 5px;
    margin-right: 15px;}
	
.termine_start {
    background-color: rgba(255,255,255,255.15);
    margin:1em 1em 0 1em;
    padding: 5px;}

/*STARTSEITE INFORMATIONSTEXT Bereich*/
h1.startseite_ueberschrift {
    font-size:1.8em;
    margin:0 0 1em 0;
	margin-top: 2vh;
    color: black;}
	
h2.startseite_ueberschrift {
    font-size:1.5em;
    margin:0 0 1em 0;
	margin-top: 3vh;
    color: black;}	
/*ENDE*/

/*STARTSEITE KACHEL WICHTIGE INFORMATION BEREICH */
	
.wichtig-info-startseite-kachel .c-navigation-teaser {
	min-height: 140px;}

.wichtig-info-startseite-kachel .c-navigation-teaser__text {
    height: 40% !important;
	font-weight: bold;}
	
@media screen and (min-width: 768px) {
    .l-content-wrapper > .wichtig-info-startseite-kachel {
        display: flex;
        flex-wrap: wrap;}

    .l-content-wrapper > .wichtig-info-startseite-kachel > .c-teaser-wrapper {
        width: 50%;
        box-sizing: border-box;}
		
	.wichtig-info-startseite-kachel .c-navigation-teaser {
		min-height: 140px;}}

@media screen and (min-width: 1025px) {
	.wichtig-info-startseite-kachel .c-navigation-teaser {
		min-height: 120px;}}
	
/*ENDE - STARTSEITE KACHEL WICHTIGE INFORMATION BEREICH*/

/*STARTSEITE BEREICH DIREKTOR/IN ZITAT inkl. BILD */

.quote-section {
    max-width: 1200px;
    margin: 30px auto;
    padding: 0 30px;
    display: grid;
    grid-template-columns: 30% 70%;
    gap: 0px;
    align-items: center;}

.quote-image img {
    display: block;
    height: auto;}

.quote-content {
    position: relative;}

.quote-content blockquote {
    position: relative;
    margin: 0 0 30px;
    padding: 30px 0 30px 35px;
    border-left: 5px solid #f59c00;
    line-height: 1.5;}

.quote-content blockquote::before {
    content: "“";
    position: absolute;
    top: -40px;
    left: 15px;
    font-size: 140px;
    line-height: 1;
    color: #e9ecef;
    pointer-events: none;
    z-index: 0;}

.quote-content blockquote p {
    position: relative;
    margin: 0;
	font-size:1rem;}

.quote-content figcaption {
    display: flex;
    flex-direction: column;
    gap: 5px;}

.quote-name {
    font-size: 1rem;
    font-weight: 700;}

.quote-position {
    font-size: 0.9rem;
    color: #757575;}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;}

@media (max-width: 768px) {
    .quote-section {
        grid-template-columns: 1fr;
        gap: 30px;
        margin: 10px auto;
        padding: 0 20px;}

    .quote-content blockquote {
        padding-left: 25px;}

    .quote-content blockquote::before {
        top: -40px;
        left: 8px;
        font-size: 110px;}

    .quote-name {
        font-size: 1rem;}

    .quote-position {
        font-size: 0.9rem;}
		
	h1.startseite_ueberschrift{	
		margin-top: 0;}}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;}}
/*ENDE STARTSEITE DIREKTOR/IN ZITAT inkl. BILD*/

/* LOGOSLIDER */
.hintergrund-unten {
	height:200px;}
	
.logoslider .bx-viewport {
    background-color: rgba(113,134,154,0);}
	
@media (min-width: 768px) {
    .logoslider .bx-viewport {
        height: 130px !important;}}

.slide_kachel {
    margin-top: 0px;
	margin-right: 20px;}
	
.logoslider > .bx-wrapper {
    box-shadow: none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    border:0;
	background:transparent;
	margin-bottom:0;}	
	
.logoslider {
    margin-bottom: -20px !important;}
	
.logoslider .bx-wrapper .bx-prev {
    left: -40px;}
	
.logoslider .bx-wrapper .bx-next {
    right: -40px;}
	
@media (min-width:768px){
    .slide_kachel {width:200px !important;}}

@media (max-width: 768px){
	.logoslider .bx-wrapper .bx-next {
    right: -25px;}
	
	.logoslider .bx-wrapper .bx-prev {
    left: -25px;}}

@media (max-width: 426px){
	.logoslider .bx-wrapper .bx-next {
    right: -22px;}
	
	.logoslider .bx-wrapper .bx-prev {
    left: -22px;}
	
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -35px !important;}
	
	.platz {
    padding-bottom: 4em !important;}}

.platz {
    padding-bottom: 2em;
	padding-top: 3em;}

#logos{
	margin-top:5px;}

.slide_kachel > a:focus { 
	outline: 2px solid #777777; 
	display:inline-block;}
	
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 0px;}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: center;
	width:100%;}
	
.bx-wrapper {
    max-width: 1000px !important;
    margin: 0 auto 40px;
    padding: 0;}

/*ENDE LOGO SLIDER*/

/*Sitemap*/
.sitemap {
    margin-left:0px;}
	
.sitemap li {
    font-size: 0.9em !important;
    line-height: 1.2em;
    margin-bottom:0.5em;}
	
.sitemap h2 {
    font-size: 1.4em !important;
    color: #004c7e;
    margin-top: 1em;
	margin-bottom:5px;}
	
.sitemap h3 {
    font-size: 1.0em !important;
    color: #000;}

/* FOOTER */
.hintergrund_footer {
    background-color: #757575;}

.impressum p {
    color:white;
    text-decoration: none;
    padding-top: 0.7em;}
	
.aussen {
    text-align: right;
    color: white;
    padding-top:0.4em;}
	
.aussen li {
    display:inline-block;
    list-style: none;
    text-transform: uppercase;}
	
.aussen a {
    color:white;}
	
.aussen a:hover {
    color: white !important;}
	
@media (max-width:991px) {
    .aussen {
        text-align: center;
		padding-left: 0;}}
 
/* NACH OBEN BUTTON */
.move-up {
 position: fixed;
 bottom: 50px;
 right: 40px;
 z-index: 3;
 display: none;
 z-index:1000;}

.move-up button {
  background:transparent;
  border:none;}

.move-up button:active:hover {
  padding-right:4px !important;
  margin-right:2px;}
 
.move-up i {
  font-size:60px;
  opacity:0.5;
  color:#f59c00 !important;}

/* INHALT STARTSEITE*/
.datum {
    font-size: 0.8em;
    color: #000000;
    margin-bottom:0.8em !important;}
	
.thema {
    font-size: 1em;
    color: black;
    margin:0.1em 0 ;}
	
article h3 {
    font-size: 1.5em;
    color: #004c7e;
    margin-bottom: 1em;}
	
.thema h2 {
    font-size: 1em;
    margin: 0.5em 0 0 0;}
	
.ueberschrift {
    font-size:1.3em;
    margin:0 0 1em 0;
    color: black;}
	
article p {
    font-size: 0.9em;
    color: black;
    margin-bottom: 1em;}
	
.zum a{
    color: #757575;}
	
.zum a:hover {
    color:#a22c1c;}
	
article hr {
    border: none; 
    border-top: 1px solid #71869B; 
    color: #71869B; 
    background-color: #71869B; 
    height: 1px;
    margin:0 3em 2em 3em;}
	
article img {
    margin-bottom: 1em;}

/* MENÜ RECHTS */
.fa-long-arrow-right {
    color: #f59c00;}
	
.menue_rechts {
    padding-left: 0;}
	
.fivecolumns {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0 !important;}
	
.fivecolumns h2 {
    font-size: 1.4em !important;
    color: #a22c1c;
    margin-left: 15px;}
	
.fivecolumns h3 {
    font-size: 1.2em !important;
    color: #000;}
	
.menue_rechts li {
    list-style-type: none;
    line-height: 1.3vw;}
	
@media (max-width:1024px) {
    .menue_rechts li {
        line-height: 1.5em;}}
		
.menue_rechts a, .menue_rechts a:visited {
    color: #706f6f;
    text-decoration: none;}
	
.menue_rechts a:hover {
    color:#004c7e;
    text-decoration: underline;}
	
.active {
    color:#004c7e !important;
    font-weight: bold;}
	
ul ul, ul ul ul, ul ul ul ul, ol ol, ol ol ol, ol ol ol ol, ol ul {
    padding-left: 20px;}
	
.menue_rechts > hr {
    text-align: left!important;
    margin: 0.3em auto 0.3em 0!important;
    width: 80%;}
	
/* GRAFIKEN NACHBAUEN */
/* AUFGABEN*/
.grafik-aufgabe {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    width: 100%;
    box-sizing: border-box;}
	
.section-title-aufgabe {
    background-color: #f59c00;
    color: #000000;
    margin: 0 0 6px;
    padding: 14px 10px;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 6px;
    box-sizing: border-box;}

/* Inhalte unter den Überschriften */
.subgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;}

.rows {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;}

.subgrid > div, .rows > div {
	background-color: #e9ecef;
    color: #000000;
    padding: 12px 10px;
    min-height: 50px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 0.8rem;
    line-height: 1.4;}
	
@media (max-width: 1000px) {
    .grafik-aufgabe {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;}}
	
@media (max-width: 600px) {
    .grafik-aufgabe {
        grid-template-columns: 1fr;
        gap: 20px;}

    .section-title-aufgabe {
        font-size: 1rem;
        padding: 12px 10px;}

    .subgrid > div,
    .rows > div {
        min-height: 45px;
        padding: 10px;
        font-size: 0.9rem;}}

/* ENDE AUFGABEN*/

/* MELDEPFLICHT UND FRISTEN */
.meldeprozess {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;}

.prozess {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;}

.prozess-schritt {
    min-width: 0;}

.prozess-kopf {
    position: relative;
    min-height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 9px 32px 9px 24px;
    box-sizing: border-box;
    text-align: center;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 600;
    color: black;
    background: #e9ecef;
 
    clip-path: polygon(
        0 0,
        calc(100% - 20px) 0,
        100% 50%,
        calc(100% - 20px) 100%,
        0 100%,
        20px 50%);}

.prozess-schritt:first-child .prozess-kopf {
    clip-path: polygon(
        0 0,
        calc(100% - 20px) 0,
        100% 50%,
        calc(100% - 20px) 100%,
        0 100%);}

.prozess-schritt:nth-child(1) .prozess-kopf {
    background: #e9ecef;}

.prozess-schritt:nth-child(2) .prozess-kopf {
    background: #fcce8e;}

.prozess-schritt:nth-child(3) .prozess-kopf {
    background: #f9b54f;
    color: black;}

.prozess-schritt:nth-child(4) .prozess-kopf {
    background: #f59c00;
    color: black;}

.prozess-inhalt {
    padding: 16px 10px 10px;
    font-size: 0.9rem !important;
    line-height: 1.5;
    color: black;}

.prozess-inhalt p {
    margin: 0 0 10px;}

.prozess-inhalt p:last-child {
    margin-bottom: 0;}

.zwischenbericht {
    width: 38%;
	margin-right:40px !important;
    margin: 10px 0 0 auto;}

.fortschritt {
	padding-bottom: 10px;}

.zwischenbericht > .prozess-kopf {
    position: relative;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 10px 30px 10px 25px;
    box-sizing: border-box;
    text-align: center;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 700;
    color: black;
    background: #e9ecef;

    clip-path: polygon(
        0 0,
        calc(100% - 20px) 0,
        100% 50%,
        calc(100% - 20px) 100%,
        0 100%,
        20px 50%);}

.zwischenbericht p {
    margin: 15px 10px 0;
    font-size: 0.8rem !important;
    line-height: 1.5;
    color: black;}

@media (max-width: 1200px) {
    .prozess-kopf {
        font-size: 0.9em !important;}

    .zwischenbericht>.prozess-kopf {
        margin: 12px 5px 0;
        font-size: 0.810rem !important;
        line-height: 1.55;}}
		
@media (max-width: 900px) {
    .prozess {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 25px;}

    .zwischenbericht {
        width: 60%;
        max-width: 600px;
		margin-right:110px !important;
        margin: 30px auto 0;}}
		
@media (max-width: 768px) {
	.zwischenbericht {
        width: 80%;
        max-width: 600px;
		margin-right:50px !important;
        margin: 30px auto 0;}}

@media (max-width: 600px) {
    .prozess {
        display: flex;
        flex-direction: column;
		gap: 2px;}

    .prozess-kopf,
    .prozess-schritt:first-child .prozess-kopf {
        min-height: auto;
        padding: 14px 20px;
        font-size: 1rem !important;
        border-radius: 4px;}

    .prozess-inhalt p{
        padding: 0;
        font-size: 0.9rem !important;
        line-height: 1.55;}

    .zwischenbericht {
        width: 100%;
        margin-top: 10px;}

    .zwischenbericht > .prozess-kopf {
        min-height: auto;
        padding: 14px 20px;
        font-size: 1rem !important;
        border-radius: 4px;}

    .zwischenbericht p {
        margin: 12px 5px 0;
        font-size: 0.9rem !important;
        line-height: 1.55;}}

@media (max-width: 380px) {
    .prozess-kopf {
        font-size: 15px;}

    .prozess-inhalt,
    .zwischenbericht p {
        font-size: 0.9rem !important;}}

@media (prefers-reduced-motion: reduce) {
    .meldeprozess *,
    .meldeprozess *::before,
    .meldeprozess *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;}
}
/* ENDE MELDEPFLICHT UND FRISTEN */

/* INHALT */
.thema {
    font-size: 1em;
    color: black;}
	
.thema h2 {
    font-size: 1em;
    margin: 0.5em 0 0 0;}
	
.ueberschrift {
    font-size:1.3em;
    margin:0 0 1em 0;
    color: black;}
	
article p {
    font-size: 0.9em;
    color: black;
    margin-bottom: 1em;}
	
.zum a{
    color: #706f6f;}
	
.zum a:hover {
    color:#a22c1c;}
	
article hr {
    border: none; 
    border-top: 1px solid #71869B; 
    color: #71869B; 
    background-color: #71869B; 
    height: 1px;
    margin:0 3em 2em 3em;}
	
.reihe3 {
    padding-right: 9px!important;}

/* TEXT */
.text {
    padding-right: 22px!important;}
	
.text h1, .new_ueber h1 {
    font-size: 1.5em;
    color: #004c7e;}
	
.text h2 {
    font-size: 1.2em;
    color: #004c7e;}
	
.text h3 {
    font-size: 1.1em;
	color: #004c7e;
    margin-bottom: 5px;}
	
.text h4 {
    font-size: 1.1em;
    color: black;
    font-weight:bold;
    margin-bottom: 5px;}
	
.text a {
    color: #000 !important;
    text-decoration: underline !important;}
	
.text a:hover {
    color: #004c7e !important;}
	
.text li {
	margin:0.7rem 0;
    font-size: 0.9rem;
}
	
figcaption, .credit {
    font-size: 0.8em!important;
    margin-bottom: 1em;
	margin-left: 0em;}

.zebra tr{
    background-color: white;}
	
.zebra tr:nth-child(odd) {
    background-color:  rgba(113,134,154,0.15);}
	
.mitRahmen td, .mitRahmen th{
    border: 1px solid black;
    border-collapse: collapse;}
	
.ce {
    text-align: center;}
	
.re {
    text-align: right;}
	
.tabr {
    text-align: right;}
	
.text hr {
    border: none; 
    border-top: 1px solid #71869B; 
    color: #71869B; 
    background-color: #71869B; 
    height: 1px;
    margin:2em 0 2em 0;}
	
.news hr {
    border: none; 
    border-top: 1px solid #71869B; 
    color: #71869B; 
    background-color: #71869B; 
    height: 1px;
    margin:0 3em 2em 3em;}
	
.zurueck {
    text-align: right;}
	
.paragraph {
    list-style-type: none;}
	
.text figure {
    display: inline-block;
    margin-right: 10px;}
	
@media (max-width:425px){
    .text figure {
        margin-right: auto;
        margin-left:auto;}}
.text ul, .text ol {
    font-size: 0.9em;}
.text ul ul, .text ol ol, .text ol ul, .text ul ol, .text ul ul ul, .text ol ol ol {
    font-size: 1em;}
	
.new_ueber figure {
    padding-left: 0;}

.reihe3 hr {
    border: none; 
    border-top: 1px solid #71869B; 
    color: #71869B; 
    background-color: #71869B; 
    height: 1px;
    margin:1em 0;}
	
.roem {
    list-style-type: upper-roman;}
	
.alpha {
    list-style-type: lower-alpha;}
	
.einzug {
    margin-left: 3.3em;}
	
.klein_left {
    width:100%; 
    max-width:365px;
    margin:0 0 0.5em 0;}
	
.gross {
    width:100%;
    max-width: 730px;
    margin-bottom: 0.5em;}
	
.bild_right {
    float: right!important;}
	
.bild_right figcaption {
	margin-left: 1.5em;}
	
.klein_right {
	width:100%; 
	max-width:365px;
	margin:0 0 0.5em 1em;}
	
@media (max-width:425px) {
    .bild_right {
        float:none!important;}
	
	.bild_right figcaption {
		margin-left: 0em;}
	
	.klein_right {
        margin:0 0 0.5em 0;}}
		
@media print {
    .klein_left, .klein_right {
        width: 365px;
		margin: 0 0 0.5em 0;}}
		
@media print {
    .bild_right, .bild_right > p {
        float: inherit!important;}}
		
.voransicht {
    max-width: 150px;
    max-height: 120px;
    margin-bottom: 0.4em;
    margin-left: auto;
    margin-right: auto }
	
.img-gallery {
    border: 1px;
    border-color: rgba(113, 134, 155, 1);
    border-style: solid;
    background-size:contain;
    background-position: center;
    background-repeat:no-repeat;
    height:115px;
    width:152px;
    max-height:115px;
    max-width:152px;
    min-height:115px;
    min-width:152px;}
	
.artikelbild {
    width: 100%;
    margin-bottom: 0.4em;}

.video_klein {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    margin-right:15px;}
	
@media (max-width:768px) {
    .video_klein {
        float: none;}}
		
.text .embed-responsive {
    margin-bottom: 1em;}
	
.fa-download:after, .fa-file-pdf-o:after {
    content: "\00a0";}
	
.fa-phone, .fa-envelope-o, .fa-address-book-o {
    margin-right:1em;}
	
.pager li > a, .pager li > span {
    border: 0;}
	
.pager li > a:hover {
    background-color: white;}
	
.panel-default > .panel-heading {
    background-color: white;}
	
.panel-default > .panel-heading > h2 > a {
    color: #a22c1c!important;
    background-color: white;
    text-decoration: none!important;}
	
.panel-body li, .sektion li {
    list-style-type: none;
    padding-bottom: 0.5em;}
	
.geschaeft {
    border:0;}
	
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0;}
	
.leiter {
    font-size: 1.2em;
    font-weight: 500;}
	
.adress {
    font-size: 1em;}
	
.ebene1 {
    font-weight: bold;
    display: inline-block;
    padding-bottom: 0.5em;}

.ohnePunkt, .ohnePunkt ul {
    list-style-type: none;}

#div_share_facebook {
    min-width: 100px;
    min-height:30px;
    padding:0;}
	
#div_share_twitter {
    min-width: 100px;
    min-height: 30px;
    padding: 0;}

/* Hinweistext --> .jumbotron */
@media screen and (min-width: 768px) {
    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 20px;
        padding-left: 20px;}}
		
.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    padding-top:15px;
    border-radius: 0px;}
	
@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 12px;
        padding-bottom: 12px;}}
		
.jumbotron {
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 10px;
    color: inherit;
    background-color: rgba(113,134,154,0.15);}
	
.jumbotron p {
    font-size: 0.9em;}
	
.jumbotron h1, .jumbotron h2,.jumbotron h3, .jumbotron h4 {
    margin-top: 0px;}

/* PANELS */
.panel {
    border-radius: 0px;}
	
.panel p {
    margin-bottom: 0px;}

/* CODE FUER FIVE COLUMNS */
@media (min-width: 768px){
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2  {
        width: 100%;
        width: 100%;}}
		
@media (min-width: 1200px) {
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 20%; 
        width: 20%;}}
		
@media (min-width: 768px) and (max-width: 979px) {
    .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {
        width: 20%;
        width: 20%;}}
		
@media (max-width:768px) {
    .fivecolumns .col-xs-5 {
        width:200px !important;}}

/* PRINT CSS --*/
@media print {
    a[href]:after {
    content: none;}
	
    .reihe1, reihe2 {
        float: none;}
		
    .img_fokus {
        width: 385px;}
		
    .artikelbild {
        width: 176px; }}
		
@media (max-width: 1199px) {
    #fokus1, #fokus2, #fokus3 {
        display: none;}}

/*FAQ-UNTERSEITE STYLES*/
.l-content-wrapper > ul {
    padding-left: 0rem;
	padding-right:0 !importent;}
	
.c-teaser-wrapper:has(>.c-navigation-teaser) {
    list-style: none;}
	
.c-teaser-wrapper {
    margin-bottom: 20px;}
	
.c-teaser-wrapper > a{
   text-decoration:none !important;}
   
.c-navigation-teaser {
    background: #e9ecef;
    height: 100%;
    min-height: 150px;
    padding: 12px;
    border: solid 2px transparent;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-property: border, background;
    transition-property: border, background;}

.c-navigation-teaser:hover{
	border-bottom: 2px solid #f59c00;
	background: #fff;}
	
.c-navigation-teaser__text {
    font-size: 1.0rem;
    line-height: 1.3;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
	margin-top: 15px;}

.c-navigation-teaser__icon {
    margin-bottom: 5px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    min-width: 75px;
    min-height: 75px;
    max-width: 75px;
    max-height: 75px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
	margin-bottom: 0 !important;
	position: relative;
	z-index: 2; 
	pointer-events: none;
	opacity: 0.6;}
	
.c-navigation-teaser:hover .image-overlay {
	opacity: 1;}

.no-bullet > .row {
	margin-left: 0 !important;}
	
.icon-container {
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  z-index: 1;}

.image-overlay {
	position: absolute;
    bottom: 0;
    right: -15px;
    top: 20px;
    color: #f59c00;
    opacity: 0.7;
    font-size: 5rem;
    font-weight: bold;
    line-height: 1;
    z-index: 1;
    pointer-events: none;}

@media screen and (min-width: 64em) {
    .large-3 {
        flex: 0 0 25%;
        max-width: 25%;}}

@media screen and (max-width: 1024px) and (min-width: 499px) {
    .large-3 {
        flex: 0 0 50%;
        max-width: 50%;}}

.faqsummary details {
  padding-bottom: 1rem !important;}

.faqsummary details[open] summary {
	margin-bottom: 1rem !important;
	border-bottom: 2px solid #f59c00;}

.faqsummary details > summary {
  border-bottom: 2px solid #f59c00;
  background: #e9ecef;
  padding: 1rem 2em 1rem 1rem;
  font-size: 1.0rem;
  cursor: pointer;
  margin-bottom:0rem;}

.btn-small-text {
	font-size:small !important;
	padding-right: 2rem;
	padding-left: 2rem;}

.btn-primary {
	color: #000;
    background-color: #f59c00 !important;
    border-color: #fff !important;
	margin-bottom: 1em;}

.btn-primary:hover {
	color: #000;
    background-color: #fff !important;
    border-color: #f59c00 !important;
	margin-bottom: 1em;}
/*ENDE FAQ*/

/* AUFBAU - GESCHÄFTSEINTEILUNG*/
.aufbau_bundesamt {
  max-width: 900px;
  margin: 0 auto;}
  
.aufbau_bundesamt a {
  text-decoration:none !important;}
  
.titleaufbau a:hover {
	font-weight:bold !important;}
  
.nodegliederung {
  margin: 10px 0;
  position: relative;}

.nodegliederung input {
  display: none;}

.titleaufbau {
  display: block;
  padding: 14px 16px;
  background: #f59c00;
  border: 1px solid #e9ecef;
  border-radius: 14px;
  font-weight: 650;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease;}
  
.bereiche {
  background: #e9ecef;}

.titleaufbau:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);}


.titleaufbau::after {
  content: "›";
  position: absolute;
  right: 16px;
  transition: transform 0.25s ease;}

.content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-6px);
  transition: all 0.35s ease;
  margin-left: 20px;
  padding-left: 18px;
  border-left: 2px solid #e9ecef;}

.nodegliederung input:checked ~ .content {
  max-height: 5000px;
  opacity: 1;
  transform: translateY(0);}

.nodegliederung input:checked + label::after {
  transform: rotate(90deg);}

.leaf {
  background: #fff;
  border: 1px solid #e9ecef;
  padding: 10px 14px;
  margin: 8px 0;
  border-radius: 12px;
  position: relative;
  transition: all 0.2s ease;}

.leaf::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #f59c00;
  border-radius: 50%;
  position: absolute;
  left: -26px;
  top: 14px;}

.leaf:hover {
  transform: translateX(3px);
  border-color: #e9ecef;}
  
.bezeichnung {
	font-size:1.2rem;}

#ge {
    font-size: 1em !important;}

#ge ol > li {
    counter-increment: item;
    font-size: 0.9rem !important;
	margin-bottom: 0.5rem;}

#ge ol {
    counter-reset: item;
    list-style-type: none;
    margin-top: 0.7rem;}

#ge ol > li::marker {
    content: counters(item, '.') ' - ';
    color: #f59c00;
	font-weight:bold;}

#ge ol {
	padding-left: 3rem !important;}

#ge ul {
	padding-left: 3rem !important;}

/*PUBLIKATION*/
.report-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
    padding: 2.5rem;
    background: #f5f7fa;
    border-radius: 8px;
    position: relative;
    overflow: visible;}

.report-content {
    flex: 1;}

.report-content h2 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 2rem;
    color: #003366;}

.report-content p {
    margin-bottom: 1.5rem;
    line-height: 1.6;
    color: #333;}

.report-button {
    display: inline-block;
    padding: 12px 24px;
    background: #005ea5;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s ease;}

.report-button:hover {
    background: #00457a;}

.report-image {
    flex-shrink: 0;
    position: relative;}

.report-image img {
    display: block;
    width: 260px;
    max-width: 100%;
    height: auto;
    margin-top: -50px;
    transform: rotate(8deg);
    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.15),
        0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;}
	
.report-image img:hover {
    transform: rotate(8deg) scale(1.03);}

/* Responsive */
@media (max-width: 768px) {
    .report-box {
        flex-direction: column;
        text-align: center;}

    .report-image img {
        width: 180px;
        margin-top: -25px;
        transform: rotate(5deg);}}
/*ENDE Publikation*/

/*LIGHTBOX*/
.lbox {
    opacity: 1;}
	
.ratio {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;}
	
.ratio > img {
    border-top: #595959 2rem solid;}
	
.modal-body p, .modal-body ul, .modal-body ol {
    font-size: 1.1rem;}

.lightbox-caption {
    background-color: #595959;
    font-weight: normal;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;}
	
.btn-close:focus{
	 outline: 0;
	 box-shadow: 0 0 0 0.15rem #777777;}
	
.carousel-control-next, .carousel-control-prev {
	width: 7%;}


/*ENDE LIGHTBOX*/