@font-face {font-family: 'light';src: url('/fileadmin/fonts/RobotoCondensed-Light-webfont.eot') format('eot'), url('/fileadmin/fonts/RobotoCondensed-Light-webfont.ttf') format('ttf'), url('/fileadmin/fonts/RobotoCondensed-Light-webfont.woff') format('woff'), url('/fileadmin/fonts/RobotoCondensed-Light-webfont.woff2') format('woff2');}
/*@font-face {font-family: 'light';src: url('/fileadmin/fonts/roboto-v18-latin-100.eot') format('eot'), url('/fileadmin/fonts/roboto-v18-latin-100.ttf') format('ttf'), url('/fileadmin/fonts/roboto-v18-latin-100.woff') format('woff'), url('/fileadmin/fonts/roboto-v18-latin-100.woff2') format('woff2');}*/
@font-face {font-family: 'light2';src: url('/fileadmin/fonts/RobotoCondensed-Light-webfont.eot') format('eot'), url('/fileadmin/fonts/RobotoCondensed-Light-webfont.ttf') format('ttf'), url('/fileadmin/fonts/RobotoCondensed-Light-webfont.woff') format('woff'), url('/fileadmin/fonts/RobotoCondensed-Light-webfont.woff2') format('woff2');}
@font-face {font-family: 'bold';src: url('/fileadmin/fonts/RobotoCondensed-Bold-webfont.eot') format('eot'), url('/fileadmin/fonts/RobotoCondensed-Bold-webfont.ttf') format('ttf'), url('/fileadmin/fonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('/fileadmin/fonts/RobotoCondensed-Bold-webfont.woff2') format('woff2');}
/*@font-face {font-family: 'bold';src: url('/fileadmin/fonts/roboto-v18-latin-500.eot') format('eot'), url('/fileadmin/fonts/roboto-v18-latin-500.ttf') format('ttf'), url('/fileadmin/fonts/roboto-v18-latin-500.woff') format('woff'), url('/fileadmin/fonts/roboto-v18-latin-500.woff2') format('woff2');}*/
@font-face {font-family: 'regular';src: url('/fileadmin/fonts/RobotoCondensed-Light-webfont.eot') format('eot'), url('/fileadmin/fonts/RobotoCondensed-Light-webfont.ttf') format('ttf'), url('/fileadmin/fonts/RobotoCondensed-Light-webfont.woff') format('woff'), url('/fileadmin/fonts/RobotoCondensed-Light-webfont.woff2') format('woff2');}
/* ------------------------------------------------------------- */ 
body {
    font-family: "regular";
    font-size: 14px;
}
h3,h4,h5{
    font-family: "bold";	
}
.h1, h1 {
    font-size: 40px;
    font-family: "light2" !important;
    margin-top:40px;
}
.h2, h2 {
    font-size: 35px;
    font-family: "light2" !important;
}
iframe {
	  max-width:700px;
	  width:100%;
}	  
.rtl {
    unicode-bidi: bidi-override;
    direction: rtl;
}
.flex-textbox .h2, h2 {
	  margin-top:0;
	  margin-bottom:30px;
	  text-align:left !important;
}
.nfach .innerbox .h2, h2 {
	  text-align:center;
}
.h3, h3 {
    font-size: 30px;
    font-family: "light2" !important;
    margin-bottom:40px;
}
.beruflinks .h4, h4{
	  margin-top:0;
}	
.h6, h6 {
    font-size: 30px;
    font-family: "light" !important;
    margin-bottom:10px;
}
ol{
	font-size:15px;
}
#navbar{
/*	overflow:hidden;*/
	min-height:100px;
/*  background-color:#333;*/
/*	background:rgba(255,255,255,0.8);*/
/*  background:#000000;*/
	background:rgba(0,0,0,0.8);
/*	margin-top:30px;*/
	animation-duration: 0.5s;
	transition: 0.5s;
}
.content{
	padding:0;
}
.sticky{
	position:fixed;
	top:0px;
	width:100%;
	z-index:85;
/*	background:rgba(255,255,255,0.97) !important;*/
  background: rgba(0,0,0,0,0.5) !important;
  box-shadow: 0px 10px 10px 0 rgba(0,0,0,0.2);
  animation-name: stickySlideDown;
  transition:none;
}
@keyframes stickySlideDown {
    0% {
        opacity: 0.7;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.sticky + .content{
	padding-top:130px;
}			  
.text-left{
	text-align:left;
}		
.glyphicon{
	font-size:30px;
	color:#ffffff;
}
.glyphicon.glyphicon-lock{
	font-size:15px;
	color:#ffffff;
	margin:10px;
}
#c404{
	margin-top:-40px;
}			
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
	margin-right:25px;
	margin-left:25px;
}
.navbar-collapse{
	z-index:86;
}
.row{
	margin-right:0;
	margin-left:0;
}
.navbar {
  margin-bottom: 0;
  border-radius: 0;
  height:80vh;
  border:0px solid #ffffff;
  margin-top:-30px;
}
.navbar-nav > li.suche a{
	color:transparent;
}
.navbar-nav > li > a {
    padding-bottom: 6px;
    font-size:20px;
}
.navbar-nav > li.activesuche a{
	color:transparent;
}	
.navigation{
/*	background:rgba(255,255,255,0.8);	*/
/*	height:100px;*/
}
nav a{
	color:#ffffff;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    color:#ffffff;
	  border-bottom:4px solid #ac1426;    
}	
ul.nav {
	padding-top:40px;
}
.navbar-brand {
	padding:5px 15px;
}
a.navbar-brand p{
	margin:18px 0 0 0;
  font-family: "light";
  font-size:13px;
  color:#000000;
  font-weight:800;	  
}
nav li.active{
	border-bottom:4px solid #ac1426;
/*	background:rgba(239,239,239,0.6);*/
}	
nav li.active a{
/*	padding-top:15px;*/
}
nav li.active a:hover{
/*	padding-top:15px;*/
	border-bottom:0px solid #ff0000;
}			
.boxflex{
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
	background: #dfdfdf;
	border:10px solid #ffffff;   	
}
	
.suche:after {
	color:#ffffff;
	font-family: "Glyphicons Halflings";
	content:"\e003";
	margin-left:-30px;
/*	background: url('/fileadmin/img/higru/SHK_Lupe_ohne_HG.png') transparent;
	background-size: 30%;
	background-position:center center;
	background-repeat:no-repeat;
*/	
}
.activesuche:after {
	color:#ffffff;
	font-family: "Glyphicons Halflings";
	content:"\e003";
	margin-left:-30px;
/*	background: url('/fileadmin/img/higru/SHK_Lupe_ohne_HG.png') transparent;
	background-size: 30%;
	background-position:center center;
	background-repeat:no-repeat;
*/	
}	
footer .boxflex{
	background:transparent;
	border:0px solid #ffffff;
}
.col-md-4 .innerbox{
/*	margin:10px;*/
  padding: 15px 10px;
	text-align:left;		
}
.col-md-4 .innerfooter{
/*	margin:10px;*/
  padding: 15px 10px;
	background: transparent;
	color:#ffffff;
	text-align:left;		
}
footer .col-md-4 .innerfooter{
/*	margin:10px;*/
  padding: 15px 10px;
	background: transparent;
	color:#ffffff;
	text-align:left;
	width:100%;		
}
.col-md-4 .innerfooter p{
  font-size:12px;
}
.col-md-4 .innerfooter a{
	color:#ffffff;
}
.col-md-2.abliste{
	text-align:center;
}
.falisteinner{
	padding: 2px 0px !important;
}	
footer .col-md-4 img{
	width:100%;
	height:auto;
}
footer .col-md-6{
	padding-left:0;	
}
footer .block3 h2{
/*	margin-left:12px;*/
  text-align:left;
	color:#ffffff;
	font-size:20px;
  font-family: "light" !important;
  margin-bottom:10px;
  margin-top:20px !important;	
}	
.innerbox p{
	font-size:18px;
	font-family:"light2";
}
.innerbox .h2, .innerbox h2{
	margin-bottom:30px;
	font-size:33px !important;
}		
.block3{
	padding: 10px 0 40px 0;
}
.flexbox{
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;	
}
p a, p a:hover{
	color:#2693ff !important;
}	
.karte{
	 background:#dfdfdf;
	 line-height:0;
	 margin:25px 0;
}	
.kontaktbox{
	min-height:300px;
	background: url('/fileadmin/img/kontaktbox.jpg');
	background-position:center bottom;
	background-size:cover;
	margin-top:-25px;
}
.textbox{
	background:#808080;
	color:#ffffff;
	padding:100px 0;
}
.textboxhg{
	background:#dfdfdf;
	color:#000000;
	padding:100px 0;
}
.textboxhw{
	background:#ffffff;
	color:#000000;
	padding:40px 0;
}
.heizung{
	min-height:600px;
	background: url('/fileadmin/img/kontakt_heizung.jpg');
	background-position:center top;
	background-size:cover;
}
.innerkontaktbox{
/*	background:#dfdfdf;*/
}
.flex-container{
	height:300px;
	display:flex;
	align-items:center;
}	
.flex-container > div{
	background:#dfdfdf;
	opacity:0.8;
	line-height:25px;
	font-size:25px;
	width:100%;
	padding:50px;
}			  
li.navfooter{
	display:inline-block;
	color:#ffffff;
}
li.navfooter a{
	color:#ffffff;
}		
li.navfooter a:hover{
	color:#ffffff;
	text-decoration:underline;
	background:transparent;
	border-bottom:0px solid #ffffff;
}
p {
	font-size:18px;
}	
.block3 h2{
	font-size:30px;
}
.textbox900 .block3 h2{
	font-size:42px;
	margin-top:60px;
}	
.footer4 p{
	font-size:12px;
	font-family:"light2";
}
.ftlogotext p{
	font-size:12px;
	margin: 15px 0 0 0;
	text-align:left;
}
.ftlogo{
	margin:0;
/*	padding:20px 0 0 0;*/
  padding:0;
}	
.flex-textbox{
	margin-top:170px;
/*	padding:10px 20px 60px 20px;*/
  padding:35px;
	background:rgba(0,0,0,0.5);
	color:#ffffff;
}
.flex-textbox img{
	max-height:50px;
}
.flex-icons{
	display:block;
}
.flex-text-rechts{
/*	margin-top:110px;*/
/*	padding:10px 30% 60px 20px;*/
  padding:35px;
	color:#ffffff;
	vertical-align:middle;
	display:table-cell;
	height:500px;
}
.flex-text-rechts h2{
	margin-bottom:30px;
}	
.flex-text-links{
/*	margin-top:110px;
	padding:10px 20px 60px 30%;*/
	padding:35px;
	color:#ffffff;
	vertical-align:middle;	
	display:table-cell;
	height:500px;	
	text-align:right;
}
.flex-text-links h2{
	margin-bottom:30px;
	text-align:right !important;
}	
.flex-text-links.ausbildung h2{
	margin-bottom:30px;
	text-align:right !important;
	padding-top:50px;
}		 
/*------ Burger ------ */
.navbar-toggle {
	  border:0px solid #666666;
	  background-color:#c6c6c6;
}	  
.navbar-toggle .icon-bar {
    background-color: #666666;
}
/* ----- Burger ENDE --*/
/* Add a gray background color and some padding to the footer */
footer {
  background-color: #f2f2f2;
  padding: 25px;
}
.bg-4{
  background-color: #2f2f2f;
  color: #ffffff;	
}
/*---------------------- */
.berufsbilder1{
	padding:30px 0;
}
.b-schule{
	padding:50px 0;
	background: url('/fileadmin/img/higru/ausbildung_berufsschule_2.jpg');
	background-position:center bottom;
	background-size:cover;
}	
.berufrechts p{
	font-size:15px;
	margin-left:30px;
}
.berufheader h2{
	text-align:center;
}
.b-color-weiss{
	background:#ffffff;
}
.b-color-grau{
	background:#c6c6c6;
}
.b-unterricht{
	height:70vh;
}
.b-bild-text{
/*  position:absolute;*/
/*  bottom:8px;*/
  text-align:center;
  margin-top:60vh;
}
.b-bild-text h2{
	display:inline;
  color:#ffffff;
  background:rgba(50,50,50,0.7);
  padding:2px 40px;	
}
.b-schule p{
	font-size:15px;
	font-family:"regular";
}
.b-schule ul li{
	font-size:15px;
	font-family:"regular";	
}
.s-links {
	padding-right:20px;
}
.s-rechts {
	padding-left:20px;
}
.s-unten {
	margin-top:40px;
}
.s-top {
	margin-top:30px;
	margin-bottom:30px;
}
.news .header{
/*	background:#ffffff;*/
	padding:5px 10px;
}
.news .article .teaser-text {
  margin: 0 0 10px 0;
/*  background: #d3d3d3;*/
  padding:20px 10px;
  border-top:1px solid #802780;
  margin-top:20px;
}
.news-text-wrap{
/*  background: #d3d3d3;*/
  padding:20px 10px;
  border-top:1px solid #802780;
  margin-top:20px;  	
}
.news .footer{
	display:none;
}
.news a, .news a:hover{
	color:#000000;
	text-decoration:none;
}	
.news .article .teaser-text a{
  text-align:right;
  display:block;
}
.news .article .teaser-text a::after{
/*  content: "->";*/
  display:inline-block;
  font-family: 'Glyphicons Halflings';
  content: "\e027";
  transform:rotate(90deg);
  font-size:30px;
  vertical-align:middle;
  margin-left:5px;
  color:#6d6d6d;
}
.news .article .teaser-text a.external-link-new-window {
    text-align: right;
    display: inline-block;
}	
.fotop{
  max-width:20rem;
  overflow:hidden;
  border-radius:50%;
  margin:0 auto 1.5rem;
  position:relative;
  z-index:1;
  width:100%;
}
picture{
  height:100%;
  display:block;
  position:relative;
  padding-top:100%;
}
.fill-out img{
	object-fit:cover;
	object-position:50% 0%;
}	


.image img{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:50%;
  transform:translateX(-50%);	
  z-index:0;
}

img.image-embed-item {
height: auto;
width: auto;
position: relative;
transform: none;
z-index: 0;
left: 0;
}
  	
picture img{
  height:100%;
  width:auto;
  z-index:0;
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
}
.psp1{
	padding-left:0px;
}	
.stdtextbox{
	padding-top:10px;
	padding-bottom:30px;
}
.textbox900{
	color:#ffffff;
}
.textbox900 .block3{
	padding:10px 0 0 0;
}		
.textbox900 .ce-bodytext{
	margin:0 0 0 40px;
	padding:0;
}
.textbox900 .first .ce-bodytext{
	margin:0 40px 0 0;
	padding:0;
}
.textbox900 .ce-bodytext p{
	font-size:15px;
}
.textbox900 .first .ce-bodytext p{
	font-size:18px;
	font-family:"light";	
}
a.download:before {
	font-family: "Glyphicons Halflings";
  content:"\e025";
  margin-right:10px;
}
tr{
	background:transparent !important;
}
table {
	border-bottom: 1px solid #dfdfdf;
	margin-top:20px;
}	
a.navbar-brand .ce-column{
	margin:0px 15px;
}
.ce-column{
	display:inline-block;
  margin:10px 15px;
}
.news-single .article .news-img-wrap {
    margin: 40px 0 0 25px;
    width:auto;
}
.news .article .news-img-wrap {
    background: transparent;
}
.news-single .news-img-wrap{
	display:none;
}	
/*-------------------------------------*/
.dropdown-menu {
	  width:100%;
	  background-color:transparent;
	  padding:3px 0;
	  z-index:200;
}

.dropdown-menu li{
	  margin:0 0 4px 0;
	  padding:0;
    background: rgba(255, 255, 255); /* Fallback */
    background-color: rgba(255, 255, 255, 0.8);
}	  	  
.dropdown-menu > li > a {
    padding: 3px 18px 3px 8px;
}
.dropdown-menu > li > a.active, .dropdown-menu > li > a:hover {
    color: #ffffff !important;
    background: #d41217 !important;  
}
/* Mouse-over-Hover-Funktion für Menü */

.navbar-nav > li ul li > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
    margin-left:100px;
}

