.artikel-box4 .box_info1 {font-size:12px !important;text-align:left;margin:unset;}

/* Edit Card_third Bezahlmethoden */
#paymentContainer .singlePayment label {
cursor:pointer;} 
#paymentContainer .singlePayment img {width: 25%;}
#cart_third_delivery {display: none !important;}

/* Ausblenden einzelner Account Tracking Auftragsstatus Optionen */
#account_tracking .bezahlung, #account_tracking .bemerkung, #account_tracking .seitenzahl, #account_tracking .auflage, #account_tracking .datentransfer, #account_tracking .artikelnummer {display:none;}

#product-detail #total_block li.total2020.gross2020 .vat2020 {margin-top: 5px;float:left;
}
#product-detail #total_block li.total2020.gross2020 {color: #1baa99;font-weight: bold;}

.radio-box-1 {}

/* Ausblenden einzelner CART FIRST dyn Optionen */
#cart .dyn4866, #cart .dyn5120, #cart .dyn4867, #cart .dyn4868, #cart .dyn4849 {display:none;}


/* Ausblenden aller CART FIRST dyn Optionen
#cart .dyn_option, #cart .product_options, #cart .sorte_Groesse, #cart .liefertermin {display:none;}
 */

/* START Ausblenden dynamischer Optionen */
.dyn11216, .dyn5349, .dyn5657, .dyn5565, .dyn5538, .dyn6139, .dyn6811, .zusatzfeld_dds_sel_code, .zusatzfeld_dds_produktname, .zusatzfeld_dds_motivname, .selectShipping, .zusatzfeld_dds_hidden_options {display:none;}
/* ENDE Ausblenden dynamischer Optionen */


