/* @override 
	http://2021.bda-kammerwahl.de/fileadmin/templates/css/global.css?*
	https://bda-kammerwahl.de/fileadmin/templates/css/global.css?*
	https://update.bda-kammerwahl.de/fileadmin/templates/css/global.css?*
	http://update.bda-kammerwahl.de/fileadmin/templates/css/global.css?*
	https://www.bda-kammerwahl.de/fileadmin/templates/css/global.css?* */
	
	
	
	
	/*
 * Legal Disclaimer
 *
  These web fonts are licensed exclusively for use on the following:
 * Bda-Kammerwahl.de
 *
 * It is strictly forbidden to download or use these fonts on any other website domain or media.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2021
 */


/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The fonts folder(s) should be placed relative to the regular CSS file.
 *
 */

@font-face {
	font-family: "BDACircularWeb-Bold";
	src:url("BDACircularWeb-Bold.woff2") format("woff2"),
	    url("BDACircularWeb-Bold.woff") format("woff");
}

@font-face {
	font-family: "BDACircularWeb-Book";
	src:url("BDACircularWeb-Book.woff2") format("woff2"),
	    url("BDACircularWeb-Book.woff") format("woff");
}


@font-face {
	font-family: "BiroScript-Regular";
	src:url("BiroScript-Regular.woff2") format("woff2"),
	    url("BiroScript-Regular.woff") format("woff");
}

@font-face {
	font-family: "BDACircularWeb-Book";
	src:url("BDACircularWeb-Book.woff2") format("woff2"),
	    url("BDACircularWeb-Book.woff") format("woff");
}
	
	body {
		
			font-family: "BDACircularWeb-Book";
		background-image: url(/fileadmin/templates/css/starto.png);
	background-size:1440px;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
		
	}
H2,h3,h4 {
	
		font-family: "BDACircularWeb-Book";
		font-weight: 400;
}

div.wrap-inner {

		width: calc(100% - 40px);
	max-width: 1220px;
	margin-right: auto;
	margin-left: auto;
	
}

ul#myMenu  {
	padding: 0;
	margin: 0;
}

div#c9.frame.frame-default.frame-type-textmedia.frame-layout-0 header h2 {
	position: absolute;
	top: 20px;
	right: 0;
	left: 0;
	text-align: center;
	z-index: 100;
}

.label.background--light {
  color: black;
}

.label.background--dark {
  color: white;
}

/* @group AUSWAHL */
div#c41.frame.frame-default.frame-type-news_categorylist.frame-layout-0 div.news ul {
	color: black;
	padding-left: 0;
	padding-bottom: 20px;
}

div#c41.frame.frame-default.frame-type-news_categorylist.frame-layout-0 div.news ul li a{
	color: black;
	text-decoration: none;
}

div#c41.frame.frame-default.frame-type-news_categorylist.frame-layout-0 div.news ul li {
list-style: none;
}


/* @end */

/* @group BIRO FONT*/

ol div.biro {
font-family: "BiroScript-Regular";
text-transform: none;
color: #0055ac;
}

div.erreicht p {
font: 20px "BiroScript-Regular";
text-transform: none;
color: #0055ac;
padding-top: 0;
	padding-bottom: 0;
margin-top: 0;
	margin-bottom: 0;
padding-left: 10px;
}

div#c16.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p strong {
font: 30px "BiroScript-Regular";
color: #0055ac;
line-height: 18px;


}
div#c17.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext h2 strong {
font: 70px "BiroScript-Regular";
color: #0055ac;
line-height: 18px;
text-transform: none;
}

div#c17.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext h2 i

{
	font-weight: normal;
	font-style: normal;
	text-decoration: line-through;

}
div#c16.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p i {
	font-weight: normal;
	font-style: normal;
	text-decoration: line-through;
}
div#section2.section.fp-section.fp-table.active.fp-completely div.fp-tableCell div.overlay-outer div.overlayinner div.programmoverlay ol div.biro ul li:hover {

color: #0055ac;
}
ol div.biro ul {
list-style-type: "- ";
padding-bottom: 60px;
}

div#section2.section.fp-section.fp-table.fp-completely div.fp-tableCell div.overlay-outer div.overlayinner div.programmoverlay ol div.biro ul li {
	margin-bottom: 0;
}
.verantwortung {
position:relative;
}
#immernoch {
	position:absolute;
	width: 350px;
	top: 100px;
	left: 300px;
}

#immernoch img{
	width: 100%;
}

