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

*{ padding:0; margin:0;}
p, ul { margin-bottom:10px;}
ul { padding-left:40px;}
img{ border:none;}
img a{ border:none;}
html, body{height: 100%; width: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */}
body {	 
 font-size:16px;
 color:#333;
 font-family: 'Roboto', sans-serif;
} 
div { box-sizing: border-box;}
a{ color:#d01515; text-decoration:none;}
/*.blackStage a{ color:#EDFF2B; text-decoration:none;}*/
 
h1{font-size:1.8em; font-weight:normal; margin-bottom:0.625em; font-family: 'Noto Serif', serif;}
.centerHead{  text-align:center;}
.fullHeader{ font-size:3em;text-transform:uppercase;   text-align: center;}
.fullHeaderSub{ margin-bottom:0; }
.SubHeader {font-size:1.625em; font-weight:normal; margin-bottom:0.625em; font-family: 'Roboto', sans-serif;text-align:center;text-transform:none;} 

h2{font-size:1.875em; font-weight:normal; margin-bottom:0.625em; font-family: 'Noto Serif', serif;text-align:center; text-transform:uppercase;  font-weight: normal;} 

wbr:before {
   content: "-";
}
label.error {

    color: red;
    font-size: 0.8em;
    position: relative;
    left: 0;
    bottom: 18px;
    order: 1;

}
.smalfont,.textsmall{font-size:0.800em; }
.bigFont{font-size:1.4em; }
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im .container) platziert werden, wenn #footer entfernt oder aus dem .container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
address{ font-style:normal; font-size:0.9em;}
.blockStart{ margin-top:80px;}
.fullPic{ margin-bottom:20px;}
.shadow{-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.30);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.30);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.30);
}

.wrapper{ max-width:1024px; margin:0 auto; padding: 8px;} 
.noPadding{ padding:0;}
.topDiv{ margin-top:40px;}

.head{  height:70px; text-align:center; position:relative;}
.logo{ max-width:162px; position:absolute; right:10px; top:20px;  z-index: 10001;}
.naviStage{ border-bottom:1px solid #d01515; background-color:#FFFFFF; z-index: 10000;}

.adrStage{ margin:20px 0 20px 0; text-align:center;   font-size:1em; }
.adrStage a{ color:#000000; }

.fullPic img{ width:100%;}
/* Content Spalten */

.floatLeft, .fltlft{	float: left;}
.floatRight, .fltrt{float: right;}

.responsiveImg{max-width:100%;}

.bigTel{font-size: 4em;}
.bigTel::before{
	    content: "\f10b";
    font-family: FontAwesome;
	margin-right:25px;
	}

.zweispaltentext{
	 width: 100%;
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;

    -webkit-column-rule: 1px dotted #000; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px dotted #000; /* Firefox */
    column-rule: 1px dotted #000;	
	margin-bottom:20px ;
 
	}
 
.zweispaltentext:last-child{ border-bottom: none; padding-bottom:0;}

.zweispaltentext li,.zweispaltentext p{
	  -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;     
	}
.SpaltenBreak{	  -webkit-column-break-inside:auto !important ; /* Chrome, Safari */
    page-break-inside: auto!important;           /* Theoretically FF 20+ */
    break-inside: auto!important;         /* IE 11 */
    display:block!important; }		 
.langSelect{      font-size: 0.8em;
    padding: 10px;
    position: absolute;
    right: 94px;
    top: 81px;
    width: 88px;
    z-index: 100003;
	cursor:pointer;}
#deSel{  }	

.TxtStageCenter{    font-size: 1.3em;
    margin: 20px 0 40px;
    text-align: center;}	
/* FLEXBOX */
.FlexBox{  
     display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
    display: flex;
	
    -webkit-box-align: stretch;    
	-webkit-align-items: stretch;
    align-items: stretch;

	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;		
	}

.spaceAround{ -webkit-justify-content: space-around; /* Safari 6.1+ */
				justify-content: space-around; }
				

.sideNav{} 	
.sideNavHead{font-size:1.2em; font-weight:normal; margin-bottom:0.625em; font-family: 'Noto Serif', serif;}
.blinkhigh{ background-color:#eee;}			
.content1_2{
	flex-grow: 1;
  flex-basis: 48%;
  /* display: flex;  /*so child elements can use flexbox stuff too! */
     padding: 10px;
	 }	



.content1_2_FIX{
	flex-grow: 1;
  flex-basis: 45%;
  /* display: flex;  /*so child elements can use flexbox stuff too! */
     padding: 5px;
	 box-sizing:border-box; }	 

.content1_1{
	flex-grow: 1;
  flex-basis: 100%;
  /* display: flex;  /*so child elements can use flexbox stuff too! */
     padding: 10px;
	 box-sizing:border-box; }	 
#kontaktform .content1_1{padding: 5px;} 
.content2_3{
	width:70%;
	float:left;
	flex-grow: 3;
  flex-basis: 70%;
  /* display: flex;  /*so child elements can use flexbox stuff too! */
     padding: 10px;
	 }

.content1_3{	
	width:25%;
	float:right;
	flex-grow: 1;
  flex-basis: 25%;
  /* display: flex;  /*so child elements can use flexbox stuff too! */
     padding: 10px;
	 }
	 	 	 			
.produktpaletteBox{
	float:left;	
  flex-grow: 1;
 
  display: flex; /* so child elements can use flexbox stuff too! */
  margin: 5px;
  padding: 5px;
  min-width:175px;
  width:15%;
	 
}
.produktpaletteBox:hover{ background-color:#F5F5F5	;}
.rightNaviStage{ order: 2;}
.produktpaletteBox a{   display: flex;
     -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;}
	

.produktpaletteImg { text-align:center;  margin-top: 15px; order: 1; width:100%;}				
.produktpaletteImg img{   border: 1px solid #ddd;
    margin: 5px;
    max-width: 150px;
    padding: 5px;
    width: 100%;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.30);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.30);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.30);}

#index .produktpaletteImg img{   border: none;
    margin: 5px;
    max-width: 150px;
    padding: 5px;
    width: 100%;
	-webkit-box-shadow:none;
-moz-box-shadow:   none;
box-shadow:none;}

