@charset "UTF-8";
.article-section h2 {text-transform: none;}

.fullwidth {
	width:100%;
}

.td-align-right {
    text-align: right !important;
}

.table-icon {
    display: inline-block !important;
    float: left;
    margin-right: 6px;
}
.article-image__copyright.cms-imageboxbmbf-copyright::before {
  content: "\00A9\00A0";
}

.form-warning {
	color: #D00000;
}

.imagemap{
  padding:30px 0px;
  position: relative;
}
#pageid_1806 .map.second svg {
    width: 600px;
    height: auto;
}

figure.cms-imageboxbmbf a {
	background-color: white;
}
.content .search-info {
	padding: 0 0 38px; 
}

.article-image__copyright {
  margin-top: initial;
}


.article-section { margin-bottom:3em; }
.article-section.newsletter-image { margin-bottom:0; }


/* Auf der Startseite kein Datum in der Videobox anzeigen! */
.pagetype-home .box.box-mediathek.icon-mediathek .box-content .teaser-content .teaser-meta {
  display: none;
}

.no-whatsapp .social li.whatsapp {
  display: none;
}


/* POPUP */
/* Outer */
.popup {
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.75);
    z-index: 1;
}
/* Inner */
.popup-inner {
	max-width:900px;
    max-height:700px;
	width:90%;
    height:80%;
	padding:40px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	box-shadow:0px 2px 6px rgba(0,0,0,1);
	border-radius:3px;
	background:#fff;
    overflow:auto;
}
.popup-inner h3 {
	padding: 5px 3px;
    background-color: #cdcdcd;
    margin-top: 2em;
}
.popup-inner .button {
	margin: 2em 0;
}

/* Close Button */
.popup-close {
	width:30px;
	height:30px;
	padding-top:4px;
	display:inline-block;
	position:fixed;
	top:30px;
	right:30px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	border-radius:1000px;
	background:#004f80;
	font-family:Arial, Sans-Serif;
	font-size:20px;
	text-align:center;
	line-height:100%;
	color:#fff;
}

.popup-close:hover {
	-webkit-transform:translate(50%, -50%) rotate(180deg);
	transform:translate(50%, -50%) rotate(180deg);
	background:#004f80;
	text-decoration:none;
}

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}


/* DigitalPaktSchule */

.module.if-teaserblock {
    margin: 0;
}

.module.if-teaserblock article.block-teaser.block-teaser--imageabove {
    width: calc(50% - 16px);
    float: left;
    margin: 0 0 32px 0;
    background: #e0edf7;
    padding: 0;
}
.module.if-teaserblock article.block-teaser.block-teaser--imageabove:nth-child(2n+0) {
    margin-right: 16px;
}
.module.if-teaserblock article.block-teaser.block-teaser--imageabove:nth-child(2n+1) {
    margin-left: 16px;
}