div#gewaehlte 
{

	position:absolute;
	width: 100%;
	top: 10px;
	

}

#gewaehlte img {
	width: 100%;
}

div#bereits 
{

	position:absolute;
	width: 300px;
	top: 20px;
	left: calc(50% - 100px);

}

#bereits img{
	width: 100%;
}
div#a2026 
{

	position:absolute;
	width: 100px;
	top: 5px;
	left: 230px;

}

div#a2026 img{
	width: 100%;
}



/* @end */

/* @group header */

div#headerwrap {
	width: 100%;
	height: 100px;

	z-index: 10;
	background-color:white;
	
}
div#header-inner {
	width: calc(100% - 40px);
	max-width: 1220px;
	height: 80px;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}

#logo {
	float: left;
	height: 65px;
	margin-top: 32px;
}
#header-right{
	float: right;
	margin-top: 0px;
	background: url(https://update.bda-kammerwahl.de/fileadmin/templates/img/mainnavi.png) 0px;
	background-size: 792px;
	height: 100px;

}
#navigation{
	float: left;
	margin-top: 28px;
	margin-left: 100px;
}


div#logo a img {
	width: auto;
	height: 70px;
}
ul#myMenu li {
	list-style-type: none;
	float: left;
	margin-left: 31px;
	letter-spacing: 0.1px;
}

ul#myMenu li a {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}

ul#myMenu li a:hover { 
	color: #40AF78;
}
ul#myMenu li.active a {
	color: red;
}
div#logo-bda-bayern {
	float: right;
	width: 100px;
	margin-left: 62px;
	margin-top: 30px;
}
div#logo-bda-bayern a img {
		width: 100%;
	height: auto;
}

/* @end */

/* @group Section o */

ul#myMenu li.active a {
	display: none;
}

div#startbild div.overlay-outer {
	position: absolute;
	width: 100%;
	padding: 0;
	top: 0;
	left: 0;
	right: 0;
}

div#section0.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner  {
position: relative;
width: calc(100% - 40px);
	max-width: 1220px;

	padding-right: 20px;
	padding-left: 20px;
margin-right: auto;
	margin-left: auto;
padding-top: 0;
	margin-top: 40px;
}
div#section0.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.verantwortung  {
position: absolute;
top: 0px;
left: 0px;
}
div#section0.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.kammerwahl strong {
	font-family: "BDACircularWeb-Bold";
	text-transform: uppercase;
}
div#section0.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.kammerwahl {
	position: absolute;
	top: 0px;
	right: 0px;
	color: white;
	font-size: 22px;
	line-height: 28px;
	padding-right: 20px;
}

div#section0.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.verantwortung h1 {
		color: white;
	text-transform: uppercase;
	margin: 0;

	font-size: 80px;
	line-height: 80px;
	max-width: 800px;
	padding-left: 20px;
		font-family: "BDACircularWeb-Book";
		font-weight: 400;
	
}

	/* Backgrounds will cover all the section
	* --------------------------------------- */
	.section{
		background-size: cover;
	}

	.slide{
		background-size: cover;
	}

div#c10.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above {
	width: 100%;
	height: auto;
}

div#startbild  {
	width: 100%;
	height: auto;
	background-color: #CCE5D7;
	position: relative;
}

div#startbild-inner {
	height: calc(100vh - 100px);
	overflow: hidden;
	    display: flex; 
    justify-content: center; 
    align-items: center;
}
div#startbild-inner 
div#startbild img {
	width: 100%;
	height: auto;
	
}
div#startbild-inner img {
		width: 100%;
	height: auto;
}
div#filmbutton {
	position: absolute;
	bottom: 40px;
	left: 80px;
	width: 80px;
	z-index: 1000;
}

div#filmbutton img                                   {
width: 100%;
height: auto;
}
/* @group Untitled Group */



/* @end */

div.gruen{
	background-color: #CCE5D7;
	
	margin-bottom: 2px;
}
/* @end */

/* @group Sektion 1 */
div#section1 {
	
	

}
.intro.green {
	padding-top: 105px;
	padding-left: 250px;
	padding-bottom: 105px;
	max-width: 1040px;
}
div#c10.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p {
	font-size: 22px;
	margin-top: 0;
	line-height: 28px;
	margin-bottom: 24px;
}
/* @end */

/* @group section 2 */