.produktpaletteHead{  text-align:center;order: 2;}	

.produktpaletteBox h3{font-size:1.0em; font-weight: normal;margin-bottom:0.625em;text-align:center; font-family: 'Noto Serif', serif; }
.produktpaletteBox a h3 { color:#333;}

.kalirub{   
   font-family: 'Noto Serif', serif;
    font-size: 1.1em;
    font-weight: normal;
	margin-top:20px;
    padding: 10px;
    text-align: left;
	
	    border-bottom: 1px dashed #696969;
	 /*color:#8DB863;*/}
	
.kalirub:first-child{   
 
	margin-top:0px;
	padding-top:0px;
 }	
/* PRODUKTVORSCHAU SEITE*/
.produktpaletteTxt { color:#333;}

#uebersicht .weiter{
   color: #333;
    font-size: 1em;
    text-align: right;
    width: 100%;
	order: 4;
	}

#uebersicht .weiter i { color: #d01515; /*color:#8DB863;*/}	
#uebersicht .produktpaletteTextStage ul { list-style-type: none;   padding-left: 15px; }
#uebersicht .produktpaletteTextStage li  { margin-bottom:10px;}
#uebersicht .produktpaletteTextStage li:before {    
font-family: 'FontAwesome';
content: '\f054';
margin:0 5px 0 -15px;
color: #333;
  font-size: 0.8em;
}

#uebersicht .produktpaletteBox {
    display: block;
    float: none;
    margin: 5px;
    min-width:inherit;
    padding: 5px;
    width:auto;

	 
}

#uebersicht .produktpaletteStage {	 
 -webkit-flex-direction: column;
    flex-direction: column;}
#uebersicht .produktpaletteBox a {
display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    width: 100%;
	padding:5px;

}
#uebersicht .produktpaletteBox a:hover {/*
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.30);
-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.30);
box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.30);
box-shadow: 0 0 5px rgba(208, 21, 21, 1);
*/
}

/*#uebersicht .produktpaletteStage:hover .produktpaletteBox{
	 zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.60;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  }

#uebersicht .produktpaletteStage .produktpaletteBox:hover{

  color: #fff;
  cursor: pointer;
  
 
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}*/

#uebersicht .produktpaletteTextStage{
 padding: 0 10px 10px 10px;
 order:3;
  width: 75%;;
 
    flex-grow: 2;
    flex-shrink: 0;
 
	}
#uebersicht a .produktpaletteTextStage { color:#333;}	
#uebersicht .produktpaletteImg {
	  width:170px;
    order:1;
    flex-grow: 1;
    flex-shrink: 0;
	margin-top:0;

}


#uebersicht .produktpaletteHead {
    text-align: left;
	 order: 0;
	 width:100%;
	 flex: 1 100%;
}

#uebersicht .produktpaletteBox h3 {
    font-size: 1.3em;
    font-weight: normal;
    padding: 10px;
    text-align: center;
}

