/* global.css */

/* @import url("https://p.typekit.net/p.css?s=1&k=xcc8ugr&ht=tk&f=139.140.175.176.143.144.147.148.156.157.161.162&a=32951804&app=typekit&e=css"); */

/*     
@font-face {
    font-family:"proxima-nova";
    src:url("https://use.typekit.net/af/0758f3/000000000000000077359583/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/0758f3/000000000000000077359583/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/0758f3/000000000000000077359583/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3") format("opentype");
    font-display:auto;
    font-style:normal;
    font-weight:500;
    }


@font-face {
    font-family:"proxima-nova";
    src:url("https://use.typekit.net/af/69ecb3/000000000000000077359585/30/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/69ecb3/000000000000000077359585/30/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/69ecb3/000000000000000077359585/30/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i5&v=3") format("opentype");
    font-display:auto;
    font-style:italic;
    font-weight:500;
    }

*/


/* GRÜN #0aa537 */

@font-face {
    font-family: 'barcode';
    src: url('../fonts/librebarcode128text-regular-webfont.woff2') format('woff2'),
            url('../fonts/librebarcode128text-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:'fontawesome';
    font-style:normal;
    font-weight:900;
    font-display:block;
    src:url("../fonts/fa-solid-900.eot");
    src:url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
        url("../fonts/fa-solid-900.woff2") format("woff2"),
        url("../fonts/fa-solid-900.woff") format("woff"),
        url("../fonts/fa-solid-900.ttf") format("truetype"),
        url("../fonts/fa-solid-900.svg#fontawesome") format("svg")
    }

.fa,.fas{font-family:'fontawesome';font-weight:900}


BODY {
    margin:0 !important;
    padding:0 !important;
    font-family: "proxima-nova",roboto,helvetica,arial,sans-serif;
    font-style:normal;
    font-weight:400;
    /* background: green; */
    
    /*width: 100%;
    height:29.7cm;*/
    /*border:1px solid red;*/
}
p {
    margin-top:0;
}

.pnbold {
    font-family: "proxima-nova",roboto,helvetica,arial,sans-serif;
    font-style:normal;
    font-weight:700;
}
.pnreg {
    font-family: "proxima-nova",roboto,helvetica,arial,sans-serif;
    font-style:normal;
    font-weight:400;
}
.pnsemi{
    font-family: "proxima-nova",roboto,helvetica,arial,sans-serif;
    font-style:normal;
    font-weight:600;
}
strong, b {
    font-family:"proxima-nova";
    font-style:normal;
    font-weight:700;
}

/*
#printpage {
    @media screen {
        background-color:red;
        max-width: 1200px;
        margin:0 auto;
        padding: 2cm 2cm 2.5cm 2cm;
    }
    /*margin: 0 auto;
    width: 21cm;*/
    /*padding: 2cm 2cm 2.5cm 2cm;*/
    /*position: relative;
    top:1cm;
    left:2cm;
    width: 17cm;
    height: 27.5cm;
    border:1px solid Cyan;
}
*/

#printpage {
    /* width:21cm;
    height:29.7cm; */
    width:17cm;
    margin: 0 auto;
}
.dokumententyp p {
  font-size: 24pt;  
  margin-top:0;
  margin-bottom: 6pt;
}
.kgruen {
    color: #0aa537;
}
h1,h2,h3 {
    font-size: 18pt;
    color: #0aa537;
    page-break-after: avoid;
    break-after: avoid;
}
h1 {
    margin-top: 1.7rem;
    margin-bottom:.3rem;
    font-size: 21pt; 
    line-height: 1.25;
}
p.kurzbeschreibung {
    font-size:14pt;
    font-weight: normal !important;
    line-height: 1.33;
    margin-top: .7rem;
    margin-bottom:1.3rem;
}
h1,h2,h3 {
    font-weight: 700;
}
.block {
    float:left; 
    width:100%;
}
.block::after,
.clearfix {
    display: block;
    content: "";
    clear: both;
  }
.dokumententyp h1 {
    margin-top:.2rem;
}
.kheader {
    margin-bottom: 1rem;
}
.kheader.datenblatt {
    position: relative;
}
.greentile {
    /* position:absolute;
    top:-2cm;
    left:0; */
    display: inline-block;
    margin:0;
    /* height: 2cm; */
    border-bottom-left-radius: .4rem;
    border-bottom-right-radius: .4rem;
    background-color: #0aa537;
    color: #fff;
    padding-top: 1cm;
    padding-left:1.2rem;
    padding-right:1.2rem;
    font-size: 24pt;
}
.header--logoblock {
    float:right;
    text-align:right;
    width:100%;
}

.header--logo {    
}

