@import url('https://fonts.googleapis.com/css?family=Dosis');

body {
    background-color: transparent; /* entfernt grau an den Seiten und zeigt Farbe des Hintergrund des IFrames */
    font-family: 'Dosis', sans-serif;
}

h3 {
font-size: 3.5rem;
font-weight: 800;
color: #000000;
}

h4 {
font-weight: 600;
color: #000000;
}

h2 {
font-size: 2.5rem;
font-weight: 400;
color: #000000;
word-wrap: break-word;
}

.container {
    padding: 0px; /* Entfernt den Rand */
    background-color: #ffffff;  /* Hintegrund des Inhalts */
    box-shadow: 0px 0px 7px #ccc; /* "Rahmen" des Container für Bilder auf Weiß */
}

.content-block-text, .content-block-article .row:first-child {
    padding: 2.5rem;    /* Abstand der Texte zum Rand des Containers */
}

.price b {
    font-size: 3.5rem;    /* Größe der Hauptartikel Preise */
    border-bottom: dotted 2px #056300;    /* Gepunktete Linie unter den hauptartikel Preisen */
}

.content-block-article .original-price {
padding-top: 10px;
font-size: 1.5em;
}

.price b {
   color: #056300;    /* Preis-Farbe */
}

.content-block-article .price-prefix {    /* Optik der Preis-Untertitel von Hauptartikeln */
    font-size: 14px;
    color: #898989;
    font-weight: 600;
padding-top: 10px;
}

/* Hover "effekt" der Hotspots */
.custom-marker {
    transition: 0.3s;
}

.custom-marker:hover {
    transition: 0.3s;
}

.custom-marker::before {
    line-height: 39px;
}

.content-block-text strong:last-child {
    color: #000000; /* Farbe der kleinen Preise */
    font-size: 2.0rem;    /* Größe der kleinen Preise */
font-weight: 600;
}

/* Produkt Titel */
.content-block-text > p > strong:first-child {
    font-size: 20px;
    color: #056300;
    word-wrap: break-word;
font-weight: 600;
}

.content-block-article .product-name{
font-size: 2.0em;
font-weight: 600;
}