/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.1.1.1524749872
Updated: 2018-04-26 15:37:52
*/





/*
Fullwidth Container bleiben zweispaltig bis Tablet hoch.
*/

/*haendlersuche mobile tablet im menu */

div.filter__row.hide-for-medium-down{
	display:none;
}

@media all and (min-width: 982px) {
.dealerMenuTabletMobile{
	display:none !important;
}
}

body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a, body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
/*color:#0070c9 !important;*/
/*TABS FARBE SHOP */
}
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a:hover, body.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color:#0070c9 !important;
/*TABS FARBE SHOP */
}
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li , body.woocommerce div.product .woocommerce-tabs ul.tabs li  {
float:left;
padding-left:5px;
/*TABS FARBE SHOP */
}
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	float:left;
padding-left:5px;
	
}


/*WOoCOMMERCE SWITCHES(AUSWHALBILDER) */
#filterOptionsClearer{
display:none;	
}

#top-menu li.current-menu-item > a {
	color: #000000 !important;
}

.swatch.swatch-image.swatch-set1{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}.swatch.swatch-image.swatch-set2{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}.swatch.swatch-image.swatch-set3{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}.swatch.swatch-image.swatch-set4{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}.swatch.swatch-image.swatch-set5{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}.swatch.swatch-image.swatch-set6{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}.swatch.swatch-image.swatch-set7{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}
.swatch.swatch-image.swatch-set1-en{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}.swatch.swatch-image.swatch-set2-en{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}.swatch.swatch-image.swatch-set3-en{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}.swatch.swatch-image.swatch-set4-en{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}.swatch.swatch-image.swatch-set5-en{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}.swatch.swatch-image.swatch-set6-en{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}.swatch.swatch-image.swatch-set7-en{
	height:100px !important;
	width:100px !important;
	border-radius:0px !important;
}
a.reset_variations{
display: none !important;
}
.woocommerce-variation.single_variation{
	padding-top:0px !important;
}
.related.products{
	display:none !important;
}

@media all and (min-width: 767px) {
 .et_pb_row.et_pb_equal_columns,.et_pb_row_inner.et_pb_equal_columns,.et_pb_section.et_pb_equal_columns>.et_pb_row {
  display:-webkit-box !important;
  display:-moz-box !important;
  display:-ms-flexbox !important;
  display:-webkit-flex !important;
  display:flex !important;
  direction:ltr !important;
 }
 .et_pb_row.et_pb_equal_columns>.et_pb_column {
  order:1 !important;
 }
}

/* Horizontales DIV für anzeige von größen auf Ladenbauseite */
.divTwoBlocks{
	display:block;
	text-decoration: none;
}

.divTwoBlockLeft{
	float:left;
	width:50%;
}
.divTwoBlockRight{
	float:right;
	width:50%;
}



/*HORIZONTALES DIV für anzeige von drei kleinen Bildern auf mobil */
.inlinethreeImagesImage{
	max-width:30%;
	
	margin-right:2vw;
}

.inlinethreeImages{
	display:inline-block;
	margin-top:50px;
	margin-bottom:50px;
}

/*Horizontale DIVS für anzeige von drei kleinen ICONS mit schrift in einem links oder rechtsbündigem Eintrag*/
@media all and (min-width: 980px) {
div.horizontalDIV div{
            display: inline-block;
            color: white;
            text-decoration: none;
}

div.horizontalDIV {
            text-align:center;
           
}

.spanhorizontalDIV{
	height:80px;
	
}

.eintraghorizontalDIV {
	font-size:13px;
	font-weight:700;
	max-width:32%;
	width:25%;
	color:#222222 !important;
	margin-left:10px;
	margin-right:10px;
	line-height: 1.4;
}
}
@media  only screen and (max-width: 980px) {

.horizontalDIV br {
    display: none;
}	
	
div.horizontalDIV div{
           
}

div.horizontalDIVIconsCenter{
margin-left:27vw !important;	

}	

div.horizontalDIV {
          text-align:left;
           
}

.spanhorizontalDIV{
	margin-bottom:20px;
	margin-left:10px;
	font-weight:700;
}

.eintraghorizontalDIV {
	
}

.imghorizontalDIV{
	height:40px;	
	margin-top:20px;
}	
}
@media  only screen and (max-width: 770px) {
div.horizontalDIV {
          text-align:left;
 		  margin-left:30%;          
}	
img.imghorizontalDIV {
    vertical-align: baseline;
}	
}
@media  only screen and (max-width: 500px) {
div.horizontalDIV {
          text-align:left;
 		margin-left:5% !important;          
}	
img.imghorizontalDIV {
    vertical-align: baseline;
}	
}
/*
GLOBAL CONTAINER HEADER FOOTER ZEILEN SPALTEN
*/

/*-----------------Top- und Mainheader fixed auf Mobile */
@media  only screen and (max-width: 980px) {
 
#main-header  {
	background: rgba(255,255,255,0.95) !important;
	}	

#top-header  .container {
	width: 90% !important;
	}
#main-content .container {
	width: 90% !important;
	}
	
}
	

/*-----------------Header springt nicht mehr*/
#page-container {
	padding-top: 95px !important;
	}


/*-----------------Container bleibt horizontal so breit wie der screen
.et-animated-content {
	overflow-x: hidden !important;
	-moz-overflow-x: visible !important;
}

#pagecontainer {
	overflow-x: hidden !important;
	-moz-overflow-x: visible !important;
}
*/



/*-----------------Innen und Außenabstände für alle Module auf 0% */
.et_pb_row_inner {
    padding: 0px !important;
	}

.et_pb_row {
	padding: 0px;
	}

.et_pb_gutters2 .et_pb_column .et_pb_module {
	margin: 0px !important;
	}

.et_pb_column {
	margin-bottom: 0% !important;
	}

@media only screen and ( max-width: 980px ) {
.et_pb_section {
	padding: 0 !important;
	}
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {

    margin: 0px auto;
        margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;

}

  
/*-----------------Contentbreite auf mobilen Geräten */
@media only screen and ( max-width: 980px ) {
.et_pb_row {
	width: 90%;
	}
}



   
/*-----------------Mega-Menu langsames ausfaden und erscheinen */
@media  (min-width: 981px) {
.et-dropdown-removing > ul {    
    display: block!important;
	}
.et-dropdown-removing > ul ul {    
    display: block!important;
	}
#top-menu li.mega-menu:hover li ul {
    visibility: visible;
    opacity:1;
	}
#top-menu li.mega-menu li ul {
    display: block;
    visibility: hidden;
    opacity:0;
	}
.nav li ul {
    transition: all .4s ease-in-out 0.4s !important;
	}
}


/*-----------------Cursor im Mega Menü als Zeiger, nicht als Textwerkzeug */
.linkcursor {
	cursor:pointer;
	}

 /*Warenkorb und Mein Konto Link auf Mobilgerät*/
@media only screen and ( min-width: 981px ) {
.menumobile {
	display: none !important;
}
}


/*-----------------Menu Dropdown Icon hoch & runter*/
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    content: "\35";
	}
 
#et-secondary-nav .menu-item-has-children:hover>a:first-child:after, #top-menu .menu-item-has-children:hover>a:first-child:after {
    content: "\33";
	}


/*-----------------Mega Menu Dropdown nicht klickbarer Text*/


.nohover > a {
	color: #808080 !important;
	text-transform: capitalize !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	}


