/* Format */
body {font-family: Verdana, Geneva, sans-serif; font-size: 1.3em;}
h1 {margin-top: 0px;font-size: 1.4em;float: left; width: 100%; line-height: 1.5;}
h2 {margin-top: 50px;font-size: 1.2em;float: left; width: 100%;margin-bottom: 15;}
h3 {margin-top: 20px;margin-bottom: 15px;float: left;width: 100%;}
p {line-height: 1.5;}
img {max-width: 100%;}
#content a {color: #5d5d5d; text-decoration: none; font-weight: bold;}
#content a:hover {text-decoration: underline;}
/* Banner */
#banner {height: 200px;background: url(https://www.home-profis.de/ebay/images/ebay_layout/banner_logo.png);background-repeat: no-repeat;background-position: center;background-size: contain;}
.center {text-align: center;}

/* Benefits */
#benefits {padding: 20px 0px;border-width: 4px 0px; border-style: double; border-color: #d77339;margin: 20px 0px 100px 0px;}
.benefit {background-repeat: no-repeat !important;background-position: center !important;background-size: contain !important;height: 100px;}
#benefit_qualitaet {background: url(https://www.home-profis.de/ebay/images/ebay_layout/benefits/qualitaet.jpg);}
#benefit_service {background: url(https://www.home-profis.de/ebay/images/ebay_layout/benefits/service.jpg);}
#benefit_versand {background: url(https://www.home-profis.de/ebay/images/ebay_layout/benefits/versand.jpg);}
#benefit_rabatte {background: url(https://www.home-profis.de/ebay/images/ebay_layout/benefits/rabatte.jpg);}

#benefits_small {margin-top: 20px;}
#benefits_small ul {list-style-type: none; padding-left: 0 !important;}
#benefits_small ul li {text-align: left !important;font-size: 0.8em;}

/* Content */
#content {font-size: 1.1em;color: #5d5d5d}  
#final_words {font-weight: bold;text-align: center;margin: 100px 0px;border: 3px double;padding: 30px;background: #f1f1f1;line-height: 1.5;text-transform: uppercase;float: left;width: 100%;box-sizing: border-box;}
.rechtliches b {float: left; width: 100%;margin-top: 20px;}
#hinweis_alternativprodukt {font-style: italic;}

/* Gefahrgut */
#gefahrgut_content {font-size: 0.8em;}
#gefahrgut_content h3 {float: left;width: 100%;margin-top: 0;margin-bottom: 0;}
#gefahrgut_content h4 {float: left;width: 100%;margin-bottom: 10px;margin-top: 20px;}

/* Anleitung */
#anleitung {float: left; width: 100%;}
#anleitung h2 {width: 100%;float: left;}
#anleitung_schritte {margin-bottom: 30px;display: flex;margin-top 50px;}
#anleitung_schritte .span4 {background: #f3f3f3;padding: 20px;box-sizing: border-box;border: 1px solid #dfdfdf;}


/* Piktogramme */
#gefahrgut_piktogramme {width: 100%; float: left;padding: 20px 0px;}
#gefahrgut_piktogramme > div {margin-right: 10px;float: left;}
#gefahrgut_piktogramme > div img {width: 100px;float: left;}