/* Backgrounds will cover all the section
	* --------------------------------------- */
	.section{
		background-size: cover;
	}

	.slide{
		background-size: cover;
	}

	/* Defining each sectino background and styles
	* --------------------------------------- */
	#section2{
		background-image: url(/fileadmin/templates/img/programmo.jpg);
		background-size:100%;
	}
	
div#section2.section.fp-section.active.fp-table div.fp-tableCell div.overlay-outer  {
	height: 100vh;
}
div#section2.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner  {
position: relative;
width: calc(100% - 40px);
	max-width: 1220px;

	padding-right: 20px;
	padding-left: 20px;
margin-right: auto;
	margin-left: auto;
padding-top: 0;
	margin-top: 0;
}

/* @group Untitled Group */

div#c11.frame.frame-default.frame-type-textmedia.frame-layout-0 header h2{
	margin-top: 0px;
	font-size: 80px;
	text-transform: uppercase;
	margin-bottom: 60px;
	line-height: 60px;
}

/* @end */

div#c14.frame.frame-default.frame-type-textmedia.frame-layout-0 header h2
{
		margin-top: 0px;
	font-size: 80px;
	text-transform: uppercase;
	margin-bottom: 60px;
	line-height: 60px;
	position: absolute;
	color: white;
	z-index: 1000;

	
}


div#c11.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p {
		font-size: 22px;
	margin-top: 0;
	margin-bottom: 24px;
		line-height: 28px;
	padding-left: 250px;
}

div#section2.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.programmoverlay ol  {
	padding-left: 60px;
	font-size: 38px;
	text-transform: uppercase;
	line-height: 50px;
	letter-spacing: 0.8px;

}
div#section2.section.fp-section.fp-table.active.fp-completely div.fp-tableCell div.overlay-outer div.overlayinner div.programmoverlay ol li span.tooltip.tooltipstered {
	max-width: 900px;
}
div#section2.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.programmoverlay ol li {
	margin-bottom: 32px;
}

div#section2.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.programmoverlay ol li:hover {
	margin-bottom: 32px;
	color: #40af78;
	cursor: pointer;
}

/* @group sprechblasen */

div#section2.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.sprechblasenmatrix  {
	margin-top: 80px;
	float: left;
	padding-bottom: 60px;
}

div.sprechblase1 {
	float: left;
	margin-top: 60px;
	margin-left: 0px;
	margin-right: 15px;
		width:283px;
	height:217px;

}
div#section2.section.fp-section.fp-table.active.fp-completely div.fp-tableCell div.overlay-outer div.overlayinner div.sprechblasenmatrix div.sprechblase1 span.tooltip.tooltipstered img {
	cursor: pointer;
}
div.sprechblase1:hover {
background-image: url(/fileadmin/templates/img/sprech1_1.png);
		background-size:100%;
			
		
}

div.sprechblasenmatrix img {
	width: 100%;
	height: auto;
	
}
div.sprechblase2 {
	float: left;
	margin-top: 0px;
		margin-left: 15px;
	margin-right: 15px;
		width:283px;
	height:217px;
}

div.sprechblase2:hover {
background-image: url(/fileadmin/templates/img/sprech2_1.png);
		background-size:100%;
}
div.sprechblase3 {
	float: left;
	margin-top: 60px;
		margin-left: 15px;
	margin-right: 15px;
		width:283px;
	height:217px;
	cursor: pointer;
}
div#section2.section.fp-section.fp-table.active.fp-completely div.fp-tableCell div.overlay-outer div.overlayinner:hover {
		cursor: pointer;
}
div.sprechblase3:hover {
background-image: url(/fileadmin/templates/img/sprech3_1.png);
		background-size:100%;
			cursor: pointer;
}

div.sprechblase4 {
	float: left;
	margin-top: 0px;
		margin-left: 13px;
	margin-right: 0px;
		width:283px;
	height:217px;
	
}

div.sprechblase4:hover {
background-image: url(/fileadmin/templates/img/sprech4_1.png);
		background-size:100%;
}
div.sprechblase5 {
	float: left;
	margin-top: 60px;
		margin-left: 0px;
	margin-right: 15px;
		width:283px;
	height:217px;
}

div.sprechblase5:hover {
background-image: url(/fileadmin/templates/img/sprech5_1.png);
		background-size:100%;
}
div.sprechblase6 {
	float: left;
	margin-top: 30px;
			margin-left: 15px;
	margin-right: 15px;
		width:283px;
	height:217px;
}

div.sprechblase6:hover {
background-image: url(/fileadmin/templates/img/sprech6_1.png);
		background-size:100%;
}