/* ENDE PRODUKTVORSCHAU SEITE  */

/* Übersicht Rubriken SEITE  */

.katProdUeberImg{ max-width:100px !important;}
.katProdUeberHead{ text-align:left !important; font-size:1.2em !important;}
.katProdUeberTxt{ 
	-webkit-align-self:  stretch;
  align-self:  stretch; 
  display: flex;
  	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
  }
.katProdUeberWeiter{-webkit-align-self:  flex-end;
  align-self:  flex-end;
  width:100%;
  flex: 1 0 100%;} 

.katProdUeberTxt ul{ width:100%; flex: 1 0 100%;}  

/* ENDE Übersicht Rubriken SEITE  */

#einsatzorteStage{ height:700px;}	

.FlexFull{ width:100%;}
.kontaktTxtBig{  font-size: 2em;}
.kontaktTelBig{font-size: 1.5em;}	
.kontaktTxt{ margin:10px 0;}	

/* ***** DETAILSEITEN ******** */
#detailbox{  margin-bottom: 25px;}
#detailboxBild{ text-align:left;   flex-basis:25%;}
#detailboxBild img{ width:100%; padding:10px; box-sizing:border-box;max-width: 350px;}
#detailboxAngaben{   flex-basis: 70%;}
#detailboxAngaben h1{ text-align:left !important;}
.angabendiv:nth-child(2n+1) {
    background-color: #f9f9f9;
}
.angabendiv {
    padding: 15px;
}
.angabendiv table{  background-color: #f0f0f0; margin:10px 0;}
.angabendiv td{    padding: 5px; }
.angabendiv h3{ margin-bottom:5px; }
#detailboxAnmerkungen{}
.anfragebuttonbox{ padding:10px 0;}
#detailback{}
#detailboxFreierzusatz{}
#detailbox-datenblatt a {
    padding: 15px;
    margin-top: 20px;
    display: block;
    border: 2px solid #959595;
    text-align: center;
	cursor:pointer;
	color:#333;
	background: #F9F9F9;
}
#detailbox-datenblatt a i {
    font-size: 1.3em;
}

#detailbox-datenblatt a:hover {
	background-color:#EEEEEE;
	
	
}
#detailbox-datenblatt {
    margin: 20px 0;
    padding: 15px;
}

button{
border:1px solid #cacaca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;   padding: 10px 10px 10px 10px; text-decoration:none; display: block;   
 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
 background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);
 width:100%;
}

button:hover{
 border:1px solid #b3b3b3;
 background-color: #cdcdcd; background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
 background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}
/* ***** ENDE DETAILSEITEN ******** */

.ui-accordion-content {  display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
    display: flex;
	
    -webkit-box-align: stretch;    
	-webkit-align-items: stretch;
    align-items: stretch;

	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;		}
.auswahllisteproduktbox{    border: 1px solid #ccc;
    flex-basis: 18%;
    margin: 5px;
    padding: 5px;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor:pointer;
	}

.auswahllisteproduktbox:hover{
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
	}	
.auswahllisteprodukcheckbox{text-align:center;width: 100%; align-self: flex-end;}
.auswahllisteprodukbild{ text-align:center;width: 100%;align-self:center;}
.auswahllisteprodukname{text-align:center; font-size:0.8em;width: 100%; align-self: flex-start;}
.noOpacity{
	filter: alpha(opacity=100)!important;
	opacity: 1.0!important;}
	
/*** custom checkboxes ***/
.auswahllisteprodukcheckbox input[type="checkbox"] {
    display: none;
}
 
.auswahllisteprodukcheckbox span:before {
    font-family: "FontAwesome";
    font-style: normal;
  font-size: 1.5em;
    content: '\f096';
   
}

.auswahllisteprodukcheckbox span.boxChecked:before {
content: '\f046' !important;
}
 
.KontaktStageSidebar{ order:2;}
.KontaktStageForm	{ order:1;}

.galBoxes{ 
    margin: 5px;
    padding: 5px;
 
	  text-align:center;
}
.galBoxes img{ max-width:150px; max-height:100px;}
 #messwagen .galBoxes{ flex: 1;}
.justified-gallery{ justify-content: space-between;}