.nohover > a:hover{
	color: #808080 !important;
	text-transform: capitalize !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	opacity: 1 !important;
	}


.nohover > a:active{
	color: #333333 !important;
	text-transform: capitalize !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	}



/*-----------------Mega Menu Dropdown Trennstrich zwischen 2 und 3er Ebene weg*/
#top-menu li.mega-menu > ul > li > a:first-child {
    border-bottom: 0px solid rgba(0,0,0,.03);
	}

/*-----------------Menu Dropdown Border weg*/
.nav li ul {
	border-top: 0px;
	}



/*-----------------Mega Menu Zeilenabstand*/
.nav li li {
    line-height: 14px;
	}



/*-----------------Mega Menu Link Hovereffekte*/
#top-menu li a:hover {
	background: #ffffff;
	color: #000000;
	transition: none;
	}


/*-----------------Top Header Hintergrundfarbe + Textfarbe */
.et-fixed-header {
    background-color: #f8f8f8 !important;
	}

.et-fixed-header#top-header a {
    color: #bababa !important;
	}

/*-----------------Top Header mobil ausblenden */
@media only screen and ( max-width: 768px ) {
#top-header {
	display: none;
	}
}


/*-----------------Main Header Schatten */
#main-header {
    box-shadow: 0 3px 6px rgba(1,1,1,.05);
	}



/*-----------------Footer Padding oben und unten */
#footer-widgets {
    padding: 60px 0 60px;
	}

/*-----------------Footer Links ohne Aufzählungszeichen */
#footer-widgets .footer-widget li {
    position: relative;
    padding-left: 0px;
	}


/*-----------------Footer Letter Spacing und Schrift */
#footer-widgets .footer-widget a, #footer-widgets .footer-widget li a, #footer-widgets .footer-widget li a:hover {
	letter-spacing: 1px;
	font-weight: 400;
	}

.et_pb_widget div, .footer-widget .et_pb_widget ul, .footer-widget .et_pb_widget ol, .footer-widget .et_pb_widget label {
	text-transform: uppercase;
	}

.textwidget {
	line-height: 1.5em !important;
	}

.footer-widget h4  {
	font-size: 14px !important;
	}


/*Abstände von ZEILEN

 * bausteinpadding = Breiter Abstand zwischen horizontalen Blöcken
 * bausteinpaddingschmal = WICHTIG schmaler Abstand oben und unten von ganzen Blöcken
 * Bausteinpaddingschmalunten = schmaler Abstand unten von ganzen Blöcken
 * bausteinpaddingspalte = erste Spalte auf Mobil
 * bausteinpaddingerster = erste Zeile nach Header
 * BausteinMargin = damit sich die Abstände an bestimmten Stellen nicht addieren */

@media only screen and ( min-width: 0px ) and ( max-width: 479px ) {

.bausteinpadding {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
	}
	
	
.bausteinpaddingerster {
	padding-top: 120px !important;
	padding-bottom: 80px !important;
	}
	
.bausteinpaddingspalte {
	padding-bottom: 60px !important;	
	}
	
.BausteinMargin {
	margin-bottom: 40px;
	margin-top: 40px;
	}		
	

.bausteinpaddingschmal {
	padding-top: 20px !important;
	padding-bottom: 20px !important;	
	}
	
.bausteinpaddingschmalunten {
	padding-bottom: 20px !important;	
	}	
	
}

@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {

.bausteinpadding {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
	}

.bausteinpaddingerster {
	padding-top: 120px !important;
	padding-bottom: 80px !important;
	}

.bausteinpaddingspalte {
	padding-bottom: 60px !important;	
	}
	
.BausteinMargin {
	margin-bottom: 40px;
	margin-top: 40px;
	}	

.bausteinpaddingschmal {
	padding-top: 20px !important;
	padding-bottom: 20px !important;	
	}
	
.bausteinpaddingschmalunten {
	padding-bottom: 20px !important;	
	}	
	
}

@media only screen and ( min-width: 768px ) and ( max-width: 979px ) {

.bausteinpadding {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
	}	
		
.bausteinpaddingerster {
	padding-top: 120px !important;
	padding-bottom: 60px !important;
	}
	
.BausteinMargin {
	margin-bottom: 40px;
	margin-top: 40px;
	}		
	
.bausteinpaddingschmal {
	padding-top: 40px !important;
	padding-bottom: 40px !important;	
	}
	
.bausteinpaddingschmalunten {
	padding-bottom: 40px !important;	
	}
	
}

@media only screen and ( min-width: 980px ) and ( max-width: 1920px ) {

.bausteinpadding {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	}	

.bausteinpaddingerster {
	padding-top: 120px !important;
	padding-bottom: 80px !important;
	}

.BausteinMargin {
	margin-bottom: 80px;
	margin-top: 80px;
	}		
	
.bausteinpaddingschmal {
	padding-top: 40px !important;
	padding-bottom: 40px !important;	
	}
	
.bausteinpaddingschmalunten {
	padding-bottom: 40px !important;	
	}	

	
}

@media only screen and ( min-width: 1921px ) {
	
.bausteinpadding {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	}	
	
.bausteinpaddingerster {
	padding-top: 150px !important;
	padding-bottom: 100px !important;
	}

.BausteinMargin {
	margin-bottom: 80px;
	margin-top: 80px;
	}
	
.bausteinpaddingschmal {
	padding-top: 40px !important;
	padding-bottom: 40px !important;	
	}
	
.bausteinpaddingschmalunten {
	padding-bottom: 40px !important;	
	}
	
	
}


/* BLURB 
-----------------Informations Blurb zentrierter Content
.et_pb_blurb_position_left .et_pb_blurb_content {
    display: table !important;
	text-align: center !important; 
	}
*/


/*Submenu auf Mobile ausblenden*/
@media  only screen and (max-width: 980px) {
#main-header .et_mobile_menu li ul, #main-header .et_mobile_menu li ul {
	display: none !important;
	}

ul.sub-menu {
	display: none !important;
	}
}


/*Style Mobiles Menu*/
.et_mobile_menu li a:hover {
	background-color: #fff;
}

.et_mobile_menu .menu-item-has-children > a {
    background-color: #fff;
}

.et_mobile_menu {
	border-color: #fff !important;
	text-transform: uppercase;
}


/* TOGGLE UMSCHALTER 

.et_pb_toggle {
	padding-left: 0px;
}

*/
.et_pb_toggle_title::before {
	font-size: 20px;
}

.et_pb_toggle {
	margin-bottom: 10px !important;
}

.etmodules {
	font-family: ETmodules !important;
	font-size: 40px;
	font-weight: bold;
	line-height: 1em;
	color: #bababa;
}


/* GLOBALE BUTTON EINSTELLUNGN */

/*-----------------Buttons Secondary Pfeil */
.et_pb_button:after, .et_pb_button:before{
	position: relative !important;
	vertical-align: -.2em !important;
	margin-left: 0px !important;
	}


/*-----------------Kleine Buttons Innenabstand */
#buttonklein {
	padding: .1em 1em !important;
	}

#buttonklein::after {
	content: "\35";
	}



/*-----------------Große Buttons Innenabstand */

@media only screen and ( min-width: 1100px ) {
.et_button_icon_visible .et_pb_button   {
	padding: .8em 2em !important;
	}

.et_button_icon_visible .et_pb_button:hover {
	padding: .8em 2em !important;
	}
	
body #page-container .et_pb_fullwidth_header .et_pb_button_one.et_pb_button {
    padding-left: 2em!important;
	}	
	
