@import "bootstrap.min.css";
@font-face { font-family: 'Amplitude'; src: url('fonts/Amplitude-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Merriweather-Regular'; src: url('fonts/Merriweather-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Merriweather-Italic'; src: url('fonts/Merriweather-Italic.ttf') format('truetype'); }
@font-face { font-family: 'Merriweather-Bold';src: url('fonts/Merriweather-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Merriweather-Light';src: url('fonts/Merriweather-Light.ttf') format('truetype'); }
@font-face { font-family: 'Merriweather-Sans-Regular';src: url('fonts/MerriweatherSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Merriweather-Sans-Bold';src: url('fonts/MerriweatherSans-Bold.ttf') format('truetype'); }


/* Reportage */
.template-reportage_view .reportage_unten h4 {
    text-align: left;
}

.template-reportage_view .reportage_unten p {
    text-align: left;
    color: #fff;
    font-size: 1em;
}

.template-reportage_view .reportage_unten a {
    text-align: left;
    color: #fff;
    font-size: 1em;
}


.template-reportage_view #main-container{
    margin-top: 0;
}
.template-reportage_view .reportage-header {
    margin: 20px 0 50px 0;
    text-align: center;
    padding: 90px 0 80px;
    position: relative;
}

.template-reportage_view .reportage-header:before {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.template-reportage_view .reportage-header h1,
.template-reportage_view .reportage-header h4{
    color: #fff;
}

.template-reportage_view .reportage-header h1{
    margin-top: 14px;
}

/* Rotefahne TV */


.rotefahnetv-bild{
    position: relative;
}

.rotefahnetv-bild:after {
    content: '\25BA';
    color: #fff;
    display: inline-block;
    background: #d0011b;
    padding: 3px 8px 1px 10px;
    font-family: 'Merriweather-Sans-Bold',sans-serif;
    z-index: 998;
    position: absolute;
    bottom: 22px;
    left: 15px;
}

.rotefahnetv-oben .rotefahnetv-bild:after {
    content: '\25BA VIDEO';
    bottom: 30px;
    left: 24px;
    letter-spacing: 0.2em;
    padding: 5px 8px 3px 10px;
}

.glyphicon {
  display: none;
}
.pattern-relateditems-tree .glyphicon {
  display: block;
}
.section-impressum .artikel_datum, .section-impressum  .quellen {
    display:none;
}
.metadaten {
  display: none;
}

a {
    color: #000;
}

a,
a:visited,
a:focus,
a:hover{
    text-decoration: none;
}

i, cite, em, var, address, dfn {
    font-family: 'Merriweather-Italic';font-style: normal;
}

html, body {    
    font-family: 'Merriweather-Regular', serif;
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    letter-spacing: -0.01em;
    font-weight: normal;
}

body{
    overflow-x: hidden;
}

img{
    width: 100%;
    height: auto;
}

.image-right {
    width: auto;
    padding-left: 20px;
    padding-bottom: 20px;
}

b, strong{
    font-weight: normal;
    font-family: 'Merriweather-Bold', serif;
}

dt{
    font-weight: normal;
}

p{
    margin: 0;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    font-weight: 700;
}

h1{    
    font-family: 'amplitude', sans-serif;
    font-weight: 700;
    font-size: 2.625em;
    line-height: 1.071em;
    margin-bottom: 25px;
    color: #565656;
}

h2{
    font-family: 'amplitude', sans-serif;
    font-weight: 700;
    color: #D0011B;
    font-size: 1.875em;
    margin-bottom: 12px;
}

h4{
    font-family: 'Merriweather-Sans-Bold', sans-serif;
    text-transform: uppercase;
    color: #D0011B;
    font-size: 0.80em;
    font-weight: normal;
    margin-bottom: 5px;
}

hr {
    border-bottom: 1px solid #C9C9C9;
    border-top: 0;
}
/* ALLGEMEINE ELEMENTE */
a.link_ueberschrift {
    text-decoration: underline;
    color: #7B7B7B;
}
a.teaser_links,
#tagesthema a.teaser_links,
#korrespondenzen a.teaser_links,
#kurzmeldungen a.teaser_links,
#klartext a.teaser_links,
#ichmachemit a.teaser_links{
    font-family: 'Merriweather-Bold', serif;
    text-decoration: underline;
    display: block;
    color: #7B7B7B;
}
#themenblock a.teaser_links {
    padding-bottom: 10px;
}
a.teaser_links_rot {
    font-family: 'Merriweather-Bold', serif;
    text-decoration: underline;
    color: #D0011B !important;
}
a.rot {
    color: #D0011B !important;
    text-decoration: underline;
}

h2.headline_links_grau {
    color: #565656;
}
h2.headline_grau_unterstrich {
    color: #565656 !important;
    border-bottom: 1px solid #C9C9C9;
    font-size: 1.3em;
}
h4.termindatum {
    font-size: 1em;
    padding-bottom: 5px;
    text-transform: none;
}
h1.headline_rot {
    color: #D0011B;
    border-bottom: 1px solid #C9C9C9;
}

.rot_ohneUmbruch {
    font-family: 'Merriweather-Sans-Bold', sans-serif;
    color: #D0011B;
    font-size: 0.750em;
    text-transform: uppercase;
}

.blau_ohneUmbruch {
    font-family: 'Merriweather-Sans-Bold', sans-serif;
    color: blue;
    font-size: 1em;
    text-transform: uppercase;
}
.grau_ohneUmbruch {
    font-family: 'Merriweather-Sans-Bold', sans-serif;
    color: #7B7B7B;
    font-size: 0.750em;
    text-transform: uppercase;
}

.zitat_block p{
    font-family: 'Merriweather-Italic', serif;
    font-size: 1em;
    line-height: 1.5625;
}
.zitat_block h4{
    margin-bottom: 12px;
}
.datum_startseite {
    color: #565656 !important;
    font-size: 0.7em;
    padding-top: 5px;
}

#main-container{
    margin-top: 60px;
}

section{
    border-bottom: 1px solid #C9C9C9;
    margin-bottom: 22px;
    padding-bottom: 15px;
}

section#viewlet-below-content-body, section#content-core {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}



section img{
    margin-bottom: 12px;
}

.graue_box{
    background: #E6E6E6;
    padding: 20px 15px 20px 15px;
}

/**
 * Flexbox equal heights
 * http://codepen.io/ncerminara/pen/qZvYgR
*/

.flexbox{
    display: flex;
    /*flex-wrap: wrap;*/

/*    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch;*/
}

.not-flex{
    display: block !important;
}

.flexbox > div{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
}

.flexbox .small_teaser_rot,
.flexbox .small-teaser,
.flexbox .anzeigen-teaser,
.flexbox .flugblatt-teaser {
    position: relative;
}

.flexbox .small-teaser,
.flexbox .anzeigen-teaser {
    background: #EAEAEA;
}
.flexbox .small_teaser_rot{
    background-color: #D0011B;
}
.flexbox .small_teaser_rot a,
.flexbox .small-teaser a{
/*  wenn die Links alle unten kleben sollen, padding muss dann enstprechend ergaenzt werden
    position: absolute;
    bottom:0;
    left:0;
    */
}

/* ---- HEADER ---- */

.logo img{
    width: auto;
    max-width: 430px;
    padding-bottom: 12px;
}

.hiddenStructure{
    display: none;
}

#above-content-wrapper{
    display:none;
}

/* Suche */

.LSBox{
    text-align: right;
}

.LSBox .livesearch-results{
    display: none !important;
}

.pat-livesearch{
    min-width: auto;
}

#searchGadget_form{
    position: relative;
    width: 100%;
    margin-top: 27px;
}

