@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');

*{ padding:0; margin:0;}
p{margin-bottom:15px;}
 
img{ border:none;}
img a{ border:none;}
html, body{ width: 100%;}
body {
 font-family: 'Roboto', sans-serif;
	  font-size:16px;
	color:#323232;
 
}  
.clearfloat{ clear: both; margin:0; padding:0;}
h1{font-size:2.25em;   }
h2{font-size:2.25em;  font-weight: normal;margin-bottom: 15px; } 
h3{ font-size:1.5em; font-weight: normal;margin-bottom: 10px;} 
.blue{ color:#0079bb;}
.lightGray{ background-color:#f7f8fa;}
.grayRadBack{background: #c1c4cb;
background: -moz-radial-gradient(center, ellipse cover, #c1c4cb 0%, #99979c 100%);
background: -webkit-radial-gradient(center, ellipse cover, #c1c4cb 0%,#99979c 100%);
background: radial-gradient(ellipse at center, #c1c4cb 0%,#99979c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c4cb', endColorstr='#99979c',GradientType=1 );}
.linkbox{ cursor:pointer;}
.handyShow{ display:none;}
.nachAbsatz{ margin-top:40px;}
.noPadding{ padding:0 !important;}
.noMargin{ margin:0 !important;}
.checkUL { text-align: left;margin-left:0px;}
.allignSelfCenter{     align-self: center !important;}
 
.checkUL li { text-align: left; list-style-type: none;margin-bottom: 15px;display: flex;}
.checkUL li:before{
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; 
  margin-right: 5px;
  color:#0079bb;
  font-size:1.2em;
}
.nonUL li{list-style-type: none;margin-bottom: 10px;}
.dotUL li {    margin-bottom: 10px;    list-style-position: outside;    margin-left: 15px;}
.subHead {  font-size: 0.7em;  padding-bottom: 10px;}
.logiCheckContainer .checkUL  { margin: 3px 0;margin-left: 1px !important;}
.logiCheckContainer h3 { font-size:2em;}
.checkULWhite li:before{  color:#fff !important;}
blockquote {    display: flex;}
blockquote::before {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10d";color:#0079bb;font-size:1.5em;margin-right: 15px;height: 100%;}
blockquote::after {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f10e";color:#0079bb; font-size:1.5em;margin-bottom: 15px;align-self: flex-end;}
.blueButton{ background-color:#0079bb; border:solid 2px #fff; border-radius:5px; padding:10px; color:#fff; text-transform:uppercase;font-size: 1.0em;-webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75);box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75); cursor:pointer;transition: background .2s;}
.redButton{ background-color:#E3060F; border:solid 2px #fff; border-radius:5px; padding:10px; color:#fff; text-transform:uppercase;font-size: 1.0em;-webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75);box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75); cursor:pointer;transition: background .2s;}
.grayButton{ background-color:#CCCCCC; border:solid 2px #fff; border-radius:5px; padding:10px; color:#323232; text-transform:uppercase;font-size: 1.0em;cursor:pointer; width:100%;font-weight: bold;transition: background .2s;}
.greenButton{text-transform: uppercase;
font-size: 1.2em;
font-weight: bold;
text-shadow: none;
padding: 6px 12px;
background-color: #2ecc71;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
border: none;
border-radius: 4px;
width: 100%;
margin-bottom: 15px;
cursor:pointer;}
.greenButton:hover,.greenLogout{  background-color:#27ae60;}
.grayButton:hover{  background-color:#999;}
.greenLogout{background-color: #2ecc71;}
.bigfont{font-size: 1.3em;}
.smalfont{font-size:0.9em; }
.smalfont2{font-size:0.7em; }
.textCenter{ text-align:center;}
.textRight{ text-align:right;}
.textLeft{ text-align:left;}
.textShadow{text-shadow: 0px 0px 15px rgb(0, 0, 0);z-index: 2; padding:0 15px;}
.w100pc{ width:100%;}
.marginBot { margin-bottom:20px;}
.marginTop { margin-top:20px;}
.bold{ font-weight:bold;}
.nonUL.bold ul{ font-weight:normal!important}
.nonUL.bold ul li{ margin-bottom:2px;}
.hr {
    background-image: linear-gradient(
      to right,
      silver 50%,
      transparent 0%
    );
    background-size: 20px 2px;
    background-repeat: repeat-x;
    background-position: 0% bottom;
    animation-name: border-dance;
    animation-duration: 44s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
	padding: 5px; margin: 15px;
  }
  @keyframes border-dance {
    from {
      background-position: 0% bottom;
    }
    to {
      background-position: 100% bottom;
    }
  }

ul, ol { margin-bottom:15px;}

.imagestage{background-position: center center; background-repeat:  no-repeat; background-size:  cover;	background-color: #fff;	height:600px ;	display: flex;	align-items: center;justify-content: center;flex-wrap: wrap; position:relative;    flex-direction: column;}
.imagestage::after {
    content: "";
    background-color: #14212f;
    height: 600px;
    width: 100%;
    position: absolute;
    filter: opacity(12%);
    z-index: 1;
	top:0;
	
	
	left:0;
	opacity:0.2;
}

.imagestageHome{	background-image: url(pics/start_2560.jpg) ;	}
.imagestageKontakt{	background-image: url(pics/kont_2560.jpg) ;	}
.imagestageAnfrage{	background-image: url(pics/anfr_2560.jpg) ;	}
.imagestageUeber{	background-image: url(pics/ueber_2560.jpg) ;	}
.imagestageLeistungen{	background-image: url(pics/leist_2560.jpg) ;	}
.imagestageMethode{	background-image: url(pics/methode_2560.jpg) ;	}
.imagestageDL{	background-image: url(pics/dl_2560.jpg) ;	}
.imagestageBestandsoptimierung{	background-image: url(pics/bestandsoptimierung_2560.jpg) ;	}
.imagestageDurchlaufzeitreduktion{	background-image: url(pics/durchlaufzeitreduktion_2560.jpg) ;}
 
.imagestageUebersicht{	background-image: url(pics/uebersicht_2560.jpg) ;}
 
.imageTextBox{  padding:20px;display: flex;flex-direction: column;align-self: flex-end;z-index: 5; width:100%;flex: 1;justify-content: center;max-width: 1100px;margin: 0 auto; box-sizing:border-box;}
.imageTextBox h1{font-size:3.375em;    font-weight:800; text-transform:uppercase; text-align:center; color:#fff;} 
.imagestage h2 {    align-self: flex-end;font-size:1.0em; color:#fff; text-align:center; text-transform:uppercase;width: 100%;font-weight: bold;}
.imagestageLogiCheck .imageTextBox {   align-self: center;}
.imageButton{ text-align:center; margin-top:15px;}

.imageTextBoxMobile { display:none;}
.imageTextBoxMobile h1{font-size:2em;    font-weight:800; text-transform:uppercase; text-align:center; } 
.imageTextBoxMobile  h2{ font-size:1em;  text-align:center; text-transform:uppercase;}

.headerStage{	 background-color:#FFFFFF;	 z-index: 300;	 position:relative;	 border-bottom: 1px solid #fff;}	 
.headerContainer{margin: 0 auto; max-width: 1024px;}	
 
.topInfoStage{display:flex;font-size: 0.8em;	justify-content: flex-end;}	
.topInfoCont{  margin-right:20px;padding:5px 0 ;}
.topInfoCont a{ color:#000 !important;font-weight:normal !important;}	
.topTel .fa.fa-phone {   transform: rotate(106deg);} 
#header{ z-index: 2147483647; }	
.logoStage{ max-width:371px; width: 100%;height: 111px; margin-left: 20px; position: relative;  top: -6px; background-image: url(pics/yaya-logo.jpg); background-repeat: no-repeat;background-size: contain; display: flex; align-items: flex-end; justify-content: center;}
.logoSub {    position: relative;    bottom: 1px;    font-size: 1.11em;    text-transform: uppercase; color: #6f6d6e;}
.container {margin: 20px auto;		max-width: 1024px;		padding: 10px 20px;	 position: relative;}

a:link,a:visited {text-decoration: none; color:#e3060f;}
a.blacklink:link,a.blacklink:visited {text-decoration: none; color:#e3060f;}

#sticky-wrapper {    position: absolute;    width: 100%;    bottom: 1px; }
.headNaviStage { text-align: right;height: 38px;}
.is-sticky .headNaviStage {    background-color: #fff;-webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75);box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.75);}
#headernavi{ margin:0 auto;	  max-width: 1024px;  position:relative;  align-self: end;}

.nachPfeil {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3em;
    margin: 0 10px;
    color: #514F52;
}
/* ~~ Fußzeile ~~ */
#footer {	  background-color:#514f52;     padding: 0 10px;    text-align: center;}
#footer a{ color: #fff;; font-weight:normal;}

address{    font-size: 0.8em;    font-style: normal;margin: 0px auto;
max-width: 1024px;
padding: 10px 20px;
color:#fff;
text-align: left;}
address .einsDreiFlex {
    margin-bottom: 20px;
}
.noWrap{white-space: nowrap;}
 .kompetenzenStage .flexColum {width: 25%;display: flex;align-items: center;}

.kompetenzenIcon {font-size: 3em;
border: 1px solid #eee;
background-color: #fff;
width: 80px;
height: 80px;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
color: #514F52;}
.kompetenzenStage h3{font-size:1.12em; margin-bottom: 10px;} 

.stimmenStage{}
/****** Buttons Animation  *******/

/****** KONTAKT  *******/
#index #Kontaktform h2{ text-align:center; }
#kontaktMapStage{ height:550px;}
 #kontaktMapStage img{ border:none;}
.kontaktDataStage h3{ column-break-before: column; -moz-column-break-before: column; -webkit-column-break-before: column;}
.anfrageBox,.anfrageBoxHalb  { padding:5px;  box-sizing:border-box; position:relative; }
.anfrageBoxHalb {  width: 50%;flex:1;}
.kuPwStage {    width: 100%; }

 .chkbox{ float: left;    margin-right: 10px;    margin-top: 6px;    width: auto;}
 #projekt .chkbox, #kontakt .chkbox{ float:none;}	
.checkboxtxt{ font-size:0.8em;}	
.checkbox-box{ margin-bottom:20px;}

.anfrageFeld {    height: 22px;    margin-bottom: 10px;    width: 90%;}
.anredeStage{ text-align:left; padding: 5px; width:100%;}

.FormFelder { margin-bottom: 20px;
padding: 10px;
background-color: #fff;
border: 1px solid #cfcfcf;
box-sizing: border-box;}
textarea { overflow: auto;  /* IE Hack gegen Scrollbars an Textarea*/}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#fff;opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color:#fff;opacity: 1;
}
input, textarea {	width:100%;}
.anredeStage select {    width: 25%;    margin-bottom: 6px;    padding: 10px;    background-color: #fff;    border: 1px solid #cfcfcf;    box-sizing: border-box;}

.schnellanfrage-box{ /*text-align:left;  position: relative;*/}
.labeltop{ display: block; position: absolute; top: 9px;   transition: all 0.5s ease; left: 15px;color: #868686; }
.anf_senderInfo{ background-color:#F4F4F4;}
.labelfocus{top: -15px; color:#3E3E3E;font-size: 0.7em;left: 5px;}
#spamschutzdiv{ visibility:hidden; height: 10px;}

.InfopflichtenBox {    justify-content: center  !important;}
#Infopflichten {    width: 25px;}
#submitSchnell{    margin: 10px auto;    width: auto; 	  font-size: 1em;	  display:block;	 -webkit-appearance: none;	cursor:pointer;		padding: 20px 30px;	}
 #spamschutzdiv{ visibility:hidden;}

.anfrageBoxHalb > div{ position:relative;}
.anfHead {    text-align: left;    margin-bottom: 20px;    font-size: 1.2em;    width: 100%;    font-weight: bold;}
.anfHeadBig {    font-size: 1.3em;padding: 5px;  text-transform: uppercase;  margin-bottom: 20px;    color: #fff;    background-color: #514f52;}

.textsmall,.small{ font-size: 0.7em;}
.textMed{ font-size: 0.9em;}
.is-sticky .headerStage{
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);	
	}
.flexbox{ display:flex; flex-wrap: wrap;justify-content: space-between; }
.flexboxItem { margin-right:20px; float:left;  }
.halbFlex{   width: calc(50% - 20px);    }	
.einsVierFlex{   width: calc(25% - 10px);    }
.einsDreiFlex{   width: calc(33% - 10px);    }
.zweiDreiFlex{   width:calc(63% - 10px);  }
.flexColum{flex-direction: column;}

 

.mehr {
    background-color: #ec6826;
    color: #fff;
    position: relative;
    width: calc(100% + 12px);
    left: -6px;
    padding: 10px 0;
}
.mehr:hover {background: #d2581d;}
.zweispaltenTxt{ width: 100%;  column-count: 2;  -webkit-column-count: 2;-moz-column-count: 2;}
.zweispaltenTxtUL{
-webkit-column-gap: 40px;
column-gap: 40px;
-moz-column-gap: 40px;
 list-style-type: none;

    
}
.leistungenUL i {    color: #A8AA1B;}
.fa-ul {    margin-left: 15px !important;}
.zweispaltenTxtUL li,.breakAvoid {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.zieleBild { width:100%;   text-align:center;margin: 0 auto;margin-bottom: 8px;}
.kompetenzenStage .einsDreiFlex { margin-bottom:15px; }

.kundenstimmenImg {align-items: flex-end;padding: 0 15px;align-self: end;align-self: flex-end;    margin: 0!important;}
.kundenstimmenBox {    text-align: left;    background-color: #fff;    padding: 20px;margin: 25px;-webkit-box-shadow: 1px 1px 18px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 1px 1px 18px 0px rgba(0,0,0,0.33);
box-shadow: 1px 1px 18px 0px rgba(0,0,0,0.33);}
.kundenstimmenBox h2 { width: 100%; text-align:center;}

.dlBox h4, .newsBox h4 { font-size:0.9em;}
.dlBox p, .newsBox p { font-size:0.8em;}

.dlTopStage{ text-align:left;}
.dlBox  {    display: flex; text-align:left;margin-bottom: 10px; cursor:pointer;}
.dlBox p {   color:#0079bb;}
.dlBox p i{  color: #FC0;}
.dlBox::before {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f019";color:#0079bb; font-size:1.5em;margin-right: 10px; }
.mehrDl {margin-left: 35px;}
.mehrDl i {color:#0079bb;}


.newsBox {    display: flex; text-align:left;margin-bottom: 10px; cursor:pointer;}
.NewsPaginationContainer {    justify-content: right;align-items: center;}
.NewsPaginationContainer div:first-child { margin-left:15px;}

.pagButton {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
	font-size:0.7em;
 
    border-radius: 7px;
 
border: 1px solid #c2c2c2;
background-color: white;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}
.pagButton:hover {
border: 1px solid #ccc;
background-color: white;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));
background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
background: -ms-linear-gradient(top, #fff 0%, #eee 100%);
background: -o-linear-gradient(top, #fff 0%, #eee 100%);
background: linear-gradient(to bottom, #fff 0%, #eee 100%);
}
.pagButtonSel{ background:#FFFFFF;}
.topConsBanner{ position:fixed; right:0; display:block;max-width: 80px;z-index: 6;}
.topConsBannerFoot{ display:none;max-width: 80px;}
.feldAnm {    font-size: 0.7em;    position: relative;    top: -25px;}

.logiCheckKeyStage::after {  content: "";  background: url(pics/homeKey_2048.jpg);  background-position: center center;  background-repeat: no-repeat;   background-size: cover;  opacity: 0.2;  top: 0;  left: 0;  bottom: 0;  right: 0;  position: absolute;  z-index: -1;  }
.bluebox {	padding:10px;	border: solid #0079bb  4px;	background-color:#fff;	text-align: center;		box-sizing: border-box;	}
.logiCheckKeyStage .bluebox {	width: calc(30% - 20px) !important;}
 
.blueboxIcon { font-size:3em;	 color:#0079bb ;	}		
.blueboxBottomTxt{font-size:0.8em;	color:#0079bb ; }
.blueboxMainTxt {    flex: 1 0 auto;}	
.blueboxMainTxt ul { padding:20px;}	
.blueboxMainTxt li {}	
.logiCheckKeyArr,.logiCheckKeyEqu {    align-self: center;    font-size: 2em;    color: #0079bb;}
.logiCheckArrD{ display:none !important;}

.bildStage {
    position: relative;
    padding: 10px 0;
    margin: 30px 0;
}
.bildStage::after {
    content: "";
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}
.logiCheckStage::after{    background: url(pics/logcheck.jpg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}
.logiCheckContainer{background-color: rgba(0, 121, 187, 0.9);color: #fff;padding: 20px 50px 40px 50px;box-sizing: border-box;border: 3px solid;}
.logiCheckContainer h2, .logiCheckContainer h3 {    margin-bottom: 40px;}	
.logiCheckBox {    max-width: 250px;    margin: 0 auto; margin-bottom: 30px; }
.logiCheckBox  ul{ font-size:0.8em;}

.RoundIcon {
    background-color: #fff;
    padding: 10px;
	margin:10px auto;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    font-size: 4em;
	display: flex;
justify-content: center;
align-items: center;
border: 5px solid #0079bb;
color: #0079bb;
-webkit-box-shadow: 0px 1px 3px 4px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 1px 3px 4px rgba(0,0,0,0.25);
box-shadow: 0px 1px 3px 4px rgba(0,0,0,0.25);	
}
.zweiSpUL{    display: flex;    flex-wrap: wrap;      flex: 1 0 auto;}
.zweiSpUL li {    width: calc( 50% - 30px); margin-right: 10px; }
.NewsBox{ padding:10px; display:block !important; border-bottom: 1px dashed #ccc; }
.NewsBox:last_child{ border-bottom: 0px; }
.NewsBox:nth-child(odd) {background: #FBFBFB;}
.NewsBox h2 {    font-size: 1.5em;}
.mehrNews {  text-align: right;    margin-right: 20px;}
.NewsBox:hover{ background-color: #f7f8fa;  }
.newsImgLeft{ float:left; padding:0px 20px 20px 0px}
.noTxtchange {    text-transform: none;}
.logiCheckIcoTrenner {
    text-align: center;
    font-size: 8em;
    color: #1582bf;
    text-shadow: 0 0 5px #fff;
    -moz-text-shadow: 0 0 2px #000;
    -webkit-text-shadow: 0 0 2px #000;
    z-index: 10;
   

}
.ueberTableSpalt  { margin-bottom: 10px; display:flex;}
.ueberTableRight {   }
.ueberTableLeft {  min-width: 90px;font-size: 0.9em; margin-right:10px;}

.LoginStage {    font-size: 0.9em;}
.regStage {    font-size: 0.9em;text-align: center;}
.pwvergessenStage {    text-align: center;   margin: 10px 0; text-decoration:underline; cursor:pointer;}
.lockStage { margin-left: 5px;}
#loginalert {    background-color: #ff8153;    padding: 5px;    color: #fff; display:none;margin-bottom: 10px;}
.hidden{ display:none; }
.hiddenX{ display:none !important; }
.checkInput {    width: 15px !important;    margin-right: 5px;order: 1;}
.checkboxBox {    margin-bottom: 15px;}
.checkboxBox label{ cursor:pointer; display:block;}
label.error {    display: block;    font-size: 0.7em;    color: red;    position: absolute;   top: 63px;}
.FormFelder.error {    -webkit-box-shadow: 0px 0px 2px 0px rgba(255,82,82,1);    -moz-box-shadow: 0px 0px 2px 0px rgba(255,82,82,1);    box-shadow: 0px 0px 2px 0px rgba(255,82,82,1);}
.openDatenschutz { text-decoration:underline;    cursor: pointer;}
.DatenSchCheckLab{justify-content: left;align-items: baseline;}
.checkboxBoxTxt {    order: 2;width: 85%;}
#datenschutz-error {    position: unset;    top: unset;    order: 3;}
.dlSelStage {    justify-content: center;}
.dlRubSel { background-color: #f3f3f3;    padding: 5px;    font-size: 0.7em; order: 2; margin-right: 2px; position:relative; margin-bottom:15px; cursor:pointer;}
.dlRubSel:hover { background-color: #D7D7D7;}
.dlRubSel:hover::before  {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0dd";color:#D7D7D7;font-size:1.0em;position: absolute;bottom: -5px;left: 48%;}
.dlRubAlle {order: 1;}
.dlRubSelActiv { background-color:#0079BB; color:#fff;}
.dlRubSelActiv::before {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0dd";color:#0079BB;font-size:1.0em;position: absolute;bottom: -5px;left: 48%;}
.lockTd{ color:#FFCC00;}
.butStage {    text-align: center;    margin-bottom: 15px;    font-size: 0.8em;}
.downArr {    font-size: 3em;    margin: 25px 0;}
.sozialStage {    font-size: 2em;}
.morphologischeKastenTxt{ text-align:left; padding:0 10px;}
.fehlerkreisCheck{	max-width: 700px;    margin: 0 auto;        margin-top: 0px;    margin-top: 40px;}
.zoomImg{ cursor:zoom-in;}
.dlBoxTab {    cursor: pointer;}
.centerBox {    text-align: left;    display: inline-block;}
.morphologischeKasten {    max-width: 550px;    width: 100%;}
.seitenanfang {    text-align: center;    padding: 15px;    margin-top: 10px;    background-color: #f7f8fa;    color: #323232;}
.dlkat{ font-size:0.8em;}
.birneImg {    max-width:150px;    margin: 20px auto;position: relative;}
/*.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {    text-align: center;}*/
.zoomImg {    margin: 0 auto;    display: block;}
.BetriebskennlinieContZoomStage{ flex-wrap: nowrap; }
.BetriebskennlinieContZoomImg{ margin-right:15px;min-width: 469px;}
.BetriebskennlinieContZoomTxt{}
.xxresponsiveBox {   margin: 0 20px;}
.xxresponsive {    flex-wrap: nowrap;}

 .pulse {
	 
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	 -webkit-filter: drop-shadow(0px 0px 50px rgba(255, 225, 0, 0.0));
	  animation: pulse 2s infinite;
	
} 

 

@-webkit-keyframes pulse {
  0% {
    -webkit-filter: drop-shadow(0px 0px 00px rgba(255, 225, 225, 0.0));
  }
  50% {
     -webkit-filter: drop-shadow(0px 0px 50px rgba(255, 225, 225, 0.9));
  }
  100% {
     -webkit-filter: drop-shadow(0px 0px 00px rgba(255, 225, 225, 0.0));
  }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
 #hamburgerstage{ cursor:pointer;  margin-top: -12px;}
.hamburger-text{  position: absolute;    top: 2px;    left: 45px;}
 .hamburger{font:inherit;display:inline-block;overflow:visible;margin:0; padding: 0 15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:45px;height:35px; }.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#aaa;}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}

/* .hvr-grow-shadow */
.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}
 /*  ******************** smartmenu toggle button ************************** */
 .main-menu-btn {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  text-indent: 28px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #bbb;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}
#main-menu-state:checked ~ #main-menu {
  display: block;
}
.newsFootNav {padding: 10px;margin: 20px 0; }
.newsFootNext {text-align: right; }
.newsFootPrev {text-align: left; }
.newsFootMen {text-align: center;}
.newsFootNext a,.newsFootPrev a,.newsFootMen  a{padding: 10px;}
.erfolgeIcon { font-size: 4.5em;color: #514F52;background-color: #fff;  border-radius: 100px; width: 120px; height: 120px; display: flex; justify-content: center; align-items: center;}
.erfolgeBox {    display: flex;    align-items: center;}
.ueberS {    position: relative;    top: 15px;}
.erfCount {    font-size: 4em;}

.kuLogoCo .owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}
.kuLogo img{ 
/* -webkit-filter: grayscale(100%);  
  filter: grayscale(100%);*/
  max-width:150px;}
@media (min-width: 940px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }

}

 /*  ******************** ENDE smartmenu toggle button ************************** */

@media only screen and (max-width:2048px){
	.imagestageHome{	background-image: url(pics/start_2048.jpg) ;	}
	.imagestageKontakt{	background-image: url(pics/kont_2048.jpg) ;	}
	.imagestageAnfrage{	background-image: url(pics/anfr_2048.jpg) ;	}
	.imagestageUeber{	background-image: url(pics/ueber_2048.jpg) ;	}
	.imagestageLeistungen{	background-image: url(pics/leist_2048.jpg) ;	}
	.imagestageMethode{	background-image: url(pics/methode_2048.jpg) ;	}
	.imagestageDL{	background-image: url(pics/dl_2048.jpg) ;	}
	.imagestageBestandsoptimierung{	background-image: url(pics/bestandsoptimierung_2048.jpg) ;}
	.imagestageDurchlaufzeitreduktion{	background-image: url(pics/durchlaufzeitreduktion_2048.jpg) ;}	
	.imagestageUebersicht{	background-image: url(pics/uebersicht_2048.jpg) ;}
	}	
 
		  
@media only screen and (max-width:1250px){
    .topConsBanner{ display:none;}
  .topConsBannerFoot{ display:block;margin: 0 auto;}
		}	
		
@media only screen and (max-width:1024px){
	.bildStage {    padding:0;}
	.bildStage::after {    opacity: 1;}
	}
			
@media only screen and (max-width:940px){	

	#sticky-wrapper {   position: relative;    bottom: 0px;}
.headerBarr {
position: relative;
}
.logoStage { position: relative;    top: 0px;}

.topInfoStage { justify-content: space-around; background-color:#b4b4b4; margin-bottom:20px; }
.topInfoCont { margin:0; padding:0;flex: 1 0 auto;text-align: center;border-right: 1px solid #fff; }
.topInfoCont:last-child {border-right: none; }
.topInfoCont a { display:block; width:100%; padding:20px 0; color:#fff !important;}
.logoStage{ margin: 10px auto 0 auto  !important; }	
	.handyShow{ display:block;}
	
	
	.handyHide{ display: none !important;}
 
	.sm-simple > li:first-child {margin-left: 0px;}
	.main-menu-btn {
		position: relative !important;
		display: block!important;
		width: auto!important;
		text-align: right;
		padding: 10px 20px;
		top:0px!important; 
		margin-right:0px !important;
 
	}
	#main-menu {
		position: relative !important;
		right: 0;
		top:-2px !important;
		border-bottom: solid #ccc 10px;
 
   max-height: calc( 100vh - 25px);
    overflow-y: auto;
    overflow-x: hidden;

}
	
	.headerStage { 
    padding-bottom: 0px!important;
    padding-top: 0px!important;
	}
	.main-menu-btn-icon, .main-menu-btn-icon::before, .main-menu-btn-icon::after {    
    top: 20px;
    left: 20px;
	}
#hamburgerstage{ display: block;}
#my-menu{ display: none; }
}
 
@media only screen and (max-width:880px){	
  	.zieleStage .einsDreiFlex{ width:calc(100% - 20px);}
	.personStage .einsDreiFlex{   width: calc(33% - 10px);    }
	.personStage .zweiDreiFlex{   width: calc(63% - 10px);    }
	.einsDreiFlex,.zweiDreiFlex{ width:100%;margin-bottom: 5px;}
	
	.zweispaltenTxt{  column-count:1;}
	.zieleStage .flexColum {    text-align: center; margin: 0 auto;   margin-bottom: 30px;}
	.kundenstimmenImg {width:calc(100% - 10px);justify-content: center;}
	.kundenstimmenImg img{max-width:340px; width:100%;}
	.flexbox.kundenstimmenStage {    justify-content: center;}
	.kundenstimmenBox {    margin-top: 0;}
	address .einsDreiFlex {    margin-bottom: 20px;    justify-content: right;    width: 100%;    text-align: center;}
 	.footerNav ul {  list-style-type: none;}
	.zweiSpUL li {margin-left: 20px; width:100%;}

.logiCheckBox {    max-width: none; text-align:center;}

.logiCheckBox li { list-style-type:none;font-size:1em; margin-left:0;}
.zweiSpUL li {    width: calc( 100% - 10px);    margin-right: 0px;    margin-left: 0px;}
.logiReskBox .zweiSpUL {    text-align: center;    list-style-type: none;}
.morphologischeKastenTxt{ text-align:center; }

}
@media only screen and (max-width:820px){
	.BetriebskennlinieContZoomStage {    flex-wrap: wrap;}
	.BetriebskennlinieContZoomImg {    margin: 15px auto; min-width: 100%;}
	}
@media only screen and (max-width:768px){ 

	 
    .kundenstimmenImg {width:calc(100% - 10px);justify-content: center;}
	.kundenstimmenImg img{max-width:340px; width:100%;}
	.flexbox.kundenstimmenStage {    justify-content: center;}
	.kundenstimmenStage .zweiDreiFlex { width:100%;}
	.kundenstimmenBox {    margin-top: 0;}
	.logiCheckKeyStage .bluebox {    width: calc(100% - 20px) !important;}
	.logiCheckKeyArr, .logiCheckKeyEqu {    width: 100%;    text-align: center;margin: 20px 0;}
	.logiCheckArrR{ display:none !important;}
	.logiCheckArrD{ display: block !important;}
	.hvr-grow-shadow:active, .hvr-grow-shadow:focus, .hvr-grow-shadow:hover {
    box-shadow: none !important;
    -webkit-transform: none !important;
    transform: none!important;
}
	}		

@media only screen and (max-width:666px){
 .imageHead h1{font-size:2em; } 
 	.halbFlex{width: calc(100% - 20px);margin-bottom: 5px;}
	.mehrDl {    margin-left: 0px;  }
	.dlTopStage h2 {    text-align: center;}
	 .checkUL { margin-left: 0px;}
	 .LogiCheckErgebCont .bluebox{ margin-bottom:30px;}	 
	 .logiCheckContainer {    padding: 20px 20px 40px 20px;}
	 .werdegangStage{ margin-top:30px;}
	 .erfolgeBox.einsVierFlex{   width: calc(50% - 10px); margin-bottom: 40px;   }
	 .anfrageBoxHalb {width: 52%;flex: 1;}
	 .centerBox {    text-align: center;}
	}	
@media only screen and (max-width:600px){	
	
	.personStage .einsDreiFlex, 	.personStage .zweiDreiFlex{   width: 100%;    }
	.profilbild {    margin-bottom: 20px;}
	.butStage {    text-align: center;}
	.leftCenter {    text-align: center;}
	.xxresponsive {    flex-wrap: wrap;}
	
}	
@media only screen and (max-width:545px){
.kompetenzenStage .flexColum {
    width: 50%;
    margin-bottom: 20px;
}	
}
@media only screen and (max-width:500px){
.imagestage{ 	height:300px ; }
.imagestage::after{ 	height:300px ; filter: opacity(0%); }

.imagestageHome{	background-image: url(pics/start_368.jpg) ;	}
.imagestageKontakt{	background-image: url(pics/kont_368.jpg) ;	}
.imagestageAnfrage{	background-image: url(pics/anfr_368.jpg) ;	}
.imagestageMethode{	background-image: url(pics/methode_368.jpg) ;	}
.imagestageLeistungen{	background-image: url(pics/leist_368.jpg) ;	}
.imagestageUeber{	background-image: url(pics/ueber_368.jpg) ;	}
.imagestageDL{	background-image: url(pics/dl_368.jpg) ;	}
.imagestageBestandsoptimierung{	background-image: url(pics/bestandsoptimierung_368.jpg) ;}
 .imagestageDurchlaufzeitreduktion{	background-image: url(pics/durchlaufzeitreduktion_368.jpg) ;}
.imagestageUebersicht{	background-image: url(pics/uebersicht_368.jpg) ;}

.imageTextBox,.imagestage h2{ display:none;}
.imageTextBoxMobile { display:block;}
h2{font-size:1.4em;   } 
.kompetenzenStage .einsDreiFlex { width:calc(100% - 20px); }
.zweiSpUL li {    width:100%;    margin-right: 0px;    margin-left: 0px;}
.nachPfeil {width: 100%;transform: rotate(90deg);margin: 5px 0 20px 0;}
 	}
@media only screen and (max-width:390px){
.anfrageBox {    width: 100%;}
.anfrageBoxHalb {    width: 100%;    flex: 1 1 auto;}
}
	
@media only screen and (max-width:371px){
.logoStage { max-width:90%; height:80px;}
.logoSub{ display:none;}
}

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

 	
blockquote::after,blockquote::before { content:""; display:none;}
.ueberTableSpalt {    flex-direction: column;}
.ueberTableLeft {    margin-right: 0px;font-weight: bold;}
.erfolgeBox.einsVierFlex{   width:100%; margin-bottom: 40px;   }
.newsFootNav { width:100%;margin: 0;padding: 3px 0; }	 	
a.pagButton{ width:100%; display:block; }
	}		
/* ** CSS für "Retina" Geräte mit höherer Pixel Ratio *** */

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/*.logoStage{background-image:url(pics/logo@2x.jpg)} */
}