/* CSS Document */

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


* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
}

html, body {
	padding:0;
	margin:0;
	height: 100%;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	background-image:url(../../../../../../fileadmin/Bilder/Logo/waben-2.png);
	background-repeat:repeat-y;
	background-position:right;
}

.maximum_width {
	max-width: 1200px;
}
.space-top {padding-top:60px;} 

/* Slider */
.ls-l {visibility: hidden}

/* Firstline */

.top-firstline {background-color:#ebebeb; border-bottom: solid 1px #a0a5aa;}
.firstline {margin:0 auto; padding: 3px 15px;}
.firstline p {padding:0; margin:0;}
.firstline, .firstline a { color:#a0a5aa; font-size:0.8rem;}
.firstline a:hover {
	-webkit-transition: color 0.7s ease;
    -moz-transition: color 0.7s ease;
    -o-transition: color 0.7s ease;
    -ms-transition: color 0.7s ease;
    transition: color 0.7s ease;
	color:#e0001a;
}
.top-firstline i {font-size:1.3rem;}
@media screen and (min-width:1000px){
.top-firstline {max-height:30px; overflow: hidden;}	
}

.logo-wrap .top-conten {width:60%; margin:0 auto; text-align:center; font-size:0.8rem; color:#a0a5aa;}
.logo-wrap .top-conten a {color:#a0a5aa;}
.logo-wrap .top-conten a:hover {color:#e0001a;}


.hsrr-sicherheit, .hsrr-logo {position:absolute; width:13%; min-width:110px;}
.hsrr-sicherheit img, .hsrr-logo img { width:100%; height:auto; }
@media screen and (min-width:1000px){
	.hsrr-sicherheit { position:absolute;  left:15px;}
	.hsrr-logo { position:absolute; right:15px; min-width:110px;}
	.hsrr-sicherheit, .hsrr-logo {top: 5px;}
	.logo-wrap { position:relative; height:110px;}
}
@media screen and (max-width:1000px){
	.hsrr-sicherheit { left:100px;}
	.hsrr-logo { right:15px;}
	.hsrr-sicherheit, .hsrr-logo { bottom:-5px;}
	.logo-wrap { position:relative; height:60px; top:-5px;}
}


.row {
	min-height:800px;
	margin:0 auto;
	padding-bottom:100px;
}


/*  navi Zusatz */

.navi-wrap, .logo-wrap  {
	background-color:#f8f8f8;
	margin:0 auto;
}

.navi-wrap {border-bottom: solid 1px #f2f4f6;}


.ls-slide img, .ls-slide { min-width:100%; height:auto;}


/* Text */

body {color:#666; font-size:0.8rem;}
h1, h2 {color:#363636;}
h4 {text-transform: uppercase; font-size:1.6rem; text-align:center; color:#363636;}
.tx-tinyaccordion-pi1 h4 {text-transform:none; font-size:0.8rem; text-align:left; color:#666;}
.layout-5 h2 a {color:#363636;}

.column_1 a, .column_0 a, .column_2 a {color:#666;}
.column_1 a:hover, .column_0 a:hover, .column_2 a:hover {color:#e0001a;}
.column_0 .layout-1 a:hover {color:#fff;}


/* Inhalt */

.big-slider, .slider {width:100%;}
.column_3 .slider img, .column_3 .ce-inner, .column_3 .ce-outer, .column_3 .ce-row, .column_3 .ce-column {width:100%; height:auto; min-width:100%;}


.navi-wrap .ce-textpic .ce-gallery {padding-top:22px;}

@media screen and (min-width:1000px){
.column_0 .align-right {text-align: right;}
}
	
/* Footer */
footer {background-color:#363637; margin:0 auto;}
.footer-inside, .footer-down-inside {margin:0 auto; font-size:0.7rem; padding-bottom: 50px;}
footer h3 {color:#a0a5aa	;}

.footer-down {color:#a0a5aa; background-color:#1a161b;  margin:0 auto;}
.footer-down-inside .grid_element {text-align:center;}

.footer-social {
	font-size:2rem;
	text-align:center;
	margin:0 auto;
	padding:15px 0;
}



@media screen and (min-width:1000px){

.grid_footer, .firstline_flex, .lex_grid {
	display: -webkit-box;
  	display: -moz-box;
 	display: -ms-flexbox;
  	display: -webkit-flex;
	display: flex;
}

.firstline_nav {
	-webkit-box-flex: 8;
   	-moz-box-flex: 8; 
   	width: 80%; 
   	-webkit-flex: 8;
   	-ms-flex: 8;
   	flex: 8;
}


 .grid_element {
   -webkit-box-flex: 1;
   -moz-box-flex: 1; 
   width: 33%; 
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;

}

.firstline_nav .grid_col4 {text-align:right;}


.top-conten h2 a {
	display: inline-block;
	padding:10px;
	background-color:#f2f4f6;
	border: solid 1px #a0a5aa;
	border-radius:3px;
	text-decoration:none;
}
.top-conten a:hover {
	box-shadow:rgba(255,255,255,1.0) 1px 1px 2px;
}


footer .grid_footer {
padding: 50px 25px 100px 25px;
}

.big-slider, .slider {width:100%; max-width:100%;}
	
}

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


footer .grid_footer {padding: 25px 25px 50px 25px;}

.logo-wrap .top-conten {width:100%; text-align:center;}	
.logo-wrap .top-conten p {padding:10px 0 0 15px; margin:0;}

.firstline_nav .grid_col2 {
	float:right;
	position:absolute;
	right:3px;
	top:3px;
}

.firstline_language {
	position:absolute;
	float:right;
	top:35px;
	right:0;
}

.top-conten h2 a {
	display: inline-block;
	padding:0 4px;
	background-color:#f2f4f6;
	border: solid 1px #a0a5aa;
	border-radius:3px;
	text-decoration:none;
}

.firstline {height:60px;}
.firstline .grid_element {padding-top:3px;}
}


/* Vergrößerte Bilder mit YAG über jh_magnificpopup */

.mfp-figure {
	position:relative;
	z-index:1060;
}

img.mfp-img {
    box-sizing: border-box;
    display: block;
    height: auto;
    line-height: 0;
    margin: 0 auto;
    max-width: 100%;
    padding:40px 0 20px 0;
    width: auto;
}


/* Bildunterschrift */
figure figcaption { font-size:0.7rem; text-align:center; padding:10px 0 10px 0;}


.tinyaccordion .ce-row { padding-bottom:25px;}		
.tinyaccordion figure img,
.row .layout-4 .magnificpopup img,
.row .layout-4 .ce-media img {
	border-radius:3px;
	border:1px solid #fff;
	box-shadow:rgba(0,0,0,0.40) 2px 2px 4px;
	margin:2px 10px 5px 2px;
	max-width:100%;
	height:auto;
}


/* ########## Bilder ########### */

.row .ce-row {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
   display: flex;
   width:100%;
}
.row .ce-column {
	-webkit-box-flex: 1;
   	-moz-box-flex: 1; 
   	width: 33.33333%; 
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
}

.row .ce-row .ce-media img, .row .ce-row figure img  {width:100%; height:auto; min-width:100%;}
/*.row .ce-left .ce-gallery, .row .ce-right .ce-gallery {max-width:50%; height:auto;}
/*.row .ce-gallery {padding-top:20px;}*/

.tinyaccordion .ce-gallery figure { margin-right:10px;}

/* Bild Transformieren */
.row .layout-12 .ce-row .ce-media img:hover, .row .layout-1 .ce-row .ce-media img:hover,
.row .layout-12 .ce-row figure img:hover, .row .layout-1 .ce-row figure img:hover {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.row .ce-row .ce-media img, .row .ce-row figure img {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}


/* ########## lange Wabe + Referenzen ########### */

#langewabe {
	position:absolute;
	z-index:500;
	height:50px;
	display: -webkit-box;
  	display: -moz-box;
 	display: -ms-flexbox;
  	display: -webkit-flex;
	display: flex;
	margin:0 auto;
}

#langewabe {font-size:0.7rem;}
.wabe_lang_text { text-align:center;}
#langewabe i, #langewabe em {font-size:1.6rem; color:#e0001a; float:left;}
.wabe_lang_text a {color:#666;}
.wabe_lang_text a:hover {color:#e0001a;}


#langewabe a.linkbutton, .owl-item a.linkbutton, .layout-10 a.linkbutton {
	background-color:#e0001a;
	padding:7px 20px;
	border-radius:4px;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	display: inline-block;
}
#langewabe .linkbutton:hover, .owl-item .linkbutton:hover, .layout-10 .linkbutton:hover {
	-webkit-transition: background-color 0.7s ease;
    -moz-transition: background-color 0.7s ease;
    -o-transition: background-color 0.7s ease;
    -ms-transition: background-color 0.7s ease;
    transition: background-color 0.7s ease;
	background-color:#474747;
}
#langewabe .text-center {text-align:center;}

.owl-item a.linkbutton {font-size:0.8rem;}

@media screen and (min-width:1000px){#langewabe {bottom:30px; width:90%; position:relative; margin:0 auto;}}
@media screen and (max-width:1000px){#langewabe {display:none;}}
   #wabe-left {
	   width:16px;
	   background-image:url(../Icons/images/Wabe-lang_01.png);
   }
   #wabe-center {
	   width:100%;
	   background-image:url(../Icons/images/Wabe-lang_02.png);
   }
   #wabe-right {
	   width:16px;
	   background-image:url(../Icons/images/Wabe-lang_03.png);
   }
   
/* Navigation die ein und ausgeblendet wird */

#navigation_einblenden {
	background-color:rgba(235,235,235,0.90);
	margin:0 auto;
	position:fixed;
	top:0px;
	width:100%;
	z-index:910;
	border-bottom:1px solid #a0a5aa;
	box-shadow:rgba(0,0,0,0.20) 0 3px 5px;
	height:85px;
	display:none;
	text-align:center;
}
#navigation_einblenden .maximum_width { position:relative; margin:0 auto; text-align:center;}
#navigation_einblenden nav { margin:0 auto; padding-top:30px; font-size:0.9rem; height:35px;}
.navigation-fade-logo img, .navigation-fade-sicherheit img {height:50px; width:auto;}
.navigation-fade-sicherheit { position: absolute; top:10px; left:15px;}
.navigation-fade-logo { position: absolute; top:10px; right:15px;}
.navigation-fade-logo .ce-textpic .ce-gallery, .navigation-fade-sicherheit .ce-textpic .ce-gallery{padding:5px 15px 5px 15px; margin:0;}
@media screen and (max-width:1080px){.navigation-fade-logo, .navigation-fade-sicherheit { visibility:hidden;}}
@media screen and (max-width:1000px){#navigation_einblenden { visibility:hidden;}}


/* lange Wabe einblenden */

#navigation_einblenden #langewabe {
	position:relative;
	top:25px;
	width:70%;
	margin:0 auto;
}

/* Notfall Button einblenden */

#notfall_einblenden {
	position:fixed;
	bottom:80px;
	right:0px;
	z-index:600;
	display:none;
}

#notfall_einblenden .notfall em{ font-size:2rem; float:left; padding:6px 6px 6px 12px;}
#notfall_einblenden .notfall, #notfall_einblenden .notfall a { color:#fff; text-decoration:none; text-align: center;}
#notfall_einblenden .notfall .ce-bodytext {padding:1px 10px 1px 2px; background-color:#e0001a; border-bottom-left-radius:3px; border-top-left-radius:3px;}
#notfall_einblenden .notfall .ce-bodytext:hover { background-color:#474747;}


/* ggogle Map: googlemap */

.googlemap {
	position:relative;
	width:100%;
	max-width:1200px;
	padding-top:100px;
	margin:0 auto;
}

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


/* Video für Slider */
#layerslider-container .video-slider {
	width:100%;
	height:auto;
	overflow:hidden;
}


#layerslider-container video {
	margin-top:-200px;
}

#layerslider-container a {
	color: #ffffff;
	text-decoration: none;
}

/* Video bei YouTube */

.responsive-video iframe {
  max-width: 100%;
}


.responsive-video {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.responsive-video iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.responsive-video.ratio4x3 {
  padding-bottom: 75%;
}




/* Kontakt Skype usw. */

.linkedin-logo, .xing-logo {
	width: 50px;
	height: auto;
	float: left;
	padding-top: 13px;
}

.kontakt-skype .fa-3 {
	font-size: 3em;
}




/*################ */

.column_0 .align-justify{ text-align: center;}