body #page-container .et_pb_button_1 ,body #page-container .et_pb_button_1 :hover {
padding: .8em 2em !important;
}
body #page-container .et_pb_button_0,body #page-container .et_pb_button_0:hover {
padding: .8em 2em !important;
}
body #page-container .et_pb_button_2,body #page-container .et_pb_button_2:hover {
padding: .8em 2em !important;
}	

}


@media only screen and ( min-width: 981px ) and ( max-width: 1099px ) {
.et_button_icon_visible .et_pb_button   {
	padding: .8em 2em !important;
	font-size: 14px !important;
	}

.et_button_icon_visible .et_pb_button:hover {
	padding: .8em 2em !important;
	font-size: 14px !important;
	}
	
body #page-container .et_pb_fullwidth_header .et_pb_button_one.et_pb_button {
    padding-left: 2em!important;
	}		
}

@media only screen and ( max-width: 980px ) {
	.et_button_icon_visible .et_pb_button   {
	padding: .5em 1em !important;
	font-size: 14px !important;
	}

	.et_button_icon_visible .et_pb_button:hover {
	padding: .5em 1em !important;
	font-size: 14px !important;
	}
}

.et_pb_button {
	margin-top: 20px;
}

/*-----------------Textbutton Hoveranimation */

.secondary:hover {
 	letter-spacing: 0.4px;
	}


/*-----------------Buttons zentrieren auf MOBIL*/
@media only screen and ( max-width: 767px ) { 
#yannik .et_pb_button_module_wrapper.et_pb_button_alignment_ {
 text-align: center;
 }
}

/* GLOBAL: MOBIL AUSBLENDEN */
/*-----------------Header Hintergrund auf Mobilgeräten weg */
@media only screen and (max-width: 767px) {
.background {
	background-size: 0%;
	}
	
/*-----------------Header Bild für Mobilgeräte an */	
.displaymobile {
	display: inline-block !important;
	}
}

.displaymobile {
	display: none;
	}

/*-----------------Bild auf Desktop ausblenden */


@media only screen and (max-width: 767px) {
.displayOnlyMobile {
	display: block !important;
	}
}

.displayOnlyMobile {
	display: none;
	}


/*-----------------Videohintergrund für Mobilgeräte aus */
@media only screen and (min-width: 980px) {
.videoback {
	background-image: none !important;
}
}

/* wird nur auf kleinen mobilen Geräten eingeblendet */
@media  only screen and (min-width: 1100px) {
.OnlyOnSmallScreen {
	display: none !important;
	}
}

/* wird nicht auf kleinen mobilen Geräten eingeblendet */
@media  only screen and (max-width: 1101px) {
.NotOnSmallScreen {
	display: none !important;
	}
}


/* Wird auf allen mobilen Geräten ausgeblendet */
@media  only screen and (max-width: 980px) {
.NotOnMobile {
	display: none !important;
	}
}

@media  only screen and (min-width: 981px) {
.OnlyOnMobile {
	display: none !important;
	}
}

/* FULLWIDTH H1 HEADER*/

/* h1header padding top-bottom TEXTCONTAINER */

@media only screen and ( min-width: 1921px ) {
.h1headerpad .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content-container.center  {
	padding-top: 180px !important;
	padding-bottom: 180px !important;
	width: 100%;
	}
}

@media only screen and ( min-width: 1100px ) and ( max-width: 1920px ) {
.h1headerpad  .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content-container.center {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
	width: 100%;
	}
}

@media only screen and ( min-width: 768px ) and ( max-width: 1099px ) {
.h1headerpad  .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content-container.center {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	width: 100%;
	}
}

@media only screen and ( max-width: 767px ) {
.h1headerpad  .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content-container.center {
	padding-top: 40px !important;
	padding-bottom: 80px !important;
	width: 100%;
	}
}

/* h1header TEXTE padding */

@media only screen and ( min-width: 1101px ) {
.h1header h2 {
	padding-bottom: 60px !important;
}
.h1header p {
	padding-bottom: 60px !important;
}
.h1header h1 {
	padding-bottom: 20px !important;
}
}

/* h1header TEXTE padding + LINKSBÜNDIG auf Mobile*/
@media only screen and ( min-width: 768px ) and ( max-width: 1100px ) {
.h1header h2 {
	padding-bottom: 40px !important;
	text-align: left;
}

.h1header p {
	padding-bottom: 40px !important;
	text-align: left;
}
.h1header h1 {
	padding-bottom: 20px !important;
	text-align: left !important;
}
	
/* Button auch linksbündig auf Mobile*/
#linksbuendig .et_pb_button.et_pb_more_button.et_pb_button_one {
	text-align: left !important;
	float: left !important;
}	

	#linksbuendig .et_pb_button {
	text-align: left !important;
	float: left !important;}
	
}

/* h1header TEXTE padding */
@media only screen and ( max-width: 767px ) {
.h1header h2 {
	padding-bottom: 20px !important;
}

.h1header p {
	padding-bottom: 40px !important;
}
.h1header h1 {
	padding-bottom: 20px !important;
	padding-top: 40px !important;
}
	
}


/*Fullwidth Headerelemene h1 und h2 auf Mobil*/	
	/* Mobiler Header volle Breite*/	
@media only screen and ( max-width: 767px ) {

.et_pb_fullwidth_header .header-content {
    padding: 0px;
}	
.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
    width: 100%;
}
}




/* Contentbreite -text- auf mobil */
@media only screen and ( max-width: 979px ) {

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 90% !important;
}	
}



	
/* TEXTBLOCKABSTÄNDE*/
/*	Textblockabstände für Zweitteiligen Container fullwidth, Beide Teile ca. Quadratisch */
	
.CalcColumnQu {
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 10vw;
	padding-bottom: 10vw;
}

@media only screen and ( max-width: 767px ) {
.CalcColumnQu {
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 10vw;
	padding-bottom: 20vw;
}
}
	
	
/* zweiteiliger Contentbreiter Container Abstände Block */


@media only screen and ( min-width: 1921px ) {
.et_pb_row.Container2ColumnRahmen {
	padding-top: 120px !important;
	padding-bottom: 120px !important;
	}
}

@media only screen and ( min-width: 1100px ) and ( max-width: 1920px ) {
.et_pb_row.Container2ColumnRahmen {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
	}	
	
}

@media only screen and ( max-width: 1099px ) {
.et_pb_row.Container2ColumnRahmen {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
	}
}	
	
	
/*	Textbausteine Abstände nach UNTEN / OBEN / BREITEN
	InfoBlockRechtsColumn = Textblockabstände für kleinen zweiteiligen Container (Contentbreite)
	InfoBlockRechts = Textabstände zueinander & zur Seite bei kleinen zweiteiligen Containern
	H2abstandBottom = Abstand H2 nach unten IMMER
*/
	
	
@media only screen and ( min-width: 1405px ) {
	
.InfoBlockRechtsColumn {
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 80px;
	padding-bottom: 100px !important;
	}	

.H2abstandBottom h2 {
	padding-bottom: 20px !important;
	}

.InfoBlockRechts h3 {
	padding-bottom: 60px !important;
	}

.InfoBlockRechts p {
	padding-bottom: 60px !important;
	}
	
.InfoBlockRechts h4 {
	padding-top: 40px;
	padding-bottom: 20px;
	}
}

