/** Shopify CDN: Minification failed

Line 1400:3 Unexpected ";"
Line 1596:2 "line-heigt" is not a known CSS property

**/
/** Shopify CDN: Minification failed

Line 1382:3 Unexpected ";"
Line 1559:2 "line-heigt" is not a known CSS property

**/
/** Shopify CDN: Minification failed

Line 1376:3 Unexpected ";"
Line 1553:2 "line-heigt" is not a known CSS property

**/
/** Shopify CDN: Minification failed

Line 121:2 "Height" is not a known CSS property
Line 1299:3 Unexpected ";"

**/
/** Shopify CDN: Minification failed

Line 115:2 "Height" is not a known CSS property
Line 1286:3 Unexpected ";"

**/


/* http://meyerweb.com/eric/tools/css/reset/ 
   RESET CSS (MEYER RESET)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


 
 
 @font-face {
     font-family: "Circular Medium";
     src: url("/cdn/shop/t/2/assets/lineto-circular-medium.eot?v=129573875218343041851679173482");
     src: url("/cdn/shop/t/2/assets/lineto-circular-medium.woff2?v=182782693826685512781679173479") format("woff2"),
          url("/cdn/shop/t/2/assets/lineto-circular-medium.woff?v=154924084497673285991679173488") format("woff");
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
     font-family: "Circular Bold";
     src: url("lineto-circular-bold.eot");
     src: url("lineto-circular-bold.eot?#iefix") format("embedded-opentype"),
          url("lineto-circular-bold.woff2") format("woff2"),
          url("lineto-circular-bold.woff") format("woff");
     font-weight: normal;
     font-style: normal;
 }


body {
    background:white;
    color: black;
    font-family: 'Circular Medium', sans-serif;
    font-style: normal;
    font-size: 100%;
    /* font-size: 1.15vw;
    line-height: 1.5vw; */
    letter-spacing: 0.025rem;
    margin: 0;
    padding: 0;
	  text-align:left;
    transition: background-color 1.5s;
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}
/* hide scrollbar but allow scrolling */

.seifenmacher-text::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}




a {
	text-decoration: none;
	color: black;
	font-family: 'Circular Medium', sans-serif;
}

header {
  padding-left: 2vw;
  top:0vh; /*preview*/
  background: none;
  Height: 5vw;
  width: 100vw;
  padding-top: 2vh;
  position: fixed;
  color:black;
  z-index: 100;
}
header.shopfront {
  padding-left: 2vw;
  top:0vh; /*preview*/
  background: white;
  Height: 13vh;
  width: 100vw;
  padding-top: 2vh;
  position: fixed;
  color:black;
  z-index: 100;
}
header h1.logo{
  position: absolute;
  margin-top:0;
  float:left;
  font-size: 1.5rem;
  z-index: 200;
}
header h4.logo{
  position: absolute;
  margin-left: 12rem;
  margin-top:0.2rem;
  font-size: 0.7rem;
  float:left;
  z-index: 200;
}
/*---------------Hamburgerbutton-----------------*/
header button.hamburger {
  cursor: pointer;
  display:block;
  position:fixed;
  top: 0.4vh;
  right:0vw;
  display:block;
  z-index:200 !important;
  /* display:none !important; */
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 20px !important;
  height: 2px !important;
}
.hamburger-box {
    width: 24px !important;
    height: 24px;
    display: inline-block;
    position: relative;
}
.alleprodukte {
    margin-top:20vh;
    margin-left:2vw;
    width:98vw;

}
h1.produkttitel {
    white-space: pre-line;
}
code {
    display:none;
}

/*---------------Menu NAVIGATION-----------------*/
header .menu {
  opacity: 1;
  visibility: visible;
  position:fixed;
  width: 38.75vw;
  z-index:30;
  top:0;
  margin-top: -131vh;
  padding-top: 20vh;
  padding-left: 62vw;
  border-bottom: 2px solid black;
  background: #7d7dd8;
  font-size: 4vh;
  letter-spacing: 0.1vh;
  left: 0;
  height:100vh;
  transition: margin-top 1.0s;
}
header .menu a:hover {
  border-bottom: 2px solid black;
}
header .menu .socialmedialinks a:hover{
  border-bottom: none;
}
header .menu a:focus {
  border-bottom: 2px solid black;
}
header .menu span:hover, header .categories li a:hover {
  cursor:pointer;
  border-bottom: 2px solid black;
}
ul.menu li {
    margin: 0;
    line-height:4.5vh;
    list-style: none;
    padding: 0.2em 0.5em 0 0; /* LTR */
  }
