/*
dunkelblau: #27505E
hellblau: #0c7687
hellgrau-blau: #89999F
blass-hellblau #EDF7F9
*/
@font-face {font-family: 'Gothic A1';src: url('/static/slf1/fonts/GothicA1-Thin.woff2') format('woff2'),url('/static/slf1/fonts/GothicA1-Thin.woff') format('woff');font-weight: 100;font-style: normal;}
@font-face {font-family: 'Gothic A1';src: url('/static/slf1/fonts/GothicA1-ExtraLight.woff2') format('woff2'),url('/static/slf1/fonts/GothicA1-ExtraLight.woff') format('woff');font-weight: 200;font-style: normal;}
@font-face {font-family: 'Gothic A1';src: url('/static/slf1/fonts/GothicA1-Bold.woff2') format('woff2'),url('/static/slf1/fonts/GothicA1-Bold.woff') format('woff');font-weight: bold;font-style: normal;}
@font-face {font-family: 'Gothic A1';src: url('/static/slf1/fonts/GothicA1-Medium.woff2') format('woff2'),url('/static/slf1/fonts/GothicA1-Medium.woff') format('woff');font-weight: 500;font-style: normal;}
@font-face {font-family: 'Gothic A1';src: url('/static/slf1/fonts/GothicA1-SemiBold.woff2') format('woff2'),url('/static/slf1/fonts/GothicA1-SemiBold.woff') format('woff');font-weight: 600;font-style: normal;}
@font-face {font-family: 'Gothic A1';src: url('/static/slf1/fonts/GothicA1-Regular.woff2') format('woff2'),url('/static/slf1/fonts/GothicA1-Regular.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Gothic A1';src: url('/static/slf1/fonts/GothicA1-Light.woff2') format('woff2'),url('/static/slf1/fonts/GothicA1-Light.woff') format('woff');font-weight: 300;font-style: normal;}
@font-face {font-family: 'Gothic A1';src: url('/static/slf1/fonts/GothicA1-ExtraBold.woff2') format('woff2'),url('/static/slf1/fonts/GothicA1-ExtraBold.woff') format('woff');font-weight: 800;font-style: normal;}
@font-face {font-family: 'Gothic A1';src: url('/static/slf1/fonts/GothicA1-Black.woff2') format('woff2'),url('/static/slf1/fonts/GothicA1-Black.woff') format('woff');font-weight: 900;font-style: normal;}
body{
  padding:0!important;
  font-size:15px;
  font-family: 'Gothic A1',Helvetica,Arial,serif;
  font-weight:500;
  -webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
  }

.small, small{
	font-size: 90%;
	font-weight: 500;
	}
#designbody{
  background-color:#F2F3F5;
  }
h1,h2,h3,h4,h5{
  font-family: 'Gothic A1',Helvetica,Arial,serif;
  }
/*
h1{
  font-size:2rem;
  color:#27505E;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:30px;
  line-height: 1.35;
  }
*/

h2,h1{
  font-size: 1.2rem!Important;
  font-weight: 900;
  color: #27505E;
  text-transform: uppercase;
  line-height: 1.6;
  margin: 0 0 30px 0;
  background: rgba(39, 80, 94, 0.05);
  padding: 12px 12px 6px 14px;
  position: relative;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
  }
h2 a{
  color: #27505E;
  }
h2:before{
  content: '';
  display: inline-block;
  background: rgba(64, 172, 190, 0.2);
  width: 12px;
  height: 12px;
  left: 0;
  top: 0;
  position: absolute;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	}
h3{
  font-size:1.1em;
  font-weight:900;
  color:#27505E;
  }
h4{
  font-size:1.0rem;
  font-weight:900;
  color:#0c7687;
  }
h5{
  font-size:0.9em;
  font-weight:700;
  color:#27505E;
  }
h6{
  font-size:0.7em;
  font-weight:500;
  color:#27505E;
}
a,.link{
  color:#0c7687;
  }
a:hover{
  text-decoration:none;
  }
main{
  padding:30px 0;
  }
.modal-header{
  background-color:#27505E;
  color:#ffffff;
  }
.modal-header h5{
  color:#ffffff;
  }
.modal-header .close i{
  color:#ffffff;
  }
.btn-primary{
  background-color:#0c7687;
  border-color:#0c7687;
  }
