/* Schrift Martel_Sans
Extra-Light 200
Light 300
Regular 400
Semi-Bold 500
Bold 700
Extra-Bold
Black 900 */

/* headline Teaser Top Story Text im Bild*/
header h1 .article-heading {padding-left: 12px;}
/* Leider ist der Titel Top-Story bei Teaser Bild oben Text unten recht mickrig*/

/* Abstände in Teaser-Box Text im Bild*/
/*PMODIF JST 2018-11-14 removed mail 14.11. hjs*/
/*article.StoryPreviewBox .TextInside .TextContainer h1 {margin-left: 12px; }
article.StoryPreviewBox .TextInside .TextContainer h2 {margin-left: 3px;}*/

/*Titel über Modulen/Containern */
.headLine{font-weight:700; font-size: 18px; letter-spacing: -0.02em; margin-top:7px; margin-bottom:7px;}

/* Kachel Text im Bild */
article.StoryPreviewBox.article-tile .TextInside .article-heading a {letter-spacing:-0.01em}
article.StoryPreviewBox.article-tile .TextInside .article-heading {margin-bottom: 0px;}

/* Kompakt Text im Bild*/
article.StoryPreviewBox.article-compact h4 {margin-bottom: 5px; margin-left: 2px; }

/* ohne layout = standard */
/*PMODIF JST 2018-11-14 removed mail 14.11. hjs*/
article.StoryPreviewBox .TextInside .TextContainer h2 {
    /*margin-left: 3px;*/
    margin-bottom: 5px; }

/*Teaser Dachzeile */
article.StoryPreviewBox .article-headline {font-weight:700;letter-spacing: 0.1px; font-size: 0.85em}

/*Titel Bild oben Text unten Kachel */
h2.article-heading a{font-weight:700; font-size: 22px; letter-spacing: -0.4px}

/* abstand bild zum text bild oben text unten kachel*/
article.StoryPreviewBox figure {margin-bottom: 14px;}

/*Abstand Titel zum Text */
.h1, .h2, .h3, h1, h2, h3 { margin-bottom: 6px;}

/* Datum und Autorenzeile */
/*!!! Achtung: Der Trennstrich "|" ist zu hoch.*/
article.StoryPreviewBox span.article-pubdate, .article-meta {font-size:12px; color: #555;}
/* Headline Text Kompakt" */
article.StoryPreviewBox.article-compact h4 { padding-top: 0px; }

/* Artikel*/
/* Überschrift im Artikel */
/* Mobil etwas kleiner - bitte für alle kleiner 1024*/
@media screen and (max-width: 1024px) {
    h1 {font-size: 26px;}
}

/* Überschrift im Artikel */
.StoryShowBox H1 {letter-spacing: -0.01em; font-weight: 600; margin-top:12px; margin-bottom: 10px}

/* Datum und Autorenzeile bitte linksbündig und ohne Striche oben und unten*/
/* Siehe Screenshot */
.StoryShowBox .artikelhead {font-size: 13px; letter-spacing: 0em; border: 0px   }

/* Zwischenüberschrift */
h3 {font-size: 19px; font-weight: 700;}

/* Interviewfrage */
.if {font-style: normal; font-weight:600; font-size:16px;}

/* Kastenrahmen Abstand */
.infoblock {
    border: 1px solid #aaa;
    padding: 5px 20px 5px 20px;
    margin-top: 20px;
    margin-bottom: 5px; }

/* Kastenüberschrift im Artikel */
.infoblock h4 {font-weight: 100; font-size: 28px;}

/*Parallaxe Banner iPhone/MAc Probleme*/
@media (max-width: 767px) {
  .parallax-child-section-row {
    -webkit-background-size: contain;
            background-size: contain; } 
}

@media (min-width: 768px) and (max-width:1140px) {
  .parallax-child-section-row {
    -webkit-background-size: contain;
            background-size: contain; } 
	#ParallaxBanner
		{
		left:50px;
		width:85%;
		}		
}

@media only screen 
  and (min-width: 768px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .parallax-child-section-row
	{
		background-size: contain;
	}
#ParallaxBanner
{
left:45px;
width:90%;
}
}
@media only screen and (min-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5)
{
    .parallax-child-section-row
    {
        background-size: contain;
    }

    #ParallaxBanner
    {
        left: 45px;
        width: 90%;
    }
}
@media only screen and (min-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5)
{
    .parallax-child-section-row
    {
        background-size: contain;
    }

    #ParallaxBanner
    {
        left: 95px;
        width: 83%;
    }
}

a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-body-inner .CookiebotWidget-main-logo {
 
    display: none;
 
}