ul.menu li.active a {
	border-bottom: 2px solid black;
}

ul.categories {
  position:absolute;
  top:10vh;
}

ul.categories li {
  float:left;
  margin-right:2rem;
}


ul.categories li.active a {
	border-bottom: 2px solid black;
}
header .menu.hammenu {
  opacity: 1;
  margin-top: 0;
  visibility: visible;
  transition: margin-top 1.0s
}
/* DREHENQUER UND HOCH FUER PHONE TABLET */
header div.drehenquer {
 display: none;
 align-items: center;
 justify-content: center;
 position: fixed;
 height:100vh;
 top: 0;
 left: 0;
 width: 100vw;
 background-color: grey;
}
header .drehenquer p {
	text-align:center;
	font-size:2rem;
}
header .drehenquer img {
width:20vw;
height:20vh;
margin-left:40vw;
margin-top:40vh;
}
div.drehenhoch {
 display: none;
 align-items: center;
 justify-content: center;
 position: fixed;
 color:white;
 height: 70vh;
 top: 0;
 left: 0;
 width: 100vw;
 z-index:1;
 /* background: red; */
}
div.drehenhoch p {
	position: fixed;
	width: 100vw;
	text-align:center;
	font-size:2rem;
	color: white;
}
div.drehenhoch img {
  width: 20vw;
  height:20vh;
  margin-left:40vw;
  margin-left: 40vw;
  margin-top: 40vh;
  opacity: 1;
}
/* NEWNEW */
/* SPRACHUMESCHALTER */
button.disclosure__button {
  	float: left;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
  	display: block;
  	width: 1rem;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	border-bottom: 2px solid black;
  	cursor: pointer;
  	-webkit-border-radius: 0px;
  	border-radius: 0px;
  	background: none;
  	font-size: 1rem;
  	font-family: 'Circular Medium', sans-serif;
      font-size: 4vh;
  	font-weight: normal;
}
.disclosure {
  font-size:2vh;
}
.disclosure a.aktiv {
    border-bottom: 2px solid black;
}

/******* WARENKORB KLEIN *********/

.warenkorbklein {
  position: absolute;
  left: 60vw;
  top: 0;
  padding-top: 2vh;
  z-index: 199 !important;
}
.page-checkout .warenkorbklein {
   background-color:white;
   padding-bottom:10vh;
   width:38vw;
   padding-top:4vh;
   margin-top:-2vh;
   z-index:0 !important;
}
h2.warenkorbbutton {
  display: block;
  float:left;
  padding: 1px 0px 2px 0px;
  border-bottom: 2px solid black;
  cursor: pointer;
  font-size: 0.9375rem;
  font-family: 'Circular Medium';
  font-weight: normal;
  letter-spacing: 0.025rem;
}
.cart-product-quantity {
  float:left;
  padding: 1px 5px 2px 5px;
  margin-left:1.5vw;
  margin-right: 1.5vw;
  border-bottom: 2px solid black;
  font-size: 0.9375rem;
  font-family: 'Circular Medium';
  font-weight: normal;
  letter-spacing: 0.025rem;
}
.total-amount {
  float: left;
  padding: 2px 5px 1px 5px;
  font-size: 0.9375rem;
  font-family: 'Circular Medium';
  font-weight: normal;
  letter-spacing: 0.05rem;
  border-bottom: 2px solid black;
}
/*WARENKORB GROSS*/
.ajax-shopping-cart-wrapper {
  position: relative;
  overflow-y: scroll;
  height: 80vh;
  width: auto;
  margin: 20vh 2vw 0vw 12vw;
}
.ajax-shopping-cart-wrapper h2{
  display: none;
}


/* before: .ajax-shopping-cart-table input[type=text] */
 input[type=number].quantity-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'Circular Medium';
  border: 0;
  border-bottom: 0.1rem solid white;
  /* margin-bottom: 0.5rem; */
  text-align: center;
  font-size: .9375rem;
  color: black;
  width:2rem;
}
.warenkorbgross {
  position: fixed;
  width:50vw;
  left:50vw;
  top: 0;
  height: 100%;
  z-index: 101;
  background: white;
  margin-left: 50vw;
  transition: margin-left 2s ease;
  /* transition-delay:1s; */
}
.warenkorbgross.offen {
  margin-left:0;
}
.js-my-cart-open .warenkorbgross {
  margin-left:0;
}
.ajax-shopping-cart-table {
    width: 100%;
    border-collapse: collapse;
    vertical-align: middle;
}
.ajax-cart-row {
      border-bottom: 0.15rem solid;
      height:3rem;
}
/* new */