.btn-primary:hover{
  background-color:#2a7a88;
  border-color:#2a7a88;
  }
.page-item.active .page-link {
  background-color: #0c7687;
  border-color: #0c7687;
  }
.page-link,.page-link:hover{
  color: #0c7687;
  }
.positiontracker{
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  hyphens: none;
  margin-bottom: 8px;
	}
label{
	font-size: 13px;
	font-weight: 700;
	color: #0c7687;
	}
.dark{
	color:#27505E;
	}
.light{
	color:#0c7687;
	}
.white{
	color:#fff;
	}
.list-entry{
	font-size:18px;
  font-weight:600;
	}
.smallcontent{
	font-size:14px;
	}
.einfacheListe .borderline, hr.borderline{
  border-bottom: 5px solid rgba(39, 80, 94, 0.05);
  margin: 30px 0;
  border-top: 0;
	}
hr.borderline{
  border-bottom: 20px solid rgba(39, 80, 94, 0.1);
  margin: 10px 0 70px 0;
  border-top: 0;
	}
.zoomContent {
	zoom: 0.75;
}
.tableGG td {
	vertical-align: top;
}

@media (max-width: 991.98px){  
  h1{
    font-size:1.4rem;
  }
  h1:before{
    content: '';
    display: inline-block;
    background: #27505E;
    width: 22px;
    height: 22px;
    margin-bottom: 10px;
    margin-right: 7px;
    position: relative;
    top: 11px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  h2 {
  	text-transform: none;
  }
  main{
    max-width:100%!important;
  }
}
@media (min-width: 992px){  
  h1{
    font-size:1.7rem;
  }
  h1:before{
    content: '';
    display: inline-block;
    background: #27505E;
    width: 26px;
    height: 26px;
    margin-bottom: 10px;
    margin-right: 7px;
    position: relative;
    top: 10px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
  
@media (min-width: 1700px){  
  .logocontainer{
    max-width:410px;
    }
  }

#headerSticky {
  position: fixed;
  background-color: #fff;
  border-bottom: 2px solid #ccc;
  z-index: 100;
}


/*################################# HEADER ###################################*/   
.navholder{
  background-color: #0c7687;
  height: 35px;
  /*position: absolute;
  bottom: 0;*/
  width: 100%;
  max-width: 100%;
  }
.header{
  height:85px;
  position:relative;
  }
/*@media (max-width: 767px){  
  .header{
    width:10px;
    }
  }*/
.menu-suche {
	position: fixed;
	right: 10px;
	top: 15px;
	z-index: 100;
}
.menu-suche button{
  background-color:transparent;
  border:none;
  width:60px;
  height:60px;
  border-radius:10px;
  background-color:#ffffff;
  }
.menu-suche button i{
  font-size:1.4em;
  }
.menu-suche .suche{
  color:#27505E;
  }
.menu-suche .menu{
  color:#0c7687;
  }
.menu-suche .menutext{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	}

@media (min-width: 992px)and (max-width: 1199px){
  .menu-suche{
    top: 20px;
    }
  }
.menuicons a.btn{
  background-color:#ffffff;
  color:#27505E;
  width: 100%;
  height: 120px;
  margin-bottom: 20px;
  line-height:1;
	padding-top: 20px!Important;
  padding: 5px;
  }
.menuicons a.btn i{
  font-size:2.5em;
  margin-bottom:15px;
  }
.navheader{
  height:65px;
  position:relative;
  background-color:#ffffff;
  margin:0 -15px;
  padding-left:15px;
  }
.navheader .menu{
  border:0;
  font-size:2rem;
  color:#27505E;
  background-color:transparent;
  position:absolute;
  right:20px;
  top:15px;
  }
.navheader .logo{
  display:none;
  }
/*
.navrow{
  color:#ffffff;
  font-size:1.5rem;
  border-bottom:1px solid #ffffff;
  position:relative;
  text-transform:uppercase;
  }
.navrow  .link{
  padding:10px 0;
  display:inline-block;
  width:calc(100% - 41px);
  transition:padding-left .3s;
  color:#ffffff;
  }
.navrow .sub{
  position:absolute;
  right:0;
  padding:10px;
  display:inline-block;
  }
.navrow .link:hover,.navrow .sub:hover{
  padding-left:10px;
  background-color:#89999F;
  }
.sub.root{
  color:#ffffff;
  font-size:1.4rem;
  }
.parentlink{
  display:block;
  background-color:#ffffff;
  padding:3px 5px 5px 5px;
  font-size:2rem;
  }
*/



/*################################# FOOTER ###################################*/ 
.svg-wrapper{
  height:199px;
  position:relative;
  }
.svg-wrapper svg{
  /*
  right:-8px;
  position:absolute;
  */
  height: 100%;
  float: right;
  }
@media (max-width: 767.98px){
  .svg-wrapper{
    height:104px;
    }
  #mapBox {zoom: 0.51;}
}
@media (min-width: 768px) and (max-width: 1199px){
  .svg-wrapper{
    height:151px;
  }
  .svg-wrapper svg{
    width:2600px;
    right:-1px;
  }
  #mapBox {zoom: 0.9;}
}
footer .text{
  background-color:#0c7687;
  margin-top:-1px;
  }  
footer .text p{
  margin-bottom:0;
  }
footer .text h3{
  border-bottom:3px solid #ffffff;
  color:#ffffff;
  }
footer .text .links a{
  color:#ffffff;
  display:block;
  border-bottom:1px solid #ffffff;
  padding:3px 0;
  position: relative;
  }
footer .text .links a:after{
  content:"\f061";
  font-size:0.7rem;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-weight: 900;
  position: absolute;
  right: 0;
  bottom: 6px;
  }
footer .bottom{
  background-color:#27505E;
  height:30px;
  padding: 6px 15px;
  width: 100%;
  color: #ffffff;
  font-size: 14px;
  }
footer .bottom a{
  color:#ffffff;
  border:none;
  display:inline;
  }
 /*################################# HILFSKLASSEN ###################################*/
.wechdormid{
  display:none;
  }
.cursor{
  cursor:pointer;
  }
.bg-hellblau{
  background-color:#DEE6E9;
  }
.rot{
  color:#9e412e;
  }
.textschleifenitem img{
  float:right;
  margin-left:15px;
  width:250px;
  }
@media (max-width: 767px){
  .offcanvas-collapse {
    width:100%;
    }
  .navheader .logo{
    display:block;
    }
  }
.offcanvas-collapse.open {
  -webkit-transform: translateX(0);
  /*transform: translateX(-1rem);*/
  transform: translateX(0);
  box-shadow: 0 0 10px rgba(10,10,10,0.5);
  overflow: inherit;
  }
 
.seitentrennerbild{
  background-size:cover;
  background-position:center;
  }
@media (max-width: 575.98px){
  #startseitenslider{
    height:112px;
    }
  .seitentrennerbild{
    height:100px;
    }
  .offcanvas-collapse.open {
    overflow: auto;
  	}
  .slidertext{
  	display:none;
  }
  .row.menuicons div a span {
  	font-size:.8rem;
    }
  .respVideo {
  	}
  }
@media (min-width: 576px)and (max-width: 767px){
  #startseitenslider{
    height:250px;
    }
  .seitentrennerbild{
    height:150px;
    }
  }