@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {

.InfoBlockRechtsColumn {
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 60px !important;
	padding-bottom: 80px !important;
	}	
	
.H2abstandBottom h2 {
	padding-bottom: 20px !important;
	}

.InfoBlockRechts h3 {
	padding-bottom: 40px !important;
	}
.InfoBlockRechts p {
	padding-bottom: 60px !important;
	}
	
.InfoBlockRechts h4 {
	padding-top: 40px !important;
	padding-bottom: 20px !important;
	}
}


@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

.InfoBlockRechtsColumn {
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 60px !important;
	padding-bottom: 80px !important;
	}	
	
.H2abstandBottom h2 {
	padding-bottom: 20px !important;
	}


.InfoBlockRechts h3 {
	padding-bottom: 40px !important;
	}
	
.InfoBlockRechts p {
	padding-bottom: 60px !important;
	}
	
.InfoBlockRechts h4 {
	padding-top: 40px !important;
	padding-bottom: 20px !important;
	}
}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

.InfoBlockRechtsColumn {
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 60px !important;
	padding-bottom: 80px !important;
	}		
	

.InfoBlockRechts h3 {
	padding-bottom: 40px !important;
	}
.InfoBlockRechts p {
	padding-bottom: 40px !important;
	}
	
.InfoBlockRechts h4 {
	padding-top: 40px !important;
	padding-bottom: 20px !important;
	}	
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ) {


.InfoBlockRechtsColumn {
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 60px !important;
	padding-bottom: 80px !important;
	}		

.H2abstandBottom h2 {
	padding-bottom: 20px !important;
	}

.InfoBlockRechts h3 {
	padding-bottom: 40px !important;
	}
.InfoBlockRechts p {
	padding-bottom: 40px !important;
	}
	
.InfoBlockRechts h4 {
	padding-top: 40px !important;
	padding-bottom: 20px !important;
	}		
}

/* ZweiColumnRahmen = zweiteiliger Contentbreiter Container Abstände Texte
   ZweiColumn = zweiteiliger Textheader für Wissensseiten */

@media only screen and ( min-width: 1405px ) {

.ZweiColumnRahmen h3 {
	padding-bottom: 40px !important;
	padding-top: 60px !important;
}
.ZweiColumnRahmen p {
	padding-bottom: 80px !important;
	padding-left: 5%;
	padding-right: 5%;
}

.ZweiColumn h1 {
	padding-bottom: 20px !important;
}

.ZweiColumn h2 {
	padding-bottom: 60px !important;
}
	
.ZweiColumn h3 {
	padding-bottom: 60px !important;
}
	
.ZweiColumn p {
	padding-bottom: 0px !important;
}	
	
}

@media only screen and ( min-width: 981px ) and ( max-width: 1404px ) {

.ZweiColumnRahmen h3 {
	padding-bottom: 20px !important;
	padding-top: 40px !important;
}
.ZweiColumnRahmen p {
	padding-bottom: 60px !important;
	padding-left: 5%;
	padding-right: 5%;
}
	
.ZweiColumn h1 {
	padding-bottom: 20px !important;
}

.ZweiColumn h2 {
	padding-bottom: 60px !important;
}
	
.ZweiColumn h3 {
	padding-bottom: 60px !important;
}
	
.ZweiColumn p {
	padding-bottom: 0px !important;
}	
	
}

@media only screen and ( max-width: 980px ) {

.ZweiColumnRahmen h3 {
	padding-bottom: 20px !important;
	padding-top: 40px !important;
}
.ZweiColumnRahmen p {
	padding-bottom: 60px !important;
	padding-left: 5%;
	padding-right: 5%;
}
	
}	


@media only screen and ( min-width: 767px ) and ( max-width: 980px ) {
.ZweiColumn h3 {
	padding-bottom: 60px !important;
}
	
.ZweiColumn p {
	padding-bottom: 0px !important;
}

.ZweiColumn h1 {
	padding-bottom: 20px !important;
}

.ZweiColumn h2 {
	padding-bottom: 60px !important;
}	
	
}

@media only screen and ( max-width: 767px ) {
.ZweiColumn h3 {
	padding-bottom: 40px !important;
}
	
.ZweiColumn p {
	padding-bottom: 60px !important;
}
	
.ZweiColumn h1 {
	padding-bottom: 20px !important;
}

.ZweiColumn h2 {
	padding-bottom: 40px !important;
}	
	
}

/*COLUMNEN AUF MOBIL ANDERS*/	
	
	/*-----------------2 spaltige Kolumnen fullwidth auf dem Tablet zweispaltig!!! */
	
.zweierTabletColumn {
	display:inline-block;
	max-width:50%;
	}


@media screen and (max-width: 767px) {
.zweiteColumnAbstandOben {
	margin-top: 60px;
}
}

@media screen and (max-width: 767px) {
.zweierTabletColumn {
	display:inline-block;
	max-width:100%;
	}
	
}	

/*-----------------2 spaltige Kolumnen fullwidth auf dem Tablet zweispaltig mit RAHMEN!!! */
.zweierTabletColumnRahmen {
	display:inline-block;
	max-width:46%;
	}

@media only screen and ( min-width: 767px ) and (max-width: 980px)  { 
.et_pb_column_1_2.zweierTabletColumnRahmen   {
	margin-left: 2% !important;
	margin-right: 2% !important;
}
}

@media screen and (max-width: 767px) {
.zweierTabletColumnRahmen {
	display:inline-block;
	max-width:100%;
	}
}
	
/*-----------------3 spaltige Kolumnen auf dem Handy zwei + 1 spaltig!!! */

@media screen and (min-width: 768px) and (max-width: 980px) {

.drittelColumnLast {
	display: inline-block;
	max-width: 30%;
}	

.drittelColumn {
	display: inline-block;
	max-width: 30%;
	margin-right: 4.3%!important;
}	
	
.drittelColumnSecond {
	display: inline-block;
	max-width: 30%;
	margin-right: 4.3% !important;
}	

}

@media screen and (max-width: 767px) {

.drittelColumnLast {
	display: inline-block;
	max-width: 100%;
}	

.drittelColumn {
	display: inline-block;
	max-width: 48%;
	margin-right: 4%;
	margin-bottom: 20px !important;
}	
	
.drittelColumnSecond {
	display: inline-block;
	max-width: 48%;
	margin-right: 0%;
	margin-bottom: 20px !important;
}	
}

	
	
/* Slider */
/* schmale Slider bleiben schmal */

#slider_4841 .owl-item img {
	width: 50px;
}

#slider_1578 .owl-item .alignleft {
	max-width: 50px;
}

@media only screen and (max-width: 1405px) {
#slider_2045 .owl-item .alignnone {
	max-width: 80px;
}
	
#slider_3472 .owl-item .alignnone {
	max-width: 80px;
}
	
#slider_2136 .owl-item	.alignnone {
	max-width: 80px;
}
	
}


/* Text statt Slider auf Mobil, inkl. Tablet (ausblenden auf dekstop) */
@media only screen and (max-width: 980px) {
	.displaymobilefrueh {
		display: block !important;
		padding-bottom: 20px !important;
	}
}
	.displaymobilefrueh {
		display: none;
	}
	
/* NEUES Carousel - Dot's ausblenden auf Desktop */

@media only screen and (min-width: 980px) {
	.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
		display: none !important;
	}
}


@media only screen and (max-width: 1405px) {
.slider-runde-bilder .dica_divi_carouselitem .dica-image-container img {
	max-width: 80px !important;
	max-height: 80px !important;
}
}