input[type="text"].suchfeld{
    font-family: 'Merriweather-Sans-Regular', sans-serif;
    font-size: 0.8em;
    background: #eee;
    border: 0;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    padding: 4px 60px 4px 15px;
    text-align: left;
    border: 1px solid #fff;
}

/*#searchGadget{
    font-family: 'Merriweather-Sans-Regular', sans-serif;
    font-size: 0.8em;
    background: #eee;
    border: 0;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    padding: 4px 60px 4px 15px;
    text-align: left;
    border: 1px solid #fff;
}*/

.suchfeld:focus{
    border: 1px solid #d6d6d6;
    box-shadow: 0px 0px 3px #d2d2d2;
    outline: 0;
}

input[type="submit"].searchButton{
    background: url(search.svg) transparent no-repeat;
    border: 0;
    text-indent: -9999px;
    display: inline-block;
    width: 50px;
    height: 30px;
    background-position: 20px center;
    background-size: 37%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
}

/* Navigation */

#portal-globalnav-wrapper{
    padding-top: 12px;
    border-top: 1px solid #C9C9C9;
}

.plone-navbar-header{
    position: relative;
    border-bottom: 1px solid #C9C9C9;
}

/* Button to toggle mobile navigation */

.navigation_button{
    cursor: pointer;
    width: 100px;
}

.navigation_button:focus,
.navigation_button button:focus{
    outline: 0;
}

.plone-navbar-toggle {
    height: 20px;
    top:14px;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    background: none;
    border: 0;
}
.plone-navbar-toggle:hover {
      opacity: .7;
}
.plone-navbar-toggle .top {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.plone-navbar-toggle .middle {
  opacity: 0;
}
.plone-navbar-toggle .bottom {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.collapsed .top {
    transform: rotate(0);
      background: #FFB400;
}
.collapsed .middle {
        opacity: 1;
      background: #FFB400;
}
.collapsed .bottom {
  transform: rotate(0);
  background: #FFB400;
}
.plone-navbar-toggle span {
  background: #FFB400;
  border: none;
  height: 3px;
  width: 26px;
  position: absolute;
  top: 0px;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}
.plone-navbar-toggle span:focus {
    outline: 0;   
}
.plone-navbar-toggle span.text {    
    left: 38px;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 0.9;
    width: auto;
    background: url(menu.svg) transparent no-repeat;
    text-indent: -99999px;
    background-position: left 2px;
    background-size: 30%;
    display: inline-block;
    height: auto;
    width: 150px;
}
.plone-navbar-toggle .top {
    top: 1px;
}
.plone-navbar-toggle .middle {
    top: 8px;
}
.plone-navbar-toggle .bottom {
    top: 15px;
}

/* Navigation Ausklapper */

#portal-globalnav-collapse .navbar-inside{
    margin-top: 30px;
}

.plone-navbar-collapse ul{
    font-family: 'Merriweather-Sans-Regular', sans-serif;
    list-style: none;
    color: #000;
    border-right: #eee solid 1px;
}

#portal-globalnav-collapse .navbar-inside-left ul li{
    line-height: 1.4;
}

#portal-globalnav-collapse .navbar-inside-left ul li a{
    margin-bottom: 17px;
    display: block;
}

ul.plone-nav.plone-navbar-nav {
    padding-left: 30px;
    padding-right: 30px;
}

.plone-navbar-collapse ul li a{
    color: #000;
}

.plone-navbar-collapse ul li a:hover{
    color: #D0011B;
}

.plone-navbar-collapse ul li.magazin a{
    color: #D0011B;
}

.plone-navbar-nav{
    font-size: 1.250em;
}

#sub_navigation{
    padding: 0px 10px 0 5px;
}

#sub_navigation li a{
    font-size: 0.813em;
}

#rote_fahne_nav_teaser{
    font-family: 'Merriweather-Sans-Regular', sans-serif;
    padding: 0 0 0 20px;
    font-size: 0.813em;
}

#rote_fahne_nav_teaser img{
    width: 165px;
    height: auto;
    margin-bottom: 10px;
}

#rote_fahne_nav_teaser a{
    font-family: 'Merriweather-Sans-Bold', sans-serif;
    color: #D0011B;
    text-decoration: underline;
}

/* Externe Header Links und Social Media */

#portal-anontools{
    position: absolute;
    top: 0;
    right: 10px;
    height: 48px;
    text-align: right;
    padding-left: 12px;
}

#portal-anontools ul{
    height: 100%;
    margin-bottom: 0;
    display: inline-block;
    padding-top: 10px;
    padding-left: 12px;
}

#portal-anontools li{
    list-style: none;
    height: 100%;
    display: inline-block;
}

#portal-anontools li a{
    display: block;
}

#portal-anontools ul.header-links li a img{
    height: 9px;
    width: auto;
}

#portal-anontools ul.header-links li:first-child a{
    padding-right: 11px;
    margin-right: 6px;
    position: relative;
}

#portal-anontools ul.header-links li:first-child a:after{
    content: ' ';
    display: block;
    border-right: 2px solid #777777;
    width: 0px;
    height: 12px;
    position: absolute;
    top: 7px;
    right: 0;
}

/*#portal-anontools li a#personaltools-mlpd-de{
    background: url(../img/link_mlpd.svg) transparent no-repeat;
    margin-right: 5px;
    text-indent: -99999px;
    background-position: left center;
    background-size: auto 20%;
    display: inline-block;
    height: 100%;
    width: 75px;
    position: relative;
}

#portal-anontools li a#personaltools-mlpd-de:after{
    content: ' ';
    display: block;
    border-right: 2px solid #777777;
    width: 0px;
    height: 12px;
    position: absolute;
    top: 18px;
    right: 0;
}

#portal-anontools li a#personaltools-rebell-info{
    background: url(../img/link_rebell.svg) transparent no-repeat;
    margin-right: 8px;
    padding-right: 10px;
    display: inline-block;
    text-indent: -99999px;
    background-position: left center;
    background-size: auto 20%;
    display: inline-block;
    height: 100%;
    width: 99px;
}*/

#portal-anontools ul.header-social-media li{
    width: 21px;
    display: inline-block;
    margin-left: 5px;
}

div#portal-anontools ul li.header-social-media a img {
    width: 100%;
}
/*
#portal-anontools ul.tagesuebersicht li a {
    color: #D0011B;
    text-transform: uppercase;
    font-family: 'Merriweather-Sans-Bold', sans-serif;
    font-size: 0.8em;
    margin-right: 20px;
}

#portal-anontools ul.tagesuebersicht li:first-child a:before {
    content: ' ';
    display: block;
    border-right: 2px solid #D0011B;
    width: 0px;
    height: 12px;
    position: absolute;
    top: 7px;
    right: 0;
}
+/
/* ----- STARTSEITE ----- */

.template-startseite #main-container{
    margin-top: 25px;
}

.template-startseite h1{
    font-size: 2.5em;
    margin: 0 0 17px 0;
}

.template-startseite section:last-child {
    border-bottom: 0;
}

#korrespondenzen a:hover,
#kurzmeldungen a:hover,
#tagesthema_letzte a:hover h3,
#klartext a:hover p,
#zahlen a:hover p{
    color: #D0011B;
}

#tagesthema a p,
#klartext a p,
#zahlen a p{
    color: #000;
}

/* Thema des Tages */

#tagesthema {
    border-bottom: 1px solid #C9C9C9;
    margin-bottom: 22px;
    padding-bottom: 15px;
}

.thema_bild_wrap {
    position: relative;
    height: 400px;
    overflow: hidden;
    margin-bottom: 12px;
}

.thema_bild {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.thema_bild img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}

/* Themen der letzten Tage */

.tagesthema_letzte_bild{
    position: relative;
    height: 180px;
    overflow: hidden;
    margin-bottom: 12px;
}