@media (min-width: 576px)and (max-width: 991.98px){
	.newsbox .text.pt-4 {
  	padding-top: 0.8rem!important;
  }
}
@media (min-width: 768px)and (max-width: 991.98px){
  #startseitenslider{
    height:300px;
		margin-bottom: 100px;
    }
  .seitentrennerbild{
    height:200px;
    }
  }
@media (min-width: 992px)and (max-width: 1199px){
  #startseitenslider{
    height:350px;
    margin-bottom:103px;
    }
  .seitentrennerbild{
    height:250px;
    }
  }
@media (min-width: 1200px){
  #startseitenslider{
    height:350px;
    margin-bottom:103px;
    }
  .seitentrennerbild{
    height:300px;
    }
  }
  
  
  
  
  
  
  
#startseitenslider .carousel-item{
  height:100%;
  }
#startseitenslider .carousel-inner{
  height:100%;
  opacity:0.9;
  }
#startseitenslider .carousel-indicators{
  margin-right:0;
  margin-left:0;
  margin-bottom:0;
  bottom:-102px;
  }
#startseitenslider .carousel-indicators li{
  /*width:44px;*/
  height:60px;
  flex-basis:0;
  flex-grow:1;
  text-align:center;
  padding-right:0!important;
  padding-left:0!important;
  background-size:cover;
  background-position:center;
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
  border:none;
  /*margin-right:10px;
  border-radius:25px;
  border:3px solid #ffffff;
  opacity:1;*/
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.9;
  color:#ffffff;
  font-size:1.2rem;
  padding-top:40px;
  }
