@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700');

body { line-height: 1.5; padding-bottom: 20px; background-color: #fff; font-family: 'Quicksand', sans-serif; }

div { position: relative; }

a, a.blue {
    color: #00a2df;
    text-decoration: none;
}

/*==========  generic stuff ==========*/

h1, h2, h3, h4, h5 { margin-top: 0; margin-bottom:0.5em;  font-weight:bold; }
h1 { font-size: 30px; line-height: 0.9em; }
h2 { font-size: 24px;  }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

p { margin: 0; }
p:not(last-child) { margin: 0 0 0.6em; }

.mb-10px { margin-bottom: 10px; }
.mb-1 { margin-bottom: 20px; }
.mb-2 { margin-bottom: 50px; }
.p-20 { padding: 20px; }


.block { display: block; }
.bold { font-weight: bold; }
.fc-red { color: #bd1922; }
.fc-white { color: white; }
.breadcrumb { font-size: 14px; margin: 5px 0 40px; padding:0; }
.panel-box { padding: 20px; margin-bottom: 20px; }
.hr-white { display:block; height:1px; background:#fff; margin:15px 0; }

.btn-primary {
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25); 
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
}

.btn-round-blue {
	background: #00aeef none repeat scroll 0 0;
	border: 0 none;
	border-radius: 50%;
	color: #fff;
	float: right;
	font-size: 24px;
	font-weight: bold;
	height: 45px;
	margin-top: -5px;
	padding: 0;
	text-align: center;
	width: 45px;
}

.btn-blue {
	background: #00aeef none repeat scroll 0 0;
	border: 0 none;
	border-radius: 5px;
	color: #fff;
	float: right;
	font-size: 24px;
	font-weight: bold;
	height: 45px;
	margin-top: -5px;
	padding: 0;
	padding-left: 10px;
        padding-right: 10px;
        text-align: center;
}

.btn-link, .panel-box, .box-shadow {
	-webkit-box-shadow: 0px 2px 2px 1px rgba(80,80,80,0.2);
	-moz-box-shadow: 0px 2px 2px 1px rgba(80,80,80,0.2);
	box-shadow: 0px 2px 2px 1px rgba(80,80,80,0.2);
}



.form-control { 
	color:#000;
	border-radius:3px;
	width:calc(100% - 55px);
}

.form-control::-webkit-input-placeholder {
	color:#000;
	text-align:left;
	opacity: 1;
}


.form-control::placeholder {
	color:#000;
	text-align:left;
	opacity: 1;
}

.form-control:focus::placeholder,
.form-control:active::placeholder {
	color:#fff;
}

section.header { }

div#page-header-topnav {
	background:#818181;
	box-shadow: 0px 2px 4px 0px rgba(171, 171, 171, 0.75); 
	height:45px;
}

ul#topnav {
	list-style: none;
	float:right;
}
	ul#topnav li {
		display:block;
		border-left:1px solid #7a7a7a;
		float:left;
	}
		ul#topnav li a {
			display:block;
			color:#fff;
			font-size:14px;
			height:45px;
			line-height:45px;
			font-weight:bold;
			padding:0 25px;
			text-decoration:none;
		}
		ul#topnav li:last-child a,
		ul#topnav li a:hover {
			background:#0d4680;
		}

	div#header-logo {

	}
			div#header-logo a {
				display:block;
				margin:10px 15px;
				width:105px;
			}
				div#header-logo a img {
					width:100%;
				}	
					
/*==========  Navbar ==========*/