@media only screen and (min-width: 1406px) {
.slider-runde-bilder .dica_divi_carouselitem .dica-image-container img {
	max-width: 150px !important;
	max-height: 150px !important;
}
}


	
/* HEADER */

	
		
/* HEADER-Bausteine mit mittig zentriertem Textblock am unteren Rand */

#h2headerbottom .header-content-container.center {
	align-self: flex-end !important;
	padding-bottom: 10% !important;
	padding-top: 20% !important;
	}


@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
#h2headerbottom .header-content-container.center {
	align-self: flex-end !important;
	padding-bottom: 5% !important;
	padding-top: 20% !important;
	}
}

@media only screen and ( max-width: 767px ) {
#h2headerbottom .header-content-container.center {
	align-self: flex-end !important;
	padding-bottom: 3% !important;
	padding-top: 0% !important;
	}
}

/* HEADER-Bausteine mit mittig zentriertem Textblock am unteren Rand und BUTTON */
	
#h2headerbottommit .header-content-container.center {
	align-self: flex-end !important;
	padding-bottom: 10% !important;
	padding-top: 30% !important;
	}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
#h2headerbottommit .header-content-container.center {
	align-self: flex-end !important;
	padding-bottom: 5% !important;
	padding-top: 25% !important;
	}
}

@media only screen and ( max-width: 767px ) {
#h2headerbottommit .header-content-container.center {
	align-self: flex-end !important;
	padding-bottom: 3% !important;
	padding-top: 0% !important;
	}
}

	
/* HEADER-Bausteine mit mittig zentriertem Textblock am oberen Rand und BUTTON */

#h2headertopmit .header-content-container.center {
	align-self: baseline !important;
	padding-top: 10%;
	max-width: 900px;
	padding-bottom: 40%;
}



@media only screen and ( min-width: 768px ) and ( max-width: 1100px ) {
#h2headertopmit .header-content-container.center {
	align-self: baseline !important;
	padding-top: 60px;
	padding-bottom: 460px;
	}
}



@media only screen and ( max-width: 767px ) {
#h2headertopmit .header-content-container.center {
	align-self: baseline !important;
	padding-top: 40px;
	padding-bottom: 200px;
	}
}

	
/* HEADER-Bausteine mit mittig zentriertem Textblock am oberen Rand OHNE BUTTON */

#h2headertop .header-content-container.center {
	align-self: baseline !important;
	padding-top: 2.5vw;
	padding-bottom: 25vw !important;
	max-width: 1000px;

}

@media only screen and ( min-width: 1101px ) and ( max-width: 1405px ) {
#h2headertop .header-content-container.center {
	align-self: baseline !important;
	padding-top: 2.5vw;
	padding-bottom: 20vw !important;
	}
}


@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
#h2headertop .header-content-container.center {
	align-self: baseline !important;
	padding-top: 2.5vw;
	padding-bottom: 20vw !important;
	}
}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
#h2headertop .header-content-container.center {
	align-self: baseline !important;
	padding-top: 2.5vw;
	padding-bottom: 25vw !important;
	}
}



@media only screen and ( max-width: 767px ) {
#h2headertop .header-content-container.center {
	align-self: baseline !important;
	padding-top: 1.5vw;
	padding-bottom: 50vw !important;
	}
}



/* HEADER-Bausteine mit seitlichem Textblock */

@media only screen and ( min-width: 1921px ) {
.h2headerpad .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content-container.center  {
	padding-top: 180px !important;
	padding-bottom: 180px !important;
	width: 100%;
	}
}

@media only screen and ( min-width: 1100px ) and ( max-width: 1920px ) {
.h2headerpad  .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content-container.center {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
	width: 100%;
	}
}

@media only screen and ( min-width: 768px ) and ( max-width: 1099px ) {
.h2headerpad  .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content-container.center {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	width: 100%;
	}
}

@media only screen and ( max-width: 767px ) {
.h2headerpad  .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content-container.center {
	padding-top: 40px !important;
	padding-bottom: 80px !important;
	width: 100%;
	}
}



/* HEADER Textabstände 
	h2headermittig = mittig zentrierter Text
	h2headerlinks = Text seitlich positioniert */
	
@media only screen and ( min-width: 1405px ) {

.h2headermittig h1 {
	padding-bottom: 20px !important;
}	

.h2headermittig #h2large h2 {
	padding-bottom: 60px !important;
}		
	
.h2headermittig h2 {
	padding-bottom: 20px !important;
}
.h2headermittig p {
	padding-bottom: 60px !important;
}
.h2headermittigohne p {
	padding-bottom: 0px !important;
}
.h2headermittig h3 {
	padding-bottom: 60px !important;
}
}

@media only screen and ( min-width: 768px ) and ( max-width: 1404px ) {

.h2headermittig h1 {
	padding-bottom: 20px !important;
}		
	
.h2headermittig #h2large h2 {
	padding-bottom: 40px !important;
}		
	
.h2headermittig h2 {
	padding-bottom: 20px !important;
}
.h2headermittig p {
	padding-bottom: 40px !important;
}
.h2headermittigohne p {
	padding-bottom: 0px !important;
}
.h2headermittig h3 {
	padding-bottom: 40px !important;
}
}


@media only screen and ( min-width: 768px ) and ( max-width: 1099px ) {

	
.h2headerlinks h2 {
	padding-bottom: 20px;
	text-align: left !important;
}
.h2headerlinks p {
	padding-bottom: 40px;
	text-align: left !important;
}
.h2headerlinksohne p {
	padding-bottom: 0px;
	text-align: left !important;
}	
	
.h2headerlinks h3 {
	padding-bottom: 40px;
	text-align: left !important;
}
}

@media only screen and ( min-width: 1101px )  {

.h2headerlinks h1 {
	padding-bottom: 20px !important;
}
	
.h2headerlinks h2 {
	padding-bottom: 20px !important;
}
.h2headerlinks p {
	padding-bottom: 60px !important;
}
.h2headerlinks h3 {
	padding-bottom: 60px !important;
}
}

@media only screen and ( max-width: 767px ) {

.h2headermittig h1 {
	padding-bottom: 20px !important;
}	
.h2headermittig #h2large h2 {
	padding-bottom: 40px !important;
}	
	
.h2headermittig h2 {
	padding-bottom: 20px !important;
}
.h2headermittig p {
	padding-bottom: 20px !important;
}
.h2headermittigohne p {
	padding-bottom: 0px !important;
}
.h2headermittig h3 {
	padding-bottom: 40px !important;
}
.h2headerlinks h2 {
	padding-bottom: 20px !important;
	padding-top: 40px !important;
}
.h2headerlinks p {
	padding-bottom: 40px !important;
}
	
.h2headerlinksohne p {
	padding-bottom: 0px !important;	
	}
	
.h2headerlinks h3 {
	padding-bottom: 40px !important;
}
}
	
	
/* WOOCOMMERCE Produktseite */

/* Breadcrump Menü ausblenden im Shop */
.woocommerce-breadcrumb {
	display: none;
}


/*
Composite Products Rahmen Thumbnail
*/

.component .composited_product_details_wrapper {
    padding-left: 0px !important;
}

.single-product div.product .images.composited_product_images {
    margin-bottom: 20px !important;
}

.component .composited_product_images {
    margin-left: 0px !important;
}

figure.composited_product_image.woocommerce-product-gallery__image--placeholder {
	max-width: 70%;
}