.tagesthema_letzte_bild figure{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tagesthema_letzte_bild img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;  
    width: auto;
    max-width: 100%;
}

#tagesthema_letzte h3{
    font-family: 'Merriweather-Regular', serif;
    font-size: 1em;
    line-height: 1.5625;
    color: #000;
}

#tagesthema_letzte h3 b{
    font-family: 'Merriweather-Bold', serif;
}

#tagesthema_letzte .datum_startseite {
    padding-bottom: 20px;
}
section #tagesthema_letzte  {
    padding-bottom: 0;
}
/* Kurzmeldungen */

#kurzmeldungen .box{
    width: 31.99%;
    margin: 0 20px 20px 0;
}
.tipps .box{
	width: calc(50% - 20px) !important;
	margin: 0 20px 20px 0 !important;
}
.tipps .col-md-4 {
    padding-left:0;
}
.tipps .col-md-8 {
    padding-right:0;
}


#kurzmeldungen .box:nth-child(3),
#kurzmeldungen .box:last-child {
    margin-right: 0;
}

#kurzmeldungen .kurzmeldungen-flexbox {
    display: flex;
    flex-wrap: wrap;
}

#kurzmeldungen h3 {
    font-family: 'Merriweather-Bold', serif;
    font-size: 1em;
    line-height: inherit;
    margin: 7px 0;
}

#kurzmeldungen h4 {
    display: inline;
    margin-right: 2px;
}

#kurzmeldungen a{
    color: #000;
}

#kurzmeldungen a:hover{
    color: #D0011B;
}

/* Korrespondezen */

#korrespondenzen{
    padding-bottom: 25px;
    margin-bottom: 30px;
}

#korrespondenzen a{
    color: #000;
}

#korrespondenzen .korrespondenz:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.korrespondenz {
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 14px;
    padding-bottom: 14px;
}

.korrespondenzen_bild{
    position: relative;
    height: 180px;
    overflow: hidden;
    margin-bottom: 12px;
}

.korrespondenzen_bild figure{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.korrespondenz img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;  
    width: auto;
    max-width: 100%;
}

/* Meistgelesen */

#meistgelesen h3{
    font-family: 'Merriweather-Bold', serif;
    font-size: 1em;
    margin-bottom: 15px;
}

#meistgelesen dl{
    counter-reset: my-badass-counter;
    margin-bottom: 0;
}

#meistgelesen dt{
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
    min-height: 3.125em;
}

#meistgelesen dl dt:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    position: absolute;
    left: 0;
    top: -19px;
    font-family: 'amplitude', sans-serif;
    font-weight: bold;
    color: #D0011B;
    font-size: 3.5em;
}

#meistgelesen dl dt:last-child{
    margin-bottom: 0;
}

.meistgelesen_woche {
    margin-bottom: 2px;
}

/* Themenblock */

#themenblock .themenblock_artikel{
    margin-bottom: 12px;
}

#themenblock h3{
    font-family: 'Merriweather-Bold', serif;
    font-size: 1em;
}

/* Rote Fahne TV */

.row.rotefahnetv-oben {
    margin-bottom: 10px;
}

#rotefahnetv h2{
    color: #565656;
}

#rotefahnetv h2.rot{
    color: #D0011B;
}

/* Anzeigen */

#anzeigen{
    font-family: 'Merriweather-Sans-Regular', sans-serif;
}

.anzeigen_bild {
    background-size: cover;
    background-position: center center;
    color: #fff;
    position: relative;
    padding: 10px 0 20px 0;
    border-bottom: 0;
    min-height: 150px;
}

.anzeigen_bild:before {
    background: rgba(0, 0, 0, 0.7);
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.anzeigen_bild img{
    width: 25%;
    margin: 10px 0 0 20px;
    height: auto;
    transform: rotate(5deg);
}

.anzeigen_bild a.button {
    color: #fff;
    border: 1px solid #fff;
    padding: 3px 15px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.anzeigen_text{
    background: #E8E8E8;
    padding: 15px 5px 15px 15px;
}

.anzeigen_text b, .anzeigen_text strong {
    font-family: 'Merriweather-Sans-Bold', sans-serif;
}

/* Flugblatt */

#flugblatt{
    font-family: 'Merriweather-Sans-Regular', sans-serif;
}

.flugblatt_bild {
    background-size: cover;
    background-position: center center;
    color: #fff;
    position: relative;
    padding: 10px 0 20px 0;
    border-bottom: 0;
    min-height: 150px;
}

.flugblatt_bild:before {
    background: rgba(0, 0, 0, 0.7);
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.flugblatt_ohnecover:before {
    background: rgba(0, 0, 0, 0.4);
}

.flugblatt_bild img{
    width: 25%;
    margin: 10px 0 0 20px;
    height: auto;
    transform: rotate(5deg);
}

.flugblatt_bild a.button {
    color: #fff;
    border: 1px solid #fff;
    padding: 3px 15px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.flugblatt_text{
    padding: 15px 5px 15px 0px;
}

/* Spendenaufruf */

#spenden .row{
    background: #D0021B;    
    padding: 15px 15px;
    margin: 0;
}

#spenden h2{
    font-size: 2.5em;
    color: #fff;
    margin-bottom: 22px;
}

#spenden p{
    font-family: 'Merriweather-Sans-Regular', sans-serif;
    font-size: 1.25em;
    line-height: 1.25;
    color: #fff;
    margin-bottom: 42px;
}

#spenden span.spendenbutton {
    display: block;
    background: #fff;
    font-size: 2.5em;
    text-align: center;
    text-transform: uppercase;
    margin-top: -9px;
    padding: 2px;
    font-family: 'Amplitude', sans-serif;
    font-weight: bold;
}

/* Spendenkampagne */

#spendenkampagne .row{
    display: flex;
}

#spendenkampagne .row > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
}

#spendenkampagne h2{
    font-family: 'Amplitude', sans-serif;
    font-size: 2.5em;
    line-height: 1;
}

.spendenkampagne-links{
    background: #D0021B;
    width: 100%;
    padding: 10px 0 0px 20px;
}

.spendenkampagne-links h2,
.spendenkampagne-links span{
    color: #fff
}

.spendenkampagne-links span{
    font-family: 'Amplitude', sans-serif;
    font-weight: normal;
    font-size: 1.250em;
}

.spendenkampagne-links span b{
    font-family: 'Amplitude', sans-serif;
    font-weight: bold;
}

.spendenkampagne-rechts{
    background: #F8C91C;
    width: calc(100% + 20px);
    margin-left: -20px;
    padding: 10px 0 0px 20px;
}

.spendenkampagne-rechts h2{
    text-transform: uppercase;
    color: #000;
}

.spenden-stand{
    padding-right: 10px;
    position: relative;
}

.spenden-stand:after {
    content: ' ';
    display: inline-block;
    width: 220%;
    position: absolute;
    height: 1px;
    background: #fff;
    top: 13px;
    margin-left: 10px;
}

.spenden-ziel{
    text-align: right;
    display: inline-block;
    position: absolute;
    right: 0;
    background: #D0021B;
    padding-left: 10px;
    padding-right: 25px;
}

/* Reportage */

#reportage {
    background: url(../img/kobane.png);
    background-size: cover;
    background-position: center center;
    color: #fff;
    position: relative;
    padding: 50px 0 40px 0;
    border-bottom: 0;
}

#reportage h2{
    color: #fff;
    font-size: 2.4em;
    text-align: right;
}

#reportage a{
    color: #fff;
    cursor: pointer;
}

#reportage a > *{
    color: #fff;
}

