@import url("https://use.typekit.net/xyg7tov.css");

/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

.bnhead {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;^^
	font-size:72px;
	color:#000000;
	line-height:70px;

} 

.prodBoxHead {
    font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:52px;
	xcolor:#000000;
	color:white;
	xline-height:70px;
}


.bnheadold {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:72px;
	color:#000000;

} 


@media (min-width: 701px) {
.bnheadsmaller {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:58px;
	color:#000000;
	line-height: 1.1;
} 
}

@media (max-width: 700px) {
.bnheadsmaller {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:28px;
	color:#000000;
	line-height: 1.2;

	} 
}

.bnheadsmaller a {
    color : black;
    text-decoration: none;
    background-color: transparent;
}

.bnheadsmaller a:hover {
    color: grey;
}




.myrem {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:3.5rem; 
	color:#000000;
	

} 


.bnheadsmallerStart {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:58px;
	color:#000000;
	line-height:48px;

} 

@media (min-width: 701px) {
.bnsubhead {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 38px;
	color:#000000;
	xline-height: 30px;
} 
}

@media (max-width: 700px) {
.bnsubhead {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	color:#000000;
	xline-height: 30px;

}
}


.bnsubheadsmaller {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 21px;
	color:#000000;
	line-height: 30px;
} 


.bnfliess {
	font-family: proxima-nova-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 21px;
	color:#000000;
	line-height: 25px;
	margin-left: 10px;
	margin-right: 10px;
} 


.bnlink {
	font-family: proxima-nova-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 21px;
	color:#000000;
	line-height: 25px;
	text-decoration:none;
} 




.caption {
	text-align: center;
	text-decoration: none;
}

@media (min-width: 1300px) {
  .container {
    ;max-width: 1250px;
	max-width: 1640px;
  }
}


.caption a {
    color: #525252;
    text-decoration: none;
    background-color: transparent;
	font-size: 1.25rem;
	font-family:cocogoose;
	text-transform:uppercase;
}

.caption a:hover {
    color: orange;
}


.productbox-title {
	text-align: center;
	text-decoration: none;
}

.productbox-title a {
    color: #525252;
    text-decoration: none;
    background-color: transparent;
	font-size: 1.0rem;
}

.productbox-title a:hover {
    color: orange;
}


.weisseBox {
	background-color: white;
	text-align: center; 
}

.schwarzeBox {
	background-color: darkgrey;
	text-align: center; 
	xbackground: linear-gradient(45deg, #FDDBFF, #F17BB5);
}

.brauneBox {
	background-color: wheat;
	text-align: center; 
}

.orangeBox {
	background-color: darkorange;
	text-align: center; 
}

.hellblauBox {
	background-color: rgba(155, 155, 155, 0.27);
	text-align: center; 
}

.grueneBox {
	background-color: rgba(9, 139, 27, 0.44);
	xbackground: linear-gradient(to right, red, orange, yellow, green, blue);
	text-align: center; 
}

.textMarginDropper {
	padding-top : 50px !important;
}

.picMarginDropper {
	padding-bottom: 35px !important;
}


.goldBox {
	background-color: rgba(107, 84, 7, 0.59);
	text-align: center; 
}

.xstartFont {
	font-size: 21px;
	font-weight: bold;
	text-decoration: none;
}

.xstartFont a {
    text-decoration: none;
}

.xstartFont a:hover {
    color: red;
}

#content div.container{
	padding-left:25px !important;
	}
	
	
.centerlogo {
	text-align: center;
	;margin-top: 20px;
}

.notopbottom {
	text-align: center;
	padding-top: 0px ;
	padding-bottom: 0px;
}

.artikelButton {
  font-family: proxima-nova-condensed, sans-serif;
  background-color: #E7094F !important;
  border-width: 1px !important;
  border-radius: 3px;
  border-color: #c30047 !important;
  border: solid;
  color: white !important;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px !important;
  margin: 4px 2px;
  cursor: pointer;
}

.artikelButton:hover {
  xbackground-color: #c30047 !important;
  color: black !important;
	
}

.Abutton1 {
  xbackground-color: white; 
  xcolor: white; 
  xborder: 2px solid black;
}


.Abutton1:link {
  color: white;
}

.Abutton1:visited {
  color: white;
}

.Abutton1:hover {
  background-color: #c30047 !important;
  color: white;
}


.spHerzhaftBox {
	xbackground: rgb(255,255,255);
	xbackground: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,226,45,0.21332282913165268) 100%);
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(214,146,17,0.8183648459383753) 75%);
	text-align: center; 
}



