@import url('default.css');

/* --- general links --- */

a{
	
	color:#2e3175;
}

#footer a,
.teaser a{
	color:#000;
}


.footer .img-caption{
	display:none;
}

.footer{
	padding-bottom:1em;
}

.teaser a{
	border-bottom:2px solid #fff;
}

/*.teaser a{
	border:2px solid #b9187a;
	border-radius:1em;
}*/

.teaser a:hover{
	color:#000;
	text-decoration:none;
	border-bottom:2px solid #b9187a;

}

.teaser a .img-responsive{
	background-color:#fff;
	transition:all 1s;
}

.teaser a:hover .img-responsive{
	background-color:#b9187a;
}

a:hover{
	color:#999;
	color:#2e3175;
	color:#2e3175;
	text-decoration:underline;
}

em{
	font-style:normal;
}

h1 a,
h2 a,
h3 a,
h4 a{
	color:inherit;
}

h1 + h1{
	margin-top:0; /* example: Europan 13 / Thema */
	color:#999;
}

h1#downloads{
	margin-top:20px;
}

h1{
	margin:2em 0em 1.5em 0em;
}

h1:before{
	position: relative;
  	top: 0.1em;
  	display: inline-block;
  	font-family: 'Glyphicons Halflings';
  	font-style: normal;
  	font-weight: normal;
  	line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e074";
	color:#2e3175;
	font-size:inherit;
	padding-right:0.5em;

	/*
	float:left;
	margin-left:-2em;
	font-weight:300;*/
}

.col-sm-8 > h1{
	margin-top:0;
}

p{
	max-width:40em;
}

/* --- ticker --- */

.container-fluid.ticker{
	margin-top:0.5em;
	max-width:100%;
}

.container-fluid.ticker *{
	font-size:15px;	
}

.container-fluid.ticker i{
	margin-right:0.5em;
}

.container-fluid.ticker .row div:nth-child(1),
.container-fluid.ticker .row div:nth-child(4){
	text-transform:uppercase;
	color:#2e3175;
}

.container-fluid.ticker .row div a{
	color:inherit;	
}

.container-fluid.ticker .row div:nth-child(2),
.container-fluid.ticker .row div:nth-child(3){
	text-align:center;
	color:#808080;
}

.container-fluid.ticker .row div:nth-child(2) a,
.container-fluid.ticker .row div:nth-child(3) a{
	text-decoration:underline;
}

.container-fluid.ticker .row div:nth-child(4){
	text-align:right;
}

/* ol */

ol,.box{
	border:5px solid #2e3175;
	border-radius:1em;
	padding:1em;
	list-style-type:none;
	margin:2em auto;
	max-width:750px;
	
}

.box ol{
	border:0;
	padding:0;
}

ol li{
	margin-left:2em;
}

ol li:before{
	position: relative;
  	top: 0.3em;
  	display: inline-block;
  	font-family: 'Glyphicons Halflings';
  	font-style: normal;
  	font-weight: normal;
  	line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e092";
	float:left;
	margin-left:-2em;
	font-weight:300;
}



/* popover */

.popover,
.popover h3{
	background: #b9187a;
	background: #b9187a;
	background:#b9187a;
}

.popover-title{
	border-bottom-color:#2e3175;

}

/* btn */

.btn-success{
	background-color:#b9187a;	
	border-color:#2e3175;
	font-weight:700;
	color:#000;
}

.btn-success:hover,
.btn-success:focus{
	border-color:#2e3175;
	background-color:#2e3175;
}

.btn i{
	font-size:80%;
}

/* --- navbar styling --- */

.navbar-default{
	border:0;
	background:transparent;
	margin-top:1em;
}

.navbar-left{
	/*float:right !important;*/
}

.navbar-left span.caret{
	display:none;
}




.navbar-toggle{
	width:50px;
	height:50px;
	border-radius:25px;
	border-width:0;
	background:#000;
	color:#fff;
	font-size:30px;
	line-height:30px;
	margin-top:1px;
	margin-right:-15px;
}

.navbar-toggle:hover{
	background:#999;
}

.navbar-toggle i{
	font-size:inherit;
	color:inherit;
	line-height:inherit;
	transition: all 500ms;
	transform: rotate(90deg);
}

.navbar-toggle.collapsed i{
	transform: rotate(0deg);
}

#navbar-default .navbar-header,
#navbar-custom .navbar-header{
	width:100%;
	float:none;
	padding-bottom:0;
}

