/* overrules the big css*/ 
header, #topnavi {background: fff;}
.bgcolored, #topnavi, .naviSpalte2, .anzahl td, .detailGrau, #cityContainer  { background-color: #f2f2f2;}
footer {background-color: #EDEDED;}
.bb15white {border-bottom: 15px solid #EDEDED;}
.countrySelect {padding: 4px 5px; border: 1px solid #626366; background-color: #eaf2e8; font-size: 1rem; color: #000000;}
.greenTxt {color: #0d8c00;}
.langswitcher {display:inline-block; margin-right: 0.9rem; float: left;	padding-top: 4px; font-size:0.9rem;}
.moveBreadTop {margin-top: -40px; margin-bottom: -2px;}
.hbContainer {padding: 25% 0 0 0; position: relative;overflow: hidden;background-color: #eee; margin-top:1rem;}
.hb2 {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}
.pt5 {padding-top: 5px;}
.pb5 {padding-bottom: 5px;}

@media only screen and (max-width: 500px) {
	.langswitcher {padding-top: 5px;}
}
@media only screen and (max-width: 359px) {
	.langswitcher {margin-right: 0.5rem; margin-left: -0.2rem;}
}

/*Hauptmenü Shop */
#primary_nav_wrap .main.relevant.strong {font-family: Relevant-Bold, Arial, Helvetica, sans-serif; font-weight: normal;}
#primary_nav_wrap .main.relevant a:hover, #primary_nav_wrap .main.relevant.active a  {opacity: 1; color: #7aa7d1 !important;}
#primary_nav_wrap .main.relevant.active a {font-family: Relevant-Bold, Arial, Helvetica, sans-serif;  font-weight: normal;}
#primary_nav_wrap .main.relevant.active .sub a {color: #626366 !important; font-family: Relevant-Light, Arial, Helvetica, sans-serif;}
#primary_nav_wrap .main.relevant .sub a:hover{background: #ffffff !important; opacity: 0.7; color: #626366 !important;}

/*Produktkategorien*/
.middleContainerBig {padding-top: 80px; width: 75%;}
.mw830 {max-width: 830px;}
.fwrap {flex-wrap: wrap;}
.middleContainerBig .flex.fwrap {margin-left: -1.5%; margin-right: -1.5%;}
.produktPreview {width: 30.33%; margin: 0 1.5% 2rem 1.5%; float:left; background: #fff; box-shadow: 0 0 3px #aaaaaa; background: #e1edf4; border-bottom: 4px solid #fff; position:relative;}
.produktPreview:hover {box-shadow: 0 0 6px #666; opacity: 1;}
.produktPreview img:hover {opacity: 1;}
.teaserpreis {text-align:right; position:absolute; bottom: 5px; right: 10px; line-height: 1.3; width: calc(100% - 20px);}
.teaserpreviewtext {padding: 10px 14px 10px 14px;}
.produktTeaserText {padding-bottom: 3.5rem;}
.flagContainer {line-height: 1.0; padding: 3px 1px; background: #fff; text-align:center;}
.flagContainer2 {padding: 0 0 0.5rem 0; background: #fff;}
.flag {height: 16px; margin-bottom: -3px;}
.handybaustein {display:none;}

/* Tabelle im Content */
.infoTable {border-collapse: collapse; border:none; width: 100%; }
.infoTable td {vertical-align:top;}
.infoTable td, .infoTable th {border: 1px solid #777; padding: 3px 5px; }
.infoTable th {background: #ededed; text-align:left; vertical-align: middle;}
.infoTable th img {/*float: right;*/margin-bottom: -2px;  height: 16px;}

/* Kacheln auf der Startseite */
.coloredkacheln {background: #f1f6f9;margin-top:-1px; border-top: 1px solid #ccc;}
.flexikacheln {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 4rem 2.5rem 4rem 3rem;}
.kachel {display:block; flex-basis: 22%; box-shadow: 0 0 3px #aaa; background-color: #fff;}
a.kachel:hover {box-shadow: 0 0 6px #666; opacity: 1;}
.kachel img {width: 100%;}
.kachel div {padding: 0.5rem 0.8rem 0.7rem 0.8rem;}
.kachel h2, .kachel h3, .kachel h4 {padding: 0; margin: 0 0 0.5rem 0;}
a.kachel {color: #626366 !important;}
a.kachel div u:hover {opacity:0.6;}
a.kachel img:hover {opacity:1.0;}
.kachel h3 {font-size: 1.2rem;}

/* Video auf der Startseite */
#videoDiagnostics {padding-top: 33.33%; position:relative; overflow:hidden; background-repeat: no-repeat;background-size: cover;background-position: top center;background-color: #eee;}
.videoHeading, .videoText {  margin: 0.5rem 0; width: 90%;}
.css-typing {position:absolute; top: 3rem; left: 5%; color: #fff; z-index:2; width:90%;}
.videoHeading { font-size: 2rem; }
.videoText { font-size: 1.5rem; }

.css-typing p {
  white-space: nowrap;
  overflow: hidden;
}
.css-typing p:nth-child(1) {
  width: 100%;
  -webkit-animation: type 2s steps(80, end);
  animation: type 2s steps(80, end);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.css-typing p:nth-child(2) {
  width: 100%;
  opacity: 0;
  -webkit-animation: type2 2s steps(80, end);
  animation: type2 2s steps(80, end);
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes type {
  0% {
    width: 0;
  }
}

@-webkit-keyframes type {
  0% {
    width: 0;
  }
}

@keyframes type2 {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes type2 {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}


/* neue Kategoriekacheln */
.coloredkacheln.categories {margin-top:-1px; border-top: 1px solid #ccc;}
.categories .container {padding: 1rem 0 0 0 !important;}
.kachelnNormal {display: flex; flex-wrap: wrap;padding:2.5rem 1.5% 2.5rem 3%; }
aside.categories .container .kachelnNormal {padding:2.5rem 2% 2.5rem 1.5%; }
.kachelnProdukt {display: flex; flex-wrap: wrap; padding:1.5rem 3.5% 1.5rem 3%; }
.imgContainer {padding: 55% 0 0 0 !important;position: relative;overflow: hidden; background-color: #eee;}
.imgContainer img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}
.type2 {margin: 1rem 1.5%;}
.categoryHeading {margin-top: 1rem;}
.categoryHeading, .headerP {margin-left: 40px; margin-right:22px;}
.lh13 {line-height: 1.3;}
aside.coloredkacheln.categories {z-index:2; position:relative; border-top:3px solid #cfdbe3; margin-bottom: -50px; border-bottom: 15px solid #fff;}
aside.categories .container {padding: 1px 0 0 0 !important;}
.sisterHeading {font-family: Relevant-Normal, Arial, Helvetica, sans-serif;letter-spacing: 0.02rem;font-weight: normal; font-size: 1.2rem; line-height: 1.2;}
/* Only Chrome und Edge CSS hack, weil im Safari verpixelt */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	img {image-rendering: -webkit-optimize-contrast;}
}
@media only screen and (max-width: 1500px) {
	.headerP {margin-left:0; margin-right: 0;}
}
@media only screen and (max-width: 1390px) {
	#primary_nav_wrap .main {margin: 0 10px 0 10px;}
	.categoryHeading {margin-top: 1rem;margin-left:30px; margin-right: 17px;}
}
@media only screen and (max-width: 1310px) {
	.kachelnNormal, aside.categories .container .kachelnNormal {padding-left: 10px; padding-right: 10px;} 
}
@media only screen and (max-width: 1200px) {
	.middleContainerBig {width: 75%;}
	.flexikacheln {padding: 3rem 1.5rem 3rem 1.5rem;}
	.kachel {flex-basis: 24%;}
	.kachel.type2 {flex-basis: 22%;}
}
@media only screen and (max-width: 1160px) {
	#primary_nav_wrap .main {margin: 0 5px 0 5px;}
	#primary_nav_wrap .sub {padding: 5px 10px 5px 15px;}
	.categoryHeading {margin-top: 1rem; margin-left:25px; margin-right: 13px;}
}
@media only screen and (max-width: 1080px) {
	#primary_nav_wrap .main {margin: 0 1px 0 1px;}
	.categoryHeading {margin-top: 1rem; margin-left:21px;}
	.kachelnProdukt {padding:1.5rem 2% 1.5rem 2%; }
	.kachel.type2 {flex-basis: 30.33%;}
	.css-typing {top: 2.2rem;}
}
@media only screen and (max-width: 1000px) {
	.middleContainerBig {padding-top: 60px; float:none; width: auto;}
	.middleContainerBig .pl10proz.mitte {padding: 0 4.5%;}
	.handybaustein {display:block; background: #f2f2f2; padding: 2px 5px;}
	.flexikacheln {padding: 3rem 3% 0 3%;}
	.kachelnNormal, aside.categories .container .kachelnNormal {padding-left: 1.5rem; padding-right: 1.5rem;}
	.kachel {flex-basis: 48%; margin-bottom: 3rem;}
	.kachel.type2 {flex-basis: 30.33%; margin: 1rem 1.5%;}
	.hbContainer {padding: 35% 0 0 0;}
	.videoHeading { font-size: 1.5rem; }
	.videoText { font-size: 1.1rem; }
	.categoryHeading {margin-top: 1rem; margin-left:40px;}
}
@media only screen and (max-width: 750px) {
	.middleContainerBig {padding-top: 40px;}
	.produktPreview {width: 47%; margin: 0 1.5% 2rem 1.5%; overflow:hidden;}
	.nomobileTable {display:none;}
	.flexikacheln {padding: 2rem 3% 0 3%;}
	.kachel {flex-basis: 48%; margin-bottom: 2rem;}
	.kachel.type2 {margin: 0.75rem 1.5%;}
	.moveBreadTop {margin-top: -20px; margin-bottom: -5px;}
	.kachelnNormal, .kachelnProdukt, aside.categories .container .kachelnNormal {padding:1rem 2% 1rem 2%; justify-content:left !important;}
	.kachel.type2 {flex-basis: 47%;}
	.hbContainer {padding: 40% 0 0 0;}
	.videoHeading { font-size: 1rem; }
	.videoText { font-size: 0.8rem; }
	.categoryHeading {margin-top: 0.5rem;}
	.sisterHeading {font-size: 1.15rem;}
}
@media only screen and (max-width: 550px) {
	.teaserpreviewtext {padding: 0.5rem;}
	.sisterHeading {font-size: 1.05rem;}
}
@media only screen and (max-width: 500px) {
	.flexikacheln {padding: 1.5rem 3% 0 3%;}
	.kachel {flex-basis: 100%; margin-bottom: 1.5rem;}
	.kachel.type2 {flex-basis: 100%; margin-bottom: 1rem;}
	aside.categories .container .kachel.type2 {flex-basis: 47%; margin-bottom: 1rem;} /* Geschwister Kategorien*/
	.css-typing {top: 1.8rem;}
	.videoHeading { font-size: 0.8rem; }
	.videoText { font-size: 0.7rem; }
	.categoryHeading {margin-top: 0; margin-left:5%;}
	.sisterHeading {font-size: 1rem;}
}

@media only screen and (max-width: 360px) {
	.middleContainerBig .flex.fwrap {margin-left: -3.5%; margin-right: -3.5%;}
}

/*Frame fastlanetest.meineakte.at */
.regFrameContainer { background-image:url(/pics/loading.png); background-position: 0% 5%; background-repeat:no-repeat; width:100%; min-height: 300px;}
.regFrame { height: 1200px; width: 100%; border:none;}

@media only screen and (max-width: 1300px) {
.regFrame { height: 2000px;}
}
@media only screen and (max-width: 800px) {
.regFrame { height: 2100px;}
}
@media only screen and (max-width: 500px) {
.regFrame { height: 2200px;}
h2.teaser {font-size: 1.3rem;}
}
@media only screen and (max-width: 360px) {
.regFrame { height: 2300px;}
}