@import url("fonts/nimbus-sans-l/stylesheet.css");



/* Beginn Stefan Experiment */

:root {
	--desktop-clip-width: 1160px;
}

@media (min-width: 1200px) {
  header > *,
  .com-content-article > * {
    width :	100% !important;
    margin-left : 0 !important;
    margin-right:0 !important;
  }

   header > * > *,
  .com-content-article > * > *,
  footer > .grid-child 
  {
    width :	auto !important;
    padding-left : calc((100% - var(--desktop-clip-width)) / 2)!important;
    padding-right: calc((100% - var(--desktop-clip-width)) / 2)!important;
    max-width : unset !important;
  }

  .com-content-article__body .textmittig:last-child {
  /*  padding-top : 30px !important;*/
  }
 
  .textmittig h1 {
    line-height :80px;
  }
  
  .planblock {
    text-align: center;
    background-color: #002a45;
    color: white;
    margin-bottom: 0px;
    padding-top: 15px ;
  }
  .planblock h2{
    font-size: 44px;
    margin-bottom: 44px;
  }
  .containercontent.a{
    min-height: 740px;
  } 
  .containercontent.i{
    min-height: 680px;
  } 
  .containercontent.n{
    min-height: 680px;
  } 
  .containercontent.s{
    min-height: 650px;
  } 
  .containercontent.p{
    min-height: 675px;
  }
  .a .Bild {
    margin-top: 70px;
    width: 77%;
  }
  .n .Bild {
    margin-top: 85px;
    width: 93%;
  }
  .s .Bild {
    margin-top: 70px;
    width: 80%;
  }
  footer {
    height : 237px;
    margin-top: 0 !important;
    margin-bottom : 0 !important;
    position : relative;
  }
  footer .grid-child {
    margin-top : auto !important;
    margin-bottom: auto !important;
    padding-top :0 !important;
    padding-bottom :0 !important;
    position: absolute;
  	transform: translateY(-50%);
  	top: 50%;
  }

  footer .grid-child .container {
    max-width : unset;
    padding: 0 !important;
    width :var(--desktop-clip-width);
    grid-template-columns: 2fr 2fr 1fr 0.9fr;
  }
  
  
  footer .grid-child .container.mod-custom .menu {
    text-align:right;
  }
  footer .grid-child .container.mod-custom .menu > div {
    text-align:left;
  }
  
  footer .logo-container {
    position:relative;
  }
  footer .logo-container img {
    position: absolute;
  	transform: translateY(-50%);
  	top: 50%;
  }
} /*  (min-width: 1160px) */

@media (max-width: 1200px) {


   header > * > *,
  .com-content-article > * > *,
  footer > .grid-child {
    width :	auto !important;
    padding-left : calc((100% - var(--desktop-clip-width) + 100px) / 2);
    padding-right: calc((100% - var(--desktop-clip-width) + 100px) / 2);
    max-width : unset !important;
  }
}





.wa {
	max-height :100px !important;
  	position:relative;
}
.bdadgai{ max-height :120px !important;
	position:relative;
} 
.wa > a,
.bdadgai > a {
	height:100% !important;
    display: block;
}
.wa img ,
.bdadgai img {
	height:100% !important;
    margin-top: 12px; 
  margin-bottom: 10px;
  
}
.bdadgai img { 
  max-height: 100%;
  padding-bottom: 18px;
}
.
/* Ende Stefan Experiment */


.footer , .container-header{
    color: black;
    background-color: white;
    background-image:none;
    margin: 0;
  font-size:16px;}

.container-header{
   height:200px;
   background: unset;
}
.footer {
  /*
   margin-top: 90px;
   margin-bottom: 60px;
  */
}
.elr img{
  width:60%;
}
.dgai img {
  width:80%;
}
.bda img {
  width:80%;
}


