.textcursor { cursor:text; }
.relative { position: relative; }
.fullwidth { width: 100%; }
.icon { width: 2em; height: 2.2em; display: inline-block; }
a label { cursor: pointer; }
#sidebar-top .link { padding: 0 1em 1em; }
#bloginfo {}
#bundestag { display: inline-block; }
#bundestag .icon { position:absolute; margin-top: 0; height: 1.8em; fill: black; }

.cmplz-blocked-content-notice, .cmplz-blocked-content-notice button { color:#fff!important; font-family: 'FrutigerLTStd-Roman','Arial';  }

/* P O P - U P  */
.openbutton, .closebutton { font-size:1em; cursor:pointer; max-width:5em; position: absolute; right: 0; box-shadow: none; margin:0; padding:0; }
.openbutton { color:#fff; background:#ff4aa9; padding:0.5em; top:0 }
.openbutton:hover { color:#fff; background:#ff4aa9; }
.closebutton { font-size:1em; cursor:pointer; width:3em; height:3em; width:3em; top:0; }
.openbutton:hover, .closebutton:hover { box-shadow: none; }
.closebutton:after { display: inline-block; font-size:3em; color:#ff4aa9; content: "\00d7"; position: absolute; top:0.3em; left: 0.3em; }
.closebutton:hover:after { color:#ff4aa9; }
.popupwrap { z-index:100; position:fixed; right:0; top:4.5em; } /* .popupwrap { z-index:100; position:fixed; right:0; bottom: calc( 100vh - ( 64em/16*9 - 2em ) ); } */
.popup { z-index:100; width:40vw; max-width:21em; background:#fff; padding:1.5em 1em 1em; position:absolute; right:0; top: 0; transform: translate( 40vw ); transition: transform 2s; }
.popup > .inner { z-index:100; }
.popup > .inner { max-width:20em; }
.popup > .inner h1 { width:calc(100% - 1em) }
.popup.isvisible { transform: translate( 0 ); transition: transform 2s;} /* grau: background:#f0f0f0;   height: calc( 100vh - ( 64em / 16 * 9 ) - 2em); */
/* dopplung mit style.css besser wäre dort mit ".mainnav" zu arbeiten  */
.mainnav {  width:100%; }
.mainnav a { line-height: 1em; display: block; position: relative; padding: 0 0 1em 0; min-height: 1.5em; }
.mainnav a > span { font-size: 0.727em !important; line-height: 1.3em; letter-spacing: 0.02em; display:block; padding: 0 0 0.538em 0; box-shadow: inset 0 -5px 0 0 #98d53d; }
.mainnav a:hover > span { box-shadow: inset 0 -5px 0 0 #ade58a; }


/* fullpage  */
body { overflow-x: hidden; }
body > .inner { padding:0; }
body > .inner:last-child { padding-bottom:4em; }

.fullpage, .aufmacher-overlay > .inner, .panorama .flexslider { height:88vh; height:calc(100vh - 3.5em); min-height:30em; max-height:40em; }
.panorama .metaslider li, .panorama .metaslider ul { height:88vh!important; height:calc(100vh - 3.5em)!important; min-height:30em!important; max-height:40em!important; }
.fullpage { margin:0.2em auto 2em; max-width:100vw; width:64em; }
.panorama { position:absolute; width:100%; height:100%; margin:0;}
.panorama img,.panorama .flexslider .slides img { max-height:100%; height:100%; width:100%; object-fit:cover; }
.fullpagevideo { height: calc( 64em / 16 * 9 ); }


.fullpage { position:relative; }
.fullpage > .inner { width:22em; max-width:48%; height:100%; left:0; position:absolute; display:block; bottom:0; z-index:100; }
.fullpage > .inner { max-width:0; }

.fullpage .stoerer { height:auto; width:12em; top:1em; }
.fullpage .stoerer .linkliste { background-color: white; padding: 0.5em; }
.fullpage .stoerer .linkliste > .link { width: 100%; display: block; padding-top: 0.2em; }

.fullpage .vorspann { left: 0; position: absolute; bottom: 6em; margin-top:1em; }
.fullpage .vorspann > .inner { padding: 0 }
.fullpage .vorspann p, .fullpage .vorspann h2, .fullpage .vorspann a
{ margin: 0; margin-bottom: -1.5em; width:fit-content; padding:0.6em 0.7em; color:white; background-color:#ff4aa9;}
.fullpage .vorspann p a, .fullpage .vorspann h2 a { padding: 0}
.fullpage .vorspann h2 { margin-top: 0.5em; }
.fullpage .vorspann h2 + p { margin-top: 1.5em; }
.fullpage .vorspann p { padding: 0.8em 1em; }

.aufmacher-overlay { width:22em; max-width:48%; height:0; position: absolute; right:0; padding:0;  }
.aufmacher-overlay > .inner {  position: absolute; right:0; bottom:0; padding:0;  }
.aufmacher-overlay > .inner > article { width:100%; height:26em; position: relative; top:50%; margin-top:-13em;  }
.aufmacher-overlay figure.bild { margin:0; width: 100%; height: 10em;  }
.aufmacher-overlay figure.bild img { object-fit:cover; object-position: 100% 40%; height: 100%; width: 100%; }
.aufmacher-overlay .main-content {   }
.aufmacher-overlay header + p { margin-top: 1em; }
.aufmacher-overlay + section { margin-top:1em; }
.aufmacher-overlay article .weiterlesen { max-width:24.444em; bottom:1em; position: absolute; }

/* twitter */
a.twitter-link, a.twitter-link svg {  color: #1b95e0; fill:#1b95e0; }
a.twitter-link:hover, a.twitter-link:hover svg { color: #0c7abf; fill:#0c7abf; }

/* cookie-banner  */
.cmplz-cookiebanner:not(.cmplz-dismissed) { display: block !important;  }
.cmplz-cookiebanner.cmplz-hidden { display: none !important;  }
.cmplz-cookiebanner .cmplz-links.cmplz-documents { display:  block !important; }
.cmplz-btn.cmplz-accept { background-color:#98d53d !important; border:none !important; }
.cmplz-btn.cmplz-accept:hover { background-color:#ade58a !important; }
.cmplz-cookiebanner .cmplz-links .cmplz-link { color:black !important; }
#cmplz-manage-consent .cmplz-manage-consent { right:0 !important; }

/* Clever Reach */
.cr_form { width:100%; }
.cr_form input { background-color:#f0f0f0; }
.clever_form_error { color: red !important; }
input.clever_form_error { background-color: #ffd6d6 !important; }
.cr_button { cursor: pointer; }
.cr_button:not(:hover) { color:#252525 !important;  }
.cr_button:hover {  }
.cr_form-flex { display: flex; }
.cr_form-flex > * { float: left; }
.no-label { max-width: 35.444em; }
.cr_form-component--header { margin-top: 1.5em; display: block;}
.cr_form-inputgroup { margin-bottom: 0.5em }
.cr_form-inputgroup--typetext, .cr_form-inputgroup--typeemail, .cr_form-inputgroup--typeselect { width: 100%; display: flex; }
.cr_form-inputgroup--typetext > *, .cr_form-inputgroup--typeemail > *, .cr_form-inputgroup--typeselect > * { float:left; width: auto !important; }
.cr_form-inputgroup--typetext > label, .cr_form-inputgroup--typeemail > label, .cr_form-inputgroup--typeselect > label
{ padding: 0.5em 0.5em 0.5em 0; width: 8em !important; margin: 0; }
.cr_form-inputgroup--typetext > input, .cr_form-inputgroup--typeemail > input, .cr_form-inputgroup--typeselect  > select
{ width: 32em !important; }

.cr_form-inputgroup--typeselect  > select { color:#000; overflow: hidden;}


/* old Clever Reach styles */
button#haet-cleverreach-submit { margin-top: 1em; }
.type-policy_confirm { margin-top: 1em; }
.crArchiveItemDate { padding-left: 1.2em; padding-bottom: 0.4em; }
.crArchiveItemName { margin-bottom: 1em; padding-left: 1em; }
.crArchiveItemImage, .crArchiveItemDescription {display:none;}



/* newly added styles */
.spalte-rechts { flex-grow:4; }

.inner > .inhalt { max-width: 100%; }

.aufmacher { min-height: 18em; }

.linkliste { padding: 0.2em 0 1em 1em; }

.linkliste > .link { width: 100%; display: block; padding-top: 0.3em;}

.linkliste > .link > label * { cursor: pointer; }

.linkliste > .link > label { width:100%; }

.linkliste > .link > label > * { float:left; width:auto; }

.linkliste > .link > label > h5 { width:calc(100% - 1.5em); padding-top: 0.3em;  padding-bottom: 0.1em; }

.linkliste > .link > label > span { height: 1em; width: 1em; margin-right:0.2em; }


@media (min-width: 1024px){
.cmplz-cookiebanner.cmplz-categories-type-view-preferences.cmplz-categories-visible .cmplz-buttons,
.cmplz-cookiebanner.cmplz-categories-type-no.cmplz-categories-visible .cmplz-buttons,
.cmplz-cookiebanner .cmplz-buttons { flex-direction: initial !important; }

}

/* Media Queries Screen
---------------------------------------------

@media all and (min-width : 1800px) {
body {font-size: 170%;}
}

@media all and (max-width : 1800px) {
body {font-size: 155%;}
}


@media all and (max-width : 1600px) {
body {font-size: 145.4%;}
}

@media all and (max-width : 1280px) {
body {font-size: 137.5%;}
} */

@media all and (max-width : 1600px) {
.fullpage > .inner { margin-left:0; width:100%; }
.panoramavideo, .fullpagevideo { height: calc( 100vw / 16 * 9 ); min-height:auto;}
/*.popupwrap { bottom:calc( 100vh - ( 100vw/16*9 ) ); } */

}
/* Media Queries Tablet
--------------------------------------------- */
@media all and (max-width : 1180px) {
/* mit Hashtags:{ height: 45%; top: auto; bottom: 0; min-height: 17em;} --------------- */
.fullpage > .inner { height: 45%; top: auto; bottom: 0; min-height: 17em;}
.fullpagevideo > .inner { top: 1em; bottom: auto; min-height: 3em; height:3em; }

.fullpage .stoerer, .fullpage .vorspann { position:relative; bottom:auto; top:auto; }


.fullpage .vorspann p {display: none;}
.aufmacher-overlay { max-width:70%; }
.aufmacher-overlay > .inner > article {  }
.aufmacher-overlay + section { margin-top:2em; }
.aufmacher-overlay { margin-top:1em; }
}
/* Media Queries Smartphones
--------------------------------------------- */
@media all and (max-width : 768px) {

  .fullpage { margin-bottom: 1em; }
  .panorama img { object-position: 40% 100%; }
  .aufmacher-overlay + section { margin-top:0; }
  .fullpage .vorspann, .aufmacher-overlay { width:100%; max-width:100%; }
  .aufmacher-overlay, .aufmacher-overlay > .inner { position: relative; right:auto; height:auto; min-height:auto; }
  .aufmacher-overlay > .inner > article { height:auto; top:0; margin-top:0; }


  .fullpagevideo { height: calc( 100vw / 16 * 9 + 5em ); }/* mit Hashtags: height: calc( 100vw / 16 * 9 + 9em ); --------------- */
  .fullpagevideo > .inner { top: 0; }/* mit Hashtags:  min-height: 8em; height:8em;  --------------- */
  .fullpagevideo .stoerer { width: 100vw; }
  .fullpagevideo .stoerer .linkliste { padding-left: 1em; }
  .panoramavideo { top:2.3em; }
  .fullpagevideo { margin-bottom: 0; }

/* P O P - U P  */
  .popupwrap { position:absolute; right:0; bottom: auto; top: calc( 100vw / 16 * 9 + 5.8em); min-height:auto;}
  .popup { width:100%; max-width:100%; transform: translate( 100vw ); border-bottom: 4px solid #f0f0f0; }
  .popup, .openbutton { top:0; bottom: auto; }
  .openbutton { max-width:100%; width:100%; padding: 0.5em 1em; height:3em; font-size:0.8em !important; }

}

@media all and (max-width : 400px) {

}