#startseitenslider .carousel-indicators li.active{
  /*border-color:#0c7687;*/
  -webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
  }
#startseitenslider .carousel-item div.sliderbild{
  height:100%;
  background-size:cover;
  background-position:center;
  }
  
.carousel .item img,
#startseitenslider .carousel-item div.sliderbild {
  -webkit-transition: all 12s;
  -moz-transition: all 12s;
  -o-transition: all 12s;
  transition: all 12s;
}  
  
  
  
.carousel .item.left img,
#startseitenslider .carousel-item.left div.sliderbild,
.carousel .item.right img,
#startseitenslider .carousel-item.right div.sliderbild {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.carousel .item.active img,
#startseitenslider .carousel-item.active div.sliderbild {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
.carousel .item.active.inactiveUntilOnLoad img,
#startseitenslider .carousel-item.active.inactiveUntilOnLoad div.sliderbild{
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -o-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}  
  
  
  
  
  
.abschnittsbild{
  width:300px;
  }
.abschnittsbild.right{
  float:right;
  margin-left:15px;
  }
#teaser{
	margin-top: 28px;
	}
.teaserBox #teaser{
	margin-top: 35px;
	}
.teaser{
  margin-bottom:20px;
  }
.teaser h3{
  font-size:1.2rem;
  font-weight:900;
  color:#27505E;
  }
.teaser.dokumente{
  border:1px solid #0c7687;
  padding:15px;
  }
.teaser.dokumente a{
  display:block;
  }
.teaser.dokumente a:before{
  content:"\f101";
  font-weight:900;
  font-family: "Font Awesome 5 Free";
  margin-right:5px;
  }
.teasernav{
  padding:15px;
  border: solid 2px #27505E;
  color: #89999F;
  }
.teasernav a{
  display:block;
  position:relative;
  border-bottom:1px solid #ffffff;
  padding:3px 0;
  }
.teasernav a i{
  position:absolute;
  right:0;
  top:7px;
  }
.aktuelles a i{
  position:absolute;
  right:0;
  top:17px;
  }
.teasernav a .aktiv{
  color:#27505E;
  }
.teasernav a>span {
  width: 90%!Important;
  display: inline-block;
}
.aktuelles a{
  color:#27505E;
  display:block;
  position:relative;
  border-bottom:1px solid #27505E;
  padding:3px 0;
  font-size:0.9rem;
  font-weight:600;
  }
.ansprechpartner,.box.blau{
  /*border: solid 6px #40ACBE;*/
  color: #89999F;
  background: rgba(12, 118, 135, 0.2);
  padding:10px;
  }
.box.blau{
  border-bottom:5px solid #0c7687;
  color:#0c7687;
  height:auto;
  }
.ansprechpartner h3{
  color: #0c7687;
	margin-bottom: 10px;
  }
.ansprechpartner a,.ansprechpartner a:hover{
  color:#27505E;
  }
.ansprechpartner hr{
  border-top:1px solid #89999F;
  margin-top:0.5rem;
  margin-bottom:0.5rem;
  }
.ansprechpartner .textbereich{
  padding:10px;
  }
  
.letterleiste > div{
  padding:2px;
  }
.letterleiste a{
  background-color:#97BAA4;
  color:#27505E;
  display:block;
  text-align:center;
  padding:10px 15px;
  font-size:1.4rem;
  font-weight:600;
  }
.letterleiste a:hover{
  background-color:#0c7687;
  }
.letterleiste a.aktiv{
  color:#ffffff;
  background-color:#27505E;
  }
.letterleiste_ziele a {
	color: #fff;
}
.letterleiste_ziele a.aktiv{
  color:#ffffff;
  color:#27505E;
  }
.zielsize a {
  width: 100% !important;
}
.card-header > button,.card-header > button:hover{
  width:100%;
  text-align:left;
  color:inherit;
  text-decoration:none;
  }
.orga-head{
  background-color:#27505E;
  color:#89999F;
  padding:10px;
  }
.orga-head > div{
  color:#ffffff;
  }
