#wrapper {
  /*	margin-top: 80px;*/
}
b, strong {
font-weight: 700;
}
.ce_gallery > ul li.col_first{
clear:none;
}
.ce_text.block {
  overflow: visible;
}
.ce_text.bg-blue{
position:relative;

}
.ce_text .button{
	background-color: #ffffff;
	border-radius:20px;
	border: none;
	color: var(--color-light-blue);;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 0px 10px 14px;
	cursor: pointer;
	position: absolute;
	bottom:20px;
}
.grid-1-box	.ce_text .button{
	position:relative;
}
.ce_text .button a{
	color: var(--color-light-blue);
	text-decoration:none;
}
.text-white{
  color:#fff;
}

hr{
color:var(--color-grey);
}
.center .image_container{
text-align:center;
}
p.has-drop-cap:not(:focus)::first-letter {
  font-size: 3.3em;
  margin-top: 0.075em;
}
.has-drop-cap:not(:focus):first-letter {
  float: left;
  font-size: 8.4em;
  line-height: .68;
  font-weight: 100;
  margin: 0.05em 0.1em 0 0;
  text-transform: uppercase;
  font-style: normal;
}
.grey{
border:none;
}
.light{
font-weight:300;
}

.mod_article.top-teaser{
 position: absolute;
 top: 14px;
 left: 14px;
 width: 400px;
 background: rgba(2,11,28,0.8);
 padding:0 30px 30px 30px;
}

.mod_article.top-teaser .lightblue{
	color:var(--color-light-blue);
}
.mod_article.top-teaser .text-white{
	color:var(--color-text-white);
	font-size:14px;
}

.mod_article.margin-top{
	margin:72px 0px 0px 0px;
	padding:0px;
	display: flex; 
	justify-content: center; 
	align-items: center;
}
.mod_article.text-mittig{
	display:grid;
	color: var(--color-text);
    justify-items: center;
}

.grid-1-box{
  display:grid;
}
.grid-1-box .bg-blue h2{
  padding:16px;
  font-size:48px;
  color:var(--color-text-white);
}
.grid-1-box .bg-blue {
  background-color:var(--color-light-blue);
  color:var(--color-text-white);
  margin-top:20px;
}
.grid-1-box .bg-blue h2{
  padding:16px;
  font-weight: 300;
}
.grid-2-boxen .bg-blue {
  background-color:var(--color-light-blue);
  color:var(--color-text-white);
}

.grid-2-boxen .bg-blue h2{
  padding:16px;
  font-weight: 300;
  color:var(--color-text-white);
}
.grid-2-boxen .bg-blue h3{
  padding:16px;
  font-weight: 300;
  color:var(--color-text-white);
}
.home .grid-2-boxen .bg-blue p{
  padding:16px;
}
.ueber-uns .grid-2-boxen .bg-blue p{
  padding-left:16px;
}
.ueber-uns .team img{
	margin-top:24px;
	
}
.grid-3-boxen. bg-blue {
  background-color:var(--color-light-blue);
  color:#ffffff;
}
.grid-3-boxen .bg-blue h2{
  padding:16px;
  font-weight: 300;
}
.grid-3-boxen .bg-blue h3{
  padding:16px;
  font-weight: 300;
}
.grid-3-boxen .bg-blue p{
  padding:16px;
}

.mod_article.grid-3-boxen a{
text-decoration:none;
color:var(--color-light-blue);
}
.accordion a{
text-decoration: none;
  color: #fbb933;
}
.center{
  text-align:center;
}

#top-custom {
    height: 80px;
}
.auto .image_container img{
  width:auto;
  height:auto;
}

.accordion{
  margin-top: 15px;
  }
  
.accordion p{
  margin: 25px;
  color: #4a6064;
  font-size:16px;
}

.toggler:hover, .toggler.active {
    /* color: #E37A25; */
}

.toggler {
    position: relative;
    padding: 6px 10px;
    border: 1px solid;
    font-size: 18px;
  font-weight: bolder;
    border: var(--color-accordion-border);
    border-radius: 3px;
    cursor: pointer;
    margin-top:5px;
}
.toggler.ui-state-active:after {
    background-image: url(../media/icons/icon_arrow-top.png);

}
.toggler:after {
    width: 20px;
    height: 20px;
    right: 10px;
    position: absolute;
    display: block;
    background-image: url(../media/icons/icon_arrow-bottom.png);
    background-repeat: no-repeat;
    text-indent: -9999em;
    content: '.';
    top: 8px;
    background-position: 100% 5px;
}
.text-home p{
  font-size:18px;
}
.pdf-download-icon{
  width:200px;
  height:198px;
}
  .grid-2-boxen-small-img img{
  width:380px;
}
/* ############################################################*/

