/* Copyright 2021 www.thiele-vision.de */

/*@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@500&display=swap');   */

/* latin-ext */

@font-face {
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Cormorant'), local('Cormorant'), url(fonts/Cormorant_latin-ext_500.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Cormorant'), local('Cormorant'), url(fonts/Cormorant_latin_500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*#########################################################################################################################################################*/
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(fonts/OpenSans_latin-ext_400.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(fonts/OpenSans_latin_400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(fonts/OpenSans_latin-ext_600.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(fonts/OpenSans_latin_600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(fonts/OpenSans_latin_400.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(fonts/OpenSans_latin_600.woff) format('woff');
}

/* latin-ext */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: local('Play Regular'), local('Play-Regular'), url(fonts/Play_latin-ext_400.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: local('Play Regular'), local('Play-Regular'), url(fonts/Play_latin_400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  src: local('Play Bold'), local('Play-Bold'), url(fonts/Play_latin-ext_700.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  src: local('Play Bold'), local('Play-Bold'), url(fonts/Play_latin_700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: local('Play Regular'), local('Play-Regular'), url(fonts/Play_latin_400.woff) format('woff');
}
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 700;
  src: local('Play Bold'), local('Play-Bold'), url(fonts/Play_latin_700.woff) format('woff');
}


@charset "UTF-8";
/* Body */

html {
  scroll-behavior: smooth;
}

body {
 font-family: 'Play','Open Sans';
 background-color: #FFFFFF;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 font-style: normal;
 /*font-weight: 200;  */
 width: 100%;
 color: #33373D;
 box-sizing: border-box; /*Include padding and border in the element's total width and height*/
  -ms-hyphens: auto; /* ab IE10 */
  -moz-hyphens: auto; /* seit Firefox 6 */
  -webkit-hyphens: auto; /* seit Safari 5.1 (OS X), Safari 4.1 (iOS) */
  hyphens: auto;
}

/* Firefox */
* {
 scrollbar-width: thin;
 scrollbar-color: #3C9DB4 transparent;/*#33373d; */
}

/* Chrome, Edge, and Safari */
body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background: transparent;/*#33373d; */
}

body::-webkit-scrollbar-thumb {
  background-color: #3C9DB4;
}


.hg_grau {
 background-color: #F4F6F8;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.section_container {
 width: 100%;
 height: auto;
 display: block;
 margin-top: 0px;
 position: relative;
}

.startthemengebiet {
  margin-top: 80px;   /*40*/
}

.section_container h1 {
 font-family: 'Cormorant';
 font-size: clamp( 30px, 3.0vw, 60px);  /* 3vw 3.75em 60px*/   
 font-weight: normal;
  /*line-height: 65px;2.7vw0.9*/
 line-height: clamp( 35px, 3.0vw, 65px);
 text-align: center;
 text-transform: uppercase;
}

.section_container h2 {
 font-family: 'Play';
 font-size: clamp( 20px, 3vw, 34px);  
 font-weight: normal;
 /*line-height: 44px; */
 line-height: clamp( 34px, 3.0vw, 44px);
 text-align: center;
}


.startempfehlungen_bg {
 background-color: #33373D;
 padding: 90px 0px 80px 0px;     /*padding: 90px 0px 80px 0px;*/
 z-index:3;
/* margin-bottom:-80px;*/
}

.sonderbeitrag_galerie_overlay {
 background-color: #FFFFFF;
 z-index:3;
}

/*############################################################################*/
.carousel-indicators li {
  width:10px;
  height:10px;
  margin-right:15px;
  margin-left:15px;
  margin-bottom:65px;
  border-radius:50%;
  border:0;
  opacity:100%;
  background-color:#FFFFFF;  /*transparent*/
  box-shadow:0 0 0 0.15rem #FFFFFF; 
} 

.carousel-indicators .active {
  background-color:transparent;
}

.carousel-caption {
 bottom:20%;
}

.section_container .carousel-control-prev,
.section_container .carousel-control-next {
 width:20px;  
 height:70%; 
}
  
#topthemenslide .carousel-control-prev,
#topthemenslide .carousel-control-next {
 height:60%;
}


.startbild .carousel-control-prev,
.startbild .carousel-control-next {
 /*height:calc(100% + 150px); */
 height: 50px;
 margin: 0;
  position: absolute;
  
  top:50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
  
#debattenteilnehmerslide .carousel-control-prev,
#debattenteilnehmerslide .carousel-control-next {
 height:50%;
}


#galerieslide .carousel-control-prev,
#galerieslide .carousel-control-next,
#galerie2slide .carousel-control-prev,
#galerie2slide .carousel-control-next,
#sonderbeitragslide .carousel-control-prev,
#sonderbeitragslide .carousel-control-next {
 width:20px;
 height: 90%;
 margin-left:-30px;
}

#galerieslide .carousel-control-prev,
#galerieslide .carousel-control-next
 {
 height: calc(90% - 100px);
}

#startslide .carousel-control-prev,
#startslide .carousel-control-next {
 z-index:200;
 width:20px;
 height:100%;
 margin-left:230px;
}

#startslide .carousel-control-next {
 margin-right: 230px;
}

#galerieslide .carousel-control-next,
#galerie1slide .carousel-control-next,
#galerie2slide .carousel-control-next,
#galerie3slide .carousel-control-next,
#sonderbeitragslide .carousel-control-next {
 margin-right:-30px;
}

#laufendedebattenslide .carousel-control-prev,
#laufendedebattenslide .carousel-control-next,  
#debattenbeitraegeslide .carousel-control-prev,
#debattenbeitraegeslide .carousel-control-next {
 height:90%;
}

#dokumentationenslide .carousel-control-prev,
#dokumentationenslide .carousel-control-next {
 height:90%;
 }
 

.section_container .carousel-indicators .active {
  background-color:transparent;  
}

.section_container .carousel-indicators li {
 background-color:#33373D; 
 box-shadow:0 0 0 .15rem #33373D;
}

.sonderbeitrag_galerie_overlay .carousel-control-prev-icon,
.section_container .carousel-control-prev-icon {
 background-image: url("images/pfeil_links_grau.png"); 
 background-size: 12px 15px;   /*8px 10px;*/
}

.sonderbeitrag_galerie_overlay .carousel-control-next-icon,
.section_container .carousel-control-next-icon {
 background-image: url("images/pfeil_rechts_grau.png"); 
 background-size: 12px 15px;
}

 .section_container .startempfehlungen_bg .carousel-control-next {
 width:22%;
 height:75%;
 }
 
 .section_container .startempfehlungen_bg .carousel-control-prev {
  width:22%;
  height:75%;
 }

.startempfehlungen_bg .carousel-control-prev-icon {
 background-image: url("images/pfeil_links_gold.png"); 
 background-size: 12px 15px;
}


.startempfehlungen_bg .carousel-control-next-icon {
 background-image: url("images/pfeil_rechts_gold.png"); 
 background-size: 12px 15px;
}  


/*#############################################################################*/
#wb {
 position:fixed;
 font-size:12px; 
 color:#AA8C41; 
 top:200px; 
 right:0px;
 text-align:right; 
 padding-right:20px;
 z-index: 1000;
}

.ueber_mobil,
#wb_sonder,
#wb_mobil {
 position:relative;
 font-size:12px; 
 color:#AA8C41; 
 top:0px; 
 right:0px;
 text-align:right; 
 padding-right:20px;
 display: none;
}

#wb_sonder {
  display: block;
}

#zurdebatte,
#zumts {
 position: fixed;
 left: 10px;
 top:185px;
 display: block;
 color: #AA8C41; 
/*font-size:16px;  */
 font-size: clamp( 10px, 1.0vw, 16px);
 padding: 10px 0px 10px 0px;
 z-index:2;
}

#zurdebatte {
color: #33373D; 
}

#menuebutton {
display:none; 
position:fixed;
top:10px;/*40%*/
left:10px; 
z-index:100;
cursor: pointer;
} 

.menuebutton_pic {
 width:45px;
}  

#up_button {
display:none; 
margin:0px 0px 0px 0px;
padding:0px 20px 0px 20px;
position:fixed;
bottom:5px;
right:0px; 
z-index:100;
cursor: pointer;
font-size:40px;
font-weight: bold;
color:#AA8C41;
}

a {text-decoration: none;}

a:link,
a:visited {
 color: #33373D; text-decoration: none;
}

.reglogin a.aktiv,
.reglogin a:hover,
a.aktiv,
a:active,
a:hover,
a.teilnehmer .text:hover, 
.startdebattenslide .text a:hover h1,
.startdebattenslide .text a:hover h2,  
.startdebattenbeitraegeslide .text a:hover h1,
.startdebattenbeitraegeslide .text a:hover h2,
.startdebattenbeitraegeslide .text a:hover p {
 color: #3C9DB4; text-decoration: none;
}


.startempfehlungen_bg a:link,
.startempfehlungen_bg a:visited {
 color: #FFFFFF;/*#AA8C41; gold*/ 
 text-decoration: none;
}

.startempfehlungen_bg a.mehrlesen:link,
.startempfehlungen_bg a.mehrlesen:visited {
 color: #AA8C41; /*gold*/ 
}

.startempfehlungen_bg a:active,
.startempfehlungen_bg a:hover {
 color: #3C9DB4;/*#FFFFFF;*/ 
 text-decoration: none;
}


.startempfehlungen_bg a:active h1,
.startempfehlungen_bg a:active h2,
.startempfehlungen_bg a:hover h1,
.startempfehlungen_bg a:hover h2,
.startempfehlungenslide a:hover h1,
.startempfehlungenslide a:hover h2 {
 color: #FFFFFF; text-decoration: none;
}

.startempfehlungen_bg a.mehrlesen:hover {
 color: #FFFFFF;
}

/* Navigation */
header {
 z-index: 100;
 position: fixed;
 border: 0px;
 width: 100%;
 height: auto;/*130px;  105*/
 background-color: #FFFFFF;
 padding-top: 10px; /*28*/
}

.maincontent hr,
header hr {
	float: right;
  background-color: #E5E5E8;
  color: #E5E5E8;
  border: #E5E5E8;
  height: 1px;
  width: 100%;
  margin: 20px 0px 0px 0px;     /*10*/
}

.maincontent hr {
  margin: 40px 0px 30px 0px;
}