.orga-body{
  background-color:#d5e4e9;
  color:#27505E;
  padding:10px;
  }
.orga-body a{
  color:#27505E;
  }
.orga-body .ebene1{
  font-weight:bold;
  }
/*
.orga-body .ebene2:before{
  content: "";
  margin-left:10px;
  }
*/
.orga-body .ebene2{
  margin-left:10px;
  }
.amtsblattauswahl .jahritem{
  display:block;
  background-color:#DEE6E9;
  text-align:center;
  color:#27505E;
  }
.amtsblattauswahl .jahritem.aktiv{
  background-color:#27505E;
  color:#ffffff;
  }
.einfacheListe h3{
  font-size: 1.4rem;
  color: #27505E;
  font-weight: 800;
  line-height: 1.3;
  }
.einfacheListe img{
  width:300px;
  }
.einfacheListe hr{
  border-top: 2px solid #27505E;
  }
.subnav a{
  background-color:#97BAA4;
  padding: 10px 15px;
  position:relative;
  }
.subnav a:after{
  content:"\f054";
  font-size:1.5rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position:absolute;
  right:15px;
  top:5px;
  color:#0c7687;
  }  
  
  
  
#accordion .card,.subnav a{  
  border: none;
  margin-bottom: 10px;
  border-bottom: 4px solid #0c7687;
  border-radius: 0;
  display:block;
  }

#accordion .card-header{
  background: rgba(12, 118, 135, 0.2);
  border-radius: 0;
  border: none;
  position:relative;
  padding-left: 40px;
  }
#accordion .card-header h3{
  font-size:1.2rem;
  font-weight:600;
  }
#accordion .card-header button:after{
  font-size:1.5rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position:absolute;
  right:15px;
  bottom:15px;
  color:#0c7687;
  }
#accordion .card-header button:before{
  content:"\f0c8";
  font-size:1.2rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position:absolute;
  left:15px;
  top:15px;
  color:#27505E;
  }
#accordion .card-header button[aria-expanded=true]:after{
  content:"\f062";
  }
#accordion .card-header button[aria-expanded=false]:after{
  content:"\f063";
  }
#accordion .card-body{
  border-right:5px solid rgba(12, 118, 135, 0.2);
  border-left:5px solid rgba(12, 118, 135, 0.2);
  }
#accordion .card-body p{
  margin-top:15px;
  }
#accordion .card-body img{
  width:100%;
  margin-bottom:15px;
  }
@media (min-width: 576px){
  #accordion .card-body img{
    width:250px;
    float:right;
    margin-left:15px;
  }
}
.einfacheListe.newsliste .row{
  position:relative;
  padding-right:30px;
  }
.einfacheListe.newsliste .row:after{
  content:"\f061";
  font-size:1.2rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position:absolute;
  right:15px;
  top:15px;
  color:#27505E;
  }
@media (min-width: 576px){  
  .news_pic .img-fluid{
    width:300px;
    }
  }
  
/*################################ Breitansicht ##############################*/
.navbar{
  padding:0;
  }
#hauptnav_gross nav .nav-link{
  color:#FFFFFF;
  font-weight:bold;
  font-size:16px;
  padding:7px 13px 3px 13px;
  /*border-bottom:5px solid transparent;
  letter-spacing:-0.05rem*/
  }  

#hauptnav_gross{
  /*position:absolute;
  bottom:0;
  width: calc(100% + 50px)!important*/
  }
/*
#hauptnav_gross nav .nav-link:before{
  content: " ";
  display: inline-block;
  margin-right: 7px;
  background: rgba(39, 80, 94, 1);
  width: 13px;
  height: 13px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  top: 1px;
  position: relative;
  }*/
#hauptnav_gross .nav-item.dropdown:focus, #hauptnav_gross .nav-link:focus{
	outline: none;
}

#hauptnav_gross .dropdown-menu{
  background-color:#0c7687;
  border: none;
  border-radius: 0;
  opacity:0.97;
}
#hauptnav_gross .dropdown-menu a{
  color:#ffffff;
  }
#hauptnav_gross .nav-item.e1{
  position:static;
  padding:0;
  }
#hauptnav_gross .nav-item.e1 a:hover{
  background-color:#ffffff87;
  }
#hauptnav_gross .navbar-nav{
  position:relative;
  }
#hauptnav_gross .dropdown-menu{
  width:100%;
  margin-top:0;
  }
