/*ACHTUNG je nach Webseite Forum oder Verband roter oder blaue Farbe einstellen*/
:root {
  --farbe: #0c7dc1;
  --gelbgruen: #d4d113;
  --magenta: #d52351;
  --grau: #f6f6f6;    
  --dunkelgrau: #e1e1e2;
  --rahmengrau: rgb(156,155,155);
  --textgrau: #706f6f;
  --orange: #f5970b;    
    
}
/*
.blau {color:#0c7dc1;}
.rot {color:#ae1d1d;}
ACHTUNG WEITER UNTEN KOMMT FARBEN NOCHMAL HARDCODED VOR UNTER TINYMCE
*/
/* raleway-100 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/raleway-v28-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/raleway-v28-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-100italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/raleway-v28-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-100italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-200italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/raleway-v28-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-200italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-300italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-800italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-800italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

img { border: none; }
form {margin:0px; padding:0px;}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.svg-container {
 position: relative; 
 height: 0; 
 width: 100%; 
 padding: 0;
 padding-bottom: 100%; /* override this inline for aspect ratio other than square */
}

.svg-container svg {
 position: absolute; 
 height: 100%; 
 width: 100%; 
 left: 0; 
 top: 0;
}

/* ### HTML ###################################################################### */
html {
	margin: 0px;
	padding: 0px;
	height:100%;
    scroll-behavior: smooth;
}

@media (min-width: 1001px) {
    html {scroll-padding: 100px;}
}

/* ### BODY ###################################################################### */
body {
	color: #000;
	font-family: 'Raleway';
    font-weight: 400;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	/*font-size:16px;*/
	font-size:62.5%; /*10px*/
	background-position:0px 0px;
	background-repeat:repeat;
	height:100%;
	/*letter-spacing: 0.4px;*/
	/*word-spacing: 2px;*/
	

	}
	

.wrapper {
	position:relative;
	margin:0 auto;
	display:block;
	max-width:1240px;/*1067px*/
	width:100%;
	/*background-color:aliceblue;*/
	padding: 0;
}

.wrapper_inner {
	padding: 0 2%;
}




.flexbox { 
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	  	  
	  }

.nowrap { 
  -webkit-flex-flow: nowrap;
      -ms-flex-flow: nowrap;
          flex-flow: nowrap;
	/*breite flexibel passt sich ein - standard*/ 
	  }	

.wrap { 
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	/*breite fix passt sich nicht ein*/
	  }
	  
.space-between { 	    
-webkit-box-pack:justify;
      -ms-flex-pack:justify;
		-webkit-justify-content:space-between;
          justify-content:space-between;
}

.horizontal-mitte {
		  -webkit-box-align:center;  
		  -ms-flex-align:center;  
		  align-items:center; 
}

.align_self_center {
    align-self: center;
}

.horizontal-unten {
-webkit-box-flex:1;
      -ms-flex:1 auto;
          flex:1 auto; 
		  display:flex;  
		  -webkit-box-align:end;  
		  -ms-flex-align:end;  
		  align-items:end; 
		  
		  /*-webkit-box-pack:center; 
		  -ms-flex-pack:center; 
		  justify-content:center;*/
		   
		  -ms-flex-item-align:end; 
		  align-self:end; 
}

.wrapper_inner {padding: 0 2%;}

@media (max-width:660px) {
    .wrapper_inner {padding: 0 3%;}
}    

.inner_650 {max-width: 650px; margin: auto;}
.inner_700 {max-width: 700px; margin: auto;}
.inner_730 {max-width: 730px; margin: auto;}
.inner_990 {max-width: 990px; margin: auto;}
.relative {position: relative;}
.absolute {position: absolute;}
.inline-block {display: inline-block;}

/* ### INHALT ###################################################################### */

main {font-size:1.6em; line-height: 1.4em; display: block; }
@media (min-width: 1001px) {
    main.padding_no_banner {padding-top:138px;}
}

h1 {margin-top: 0px; padding-top: 0px; font-weight: 900; font-size:1.563em; line-height: 1.2em;}
h1.gross {font-size:2.133em;}
h1.mb-0 {margin-bottom: 0;}
h2 {margin-top: 0px; padding-top: 0px; font-weight: 400; font-size:1.563em; line-height: 1.2em;}
h3 {margin-top: 0px; padding-top: 0px;}

.h_17_5_extrabold {position: relative; z-index: 1; font-size:1.09375em; font-weight: 900; line-height: 1;}
.h_21_extrabold {position: relative; z-index: 1; font-size:1.3125em; font-weight: 900; line-height: 1;}
.h_21_light{position: relative; z-index: 1; font-size:1.3125em; font-weight: 100; line-height: 1;}
.h_25_light {position: relative; z-index: 1; font-size:1.56em; font-weight: 100; line-height: 1;}
.h_32_light {position: relative; z-index: 1; font-size:2em; font-weight: 100; line-height: 1;}
.h_32_extrabold {position: relative; z-index: 1; font-size:2em; font-weight: 900; line-height: 1;}
.h_60_extrabold {position: relative; z-index: 1; font-size:3.75em; font-weight:900; line-height: 1; padding-bottom: 0.2em;}
.h_60_light {position: relative; z-index: 1; font-size:3.75em; font-weight: 100; line-height: 1; padding-bottom: 0.2em;}
.h_80_light {position: relative; z-index: 1; font-size:5em; font-weight: 100; line-height: 1; padding-bottom: 0.2em;}

.mb-0 {margin-bottom: 0px;}

.h_group {}


@media (max-width:960px) {
    .h_group {font-size: 75%; }
}

p {padding-top: 0px; margin-top: 0px; letter-spacing: 0.2px;}

strong,b {font-weight: 900;}

.clear {clear:both; font-size:1px; line-height:1px; height:1px;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}



