@charset "utf-8";

/*
------------------------------------ 
HTML - MODAL OVERLAY/SCROLLBAR
------------------------------------


html {
	overflow:auto;
}
*/
/*
------------------------------------ 
OVERLAY
------------------------------------
*/

.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  background-color: rgba(256,256,256,1); /*dim the background*/
}

/*
------------------------------------ 
LANGUAGE SWITCHER
------------------------------------
*/

/* LANGUAGE-BUTTON ------------------ */

	.lang-btn-container {
    z-index: 99;
    padding: 0px;
    margin: 8px 55px 0px 0px;
    position: fixed;
    right: 0px;
	}
	.lang-btn-container	ul {
		list-style:none;
		padding:0px;
	}
	.lang-btn-container	ul li {
    display: inline-block;
    margin-right: 25px;
	}
	.lang-btn {
		background-color: #FD0;
		border: none;
		padding: 0px;
		outline:none; 
	}
	.lang-img{
		width:20px;
		height:20px;
		float: left;
	}




@media (min-width: 1200px) {
	/* LANGUAGE-BUTTON ------------------ */
	.lang-btn-container {
		margin: 10px 5px 0px 0px;
	}
	.lang-btn-container	ul li {
    margin-right: 20px;
	}
	.lang-btn {
		background-color: #FFF;
	}
	.lang-img{
		width:23px;
		height:23px;
	}
}


/*
------------------------------------ 
HEADER-LOGO
------------------------------------
*/
/*	
#header_logo {
	width: 170px;
	margin: 0px auto;
}
#header_logo > img {
	margin-top: 43px;
	height: 70px;
}
*/

#header_logo a:focus {
	outline:none;
	}
#header_logo img {
	margin-top: 46px;
	height: 70px;
}


.header_logo_bg {
  position:fixed;
  top:0px;
  width:100%;
	-moz-box-shadow: 0 1px 2px -2px #DDD;
	-webkit-box-shadow:	0 4px 2px -2px #DDD;
	box-shadow:	0 4px 2px -2px #DDD;
	background-color:#FFF;
	height:130px;
	z-index:20;
}

@media (min-width: 1200px) {
/*
	#header_logo {
		width: 240px;
		margin: 0px auto;
	}
	#header_logo > img {
		margin-top: 25px;
		height: 100px;
	}
*/		

	#header_logo img {
		margin-top: 25px;
		height: 100px;
	}

	.header_logo_bg {
		position:fixed;
		top:0px;
		width:100%;
		height: 160px;	
		margin-top:0px; 		
		-moz-box-shadow: 0 1px 2px -2px #DDD;
		-webkit-box-shadow:	0 4px 2px -2px #DDD;
		box-shadow:	0 4px 2px -2px #DDD;
		background-color:#FFF;
		z-index:20;
	}	
}

/*
------------------------------------ 
BUTTONS
------------------------------------
*/ 