#hauptnav_gross .dropdown-item.e2{
  padding:0;
  font-weight:600;
  }
#hauptnav_gross .dropdown-item.e2 hr{
  border-bottom:3px solid #ffffff;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  }
#hauptnav_gross .dropdown-item.e3{
  white-space:initial;
  padding:0;
  border-bottom:1px solid #ffffff;
  }
#hauptnav_gross .dropdown-item.e3 span{
  display:block;
  padding:4px 20px 4px 0;
  font-size:0.9rem;
  position:relative;
  }
#hauptnav_gross .dropdown-item.e3 span:after{
  content:"\f061";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position:absolute;
  right:0;
  }
#hauptnav_gross .dropdown-item:focus span, #hauptnav_gross .dropdown-item:hover span{
  color:#27505E;
	}
#hauptnav_gross .dropdown-item:focus, #hauptnav_gross .dropdown-item:hover{
	padding: 0 5px!important;
  }
#hauptnav_gross .nav-link[aria-expanded=true]{
  color:#0c7687;
  border-color:#0c7687;
  }
.#hauptnav_gross{
  margin-top:28px;
  }
.logocontainer{
  /*position:absolute;*/
  left:10px;
  top:10px;
  height:83px;
  }
/*#################################### /Breitansicht ############################*/
  
 /*################################### Mobilansicht #############################*/ 

@media (max-width: 991.98px){
  .twoCols-md {
    column-count: 1;
  }
}
@media (max-width: 1024px){
	body{
  	font-size: 16px;
  	}
  .small, small{
		font-size: 80%;
		}
  .positiontracker{
	  font-weight: 400;
		}
  .startseitenbox .text{
    font-size:14px;
  }
}
@media (max-width: 575.98px){
  body{
    font-size: 16px;
    hyphens: auto;
  }
  .twoCols-md+.karte {
    zoom: 0.65;
  }
}
/*@media (min-width: 576px) and (max-width:767px){
  body{
    font-size:13px;
  }
}*/
@media (min-width: 992px)and (max-width: 1299px){
	#hauptnav_gross{
 	  /*width: calc(100% + 80px)!important*/
    width:100%;
  	}
	#hauptnav_gross nav .nav-link{
    font-size:12px;
    padding: 10px 13px 13px 13px;
    }
  #hauptnav_gross nav .nav-link:before{
  	  width: 11px;
      height: 11px;
      margin-right: 5px;
  	}
  .container.header{
  	max-width:960px!important;
  	}
   
  }
@media (min-width: 992px){
.offcanvas-collapse {
  width:500px!important;
  }
  .dok_nav .e1 li,.dok_nav .e2 li,.dok_nav .e3 li{
    font-size:1rem!important;
  }
  .twoCols-md {
    column-count: 2;
  }
}
.offcanvas-collapse {
  position: fixed;
  padding:0 15px;
  z-index:9999;
  top: 0;
  bottom: 0;
  right:0;
  width: 100%;
  /*padding-right:20px;
  padding-left:20px;*/
  overflow-y: auto;
  background-color:#27505E;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);  
  }


/*################################### /Mobilansicht #############################*/   
  
  
  
  
.schnelllinks span{
  position: absolute;
  padding: 46px 25px 13px 25px;
  background-color: rgba(39, 80, 94, 0.5);
  color: #ffffff;
  top: 0px;
  right: 0;
  width: 190px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 20px;
  border: 4px solid #fff;
  border-right: transparent;
  border-top: transparent;
  font-weight: 700;
  }
.schnelllinks > div > div{
  height:200px;
  background-size: cover;
  position:relative;
  }
  
  
.dok_nav span + ul{
  height:0;
  overflow:hidden;
  transition: height 1s ease;
  }
.dok_nav ul.show{
  height:auto;
  
  }
.dok_nav ul li.open{
  border-bottom:none;
  }
.dok_nav ul li.open > span:after{
  content:"\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position:absolute;
  right:0; 
  }
.dok_nav ul li:last-child{
  border-bottom:none;
  }
.dok_nav ul li span{
  display:block;
  }

.dok_nav,.dok_nav ul{
  list-style-type: none;
  padding-left: 0;
  margin-top:10px;
  }
.dok_nav .e1{

  }