.weiss {color:#fff;}
.magenta {color:var(--magenta);}
.grau {color:#676767;}
.textgrau {color:var(--textgrau);}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000;
    margin: 0;
    padding: 0;
}

section.inhalt {padding-top: 55px; padding-bottom: 23px;}
section.inhalt.padding-top {padding-bottom: 1px;}
section.inhalt.padding-bottom {padding-top: 0px;}
section.inhalt.no_padding {padding-top: 0px; padding-bottom: 1px;}

.hg_weiss {background-color: #fff;}
.hg_grau {background-color: var(--grau);}
.hg_dunkelgrau {background-color: var(--dunkelgrau);}
.hg_grau_weiss {background: linear-gradient(180deg, var(--grau) 50%, #ffffff 50%);}
.hg_weiss_grau {background: linear-gradient(180deg, #ffffff 50%, var(--grau) 50%);}
.hg_orange {background-color: var(--orange);}

.inhalt a {color:var(--magenta); text-decoration: none; /*text-decoration-style: dotted;*/}
.inhalt a:hover {color:#000;}

.klein {font-size:0.812em; line-height: 1.235em;}

.linie_1px {line-height:1px; font-size:1px; height:1px; background-color:#d0cfc5; display:block; margin-top:8px; margin-bottom:9px; clear:both;}


/*p + ul {margin-top: -0.5em;}*/
/*ul {list-style-position:outside; list-style-type:disc;  padding-left:15px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:18px; letter-spacing: 0.2px;}
ol {list-style-position:outside; list-style-type:decimal; padding-left:15px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:18px; margin-left:0px; letter-spacing: 0.2px;}
ul li {padding-left:3px; padding-bottom:0px;}
ol li {padding-left:3px; padding-bottom:0px;}*/

ul {padding-left:22px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:18px; letter-spacing: 0.2px;}
ol {padding-left:22px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:18px; margin-left:0px; letter-spacing: 0.2px;}


@media (max-width:660px) {
    p,ul,ol {font-size:1.2em; line-height: 1.3em;}
    
    li p,li p {font-size:inherit; line-height: inherit;}
}


blockquote {
	background-color: #efefef;
	margin: 0;
	padding: 5px 15px;
	font-style: italic;
	color:#00788d;
}
.small_spacing {font-size:4px; line-height:4px; height:4px; background-color:transparent; margin:0; padding:0; display:block; text-indent: -1000em;}
.abstand_8px {font-size:8px; line-height:8px; height:8px; background-color:transparent; clear:both;}
.abstand_16px {font-size:16px; line-height:16px; height:16px; background-color:transparent; clear:both;}


.ankerzielbox {height: 1px; position: relative; overflow: hidden;}
.ankerziel {height: 1px; width: 1px; }



.job-kontakt-li {width: 60%;}
.job-kontakt-re {width: 35%;}
.job-icon-li {width:18%;}
@media (max-width:420px) {
    .job-icon-li img {width:70%;}

}

@media (max-width:660px){
    .job-icon-li.empty {display: none;}
}

@media (min-width:661px){
    .job-icon-li.img-unten {
        -webkit-box-flex:1;
          -ms-flex:1 auto;
              flex:1 auto; 
              display:flex;  
              -webkit-box-align:end;  
              -ms-flex-align:end;  
              align-items:end; 

              /*-webkit-box-pack:center; 
              -ms-flex-pack:center; 
              justify-content:center;*/

              -ms-flex-item-align:end; 
              align-self:end; 
    }
}

.job-kontakt-text-re {width:82%; font-weight: 900;}
.job-kontakt-text-re a {text-decoration: none; color:#000;}
.job-bewerben-button-box {}
.job-logo-ausz {width: 45%;}
.job-logo-ausz img {width: 100%; height: auto;}

.job-kontakt-li .flexbox {margin-bottom: 15px;}
.icon-kontakt-svg {margin-bottom: 25px; margin-top: 6px;}

.job-bewerben-button-box {}
.job-bewerben-button-box a {background-color: var(--gelbgruen); color:#000; text-align: center; text-transform: uppercase; padding: 12px 0; width: 100%; display: block; font-weight: 900; font-size:0.938em; margin-top: 30px;}

@media (max-width:660px) {
    .job-kontakt-box {display: block !important;}
    .job-kontakt-li {width: 100%; margin: auto; max-width: 355px; margin-bottom: 45px;}
    .job-kontakt-re {width: 100%; margin: auto; max-width: 255px;}
    
    
}

.jobs_teaser_box {margin-bottom: 30px; margin-top: 10px;}
a.job_teaser_box {display: block; border:1px solid #d0d0d0; background-color: #fff; padding: 12px 20px 10px 10px; color:#000; text-decoration: none; margin-bottom: 10px;}
.job_teaser_text {width: calc(100% - 48px); padding-right: 10px;}
.job_teaser_icon {width: 48px; text-align: right;}
.job_teaser_text h6 {margin: 0; padding: 0; font-weight: 900; font-size:1.400em; line-height: 1.1em; margin-bottom: 4px;}
.job_teaser_infos {color:#676767; font-size:0.933em;}
.job_teaser_info_1 {margin-right: 15px; position: relative; padding-left: 20px;}
.job_teaser_info_2 {position: relative; padding-left: 15px;}
.job_teaser_info_1 img {position: absolute; top:2px; left:0px;}
.job_teaser_info_2 img {position: absolute; top:3px; left:0px;}

.jobs_buttons {justify-content: center; margin-bottom: 40px;}
a.jobs_button_newsletter {width: 180px; border: 1px solid rgb(229,229,228); color:#676767; border-radius: 20px; padding: 8px 10px 8px 16px; background-color: rgb(229,229,228); margin-left: 2px; margin-right: 2px; margin-bottom: 5px;}
a.jobs_button_alle {width: 180px; border: 1px solid #000; border-radius: 20px; color:#000; padding: 8px 10px 8px 16px;  margin-left: 2px; margin-right: 2px; margin-bottom: 5px;}
a.jobs_button_alle:hover {background-color: rgb(229,229,228);}
.jobs_buttons span, .jobs_buttons img {display: block;}
.jobs_buttons div {width: 28px; padding-top:4px; }
.jobs_buttons span {width: calc(100% - 28px);}

@media (max-width:640px) {
/*Startseite mobil nicht mehr als 3 Job-Teaser anzeigen */    
.jobs_teaser_box.job_teaser_startseite a:nth-child(n+4) {display: none;}
    .jobs_buttons.flexbox {display: block;}
    .jobs_buttons a {margin-left: auto; margin-right: auto;}
}
.job-kontakt-box {margin-bottom: 20px;}
.job_awards_banner {padding: 12px 0;}
.job_awards_banner img {width: 100%; height: auto;}

.button, a.button {border: 1px solid #000; border-radius: 20px; color:#000; padding: 8px 10px 8px 16px;  margin-left: 2px; margin-right: 2px; margin-bottom: 5px; text-decoration: none; display: inline-block;}
.button:hover {background-color: rgb(229,229,228);}
.button_pfeil {margin-left: 12px;}

.overflow_hidden {overflow: hidden;}
.kaffee_text_box { padding-bottom: 2%; padding-top: 20px;}
.kaffee_text_group {max-width: 520px;}
.kaffee_h1 {position: relative; z-index: 1; font-size:2.133em; font-weight: 100; line-height: 1;}
.kaffee_h2 {position: relative; z-index: 1; font-size:5.267em; font-weight:900; line-height: 1;}
.kaffee_h3 {position: relative; z-index: 1; font-size:5.267em; font-weight: 100; line-height: 1; text-align: right;}
.kaffee_p {position: relative; z-index: 1;}
.kaffee_bild img {width: 80%; height: auto;}
.kaffee_bild {position: absolute; right: -70px; top:50px; width: 100%; text-align: right; }
.kaffee_unten {position: relative; z-index: 1; margin-top: 120px;}

a.button_kaffee {color:#000; text-align: center; text-transform: uppercase; padding: 15px 60px; border:1px solid #838383; font-weight: 900; display: inline-block; margin-bottom: 20px;}
a.button_kaffee:hover {color:var(--magenta);}
.kaffee_sm a {display: inline-block; margin-bottom: 2px; margin-right: 5px;}
.kaffee_sm a img {width: 30px; height: auto;}

.coffeedate_box {}
.kaffee_text_group_2 {width: 55%;}
.kaffee_bild_box_2 {width: 44%;}
.kaffee_bild_box_2 img {width: 100%; height: auto;}


.coffeedate_detail_bild_sm {display: none;}
.coffeedate_detail_kontakt a {color:#000;}
.coffeedate_detail_kontakt a:hover {color:var(--magenta);}
.hg_bild_coffeedate {background-image: url("../bilder/coffee_date_tasse_tiny.png"); background-repeat: no-repeat; background-position: right -15px; background-size: 550px auto;}
.coffeedate_detail_li {width: 526px;}
.coffeedate_detail_re {width: calc(100% - 566px); text-align: center; padding-top: 410px;}
.coffeedate_detail_h_group span {display: block; padding-left: 40px;}
.coffeedate_detail_h_group {margin-bottom: 30px;}
.coffeedate_detail_text {max-width: 350px; margin-bottom: 35px;}
.coffeedate_detail_bild {width: 105px;}
.coffeedate_detail_bild img {width: 100%; border-radius: 100%;}
.coffeedate_detail_kontakt {width: calc(100% - 135px); padding-top: 10px;}

.coffeedate_detail_icon-kontakt-svg {position: relative; width: 30px; height: auto; display: inline-block; margin-right: 10px; margin-top: 10px; margin-bottom: -4px;}
.coffeedate_detail_icon-email-svg {position: relative; width: 30px; height: auto; display: inline-block; margin-right: 10px; margin-top: 10px; margin-bottom: -3px;}


@media (max-width:1140px) {
    .kaffee_bild {}
    
}


@media (max-width:960px) {
    .kaffee_bild {position: relative; top:inherit; right: inherit;}
    .kaffee_h_group, .coffeedate_detail_h_group {font-size: 70%;}
    .kaffee_bild img {width: 80%; height: auto;}
    .kaffee_unten { margin-top: 20px;}
    .hg_bild_coffeedate {background-size: 450px auto;}
    .coffeedate_detail_re {padding-top: 320px;}
}

@media (max-width:760px) {
    .kaffee_bild img {width: 90%; height: auto;}
    .kaffee_text_group_2 {width: 100%;}
    .kaffee_bild_box_2 {width: 100%; max-width: 550px; margin: auto;}
    .kaffee_bild_box_2 img {max-width: 350px; display: block; margin: auto;}
    /*.coffeedate_box_job {margin: auto; max-width: 400px;}*/
    .hg_bild_coffeedate {background-image: none;}
    .coffeedate_detail_bild_sm {display: block; text-align: right; margin-top: -140px;}
    .coffeedate_detail_bild_sm img {max-width: 380px;}
    .coffeedate_detail_text_bild_box {margin-top: -150px;}
    .coffeedate_detail_li {width: 100%;}
    .coffeedate_detail_re {width: 100%; text-align: left; padding-top: 10px;}
    .coffeedate_detail_logo {padding-left: 135px;}
}

@media (max-width:660px) {
    .kaffee_sm .flexbox {display: block; text-align: center;}
    a.button_kaffee {display: block; margin: auto; margin-bottom: 20px; max-width: 340px;}
    .coffeedate_detail_bild_sm {display: block; text-align: left; margin-top: 0px;}
    .coffeedate_detail_text_bild_box {margin-top: 0px;}
    .coffeedate_detail_bild_sm img {width: 100%;}
}
@media (max-width:380px) {
    .coffeedate_detail_bild, .coffeedate_detail_kontakt {width: 100%;}
    .coffeedate_detail_bild img {width: 105px;}
    .coffeedate_detail_logo {padding-left: 0px;}
}



.grid {
    display: grid;
    grid-template-columns: 32.8% 32.8% 32.8%;
    grid-gap: 12px 1.6%;
    padding-bottom: 20px;
 }
.griditem {background-color: #fff; border-radius: 18px; box-shadow: 2px 2px 8px #ccc; overflow: hidden; background-size: cover; position: relative; line-height: 0;}
.griditem_min_height {min-height: 350px;}

.big {grid-row:auto / span 2; grid-column: auto / span 2;}

.grid_2row {grid-row:auto / span 2;}
.grid_2column {grid-column:auto / span 2;}

@media (max-width:880px) {
    .grid {
    grid-template-columns: 49% 49%;
    grid-gap: 10px 2%;
    }
    .big {grid-row:auto / span 2; grid-column: auto / span 2;}
}

@media (max-width:555px) {
    .grid {
        grid-template-columns: 100%;
        max-width: 350px;
        margin: auto;
        display: block;
    }
    .big {grid-row:auto / span 1; grid-column: auto / span 1;}
    
    .griditem {display: block;  margin-bottom: 20px; }
}

.griditem_inner {text-decoration: none; color:#000; line-height: 0; display: inline; }
.griditem a {color:#000;}
.griditem_inner.flexbox {display: flex; min-height: 100%;}


.teaser_bild img {width: 100%; height: auto; border-radius: 18px 18px 0 0;}
.teaser_bild.rund_oben img {border-radius: 18px 18px 0 0;}
.teaser_bild.rund_unten img {border-radius: 0 0 18px 18px;}
.teaser_bild.rund_gesamt img {border-radius: 18px 18px 18px 18px;}
.teaser_bild_unten {align-self: flex-end;}

.teaser_bild {line-height: 0;}
.teaser_text_box {padding: 15px 10px 15px 10px; font-size:1.5em; line-height: 1.5em; z-index: 5;  top:0px; left: 0px;}
.teaser_text_box p {letter-spacing: 0.3px; padding-top: 0; margin-top: 0;}
a .teaser_text_box  {}
.teaser_text_box .yform {font-size: 0.65em; line-height: 1em; padding-top: 8px;}

.teaser_cat {font-size:0.54em; color:#acacac; font-weight: 700; padding-bottom: 0px;}
/*.teaser_cat a {color:#acacac;}*/
.teaser_cat_pre {line-height: 1;}
.teaser_cat_2 {font-size:1em; font-weight: 900; padding-bottom: 4px; line-height: 1;}
.teaser_text_box h3 {font-size:0.67em; line-height: 1.3em; font-weight: 900; padding-top: 0; margin-top: 0; padding-bottom: 10px; margin-bottom: 0;}
.teaser_text {font-size: 0.625em; line-height: 1.125em    ;}
 .teaser_text_box.kreis_pfeil_weiter .teaser_text p:last-of-type:after, .teaser_text_box.kreis_pfeil_weiter h3:after {content: ''; display: inline-block; width: 15px; background-image: url("../bilder/icon_mehr.svg"); background-repeat: no-repeat; background-position: 0 0; background-size: 15px; height: 15px; margin-left: 5px;}
.teaser_text_box .teaser_headline {font-weight: 900; font-size: 1.2em;}

.teaser_hg_video {/*left:-50%; position: absolute;  top:0; left:0; min-width: 100%; min-height: 100%;*/  border-radius: 18px;}
/*.video_hochformat {width: 100%; height: auto;}
.video_querformat {width: auto; height: 100%;}*/

.fitin_box {width: 100%; height: 100%;}
.fitin_box > * {inline-size: 100%; block-size: 100%; object-fit: cover;}

@media (max-width:670px) {
   .video_querformat {width: 100%; height: auto;} 
}

.big .teaser_text {column-count: 2; column-gap: 15px;}
@media (max-width:850px) {
    .big .teaser_text {column-count:inherit; column-gap: inherit;}
}

.mute-video {
    background:url("../bilder/mute_on.png") no-repeat center;
    background-size:32px;
    border:0;
    width:32px;
    height:32px;
    text-indent:-999px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
}
.unmute-video {
    background:url("../bilder/mute_off.png") no-repeat center;
    background-size:32px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
}

.carousel {padding-bottom: 20px !important;}
.carousel-cell {width: 315px; margin-right: 20px;}
.flickity-page-dots {bottom:-10px !important;}


.headline_box {margin-bottom: 0px;}
.headline_box a {color:#000;}
.headline_box h1 {font-weight: 900; font-size:2.000em; letter-spacing: 0.3px; margin: 0; padding: 0; padding-bottom: 0px; line-height: 1.0em; color:var(--textgrau)}
.headline_box h2 {font-weight: 900;  font-size:2.000em; letter-spacing: 0.3px; margin: 0; padding: 0; padding-bottom: 10px; line-height: 1.0em; }
.hb_li {width: 73%; padding-top: 0px;}
.hb_re {width: 26%;}
.hb_mail, .hb_download {text-decoration: none; color:#000; padding: 5px 0px 5px 45px; display: block; background-image: url("../bilder/icon_mail.svg"); background-repeat: no-repeat; background-position: 0px 0px; line-height: 1.100em; margin-bottom: 10px; background-size: 40px;}
.hb_download {background-image: url("../bilder/icon_download.svg");}
.hb_mail strong {font-weight: 900; display: block;}
.hb_download strong {font-weight: 900; display: block;}

@media (max-width:595px) {
    .hb_li {width: 100%;}
.hb_re {width: 100%;}
}



@media (max-width:960px) {
    #blitzbewerbung_box.inner_650 {max-width: 500px;}
}

.logos_in_row div img {width: 100%; height: auto; max-height: 280px;}
.logos_in_row div {padding: 0 1%; max-width: 144px;}

@media (max-width:640px) {
    .logos_in_row.flexbox.nowrap {flex-wrap: wrap;}
    .logos_in_row div {max-width: 90px;}
}

.acc_box {background-color: #fff; border:#d0d0d0 1px solid; padding-top: 6px; margin-bottom: 6px;}
.acc_trigger {cursor: pointer;}
.acc_icon {width: 80px; text-align: center;}
.acc_h {width: calc(100% - 70px - 80px); font-weight: 900;}
.acc_plus {width: 70px; text-align: center; align-self: flex-start;}
.acc_plus i {content: '+'; display: inline-block; width: 45px; height: 45px; border: 1px solid #d0d0d0; border-radius: 50%; text-align: center; font-size:5em; color:#d0d0d0; font-weight: 100; padding-top: 10px;}
.acc_plus i:before {content: '+'; display: inline-block;}
.active .acc_plus i {padding-top: 3px;}
.active .acc_plus i:before {content: '-';}
.acc_content {display: block; padding:0 0 0 80px; }

.downloadbox {width: 49%; padding: 35px 2% 15px 2%;  margin-bottom: 12px;}
.download_pre_h {font-weight: 100; font-size:1.4375em; text-transform: uppercase; padding-bottom: 20px;}
.download_h {font-weight: 900; font-size:2.5625em; line-height: 0.9em; padding-bottom: 0.2em; margin-bottom: 12px;}
.download_h2 {color:#676767; font-size:1.4375em; font-weight: 700; margin-bottom: 24px;}
.download_pfeil {margin-bottom: 20px;}
.download_text {}
.downloadbox .h_group {text-align: center;}

@media (max-width:680px) {
    .downloadbox {width: 100%;}
}

.icon_li_text_re__hgroup {margin-left: 80px; margin-bottom: 30px;}
.icon_li_text_re {margin-bottom: 10px;}
.icon_li_text_re__1 {width: 70px; text-align: center;}
.icon_li_text_re__2 {width: calc(100% - 80px);}
.icon_li_text_re__2 h3 {margin-bottom: 0;}

@media (max-width:400px) {
    .icon_li_text_re__hgroup {margin-left: 50px;}
    .icon_li_text_re__1 {width: 40px;}
    .icon_li_text_re__1 img {max-width: 40px;}
    .icon_li_text_re__2 {width: calc(100% - 50px);}
}

.team_kontakt_box {border-radius: 10px; border:rgb(222,225,225) 1px solid; margin-bottom: 13px;}
.team_kontakt_box_download {width: 70px; display: flex;}
.team_kontakt_box_download img {}
.team_kontakt_box_text {width: calc(100% - 70px - 180px); font-weight:0.875em; padding-left: 20px; display: flex;}
.team_kontakt_box_bild {width: 180px; line-height: 0;}
.team_kontakt_box_bild img {width: 100%; border-radius: 10px; max-width: 180px; }
.team_kontakt_box_infos {margin-top: 10px;}
.team_kontakt_box_infos_row img {display: inline-block; position: relative; margin-right: 8px; top:2px;}
.team_kontakt_box_text h3 {font-size:1.428em; margin-bottom: 2px; font-weight: 900;}
.team_kontakt_box_position {font-weight: 700; line-height: 1em;}
.team_kontakt_box_infos_adresse {font-weight: 400;}
.team_kontakt_box_infos_row {font-weight: 900;}
.team_kontakt_box_infos_row a:hover {color:var(--magenta);}
.team_kontakt_box_infos_row a {color:#000;}

@media (max-width:640px) {
    .team_kontakt_box_text {width: 100%; text-align: center; padding: 10px 20px 20px 20px; display: block;}
    .team_kontakt_box_bild {width: 100%; text-align: center; margin-bottom: 13px; padding-top: 20px;}
    .team_kontakt_box_download {width: 100%; text-align: center; display: block; padding-bottom: 10px;}
}

/*.newsletter_section.hg_grau {background-image: url("../bilder/pusteblume_hg_grau.jpg"); }
.newsletter_section.hg_weiss {background-image: url("../bilder/pusteblume_hg_weiss.jpg");}
.newsletter_section {background-size: auto 100%; background-position: right bottom; background-repeat: no-repeat;}*/
.newsletter_section {overflow: hidden; padding-top: 35px; padding-bottom: 0px;}
.newsletter_section .inner_990 {padding-right: 25%; }
.newsletter_hg_bild img {height: 100%;}
.newsletter_hg_bild {position: absolute; height: 100%; width: 100%; right: -74%; top:0;}
.newsletter_section_box {position: relative; z-index: 1;}
@media (min-width:1500px) {
    .newsletter_hg_bild {right: -64%;}
}

@media (max-width:660px) {
    .newsletter_section .inner_990 {padding-right: 35%; }
    .newsletter_hg_bild {right: -64%;}
}

@media (max-width:540px) {
    .newsletter_section .inner_990 {padding-right: 0%; }
}

.termine_box {border:1px solid var(--rahmengrau); padding: 15px 15px 12px 15px; margin-bottom: 10px;}
.termine_d strong, .termine_o strong {font-weight: 900;}
.termine_hbox {width: calc(98% - 130px);}
.termine_b {width: 130px; align-items: center;}
.termine_b input {width: 130px; outline: none; border:1px solid var(--rahmengrau); background-color: #fff; font-weight: 900; text-transform: uppercase; padding: 6px 0; cursor: pointer;}
.termine_d, .termine_o  {display: inline-block; color:#676767;}
.termine_d {margin-right: 25px;}
.termine_d img {position: relative; top:3px; display: inline-block; margin-right: 5px;}
.termine_o img {position: relative; top:3px; display: inline-block; margin-right: 3px;}
.termine_h {margin-bottom: 5px;}
@media (max-width:560px) {
   .termine_hbox {width: 100%;}
    .termine_b {margin-top: 10px;}
}



/* ### HEADER  ###################################################################### */

header {position: fixed; top: 30px; z-index: 500; width: 100%; font-size: 1.6em; transition: top 0.5s;}
header.fixed-header {top: 5px;}
.header_box {background-color: rgba(255,255,255,0.8); border-radius: 10px; border:rgba(166,166,171,0.8) solid 1px; padding: 7px 15px 5px 15px;}
.logo {margin-right: 12px; width: 77px;}
.logo img {width: 100%;}
.websites {margin-top: 6px;}
.websites div {border-left:1px solid var(--magenta); padding-left: 1px;}
.websites a, .websites strong {display: block; font-size:0.95em; font-weight: 900; line-height: 1.1em;}
.websites a {color:#b1b2b5; text-decoration: none;}
.websites a:before {display: inline-block; content: ''; width: 15px; height: 10px; }
.websites a:hover, .websites a.active {color:var(--magenta);}
.websites a:hover:before, .websites a.active:before {display: inline-block; content: ''; width: 15px; height: 10px; background-image: url("../bilder/icon_pfeil_website.svg"); background-size: 10px 10px; background-repeat: no-repeat;}

.logo_u_links {width: 200px;}
.nav_box {width: calc(100% - 200px); padding-right: 0px;}
/*
.sm_box {width: 110px; padding-top: 8px;}
.sm_box a {display: inline-block; margin-bottom: 2px; margin-right: 2px;}
.sm_box a img {width: 24px; height: auto;}
*/
.nav_box ul {margin: 0; padding: 0; text-align: right; padding-top: 20px;}
.nav_box li {list-style: none; display: inline-block; margin-left: 3.5%; border-left:1px solid #000; padding:8px 0 8px 12px; }
.nav_box li:first-of-type {margin-left: 0;}
.nav_box a {text-decoration: none; color:#000;}
.nav_box a:hover {color:var(--magenta);}
.nav_box li.active a {font-weight: 700;}



@media (max-width:1000px) {
    header {position: relative; top:inherit;}
    header.fixed-header {top:inherit;}
    .nav_box, .sm_box {display: none;}
    .header_box {background-color:#fff; border-radius:0; border:none; padding: 7px 0px 10px 0px;}
}

/*Banner*/
.banner_box {font-size:1.6em;}
.banner-slider-bild {position: relative;}
.banner-slider-bild img {width: 100%; height: auto;}
.banner-slider-text {position: absolute; bottom: 30%; width: 100%; height: auto; padding: 0 5%;}
.banner-slider-h1 {font-weight: 300; font-size:2.250em;}
.banner-slider-h2 {font-weight: 900; font-size:2.813em;}

.banner-mehr-box-mobil {display: none;}
.banner-mehr-box.weiss, .banner-mehr-box-mobil {width: 100%;}
.banner-mehr-box.weiss a, .banner-mehr-box-mobil a {margin-top: 12px; background-color: #fff; padding: 2px 40px; text-decoration: none; color:#000; display: inline-block; font-size:1.438em; font-weight: 900;}
.banner-mehr-box-mobil.weiss {}
.banner-mehr-box.schwarz {}
.banner-mehr-box-mobil.schwarz {}

@media (max-width:1200px) {
    .banner_box {font-size:1.1em;}
    .banner-slider-text {padding: 0 13%; bottom: 20%;}
}

@media (max-width:780px) {
     .banner_box {font-size:1em;}
}

@media (max-width:640px) {
    
    .banner-slider-text {top: 5%; bottom: auto;}
    
    .text-center_mobil {text-align: center;}
    .text-left_mobil {text-align: left;}
    .text-right_mobil {text-align: right;}
    .text-justify_mobil {text-align: justify;}
    
    .banner-mehr-box-mobil {display: block; position: absolute; bottom: 8%;}
    .banner-mehr-box {display: none;}
    .banner-mehr-box-mobil a {font-size:1.7em;}
    
    .websites a, .websites strong {font-size:1.1em;}
    .logo_u_links {width: 230px;}
    
}

@media (min-width:641px) {
    .text-left_center {padding-left: 40%;}
}


.banner_sm {border-radius: 10px; padding: 40px 20px; min-height: 300px; background-repeat: no-repeat; background-position: center right; background-size: cover;}
.banner_sm_inner {min-height: 220px;}
.banner_sm.hg_orange {color:#fff;}
.banner_sm .h_group {font-size:90%; margin-bottom: 15px;}
.banner_sm_icons_gross {}
.banner_sm_icons_gross img {width: 45px; height: auto;}
.banner_sm_icons_klein {padding-top: 8px;}
.banner_sm_icons_klein img {width: 38px; height: auto;}


.align-center {align-self: center; width: 100%;}
.align-top {align-self:flex-start ; width: 100%;}
.align-bottom {align-self:flex-end ; width: 100%;}
@media (max-width:960px) {
    .banner_sm .h_group {font-size:75%; }
}

@media (max-width:640px) {
    .banner_sm_icons_gross img {width: 35px; height: auto;}
}

/* ### NAVI ###################################################################### */

.hamburger_box {display: none; position: absolute; top:10px; right:20px; border-radius: 50%; height: 52px; width: 52px; border:1px solid #C5C5C5; box-shadow: 0px 0px 8px #C5C5C5; padding: 3px 0 0 4px; background-color: rgba(255,255,255,0.8);  z-index: 502;}

.lines-button { position: relative; height:40px;  z-index:5; background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;  cursor: pointer; padding: 0px 3px;}

.lines-button:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}
.lines-button:active {
}
.lines {
    background: #000000 none repeat scroll 0 0;
    border-radius: 0.28571rem;
    display: inline-block;
    height:4px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width:40px;
    width: 2.2rem;
}
.lines:before, .lines:after {
    background: #000000 none repeat scroll 0 0;
    border-radius: 0.28571rem;
    content: "";
    display: inline-block;
    height:4px;
    left: 0;
    position: absolute;
    -webkit-transform-origin: 0.28571rem center 0;
        -ms-transform-origin: 0.28571rem center 0;
            transform-origin: 0.28571rem center 0;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width:40px;
    width: 2.2rem;
}
.lines:before {
    top:11px;
    top: 0.5rem;
}
.lines:after {
    top:-11px;
    top: -0.5rem;
}
/*.lines-button:hover .lines:before {
    top:16px;
    top: 1rem;
}
.lines-button:hover .lines:after {
    top:-16px;
    top: -1rem;
}*/
.lines-button.close {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8);
}
.lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after {
    top: 0;
    width:35px;
    width: 2.22222rem;
    
}
.lines-button.arrow.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
            transform: rotate3d(0, 0, 1, 40deg);
}
.lines-button.arrow.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -40deg);
            transform: rotate3d(0, 0, 1, -40deg);
}
.lines-button.arrow-up.close {
    -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
            transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}
.lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after {
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width:48px;
    width: 3rem;
}
.lines-button.x.close .lines {
    background: transparent none repeat scroll 0 0;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
    top: 0;
    -webkit-transform-origin: 50% 50% 0;
        -ms-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    width:48px;
    width: 3rem;
}
.lines-button.x.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    left:-5px;
}
.lines-button.x.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    left:-5px;
}

.nav_mobil {position: relative; background-color:#fff; width: 100%; z-index: 4; display: none;}

@media (max-width:1000px) {
    .hamburger_box {display: block;}
    
}


#navi_mobil {display:none;}
#navi_mobil ul, #navi_mobil li {margin: 0; padding: 0; list-style: none;}
#navi_mobil a {text-decoration: none; color:#000;}

#navi_mobil {display:none; background-color:#fff; border-top:1px #C9C9C9 solid;}	

#navi_mobil #logo_mobil {width:61px; margin-left:30px; float:left; margin-top:-5px;}
#navi_mobil #leiste_oben_mobil {height:70px; box-shadow:2px 2px 5px #C9C9C9;}


#navi_mobil ul#ebene_1_mobil li a {display:block; font-size:1.600em; padding-top:15px; padding-bottom:15px; border-bottom:1px #C9C9C9 solid; text-align:center; cursor:pointer;}

#navi_mobil ul#ebene_1_mobil li a.aktiv, #navi_mobil ul#ebene_1_mobil li a:hover {color:#c50650;}

#navi_mobil ul#ebene_1_mobil ul li a {font-size:1.400em; padding-top:12px; padding-bottom:12px; border-bottom:1px #fff solid; background-color:#c50650; color:#fff;}
#navi_mobil ul#ebene_1_mobil ul li a.aktiv, #navi_mobil ul#ebene_1_mobil ul li a:hover {background-color:#efbace; color:#000;}

#navi_mobil ul#ebene_1_mobil ul, .sub_sub_menu_mobil, #ebene_1_mobil {}

#navi_mobil .sub_sub_menu_mobil {padding-bottom:8px;}
#navi_mobil .sub_sub_menu_mobil li a { font-size:1.300em; color:#fff; padding-top:8px; padding-bottom:8px; padding-left:15px; display:block;}
#navi_mobil .sub_sub_menu_mobil li a:hover {color:#000;}

@media screen and (min-width:1001px) {
	#navi_mobil {display:none !important;}	
}




/* ### SUBMENÜ ###################################################################### */



/* ### FOOTER ###################################################################### */
footer {font-size:1.200em; line-height:1.100em; color:#000; border-top:rgb(222,225,225) 1px solid;}
footer a {color:#000; text-decoration:none;}
footer a:hover {color:#9da6a8;}
footer h6 {font-size:1.167em; font-weight:900; margin-bottom:12px; margin-top: 0px;}
.foo_min {font-size:0.917em;}
.newsletter_box_foo p, .inform_box_foo p {}
.newsletter_box_foo {margin-bottom: 16px;}
.button_foo {display:block; color:#000; font-weight:700; padding:8px 0px; background-color:#fff; text-transform:uppercase; text-align:center; text-decoration:none; border:1px solid rgb(222,225,225); margin-bottom: 10px;}
.button_foo:hover {background-color:#59b124; color:#fff;}
.spenden_foo {margin-bottom:10px;}
.foo_4_box_1 {margin-bottom: 28px;}
.inform_box_foo {}
.foo_kreis_pfeil img {position: relative; left:-3px; top:-7px;}
.foo_newsletter {background-color: #fff; width: 100%; display: block; font-size:1.25em;}
.foo_newsletter span {background-color: var(--dunkelgrau); display: inline-block; height: 30px; padding: 0 4px;}
.foo_newsletter span img {position: relative; top:6px;}
.foo_newsletter i {font-style: normal; display: inline-block; position: relative; top:4px; padding-left: 10px;}

footer ul {padding: 0; margin: 0;}
footer li {list-style:none; position:relative; padding-bottom: 9px;}
footer ul a {color:#9da6a8; font-weight: 700;}
footer ul a:hover {color:#000;}


.foo_1 {width:23%; margin-left:1%; margin-right:3%;  }
.foo_2 {width:21%; margin-left:1%; margin-right:1%;  }
.foo_3 {width:12%; margin-left:1%; margin-right:1%;  }
.foo_4 {width:34%; margin-left:1%; margin-right:1%; }


.footer_1 { padding-top:30px; padding-bottom:15px;}


.footer_2 {font-weight: bold; padding: 12px 0;}
.footer_2 .flexbox div {margin: 0 1%; width: 80px;}
.footer_2 .flexbox div:nth-child(2) {width: 140px;}
.footer_2 .flexbox div.foo_copy {width: calc(94% - 220px); font-size: 0.75em;}

.foo_icons a {display: inline-block; margin-right: 8px;}

.spenden_foo a img {max-width:85px;}

@media screen and (max-width:965px) {
	.spenden_foo a img {width:40%;}
	.foo_1, .foo_2, .foo_3, .foo_4 {height:280px; }
}

/*
@media screen and (max-width:780px) {
	
	.foo_1, .foo_3, .foo_4 {width:30.315789473684212%; }
	.foo_2, .foo_strich_2 {display:none;}
}
@media screen and (max-width:600px) {
	.foo_1, .foo_3, .foo_4 {width:100%; text-align:center; height:auto; margin:auto; clear:both; float:none; margin-bottom:10px; max-width:280px;}
	.button_foo {max-width:220px; margin:auto;}
	.foo_strich {width:100%; height:1px; background-color:#c3c5c8; margin-top:10px; margin-bottom:15px;}
	.foo_4_box_1 {height:auto;}
}
*/


.foo_sm { margin: auto; margin-bottom: 30px; }
    .foo_sm a {display: block; margin: 0; width: 36px;}
    .foo_sm a img {width: 100%;}


@media screen and (max-width:880px) {
    .foo_sm {justify-content: center;}
	.foo_1, .foo_2, .foo_3, .foo_4 {width:100%; text-align:center; height:auto; margin:auto; clear:both; float:none; margin-bottom:30px; }
    .foo_2 {order:1;}
    .foo_3 {order:2;}
    .foo_4 {order:3; max-width: 360px;}
    .foo_1 {order:4;}
    .foo_4_box_1_inner {margin: auto; max-width: 250px;}
    .foo_newsletter {width: 200px; text-align: left; margin: auto;}
    .button_foo {max-width: 240px; margin-left: auto;  margin-right: auto;}
}

/* 
--------- Y-FORM ------------ 
*/

#bewerbung_form { padding-top: 40px;}

.alert {display: none;}

.alert, .has-error {
    color: #ee443c;
    
	
	}


.yform .has-error input, .yform .has-error textarea, .yform .has-error select, .formcheckbox.has-error input {
    color: #ee443c;

	border: 1px solid #ee443c;
}


.form-group label {display:none; }
.form_info {color:#464646; font-weight: 400; font-size:0.9em;}
.below_group {margin-top: -12px; margin-bottom: 12px;}

.yform .checkbox1 {display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; 
	/*margin-top: -15px;*/
}

#yform-formular-checkbox1 {margin-top: 16px;}
#yform-formular-checkbox3 {margin-bottom: 18px;}

#yform-formular-datenschutz label {display:inline-block;}
#yform-formular-datenschutz input[type="checkbox"] {
  visibility:visible; display:inline-block;
	position:relative; left:auto; top:auto;
}

.yform .form-helper {display: inline-block;}

.checkbox {font-size:0.75em;}

.yform_datenschutz_info a {color:#000; text-decoration: underline; font-weight: 700;}
.yform_datenschutz_info a:hover {color:var(--magenta);}

.yform_datenschutz_info .has-error a {color: #ee443c;}

.yform input[type="checkbox"] {
 display:inline-block;
    margin-right: 7px;
    position: relative;
    width: 25px;
    height: 25px;
    top: 4px;
}




.form-control-static {margin-top: 0px;}

.yform input,
.yform textarea {
    width: 100%;
    box-sizing: border-box; 
	padding:2px 0.8em 0 0.8em;
	line-height:1.6;
	color:#424242;
	margin-bottom: 10px;
	background-color: #fff;
	border:1px solid #83888a;
	}


.yform textarea {
	height: 110px;
}

.yform select {
	background-color: #fff;
    border: 1px solid #83888a;
    color: black;
    line-height: 1.6;
    margin-bottom: 0.4em;
    padding: 0.25em 0.8em;
	width: 100%;
    font-weight: bold;
	}

.yform select option{
    font-weight: normal;
}

.yform_label {font-weight: bold; margin-bottom: 3px;}
.yform_label span {font-weight: normal;}

.yform input::placeholder,.yform textarea::placeholder {font-weight: bold; color:#000; opacity: 1; /* Firefox */}

.yform .form-captcha {margin-top: 5px;}

.yform .form-captcha label {
	display: block;
      text-align: left;
	  border:none;
	
}

.yform .form-captcha img {
	margin-bottom: 5px;
	display: inline-block;
}

.yform button[type=submit] {
	display:block; background-color:#fff; color:#000;   padding: 14px 38px 14px 38px; margin:auto; margin-top: 15px; margin-bottom: 25px; border:1px solid #83888a; cursor: pointer; text-align: center; font-weight: 700;
	
}

.yform button[type=submit]:hover {background-color:var(--magenta); color:#fff; border:1px solid var(--magenta);}

.yform .input-group {margin-bottom: 5px;  padding: 5px;}
#yform-ehrenamt_info_anmeldung_form-lebenslauf label{display: inline-block; padding-left: 5px; }
#yform-ehrenamt_info_anmeldung_form-lebenslauf label:after {content: ''; background-image: url("../bilder/icon_attachment.svg"); background-size: auto 16px; background-repeat: no-repeat; background-position: 5px 2px; width: 25px; height: 25px; position: absolute; display: inline-block;}
#yform-ehrenamt_info_anmeldung_form-lebenslauf {padding: 5px; background-color: var(--grau); padding-bottom: 0; margin-bottom: 10px;}

.yform input[type="file"] {width:auto;}


#yform-table-rex_anmeldungen-anmeldedatum {display: none;}

#coffeedate_form .coffeedate_form_radio {margin-bottom: 10px;}
#coffeedate_form .coffeedate_form_radio_1 > label {display: none;}
#coffeedate_form .coffeedate_form_radio_1 {display: flex; justify-content: space-between;}
#coffeedate_form .coffeedate_form_radio_2 {width: 33%; border:1px solid #83888a; user-select: none; cursor: pointer; height: 40px; text-align: center;}

#coffeedate_form .coffeedate_form_radio_2 label {display: block; position: relative; height: 100%;}
#coffeedate_form .coffeedate_form_radio_2 input {position: absolute; top:0; left: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%;}
#coffeedate_form .coffeedate_form_radio_2 input + .input_container {position: absolute; top:0; left: 0; width: 100%; height: 100%;  z-index: 0; cursor: pointer; padding-top: 10px; text-transform: uppercase; font-weight: 900; font-size: 0.9em; background-color: #fff;}
#coffeedate_form .coffeedate_form_radio_2 input:checked + .input_container {background-color: var(--magenta); color:#fff;  }
.yform #coffeedate_form select {font-weight: 900;}
#coffeedate_form #yform-coffeedate_form-stelle_id {margin-bottom: 20px;}
#coffeedate_form .coffeedate_form_h {font-weight: 900; padding-bottom: 8px;}
#coffeedate_form textarea::placeholder {color:#000;}


/*#coffeedate_form .coffeedate_form_radio_2:hover {background-color: var(--magenta);}*/

/*#coffeedate_form .coffeedate_form_radio_2:focus-within {background-color: var(--magenta);}*/

/*#coffeedate_form input[type="radio"]:focus {background-color: var(--magenta);}*/

@media (max-width:400px) {
    #coffeedate_form .coffeedate_form_radio_1 {display: block;}
    #coffeedate_form .coffeedate_form_radio_2 {width: 100%; margin-bottom: 2px;}
}

/* ### SPECIAL ###################################################################### */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


#offline-404-frontend-msg {
    background: darkred none repeat scroll 0 0;
    border: 1px solid #fff;
    color: white;
    font-family: Arial,sans-serif;
    font-size: 13px;
    left: 0;
    padding: 4px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 10000;
}