/*
Bei Variationen konfiguration zurücksetzen
*/
.reset_variations::before {
	content: "Um das Produkt neu zu konfigurieren, einfach die ";
	font-weight: 600;
}

/* Abstände weg unter Optionen von Composite Produkten */
.composite_form:not(.paged) .component .component_inner {
    padding-bottom: 0px !important;
}

.single_variation_wrap.component_wrap {
	display: none !important;
}


.composite_message {
	display: none !important;
}

.component_message.bottom {
	display: none !important;
}


.composite_price p.price span.woocommerce-Price-amount.amount{
	font-size: 32px !important;
}


.composite_price p.price span.woocommerce-Price-currencySymbol {
	padding-left: 10px;
	padding-right: 5px;
}

/* Kategorieinformation ausblenden auf Produktseite */
.posted_in {
	display: none;
}


.price {
		padding-bottom: 40px !important;
	}	
	
	
/* Produktseite auch auf Mobil 100% breit */	
@media  only screen and (max-width: 980px) {
.et_pb_column .woocommerce ul.products li.product:nth-child(n) {
	width: 100% !important;
}
}	
	
	
/* Tabs mit Zusatzinformationen ohne Linien, größere Schrift */
ul.tabs.wc-tabs::after {
	display: none;
}

ul.tabs.wc-tabs {
	font-size: 120%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: 0px
}

body.woocommerce .woocommerce-tabs {
    border: 0px solid #d9d9d9;
}

body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs, body.woocommerce div.product .woocommerce-tabs ul.tabs {
    background: #fff;
}

body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff;
	border-right: 0px solid #d9d9d9;
}

/* Inhalte von Tabs linksbündig */
body.woocommerce #content-area div.product .woocommerce-tabs .panel, body.woocommerce div.product .woocommerce-tabs .panel {
    padding-left: 0px;
}

/* Inhalte von Tabs */
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a, body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 4px 22px 4px 1px !important;
}


/* Variationenauswahl mit größerer Schrift */
.variations {
	font-size: 120%;	
}


/* Beschreibung für Variationen mit Abstand nach oben */
div.woocommerce-variation.single_variation {
	padding-top: 40px !important;
}

/* Auswahlkasten für Variationen 100% */
.woocommerce div.product form.cart .variations select {
    max-width: 100%;
    min-width: 100%;
}

/* Auswahlaufhebentext unten */
a.reset_variations {
	display: block 9000;
	padding-top: 20px !important;
}


/* Wenn Variation ausgewählt Abstand zwischen Beschreibung und Kaufoption */
div.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
	padding-top: 60px !important;
}


/* In den Warenkorb Button rechtsbündig */
.woocommerce div.product form.cart .button {
	float: right;
}

/*  
.woocommerce .products ul li, .woocommerce ul.products li {
	font-size: 100% !important;
	font-weight: 400 !important;
}
 */

/* Auswahl Anzahl mit runden Ecken */
.woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}


/*  Warenkorb-Button mit schwarzem Background */
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover 	{
	background-color:#333;}

/*  Message mit grauem Background */
.entry-content .woocommerce-message {
    background-color: #f8f8f8 !important;
}

/*Abstand zurück zum Shop ABstand nach unten*/
a.button.wc-backward {
	margin-bottom: 40px !important;
}
	
	
/* WOOCOMMERCE Shopseite */

/* Shop volle Breite*/
@media only screen and ( min-width: 981px ) {
	.et_pb_gutters2.et_right_sidebar #left-area {
    padding-right: 0%;
}

.et_pb_gutter.et_pb_gutters2 #left-area {
    width: 100%;
}
.et_right_sidebar #left-area {
    float: left;
    padding-right: 0%;
}
}
 

/* Seltsamer Fehler mit 3er Reihe bei 768px breite */
@media only screen and (max-width: 768px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 48% !important;
    float: left;
    clear: both;
    margin: 0 0 2.992em !important;
}
}

/* Auswahltexte größer im Shop Filter */
.prdctfltr_filter label {
    font-size: 100% !important;
}


/* Auswahlkreis im Shop Filter */
.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label > span::before {
    border: 2px solid #707070 !important;
	width: 9px !important;
    height: 9px !important;
}

.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label.prdctfltr_active > span::before {
    width: 9px !important;
    height: 9px !important;
    background-color: #707070 !important;
}


/* Notwendig für Position sticky für Shop-Filter*/
#et-main-area {
	overflow: visible;
}

/* Sticky Filter im Shop ab 980px  */

@media  only screen and (min-width: 980px) {
div.prdctfltr_wc.prdctfltr_woocommerce {
    position: sticky !important;
    position: -webkit-sticky;
    top: 90px;
	padding-bottom: 40px !important;
	padding-top: 20px !important;
    background-color: #fff;
	border-bottom: 4px solid #f8f8f8;
    z-index: 3;
}
}


/* Filteroptionen
.select2-container--default .select2-selection--single {
border-top: 0px !important;
border-right: 0px !important;
border-bottom-color: rgb(170, 170, 170);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left: 0px !important;
border-radius: 0px !important;
	margin-bottom: 20px !important;
}

.select2-container .select2-selection--single {
height: 34px !important;	
}

#sidebar {
	border-left-style: solid;
    border-width: 1px;
	border-color: #f8f8f8;
	padding-right: 30px;
	padding-top: 30px;
}
*/

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #333 !important;
	font-weight: 400;
	font-size: 1.1em;
}

.select2-dropdown.select2-dropdown--below {
	border: 0px !important;
	background-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #f8f8f8 !important;
    color: #333 !important;
	border-radius: 6px;
}

.select2-results__option {
    padding: 10px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 10px !important;
}

.select2-search.select2-search--dropdown {
	display: none;
}

.widgettitle {
	font-size: 1.1em !important;
	padding-bottom: 40px;
}


/*  Sortiertfunktionauswahl hübscher */
.orderby, .woocommerce div.product form.cart .variations td select {
    padding: 10px 14px;
    border: none;
    color: #707070 !important;
    background-color: #f8f8f8;
    font-family: "Roboto",Arial,sans-serif;
    font-size: 90%;
	letter-spacing: 0.2px;
}

/* Sortierfunktion nach Preis etc. ausschalten */
.woocommerce-ordering {
	display: none;
}

/* Angebot-Banner im Shop Farbe anders */
.woocommerce span.onsale, .woocommerce-page span.onsale {
	color: #fff !important;
	background-color: #707070 !important;
}


/*
Woocommerce Produktübersicht auf Landingpages fullsize
*/

#produktauswahl .woocommerce ul.products li.product:nth-child(n) {
    width: 100% !important;
}


/* Styling WOOCOMMERCE Mein Konto und Kaufprozess */ 
@media only screen and ( min-width: 769px ) {
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 50%;
}
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
	padding-bottom: 40px;
}

.u-column1.col-1.woocommerce-Address {
	width: 100%;
	padding-bottom: 40px !important;
}

.u-column2.col-2.woocommerce-Address {
	float: none;
	width: 100%;
}

fieldset legend {
	font-weight: 600;
}

.woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message, .woocommerce-error, .woocommerce-info {
	border: 2px solid #fff !important;
	border-radius: 10px;
	color: #333 !important;
	font-weight: 600;
	padding: 20px !important;
}

a.showcoupon {
	color: #707070 !important;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background-color: #f8f8f8 !important;
}

.u-column1.col-1 h2 {
	font-size: 32px !important;
	font-weight: 600 !important;
}

