@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');

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

.container {
    padding: 0px; /* Entfernt den Rand */
    background-color: #f1f1f1;  /* 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 {
    color: #C31824;
font-weight: 400;
    font-size: 4.5rem;    /* Größe der Hauptartikel Preise */
    border-bottom: dotted 2px #C31824;    /* Gepunktete Linie unter den hauptartikel Preisen */
}

.content-block-article .price-prefix {    /* Optik der Preis-Untertitel von Hauptartikeln */
    font-size: 14px;
    color: #898989;
    font-weight: 400;
    padding-top: 20px;    /* zwingend nötig da der text sonst in der gepunkteten Linie hängt */
}

/* 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: #C31824;        /* Farbe der kleinen Preise */
    font-size: 2.5rem;    /* Größe der kleinen Preise */
}

/* Produkt Titel */
.content-block-text > p > strong:first-child, .product-name b {
    font-size: 4.5rem;
    color: #585858;
    word-wrap: break-word;
    font-weight: 200;
text-transform: uppercase;
}


@media only screen and (max-width: 600px) {    /* Umbrüche für Mobilgeräte */
.content-block-text > p > strong:first-child, .product-name b {
font-size: 2.5rem;
}
}