/******

 red d82d27   
 a8a8a8
 #1a1d24
 ****/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:400,500,700&display=swap'); 
 
body {
	font-family: 'Roboto', sans-serif;
 	padding-top: 105px;
}

h1, h2,h3,h4,h5, .btn, .navigation-main {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
}

@media Screen and (min-width: 48em) {
	body {
		padding-top: 165px;
		padding-bottom: 0;
		display: block;
		position: relative;
	}
}

/*** Unliebsames weg***/
.footer--benefit.block,
.register--advantages.block,
.logo--supportinfo.block, 
.footer--logo,
.paypal--sidebar {
    display: none;
}

.container,
.emotion--container {
    background: transparent;
    border: none;
}


/***Farben Definieren **/
.header-main,
.header--navigation,
.navigation-main,
.navigation-main .navigation--link,
.header-main .shop--navigation,
.header-main .logo-main,
.header-main .logo-main .logo--shop,
.header-main .logo-main .logo--link,
.header-main .logo-main .logo--link picture,
.header-main .top-bar{
  -webkit-transition: all 450ms ease-in-out;
-moz-transition: all 450ms ease-in-out;
-ms-transition: all 450ms ease-in-out;
-o-transition: all 450ms ease-in-out;
transition: all 450ms ease-in-out;

}
#navwrap {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2900;
	background: #1a1d24;
}
.header-main,
.navigation-main {
	background: #1a1d24;
	border: none;
}
.header-main .top-bar--navigation .service--list {
	border: none;
}
.navigation--entry.entry--search {
	display: none;
}
 .navigation-main .navigation--link {
   margin: 8px 14px 8px 14px;
   margin: 0.5rem 0.875rem 0.5rem 0.875rem;
   font-size: 16px;
   font-size: .9rem;
   border-radius: 0;
   padding: 0 0 5px 0;
   display: block;
   cursor: pointer;
   color: #FFF;
   background: transparent;
   position: relative;
   text-transform: uppercase;
   letter-spacing: .02em;
}
 .navigation-main .navigation--link:after {
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	display: block;
 	height: 2px;
 	content: '';
 	background: #d82d27;
 }
.navigation-main .navigation--link:hover {
	color: #FFFFFF;
	background: transparent;
}
.navigation-main .is--active .navigation--link {
	color: #FFFFFF;
	background: transparent;
}
.header-main .top-bar--navigation .navigation--entry,
.navigation--list .btn {
	background: transparent;
	border: none;
	color: #FFF;
}
.shop--navigation .navigation--entry .btn {
	background: transparent;
	border: none;
	color: #FFF;
}
.header-main .top-bar--navigation .navigation--entry:hover,
.shop--navigation .navigation--entry .btn:hover {
	background: transparent;
	border: none;
	color: #d82d27;
}
.account--dropdown-navigation .navigation--signin .navigation--signin-btn.btn {
	background: #d82d27;
	border: none;
	color: #FFFFFF;
}
.account--dropdown-navigation .navigation--signin .navigation--signin-btn.btn:hover {
	background: #1a1d24;
	border: none;
	color: #FFFFFF;
}
.sidebar-main.off-canvas,
.offcanvas--overlay {
	background: #FFFFFF;
}
.sidebar-main.off-canvas .categories--headline.navigation--headline {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	color: #d82d27;
	text-transform: uppercase;
	font-size: 1.2em;
}
@media Screen and (max-width: 48em) {
	.sidebar--navigation,
	.offcanvas--overlay .overlay--headline,
	.sidebar--navigation .navigation--entry {
		border-color: #EEE;
	}
}
/**** Z-INDIZE ****/
@media Screen and (min-width: 48em) {
	.header-main .top-bar {
		height: 32px;
		padding: 4px 0 0 0;
		display: block;
		background: transparent;
		border: none;
	}
	.container.header--navigation{
		padding-top: 50px;
		padding-bottom: 10px;
	}
	.scrolled .container.header--navigation {
		padding-top: 15px;
		padding-bottom: 5px;
	}
	.scrolled .header-main .top-bar {
		overflow: hidden;
		height: 0px;
		padding: 0;
	}
	.header-main .logo-main .logo--link,
	.header-main .logo-main .logo--shop {
		height: 4rem;
	}
	.header-main .logo-main .logo--shop {
		margin-top: -2rem;
	}
	.scrolled .header-main .logo-main .logo--link,
	.scrolled .header-main .logo-main .logo--shop {
		height: 3rem;
	}
	.scrolled .header-main .logo-main .logo--shop {
		margin-top: -.25rem;
	}
	.emotion--wrapper {
		max-width: 98% !important;
	}
}