.dok_nav .e1 li{
  color: #ffffff;
  padding: .5rem 0;
  font-size: 1.2rem;
  border-bottom: 1px solid #ffffff;
  width: initial;
  position:relative;
  }
.dok_nav .e1 li span,.dok_nav .e1 li a{
  color:#ffffff;
  }
.dok_nav .e1 li span:hover,.dok_nav .e1 li a:hover{
  color:#0c7687;
  }
.dok_nav .e1 li span:after{
  content:"\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position:absolute;
  right:0;  
  }
.dok_nav .e1 li a:after{
  content:"\f061";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position:absolute;
  right:0;  
  }
.dok_nav .e2{
  background-color:#0c7687;
  margin: 0 -15px;
  padding-left: 25px;
  padding-right:15px;
  }
.dok_nav .e2 li{
  
  }
.dok_nav .e2 li span:hover,.dok_nav .e2 li a:hover{
  color:#27505E;
  }
.dok_nav .e3{
  background-color:#ffffff;
  margin: 0 -25px;
  padding-left: 35px;
  padding-right: 25px;
  }
.dok_nav .e3 li,.dok_nav .e3 li a{
  color: #27505E;
  }
.dok_nav .e3 li span:hover,.dok_nav .e3 li a:hover{
  color:#0c7687;
  }
ul.start_newsliste{
  list-style-type: none;
  padding: 0;
  }
ul.start_newsliste li{
  display:block;
  border-bottom:1px solid #212529;
  padding:3px 0;
  }
ul.start_newsliste li a{
  color: #212529;
  width: calc(100% - 30px);
  display: inline-block;
  position: relative;
  font-weight: 500;
  line-height: 1.3;
  font-size: 0.9rem;
  padding: 6px 0;
  }
ul.start_newsliste li a small{
	margin-bottom: 4px;
	display: inline-block;
	}
ul.start_newsliste li a:after{
  content: "\f061";
  font-size: 1rem;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-weight: 900;
  position: absolute;
  right: -28px;
  bottom: 6px;
  }
.slidertext{
  border: solid 6px #ffffff;
  position:absolute;
  bottom:30px;
  right:30px;
  padding:15px;
  background-color:#ffffffe0;
  z-index:9999;
  }
.slidertext h2{
  color:#27505E;
  background-color:transparent;
  font-size:0.7rem;
  margin:0 0 5px 0;
  padding:0;
  text-align:left;
  }
.slidertext h2:before{
  display:none;
  }
.slidertext p{
  text-align:left;
  }
.slidertext a{
  float:right;
  }
.startseitenbox .bild{
  width:100%;
  margin-bottom:15px;
  }

@media (min-width:768px){
.startseitenbox .bild{
  width: calc(50% - 15px);
  float: left;
  margin-right: 15px;
  margin-bottom:10px;
  }
}
  
.startseitenbox{
  margin-bottom:30px;
  }
.startseitenbox .link{
  float:right;
  }
.startseitenbox .link:after{
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-left:5px;
  font-weight:900;
  }
.startseitenbox .higrubox{
  padding:15px;
  background-color:#27505e0d;
  }
 .startseitenbox .text{
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;
  }

.newsbox{
  background-color:#27505e0d;;
  margin-bottom:15px;
  height:120px;
  position:relative;
  }
.newsbox .bild{
  float:left;
  margin-right:10px;
  }
.newsbox .text{
  padding:10px;

  }
.newsbox .text i.fas{
  position:absolute;
  right:10px;
  bottom:10px;
  }
.newsbox .text a{
  color:initial;
  }
.newsbox .text small{
  font-size:0.8rem;
  color:#0c7687;
  }
.newsbox .ratiobox{
  position:relative;
  height:120px;
  width:120px;
  /*border-radius:50%; weglassen, wenn quadratisch
  background-color:grey;*/
  padding-left:0!important;
  overflow:hidden;
  cursor:pointer;  /*weglassen, wenn kein Link */
}
.newsbox .ratiobox:before{
  content:"";
  display:block;
  padding-top:100%;     /* initial ratio of 1:1*/
}
.newsbox .ratiobox .content{
  position:  absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  padding-left:0!important;
  background-size:cover;
  background-position:center;
}  
.newsbox .grossbox{
  width:100%;
  height:180px;
  overflow:hidden;
  display:flex;
  align-items:center;
  }