#navbar-wrapper {    

}
.navbar { margin-bottom: 0px; min-height: 60px; }
.navbar-nav { text-align:left; float:none;  }
.navbar-nav > li { display:block; float:none; }
.navbar-nav > li > a { line-height: 60px; height: 60px; font-size:18px; font-weight: bold; padding: 0 40px; }

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.navbar-nav > li > a.aktiv { background: #00aeef; }

.navbar-default { border: none; background: #0d4680; z-index: 9999; }
.navbar-toggle { margin-top:20px; margin-bottom: 20px; margin-right: 20px; border: none; }
.navbar-brand {  }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: transparent; }
.navbar-default .navbar-toggle .icon-bar { background-color: white; }

.navbar-default .navbar-collapse { padding: 0;  }

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus { color: white; }
.navbar-default .navbar-nav > li > a:hover { color: white; background-color: #00aeef; transition: all 0.5s ease;  }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { color: white; background-color: #00aeef; }


/*==========  ul.dropdown ==========*/

ul.dropdown-menu { background-color: #00aeef; border: none; padding: 0; margin: 0; white-space: nowrap; }
ul.dropdown-menu a { color: white; line-height: 60px; height: 60px; font-size:16px; font-weight:bold;  }
ul.dropdown-menu a:hover { text-decoration: none; color: white;  background-color: #00a3df; }
ul.dropdown-menu a.aktiv { background-color: #00a3df; }
ul.dropdown-menu > li { list-style: none; display: block; }
ul.dropdown-menu > li a {  }
ul.dropdown-menu > li a:hover { transition: all 0.5s ease; }



/*==========  content ==========*/
section.content .container { background: #fff; padding-top:15px; padding-bottom:25px;   }

section.content .container img { max-width: 100%; height:auto; }

	section.content .container ul {
		list-style:none;
		padding-left:25px;
	}
		section.content .container ul li {
			position:relative;
		}
		section.content .container ul li::before {
			content:""; 
			background: #00aeef;
			border-radius:50%;
			height:0.45em;
			left:-0.94em;
			position:absolute;
			width:0.45em;
			top:0.55em;
		}
		
		section.content .container ul[style^="list-style-type: disc"] {
			list-style:none !important;
		}
		
		.massnahme { padding-top:10px; border-right:5px solid #fff; }
		
		.massnahme-image {
			min-height:130px
		}	
		.massnahme-txt {
			font-size:14px
		}	
		
		.massnahme.highlight { border-color:#00aeef; background-color:#addeef; }			

		
		.thema a {
			background:#e6e6e6 url('../img/kreuz_blau.png') no-repeat 25px 10px;
			background-size:40px;
			color:#4c4c4c;
			font-size:30px;
			display:block;
			padding:5px 10px 5px 100px;
			min-height:60px;
			margin-bottom:5px;
			line-height:1.2em;
		}
		.thema div { padding-left:100px; margin-bottom:35px; }


	#owl-start {
		padding: 0 70px;
	}

	#owl-start .owl-nav {
		position:absolute;
		top:116px;
		border-top:4px solid #787879;
		left:10px;
		right:10px;
	}

	#owl-start .owl-prev, #owl-start .owl-next {
		border-radius:50%;
		position:absolute;
		top:-27px;
		left:0px;
		height:50px;
		line-height:40px;
		font-size:38px;
		font-weight:bold;
		width:50px;
		background:#0d4680;
		color:#fff;
		text-align:center;
		text-indent:-2px;
                padding-top: 3px; 
	}

	#owl-start .owl-next {
		left:auto;
		right:60px;
		text-indent:2px;
	}
        
        #owl-start .owl-next-end {
                border-radius:50%;
		position:absolute;
		top:-27px;
		left:0px;
		height:50px;
		line-height:40px;
		font-weight:bold;
		width:50px;
		background:#0d4680;
		color:#fff;
		text-align:center;
		text-indent:-2px;
		left:auto;
		right:0px;
		text-indent:2px;
                font-size:24px;
                padding-top:3px;
                cursor:pointer;
	}
    
        #owl-start .owl-prev{
            left:60px;
        }
        
        #owl-start .owl-prev-start{
            border-radius:50%;
            position:absolute;
            top:-27px;
            left:0px;
            height:50px;
            line-height:40px;
            font-weight:bold;
            width:50px;
            background:#0d4680;
            color:#fff;
            text-align:center;
            text-indent:-2px;
            font-size:24px;
            padding-top:3px;
            cursor:pointer;
        }
        

	#owl-start .owl-carousel .owl-stage-outer {
			z-index: 10;
	}

	.item { font-size:14px; }

	.item-plus {
		background:url('../img/kreuz_neutral.png') no-repeat 0 0;
		background-size:50px;	

		height:50px;
		width:50px;
		margin-bottom:50px;
		margin-left:72px;
	}
		.item-plus.lenkungskreis { background-image:url('../img/kreuz_lenkungskreis.png'); }
		.item-plus.plenum { background-image:url('../img/kreuz_plenum.png'); }
		.item-plus.symposium { background-image:url('../img/kreuz_symposium.png'); }
		.item-plus.arbeitsgruppen { background-image:url('../img/kreuz_arbeitsgruppen.png'); }


		.item-plus::before {
			background:#787879;
			content: "";
			height:40px;
			left:24px;
			top:50px;
			position:absolute;
			width:3px;
		}

	.item-date { 
		background:#0d4680; 
		box-shadow: 0px 2px 4px 0px rgba(171, 171, 171, 0.75);
		color:#fff; 
		display:inline-block; 
		font-size:20px;
		font-weight:bold;
		height:60px;
		line-height:60px;
		margin-bottom:33px;
		padding:0 20px;
		text-align:center; 
		text-transform: uppercase;
		min-width:200px;
	}
	.item-headline { font-size:14px; font-weight:bold; }


	.legend {
		border-top:1px solid #7a7a7a;
		line-height:30px;
		margin:0 auto 15px;
		padding-top:10px;
		text-align: center;
		word-spacing:30px;
		width:90%;
	}

	.legend > span {
		white-space:nowrap;
	}

	.dot {
		background:#787879;
		border-radius:50%;
		display:inline-block;
		height:14px;
		margin-right:5px;
		width:14px;
	}

	.dot.lenkungskreis { background:#ffde00; }
	.dot.plenum { background:#22a81c; }
	.dot.symposium { background:#3146b4; }
	.dot.arbeitsgruppen { background:#7531b4; }
	
	section.content .container ul.plusSign { padding-left: 0px;  }
	section.content .container ul.plusSign li { }
	section.content .container ul.plusSign li:not(:last-child) { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #4c4c4c; }
	section.content .container ul.plusSign li::before { display: none; }
	
	
	section.content .container ul.plusSign li a { 
		background:rgba(0, 0, 0, 0) url("../img/kreuz_blau.png") no-repeat scroll 17px 0px; 
		background-size:30px;
		display:block; 
		padding-left:60px;	
		min-height:30px; 
		color:#4c4c4c; 
		font-size:14px; 
		font-weight:bold; 
	}

	section.content .container ul.plusSign li a i { font-weight:normal; }
	section.content .container ul.plusSign:not(:last-child) { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #4c4c4c;  }	
	
        
    
       

	/*==========  2. Downloadliste ==========*/
	section.content .container a.pfeilSign {
		display:block; 
		color:#4c4c4c;
		font-size:14px;
		font-weight:bold; 

		min-height:30px; 
		padding-left:60px;
		background: rgba(0, 0, 0, 0) url("../img/icon-pfeil.png") no-repeat scroll 17px 0px; 
		background-size: 30px;
	}

	section.content .container a.pfeilSign::before {
		/*content: " ";*/
		/*display: block;*/
	}

	section.content .container a.pfeilSign.closed::before {
	}

	section.content .container a.pfeilSign.open::before {
	}
	

	section.content .container a.pfeilSign > span { display:inline-block; margin-top: 2px; }
	section.content .container a.pfeilSign.closed ~ ul { display: none; }
	section.content .container a.pfeilSign.open ~ ul { display: block; }



	/*==========  gallery ==========*/
	.popup-gallery .owl-prev, .popup-gallery .owl-next {
		border-radius:50%;
		position:absolute;
		top:-27px;
		left:0px;
		height:50px;
		line-height:40px;
		font-size:38px;
		font-weight:bold;
		width:50px;
		background:#0d4680;
		color:#fff;
		text-align:center;
		text-indent:-2px;
	}	
	
	.popup-gallery .owl-next {
		left:auto;
		right:0px;
		text-indent:2px;
	}
	
	.popup-gallery {
		margin-top: 25px;
		margin-bottom: 35px;
	}
	
	.popup-gallery > a {
    margin-right: 15px;
	}
	
	.popup-gallery img {
		
	}
	
/*==========  Footer ==========*/

#cookieHinweis{
    display:none;
    position:fixed;
    bottom:5%;
    max-width: 800px;
    background-color: rgba(0,0,0,0.7);
    z-index:1000;
    color:white;
    padding: 15px;
    border-radius: 15px;
    min-width:250px;
    left: 50%;
    transform: translateX(-50%);
}

#cookieHinweis .cookieButton{
    background-color: #00aeef;
    border:0px solid black;
    padding:15px;
    padding-top:7px;
    padding-bottom: 7px;
    font-weight: bold;
}

#cookieHinweis .cookieText{
    display:inline-block;
    width:80%;
    min-width:300px;
    max-width:600px;
    float:left;
    margin-bottom:10px;
}

#cookieHinweis .cookieButtonDiv{
    display:inline-block;
    width:20%;
}


#cookieHinweis a{
    color:white;
    text-decoration: none;
    font-weight: bold;
}

#cookieHinweis a:hover{
    color:white;
    text-decoration: none;
    font-weight: bold;
}