.navbar-brand{
	height:auto;
}

#collapse-navbar-default{
	margin-left:-15px;
	margin-right:-15px;
}

.navbar-brand{
	padding:0;
}

.navbar-default .navbar-brand,
.navbar-custom .navbar-brand{
	margin-top:0.1em;
	margin-bottom:0.3em;
	width:100%;
	color:#000;
	text-align:center;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
	margin-left:0;
}

.navbar-brand .img-responsive{
	width:auto;
}

.navbar-nav>li + li{
	margin-left:0.75em;
}
#navbar-custom .navbar-header{
	margin-right:0.75em;
}

.navbar li li a{
	height:auto;
}

.navbar-left li{
	max-width:20%;
	text-align:center;
}

.dropdown-menu{
	border:0;
	opacity:0.9;
}

.navbar-nav>li>a,
.nav-stacked>li>a{
	font-size:17px;
	background:transparent;
	padding:2px 5px 2px 5px;
	border-radius:3px;
	height:auto;
	/*margin-left:0.5em;*/
	
}

.teaser a{
	font-size:20px;
	display:block;
	width:100%;
	text-align:center;
}

.teaser a img{
	width:60%;
	margin:0 auto;
	/*border-radius:50%;
	border:3px solid #F7C034;*/
}

.teaser a{
	margin-bottom:1em;
}

/*
#navbar-custom .navbar-nav>li>a,
#navbar-custom .nav-stacked>li>a{
	font-size:20px;
	margin-right:0;
		
}*/



#navbar-default .navbar_brand,
#navbar-default .navbar-brand .img-responsive{
	height:65px;
}
#navbar-custom .navbar_brand,
#navbar-custom .navbar-brand .img-responsive{
	height:50px;
}

#navbar-custom .navbar-nav>li>a,
#navbar-custom .nav-stacked>li>a{
	margin-top:31px;
	margin-top:14px;
}

.navbar-default .navbar-nav>li>a{
	
	color:#000;

	/*transition:background-color 1000ms, color 333ms;*/
	transition:color 333ms;
}

.navbar-default .navbar-nav>.active>a,
.nav-stacked>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	/*background:#155F7D;
	background:#000;*/
	background:transparent;
	color:#000;
	border-bottom:2px solid #b9187a;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	/*background:#155F7D;
	background:#000;*/
	/*color:#fff;*/
	color:#000;
}

.navbar-brand{
	display:none !important;
	}

.dropdown-menu{
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dropdown-menu>li>a{
	color:#000;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover{
	background:transparent;
	color:#000;
}

/* --- ** --- */

.teaser h2{
	font-size:20px;
}






/*body.publikationen .teaser,*/
body.archiv .teaser,
body.realisierungen .teaser{
	margin-bottom:20px;
}

/*body.publikationen .teaser p,*/
body.realisierungen .teaser p,
body.archiv .teaser p{
	display:none;
}

/*body.publikationen .teaser,*/
body.archiv .teaser,
body.realisierungen .teaser{
	position:relative;
}

/*body.publikationen .teaser h2 a,*/
body.archiv .teaser h2 a,
body.realisierungen .teaser h2 a{
	display:none;
	/*position:absolute;
	top:0;
	left:0;
	z-index:2;
	
	margin:0;
	padding:15px;
	box-sizing: border-box;
	*/
	margin-left:15px;
	margin-right:15px;
	background:#000;
	opacity:0.8;
	color:#fff;
	width:100%;
	height:100%;
	text-align:center;
	
}

/*body.publikationen .teaser h2 a.popover,*/
body.archiv .teaser h2 a.popover,
body.realisierungen .teaser h2 a.popover{
	display:block;
	border:0;
	text-transform:uppercase;
	padding:30% 1em 1em 1em;
	border-radius:0;
	font-size:15px;
	max-width:100%;
}

#banner{
	display:block;
	max-width:1200px;
	margin:0;
	width:100%;
	min-height:150px;
	background-repeat:no-repeat;
	/*background-size:1600px auto;*/
	background-size:contain;
    background-position:center center;
    background-color:transparent;
}

.help{
	display:block;
	position:relative;
	right:0;
	top:0;
	height:100%;
}

.help .image{
	margin-top:60px;
	margin-left:30px;
	max-width:30px;
	height:auto;
}