button.ajax-shopping-cart-checkout {
  padding:0;
  margin:0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background:none;
  border:none;
  margin-top: 5vh;
  float: right;
  clear: both;
  border-bottom: 2px solid black;
  text-transform: uppercase;
  line-height:1.2;
    font-family: 'Circular Medium', sans-serif;
    font-style: normal;
    font-size: 100%;
    margin-bottom:8vh;
    cursor:pointer;
    color:black;
  margin-bottom:5rem;
}
.a
td.quantity {
  width: 4.5rem;
  }
th {
  width:20vw;
  height:7vh;
}

td {
  padding-top: 0.5rem;
  vertical-align: middle;
  font-size: .9375rem;
}
td.totalpreis {
	text-align:right;
}
.warenkorbzu {
  position:absolute;
   color:black;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  text-transform: uppercase;
  transform-origin: left;
  transform: rotate(-90deg);
  line-height:1.2;
  bottom:1vw;
  left:2vw;
  border-bottom:2px solid black;

}
/* Produktdisplay */

.produktdisplay input[type=number], .produktdisplaydetail input[type=number] {
  	text-align: center !important;
  	float: left;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
  	display: block;
  	width: 1.5rem !important;
  	text-align: center !important;
  	margin: 0 !important;
  	padding: 0;
  	padding-top: 0px;
  	border: 0;
  	border-bottom: 2px solid black;
  	color: black;
  	/* border-top: 2px solid red; */
  	cursor: pointer;
  	-webkit-border-radius: 0px;
  	border-radius: 0px;
  	background: none;
  	font-size: 1rem;
  	font-family: 'Circular Medium', sans-serif;
  	line-height: 1.5rem;
  	font-weight: normal;
}
.preisgewichtd {
    margin-top: 1vh;
    font-size: 1rem;
}
/* old: .addtocart */
 .product-form {
    margin-top: 0.7rem;
    display: block;
}
.add-to-cart-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display:block;
    /* float:left; */
  font-size: 1rem;
  padding: 0;
  border: 0;
  border-bottom: 2px solid black;
  color:black;
  cursor:pointer;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background:none;
  margin-left: 4.3rem;
  line-height: 1.5rem;
  font-family: 'Circular Medium', sans-serif;
}

.variant-options button {
  background: none;
	color: inherit;
	border: none;
	padding: 2px;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}
