/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/roboto-condensed/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}



/* noto-serif-regular - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/noto-serif/noto-serif-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/* noto-serif-italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: url('/assets/fonts/noto-serif/noto-serif-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/* noto-serif-700 - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/noto-serif/noto-serif-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-700.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/* noto-serif-700italic - latin */
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: url('/assets/fonts/noto-serif/noto-serif-v21-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/noto-serif/noto-serif-v21-latin-700italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
}


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/open-sans/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/open-sans/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/open-sans/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/assets/fonts/open-sans/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/open-sans/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}




/* ALLGEMEIN ************************************************************************************** */
/* ################################################################################################ */

body, html  {
   font-family: "Open Sans", sans-serif;
   color: #4f5362;
   /*
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   */
}

img  {
   max-width: 100%;
}

.pic  {
   margin-bottom: 30px;
}


/* Special-Box ---------------------------------------------------------- */
/* ---------------------------------------------------------------------- */

.specialbox  {
   background: #f8f8f8;
   padding: 25px 40px;
}

.specialbox h3  {
   margin-top: 15px;
   margin-bottom: 20px;
}


/* HEADLINES ************************************************************************************** */
/* ################################################################################################ */

h2  {
   font-family: "Noto Serif", serif;
   color: #007fc8;
   font-size: 48px;
   margin-bottom: 50px;
}

@media (max-width: 768px) {

   h2  {
      font-size: 32px;
   }
}

.objekt-inner h3  {
   text-transform: uppercase;
   letter-spacing: 2px;
   font-family: "Open Sans", sans-serif;
   font-size: 16px !important;
   font-weight: bold;
}

h3.type1  {
   background: url(/assets/img/h3.png) no-repeat left bottom;
   padding-bottom: 18px;
   margin-bottom: 34px;
   margin-top: 45px;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-family: "Open Sans", sans-serif;
   font-size: 20px;
   font-weight: normal;
}


h4  {
   font-weight: bold;
   font-size: 19px;
   margin-top: 25px;
}


/* HEADER ***************************************************************************************** */
/* ################################################################################################ */

#topheader  {
   background: #007fc8;
   padding: 7px 0 5px 0;
   color: #fff;
   font-size: 15px;
   font-family: "Roboto Condensed";
   text-transform: uppercase;
   letter-spacing: 2px;
}

#topheader a  {
   color: #fff;
}

#logo  {
   margin-bottom: 6px;
}

/* mobil */
@media only screen and (max-width: 768px) {
   
   #logo  {
      max-height: 50px;
      width: auto;
   }
   
}


/* LINKS ****************************************************************************************** */
/* ################################################################################################ */

a  {
   color: #007fc8;
   text-decoration:none !important;
	transition: all 0.5s ease 0s;
}
a:hover  {
   color: #111;
}


/* BUTTONS **************************************************************************************** */
/* ################################################################################################ */

.btn-type1  {
   background: #007fc8;
   padding: 15px 45px;
   border-radius: 45px;
   color: #fff;
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 1px;
}
.btn-type1:hover  {
   background: #fff;
   color: #007fc8;
   border:2px solid #007fc8;
}

.btn-type2  {
   background: #fff;
   border:2px solid #007fc8;
   padding: 15px 45px;
   border-radius: 45px;
   color: #007fc8;
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 1px;
}
.btn-type2:hover  {
   background: #007fc8;
   color: #fff;
   cursor: pointer;
   transition: all 0.5s ease 0s;
}

.btn-type3  {
   background: #fff;
   border:2px solid #007fc8;
   padding: 5px 15px;
   border-radius: 25px;
   color: #007fc8;
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: 1px;
}
.btn-type3:hover  {
   background: #007fc8;
   color: #fff;
   cursor: pointer;
   transition: all 0.5s ease 0s;
}


/* MAINMENU *************************************************************************************** */
/* ################################################################################################ */

.navbar  {
   color: #444a59;
   font-size: 18px;
   text-transform: uppercase;
   letter-spacing: 2px;
}

