/* start */
 /**/
/* bgvideo */
/**/
.bgvideo {
	position: relative;
	height: 600px;
	overflow: hidden;
}
.bgvideo:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/bgvideo.png);
}
.bgvideo video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	margin: -540px 0 0 -960px;
	min-width: 100%;
	min-height: 100%;
	background-size: cover;
}

.bgvideo .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../imges/film-bg.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.bgvideo .slogan {
	position: absolute;
	z-index: 1;
	top: 30%;
	left: 50%;
	width: 500px;
	margin: -140px 0 0 -250px;
	padding: 65px 0 25px;
	border-radius: 15px;
	background: rgba(255,255,255,0.1);
	box-shadow: 0 0 0 1px rgba(255,255,255,0.25);
	font-size: 100px;
	font-weight: 100;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}
.bgvideo .slogan ul {
	position: relative;
	height: 130px;
	overflow: hidden;
}
.bgvideo .slogan li {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
    font-weight: 400;
	font-size: 70px;
	color:#fff;
}
.bgvideo .slogan .active {
	z-index: 1;
	opacity: 1;
	transition: opacity 0.6s;
	-ms-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-webkit-transition: opacity 0.6s;
}
.bgvideo .slogan a {
	display: block;
	width: 30px;
	margin: 0 auto;
	margin-top: 30px;
	font-size: 42px;
	line-height: 0;
	color: #fff;
}
.bgvideo .slogan a i {
	vertical-align: middle;
	line-height: 10px;
	opacity: 0.6;
}
.bgvideo .slogan a i:first-child {
	opacity: 0.8;
}
.bgvideo .slogan a i:last-child {
	opacity: 0.2;
    font-size: 95px;
}
.bgvideo .slogan span {
	display: block;
	font-size: 30px;
	line-height: 1;
	text-transform: none;
}
.bgvideo .slogan img {
	position: absolute;
	top: -255px;
    left: calc(50% - 155px);
	margin: -38px 0 0 -38px;
}

@media screen and (max-width: 1024px) {
	.bgvideo .slogan ul {
		height: 175px;
        margin-top: -20px;
        height: 175px;
        font-size:50px ;
        font-weight:400 ;
	}
	.bgvideo .slogan span {
		margin-top: 5px;
        font-size: 30px ;
	}
}

@media screen and (max-width: 980px) {
	.bgvideo .slogan {
		width: 738px;
		margin: -124px 0 0 -369px;
	}
	.bgvideo .slogan ul {
		height: 105px;
        margin-top: -20px;
    }
    
    .bgvideo .slogan ul li {
        font-size:30px ;
        font-weight:400 ;
	}
	.bgvideo .slogan span {
		margin-top: 5px;
        font-size: 24px;
	}
    .bgvideo .slogan img {
        top: -165px;
    }
    
}

@media screen and (max-width: 767px) {
	.bgvideo .slogan {
		width: 440px;
		margin: -112px 0 0 -220px;
		font-size: 50px;
	}
    .bgvideo .slogan ul {
        font-size:25px ;
        font-weight:400;
	}
	.bgvideo .slogan span {
		margin-top: 5px;
        font-size: 20px;
	}
    .bgvideo .slogan img {
	width:200px;
	top: -75px;
    left: calc(50% - 55px);
    }
    
}
@media screen and (max-width: 480px) {
	.bgvideo .slogan {
		width: 300px;
		margin: -101px 0 0 -150px;
		font-size: 32px;
	}
	.bgvideo .slogan ul {
		height: 100px;
	}
	.bgvideo .slogan span {
		font-size: 16px;
	}
}