/*#banner .image{
	position:fixed;
	top:4em;
	right:2em;
	width:45px;
	height:120px;
	z-index:2;
	background:#fff;
	margin:0;
	padding:0.5em;
	border-radius:0.5em;
}*/

/*#banner img{
	margin-right:2em;
	margin-top:2em;
	height:120px;
	width:auto;
	background:#fff;
	padding:0.5em;
	border-radius:0.5em;
	z-index:2;
}*/

/* Startseite (layer-1) */

/*body.layer-1 #banner{
	min-height:30px;
}*/
body.layer-1 .navbar-left{
	display:none;
}

.container-banner .col-sm-12{
	height:200px;

}

.img-responsive{
	width:100%;
	height:auto;
}

.img-responsive + p{
	margin-top:1em;
}

h1,
h2,
.box h2{
	text-transform:uppercase;
	width:auto;
	font-size:20px;
	font-weight:700;
	line-height:1.2em;
	border-bottom:2px solid #b9187a;
}

h2,
.box h2{
	text-transform:none;
}

.box{
	margin-top: 0;
}

.box h2{
	margin-top:0;
}

h2 + ol{
	margin-top:0;
}

h2{
	border-bottom:0;
	font-weight:400;
}

h1 a,
h2 a{
	font-family:inherit;
}

h1 + h2{
	margin-top:0;
}

h2 + h3{
	margin-top:0;
}

body.layer-4 h1{
	display:none;
}

#sitemap-spacer h1{
	display:none;
}

#sitemap{
	margin-top:10em;
	margin-bottom:0;
	border-bottom:0;
}
/*
.row-input .alert-info{
	opacity:0;
}

.row-input:hover .alert{
	opacity:1;
	
}


textarea{
	margin-bottom:1em;
}
*/


ul.links{
	list-style-type:none;
	padding-left:0;
}

ul.links .img-responsive{
	max-width:25%;
	min-width:128px;
}

ul.links .img-caption{
	display:none;
}

ul.links li + li{
	margin-top:0.33em;
}


h1 i{
	display:block;
	font-weight:normal;
	text-align:right;
	float:right;
}



h1#aktuelles{
	display:none;
}


h1 span.more,
h1 span.less{
	display:none;
	float:right;
	margin:-2px 1em 0 1em;
	padding:0;
	line-height:20px;
	border:0;
	color:inherit;
	line-height:inherit;
}
h1 .glyphicon,
h1 .glyphicon{
	/*font-size:15px;*/
	line-height:24px;
}

h1:hover span.more,
h1.opened:hover span.less{
	display:inline-block;
}
h1:hover span.less,
h1.opened:hover span.more{
	display:none;
}

.slideshow{
	width:100%;
	position:relative;
	margin-top:20px;
}

.slideshow .controls{
    width:100%;
    height:2em;
    text-align:center;
    margin:0.5em auto;
}

.slideshow .controls a{
    display:inline-block;
    width:1em;
    height:1em;
    border-radius:50%;
    border:1px solid #000;
    text-indent:-100px;
    overflow:hidden;
    background:transparent;
    text-align:center;
    transition:border-color 500ms;

}

.slideshow .controls a:hover,
.slideshow .controls a.active{
    background:#000;
}

.slideshow .controls a.loading,
.slideshow .controls a.loading:hover{
	border-color:#eee;
	background-color:transparent;
}

.slideshow .controls a + a{
    margin-left:0.33em;
}

.img-responsive{
	margin-bottom:1em;
}

.container-fluid.footer{
	max-width:100%;
}

#footer{
	margin-top:2em;
	padding:1em 2em 0em 2em;
	border-top:3px solid #b9187a;
}

#footer .img-responsive{
	margin-bottom:0;
}

hr{
	color:#b9187a;
	background:#b9187a;
	border-color:#b9187a;
	width:50%;
	display:block;
	margin:0.5em auto 1em auto;
	height:0px;
	display:block;
}


/* test */

@media (max-width: 768px) {
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
		margin-left:15px;
	}
	.navbar-nav>li,
	.navbar-nav>li + li{
		margin-left:15px;
		margin-bottom:10px;
	}
	.navbar-collapse{
		border-top-width:0;
		border-bottom:1px solid rgb(231, 231, 231);;
		box-shadow: rgba(255, 255, 255, 0.0980392) 0px 0px 10px 0px inset;
	}
	ul.navbar-nav{
		border-bottom-width:1px;
	}

	td,th {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
    	hyphens: auto;
	}
}