.anzeige {
 color: #AA8C41;
 font-weight: normal;
 font-family: 'Play';
 font-size:12px;  /*18px 0.7vw*/
 text-align: right;
 width: 100%; /*80*/
 margin: 0 auto; /*  background-color:#FF0000;*/
 margin-top: 50px;  /*-50*/
 padding: 0px 10px 0px 0px;        
/* max-width: 1364px;   */
}

.anzeige_b {
 color: #33373d;
 font-weight: normal;
 font-family: 'Play';
 font-size:12px;  /*18px 0.7vw*/
 text-align: right;
 width: 100%;
/* margin: 0 auto; */
}

.anzeige_s {
 color: #AA8C41;
 font-weight: normal;
 font-family: 'Play';
 font-size:12px;
 text-align: right;
 width: 100%; /*80*/
 margin: 0 auto; 
 margin-top: 0px;
 margin-bottom: -20px;
 padding: 0px 10px 0px 0px;        
}

h1.logo,
h2.logo {
 color: #33373d;
 font-weight: normal;
 font-family: 'Play';
 text-align: center;
 letter-spacing: 1px;   /*0.01vw0.1em;*/
 font-size: clamp(16px, 1.0vw, 22px);  /* 1.0vw 1.3em  26px*/
 padding-top: 10px;
}

h2.logo  {
 font-size: clamp(10px, 0.7vw, 16px);  /*0.7vw 0.9em 16px*/
 padding-top: 0px;
}

header .banner_nav {
 width:80%; 
 max-width:1364px; 
 margin:auto;
 position: relative;
}

header .reglogin {
 /*font-size: 14px; 0.6vw0.8em; 14px*/
 font-size: clamp( 10px, 1.0vw, 14px);
 letter-spacing: 1px;  /*0.02vw0.8em;*/
 text-align:right;
 margin: 10px 0px 0px 0px;    /*20px 0px -30px 0px;  */
 /*background-color:#FF0000; */
 width: 30%;
 position: absolute;
 top:0px;
 right: 0px;
}

header .reglogin a {
 color: #85878B;   
}

/* +++++++++++++++++++++ Navigation-Empfehlungen ++++++++++++++++++++++++++++ */
#nav_empfehlungen {
 display: none;
 background-color:#33373d; 
 width:100%; 
 margin-top:0px;
}

#nav_empfehlungen_schliessen {
 cursor:pointer; 
 color:#aa8c41; 
 float: right; 
 margin:5px 10px 0px 0px; 
 font-size:28px;
}

.nav_empfehlungen_container {
 margin:auto; 
 display:flex; 
 flex-wrap:wrap;  
 width:80%;  
 max-width: 1364px; 
 justify-content:space-between;
}

#nav_empfehlungen h1 {
 display:block; 
 width:100%;
 color:#aa8c41;
 font-size: 16px; 
 padding: 10px 0px 0px 10px; 
 letter-spacing:1.1px;
}
/* ++++++++++++++ Navigation-Empfehlungen (Ende) ++++++++++++++++++++++++++++ */

nav {
 display: table;
 margin: auto;
}  

footer nav {
 display: block;
 width:80%;
 max-width:1364px;
 padding: 0px;
} 

/*08.08.2021 background-color:#FF0000; */
header nav {
 z-index: 100;
 left:0px;
 border: 0px;
 width: 100%;
 height: 50px;    /*150*/
 background-color: #FFFFFF;
}

#mainnav {
 -webkit-box-shadow: 0px 15px 10px -15px #E5E5E8;
 -moz-box-shadow: 0px 15px 10px -15px #E5E5E8; 
 box-shadow: 0px 2px 10px 0px #E5E5E8; 

}              
.divnav ul {    
 border: 0px;
 width:80%;  max-width: 1364px;  margin:auto;
 height:50px; 
 
 display:flex; flex-wrap:wrap;  justify-content:space-between;
/* background-color:#FF0000;  */
}

.startthemengebietauswahl nav ul,
footer nav ul,
header nav ul {
 list-style: none;
}


header nav ul {
 padding: 10px 0px 0px 0px;                                            
}     

header .lupe {
 height: 19px;
}

nav ul li {
	float: left;
	color: #33373D;
/*	font-size: 18px;  1.1em 1.125em  18px 14*/
  font-size: clamp( 14px, 1.0vw, 18px);
	text-align: center;
/*	margin-right: 50px; 50 25*/
	letter-spacing: 1px;
	font-weight: normal;
  /*display:table-column;
	transition: all 0.3s linear;*/
}

footer .footer_grau nav h1,
footer .footer_grau nav ul {
 padding: 0px;
 margin: 0px;
}

footer .footer_grau nav ul {
 margin: 0px 0px 20px -5px;
}

 nav .divnav ul li {
/*	float: left;  */
	color: #33373D;
/*	font-size: 18px;  1.1em 1.125em  18px 14*/
  font-size: clamp( 14px, 1.0vw, 18px);
	text-align: left;
	margin-right: 0px; /*50 25*/
	letter-spacing: 1px;
	font-weight: normal;
 /*background-color:#00FF00;  */
}
/* für Navigation (ein- und ausblenden) */

#zurdebatte,
#zumts,
header {
 transition:transform .25s .1s ease-in-out;
}

.down #zurdebatte,
.down #zumts {
 transform:translate3d(0, -140px, 0);
}

.down header {
 transform:translate3d(0, -170px, 0);
}


.hidden {
 display:none;
 }
     
.tvshadow {
 -webkit-box-shadow: 0px 15px 10px -15px #E5E5E8; 
 -moz-box-shadow: 0px 15px 10px -15px #E5E5E8;   
 box-shadow: 0px 15px 10px -15px #E5E5E8;  
} 

.tvshadow2 {
-webkit-box-shadow: 0 0 15px #E5E5E8; 
 -moz-box-shadow: 0 0 15px #E5E5E8;  
 box-shadow: 0 0 15px #E5E5E8;
 }
 
.maincontent {
 margin-top: 0px; /*125*/ 
 margin-bottom: 80px;  /*80*/
 width: 100%;
 float: right; 
 height: auto;	
}

.videoslide {
 min-width: 100%; 
 min-height: 100%;
}

.footer_grau {  
  margin-top:1px; /*80px; */
	width: 100%;
  color: #FFFFFF;
	background-color: #33373D;
	float: right;
	padding: 30px 0px 0px 0px;
}

.footer_grau ul li {
	margin: 0px 5px 0px 5px;
}

.footer_grau ul li,
.footer_grau ul li a {
 color: #FFFFFF;
/* font-size: 12px; 0.75em 12px*/
 font-size: clamp( 10px, 1.0vw, 12px);
}

.footer_grau ul li:hover a {
 color: #3C9DB4;
}

.footer_grau nav ul {
	color: #FFFFFF;
  display: block;
  float: left;
  margin: 0px 0px 0px 0px;	
}

.slider_unten {
 z-index:50;
 margin-top:-44px;
 position: relative;
 width:66px;
}

.startthemengebietauswahl ul li a:link,
.startthemengebietauswahl ul li a:visited {
 color: #33373D;
}

.startthemengebietauswahl ul li a.aktiv,
.startthemengebietauswahl ul li a:active,
.startthemengebietauswahl ul li a:hover {
 color: #3C9DB4;
}

.startthemengebietauswahl ul li {
 margin: 0px 5px 0px 5px;
}

.startthemengebietauswahl ul li,
.startthemengebietauswahl ul li a {
 font-weight: normal;
 font-family: 'Play';
 color: #33373D;
 /* font-size: 24px;  1.0 vw 24px 1.1em;*/ 
 font-size: clamp( 16px, 1.4vw, 24px);
}

.startthemengebietauswahl nav ul {
 display: block;
 /*float: left;*/
 margin: 40px 0px 0px 0px; /* margin: 40px 0px 0px 0px;	*/
/* text-align: center;  */
 padding: 0px;
}


.footer_grau nav h1 {
 /*font-size: 0.875em; 14px*/
 font-size: clamp( 12px, 1.0vw, 14px);
 display: block;
 clear: left;
 text-align: left;
 padding: 0px 0px 0px 45px;
 margin: 15px 0px 0px 0px;
}

nav.footer_weiss {
 width: 100%;
}

.footer_weiss ul {
 width: 80%;
 max-width: 1364px;
 display:flex;
 justify-content: center;
 margin:auto;
}

.footer_weiss li {
 padding: 0px 20px 0px 20px;
}

.startbild {
 position: relative;
	width: 100%;
	height: 100%;
/*	float: right;  */
	display: block;
  margin: 0px 0px 30px 0px;
}

.startbild .container-fluid { 
 margin: 0px auto; 
 padding: 0px;
 }   

.startbildtext {
 width:72%; /*70%*/
 background-color: #0C0D0E; /*#0C0D0E;*/ 
 opacity: 0.8;
 padding: 30px 10px 20px 10px;/*5vw 2vw 4vw 2vw; */
 position: relative; /*absolute*/
 margin: 0px auto;
}

.startbildtext h1,
.startbildtext h2 {
	color: #3C9DB4;
	text-align: center;
	font-weight: normal;
}

.startbildtext h1 {
  font-family: 'Cormorant';
	/*font-size: 3.1vw;3.1vw; 5em 80px; */
  font-size: clamp( 26px, 3.1vw, 80px);
	font-weight: normal;
	/*line-height: 3.1vw;3.1vw;*/
  line-height: clamp( 30px, 3.1vw, 100px);
  margin: 0em 1em 0em 1em;
}

.h1startbildtext {
 font-family: 'Cormorant';
 /*font-size: 3.1vw; 5em 80px; */
 font-size: clamp( 26px, 2.0vw, 80px);
 /*	line-height: 3.1vw; */
 line-height: clamp( 40px, 2.0vw, 100px);
}

.startbildtext h2 {
  font-family: 'Play';
	/*font-size: 1.7vw;  1.7vw;  2.5em 40px*/
  font-size: clamp( 13px, 1.7vw, 40px);
	/*line-height:1.2vw; 1.2vw;     0.8em*/
  line-height: clamp( 26px, 1.2vw, 42px);
  margin:0.6em;
  letter-spacing:0.05em;

}