/* fix tabs */
#fixed-tabs {
	position: fixed;
	right: 0;
	text-align: center;
	line-height: 1;
	font-size: 0;
	z-index: 2500
  }
  #fixed-tabs a {
	text-decoration: none;
	font-size: 15px;
	background-color: #8ba9d1;
	color: #fff;
	position: relative;
	overflow: hidden;
	transition: width .3s
  }
  #fixed-tabs i {font-size: 20px}
  #fixed-tabs .fa,
  #fixed-tabs span {color: #fff; }
  #fixed-tabs i,
  #fixed-tabs i:before {
	display: block;
	margin: 0 auto !important
  }
  #fixed-tabs svg{padding-right: 5px;margin-right: 15px;}
  
  #fixed-tabs em {
	font-size: 10px;
	text-align: center;
	font-style: normal;
	margin-top: 8px;
	display: none;
	font-weight: 600
  }
  #fixed-tabs strong {
	font-weight: 600;
	color: #fff;
	font-size: 14px;
  }
  #fixed-tabs .ra {background-color: #222324}
  #fixed-tabs .fb {
	/*background-color: #f06e17;*/
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
  }
  #fixed-tabs .gp {background-color: #6e91cb;}
  #fixed-tabs .so i:before {opacity: 0 }
  #fixed-tabs .call {background-color: #3f5880}
  #fixed-tabs .call,
  #fixed-tabs .map {
	display: none
  }
  
  /* 1001px*/
  @media (min-width: 769px) {
	#fixed-tabs a {background-color: #6e91cb;}
	#fixed-tabs a.ra {background-color: #222324}
	#fixed-tabs a.fm {background-color: #037cff;}
	#fixed-tabs a.po {background-color: #E32E19}
	#fixed-tabs {
	  position: fixed;
	  top: 60%;
	}
	#fixed-tabs a {
	  display: block;
	  text-align: left;
	  margin-left: auto;
	  /*box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.4)*/
	}
	#fixed-tabs a+a {margin-top: 3px}
	#fixed-tabs a span {display: block}
	#fixed-tabs a span:first-child {
	  text-align: center;
	  padding: 7px 0
	}
	#fixed-tabs a,
	#fixed-tabs a span:first-child,
	.scrolled #fixed-tabs a,
	.scrolled #fixed-tabs a span:first-child {width: 55px;padding-left:5px;}
	.scrolled #fixed-tabs a span:last-child,
	#fixed-tabs a span:last-child {
	  position: absolute;
	  left: 40px;
	  top: 50%;
	  width: 220px;
	  -webkit-transform: translate(0, -50%);
	  transform: translate(0, -50%);
	  -webkit-transition: width .3s;
	  transition: width .3s
	}
	.scrolled #fixed-tabs a:hover,
	#fixed-tabs a:hover{width: 200px}
      
  .fixed-tab-korrektur{margin-left:-7px!important;}

     
  }
  
  @media (min-width: 769px) {
	#fixed-tabs {
	  position: fixed;
	  top: 30%
	}
	#fixed-tabs a,
	#fixed-tabs a span:first-child {width: 55px;height:55px;}
	#fixed-tabs a span:last-child {left: 80px}
	#fixed-tabs a:hover {width: 280px}
	#fixed-tabs i {font-size: 20px}
	#fixed-tabs em {display: block}
	.scrolled #fixed-tabs a,
	.scrolled #fixed-tabs a span:first-child {width: 30px}
	.scrolled #fixed-tabs em {display: none} 
	.scrolled #fixed-tabs i {font-size: 16px}
	#fixed-tabs .fb:hover {background-color: #3f5880 !important}
	#fixed-tabs .so:hover {background-color: #84bd00 !important}
	#fixed-tabs .gp:hover {background-color: #0154a4 !important}
  }
  
   @media (max-width: 991px) {
	 .site-wrapper-reveal{margin-bottom:0px!important;}
   }
  
  @media (max-width: 768px) {
	#fixed-tabs {
	  bottom: 0;
	  width: 100%;
	  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}
	#fixed-tabs a {
	  padding: 12px 0;
	  -webkit-box-flex: 1;
	  -webkit-flex: 1;
	  -ms-flex: 1;
	  flex: 1;
	 border: 1px solid #fff;
	}
	#fixed-tabs a span {
	  display: block;
	 width: 45px;
	 margin:auto;
	}
	#fixed-tabs a span:last-child {margin-left: 7px}
	#fixed-tabs a strong {display: none}
	#fixed-tabs a strong.hider {display: inline}
      
  .navbar-brand img{max-width:250px!important;;}
  }
  
  
  @media (max-width: 740px) {
	#fixed-tabs a.fm {display: none}
	#fixed-tabs .call,
	#fixed-tabs .map {display: block}
	#fixed-tabs a.fb,
	#fixed-tabs a.so,
	#fixed-tabs a.gp {
	  display: block;
	  border-radius: 0px;
	 width: 25%;
	 border: #fff solid thin;
	}
	#fixed-tabs a strong.hider {display: none}
  }


  /* Impressum */
  #impressum h4{font-size:1.2rem;}
  #impressum h5{font-size:0.9rem;}
  #impressum a{color:#6e91cb;}
  #impressum a:hover{color:#3f5880;}
  #ist02-1{padding-top:0px;} 
  #impressum .panel-title-edit {color:#6e91cb!important;}
  #ist02-1 h4{font-size:1.5rem!important;}


