@charset "utf-8";
/* CSS Document */

/*
------------------------------------ 
FLIESSTEXT 100% REFERENZ 
>> BITTE GANZ OBEN LASSEN!
------------------------------------
*/ 

body {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-size:14px;
}








#content{

}

.container, .container-fluid{
	margin-bottom: 0px;
}



.parallax-window {
	min-height: 400px;
	background: transparent;
}

/*
------------------------------------ 
Artikel-Text
------------------------------------
*/ 
.text_truncated{
    overflow: hidden;
}

.text_margin{
    margin-bottom: 30px;
}

.text_fade {
	background: rgba(237,237,237,0);
	background: -moz-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,0)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(237,237,237,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(237,237,237,0) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
  left: 0;
  width: 100%;
  height: 15%;
  content: " ";
  position: absolute;
}

.text_image {
    position:relative;
    margin-left: auto;
    margin-right: auto;
}
.text_image img {
    width:100%;
    height:100%;
    vertical-align:top;
}
.text_image:after {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

/*
------------------------------------ 
PARALLAX-HEADER
------------------------------------
*/ 
.parallax_header{
	color:#FFF;
	-moz-box-shadow:	inset 0 10px 10px -10px #999, inset 0 -10px 10px -10px #999;
	-webkit-box-shadow:	inset 0 10px 10px -10px #999, inset 0 -10px 10px -10px #999;
	box-shadow:	inset 0 10px 10px -10px #999, inset 0 -10px 10px -10px #999;
}

/* SCHRIFTFORMATE ------------------ */

.parallax_header h1 {
	margin-top: 0px;
	font-weight:500;
	font-size:220%;
}
.parallax_header h2, 
.parallax_header h2 > p{
	margin-top:0px;
	margin-bottom:0px;
	font-family: 'Dancing Script', cursive;
	font-weight:700;	
	font-size:185%;
}

/*
------------------------------------ 
PARALLAX-DIVIDER
------------------------------------
*/ 

.parallax_divider{
	color:#FFF;
	-moz-box-shadow:	inset 0 10px 10px -10px #999, inset 0 -10px 10px -10px #999;
	-webkit-box-shadow:	inset 0 10px 10px -10px #999, inset 0 -10px 10px -10px #999;
	box-shadow:	inset 0 10px 10px -10px #999, inset 0 -10px 10px -10px #999;
}

/* SCHRIFTFORMATE ------------------ */

.parallax_divider h1 {
	margin-top: 0px;
	font-weight:500;
	font-size:220%;
}

/*
------------------------------------ 
GALERY-DIVIDER
------------------------------------
*/ 
.galery-button {
	text-align: center;
}

/*
------------------------------------ 
GALERY CLOSE-BUTTON
------------------------------------
*/ 
@media (max-width: 1199px) {
	.blueimp-gallery > .close {
		font-size: 50px;
	}
}
/*
------------------------------------ 
LINK-DIVIDER
------------------------------------
*/ 
.link-button {
	text-align: center;
}

/*
------------------------------------ 
SLIDER-CAROUSELL
------------------------------------
*/ 

.slider_carousel {
	height:100%;
	background-color:#FD0;
}

.carousel-inner{
	height: 100%;
}

.carousel-control.left, .carousel-control.right {
    background-image: none
}

.slider_carousel .carousel-caption {
  z-index: 10;
	padding-top:30px;
	bottom:none;
	text-shadow:none;
	position:static;
	padding-left:15%;
	padding-right:15%;
	padding-bottom:90px;
}
.slider_carousel .item {
	height:100%;
}
.slider_carousel .glyphicon-chevron-left, .slider_carousel .glyphicon-chevron-right {
	top:75px;
}
.slider_carousel .carousel-indicators li {
	width:15px;
	height:15px;
	margin-left:10%;
	margin-right:10%;
}
.slider_carousel .carousel-indicators .active {
	width:17px;
	height:17px;
}
.slider_carousel .carousel-indicators li:hover {
	background-color:#FFF;
}

@media (min-width: 992px) {
	.slider_carousel .carousel-indicators li{
		width:15px;
		height:15px;
		margin-left:5%;
		margin-right:5%;
	}
	
	.slider_carousel .carousel-indicators .active {
		width:17px;
		height:17px;
	}	
	.slider_carousel .glyphicon-chevron-left, .slider_carousel .glyphicon-chevron-right {
		top:50%;
	}		
	.slider_carousel .carousel-caption {
		padding-top:40px;
		padding-bottom:90px;
	}
}

@media (min-width: 1200px) {
	.slider_carousel .carousel-caption {
			padding-bottom:120px;
	}
}

/* BILD ------------------ */

.slider_carousel .img_client {
	height:90px;
	width:90px;
	margin-left:auto;
	margin-right:auto;
	border:#FFF medium solid;
	background-position:center top;
	background-size: cover;
}

@media (min-width: 768px) {
	.slider_carousel .img_client {
		height:100px;
		width:100px;
	}
}	
@media (min-width: 992px) {
	.slider_carousel .img_client {
		height:110px;
		width:110px;
		margin-top:10px;
	}
}
@media (min-width: 1200px) {
	.slider_carousel .img_client {
		height:120px;
		width:120px;
		margin-top:10px;
	}
}

/* SCHRIFTFORMATE ------------------ */

.slider_carousel .carousel-caption h1 {
	padding-top:25px;
	font-size:230%;
	font-family: 'Dancing Script', cursive;
	font-weight:700;
}
.slider_carousel .carousel-caption .slider-text {
	margin-top:30px;
	font-weight:400;
	font-style:italic;
	font-size:120%;
}
@media (min-width: 768px) {
	.slider_carousel .carousel-caption h1 {
		padding-top:25px;
		font-size:235%;
	}
	.slider_carousel .carousel-caption .slider-text {
		margin-top:30px;
		font-size:120%;
	}
}	
@media (min-width: 992px) {
	.slider_carousel .carousel-caption h1 {
		padding-top:7px;
		text-align:left;
		padding-left:20px;
		font-size:260%;
	}
	.slider_carousel .carousel-caption .slider-text {
		margin-top:55px;
		font-size:125%;
	}
}
@media (min-width: 1200px) {
	.slider_carousel .carousel-caption h1 {
		padding-top:3px;
		font-size:300%;
	}
	.slider_carousel .carousel-caption .slider-text {
		font-size:125%;
	}	
}

/*
------------------------------------ 
FORM / Contact
------------------------------------
*/ 



/* ADRESS- UND KONTAKTDATEN ------------------ */
.contact_bg{
	height:200%;
	padding-top:25px;
	padding-bottom:0px;
	background-color:#FD0;
	color:#FFF;
	font-size:120%;
}
@media (min-width: 1200px) {
	.contact_bg{
		height:200%;
		padding-top:100px;
	}
}

.contact_data{
	margin: 20px 0px 90px 0px;
}
.first_contact, .second_contact, .third_contact {
	text-align:center;
	margin-bottom:20px;
	}
	
@media (min-width: 700px) {
	.contact_data{
		margin: 20px auto 170px auto;
		width: 650px;
	}
	.first_contact {
		float:left;
		text-align:left;
		margin-right:70px;
	}
	.second_contact {
		float:left;
		text-align:left;
		margin-right:70px;		
	}
	.third_contact {
		float:left;		
		text-align:left;
	}	
}

/* BUTTONS UND LINKS ------------------ */

.container-fluid .btn-default {
  color: #FFF;
	background-color: #FD0;
  border-color: #FFF;
}
.container-fluid .btn {
  border: 2px solid #FFF;
}
.container-fluid .btn-default:hover{
  background-color: #FFF;
  color: #FD0;
  border: #FFF 2px solid;
}
.container-fluid .btn:active{
  -webkit-box-shadow: inset 0 3px 5px #FD0);
  box-shadow: inset 0 3px 5px #FD0;
}
.container-fluid .btn-default:active{
  color: #FD0;
  background-color: #FFF;
  border-color: #FFF;
}
.container-fluid .btn-default:hover, .container-fluid .btn-default:focus, .container-fluid .btn-default:focus, .container-fluid .btn-default:active:focus, .container-fluid .btn-default.active:focus {
  background-color: #FFF;
  color: #FD0;
  font-weight: 600;
  border: #FFF 2px solid;
  outline: none;
}

/* EINGABEFELDER ------------------ */

.form-control {
	margin-bottom:30px;
  height: 39px;
  color: #FFF;
  background-color: #FD0;
  border: 2px solid #FFF;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px #FC0;
  resize: vertical;

}

.form-control::-webkit-input-placeholder {
   color: #FFF;
   font-size:110%;
}	
.form-control:-moz-placeholder { /* Firefox 18- */
   color: #FFF;
   font-size:110%;   
}
.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #FFF;
   font-size:110%;   
}
.form-control:-ms-input-placeholder {  
   color: #FFF;
   font-size:110%;   
}