@media (max-width: 1024px) {
    .module.if-teaserblock article.block-teaser.block-teaser--imageabove {
        width: 100%;
        float: left;
    }
    .module.if-teaserblock article.block-teaser.block-teaser--imageabove:nth-child(2n+0) {
        margin-right: 0;
    }
    .module.if-teaserblock article.block-teaser.block-teaser--imageabove:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media (max-width: 820px) {
    .module.if-teaserblock article.block-teaser.block-teaser--imageabove {
        width: calc(50% - 16px);
        float: left;
        margin: 0 0 32px 0;
        background: #e0edf7;
        padding: 0;
    }
    .module.if-teaserblock article.block-teaser.block-teaser--imageabove:nth-child(2n+0) {
        margin-right: 16px;
    }
    .module.if-teaserblock article.block-teaser.block-teaser--imageabove:nth-child(2n+1) {
        margin-left: 16px;
    }
}

@media (max-width: 599px) {
    .module.if-teaserblock article.block-teaser.block-teaser--imageabove {
        width: 100%;
        float: left;
    }
    .module.if-teaserblock article.block-teaser.block-teaser--imageabove:nth-child(2n+0) {
        margin-right: 0;
    }
    .module.if-teaserblock article.block-teaser.block-teaser--imageabove:nth-child(2n+1) {
        margin-left: 0;
    }
}

.module.if-teaserblock .block-teaser--imageabove .teaser-media {
    background-color: #e0edf7;
    margin: 0;
}

.module.if-teaserblock .block-teaser--imageabove .teaser-content {
    background-color: #e0edf7;
    padding: 8px 24px 12px 24px;
}

.module.if-teaserblock .block-teaser+.block-teaser {
    border-top: inherit;
}

.module-teaserlist-slider .teaserlist .block-teaser h3 {
    font-family: "BundesSansWeb", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.module.if-teaserblock h3 {
    font-family: "BundesSansWeb", Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-bottom: 6px;
}

ul {
    list-style: initial;
}

/* dlr editor divbox info-box */
.cms-info-block.dlr {
    background-color: #E0EDF7;
    position: relative;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2240px%22%20height%3D%2240px%22%20viewBox%3D%220%200%2040%2040%22%20enable-background%3D%22new%200%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23004F80%22%20d%3D%22M20%2C0C8.972%2C0%2C0%2C8.972%2C0%2C20c0%2C11.027%2C8.972%2C20%2C20%2C20c11.027%2C0%2C20-8.973%2C20-20C40%2C8.972%2C31.027%2C0%2C20%2C0z%20%20M20%2C38c-9.924%2C0-18-8.074-18-18c0-9.924%2C8.076-18%2C18-18c9.926%2C0%2C18%2C8.076%2C18%2C18C38%2C29.926%2C29.926%2C38%2C20%2C38z%22%2F%3E%3Cpath%20fill%3D%22%23004F80%22%20d%3D%22M21%2C4c-2.756%2C0-5%2C2.244-5%2C5s2.244%2C5%2C5%2C5c2.758%2C0%2C5-2.244%2C5-5S23.758%2C4%2C21%2C4z%20M21%2C12c-1.654%2C0-3-1.346-3-3%20s1.346-3%2C3-3s3%2C1.346%2C3%2C3S22.654%2C12%2C21%2C12z%22%2F%3E%3Cpath%20fill%3D%22%23004F80%22%20d%3D%22M26%2C21c0-2.282-1.043-5-6-5c-3.376%2C0-5.614%2C2.2-5.708%2C2.292C14.106%2C18.48%2C14%2C18.734%2C14%2C19v2%20c0%2C0.367%2C0.204%2C0.707%2C0.528%2C0.879c0.325%2C0.172%2C0.718%2C0.156%2C1.025-0.047c0.628-0.418%2C1.734-0.99%2C2.504-1.106%20c-0.229%2C0.677-0.943%2C1.944-1.489%2C2.915C15.306%2C25.887%2C14%2C28.207%2C14%2C30c0%2C2.281%2C1.042%2C5%2C6%2C5c3.375%2C0%2C5.613-2.199%2C5.707-2.293%20C25.895%2C32.52%2C26%2C32.266%2C26%2C32v-2c0-0.371-0.203-0.707-0.527-0.879c-0.324-0.168-0.719-0.156-1.027%2C0.047%20c-0.627%2C0.416-1.734%2C0.988-2.504%2C1.104c0.225-0.674%2C0.941-1.943%2C1.486-2.916C24.695%2C25.113%2C26%2C22.793%2C26%2C21z%20M20.292%2C31.707%20c0.262%2C0.262%2C0.735%2C0.574%2C1.505%2C0.574c0.549%2C0%2C1.16-0.164%2C1.721-0.383C22.777%2C32.387%2C21.543%2C33%2C20%2C33c-3.516%2C0-4-1.441-4-3%20c0-1.268%2C1.282-3.543%2C2.312-5.375c1.458-2.594%2C2.423-4.307%2C1.396-5.335c-0.262-0.258-0.736-0.57-1.508-0.57%20c-0.55%2C0-1.158%2C0.166-1.72%2C0.386C17.222%2C18.614%2C18.458%2C18%2C20%2C18c3.516%2C0%2C4%2C1.442%2C4%2C3c0%2C1.268-1.281%2C3.543-2.312%2C5.375%20C20.23%2C28.965%2C19.266%2C30.68%2C20.292%2C31.707z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 29px 24px;
    margin: 1em 0;
    padding: 26px 26px 26px 100px !important;
    display: inline-block;
    width: 100%;
}
.cms-info-block.dlr h1,
.cms-info-block.dlr h2,
.cms-info-block.dlr h4,
.cms-info-block.dlr h5,
.cms-info-block.dlr h6 {
    margin-top: -5px;
}
.cms-info-block.dlr > p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.cms-info-block.dlr > figure {
    display: inline-block;
}
.cms-info-block.dlr > figure.left,
.cms-info-block.dlr > figure.right {
    margin-bottom: 3px;
}
.cms-info-block.dlr > figure > figcaption {
    background-color: #fff;
}
.cms-info-block.dlr h3 {
    font-size: 2rem;
    line-height: 1.3;
    margin-top: -7px;
}