.newsbox_side{
  background-color:#27505e0d;;
  margin-bottom:15px;
  height:90px;
  position:relative;
  font-size: 13px;
  }
.newsbox_side .bild{
  float:left;
  margin-right:10px;
  }
.newsbox_side .text{
  padding:10px;

  }
.newsbox_side .text i.fas{
  position:absolute;
  right:10px;
  bottom:10px;
  }
.newsbox_side .text a{
  color:initial;
  }
.newsbox_side .text small{
  font-size:0.8rem;
  color:#0c7687;
  }
.newsbox_side .ratiobox{
  position:relative;
  height:90px;
  width:90px;
  /*border-radius:50%; weglassen, wenn quadratisch
  background-color:grey;*/
  padding-left:0!important;
  overflow:hidden;
  cursor:pointer;  /*weglassen, wenn kein Link */
}
.newsbox_side .ratiobox:before{
  content:"";
  display:block;
  padding-top:100%;     /* initial ratio of 1:1*/
}
.newsbox_side .ratiobox .content{
  position:  absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  padding-left:0!important;
  background-size:cover;
  background-position:center;
}
.flexcontainer{
  display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
  }
.flexitem{
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  }
body.startseite #teaser{
  margin-top:0;
  }
.checkboxbox.is-invalid{
  border:1px solid #dc3545;
  padding: .375rem .75rem;
  border-radius:.25rem;
  }
.logoleiste a{
  height:30px;
  display:inline-block;
  margin-right:20px;
  }
.logoleiste a img{
  height:100%;
  }
.input-design{
  display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
.uploadbild{
  position:relative;
  width:auto;
  display:inline-block;
  }
#loeschbutton{
  position:absolute;
  top:-2px;
  right:0;
  color:red;
  font-size:1.5rem;
  }
canvas#imageCanvas{
  width:100%;
  }
  
.vertical-centered {
	position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.carousel-control-next, .carousel-control-prev {
    width:5%;
}

input#cbDatenschutz+label {
  color:#212529;
  font-size: 15px;
  font-family: 'Gothic A1',Helvetica,Arial,serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased !important;
}

/*################################### /OM #############################*/   
  
      .teaser .btn-play .icon {
	background-color: #1E9DD6;
	border-radius: 50%;
	display: inline-block;
	height: 73px;
	line-height: 73px;
	position: relative;
	text-align: center;
	width: 73px;
	z-index: 3;
}
.teaser .btn-play {
	color: #1E9DD6;
	font-size: 16px;
	font-weight: 700;
}

.u-block-hover__additional--blur {
    opacity: 0;
}
.u-block-hover__additional--blur:hover {
	opacity: 1;
}
.u-block-hover:hover .u-block-hover__main--blur {
    -webkit-filter: blur(30px);
    filter: blur(30px);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}
.u-block-hover {
    position: relative;
    max-width: 150px;
    margin: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.u-block-hover__additional{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.g-bg-primary ::selection {
    color: #72c02c;
    background-color: #fff;
}
.g-bg-primary {
    background-color: #72c02c !important;
}
.g-absolute-centered {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
}
.g-color-white {
    color: #fff !important;
}
.h5, h5 {
    font-size: 1.25rem;
}
.ziele {
	margin-bottom: 30px;
}
.bg-1 {
  background-color: #e5243b !important;
}
.bg-2 {
  background-color: #DDA63A !important;
}
.bg-3 {
  background-color: #4C9F38 !important;
}
.bg-4 {
  background-color: #C5192D !important;
}
.bg-5 {
  background-color: #FF3A21 !important;
}
.bg-6 {
  background-color: #26BDE2 !important;
}
.bg-7 {
  background-color: #FCC30B !important;
}
.bg-8 {
  background-color: #A21942 !important;
}
.bg-9 {
  background-color: #FD6925 !important;
}
.bg-10 {
  background-color: #DD1367 !important;
}
.bg-11 {
  background-color: #FD9D24 !important;
}
.bg-12 {
  background-color: #BF8B2E !important;
}
.bg-13 {
  background-color: #3F7E44 !important;
}
.bg-14 {
  background-color: #0A97D9 !important;
}
.bg-15 {
  background-color: #56C02B !important;
}
.bg-16 {
  background-color: #00689D !important;
}
.bg-17 {
  background-color: #19486A !important;
}