section.footer { }

#footer { background-color: #818181; color:#fff; font-size:14px; padding-bottom: 25px; padding-top: 25px;  }
#footer img.logo { display:block; width: 210px; margin:0 auto 30px; }
#footer a { color: #fff; }
#footer a.blue { color: #0d4680; }
#footer-sitemap { font-weight:bold; }
#footer-sitemap p:not(:last-child) { border-bottom:1px solid #7a7a7a; padding-bottom:11px; }
#footer-sitemap ul { margin:0; padding:0; margin-bottom:25px; }
#footer-sitemap ul > li { list-style:none; margin:0;  }
#footer-sitemap ul > li { display: block; }
#footer-sitemap ul > li a:hover { text-decoration: none; }

#footer .logo-white { padding:10px; border-radius:5px; background:#fff; display:inline-block;  }
#footer .logo-white img { width:120px;}



/*==========  Media Queries ==========*/

@media (max-width: 767px) {
	div#header-logo {
		background: #fff none repeat scroll 0 0;
		height: 72px;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99;
	}
	
	#page-header {
		padding-top:60px;
	}
	
	#navbar-wrapper {    
		position: fixed;
		right: 0;
		width: 80px;
		top:0;
		z-index: 100;
	}	
	#navbar.navbar-collapse {
		left:0;
		position: fixed;
		right: 0;
		background: #0d4680 none repeat scroll 0 0;
	}
	

}