.u-column2.col-2 h2 {
	font-size: 32px !important;
	font-weight: 600 !important;
}

.woocommerce form .form-row {
    padding: 10px 10px 10px 0px;
    margin: 0 0 10px;
}
.woocommerce-privacy-policy-text {
    padding: 20px 0 20px 0;
}

.entry-title.main_title {
	font-size: 42px !important;
	padding-bottom: 40px !important;
}

#left-area ul, .comment-content ul, .entry-content ul, body.et-pb-preview #main-content .container ul {
    padding: 0px;
    line-height: 80px;
    list-style-type: none;
    font-size: 120%;
	padding-bottom: 40px !important;
    font-weight: 600;
}

ul.wc-item-meta li {
	padding: 0px !important;
    list-style-type: none;
    font-size: 80% !important;
    font-weight: 600;
	line-height: 1.3em !important;
}

#customer_details {
	padding-bottom: 40px;
}

mark {
    background-color: #333 !important;
    color: #fff !important;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard::before {
	content: "\e009    ";
	font-family: ETmodules !important;
}
.woocommerce-MyAccount-navigation-link.is-active {
	color: #0070c9 !important;
}

.woocommerce-MyAccount-navigation-link {
	border-bottom: 1px solid #707070;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders::before {
	content: "\e02f    ";
	font-family: ETmodules !important;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads::before {
	content: "\e004    ";
	font-family: ETmodules !important;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address::before {
	content: "\e026    ";
	font-family: ETmodules !important;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account::before {
	content: "\e001    ";
	font-family: ETmodules !important;
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout::before {
	content: "\4a    ";
	font-family: ETmodules !important;
}

/*
Gallerie Bilder Titel ausblenden
*/
.mfp-title {
	display: none;
}

/*
Sprachumschalter
*/

@media all and (min-width: 769px) {
#menu-item-wpml-ls-17-en {
	display: none !important;
}
	
#menu-item-wpml-ls-17-de {
	display: none !important;
}
}

.wpml-ls-display::before {
	font-family: etModules !important;
	 content: "\e0e3  " !important;
}


/*
Storelocator
*/

.store-contact-us {
	display: none !important;
}

.store-locator__map-status {
		display: none !important;
}

.infobox__row.infobox__title.store-location {
	font-weight: 700 !important;
}

.infobox__row.store-website {
	display: inline-block !important;
	padding-top: 0px !important;
	padding-bottom: 20px !important;
}

@media all and (max-width: 767px) {
.infobox__row.store-email a {
		color: #0070c9;
}

	.infobox__row.store-email a:hover {
		color: #0070c9;
}
	.store-tel a {
		visibility: visible !important;
	}

.infobox__row.store-tel a {
	color: #0070c9;
}
	
	.infobox__row.store-tel a:hover {
	color: #0070c9;
}
}

.infobox__subtitle {
	font-size: 1em !important;
}

.infobox__row.store-website a {
		color: #0070c9 !important;
		padding: 0px !important;
}

.infobox__row.store-website a:hover {
		color: #0070c9 !important;
		font-weight: 700;
	padding: 0px !important;

}

.infobox__row.store-address {
	font-size: 1.1em !important;
	font-weight: 700 !important;
	padding-bottom: 0px !important;
}

h2.title.space-bottom-3x {
	font-size: 2em !important;
	font-weight: 700 !important;
}


/* Search
*/

.post-meta {
	display: none;
}

h2.entry-title {
	padding-bottom:15px;
	
}



h2.entry-title a::after {
	font-family: ETmodules !important;
	content:"\35";
	vertical-align: sub;
	font-size: 1.3em;
	font-weight: 700 !important;
	color: #0070c9 !important;
	}


h2.entry-title a:hover::after {
	font-family: ETmodules !important;
	content:"\45";
	vertical-align: sub;
	font-size: 1.3em;
	font-weight: 700 !important;
	color: #0070c9 !important;
	}


h2.entry-title a:link {
	font-weight: 700;
	font-size: 1em;
	color: #0070c9 !important;
	}


h2.entry-title a {
	font-weight: 700;
	font-size: 1em;
	color: #0070c9 !important;
	}


.entry-featured-image-url img {
	max-width: 25% !important;
}





	
	/*
GLOBAL SCHRIFTEN
*/

/*-----------------Link Design im Text */
p a::after {
	font-family: ETmodules !important;
	content:"\35";
	vertical-align: sub;
	font-size: 1.3em;
	font-weight: 700 !important;
	color: #0070c9 !important;
	}

p a:hover::after {
	font-family: ETmodules !important;
	content:"\45";
	vertical-align: sub;
	font-size: 1.3em;
	font-weight: 700 !important;
	color: #0070c9 !important;
	}

p a:link {
	font-weight: 700;
	font-size: 1em;
	color: #0070c9 !important;
	}

p a {
	font-weight: 700;
	font-size: 1em;
	color: #0070c9 !important;
	}


#bodymedium p a:link {
	font-weight: 700;
	font-size: 1em;
	color: #0070c9 !important;
	}

/*
p a:hover {
	letter-spacing: 0.2px;
	}
*/

.white p a:link {
	color: #fff !important;
	}

body {
	font-weight: 400;
}

/*-----------------Large screens (1405px upwards)*/
@media only screen and ( min-width: 1405px ) {
	h1 {
		font-size: 16px !important;
		line-height: 22px !important;
		font-weight: 700 !important;
		color: #333333;
	}
		
	#h2large h2 {
		font-size: 60px !important;
		line-height: 69px !important;
		font-weight: 700 !important;
		color: #333333;
		letter-spacing: .009em
	}
	
	#h2medium h2 {
		font-size: 42px !important;
		line-height: 48px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	h2 {
		font-size: 16px !important;
		line-height: 22px !important;
		font-weight: 400 !important;
		color: #333333;
		padding-bottom: 0px;
	}
	
	h3 {
		font-size: 42px !important;
		line-height: 48px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#h3large h3 {
		font-size: 60px !important;
		line-height: 69px !important;
		font-weight: 700 !important;
		letter-spacing: .009em
	}
	
	#h3small h3 {
		font-size: 32px !important;
		line-height: 38px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	h4 {
		font-size: 22px !important;
		line-height: 28px !important;
		font-weight: 700 !important;
		color: #333333;
	}

	
	h5 {
		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	h6 {
		font-size: 16px !important;
		line-height: 22px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#bodylarge {
		font-size: 24px !important;
		line-height: 32px !important;
		font-weight: 300 !important;
	}
	
	#bodymedium {
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 300 !important;
	}
	
	/* Woocommerce */
	
	h1.product_title.entry-title   {
		font-size: 42px !important;
		line-height: 48px !important;
		font-weight: 700 !important;
		color: #333333;
		letter-spacing: .009em;
		padding-bottom: 60px !important;
	}
		
	.woocommerce-products-header h1 {
		font-size: 32px !important;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.up-sells.upsells.products h2, .related.products h2 {
		font-size: 22px !important;
		line-height: 28px !important;
		font-weight: 700 !important;
		color: #333333;
		padding-bottom: 20px;
	}

	h2.woocommerce-loop-product__title {
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 700 !important;
		color: #333333;
	}

	.woocommerce-product-details__short-description {
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 300 !important;
		padding-bottom: 60px !important;
	}
	
	.entry-summary p.price span {
  		font-size: 20px !important;
		font-weight: 700;
	}
	
	.woocommerce div.product p.price, .woocommerce div.product span.price #text {
    	font-size: 20px !important;
		font-weight: 700;
	}
	
	.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price, .woocommerce-page ul.products li.product .price del {
		font-size: 20px;
	}
	
	.woocommerce div.product p.price, .woocommerce div.product span.price {
    	font-size: 42px;
		font-weight: 700;
	}
	
	.woocommerce-variation-description {
	color: #333;
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 300 !important;
	padding-bottom: 40px;
	}
	
	
}