body {
  font-family: 'Nimbus Sans L', sans-serif;
  /* font-family: 'Helvetica Neue', sans-serif; */
}
main {
 background-color: #f8f8f8; 
}
a {
  text-decoration: none !important;
   color: black;
}
main a {
    color: #009EE0;
    font-size: 22px;
}
h1{
  font-size:80px;
  margin-top:70px;
  margin-bottom:130px;
  /*font-family: 'Helvetica Neue', sans-serif;*/
  font-family: 'Nimbus Sans L', sans-serif;
  line-height: 80px;
}
h2{
  font-size:60px;   
  margin-bottom:54px;
  margin-top: 22px;
   /*font-family: 'Helvetica Neue', sans-serif;*/
  font-family: 'Nimbus Sans L', sans-serif;
}
h3{
  font-size:32px;
  padding-right:30px;
  margin-bottom:32px;
   /*font-family: 'Helvetica Neue', sans-serif;*/
  font-family: 'Nimbus Sans L', sans-serif;
  line-height: 1.17;
}
h4{
  font-size:28px;
  
   /*font-family: 'Helvetica Neue', sans-serif;*/
  font-family: 'Nimbus Sans L', sans-serif;
  margin-bottom:40px;
}
p{
  line-height: 1.22em;
  font-size:22px;
  /*font-family: 'Helvetica Neue', sans-serif;*/
  font-family: 'Nimbus Sans L', sans-serif;
}
body.wrapper-fluid header>.grid-child, body.wrapper-fluid footer>.grid-child, .container-topbar, .bild, .textmittig, .text{
  /*
    padding: 0px;
    padding-left: 10%;
    padding-right: 10%;
    padding-left: calc((100% - 1160px) / 2);
  padding-right: calc((100% - 1160px) / 2);
  */
}
.textlinks{
    padding: 10px 30px 86px 20%;
    padding-left: calc(100% - 580px) ;
   
}
.textrechts{
  padding: 10px 20% 115px 30px;
   padding-right: calc(100% - 580px) ;
}

.text3-4{
    padding: 10px 10px 100px 20%;
   width: 70%;
}
.Bild{
    display: flex;
    width: 79%;
    margin-top: 40px;
}
.Bild.textrechts{
  margin-left: auto;
}
.Bild.textlinks{
    margin-right: auto;
}
body.wrapper-fluid .site-grid {
  grid-gap: 0;
}
.container {  display: grid;
  grid-template-columns: 2fr 2fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 40px;
  grid-auto-flow: row;
  max-width: unset;
  padding: unset;
}

.logos { grid-area: 1 / 1 / 2 / 4;
         display: inline-grid;}

.footer { grid-area: 1 / 4 / 2 / 5; 
         display: inline-grid;
  	background: unset;
    color: unset;
}

.bda { grid-area: 1 / 1 / 2 / 2; 
         display: inline-grid;}

.dgai { grid-area: 1 / 2 / 2 / 3; 
        display: inline-grid;}

.elr { grid-area: 1 / 3 / 2 / 4;
        display: inline-grid;}

.menu {  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 0px 20px;
  grid-auto-flow: row;
  grid-template-areas:
    "I"
    "k"
    "h"
    "d";
  grid-area: 1 / 4 / 2 / 5;
}

.I { grid-area: I; }

.k { grid-area: k; }

.h { grid-area: h; }

.d { grid-area: d; }
.containerheader {
  display: grid;
  grid-template-columns: 2.6fr 2fr 3fr;
  grid-template-rows: 1fr;
  gap: 0px 20px;
  color: black;
  font-size:20px;
  grid-auto-flow: row;
  grid-template-areas:
    "wa bdadgai hmenu";
  margin-top: 50px; 
 /* margin-bottom: 72px;*/
}
.wa { grid-area: wa; }

.bdadgai { grid-area: bdadgai; }

.headermenu {
  margin-top:50px;
  font-size: 20px;
  display: grid;
  grid-template-columns: 0.75fr 1.2fr 1.2fr 0.6fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "h f d p";
  grid-area: hmenu;
}

.h { grid-area: h; }

.f { grid-area: f; }

.d { grid-area: d; }

.p { grid-area: p; }