.variant-options button.active {
  background:black;
  color:white;
}
.variant-options {
  float:left;
}
.variant-price {
  margin-left:0.5rem;
}
.sold-out {
  display: inline-block;
  /* float:left; */
  font-size: 1rem;
  padding: 0;
  border: 0;
  border-bottom: 2px solid black;
  color:black;
  cursor:pointer;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background:none;
  margin-top:0.7rem;
  line-height: 1.5rem;
  font-family: 'Circular Medium', sans-serif;
}
.lowstock {
  font-size:0.8rem;
  line-height:1rem;
}
.quantity-button {
  	text-align: center;
  	float: left;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
  	display: block;
  	width: 1rem;
  	text-align: center;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	border-bottom: 2px solid black;
    color:black;
  	cursor: pointer;
  	-webkit-border-radius: 0px;
  	border-radius: 0px;
  	background: none;
  	font-size: 1rem;
  	font-family: 'Circular Medium', sans-serif;
  	line-height: 1.5rem;
  	font-weight: normal;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.produktdisplay input[type="number"]::-webkit-inner-spin-button,
.produktdisplay input[type="number"]::-webkit-outer-spin-button, 
.produktdisplaydetail input[type="number"]::-webkit-inner-spin-button,
.produktdisplaydetail input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.produktdisplay input[type="number"], .produktdisplaydetail input[type="number"], input[type=number].quantity-input {
  -moz-appearance: textfield;
}

.produktdisplay {
  z-index: 1;
  position: relative;
  overflow: hidden;
  float: left;
  color: black;
  width: 18vw;
  margin-right: 2vw;
  height: 22vh;
}
.produktdisplay:nth-child(4) {
  height: 22vh;
}

.produktdisplay:nth-child(n+5):nth-child(-n+8) {
  height: 18vh;
}
.accessoires .produktdisplay:nth-child(n+5):nth-child(-n+8) {
  height: 22vh;
}
.produktdisplay:nth-child(12) {
  height: 22vh;
}
.produktdisplay:nth-child(n+13):nth-child(-n+16) {
  height: 18vh;
}
.produktdisplay:nth-child(20) {
  height: 22vh;
}
.produktdisplay:nth-child(24) {
  height: 22vh;
}
.produktdisplay:last-child {
  height: 32vh;
}
  .produktbeschreibung {
    opacity: 0;
    white-space: pre-line;
  }
  .produktinfos {
  	z-index:2;
    	position:absolute;
    	top:0vh;
  }
  .produktinfos h1 {
    display:table;
    font-size: 3.45vh; /* ist 32*/
    line-height: 3.8vh;
    border-bottom: 0.2rem solid transparent !important;
    cursor:pointer;
    border:0;
    width:auto;
  }
  code.farbe { display:none;}
.warenkorb {
 margin-top:20vh;
 margin-left:2vw;
}

  .addtocart {
    margin-top: 0.5vw;
    display: block;
  }





  /*produktinfosdetail*/

  .produktdisplaydetail {
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
  }
  .produktinfosdetail {
  position: relative;
  width: 38vw;
  height:80vh;
  top: 20vh;
  left: 62vw;
  color: black;
  overflow-y: scroll;
  }
  .backtoshop {
  	left:8vw;
  position: fixed;
  bottom: 8vh;
  /* left: 82vw; */
  font-size: 1rem;
  border-bottom: 0.15rem solid black;
  text-transform: uppercase;
  transition: border-bottom 0.5s;
  }
  .backtoshop:hover {
  	border-bottom: 0.15rem solid transparent;
  	transition: border-bottom 0.5s;
  }
  .produktinfosdetail .preisgewichtd {
    margin: 0;
    margin-top: 1.3rem;
    position: relative;
    float: left;
  }

  .produktinfosdetail .preisgewichtd:nth-of-type(n+2) {
    margin-top: 1.5rem;
    clear:both;
}
  .produktinfosdetail h1 {
    font-size: 3.45vh;
    line-height: 4.1vh;
    display: table;
    border-bottom: 0.2rem solid black;
  }
.produktinfosdetail h1:nth-child(2){
	margin-top:0.2rem;
	margin-bottom:2rem;
}
  .produktinfosdetail .addtocart {
    position: relative;
    margin-top: 0.3rem;
    width: 18vw;
    float: right;
    bottom: auto;
  }
  .produktinfosdetail .addtocart:nth-of-type(n+2) {
    margin-top: 0.5rem;
    color:red;
    /*! clear:both; */
}
.produktinfosdetail h3 {
 clear: both;
 line-height: 1.5rem;
 position: relative;
 top: 2rem;
 left: 0rem;
 width: 34vw;
 margin: 0;
 margin-bottom:4rem;
 hyphens:auto;
 white-space: pre-line;
 hyphens: none;
 font-size:100%;
 font-weight:normal;
}

/* produktinfosdetail */
.produktbild img {
width: 50vw;
height: auto;
position:absolute;
  
}
.produktbild img.hidden {
opacity:0;
}
.produktbild {
  position: absolute;
  margin-left: -2vw;
  height: 100vh;
  width: 62vw;
  margin-top: 0%;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Socialmedialinks */
header .socialmedialinks {
  margin-top:12vh;
  margin-left:-2.5vw;

}
header .agbs {
float:left;
margin-left: 5.5rem;
font-size:1rem;
display:inline-block;
  margin-top:-1.8rem;
}
.seifenmacher-text .agbs {
  margin-top:3rem;
}
img.facebooksvg {
  width:1.875rem;
  margin-left: 0vw;
}
img.instagramsvg{
  width:1.875rem;
  margin-right: 1vw;
}
/* AGBS TEIL NEW */
.shopify-policy__container {
  padding:0;
  max-width: none;
  position: fixed;
  z-index: 5;
  height:100%;
  width: 50%;
  top:0;
  left:0;
  margin-left:0;
  background-color:white;
  transition: margin-left 2s ease;

}
.shopify-policy__title {
  display:none;
}
.shopify-policy__body {

  max-width: none;
  font-family: 'Circular Medium',sans-serif;
  overflow-y: scroll;
  overflow-x: hidden;
  position:relative;
  top: 20vh; /*abstand oben*/
  left: 2.03vw;
  width: 38vw;
  padding-right: 10vw;
  height: 79vh;
  font-size: 0.9375rem;
  line-height: 1.4rem;
  letter-spacing: 0.025rem;
}
.shopify-policy__body .rte h3 {
  /* display: inline-block; */
  width: fit-content;
  color:black;
  position: relative;
  border-bottom: 0.15rem solid black;
  margin-left: 2.03vw;
  font-size: 1.0625rem;
  line-height: 1.4rem;
}
.shopify-policy__body .rte h2 {
  /* display: inline-block; */
  width: fit-content;
  color:black;
  position: relative;
  border-bottom: 0.15rem solid black;
  margin-left: 0vw;
  font-size: 1.67rem;
  line-height: 2.3rem;
}

.shopify-policy__body .rte p {
  text-align: justify;
  margin-top: 1.1875rem;
  color:black;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  white-space: pre-line;
}

.shopify-policy__body .rte p:last-child {
  margin-bottom:10vh;
}
/* SEIFENMACHERFRONTTEIL */

img.closesvg {
    visibility: visible;
    width: 3vw;
    height: 3vh;
    position: fixed;
    display: block;
    padding: 2vh;
    left: 44.9vw;
    top: 0;
    color: black;
    cursor: pointer;
}
img.removesvg {
    
width: 1.4rem;
    
height: 1.4rem;
    
color: black;
    
cursor: pointer;
    
}
.ajax-shopping-cart-total {
  clear: right;
  float: right;
  padding-top: 1rem;
  padding-right: 0vw;
  margin-right: 0vw;
  padding-bottom: 1vw;
  border-bottom: 0.15rem solid;
  text-transform: uppercase;
  text-align: right;
}
img.closesvg.versteckt {
  visibility: hidden;
}


/* Links Mitte unten zu den Menüpunkten */
.linkoben {
    position: absolute;
    color: black;
    z-index: 10;
    right: 2.5vw;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform-origin: right;
    transform: rotate(90deg);
    bottom: 20vh;
}

.linkoben a {
  border-bottom: 0.1rem solid black;
  transition: border-bottom 0.5s;
}
.linkoben a:hover {
  border-bottom: 0.1rem solid white;
  transition:border-bottom 0.5s;
}
.linkoben p {
  float:right;
  margin-left: 0.8vw;
}
.linkunten {
    position: absolute;
    color: black;
    z-index: 10;
    right: 2.5vw;
    font-family: 'Circular Medium',sans-serif;
    font-weight: normal;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform-origin: right;
    transform: rotate(90deg);
    bottom: 2vh;
}

.linkunten a {
  border-bottom: 0.1rem solid black;
  transition: border-bottom 0.5s;
}
.linkunten a:hover {
  border-bottom: 0.1rem solid white;
  transition: border-bottom 0.5s;
}
.linkunten p {
  float:right;
  margin:0;
  margin-left: 0.8vw;
}
.seifenmacher-textfeld {
  position: fixed;
  z-index: 5;
  height:100%;
  width: 50vw;
  top:0;
  left:0;
  margin-left:0;
  background-color:white;
  transition: margin-left 2s ease;
}
.seifenmacher-textfeld.geschlossen {
  margin-left:-50vw;
  transition: margin-left 2s ease;
}
.seifenmacher-text {
  font-family: 'Circular Medium',sans-serif;
  overflow-y: scroll;
  overflow-x: hidden;
  position:relative;
  top: 20vh; /*abstand oben*/
  left: 2.03vw;
  width: 38vw;
  padding-right: 10vw;
  height: 79vh;
  font-size: 0.9375rem;
  line-height: 1.4rem;
  letter-spacing: 0.025rem;
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */

}

.seifenmacher-text h3 {
  display: inline-block;
  width: fit-content;
  color:black;
  position: relative;
  border-bottom: 0.15rem solid black;
  margin-left: 2.03vw;
  font-size: 1.0625rem;
  line-height: 1.4rem;
  clear:both;
  margin-bottom:1.4rem;
}

.seifenmacher-text p {
  text-align: justify;
  /*! margin-top: 1.1875rem; */
  color:black;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  white-space: pre-line;
}
.seifenmacher-text p:nth-child(2n+1) {
  /*! margin-top:0; */
  text-indent: 2.03vw;
  /*! margin-bottom:3vw; */
}
.seifenmacher-text p:last-child {
  margin-bottom:10vh;
}

/* Socialmedialinks und Newsletter Teamteil */
.seifenmacher-textfeld .socialmedialinks {
  margin-top: 2rem;
  z-index: 10;
  }

/*SEIFENNMACHERVIDEO */
#v0, video {
    top:15vh;
    width: 70vw;
    height: 36.5vw;
    position: absolute;
    left: 15vw;
}
/* DIA SHOW DIA SHOW */

.diacontrol {
  visibility: hidden;
  width: 10vw;
  position: absolute;
  top:90vh;
  left: 45.05vw;
  color:white;
  text-align: center;
}
.diacontrol.sichtbar {
  visibility: visible;
}
a.diaprev {/* float:left; */color:white;margin-right:1vw;cursor: pointer;font-family:'Circular Bold',sans-serif;font-size: 1rem;line-height: 1.5rem;letter-spacing: 0.025rem;}

p.diacounter {
  font-size: 1rem;
  line-height: 1.5rem;
}
a.dianext{
color:white;
margin-left: 1vw;
cursor: pointer;
font-family:'Circular Bold',sans-serif;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.025rem;
}
.diaverlassen {
  position: absolute;
  top:90vh;
  left: 5vw;
  color:white;
  border-bottom: 2px solid white;
  cursor:pointer;
  font-family:'Circular Bold',sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.025rem;
}
.diashowteil p {
  /* float:left; */
}
.diashowteil {
  position: fixed;
  top: 0;
  left: 0;
}
.slick-slider {margin:0;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
width:100vw;
}
img.diabild {
  min-width: 100vw;
  max-width: 130vw;
  width: auto;
  height: auto;
  min-height: 50vh;
  margin: 0;
  padding: 0;
}
img.teamdia {
  min-width: 50vw;
  max-width: 50vw;
  width: auto;
  height: auto;
  min-height: 50vh;
  margin: 0;
  padding: 0;
}
h2.seifi {
  font-family: 'Circular Medium',sans-serif;
  color:black;
  font-size: 1.875rem;
  letter-spacing: 0.025rem;
  line-height: 2rem;
}
/* Popup Fenster */
.sm-popup-fenster {
  position:fixed;
  top: 17vh;
  left: 60vw;
  width:40vw;
  height: 22vw;
  margin-left:0;
  background-color: white;
  z-index: 5;
}
.sm-popup-fenster2 {

  position:fixed;
  bottom: 10vh;
  left: 50vw;
  width:50vw;
  height: 10vw;
  margin-left:0;
  background-color: white;
  z-index: 6;
  opacity:1; /*test*/
}
.sm-popup-fenster.geschlossen {
  margin-left:40vw;
  transition: margin-left 2s ease;
}
.sm-popup-fenster2.geschlossen {
  margin-left:50vw;
  transition: margin-left 2s ease;
}
.sm-popup-text {
  position:absolute;
  width: 36vw;
  left:2.06vw;
  top:2.06vw;
  padding-top:2.06vw;
  border-top: 2px solid black;
  color:black;
  font-size: 1.9vw;
  line-height: 2.5vw;
  white-space: pre-line;
}
.sm-popup-link {
	position:absolute;
	top: 15vw;
	left:2.06vw;
	font-size:1.6vw;
}
.sm-popup-fenster2 .sm-popup-link {
	position:absolute;
	top: 2vw;
	left:2.06vw;
  font-size: 1.9vw;
  line-height: 2.5vw;
}
.sm-popup-link a{
	margin-left:1vw;
	color:black;
	float:left;
	line-height: 2.5vw;
	border-bottom: 0.15vw solid black;
}
.sm-popup-link p{
	color:black;
	float:left;
	line-height: 2.5vw;
	border-bottom: 0.15vw solid transparent;
}
img.closepop {
	position:absolute;
	bottom:2.06vh;
	width:2vw;
	left:1.8vw;
  color: black;
  cursor: pointer;
}
code {
  display: none !important;
}
  /* Kontaktteil */

.kontaktteil {
  position:fixed;
  padding-top:20vh;
  padding-left:2vw;
  top:0;
  left:0;
  height:100%;
  width:24vw;
  background-color: white;
  color:black;
}
h3.kontakttitel {
    display:block;
    font-size: .9375rem;
    color: black;
    margin: 0px;
    border-bottom: 0.1rem solid black;
    margin-bottom: 1rem;
    clear:both;
    /*! float: left; */
    width: 3.7rem;
}
h3.prepatitel {
    display:inline-block;
    font-size: .9375rem;
    color: black;
    margin: 0px;
    border-bottom: 0.1rem solid black;
    margin-bottom: 1rem;
    clear:both;
}
.adresseblock {
    display: inline-block;
}
h1.adresse {
  float:left;
  clear:both;
  font-size: 4vh;
  line-height: 4.5vh;
  border-bottom: 0.16rem solid black;
  color:black;
  /*! display: inline-block; */
  /* padding: 3rem; */
}
h1.adresse:last-of-type {
	/* margin-bottom:3rem; */
}
img.mailsvggross {
  margin-top: 0.5vh;
  margin-right: 1vw;
  width:auto;
  height:4vh;
  float: left;
}
a.mailadressegross {
  width: fit-content;
  font-size: 4vh;
  line-height: 5vh;
  margin-top: 3.5rem;
  margin-bottom: 1rem;
  display:block;
  /* border-bottom: 0.2rem solid black; */
}

a.mailadressegross p {
 border-bottom:0.1rem solid white;
 display: inline;
}
a.mailadressegross p:hover {
 border-bottom: 0.2rem solid black;
}
.seifenmacher-text img.mailsvg {
  margin-top: 0.2rem;
  margin-right: 0.5rem;
  width:auto;
  height:0.8rem;
  float: left;
}
.seifenmacher-text a.mailadresse {
  margin-top:2rem;
  display: block;
  width: fit-content;
  font-size: 1rem;
  line-height: 1.2175rem;
  transition:border-bottom 0.5s ease;
  /* border-bottom: 0.2rem solid black; */
}
.seifenmacher-text a.mailadresse:hover .pfeilmail {
	border-bottom: 2px solid white;
}
.seifenmacher-text a.mailadresse p {
 display: inline;
}
p.pfeilmail {
  display: inline-block;
  border-bottom: 2px solid black;
  margin: 0;
  text-indent: 0 !important;
  float:left;
  margin-right:0.5rem;
  margin-bottom: 0 !important;
  cursor:pointer;
  line-height:1.2;
  transition:border-bottom 0.5s ease;
}

h5.mailhaendler {
  display: inline-block;
  border-bottom: 2px solid white;
  margin: 0;
  margin-bottom: 1rem;
}
a.mailadressehaendler {
  margin-left: 0;
  display: inline-block;
  margin-top: 1rem;
  font-size: .9375rem;
}
a.mailadressehaendler:hover .pfeilmail {
	border-bottom:2px solid white;
}
h3.haendleranfragetitel {
  display:inline-block;
  margin-left: 0;
  margin-top: 3rem;
  margin-bottom: 2vh;
}
h3.haendleranfragetext {
  display:block;
  clear: both;
  border-bottom: 0;
  margin-left: 0;
}
h3.impressumtitel {
  display:inline-block;
  margin-left: 0;
  margin-top: 1.5rem;
  margin-bottom: 01rem;
}
div.impressumtext p {
  display:block;
  clear: both;
  border-bottom: 0;
  margin-left: 0;
  hyphens:none;
  text-align:left;
  text-indent:0 !important;
}
div.haendlerwerkstatt {
  margin:0;
}
div.haendlerwerkstatt:hover .pfeilmail {
	border-bottom: 2px solid white;
}
h3.soapoperatitel {
    margin-top: -3rem;
  };
.soapoperaleer {
  display: none !important;
}
div.haendlerformular {
    display:none;
	margin-top:1rem;
}
div.haendlerformular:hover .pfeilmail {
	border-bottom:2px solid white;
}
h3.haendlerformular {
  width: auto;
  margin: 0;
  margin-top:1rem;
  display:inline;
  border-bottom: 2px solid white;
  font-size: .9375rem;
  cursor: pointer;
}
.submitted {
  display:none;
}
.formular {
  margin-top: 1rem;
  overflow: hidden;
  max-height:0vh;
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
}
.formular.offen {
  max-height: 100vh;
}
.formular input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: black;
  border: 2px solid white;
  border-bottom: 2px solid;
  padding-bottom: 5px;
  font-size:2vh;
}
.formular input[type] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: black;
  border: 2px solid white;
  border-bottom: 2px solid;
  padding-bottom: 5px;
  font-family: 'Circular Medium', sans-serif;
  font-size:0.9rem;
  width: 40vw;
}
.formular textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: black;
  font-family: 'Circular Medium', sans-serif;
  border: 2px solid black;
  font-size: 0.9rem;
  margin-top: 2rem;
  padding: 0.2rem;
  min-height: 10rem;
}
.formular input[type=submit] {
  -webkit-appearance: none;
  background-color: transparent;
  -moz-appearance: none;
  appearance: none;
  color: black;
  border: 2px solid white;
  border-bottom: 2px solid;
  padding-bottom: 5px;
  font-family: 'Circular Medium', sans-serif;
  font-size:2vh;
  cursor:pointer;
}
.kartearosa {
  position: fixed;
  top:0;
  left:0;
  height:100vh;
  width:100vw;
  z-index:-1;
}
.kartearosa.partner {
  position:absolute;
  height:auto;
  margin-bottom: 17rem;
}
.partnertext {
  margin-top:2rem;
  margin-bottom:4rem;
}
.kartearosa img {
	min-width: 100vw;
    min-height: 100vh;
}
img.arosabild {
    min-width: 100vw;
    min-height: 100vh;
}