.header--adresse {
    font-size: 7.6pt;
    margin-left: 3mm;
    /*float: right;*/
}
.headline--container {
    width:100%;
    margin-bottom:3rem;
}
.kategorien {
    font-size:9pt;
}
.kinfo {
    width:100%;
    float:left;
    margin: 0 0 1rem 0;
    font-size: 7pt;
    color: #848484;
}
.spalte1, .spalte2 {
    
    float:left;
    margin: 0;
}
.spalte1 {
    width:45%;
    padding-right: 10%;
}
.spalte2 {
    width:45%;
}
.align-right {
    text-align: right;
}
td.artikelbild,
td.produktbeschreibung {
    font-size: 11pt;
    line-height: 1.36;
    width:50%;
}
td.produktbeschreibung {
   /* padding-right:1rem; */
}
.artikelbild PICTURE,
.artikelbild IMG,
.zubehoerbild IMG  {
    width:100% !important;
    height:auto !important;
    
}

.artikelbild IMG {
    margin-bottom: 2rem;
}
.produktbeschreibung ul {
    margin:0 0 12pt 0;
    padding-left:0;
    list-style-type: none;
}
.produktbeschreibung ul li {
    padding-bottom:6pt;
    text-indent:-10pt;
    padding-left:10pt;
    line-height: 1.33;
}
.produktbeschreibung ul li:before {
    /* content:'\f058'; */
    content: '\f00c';
    font-family: 'fontawesome';
    display: inline-block;
    width:10pt;
    /* padding-right:.4rem; */
    color: #0aa537;
    line-height:1;
}
table {
    border-collapse: collapse;
}
table.dbheader,
table.table-footer {
    margin:0;
    padding:0;
    border-collapse: collapse;
    width:17cm;
    vertical-align: bottom;
}
table.table-footer {
    vertical-align:top;
    padding-top: 8mm;
    font-size: 6pt !important;
}

table.dbheader tr {
    width:100%;
    width:17cm;
}
td.kelogo,
td.dbkachel {
    /* width:50%; */
    vertical-align: bottom;
}
td.dbkachel {
    /*width:7cm;*/
    width:17cm;
    margin:0;
    padding:0;
}
td.kelogo {
    text-align: right;
    background:#0aa537;
    width:50%;
    /*width: 10cm;*/
  }
td.kelogo IMG {
      /*width:77mm;
      height:auto;*/
  }
table.basis-info,
table.tabellen-daten,
table.tabelle-produkte {
    width:100%;
    float:left;
    /* width:1008px; */
    margin:0 0 24px 0;
    padding:0;
    font-size: 10pt;
}
table.basis-info {
    margin-top:10pt;
}
table.basis-info th {
    text-align: left;
} 
table.tabellen-daten td > p {
    margin-top:0;
}
.tabellen-daten ul {
    margin:0;
    padding-left:1rem;
}
.tabellen-daten > tbody > tr {
    width:100%;
}
.tabellen-daten > tbody > tr > td {
    vertical-align: top;
    text-align: left;
    padding:0 .75rem .45rem 0;
}
.textright,
.ve,
.gewicht, 
.preis {
    text-align: right;
}
.tabellen-daten > tbody td.key {
    width:50%; 
}
.tabellen-daten > tbody td.value {
    width:50%;
}

.tabelle-produkte tbody > tr:nth-child(odd) { 
    background-color: rgb(233,233,233); 
    color: #000; 
    }
.tabelle-produkte.zubehoer > tr > td {
    margin:0;
    padding:0;
}
.tabelle-produkte.zubehoer > tbody > tr:nth-child(odd) { 
    background-color: rgb(255,255,255); 
}
.tabelle-produkte.zubehoer > tbody > tr > td.liste-varianten {
    border-left:none;
}
.tabelle-produkte tbody > tr td { 
    border-left: 1pt solid rgb(233,233,233);
}
.tabelle-produkte tbody > tr:nth-child(odd) td { 
    border-left: 1pt solid rgb(255, 255, 255);
}
.tabelle-produkte tr.variant-active {
    background-color:#4aa347 !important;
    color:#fff  !important;
    
}
.tabelle-produkte tr.variant-active td {
    border-left: 1pt solid #ffffff !important;
}
.tabelle-produkte tbody > tr td:first-of-type {
    border-left:none; 
}