/*########################### Über uns #######################################*/
video.fullscreen {
  position: absolute;
  z-index: 0;
  object-fit: cover; 
  min-width: 100%;
  min-height: 100%;
  width:100%;
  height:100%;
}

.ueberunsstartbildtext {
 width:100%;
 height: 300px;
 display: flex;
 align-items: center;
 justify-content: center;
}   

.ueberunsstartbildtext h1 {
 font-size: clamp(30px, 2.7vw, 60px);
 line-height: clamp(30px, 2.7vw, 60px);
}

/*############################################################################*/

.startempfehlungen_bg h1 {
 margin-top: 20px;
 color:#AA8C41;
}

.startempfehlungen_bg .startdebattenslide .text h1,
.startempfehlungen_bg .startdebattenslide .text h2,
.startempfehlungen_bg .bildbeschriftung,
.empfehlungen h1,
.empfehlungen h2,
.startempfehlungen_bg h2,
.startempfehlungen_bg .teasertext p,
.empfehlungen .bildbeschriftung,
.empfehlungen .zurfachdebatte {
 color:#AA8C41;
}

.startempfehlungen_bg .startdebattenslide .text h1,
.startempfehlungen_bg .startdebattenslide .text h2,
.startempfehlungen_bg .bildbeschriftung,
.empfehlungen h1,
.empfehlungen h2,
.startempfehlungen_bg h2,
.empfehlungen .bildbeschriftung {
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3; 
}


.startempfehlungen_bg .startdebattenslide .text {
 background-color: #33373D;
} 







.datumempfehlung,
.content_container,
.startdokumentationengross,
.dokumentationenanzeigen,
.startteilnehmerslide,
.startbreitbild,
.startthemengebietauswahl,
.startempfehlungenslide,
.startdebattenslide,
.startdebattenbeitraegeslide,
.startdebattentickerdiv,
.starttopthemenslide {
 max-width: 1364px;
 width: 80%;
 margin: 0px auto;
 padding: 0px; 
}

.datumempfehlung {
 text-align: right;
 /*font-size: 20px;  1.0vw 1.25em 20px*/
 font-size: clamp( 15px, 3vw, 20px);
 color:#AA8C41; 
 padding: 0px 0px 10px 0px;
}

.datumdebatte {
 text-align: left;
 /*font-size: 14px; */
 font-size: clamp( 10px, 3vw, 14px);
}

.startdebattenbeitraegeslide {
 display:flex;
 margin-top: 10px;  /*30*/
 margin-bottom: 50px;     /*2.6vw 50px 110*/
}  

.carousel-inner .carousel-item .startdebattenbeitraegeslide {
 margin-top: 80px;
 margin-bottom: 110px;
}  

.galerieslide,
.startteilnehmerslide {
 display:flex; 
 /*justify-content: space-between;*/
}


.startdebattenslide {
 display:flex;
 margin-bottom: 70px; 
 margin-top: 85px;
}  

#topthemenslide .carousel-indicators {
 bottom: -120px; 
}

.starttopthemenslide hr {
 margin-top:90px;
 margin-bottom:25px;
}

.starttopthemenslide .datum {
 text-align: right;
/* font-size: 20px; 1.0vw;  0.9vw 1.25em 20px*/
 font-size: clamp( 15px, 3vw, 20px);
 display: block;
 padding: 0px 0px 5px 0px;
 margin: 0px 0px 0px 0px;
}

.startdebattentickerdiv .datum {
 text-align: left;
  /*font-size: 14px;0.6vw0.875em 14px*/
 font-size: clamp( 10px, 3vw, 14px);
 display: block;
 padding: 0px 0px 5px 0px;
}

.beitragsbild {
  width: 100%;
  height: auto;
	max-width: 1364px;
}

.sonderbeitraegeslide {
 display:flex; 
 flex-wrap:wrap;  
 justify-content:space-between;
}


.sonderbeitraegeslide .beitragsbild,
.startempfehlungenslide .beitragsbild,
.startdebattenbeitraegeslide .beitragsbild {
 width: 50%;	
}

.startdebattenbeitraegeslide .beitragsbild {
  width:100%;	
}

.startdebattenbeitraegeslide .div_beitragsbild {
 width:50%;	
}

.startdebattenbeitraegeslide .text {
 width: 50%;	
 max-width: 642px;
 padding: 0px 10px 0px 35px; /* 0vw 0.9vw 0vw 1.9vw;   */ 
 position: relative;
}

.startdebattenslide .text {
 width: 66.3%;	
 max-width: 904px;
 padding: 0px 0px 0px 0px;
 background-color: #F4F6F8;
 margin: 0px 1.1% 32px 0px;   /* margin: 0px 1.1% 30px 0px;*/
 position:relative;
}


.startdebattenslide .initiator {
   width: 32.6%;	 /* 32.6*/
  /*max-width: 444px; 01.11.2022 */
	padding: 0px 0px 0px 0px;
	background-color: #F4F6F8;
	margin: 0px 0px 33px 0px;   /*	margin: 0px 0px 30px 0px;*/
}

.startdebattenslide .initiator p {
 /*font-size: 18px; 0.8vw 0.9em 18px*/
 font-size: clamp( 14px, 1.0vw, 18px);
 font-family: 'Play';
 line-height: 28px; /* 1.2vw; 1.5em*/
 letter-spacing:0.5px; /*0.05vw; 0.09em*/
 padding: 15px 10px 0px 60px;
 display: block;/*01.11.2022*/
}

.startdebattenbeitraegeslide .text h2.summary,
.startdebattenslide .text h1,
.startdebattenslide .text h2,
.startdebattenbeitraegeslide .text h1,
.startdebattenbeitraegeslide .text h2,
.startdebattenbeitraegeslide .text p {
 padding: 0px 10px 0px 0px;  /*0vw 0.1vw 0vw 0vw;*/
 margin: -8px 0px 0px 0px;
 /*font-size: 34px; 1.5vw 1.8em 34px;
 font-size: clamp( 30px, 3.0vw, 34px); */ 
 font-weight: normal;
 /*line-height: 44px; 1.8vw1.2em
 line-height: clamp( 40px, 3.0vw, 44px); */ 
 font-family: 'Cormorant';
 color: #33373D;
 text-align: left;
 display: block;
 hyphens: auto; /*
 hyphenate-limit-chars: auto 5;
 hyphenate-limit-lines: 2;
 -webkit-hyphens: auto;
 -webkit-hyphenate-limit-chars: auto 5;
 -webkit-hyphenate-limit-lines: 2;
 -ms-hyphens: auto;
 -ms-hyphenate-limit-chars: auto 5;
 -ms-hyphenate-limit-lines: 2; */
 
/* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  hyphenate-limit-lines: 1; */  
 /* overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;  */
}

.startdebattenbeitraegeslide .text h2.summary,
.debattenbeschreibung p,
.startdebattenslide .text p,
.startdebattenslide .text h2,
.startdebattenbeitraegeslide .text h2 {
/* font-size: 24px; 1.0vw 1.2em 24px;*/
 font-size: clamp( 18px, 3.0vw, 24px);
 /*line-height:34px; 1.4vw;1.35em*/
 line-height: clamp( 28px, 3.0vw, 34px);
 letter-spacing:0.4px;/*0.09vw; */
font-family: 'Play';
}

.debattenbeschreibung p {
 letter-spacing:0px;
}

.startdebattenslide .text p {
 line-height:48px;
}
.startdebattenslide .text h1 {
 margin: 10px 0px 0px 30px;
 font-size: clamp( 26px, 2vw, 34px);
 line-height: clamp( 28px, 2vw, 36px);
 text-transform: uppercase; 	
}

.startdebattenslide .text h2 {
 margin: 30px 0px 0px 30px;	   /*90px 0px 0px 30px;	*/
 padding: 0px 10px 20px 0px;
}

.startdebattenbeitraegeslide .text p {
 margin: 30px 0px 0px 0px;
 font-size: clamp( 14px, 1.0vw, 16px); /*1.125em 18px;*/    
 font-family: 'Play';
 /*line-height: 22px; 1.3vw */
 line-height: clamp( 16px, 2vw, 22px);
 letter-spacing: 1px;
}

.startdebattenbeitraegeslide .text h1 {
  /*font-size: 34px;clamp( 20px, 1.2vw, 24px);  1.4vw*/
 font-size: clamp( 28px, 2vw, 34px);
/* line-height: 44px;1.8vw; */
 line-height: clamp( 38px, 3vw, 44px);
 letter-spacing: 1px;/*0.01vw; */
 text-transform: uppercase;
}

.startdebattenbeitraegeslide .text h2 {
 padding-right: 0px;
 margin-top: 10px;/*0.8vw; */
/* font-size: 24px; 1.05vw;*/ 
 font-size: clamp( 18px, 2vw, 24px);
/* line-height: 34px;1.6vw; */
 line-height: clamp( 28px, 1vw, 34px);
 letter-spacing: 1px;/*0.07vw; */
}    

.summank .text .initiator_phone {
  display: none;
}
 
.starttopthemenslide .bildquelle {
	text-align: right;
  /*font-size: 14px;0.6vw; 0.875em 14px;*/
  font-size: clamp( 12px, 1vw, 14px);
  display: block;
  padding: 5px 0px 15px 0px;
  color: #85878B;
}

.starttopthemenslide .position {
 text-align: left;
 font-size: clamp( 16px, 2vw, 28px);
 letter-spacing:1px;
 margin: -10px 0px 5px 0px;
 text-transform: uppercase;
 max-width: 900px;
 overflow: hidden;
 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;  
}

 .starttopthemenslide .bildbeschriftung,
 .starttopthemenslide .bildbeschriftungbeitrag {
 text-align: left;
 /*font-size: 28px;1.2vw; 1.75em 28px;*/
 font-size: clamp( 16px, 2vw, 28px);
 letter-spacing:1px;/*0.05vw; */
 /*display: block;  */
 margin: -10px 0px 5px 0px;
 text-transform: uppercase;
 /*min-height: 100px;  29.03. 100 */
 min-height: 100px;
 overflow: hidden;
 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;  
}

 .starttopthemenslide .bildbeschriftungbeitrag {
  max-width: 900px;
  -webkit-line-clamp: 4;  
}

 .starttopthemenslide .position,
 .starttopthemenslide .bildbeschriftungbeitrag {
	/*font-size: 18px;0.75vw; */
  font-size: clamp( 12px, 2vw, 18px);
  padding: 5px 0px 0px 0px; 
}