#reportage:before {
    background: rgba(0, 0, 0, 0.7);
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.diskussionsbanner:before {
    background: none !important;
}
#reportage.HintergrundohneTransparenz:before {
    background: rgba(0, 0, 0, 0);
}

.reportage_oben{
    margin-bottom: 20px;
}

.reportage_oben p{
    margin-bottom: 12px;
    margin-top: 10px;
}

#reportage .reportage_oben .reportage_link{
    font-family: 'Merriweather-Sans-Bold', serif;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.09em;
    font-size: 0.875em;
    border: 1px solid #fff;
    padding: 10px 20px;
    margin: 10px 0;
    display: inline-block;
}

#reportage .reportage_oben .reportage_link:hover{
    background: #fff;
    color: #000;
}

.reportage_unten h3{
    font-family: 'Merriweather-Regular', serif;
    font-size: 0.875em;
    line-height: 1.56em;
}

.reportage_unten h4{
    font-family: 'Merriweather-Light', serif;
    letter-spacing: 0.09em;
    margin-bottom: 12px;
    border-top: 1px solid #fff;
    padding-top: 15px;
    color: #fff;
}

#reportage .reportage_unten small{ 
    font-family: 'Merriweather-Bold', serif;
    color: #A8A8A8;
    font-size: 0.563em;
}

/* Dossier */

#dossier .themenblock_artikel{
    margin-bottom: 12px;
}

#dossier h2{
    color: #777777;
    font-size: 2.5em;
}

#dossier h3{
    font-family: 'Merriweather-Bold', serif;
    font-size: 1em;
    line-height: 1.5625
}


/* Teaser Printausgabe */

#print_teaser{
    background: #D0011B;
    padding: 30px 20px;
}

#print_teaser h3,
#print_teaser a{
    color: #fff;
    font-family: 'Merriweather-Sans-Regular', sans-serif;
    font-size: 1em;
    line-height: 1.5625
}

#print_teaser h3 a:hover{
    color: #ccc;
}

#print_teaser .print_link{
    text-transform: uppercase;
    font-family: 'Merriweather-Sans-Bold', sans-serif;
    text-decoration: underline;
}

#print_teaser .print_link:hover{
    padding-left: 10px;
}
hr.nurMobile {
    display:none !important;
}
/* Klartext */

#klartext{
    padding-bottom: 0;
    margin-bottom: 30px;
}

#klartext img{
    margin-bottom: 0;
    width: 130%;
    margin-left: 10px;
    max-width: 170px;
}

.klartext_container blockquote{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 43px;
    margin-left: 10px;
}

.klartext_container blockquote small{
    text-align: left;   
}

/* Ins Netz gegangen */

#netzfunde h4{
    margin-bottom: 12px;
}

/* Bild der Woche */

#bildderwoche{
    width: 100%;
    background-size: cover;
}

#bildderwoche h4 {
    padding: 20px 10px;
    color: #fff;
}

/* Ich mache mit */

#ichmachemit blockquote{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
}

/* Zahlen und Fakten */

#zahlen{
    padding-bottom: 30px;
}

#zahlen span.zahl{
    font-family: 'amplitude', sans-serif;
    font-weight: bold;
    color: #D0011B;
    display: block;
    font-size: 5em;
    text-align: right;
    line-height: 1;
}

/* ---- ARTIKELANSICHTEN ---- */

/* Allgemeine Styles */

.artikelliste {
    margin-top: 40px;
}

.artikelliste hr{
    border-top: 1px solid #d1d1d1;
    margin: 30px 0 0 0;
}

.artikel p{
    font-size: 1.125em;
    line-height: 1.6667em;
}

.artikel a,
.artikel a:visited,
.artikel a:focus,
.artikel a:hover{
    text-decoration: underline;
}

.artikel .mehr_zum_thema a,
.artikel .mehr_zum_thema a:visited,
.artikel .mehr_zum_thema a:focus,
.artikel .mehr_zum_thema a:hover,
.artikel .zur_startseite a,
.artikel a.magteaser_button,
.artikel .klartext-view a  {
    text-decoration: none;
}
.artikel p.datum_mehr_zum_thema {
    font-size: 0.7em;
    padding-bottom: 10px;
}

.artikel h2{
    font-family: 'Merriweather-Bold', serif;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.6667em;
    color: inherit;
    margin: 30px 0 20px;
}
.liveticker h2{
    font-family: 'Merriweather-Bold', serif;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.6667em;
    color: inherit;
}
.liveticker a {
    text-decoration: underline;
    color: #D0011B;
}

.artikel ol {
    counter-reset: item;
}
.artikel ol > li, .artikel ul > li {
    display: block;
}

.artikel ul > li:before {
    content: " "; 
    background: url("../img/bullet.svg") transparent no-repeat;
    background-size:7px 7px;
    width:.8em;
    height:10px;
    color: #D0011B;
    display: inline-block;  margin-left: -.8em;
}
.artikel ol > li::before {
    counter-increment: item;
    content: counter(item)". ";
    color: #D0011B;
    display: inline-block;
    width: 1em;
    margin-left: -1.5em;
    margin-right: 0.5em;
    text-align: right;
    width: 2em;
    margin-left: -2.5em;
}
.artikel .aside ul > li:before {
    background: none;
}
.artikel li {
    font-size: 1.125em;
}
.artikel ol > li, .artikel ul > li {
    padding-bottom: 15px;
}

blockquote:before{
    top: 4;
    left: 0;
    content: " ";
    background: url(../img/anfuehrung.svg) no-repeat ;
    background-size: 30px 30px;
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
}

blockquote{
    font-family: 'Merriweather-Italic', serif;
    color: #1a1a1a;
    padding-left: 40px;
    margin: 60px 0;
    border: none;
    position: relative;
}
small.author{
    font-family: 'Merriweather-Sans-Bold', sans-serif;
    font-size: 0.6em;
    color:#1a1a1a;
    text-align: right;
    padding-top:10px;
}

/* Artikel Header */

.artikel_autor {
    margin-top: 20px;
}

.artikel_autor,
.artikel_datum{
    font-family: 'Merriweather-Sans-Regular', sans-serif;
    line-height: 1.143;
    font-size: 0.875em;
}

.artikel_datum{
    margin-bottom: 45px;
}

.artikel_autor b{
    font-family: 'Merriweather-Sans-Bold', sans-serif;
}

/* Artikel Bild */

.artikel_bild{
    margin-top: 0;
    margin-bottom: 45px;
}
figcaption{
    color: #4A4A4A;
    font-family: 'Merriweather-Sans-Regular', sans-serif;
    font-size: 0.889em;
}

/* Artikel Magazin Verweis */

.artikel_magazin_verweis{
    padding:10px;
    background-color: #EAEAEA;
    font-family: 'Merriweather-Sans-Regular', sans-serif;
    font-size:0.722em;
    line-height: 1.385em;
}
.artikel_magazin_verweis img{
    margin-bottom: 10px;

}
.artikel_magazin_verweis p{
    margin-bottom: 0;
}
a.magteaser_button{
    background-color: #D0011B;
    display: block;
    color:#fff;
    font-family: 'amplitude', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .125em; 
    font-size: 0.833em;
    line-height: 1em;
    text-align: center;
    padding:17px 0;
}

/* Artikel Auf einen Blick */