#datenschutz ul {
    padding-left: 15px;
	list-style-type: disc;
}
#datenschutz li {

    display: list-item!important;
}
 #cookieHinweis {
    position: fixed;
    bottom: 0;
    z-index: 20000;
    width: 100%;
    background-color: #ccc;
	text-align: center;
	 opacity: 0.95;
	     font-size: 0.8em;
     
}
.cookClose {
/*    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 2em;
	cursor:pointer;*/
}
#cookieHinweis p {

    margin: 12px 0;

}
.cookTxt{ padding:0 95px;}
.cookClose {
  position: absolute;
  right: 32px;
  top: 14px;
  width: 32px;
  height: 32px;
  opacity: 1;
  cursor:pointer;
      border: 2px solid;
    padding: 2px;

}
.cookClose:hover {
  opacity: 0.3;
}
.cookClose:before, .cookClose:after {
  position: absolute;
  left: 13px;
  content: ' ';
  height: 26px;
  width: 3px;
  background-color: #333;
}
.cookClose:before {
  transform: rotate(45deg);
}
.cookClose:after {
  transform: rotate(-45deg);
}
#cookieSpacer{ margin-bottom:100px;}
.anmelde-box {
    width: calc(50% - 5px);
    box-sizing: border-box;
}
 
.mailbox{ order:0; width: 100%;}
.anrbox{ order:1; margin-right: 10px;}
.firmabox{ order:2;}
.vnamebox{ order:3; margin-right: 10px;}
.nambox{ order:4;}
.footlinks { font-size:1.2em;}
.sicherStage {    margin-top: 15px;}
.sicherTxt {    font-size: 0.8em;    margin-top: 10px;}
.sicherEing {    display: flex; padding: 10px 0; align-items: center;}
.sichGleich i {    rotate: 90deg;}
.sichFeld input {    margin-bottom: 0 !important;    margin: 0 15px;width: 100px;}
@media only screen and (max-width:940px){
	/*.produktpaletteBox{  flex-basis: 25%;}	*/
	}
@media only screen and (max-width:893px){
  h1{font-size:1.5em; }
 .bigTel{font-size: 3em;}
 
.KontaktStageSidebar {
    order: 0;
	text-align:center;
}

	}	
	
@media only screen and (max-width:800px){
 	 
	h1{ display:block; text-align:center;}
	h2{ display:block; text-align:center;}
	.langSelect { right: 0px; top: 91px;}
	
	
@media only screen and (max-width:768px){ 	  
	  .sm-mint {
/*		background: #eeeeee none repeat scroll 0 0 !important;*/
		border-bottom: 1px dashed #333!important;
		border-top: 1px dashed #333!important;
	}
	.blinkhigh {
    background-color: #eeeeee ;
	}
	#uebersicht .produktpaletteTextStage ul {  padding-left: 8px; }
	.content1_3 { flex-basis: 100%; }
}

@media only screen and (max-width:720px){ 	 
.content1_2{flex-basis: 100%;} 

#detailboxBild {  flex-basis: 100%;  text-align:center;  margin-bottom: 20px;}
#detailboxAngaben{  flex-basis: 100%;}
		}		
		
@media only screen and (max-width:650px){ 	 
.zweispaltentext{
	 width: 100%;
	 -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;}
#einsatzorteStage{ height:350px;}		
.fullHeader { font-size:2em;}
h2 {font-size: 1.5em;}
.SubHeader {font-size: 1.3em;}
		
@media only screen and (max-width:560px){
 	.bigTel{font-size: 1.5em;}
	.blockStart{ margin-top:50px;}
	
	#uebersicht .produktpaletteTextStage{ width: 100%;}
	#uebersicht .produktpaletteImg {  width: 100%;  max-width:100%;}
	#uebersicht .weiter {}
	
	#uebersicht .produktpaletteBox {  border-bottom: 1px dashed;}		
	.kalirub {
    border-bottom: none;
    text-align: center;
	background-color:#F5F5F5;
	}
	.auswahllisteproduktbox{  flex-basis: 30%;	}
	.anmelde-box {    width: 100%; margin-right:0px !important;}
 
	.anrbox{ order:2; }
.firmabox{ order:1;}

}
		
@media only screen and (max-width:450px){
	.kontaktTxtBig {font-size: 1.3em;}
	.auswahllisteproduktbox{  flex-basis: 40%;	}	
	.TxtStageCenter {font-size: 1.1em;	}
	 #messwagen .galNotFirstThumb{ display:none;}
	 #messwagen .galFirstThumb img{ width:90%;}
	 #messwagen .galFirstThumb img{ max-width:340px; max-height:250px;}
	 #gallery .galFirstThumb img{ }
	 #gallery .galerie{ justify-content: center;}
	 
	 .content1_3 {width:100%;	float: none;}
	
	.sweet-alert h2 {font-size: 15px !important; line-height:normal !important;}
}	

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

 .fullHeader { font-size:1.4em;}
 .auswahllisteproduktbox{  flex-basis: 100%;	}

		}