.nav-item  {
   padding-left: .6rem;
   padding-right: .6rem;
}

/* mobil */
@media only screen and (max-width: 991px) {
   
   .navbar-nav  {
      margin-top: 40px;
      margin-bottom: 35px;
   }
}

.navbar li a  {
   color: #444a59 !important;
}
li.active a, li a:hover  {
   color: #007fc8 !important;
}


/* FOOTER ***************************************************************************************** */
/* ################################################################################################ */

#footer  {
   margin-top: 100px;
   margin-bottom: 50px;
}

.copyright  {
   text-align: center;
   color: #a8acb9;
   font-size: 14px;
   margin-top: 50px;
}


/* FOOTERMENU ************************************************************************************* */
/* ################################################################################################ */

#footermenu  {
   margin-top: 30px;
   padding: 0;
}

#footermenu li  {
   display: inline-block;
   padding: 5px 15px;
}

.footermenu-wrapper  {
   text-align: right;
}

/* mobil */
@media only screen and (max-width: 768px) {
   
   #footer  {
      text-align: center;
      margin-top: 50px;
   }
   
   #footermenu li  {
      padding: 5px;
   }
   
   .homelink  {
      display: none !important;
   }
   
   .footermenu-wrapper  {
      text-align: center;
   }
   
   .copyright  {
      font-size: 12px;
      margin-top: 30px;
   }

}


/* START *************************************************************************************** */
/* ################################################################################################ */

/* Promoboxe  -------------------------------- */

.promobox  {
   font-size: 16px;
   text-align: center;
   padding: 0 15px;
}

.promobox h2  {
   margin-top: 15px;
   margin-bottom: 20px;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-family: "Open Sans", sans-serif;
   font-size: 16px !important;
   font-weight: bold;
   text-align: center;
}


/* Aktuelle Objekte  -------------------------- */

#objekt-wrapper  {
   
 
}

#objekt-wrapper div  {
	padding:5px;
}

.objekt-inner  {
   background: #f8f8f8;
   padding: 15px 24px !important;
   text-align: center;
}

.objekt-inner h3  {
   color: #007fc8;
   font-weight: bold;
   font-size: 20px;
   margin-bottom: 5px;
   text-transform: uppercase;
}

.objekt-inner h4  {
   font-family: "Noto Serif", serif;
   font-style: italic;
   font-size: 16px;
   margin-bottom: 21px;
}

.objekt-inner p  {
   font-family: "Noto Serif", serif;
   font-size: 13px;
   margin-bottom: 0;
}


/* HERO ******************************************************************************************* */
/* ################################################################################################ */

#hero {
   position: relative;
   width: 100%;
	color: #fff;
	text-align: center;
}

.herotext  {
   position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

.maintext   {
   font-size: 4vw;
   font-family: "Noto Serif", serif;
   letter-spacing: 5px;
   text-shadow: 0px 0px 2px #555;
}


/* Kontakt */

#hero  {
	background:url(/assets/img/hero.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
   width: 100%;
   padding-top: 19% !important;
	margin-bottom: 37px;
}

.herotext {
	top:29%;
}




/* Startseite */

.start #hero  {
	background:url(/assets/img/hero.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
   width: 100%;
   padding-top: 36% !important;
	margin-bottom: 50px;
}

/* Über uns */

.ueber-uns #hero, .leistungen #hero  {
	background:url(/assets/img/hero2.jpg) no-repeat center center;
   background-size: cover;
	position: relative;
   width: 100%;
   padding-top: 19% !important;
	margin-bottom: 37px;
}



.start .herotext {
	top:28%;
}

.start .maintext  {
   font-size: 4vw;
   font-family: "Noto Serif", serif;
   letter-spacing: 5px;
}

.subtext  {
   margin-bottom: 3vw;
   font-family: "Open Sans", sans-serif;
	font-size: 1.2vw;
   letter-spacing: 1px;
}


