@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic );
@import url(https://fonts.googleapis.com/css?family=Montserrat:400regular ,700bold );
@import url(https://fonts.googleapis.com/css?family=Raleway:100thin , 200extra-light, 300light,400regular,500medium ,600semi-bold ,700bold,800extra-bold ,900black  );

.notice_balken{background: #0db1cd;color:#fff;text-align:center;padding:5px;font-weight:500;position:relative;font-size:16px}
.notice_balken img{max-width:48px;position:absolute;top:-7px;transform: rotate(10deg);margin-left:15px;z-index:100000}
.text-dark-red{color:rgb(121, 3, 31)}
.product_main li.psupport{margin-top:15px;line-height:16px}
.product_main li.psupport br{height:16px}
.product_main li.psupport span{display:inline-block;font-size:14px;line-height:16px;margin-bottom:10px}
.clear{clear:both}
.madein{display:block;margin:0 auto;width:50%;max-width:400px;margin-top:60px}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

.owl-carouselx{margin-top:20px}
.owl-carouselx .item{/*display:none;*/width:50%;float:left;margin-bottom:15px}
.owl-carouselx .item:nth-of-type(1){display:block}
.owl-carouselx .item:nth-of-type(2){display:block}
.owl-carouselx.open .item{display:block;margin-top:30px}
.owl-carouselx-show{font-size:19px !important;cursor:pointer;padding-top:30px;color:#204360 !important;background:#fff !important;border:1px solid #204360 !important;display: flex;align-items:center;max-width:390px;justify-content: center;margin:50px auto 30px}
#home .owl-carouselx-show.btn{font-family:Arial}
.owl-carouselx-show img{transform: rotate(0deg);max-height:14px;margin-right:10px}
.owl-carouselx-show span:nth-of-type(2){display:none}
.owl-carouselx-show.open span:nth-of-type(1){display:none}
.owl-carouselx-show.open span:nth-of-type(2){display:inline}
.owl-carouselx-show.open img{transform: rotate(180deg);}

.infotable .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
  margin-left:0;
  margin-right:0;
}
.infotable .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
  padding-left:5px;
  padding-right:5px;
}

.amigoRow{margin-bottom:15px;background:#f1f1f4;margin-left:0;margin-right:0}
.amigoRow button{margin-bottom:15px}
/*
Defaults
---------------------------------------------------------------------------------------------------- */
/* Typographical Elements
--------------------------------------------- */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #2f3535 !important;
	font-size:20px;
}
.sCoupon::-webkit-input-placeholder{font-size:14px;color:#204360 !important}
.sCoupon.has-error::-webkit-input-placeholder{font-size:14px;color:red !important}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      color:    #2f3535 !important;
	font-size:20px;


}
::-moz-placeholder { /* Mozilla Firefox 19+ */
      color:    #2f3535 !important;
	font-size:20px;

}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color:    #2f3535 !important;
	font-size:20px;

}


:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #2f3535 !important;
	font-size:20px;

}

.separator {
    display: flex !important;
    align-items: center;
    text-align: center;
    color:#DFDFDF;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #DFDFDF;
}
.separator::before {
    margin-right: .25em;
}
.separator::after {
    margin-left: .25em;
}