div.sprechblase7 {
	float: left;
	margin-top: 90px;
		margin-left: 15px;
	margin-right: 15px;
		width:283px;
	height:217px;
}

div.sprechblase7:hover {
background-image: url(/fileadmin/templates/img/sprech7_1.png);
		background-size:100%;
}
div.sprechblase8 {
	float: left;
	margin-top: 30px;
		margin-left: 13px;
	margin-right: 0px;
		width:283px;
	height:217px;
}

div.sprechblase8:hover {
background-image: url(/fileadmin/templates/img/sprech8_1.png);
		background-size:100%;
}
.blase1{
	display:block;
	width:283px;
	height:217px;
	background-image:url('/fileadmin/templates/img/sprech1_0.png');
	background-size:283px;
	background-position:0px 0;
}
.blase1:hover{
	background-position:0 0;
}

.blase2{
	display:block;
	width:283px;
	height:217px;
	background-image:url('/fileadmin/templates/img/sprech2_0.png');
	background-size:283px;
	background-position:0px 0;
}
.blase2:hover{
	background-position:0 0;
}


.blase3{
	display:block;
	width:283px;
	height:217px;
	background-image:url('/fileadmin/templates/img/sprech3_0.png');
	background-size:283px;
	background-position:0px 0;
}
.blase3:hover{
	background-position:0 0;
}

.blase4{
	display:block;
	width:283px;
	height:217px;
	background-image:url('/fileadmin/templates/img/sprech4_0.png');
	background-size:283px;
	background-position:0px 0;
}
.blase4:hover{
	background-position:0 0;
}

.blase5{
	display:block;
	width:283px;
	height:217px;
	background-image:url('/fileadmin/templates/img/sprech5_0.png');
	background-size:283px;
	background-position:0px 0;
}
.blase5:hover{
	background-position:0 0;
}

.blase6{
	display:block;
	width:283px;
	height:217px;
	background-image:url('/fileadmin/templates/img/sprech6_0.png');
	background-size:283px;
	background-position:0px 0;
}
.blase6:hover{
	background-position:0 0;
}
.blase7{
	display:block;
	width:283px;
	height:217px;
	background-image:url('/fileadmin/templates/img/sprech7_0.png');
	background-size:283px;
	background-position:0px 0;
}
.blase7:hover{
	background-position:0 0;
}

.blase8{
	display:block;
	width:283px;
	height:217px;
	background-image:url('/fileadmin/templates/img/sprech8_0.png');
	background-size:283px;
	background-position:0px 0;
}
.blase8:hover{
	background-position:0 0;
}
.tooltip_templates { display: none; }
/* @end */

/* @group tooltips */

div.tooltip_left {
	float: left;
	width: 285px;
	margin-right: 30px;
}
div.tooltip_left img {
	width: 100%;
	height: auto;
}

div.tooltip_right {
	float: left;
	max-width: 655px;
}

div.tooltip_right h2 {
	font: 22px/28px "BDACircularWeb-Bold";
	margin: 0;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

div.tooltip_right h3 {
	margin-bottom: 28px;
	margin-top: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 28px;
}


/* This is how you would create a custom secondary theme on top of tooltipster-noir: */

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
	background: white;
	border: 1px solid black;
	border-radius: 0px;
	/*box-shadow: 5px 5px 2px 0 rgba(0,0,0,0.4);*/
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
	color: black;
	padding: 30px;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content h2 {
	font: 22px/28px "BDACircularWeb-Bold";
	margin: 0;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #40af78;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content h3 {
	margin-bottom: 28px;
	margin-top: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 28px;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content p {
	margin-bottom: 28px;
	margin-top: 0;
	font-size: 18px;
	line-height: 23px;
}


.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content img {
	float: left;
	width: 285px;
	height: auto;
	margin-right: 25px;
	  -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
/* @end */

/* @end */


div#section4.section.fp-section {
display: none;
}

/* @group section 3 */
/* Backgrounds will cover all the section
	* --------------------------------------- */
	.section{
		background-size: cover;
	}

	.slide{
		background-size: cover;
	}

	/* Defining each sectino background and styles
	* --------------------------------------- */
	#section5{
		background-image: url();
		background-size:100%;
	}


/* @end */

/* @group section 5 */

 div#section5.section.fp-section.active.fp-table div.fp-tableCell div.overlay-outer  {
	height: 100vh;
}
div#section5.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner  {
position: relative;
width: calc(100% - 40px);
	max-width: 1250px;

	padding-right: 20px;
	padding-left: 20px;