@media Screen and (min-width: 64em) {
	.content-main--inner {
		padding-left: 0;
		padding-right: 0;
	}
}
 

 
 /***** Content kram ***/
 .content-main {
 	box-shadow: none !important;
 	min-height: 400px;
 }
@media Screen and (max-width: 48em) {
	.content-main {
		padding: 50px 20px;
	}
}
 textarea, input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"] {
 	background: #efefef;
 	box-shadow: none;
 	border-color: rgba(0,0,0,0);
 }
 .panel.has--border {
     border: 1px solid #efefef;
	 border-bottom: 3px solid #1a1d24;
	 border-radius: 0;
 }
 .is--rounded {
     border-radius: 0;
 }
 .panel--title {
 	color: #d82d27;
 }
 
.emotion--html.panel.has--border {
	border: none !important;
}
 .bannertext h3 {
 		font-family: "Roboto Condensed",sans-serif;
 		color: #d82d27;
 		font-size: 2em;
 		line-height: 1.75em;
 		margin-bottom: 0px;
 }
 .bannertext p {
 		font-family: "Roboto",sans-serif;
 		color: #999999;
 		font-size: 1.15em;
 		font-weight: 400;
 }
 
 
 /****** Footer *********/
 .footer-main {
      background: #1a1d24;
	  padding-bottom: 50px;
	  padding-bottom: 50px;
 }
.footer-main .footer--bottom{
  	border: none;
  }
  
 .footer-main, .footer-main a, .footer-main .navigation--link {
	cursor: pointer;
	color: rgba(255,255,255,.6);
	letter-spacing: .02em;
	padding-top: 4px;
	font-weight: 400;
	font-family: "Roboto Condensed",sans-serif;
 } 
 .footer-main .column--logo {
 	padding: 20px;
 }
  .footer-main .column--headline:after {
  	color: #FFFFFF;
  }
  .footer-main .column--headline {
  	font-family: "Roboto Condensed",sans-serif;
  	font-size: 1.2em;
  	font-weight: 500;
  	font-style: normal;
  	color: #FFF;
  	position: relative;
  	display: block;
  	text-transform: uppercase;
 }
  @media Screen and (max-width: 48em) {
	 .footer-main .footer--column {
	 		padding-left: 20px;
	 		padding-right: 20px;
	 }
 	.footer-main .column--logo {
 		display: none;
 	}
 }
 @media Screen and (min-width: 48em) {
 	.footer-main .column--logo {
 		padding: 30px 50px 0 0;
 	}
 	.footer-main .footer--column.column--menu-double {
 	    padding: 0px 10px 0px 0px;
 	    padding: 0rem 0.625rem 0rem 0rem;
 	    width: 40%;
 	    border: none;
 		margin-left: 10%;
 	}
 	.footer-main .footer--column.column--menu-double ul li.navigation--entry {
 		display: inline-block;
 		width: 48%;
 	}
 	.footer-main .column--headline {
 		font-family: "Roboto Condensed",sans-serif;
 		font-size: 1em;
 		position: relative;
 		display: inline-block;
 		text-transform: uppercase;
 	}
 	 .footer-main .column--headline:after {
 	    display: inline-block;
 	    content: '';
 	    height: 1px;
 	    width: 28px;
 	    background: red;
 	    vertical-align: middle;
 	    margin-top: -1px;
 	    margin-left: 16px;
 		float: none;
 	}
 }
  
 .footer-main .footer--column {
 	    border: none;
 } 
.js--overlay {
	z-index: 1000;
}
.off-canvas .ajax--cart {
	z-index: 6000;
}
.steps--content .steps--entry {
	color: #FFF;
}
.steps--content .steps--entry .icon {
	background: #FFF;
	color: #151515;
}
.steps--content .steps--entry.is--active .icon {
	background: #d82d27;
	color: #FFFFFF;
}