.auf_einen_blick{
    margin:70px 0;
}
.auf_einen_blick .col-md-4{
    display: flex;
    align-items: stretch;
}
.auf_einen_blick figure,
.auf_einen_blick_text{
    background-color: #EAEAEA;
    position: relative;
}
.auf_einen_blick img{
    margin-bottom: 0;
}
.auf_einen_blick figcaption {
    position: absolute;
    padding-top: 10px;
}
.auf_einen_blick_text{
    position: relative;
    padding: 25px 20px 20px 17px;
}
.auf_einen_blick_text ul{
    font-family: 'Merriweather-Sans-Regular', sans-serif;
    font-size: 0.833em;
    line-height: 1.167em;
    margin:20px 0 0 0;
    padding: 0;
}
.auf_einen_blick_text li{
    list-style-position: outside;
    padding-bottom:15px;
    margin-bottom:0;
    line-height: 1.4;
}
.auf_einen_blick_text li:last-child{
    padding-bottom:0;
    margin-bottom:0;
}
.auf_einen_blick_text:before {
    content: ' ';
    background: #EAEAEA;
    width: 20px;
    /* height: 100px; */
    display: block;
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
}
.artikel .auf_einen_blick_text p {
    margin-bottom: 5px;
    font-size: 0.9em;
}
/* Quellen & Links */

.aside.quellen aside{
    margin-top:60px;
    border-top: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    padding-top:10px;
    padding-bottom:20px;
}
.aside.quellen h3,
.aside.quellen .socialmedia_rot h3{
    font-family: 'Merriweather-Bold', serif;        
    font-size: 1em;
    margin-top: 25px;
    margin-bottom: 12px;
    font-weight: normal;
}
.aside.quellen ul{
    padding:0;
    list-style: none;
}
.aside.quellen p {
    font-size: 1em;
}
.aside.quellen a {
    text-decoration: underline;
}

.aside.quellen .socialmedia_rot {
    display: flex;
    justify-content:flex-end;
}
.aside.quellen .socialmedia_rot li{
    float: left;
    margin-right:10px;  
}
.aside.quellen .socialmedia_rot img{
    height:33px;
    width:33px;
    display: inline-block;
}
.aside.quellen .discreet a {
    color: #777777;
}

.aside.quellen .discreet a:hover {
    color: #D0011B;
}
/* Mehr zum Thema */

aside.container{
    margin-top:85px;
    border-top: 1px solid #D1D1D1;
    font-size: 1.125em;
    line-height:1.750em;
}
.mehr_zum_thema h2{
    font-family: 'amplitude', sans-serif;
    font-weight: 700;
    color: #D0011B;
    font-size: 1.21em;
    margin-bottom: 12px;
    margin-top: 20px;
}

.mehr_zum_thema p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
    line-height: 1.444em;
}

.small-teaser figure{
    background-color: #EAEAEA;  
}
.small-teaser div{
    padding:15px 20px 10px 20px;
    background-color: #EAEAEA;
}
.small-teaser h3{
    font-size: 1.125em;
    line-height: 1.35em;
    font-family: 'Merriweather-Bold', serif;
    padding:0;
    margin:10px 0 10px 0;    
    font-weight: normal;   
}

/* Weiterfuehrende Infos */

.weiterfuehrende_infos{
    margin-top:40px;
    border-top: 1px solid #D1D1D1;
    color: #fff;
}
.weiterfuehrende_infos .small_teaser_rot{
    background-color: #D0011B;
}
.weiterfuehrende_infos h2{
    font-family: 'amplitude', sans-serif;
    font-weight: 700;
    color: #D0011B;
    font-size: 1.21em;
    margin-bottom: 12px;
    margin-top: 20px;
}
.small_teaser_rot h3{
    font-family: 'Merriweather-Sans-Bold', sans-serif;
    font-size: 1.308em;
    line-height: 1.294em;
    text-transform: uppercase;
    letter-spacing: .125em;
    padding-top:0;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: normal;
}
.small_teaser_rot div{
    padding: 15px;
    font-size:0.765em;
    line-height: 1.308em;
    font-family: 'Merriweather-Sans-Bold', sans-serif;
}
.small_teaser_rot p{
    margin-bottom: 15px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    line-height: 1.444em;
}
.small_teaser_rot a{
    font-family: 'Merriweather-Sans-Bold', sans-serif;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    text-decoration: underline;
}
.small_teaser_rot a:hover{
    color:#ccc;
}

/* Button zur Startseite */

.zur_startseite a{
    text-align: center;
    display: block;
    background-color: #D0011B;
    color:#fff;
    padding:15px 0;
    margin:60px 0;
    font-family: 'Merriweather-Sans-Bold', sans-serif;
    font-size: 1.111em;
}

/* ---- KURZMELDUNG ---- */

.template-kurzmeldung_view h2{
    color: #565656;
    font-size: 2.250em;
    margin-bottom: 25px;
}

.template-kurzmeldung_view .artikel h2{
    font-family: 'Merriweather-Bold', serif;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.6667em;
    color: inherit;
    margin: 30px 0 20px;
}


/* ---- KLARTEXT ---- */

.klartext_header {
    margin-bottom: 50px;
}

.klartext_header h2{
    font-family: 'amplitude', sans-serif;
    font-weight: 700;
    color: #D0011B;
    font-size: 1.875em;
}

.klartext_header img{
    margin-bottom: 0;
}

.klartext_header hr{
    border-top: 25px solid #D0011B;
    margin: 0 0 5px;
}

.klartext_header small{
    font-size: 0.875em;
    font-family: 'Merriweather-Sans-Regular', sans-serif;
    text-align: right;
    width: 100%;
    display: inline-block;
    padding-top: 0;
}

.klartext_header b{
    font-family: 'Merriweather-Sans-Bold', sans-serif;
}

.template-klartext_view .weitere_artikel h3{
    font-family: 'Merriweather-Bold', sans-serif;
    color: #000;
    font-size: 1.125em;
    line-height: 1.6667em;
    margin-top: 20px;
}

.template-klartext_view .weitere_artikel p{
    font-family: 'Merriweather-Regular', sans-serif;
    color: #000;
}

.template-klartext_view .weitere_artikel h2{
    font-family: 'amplitude', sans-serif;
    font-weight: 700;
    color: #777;
    font-size: 1.875em;
    margin-bottom: 12px;
}
/* Bildreport */
.bildreport-text {
    position:relative;
background: #fff;
color: #000;
bottom: 0;
width: 100%;
left: 0;
padding: 10px 20px 30px;
}
.bildreport-text p {
    padding: 0;
    margin: 2px 5px;
    color: #000;
    text-shadow: none;
}
span.arrow {
    top: 40%;
    margin-top: -35px;
    position: absolute;
    font-size: 70px;
    line-height: 1;
}
.carousel-inner {
    margin-bottom: 30px;
}
a.right.carousel-control span.arrow {
    left: -10px;
}
.bildreport-bild{
    position: relative;
}

.bildreport-bild:after {
    content: url(../img/bildreport.png);
    color: #fff;
    display: inline-block;
    background: #d0011b;
    padding: 3px 8px 1px 10px;
    font-family: 'Merriweather-Sans-Bold',sans-serif;
    z-index: 9997;
    position: absolute;
    bottom: 22px;
    left: 15px;
}


.bildreport-oben .bildreport-bild:after{ 
    content: url(../img/bildreport.png) " BILDREPORT";
    bottom: 30px;
    left: 24px;
    letter-spacing: 0.2em;
    padding: 3px 8px 1px 10px;
}
/* ---- Ich mache mit ---- */

.ich-mache-mit blockquote{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 1em;
}
.ich-mache-mit-listing {
    border-bottom: 1px solid #C9C9C9;
}


/* ---- ROTE FAHNE MAGAZIN ---- */

.template-magazin_view ul,.template-folder_view_archiv ul{
    list-style: none;
    padding: 0;
}

.row.magazin-header-oben {
    background: #EEEEEE;
    padding-top: 35px;
}

.row.magazin-header-unten {
    background: #EEEEEE;
    margin-bottom: 35px;
    padding-bottom: 35px;
}

.magazin-header h2{
    font-size: 1.5em;
    color: #777777;
}