.notenough{border:3px solid #000;color:#000;border-radius:10px;padding:10px;text-align:center;margin-bottom:15px;background:#FF6900;font-weight:bold;color:#fff}
.surprise{text-align:center;color:#fff;background:#790B24;border-radius:10px;font-weight:bold;font-size:24px;padding:10px;margin-left:15px;margin-right:15px}

ul{padding:0;}
ul, ol{margin:0; padding:0; list-style-position: inside;}
ol ol{list-style-position: inside;}
ol ol ol{list-style-position: inside;}
ol ol ol ol{list-style:upper-alpha; list-style-position: inside;}
ol ol ol ol ol{list-style:lower-alpha; list-style-position: inside;}
ol li{line-height:35px;}
ul ul,ol ol,ul ol,ol ul{   list-style-position: inside;}
blockquote{background-color:#fafafa;font-size:18px;color:5b5b5b;text-align:center;font-family:'Alice', serif;line-height:30px;border:0;position:relative;padding:20px 25px; margin:35px 0 30px 0;}
blockquote:before{content:"\f10d"; display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:20px; text-rendering:auto;    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute;left:0; right:0; margin:auto;position: absolute; color: #ececec;
width:54px; height:54px; background:#fafafa; line-height:54px; border-radius:50%; top:-27px;}
a,button,input:focus,textarea:focus,input[type="button"],input[type="reset"],input[type="submit"],img{
-webkit-transition: all 1s ease; /* Safari and Chrome */
-moz-transition: all 1s ease; /* Firefox */
-o-transition: all 1s ease; /* IE 9 */
-ms-transition: all 1s ease; /* Opera */
transition: all 1s ease;}
::-moz-selection{background:#79031f;color:#fff}
::selection{background:#79031f;color:#fff}
a:hover,a:focus{text-decoration:none; color:#1f1f1f;}
address{color:#434343;line-height:23px;font-style:normal; margin-bottom:15px;}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
big{font-size:125%}
hr{margin-top:25px; margin-bottom: 25px;}
pre{}
.form-group {    margin-bottom: 25px;}
.field{padding-bottom:20px; }
p.abrilblau b{font-family:'ABRILFATFACE-REGULAR'; color:#204360;font-size:20px}
.form-horizontal .control-label{margin-bottom:10px ; font-size:25px; text-align:left; font-weight:400; font-family:'ABRILFATFACE-REGULAR'; color:#204360; padding-top:0px !important;}
.searchform input,.form-control,input,textarea,select{border:#2f3535 solid 1px; height:44px; box-sizing:border-box; border-radius:0px; box-shadow:none; font-size:14px; resize:none; display:block; width:100%; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#2f3535; background-color:#fff; background-image:none;-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;outline:none;}
.form-control:focus,.searchform input:focus,textarea:focus,select:focus,input:focus{border-color:#204360; box-shadow:none;}
input[type="submit"],input[type="radio"], input[type="radio"],input[type="checkbox"],input[type="button"]{width:auto !important; height:auto !important;display: inline-block;}
textarea{height:auto;}
textarea.form-control {position:relative;}
.order-list{margin:0px; padding:0px;  }
.order-list li{ margin-left:20px; margin-bottom:5px; }
.searchform{position:relative;}
.searchform #searchsubmit:before{display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\f002";}
button.search-btn,.searchform input[type="submit"]{width:44px; height:44px; outline:none; border:none; cursor:pointer; color:#fff;background-color:#ab0000; position:absolute; top:0px; right:0px; font-size:15px; padding:0px;}
button.search-btn:hover,#searchsubmit:hover,.woocommerce-product-search input[type="submit"]:hover{background-color:#ab0000;}
input[type="submit"],.btn{border:0;outline:0;color:#fff;background:#FC4C02;font-size:21px;padding:6px 30px; font-family:'ABRILFATFACE-REGULAR'; letter-spacing:1px; border-radius:0px;     }
body.en input[type="submit"],body.en .btn{font-family:Arial}
input#submit { float: right;}
.btn:hover,.btn:focus,.btn:active:focus,input[type="submit"]:focus,input[type="submit"]:hover{ color:#fff;background-color:#204360;  outline:none;}
@font-face{font-family:'FontAwesome';src: url(fonts/FontAwesome.otf);font-display: swap;}
@font-face{font-family:'ABRILFATFACE-REGULAR';src: url(fonts/ABRILFATFACE-REGULAR.TTF);font-display: swap;}

/* Headings
--------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-family:'ABRILFATFACE-REGULAR'; font-weight:400; color:#204360;}
h1{font-size:36px; font-weight:400; color:#204360; }
h2{font-size:30px;}
h3{font-size:26px;}
h4{font-size:19px;}
h5{font-size:22px;}
h6{font-size:17px;}
ul li{font-size:17px;}
ol li{font-size:17px;}

.error{color:red}

.page_text h1{margin:0 0 35px 0;}
.main-heading{text-align:center;padding:20px 0;}
.main-heading div.h1,.main-heading div.h1 h2,.main-heading div.h1 h3, h2.h1{font-family: 'ABRILFATFACE-REGULAR';font-size: 36px !important;font-weight: 400;color: #204360;}
.main-heading h1, .main-heading div.h1{position:relative;}
.main-heading h1 span{background:#efefef;z-index: 10;position: relative;padding: 0 50px;}
/* .main-heading h1:before {content:''; border-bottom:1px solid #000; position: absolute; display: block;  right: 0px;  top:20px; left:0;} */

.main-heading h1, .main-heading div.h1, h2.h1 {
  position: relative;
  overflow: hidden;
}
.main-heading h1 span, .main-heading div.h1 span, h2.h1 span {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  /* *display: inline;
  *vertical-align: auto; */
  position: relative;
  padding: 0 20px;
}
.main-heading h1 span:before, .main-heading div.h1 span:before, h2.h1 span:before,
.main-heading h1 span:after, .main-heading div.h1 span:after,h2.h1 span:after {
  content: '';
  display: block;
  width: 1000px;
  position: absolute;
  top: 0.63em;
  border-top: 1px solid rgb(32,67,96);
}
.main-heading h1 span:before, .main-heading div.h1 span:before,h2.h1 span:before {
  right: 100%;
}
.main-heading h1 span:after, .main-heading div.h1 span:after, h2.h1 span:after {
  left: 100%;
}

.scroll_main .main-heading { margin-top: 90px;}
.services_logo .main-heading h1 span{background:#fff;}

.bewiesen hr{background: #204360;  height: 2px; width: 510px;}
.page_text hr{background: #204360;  height: 2px; width: 510px;}
.page_text ul{list-style:none; width:50%;}
.page_text ul li{display:inline-block; width:49%;}

body{ font-size:14px; color:#2f3535; font-weight:400; font-family: 'Arial'; margin:0px; padding:0px; overflow-x:hidden}
.container{width:990px; margin:auto; position:relative;}
.container1100{width:1100px}
p{line-height:23px; margin-bottom:35px; font-size:17px;}
p:last-child{margin:0;}
p b{font-weight:700; color: #2f3535;}
p i{text-decoration:underline; color: #204360;}
i {font-size: 17px; font-style: italic;}
.about_text p b{color:#777}
.page_text p b i{color:#2f3535;  font-style:normal; text-decoration:underline;}

.wrapper{width:100%;position: relative;
    overflow: hidden;}


.shareOpinion{float:left;width:100%}
.shareOpinion h3{margin-top:0}
.shareOpinion h5{margin-bottom:30px}
.darkblue{color:#204360 !important}

/* Header
--------------------------------------------- */
.header{width:100%; top:-140px;
-webkit-transition: all 1s ease; /* Safari and Chrome */
-moz-transition: all 1s ease; /* Firefox */
-o-transition: all 1s ease; /* IE 9 */
-ms-transition: all 1s ease; /* Opera */
transition: all 0.6s ease; background:#204360;}
header.sticky {position:fixed; top:0;     z-index: 9999999; -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.3);
box-shadow:0px 0px 14px 0px rgba(0, 0, 0, 0.3);}
.home .toggle-mobile, .home .cross{ float:left;}
.logo{text-align:center;padding:13px 0px}
.header .logo img{max-height:60px}
.header img.logo{max-height:60px;padding: 13px 0 0;margin-left:30px}

.bestellenVorteileWrap{margin-top:30px;text-align:left}
.bestellenVorteile img{max-height:18px;float:left;margin-top:10px;margin-right:15px}
.bestellenVorteileLeft,.bestellenVorteileRight{display:none}
.bestellenVorteileWrap .topMargin{margin-top:15px}
.bestellenVorteile .col-xs-6 div{display:inline-block}


.nav_menu {text-align:left;}
.nav_menu ul li{display:inline-block; font-size:15px; font-weight:400;/*text-transform:uppercase;*/margin-right:0px}
.nav_menu ul li a{color:#fff; display:block;padding:14px 15px;}
.nav_menu ul li a:hover,.nav_menu ul li.current-menu-item a{color:#0e7dc5;}

#payButton .bt_order.loading{color:transparent;background-image:url(/images/loading.gif);background-size:contain;background-repeat:no-repeat;background-position:center}

.banner{float:left; width:100%; background:url(images/Header_Startseite_1920px_flip.jpg) no-repeat; background-size:cover; background-position:right top}
.banner .container{width:100%/*1238px*/}
/*.banner .desktop-text{margin-right:10%}*/
.banner .desktop-text{margin:0 auto;text-align:center}
.banner .desktop-text h2 span{font-family:'Arial'}
.banner h1{font-size:41px}
.banner h1:before{display:none}
.banner h1:after{display:none}
.banner h2{font-size:25px;margin-right:-10px}
.banner span{font-size:30px; color:#2f3535;    padding-right: 93px;}

.desktop-text .middle-text{margin:0 auto;text-align:left;width:329px;white-space:nowrap}
.desktop-text .middle-text span{background:url(/images/Anker_mobil.svg) no-repeat;background-position:top 1px left;background-size:22px;padding-left:30px}
.desktop-text .middle-text2 span{color:#204360}
.desktop-text .btn{position:relative;top:50px/*;left:250px*/}

.banner_main{text-align:right;padding:40px 0px 250px 0px}
.banner_main .produktfoto{width:400px;position:absolute;top:300px;left:28%}
.scroll_main{padding-left:0px;padding-right:0px}
.scroll_nav{float:left; width:100%; padding:15px 0px 15px 0px; background:#efefef;;border-bottom:1px solid #fff;position:relative}
.scroll_nav ul{list-style:none;}
.contact-nav{padding:28px 0 20px 0;}
.paket_scroll{padding:25px 0 15px 0;}
.scroll_nav.fixed{position:fixed; top:0; z-index:100000; padding:10px;}
body.shop .scroll_nav.fixed{top:86px}

.scroll_nav ul li{display:inline-block; font-size:21px; font-family:'ABRILFATFACE-REGULAR'; font-weight:400; /*margin-right:6px*/}
.scroll_nav ul li:not(.cta) {
    font-size: 18px;
    font-family: 'Arial';
    font-weight: 500;
}
.scroll_nav ul li:last-child{margin-right:0px;}
.active{background-color:#79031f; color:#fff !important;}
.scroll_nav ul li a{text-decoration:none; color:#204360; padding: 6px 10px; }
.scroll_nav ul li a:hover{background-color:rgb(32,67,96); color:#fff; transition:all .5s;}
.content{float:left; width:100%;}
.services{float:left; width:100%; position:relative;}
.services:before{content:url(images/tebtakel-left.png); position:absolute; bottom:0px; left:0px;}
.services:after{content:url(images/tebtakel-right.png); position:absolute; bottom:0px; right:0px;}
.fields.price,.fields.price label{margin:0}
.services_logo{ text-align:center; padding:25px 0px;}
.services_main{ position:relative; margin:0px 0px 60px 0px;  position:relative;}
.services_img{position:absolute; left: 329px;top:272px}
.services_section{padding:0px;}
.services_text{margin-bottom:85px; padding-left:0px;}
.services_text h4{border-bottom:1px solid;margin-top: 20px;margin-bottom: 10px;font-size: 26px;}

/*.lebensmittel h4{font-family:Arial}*/

/*.col-xs-12.xs-left .services_text{padding-right:75px;float:left}*/
.col-xs-12.xs-right .services_text{text-align:right; float:right; padding-right:0px;}

/*.col-xs-12:nth-child(2n+1) .services_text{text-align:right; float:right; padding-right:0px;}*/
.services_comment{text-align:center; padding:25px 25px 0; border:1px solid #2f3535;}
.services_comment h5{font-size:17px; font-style:italic;font-family: 'ABRILFATFACE-REGULAR';}
.services_comment h2.h5{font-size:20px; font-style:italic;font-family: 'ABRILFATFACE-REGULAR';}
.services_comment h3{font-size:19px; font-style:normal;font-family: 'Arial';display:block;margin-top:30px}
.services_comment p { width: 71%;  margin: auto;}
.services_logo{}
.tage{float:left; width:100%; text-align:center; background:#fff; padding:0 0px 0px 0px;}


.tage_logo{max-width:40%;margin-left:auto;margin-right:auto}
.about_section{float:left; width:100%;  background:url(images/Mann_vor_Holzwand_mit_Filter_Bob_1920px2.jpg);
 background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
   /*background-attachment:fixed;*/
}

.weeks{color:#424242;font-weight:500}
.services_comment.haken div.col-sm-6{padding-left:42px;text-indent:-28px;line-height:7px;margin-bottom:12px}

.about_text{float:left; background:#fff; padding:35px; text-align:center; width: 47%; margin-bottom: 180px;}
.about_text img{margin-bottom:35px; }
.about_text p{text-align:left;}

.zitaten{float:left; width:100%; text-align:center; background:#efefef; padding:00px 0px 0px 0px;  position:relative;}
.zitaten:before{content:url(images/karke.png); position: absolute;  right:15%; top: 208px; z-index: 10;}

.zitaten_comment {position:relative; top:60px; background:#efefef;  text-align: center;  padding: 25px;   border: 1px solid #2f3535;     z-index: 99;}
.zitaten_comment h3{font-size:30px; margin-bottom:22px;;font-family: 'Arial';margin-top:0}
.zitaten_comment h4{font-size:25px;font-family: 'Arial';margin-bottom: 0px;}

.zitaten_item{float:left; width:100%; background:#fff;padding: 125px 0px 0px 0px;}
.zitaten_item h5{font-family: 'ABRILFATFACE-REGULAR';font-weight: 400;color: #204360;margin-top: 20px;margin-bottom: 10px;font-size: 26px;}
.item_section{padding:0px;}
.thumbnail{border:none; border-radius:0px;}
.zitaten_item .btn{background:#214361;}
.zitaten_item .btn:hover{background: #79031f;}
.zitaten_comment2{text-align: center; padding:25px 148px;  border: 1px solid #2f3535; margin:75px 0px;}
.zitaten_comment2 h5{font-size: 17px;    font-style: italic;    font-family: 'Arial';}
.testmonial_heading{float:left; width:100%; text-align:center; background:#efefef; padding:65px 0px;  }
.testmonial_heading.top{padding-top:0;padding-bottom:30px}
.testmonial_heading.top .main-heading{padding-top:30px}
.testmonial_heading h2{font-size:28px; color:#2f3535; margin-bottom:0px;}
.testmonial{float:left; width:100%; text-align:center; background:#fff; padding:65px 0px; position:relative; }
.testmonial.top{padding-top:0;padding-bottom:0}
.testmonial.top .owl-carousel{margin-top:30px}
.testmonial.top:before{display:none}
/*.testmonial.top .item:last-of-type{clear:both;float:none;margin-right:auto;margin-left:auto}*/
.testmonial:before{content:url(images/tentakel.png); position:absolute; right:0px; top:-83px;z-index:10}
.testmonial P{font-size:15px ; line-height:35px; font-style:italic;  margin-bottom:35px !important; text-align:center; width:81%; margin:auto; position:relative;margin-top: 13px;padding-left:27px}
.testmonial P:before{font: normal normal normal 14px/1 FontAwesome; content: "\f10e"; position:absolute; left:0px; top:-12px; color:#20435f; font-size:30px;}
.testmonial P:after{font: normal normal normal 14px/1 FontAwesome; content: "\f10e"; position:absolute; margin-left:15px; bottom:0; color:#20435f; font-size:30px;}
.testmonial .stars{border-top:0 solid #323433; padding:25px 0px; display: inline-block;    width: 305px;}
.testmonial .stars i{font-size:30px; color:#20435f; padding-left: 6px;}
.testmonial .author-name{font-family: 'Arial'; text-align:right; font-size:16px;color:#20435f;display: block;margin: 0 100px;margin-top:-15px;margin-bottom:30px}
.testmonial .author-name {background: #000; height:1px; margin-top:10px;}
.testmonial .author-name em{background: #fff; padding:10px; position:relative; top:-10px; left: 20px}
.product .testmonial .author-name em{background:rgb(239,239,239)}

.testmonial .item img{vertical-align:center;width:80%;margin-bottom:15px;display:block;margin:0 auto}
.qualitat_heading{float:left; width:100%; text-align:center; background:#efefef; padding:16px 0px 40px 0px;  }
.bestellin_btn {float: left;  width: 100%;   background: #fff;   padding: 22px 0px;   margin-bottom: 65px;z-index:9}
.bestellin_btn .btn:hover{}
.qualitat{float:left; width:100%; float:left; width:100%;  background:url(images/Mann_mit_Vollbart.jpg);
 background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
   background-attachment:fixed;	  }
.gzgican_ican{padding: 40px 0px 40px 85px;}
.qualitat_text{float:left; background:#fff; padding:35px; text-align:center; width: 47%;}
.qualitat_text img{margin:15px 0px; }
.qualitat_text p{text-align:left;}
.qualitat_text h3{font-family: Arial;font-size: 14px;color: #2f3535;font-size:14px}
.qualitat_text i{text-align:left !important; float:left;}

h3.p{font-family: Arial;font-size: 14px;color: #2f3535;font-size:17px;line-height: 23px;margin-top:0;text-align:left}

.haltung_heading {float: left;  width: 100%;  text-align: center;   padding: 40px 0px 40px 0px; background: #efefef; }
.haltung{float:left; width:100%; float:left; width:100%;  background:url(images/joes_finest_bartwuchsmittel.jpg);
 background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
   background-attachment:fixed;	  }
.haltung_ican{padding: 40px 0px 40px 85px;}
.haltung_text{float:right; background:#fff; padding:35px; text-align:center; width: 47%; padding-bottom: 0px;}
.haltung_text img{ margin: 0px 0px 31px 0px;}
.haltung_text p{text-align:left;}
.haltung_text i{text-align:left !important; float:left;}
.versandadv{float:left; width:100%; text-align:center;  background: #efefef; padding:35px 0px;}
.versandadv2{background:#fff}
footer{float:left; width:100%; background-size:cover; background-position:100% 100%; padding:70px 0px 48px 0px; text-align:center;}
footer p i{font-size:30px; text-decoration:none; color:#fff; display:block; margin-bottom: 22px;}
footer p {font-size:25px;  color:#fff;}
footer p span{font-size:35px; display:block;color:#fff; display:block; margin-bottom:15px;}
.copyright{float:left; width:100%;  }
.copyright.desktop-footer-nav{background-color:#204360;}
.copyright img {margin-left: 30px;}
.footer_ican { border-right: 4px solid #efefef;  background: #204360;  padding: 33px 33px 33px 0;    text-align: right}
.footer_ican img{margin-top:10px}
.footer_ican a{cursor:default}
.footer_nav{  background: #204360;  padding: 33px 0px;}
.footer_nav span{font-size:16px; color:#dbdddf; float:left;margin-top: -8px; padding-left: 35px;     width: 129px;}
.footer_nav ul{float:left; list-style:none; padding-left:15px;}
.footer_nav ul li{display:inline-block; padding-right: 30px; font-size:16px;}
.footer_nav ul li a{text-decoration:none; color:#dbdddf; transition:all .5s;}
.footer_nav ul li a:hover{color:#fff;}
.full-white-bg{background:#fff;}


/*inner page css*/

.banner_inner{float:left; width:100%; background:url(images/Wirksamkeitsnachweis_auf_Bartwuchsfoerdernde_Effekte.jpg) no-repeat; background-size:cover; background-position:50% 50%;}
.banner_inner.banner-inner-bestandskunden{background:url(images/meer_mit_segelschiffen_filter_low_thumbnail_1200.jpg) no-repeat;background-size:cover;}
.inner_banner_text{width:500px;  margin:auto;  margin-bottom:250px ;      margin-top: 250px; position:relative; }
.inner_banner_text:before{content:url(images/innerbannertextbg.png); position:absolute;     left: -33px;top: -123px;}
.inner_banner_text.blue:before{content:url(images/innerbannertextbg2.png);}
.inner_banner_text.blue h1{color:#204360}
.inner_banner_text h1, .inner_banner_text .h1{color:#fff; font-size:52px; font-family: 'ABRILFATFACE-REGULAR';}
.inner_banner_text h1 span, .inner_banner_text .h1 span{display:block; font-size:40px; font-family: 'Arial';}
.inner_banner_text h1.smaller, .inner_banner_text .h1.smaller{font-size:48px}

.blog .inner_banner_text h1{color:#204360}
.inner_banner_text.smaller{width: 300px;margin-top:140px;margin-bottom:60px;text-align:center}
.inner_banner_text.smaller h1{font-size:36px;margin-top:0;position: relative;top:-47px;left:10px}
.inner_banner_text.smaller h1 span{font-size:32px}
.inner_banner_text.smaller:before{width: 400px;
    content: ' ';
    background-image: url(images/innerbannertextbg2.png);
    height: 400px;
    background-size: contain;
    background-repeat: no-repeat;}

.innerbanner_main{text-align:center; }
.Wirkstoffe_logo { float: left; width: 100%;  text-align: center; padding:80px 0px 0px 0px;}
.Wirkstoffe_logo h1:before{top: 148px;width: 122px;}
.Wirkstoffe_logo h1:after{top: 148px;width: 122px;}
.gmp{float:left; width:100%; margin:0px;}
.gmp_text{margin-bottom:75px;}
.gmp_img{padding-top:90px;}
.bewiesen{float:left; width:100%; background:#efefef; text-align: center;     padding: 40px 0px;}
.bewiesen_logo{float:left; width:100%; text-align:center; padding-top:75px;}
.bewiesen_logo h1{ background:##efefef;}
.bewiesen_logo h1:before { border:1px solid #000;}
.vitamins_main{margin-left:-66px; padding: 0px;}
.vitamins{border:1px solid #787379; padding: 0px; margin-bottom:30px; clear:both; text-align:center;height: 172px;width: 100%;display: table;}
.vitamins h4{color:#fff; background:#204360; text-align:center; padding:10px 0px; letter-spacing:1px; margin:0px;     width: 100%;
    display: table-caption; }
.vitamins ul{list-style:none; padding:10px 20px; width:100%; display: table-cell;     vertical-align: middle;}
.vitamins ul li{ font-size:17px; position:relative;  text-align:left;line-height:22px;color:#204360;margin-bottom:5px}
.vitamins ul li a{text-decoration:none; color:#2f3535; transition:all .5s;}
.vitamins ul li a:hover{color:#204360;}
.vitamins ul li:hover i{color:red !important;}
.vitamins ul li:before{content: "\f01d"; left:0px; top:0px; margin-right:20px; vertical-align:middle; font: normal normal normal 14px/1 FontAwesome;font-size:23px;}
.vitamins ul li span{display:block;color:#000;font-weight:normal;margin-left:37px;font-size:15px;line-height:20px}
.about_tages{float:left; width:100%; background:#fff; padding:65px 0px; text-align:center;}

/**************contact css*****************/
.contact_text{float:left; width:100%; border-top:2px solid #204360;padding:60px 0px; background:#efefef;}
.contact_text h1{text-align:center;}
.contact_text h1 span{font-size:20px;  font-family: 'Arial'; display:block; color:#2f3535; border-top: 1px solid #2f3535;
    width: 333px;     padding-top: 6px;     margin: 10px 0px 0px 321px;}
.form{width:635px; margin:auto; padding:75px 0px;}
.contact_form {float: left;  width: 100%;}
.form .xm{position:relative;}
.form .xm:before{position:absolute; content:url(images/contactbefore.png); position:absolute; right: 6px;
    top: 1px;
    z-index: 10;}

.klarnaOnly{display:none}
.gzg_ruder{height:82px;width:160px;position:absolute;top:0;left:0;background:url(/images/GZG_Ruder.png);background-size:contain;background-repeat:no-repeat}
.gzg_ruder_en{height:82px;width:160px;position:absolute;top:0;left:0;background:url(/images/GZG_Ruder_en.png);background-size:contain;background-repeat:no-repeat}
.blueBox{background:rgb(37,69,96);color:#fff;font-size:18px;line-height:30px;padding:10px;margin-bottom:10px;font-weight:bold;text-align:center}
.blueBox img{height:24px;margin-right:-100px}
.effekte{float:left;width:100%;padding:30px 0}
.effekte .blueBox{margin-bottom:0;margin-top:45px}
.effekte img.haken{height:24px}
.effekte .services_comment{margin-bottom:30px;text-align:left}

.faq{padding:30px 0 60px;float:left;width:100%}
.faq .faq-item{border:1px solid ;/*padding:15px;*/margin-bottom:15px;margin-top:15px;background:#EFEFEF;/*height:100%*/}
.faq .faq-item h4, .faq .faq-item h3{color:rgb(32,69,98);margin-bottom:30px;font-size:19px}
.faq .faq-item{text-align:left}
.faq .faq-item.lastone{padding-bottom:127px}
.jqZoom{padding:15px;border:1px solid #777}

body.inhaltsstoffe .inner_banner_text h1{color:#204360}
body.inhaltsstoffe .inner_banner_text:before{content:url(images/innerbannertextbg2.png)}
body.inhaltsstoffe .banner-inner-2.banner_inner{background:url(/images/header-inhaltsstoffe.jpg);background-size:cover;background-position:center top}
body.inhaltsstoffe .ingredient:nth-child(even){background:rgb(239,239,239)}
body.inhaltsstoffe .ingredient:nth-child(even) span{background:rgb(239,239,239)}
body.inhaltsstoffe .eure_fragen_text h1{background-color:transparent}
body.inhaltsstoffe .ingredient{padding-bottom:60px}
body.inhaltsstoffe .ingredient a{color:#959595;text-decoration:underline}
body.inhaltsstoffe h2{text-align:center;font-size:36px;margin-bottom:45px}
body.inhaltsstoffe h2 span{display:block;font-size:20px;font-family:Arial;font-weight:bold;margin-top:10px;position:relative}
body.inhaltsstoffe .ingredient img{float:right}

/**************impressumpage css*****************/

.impressumpage:before { content: url(images/innerbannertextbg2.png);  position: absolute;  left: -33px;  top: -123px;}
.impressumpage h1{color:#204360;}
.#wirkung {padding: 60px 0px 0px 0px;}
.impressum_tages{}
.footer_text p i{color: #204360;}
.footer_text p {color: #204360;}
.impressum_tages {float: left;  width: 100%;  background: #fff;   text-align: center; padding:0px 0px 75px 0px;}
.eure_fragen{float:left; width:100%; background-color:#fff; padding:35px 0px 135px 0px;}
.eure_fragen_text{float:left; width:100%; }
.eure_fragen_text h1{background-color:#fff; position:relative; text-align:center; margin-bottom:50px;margin-top:70px}
.eure_fragen_text h1{position:relative;}
.eure_fragen_text span{background:#fff;z-index: 10;    position: relative;    padding: 0 50px;}
/* .eure_fragen_text h1:before {content:''; border-bottom:1px solid #000; position: absolute; display: block;  right: 0px;  top:20px; left:0;} */
.eure_fragen_text img{margin-right:10px;}

.blog .eure_fragen_text h1,.blog .eure_fragen_text h2.title{margin-bottom:15px}
.blog .eure_fragen_text h1:before, .blog .eure_fragen_text h2.title:before{display:none}
.blog .eure_fragen_text h2.title{margin-top:30px !important;margin-bottom:30px}
.blog .eure_fragen_text h3{text-align:center;font-size:20px;color:#2f3535;font-family:Arial;font-weight:bold;margin-bottom:50px}
.blog .eure_fragen_text h2{background-color:#fff; position:relative; text-align:center; margin-bottom:50px;margin-top:70px}
.blog .eure_fragen_text h2{position:relative;font-size:36px;margin-top:0}
.eure_fragen_text h2:not(.noline):before {content:''; border-bottom:1px solid #000; position: absolute; display: block;  right: 0px;  top:20px; left:0;}
.blog .bg_dark,.blog .bg_white{padding:60px 0}
.blog .bg_dark{background:rgb(239,239,239)}
.eure_fragen_text .bg_dark span{background:rgb(239,239,239)}
.blog .eure_fragen_text .bg_dark h2{background-color:rgb(239,239,239)}


.page_text{float:left; width:100%; padding:50px 0px;}
.paket_scroll{background:#efefef; padding:25px 0px 15px; text-align: center; border-bottom:1px solid #2f3535;}
.wahle_paket{float:left; width:100%; background:#efefef; padding:74px 0px; position:relative;}
.wahle_paket:before{content:url(images/karke.png); position:absolute; right:13%; top:10px;}
.wahle_text{background:#204360; text-align:center;padding:20px 0px;}
.wahle_text h2{color:#fff; margin:0px; margin-bottom:15px;}
.wahle_text ul{width:430px; margin:auto; border-top:1px solid #fff; padding: 15px 0px 0px 0px;}
.wahle_text ul li{display:inline-block; /*padding:0px 20px; border-right:2px solid #fff;*/font-size:20px; text-transform:uppercase; line-height:16px; }
.wahle_text ul li a{padding:0px 20px;}
/*.wahle_text ul li + li::before {content: " . ";color:white}*/
.wahle_text ul li:last-child{border:none;}
.wahle_text ul li a{text-decoration:none; color:#fff;}

.quality_logo{float:left; width:100%; padding:15px 0px; background-color:#efefef; border-bottom:1px solid #2f3535; border-top:1px solid #2f3535;}

.quality_logo ul{list-style:none;}
.quality_logo ul li{display:inline-block;  margin-right:100px;}
.quality_logo ul li:last-child{margin-right:0px;}

.quality_logo .middlepart ul{list-style:none;max-width:289px;margin:0 auto;text-align:left;}
.quality_logo .middlepart ul li{display:block;margin-right:0}
.quality_logo .middlepart ul li img{height:20px}
.quality_logo .middlepart{text-align:center}

h3.products-red{color:#77031e;font-size:22px;font-family:Arial;font-weight:bold;text-align:center;margin-top:0}
.productsDesktop{margin-top:50px}

.home.bestellen .testmonial{background:rgb(239,239,239)}

.product{float:left; width:100%; padding:30px 0px 65px 0px;  background-color:#efefef; }

.product .testmonial{background:transparent;padding-top:30px}
.product .testmonial .container{width:700px}
.product .testmonial p{font-size:17px}
.product .testmonial:before{content:''}
.product .owl-next{right:-479px}

img.topsaller {  position: absolute; left:-1px;top:-21px;}
.product_main{width:750px; margin:auto;  padding-top:0; background:#fff;  position:relative;
    margin-top: 65px; border:1px solid #000;  transition:all .5s; }
.product_main.selected{border:12px solid #79031f;  transition:all .5s; border-radius:12px;}
/*.product_main.topseller{border-color:#79031f}*/
.product_main span.small-text{font-size:13px;display:inline}
.bestellen_col .price label.normal{font-weight:400}

.product_main .offer_wochen{position: absolute;  right: -58px;  top: -55px; background:url(images/ruler1.png) no-repeat; background-size:cover !important; background-position:50% 50%; width:120px; height:120px;color:transparent;z-index:10}
.product_main:nth-child(2) .offer_wochen{background:url(images/Ruder_18_Wochen.svg) no-repeat; top:-50px;}
.product_main:nth-child(3) .offer_wochen{ background:url(images/ruler3.png) no-repeat; top:-50px;}
.product_main.cell2 .offer_wochen{background:url(images/Ruder_12_Wochen.svg) no-repeat; top:-50px;}
.product_main.cell3 .offer_wochen{ background:url(images/Ruder_6_Wochen.svg) no-repeat; top:-50px;}
.product_main .offer_wochen h6{background-color:transparent; padding-right: 2px;
    padding-top: 29px; text-align: center;  font-size: 17px; font-family:'ABRILFATFACE-REGULAR'; font-weight:400; color:#204360;}


.product_main .offer_wochen_en{position: absolute;  right: -58px;  top: -55px; background:url(images/Ruder_6_Weeks.svg) no-repeat; background-size:cover !important; background-position:50% 50%; width:120px; height:120px;color:transparent;z-index:10}
.product_main:nth-child(2) .offer_wochen_en{background:url(images/ruler2_en.png) no-repeat; top:-50px;}
.product_main:nth-child(3) .offer_wochen_en{ background:url(images/ruler3_en.png) no-repeat; top:-50px;}
.product_main.cell2 .offer_wochen_en{background:url(images/Ruder_12_Weeks.svg) no-repeat; top:-50px;}
.product_main.cell3 .offer_wochen_en{ background:url(images/Ruder_18_Weeks.svg) no-repeat; top:-50px;}
.product_main .offer_wochen_en h6{background-color:transparent; padding-right: 2px;
    padding-top: 29px; text-align: center;  font-size: 17px; font-family:'ABRILFATFACE-REGULAR'; font-weight:400; color:#204360;}


.product_main ul{list-style:none; margin-top:35px;}
.product_main .col-md-6{z-index:1000;}
.product_main ul li{font-size:17px; line-height:22px; transition:all .5s; padding-left:10px;}
/*.product_main ul li:last-child{color:#181818;}
.product_main ul li:last-child:before{content:'';width: 96%;
    display: block;
    height: 22px;
    position: absolute;
    left: 15px;
    right: 0;
    margin-top:0px;
    background: #b5b5b5;
	z-index:-1}*/
.Paket.last ul li:last-child:before{display:none;}
.product_main span{font-size:17px; display:block;line-height:22px;}
.product_main .pro_desc{padding:0px;  padding-left: 10px; margin-top:35px;  line-height: 30px;}
.product_main .pro_desc span i{font-style:normal; text-decoration:underline; color: #204360;}
.product_main h5{padding-left:10px;}
.product_main h2{color:#fff;background: #204360; padding:6px 25px 7px 0; float:left; width:100%; margin:0px; text-align:right;margin-top: 20px;}
.product_main h6{padding:5px 0px; background:#b5b5b5; color:#000; font-family: 'Arial'; float:left; text-align:right; padding-right:25px; width:100%; margin-bottom:0px;margin-top: 3px;}
.product_main h2 del{font-family: 'Arial'; padding-right:30px;}
.productsDesktop .product_main.cell3{padding-bottom:7px}
/*.productsDesktop*/ .product_main.cell3 .selectButton{margin-top:39px}
.productsDesktop .product_main.cell2{padding-bottom:4px}
/*.productsDesktop*/ .product_main.cell2 .selectButton{margin-top:38px}
.productsDesktop .product_main.cell1{padding-bottom:6px}
/*.productsDesktop*/ .product_main.cell1 .selectButton{margin-top:39px}

.productsDesktop .product_main.cell2 h2{margin-top:139px}
.productsDesktop .product_main.cell3 h2{margin-top:106px}
#klarna-terms-popup{top:100px}

.productsDesktop .col-sm-4{padding-left:5px;padding-right:5px}
.productsDesktop .product_main .offer_wochen{width:110px;height:110px}
.productsDesktop .product_main .offer_wochen_en{width:110px;height:110px}
.productsDesktop .product_main span.small-text{font-size:11px}
.productsDesktop .product_main{width:auto;min-height:730px;cursor:pointer}
.productsDesktop .product_main.selected{border-width:4px}
.productsDesktop .product_main h2 span{margin-right:70px}
.productsDesktop .product_main .offer_wochen{right:105px}
.productsDesktop .product_main .offer_wochen_en{right:105px}
.productsDesktop .product_main h2{background:rgb(70,96,119);margin-top:60px}
.productsDesktop .product_main.selected h2{background:#163752;/*margin-top:15px*/}
.productsDesktop .product_main h2 span{font-size:30px}
.productsDesktop .product_main h2 {font-size:20px}
.productsDesktop .product_main img{margin-top:0}
.img-side{padding-left:0;padding-right:0}
.productsDesktop .product_main.cell2 img{margin-top:0}
.productsDesktop .product_main img.topsaller{margin-top:0;top:0;z-index:100}
.productsDesktop .product_main h5{text-align:center;margin-top:45px;font-family:Arial;font-size:19px}
.productsDesktop .product_main h5 b{font-family:'ABRILFATFACE'}
.productsDesktop .product_main ul{margin:15px 7px}
.productsDesktop .product_main ul li{font-size:14px}
.productsDesktop .product_main .pro_desc{margin:0 7px}
.productsDesktop .product_main .pro_desc span, .productsDesktop .product_main .pro_desc span i{font-size:14px}
.productsDesktop .product_main{margin-top:30px}
.productsDesktop .product_main.topseller{margin-top:0;-webkit-box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.75);box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.75);min-height:800px}
.productsDesktop .product_main .saved{width:70%;margin:0 auto}
.productsDesktop .product_main .saved h6{font-family:Arial;border-radius:5px;border:0 solid rgb(32,67,96);background:transparent;font-weight:700;width:100%;color:#77031e;margin-top:15px;text-align:center;padding:10px 5px}
.productsDesktop .product_main .saved.grayed h6{border-color:rgb(209,217,223);/*background-color:rgb(244,244,244);color:rgb(120,115,121)*/}
/*.productsDesktop*/ .product_main .selectButton{width:80%;margin:30px auto;padding:7px 15px;border:2px solid #77031e;color:#77031e;font-family:'ABRILFATFACE-REGULAR';text-align:center;font-size:20px}
/*.productsDesktop*/ .product_main.selected .selectButton{background:#ff0000;color:#fff;/*background-image:url(/images/check-selected.png);*/background-repeat:no-repeat;background-position:right 10px center;background-size:25px;border:0}
.productsDesktop .freeShipping{text-align:center;clear:both;margin-top:15px}
.productsDesktop .freeShipping img{height:20px;margin-top:0 !important}
.geschenkplus{background:#F7D358;color:rgb(118,3,29);font-weight:bold;padding:6px;margin:10px 17px 0;font-size:16px}
.geschenk{background:url(/images/geschenk.png);background-size:cover;width:50px;height:50px;position:absolute;top:10px;right:10px}
/*.productsDesktop .freeShipping{background:url(/images/shipping.png) no-repeat;background-size:contain;background-position:left 50px center;width:100%;padding-left:95px;margin:10px auto 0;display:inline-block}
.productsDesktop .freeShipping.no{background-image:url(/images/shipping-no.png);background-size:40px}*/

.naturstark_footer{padding: 105px;}
.daten{float:left; width:100%; background:#fff; padding:0px 0px 150px 0px;}
.daten .daten_heading{text-align:center; background:#204360; color:#fff; position:relative; padding: 13px 0px; margin-top:-30px;}
.daten .daten_heading:before{position:absolute; right: 23px;     top: -61px; content:url(images/tangle.png);}
.daten h2{background:#efefef;padding:5px 10px; border:2px solid #204360; margin-bottom:25px;}
.daten h6.serif{font-family:serif;font-weight:bold}
.paymoney h2{margin-bottom:0px;}
.fields{float:left; width:100%; margin-bottom:10px;}
.fields .fields_group{float:left; width:48%; margin-right:10px;}
.fields .fields_group:last-child{margin-right:0px;}
.cont{float:left; width:100%; border:1px solid #000; outline:none; height:30px;}
.fields label{font-size:15px; font-family: 'Arial'; color:#424242; margin-bottom:14px;}
.paymoney_fields{float:left; width:100%;  background:#fff; padding:20px 11px; /*margin-bottom:7px; */border-bottom:1px solid #eaeaea;}
.paymoney_fields label{ font-size:15px; font-family: 'Arial'; color:#424242;}
.paymoney_fields input[type="checkbox"]{float:right;}
.paymoney_fields.active{background-color: #f9f9f9;
    background-image: url(https://www.paypalobjects.com/webstatic/ppplus/icons/checkmark.webp);
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 23px 18px;}
.bestellen_col .fields_group:last-child{text-align:right;}
.bestellen_col .fields:first-child{margin-bottom:0px;}
.bestellen_col .fields .fields_group{margin-right:0px;}
.bestellen_col .fields.shippingCosts .fields_group{margin-bottom:0px; border-bottom:1px solid #000 !important; margin-right:0px;}
.bestellen_col .fields + .fields + .fields .fields_group{ border-bottom:none; }
.bestellen_col .fields + .fields + .fields .fields_group b{ color:#204360;}
.bestellen_col p{font-size:12px; color:#000; padding-left:20px;}
.bestellen_col span{font-size:12px; color:#000;}
.bestellen_col input[type="checkbox"]{float:left;}
.bestellen_col .btn{
	padding: 13px 15px;
	border-radius: 10px;
	margin-top: 20px;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
}

.gmp .main-heading{float: left; width: 100%; background: #efefef; margin-bottom:75px;}
.gmp-text{width:70%;}
.short-line{margin:25px 0; display:block; width:285px; height:1px; background:#2f3535;}
.bestellen_col{padding: 0 15px 0 5px;}
.paymoney{padding-left: 5px;}

.faqBox{width:100%;border:1px solid #204360;padding:5px 20px;text-align:center;font-family:'ABRILFATFACE-REGULAR';font-size:18px;margin-top:15px}
.faqBox a{color:#204360}

.amazon-button-wrap{text-align:right}

@media screen and (min-width:	768px){
  .danke{background-image:url(/images/danke-frau.jpg);background-position:top right;background-repeat:no-repeat;text-align:center;}
}


@media screen and (max-width:	768px){
  .notice_balken{font-size:15px}
  .danke{background-image:url(/images/danke-frau_en.jpg);background-position:top right;text-align:center; filter: opacity(.7);}
}




/* Mobile Menu
--------------------------------------------- */
.mobile-menu .active{background:none;}
.mobile-menu .logo{ margin:10px;}
.mobile-menu .logo img { width: 100%;   padding-left: 10px;}
.mobile-menu,.wrapper{transition:all ease-in-out 0.4s;-moz-transition:all ease-in-out 0.4s;-webkit-transition:all ease-in-out 0.4s;-o-transition:all ease-in-out 0.4s;}
.menu-hide{display:none;}
.mobile-menu.show-menu{-webkit-transform:translateX(0px); -moz-transform: translateX(0px); -ms-transform:translateX(0px); -o-transform: translateX(0px); transform:translateX(0px);}
.mobile-menu{background:#204360;padding:38px 0px; position:fixed;height:100%;width:100%;z-index:9999;max-width:280px;-webkit-transform:translateX(-284px); -moz-transform: translateX(-284px); -ms-transform:translateX(-284px); -o-transform: translateX(284px); transform:translateX(-284px);overflow:auto;top:0;box-shadow: 4px 0px 8px 0 rgba(0, 0, 0, 0.2);}
.mobile-menu ul{margin:0px; padding:0px;}
.mobile-menu ul li{list-style:none;font-size:13px;margin:0 15px;color:#FFF;position:relative;text-transform:uppercase;border-bottom:rgba(49, 49, 49, 0.16) solid 1px;}
.mobile-menu ul li:last-child{border:none;}
.mobile-menu ul li a{color:#fff !important; padding:13px 0px; display:inline-block;}
.mobile-menu ul li a:hover, .mobile-menu ul li.current-menu-item a{color:#ce0000; border-color:#ce0000;}
.mobile-menu ul ul{display:none; background:#fff;}
.mobile-menu ul ul li{font-size:12px;}
.mobile-menu ul li .dropdown .fa-angle-down, .mobile-menu ul li .dropdown.open .fa-angle-right{display:none;}
.mobile-menu ul li .dropdown.open .fa-angle-down{display:block;}
.mobile-menu ul li .dropdown .fa{position:absolute; top:3px; left:15px; font-size:15px; color:#313131; font-weight: bold;}
.mobile-menu ul ul li a .fa-angle-right{display:none;}
.mobile-menu ul ul li ul li{font-size:11px;}
.move-to-right{-webkit-transform:translateX(280px); -moz-transform: translateX(280px); -ms-transform:translateX(280px); -o-transform: translateX(280px); transform:translateX(280px);}
.cross{top:-0px !important; margin-right:12px !important; float:right !important;}
.toggle-mobile{margin-top:-5px}
.toggle-mobile, .cross{position:absolute; right:4px; top:14px !important; width:40px; height:35px; display:block; overflow:hidden; cursor:pointer; float:right; color:#b4b4b4; z-index:10; display:none; text-align:left; margin-right:0px}
.toggle-mobile span, .cross span{background:#fff; height:2px; position:absolute; overflow:hidden; width:40px;}
.cross span.one{top:15px;transform: rotate(45deg);}
.cross span.two{bottom:17px;transform: rotate(-45deg);}
.toggle-mobile span.one{top:0px;}
.toggle-mobile span.two{top:8px;}
.toggle-mobile span.three{top:16px;}
.toggle-mobile span.four{top: 19px;
    color: #fff;
    height: 16px;
    background: transparent;text-transform:uppercase}
.mobile-menu .logo{width:90%;float:none;margin:auto;}
.mobile-menu .logo{position:relative; top:-15px; width: 92%;    float: left;}
.menu-canvas-off{overflow-x:hidden;}
.menu-canvas .wrapper:after{content:""; position:absolute; top:0; width:100%; height:100%; z-index:999; background: rgba(0, 0, 0, 0.4);}
.move-to-right{-webkit-transform:translateX(280px);-moz-transform:translateX(280px);-ms-transform:translateX(280px);-o-transform:translateX(280px);transform: translateX(280px);}
/*.nav_menu ul li a.mobileBestellen{display:none}*/
/* Mobile Menu
--------------------------------------------- */


.desktop-footer-btn,.desktop-footer-nav,.desktop-star,.desktop-col-title,.desktop-text{display:block;}
.responsive-footer-btn,.responsive-footer-nav,.respnsive-star,.responsive-col-title,.responsive-title/*,.responsive-text*/{display:none;}


.agb p{margin-bottom:30px;}
.agb ul{width:100%;}
.agb ul li{line-height:20px; margin-bottom:30px; width:100%;}
.bold-underline-title{font-weight:bold;text-decoration:underline; margin:0 !important;}
.bold-title{font-weight:bold;margin:0 !important;}
.underline-title{text-decoration:underline; margin:0 !important;}
.simple-title{margin:0 !important;}
.t-color{color:#204360;}
.Beispiel{width:65%; margin-bottom:30px;}
.Beispiel ul{column-count:2; column-gap:20px;}
.Beispiel ul li{margin:0;}
.spece{height:60px;}


.product_main h2 span {
    text-decoration: none;
    position: relative;
    display: inline-block;
	margin-right:35px;
	font-size:20px;
    padding: 0 7px;
}
.product_main h2 span:after{
    content:"";
    position: absolute;
    bottom:3px;
    left: 0;
    border-top:2px solid #79031f;
    height: 45%;    /* adjust as necessary, depending on line thickness */
    /* or use calc() if you don't need to support IE8: */
    height: calc(50% - 1px); /* 1px = half the line thickness */
    width: 100%;
    transform: rotateZ(9deg);
}
.spece-text{padding-left:115px;}
.contact-text{margin-bottom:35px;}
.contact-text .spece-text:last-child{margin-left:3px;}
.contact-text p{margin:0;}
.client-logos{margin-bottom:72px;}
.client-logos img{height:30px}
.faq-item .client-logos img{height:60px}
.agb .bold-underline-title{margin-top:40px !important}

.page_text.datenschutz h2{font-size:36px;font-weight:400;margin:60px 0 35px 0;color:#204360}
.page_text.datenschutz h2:first-child{margin-top:0}
.form-group input {
    display: inline-block;
    width:75%;
    float: right;
}
.form-group {
    margin-bottom: 25px;
    display: block;
    overflow: hidden;
}
.control-label{font-family: 'ABRILFATFACE-REGULAR'; font-size:25px;color:#204360; font-weight:normal; margin-bottom:10px;}
.contact-text.text2 .spece-text{padding-left:8px;}
.footer{position:relative; background:#787379; overflow:hidden;}
.footer-png{position:absolute; right:0; top:0; bottom:0;}
.footer-text{position:relative; z-index:1;}

.paymentMethods{position:fixed;bottom:0;right:40%;z-index:101}
.paymentMethods .pMethods{font-weight:bold}
.paymentMethods{padding:10px 0;display:none;background:#fff;border-radius:10px;color:rgb(30,33,42);font-weight:bold;border:1px solid rgb(32, 67, 96);}
.paymentMethods .close{background:url(/images/Support-Fensterkreuz2.png);position:absolute;top:4px;right:6px;width:15px;height:14px;background-size:contain;cursor:pointer;background-repeat:no-repeat}
.paymentMethods th, .paymentMethods td{padding:5px;font-size:13px}
.paymentMethods th{color:rgb(32, 67, 96);padding-top:10px;font-family:ABRILFATFACE;text-decoration:underline;font-size:18px}
.paymentMethods td{font-weight:normal}
.paymentMethods tr.dark{background:rgb(238,238,238)}
.paymentMethods tr th:first-child, .paymentMethods tr td:first-child{padding-left:25px}
.paymentMethods tr th:last-child, .paymentMethods tr td:last-child{padding-right:25px}

.paymentMethods_en{position:fixed;bottom:0;right:40%;z-index:101}
.paymentMethods_en{padding:0px 0;display:none;background:#fff;color:rgb(30,33,42);font-weight:bold;border:1px solid rgb(32, 67, 96);}
.paymentMethods_en .close{background:url(/images/Support-Fensterkreuz2.png);position:absolute;top:4px;right:6px;width:15px;height:14px;background-size:contain;cursor:pointer;background-repeat:no-repeat}
.paymentMethods_en th, .paymentMethods_en td{padding:5px;font-size:13px}
.paymentMethods_en th{color:rgb(32, 67, 96);padding-top:0px;font-family:ABRILFATFACE;text-decoration:underline;font-size:18px}
.paymentMethods_en td{font-weight:normal}
.paymentMethods_en tr.dark{background:rgb(238,238,238)}
.paymentMethods_en tr th:first-child, .paymentMethods_en tr td:first-child{padding-left:25px}
.paymentMethods_en tr th:last-child, .paymentMethods_en tr td:last-child{padding-right:25px}

.support{position:fixed;bottom:0;right:64px;z-index:1000}
.support .question{background:url(/images/Sprechblase-Whatsapp.png);width:168px;height:58px;position:relative;cursor:pointer;background-size:contain;background-repeat:no-repeat;color:transparent}
.support .question .close{position:absolute;top:5px;right:5px;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;opacity:1}

#ens{background:url(/images/Sprechblase_ohne_Kreuz_en.png);width:69px;height:47px;position:relative;cursor:pointer;background-size:contain;background-repeat:no-repeat}
#ensd {background:url(/images/Schliessen_Kreuz_en.png);position:absolute;top: -10px;right: -8px;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;opacity:1}

.support .form{padding:10px 25px;display:none;background:#fff;border-radius:10px;color:rgb(30,33,42);/*font-weight:bold;*/font-family: 'ABRILFATFACE-REGULAR';width:auto}
.support .form td{padding:10px 0}
.support .form tr.agbcheck td label{font-weight:500}
.support .form .close{background:url(/images/Schliessen_Kreuz.png);position:absolute;top:4px;right:6px;width:20px;height:20px;background-size:contain;cursor:pointer;background-repeat:no-repeat;opacity:1}
.support .form textarea{width:100%;height:200px;resize:none}
.support .form input{width:100%;height:30px}
.support .form button{border:0;color:#fff;background:#79031f;color:#fff;padding:5px;border-radius:0;font-size:16px;font-weight:bold;cursor:pointer}
.support .form .submit{text-align:right}
.support .whatsapp2{padding:10px;border:1px solid #000;margin-left:0;margin-right:0;font-size:13px;font-weight:400;text-align:center}

.whatsapp strong{font-size:26px}
.whatsapp{position:fixed;bottom:0;right:227px;z-index:1001}
/*.whatsapp a{display:none}*/
.whatsapp .logo a{display:block;width:100%;height:100%}
.whatsapp .close{background:url(/images/Schliessen_Kreuz.png);position:absolute;top:-11px;right:-6px;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;opacity:1;z-index:1002}
.whatsapp .logo{background:url(/images/WhatsApp-Logo.png);width:61px;height:61px;position:relative;cursor:pointer;background-size:contain;background-repeat:no-repeat}
.whatsapp .logo .close{background:url(/images/Support-Fensterkreuz_mit_Kreis2.png);position:absolute;top:5px;right:5px;width:20px;height:20px;background-size:contain;background-repeat:no-repeat}
.whatsapp .fordesktop{padding:10px 25px;display:none;border:1px solid #204360;background:#fff;border-radius:10px;color:rgb(30,33,42);font-weight:bold;margin-bottom:5px}
.whatsapp .fordesktop .c1{color:#204360;font-size:14px;text-align:center}
.whatsapp .fordesktop .c2{color:#79031f;font-size:16px;text-align:center}
.whatsapp .fordesktop .c3{color:#204360;font-size:12px;text-align:center}
.whatsapp .fordesktop .close{background:url(/images/Schliessen_Kreuz.png);position:absolute;top:-9px;right:-9px;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;opacity:1}

.mobile-menu.show-menu .logo,.mobile-menu.show-menu img{display:none !important}

.joeDialog{position:fixed;top:40%;left:calc( 50% - 150px );z-index:11;width:300px;background:#fff;border:1px solid #000;border-radius:5px;padding:15px}
.joeDialog .close{background:url(/images/Support-Fensterkreuz2.png);position:absolute;top:4px;right:6px;width:15px;height:14px;background-size:contain;background-repeat:no-repeat;opacity:1}

.nav_menu a.mobileBestellen{color:#fff;background:#FC4C02;border-radius:0}
.mobileBestellen,.fnCTA{font-family:'Arial'}

.mobile-menu ul li a.mobileBestellen{background:#fff;color:rgb(32, 67, 96) !important;border-radius:5px;padding:10px 30px;font-weight:bold}
.paymoney_fields.active{color:#000 !important}

.haltung img.broschure{max-width:70%}
.mobile-menu ul li:hover a,.mobile-menu ul li:focus a,.mobile-menu ul li:active a{font-weight:bold}

.btnanim {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 25px 80px;
	display: inline-block;
	margin: 15px 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	box-sizing: border-box;
}

.btnanim:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btnanim:before{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.icon-cart{
	position:relative;
}
.icon-cart:before {
	content:'';
	background-image:url('/images/ico-cart.png');
	background-size:32px;
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
}

.btn-5.btn-5b {
	background-color: #663553;
	color: #fff;
	height: 50px;
	min-width: 260px;
	line-height: 24px;
	font-size: 16px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	border-radius:15px;
	line-height:36px;
}

.btn-5:active {
	background: #663553;
	top: 2px;
}

.btn-5 span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-transition: all 0.3s;
	-moz-backface-visibility: hidden;
	transition: all 0.3s;
	backface-visibility: hidden;
}

.btn-5:before {
	position: absolute;
	height: 100%;
	width: 100%;
	line-height: 2.5;
	font-size: 180%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-5:active:before {
	color: #663553;
}

/* Button 5b */
.btn-5b.hvr span,
.btn-5b:hover span {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
}

.btn-5b:before {
	left: -100%;
	/*top: 0;*/
}

.btn-5b.hvr:before,
.btn-5b:hover:before {
	left: 0;
}

.containerx{width:990px;margin:0 auto}

.item_section .thumbnail img{max-width:177px}

.cookie-footer {
	position: fixed;
	top: 50%;
	left: 50%;
  color: #fff;
  z-index:1015;
  padding:30px;


  right: auto!important;
  transform: translate(-50%,-50%);
  width: 100%;
  max-width: 28em;
  background-color: rgba(0, 0, 0, 0.83);
}
.cookie-footer a{color:#fff;text-decoration:underline;flex-basis:0%;
flex-grow:1;
flex-shrink:1;}
.cookie-footer img {
  /*height: 15px;*/
  float: none;
  margin-right:10px;
}
.cookie-footer p {
  float: left;
  color: #fff;
  width: 100%;
  height:auto;
  margin-bottom:0;
  text-align:left;
}
.cookie-footer button{
  border-radius: 3em;
  border:none;
  height:20px;
  width:62px;
  background: #750622;
  color: #000;
  line-height:20px;
}

.cookie-footer a.cc-link{color:rgb(214, 214, 214);font-size:16px;margin-top:15px;display:inline-block}
.cookie-footer a.cc-allow{
	color: rgb(255, 255, 255);
  background-color: #204360;
  border-color: #204360;
  text-decoration:none;
  padding-top:15px;
  padding-bottom:15px;
}
.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer;
}
.cc-btn.cc-more{border-width:0}
.cc-btn.cc-allow{display:block;margin-top:15px}

.cc-center.cc-theme-classic .cc-message, .cc-center.cc-theme-block .cc-message {
    margin-bottom: 2em;
}
.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em;
}
.cc-compliance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    flex-basis:auto;
    flex-grow:1;
    flex-shrink:0;
    font-size:16px;
    -webkit-box-direction:normal;
		-webkit-box-flex:1;
		-webkit-font-smoothing:antialiased;
		margin-top:5px;
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
}

.cc-floating .cc-compliance>.cc-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cc-color-override-615093133 .cc-btn {
    color: rgb(255, 255, 255);
    background-color: rgb(16, 74, 135);
    border-color: rgb(16, 74, 135);
}

.cc-btn+.cc-btn {
    margin-left: .5em;
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent;
}

.cc-color-override-615093133 .cc-highlight .cc-btn:first-child {
    color: rgb(255, 255, 255);
}

.cc-window.cc-floating .cc-compliance {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}


@media handheld,only screen and (max-width:480px)
{
	.cookie-footer {
	}
	.cookie-footer p {
		font-size: 16px;
	  line-height: 28px;
	}
  .cookie-footer button{
    height: 19px;
    width: 59px;
  }
}

.language_flags_mobil{display:none !important;position:absolute;right:2%;top:18px;height:25px}
.language_flags{display:none;position:absolute;right:1%;top:35px;height:25px}
.language_flags img{height:100%;filter: grayscale(100%)}
.language_flags img:hover{filter: grayscale(0%)}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    max-width:960px;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.blue-button{display:inline-block;padding:15px;background:#204360;color:#fff;margin-top:30px;font-family: 'ABRILFATFACE-REGULAR';font-size:18px}
.blue-button:hover{color:#fff}
.bestellen_col .btn.checkCoupon{padding:5px 15px;font-weight:500;background:#204360}
.xmas{padding:27px;background:rgb(32,67,96);color:#fff}
.xmas .xmasbox{border:2px solid #fff;border-radius:2px;background-image:url(/images/xmas-line.png);background-position:50%;background-size:contain;background-repeat:no-repeat;max-width:710px;margin:0 auto;position:relative}
.xmas .xmasbox:after{content:'';background-image:url(/images/xmas-muetze.png);background-size:cover;position:absolute;top:-59px;right:-46px;width:136px;height:133px}
.xmas .xmasbox .left{font-size:30px;float:left;width:50%;padding:10px}
.xmas .xmasbox .left div{color:#ffed00;font-weight:bold}
.xmas .xmasbox .right{font-size:40px;float:left;width:50%;padding:10px;line-height:80px;padding-left:43px}
.xmas .xmasbox .right span{color:#ffed00;font-weight:bold}

.pexpert{background:#fff;padding-top:15px;padding-bottom:15px}
#ProvenExpert_widgetbar_container{position:relative;max-width:1100px;margin:0 auto}
#ProvenExpert_widgetbar_container > div{position:relative !important}
#ProvenExpert_widgetbar_container img{width:auto;height:auto}
#pe_rating{display:none !important}
.serivces2{margin-top:60px;float:left;width:100%;background:#efefef}

.backstrike {
  text-align: center;
  position: relative;
  z-index: 1;
  font-size:18px;
  margin:15px 0;
}
.backstrike:before {
  border-top: 2px solid #dfdfdf;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.backstrike span {
  background: #efefef;
  padding: 0 15px;
}

.dblPayBox{margin:0 auto;width:400px}
.dblPayBox .checkoutButton{width:100%;text-align:center}
.vorratsWarnung{background:#fff;border:3px solid #000;padding:20px;text-align:center;margin:0 auto;width:400px;margin-top:15px}
.vorratsWarnung.vwfull{width:100%;margin-bottom:15px}
/*.firstbestellen{height:60px;margin-bottom:-30px}*/
.firstbestellen{float: none;
    width: 100%;
    position: relative;
}
.firstbestellen .ingrediens{width:45%;margin-top:30px;padding:15px}
.firstbestellen .btn{margin-bottom:30px}

.productsDesktop .product_main .selectButton{
		color:#000;
		background-color:#F7D358;
		border:0;
}


/*.productsDesktop .product_main.selected .selectButton{
	color:#fff;
	background-color:#204360;
}*/
.dblPayBox .checkoutButton{background:#ff0000}
#home .btn{font-size:30px;padding:10px 30px;z-index:11}
.coupon_special{background:rgb(247,211,88);padding:15px 30px;color:rgb(51,50,49);text-align:center;margin-bottom:15px;font-size:18px}
.coupon_special span{margin-right:15px}
.coupon_special .b{font-weight:bold}

.blink {
  animation: blink-animation 2s steps(5, start) infinite;
  -webkit-animation: blink-animation 2s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

	.questionDialog,.momentDialog{
		width:300px;
		height:auto;
		border:1px solid #000;
	  text-align: left;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  margin-left:-70px;
	  margin-top:-50px;
	  background:#fff;
	  z-index:11;
	  padding:15px;
	}

.sicher-bazahlen-box{max-width:500px;margin:30px auto;border:1px solid #666;padding:15px;text-align:center}
.sicher-bazahlen-box img{max-height:48px;margin-left:2px;filter: brightness(100%);}
.sicher-bazahlen-box p.h3{font-size:19px;font-family:Arial;text-align:center;margin-bottom:30px;margin-top:0;color:#204360}

@media screen and (max-width:	768px){
	#home .btn{font-size:17px}
	.owl-carouselx-show img{max-height:11px}
	.productsMobile .product_main .selectButton{
		color:#000;
		background-color:#F7D358;
		border:2px solid #F7D358;
		margin-left:20%;
		right:auto;
		padding:10px 20px;
		font-size:20px;
	}
	.productsMobile .product_main.selected .selectButton{
		border-color:#f00;
		margin-top:10px;
		background-position: right 6px center;
		background-image: url(/images/Haken_rot.png);
	}
	.dblPayBox{margin-top:60px}
	.coupon_special{margin-top:10px;margin-bottom:25px}
	.coupon_special span{display:block}
	.coupon_special span:last-child{margin-top:6px}
}

.home2021 .banner span{padding-right:0}
.home2021 .banner_main .produktfoto{top:217px}
.home2021 .banner_main{padding-bottom:306px}
.home2021 .services_logo{background: #efefef;padding-top:0}
.home2021 .services_logo.white{background:#fff}
.home2021 .services_logo.white .main-heading h1 span{background:#fff}
.home2021 .services_logo .main-heading h1 span{background: #efefef;}
.home2021 .services_img {top:200px;left:350px}
.buy_after_qualitat{padding:150px 0 60px;clear:both}
.home2021 .haltung_text{position:relative;padding-bottom: 150px;}
.home2021 .broschure{position:absolute;bottom: -164px;right:30px}
.qualitat_text.nop_bottom{padding-bottom:0}
.qualitat_text.nop_bottom img{margin-bottom:0}
.qualitat.burste{background-image:url(/images/Steg_mit_Filter.jpg)}
.oelButste{position:absolute;bottom:-66px;right:9%;width:60%}
.home2021 .versandadv{padding-top:60px}
.home2021 .pexpert{background:transparent;padding-top:0;padding-bottom:0}
.home2021 .banner_main .produktfoto{left:24%}
.home2021 .desktop-text .btn{top:133px}

.item_section.red{border:2px solid red}
.zitaten_item .btn.buy{background:#FC4C02}
.home2021 .banner i{font-size:41px}
.bck-grey{background:#efefef}
.productTable li{color:#a9a8a8;font-size:13px !important;padding-top:5px;padding-bottom:5px;border:1px solid rgb(192,191,191);border-bottom-width:0;position:relative}
.productTable li:after{content:" ";background:url(/images/x.png);height:20px;width:20px;right: 7px;
    position: absolute;
    top: calc(50% - 10px);
    background-repeat: no-repeat;background-size:contain}
.productTable li.activex{font-weight:bold;color:#000}
.productTable li.activex:after{background-image:url(/images/2021_Haken.png)}
.productTable li:last-child{border-bottom-width:1px}
.productsDesktop .product_main ul.productTable{margin-left:0;margin-right:0}
.bestellen2021 .productsDesktop .product_main img.topsaller{top:-1px;left:-1px}
.bestellen2021 .product_main.topseller h5{margin-top:81px}
.bestellen2021 .productsDesktop .product_main h2 span {font-size:20px}
.bestellen2021 .productsDesktop .product_main h2 span {margin-right:45px}
.bestellen2021 .productsDesktop .product_main h2{font-size:17px}
.bestellen2021 .productsDesktop .product_main.cell2 h2{margin-top:60px}
.bestellen2021 .productsDesktop .product_main.cell3 h2{margin-top:60px}
.bestellen2021 .productsDesktop .col-sm-3{padding-left:3px;padding-right:3px}
.bestellen2021 .product_main.cell3 .offer_wochen{ background:url(images/Ruder_4_Wochen.png) no-repeat; top:-50px;}
.bestellen2021 .product_main.cell2 .offer_wochen{ background:url(images/Ruder_8_Wochen.png) no-repeat; top:-50px;}
.bestellen2021 .product_main.cell1 .offer_wochen{ background:url(images/Ruder_12_Wochen.png) no-repeat; top:-50px;}
.bestellen2021 .product_main.cell4 .offer_wochen{ background:url(images/Ruder_16_Wochen.png) no-repeat; top:-50px;}
.bestellen2021 .productsDesktop .product_main .offer_wochen{right:calc(50% - 55px);z-index:101}
.bestellen2021 .productsDesktop .product_main{padding-top:0}
.bestellen2021 .product_main h5 strong{font-weight:400;font-size:26px;font-family:'ABRILFATFACE-REGULAR'}
.bestellen2021 .product .container1100{width:1232px}
.services_main_wrap{max-width:70%;margin:0 auto}
.ingrediens{width:80%;margin:0 auto}
.ingrediens img{max-height:80px;margin:0 auto}
.text-center{text-align:center}
.slick-arrow{opacity:0}
.vorteile-slider-nav .slick-arrow{opacity:1;position:absolute;z-index:1;border:0;outline:none;color:transparent}
.vorteile-slider-nav .slick-arrow{
    top: calc( 50% - 20px )!important;
    width: 40px;
    height: 40px;
    background: #dcdcdc;
}
.vorteile-slider-nav .slick-arrow.slick-next{right:15px}
.vorteile-slider-nav .slick-arrow:before {
    content: '';
    position: relative;
    top: 2px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 0;
    background: url(images/arrow-slide.png) no-repeat;
    background-size:contain;
    background-position:center;
}
.vorteile-slider-nav .slick-arrow.slick-next:before{    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";}
.summaryWrap h3{font-family:Arial;font-weight:bold}

.btn.nachweise{margin-bottom:45px}
.product_main .img-side{position:relative}
.product_main .img-side .notin{position:absolute;bottom:86px;font-weight:900;font-size:17px;left:10px}
.product_main .img-side .notinaminos{position:absolute;bottom:53px;font-size:16px;left:21px}
.product_main .img-side .notinprice{position:absolute;bottom:30px;font-weight:bold;font-size:16px;left:21px}
.product_main .img-side .notinaminos.white, .product_main .img-side .notinprice.white{color:#fff}
.product_main .img-side .notin.c4{bottom:93px}
.product_main .img-side .notinaminos.c4{bottom:60px}
.product_main .img-side .notinprice.c4{bottom:37px}
.vorteile-slider-nav .slick-slide{padding-right:15px}
.vorteile-slider .slick-slide img{width:calc( 100% - 15px )}
.productsDesktop .product_main.cell3 .freeShipping, .productsDesktop .product_main.cell2 .freeShipping{margin-top:60px}
.contact_form .form{padding-bottom:15px}

.gzg-section{margin:75px 0 60px;text-align:center}
.gzg-section img{max-width:75%;margin:0 auto}

@media (max-width: 1400px)
.home2021 .banner_main .produktfoto {
    left: 12%;
}

.bvl{width:98%;max-width:400px;margin:0 auto;border:2px solid #000;padding:10px;font-weight:bold;text-align:center;font-weight:500}
.bvl b{color:#204360}

.aligned-row {
	display: flex;
	flex-flow: row wrap;
	margin-bottom:15px;
}

.aligned-row::before {
  display: block;
}

.pruefsiegel{text-align:center;clear:both;float:none;margin-top:15px}
.pruefsiegel img{width:400px;max-width:100%}
.openQuestion{cursor:pointer}

section.cart{margin-top:70px;min-height:381px;color:#000;background:#fff}
section.cart h2{background:linear-gradient(225deg, #bcb6b6 0%, #bcb6b6 35%, transparent 27%), linear-gradient(45deg, #bcb6b6 0%, #bcb6b6 35%, #ffff00 26%);text-align:center;padding:7px;margin-bottom:45px;font-size:22px}
section.cart h2 small{font-weight:500;font-family:Dosis;font-size:16px}

section.cart .cart-item{margin-bottom:45px}
section.cart .cart-item img{max-width:110px;height:auto;max-height:156px}
section.cart .cart-item h3{font-size:26px;margin-bottom:7px;color:#204360;background:transparent;display:inline-block;padding:5px 0px;font-family:Arial;font-weight:500}
section.cart .cart-item h4{font-size:16px;margin-bottom:10px;font-weight:500;font-family:Arial}
section.cart .cart-item .price-strike{font-size:16px;display:inline-block;padding:0 5px;margin-left:-5px}
section.cart .cart-item .price{font-size:19px;margin:5px 0;line-height:38px}
section.cart .cart-item .priceItemTotal{font-size:19px;margin:5px 0;font-weight:500}
section.cart .cart-item  .count-product-box input[type="number"]{width:43px;height:40px;font-size:20px;margin-top:15px}
section.cart .cart-item.gratis{background-color:#d7e3d0;padding-top:15px;padding-bottom:15px}
section.cart .cart-item.gratis span.gratis-text{color:#0a0;background:#d7e3d0;margin-left:15px;font-size:28px;font-family: "Passion One";}

section.cart .summary h3{font-size:28px;margin-bottom:15px}
section.cart .summary h4{font-size:22px;font-weight:500;margin:10px 0 10px}
section.cart .summary input,section.checkout .smallSummary .summary [name=couponcode]{width:100%;padding:5px;border:1px solid #aaa;box-shadow:none;height:30px}
section.cart .summary input::placeholder {
  font-size: 14px;
}
section.checkout .smallSummary .summary [name=couponcode]::-webkit-input-placeholder {
	font-size:14px;
}
section.cart .summary button,section.checkout .smallSummary .summary button{background:#204360;color:#fff;box-shadow:none;border:0;padding:5px 15px;width:100%;font-size:14px}
section.cart .summary hr{border:0;border-top:1px solid #aaa}
section.cart .summary .toCheckout{text-align:center;background:#03c04a;color:#fff;display:block;padding:10px 15px;font-size:20px}
section.cart .summary .toCheckout:hover{font-weight:bold;color:#fff}
section.cart .summary .cShopping{text-align:center;background:transparent;color:#000;display:block;padding:15px 15px;border:1px solid #aaa;margin-top:45px;margin-bottom:45px}
section.cart .summary .cShopping:hover{font-weight:bold;color:#000}
section.cart .cart-item img.deleteItem{max-height:33px;width:22px;margin-top:25px;cursor:pointer}

section.cart .summary div{line-height:24px}
section.cart .summaryWrap{margin-bottom:45px}
section.cart .summaryWrap h3{font-size:18px;background:none;padding:0}
section.cart .summaryWrap h4{font-size:14px;font-weight:500;font-family:Dosis}
section.cart .summaryWrap .cart-item .price{font-size:14px}
section.cart .summaryWrap, section.checkout .summaryWrap{padding:15px;background:#eee;border-radius:5px}
section.checkout .summaryWrap .cart-item{margin:0 15px}
section.cart .summaryWrap .cart-item{margin:0 0}
section.cart .summaryWrap .cart-item .col-9, section.checkout .summaryWrap .cart-item .col-9{padding-left:0}

.count-product-box .minus,
.count-product-box .plus{
    background: transparent;
    border: 0;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    outline: none;
    position:relative;
}
.count-product-box .plus
{
	top:6px;
}
.count-product-box .minus
{
	top:6px
}
.count-product-box .minus,
.count-product-box .plus{
    background: transparent;
    border: 0;
    font-size: 40px;
    line-height: 30px;
    cursor: pointer;
    outline: none;
}
.count-product-box .minus{
    padding-bottom: 8px;
}
.count-product-box input[type="number"]{
    background: #eeeeee;
    border: 0;
    width: 68px;
    height: 58px;
    margin: 0 13px;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    -moz-appearance:textfield;
}
.count-product-box input::-webkit-outer-spin-button,
.count-product-box input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.questionDialog,.momentDialog,.trentoDialog,.ppePupop,.vorratDialog,.gewinnePopup{
	width:300px;
	height:auto;
	border:1px solid #000;
  text-align: left;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left:-70px;
  margin-top:-50px;
  background:#fff;
}
.questionDialog h3{font-family:Arial;margin-top:10px;font-size:20px}
.questionDialog .btn{border:2px solid #204360;background:#fff;color:#204360}
.ppePupop{width:400px;padding:15px;font-size:14px;z-index:3}
.ppePupop h3{font-size:20px;margin-bottom:10px}
.ppePupop h3.text-danger{color:red}
.ppePupop h4{font-size:16px;margin-bottom:10px;margin-top:15px;font-weight:500;font-family:Arial}
.ppePupop .field-box2{margin-bottom:15px}
.ppePupop .field-box2 select{padding:10px 12px;font-size:16px;width:100%}
.ppePupop .close{position:absolute;top:2px;right:2px;color:#000;width:15px;height:15px}

#login{
    position: absolute;
    background: url("images/login_100px.png") no-repeat;
    background-size:contain;
    width: 50px;
    height: 30px;
    display: inline-block;
    background-position: center;
    top: 26px;
    right: calc( 10px + ( 100% - 1200px ) / 2 );
    margin-left: 18px;
}

#cart{
    position: absolute;
    background: url("images/cart_bag3.png") no-repeat;
    background-size:contain;
    width: 50px;
    height: 41px;
    display: inline-block;
    background-position: center;
    top: 22px;
    right: calc( 10px + ( 100% - 1200px ) / 2 );
    margin-left: 18px;
}
#cart.blue{
	background-image: url("images/Cart_BagIcon_blau_100px.png");
  color:#fff;
  top:0;
}
#cart span{
    position: absolute;
    top: 17px;
    /* right: 3px; */
    width: 100%;
    text-align: center;
    font-family: "Nunito Sans";
    font-size: 20px;
    line-height: 20px;
}
a.btn-product:hover, a.btn-product:focus, a.btn-product:active:focus{background-color: #FC4C02;}
a.btn-product.clicked{background-color: #204360}

/*body.shop header.fixed{position:fixed;top:0;z-index:10000}*/
.toFreeShipping{padding:5px;border:2px solid red;text-align:center;margin-bottom:30px}
.toFreeShipping span{color:red;font-weight:bold}
body.en #login{display:none}

.title-background {
    font-size: 23px;
    line-height: 26px;
    letter-spacing: normal;
    font-family: 'Montserrat', sans-serif;
    color: white;
    background: rgb(32, 67, 96);
    padding: 10px 15px;
    text-align:center;
}

.fitem{padding:15px}
.fitem:nth-child(2n){background:white}
.faq h3{color: #204360;}

body.inhaltsstoffe .eure_fragen_text .slide img{width:100% !important;margin-bottom:15px}
.lieferverzeogertung{border:2px solid red;padding:15px;text-align:center;color:red}
.lieferverzeogertung p.b{font-weight:bold}

@media screen and (max-width:	768px){
  .gzg-section{margin-top:37px}
}

#produkt h2{margin-top:45px}
#produkt h3 {
  margin-top: 30px
}
#produkt .nav-tabs .nav-link.active{font-weight: bold;}

.bestseller{
  border: 2px solid #204360
}

.ribbon-container {
  position: relative;
  overflow: hidden;
  /* Add these properties to your container */
}

.ribbon {
  position: absolute;
  top: 20px;
  left: -35px;
  background-color: #204360;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  padding: 8px 40px;
  transform: rotate(-45deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 10;
}



.ribbon::before {
  left: 0;
  border-width: 0 0 8px 8px;
  border-color: transparent transparent #c0392b transparent;
}

.ribbon::after {
  right: 0;
  border-width: 0 8px 8px 0;
  border-color: transparent transparent #c0392b transparent;
}