@media only screen and (min-width: 320px) {	
	.mod_article.top-teaser{
		 position: absolute;
		 top: 82px;
		 left: 10px;
		 width: 244px;
		 background: rgba(2,11,28,0.8);
		 padding:0 30px 30px 30px;
}
h1{
  font-size:28px;
  margin-block-end: 0.4em;
  color: var(--color-text);
}
h2{
  font-size:30px;
  margin-block-end: 0.4em;
  border:none;
  font-weight:600;
  color: var(--color-text);
}
h3{
  font-size:28px;
  margin-block-end: 0.4em;
  color: var(--color-text);
}
h4{
  font-size:20px;
  margin-block-end: 0.4em;
  color: var(--color-text);
}

h1.grey{
  font-size:34px;
  color: var(--color-text);
  margin-block-end: 0.4em;
}



h2.grey{
  font-size:30px;
  color: var(--color-text);
  margin-block-end: 0.4em;
  border:none;
}



h3.grey{
  font-size:28px;
  color: var(--color-text);
  margin-block-end: 0.4em;
}


.grey h3{
  font-size:28px;
  color:#3f3f3f;
  margin-block-end: 0.4em;
}


.center{
  text-align:center;
}
.ce_text.block {
  overflow: visible;
}
.grid-3-boxen {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap:20px;
    padding:0 20px 0 20px;
     color: var(--color-text);
}

/*	.mod_article.top-teaser{
  position: absolute;
  top: 99px;
  left: 115px;
  width: 400px;
  background: rgba(2,11,28,0.8);
  padding:0 30px 30px 30px;
}*/
.article-accordion{
  margin: 20px 20px 0;
}

.accordion{
  margin-top: 15px;

}
.accordion p{
  margin: 25px;
  color: #4a6064;
  font-size:16px;
}

.toggler:hover, .toggler.active {
    /* color: #E37A25; */
}

.toggler {
    position: relative;
    padding: 6px 10px;
    border: 1px solid;
    font-size: 18px;
  font-weight: bolder;
    border-color: #f29200;
    border-radius: 3px;
    cursor: pointer;
    margin-top:5px;
}
.toggler.ui-state-active:after {
    background-image: url(../media/icons/icon_arrow-top.png);

}
.toggler:after {
    width: 20px;
    height: 20px;
    right: 10px;
    position: absolute;
    display: block;
    background-image: url(../media/icons/icon_arrow-bottom.png);
    background-repeat: no-repeat;
    text-indent: -9999em;
    content: '.';
    top: 8px;
    background-position: 100% 5px;
}
.pdf-download-icon{
  width:200px;
  height:198px;
}
.grid-5-boxen{
  display: grid;
    grid-template-columns: 1fr;
    grid-gap:1%;
    padding:40px;
}

}
/* ############################################################*/
@media only screen and (min-width: 767px) {
#wrapper {
  /*	margin-top: 80px;*/
}
.mod_article.top-teaser{
  position: absolute;
  top: 122px;
  left: 40px;
  width: 400px;
  background: rgba(2,11,28,0.8);
  padding:0 30px 30px 30px;
}
.mod_article.top-teaser .text-white{
	color:var(--color-text-white);
	font-size:var(--font-size);;
}

h1{
  font-size:34px;
  margin-block-end: 0.4em;
  color: var(--color-text);
}
#top-custom {
    height: 80px;
}
    
.first.mod_article{
  /*padding:80px 60px 0px 60px;*/
}

.abstand-oben-unten{
  margin:60px 0 20px 0;
}
.grid-3-boxen {
    display: grid;
   /* grid-template-columns: 1fr 1fr 1fr;
    grid-gap:20px;
    padding:0 20px 0 20px;*/
     color: var(--color-text);
    justify-items: center;
}
.grid-5-boxen{
  display: grid;
    grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
    grid-gap:1%;
    padding:40px;
}

h2.grey{
  font-size:30px;
  color:#3f3f3f;
  margin-block-end: 0.4em;
  border:none;
}
  .article-accordion{
  margin: 20px 20px 0;
}

.accordion{
  margin-top: 15px;

}
.accordion p{
  margin: 25px;
  color: #4a6064;
  font-size:16px;
}

.toggler:hover, .toggler.active {
    /* color: #E37A25; */
}

.toggler {
    position: relative;
    padding: 6px 10px;
    border: 1px solid;
    font-size: 18px;
  font-weight: bolder;
    border-color: #f29200;
    border-radius: 3px;

    cursor: pointer;
    margin-top:5px;
}
.toggler.ui-state-active:after {
    background-image: url(../media/icons/icon_arrow-top.png);

}
.toggler:after {
    width: 20px;
    height: 20px;
    right: 10px;
    position: absolute;
    display: block;
    background-image: url(../media/icons/icon_arrow-bottom.png);
    background-repeat: no-repeat;
    text-indent: -9999em;
    content: '.';
    top: 8px;
    background-position: 100% 5px;
}
}
@media only screen and (min-width: 886px) {
	.mod_article.margin-top{
		margin:92px 0px 0px 0px;
	}
}
/*########################################################################*/