.template-magazin_view .magazin-header .magazin-links ul li, .template-folder_view_archiv .magazin-header .magazin-links ul li{
    border-bottom: 0;
    font-size: 1em;
}

.template-magazin_view .magazin-header .magazin-links ul li:last-child a, .template-folder_view_archiv .magazin-header .magazin-links ul li:last-child a{
    border-bottom: 0;
}

.template-magazin_view .magazin-header .magazin-links ul li a, .template-folder_view_archiv .magazin-header .magazin-links ul li a{
    margin-bottom: 7px;
    padding-bottom: 7px;
    display: block;
    border-bottom: 1px solid #fff;
    font-size: 0.938em;
    font-family: 'Merriweather-Sans-Bold', sans-serif;
    line-height: 1.47;
}

a.magazin-button-kaufen,
a.magazin-button-abo{
    display: block;
    padding: 13px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-family: Merriweather-Sans-Bold;
    text-align: center;
    font-size: 0.813em;
    line-height: 1.4;
    font-weight: normal;
    min-height: 62px;
    display: flex;
    align-items: center;
}

a.magazin-button-kaufen{
    background: #D0011B;
    color: #fff;
}

a.magazin-button-abo{
    background: transparent;
    border: 2px solid #D0011B;
    color: #D0011B;
}

.magazin-rechts{
    padding-top: 25%;
}

.template-magazin_view .magazin-rechts .magazin-cover, .template-folder_view_archiv .magazin-rechts .magazin-cover{
    width: 100px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 6px 2px 13px rgba(0,0,0,0.5);
}

.template-magazin_view .magazin-rechts .magazin-cover img, .template-folder_view_archiv .magazin-rechts .magazin-cover img{
    margin-bottom: 0;
}

.magazin-rechts .magazin-cover:nth-child(1){
    z-index: 6;
    width: 40%;

}

.magazin-rechts .magazin-cover:nth-child(2){
    left: 15%;
    z-index: 5;
    width: 37%;

}

.magazin-rechts .magazin-cover:nth-child(3){
    left: 27%;
    z-index: 4;
    width: 34%;

}

.magazin-rechts .magazin-cover:nth-child(4){
    left: 39%;
    z-index: 3;
    width: 31%;

}

.magazin-rechts .magazin-cover:nth-child(5){
    left: 50%;
    z-index: 2;
    width: 28%;

}

.magazin-rechts .magazin-cover:nth-child(6){
    left: 60%;
    z-index: 1;
    width: 25%;
}

.magazin-inhalt ul{
    margin-bottom: 30px;
}

.magazin-inhalt ul li{
    font-family: 'Merriweather-Sans-Regular', sans-serif;
    font-size: 0.875em;
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.magazin-inhalt h2{
    font-size: 1.5em;
    color: #777777;
    margin-bottom: 5px;
}

.magazin-archiv{
    margin-top: 50px;
}

.magazin-archiv .row{
    margin-bottom: 45px;
}

.magazin-archiv b{
    font-family: 'amplitude', sans-serif;
    font-weight: bold;
    margin-bottom: 12px;
}

.magazin-archiv img{
    border: 1px solid #CECECE;
    margin-bottom: 0;
}
/* Button */
a.button-rot-weiss,
a.button-weiss-rot,
a.button-weiss-rot-weiss {
    display: block;
    padding: 15px 35px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-family: Merriweather-Sans-Bold;
    text-align: center;
    line-height: 1.4;
    font-weight: normal;
    min-height: 52px;
    align-items: center;
    margin-top: 15px;
    text-decoration: none !important;
}

a.button-rot-weiss{
    background: #D0011B;
    color: #fff;
    border: 2px solid #D0011B;
}

a.button-weiss-rot{
    background: transparent;
    border: 2px solid #D0011B;
    color: #D0011B;
}
a.button-weiss-rot-weiss{
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

a.button-rot-weiss:hover{
    background: #fff;
    border: 2px solid #D0011B;
    color: #D0011B;
}
a.button-weiss-rot:hover{
    background: #D0011B;
    color: #fff;
}

a.button-weiss-rot-weiss:hover{
    background: #fff;
    color: #D0011B;
}
a.button-inline,
.button-inline{
    display:inline-block;

}

/* ---- ROTE FAHNE MAGAZIN ABO---- */

.template-folder_view_abo h1{
    color: #777777;
    font-size: 2.250em;
}

.template-folder_view_abo header.abo-header{
    margin-bottom: 45px;
}

.template-folder_view_abo h2{
    font-family: 'Merriweather-Sans-Bold', sans-serif;
    font-size: 2em;
    color: #000;
}

.template-folder_view_abo p{
    font-family: 'Merriweather-Sans-Regular', sans-serif
}

.template-folder_view_abo p{
    font-family: 'Merriweather-Sans-Regular', sans-serif
}

.template-folder_view_abo a.button{
    display: block;
    padding: 13px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-family: Merriweather-Sans-Bold;
    text-align: center;
    font-size: 0.813em;
    line-height: 1.4;
    font-weight: normal;
    background: #D0011B;
    color: #fff;
    margin: 12px 30px 50px 0;
}

.template-folder_view_abo .abo-teaser img{
    display: none;
}

/* ---- SPENDEN-SEITE ---- */

.spendenbutton_grau {
    background: #d1d1d1;
    text-align: center;
    margin-bottom: 20px;
}
.spendenbutton_grau input[type="submit"] {
   background: none;
   font-size: 5em;
   margin-bottom: 0;
   font-family: 'amplitude', sans-serif;
   font-weight: 700;
   color: #D0011B ;
   letter-spacing: normal;
   padding: 20px 0 0 0;
   margin: 0;
}

.spendenbutton_grau h2{
    font-size:5em;
    margin-bottom: 0;
}
.spendenbutton_grau p:hover {
    color:  #ffffff;
}
.spendenbutton_grau img, .spendenbutton_rot_unten img {
  width: auto;
}
.spendenbutton_rot {
    background: #d0021b;
    padding:1em;
    text-align: center;
}
.spendenbutton_rot h2 {
    font-size:5em;
    color:  #ffffff;
    margin-bottom: 0;
}
.spendenbutton_rot p {
    color:  #ffffff;
}
.spendenbutton_rot p:hover {
    color:  #000000;
}
.spendenbutton_rot_unten {
    background: #D0011B;
  color: #fff;
  letter-spacing: 0.09em;
  font-family: Merriweather-Sans-Bold;   
  text-align: center;
  height: 20px;
  width: 60%;
    text-transform: uppercase;

}
.spendenbutton_rot_unten input[type="submit"] {
  text-transform: uppercase;

}
/* --- LESERFRAGEN ---- */

.antwort{
    margin-top: 50px;
}

/* ---- VIDEO SEITE ---- */

.template-video_view iframe {
    width: 100%;
}
.template-startseite iframe,
.template-artikel_view iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}
.video_embedded {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}
.template-video_view .small-teaser{
    margin-bottom: 20px;
}

/* ----- Foren ----- */
.foreniframe {
    position: relative;
    padding-bottom: 7000%;
    overflow: hidden;
    width: 100%;
    height: auto;
}
.foreniframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* ---- RUBRIKUEBERSICHT (Politk etc.) ---- */

.pagination {
    display: inline-block;
    margin: 50px 0 100px;
    border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    border-radius: 4px;
    padding: 20px 0;
    width: 100%;
    text-align: right;
}

nav.pagination ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

nav.pagination ul li{
    display: inline-block;
}

nav.pagination ul li a,
nav.pagination ul li span{
    color: #7B7B7B;
    font-family: 'amplitude',sans-serif;
    font-size: 1.2em;
    padding: 5px;
    display: block;
}

nav.pagination ul li.active span{
    color: #D0011B;
}

nav.pagination ul li.next a{
    margin-left: 20px;
    color: #000;
}

/* ---- Suchergebnisse ---- */
.template-facetednavigation_view legend {
  display:none;
}

.faceted-form {
    padding: 0;
}

#faceted-form fieldset {
  border: 0;
  padding: 0;
}

