:root {
  --color1: #D20000;
  --color2: #D20000;
  --color3: #F7F7F7;
  --fontColor: #121212;
  --fontFamily1: "Avenir Next", Helvetica, Arial, sans-serif;
  --bodyFontSize: 15px;
  --h1Size: 35px;
  --h2Size: 28px;
  --h5Size: 20px;
  --maxWidth: 1580px;
  --textSmall: 1000px;
  --space10: 10px;
  --space15: 15px;
  --space20: 20px;
  --space30: 30px;
  --space40: 40px;
  --space50: 50px;
  --space80: 80px;
  --space100: 100px;
  --borderRadius1: 5px;
}

body {font-family: var(--fontFamily1); font-weight: 300; color: var(--fontColor); background: #FFF; font-size: var(--bodyFontSize); line-height: 1.85em;}

::selection {background: var(--color1); color: #FFF;}

textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"] {border-radius: 0; border: 1px solid #c4c4c4; background: #FFF; color: #666;}

input[type="checkbox"]::before,
input[type="checkbox"]:checked::before, input[type="radio"]:checked::before {color: var(--color1); font-size: 15px;}

.breadcrumbs {display: none;}

h1, .h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover,
h2, .h2, h3, .h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {font-family: var(--fontFamily1); font-weight: 600; color: var(--color1); line-height: 1.35em; margin: 0 0 0.5em 0;}

h1, .h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {font-size: var(--h1Size);}
h2, .h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {font-size: var(--h2Size);}
h5, .h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {font-size: var(--h5Size); color: #9B9B9B; font-weight: normal;}

a.logo {margin: auto 0; position: absolute; outline: 0; left: 50%; transform: translate(-50%);}
a.logo img {width: 149px; margin: 0;}

a.knop, .button, a.button, button {position: relative; font-family: var(--fontFamily1); background-color: var(--color1); color: #FFF; border: 0; font-size: 15px; padding: 20px 15px; border-radius: 0; line-height: 1; font-weight: 600; text-decoration: none !important;}
a.knop::after, .button::after, a.button::after, button::after {content: "\f178"; font-family: "Font Awesome 5 Pro"; margin-left: 20px;}
a.knop:hover, .button:hover, a.button:hover, button:hover {background: var(--color1);}

a.knop.wit {background: #FFF; color: var(--color1);}

a.knop + a.knop {margin-left: 15px;}

.Taalkeuze_vlaggen.dropdownTaal {height: 30px; z-index:30 !important; line-height: 30px; color: var(--fontColor); min-width: 60px;}
.Taalkeuze_vlaggen.dropdownTaal ul {font-weight: normal; font-size: 14px; background: transparent; border: 0; max-height: 30px; border-radius: var(--borderRadius1);}
.Taalkeuze_vlaggen.dropdownTaal ul li {padding: 0 10px; transition: .3s all ease;}
.Taalkeuze_vlaggen.dropdownTaal ul li:hover {}
.Taalkeuze_vlaggen.dropdownTaal ul li .omschrijving {color: var(--fontColor);}
.Taalkeuze_vlaggen.dropdownTaal.open ul {background: var(--color3); box-shadow: unset;}
.Taalkeuze_vlaggen.dropdownTaal ul li .afbeelding {display: none;}

.bovenkantHolder {border: 0; position: sticky; top: 0;}

.bovenkantHolder .winkelmenuHolder {background: var(--color1);}
.bovenkantHolder .winkelmenuHolder .art-menu li a .t {color: #FFF; padding: 15px 20px;}
.bovenkantHolder .winkelmenuHolder .art-menu li a .t:hover, .bovenkantHolder .winkelmenuHolder .art-menu li a.active .t {opacity: .6;}

.bovenkantHolder .bovenkant {align-items: center;}

.bovenkantHolder .bovenkant .shopitems {margin: auto 0;}

.bovenkantHolder .bovenkant .zoekenHolder {margin: auto auto auto 0; max-width: 250px; width: 100%;}
.bovenkantHolder .bovenkant .zoekenHolder .zoeken {width: 100%; border: 0; border-bottom: 1px solid #E6E6E6; background: transparent; border-radius: 0;}
.bovenkantHolder .bovenkant .zoekenHolder .zoeken .veld {width: 100%;}
.bovenkantHolder .bovenkant .zoekenHolder .zoeken .veld #zoekWoordID {padding: 13px; color: var(--fontColor);}
.bovenkantHolder .bovenkant .zoekenHolder .zoeken .veld #zoekWoordID:focus {color: var(--fontColor) !important;}
.bovenkantHolder .bovenkant .zoekenHolder .zoeken .knop {padding: 10px;}
.bovenkantHolder .bovenkant .zoekenHolder .zoeken .knop:before {font-weight: lighter; font-size: 20px; color: #454445;}

.speedsearchResultBg {background: unset !important;}

.winkelwagenHouder .winkelknop {background: unset; padding: 10px;}
.winkelwagenHouder .winkelknop .icoon::before {font-weight: lighter; color: var(--fontColor); font-size: 22px; content: "\f291";}
.winkelwagenHouder .winkelknop .aantal {box-shadow: unset; background-color: var(--color1); padding:1px 6px 0 6px; border-radius: 100%; line-height: 17px; top: -10px; right: -10px; color: #FFF;}

.winkelwagenHouder .winkelwagen {border-radius: var(--borderRadius1);}
.winkelwagenHouder .winkelwagen .inhoud.artikelen .h3 {font-weight: bold; font-size: 20px; color: #555;}
.winkelwagenHouder .winkelwagen .inhoud.totaal .winkelmandjeKnoppen a.winkelmandjeKnopKassa {background: var(--color2);}

.account li {border: 0;}
.account .inloggenKnop::before, .account .mijnAccountKnop::before {content: "\f007"; font-family: "Font Awesome 5 Pro";  font-size: 22px; font-weight: lighter; color: var(--fontColor); order: 2;}
.account .inloggenKnop, .account .mijnAccountKnop {display: flex; align-items: center; gap: 10px;}
.account .inloggenKnop .titel, .account .mijnAccountKnop .titel {font-size: 15px; color: var(--fontColor);}
.account .welkom,
.account .favorietenKnop .titel, 
.account .favorietenKnop .haakje, 
.account .favorietenKnop .favAantal {display: none;}
.account .openGeklapt .inloggenKnop, .account .openGeklapt .favorietenKnop, .account .openGeklapt .verlanglijstKnop, .account .openGeklapt .mijnAccountKnop {text-decoration: none;}

.account .houder {border-radius: var(--borderRadius1);}
.account .houder .houder1 {padding: 20px;}
.account .mijnAccount .houder .houder1 {padding: 20px 20px 10px 20px;}
.account .houder .houder1 a {text-decoration: none; margin: 0; font-size: 15px;}
.account .houder .houder1 .accountKop {font-weight: bold; font-size: 20px; color: #555;}
.account .houder .houder2 {background: unset; border: 0; padding: 0 20px 20px 20px;}
.account .houder .houder2 .registreer {color: #939393; font-size: 14px;}
.account .houder .houder2 .uitloggen a {font-family: inherit; font-size: 15px; background: var(--color2); padding: 15px 20px; border-radius: var(--borderRadius1); line-height: 1; font-weight: normal; text-decoration: none !important; color: #FFF; display: block; text-align: center;}
.account .inloggenKnop:hover, .account .favorietenKnop:hover, .account .verlanglijstKnop:hover, .account .mijnAccountKnop:hover {text-decoration: none; color: unset;}
.account .favorietenKnop::before {content: "\f004"; font-family: "Font Awesome 5 Pro";  font-size: 22px; font-weight: lighter; color: var(--fontColor);}
.account .welkom {font-weight: bold;  font-size: 13px; margin: auto;}
.account .inloggen .inlogKnop .wachtwoordKwijt a {color: #939393; font-size: 14px;}
.account .inloggen .cookie {margin-top: 10px; font-size: 14px;}
.account .inloggen .cookie label {display: flex; align-items: center;}

#speedsearchResult {left: 0; border-radius: var(--borderRadius1); max-width: 1520px; margin: 0 auto; padding: 0px; right: 0;}
#speedsearchResult .houder {display:block; border-radius: var(--borderRadius1); border: 0; box-shadow: 0 20px 50px 0 rgba(0,0,0,0.20); font-size:inherit; width: 600px; box-sizing: border-box; padding: 20px;}
#speedsearchResult .houder .speedSearch {width: 100%;}
#speedsearchResult .houder .speedSearch ul li a {border:0; display: flex; border-radius: var(--borderRadius1);}
#speedsearchResult .houder .speedSearch ul li a .omschrijving {margin: auto 0; font-weight: normal;}
#speedsearchResult .houder .speedSearch ul li a strong {font-weight: bold; color: var(--color1);}
#speedsearchResult .houder .speedSearch.artikelen ul li .artikelNr {font-size:14px;}
#speedsearchResult .houder .speedSearch .resultaat {padding: 10px; margin: 0;  font-weight: bold; font-size: 17px;}
#speedsearchResult .houder .speedSearch .resultaat a.knopAlles {display: none;}
#speedsearchResult .houder .speedSearch.artikelen ul li .thumbnail img {mix-blend-mode: darken;}
#speedsearchResult .houder .speedSearch ul li {margin: 0;}
#speedsearchResult .houder .knopAllesOnder a {padding: 15px 20px; border-radius: var(--borderRadius1); line-height: 1; border: 0; color: #fff; background: var(--color1); font-size: 15px; font-weight: bold;}
#speedsearchResult .houder .knopAllesOnder a:hover {background: var(--color1);}
.speedsearchLoader {display: none;}

section .inhoud, .vak .inhoud {padding: 80px 30px; max-width: var(--maxWidth);}
section .inhoud.max900, .vak .inhoud.max900 {max-width: 900px;}
.max900 {margin-left:auto; margin-right:auto; max-width: 900px;}

.text-small {max-width: var(--textSmall); margin-left: auto; margin-right: auto;}
.text-small p {max-width: 600px;}

.grid-2x.midden {align-items: center;}

.shopSortOptie {padding: 0; border-radius: 0; border: 0; margin: 0 0 20px 0;}

.shopCategorieHolder {grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr)); gap: 30px;}
.shopCategorieHolder .categorie {border: 1px solid #ECECEC; background: var(--color3); border-radius: 5px;}
.shopCategorieHolder .categorie:hover {box-shadow: unset;}
.shopCategorieHolder .categorie .inner {padding: 30px; box-sizing: border-box;}
.shopCategorieHolder .categorie .inner .titel {padding: 0; position: relative; display: flex; flex-direction: column;}
.shopCategorieHolder .categorie .inner .titel::after {content: "\f178"; font-family: "Font Awesome 5 Pro"; color: var(--color1); margin: 15px 0 0 auto; font-size: 35px; transition: .3s all ease;}
.shopCategorieHolder .categorie:hover .inner .titel::after {transform: translateX(20%);}
.shopCategorieHolder .categorie .inner .titel h2 {text-align: left; font-size: 20px; color: var(--fontColor);}
.shopCategorieHolder .categorie .inner .afbeeldingHouder {margin: 0 0 20px 0;}
.shopCategorieHolder .categorie .inner .afbeeldingHouder img {mix-blend-mode: darken;}

.shopTegel .artikel .inner {border-radius: var(--borderRadius1); border-color: #ECECEC; padding: 0; background: #FFF; overflow: hidden;}
.shopTegel .artikel .inner:hover {box-shadow: unset;}
.shopTegel .artikel .inner .afbeeldingHouder {background: var(--color3); margin: 0; padding: 20px; box-sizing: border-box;}
.shopTegel .artikel .inner .afbeeldingHouder img {mix-blend-mode: darken;}
.shopTegel .artikel .inner .omschrijving {padding: 15px; flex: 1; display: flex; flex-direction: column;}
.shopTegel .artikel .inner .omschrijving h2.titel {margin-bottom: auto;}
.shopTegel .artikel .inner .omschrijving h2.titel a {color: var(--fontColor); font-size: 14px;}

.shopTegel .artikel .inner .bestellen {display: grid; grid-template-columns: 1fr 1fr; gap: 15px; align-items: center; margin: 20px 0 0 0;}
.shopTegel .artikel .inner .bestellen .bestelknop {margin-left: auto;}
.shopTegel .artikel .inner .bestellen .bestelknop input {width: 55px; border-radius: 5px 0 0 5px;}
.shopTegel .artikel .inner .bestellen .bestelknop a.wButBestel {line-height: 1; background: var(--color1); border-radius: 0 5px 5px 0; width: unset; padding: 17px 20px;}
.shopTegel .artikel .inner .bestellen .bestelknop a.wButBestel::before {font-weight: lighter; color: #FFF; font-size: 20px; content: "\f290"; font-family: "Font Awesome 5 Pro";}
.shopTegel .artikel .inner .bestellen .bestelknop a.wButBestel span {display: none;}

.shopTegel .artikel .inner .bestellen .prijzen {line-height: 1.35em;}
.shopTegel .artikel .inner .bestellen .prijzen .prijs {font-size: 20px;}

.artikel.detail .detailinkollommen {display: grid; margin: 0; grid-template-columns: 1fr 1fr; gap: 30px; grid-template-areas: "a b" "c b" "d b" "e b";}

.artikel.detail .artikelSerieActief .inner {border-color: var(--color1);}
.artikel.detail .detailinkollommen .links {margin: 0; width: 100%; grid-area: a;}
.artikel.detail .detailinkollommen .links .galleryHouder button {display: none;}

.artikel.detail .detailinkollommen .rechts {margin: 0; width: 100%; grid-area: b; z-index: 2; position: relative;}
.artikel.detail .detailinkollommen .rechts > div {position: sticky; top: 145px; padding: 50px; box-sizing: border-box; border-radius: var(--borderRadius1); background: var(--color3);}
.artikel.detail .detailinkollommen .rechts h1 {margin: 0 0 0.75em 0; font-size: 24px; color: var(--fontColor);}

.artikel.detail .detailinkollommen .rechts .kenmerkgroepKeuze {margin: 0 0 20px 0;}
.artikel.detail .detailinkollommen .rechts .kenmerkgroepKeuze:last-child {margin: 0;}
.artikel.detail .detailinkollommen .rechts .kenmerkgroepKeuze .h3 {color: var(--fontColor);}
.artikel.detail .detailinkollommen .rechts .kenmerkgroepKeuze .h3 .helpKnop {margin: 0 0 0 10px; font-weight: 300; font-size: 14px; text-decoration: none; border-bottom: 1px solid #000; display: inline-flex; gap: 5px; align-items: center;}
.artikel.detail .detailinkollommen .rechts .kenmerkgroepKeuze .h3 .helpKnop::before {content: "\f05a"; font-family: "Font Awesome 5 Pro"; color: var(--fontColor); font-size: 15px; font-weight: bold;}
.artikel.detail .detailinkollommen .rechts .kenmerkgroepKeuze .artikel {border-color: #E2E2E2; border-radius: var(--borderRadius1); background: #FFF; min-width: 90px; text-align: center;}
.artikel.detail .detailinkollommen .rechts .kenmerkgroepKeuze .artikel.actief {background: var(--color1); color: #FFF; border-color: var(--color1);}

.artikel.detail .detailinkollommen .rechts .prijsVoorraad {display: flex; margin: 20px 0;}
.artikel.detail .detailinkollommen .rechts .prijsVoorraad .prijzen .prijs {font-size: 23px;}

.artikel.detail .detailinkollommen .rechts .prijzenTabel {display: flex; gap: 30px; padding: 10px 20px; box-sizing: border-box; text-align: center; background-color: #fff; border-radius: var(--borderRadius1);}

.artikel.detail .detailinkollommen .rechts .prijzenTabel > div {line-height: 1.25em; color: #000; font-size: 18px; font-weight: bold;}
.artikel.detail .detailinkollommen .rechts .prijzenTabel > div .titel {font-weight: normal; color: #989898; font-size: 14px;}
.artikel.detail .detailinkollommen .rechts .prijzenTabel > #korting {color: #56D775}

.artikel.detail .detailinkollommen .rechts .prijzenTabel .toelichting {display: none;}

.artikel.detail .detailinkollommen .rechts .bestellen .bestelknop a.wButBestel {line-height: 1; background: var(--color2); width: 100%;}
.artikel.detail .detailinkollommen .rechts .bestellen .bestelknop a.wButBestel::before {display: none;}

.artikel.detail .detailinkollommen h2 {color: var(--fontColor); font-size: 23px;}

.artikel.detail .vak.meebestellen {padding: 40px 0;}

.shopDetailTabKenmerken {margin: 20px 0 0 0;}
.kenmerkArt, .artikelGewicht, .EANnummer {display: grid; padding: 7px 15px; grid-template-columns: 1fr 1fr; color: #000; border: 0; font-size: 15px;}
.kenmerkArt .groep, .artikelGewicht .titel, .EANnummer .toelichting {font-weight: normal; color: #8A8884; font-size: 15px;}
.kenmerkArt:nth-child(odd), .artikelGewicht:nth-child(odd) {background-color: #F5F5F5;}
.kenmerkArt .kenmerken .kenmerk {display: block;}
.kenmerkArt .kenmerken .kenmerk::after {display: none;}

#tabBijlagenInhoud {font-size: 14px; color: var(--fontkleur1);}
#tabBijlagenInhoud table {width: 100%; line-height: 55px;}
#tabBijlagenInhoud table tr {position: relative;}
#tabBijlagenInhoud td {border-bottom: 1px solid #E4E4E4;}
#tabBijlagenInhoud td.blg1 {width: 50px; position: static;}
#tabBijlagenInhoud td.blg1 a img {display: none;}
#tabBijlagenInhoud td.blg1 a {text-decoration: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block;}
#tabBijlagenInhoud td.blg1::before {content: "\f15b"; font-family: "Font Awesome 5 Pro"; font-size: 28px; color: var(--color1); font-weight: 100; padding: 13px 15px; margin-right: 12px;}
#tabBijlagenInhoud table .bijlageIcoon::after {font-size: 8px; background-color: var(--color1); color: #FFF; padding: 3px 5px; border-radius: var(--borderRadius1); position: absolute; left: 20px; bottom: 24px; display: block; line-height: 1em;}
#tabBijlagenInhoud table .bijlageIcoon.dwg::after {content: "DWG";}
#tabBijlagenInhoud table .bijlageIcoon.pdf::after {content: "PDF";}

.artikel .artikelnr {line-height: 1.95em;}
.artikel .artikelnr > .titel {display: none;}

.relatieBtwPrijs, .stap .gewicht {display: none;}
.stap .totalen .totaalTeBetalen td {font-size: 100%;}
.stap .totalen .stappenKnop a {background: var(--color2);}
.kassainkollommen > .rechts .blok, .couponcodeHouder {background: #f7f7f7; border-radius: var(--borderRadius1);}

.stappenbalk .bezig::before {background: var(--color2);}
.stappenbalk .bezig .naam {color: var(--color2);}

.stappenbalk .klaar a::before {background: var(--color1);}
.stappenbalk .klaar::after {border-color: var(--color1);}

.artikel .aantalMinPlus {display: grid; grid-template-columns: 1fr 50px 1fr; max-width: unset !important; border-radius: var(--borderRadius1); border-color: #ECECEC;}
.artikel .aantalMinPlus .min, .artikel .aantalMinPlus .plus {min-width: unset; padding: 5px 15px; line-height: 1; font-size: 14px;}
.artikel .aantalMinPlus .min {border-radius: 4px 0 0 4px !important;}
.artikel .aantalMinPlus .plus {border-radius: 0 4px 4px 0 !important;}

.pageFooterHolder {background: #121212;}

.pageFooterHolder .pageFooter .grid-3x {grid-template-columns: 3fr 2fr 2fr; gap: 50px; padding-top:40px; padding-bottom: 40px;}
.pageFooterHolder .pageFooter .grid-3x .h2 {font-size: 24px;}
.pageFooterHolder .pageFooter img {margin-top:30px}

.pageFooterKnoppenHolder {background: #FFF;}
.pageFooterKnoppenHolder .pageFooterKnoppen .extramenu {margin: auto auto auto 0; color: var(--fontColor);}
.pageFooterKnoppenHolder .pageFooterKnoppen .extramenu span {opacity: 0; margin: 0 5px;}

.inschrijvenKolom .blokholder > .titel {font-family: var(--fontFamily1); color: var(--fontColor); font-weight: bold; font-size: 18px; line-height: 1.35em; margin: 0 0 10px 0;}
#inschijfformulier_holder {display: block; box-sizing: border-box; max-width: 900px; margin: 0 auto; background: var(--color3); padding: 30px; border-radius: var(--borderRadius1);}
#inschijfformulier_holder .inschrijvenKolom {display: block;}
#inschijfformulier_holder .inschrijvenKolom .blokholder {background-color: unset; padding: 0; margin: 0; border: 0;}
#inschijfformulier_holder h3 {color: var(--color1);}
#inschijfformulier_holder .inschrijvenKolom > .rechts {width: 100%; margin: 0;}
#inschijfformulier_holder .inschrijvenKolom .blokholder.knopVersturen .button {padding: 15px; background: var(--color2); margin: 20px 0 0 0;}

.bovenkantHolder .bovenkant .resMenubalkinhoud a {color: var(--color1); font-size: 20px;}

.resMenuHolder {max-width: 100%; background: var(--color3); top: 100%;}
.resMenublokinhoud .resMenuItem a {padding: 12px 15px; color: var(--fontColor); font-size: 15px;}
.resMenublokinhoud .resMenuItem .laag1 a {padding-left: 30px; font-size: 13px;}

@media screen and (max-width: 900px) {
  :root{
    --h1Size: 30px;
    --h2Size: 25px;
    --h5Size: 20px;

    --space10: 10px;
    --space15: 15px;
    --space20: 10px;
    --space30: 20px;
    --space40: 20px;
    --space50: 25px;
    --space80: 40px;
    --space100: 50px;
  }

  h1, .h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {font-size: var(--h1Size);}
  h2, .h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {font-size: var(--h2Size);}
  h5, .h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {font-size: var(--h5Size);}

  .vak {padding: 0;}
  .art-Sheet, section .inhoud, .vak .inhoud {padding: 20px;}

  .bovenkantHolder .bovenkant {min-height: 50px;}

  a.logo img {width: 110px;}

  .bovenkantHolder .bovenkant, .pageFooterKnoppenHolder .pageFooterKnoppen {padding: 10px 20px;}

  .bovenkantHolder .winkelmenuHolder {display: none;}

  .grid-2x.over {grid-template-columns: 1fr;}
  .grid-2x.over > div:last-child {padding: 30px; margin: 0;}

  .pageFooterHolder .pageFooter {padding: 30px 20px;}
  .pageFooterHolder .pageFooter .grid-3x {grid-template-columns: 1fr; gap: 30px;}

  .bovenkantHolder .bovenkant .zoekenHolder .zoeken .knop {position: absolute; pointer-events: none; right:0;}
  .bovenkantHolder .bovenkant .zoekenHolder {z-index:17; position: relative; max-width: 42px; transition: all .3s ease;}
  .bovenkantHolder .bovenkant .zoekenHolder::before {top:-10px; left:-10px; bottom:-10px; right:-10px; content:""; position: absolute; background:#fff; z-index: -1; display: block;}
  .bovenkantHolder .bovenkant .zoekenHolder .zoeken {border-color:#fff;}
  .bovenkantHolder .bovenkant .zoekenHolder:focus-within {max-width: 100%;}
  .bovenkantHolder .bovenkant .zoekenHolder .zoeken:focus-within {border-bottom: 1px solid #E6E6E6;}
  .bovenkantHolder .bovenkant .zoekenHolder .zoeken .veld #zoekWoordID {opacity:0;}
  .bovenkantHolder .bovenkant .zoekenHolder .zoeken:focus-within .veld #zoekWoordID {opacity:1;}

  #speedsearchResult .houder {width: 100%;}

  .artikel.detail .detailinkollommen {grid-template-columns: 1fr; grid-template-areas: "a" "b" "c";}
  .artikel.detail .detailinkollommen .rechts > div {padding: 20px; position: relative; top: unset;}
  .artikel.detail .detailinkollommen .rechts::before {display: none;}
  
}
 
@media screen and (max-width: 680px) {

  
}