.site-notice {
	display: block;
	width: 100%;
	background: #eef3f5;
	color: #1a1a1a;
	padding: 20px 15px 12px;
	box-sizing: border-box;
}

/* Ab Tablet-Breite (gleicher Breakpoint wie .accordion-toggle-mobile in accordion.css)
   reicht das normale padding-top wieder aus, 20px wirkt dort unnoetig gross. */
@media screen and (min-width: 48em) {
	.site-notice {
		padding-top: 12px;
	}
}

.site-notice__inner {
	display: block;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	box-sizing: border-box;
}

.site-notice p {
	display: block;
	width: 100%;
	margin: 0;
	font-weight: bold;
	font-size: calc(14px + 2pt);
	line-height: 1.4;
	overflow: visible;
	box-sizing: border-box;
}

.site-notice a {
	color: #31505f;
	font-weight: bold;
	text-decoration: underline;
}

.site-notice a:hover,
.site-notice a:focus {
	text-decoration: none;
}

/*
 * --removed-main-margin spiegelt die main{margin-top:40px}-Regel aus base/css/pfmain.css.jsp
 * (nur ab min-width:85.3125em aktiv), die wir unten fuer Banner-Seiten auf 0 setzen. Die
 * urspruenglichen top-Werte von .stage-distuber/.to-landesparlamente waren mit dieser 40px
 * Margin kalibriert, deshalb muss sie bei der Kompensation wieder abgezogen werden.
 */
:root {
	--removed-main-margin: 0px;
}

@media screen and (min-width: 85.3125em) {
	:root {
		--removed-main-margin: 40px;
	}

	.site-notice ~ #main {
		margin-top: 0;
	}
}

/*
 * .stage-distuber (Video-Link) und .to-landesparlamente sind mit position:absolute und
 * festem top-Wert relativ zum Dokumentanfang positioniert (da .stage selbst kein
 * position:relative hat) - siehe base/css/pfmain.css.jsp bzw. base/css/cdmain.css.jsp.
 * Auf Seiten mit Banner rutscht .stage nach unten, die feste top-Position aber nicht mehr
 * mit. Deshalb hier die Original top-Werte je Breakpoint um die tatsaechliche (per JS
 * gemessene) Banner-Hoehe ergaenzen (minus --removed-main-margin) - nur wenn .site-notice
 * tatsaechlich vor #main steht.
 */
@media screen and (min-width: 62em) {
	.site-notice ~ #main .stage-distuber {
		top: calc(210px + var(--site-notice-height, 0px) - var(--removed-main-margin, 0px));
	}

	.site-notice ~ #main .to-landesparlamente {
		top: calc(305px + var(--site-notice-height, 0px) - var(--removed-main-margin, 0px));
	}
}

@media screen and (min-width: 75em) and (max-width: 80.315em) {
	.site-notice ~ #main .to-landesparlamente {
		top: calc(220px + var(--site-notice-height, 0px) - var(--removed-main-margin, 0px));
	}
}

@media screen and (min-width: 80.315em) and (max-width: 85.825em) {
	.site-notice ~ #main .to-landesparlamente {
		top: calc(250px + var(--site-notice-height, 0px) - var(--removed-main-margin, 0px));
	}
}

@media screen and (min-width: 85.3125em) {
	.site-notice ~ #main .stage-distuber {
		top: calc(240px + var(--site-notice-height, 0px) - var(--removed-main-margin, 0px));
	}
}

@media screen and (min-width: 85.825em) {
	.site-notice ~ #main .to-landesparlamente {
		top: calc(330px + var(--site-notice-height, 0px) - var(--removed-main-margin, 0px));
	}
}