@media only screen and (min-width: 1024px) {
#wrapper {
  /*	margin-top: 80px;*/
}
.mod_article.top-teaser{
  position: absolute;
  top: 156px;
  left: 46px;
  width: 400px;
  background: rgba(2,11,28,0.8);
  padding:0 30px 30px 30px;
}
.mod_article{
  padding:30px;
}

.mod_article.margin-top{
		margin:112px 0px 0px 0px;
	}
.sbox { 
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.mod_article, .grid-2-boxen, .grid-3-boxen, .grid-2-boxen-2-3, .grid-2-boxen-3-2, .grid-2-boxen-25-75{
  padding:0;
}

.home .grid-2-boxen {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));
    grid-gap:40px;
    padding:20px;
}
.ueber-uns .grid-2-boxen {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));
}
.grid-2-boxen {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));
}
.grid-3-boxen {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:20px;
    padding:0 20px 0 20px;
  justify-items: center;
}
.grid-2-boxen-2-3{
  display:grid;
  grid-template-columns: 2fr 3fr;
  grid-column-gap: 100px;
}

.grid-2-boxen-3-2{
  display:grid;
  grid-template-columns: 3fr 2fr;
  grid-column-gap: 100px;
}
.grid-2-boxen-25-75{
  display:grid;
  grid-template-columns: 1fr 3fr;
  grid-column-gap: 60px;
}

.grid-2-boxen h3 {
  margin-top: 0px;
}

.grid-5-boxen{
  display: grid;
    grid-template-columns: repeat(auto-fit, minmax(19%, 1fr));
    grid-gap:1%;
    padding:40px;
}


.even{}
.odd{}



h1{
  font-size:50px;
  margin-block-end: 0.4em;
}
h2{
  font-size:30px;
  margin-block-end: 0.4em;
}
h3{
  font-size:28px;
  margin-block-end: 0.4em;
}
  h3.landesverband{
  font-size:24px;
}
h4{
  font-size:20px;
  margin-block-end: 0.4em;
}

h1.grey{
  font-size:44px;
  color: var(--color-text);
  margin:40px 0;
}


h2.grey{
  font-size:30px;
  color: var(--color-text);
  margin:40px 0;
  border:none;
}



h3.grey{
  font-size:28px;
  color: var(--color-text);
  margin-block-end: 0.4em;
}


.grey h3{
  font-size:28px;
  color: var(--color-text);
  margin-block-end: 0.4em;
}


.grey{
  color: var(--color-text);;
}


.center{
  text-align:center;
}
.center .image_container{
  text-align:center;
}
.left .image_container{
  text-align:left;
}
.right .image_container{
  text-align:right;
}
.auto .image_container img{
  width:auto;
  height:auto;
}
.border{
  border-top: 3px solid var(--color-yellow);
}

/* Accordion */

.article-accordion{
  margin: 20px 20px 0;
}

.accordion{
  margin-top: 15px;

}
.accordion p{
  margin: 25px;
  color: #4a6064;
  font-size:16px;
}

.toggler:hover, .toggler.active {
    /* color: #E37A25; */
}

.toggler {
    position: relative;
    padding: 6px 10px;
    border: 1px solid;
    font-size: 18px;
  font-weight: bolder;
    border: var(--color-accordion-border);
    border-radius: 3px;

    cursor: pointer;
    margin-top:5px;
}
.toggler.ui-state-active:after {
    background-image: url(../media/icons/icon_arrow-top.png);

}
.toggler:after {
    width: 20px;
    height: 20px;
    right: 10px;
    position: absolute;
    display: block;
    background-image: url(../media/icons/icon_arrow-bottom.png);
    background-repeat: no-repeat;
    text-indent: -9999em;
    content: '.';
    top: 8px;
    background-position: 100% 5px;
}
}


h2.newsletter{
  color: var(--color-text);
  font-size:25px;
  border:none;
}
/* ##############################################*/
@media only screen and (min-width: 1281px) {
.mod_article.margin-top{
		margin:92px 0px 0px 0px;
	}
}

/* ##############################################*/
@media only screen and (min-width: 1420px) {
.mod_article.top-teaser{
  position: absolute;
  top: 197px;
  left: 115px;
  width: 500px;
  background: rgba(2,11,28,0.8);
  padding:0 30px 30px 30px;
}
}
@media only screen and (min-width: 1620px) {
.mod_article.top-teaser{
  position: absolute;
  top: 267px;
  left: 115px;
  width: 500px;
  background: rgba(2,11,28,0.8);
  padding:0 30px 30px 30px;
  
}
.mod_article.top-teaser .text-white{
  line-height:30px;
  
}
}
/* ##############################################*/
@media only screen and (min-width: 1600px) {	
	.mod_article.top-teaser{
	  position: absolute;
	  top: 210px;
	  left: 115px;
	}
}