.btn {
  padding: 8px 20px;
  font-weight: 500;
	font-size:16px;
}
.btn-primary{
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-default{
	color: #333333;
	background-color: #ffffff;
	border-color: #cccccc;
}
.btn-default:hover {
  color: #FFF;
  background-color: #FD0;
  border-color: #FD0;
}
.btn-default:focus {
  color: #FFF;
  background-color: #FD0;
  border-color: #FD0;
}
.btn:focus {
  color: #FFF;
}
.btn:focus {
  outline: none;
}
.btn-default:active {
  color: #FFF;
  background-color: #FD0;
  border-color: #FD0;
}
.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-default:active:hover {
  color: #FFF;
  background-color: #FD0;
  border-color: #FD0;
  outline: none;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: #FFF;
    background-color: #FD0;
    border-color: #FD0;
}
.btn:focus, .btn:active:focus {
  outline: none;
  outline-offset: -2px;
}

.button_standalone {
	margin-bottom:60px;		
}

@media (min-width: 768px) {
	.button_standalone{
		margin-bottom:70px;			
	}
}	
@media (min-width: 992px) {
	.button_standalone{
		margin-bottom:80px;			
	}
}
@media (min-width: 1200px) {
	.button_standalone{
		margin-bottom:90px;	
	}
}

/*
------------------------------------ 
TEXT-HEADLINES UND FLIESSTEXT
------------------------------------
*/ 

article h1{
	font-weight:400;
	font-size:290%;
	color:#FD0;
	margin-top:50px;
	margin-bottom:50px;	
}
.article_block{
	font-weight:300;
	font-size:110%;
	margin-bottom:60px;		
}
.article_block a {
	color: #FD0;
  font-weight: 400;
}
@media (min-width: 768px) {
	article h1{
		font-size:350%;
		margin-top:55px;
		margin-bottom:55px;			
	}
	.article_block{
		font-size:120%;
		margin-bottom:70px;			
	}
}	
@media (min-width: 992px) {
	article h1{
		font-size:390%;
		margin-top:55px;
		margin-bottom:60px;			
	}
	.article_block{
		font-size:130%;
		margin-bottom:80px;			
	}
}
@media (min-width: 1200px) {
	article h1{
		font-size:420%;
		margin-top:55px;
		margin-bottom:70px;			
	}
	.article_block{
		font-size:140%;
		margin-bottom:90px;	
	}
}

/*
------------------------------------ 
TEXT-SUBHEADS >> GELÖST ÜBER H2
------------------------------------
*/ 

article h2 {
	font-weight:400;	
	font-size:180%;
	margin-top:60px;
	margin-bottom:60px;		
	color:#FD0;
	text-align:center;
}
@media (min-width: 768px) {
article h2 {
		font-size:190%;
		margin-top:70px;
		margin-bottom:70px;			
	}
}	
@media (min-width: 992px) {
article h2 {
		font-size:200%;
		margin-top:80px;
		margin-bottom:80px;			
	}
}
@media (min-width: 1200px) {
article h2 {
		font-size:210%;
		margin-top:100px;
		margin-bottom:100px;		
	}
}

/*
------------------------------------ 
TEXT-QUOTES >> GELÖST ÜBER H3
------------------------------------
*/ 

article h3 {
	font-family: 'Dancing Script', cursive;
	font-weight:700;	
	font-size:180%;
	margin-top:60px;
	margin-bottom:60px;
	color:#FD0;
	text-align:center;
}
@media (min-width: 768px) {
article h3 {
		font-size:190%;,
		margin-top:70px;
		margin-bottom:70px;
	}
}	
@media (min-width: 992px) {
article h3 {
		font-size:200%;
		margin-top:80px;
		margin-bottom:80px;
	}
}
@media (min-width: 1200px) {
article h3 {
		font-size:210%;
		margin-top:90px;
		margin-bottom:90px;
	}
}

/*
------------------------------------ 
TEXT-QUOTES (SAF) >> GELÖST ÜBER H4
------------------------------------
*/ 

article h4 {
	font-family: 'Dancing Script', cursive;
	font-weight:700;	
	font-size:160%;
	margin-top:25px;
	margin-bottom:60px;	
	color:#FD0;
	text-align:center;
}
@media (min-width: 768px) {
article h4 {
		font-size:170%;,
		margin-top:30px;
		margin-bottom:70px;	
	}
}	
@media (min-width: 992px) {
article h4 {
		font-size:180%;
		margin-top:35px;
		margin-bottom:80px;	
	}
}
@media (min-width: 1200px) {
article h4 {
		font-size:190%;
		margin-top:40px;
		margin-bottom:90px;		
	}
}

/*
------------------------------------ 
BILDER IM TEXT
------------------------------------
*/ 

/* FORMAT PORTRAIT ------------------ */

.img_left_portrait, .img_right_portrait{
	display: block;
/*	max-width: 100%; */
	height: auto;
	margin: 50px auto;
	width:52%;	
}
@media (min-width: 500px) {
	.img_left_portrait {
		float: left;
		margin: 7px 25px 7px 0px;
	}
	.img_right_portrait {
		float: right;
		margin: 7px 0px 7px 25px;	
	}	
}
@media (min-width: 768px) {
	.img_left_portrait {
		width:46%;
		margin: 7px 25px 7px 0px;		
	}
	.img_right_portrait {
		width:46%;
		margin: 7px 0px 7px 25px;		
	}	
}
@media (min-width: 992px) {
	.img_left_portrait {
		width: 39%;
		margin: 7px 25px 7px 0px;
	}
	.img_right_portrait {
		width: 39%;
		margin: 7px 0px 7px 25px;
	}	
}
@media (min-width: 1200px) {
	.img_left_portrait {
		width:30%;
		margin: 7px 25px 7px 0px;		
	}
	.img_right_portrait {
		width:30%;
		margin: 7px 0px 7px 25px;
	}	
}

/* FORMAT LANDSCAPE ------------------ */

.img_left_landscape, .img_right_landscape{
	display: block;
/*	max-width: 100%; */
	height: auto;
	margin: 43px auto;
	width:90%;	
}
@media (min-width: 768px) {
	.img_left_landscape {
		float: left;
		width: 57%;
		margin: 7px 25px 7px 0px;	
	}
	.img_right_landscape {
		float: right;
		width: 57%;
		margin: 7px 0px 7px 25px;	
	}
}
@media (min-width: 992px) {
	.img_left_landscape {
		width: 59%;
		margin: 7px 25px 7px 0px;	
	}
	.img_right_landscape {
		width: 59%;
		margin: 7px 0px 7px 25px;	
	}	
}
@media (min-width: 1200px) {
	.img_left_landscape {
		width: 52%;
		margin: 7px 25px 7px 0px;
	}
 .img_right_landscape {
		width: 52%;
		margin: 7px 0px 7px 25px;
	}	
}

/*
------------------------------------ 
VIDEOS IM TEXT
------------------------------------
*/ 

@media (max-width: 991px) {
	.responsive_video_right, .responsive_video_left {
		position: relative;
		padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
		padding-top: 0px;
		height: 0;
		overflow: hidden;
		margin: 35px 0px;
	}
	.responsive_video_right iframe, 
	.responsive_video_left iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		float:none;
		margin:0px;	
	}
}
@media (min-width: 992px) {
	.responsive_video_right iframe {
		float: right;
		margin:10px 0px 10px 25px;
	}
	.responsive_video_left iframe {
		float:left;
		margin:10px 25px 10px 0px;
	}
}

/*
------------------------------------
FOOTER
------------------------------------
*/ 

html {
  position: relative;
  min-height: 100%;
}
body {
/* Margin bottom by footer height */
  margin-bottom: 60px;
}
footer {
	-moz-box-shadow: 0 -4px 2px -2px #DDD;
	-webkit-box-shadow:	0 -4px 2px -2px #DDD;
	box-shadow:	0 -4px 2px -2px #DDD;	
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #FFF;
}
footer ul {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
footer ul li {
	font-size:120%;	
	margin-left:20px;
	margin-right:20px;
}
footer ul li a {
	color:#333333;
	text-decoration: none;
}
footer ul li a:hover {
	color:#FD0;
	text-decoration: none;
}

footer a.active,
footer ul li a:focus {
	color:#FD0;
	text-decoration: none;
}

.footer-text {
	text-align: center;
}

.footer-container {
	margin-bottom: 0px !important;
}