/* Startseite */
.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -150px;}

.slogan h1, .slogan p{color:#fff;}

.copyright-text{
	font-size:0.9rem;
}
.text-left{text-align:left;}

.bg1{
	background-image:url("../images/bg1.png");
	background-position: center top;
	background-size:contain;
	background-repeat:no-repeat;
}
 

@media screen and (max-width: 1200px) { /* laptop */
}

@media screen and (max-width: 980px) { /* pad */
}

.no-tablet{display:block;}
.no-handy{display:block;}
.only-handy{display:none;}

@media screen and (max-width: 992px) { /* tablet */
	.no-tablet{display:none;}

}

@media screen and (max-width: 767px) { /* phone */
	.no-handy{display:none!important;}
	.only-handy{display:block;}
}

@media screen and (max-width: 479px) { /* mini phone */	
}

/* Kontakt */
@media screen and (max-width: 767px) {
	#kontakt table{margin:auto;}
}

/* allgemein */

.navbar-brand img{
	padding: 5% 0px;
	max-width: 350px;
    width:100%;
    height:100%;
}

.carousel-control-next, .carousel-control-prev {
	background-color: #6e91cb;
	border-radius: 50%;
	width:36px;
	height:35px;
	margin-top:100px;
}
.carousel-item{margin-top:50px;}
.carousel-control-next{right:30px;}
.carousel-control-prev{left:30px;}

@media screen and (max-width: 992px) and (min-width:769px) { /* phone */
	.carousel-control-next{right:0px;}
	.carousel-control-prev{left:0px;}
}


body{background-color: #eceff4;}
body p{font-size:1.2rem;}

h1, h2{margin-top:20px;}

a, h1,h2,h3,h4,h5,h6{color:#6e91cb;}
h1{font-size:2.2rem}
h2{font-size:1.8rem}
h3{font-size:1.4rem}
h4{font-size:1.3rem}
h5{font-size:1.2rem}
h6{font-size:1.1rem}

ul li{font-size:1.2rem}

table td{vertical-align: top;}

.erstabstand{padding-top:150px!important;}

.bild{
	width: 100%;
	box-shadow: 0.6em 0.6em 1.2em #87a5b1, -0.5em -0.5em 1em #ffffff;
	border-radius: 3rem;
	vertical-align: middle;
	border-style: none;
	width: calc(100% - 55px);
	margin: 20px 30px 30px 20px;
}


.blink {
	animation: blinker 1.6s linear infinite;
	color: #1c87c9;
   }
  @keyframes blinker {  
	20% { opacity: 0.2; }
   }

.gruen{color:#6e91cb;}
.schwarz{color:#021836;}

.max-200{max-width:200px;}

.text-left{text-align:left;}
.text-right{text-align:right;}

.bild-sw{
	filter: grayscale(90%);
	-webkit-filter: grayscale(90%);
	-moz-filter: grayscale(90%);
	-ms-filter: grayscale(90%);
	-o-filter: grayscale(90%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(0.9);
}
.bild-sw:hover{filter:none;}


#coorp{background: transparent;}     /* linear-gradient(to bottom, #eceff4, #9a9a9a);} */
footer img{width:90%;}
footer h4{color:#ffffff;margin-bottom:20px;}
footer td, footer p{font-size:14px;vertical-align: top;}
footer a{color:#021836;}
footer a:hover{color:#fff;}

#zusammenarbeit img{max-height:100px;width:auto;margin:auto;}

@media screen and (max-width: 992px) {
}

.pr20{padding-right:20px!important;}
.pt0{padding-top:0px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pb0{padding-bottom:0px!important;}
.pb20{padding-bottom:20px!important;}

.mt0{margin-top:0px!important;}
.mt6{margin-top:6px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}
.mt100{margin-top:100px!important;;}
.mt150{margin-top:150px!important;}


.mt-5{margin-top:-5px!important;}
.mt-10{margin-top:-10px!important;}
.mt-15{margin-top:-15px!important;}
.mt-20{margin-top:-20px!important;}
.mt-30{margin-top:-30px!important;}
.mt-40{margin-top:-40px!important;}
.mt-50{margin-top:-50px!important;}
.mt-60{margin-top:-60px!important;}
.mt-70{margin-top:-70px!important;}
.mt-80{margin-top:-80px!important;}
.mt-90{margin-top:-90px!important;}
.mt-100{margin-top:-100px!important;}
.mt-150{margin-top:-150px!important;}

.mb0{margin-bottom:0px!important;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mb90{margin-bottom:90px!important;}
.mb100{margin-bottom:100px;}
.mb150{margin-bottom:150px!important;}


.mb-10{margin-bottom:-10px!important;}
.mb-15{margin-bottom:-15px!important;}
.mb-20{margin-bottom:-20px!important;}
.mb-30{margin-bottom:-30px!important;}
.mb-40{margin-bottom:-40px!important;}
.mb-50{margin-bottom:-50px!important;}
.mb-60{margin-bottom:-60px!important;}
.mb-70{margin-bottom:-70px!important;}
.mb-80{margin-bottom:-80px!important;}
.mb-90{margin-bottom:-90px!important;}
.mb-100{margin-bottom:-100px!important;}
.mb-150{margin-bottom:-150px!important;}

.ml0{margin-left:0px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml70{margin-left:70px!important;}
.ml80{margin-left:80px!important;}
.ml90{margin-left:90px!important;}
.ml100{margin-left:100px!important;}
.ml150{margin-left:150px!important;}


.ml-10{margin-left:-10px!important;}
.ml-15{margin-left:-15px!important;}
.ml-20{margin-left:-20px!important;}
.ml-25{margin-left:-25px!important;}
.ml-30{margin-left:-30px!important;}
.ml-40{margin-left:-40px!important;}
.ml-50{margin-left:-50px!important;}
.ml-60{margin-left:-60px!important;}
.ml-70{margin-left:-70px!important;}
.ml-80{margin-left:-80px!important;}
.ml-90{margin-left:-90px!important;}
.ml-100{margin-left:-100px!important;}
.ml-150{margin-left:-150px!important;}


.mr0{margin-right:0px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}
.mr60{margin-right:60px!important;}
.mr70{margin-right:70px!important;}
.mr80{margin-right:80px!important;}
.mr90{margin-right:90px!important;}
.mr100{margin-right:100px!important;}
.mr150{margin-right:150px!important;}


.mr-10{margin-right:-10px!important;}
.mr-15{margin-right:-15px!important;}
.mr-20{margin-right:-20px!important;}
.mr-30{margin-right:-30px!important;}
.mr-40{margin-right:-40px!important;}
.mr-50{margin-right:-50px!important;}
.mr-60{margin-right:-60px!important;}
.mr-70{margin-right:-70px!important;}
.mr-80{margin-right:-80px!important;}
.mr-90{margin-right:-90px!important;}
.mr-100{margin-right:-100px!important;}
.mr-150{margin-right:-150px!important;}