/* Content Left */
#content-left h2 {margin-top: 100px;text-align: center;}
    /* Main Pictures */
    .main_picture {float: left;width: 100%;}
    .main_picture img {float: left;width: 100%;}
    /* Product Video */
    #product_video {float: left;margin-top: 0px;}
    .ytvideo {margin: .5em auto 40px auto;max-width: 480px;font-family: arial;text-align: center;position: relative;min-height: 120px;background-color: #555;}
    .ytvideo * {box-sizing: border-box;}
    .ytvideo img {display: block;max-width: 100%;border: 0;}
    .ytvideo a:after {content: "\A0\25BA";position: absolute;width: 60px;height: 50px;left: 0;top: 0;right: 0;bottom: 0;margin: auto;border: 0;border-radius: 10px;color: white;background: rgba(0,0,0,.6);font-size: 24px;line-height: 50px;cursor: pointer;}
    /* References */
    #references img {float: left; width: 100%;margin-bottom: 10px;}
    #references img:last-child {margin-bottom: 0px;}

/* Content Right */
    .tab-content ul {padding-left: 15px;}
    .tab-content ul li {margin-bottom: 10px;line-height: 1.5;width: 100%;}
    .tab-content ol {padding-left: 15px;}
    .tab-content ol li {margin-bottom: 10px;line-height: 1.5;width: 100%;}
    .eigenschaften-liste {display: none;}

/* Jetzt Neu Box */
    #jetzt-neu-box {float: left;width: 100%;border: 3px double red;padding: 20px;box-sizing: border-box;margin-bottom: 50px;text-align: center;background: rgba(255,0,0,0.05);}
    #jetzt-neu-box p {float: left !important;width: 100% !important;text-align: center !important;}
    #jetzt-neu-box b {}
    #jetzt-neu-box a {margin-bottom: 0;padding-bottom: 0;float: left !important;width: 100% !important;color: red !important;}

#shoplink {font-weight: bold;text-align: center;margin: 0 0 100px;border-color: #d77339;border-style: double;border-width: 3px 0;padding: 30px;line-height: 1.5;float: left;width: 100%;box-sizing: border-box;background-color: rgb(215 115 57 / 5%);}
#shoplink h2 {text-transform: uppercase;margin-top: 0;}
#shoplink_text {font-weight: normal;}
#shoplink_text a {font-weight: bold;color: #d77339;text-decoration: none;}
#shoplink_text a:hover {text-decoration: underline;}

#achtung_header {text-align: center;
    font-size: 2em;
    color: red;
    font-weight: bold;
    margin: 40px 0px;
    border: 5px double;
    padding: 40px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    background-color: #ff000014;}

    /* Accordion */
    /* [THE ENTIRE TAB] */
    .tab {position: relative;margin: 2px;width: 100%;float: left;}
    /* [THE LABEL] */
    .tab input {display: none;}
    .tab label {display: block;background: none;color: #5d5d5d;font-weight: bold;padding: 10px;cursor: pointer;border-bottom: 1px solid;}
    .tab label::after {content: "\25b6";position: absolute;right: 10px;top: 10px;display: block;transition: all 0.4s;}
    .tab input[type=checkbox]:checked + label::after,
    .tab input[type=radio]:checked + label::after {transform: rotate(90deg);}
    /* [THE CONTENTS] */
    .tab-content {overflow: hidden;transition: max-height 0.4s; max-height: 0;padding: 0px 10px;}
    .tab-content p {margin: 10px 0px;text-align: justify;}
    .tab input:checked ~ .tab-content {max-height: 3000px;}
    #content p {text-align: justify;float: left;width: 100%;display: block;margin-top: 0px; margin-bottom: 15px;}
    #content ul  {margin-bottom: 0px;float: left; width: 100%;padding-left: 20px;box-sizing: border-box;margin-top: 0;}
    #content ul li {line-height: 1.5;text-align: justify;float: left; width: 100%;margin-bottom: 10px;}
    #content ul li:last-child {margin-bottom: 0;}
    

    .stonecube {text-align: center;display: flex;align-items: center;justify-content: center;border: 2px solid #fff;box-sizing: border-box;outline: 2px solid #000;margin-bottom: 15px;height: 250px;}
    .stonecube_inner {color: #fff;width: -webkit-fill-available;height: -webkit-fill-available;}
    #b_b .stonecube_inner {background-image: url(https://www.home-profis.de/ebay/images/ebay_layout/product_pictures/hpst-2000/beige_botticino_kies.jpg)}
    #b_c .stonecube_inner {background-image: url(https://www.home-profis.de/ebay/images/ebay_layout/product_pictures/hpst-2000/bianco_carrara_kies.jpg)}
    #g_m .stonecube_inner {background-image: url(https://www.home-profis.de/ebay/images/ebay_layout/product_pictures/hpst-2000/giallo_mori_kies.jpg)}
    #g_s .stonecube_inner {background-image: url(https://www.home-profis.de/ebay/images/ebay_layout/product_pictures/hpst-2000/giallo_siena_kies.jpg)}
    #g_b .stonecube_inner {background-image: url(https://www.home-profis.de/ebay/images/ebay_layout/product_pictures/hpst-2000/grigio_bardiglio_kies.jpg)}
    #g_c .stonecube_inner {background-image: url(https://www.home-profis.de/ebay/images/ebay_layout/product_pictures/hpst-2000/grigio_carnico_kies.jpg)}
    #g_p_v .stonecube_inner {background-image: url(https://www.home-profis.de/ebay/images/ebay_layout/product_pictures/hpst-2000/grigio_perla_venato_kies.jpg)}
    #m_m .stonecube_inner {background-image: url(https://www.home-profis.de/ebay/images/ebay_layout/product_pictures/hpst-2000/marrone_mogano_kies.jpg)}
    #n_e .stonecube_inner {background-image: url(https://www.home-profis.de/ebay/images/ebay_layout/product_pictures/hpst-2000/nero_ebano_kies.jpg)}
    #r_c .stonecube_inner {background-image: url(https://www.home-profis.de/ebay/images/ebay_layout/product_pictures/hpst-2000/rosa_corallo_kies.jpg)}
    #r_v .stonecube_inner {background-image: url(https://www.home-profis.de/ebay/images/ebay_layout/product_pictures/hpst-2000/rosso_verona_kies.jpg)}
    #v_a .stonecube_inner {background-image: url(https://www.home-profis.de/ebay/images/ebay_layout/product_pictures/hpst-2000/verde_alpi_kies.jpg)}
    .stone_name {color: #fff;background-color: #000;width: 100%;float: left;padding: 5px 5px;font-weight: bold;font-size: 10px;box-sizing: border-box;line-height: 1.5;}


    /* Table */
    #content table {border: 1px solid #ddd;font-size: 0.9em;padding: 0px;margin: 20px 0px;width: 100%;line-height: 1.5;}
    #content table tr:nth-child(even) {background-color: #F3F3F3;}
    #content table td {padding: 5px 10px;}
    .eigenschaften-tabelle.mobile {display: none;}


    .eigenschaften-tabelle tr {}
    .eigenschaften-tabelle tr:first-child {font-weight: bold;}
    .eigenschaften-tabelle tr td {text-align: center;}
    .eigenschaften-tabelle tr:first-child td:first-child {border-right: 1px solid #ddd;}
    .eigenschaften-tabelle tr:first-child td:nth-child(2) {border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
    .eigenschaften-tabelle tr:first-child td:nth-child(3) {border-left: 1px solid #ddd;}
    .eigenschaften-tabelle tr:nth-child(2) td:nth-child(4) {border-right: 1px solid #ddd;}
    .eigenschaften-tabelle tr:nth-child(2) td:nth-child(5) {border-left: 1px solid #ddd;}
    .eigenschaften-tabelle tr:nth-child(2) td:nth-child(8) {border-right: 1px solid #ddd;}
    .eigenschaften-tabelle tr:nth-child(2) td:nth-child(9) {border-left: 1px solid #ddd;}
    .eigenschaften-tabelle tr:nth-child(3) td:nth-child(4) {border-right: 1px solid #ddd;}
    .eigenschaften-tabelle tr:nth-child(3) td:nth-child(5) {border-left: 1px solid #ddd;}
    .eigenschaften-tabelle tr:nth-child(3) td:nth-child(8) {border-right: 1px solid #ddd;}
    .eigenschaften-tabelle tr:nth-child(3) td:nth-child(9) {border-left: 1px solid #ddd;}

    /* Equipment */
    #equipment {}
    #equipment .equipment-item {margin: 20px 0px;}
    #equipment .equipment-item .equipment-item-pic {}
    #equipment .equipment-item .equipment-item-pic img {width: 100%; float: left;}
    #equipment .equipment-item .equipment-item-text {}
    #equipment .equipment-item .equipment-item-text h2 {}
    #equipment .equipment-item .equipment-item-text p {text-align: justify;}
    #equipment .equipment-item .equipment-item-text a {}

    /* In Content Cross Selling */
    #incontent_crossselling {margin-top: 60px;float: left;}
    #incontent_crossselling .span3 {margin-right: 3%;margin-top: 20px;margin-bottom: 20px;}
    #incontent_crossselling img {width: 100%;transition: transform .2s;}
    #incontent_crossselling img:hover {transform: scale(1.1);}


    /* Layout Elements */
    .row-fluid {width: 100%;float: left;}
    .row-fluid .span3 {width: 22%; float: left; margin-right: 4%}
    .row-fluid .span3 img {width: 100%;margin-bottom: 10px;}
    .row-fluid .span3:last-child {margin-right: 0%}
    .row-fluid .span4 {width: 30%; float: left; margin-right: 5%}
    .row-fluid .span4 img {width: 100%;margin-bottom: 10px;}
    .row-fluid .span4:last-child {margin-right: 0%}
    .row-fluid .span6 {width: 49%; float: left; margin-right: 1%}
    .row-fluid .span6 img {width: 100%;margin-bottom: 10px;}
    .row-fluid .span6:last-child {margin-right: 0%}
    .row-fluid .span9 {width: 71%; float: left; margin-right: 4%}
    .row-fluid .span9:last-child {margin-right: 0%}
    
    /* Picture Left */
    .tab-content .pic_left {width: 100%; float: left;margin-bottom: 30px;}
    .tab-content .pic_left:last-child {margin-bottom: 0px;}
    .tab-content .pic_left .pic {width: 30%; float: left; margin-right: 3%}
    .tab-content .pic_left .pic img {width: 100%; float: left;}
    .tab-content .pic_left .text {width: 67%; float: left;}
    .tab-content .pic_left .text h2 {}
    .tab-content .pic_left .text p {margin: 0px;text-align: justify;}
    
    /* */
    #gefahrgut h2 {text-align: center;}
    #gefahrgut_content {display: flex;}
    #gefahrgut_content .span6 {background: #f3f3f3;padding: 20px;box-sizing: border-box;border: 1px solid #dfdfdf}
    #gefahrgut_piktogramme {display: flex;justify-content: center;}

@media (max-width: 767px) {
    h1 {text-align: center;}
    #content-left {width: 95vw; float: left;}
    #content {width: 95vw; float: left;}
    .main_picture {width: 50%;margin: 50px auto;float: none;}
    
    #benefits {display: none;}
    #references img {width: 49%; float: left;}
    #references img:nth-child(even) {margin-right: 1%;}
    #references img:nth-child(odd) {margin-left: 1%;}
    .colorname {display: none;}
    
    .pic_left .pic {width: 100% !important;}
    .pic_left .text {width: 100% !important;margin-top: 20px;margin-bottom: 50px;}
    
    .rechtliches ul li {line-height: 1.5; width: 100%;}
    
    .eigenschaften-liste {display: block;}
    .eigenschaften-tabelle {display: none;}
    .eigenschaften-tabelle.mobile {display: table;}
    .eigenschaften-tabelle.mobile tr:first-child td:first-child {border-right: 0;}
    .eigenschaften-tabelle.mobile tr:nth-child(2) td:nth-child(4) {border-right: 0;}
    .eigenschaften-tabelle.mobile tr:nth-child(3) td:nth-child(4) {border-right: 0;}
    .stonecube_inner {height: 130px;}
    .stonecube {height: 130px;}
    
    #einleitung .span3 {display: none;}
    #einleitung .span9 {width: 100%;}
    
    #anleitung_schritte {display: block;}
    #anleitung_schritte:last-child {margin-bottom: 0;}
    #anleitung_schritte .span4 {width: 100%;margin-bottom: 100px;}
    #anleitung_schritt_3 {margin-bottom: 50px !important;}
    #gefahrgut_content {display: block; }
    #gefahrgut_content .span6 {width: 100%;margin-bottom: 50px;display: block}
    
    #content ul {list-style-type: disclosure-closed}
    
    #content table {background: #eee;}
    #content table tr:nth-child(even) {background: #ddd}
}