#last-modified-date {
  /* float: right; */
  text-align: end;
  padding-bottom: 1em;  
}

.page-inject-parent {
  width: 100%;
  overflow-x: auto;
}
.plotly-graph-div {
  min-width:742px !important;
}

  
iframe {
    border: none;
}


#body-wrapper .container {
  padding: 2rem 0.8rem 2rem;
}

#header .logo svg, #header .logo img {
  padding-left: 0.8rem;
}

#header-image {
  /* background-image: url("/user/pages/01.home/intro.png"); */
  width:100%;
  padding-top: 56.25%;
  background-position: 50% 50%;
  overflow: hidden;
  position:relative;
  background-size:cover;
  background-repeat: no-repeat;
}

#header-image h1 {
  position: absolute;
  margin:0;
  color:#FFFFFF;
}

.mobile-menu .button_container {
  margin-right: 0.8rem;
}

#header .navbar-section {
  padding-right: 0.8rem;
}

/*ZDF LOGO*/
a.navbar-brand:hover  {
  border-bottom: 1px solid transparent;
}

a:hover {
  color: #fa7d19;
}

a {
  color: #34393f;
  text-decoration: underline;
  text-decoration-color: #fa7d19;
}

/* Mobile Menue needs white text */
/* Mobile Menue needs Links whitout decoration */
.mobile-container .treemenu li a {
  color: #e8e8e8;
  text-decoration: none;
}
/* Hover Links gets underline */
.mobile-container .treemenu li a:hover {
  color: #e8e8e8;
  text-decoration: underline;
  text-decoration-color: #fa7d19;  
}
/* mobile burger menue expand Icons needs to be white*/
.mobile-container .treemenu .toggler {
  color: #e8e8e8;
}

a.central-footer-link{
  text-decoration:none;
}


footer {

  .green {
    border: 2px solid green;
    min-height: 120px;
  }
  .red {
    border: 2px solid red;
  }
  .blue {
    border: 2px solid blue;
  }

  .flex {
    display: flex;
  }
}

h1 a:visited,
h2 a:visited,
h3 a:visited{
  border-bottom: 1px solid transparent;
  text-decoration: none;
  color: #686e73;
}

h1 a,
h2 a,
h3 a {
  color: unset; 
}