input#c4_button.searchButton{
    background: #D0011B;
    text-indent: 0;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 13px;
  margin: 12px 30px 50px 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #DDDDDD;
  color: #000000 !important;
}

/* ---- Formulare ---- */

.formular-eingabe {
    margin-bottom: 20px;
}

.formular-eingabe p{
    font-family: 'Merriweather-Sans-Regular', sans-serif ;
}

#formular h3 {
    font-family: 'Merriweather-Bold', serif ;
    color: #565656 ;
    font-size: 1.3em ;
}
input {
    width: 100%;
}

input[type="text"] {
    background: #DDDDDD;
    border: 0;
    border-radius: 24px;
    padding: 3px 0 3px 10px;
    margin-bottom: 5px;
}

input[type="radio"] , input[type="checkbox"] {
  width: auto;
    margin-right: 15px;
}

.label {
  color: #000000;
}
textarea {
    width: 80%;
    background: #DDDDDD;
    border: 0;
    border-radius: 24px;
    min-height: 250px;
}

.error_message strong{
    color: #D0011B;
    font-family: 'Merriweather-Sans-Bold', sans-serif ;
}

select{    
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 1em;
    width: 100%;
    background: url(../img/select-arrow.png) no-repeat #ddd;
    background-position: right center;
    padding: 4px 0;
}

input[type="submit"] {
    display: block;
    padding: 13px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-family: Merriweather-Sans-Bold;
    text-align: center;
    font-size: 0.813em;
    line-height: 1.4;
    font-weight: normal;
    background: #D0011B;
    color: #fff;
    margin: 12px 30px 50px 0;
    border: 0;
}

/* ---- Listings ---- */

.listing-border {
    border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
}
.klartext-listing, .zahlen-listing {
    padding-top: 20px;
}

.klartext-listing img {
    margin-bottom: 0;
    width: 130%;
    margin-left: 10px;
    max-width: 170px;
}
.klartext-view {
    border-bottom: 1px solid #C9C9C9;
    padding-top: 20px;
}
.klartext-view img {
    margin-bottom: 0;
    margin-left: 10px;
    max-width: 170px;
}


/* ---- FOOTER ---- */

#portal-footer-wrapper{
    background-color: #FFB400;
    margin-top: 30px;
    padding-top:60px;
    padding-bottom:60px;
}
#portal-footer-wrapper li{
    float: left;
    list-style: none;

}
#portal-footer-wrapper li a{
    color:#fff;
    margin-right: 15px;
    font-family: 'Merriweather-Sans-Regular', sans-serif;

}
#portal-footer-wrapper li:last-child a{
    margin-right: 0;
}

.footer-navigation {
    margin-top: 5px;
    margin-bottom: 30px;
}

.footer-social li img{
    width: 36px;

}

/* ---- MEDIA QUERIES ---- */

/* kommt in eine mediaquery in den Body
article{
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}*/

@media (tablet) and (mobile){
    /*
    grauen Linien bei Quellen Links
     */
    start aside{
        margin-top:20px;
        margin-bottom:20px;
        border:none;
    }
    .row.aside{
        border-top: 1px solid #D1D1D1;
        border-bottom: 1px solid #D1D1D1;
    }
}
@media (mobile){
    /*
    damit die Socialmedia icons on mobile links anfangen
     */
    .socialmedia_red{
        justify-content:flex-start;
    }
    article{
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}
/*
@media screen and (min-width: 320px) {
    article h1 {
        font-size: 1.5em;
    }
}


@media screen and (max-width: 320px) {
.klartext_container img{    
    width: auto;
    height: auto;
    margin-left: 0px;
}

.klartext_container blockquote{
    width: auto;
    padding-left: 43px;
}
}
*/

@media (max-width: 1024px){

    /* Startseite */

    #kurzmeldungen .box{
        width: 31.59%;
    }

    #klartext img{
        width: 130%;
    }

    .spendenkampagne-links{
        padding-bottom: 10px;
    }

    /* Navigation */

    ul.plone-nav.plone-navbar-nav {
        padding-left: 10px;
        padding-right: 20px;
    }
    .plone-navbar-nav {
        font-size: 1.13em;
    }
    ul.plone-nav.plone-navbar-nav.left{
        padding-left: 0;
    }
    ul.plone-nav.plone-navbar-nav.right{
        padding-left: 10px;
    }
    .plone-navbar-collapse ul li a {
        line-height: normal;
    }
    ul.plone-nav.plone-navbar-nav li{
        margin-bottom: 10px;
    }
    #sub_navigation {
    }
    #rote_fahne_nav_teaser img {
        width: 132px;
    }

    /* Korrespondenzen */

    .korrespondenzen_bild,
    .tagesthema_letzte_bild{
        height: 150px;
    }

    #print_teaser img{
        margin-top: 20px;
    }
    /* ----- Foren ----- */
    .foreniframe {
        padding-bottom: 7500%
    }
	
}