.tech-data {background-color:#f4f4f4;padding: 15px;}
.btn_white{padding: 5px 10px;background-color: #FFF;border-radius: 2px;cursor: pointer;color: #545454 !important;box-sizing: border-box;font-size: 13px; text-align: center;margin: 5px;text-decoration: none;}

a.btn_grau:link {color: #fff !important;}
a.btn_grau:visited{color: #fff !important;}
a.btn_grau:hover {background-color: #ABABAB;text-decoration: none; }
.btn_grau:hover {background-color: #ABABAB;text-decoration: none;}
.btn_grau{
    padding: 8px 8px;
    background-color: #CFCFCF;
    border-radius: 2px;
    width: -webkit-fill-available;
    cursor: pointer;
    color: #fff !important;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
    margin: 5px;
	-webkit-flex: 1 0 auto; flex: 1 0 auto;
	text-decoration: none;
}

a.btn_gelb:link {color: #fff !important;}
a.btn_gelb:visited{color: #fff !important;}
a.btn_gelb:hover {background-color: #DBBC4B;text-decoration: none; }
.btn_gelb:hover {background-color: #DBBC4B;text-decoration: none;}
.btn_gelb{
    padding: 8px 8px;
    background-color: #F4D154;
    border-radius: 2px;
    width: -webkit-fill-available;
    cursor: pointer;
    color: #fff !important;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    margin: 5px;
	-webkit-flex: 1 0 auto; flex: 1 0 auto;
	text-decoration: none;
}
.service a {color:#ffff !important;}
.service{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;}


/*.buttons input[type="radio"] {display:none;}*/

.details_info {min-height:230px;}
.headline2 {font-family:bold;margin-top:30px;margin-bottom:10px;}
.headline2 .details {font-family:bold;color:#3C3C3C;font-size:12px !important;margin-left: 10px;}
.headline2 .headlines {font-weight: bold;font-family:bold;color:#3C3C3C;font-size:13px !important;text-transform: uppercase;letter-spacing: 0.124em;}

.btn_price:hover {
	background-color: none;
        text-decoration: none;}
.btn_price{
    margin: .25rem;
    width: -webkit-fill-available;
    font-weight: 900;    
    color: #00ac9e !important;
    box-sizing: border-box;
    font-size: 40px;
    text-align: left;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
-webkit-flex: 1 0 auto; flex: 1 0 auto;
font-family: bold;
}

.btn_price_hint{
    margin: .25rem;
    width: -webkit-fill-available;    
    color: #6f6f6f !important;
    box-sizing: border-box;
    font-size: 16px;
    text-align: left;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
-webkit-flex: 1 0 auto; flex: 1 0 auto;
}

.bf-left {flex: 4; min-width:300px;border: solid 0px #b6b6b6;margin-top: 1.25rem;margin-right: 2.25rem;}
.header_mobile {display:none;}
.header_mobile h10 {font-weight:bold;font-size:18px}
.header_mobile p {font-size: 14px;line-height: 20px;margin-bottom: 24px;margin-top: 10px;}

.bf-right {flex: 3;margin: 1.25rem 1.25rem 1.25rem 1.25rem;border: solid 0px #b6b6b6;}
.bf-right h1 {font-family:bold;font-size:22px !important;text-transform: uppercase;color: #2f2b2a !important; font-weight:bold; margin-bottom:10px;}
.bf-right h2 {font-family:bold;font-size:20px !important;text-transform: uppercase;color: #2f2b2a !important;}
.bf-right h3 {font-family:bold;font-size:13px !important;text-transform: uppercase;letter-spacing: 0.124em;margin-top: 10px;}
.bf-right p {color: #6a6a6a;font-size: 15px;line-height: 24px;margin-bottom: 24px;}
.bf-right br {line-height: unset;}
.bf-right form label{line-height:unset;width: unset;text-align: left;    line-height: 28px;}
.bf-right form input[type="radio"]{margin-top:unset;margin-right: 10px;float: unset;}
.bf-right form input[type="checkbox"]{margin-top:unset;margin-right: 10px;float: unset;}

.artikel-box form input[type="radio"] {cursor: pointer;line-height: unset !important;margin-top: unset !important;margin-right: 10px !important;}
.bf-right .highlight {color: #e7cf85;font-size: 20px;}

.artikel-box {border: solid 1px #f7f7f7;box-sizing: border-box;padding: 10px 10px 10px 10px;flex:1;min-width:140px;}

.artikel-box form input[type="radio"]{margin-top: unset !important;margin-right: 10px;}
.artikel-box:hover {border: solid 1px #bababa;}
.artikel-box img {margin-bottom: 5px;margin-top: 0px;max-width: 100%;}
.artikel-box p {font-size: 12px;line-height: 18px;margin-bottom: 15px;}

.artikel-box .box_artikelname {font-size:11px !important;text-transform: uppercase;}
.artikel-box .box_preis {font-size:11px !important;text-transform: uppercase;margin:unset;font-weight:bold;}

.artikel-box4 form input[type="radio"] {cursor: pointer;line-height: unset !important;margin-top: unset !important;margin-right: 10px !important;}
.artikel-box4 {border: solid 1px #f7f7f7;box-sizing: border-box;padding: 10px 10px 10px 10px;flex:1;}
.artikel-box4 form input[type="radio"]{margin-top: unset !important;margin-right: 10px;}
.artikel-box4:hover {border: solid 1px #bababa;}
.artikel-box4 img {margin-bottom: 5px;margin-top: 0px;max-width: 100%;}
.artikel-box4 p {font-size: 12px;line-height: 18px;margin-bottom: 15px;}
.artikel-box4 .box_artikelname {font-size:11px !important;text-transform: uppercase;}
.artikel-box4 .box_preis {font-size:11px !important;text-transform: uppercase;margin:unset;font-weight:bold;}


.select-radio1:hover {text-decoration: none;}

.select-radio1 {
    padding: 5px 0px;
    background-color: #ffff;
    border-radius: 2px;
    cursor: pointer;
    color: #000000 !important;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
      display:  -webkit-box;
	text-decoration: none;
min-width: 96%;
	}









.dyn_option{}
.flex_lp19 {padding:15px;background-color: #f4f4f4;display:flex;flex-flow: row wrap;}
.zahlart_rechnung {
    float:unset;
}

.catcher {position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
background-color: rgba(0, 0, 0, 0.7);
font-size: 50px;
padding: 3%;}

.btn_call_noflex:hover {
        color: #ffffff !important;
	background-color: #ABABAB;
        text-decoration: none;}

.btn_call_noflex {
    margin: .25rem 0rem;
    padding: 5px 15px;
    background-color: #CFCFCF;
    border-radius: 2px;
    cursor: pointer;
    color: #000000 !important;
    box-sizing: border-box;
    font-size: 16px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
      display:  -webkit-box;
	text-decoration: none;
min-width: 100%;
	}

.btn_angebot_noflex:hover {
        color: #ffffff !important;
	background-color: #DBBC4B;
        text-decoration: none;}

.btn_angebot_noflex {
    margin: .25rem 0rem;
    padding: 5px 15px;
    background-color: #F4D154;
    border-radius: 2px;
    cursor: pointer;
    color: #000000 !important;
    box-sizing: border-box;
    font-size: 16px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
      display:  -webkit-box;
	text-decoration: none;
min-width: 100%;
	}


/* #### ############################################
##   LP Liegestuhl               ### 
#### ############################################ */

.artikel_listing input[type="radio"] {
    cursor: pointer;
    line-height: unset;
    width: 15px;
    height: 15px;
    margin-top: 3px !important;
    margin-right: 10px;
display:block;}

.artikel_listing:hover {background-color: #f8f8f8;}
.artikel_listing img {margin-bottom: 30px;margin-top: 10px;max-width: 100%;}
.artikel_listing {border: solid 1px #eaeaea;box-sizing: border-box;padding: 10px 10px 10px 10px;margin: .25rem; line-height:20px;flex:1;min-height: 100%;min-width:230px;}
.artikel_listing p {font-size: 12px;line-height: 18px;margin-bottom: 15px;}









.radio-box-1 form input[type="radio"] {
    cursor: pointer;
    line-height: unset !important;
    margin-top: unset !important;
    margin-right: 10px !important;
}


/* #### ############################################
##  test Konfiguration Seiten LPs                ### 
#### ############################################ */
.ads_select2:hover {
        color: #ffffff !important;
	background-color: #505050;
        text-decoration: none;}

.ads_select2 {
    padding: 5px 15px;
    background-color: #f8f8f8;
    cursor: pointer;
    color: #000000 !important;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
	text-decoration: none;
	}


#oben {opacity: 0.3;cursor: pointer;}
#oben:hover {opacity: 1.0;cursor: pointer;}

#unten {opacity: 0.3;cursor: pointer;}
#unten:hover {opacity: 1.0;cursor: pointer;}

#links {opacity: 0.3;cursor: pointer;}
#links:hover {opacity: 1.0;cursor: pointer;}

#rechts{opacity: 0.3;cursor: pointer;}
#rechts:hover {opacity: 1.0;cursor: pointer;}

/* #### ############################################
##  ENDE     test Konfiguration Seiten LPs                 ### 
#### ############################################ */



/* #### ############################################
##  Configuration Landing Page PVC Werbeplanen                ### 
#### ############################################ */

.buttons select option {padding: unset;}

.edit_select_plane:hover {
        color: #000000 !important;
	background-color: #f7f7f7;
        text-decoration: none;}

.edit_select_plane {
    margin: .25rem 0rem;
    padding: 5px 15px;
    background-color: #fffff;
    border: solid 1px #7a7a7a;
    border-radius: 2px;
    cursor: pointer;
    color: #000000 !important;
    box-sizing: border-box;
    font-size: 16px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
      display:  -webkit-box;
	text-decoration: none;
min-width: 100%;
max-width: 230px;
	}


/* #### ############################################
##  ENDE Config  ###                                                                     ### 
#### ############################################ */



.rte_container img {
    max-width: 100%;}

.edit_select_ads:hover {
        color: #ffffff !important;
	background-color: #505050;
        text-decoration: none;}

.edit_select_ads {
    margin: .25rem 0rem;
    padding: 5px 15px;
    background-color: #ffff;
    border: solid 1px #7a7a7a;
    border-radius: 2px;
    cursor: pointer;
    color: #000000 !important;
    box-sizing: border-box;
    font-size: 16px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
      display:  -webkit-box;
	text-decoration: none;
min-width: 100%;
	}






.edit_select:hover {
        color: #ffffff !important;
	background-color: #000000;
        text-decoration: none;}

.edit_select {
    margin: .25rem 0rem;
    padding: 5px 15px;
    background-color: #ffff;
    border: solid 1px #7a7a7a;
    border-radius: 2px;
    cursor: pointer;
    color: #000000 !important;
    box-sizing: border-box;
    font-size: 11px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
      display:  -webkit-box;
	text-decoration: none;
min-width: 100%;
	}


.flex1n form input:not(.btn){width: unset;height: unset;font-size: 11px;padding: 5px;background: #fbfbfb;}
.flex2-wgp form input:not(.btn){width: unset;height: unset;font-size: 11px;padding: 5px;background: #fbfbfb;}
.flex2-wgp form label{width: unset;height: unset;line-height:unset;}




.flex2 form input:not(.btn){width: unset;height: unset;}
.flex2 form label{width: unset;height: unset;line-height:unset;}

#product-detail #total_block li.total.gross {color: #1baa99;font-weight: bold;}


/* #### ############################################
##  Rabatt Anzeige auf Kalkulationsseite                               ### 
#### ############################################ */

#rabatt_info {display:none;position:fixed; top:0px; width:100%;background-color: #ef3868;color: white;left: 0px;z-index: 999;font-size:16px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif;"; text-align:center;}
#rabatt_info #discountdown{color:white;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif;";margin:0px 10px 0px 0px;}
#rabatt_info .price {color: white;font-size:20px;font-weight: bolder;line-height: 50px;margin:0px 10px 0px 10px;}
#rabatt_info .rabattkorb {padding: 5px;text-transform: uppercase;background-color: #fff;font-size: 11px;text-align: center;margin: 0px 0px 0px 0px;}


/* ##  ENDE  ######### */




/* #### ############################################
##  Styleanweiseungen  neue Landing page f�r Adword ### 
#### ############################################ */

.radio-box-4 form label {width: 100% !important;}
.radio-box-4 {border: solid 1px #eaeaea;box-sizing: border-box;padding: 0px 10px 0px 10px;margin: .25rem; line-height:10px;flex:1;}

#kalkulation #dds_oversized_note {font-size: 0.9em; color: red;margin-left:0px !important;}
.radio-box-1 #dds_oversized_note {font-size: 0.7em !important; color: red;margin-left:.25rem !important;display:none;}
.radio-box-1 #dds_oversized label{display:none !important;}


.artikelbox1 {border: solid 1px #eaeaea;padding: 6px 6px 6px 6px;width:20%;}

#kalkulation .kalk-4 {font-size:16px;font-weight: bold;margin: .25rem;}

.kalk-4-n {font-size: 18px;font-weight: normal;margin: .25rem;display: block;padding-bottom: 9px;border-bottom: solid 1px #eaeaea;margin-bottom: 20px;}

.kalk-4 {font-size:14px;font-weight: bold;margin: .25rem;display: block;padding-bottom:10px;}

#kalkulation img {margin-bottom: 0px;}
#kalkulation form input {width: unset !important;float:none;}
#kalkulation form select {width: 100% !important;float:none;margin: .25rem;}
#kalkulation form label {width: auto;float: none;text-align: left;display: block;white-space: normal;font-size: 13px;line-height: 25px;}
#kalkulation form input[type="checkbox"] {margin-right: 10px;margin-top: unset;}
#kalkulation form input[type="radio"] {margin-right: 5px;margin-top: unset;}

.radio-box-2:hover {background-color: #f8f8f8;}
 
.radio-box-2 img {margin-bottom: 30px;margin-top: 10px;max-width: 100%;}
.radio-box-2 {border: solid 1px #eaeaea;box-sizing: border-box;padding: 10px 10px 10px 10px;margin: .25rem; line-height:20px;flex:1;min-width:210px;}
.radio-box-2 p {font-size: 12px;line-height: 18px;margin-bottom: 15px;}



.radio-box-1 form input[type="radio"]{margin-top: unset !important;margin-right: 10px;}


.radio-box-1:hover {border: solid 1px #696969;}
 
.radio-box-1 img {margin-bottom: 30px;margin-top: 10px;max-width: 100%;}
.radio-box-1 {border: solid 1px #eaeaea;box-sizing: border-box;padding: 10px 10px 10px 10px;margin: .25rem; line-height:20px;flex:1;min-width:220px;}
.radio-box-1 p {font-size: 12px;line-height: 18px;margin-bottom: 15px;}
.radio-box-1 h2 {color:#000!important;font-family: bold;font-size: 16px !important;text-transform: uppercase;font-weight: bold;margin-bottom: 5px !important;}

.radio-inline {font-weight:bold;font-size:13px;padding-right:unset;display: block;cursor: pointer;text-align:center;min-width: 90px;}

.radio-inline img {text-align:center;}



.select-flex-1 {flex:1;}


#kalkulation {background-color: #f7f7f7;padding: 20px;}

#kalkulation2 {padding: 0px 20px 0px 35px;border-left: solid 1px #dbdbdb;}
#kalkulation2 form select {width: 100% !important;float: none;margin: .25rem;}

.ads_width {font-style: italic;font-family: unset !important;flex:3;margin: .25rem;float:none;}
.ads_height {font-style: italic;font-family: unset !important;flex:3;margin: .25rem;float:none;}
.ads_count {font-style: italic;font-family: unset !important;flex:1;margin: .25rem;float:none;}

.normal {color:#000000 !important;}
.normal:hover {color:#ffff !important;}

.box_artikelhinweis {font-size: 12px;}
.box_artikelname {display: block;text-align: left;font-size: 20px;font-weight: bold;}
.box_kurzbeschreibung p {font-size: 13px !important;padding-left:0px;padding-bottom: 0px !important;line-height: 18px!important;margin-bottom: 0px !important;}
.box_kurzbeschreibung {display: block;text-align: left;margin: 10px 0px;border-bottom: solid 1px #eaeaea;border-top: solid 1px #eaeaea;padding-bottom: 5px;padding-top: 5px;min-height: 60px;}
.box_preis {display: block;text-align: right;margin: 10px 0px;font-size: 18px;color:#1baa99 !important;}




.ads_select:hover {
        color: #ffffff !important;
	background-color: #000000;
        text-decoration: none;}

.ads_select {
    margin: .25rem .25rem;
    padding: 5px 15px;
    background-color: #ffff;
    border: solid 1px #7a7a7a;
    border-radius: 2px;
    cursor: pointer;
    color: #000000 !important;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
      display:  -webkit-box;
	text-decoration: none;
min-width: 96%;
	}

/* Style the active class (and buttons on mouse-over) */
.active2 {
border: solid 1px #000;
background-color: #000 !important;
color:white !important;
} 

.active1 {
border: solid 1px #fff !important;
color:white !important;
background-color: #7bd1c4;
} 

.ads_black:hover {
        color: #ffffff !important;
	background-color: #000000;
        text-decoration: none;}

.ads_black {
    margin: .25rem;
    padding: 5px 8px;
    background-color: #3e3e3e;
    border: solid 1px #7a7a7a;
    border-radius: 2px;
    cursor: pointer;
    color: #000000 !important;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-flex: 1 0 auto; 
    flex: 1 0 auto;
	text-decoration: none;
	}



.ads_artikel:hover {
        color: #ffffff !important;
	background-color: #000000;
        text-decoration: none;}

.ads_artikel {
    margin: .25rem;
    padding: 5px 8px;
    background-color: #ffff;
    border: solid 1px #7a7a7a;
    border-radius: 2px;
    cursor: pointer;
    color: #000000 !important;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-flex: 1 0 auto; 
    flex: 1 0 auto;
	text-decoration: none;
	}



.ads_rabatt:hover {
	background-color: #20CAB5;
        text-decoration: none;}

.ads_rabatt {
white-space: nowrap;
    margin: .25rem;
    padding: 8px 8px;
    background-color: #cb6565;
    border-radius: 2px;
    cursor: pointer;
    color: #fff !important;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
	-webkit-flex: 1 0 auto; flex: 1 0 auto;
	text-decoration: none;
	}





.ads_kalkulation:a:link {
	background-color: #20CAB5;
        text-decoration: none;
        color:#ffff;}

.ads_kalkulation:hover {
	background-color: #20CAB5;
        text-decoration: none;}

.ads_kalkulation  {
white-space: nowrap;
    margin: .25rem;
    padding: 8px 8px;
    background-color: #7BD1C4;
    border-radius: 2px;
    cursor: pointer;
    color: #fff !important;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
	-webkit-flex: 1 0 auto; flex: 1 0 auto;
	text-decoration: none;
	}



.vorteile {padding: 20px;background-color: #505050;color: white;}
.vorteile strong {color: white !important;}

.btn_kalkulation:a:link {
	background-color: #20CAB5;
        text-decoration: none;
        color:#ffff;}

.btn_kalkulation:hover {
	background-color: #20CAB5;
        text-decoration: none;}

.btn_kalkulation  {
    margin: .25rem;
    padding: 8px 8px;
    background-color: #7BD1C4;
    border-radius: 2px;
    width: -webkit-fill-available;
    cursor: pointer;
    color: #fff !important;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    margin-top: 5px;
	-webkit-flex: 1 0 auto; flex: 1 0 auto;
	text-decoration: none;
	}

.btn_optional2:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: "\f067";
}

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

 a.btn_optional:hover {
  background-color: #ABABAB;
        text-decoration: none;
  }


.btn_optional:hover {
	background-color: #ABABAB;
        text-decoration: none;}
.btn_optional{
    margin: .25rem;
    padding: 8px 8px;
    background-color: #CFCFCF;
    border-radius: 2px;
    width: -webkit-fill-available;
    cursor: pointer;
    color: #fff !important;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    margin-top: 5px;
	-webkit-flex: 1 0 auto; flex: 1 0 auto;
	text-decoration: none;
}


.btn_angebot:hover {
	background-color: #DBBC4B;
        text-decoration: none;}
.btn_angebot{
    margin: .25rem;
    padding: 8px 8px;
    background-color: #F4D154;
    border-radius: 2px;
    width: -webkit-fill-available;
    cursor: pointer;
    color: #fff !important;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    margin-top: 5px;
	-webkit-flex: 1 0 auto; flex: 1 0 auto;
	text-decoration: none;
}

.btn_telefon:hover {
	background-color: #C36743;
        text-decoration: none;}
.btn_telefon{
    margin: .25rem;
    padding: 8px 8px;
    background-color: #E26A6A;
    border-radius: 2px;
    width: -webkit-fill-available;
    cursor: pointer;
    color: #fff !important;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    margin-top: 5px;
	-webkit-flex: 1 0 auto; flex: 1 0 auto;
	text-decoration: none;
	}

.buttons{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;}
.artikel_beschreib{color:#888888;margin: .25rem;font-size: 13px;}
.bewertung{margin: .25rem;}
.preis{font-size: 34px; font-weight:600; color:#1EBDAB;}
.preis_info{font-size: 14px; margin: .25rem;}
.mwst{margin: .25rem; font-size: 13px; color: #686868;}
.freitextfeld1{margin: .25rem; font-size: 14px; color: #686868;min-height: 90px;}
.artikel_h2 {margin: .25rem; }
.artikel_h2 h2 {font-size: 22px !important; margin: 0px !important;}
 
.header_datasheet {font-size:20px !important; color:#000;margin-bottom:0px !important; font-weight:normal !important;width: 100%;}
.datasheet {width:100%;}
.datasheet th {min-width: 150px;text-align:left;font-size:12px; line-height: 25px;vertical-align: top;}
.datasheet td {min-width: auto;font-size:12px;}
.datasheet tr {border-bottom: 1px solid #d6d6d6;}

.dds_datasheet {padding: 0px 0px 0px 30px;border-style: solid;border-width: 0px 0px 0px 2px;border-color: #00ac9e;margin: .25rem;}



/* #### ############################################
##  Neu Flex Basis f�r LP Neu                                ### 
#### ############################################ */

.radio-box-3 {flex:1 content;min-width:220px;}
.radio-box-3 p {font-size: 12px !important;line-height: 20px;margin-bottom: 10px;}
.radio-box-3 {border: solid 1px #eaeaea;box-sizing: border-box;padding: 10px 10px 10px 10px;margin: .25rem; line-height:20px;flex:1;}

.radio-box-0 {flex:1 content;min-width:220px;}
.radio-box-0 p {padding-left: 20px;font-size: 13px;line-height: 20px;margin-bottom: 15px;}


#dds_artikel_info_lp hr {margin: 1.0rem .25rem 1.0rem .25rem; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

#dds_artikel_block h1 {font-size: 31px !important; color: #3D3D3D !important; margin: 0px 0px 15px 0px !important;}
#dds_artikel_block {flex-basis:100%; padding: 10px 0px 10px 0px; text-align:center;}
#dds_artikel_info_lp {flex-basis: 60%; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif;"}
#dds_artikel_pics_lp h3 {font-size:19px;margin: 45px 0px 20px 0px;}
#dds_artikel_pics_lp { flex-basis: 35%;}
#dds_artikel_pics_lp img{ width:100%;margin-bottom:0px !important;}

.flexdummy {flex: 1.6;margin: .0rem .0rem .0rem .0rem;;border: solid 0px #b6b6b6;padding:2px;}
.flex1 {flex: 1;margin: 1.25rem 1.25rem 1.25rem 1.25rem;border: solid 0px #b6b6b6;}
.flex2 {flex: 2;margin: 1.25rem 1.25rem 1.25rem 1.25rem;border: solid 0px #b6b6b6;}
.flex2-wgp {flex: 3;margin: 1.25rem 1.25rem 1.25rem 1.25rem;border: solid 0px #b6b6b6;}
.flex3 {border: solid 0px #b6b6b6;padding:5px;width:100%;text-align: center;min-height:50px;}

.flex4 {flex: 4; margin: 1.25rem 1.25rem 1.25rem 1.25rem;border: solid 0px #b6b6b6;}
.flex5 {flex: 3; margin: 1.25rem 1.25rem 1.25rem 1.25rem;border: solid 0px #b6b6b6;}
.flex6 {flex: 6; margin: 1.25rem 1.25rem 1.25rem 1.25rem;border: solid 0px #b6b6b6;}

.flex1 h4 {font-size: 16px !important;color:#6f6f6f !important;font-weight:bold;margin-bottom:20px;}


.flex3 h1 {font-size: 27px;margin-bottom:18px;font-weight: bold;color: #00bab9;}
.flex3 h2 {font-size: 30px !important;margin-bottom:18px;font-weight: bold;color: #7d7d7d !important;}
.flex3 h3 {font-size: 24px;margin-bottom:10px;color: #787878 !important;font-weight: normal !important;}

.flex1 .overheader{color: #696969;font-size: 14px;line-height: 24px;padding-bottom: unset;}
.flex1 p {color: #696969;font-size: 14px;line-height: 24px;padding-bottom: 24px;margin: .25rem;}
.flex2 p {color: #696969;font-size: 14px;line-height: 24px;margin-bottom: 24px;}
.flex3 p {color: #696969;font-size: 14px;line-height: 24px;margin-bottom: 24px;}
.flex4 p {color: #696969;font-size: 14px;line-height: 24px;margin-bottom: 24px;}
.flex6 p {color: #696969;font-size: 14px;line-height: 24px;margin-bottom: 24px;margin: .25rem;padding-top: 10px;}

.flex1 strong{font-family: bold !important;font-size: unset !important;}
.flex2 strong{font-family: bold !important;font-size: unset !important;}
.flex3 strong{font-family: bold !important;font-size: unset !important;}
.flex4 strong{font-family: bold !important;font-size: unset !important;}
.flex5 strong{font-family: bold !important;font-size: unset !important;}
.flex6 strong{font-family: bold !important;font-size: unset !important;}


.flex1n {flex: 1;margin: 0rem 0rem 0rem 0rem;border: solid 1px #b0b0b0;padding: 20px;background-color: white;color: black;}
.flex2n {flex: 2;margin: 1.25rem 1.25rem 1.25rem 1.25rem;border: solid 0px #b6b6b6;min-width: 200px;}
.flex3n {margin: 0rem 0rem 0rem 0rem;border: solid 1px #b0b0b0;padding: 20px;background-color: white;color: black;width:100%;}

.flex4n {flex: 4; margin: 1.25rem 1.25rem 1.25rem 1.25rem;border: solid 0px #b6b6b6;}
.flex5n {flex: 3; margin: 1.25rem 1.25rem 1.25rem 1.25rem;border: solid 0px #b6b6b6;}
.flex6n {flex: 6; margin: 1.25rem 1.25rem 1.25rem 1.25rem;border: solid 0px #b6b6b6;}

.flex1n h6 {font-size: 20px;margin-bottom:18px;font-weight: bold;color: black;}
.flex3n h6 {font-size: 20px;margin-bottom:18px;font-weight: bold;color: black;}


.flex1n-white p {color: #0000;font-size: 14px;line-height: 24px;padding-bottom: 0px;margin: .25rem;}
.flex1n p {color: #303030;font-size: 14px;line-height: 24px;padding-bottom: 0px;margin: .25rem;}
.flex2n p {color: #303030;font-size: 14px;line-height: 24px;margin-bottom: 0px;}
.flex3n p {color: #303030;font-size: 14px;line-height: 24px;padding-bottom: 0px;margin: .25rem;}
.flex4n p {color: #303030;font-size: 14px;line-height: 24px;margin-bottom: 0px;}
.flex6n p {color: #303030;font-size: 14px;line-height: 24px;margin-bottom: 0px;margin: .25rem;padding-top: 10px;}


.flex1n strong{font-family: bold !important;font-size: unset !important;color:black;}
.flex2n strong{font-family: bold !important;font-size: unset !important;}
.flex3n strong{font-family: bold !important;font-size: unset !important;color:black;}
.flex4n strong{font-family: bold !important;font-size: unset !important;}
.flex5n strong{font-family: bold !important;font-size: unset !important;}
.flex6n strong{font-family: bold !important;font-size: unset !important;}








.select-flex-1-form{line-height: 20px;font-family: 'bold';border-radius: 2px !important;border: solid 1px #b6b6b6;height: 40px;box-sizing: border-box;padding: 10px;color: #696969;font-size: 14px;cursor: pointer;margin: 0.25rem 0.25rem 0.25rem 0.25rem;
flex: 1 0 auto;}


.flex_all{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;}





/* #### ############################################
##  Neu Flex Basis f�r LP Neu    ENDE                             ### 
#### ############################################ */





#dds_artikel_info hr {margin: 1.0rem .25rem 1.0rem .25rem; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

#dds_artikel_block h1 {font-size: 31px !important; color: #3D3D3D !important; margin: 0px 0px 15px 0px !important;}
#dds_artikel_block {flex-basis:100%; padding: 10px 0px 10px 0px; text-align:center;}
#dds_artikel_info {flex-basis: 45%; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif;"}
#dds_artikel_pics { flex-basis: 51%;}
#dds_artikel_pics img{ width:100%;margin-bottom:0px !important;}

#kat_gal {padding: 16px 0px 16px 0px; display: flex; justify-content: space-between;}
#kat_gal img {margin-bottom: 0em;}
.kat_gal_pics_100 {padding:10px;}
.kat_gal_pics_100 p {font-size:12px; line-height:16px;margin-top:8px;margin-bottom:0px;text-align:left;}
.kat_gal_pics {width: 45%;}
.kat_gal_pics p {font-size:12px; line-height:16px;margin-top:8px;margin-bottom:0px;text-align:left;}
.kat_gal_pics_33 {width: 31%;}
.kat_gal_pics_33 p {font-size:12px; line-height:18px;margin-top:10px;margin-bottom:0px;}
.kat_gal_pics_50 {width: 47%;}
.kat_gal_pics_50 p {font-size:12px; line-height:18px;margin-top:10px;margin-bottom:0px;}




.dds_datasheet_three {padding: 0px 0px 0px 10px;border-style: solid;border-width: 0px 0px 0px 2px;border-color: #00ac9e;margin: .25rem;}
.dds_artikel_info_three {flex-basis: 30%; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif;"; margin-bottom: 40px;}


.dds_datasheet_two {padding: 0px 0px 0px 10px;border-style: solid;border-width: 0px 0px 0px 2px;border-color: #00ac9e;margin: .25rem;}
.dds_artikel_info_two {flex-basis: 45%; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif;"; margin-bottom: 40px;}


/* #### ############################################
##  ENDE Styleanweiseungen  neue Landing page f�r Adword 
################################################# */


/* ### START: Textfeld f�r Ausgabe bei beschr�nkten Angeboten �ber Presets ### */

form .output-field{
	background: #f7f7f7;
	font-family: 'bold';
	border-radius: 2px !important;
	box-sizing: border-box;
	padding: 10px;
	color: #696969;
	font-size: 14px;
	width: 350px;
	float: left;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

/* ### ENDE: Textfeld f�r Ausgabe bei beschr�nkten Angeboten �ber Presets ### */

/* ### START: Overlay bei deaktiviertem Javascript und Sonderkonfektion ### */


#ddoverlaynoscript, #ddoverlaynoscript2 {
	/*display:none;
	opacity:inherited;*/
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
	background: #00ac9c44;
}

#ddoverlaynoscript div, #ddoverlaynoscript2 div {
	width: 300px;
	margin: 4rem auto auto;
	background-color: rgb(0, 172, 158);
	border: 4px solid white;
	padding: 5px 0px;
	text-align: center;
	font-weight: bold;
	color: white;
}

.fadeIn-slow {
	animation: fadeIn 2s 3s backwards;
	-moz-animation: fadeIn 2s 3s backwards;
	-webkit-animation: fadeIn 2s 3s backwards;
	-o-animation: fadeIn 2s 3s backwards;
}

@-moz-keyframes fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@keyframes fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

#ddoverlaynoscript div a, #ddoverlaynoscript2 div a {
	cursor:pointer;
	color:black;
}

/* Overlays bei Sonderkonfektion */
#ddoverlay {
	display:none;
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
	background:linear-gradient(180deg, rgba(0, 172, 158,0.5) 10%, rgba(0, 172, 158,0.9) 60%);
}

#ddoverlay div {
	width: 300px;
	margin: 40% auto;
	background-color: rgb(0, 172, 158);
	border: 4px solid white;
	padding: 5px 0px;
	text-align: center;
	font-weight: bold;
	color: white;
}

#ddoverlay div a {
	cursor:pointer;
	color:black;
}
/* ### ENDE: Overlay bei deaktiviertem Javascript und Sonderkonfektion ### */

/* ### START: Google-Fonts lokal eingebunden ### */

/* fjalla-one-regular - latin-ext_latin */
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: url('/tpl/ds_digitaldruckshop/assets/font/custom/fjalla-one-v5-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fjalla One'), local('FjallaOne-Regular'),
       url('/tpl/ds_digitaldruckshop/assets/font/custom/fjalla-one-v5-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/tpl/ds_digitaldruckshop/assets/font/custom/fjalla-one-v5-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/tpl/ds_digitaldruckshop/assets/font/custom/fjalla-one-v5-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/tpl/ds_digitaldruckshop/assets/font/custom/fjalla-one-v5-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/tpl/ds_digitaldruckshop/assets/font/custom/fjalla-one-v5-latin-ext_latin-regular.svg#FjallaOne') format('svg'); /* Legacy iOS */
}
/* ### ENDE: Google-Fonts lokal eingebunden #### */

#cart_second form article h1 {font-size: 25px; color:#1BAA99;font-weight: bold;}


.deeplink_error{text-align: center;min-height: 100px;margin-top: 30px;}
.deeplink_error a {font-weight:bold;}
.ag_btn {position: relative;display: block;padding: 2px 8px;background: #7BD1C4;border-radius: 2px;    width: -webkit-fill-available;;cursor: pointer;color: #fff;box-sizing: border-box;font-size: 18px;text-align: center;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;margin-top: 5px;}
.dv_btn {position: relative;display: block;padding: 2px 8px;background: #1BAA99;border-radius: 2px;    width: -webkit-fill-available;;cursor: pointer;color: #fff;box-sizing: border-box;font-size: 18px;text-align: center;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;margin-top: 5px;}
.ag_btn:hover{background-color: #20CAB5;}
.dv_btn:hover{background-color: #20CAB5;}
.rechts_header { flex-basis: 45%;}
.rechts_header img{ width:90%;padding:0px;margin-bottom:20px !important;}

.mitte .subheader{font-size:20px; font-weight:bold; margin-bottom:18px;line-height:30px;}
.mitte h1{color:#DA4E4E; font-size:40px; font-weight:bold; margin-bottom:28px;}
.links { flex-basis: 45%;}
.links img{ width:70%;padding:36px;margin-bottom:0px !important}
.links p {font-size:19px;line-height:30px;margin-bottom:10px;}
.links h1{color:#1BAA99; font-size:30px; font-weight:bold; margin-bottom:18px;}
.links h3{font-weight: bold; color: #3C3C3C; font-size: 32px;margin-bottom:35px !important;}
.rechts { flex-basis: 45%;}
.rechts img{ width:70%;padding:40px;margin-bottom:0px !important;}
.rechts p {font-size:19px;line-height:30px;margin-bottom:10px;}
.rechts h3{font-weight: bold; color: #3C3C3C; font-size: 32px;margin-bottom:35px !important;}


.inspiration img {witdth:20%;margin-right:10px;margin-bottom:10px;float:left;}

.oracal img {float:none;margin-bottom:0px;cursor: pointer;}
.oracal {float:left;margin-bottom:9px;margin-right:15px; width:20%; font-size:11px;}
.oracal_last img {float:none;margin-bottom:0px;}
.oracal_last {float:left;margin-bottom:9px;width:20%;font-size:11px;}

#form_individual .col_left img, #form_individual .col_right img {width: 50%;height: auto;margin-bottom: 30px;
}


.btn_rte {background: #1BAA99;border-radius: 2px;min-width: 120px;height: 40px;cursor: pointer;color: #fffff !important;}

.bewertung_top img {width:70px !important;margin-right: 6px; display:inline !important;margin-bottom:6px;}
.bewertung img {width:80px;margin-right: 6px; float:left;margin-bottom:0px;}
.bewertung_name{font-weight: bold;margin-right: 6px;}
.bewertung_datum{}
.bewertung_mitteilung{display: block;background-color: #f6f6f6;padding: 15px !important;margin-bottom: 35px !important;margin-top: 10px !important;}

/* ### START: Reload-Spinner ### */

#dvloading
{
   background:transparent;
   height: 120px;
   width: 120px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -60px 0 0 -60px;
   font-size:0.8em;
   text-align:center;
}

#loader{  border: 20px solid #ededed;
  border-radius: 50%;
  border-top: 20px solid #1BAA99;
  border-bottom: 20px solid #1BAA99;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* ### ENDE: Reload-Spinner ### */

.header_item2 {font-size:23px;}
.pic_content {width:28%;margin-right:10px;margin-bottom:0px !important;float:left;}

.overheader {margin-bottom: 4px;font-weight: bold;font-size: 13px;text-transform:uppercase;}
.content_werbung {padding: 30px;width: auto;display: block;border: solid 1px #dedede;background-color: #f7f7f7;margin-bottom: 20px;}

.frage_header {margin-top: 40px;background-color: #f3f3f3;padding: 20px 10px 20px;color: #585252;font-size: 30px;text-transform: uppercase;margin-bottom: 40px;}

h8 {font-size: 20px;border-top: solid 1px #6d6d6d;padding-top: 10px;display: block;margin-bottom: 23px;color: black;font-weight: bold;margin-top: 50px;}

.paralax-text {color: #FFF;font-size: 40px;font-weight: bold;float: left;text-align:center;width: 100%;}
.paralax-text p {color: #FFF;font-size: 25px;font-weight: bold;text-align:center;}

#mobilbonus a.linkrabatt:link {color:#FFF !important; text-decoration:none;}
.bonus {font-size:36px; color:aliceblue;}
#mobilbonus {display:none;}

#mobilprice_info {display:none;}
.leadprint-brand {display:none;}
#detail_infobar_text .headline_mobile {display:none;}
#configurator .infotext {display:none;}
#configurator .headline_mobile {font-size:14px;}
#configurator .headline_mobile p {font-size:14px; line-height: 20px;margin-bottom: 0px;}
#configurator .headline_mobile strong {font-size: 14px;}

#configurator {min-height: 625px;position: relative;padding-top: 0px;}
#configurator .headline {height: auto;position: relative;padding-top: 10px;padding-right: 5px;padding-left: 0px;background: linear-gradient(to bottom, #ffffff 0%, #fff 100%);}
#configurator .headline img {display:none;}

#product-detail #detail_infobar li {padding-bottom:5px;padding-right:1px;float:left;height:auto; width:18%;}
#product-detail #detail_infobar #detail_infobar_text {clear: both;}

.hinweis_red {color:#DA4E4E !important;font-weight:bold;}
.hinweis {color:#1EBDAB !important;font-weight:bold;}
.hinweis_ice {color:#98C8D6 !important;font-weight:bold}

#ppplus {width:100%;}
#continueButton {color: #ffffff;background: #1EBDAB;padding: 8px 40px 8px 40px;}
.hint li {margin-bottom: 8px !important;margin-left:25px;list-style: square !important;}
#finish .item .label {line-height: 30px;float: left;display: block;margin: 0 20px 0 0;height: 70px;}


#cart #sidebar section img {width: 40%;float: left;margin-bottom: 20px;margin-right: 22px;}
.parallax {margin-top: 50px;height: auto;overflow: hidden;position: relative;background-color: #00ac9e;padding: 100px;}
.parallax img {display: none;}

#totop a::before {background: #00ac9e;}
#totop a:hover::before {background: #000;}

.rte_container a {color: #00ac9e !important;}
.flex3n a {color: #00ab9d !important;font-weight: bold;}
.buttons a {color:#ffff !important;}
.buttons_hilfe a {color:#ffffff !important;}




footer.main i {color: #00ac9e;}
footer.main i a {color: #00ac9e;}
footer.main > .wrp > nav h3 {color: #00ac9e;}
footer.main h3 {color: #00ac9e;}

#cart_third_buy a:link {color: #1baa99;font-weight: bold;}
#cart_third_buy a:hover {color: #1baa99;font-weight: bold;text-decoration: underline;}

.header-schilder {top: -600px;font-size: 45px;font-weight: bold;}

.fett {font-family: bold;font-size: 16px;}
.tabelle td {padding:8px}
.tabelle_druckdaten td {padding:8px;}

.item1 { flex-basis: 50%; margin-right: 20px;}
.item1 h1{color:#1BAA99; font-size:30px; font-weight:bold; margin-bottom:18px;}
.item2 { flex-basis: 40%; margin-left: 20px}
.item3 { flex-basis: 100%;}
.item2 h4{font-weight: bold; color: #3C3C3C; font-size: 20px;}

.content_item1 { flex-basis: 60%; margin-right: 20px;}
.content_item1 h1{color:#1BAA99; font-size:30px; font-weight:bold; margin-bottom:18px;}
.content_item2 { flex-basis: 30%;}
.content_item2 p {font-size:14px;}
.content_item2 h4{font-weight: bold; color: #3C3C3C; font-size: 20px;}
.content_item3 { flex-basis: 100%;}



.item4 { flex-basis: 20%; margin-right: 20px;}
.item4 h1{color:#1BAA99; font-size:30px; font-weight:bold; margin-bottom:18px;}
.item4 img{margin-bottom:0px;}
.item5 { flex-basis: 70%; margin-left: 5px}
.item5 h4{font-weight: bold; color: #3C3C3C; font-size: 20px;}
.copyright {font-size:12px; margin-bottom:-5px; text-align:center;}

.test_item1 { flex-basis: 20%; margin-right: 15px;}
.test_item1 h1{color:#1BAA99; font-size:30px; font-weight:bold; margin-bottom:18px;}
.test_item2 { flex-basis: 70%;margin-right: 15px;}
.test_item3 { flex-basis: 19%;}
.test_item3 p { font-size: 13px;}
.test_item4 { flex-basis: 100%;}
.test_item4 h1{color:#1BAA99; font-size:30px; font-weight:bold; margin-bottom:18px;}



@media all and (max-width: 600px) {
.content_item2 {border-top: solid; border-color: #000;border-width: 2px;padding-top: 20px;}
.header_item2 {font-family: bold;font-size: 20px;}

.rte_container {-webkit-flex-direction: row; flex-direction: column;}
.item1 {-webkit-flex-basis: 20%;flex-basis: 20%;margin-right: 0px}
.item2 {-webkit-flex-basis: 20%;flex-basis: 20%;margin-left: 0px; margin-top:20px;padding-top: 20px;border-top: solid; border-color: #ECECEC; border-width: 1px}
.tabelle_druckdaten td {padding:8px;font-size:11px}
.tabelle_druckdaten strong {font-size:11px}
.fett {font-family: bold;font-size: 12px;}
}	


.btn.success {border-color: #1BAA99;background: #1BAA99;}
.btn.success:hover, .btn.success.hover {color: #fff;border-color: #1BAA99;background: #20CAB5;}
.btn {background: #1BAA99;}
.btn:hover, .btn.hover {color: #fff;border-color: #1BAA99;background: #20CAB5;}

#product-detail #total_block h1, #product-detail #total_block h2, #product-detail #total_block h3 {background: linear-gradient(to bottom, #474747 0%, #2f2f2f 100%);}


.description .hint.message { background: none; border: none}
.hint.message h2 {color:#1EBDAB;font-size:28px;}

.subheader {font-size:16px;font-weight:bold; margin-bottom:30px;line-height:25px}
.bold {font-size:16px;font-weight:bold; margin-bottom:5px;line-height:25px}

.ueberschrift1 {color:#505050; font-size:40px; font-weight:bold; font-variant: small-caps; margin-bottom:-20px; text-align:center}
.rte_container h2 {font-weight:bold;color:#1BAA99;margin-bottom:30px;font-size: 25px;}
.rte_container h3 {font-weight:bold;color:#3C3C3C;margin-bottom:10px}
.rte_container h4 {font-weight:bold;color:#3C3C3C}
.rte_container h7 {font-size: 20px;font-weight:bold;color:#1BAA99;margin-bottom:15px}

.rte_container li {font-size: 16px;}
.rte_container strong {font-family: bold;font-size: 16px;}

#header_usp {padding-top: 27px;}
#header_usp img {margin-right: 18px;width: 45px;}

.trade-groups .card h2 {font-size: 18px; text-align: center; font-family: 'regular'; color: #313131; display: block; margin-bottom: 48px;}

#slider .slide figcaption strong {
padding: 0 0px;    
background: rgba(255, 255, 255, 0.0);    
    font-family: 'regular';
    display: inline-block;
    margin-bottom: 10px;
    font-size: 65px;
font-family: 'Fjalla One', sans-serif;   
 font-variant: normal;
    color: #ffffff;
}

#slider .slide figcaption p {
    font-family: 'regular';
    margin-bottom: 10px;
    font-size: 19px;
    font-variant: normal;
    color: #ffffff;
}

@media screen and (max-width: 1366px) {
#slider .slide figcaption {top: 40px;}
}

@media screen and (max-width: 1280px) {
.wrp {width: 1150px;}
li::before {display: contents;}
footer.main > .wrp address {width: 400px;}


#product-detail #detail_infobar {display: inline;}
#product-detail #total_block, #product-detail #delivery {width: 250px;}
}

@media screen and (max-width: 1024px) {
.wrp {width: 980px;}
li::before {display: contents;}
footer.main > .wrp address {width: 340px;}
footer.main > .wrp > nav {margin-left: 60px;float: right;width: 260px;}
#configurator .headline img {width: 30%;display: inline;float: left;padding-right: 25px;}

#product-detail #detail_infobar {display: none;}
#product-detail #total_block, #product-detail #delivery {width: 320px;}

#rabatt_info {display:inline;position:fixed; bottom:0px;top: unset; width:100%;background-color: #ef3868;color: white;left: 0px;z-index: 999;font-size:16px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif;"; text-align:center;padding-bottom: 5px;}
#rabatt_info #discountdown{color:white;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif;";margin:0px 10px 0px 0px;}
#rabatt_info .price {color: white;font-size:20px;font-weight: bolder;line-height: 50px;margin:0px 10px 0px 10px;}
#rabatt_info .rabattkorb {padding: 5px;text-transform: uppercase;background-color: #fff;font-size: 11px;text-align: center;margin: 0px 0px 0px 0px;}



}


@media screen and (max-width: 900px) {
.wrp {width: 100%;}
footer.main > .wrp > nav {width: 100% !important;margin-left: 0px;}
}




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

header.main #brand-logo {width: 70px;overflow: hidden;}
form.search input {width: 40vw;}
#usp-bar i::before {height: 60px;width: 60px;border: solid 0px rgba(255,255,255,0.0);}
#trade-blocks .card {margin-bottom: 2px;width: 33%;margin-right: .499995%;height: 170px;}
li::before {display: contents;}
#product-detail #total_block, #product-detail #delivery {width: 31%;margin-left: 0%;}
footer.main > .wrp > nav {width: 100% !important;margin-left: 0px;}
}


@media screen and (max-width: 768px) {
form.search { width: auto;left: 0px;position: relative;top: 0px;}
form.search input {width: 36vw;}
#navbar_multi {height:auto}
#slider .slide figcaption {left: 70px;top: 60px; width: 80vw;}
#trade-blocks .card { width: 33%;height: 170px;}
footer.main > .wrp > nav {width: 100% !important;margin-left: 0px;}
}


@media screen and (max-width: 720px) {
main {padding-top:0px;}
header.main {height: 90px;}
form.search { width: auto;left: 0px;position: relative;top: 0px;margin-top: 23px;}
form.search input {width: 45vw;}

#slider .slide figcaption {left: 70px;top: 60px; width: 80vw;}
#trade-blocks .card { width: 33%;height: 170px;}

#trade-blocks .card:hover img {width: 100%;left: 0%;}
#trade-blocks .card img {width: 32vw;left: 0;}

#payment-bar img {width: 13.666666%;}
footer.main > .wrp > nav {width: 100% !important;margin-left: 0px;}
}


@media screen and (max-width: 640px) {
main {padding-top:40px;}
header.main #brand-logo img {max-width: 200px;}
header.main {height: 120px;}
form.search { width: 96%;left: 0px;position: absolute;top:50px;margin-top: 22px;}
form.search input {width: 97vw;}
#slider .slide figcaption {left: 40px;top: 60px; width: 80vw;}
#slider .slide figcaption strong {width: 100%; font-size:46px}
footer.main > .wrp > nav {width: 100% !important;margin-left: 0px;}
}



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

form input[type="radio"] {margin-top: unset;
margin-right: 10px;width: unset !important;}


#product-detail #total_block, #product-detail #delivery {width: 100%;}
.mitte .subheader{font-size:14px; font-weight:bold; margin-bottom:18px;line-height:20px;}
.mitte h1{color:#DA4E4E; font-size:20px; font-weight:bold; margin-bottom:18px;}
.links h1{color:#1BAA99; font-size:20px; font-weight:bold; margin-bottom:18px;}
.links { flex-basis: 45%;}
.links img{ width:70%;padding:40px;margin-bottom:0px !important;}
.links p {font-size:14px;line-height:19px;margin-bottom:7px;}
.links h3{font-weight: bold; color: #3C3C3C; font-size: 22px;margin-bottom:25px !important;}
.rechts { flex-basis: 45%;}
.rechts img{ width:70%;padding:40px;margin-bottom:0px !important;}
.rechts p {font-size:14px;line-height:19px;margin-bottom:7px;}
.rechts h3{font-weight: bold; color: #3C3C3C; font-size: 22px;margin-bottom:25px !important;}

#dds_artikel_pics { flex-basis: 45%;}
#dds_artikel_pics img{ width:100%;margin-bottom:0px !important;}

main {padding-top:0px;}
.breadcrumb {display:none;}
header.main {height: 120px;}
form.search { width: 96%;left: 0px;position: absolute;top: 45px;margin-top: 23px;}


#slider .slide figcaption {left: 40px;top: 60px; width: 80vw;}
#slider .slide figcaption strong {width: 100%; font-size:34px}
#slider .slide figcaption p {width: 100%; font-size:15px}

#trade-blocks .card { width: 33%;height: 100px;}
#trade-blocks .card:hover img {width: 100%;left: 0%;}
#trade-blocks .card img {width: 32vw;left: 0;}

.trade-groups.full .card, .product-listing.full .card {width: 49.5%;margin-left: 0;margin-right: 1%;}
.trade-groups.full .card:nth-child(4n+1), .product-listing.full .card:nth-child(4n+1) {margin-left: 0%;}
li::before {display: contents;}

#payment-bar img {width: 14.666666%;}
footer.main > .wrp > nav {width: 100% !important;margin-left: 0px;}
}




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

.der_price_is_heiss {display:none;}
#desktopprice_info {display:none;}

#kat_gal {display:none;}

.bf-right {margin: 1.25rem 0.25rem 0.25rem 0.25rem;}
.bf-left {margin-top: 0.00rem;}
.bf-left {margin-right: 0.00rem;}
.bf-left .header_mobile strong {font-size: 14px;}
.bf-left .header_mobile h2 {font-weight:bold;font-size:20px! important;margin-bottom: unset;}
.bf-left .header_mobile {display:block;}
.bf-right h1 {font-size: 18px !important;}



.flex_lp19 {padding:0px;}
.flex2n {margin: 0.5rem;}



.flex3 h1 {font-size:20px !important;}

.flex1 {margin: 0.5rem;flex: unset;}
.flex2 {margin: 0.5rem;flex: unset;}
.flex2-wgp {margin: 0.5rem;flex: unset;}
.flex3 {border: solid 0px #b6b6b6;padding:5px;width:100%;text-align: center;min-height:50px;}

.flex4 {margin: 0.5rem;flex: unset;}
.flex5 {margin: 0.5rem;flex: unset;}
.flex6 {margin: 0.5rem;flex: unset;}





#dds_artikel_block h1 {font-size: 20px !important; color: #3D3D3D !important; margin: 0px 0px 15px 0px !important;}
#dds_artikel_block p {font-size: 12px !important; line-height: 18px;}
#dds_artikel_block strong {font-size: 12px !important;}
.artikel_h2 h2 {font-size: 19px !important;margin: 0px !important;margin-top: 30px !important;}
.kat_gal_pics_33 p {font-size: 10px;}

#dds_artikel_info p {font-size: 12px !important; line-height: 18px;}
#kalkulation {padding: 9px;}




.vorteile {padding: 15px;font-size: 13px;}

#rabatt_info {display:inline;position:fixed; bottom:50px;top: unset;font-size: 9px;padding-bottom: 5px;}
#rabatt_info #discountdown{color:white;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif;";margin:0px 10px 0px 0px;}
#rabatt_info .price {color: white;font-size:10px;font-weight: bolder;line-height: 20px;margin:0px 5px 0px 10px;}
#rabatt_info .rabattkorb {display:none;}



header.main #brand-logo {width: 190px;overflow: hidden;}
#page article {padding: 0 10px;}

#mobilbonus {display:block;background-color: #e83765;padding: 8px;color: #FFF;font-size: 20px;text-align:center}
#mobilbonus p {margin: 0px;color: #FFF; font-size:13px;}

#mobilprice_info {display:inline;position:fixed; bottom:0px; height:50px; width:100%;background-color: #000;color: white;left: 0px;z-index: 999;font-size:11px;line-height:50px;}
#mobilprice_info .price {color: #16ffed; float:right;font-size:16px;line-height: 50px;padding-right:10px;}
#mobilprice_info .warenkorb{float:left;width:auto;height:50px;background-color: #0fdac1;font-family: Font Awesome 5 Pro;font-size: 20px;text-align: center;margin-right: 10px;color:white;padding: 0px 10px 0px 10px;}

#totop {display:none;}
form fieldset {line-height: 40px;color: #696969; margin-bottom: 0px;position: relative;}

#configurator .headline_mobile {display:block; line-height:17px; font-size:12px;padding-top: 2px;}
#configurator .headline_mobile p {font-size:12px;margin-bottom:7px; padding-top:0px;line-height: 15px;}
#configurator .headline_mobile strong {font-size:12px}

#configurator .headline {font-size: 18px;margin-bottom: 0px;}
#configurator .headline img {display:inline;width:40%; float:none;padding-right: 10px;}
#configurator .headline_artikel {width:54%; float:right;}

body {padding-top: 95px;}
#usp-bar {padding: 15px 0 5px 0;background: #fafafa;text-align: center;display: none;}
#usp-bar .text_wrp p {font-size: 10px;line-height: 12px;}

main .wrp {padding: 0;}
main {padding-top:0px;}
header.main {height: 95px;}
form.search { width: 100%;left: 0px;position:relative;top:0px;margin-top: 5px;margin-left: 0px;}
#offcanvas_open {top: 5px;right: 10px;}

#slider .slide figcaption {left: 40px;top: 30px; width: 80vw;}
#trade-blocks .card { width: 100%;height: 260px;}

#trade-blocks .card:hover img {width: 100%;left: 0%;}
#trade-blocks .card img {width: 96vw;left: 0;}

.trade-groups .card h2 {font-size: 14px;}


#payment-bar img {width: 18.666666%;}
footer.main > .wrp > nav {width: 100% !important;margin-left: 0px;}
#header_usp {padding-top: 17px;}

#header_usp img {margin-right: 10px;width: 25px;}
header.main #brand-logo img {max-width: 170px;}
.ueberschrift1 {color:#505050; font-size:24px; font-weight:bold; font-variant: small-caps; margin-bottom:-20px; text-align:center}
.copyright {font-size:10px; margin-bottom:8px; text-align:center;}
.subheader {font-size:14px;font-weight:bold; margin-bottom:20px;line-height:25px}
.hint.message h2 {color: #1EBDAB;font-size: 20px;}

#product-detail {background: #f7f7f7;padding: 0px;}
li::before {display: contents;}



}


@media screen and (max-width: 375px) {
.content_item1 h1 {font-size: 24px;}
.content_item1 h3 {font-size: 18px;}
#configurator .headline {font-size: 18px;margin-bottom: 0px;}
#configurator .headline img {display:inline;width:43%; float:none;}
#configurator .headline_artikel {width:53%; float:right;}
#configurator .headline_artikel p {font-size:11px;line-height: 15px;padding-top: 0px;margin-bottom:7px}
#configurator .headline_artikel br {font-size:11px;line-height: 15px}

main {padding-top:0px;}
#page {padding-top: 20px;}
header.main {height: 95px;}
#upload, #uploadcheck, #contact, #address, #summary, #order_sample, #cart_first, #register, #calculator, #verify_address, #cart_second, #detail_free, #form_individual, #cart_third, #account_tracking, #newsletter, #finish, #fotolia, #crop {padding: 20px 0;}

form.search { width: 100%;left: 0px;position:relative;top:0px;margin-top: 5px;margin-left: 0px;}
form.search input[type="submit"] {position: absolute;width: 50px;height: 30px;right: -10px;top: 10px;}

#slider .slide figcaption {left: 0px;top:40px; width: 100vw;text-align:center;}
#slider .slide figcaption strong {width: 100%; font-size:34px;margin-bottom: 0px;background: #0003;}
#slider .slide figcaption p {width: 100%; font-size:12px;line-height: 10px;background: #0003;padding-bottom: 12px;}

#slider #controlNav {bottom: 8px;}
#trade-blocks .card { width: 100%;height: 260px;}
#trade-blocks .card.last-item {height: 240px;margin: 0 !important;}

#trade-blocks .card.last-item:hover img {width: 100%;left: 0%;}
#trade-blocks .card.last-item img {width: 96vw;left: 0;}

#trade-blocks .card:hover img {width: 100%;left: 0%;}
#trade-blocks .card img {width: 96vw;left: 0;}
#trade-blocks {padding: 10px 0 0px 0;}


#payment-bar img {width: 18.666666%;}

footer.main i::before {font-size: 30px;}
footer.main i a {font-size: 19px;}
footer.main i {font-size: 19px;}
li::before {display: contents;}

#usp-bar {padding: 15px 0 5px 0;background: #fafafa;text-align: center;display: none;}
footer.main > .wrp > nav {width: 100% !important;margin-left: 0px;}
}


@media screen and (max-width: 320px) {
#configurator .headline {font-size: 18px;height: 200px;}
#configurator .headline img {display:inline;width:40%; float:left;}
#configurator .headline_artikel {width:53%; float:right;}
#configurator .headline_artikel p {font-size:11px;line-height: 14px;padding-top: 6px;}


body {padding-top: 90px;}
#header_usp {width: 30%;}
header.main #brand-logo {width: 190px;}
li::before {display: contents;}
footer.main > .wrp > nav {width: 100% !important;margin-left: 0px;}
}