/* mobil */
@media only screen and (max-width: 768px) {
	
	.start .herotext {
		top:15%;
	}
	
	.maintext {
		font-size: 5.4vw;
      letter-spacing: 2px;
	}
	.subtext  {
		font-size: 3vw;
	}
   
   .btn-type1  {
      padding: 8px 20px;
   }
   
   .start #hero  {
      min-height: 180px;
   }
}


/* HERO BOTTOM ************************************************************************************ */
/* ################################################################################################ */


#hero-bottom  {
	background:url(/assets/img/hero-bottom1.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
   width: 100%;
   padding-top: 19% !important;
   margin-top: 70px;
	margin-bottom: 37px;
   font-size: 3vw;
   font-family: "Noto Serif", serif;
   line-height: 115%;
   color: #fff;
	text-align: center;
   text-shadow: 0px 0px 2px #555;
}

#hero-bottom2  {
	background:url(/assets/img/hero-bottom2.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
   width: 100%;
   padding-top: 19% !important;
   margin-top: 70px;
	margin-bottom: 37px;
   font-size: 3vw;
   font-family: "Noto Serif", serif;
   line-height: 115%;
   color: #fff;
	text-align: center;
   text-shadow: 0px 0px 2px #555;
}


.herotext-bottom  {
   position:  absolute;
   top: 29%;
   left: 0;
   bottom: 0;
   right: 0;
}

/* mobil */
@media only screen and (max-width: 768px) {
   
   #hero-bottom, #hero-bottom2  {
      font-size: 4vw;
      line-height: 115%;
   }
   
}


/* KACHELMENU ************************************************************************************* */
/* ################################################################################################ */

#kachelmenu-wrapper  {
	margin-top:60px;
   margin-bottom: 60px;
}

#kachelmenu .row div  {
	padding:0;
}

@media (min-width: 1500px) {

   #kachelmenu  {
      width:1500px;
      max-width: 1500px;
   }
}




#kachelmenu h2  {
	font-family: "Noto Serif", serif;
   color: #007fc8;
   font-size: 48px;
   margin-bottom: 35px;
}
#kachelmenu .km3 h2  {
   color: #fff;
}

#kachelmenu p  {
	line-height: 180%;
}

#kachelmenu p.type1  {
	text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 14px;
}

@media (max-width: 768px) {

   #kachelmenu h2  {
      font-size: 24px;
   }
}


.km1  {
	background:url("/start/img/k1.jpg") no-repeat;
	background-size:cover;
   height: 100%;
}
.km2  {
	background:url("/start/img/k2.jpg") no-repeat;
	background-size:cover;
   padding:45px 130px 45px 68px !important;
}
.km3  {
	background:url("/start/img/k3.jpg") no-repeat;
	background-size:cover;
   padding:45px 68px 45px 130px !important;
   color: #fff;
}
.km4  {
	background:url("/start/img/k4.jpg") no-repeat;
	background-size:cover;
   height: 100%;
}

@media (max-width: 992px) {

   .km2, .km3  {
      padding:45px !important;
   }
}


/* KONTAKT **************************************************************************************** */
/* ################################################################################################ */

.statusText  {
	border:2px solid #5e9ace;
	background:#fff;
	border-radius:2px;
	padding:20px 30px 15px 30px;
	margin-bottom:4rem;
	display:none;
}
.statusText .fa  {
	font-size:40px;
}



/* FORM ******************************************************************************************* */
/* ################################################################################################ */

input[type="text"], input[type="tel"], textarea, select  {
   border-color: #f8f8f8 !important;
   background: #f8f8f8 !important;
}

label  {
   margin-bottom: .2rem;
   color: #888;
}

.obligation  {
	color:#B00306;
}

.fehlerFeld label   {
	color:#C74900;
}
.fehlerFeld > input, .fehlerFeld > select, .fehlerFeld > textarea   {
	border:1px solid #C74900 !important;
}


/* Bootstrap-Modal ------------------------------------------------------ */
/* ---------------------------------------------------------------------- */

.modal-title  {
	color:#C74900;
	font-size:22px;
}

.modal-body  {
	background:#f8f8f8;
	font-size:16px;
}