@font-face{
  font-family:"Uniwidth";
  src:url("/user/themes/zdf/css/fonts/ZDFType-Thin.woff2");
  src:url("/user/themes/zdf/css/fonts/ZDFType-Thin.woff2") format("woff2"),url("/user/themes/zdf/css/fonts/ZDFType-Thin.ttf") format("truetype");
  font-weight: 100;
}
@font-face{
  font-family:"Uniwidth";
  src:url("/user/themes/zdf/css/fonts/ZDFType-ExtraLight.woff2");
  src:url("/user/themes/zdf/css/fonts/ZDFType-ExtraLight.woff2") format("woff2"),url("/user/themes/zdf/css/fonts/ZDFType-ExtraLight.ttf") format("truetype");
  font-weight: 200;
}
@font-face{
  font-family:"Uniwidth";
  src:url("/user/themes/zdf/css/fonts/ZDFType-Light.woff2");
  src:url("/user/themes/zdf/css/fonts/ZDFType-Light.woff2") format("woff2"),url("/user/themes/zdf/css/fonts/ZDFType-Light.ttf") format("truetype");
  font-weight: 300;
}
@font-face{
  font-family:"Uniwidth";
  src:url("/user/themes/zdf/css/fonts/ZDFType-Regular.woff2");
  src:url("/user/themes/zdf/css/fonts/ZDFType-Regular.woff2") format("woff2"),url("/user/themes/zdf/css/fonts/ZDFType-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face{
  font-family:"Uniwidth";
  src:url("/user/themes/zdf/css/fonts/ZDFType-Medium.woff2");
  src:url("/user/themes/zdf/css/fonts/ZDFType-Medium.woff2") format("woff2"),url("/user/themes/zdf/css/fonts/ZDFType-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face{
  font-family:"Uniwidth";
  src:url("/user/themes/zdf/css/fonts/ZDFType-SemiBold.woff2");
  src:url("/user/themes/zdf/css/fonts/ZDFType-SemiBold.woff2") format("woff2"),url("/user/themes/zdf/css/fonts/ZDFType-SemiBold.ttf") format("truetype");
  font-weight: 700;
}
@font-face{
  font-family:"Uniwidth";
  src:url("/user/themes/zdf/css/fonts/ZDFType-Bold.woff2");
  src:url("/user/themes/zdf/css/fonts/ZDFType-Bold.woff2") format("woff2"),url("/user/themes/zdf/css/fonts/ZDFType-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face{
  font-family:"Uniwidth";
  src:url("/user/themes/zdf/css/fonts/ZDFType-Heavy.woff2");
  src:url("/user/themes/zdf/css/fonts/ZDFType-Heavy.woff2") format("woff2"),url("/user/themes/zdf/css/fonts/ZDFType-Heavy.ttf") format("truetype");
  font-weight: 800;
}
@font-face{
  font-family:"Uniwidth";
  src:url("/user/themes/zdf/css/fonts/ZDFType-Black.woff2");
  src:url("/user/themes/zdf/css/fonts/ZDFType-Black.woff2") format("woff2"),url("/user/themes/zdf/css/fonts/ZDFType-Black.ttf") format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: "zdf-iconfont";
  src: url("/user/themes/zdf/css/fonts/zdf-iconfont.woff?fch94r") format("woff"),
  url("/user/themes/zdf/css/fonts/zdf-iconfont.ttf?fch94r") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*
body {
  font-family: Uniwidth, sans-serif;
}
*/

/* Notice-Box */
.notices {
  border-left:2px solid #5C6166;
  padding-left:16px;
}

/* BEGIN modelcard intro */
.modelcard .modelcard-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* empty for now
.modelcard .modelcard-header .intro-text {
}
*/

.modelcard .modelcard-header .intro-image {
  
}
.modelcard .modelcard-header .intro-image > img{
  max-width: 75%;
}

.modelcard .modelcard-header .intro-text {
  flex-grow: 1;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
}
/* END modelcard intro */

/* Media Query Anpassungen */
@media (max-width: 560px){

  #header-image h1 {
    top:23%;
    left:42%;
    font-size:20px;
    line-height:26px;
  }
}

@media (min-width: 561px) and (max-width: 840px){

  #header-image h1 {
    top:23%;
    left:43%;
    font-size:32px;
    line-height:40px;
  }
}

@media (min-width: 841px){

  #header-image h1 {
    top:25%;
    left:44%;
    font-size:50px;
    line-height:58px;
  }

}


.accordion-wrapper div{
  color: #34393f;
  background-color: #d4d5d5;
}

.accordion-wrapper label{
  color: unset;
  background-color: unset;
  font-weight: 400;
}
.accordion-wrapper label:hover {
  background: unset;
  color: unset;
}

.accordion-wrapper input:checked ~ article {
  max-height: 9999px; /* fix no animation with auto value */
}


.accordion-wrapper article {
  background-color: #fff;
}

.accordion-wrapper article::before {
  content: " ";
  border: 1px dashed #fff0;
}

.accordion-wrapper label:hover::after, .accordion-wrapper input:checked + label:hover::after {
  opacity: initial;
  content: '';
  position: absolute;
  width: 30px;
  height: 20px;
  right: 15px;
  top: 7px;
  background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjgzIDE2LjQybDkuMTcgOS4xNyA5LjE3LTkuMTcgMi44MyAyLjgzLTEyIDEyLTEyLTEyeiIvPjxwYXRoIGQ9Ik0wLS43NWg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+) no-repeat center center;
  opacity: 0.6;
  background-size: 30px;
}

.accordion-wrapper label::after, .accordion-wrapper input:checked + label::after {
  opacity: initial;
  content: '';
  position: absolute;
  width: 30px;
  height: 20px;
  right: 15px;
  top: 7px;
  transform: rotate(360deg);
  transition: transform 0.3s ease-in-out;
  background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjgzIDE2LjQybDkuMTcgOS4xNyA5LjE3LTkuMTcgMi44MyAyLjgzLTEyIDEyLTEyLTEyeiIvPjxwYXRoIGQ9Ik0wLS43NWg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+) no-repeat center center;
  opacity: 0.6;
  background-size: 30px;
}

.accordion-wrapper input:checked + label::after {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
}


.notices {
  border-left: 10px solid #5C6166;
  background: aliceblue;
}