.navbar-nav > li ul li ul li > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
}
.navbar-right .dropdown-menu {
    right: auto;
    left: 0px;
}
ul.nav > li.dropdown:hover > ul.dropdown-menu {
	display: block;
	margin-top:0px;
}

ul.nav > li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu {
	display: block;
	margin-top:0px;
}

ul.nav > li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu {
	display: block;
	margin-top:0px;
}

ul.nav > li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu {
	display: block;
	margin-top:0px;
}

ul.nav > li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu {
	display: block;
	margin-top:0px;
}
.nav > li > a {
    padding: 24px 13px 0 13px;
/*    min-width:161px;*/
    height:48px;
    color:#ffffff !important;
}
.nav > li > a.suche{
	color:#000000 !important;
	
}
.form-control{
	padding:6px;
}
.video{    
	position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  margin-left:30px;
  overflow: hidden;
}
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.news .seminare {
	border-bottom:1px solid #c6c6c6;
}	
.col-md-6.semtitel a{
	font-size:18px;
	font-weight:800;
	color:#666666;
}
.col-md-2.semtime{
	font-size:18px;
	font-weight:400;
	color:#666666;
}
.col-md-4.semort{
	font-size:18px;
	font-weight:400;
	color:#666666;
}
.col-md-2.semweiter{
	font-size:18px;
	font-weight:400;
	color:#666666;
	margin-top:5px;
}
.seminarheader{
	border-bottom:1px solid #c6c6c6;
}
.page-navigation p{
	font-size:12px;
}
ul.f3-widget-paginator, ul.f3-widget-paginator a{
	font-size:12px;
}	
.firstseminarheader{
  padding-left:0;	
}
div.faliste {
	margin-bottom:10px;
	background:#eeeeee;
}
.berufrechts ul{
	margin-left:20px;
}
td, th {
    width: 50%;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
    width: 300px;
    margin-bottom:10px;
}
.news-single .ce-bodytext{
    padding: 20px 10px;
/*    margin-top: 20px;*/
}
/*------------ Korrektur temp ---------- */
nav.startseite {
	height:100vh;
  background-image: url('/fileadmin/img/higru/startseite.jpg'); 
  background-size:cover; 
  background-repeat:no-repeat; 
  background-position: center top; 
  background-attachment:fixed;	
}
/*-----------------------------*/
@media only screen and (max-width: 768px) {
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
  margin-right: -15px;
  margin-left: -15px;
}
.startseite{
  min-height:100vmax;
}
div#navbar.container-fluid.navigation{
/*	padding:0px !important;	*/
}
a.navbar-brand img{
	width:100% !important;
	height:auto !important;
}	
nav.startseite {
	height:100vh !important;
  background-image: url('/fileadmin/img/higru/startseite_mobil.jpg'); 
  background-size:100vw auto !important;
/*  background-size:contain;*/
  background-repeat:no-repeat; 
  background-position: center 1px;
  background-attachment:fixed;
  background-color:#000000;	
}
img {
	width:100%;
	height:auto;
}
.navigation {
    position: fixed;
    z-index: 100;
    width: 100%;
}
.navbar-brand{
  max-width: 80vw;
  padding: 5px 0px;
  margin-top:0px;
}
a.navbar-brand .ce-column {
    margin: 0px 10px 0 0;
}
.navbar-toggle{
	margin-top:15px;
}
.boxflex8{
	width:100% !important;
}	
.btn{
	width:100% !important;
}
.dropdown-menu{
	background-color:#c6c6c6;    
}
.seminarheader{
	display:none;
}
.textbox900 .first {
	max-width:100% !important;
	padding:10px !important;
	left:0px !important;
}	
.b-bild-text h2 {
  padding: 2px !important;
}
.h2, h2 {
    font-size: 40px !important;
}
.textbox900 .first {
    background: rgba(255,255,255,0.8);
    color: #333333;
    position: absolute;
    bottom: 0;
    top: 310px;
    max-width: 500px;
    padding: 20px 35px 35px 35px;
}
.textbox900 .block3 h2 {
    margin-left: 20px;
}
}

@media only screen and (max-width: 768px) and (orientation:portrait) {
nav.startseite {
	height:100vh !important;
  background-image: url('/fileadmin/img/higru/startseite_mobil.jpg'); 
  background-size:100vw auto !important;
/*  background-size:contain;*/
  background-repeat:no-repeat; 
  background-position: center 60px;
  background-attachment:fixed;
  background-color:#000000;	
}	
}	
/*
@media only screen and (max-width: 375px) {
nav.startseite {
  height:50vmax;
}	
}
*/