@media (max-width: 767px){
    html{
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        margin-top: 0;
    }
    
    body{
      margin-top: 0;
    }

    .outer-wrapper{
      overflow: hidden;
    }
    #main-container,
    .template-startseite #main-container {
      margin-top: 90px;
    }
    .site_header{
        display: block;
        z-index: 999;
        overflow: hidden;
        width: 100%;
    }
    #portal-header{   
        position: sticky; 
        background: #fff;
        z-index: 9999;
        width: 100vw;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
    }
    .collapse.in{    
        position: fixed;
        top: 0;
        display: block;
        z-index: 999;
        margin-top: 0px;
        overflow-y: auto;
        bottom: 0;
        width: calc(100% - 20px);
        overflow-x: hidden;
        box-sizing: border-box;
        margin-top: 43px;
    }
    .plone-collapse{
      background: #fff;
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .logo img {    
        width: auto;
        max-width: 410px;
        display: block;
        padding-bottom: 6px;
        padding-top: 12px;
        margin: 0 auto;
        padding-right: 70px;
    }
    h2{
        font-size: 1.375em;
    }
    #portal-anontools{
        display: none;
    }
    .navigation_button{
        position: relative;
        width: auto;
        top:17px;

    }
    #portal-globalnav-collapse .navbar-inside {
        margin-top: 10px;
    }
    #portal-globalnav-collapse .navbar-inside-left ul li a {
        font-size: 0.875em;
        line-height: 1;
    }
    .plone-navbar-collapse ul{
        border-right: 0;
    }
    #sub_navigation{
        padding-left: 10px;
        border-top: 1px solid #ccc;
        border-right: 0;
        margin-top: 20px;
        padding-top: 14px;
    }
    #sub_navigation li{
        display: inline-block;
        width: 50%;
        float: left;
    }
    #sub_navigation li a{
        color: #6B6B6B;
    }
    .plone-navbar-toggle{
    }
    #portal-globalnav-wrapper,
    .plone-navbar-header{
        border:0;
    }
    
    #anzeigen .flexbox,
    #flugblatt .flexbox{
        display: block;
        flex-wrap: nowrap;
    }

    #anzeigen .flexbox > div,
    #flugblatt .flexbox > div{
        display: block;
    }

    .small-teaser,
    .anzeigen-teaser{
        margin-bottom: 20px
    }

    /* Startseite */
    
    .template-startseite h1 {
        font-size: 2em;
    }
    .thema_bild_wrap{
        height: 280px;
    }
    hr.nurMobile {
        display:block !important;
    }

    /* Korrespondenzen */

    #korrespondenzen{
        margin-bottom: 25px;
    }

    .korrespondenzen_bild,
    .tagesthema_letzte_bild{
        height: 280px;
        margin-bottom: 5px;
    }

    #korrespondenzen .korrespondenz:last-child {
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    /* Themen der letzten Tage */

    #tagesthema_letzte .col-md-4{
        margin-bottom: 25px;
    }

    /* Kurzmeldungen */

    #kurzmeldungen .box:nth-child(even){
        margin-right: 0px;
    }

    #kurzmeldungen .box:nth-child(odd){
        margin-right: 20px;
    }

    #kurzmeldungen .box {
        width: 47.89%;
    }

    .themenblock_artikel{
        border-bottom: 1px solid #c9c9c9;
        margin-bottom: 14px;
        padding-bottom: 14px;
    }

    #reportage h2{
        font-size: 1.5em;
        margin-bottom: 22px;
    }

    /* Klartext */

    #klartext {
        padding-bottom: 20px;
    }

    #klartext img {
        margin-bottom: 20px;
        width: 60%;
    }

    #klartext blockquote{
        font-size: 1em;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    #klartext blockquote:before{
        background-size: 20px 30px;
        width: 20px;
    }


    /* Spendenkampagne */

    #spendenkampagne h2{
        font-size: 1.5em;
    }

    .spendenkampagne-links span {
        font-size: 1.15em;
        display: block;
        position: relative;
        text-align: left;
        padding: 0;
        line-height: 1.2;
    }   

    .spenden-stand:after{
        display: none;
    }

    /* Ins Netz gegangen */

    #netzfunde .flexbox{
        flex-wrap: wrap;
    }

    #netzfunde .col-sm-6{
        width: 49.9%;
    }

    /* ---- ARTIKELANSICHT --- */

    .auf_einen_blick .flexbox{
        display: block;
    }

    .auf_einen_blick .flexbox > div{
        display: block;
    }

    .auf_einen_blick ul{
        margin-left: 20px;
    }

    .auf_einen_blick_text:before{
        display: none;
    }

    .mehr_zum_thema .flexbox{
        display: block;
        flex-wrap: nowrap;
    }
    
    .mehr_zum_thema .flexbox > div{
        display: block;
    }

    .weiterfuehrende_infos .flexbox{
        display: block;
        flex-wrap: nowrap;
    }

    .weiterfuehrende_infos .flexbox > div{
        display: block;
    }

    .weiterfuehrende_infos .small_teaser_rot{
        margin-bottom: 20px;
    }

    .weiterfuehrende_infos .small_teaser_rot img{
        display: none;
    }

    /* Magazinseite */

    .magazin-rechts{
        min-height: 350px;
    }

    /*
    .site_header{
        position: relative;
    }
    #portal-header{
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index:999;
    }
    */
}

@media (max-width: 480px){
    html{
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        margin-top: 0;
    }

    body{
      margin-top: 0;
    }
    .outer-wrapper{
      overflow: hidden;
    }
    .site_header{
        display: block;
        z-index: 999;
        width: 100%;
        overflow: inherit;

    }
    #main-container,
    .template-startseite #main-container {
      margin-top: 40px;
    }
    #portal-header{   
        position: -webkit-sticky; /* Safari */
        position: sticky;
        top:0;
        background: #fff;
        z-index: 9999;
        width: 100vw;
    }
    .collapse.in{
        position: fixed;
        top: 0;
        display: block;
        z-index: 999;
        margin-top: 80px;
        overflow-y: auto;
        bottom: 0;
        width: calc(100% - 20px);
        overflow-x: hidden;
        box-sizing: border-box;
    }
    .headroom--not-top .collapse.in{
        margin-top:44px;
    }
    .plone-collapse{
      background: #fff;
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .navigation_button{
        padding-top: 0;
        margin-top:0;
        top:13px;
    }
    .logo img {
        width: 90%;
        margin-left: 12px;
        width: auto;
        max-width: 280px;
        display: block;
        margin: 0;
        padding: 12px 5px 6px 10px;
    }
    
    /* Startseite */
    
    .template-startseite h1 {
        font-size: 1.5em;
    }

    #tagesthema {
        margin-bottom: 10px;
    }

    section{
        margin-bottom: 10px;
    }

    #meistgelesen {
        margin-top: 20px;
    }

    .thema_bild_wrap{
        height: 160px;
    }
    hr.nurMobile {
        display:block !important;
    }
    /* Korrespondenzen */

    .korrespondenzen_bild,
    .tagesthema_letzte_bild{
        height: 160px;
    }

    /* Kurzmeldungen */

    #kurzmeldungen .box,
    #kurzmeldungen .box:nth-child(odd),
    #kurzmeldungen .box:nth-child(even) {
        width: 100%;
        margin: 0 0 10px 0;
    }
    /* ----- Foren ----- */
    .foreniframe {
        padding-bottom: 30000%
    }
}

/*linkbalken above all Start*/
@keyframes slideInFromLeft {
  0% {
    transform: translatex(-100%);
  }
  100% {
    transform: translatex(0);
  }
    from { opacity: 0; }
    to   { opacity: 1; }
}
.linkbalken_aussen{
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
    
    border-top:1px solid #b4b4b4;
    border-bottom:1px solid #b4b4b4;
    font-family: 'PT Sans',sans-serif;
    font-size: 14px;
    margin-bottom:0;
    background:#fff;
}
#linkbalken{
    animation: .7s ease-in-out 0s 1 slideInFromLeft;
}

.linkbalken_aussen ul{
    margin:0 10px;
    padding:0;
}
.linkbalken_aussen li{
    list-style:none;
    float:left;
    border-left: 1px solid #b4b4b4;
}
.linkbalken_aussen li:last-child{
    border-right: 1px solid #b4b4b4;
}
.linkbalken_aussen a{
    color:#b4b4b4;
    display:block;
    padding:6px 15px 5px 15px ;
    transition: all ease-in-out .3s;
}
.linkbalken_aussen a:hover,
.linkbalken_aussen .systembalken_active{
    color:#fff;
    background-color: #b4b4b4;
    transition: all ease-in-out .3s;

}


/*Flickity Styles*/
.flickity-button{
    width: 35px !important;
    height: 20px;
    position:absolute;
    top:5px;
    background:transparent;
    border:none;
}
.flickity-button.previous{
    left:5px;
}
.flickity-button.next{
    right:5px;
}
#portal-header{
    top:35px;
    transition: all ease-in-out .3s;
}
@media (max-width:767px){

    .linkbalken_aussen{
        box-shadow: inset -30px 0 20px -15px rgba(0,0,0, .35);
        overflow:hidden;
        width:100vw;
    }
    /* enable Flickity by default */
    .carousel:after {
      content: 'flickity';
      display: none; /* hide :after */
    }
    .headroom--not-top #portal-header{
        position:fixed;
        top:0;
        transition: all ease-in-out .3s;
    }
}
@media (min-width:1070px){
/* disable Flickity for large devices */
  .carousel:after {
    content: '';
  }
}


/*Linkbalken above all End*/
/* enable Flickity by default */
.main-carousel:after {
  content: 'flickity';
  display: none; /* hide :after */
}

@media (max-width:1024px){
    .linkbalken_aussen .container{
        padding:0;
    }
}
@media (max-width:690px){
    #linkbalken{
        width:775px;
    }
}


@media (min-width:768px){
    #portal-header{
        margin-top:15px;
    }
}

/*Linkbalken above all End*/




del {
    color: #D0011B;
}
b {
    color: green;
    font-weight: normal;
}


.LSBox, .navigation_button {
    pointer-events: none;
}