/* B2B TEIL */
.bss-b2b-collection-item-vat, .bss-b2b-cart-vat-subtotal, .t4s-product-price { display:inline;}
/* B2B new */
.produktinfosdetail .preisgewichtd .variant-price {
   /* display:none !important; */
  } 
.produktinfosdetail .preisgewichtd .bss-b2b-product-vat {
    padding: unset;
    line-height: 1.3rem;
    display: inline-block;
    padding-left: 0.5rem;
}
/* PRESSE PARTNER TEIL */

a.presselink {
  display:block;
}
h4.pressetext {
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
font-size: 2rem;
line-height: 2.5rem;
display: inline;
white-space: pre-line;
border-bottom: 2px solid white;
}
h4.pressetext:hover {
border-bottom: 2px solid black;
}

/* CUSTOMER LOGIN STUFF */
.recover-password, .reset-success {
  display:none;
}

.accountlogin {
  position:fixed;
  float:right;
  right:8vw;
}

.customer-login h2, h2.register_title {
  font-size:1.7rem;
  line-height:6rem;
}

.login_email, #create_customer {
  line-height: 3rem;
}

.login_email .form-row label, #create_customer .form-row label {
  display: inline-block;
  width:15vw;
}
.login_email .form-row input[type=email], .login_email .form-row input[type=password], 
#create_customer .form-row input[type=email], #create_customer .form-row input[type=password],
#create_customer .form-row input[type=text]{
  display:inline-block;
  width:15vw;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: black;
  border: 2px solid white;
  border-bottom: 2px solid;
  padding-bottom: 5px;
}
.login_email .form-row input[type=submit], #create_customer .form-row input[type=submit]  {
  -webkit-appearance: none;
  background-color: transparent;
  -moz-appearance: none;
  appearance: none;
  color: black;
  border: 2px solid white;
  border-bottom: 2px solid;
  padding-bottom: 5px;
  font-family: 'Circular Medium', sans-serif;
  font-size:2vh;
  cursor:pointer;
  float:right;
  margin-right:7vw;
}
#create_customer .form-row input[type=submit] {
  margin-top:4rem;
}
#create_customer .errors {
  line-heigt:1rem;
  color:red;
}
.newaccount {
  margin-top:5rem;
}
.newaccount a {
  border-bottom: 2px solid;
  padding-bottom: 5px;
}

