/* jost-300 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('webfonts/jost-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/jost-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/jost-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/jost-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('webfonts/jost-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/jost-v12-latin-300.svg#Jost') format('svg'); /* Legacy iOS */
}

/* jost-regular - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/jost-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/jost-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/jost-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/jost-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('webfonts/jost-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/jost-v12-latin-regular.svg#Jost') format('svg'); /* Legacy iOS */
}

/* jost-600 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('webfonts/jost-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/jost-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/jost-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/jost-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('webfonts/jost-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/jost-v12-latin-600.svg#Jost') format('svg'); /* Legacy iOS */
}

/* jost-700 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/jost-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/jost-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/jost-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/jost-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('webfonts/jost-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/jost-v12-latin-700.svg#Jost') format('svg'); /* Legacy iOS */
}





/* Body ******************************************************************************************************************************** */

body.stempelgutschein { background: #f1e9e7 url(../img/stempelgutschein_bg_mobile.jpg) top center no-repeat; background-size: cover; }
@media (min-width:992px){ body.stempelgutschein { background: #f1e9e7 url(../img/stempelgutschein_bg.jpg) top center no-repeat; background-size: cover; } }


/* Allgemein ******************************************************************************************************************************** */

.stempelgutschein_container .stempelgutschein_logo { text-align: right; padding: 9px 10px 20px 10px; }
strong.stempelgutschein_logo { font-family: 'Jost'; font-style: normal; font-size: 16px; color: #202646; display: block; text-transform: uppercase; font-weight: 600; letter-spacing: 0; }
strong.stempelgutschein_logo a { transition: 0.4s ease-out; display: inline-block; }
strong.stempelgutschein_logo a:hover, strong.stempelgutschein_logo a:active, strong.stempelgutschein_logo a:focus { text-decoration: none; }
strong.stempelgutschein_logo a:hover { opacity: 0.7; }
.lila { color: #34124a; }
.blau { color: #18a6d1; }
strong.stempelgutschein_logo span.lila { padding-right: 1px; }
@media (min-width:768px){ .stempelgutschein_container .stempelgutschein_logo { padding: 9px 0 10px 0; } }
@media (min-width:992px){ strong.stempelgutschein_logo { font-size: 20px; } }
@media (min-width:1024px){  }
@media (min-width:1280px){  }
@media (min-width:1680px){ strong.stempelgutschein_logo { font-size:24px; }.stempelgutschein_container .stempelgutschein_logo { padding: 14px 0 15px 0; } }


@media (min-width:768px){  }
@media (min-width:992px){ .stempelgutschein_container .stempelgutschein_inner { background: #fff; background: rgba(255, 255, 255, 1); box-shadow: 0 0 12px rgba(0,0,0,0.1); } .stempelgutschein_container .stempelgutschein_inner { padding: 22px 35px 65px 35px; } }
@media (min-width:1024px){ .stempelgutschein_container .stempelgutschein_inner { padding: 32px 45px 45px 45px; } }
@media (min-width:1280px){ .stempelgutschein_container .stempelgutschein_inner { padding: 42px 55px 55px 55px; } }
@media (min-width:1560px){ .container.stempelgutschein_container { max-width: 1480px; margin: 0 auto; }.stempelgutschein_container .stempelgutschein_inner { padding: 42px 55px 55px 55px; } }
@media (min-width:1800px){ .container.stempelgutschein_container { max-width: 1680px; margin: 0 auto; } .stempelgutschein_container .stempelgutschein_inner { padding: 42px 55px 55px 55px; } }

.stempelgutschein_inhalt { width: 100%; float: left; }
@media (min-width:768px){  }
@media (min-width:992px){  }
@media (min-width:1024px){  }
@media (min-width:1280px){  }
@media (min-width:1680px){  }



/* Headline ******************************************************************************************************************************** */

h1.stempelgutschein { font-family: 'Jost'; font-style: normal; font-size: 36px; color: #18a6d1; text-transform: uppercase; letter-spacing: -0.01em; line-height: 1.16; font-weight: 600;  font-style: normal; transition: 0.4s ease-out; 
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;

}
/* h1.stempelgutschein br { display: none; } */
span.light { font-weight: 300; }
@media (min-width:768px){ h1.stempelgutschein { font-size: 42px; } }
@media (min-width:992px){ h1.stempelgutschein { font-size: 48px; } }
@media (min-width:1024px){ h1.stempelgutschein { font-size: 52px; } h1.stempelgutschein br { display: inline-block; } }
@media (min-width:1280px){ h1.stempelgutschein { font-size: 56px; }  }
@media (min-width:1680px){ h1.stempelgutschein { font-size: 60px; } }
@media (min-width:1800px){ h1.stempelgutschein { font-size: 64px; } }


/* Paragraph-Text ******************************************************************************************************************************** */

p.stempelgutschein { font-family: 'Jost'; font-style: normal;  font-weight: 400; padding:  20px 0;  font-size: 18px; line-height: 1.46; letter-spacing: 0.01em; color: #202646;  }
p.stempelgutschein strong { font-weight: 600; }
p.stempelgutschein br { display: none; }
@media (min-width:768px){  }
@media (min-width:992px){  }
@media (min-width:1024px){ p.stempelgutschein {  font-size: 20px; padding: 24px 0 34px 0; } }
@media (min-width:1280px){ p.stempelgutschein br { display: inline-block; } p.stempelgutschein {  font-size: 22px; } }
@media (min-width:1680px){ p.stempelgutschein {  font-size: 24px; } }



/* Form ******************************************************************************************************************************** */

form.stempelgutschein input[type="text"] { max-width: 400px;}
form.stempelgutschein input[type="text"], form.stempelgutschein input[type="password"] { font-family: 'Jost'; font-style: normal; font-weight: 400; font-size: 20px;  color: #333;  border-radius: 0;  width: 100%;  transition: border 0.3s ease-out;  background: #fff;  border: 1px solid #95d6ea;  box-shadow: -2px 0 12px rgba(0,0,0,0.1);  padding: 15px 25px 15px 15px;  margin: 0 0 25px 0; }
form.stempelgutschein input[type="text"]:focus, form.stempelgutschein input[type="password"]:focus,
form.stempelgutschein input[type="text"]:active, form.stempelgutschein input[type="password"]:active,
form.stempelgutschein input[type="text"]:hover, form.stempelgutschein input[type="password"]:hover { border: 1px solid #18a6d1; }
.formelementsubmit.stempelgutschein { background: #18a6d1; border: 0; padding: 20px 35px; margin: 0 0 30px 0; font-family: 'Jost'; font-style: normal; font-weight: 800; text-transform:  uppercase;font-size: 16px;  color: #fff; letter-spacing: 0.04em; box-shadow: -2px 0 12px rgba(0,0,0,0.1); transition: 0.4s ease-out; }
.formelementsubmit.stempelgutschein:focus, .formelementsubmit.stempelgutschein:active, .formelementsubmit.stempelgutschein:hover { background: #0f81b9; }

form.stempelgutschein { position: relative; }
@keyframes pulse { 0% { transform: translate3d(0, 0, 0);height: 20px; } 10% {transform: translate3d(0, 0, 0); height: 140px; } 100% {transform: translate3d(0, 0, 0);height: 140px;} }
@media (min-width:1024px){ form.stempelgutschein:before {content: '';position: absolute; display: block;background: url('../img/arrow.svg') top left no-repeat; background-size: 140px 140px; width: 140px; height: 140px; padding: 0; margin: 0;left: -128px;top: -88px;z-index: 1; animation: pulse 5s infinite; } }
    
@media (min-width:1024px) {  
@supports (-webkit-tap-highlight-color:currentcolor) and (not (-webkit-background-composite:clear)) and (not (-ms-accelerator:true)) and (not (overflow:-webkit-marquee)) and (not (-moz-appearance:none)) {  form.stempelgutschein:before { top: -100px; } }
 }





/* Key Visual ******************************************************************************************************************************** */

img.stempelgutschein { float: none;  max-width: 70%; display: block; margin:  0 auto; position: relative; top: -10px; }
@media (min-width:600px){ img.stempelgutschein { float: right; max-width: 240px; top: 0; display: inline-block; padding: 0 0 0 15px; } }
@media (min-width:768px){ img.stempelgutschein { float: right; max-width: 280px; top: 0; } }
@media (min-width:992px){ img.stempelgutschein { float: right; max-width: 340px; } }
@media (min-width:1024px){ img.stempelgutschein { float: right; max-width: 360px; } }
@media (min-width:1200px){ img.stempelgutschein { float: right; max-width: 400px; } }
@media (min-width:1280px){ img.stempelgutschein { float: right; max-width: 460px; } }
@media (min-width:1480px){ img.stempelgutschein { float: right; max-width: 520px; top: 0; right: 50px; } }
@media (min-width:1540px){ img.stempelgutschein { float: right; max-width: 580px; top: 0; right: 50px; } }
@media (min-width:1680px){ img.stempelgutschein { float: right; max-width: 600px; top: 0; right: 50px; } }
@media (min-width:1800px){ img.stempelgutschein { float: right; max-width: 620px; top: 0; right: 70px;} }



/* Hinweis ******************************************************************************************************************************** */

p.stempelgutschein_hinweis { padding: 15px 0 0 0; font-family: 'Jost'; font-style: normal; font-size: 14px; line-height:  1.61; color: #202646; letter-spacing: 0.02em; max-width: 480px; }
p.stempelgutschein_hinweis strong { font-weight: 600; }



/* Footer ******************************************************************************************************************************** */

footer.stempelgutschein { margin: 23px 0 0 0; }
.stempelgutschein_footer_inner { position: relative;background: #18a6d1;  padding: 22px 35px 55px 35px; margin: 0 auto 40px auto; }
@media (min-width:768px){  }
@media (min-width:992px){ .stempelgutschein_footer_inner { padding: 22px 35px 55px 35px; } }
@media (min-width:1024px){ .stempelgutschein_footer_inner { padding: 32px 45px 65px 45px; } .container.stempelgutschein_footer { padding: 0; } }
@media (min-width:1280px){ .stempelgutschein_footer_inner { padding: 42px 55px 75px 55px; } .container.stempelgutschein_footer { padding: 0; } }
@media (min-width:1480px){ .stempelgutschein_footer_inner { padding: 42px 55px 75px 55px; } .container.stempelgutschein_footer { padding: 0 65px; } }
@media (min-width:1560px){ .stempelgutschein_footer_inner {  padding: 42px 55px 75px 55px; } .container.stempelgutschein_footer { max-width: 1480px; } }
@media (min-width:1680px){ .container.stempelgutschein_footer { max-width: 1480px; margin: 0 auto; } .stempelgutschein_footer_inner { padding: 42px 65px 92px 65px; } }
@media (min-width:1800px){ .container.stempelgutschein_footer { max-width: 1680px; margin: 0 auto; } .stempelgutschein_footer_inner { padding: 42px 65px 92px 65px; } }
.stempelgutschein_footer_left span { padding: 0 0 10px 0; display: inline-block; }
.stempelgutschein_footer_inner ul { text-align: left; }
.stempelgutschein_footer_inner ul, .stempelgutschein_footer_inner li { list-style-image: none; list-style: none; padding: 0; margin: 0; }
.stempelgutschein_footer_inner li , .stempelgutschein_footer_inner li a { color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 0.02em; font-family: 'Jost'; font-style: normal; font-weight: 600; transition: 0.4s ease-out;}
.stempelgutschein_footer_inner li a:focus, .stempelgutschein_footer_inner li a:active, .stempelgutschein_footer_inner li a:hover { text-decoration: none; color: #8bd2e8; }
.stempelgutschein_footer_inner li { padding: 4px 0; }
.stempelgutschein_footer_inner li a { position: absolute; right: 30px; bottom: 30px; }


@media (min-width:600px){ .stempelgutschein img { display: inline-block;} .stempelgutschein img.stempelgutscheinamos { top: 0; } .stempelgutschein_footer_inner ul { text-align: right; } li.stempelgutschein_footer_left { position: absolute; left: 30px; text-align: left; } }



footer.stempelgutschein {
  margin: 23px 0 0 0;
    margin-right: 0px;
    margin-left: 0px;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}



/* Impressum ******************************************************************************************************************************** */
.headline-impressum { color: #34124a; font-weight: 600; text-transform: uppercase;padding: 0 0 30px 0; }



/* Cookie Override ******************************************************************************************************************************** */

.cc-color-override-589671430.cc-window,
.cc-banner .cc-message { font-family: 'Jost'; font-style: normal; background: #fff !important; color: #333 !important; }
.cc-color-override-589671430 .cc-btn { background: #18a6d1 !important; color: #fff !important; transition: 0.4s ease-out; }
.cc-color-override-589671430 .cc-btn:hover { text-decoration: none !important; background: #cc9ab4 !important; }
.cc-color-override-589671430.cc-window {box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);   -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); }
.cc-color-override-589671430 .cc-link, .cc-color-override-589671430 .cc-link:active, .cc-color-override-589671430 .cc-link:visited { color: #333 !important; }




/* Konfigurator Override ******************************************************************************************************************************** */

#content { padding-top: 15px !important; }

#k-btn-cart, .btn.color-light { background-color: #34124a; box-shadow: -2px 0 12px rgba(0,0,0,0.1); }
#k-btn-cart.color-dark-50 { background-color: #e1dce4; box-shadow: -2px 0 12px rgba(0,0,0,0.1); }

.color-dark, .panel-default .panel-heading {
  background-color: #cc9ab4 !important; font-family: 'Jost' !important; font-style: normal !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 0.02em;}

body { font-family: 'Jost'; font-style: normal; font-weight: 400; }

#k-pinbutton, #k-changedesign { background: none !important; }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #18a6d1; }
.btn-primary { background-color: #18a6d1 !important; }
.qq-upload-button { background-color: #18a6d1 !important; }

.color-dark, .panel-default .panel-heading { background-color: #18a6d1 !important; }

.panel-default .panel-heading { background-color: #18a6d1 !important; }

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { background-color: #18a6d1; border-color: #18a6d1; }

.k-preview-header { background: #18a6d1 !important; }
#k-preview { background: #e7f6fa !important; border: 1px solid #e7f6fa !important; }
.k-btn-zoom, .k-btn-minus, #k-palette { background: #b3e2f0 !important; }
#k-product-header { background: #34124a !important; }
.k-product {background: #e1dce4 !important; border: 1px solid #fdf4f9 !important; }
.k-editor { background: #e7f6fa !important; border:  1px solid #e7f6fa !important; }
.nav-tabs > li > a { background-color: #c5e9f3 !important; color: #18a6d1 !important; }
#k-navtab li.active a {background-color: #18a6d1 !important; }
#k-navtab li.active a {border: 1px solid #18a6d1 !important; color: #fff !important;}
.k-product-wrapper { border: 1px solid #fff !important; }
.k-editor-header { background-color: #18a6d1 !important; }
.tab-content .panel-body { background: #fff !important; }
.col-box.k-muster .thumbnail { background: #e7f6fa !important; border: 1px solid #e7f6fa; }
.panel { border: 1px solid #18a6d1; }
.k-checkout, .k-ckeckout-row, .k-checkout-address { background: #e7f6fa; border: 1px solid #e7f6fa !important; }
.k-checkout h1 { font-family: 'Jost'; font-style: normal; font-weight: 600; color: #18a6d1; font-size: 24px; text-transform: uppercase; padding: 15px; }
.k-checkout-address-left p { padding: 7px 2px; }
.k-line-one { border-bottom: 1px solid #18a6d1; }
.k-line-double { border-bottom: 5px double #18a6d1; } 
.k-checkout-tabelle-header h6 { color: #18a6d1; font-weight: 700; }
.k-checkout-address input, .k-checkout-address select { box-shadow: -2px 0 8px rgba(0,0,0,0.1); }
.k-checkout-address .col-md-6, .k-checkout-address .col-md-7, .k-checkout-address .col-md-5 { font-size: 18px; font-family: 'Jost'; font-style: normal; font-weight: 400; }
.k-row-space input, .k-row-space a, .k-checkout-artikel-description, .col-lg-2, .col-md-12  { font-family: 'Jost'; font-style: normal; font-weight: 400; }

@media (max-width:768px) { .k-checkout-address span {display: block;width: 100%;font-size: 16px;padding: 4px 0; } }




/* Chromium ******************************************************************************************************************************** */

.stempelgutschein * {
    image-rendering: -webkit-optimize-contrast;
}