/*-----------------Laptops and desktops (1100-1405px)*/
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
		
	h1 {
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#h2large h2 {
		font-size: 42px !important;
		line-height: 48px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#h2medium h2 {
		font-size: 32px !important;
		line-height: 38px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	h2 {
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: 400 !important;
		color: #333333;
		padding-bottom: 0px;
	}
	
	h3 {
		font-size: 32px !important;
		line-height: 38px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#h3small h3 {
		font-size: 28px !important;
		line-height: 34px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#h3large h3 {
		font-size: 42px !important;
		line-height: 48px !important;
		font-weight: 700 !important;
		letter-spacing: .009em
	}
	
	h4 {
		font-size: 22px !important;
		line-height: 28px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	h5 {
		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	h6 {
		font-size: 16px !important;
		line-height: 22px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#bodylarge {
		font-size: 20px !important;
		line-height: 28px !important;
		font-weight: 300 !important;

	}
	
	#bodymedium {
		font-size: 16px !important;
		line-height: 24px !important;
		font-weight: 300 !important;

	}
	
		/* Woocommerce */
	
	h1.product_title.entry-title   {
		font-size: 32px !important;
		line-height: 38px !important;
		font-weight: 700 !important;
		color: #333333;
		letter-spacing: .009em;
		padding-bottom: 60px !important;
	}
		
	.woocommerce-products-header h1 {
		font-size: 28px !important;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.up-sells.upsells.products h2, .related.products h2 {
		font-size: 16px !important;
		line-height: 24px !important;
		font-weight: 700 !important;
		color: #333333;
		padding-bottom: 20px;
	}

	h2.woocommerce-loop-product__title {
		font-size: 16px !important;
		line-height: 24px !important;
		font-weight: 700 !important;
		color: #333333;
	}

	.woocommerce-product-details__short-description {
		font-size: 16px !important;
		line-height: 24px !important;
		font-weight: 300 !important;
		padding-bottom: 60px !important;
	}
	
	.entry-summary p.price span {
  		font-size: 16px !important;
		font-weight: 700;
	}
	
	.woocommerce div.product p.price, .woocommerce div.product span.price #text {
    	font-size: 16px !important;
		font-weight: 700;
	}
	
	.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price, .woocommerce-page ul.products li.product .price del {
		font-size: 16px;
	}
	
	.woocommerce div.product p.price, .woocommerce div.product span.price {
    	font-size: 32px;
		font-weight: 700;
	}
	
}






/*-----------------Tablets in landscape mode (981-1100px)*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	
	h1 {
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#h2large h2 {
		font-size: 32px !important;
		line-height: 38px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#h2medium h2 {
		font-size: 28px !important;
		line-height: 34px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	h2 {
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: 400 !important;
		color: #333333;
		padding-bottom: 0px ;
	}
	
	h3 {
		font-size: 28px !important;
		line-height: 34px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#h3small h3 {
		font-size: 24px !important;
		line-height: 28px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#h3large h3 {
		font-size: 32px !important;
		line-height: 38px !important;
		font-weight: 700 !important;
		letter-spacing: .009em
	}
	
	h4 {
		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	h5 {
		font-size: 16px !important;
		line-height: 22px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	h6 {
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#bodylarge {
		font-size: 18px !important;
		line-height: 26px !important;
		font-weight: 300 !important;

	}
	
	#bodymedium {
		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: 300 !important;

	}
	
			/* Woocommerce */
	
	h1.product_title.entry-title   {
		font-size: 28px !important;
		line-height: 34px !important;
		font-weight: 700 !important;
		color: #333333;
		letter-spacing: .009em;
		padding-bottom: 60px !important;
	}
		
	.woocommerce-products-header h1 {
		font-size: 24px !important;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.up-sells.upsells.products h2, .related.products h2 {
		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: 700 !important;
		color: #333333;
		padding-bottom: 20px;
	}

	h2.woocommerce-loop-product__title {
		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: 700 !important;
		color: #333333;
	}

	.woocommerce-product-details__short-description {
		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: 300 !important;
		padding-bottom: 60px !important;
	}
	
	.entry-summary p.price span {
  		font-size: 18px !important;
		font-weight: 700;
	}
	
	.woocommerce div.product p.price, .woocommerce div.product span.price #text {
    	font-size: 18px !important;
		font-weight: 700;
	}
	
	.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price, .woocommerce-page ul.products li.product .price del {
		font-size: 18px;
	}
	
	.woocommerce div.product p.price, .woocommerce div.product span.price {
    	font-size: 28px;
		font-weight: 700;
	}
	
}



/*-----------------alles bis 980px)*/
@media only screen and ( max-width: 980px ) {

	
	h1 {
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	

	#h2large h2 {
		font-size: 32px !important;
		line-height: 38px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#h2medium h2 {
		font-size: 28px !important;
		line-height: 34px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	h2 {
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: 400 !important;
		color: #333333;
		padding-bottom: 0px ;
	}
	
	h3 {
		font-size: 28px !important;
		line-height: 34px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#h3small h3 {
		font-size: 24px !important;
		line-height: 28px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#h3large h3 {
		font-size: 32px !important;
		line-height: 38px !important;
		font-weight: 700 !important;
		letter-spacing: .009em
	}
	
	h4 {
		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	h5 {
		font-size: 16px !important;
		line-height: 22px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	h6 {
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: 700 !important;
		color: #333333;
	}
	
	#bodylarge {
		font-size: 18px !important;
		line-height: 26px !important;
		font-weight: 300 !important;

	}
	
	#bodymedium {
		font-size: 16px !important;
		line-height: 24px !important;
		font-weight: 300 !important;

	}
	
		/* Woocommerce */
	
	h1.product_title.entry-title   {
		font-size: 28px !important;
		line-height: 34px !important;
		font-weight: 700 !important;
		color: #333333;
		letter-spacing: .009em;
		padding-bottom: 40px !important;
	}
		
	.woocommerce-products-header h1 {
		font-size: 28px !important;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.up-sells.upsells.products h2, .related.products h2 {
		font-size: 16px !important;
		line-height: 24px !important;
		font-weight: 700 !important;
		color: #333333;
		padding-bottom: 20px;
	}

	h2.woocommerce-loop-product__title {
		font-size: 16px !important;
		line-height: 24px !important;
		font-weight: 700 !important;
		color: #333333;
	}

	.woocommerce-product-details__short-description {
		font-size: 16px !important;
		line-height: 24px !important;
		font-weight: 300 !important;
		padding-bottom: 60px !important;
	}
	
	.entry-summary p.price span {
  		font-size: 16px !important;
		font-weight: 700;
	}
	
	.woocommerce div.product p.price, .woocommerce div.product span.price #text {
    	font-size: 16px !important;
		font-weight: 700;
	}
	
	.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price, .woocommerce-page ul.products li.product .price del {
		font-size: 16px;
	}
	
	.woocommerce div.product p.price, .woocommerce div.product span.price {
    	font-size: 28px;
		font-weight: 700;
	}
	}