@media (max-width: 991px) {

	
	
	#navbar.navbar-collapse { padding: 0 30px; }
	
	.navbar-default .navbar-nav .open .dropdown-menu { margin-bottom: 15px; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: white; height:auto; padding: 15px 15px 5px 55px; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a.aktiv,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {  }
	.navbar-default .navbar-nav .open .dropdown-menu > li:first-of-type a { margin-top: 0; }

	#text-teaser > div:nth-child(2n+1) { clear: left; }
	
	.popup-gallery {
		max-width:220px;
		margin-left:auto;
		margin-right:auto;
	}		
}

.plusSign .subline{
    position: relative;
    top: -35px;
    left: 60px;
    word-wrap: break-word;
    padding-right: 70px;
    margin-bottom: -40px;
    width:calc(100% - 60px);
}
.plusSign .spacer{
    height: 42px;/*51px*/
}



/*==========  Mobile First Method  ==========*/

#text-teaser > div { margin-bottom:20px; }

#image-teaser { margin-top:20px; }

.header .sticky-wrapper { z-index:100; }
.content .sticky-wrapper { z-index:0; }

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	h1 { font-size: 34px; margin-bottom:0.8em; }
	
	.mb-1 { margin-bottom: 25px; }
	
	div#header-logo {
		float: none;
		width: auto;
	}	
		div#header-logo a {
			display:block;
			margin:20px auto;
			width:210px;
		}	
	
	section.content .container { padding: 20px 15px 65px; }
	
	#image-teaser { 
		background: rgba(0,0,0,0);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(79,79,79,0.6) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(79,79,79,0.6) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4f4f4f', GradientType=0 );
		
		color:#fff;
    left: 0;
    margin: 0;
    position: absolute;
    bottom: 0;	
		padding:15px 25px;
		text-shadow: 1px 1px 5px #4f4f4f;
	}
	
	.kontakt { 
		padding-left:35px; 
		padding-top:10px; 
		padding-bottom:10px;
		font-size:20px; 
		margin-top:25px; 
		margin-bottom:25px; 
		line-height:1.8em;
	}
	.kontakt-left { text-align: right; padding-right:15px; border-right:1px solid #4c4c4c; padding-left:15px; padding-right:35px; }
	
	#footer {  padding-bottom: 40px; padding-top: 40px;}
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	h1 { font-size: 40px; }
	.mb-1 { margin-bottom: 30px; }
	#image-teaser { padding:20px 40px; }
	.legend { width:80%; }
	
	.navbar-collapse { display:block !important; }
	
	.navbar-nav { text-align:center; }
	.navbar-nav > li { display:inline-block; }
	ul.dropdown-menu > li { display: inline-block; }
	
	.massnahme { cursor:pointer; padding-top:20px; }
	.massnahme.active { border-color:#00aeef; background-color:#ebebeb; }			
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	h1 { font-size: 40px; }
	.navbar-nav > li > a { font-size:20px; }
	.legend { width:70%; }
	.mitarbeiter { margin-left: 30px; }
}

.zusatz_massnahme{
    margin-top:35px;
    margin-bottom:35px;
}

.zusatz_massnahme .accElement a{
    cursor: pointer;
}



.zusatz_massnahme .heading{
    height:50px;
}

@media(max-width:992px){
    .zusatz_massnahme .heading{
        width: 340px;
    }
}


.zusatz_massnahme .text{
    background-color: #e6e6e6;
    padding:10px;
    margin-top:10px;
    margin-bottom:15px;
}

.zusatz_massnahme .plusCirc{
    position:relative;
    background:rgba(0, 0, 0, 0) url("../img/kreuz_blau.png") no-repeat scroll 0px 0px; 
    width: 40px;
    height: 40px;
    display: inline-block;
    float: left;
    background-size: cover;
    z-index:5000;
    cursor:pointer;
}

.zusatz_massnahme .minusCirc{
    position:relative;
    background:rgba(0, 0, 0, 0) url("../img/minus_blau.png") no-repeat scroll 0px 0px;
    width: 40px;
    height: 40px;
    display: inline-block;
    float: left;
    background-size: cover;
    z-index:5000;
    cursor:pointer;
}

.zusatz_massnahme .questionList .accElement{
    margin-bottom:10px;
}
.zusatz_massnahme .questionList .accElement a{
    background-size:30px;
    display:inline-block; 	
    min-height:30px; 
    color:#4c4c4c; 
    font-size:14px; 
    font-weight:bold; 
    line-height: 34px;
    padding-left:16px;
}

@media(max-width:991px){
    .zusatz_massnahme .questionList .accElement a{
        max-width: 300px;
    }
    
    .questionList{
        margin-bottom:55px;
    }
}


.zusatz_massnahme ul.questionList li.accElement::before{
    display:none;
}
.zusatz_massnahme ul li::before{
    background-color: black!important;
}

.MassnahmeErgebnisSubline{
    position:relative;
    top:-22px;
    color:#333;
}