margin-right: auto;
	margin-left: auto;
padding-top: 0;
	margin-top: 0;
}
div#c16.frame.frame-default.frame-type-textmedia.frame-layout-0 header h2{
	margin-top: 0px;
	font-size: 80px;
	text-transform: uppercase;
	margin-bottom: 60px;
	line-height: 60px;
}
div#c16.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p {
		font-size: 22px;
	margin-top: 0;
	margin-bottom: 60px;
		line-height: 28px;
	padding-left: 250px;
}
.innerinner {
Max-width: 1220px;
margin-right: auto;
	margin-left: auto;
}
.innerinnerbox {
	width: 100%;


Float: left;
padding-top: 20px;
	padding-bottom: 20px;
}
/* @end */

/* @group KONAKT */
div#section6.section {
		background-image:url('/fileadmin/templates/img/kontakti.jpg');
	background-size:1440px;
	
	
}

div.kontakt-outer div.kontakt-inner  {
	position: relative;
width: calc(100% - 40px);
	max-width: 1250px;

	padding-right: 20px;
	padding-left: 20px;
margin-right: auto;
	margin-left: auto;
margin-top: 0;
padding-top: 60px;
}
div.kontakt-inner div.kontakt-row-top div.kontakt-row-top-col1 ul  {
	padding: 0;
	margin: 0;
}

div.kontakt-row-top-col3 ul li {
	
	list-style-type: none;
	margin-bottom: 10px;
}
div.kontakt-row-top div.kontakt-row-top-col1 ul  li {
	list-style-type: none;
	float: left;
	padding: 20px;
	border: 2px solid black;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	
}
div.kontakt-row-top-col3 ul {
	margin: 0;
	padding: 0;
}
div.kontakt-row-top,
div.kontakt-row-bottom {
	float: left;
	width: 100%;
}
div.kontakt-row-top-col1 {
	float: left;
	width: 59%;
}

div.kontakt-row-top-col2 {
		float: left;
	width: 22%;
}

 div.kontakt-row-top-col3 {
		float: left;
	
}
div.kontakt-row-top-col1 ul li a {
	color: black;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
div.kontakt-row-bottom ul {
	padding: 50px 0 30px;
	margin: 0;
	float: left;
}
div.kontakt-row-bottom ul li {
	list-style-type: none;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}

div.kontakt-row-top-col3 ul li a {
	color: black;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

div#c17.frame.frame-default.frame-type-textmedia.frame-layout-0 header h2,
div#c17.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext h2 {
	font-size: 80px;
	text-transform: uppercase;
}

div.fb {
	width: 40px;
	height: auto;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
div.fb a img {
	width: 40px;
	height: auto;

}
/* @end */

/* @group Untitled Group */

.bubble  {
	padding: 30px;
}


.bubble header h2 {
	font-family: "BDACircularWeb-Bold";
	text-transform: uppercase;
	margin: 0;
	font-size: 22px;
	line-height: 28px;
}
.bubble  header h3 {
		text-transform: uppercase;
	margin: 0 0 30px;
	font-size: 22px;
	line-height: 28px;
}

.bubble div.ce-bodytext p {
	font-size: 18px;
	line-height: 23px;
	margin-top: 0;
	margin-bottom: 23px;
}


 .bubble .ce-intext.ce-left .ce-gallery {
        margin-bottom: 0px;
	margin-right: 30px;
 }
.bubble figure.image img {
  -webkit-filter: grayscale(1);
    filter: grayscale(1);
  width: 285px;
  height: auto;
}
/* @end */



/* @group MOBIL */
@media screen and (max-width: 980px){
div#filmbutton {
	position: absolute;
	left: 20px;
	width: 45px;
	z-index: 1000;
	top: 20px;
}

ol div.biro ul {
list-style-type: "- ";
padding-bottom: 60px;
		padding-left: 20px;
}
div#c14.frame.frame-default.frame-type-textmedia.frame-layout-0 header h2
{
		margin-top: 0px;
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 60px;
	line-height: 20px;
	position: absolute;
	color: white;
	z-index: 1000;

	
}
div#section0.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.verantwortung h1 {
		color: white;
	text-transform: uppercase;
	margin: 0;

	font-size: 30px;
	line-height: 30px;
	width: 100%;
	max-width: 300px;
	padding-left: 20px;
		font-family: "BDACircularWeb-Book";
		font-weight: 400;
	float: left;
}
div.kontakt-row-top-col1 {
	float: left;
	width: 100%;
}

div#startbild div.overlay-outer   {
	position: relative;
	

	
}
div#c16 {

}
div#c16.frame.frame-default.frame-type-textmedia.frame-layout-0 header h2{
	margin-top: 0px;
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 80px;
	line-height:30px;
}