.starttopthemenslide .blau {
	text-align: left;   /*left*/
	/*font-size: 24px;1.1vw; 1.5em 24px;*/
  font-size: clamp( 16px, 2vw, 24px);
	color: #3C9DB4; 
	display: block;
	margin: 30px 0px 0px 0px;   /*margin: 30px 0px 5px 0px;*/
  text-transform: uppercase;
}

.rubriktext,
.empf_content_h1,
.empf_content_h2 {
 text-align:center;
 font-size: clamp( 14px, 2vw, 18px);
 display: block; 
 text-transform: uppercase;
 color:#FFFFFF; 
 margin:20px 0px 0px 0px;
}

.empf_content_h1,
.empf_content_h2 {
 font-size: clamp( 16px, 2vw, 24px);
 margin:40px 0px 0px 0px;
}

.empf_content_h2 {
 font-size: clamp( 16px, 2vw, 20px);
 margin:20px 0px 0px 0px;
}

.startdebattenslide .blau,
.startdebattenbeitraegeslide .blau {
	text-align: left;
	/*font-size:18px; 0.79vw 0.9em 18px;*/
  font-size: clamp( 14px, 2vw, 18px);
  /*line-height:18px; */
  line-height: clamp( 14px, 2vw, 18px);
  letter-spacing: 0.5px; /*0.01vw 0.09em*/
	color: #3C9DB4; 
	display: block;
	padding: 0px 0px 20px 0px;
  text-transform: uppercase;
}

/*.starttopthemenslide .rutext {
  color:#FFFFFF; 
  margin:20px 0px 20px 0px; 
  text-align:center; 
  font-size: clamp( 14px, 2vw, 18px);
  line-height: clamp( 14px, 2vw, 18px);
  letter-spacing: 0.5px;
	display: block;
	padding: 0px 0px 20px 0px;
  text-transform: uppercase;
}    */

.startdebattenslide .blau {
	padding: 40px 0px 0px 30px;
}

.starttopthemenslide h1 {
 text-align: left;
 /*font-size: 60px; 3.0vw; 2.5vw 3.75em; 60px;*/
 font-size: clamp( 30px, 3vw, 60px);
 /*line-height: 70px; 3.3vw;   2.8*/
 line-height: clamp( 40px, 3vw, 70px);
 letter-spacing: 1px; /*0.05vw;*/
 font-weight: normal;
 font-family: 'Cormorant';
 display: block;
 margin: 10px 0px 5px 0px;  /*margin: 30px 0px 5px 0px;*/
 text-transform: uppercase;
 hyphens: auto;
}

.starttopthemenslide h2 {
 text-align: left;
 /*font-size: 34px;1.7vw; 1.5vw 2.125em 34px;*/
 font-size: clamp( 22px, 3vw, 34px);
 font-weight: normal;
 font-family: 'Play';
 display: block;
 margin: 0px 0px 5px 0px;
 hyphens: auto;
}

.starttopthemenslide .overlay_bg_width {
 width:60%;
}

.startdebattentickerdiv h2 {
 text-align: left;
/* font-size: 28px; 1.17vw 1.75em; 28px;*/
 font-size: clamp( 20px, 3.0vw, 28px);
 letter-spacing: 1px;/*0.05vw;*/
 font-weight: normal;
 font-family: 'Play';
 display: block;
 margin: 0px 0px 0px 0px;
 text-transform: uppercase;
 hyphens: auto;
}

.startdebattentickerdiv hr {
 margin: 20px 0px 20px 0px;
 height: 1px;
}

.dreiquadrate {
 /*font-size:34px; 2vw1.7vw 1.45em 30px;*/
 font-size: clamp( 10px, 2vw, 20px);   /*clamp( 24px, 2vw, 30px); 11.11.2022*/
 color: #3C9DB4; 
 letter-spacing:2px;
 white-space: nowrap;	
}

.startdebattentickerdiv .dreiquadrate {
/* font-size: 40px;*/ 
 font-size: clamp( 26px, 2vw, 34px);
}

.startempfehlungenslide {
 margin-top: 10px; 
 margin-bottom: 120px;
}  

.themenspezial .dreiquadrate,
.startempfehlungenslide .dreiquadrate {
  /*font-size: 34px; 1.7vw 1.4vw 1.45em 30px;*/
  font-size: clamp( 24px, 2vw, 30px);
  letter-spacing:2px;
	color: #AA8C41;
}

h1.ueberschrift_dreiquadrate {
 letter-spacing:2px; 
 /*font-size: 25px; */
 font-size: clamp( 16px, 2vw, 22px);
 font-weight: bold;
 font-family: 'Play';
 text-align: left;
}

.startdebattentickerdiv h1 {
 font-family: 'Play';
 /*font-size: 28px;  1.2vw1.75em 28px;*/
 font-size: clamp( 22px, 3.0vw, 28px);
 letter-spacing: 1px;/*0.1vw;*/
 font-weight: bold; 
 margin-bottom:40px;
 /*margin-top:0px; */
 text-align: left;
 padding: 0px 0px 0px 0px;     
}

.flex {
 display:flex;
 margin-top: 15px;
 margin-bottom: 100px;
 
  flex-wrap:wrap;      /* 02.11.2022 */
  justify-content:space-between;
}

.startdebattenbeitraegeslide .unten_mobil {
 display: none;
}

.startdebattenbeitraegeslide .unten,
.startempfehlungenslide .unten {
 margin: 0px;
 padding: 0px;
 bottom:0px;
 position: absolute;
 width: 100%;
}

.sonderbeitraegeslide .rechts,
.startempfehlungenslide .rechts {
 width:50%;
 margin: 0px 0px 0px 0px; /*35*/
 padding: 0px 0px 0px 35px;
 position: relative;
}

.sonderbeitraegeslide .beitragsbild,
.startempfehlungenslide .beitragsbild {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 50%;
}

.sonderbeitraegeslide h1,
.sonderbeitraegeslide h2,
.startempfehlungenslide h1,
.startempfehlungenslide h2 {
  /*font-size: 34px; 1.7vw 34px;*/
 font-size: clamp( 26px, 2.0vw, 34px);    /*3vw*/
 /*line-height: 44px;   2.0vw; */
 line-height: clamp( 32px, 2.0vw, 44px);
 letter-spacing:1px; /*0.05vw*/
 font-weight: normal;
 font-family: 'Cormorant';
 color: #AA8C41;
 text-align: left;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 hyphens: auto;
}                                            
                                                                                                          
.sonderbeitraegeslide h1,
.sonderbeitraegeslide h2 {
 color: #33373D;
}

.sonderbeitraegeslide a:hover h1,
.sonderbeitraegeslide a:hover h2 {
 color: #3C9DB4;
}

.sonderbeitraegeslide h1,
.startempfehlungenslide h1 {
 text-transform: uppercase;
}

.sonderbeitraegeslide h2,
.startempfehlungenslide h2 {
 /* font-size: 24px;   1.2 24px font-size: clamp( 20px, 3.0vw, 24px);*/
 font-size: clamp( 18px, 3.0vw, 24px);
 line-height: clamp( 30px, 3.0vw, 34px);
/* line-height: 34px;   1.7vw*/
 letter-spacing:1px;  /*0.07vw*/
 font-weight: normal;
 font-family: 'Play';
/*	color: #AA8C41;  */
 padding: 30px 0px 0px 0px;
}

.startempfehlungenslide .empfehlungvontext,
.startempfehlungenslide p {
 /*font-size: 0.9vw; 0.75vw 18px*/
 font-size: clamp( 12px, 3.0vw, 18px);
 /*line-height: 0.7vw;*/
 line-height: clamp( 12px, 3.0vw, 18px);
 letter-spacing:0.1vw;
 font-weight: normal;
 font-family: 'Play';
 color: #AA8C41;
 text-align: left;
 padding: 50px 0px 0px 0px;
 /*padding: 50px 0px 0px 0px;  */
}

.sonderbeitraegeslide h3,
.themenspezial h3,
.startempfehlungenslide h3 {
  /*font-size:1.2vw; 0.9vw 1.5em; 24px;      font-size: clamp( 20px, 3.0vw, 24px);*/  
 font-size: clamp( 14px, 2.0vw, 24px);      
 letter-spacing:0.2vw;
 font-weight: bold;
 color: #F4F6F8;
 padding: 0px 0px 10px 0px;
}

.sonderbeitraegeslide h3 {
 color: #33373D;
}

.startempfehlungenslide p {
  padding: 0px 0px 0px 0px;
}

.startempfehlungenslide .empfehlungvonbild {
  width:26.6%;  /*26.6%;*/
  max-width: 171px; /*171*/
}   

.startempfehlungenslide .empfehlungvontext {
 line-height: 1.2vw;
 letter-spacing:0.05vw;
 width: 68.8%;  /*68.8%;*/
 max-width: 442px;
 position: absolute;
 bottom:0px;
 padding: 0vw 0vw 0vw 10.55vw;       
}


.mehrlesen {
	width: 100%;
	display: block;
	text-align: center;
/*	font-size: 24px;  1.0vw 1.5em 24px; font-size: clamp( 20px, 3.0vw, 24px);*/
 font-size: clamp( 18px, 3.0vw, 24px);
 /* line-height: 24px; */
 line-height: clamp( 20px, 3.0vw, 24px);
	font-weight: bold;
  letter-spacing:0.5px;/*0.08vw; */
	margin: 0px 0px 20px 0px;  /*0px 0px 20px 0px;   border: 1px solid #000000;*/
  color: #33373D;
  cursor: pointer;
 /*height: 30px;  22.08.2022 */

}

.startempfehlungen_bg .mehrlesen {
	color: #AA8C41;
	padding: 0px 0px 0px 0px;
}

#debattenteilnehmerslide {
 margin-top: 90px;
 /*min-height: 430px; */
}


.startteilnehmerslide .teilnehmer {
min-width: 401px; /*441 32.1%; 366 398 336*/
width: 32.3%;   /*32,1*/
/* height: 346px;  346 300*/
 display:block;

 margin: 0px  0px 20px 0px;
}

