/* Allgemeines */
/* Fonts */
 :root {
     --font-primary:'Arial';
     --font-secondary: 'Noto Serif';
}
/* Farben */
 :root {
     --color-primary: #ef7e04; /* rot bzw. Verlagsfarbe */
     --color-background: #f5f5f5; /* Hintergrund Portal */
     --color-background-community: #e9eef4; /* Hintergrund Community */
     --color-background-dark: #999999; /* Boxen mit dunklem Hintergrund */
     --color-font: #000000; /* Schriftfarbe */
     --color-font-grey: #878787; /* Zeitangaben u. Links im Fuss */
     --color-font-grey-dark: #535353; /* Boxenüberschriften */
     
}

 html {
     height: 100%;
     font-size: 16px;
}
 body {
     height: 100%;
     background: var(--color-background);
     color: var(--color-font);
     font-family: var(--font-primary), Helvetica, sans-serif !important;
     line-height: 25px;
     -webkit-font-smoothing: antialiased;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     font-size: 16px;
     font-weight: 400;
     box-sizing: content-box;
     margin: 0;
}

body.community {
     background: var(--color-background-community);
     }

figure {margin: 0;}

a {text-decoration: none; color: inherit;}


.shadow {
 box-shadow: 0px 0px 16px rgba(0,0,0,0.1);
}

.shadow-bottom {
box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.1);

}

.shadow-top {
box-shadow: 0 -5px  5px -5px rgba(0,0,0,0.1);
}


.smalltext {
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: var(--color-font-grey);
}



#outerpage {
display: grid;
grid-template-columns: 1fr 1146px max-content 1fr;
grid-template-rows: 130px 82px 1fr auto;
}


/* Artikeldetail allgemein */

/* Artikeldetailansicht */

.fcms_artdetail .unterbrecher,
.werbecontainer.halfpage,
.fcms_artdetail .ad-widebox,
.noPrint {
display: none;
}

.fcms_artdetail .contentbereich {
background: #fff;
box-shadow: 0px 0px 16px rgba(0,0,0,0.1);
padding: 30px;
}

.fcms_artdetail .contentbereich.box {
background: transparent;
box-shadow: none;
padding: 0;
}
.fcms_artdetail .boxcontainer {
margin-bottom: 0;
}

.fcms_artdetail {
 font-family: var(--font-primary);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.fcms_artdetail_short {
  font-size: 20px;
  margin-bottom: 20px;
}

.fcms_artdetail h5.stichzeile {
color: var(--color-primary);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
}

.fcms_artdetail h1.title {
  font-family: var(--font-secondary);
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  margin: 0;
  margin-bottom: 20px;
}

.fcms_artdetail .published {
margin-bottom: 30px;
}
.fcms_artdetail .edited {
margin-left: 20px;
}

.fcms_artdetail .author .author-name {
  color: var(--color-font-grey);
  font-family: var(--font-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.fcms_artdetail .pic-circular  {
 height: 50px;
}
.fcms_artdetail .pic-circular img {
width: 50px; height: 50px;
border-radius: 50%;
background: var(--color-background);
margin-right: 10px;
}

.fcms_artdetail .fcms_artdetail_text > p  {
max-width: 815px;
margin-bottom: 30px;

}

.fcms_artdetail .fcms_artdetail_text p a {
color: var(--color-primary);
text-decoration: underline;
}

.fcms_artdetail .fcms_artdetail_text > ol {
  counter-reset: mylist;
  margin: 0 0 30px 0;
}
.fcms_artdetail .fcms_artdetail_text > ul {
margin: 0 0 30px 0;
padding-left: 20px;
}

.fcms_artdetail .fcms_artdetail_text ol li {
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  list-style-type: none;
  display: flex;
  padding: 10px 0;
}
.fcms_artdetail .fcms_artdetail_text ul li {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  
}

.fcms_artdetail .fcms_artdetail_text ol li:before {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--color-background);
   counter-increment: mylist;
   content: counter(mylist);
   white-space: nowrap;
   font-family: var(--font-secondary);
   font-size: 16px;
   font-weight: 400;
   line-height: 22px;
   color: var(--color-font-grey);
   margin-right: 10px;
   margin-left: -50px;
   text-align: center;
   line-height: 48px;
   flex: 0 0 auto;
   margin-top: -12px;
 
}


.fcms_artdetail .fcms_artdetail_text h2 {
  font-family: var(--font-secondary);
  font-size: 26px;
  font-weight: 400;
  line-height: 35px;
  margin-bottom: 10px;
  margin-top: 40px;
}

.fcms_artdetail .fcms_artdetail_text .infobox {
background: #fce5e8;
padding: 20px;
margin: 30px 0;
}

.fcms_artdetail .fcms_artdetail_text .infobox .thumb {
float: left; margin-right: 20px;
}

/* Extimages */


.fcms_artdetail .article-images {
margin: 30px 0 40px 0;

}

.article-images .extimages .image-text,
figcaption.image-text {
  color: var(--color-font-grey-dark);
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  margin-top: 10px;
}

/* Zitat */

.fcms_artdetail blockquote {
   font-family: var(--font-secondary);
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  display: flex;
  max-width: 615px;
  margin: 40px 50px;
position: relative;
}

.fcms_artdetail blockquote:before {
  font-size: 150px;  
  content: '”' ; 
  padding-top: 20px;
  
}

.fcms_artdetail blockquote:after {
  font-size: 150px;
  content: '“' ;
 position: absolute;
 bottom: -30px;
 right: -40px;

}

.fcms_artdetail blockquote p {
display: inline;

}



/* Artikeldetailtab */

.head.pagehead.print {
padding: 20px 40px; }

.fcms_artdetail.print .fcms_artdetail_text>p {
    max-width: 100%;
    margin-bottom: 30px;
}

.printfooter {word-break: break-all;}


.fcms_artdetail.print .artikel-text-thumb, .fcms_artdetail.rpint .artikel-text-video {
   float: none;
}