.spSuessBox {
	xbackground: rgb(255,255,255);
	xbackground: linear-gradient(315deg, rgba(255,255,255,1) 0%, rgba(121,42,129,0.6727065826330532) 100%);
	
	background: rgb(240,240,240);
	background: linear-gradient(103deg, rgba(240,240,240,1) 0%, rgba(248,166,255,1) 43%);
	
	
	
	text-align: center; 
}



.spAsiaBox {
	xbackground: rgb(255,255,255);
	xbackground: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(245,45,72,0.7175245098039216) 100%);

	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(245,45,45,0.8239670868347339) 49%);
	text-align: center; 
}

.spPurBox {
	background: rgb(255,255,255);
	xbackground: linear-gradient(180deg, rgba(131,58,180,0) 0%, rgba(134,81,7,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,0.35057773109243695) 0%, rgba(134,126,48,1) 92%);
	text-align: center; 
}

.spFruchtBox {
	background: rgb(255,255,255);
	xbackground: linear-gradient(135deg,white, red, orange, yellow, green, blue);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,0,0,1) 43%, rgba(255,127,0,1) 63%, rgba(255,255,0,1) 77%, rgba(0,255,0,1) 88%, rgba(0,0,255,1) 100%);
	text-align: center; 
}



.startpageArticleBox {
	text-align: center; 
	padding-top:0px;
	padding-bottom:0px;
}

.startpageArticleSub {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 21px;
	color:#000000;
	xline-height: 30px;
	text-decoration:none;
} 

.nopadding {
	padding-top:0px !important;
	padding-bottom:0px  !important;
}


.spPadZero {
	text-align: center; 
	xpadding-top:0px !important;
	xpadding-bottom:0px  !important;
}




.sliderlink {
	font-family: proxima-nova-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
	color:#000000;
	line-height: 25px;
	text-decoration:none;
} 

.startpageArticleSub a {
    color : black;
    text-decoration: none;
    background-color: transparent;
}

.startpageArticleSub a:hover {
    color: grey;
}


@media (min-width: 1441px) {
.bnSixpackText {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 38px;
	color:#000000;
	line-height: 30px;
	margin-top: 30px;
} 
}

@media (min-width: 701px) and (max-width: 1440px) {
.bnSixpackText {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 28px;
	color:#000000;
	line-height: 30px;
	margin-top: 30px;
} 
}


@media (max-width: 700px) {
.bnSixpackText {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 18px;
	color:#000000;
	xline-height: 30px
}
}

.bnSixpackMargins {
	margin-top: 30px;
	margin-left: 40px;

}

.abstandshalter {
	margin-top: 0.8rem;
}


@media (min-width: 1441px) {
.dynText {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 32px;
	xfont-size: 2.5vw;
	color:#000000;
	xline-height: 30px;
	vertical-align: middle;
	margin-top: 30px;
	margin-left: 40px;
	}

}

@media (min-width: 701px) and (max-width: 1440px) {
.dynText {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 24px;
	xfont-size: 3.5vw;
	color:#000000;
	xline-height: 30px;
	vertical-align: middle;
	margin-top: 30px;
	margin-left: 40px;
	}

}


@media (max-width: 700px) {
.dynText {
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 3.5vw;
	color:#000000;
	xline-height: 30px;
	vertical-align: middle;
	margin-top: 10px;
	margin-left: 40px;
	}

}


.centerButton {
	display: flex;
	justify-content: center;
	centeralign-items: center;
}

.centerButton2 {
	text-align: center;
}

.linkPfeil {
	color: #E7094F;
}



.nwTabelle {
	font-family: "Proxima Nova", Arial, sans-serif;
}
	
.nwTabRow {
	xborder-bottom: 1px solid #f8bf00;
}


@font-face {
font-family:"cocogoose";
src:
url(/templates/NOVAChild/themes/base/fonts/Cocogoose-Pro-Letterpress-Regular.woff) format('woff'),
url(/templates/NOVAChild/themes/base/fonts/Cocogoose-Pro-Letterpress-Regular.woff2) format('woff2');
}


.product-title {
	font-family: cocogoose;
	font-size: 3rem;
	text-transform: uppercase;
}


.text-clamp-2 {
    font-family: cocogoose;
    text-transform: uppercase;
}


.productbox.productbox-hover:hover .productbox-inner::before {
  display:none;
}
.productbox.productbox-hover:hover .productbox-ribbon.ribbon {
 top: 1rem;
  left: -0.5rem;
 
}