.form-control:focus {
  border-color: #FFF;
  box-shadow: inset 0 1px 1px #FFF, 0 0 8px #FFF;
}

.antispam { display:none;}

.response-message {
	text-align: center;
	font-size: 150%;
}

/*
------------------------------------ 
ERROR
------------------------------------
*/ 

.error-message {
	text-align: center; 
	color: #C00;
	font-size: large;
	margin-top: 50px;
	margin-bottom: 50px;
}

/*
------------------------------------ 
ACCORDION
------------------------------------
*/ 

.panel-group {
	margin-top:50px;
	margin-bottom:50px;
}
.panel {
	border:none;
	box-shadow:none;
	background-color: #FD0;
	color:#FFF;
}
.panel-title {
    font-size: 130%;
}
.panel-collapse p{
	font-size:120%;
}
.accordion_icon{
	height=20px; 
	width=20px;
	float:left; 
	margin-right:10px;
}
.panel-default > .collapsed{
	background-color:#FFF;
	border-bottom: 1px solid transparent;
	border-color: #000;	
}
.panel-default > .panel-heading {
	background-color:#FFF;
	border-bottom: 1px solid #000;
	margin-top:20px;
	padding-left:30px;
	background-image:url(../img/svg/accordion_icon_geschlossen.svg);
	background-repeat:no-repeat;
	background-position:center left;
}

.panel-default > .panel-heading:hover
{
	color: #FD0;
	background-image:url(../img/svg/accordion_icon_geschlossen_hover.svg);	
	border-bottom: 1px solid #FD0;
}

.panel-default > .panel-active,
.panel-default > .panel-active:hover
{
	color: #FD0;
	background-image:url(../img/svg/accordion_icon_offen.svg);	
	border-bottom: 1px solid #FD0;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
/*
.panel .collapsing{
  -webkit-transition: none;
  transition: none;
}
*/

/*
------------------------------------ 
TABELLEN - ZEILENBASIERT
------------------------------------
*/ 

.table_horizontal{
	margin-top: -20px;	
	margin-bottom: 40px;
}
.table_horizontal thead{
	text-align:left;
	font-weight:400;
	font-size:260%;
	color:#FD0;
	margin-top:0px;
	margin-bottom:0px;
	text-transform:uppercase;	
}
.table_horizontal thead > tr > th{
	border:none;
}

.table_horizontal .first_tablerow{
	border:none;
	padding-top:50px;
}
.table_horizontal .article_block {
	margin-top:10px;
	margin-bottom:15px;
}
/*
.table_horizontal .vertical_border {
  border-right: 1px solid #dddddd;
}
*/