.containercontent {  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr auto auto;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "bild bild"
    "textlinks textrechts"
    "textmittig textmittig";
}
.containersaeulen {  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr auto auto auto auto;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "bild bild"
    "textlinks textrechts"
    "textlinks textrechts"
    "textlinks textrechts"
    "textlinks textrechts"
    ;
}
.containercontentbreit {  display: grid;
  grid-template-columns: 1fr ;
  grid-template-rows: 1fr auto auto auto auto;
  gap: 0px 0px;
  grid-auto-flow: row;
   grid-template-areas:"textmittig"
     "textlinks"
     "t.text3-4";
 
}
.planen{
  padding-bottom: 80px; 
  margin-bottom:0px;
}
.bild { 
  grid-area: bild; background-color: white;
  padding-left: calc((90% - 1160px) / 2) !important;
  padding-right: calc((90% - 1160px) / 2) !important;
  padding-left: calc((100% - 1200px) / 2) !important;
  padding-right: calc((100% - 1200px) / 2) !important;
}

.textlinks { grid-area: textlinks; }

.textrechts { grid-area: textrechts; }

.textmittig { grid-area: textmittig; }
.container-topbar a:not(.btn):hover, .container-topbar a:not(.btn):focus, .container-topbar .btn-link:hover, .container-topbar .btn-link:focus, .container-below-top a:not(.btn):hover, .container-below-top a:not(.btn):focus, .container-below-top .btn-link:hover, .container-below-top .btn-link:focus {
    color: #009EE0;
}
.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
    color: #009EE0;
}
hr {
    color: inherit;
    border: 0;
    border-top: black solid;
    opacity: 1;
    margin: 1rem 0;
}

summary::marker {
/*    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: end !important;
    text-align-last: end !important;*/
  display: none;
  color: transparent;
    line-height: 1px;
    font-size: 0px;
    margin: 0;
}

/*Downloads im Docman*/
.k-ui-namespace *, .k-ui-namespace *:before, .k-ui-namespace *:after {
    box-sizing: border-box;
    background-color: transparent;
    border: none;
    font-weight: 700;
    margin-bottom: 10px;

}
.k-ui-namespace {
  border-bottom: 5px solid;
}
.accordion-header {
    margin-bottom: 0; 
  margin: 0;
}
.accordion-item:not(:first-of-type) {
    border-top:  5px solid;
}
.accordion-item:last-of-type {
    border-bottom:: 5px solid;
}
.accordion_search_bar_container{
    display: none;
}
h2.accordion-header button{
    font-size: 44px;
    font-weight: 700;
    padding: 0px 60px 0px 0;
}
.accordion-button:not(.collapsed), .accordion-button:focus  {
    background-color: transparent;
    box-shadow: none;
    border: none;
}
.accordion-button:not(.collapsed):after,
.accordion-button:after {
  background-image: url("/images/BDA_Icon_Pfeil_Akkordeon_schwarz_rgb.png");
  height: 120px;
  width: 30px;
  background-size: 1.75rem;
  background-position-y: center;
  margin-bottom: 0; 
}
.accordion-button:not(.collapsed):after {
    transform: var(--accordion-btn-icon-transform);
  background-position-y:50%;
}
.k-ui-namespace .koowa_header:before, .k-ui-namespace .koowa_header:after {
    display: table;
    content: null;
}
/*.k-ui-namespace .koowa_header:after, .k-ui-namespace .mod_docman.mod_docman--documents ul li a:after {
    background-image: url("/images/BDA_Icon_Pfeil_Akkordeon_schwarz_rgb.png")!important;
  content:"➜";
  height: 40px;
  background-position-y: bottom;
  transform: rotate(90deg);
}*/
/*.k-ui-namespace .koowa_header:after,*/
.k-ui-namespace .koowa_wrapped_content:after{
    
  /*  content: "➜" !important;*/
 /*   content: "⭣" !important;*/
    content: "";
    background-image: url(/images/BDA_Icon_Pfeil_Link_blau_rgb.png);
    transform: rotate(90deg);
    background-size: 18px;
    background-position-y: bottom;
    margin-bottom: 0;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 16px;
}
.k-ui-namespace .mod_docman.mod_docman--documents ul li {
    margin-bottom: 8px;
    width: 80%;
}

.k-ui-namespace .koowa_header__item--image_container/*, .k-ui-namespace .koowa_header__item*/
 {
  display: none !important;
}

.mod_docman_icons, .accordion-body{
  padding-left: 0px;
}