.t4s-product-price { display:none !important;}

/* LANDING PAGE */

header.promo {
  background-color: #8999A5;
}
.landingpage {
  width: 99vw;
}
.landingpage video {
   top:0;
   left:0;
   width: 90vw;
   height: auto;
   position: relative;
}
.landingpage .alleprodukte {
    margin-top: 2vh;
    margin-left: 2vw;
    width: 96vw;
}
.landingpage ul.categories {
  position:relative;
  top:0vh;
  padding-bottom: 4rem;
}
.landingpage .Feature.produktdisplay {
  flex: 0 0 19%;
}
.landingpage .Feature.vorteile, .landingpage .Feature.bekannt  {
  width:25%;
}
.landingpage .Heading.titelgross {
  font-size: 3.25rem;
  line-height:3.5rem;
}
.landingpage .SupportingText.subtitel {
  font-size: 1.125rem;
  line-height:1.75rem;
  width:36rem;
}
.landingpage .SectionHeading.subtitel {
    font-size: 2.25rem;
    line-height: 2.75rem;
}
.add-to-cart-btn-promo {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display:block;
  padding: 0;
  border: 0;
  color:black;
  cursor:pointer;
  -webkit-border-radius: 0px;
  font-size:16px;
  border-radius: 0px;
  background:none;
  margin-left:0;
  line-height: 1.5rem;
  font-family: 'Circular Medium', sans-serif;
}

.shopify-challenge__container {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 30vh;
}
#progus-store-locator iframe {
  height:100vh !important;
}