@media (min-width: 769px) {
	
	#navbar-default .navbar-nav>li>a,
	#navbar-default .nav-stacked>li>a{
		font-size:11px;
	}
}

@media (min-width: 795px) {
	
	#navbar-default .navbar-nav>li>a,
	#navbar-default .nav-stacked>li>a{
		font-size:12px;
	}
}

@media (min-width: 850px) {
	
	#navbar-default .navbar-nav>li>a,
	#navbar-default .nav-stacked>li>a{
		font-size:13px;
	}
}

@media (min-width: 905px) {
	
	#navbar-default .navbar-nav>li>a,
	#navbar-default .nav-stacked>li>a{
		font-size:14px;
	}
}

@media (min-width: 1005px) {
	
	#navbar-default .navbar-nav>li>a,
	#navbar-default .nav-stacked>li>a{
		font-size:16px;
	}
}

@media (min-width: 1060px) {
	
	#navbar-default .navbar-nav>li>a,
	#navbar-default .nav-stacked>li>a{
		font-size:17px;
	}
}

@media (min-width: 1150px) {
	.navbar-nav#navbar-default>li>a,
	.nav-stacked#navbar-default>li>a{
		font-size:18px;
	}
}











@media (min-width: 768px) and (max-width: 979px) { 
	#banner{
		background-position:center right;
	}
}


 
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {

	#banner{
		background-position:center right;
	}

	body.layer-1 .navbar-left{
		display:block;
	}

	.box{
		margin-top:0;
	}

	.navbar-default .navbar-brand,
	.navbar-custom .navbar-brand{
		width:auto;
		text-align:left;
	}

	.navbar-left li{
		max-width:100%;
		text-align:left;
	}

	/* add vertical spacing for mobile layout */
	.row.images .col-sm-2 + .col-sm-2,
	.row.images .col-sm-3 + .col-sm-3,
	.row.images .col-sm-4 + .col-sm-4,
	.row.images .col-sm-6 + .col-sm-6{
		margin-top:15px;
	}

	.container-fluid.ticker .row div:nth-child(1),
	.container-fluid.ticker .row div:nth-child(2),
	.container-fluid.ticker .row div:nth-child(3){
		text-align:center;
	}

	

}	
 
/* Landscape phones and down */
@media (max-width: 480px) {
	.dropdown-toggle{
		width:100%;
	}
	
}

#helpscreen{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:98;
	background:#000;
	color:#fff;
	opacity:0.9;
	display:block;
}

form #savescreen{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:99;
	background:#000 center center url('ajax-loader-black.gif') no-repeat;
	color:#fff;
	opacity:0.9;
	display:none;
}

ol.form-navigation{
	width:100%;
	margin:1em 0 2em 0;
	padding:0;
	list-style-type:none;
	clear:both;
}

ol.form-navigation li{
	width:2.2em;
	height:2.2em;
	float:left;
	margin: 1em 1em 1em 0;
	font-weight:600;
	line-height:1.9em;

}

ol.form-navigation li a{
	display:inline-block;
	width:2.2em;
	height:2.2em;
	border:0.2em solid rgb(222,222,222);
	border-radius:1.1em;
	text-align:center;
	
}

ol.form-navigation li + li:before{
	content:' ';
	display:block;
	width:1em;
	height:2em;
	background:transparent;
	float:left;
	white-space:nowrap;
	margin-left:-1.0em;
	margin-top:0.9em;
	border-top:0.2em solid rgb(222,222,222);
}

ol.form-navigation li a.active{
	border-color:#000;
	background:transparent;
	color:#000;
}

ol.form-navigation li a:hover,
ol.form-navigation li a.active:hover{	
	background:#000;
	border-color:#000;
	color:#fff;
}

ol.form-navigation a{
	text-decoration:none;
	color:#fff;
}

.row-alert{
	background:transparent;
}

.row-submit .alert,
.row-input .alert,
input[type=hidden] + .row-alert{
	opacity:0;
	/*display:none;*/
	max-height:0;
	-webkit-transition: all 1.0s ease-out;
	-moz-transition:    all 1.0s ease-out;
	-ms-transition:     all 1.0s ease-out; /* IE10 is actually unprefixed */
	-o-transition:      all 1.0s ease-out;
	transition:         all 1.0s ease-out;
}


input[type=hidden] + .row-alert{
	display:none;
}