.k-icon-document-document:before, .k-icon--size-default  {
    content: "";
  display: none; 
  
}
/*Responsive*/
/*@media (max-width: 1200px)*/
@media (max-width: 1199px){
  h1{
  font-size: calc(1.375rem + 1.5vw);
   margin-top:calc(1.375rem + 1.5vw);
   margin-bottom:calc(2.75rem + 3vw);
    line-height:calc(1.375rem + 1.5vw);
}
h2{
  font-size: 1.5em !important;
  margin-bottom:0.5em;
  }
  
h2.accordion-header button{
 /* font-size: 1.5em !important;*/
  font-size: calc(1.375rem + 1.5vw);
 /* margin-bottom:1.5em; */
  padding: calc(1.375rem + 1.5vw) calc(1.375rem + 1.5vw) 0 0; 
  }
h3{
  font-size: 1.17em;
   margin-bottom: 1.17em;
}
h4{
 font-size: calc(1.275rem + .3vw);

}
p, main a{
  font-size:1rem; 
}
  .planen {
    padding-bottom: 40px;
    margin-bottom: 0px;
}
  .text3-4 {
    padding: 10px 10px;
    width: 100%;
}
  body.wrapper-fluid header>.grid-child, body.wrapper-fluid footer>.grid-child, .container-topbar, .bild, .textmittig {
    padding: 0px;
    padding-left: 5%;
    padding-right: 5%;
}
  .containercontent {
    display: grid;
    grid-template-columns: 1fr ;
    grid-template-rows: 1fr auto auto auto;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "bild "
        "textlinks"
        "textrechts"
        "textrechtsBild"
        "textlinksBild"
        "textmittig";
    padding: unset;
    }
  .textrechts.Bild{
    grid-area: textrechtsBild;
  }
  .textlinks.Bild{
    grid-area: textlinksBild;
  }
  .Bild{
    	max-height: 300px;
        width: 50vw;
        height: 50vw;
        max-width: 250px;
        margin-top: 1em;
  }
  .textmittig, .textrechts, .textlinks {
    padding: 0px;
    padding-left: 5%;
    padding-right: 5%;
  }
  .planblock {
        text-align: center;
        background-color: #002a45;
        color: white;

    }
  .Bild{
    margin-left: auto;
    margin-right: auto;
  }
  .containerheader {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 0.5fr;
    gap: 0px 20px;
    color: black;
    font-size:1rem;
    grid-auto-flow: row;
    grid-template-areas: "wa bdadgai" 
                         "hmenu hmenu";
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .headermenu {
    margin-top: auto;
    margin-bottom: auto;
    grid-template-columns: 0.75fr 1.2fr 1.2fr 0.6fr;
    font-size: 1rem;
    padding-top: 20px;
  }
  .wa img,
  .bdadgai img{
  	margin-top: unset; 
  	margin-bottom: unset;

}
  .container { 
		grid-template-columns: 2fr 2fr 1fr;
        gap: 0 40px;

  }
  .footer {
    margin-top: 10px;
    margin-bottom: 10px;
   
  }
 /*   footer .grid-child {
    margin-top : auto !important;
    margin-bottom: auto !important;
    padding-top :0 !important;
    padding-bottom :0 !important;
    position: absolute;
  	transform: translateY(-50%);
  	top: 50%;
  }*/
  .k-ui-namespace .mod_docman.mod_docman--documents ul li {
    margin-bottom: 8px;
    width: 100%;
  }
   footer .logo-container img {
    width:100%
  }
}
@media (max-width: 600px){
  .menu {
    grid-area: 2 / 1 / 2 / 5;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
      "I d"
      " k h";
    gap: 0px 2px;
  }
  .bda img {
    margin-top: 8px !important;
  }

  .bdadgai img{
    padding-bottom: unset;
        /* padding-top: 15%; */
        /* max-height: 75%; */
        width: 115px !important;
    
  }
  .wa img{
       width: 175px !important;
  }
  
  .container { 
		grid-template-columns: 3fr 3fr 1fr;
        gap: 0 10px;
        --gutter-x: 0;
  }
  .containerheader {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  
    .container-header {
      height:auto;
  }
}