.startteilnehmerslide .teilnehmer .text{
 /*font-size: 18px; 0.8vw 1.125em18px*/
 font-size: clamp( 12px, 3.0vw, 18px);
 letter-spacing: 1px; /*0.1vw 0.1em*/
 font-weight: normal;
 font-family: 'Play';
 color: #33373D;
 text-align: center;
 padding: 30px 0px 20px 0px;
 -webkit-box-shadow: 0 0 15px #E5E5E8; 
 -moz-box-shadow: 0 0 15px #E5E5E8;  
 box-shadow: 0 0 15px #E5E5E8;
 min-height: 160px;  
}


.startempfehlungen_bg .carousel-indicators li {
 background-color:#AA8C41; 
 box-shadow:0 0 0 .15rem #AA8C41;
}

.section_container .empficons,
.startempfehlungen_bg .empficons {
 display:flex;  
 justify-content: center; 
 flex-direction: row;
 margin-top:50px;
}

.section_container .empficons img,
.startempfehlungen_bg .empficons img {
 /*width: 160px;
 width:clamp( 100px, 3vw, 200px); */
 width: 8%;
 min-width: 60px;
 max-width: 100px; /*155*/
}

.startempfehlungen_bg .empficons_awl_aktiv,
.startempfehlungen_bg .empficons_b4b_aktiv,
.startempfehlungen_bg .empficons_a_aktiv,
.startempfehlungen_bg .empficons_awl,
.startempfehlungen_bg .empficons_b4b,
.startempfehlungen_bg .empficons_a {
 background: url(images/alle_gold.svg) no-repeat 0px 0px;
 background-size: contain; 
 height:160px;   
 width:160px;               
 margin: 20px 0px 0px 0px; 
 cursor: pointer;
} 

.startempfehlungen_bg .empficons_b4b {
 background: url(images/b4b_gold.svg) no-repeat 0px 0px;
}

.startempfehlungen_bg .empficons_awl_aktiv,
.startempfehlungen_bg .empficons_awl {  
 background: url(images/awl_gold.svg) no-repeat 0px 0px;
 margin: 0px 40px 0px 20px;
}

.startempfehlungen_bg .empficons_awl_aktiv,
.startempfehlungen_bg .empficons_b4b_aktiv,
.startempfehlungen_bg .empficons_a_aktiv,
.startempfehlungen_bg .empficons_awl:hover,
.startempfehlungen_bg .empficons_b4b:hover,
.startempfehlungen_bg .empficons_a:hover {
 background: url(images/alle_weiss.svg) no-repeat 0px 0px;
 background-size: contain;
 width:160px;
} 

.startempfehlungen_bg .empficons_b4b_aktiv,
.startempfehlungen_bg .empficons_b4b:hover {
 background: url(images/b4b_weiss.svg) no-repeat 0px 0px;/* 15px 12px; */
}

.startempfehlungen_bg .empficons_awl_aktiv,
.startempfehlungen_bg .empficons_awl:hover {
 background: url(images/awl_weiss.svg) no-repeat 0px 0px;/* 15px 12px; */
}


.empf_icons {
 width:auto;
 height: 6vw;/*14vw; 90px*/
 min-height:80px;
 max-height:150px; /*300px; */ 
 padding: 0px 0px 20px 0px;
 margin-top: -20px;
}

h1.icon_besch,
.icon_besch {
 color: #aa8c41;
 font-family: 'Play';
 font-size: clamp( 16px, 2vw, 24px); /* clamp( 16px, 2.0vw, 40px) 2vw; 1.2vw;  12px*/
 letter-spacing:1px;
 padding: 0px 10px 10px 10px;/**/                   
}

h1.icon_besch  {
 padding: 0px 10px 0px 10px;
 font-size: clamp( 22px, 2.0vw, 40px);            
}

.empficon_nav_text {
 position: absolute;
  /*padding:30px 0px 0px 0px; margin: 0vw 2.2vw 0vw 0vw;*/
 bottom: -30px;
 color: #aa8c41;
 text-align: center;
 width:100%; /*150px*/
 font-size:12px;  
}