.row-submit .alert.alert-danger,
.row-input .alert.alert-danger,
input[type=hidden] + .row-alert.alert-danger{
	display:block;
	opacity:1;
	max-height:1000px;
}

div.checkbox{
	margin-top:0;
}

.form-response .alert-danger,
.form-response .alert-success,
.row.result{
	display:none;
}

/*ar*/

body.ar{

}

body.ar *{
	text-align:right;
}

body.ar #helpscreen *,
body.ar #footer *{
	text-align:left;
}



body.ar p{
	max-width:100%;
}

/*
body.ar h1:before{
	display:none;
}


body.ar h1:after{
	position: relative;
  	top: 0.1em;
  	display: inline-block;
  	font-family: 'Glyphicons Halflings';
  	font-style: normal;
  	font-weight: normal;
  	line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\e074";
	color:#2e3175;
	font-size:inherit;
	padding-left:0.5em;
}
*/

body.ar h1:before{
	padding-right:0;
	padding-left:0.5em;
}


body.ar h1,
body.ar h2{
	display:block;
	width:100%;
	max-width:100%;
	float:right;
}

body.ar #helpscreen h2{
	float:none;
	clear:both;
}

body.ar li{
	/*list-style-type:none;*/
}

.container-fluid.ticker a.ar{
	font-size:20px;
	font-weight:400;
}

body.tr h1, body.tr h1 a{
	text-transform:none;
}

/*body.ar h2:after {
    content: "";
    clear: both;
    display: table;
}

body.ar i.glyphicon{
	float:right;
	padding-top:;
}*/

/*
@media (min-width: 768px) {
	.col-sm-offset-1{
		margin-left: 8%;
	}
	.col-sm-10{
		width: 80%;
	}
	.col-sm-1 {
		width: 8%;
	}
}
*/

body.ar .navbar button,
body.en .navbar button,
body.tr .navbar button,
body.es .navbar button,
body.leicht .navbar button{
	display:none;
}

body.leicht *,
body.leicht .navbar-brand,
body.leicht .navbar-brand span{
	font-family:'Dosis',sans-serif;;
}

body.leicht .navbar-brand{
	font-size:20pt;
	text-align:left;
}

body.leicht .col-sm-6{
	width:66%;
}
body.leicht .col-sm-6 + .col-sm-6{
	width:33%;
}

body.leicht .col-sm-6 .col-sm-6,
body.leicht .col-sm-6 .col-sm-6 + .col-sm-6{
	width:50%;
}

body.leicht *{
	font-size:14pt;
	line-height:28pt;
}
body.leicht h1{
	/*font-size:20pt;*/
}

body.leicht h2,
body.leicht p span{
	font-size:18pt;
	font-weight:700;
}

body.leicht hr{
	display:none;
}

/*body.leicht .navbar + .container-fluid{
	max-width:18cm;
}*/

body.leicht a.navbar-brand{
	display:block;
	width:100%;
	float:left;
	padding-top:100px;
	padding-right:150px;
	min-height:200px;
	background:100% 0 url('Sprechblase%20leichte%20Sprache.png') no-repeat;
	background-size: contain;
}

body.leicht p em{
	font-style:normal;
	border-left:4px solid #3A3A7D;
	padding-left:0.5em;
	line-height:28pt;
	display:inline-block;
}

#footer *{
	line-height:18px;
}

body.leicht #footer em{
	border:0;
	padding-left:0;
	line-height:18px;
}

body.leicht blockquote{
	border-left:4px solid #C83B41;
	width:100%;
	float:none;
	display:block;
	padding-left:0.5em;
	white-space:wrap;
	padding-top:0;
	padding-bottom:0;
}

body.leicht blockquote p{
	margin-top:0;
	margin-bottom:0;
}

body.leicht ol{
	border:0;
	list-style-type:decimal;
	margin-top:0;
	padding-top:0;
	padding-bottom:0;
}

body.leicht ol li{
	list-style-type:decimal;
}

body.leicht ol li:before{
	display:none;
}

body.leicht small{
	display:inline-block;
	width:100%;
	font-size:10pt;
	text-align:center;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	body.leicht .col-sm-6,
	body.leicht .col-sm-6 .col-sm-6,
	body.leicht .col-sm-6 + .col-sm-6,
	body.leicht .col-sm-6 .col-sm-6 + .col-sm-6{
		width:100%;
	}
	body.leicht .img-responsive{
		margin:0 auto;
		max-width:400px;
	}
}