div#c16.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p {
		font-size: 22px;
	margin-top: 0;
	margin-bottom: 30px;
		line-height: 28px;
	padding-left: 00px;
}
div.overlayinner  {
	
	
	float: left;
	height: auto;
	min-height: 200px;
}

div#startbild div.overlay-outer div.overlayinner div.verantwortung  {
	float: left;

	width: 100%;
}

iv#startbild div.overlay-outer div.overlayinner div.verantwortung h1 {
	float: left;
	top: 0;
	width: 100%;
}

div#startbild  {
	width: 100%;
	height: auto;
	background-color: #CCE5D7;
	position: relative;
	display: inline-block;
}
div#startbild-inner {
	height: auto;
	overflow: hidden;
	    display: inline-block; 
		width: 100%;
			
	
}
#immernoch {
	position:absolute;
	width: 350px;
	top: 50px;
	left: 20px;
	float: left;
}
.intro.green {
	padding-top: 80px;
	padding-left: 0px;
	padding-bottom: 80px;
	max-width: 1040px;
	width: 100%;
}

#logo {
	float: left;
	height: 65px;
	margin-top: 32px;
}
div#c17.frame.frame-default.frame-type-textmedia.frame-layout-0 header h2,
div#c17.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext h2 {
	font-size: 30px;
	text-transform: uppercase;
}
div#c11.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p {
		font-size: 22px;
	margin-top: 0;
	margin-bottom: 24px;
		line-height: 28px;
	padding-left: 0px;
}

div#section0.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.kammerwahl {
	float: left;

	color: white;
	font-size: 22px;
	line-height: 28px;
	padding-left: 20px;
	float: left;
	position: absolute;
	left: 0;
	top: 120px;
}

div#c11.frame.frame-default.frame-type-textmedia.frame-layout-0 header h2{
	margin-top: 0px;
	font-size: 40px;
	text-transform: uppercase;
	margin-bottom: 80px;
	line-height: 30px;
	
}

div#section2 #bereits {
	position:absolute;
	width: 260px;
	top: 40px;
	left: 20px;

}
div#section2.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.programmoverlay ol  {
	padding-left: 20px;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 25px;
	letter-spacing: 0.8px;
	max-width: 900px;
}

div#section2.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.programmoverlay ol li {
	margin-bottom: 24px;
}
div#c17.frame.frame-default.frame-type-textmedia.frame-layout-0 header h2 {
	font-size: 30px;
	text-transform: uppercase;
}
div#section2.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.programmoverlay ol li:hover {
	margin-bottom: 24px;
	color: #40af78;
	cursor: pointer;
}

div.sprechblase2, div.sprechblase4, div.sprechblase6, div.sprechblase8  {
	float: right;
}

div#section2.section.fp-section.fp-table div.fp-tableCell div.overlay-outer div.overlayinner div.sprechblasenmatrix  {
	margin-top: 0px;
	float: left;
	padding-bottom: 60px;
}
#header-right {
display: none;
}

div#gewaehlte 
{

	position:absolute;
	width: 290px;
	top: 40px;
	left: 20px;

}
div#c17.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext h2 strong {
font: 50px "BiroScript-Regular";
color: #0055ac;
line-height: 18px;
text-transform: none;
}
div.kontakt-row-top div.kontakt-row-top-col1 ul  li {
	list-style-type: none;
	float: left;
	padding: 20px;
	border: 2px solid black;
	margin-left: 0;
		margin-bottom: 30px;
		margin-right: 0;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	width: calc(100% - 50px);
}

div#c16.frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-bodytext p strong {
font: 25px "BiroScript-Regular";
color: #0055ac;
line-height: 18px;


}
#immernoch img{
	width: 250px;
}
div#a2026 
{

	position:absolute;
	width: 100px;
	top: 5px;
	left: 260px;

}

div#startbild-inner img {
		width: 100%;
	height: auto;
	float: left;
	position: relative;
}
div.kontakt-row-top-col2 {
		float: left;
	width: 50%;
}
}


/* @end */