.empficon_nav_c,
.empficon_nav_ml,
.empficon_nav_ur,
.empficon_nav_hw,
.empficon_nav_awl,
.empficon_nav_mi,
.empficon_nav_b4b,
.empficon_nav_alle {
 position: relative;
 background: url(images/b4b_ot_gold.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain; 
 height:50px;   
 width:12%;        /*width:14.28%;*/       
 margin: 10px 0px 50px 0px; /*10px 0px 50px 0px; 20px 20px 50px 20px;*/
 cursor: pointer;
/* border: 1px solid;*/
}

.empficon_nav_alle {
 background: url(images/alle_gold_kt.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain; 
/*width:17.4%; */  width:5%; 
margin: 10px 0px 50px 5px;   
}

.empficon_nav_mi {
 background: url(images/meeting_incentives_gold.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain; 
/*width:17.4%; width:15%; */    
}

.empficon_nav_awl {
 background: url(images/awl_ot_gold.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain; 
}

.empficon_nav_hw {
 background: url(images/health_wellbeing_gold.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain; 
}

.empficon_nav_ur {
 background: url(images/urlaub_reisen_gold.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain; 
}

.empficon_nav_ml {
 background: url(images/modern_living_gold.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain;
}

.empficon_nav_c {
 background: url(images/charity_gold.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain; 
  width:5%; 
 margin: 10px -20px 50px 0px;  
}
     
a.empficon_nav_c_aktiv .empficon_nav_text,
a.empficon_nav_ml_aktiv .empficon_nav_text,
a.empficon_nav_ur_aktiv .empficon_nav_text,
a.empficon_nav_hw_aktiv .empficon_nav_text,
a.empficon_nav_awl_aktiv .empficon_nav_text,
a.empficon_nav_mi_aktiv .empficon_nav_text,
a.empficon_nav_b4b_aktiv .empficon_nav_text,
a.empficon_nav_alle_aktiv .empficon_nav_text,
a.empficon_nav_c:hover .empficon_nav_text,
a.empficon_nav_ml:hover .empficon_nav_text,
a.empficon_nav_ur:hover .empficon_nav_text,
a.empficon_nav_hw:hover .empficon_nav_text,
a.empficon_nav_awl:hover .empficon_nav_text,
a.empficon_nav_mi:hover .empficon_nav_text,
a.empficon_nav_b4b:hover .empficon_nav_text,
a.empficon_nav_alle:hover .empficon_nav_text {
 color:#FFFFFF;
} 

a.empficon_nav_alle_aktiv,
a.empficon_nav_alle:hover {
 background: url(images/alle_weiss_kt.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain;  
}

a.empficon_nav_b4b_aktiv,
a.empficon_nav_b4b:hover {
 background: url(images/b4b_ot_weiss.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain; 
}

a.empficon_nav_mi_aktiv,
a.empficon_nav_mi:hover {
 background: url(images/meeting_incentives_weiss.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain;   
}

a.empficon_nav_awl_aktiv,
a.empficon_nav_awl:hover {
 background: url(images/awl_ot_weiss.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain; 
}

a.empficon_nav_hw_aktiv,
a.empficon_nav_hw:hover {
 background: url(images/health_wellbeing_weiss.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain; 
}

a.empficon_nav_ur_aktiv,
a.empficon_nav_ur:hover {
 background: url(images/urlaub_reisen_weiss.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain; 
}

a.empficon_nav_ml_aktiv,
a.empficon_nav_ml:hover {
 background: url(images/modern_living_weiss.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain;
}

a.empficon_nav_c_aktiv,
a.empficon_nav_c:hover {
background: url(images/charity_weiss.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: contain; 
  width:5%; 
 margin: 10px -20px 50px 0px;  

}   

.startthemengebietauswahl nav {
 margin-top: 0px;
 margin-bottom: 50px;
}
.startthemengebietauswahl .startdebattenbeitraegeslide {
 margin-top: 0px;
 margin-bottom: 48px;
}



.section_container .icon {
 display: block;
 width: 4.1%; /*4.4*/
 min-width: 80px;   /*100*/
 margin: 20px auto 60px auto;
}

#laufendedebattenslide .carousel-indicators,
#debattenteilnehmer .carousel-indicators,
#dokumentationenslide .carousel-indicators {
 bottom:40px; /*-120*/
 height: 20px;
 /*background-color:#FF0000;*/
}

#sponsorslide .carousel-indicators {
 bottom:-90px;   
}

.startdokumentationenklein {
 width: 31%;  
 height: auto;
 position:relative;
}



.startdokumentationengross,
.dokumentationenanzeigen {
 -webkit-box-shadow: 0 0 15px #E5E5E8; 
 -moz-box-shadow: 0 0 15px #E5E5E8;  
 box-shadow: 0 0 15px #E5E5E8;
 margin-bottom: 40px;
 padding: 30px 30px 30px 30px;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}


.content_container .doku_in_beitrag_links,
.startdokumentationengross .links {
 width: 44%;
 min-width: 300px;
 height: auto;
 position:relative; 
}

.content_container .doku_in_beitrag_links {
 padding: 0px 0px 0px 0px;
}

.dokumentationenanzeigen .links {
 width: 60%;   /*42.4*/
 position:relative; 
}

.content_container .doku_in_beitrag_rechts,
.startdokumentationengross .rechts {
 width: 50%; 
 height:auto;    
 position: relative; 
 padding: 0px 0px 0px 0px; /* padding: 0px 0px 0px 20px;*/
}

.content_container .doku_in_beitrag_rechts {
 width: 56%; 
 background-color: #3C9DB4;
 border: 10px solid #FFFFFF;
}

.content_container .doku_in_beitrag_rechts h1,
.content_container .doku_in_beitrag_rechts h2,
.content_container .doku_in_beitrag_rechts h3,
.content_container .doku_in_beitrag_rechts .text {
 font-family: 'Play';
/* font-size: 38px; font-size: clamp( 32px, 3.0vw, 38px);*/
 font-size: clamp( 28px, 2.0vw, 38px);
 letter-spacing: 1px;
 font-weight: bold;
 text-align: center;
 padding: 0px 10px 0px 10px; 
 padding-top:  clamp( 28px, 3.0vw, 75px);
}

.content_container .doku_in_beitrag_rechts h2,
.content_container .doku_in_beitrag_rechts h3 {
 /*font-size: 28px; font-size: clamp( 22px, 3.0vw, 28px);*/
 font-size: clamp( 18px, 2.0vw, 28px);
/* padding: 10px 0px 0px 0px;
 padding-top:  clamp( 28px, 3.0vw, 20px);   */
 padding-top:  0px;
}


.content_container .doku_in_beitrag_rechts .text {
 /*font-size: 24px; font-size: clamp( 18px, 3.0vw, 24px);*/
 font-size: clamp( 12px, 1.5vw, 24px);
 font-weight: normal;
 /*padding: 40px 0px 0px 0px; clamp( 20px, 3.0vw, 40px);*/
 padding-top: clamp( 20px, 3.0vw, 40px);;
}

.content_container .doku_in_beitrag_rechts .icon {
 display: block;
 width: 4.1%; /*4.4*/
 min-width: 80px;
 margin: 0px auto 0px auto;
 margin-top: clamp( 20px, 3.0vw, 60px);
 margin-bottom: clamp( 20px, 3.0vw, 60px);
}




.dokumentationenanzeigen .rechts {
 width:25%;
 position:relative;  
 padding: 0px 0px 0px 0px;
}
              
.startdokumentationengross .rechts h1 {
/* font-size: 28px;  1.2vw 28px font-size: clamp( 22px, 3.0vw, 28px);*/
 font-size: clamp( 22px, 3.0vw, 28px);
 /* line-height:30px; line-height: clamp( 24px, 3.0vw, 30px);*/
 line-height: clamp( 24px, 3.0vw, 30px);
 letter-spacing: 1px;/*0.1vw; */
 font-weight: bold;
 font-family: 'Play';
 color: #33373D;
 text-align: left;  
 padding: 10px 0px 0px 0px;
} 


.startdokumentationengross .rechts h2 {
/* font-size: 34px;   1.4vw 34px*/
 font-size: clamp( 28px, 3.0vw, 34px);
 letter-spacing: 1px;
 font-weight: normal;
 font-family: 'Cormorant';
 text-transform: uppercase;
 color: #33373D;
 padding: 20px 0px 0px 0px;
 text-align: left;
} 


.startdokumentationengross .rechts h3 {
 /*font-size: 24px; 0.96vw; 24px*/
 font-size: clamp( 18px, 3.0vw, 24px);
 letter-spacing: 1px;
 font-weight: normal;
 font-family: 'Play';
 color: #33373D;
 padding: 20px 0px 0px 0px;
 text-align: left;
} 

.startdokumentationengross .rechts .text {
/* font-size: 22px; 0.95vw; 24px*/
 font-size: clamp( 16px, 3.0vw, 22px);
 letter-spacing: 1px;
 font-weight: normal;
 font-family: 'Play';
 color: #33373D;
 width: 48%;
 padding: 60px 0px 0px 0px;
}

.dokumentationenanzeigen .rechts .button_grau {
 margin:30px auto 0px 0px;
}



.doku_angebot_mobil,
.doku_angebot,
.dokumentationenanzeigen .rechts .text {
 /*font-size: 24px; 1.2vw24px clamp( 18px, 3.0vw, 24px);*/
 font-size: clamp( 18px, 3.0vw, 24px);
 line-height: clamp( 24px, 3.0vw, 36px);
 letter-spacing: 1px;
 font-weight: normal;
 font-family: 'Play';
 color: #33373D;
}

.doku_angebot {
 font-weight: bold;
}

.doku_angebot_mobil {
 display: none;
}

.startdokumentationengross .rechts .preis {
/* font-size: 60px;2.7vw; 60px*/
 font-size: clamp( 40px, 3.0vw, 60px);
 line-height: 60px;
 letter-spacing: 1px;
 font-weight: bold;
 font-family: 'Play';
 color: #33373D;
 padding: 60px 0px 0px 0px;
}

.dokumentationenanzeigen .rechts .preis {
 /*font-size: 60px; 3vw60px2.7vw*/
 font-size: clamp( 40px, 3.0vw, 60px);
 letter-spacing: 1px;
 font-weight: bold;
 font-family: 'Play';
 color: #33373D;
 padding: 0px 0px 0px 0px;
}

.startdokumentationengross .rechts .mwst {
/* font-size:24px; 1.15vw; 28px*/
 font-size: clamp( 18px, 3.0vw, 24px);
 letter-spacing: 1px;
 font-weight: normal;
 font-family: 'Play';
 color: #33373D; 
 padding: 0px 0px 50px 0px;                                                                            
}

.dokumentationenanzeigen .rechts .mwst {
/* font-size: 28px; 28px1.4vw 1.15vw*/
 font-size: clamp( 22px, 3.0vw, 28px);
 letter-spacing:1px;
 font-weight: normal;
 font-family: 'Play';
 color: #33373D; 
 padding: 0px 0px 20px 0px;                                                                            
}


.startbild .button_tuerkis {
 display: block;
/* font-size: 24px;1.0vw; 24px*/
 font-size: clamp( 18px, 3.0vw, 24px);
 letter-spacing: 1px;
 font-weight: bold;
 font-family: 'Play';
 color: transparent /*#33373D;*/
 text-align: center;
 background-color: #3C9DB4;
 border-radius: 10px;
 border: 2px solid #3C9DB4; 
 max-width: 500px; 
 /*min-width: 300px;*/
 margin: 0 auto; 
 margin-top: 40px;
 padding: 4px 10px 4px 10px; /*8px 5px 8px 5px;*/
}

.startbild .button_tuerkis:hover {
 display: block;
/* font-size: 24px;1.0vw; 24px*/
 font-size: clamp( 18px, 3.0vw, 24px);
 letter-spacing: 1px;
 font-weight: bold;
 font-family: 'Play';
 color: #3C9DB4;
 text-align: center;
 background-color:transparent;/*#33373D; */
 border-radius: 10px;
 border: 2px solid #3C9DB4; 

}


.content_container .doku_in_beitrag_rechts .button_grau,
.dokumentationenanzeigen .button_grau,
.startdokumentationengross .rechts .button_grau {
 display: block;
/* font-size: 24px;1.0vw; 24px font-size: clamp( 18px, 3.0vw, 24px);*/
 font-size: clamp( 14px, 2.0vw, 24px);
 letter-spacing: 1px;
 font-weight: bold;
 font-family: 'Play';
 color: #3C9DB4;
 text-align: center;
 background-color: #33373D;
 border-radius: 10px;
 border: 2px solid #33373D; 
 width: 70%; 
 min-width: 250px; /*300*/
 margin: 0 auto; 
 padding: 8px 5px 8px 5px;
}

.content_container .doku_in_beitrag_rechts .button_grau {
 width: 65%;
 position: absolute;
 left: 0; 
 right: 0; 
 margin-left: auto; 
 margin-right: auto; 
 bottom: clamp( 25px, 3.0vw, 70px);
}

.dokumentationenanzeigen .button_grau {
 width: 80%;
 max-width: 400px; 
 min-width: 200px;
}

.earlybird_icon {
 width:100%;
 height:auto;
 position:absolute;
 top:0px;
 left:0px;
}

.earlybird_box {
 width:100%;
 margin-top:20px;
 padding:10px 20px 10px 20px; 
 background-color:#FFCC00; 
 color:#000000; 
 text-align:center; 
 font-weight:bold; 
 /*font-size:18pt; */
 font-size: clamp( 14px, 3.0vw, 18px);
 border-radius: 10px;
}

.earlybird_box .button {
 display: block;
/* font-size: 24px;*/
 font-size: clamp( 18px, 3.0vw, 24px);
 margin:20px auto; 
 padding:5px 20px 5px 20px; 
 border: 1px solid; #000000;
 border-radius: 10px;
 width: 90%;
}

.earlybird_box .button:hover {
 background-color:#000000;
 color:#FFCC00;
}


.doku_wrapper {
 display: block;
 position: relative;
 width:32.5%; 
 height:auto;
 padding: 0px 0px 5px 0px; 
}

.doku_wrapper .preis {
/* font-size: 20px; */
 font-size: clamp( 14px, 3.0vw, 20px);
 text-align: right;
}

.doku_wrapper .mwst {
 /*font-size: 14px;*/
 font-size: clamp( 12px, 3.0vw, 14px);
}

.dokumentationenanzeigen .teasertext {
 padding: 0px 30px 0px 30px;    
 margin-top:50px;
}




.nl_bestellen_ba {
 background-color:#3C9DB4;
 width: 66%;
 max-width: 904px; 
 margin: 50px auto 20px auto;
 padding: 30px 0px 10px 0px;
}

.nl_bestellen_ba img {
 display: block;
 margin: 10px auto 50px auto; 
 width:80px;
}

.nl_bestellen_ba h1 {
 font-family: 'Cormorant';
 font-size: clamp( 30px, 5vw, 60px);
}


.nl_bestellen_ba .button_grau {
 display: block;
 /*font-size: 24px; */
 font-size: clamp( 18px, 3.0vw, 24px);
 letter-spacing: 1px;
 font-weight: bold;
 font-family: 'Play';
 color: #3C9DB4;
 text-align: center;
 background-color: #33373D;
 border-radius: 10px;
 width: 50%;
 max-width:440px;
  
 margin: 10px auto 50px auto;                                                                         
 padding: 8px 0px 8px 0px;  
 position: relative;
 border: 2px solid #33373D; 
}

.content_container .doku_in_beitrag_rechts a.button_grau:hover,
.nl_bestellen_ba .button_grau:hover {
 background-color: #3C9DB4;
 color:#33373D;
 border: 2px solid #33373D;
}


.dokumentationenanzeigen a.button_grau:hover,
.startdokumentationengross .rechts a.button_grau:hover {
 background-color: #FFFFFF;
 color:#33373D;
 border: 2px solid #33373D;
}




.beitragtext p {
 font-family: 'Cormorant';
 font-style: normal;
 letter-spacing:  0.2px;/*0.05vw;  */
/* font-size: 28px;1.4vw; 1.1vw 28px*/
 font-size: clamp( 22px, 3vw, 28px);
 /*line-height: 48px; 2.3vw;  2.0vw*/
 line-height: clamp( 46px, 3vw, 48px);
 color:#33373D;
 padding: 20px 0px 0px 0px;
 hyphens: auto;
}

.teasertext p {
 font-family: 'Play';
 font-style: normal;
 letter-spacing: 0.2px;/*0.03vw;*/
 /*font-size: 28px; 1.15vw; 28px*/
 font-size: clamp( 22px, 3vw, 28px);
 /*line-height: 48px;2.0vw; */
 line-height: clamp( 46px, 3vw, 48px);
 color:#33373D;
 hyphens: auto;
}

.beitragtext h3 {
 font-family: 'Play';
 font-style: normal;
 letter-spacing: 0.2px;/*0.05vw;*/
/* font-size: 34px; 1.5vw;   34px*/
 font-size: clamp( 30px, 3vw, 34px);
/* line-height: 40px; 1.5vw; */
 line-height: clamp( 36px, 3vw, 40px);
 color:#33373D;
 text-align: center;
 padding: 20px 0px 20px 0px;
}


.startempfehlungen_bg .beitragtext p {
 color:#AA8C41;
}

 


/* ########################### Sponsoren #################################### */

h1.praesentiertvon {
 text-align:center;
 /*font-size:20px; */
 font-size: clamp( 14px, 3.0vw, 20px);
 line-height:25px;  
 padding: 0px 0px 50px 0px;
 font-weight: normal;
 font-family: 'Play';
}
.hauptsponsor,
.sponsor {
 -webkit-box-shadow: 0 0 15px #E5E5E8; 
 -moz-box-shadow: 0 0 15px #E5E5E8;  
 box-shadow:0px 5px 15px #E5E5E8;
 /*background-color:#FF0000;debattenteilnehmerslide, -5px 0px 15px #E5E5E8;*/
}

.hauptsponsor {
 display: block;
 margin-top:30px;
}

.hauptsponsor h1,
.hauptsponsor h2 {
/* font-size: 0.7vw;  18px*/
 font-size: clamp( 14px, 3.0vw, 18px);
/* line-height: 0.7vw;  */
 line-height: clamp( 14px, 3.0vw, 18px);
 letter-spacing: 0.1vw; /*0.1em*/
 font-weight: normal;
 font-family: 'Play';
 text-align: center;
 padding: 40px 0px 0px 0px;
}

.hauptsponsor h2 {
 font-size: 1.2vw; /* 28px*/
 font-size: clamp( 20px, 3.0vw, 28px);
 /*line-height: 1.7vw; */
 line-height: clamp( 20px, 3.0vw, 28px);
 letter-spacing: 0.1vw; /*0.1em*/
 font-weight: normal;
 font-family: 'Play';
 text-align: center;
 padding: 0px 0px 50px 0px;
}


.sponsor h1,
.sponsor h2 {
/* font-size: 14px;  14px 0.6vw*/
 font-size: clamp( 10px, 3.0vw, 14px);
 line-height: 18px;  /*0.7vw*/
 letter-spacing: 1px; /*0.1vw0.1em*/
 font-weight: normal;
 font-family: 'Play';
 text-align: center;
 padding: 20px 0px 0px 0px;
}

.sponsor h2 {
/* font-size: 1.0vw;  24px*/
 font-size: clamp( 18px, 3.0vw, 24px);
/* line-height: 1.7vw; */
 line-height: clamp( 20px, 3.0vw, 26px);
 letter-spacing: 0.1vw; /*0.1em*/
 font-weight: normal;
 font-family: 'Play';
 text-align: center;
 padding: 0px 0px 25px 0px;
}
/* ########################### Debatten ##################################### */
.beitragsbildmitinitiator {
 position: relative;
/* background-color:#FF0000;   */
}

.beitragsbildmitinitiator .initiator,
.beitragsbildmitinitiator .initiator_ts,
.beitragsbildmitinitiator .initiator_te {
 width:24.12%;   /*14vw;*/
 max-width: 329px;
 position: absolute;
 z-index:2;
 top:59.5%;/*59.5%;  76.43%535*/
 /*bottom: 25px;0.4vw;-3.5vw;*/
 right: 2.2%;/*1.6vw; */
 padding:17px;
 background-color:#FFFFFF;
 -webkit-box-shadow: 0 0 15px #E5E5E8; 
  -moz-box-shadow: 0 0 15px #E5E5E8;  
  box-shadow: 0 0 15px #E5E5E8; 
}

.beitragsbildmitinitiator .initiator_ts,
.beitragsbildmitinitiator .initiator_te {
 top:57.4%;/*57.4%;  60.2%;505px*/
 width:27%;
 max-width: 350px;
}

.beitragsbildmitinitiator .initiator_te {
 top: 520px;/*520px;*/  
} 
     
.beitragsbildmitinitiator .empfehlungvon {
 width:23.61%; /* 16.770833333333332vw;    322 14vw*/
 position: absolute;
 z-index:2;
 bottom:-6.0vw;
 right:1.6vw;
 padding:17px;
 background-color:#FFFFFF;
 color: #aa8c41;
}

.beitragsbildmitinitiator .text {
 width: 100%;
 display:block;
 font-weight:normal;
/* font-size: 16px;0.7vw; */
 font-size: clamp( 12px, 3.0vw, 16px);
/* line-height:26px;1.1vw; */
 line-height: clamp( 20px, 3.0vw, 26px);
 letter-spacing: 0.8px;/*0.03vw; */
 text-align: left;
 margin: 15px 0px 0px 0px;
}

.zurfachdebatte {
 width: 100%;
 display:block;
 font-weight:bold;
 /*font-size: 0.7vw; */
 font-size: clamp( 12px, 3.0vw, 16px);
 letter-spacing:0.05vw;
 text-align: center;
 margin: 20px 0px 10px 0px;
}

/*#############################################################################*/
.section_container .formstickypic_login,
.section_container .formstickypic_nl {
 margin: 20px 20px 20px 20px; 
 width:178px;
 height:178px;
 background: url(images/nl_bestellen.svg) no-repeat 0px 0px;
 background-position: center; 
 background-size: 160px; 
}

.section_container .formstickypic_login {
 background: url(images/icon_login.svg) no-repeat 0px 0px;
}

.section_container a.formstickypic_login:hover,
.section_container a.formstickypic_nl:hover {
 background: url(images/nl_bestellen_blau.svg) no-repeat 0px 0px;
 background-position: center; 
 background-size: 160px; 
}

.section_container a.formstickypic_login:hover {
 background: url(images/icon_login_blau.svg) no-repeat 0px 0px;
}

/*#############################################################################*/

.section_container .sticky {
 position: fixed; 
 background-color: #33373D;
 color: #FFFFFF;
 width:8vw;/*7vw; */
 height:8vw;
 top:25vh;  /*30vh 30%*/
 left:0vw;
 text-align: center;
 cursor:pointer;
 vertical-align: middle;
 font-weight:bold;
/* font-size:0.9vw; 0.9vw; */
 font-size: clamp( 14px, 3.0vw, 18px);
 z-index:2;
}

.section_container a.sticky:hover{
 color: #3C9DB4;
}

.section_container .stickypic_dokudown, 
.section_container .stickypic_nl {
 position: fixed; 
 width:8vw;/*7vw; */ 
 max-width: 160px;
 /*width: clamp( 50px, 8.0vw, 160px); */
 height:8vw; 
 max-height: 160px;
 /*height: clamp( 50px, 8.0vw, 160px);   */
/* top:30vh;  30vh 30%*/
 /*left:0vw; */
 z-index:2;
 background: url(images/nl_bestellen.svg) no-repeat 0px 0px;
 background-position: center; 
 /*background-size: 8vw; 8.0vw;*/ 
  
}

.section_container .stickypic_dokudown {
 background: url(images/dokumentation_download.svg) no-repeat 0px 0px;
 background-size: cover; /*8.0vw;*/
 top: 390px;
 left: 10px;/*clamp( 10px, 5%, 1000px); */
}

.section_container a.stickypic_dokudown:hover,
.section_container a.stickypic_nl:hover {
 background: url(images/nl_erhalten_blau.svg) no-repeat 0px 0px;
 background-position: center;
 background-size: cover; 
 /*background-size: 8vw;*/ 
}

.section_container a.stickypic_dokudown:hover {
 background: url(images/dokumentation_download_blau.svg) no-repeat 0px 0px;
  background-size: cover; 
/* background-size: 8vw;*/ 
}

.section_container .teilnehmen {
/* font-size: 24px; 1.0vw;24px*/
 font-size: clamp( 18px, 3.0vw, 24px);
 letter-spacing: 1px;
 font-weight: bold;
 font-family: 'Play';
 color: #33373D;
 text-align: center;
 margin-top: 30px;
}

.section_container .teilnehmen_gr {
/* font-size: 34px; 1.4vw34px*/
 font-size: clamp( 28px, 3.0vw, 34px);
 letter-spacing: 1px;
 font-weight: normal;
 font-family: 'Play';
 color: #33373D;
 text-align: center;
 margin-top: 100px;
 margin-bottom: 20px;
}

.section_container .button_anmelden {
 display: block;
/* font-size: 1.0vw; 24px*/
 font-size: clamp( 18px, 3.0vw, 24px);
 letter-spacing: 0.1vw;
 font-weight: bold;
 font-family: 'Play';
 color: #3C9DB4;
 text-align: center;
 background-color: #33373D;
 border-radius: 10px;
 width: 16vw;/*28%;*/  
 margin: 0 auto;                                                                     
 padding: 0.5vw 0vw 0.5vw 0vw;  
 position:relative; 
 border: 2px solid #33373D;
}

.section_container a.button_anmelden:hover {
 background-color: transparent;/*#f4f6f8; */
 color:#33373D;
 border: 2px solid #33373D;
}

.button_empfehlungen_aktiv,
.button_empfehlungen {
 display: block;
 color: #AA8C41;
 text-align: center;
 background-color: #33373D;
 border-radius: 10px;
 margin: -2px auto;                                                                     
 padding: 0vw 0.5vw 0vw 0.5vw;
 position:relative; 
 border: 2px solid #33373D;
 cursor: pointer;
}

/*.divnav a.button_empfehlungen,*/
.button_empfehlungen_aktiv,
.button_empfehlungen:hover {
 background-color: #AA8C41; /*transparent;#f4f6f8; */
 color:#33373D; /*#33373D;   */
 border: 2px solid #AA8C41;  
}

.form_h2,
.formtext {
 margin-top:40px;
 font-size: clamp( 14px, 3.0vw, 20px);
 font-weight: normal;
 font-family: 'Play';
 color: #33373D;
 position: relative;
}

.form_h2 {
 margin-top:40px;
 font-size: clamp( 18px, 3.0vw, 24px);
 font-weight: bold;
 text-align: center;
 padding: 0px 0px 20px 0px;
}
                                             
.section_container .formular .flexcenter {
 display: flex;  
 justify-content: center; /*space-between;*/ 
 flex-wrap: wrap; 
}            

.section_container .formular .flexspace-between {
 display: flex;  
 justify-content: space-between;
 flex-wrap: wrap; 
}

.flex_wrap {
 display: flex;  
 justify-content: space-between;
 flex-wrap: wrap;
}

.section_container .formulareinspaltig {
 display:flex;  
 flex-direction: column;
 align-items:center;
} 

.section_container .nlauswahlcontainer {
 width: 350px; /*454px 32.5%; */
 padding: 20px 20px 20px 20px;
 height: auto;
/* position: relative;*/
}  

.section_container .themenauswahlcontainer {
 width: 444px;
 padding: 10px 40px 10px 40px;
} 

.section_container .nlauswahlcontainer_in {
/* font-size: 18px;  1.125em18px*/
 font-size: clamp( 12px, 3.0vw, 18px);
/* line-height: 34px; */
 line-height: clamp( 28px, 3.0vw, 34px);
 letter-spacing: 1px; 
 font-weight: normal;
 font-family: 'Play';
/* margin-bottom:30px;
 padding: 10px 20px 10px 20px; */
 -webkit-box-shadow: 0 0 15px #E5E5E8; 
 -moz-box-shadow: 0 0 15px #E5E5E8;  
 box-shadow:0 0 15px #E5E5E8; /*5px 5px 5px 15px #E5E5E8;  */
 border: 1px solid #E5E5E8;
 border-radius: 10px;
 height: 250px;  /*300px*/
 position: relative;
}



.section_container .formulareinspaltig .medium,
.section_container .formular .small,
.section_container .formular .medium,
.section_container .formular .large {
/* font-size: 18px;  1.125em18px*/
 font-size: clamp( 14px, 3.0vw, 18px);
 /*line-height: 34px;*/
 line-height: clamp( 28px, 3.0vw, 34px);
 letter-spacing: 1px; 
 font-weight: normal;
 font-family: 'Play';
 margin-bottom:30px;
 padding: 10px 20px 10px 20px;
 -webkit-box-shadow: 0 0 15px #E5E5E8; 
 -moz-box-shadow: 0 0 15px #E5E5E8;  
 box-shadow:0 0 15px #E5E5E8; /*5px 5px 5px 15px #E5E5E8;  */
 border: 1px solid #E5E5E8;
 border-radius: 10px;
 width: 32.5%;
}

.section_container .formular .small {
 width: 15.5%;
}

.section_container .formular .large {
 width: 100%;
}

.section_container .formulareinspaltig .medium {
 min-width: 400px;

}

.section_container .formulareinspaltig .medium:focus,
.section_container .formular .small:focus,
.section_container .formular .medium:focus,
.section_container .formular .large:focus {
 outline: none !important;
 border:1px solid #3c9db4;
 box-shadow: 0 0 10px #3c9db4;
}

.section_container .formular select.small,
.section_container .formular select.medium {
 padding: 16px 20px 16px 20px;
 color:#767676;/* #33373D #767676*/ 
}








.section_container .formular .button_grau_gold,
.section_container .formulareinspaltig .button_grau,  
.section_container .formular .button_grau {
 display: block;
/* font-size: 24px;*/
 font-size: clamp( 18px, 3.0vw, 24px);
/* letter-spacing: 0.1vw;  */
 letter-spacing: 2px;
 font-weight: bold;
 font-family: 'Play';
 color:#3C9DB4;
 text-align: center;
 background-color: #33373D;
 border: 1px solid #33373D;
 border-radius: 10px;
 width: 32.5%; /*30%; */ 
 min-width: 400px;
 margin: 40px auto;                                                                       
 padding: 10px; 
 position: relative; 
 cursor: pointer;
}

.section_container .formular .button_grau_gold {
 color: #AA8C41;
}

.section_container .formular .button_grau_gold,
.section_container .nlauswahlcontainer .button_grau {
 width: 100%; 
 min-width: 300px;
 /*font-size: 20px; */
 font-size: clamp( 14px, 3.0vw, 20px);
}

.section_container .formular .button_grau_gold:hover,
.section_container .formulareinspaltig .button_grau:hover,
.section_container .formular .button_grau:hover {
 background-color: #FFFFFF;
 color:#33373D;
 border: 1px solid #33373D;  
}

input[type=checkbox]
{
 -ms-transform: scale(1.5); 
 -moz-transform: scale(1.5);
 -webkit-transform: scale(1.5);
 -o-transform: scale(1.5);
 transform: scale(1.5);
}

select,
select option
{
 background-color:#FFFFFF;
}


.section_container .formulareinspaltig .error,
.section_container .content_container .formular .error,
.section_container .formular .error {
 border: 1px solid #FF0000;
}


.section_container .themengebiete_form h1,
.section_container .themengebiete_overlay h1 {
/* font-size: 34px;*/
 font-size: clamp( 28px, 3.0vw, 34px);
}

.section_container .themengebiete_form p,
.section_container .themengebiete_overlay p {
 /*font-size: 18px; */
 font-size: clamp( 14px, 3.0vw, 18px);
 width: 100%;
 padding: 20px 0px 0px 55px;
}

.themengebiete_overlay { 
 position: absolute;
 top:140px;
 width:80%;
 max-width:1365px; 
 z-index:2000;
 margin-top:0px;
 background-color: #FFFFFF;
 padding: 40px 30px 10px 0px;
 -webkit-box-shadow: 0 0 15px #E5E5E8; 
 -moz-box-shadow: 0 0 15px #E5E5E8;  
 box-shadow: 0 0 15px #E5E5E8;  
 border-radius: 10px;
}

.themengebiete_form { 
 position: relative;
 top:40px;
 width:100%;
 max-width:1365px; 

 margin-top:0px;
 background-color: #FFFFFF;
 padding: 40px 30px 10px 0px;
 -webkit-box-shadow: 0 0 15px #E5E5E8; 
 -moz-box-shadow: 0 0 15px #E5E5E8;  
 box-shadow: 0 0 15px #E5E5E8;  
 border-radius: 10px;
}

.content_container .formular label.check_rund {
  background-color: #FFFFFF;
  border: 1px solid #33373D;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  position: relative;  

  width: 20px;
}

.content_container .formular label.check_text {
 /*font-size: 24px;*/
 font-size: clamp( 18px, 3.0vw, 24px);
 display: block;
 margin: -45px 0px 0px 60px;
 padding-bottom: 40px;
}

.content_container .formular input[type="checkbox"].check_rund {
  visibility: hidden;
}

 input[type="checkbox"].check_rund:checked + label.check_rund {
  background-color: #3c9db4;
  border-color: #33373D;
}

 /* Formular Newsletter auswählen  */
.content_container .formular .check {
 display: none;
 color: #3C9DB4;
} 

.formular input[type="checkbox"].nl_check {
 visibility: hidden; 
}

 input[type="checkbox"].nl_check + label.button_grau_gold,
 input[type="checkbox"].nl_check + label.button_grau {
 margin-top: -10px;
 
}

 input[type="checkbox"].nl_check:checked + label.button_grau_gold,
 input[type="checkbox"].nl_check:checked + label.button_grau {
 background-color: #FFFFFF;
 color:#33373D;
 border: 1px solid #33373D;
}

 input[type="checkbox"].nl_check:checked + label.button_grau_gold .check,
 input[type="checkbox"].nl_check:checked + label.button_grau .check {
 display: inline;
}

.formular .nlauswahlcontainer_in h1 {
 /* font-size: 22px;18*/
 font-size: clamp( 16px, 3.0vw, 22px);
/* line-height: 24px; 22*/
 line-height: clamp( 18px, 3.0vw, 24px);
 padding: 30px 10px 30px 10px;
}

.content_container .formular .mehrerfahren {
 font-size: 14px;
 font-size: clamp( 8px, 3.0vw, 14px);
 width:100%;
 display:block;
 text-align: center;
 line-height: 18px;
 position: absolute;
 bottom: 10px;
}

/* ++++++++++++++++++ Dropdown-Menü im Nutzerbereich +++++++++++++++++++++++++*/

.dropbtn {
 color: #85878B;
 width:140px;
 float:right;
 margin-right:10px;
}


.dropdown-content {
 display: none;
 position: absolute;
 background-color: #f9f9f9;
 width: 260px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index: 1;
}

.dropdown-content a {
 float: none;
 padding: 12px 16px;
 text-decoration: none;
 display: block;
 text-align: left;
}  

.dropdown-content a:hover {
 background-color: #ddd;
}

.dropbtn:hover .dropdown-content {
 display: block;
}

/*++++++++++++++ Dropdown-Menü im Nutzerbereich (Ende) +++++++++++++++++++++++*/


/* Bildergalerie Overlay */
.fullsizeoverlay {
 z-index:1000;
 position:fixed;
 top:0px:
 left:0px;
 width:100%;
 height:100%; 
 display: flex; 
 justify-content: center;
 align-items: center;
}

.slideclose {
 position: absolute;
 right: 0px;
 top: 0px;
 width: 30px;
 margin: 15px 15px 0px 0px;
}

/* Bildergalerie Overlay Ende */

.sonderbeitrag {
 padding: 40px 0px 5px 0px;
 margin-top:0px;
}

.banner_start_margin {
 margin-top:100px; 
 margin-bottom:100px;
}

.margintop_60 {
 margin-top:60px;
}

.margintop_80 {
 margin-top:80px;
}

.maincontent hr.margintop_90,
.margintop_90 {
 margin-top:90px;
}

.margintop_100 {
 margin-top:100px;
}

.margintop_120 {                    
 margin-top:120px;
}

.margintop_180 {                       
 margin-top:180px
}
 
.margintop_190 {                       
 margin-top:190px;
}

.maincontent hr.marginbottom_90,
.marginbottom_90 {
 margin-bottom:90px;
}

.marginbottom_100 {
 margin-bottom:100px;
}