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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

.container {
    max-width: 1140px;
}



.carouseltop .carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/*********************************** Subnavi ***********************************/

.subnavi { font-size: 12px; color: #666; background-color: #f8f8f8;}
.subnavi p { padding-top:5px; text-align: right;}
.subnavi a {color:#808080; text-decoration: none; font-weight: bold; padding:5px 10px;}

@media (min-width: 992px) {
.subnavi a {color:#808080; text-decoration: none; font-weight: bold; padding:5px 10px;} 
}

/************************* ENDE Subnavi ENDE *********************************/



/************************************ Navi ***********************************/

.droopmenu-navbar{margin-top:30px;}

.naviactive{color:#00018e!important}

@media (min-width: 992px) {
.droopmenu { float: right;
}
}

/************************* ENDE Navi ENDE ***********************************/




/************************************ slider ***********************************/






.sliderstart{top:100px!important;}

.sliderstart h5 {    width: auto !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Open sans';
    padding: 20px;
    margin-left: -15px !important;
    margin-bottom: 20px !important;
    display: inline-block;
}

.sliderstart p {    width: auto !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Open sans';
    padding: 20px;
    margin-left: -15px !important;
    margin-bottom: 20px !important;
    display: inline-block;
}

.sliderp{padding: 0 80px;}

@media (min-width: 992px) {
	
	.sliderstart h5 {    width: auto !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    font-size: 38px;
    font-weight: 300;
    font-family: 'Open sans';
    padding: 20px;
    margin-left: -15px !important;
    margin-bottom: 20px !important;
    display: inline-block;
}

.sliderstart p {    width: auto !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Open sans';
    padding: 20px;
    margin-left: -15px !important;
    margin-bottom: 20px !important;
    display: inline-block;
}

.sliderp{padding: 0 100px;}

}

@media (min-width: 1200px) {
	
	.sliderstart h5 {    width: auto !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    font-size: 48px;
    font-weight: 300;
    font-family: 'Open sans';
    padding: 20px;
    margin-left: -15px !important;
    margin-bottom: 20px !important;
    display: inline-block;
}

.sliderstart p {    width: auto !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    font-size: 22px;
    font-weight: 400;
    font-family: 'Open sans';
    padding: 20px;
    margin-left: -15px !important;
    margin-bottom: 20px !important;
    display: inline-block;
}

.sliderp{padding: 0 120px;}

}



/*********************************Über uns slider ****************************/

.ueberuns h5 {    width: auto !important;
    font-size: 36px;
    font-weight: 300;
    font-family: 'Open sans';
    padding: 20px;
    margin-left: -15px !important;
    margin-bottom: 20px !important;
    display: inline-block;
}
/************************* ENDE Slider ENDE ***********************************/

.carouseltop{ margin-top: 40px;}

.display-4  {    width: auto !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Open sans';
    padding: 20px;
    margin-left: -15px !important;
    margin-bottom: 20px !important;
   
	float: left;
}

.lead {float:left; text-align: left; font-size: 14px!important;  background-color: rgba(0, 0, 0, 0.8) !important; 

width: auto !important;
   
    font-family: 'Open sans';
    padding: 20px;
    margin-left: -15px !important;
    margin-bottom: 20px !important;
    display: inline-block;}

.slidertext{ margin-top:40px;}

/************************************ content ***********************************/

.start{ margin-top:120px;}
.start  h1 { text-transform: uppercase; letter-spacing: 1px; text-align: center; font-size: 28px; font-weight: 400; font-family: Open sans; padding-top: 50px; padding-bottom: 50px;}


.anlagen{margin-top:101px!important; background-color: #fbfbfb;  border: 1px solid #eee;}
.anlagen h1{font-size: 18px; font-weight: 300; font-family: Open sans; padding-top: 15px!important; padding-bottom: 10px!important;}
.anlagen .rechts{ text-align:right; font-size: 12px;margin-top: 20px;}
.anlagen a { color: #000!important}


.ueberuns  h1 { text-transform: uppercase; letter-spacing: 1px; text-align: center; font-size: 28px; font-weight: 400; font-family: Open sans; padding-top: 50px; padding-bottom: 50px;}

.linie { background-image: url(../img/linie.jpg); background-repeat: repeat-x;}
.liniehg{ padding-right:20px; background-color: #fff; display: inline-block; color:#919191; font-size: 24px; font-family: Open sans; font-weight: 300;}

.liniehdrei{margin-top: 40px;}

.textnormal{margin-top:40px;}

.download .card-body a {
    color: #fff!important;
    font-weight: 400!important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #999;
    border-color: #999;
}

.btn-primary {
    color: #fff;
    background-color: #2d5c88;
    border-color: #2d5c88;
}


.btn-success {
    color: #fff;
    background-color: #2d5c88;
    border-color: #2d5c88;
}

.btn-success:hover {
    color: #fff;
    background-color: #999;
    border-color: #999;
}

/************************************ card Home ***********************************/

.card-body{text-align:center;}
.card-body a{ color: #666; font-weight: 600;}
.card-body a:hover{ text-decoration: none; color:#212529 ;}

.cardgrey{
	background: #fbfbfb;
}

.card {
   
    border: 1px solid #eee;
	min-height: 250px;

}

@media (min-width: 768px) {
 .card {min-height: 400px;}
}

@media (min-width: 992px) {
.card {min-height: 320px;}
}


.topcard{padding-top:30px;}

h5{ padding:20px 0!important; font-weight: 500!important; font-size: 16px; text-transform: uppercase}
.card-body li{ color:#666}
.helleschrift { color:#666}

h6 {
    margin-bottom:14px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
	font-size: 14px
}

.kreis {
    border-radius: 100px;
    background-color: #2d5c88;
    color: white;
    padding: 10px 0 0 16px;
    height: 50px;
    width: 50px;
}

.downloadiconeins {
    border-radius: 100px;
    background-color: #2d5c88;
    color: white;
    padding: 10px 0 0 19px;
    height: 50px;
    width: 50px;
}
.downloadiconzwei {
    border-radius: 100px;
    background-color: #2d5c88;
    color: white;
    padding: 10px 0 0 14px;
    height: 50px;
    width: 50px;
}
.downloadicondrei {
    border-radius: 100px;
    background-color: #2d5c88;
    color: white;
    padding: 10px 0 0 17px;
    height: 50px;
    width: 50px;
}


.iconbox_icon {
    float: none;
    position: absolute;
    left: 50%;
    top: -35px;
    margin: 0 0 0 -35px;
    padding: 15px;
    box-sizing: content-box;
    font-size: 20px;

    align-content: center;
    height: 23px;
    width: 23px;
}

/************************************  ENDE card Home ***********************************/

/************************************ card Home ***********************************/


/************************************  galerie footer **************************************/

.textgalerie{ text-align:center;}

.galerie{ background-color: #fbfbfb; padding:50px 0 120px 0; margin-top: 60px;border: 1px solid #eee;}

.weissicon{ color:#fff!important}

.gallery-line{
	align-content: center;
	text-align: center;
	margin-left: -8px;
}

.galimg{
	transition: 1s;
}

.galimg:hover{
	/* filter:brightness(1.4); */
	opacity: 0.5;
	transition: 1s;
}

.kreis-pfeil{
	border-radius: 100px;
	background-color: #2d5c88;
	color: white;
	padding: 10px;
	height: 100px;
	width: 100px;
	font-size: 50px;
	position: absolute;
	bottom: 150px;
	left: 90px;
	opacity: 0;
}

#parent2:hover .kreis-pfeil {
	opacity: 0.8;
	-ms-transform: rotate(360deg); /* IE 9 */
  	-webkit-transform: rotate(360deg); /* Safari 3-8 */
  	transform: rotate(360deg);
	transition: 1s;
}

/************************************  ENDE galerie footer **************************************/

/************************************  Footer **************************************/

/* ----------------- FOOTER ----------------- */
.footer-black{
	background-color: #262626;
	color: #fff;
	/* padding-left: 0px;
	padding-right: 0px; 
	width: 100vw;
	position: relative;
	margin-left: -50vw;
	left: 50%;
	
	margin-top: 100px;
	
	height: 280px;*/
	font-size: 14px;
	padding-bottom: 15px;
	
}
/*
.footer-content{
	width: 1000px;
}
*/
.footer-grey{
	background-color: #6b6b6b;
	color: #F2F7F9;
	/* padding-left: 0px;
	padding-right: 0px; 
	width: 100vw;
	position: relative;
	margin-left: -50vw;*/
	/* margin-top: 100px; 
	left: 50%;*/
	height: 50px;
	padding-top: 15px;
	font-size: 11px;
}



  /* ------------------ NEWS ------------------ */
  .news-wrap{
	  border: none;
	  list-style-type: none;
	  list-style-position: outside;
	  padding: 0;
  }

  .news-content{
	  padding: 7px 0 3px 0;
	  line-height: 18px;
	  position: relative;
	  overflow: hidden;
	  font-size: 11px;
	  display: block;
	  clear: both;
	  margin: 0;
  }

  .news-link{
	  display: block;
	  position: relative;;
	  text-decoration: none;
	  overflow: hidden;
	  z-index: 2;
  }

  .news-thumb{
	  height: 36px;
	  width: 36px;
	  float: left;
	  padding-right: 50px; 
  }

  .news-headline{
	  color: white;
	  border-color: black;
	  overflow: hidden;
	  font-weight: bold;
	  margin-top: 2px;
	  display: block;
	  font-size: 11px;
  }

  .news-time{
	  font-weight: normal;
	  clear: both;
	  font-size: 10px;
	  display: block;
	  color: grey;
  }

  .row-right {
    text-align: right !important;
}

/*************** google maps ****************/
.responsiveContainer{ display:none;}


.responsiveContainer {
	position: relative;
	padding-bottom: 56%;
	height: 0;
	overflow: hidden;
  }
  
  .responsiveContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }

/*************** ENDE google maps ****************/

/************************************  ENDE Footer **************************************/




@media (min-width: 576px) {
 
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}