/* TYPO Tabellen */
.tabellen-daten td,
.tabelle-produkte td,
.tabelle-produkte th {
    vertical-align: top;
    text-align: left;
    /* padding: .3rem .75rem .3rem .5rem; */
    padding: 3pt 8pt 4pt 5pt;
    font-size: 10pt;
    line-height: 1.3;
}
.tabelle-produkte th {
    color:#5e5e5e;
    font-weight: bold;
    font-size: 10.6pt;
}
.tabelle-produkte th.textright,
.tabelle-produkte th.ve, 
.tabelle-produkte th.gewicht, 
.tabelle-produkte th.preis,
.tabelle-produkte td.textright,
.tabelle-produkte td.ve,
.tabelle-produkte td.gewicht,  
.tabelle-produkte td.preis {
    text-align: right;
}
.tabelle-produkte td.artikel {
    min-width:50%;
}
.tabelle-produkte td.preis {
    font-weight: 700;
}
th.artikelnummer {
    white-space: nowrap;
}
td.artikelnummer {
    font-weight: 700;
}
th.zubehoerbild,
td.zubehoerbild {
    width: 3.5cm;
    padding-right:.5cm;
}
.sp25 {
    width: 10%;
}
.sp50 {
    width: 80%;
}
.infotext {
    color:#000;
    font-size: 5.6pt;
    vertical-align: top;
}
p.eancode {
    white-space: nowrap;
    font-family: 'barcode';
    font-size: 36pt;
}
table.tabellen-daten tr {
    page-break-inside: avoid; 
    /* page-break-after: auto; */
    break-inside: avoid; 
    /* break-after: auto;  */
}
section.elektrischedaten,
section.mechanischedaten {
float:left;
width: 100%;
}
.tabelle-headline,
section.elektrischedaten h2:first-of-type,
section.mechanischedaten h2:first-of-type {
        font-size: 12pt;
        color: #0aa537;
}
section.elektrischedaten h2,
section.mechanischedaten h2 {
        font-size: 12pt;
        color:#000;
        /* margin-bottom: 3pt; */
    }

figure {
    margin:0 0 1.3rem 0;
    padding:0;
}
figure.picblock {
    float:left;
    margin:0 0 4mm 0;
}
figure.picblock.w50+figure.picblock.w50 {
    margin-left:.4cm;
}
figure.picblock {
    margin-left:-.2cm;
    margin-right:-.2cm;
}

figure.picblock div.img-container,
figure.picblock figcaption {
    float:left;
}
/* bildundtext60, 50, 100 */
figure.picblock.bildundtext60,
figure.picblock.bildundtext50,
figure.picblock.w100 {
    width:100%;
}
figure.picblock.bildundtext60 div.img-container {
    width: 11cm;
}
figure.picblock.bildundtext60 figcaption {
    float:right;
    width:5.4cm;
    /* width: 33%; */

}
figure.picblock.bildundtext50 div.img-container {
    width: 8.3cm;
}
figure.picblock.bildundtext50 figcaption {
    float:right;
    width: 8.3cm;
}
/* w100 ---------------- */
figure.picblock.w100 div.img-container {
    width: 100%;
}
figure.picblock.w100 figcaption {
    width:17cm;
}
/* w50 ---------------- */
figure.picblock.w50 /*,
figure.picblock.w50 div.img-container*/ {
    /*width: 8.3cm;*/
    width: calc(50% - 2em);
    padding-right:2em;
}
figure.picblock.w50 figcaption {
    /* width:8.3cm; */
}
/* w30 ---------------- */
figure.picblock.w30 /*,
figure.picblock.w30 div.img-container*/ {
    /* width: 5.3cm; */
    width: 33%;
}
figure.picblock.w30 figcaption {
    /* width:5.3cm; */
}

div.img-container IMG {
    /* width:100%; */
    width:auto !important;
    height:auto;
    margin:0;
}
/* table sections mit bildern */
table.grid50 {
    width: 100%;
    margin:0 0 24px 0;
    padding:0;
    font-size: 11pt;
    vertical-align: top;
}
table.grid50 td,
table.grid50 th {
    text-align:left;
    vertical-align: top;
}
td.w50 {
    width:50%;
}
td.w50 div.img-container {
    padding-right: 1rem;
}


td.table-cell-picture,
td.table-cell-text {
    text-align:left;
    vertical-align: top;
}
/* bildundtext50 */
table.table-picture.bildundtext50 {
    width:17cm;
}
td.table-cell-picture.bildundtext50 {
    width:8cm;
}
td.table-cell-picture.bildundtext50 div.picture-container {
    width:8cm;
}



@media screen {
    #printpage {
        max-width: 1200px;
        margin:0 auto;
        padding: 2cm 2cm 2.5cm 2cm;
    }
}

@media print {
    table.grid50,
    section.block,
    section.elektrischedaten, 
    section.mechanischedaten {
        page-break-inside: avoid; 
        /* page-break-after: auto; */
        break-inside: avoid; 
        /* break-after: auto;  */
    
    }
    table.tabellen-daten {

    }
    table.tabellen-daten tr {
        page-break-inside: avoid; 
        /* page-break-after: auto; */
        break-inside: avoid; 
        /* break-after: auto;  */
    }
}
/* @page {
    margin: .8cm .5cm 5cm .5cm !important; 
} */
/* @page #printpage {
    margin: .8cm .5cm 5cm .5cm; 
}

@media print {
    @page #printpage {
        margin: .8cm .5cm 5cm .5cm; 
    }
} */