/* inter-regular - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-500 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-500.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-600 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-600.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-700 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/typo3conf/ext/ddc_sitepackage/Resources/Public/Fonts/inter-v12-latin-700.svg#Inter') format('svg'); /* Legacy iOS */
}


body{font-size:1rem;
/* max-width:1440px; */
      
}
.body-bg {
     background: #fbfbfa;
}
#page-content{max-width:1440px;margin:0 auto;background:#fff;}

#setupsetting{display:none}

.pp-tile:not(.pp-type-image):not(.pp-type-media):not(.pp-type-external_media):not(.pp-type-pp_picoverlay) .frame-inner {
    margin: calc(var(--pp-frame-spacing) *1);
}

.fullwidth .frame-container-default {
    max-width: 100%;
}
.navbar-default .navbar-toggler{border:0}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

.navbar-mainnavigation {
    box-shadow: none;
    padding: 0;
}
.navbar-mainnavigation .nav-link {
    width: fit-content;
}

.navbar-default .navbar-nav .nav-link{font-size:1.5rem;text-transform:uppercase; font-weight:600}
.navbar-mainnavigation.navbar-default a:not(.active){color:#355064}


.navbar-mainnavigation>.container>.navbar-collapse>.navbar-nav{margin-left: 6.4rem;}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 600;
    font-size:1.33rem;
    text-transform:uppercase;
   color:#355064;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


.frame-background-primary {
    --frame-color: #000000;
    --frame-background: rgba(137, 208, 224, 0.5);
    --frame-background-rgb: 137, 208, 224, 0.5;
    --frame-link-color: #000000;
    --frame-link-hover-color: #000000;
    --pp-frame-headings-color: #355064;
    --pp-frame-link-decoration: underline;
    --pp-frame-link-decoration-style: none;
}



@media (max-width: 1400px){
.section>div>div>div>div.frame-container-default, .section>div>div>div>div.container {
    max-width: calc(100% - 6rem);
}}

@media (min-width: 1400px){
.frame-container-default{
    max-width: 1320px;}
}

.align-items-stretch {
 align-items: center!important;
}


.thenavigator>.container{max-width: 1320px;}

.navbar-mainnavigation .navbar-brand-image img {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    width: auto;
    height: auto;
    max-height: 90px;
}

.navbar-mainnavigation.navbar-transition  .navbar-brand-image img{    max-height: 60px;}

.ce-col.frame-background-tertiary{background:#F7BD38}

body{ -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

h1{text-transform:uppercase;}
h1.h1:after{content:"";
height:0.75rem;
    width:100%;
    background:#fff;
    display:block;
        margin-top: 1.5rem;
    margin-bottom: 2.5rem;
}
h1, .h1 {font-size: 2.5rem;}


.welcometext{display:flex;}
.welcometext>div{display:flex;    align-items: center;}

.frame.underline-gray h1.element-header {color:#4B4B4B; border-bottom: 0.5rem #4B4B4B solid;padding-bottom: 1rem;
    display: inline-block;}


.frame.underline-earth h1.element-header {color:#03253D; border-bottom: 0.5rem #C08610 solid;padding-bottom: 1rem;
    display: inline-block;}

.frame.underline-blue h1.element-header {color:#03253D; border-bottom: 0.5rem #87D0E0 solid;padding-bottom: 1rem;
    display: inline-block;    margin-bottom: 4rem;}



h2{font-weight:600;}
h4{font-weight:400}
 h4.element-subheader, h4.element-header,  h3.h4.element-subheader {font-weight:400;font-size:2.5rem;}

.h5.element-header a{    width: fit-content;
    max-width: 280px;
    font-weight: normal;
    display: flex;
    height: 60px;
    font-size: 17px;
    align-items: center;
    border-bottom: 1px solid var(--frame-link-color);}
.h5.element-header span{margin-left:4rem;text-transform:uppercase;}

.h5.element-header a:before{content: "";
    background: url(/typo3conf/ext/ddc_sitepackage/Resources/Public/Icons/ico_left_blue.svg);
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    margin-left:1rem;  
}

.h5.element-header a:hover{color:var(--frame-link-color);opacity:0.8;}




button:focus { outline:0 !important;  box-shadow: none !important;
}




.dropdown-menu li{margin-left:2rem;}

 .lead , .downloads h4{
    font-size: 1.5rem;
     font-weight: 400;
        line-height:2rem;
    }

@media (min-width: 1200px)
{
    h1, .h1 {
    font-size: 3.06rem;}
    h2, .h2 {
    font-size: 2.5rem;
}
    
    .lead , .downloads h4{
    font-size: 1.75rem;
     font-weight: 400;
        line-height:2.4rem;
    }
}
a.link-arrow {
    align-items: baseline;
    text-decoration: none !important;
    float: right;
    font-weight: bold !important;
}
.link-arrow:after {content:">>";
    background: none;  
}
.frame-inner>:last-child a.link-arrow {
  /*position:absolute;
    bottom:calc(var(--pp-frame-spacing)  *1);
    right:calc(var(--pp-frame-spacing) * 1);
      bottom:5%;
    right:5%;*/
    margin-top: 3rem;
}
@media (min-width: 992px)
{
.twocolumns p {
        column-count: 2;
        column-gap: 3.6rem;
}
}

 .statshome .frame-header  { margin-bottom: 2.5rem;}

.statshome .col>.frame{padding-top:0;padding-bottom:0}

/* News and Events */

.newsfilter{display: flex;
    flex-direction: row;

    align-items: center;
}
.newsfilter select{width:auto; margin-left:1rem;   padding-right: 2rem;}

.news-list-view .article,.news-list-view .article h3 a{color:#fff}
.news-list-view .article h3 , news-list-view .article header h3{text-transform:uppercase;}


.news-list-view .article h3 {
    font-size: 1.8rem;
    line-height: 2rem;
    color: #fff;
}
.news-list-view .article .col-md-4{padding:2rem; aspect-ratio: 0.7;}
@media (min-width: 992px){
 .news-list-view .article h3 {
    font-size: 2rem;
    line-height: 2.3rem;
    color: #fff;
}   .news-list-view .article .col-md-4{padding:2.5rem;}
    
}

@media (min-width: 1140px){
.news-list-view .article h3{font-size:2.375rem;
                            line-height:2.68rem;
}
    .news-list-view .article .col-md-4{padding:3rem;}
}

.news-list-view .article p{color:#fff;}
.news-list-view .article .col-md-8{position:relative;    padding: 0;}

.news-list-view a:hover{opacity:0.8; transition:0.2s}

.news-list-view .article .news-list-info {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}


.news-list-view .article h3:after{content:"";
height:0.5rem;
    width:100%;
    background:#fff;
    display:block;
        margin-top: 2rem;
    margin-bottom: 2rem;
}


.news-list-view .article .col-md-4,.news-list-view .news-list-date, .news-list-view .morelink{background:#355064;}
.news-list-view .morelink{font-size:1.75rem; padding:1rem;text-transform:uppercase; font-weight:bold; color:#fff;}
.news-list-view .morelink a.more{color:#fff;padding:1rem 3rem;}
.news-list-view .news-list-date{font-size:1.625rem; line-height:1.875rem;padding:1rem 8rem 1rem 1.5rem;text-transform:uppercase; font-weight:bold; color:#fff;}

.news-list-view .article .teaser-text{font-size:1.25rem; line-height:1.75rem;}




.news .article {
    padding-bottom: 15px;
    margin-bottom: 2rem;
}

.frame.newshome .frame-header{margin-left:-30px;}
.frame.newshome{padding-top: calc(var(--pp-frame-inner-spacing-before) * 1.5);
    padding-bottom: calc(var(--pp-frame-inner-spacing-after) * 1.5);
}
/* News Colors */

.newshome .news-list-view .article .col-md-4,.newshome .news-list-view .news-list-date,.newshome .news-list-view .morelink{background:#355064;}

.newshome .frame-container{    padding-right: 3rem;
    padding-left:3rem;}


 .news-list-view .article:nth-child(3n+1) .col-md-4,.news-list-view .article:nth-child(3n+1) .news-list-date,.news-list-view .article:nth-child(3n+1).morelink{background:#355064
;}
 .news-list-view .article:nth-child(3n+2) .col-md-4,.news-list-view .article:nth-child(3n+2) .news-list-date,.news-list-view .article:nth-child(3n+2) .morelink{background:#D2C86E;}

.news-list-view .article:nth-child(3n+3) .col-md-4,.news-list-view .article:nth-child(3n+3) .news-list-date,.news-list-view .article:nth-child(3n+3) .morelink{background:#B04A00;}


.news-single .news-list-view .article.color1 .col-md-4, .news-single .news-list-view .article.color1 .news-list-date{background:#355064;}
.news-single .news-list-view .article.color2 .col-md-4, .news-single .news-list-view .article.color2 .news-list-date{background:#D2C86E;}
.news-single .news-list-view .article.color3 .col-md-4, .news-single .news-list-view .article.color3 .news-list-date{background:#B04A00;}

.news-single .news-list-view .article.color4 .col-md-4, .news-single .news-list-view .article.color4 .news-list-date{background:#355064;}
.news-single .news-list-view .article.color5 .col-md-4, .news-single .news-list-view .article.color5 .news-list-date{background:#D2C86E;}
.news-single .news-list-view .article.color6 .col-md-4, .news-single .news-list-view .article.color6 .news-list-date{background:#B04A00;}

.news-single .news-list-view .article.color7 .col-md-4, .news-single .news-list-view .article.color7 .news-list-date{background:#355064;}
.news-single .news-list-view .article.color8 .col-md-4, .news-single .news-list-view .article.color8 .news-list-date{background:#D2C86E;}
.news-single .news-list-view .article.color9 .col-md-4, .news-single .news-list-view .article.color9 .news-list-date{background:#B04A00;}


/* News position */
.news-list-view .article:nth-child(even) .col-md-4 {order:2 !important}
.news-list-view .article:nth-child(even) .col-md-8 {order:1 !important}




@media (min-width: 768px){
    
    .news-list-view .article:nth-child(3n+1) .news-list-date{position: absolute;
    left: 0;}
    .news-list-view .article:nth-child(3n+1)  .morelink{position: absolute;
    bottom: 0;
    right: 1rem;}

    .news-list-view .article:first-child .news-list-date{position: absolute;
    right: 0; left: unset;}
    .news-list-view .article:first-child  .morelink{position: absolute;
    bottom: 0;
    right: 0;}
    
.news-list-view .article:nth-child(3n+2) .news-list-date{position: absolute;
    left: 0;}

.news-list-view .article:nth-child(3n+2)  .morelink{position: absolute;
    bottom: 0;
    right: 1rem;}

  .news-list-view .article:nth-child(3n+2)   .frame-backgroundimage {
    width: calc(100% - 1rem);
}
    
    
    .news-list-view .article:nth-child(3n+3) .news-list-date{position: absolute;
    left: 1rem;}

.news-list-view .article:nth-child(3n+3)  .morelink{position: absolute;
    bottom: 0;
    right: 0;}

    .news-list-view .article:nth-child(3n+1) .frame-backgroundimage, .news-list-view .article:nth-child(3n+3) .frame-backgroundimage {
    width: calc(100% - 1rem);
      margin-left:1rem;
}
    
}


.btn-zoom{    font-size: 10px;
    float: right;
    /* position: absolute; */
    /* right: 0; */
    opacity: 0.5;}
.btn-zoom:hover{opacity:1}

/* News Detail */


.news-single .news-list-view .row{   margin:0}

.news-single .article .news-img-wrap {
  float: unset;
    width: auto;
    margin: 0 0 0 25px;
}

.news-single .news-list-view .article h3, .news-single  .news-list-view .article .teaser-text{color:#fff;}
.news-single .news-text-wrap h2{margin-bottom:2rem;}

.news-single .news-text-wrap{margin-top:6rem;font-size:1.75rem;line-height:2.375rem;}

.frame .news-backlink-wrap{margin-bottom:2rem; }
.frame .news-backlink-wrap>a{font-weight:bold;color:#ABABAB} 

@media (min-width: 768px){
    .news-single .news-text-wrap{max-width:66%}
}

/* Downloads */

.downloads h3.element-header{content:"";
border-bottom:0.5rem #fff solid;
margin-top: 0;
    margin-bottom: 1.5rem;
   /* line-height: 4rem;*/
    padding-bottom:1.5rem;
    display: inline-block;
}

.filelink-filename{color:#87D0E0; font-size:1rem;text-transform:uppercase;}

.frame .filelink-heading  a:not(.btn){text-decoration:none; border-bottom: 1px solid #87D0E0;
    display: inline-block;padding: 1rem;}
.frame .filelink-heading  a:before{}

.filelink-item+.filelink-item {

    margin-top:0;
}

.filelink-filename:before{content:"";
background:url(/typo3conf/ext/ddc_sitepackage/Resources/Public/Icons/ico_download_blue.svg);
background-size: contain;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 8px;
    transform: translateY(4px);
}
    

.footer-logos{background:#FaFaFa;}
.footer-logos .section-column > a{display: flex;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
margin:2rem 0 3rem 0;}

.footer-logos .section-column > a:hover{opacity:0.8}
.logo-LI{background:url(/typo3conf/ext/ddc_sitepackage/Resources/Public/Icons/logo_LI.svg);}
.logo-DI{background:url(/typo3conf/ext/ddc_sitepackage/Resources/Public/Icons/logo_DI.svg);}
.logo-SDF{background:url(/typo3conf/ext/ddc_sitepackage/Resources/Public/Icons/logo_SDF.svg);}


.hostedby{text-align:center;text-transform: uppercase;color:#D7DCE0;font-weight:bold;font-size:1.375rem;margin:2.5rem; margin-bottom:0}

.frame.footer-sociallinks   a:not(.btn), .navafter a:not(.btn) {  color:#87D0E0 !important;
}

.footer-sociallinks {
    --up-sociallinks-size: 3rem;
}

.sociallinks-link-icon {
    font-size: 3.5rem;
    width:3.5rem;
    height: 3.5rem;
}

.footer-sociallinks .sociallinks-link-label,  .navafter .sociallinks-link-label{
    display: none;
}


.footer-sociallinks .sociallinks-item,  .navafter .sociallinks-item {
    width: auto;
}

.navafter{
    border-top:6px solid #F7BD38;
display: inline-block;
padding-top:2rem;
margin-top:2rem;
    padding-bottom:2rem;
        margin-left: 6.4rem;
}
.sociallinks-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 1.5rem;
}



.frame.threerows_{margin-top:4rem;}
.frame.threerows .frame-header{margin-bottom:0}

/* carousel */

.carousel-item-layout-quaternary {
    --carousel-item-color: #ffffff;
    --carousel-item-background: #169F97;
    --carousel-item-link-color: #ffffff;
    --carousel-item-link-hover-color: #ffffff;
}


.carousel-item-layout-secondary {
    --carousel-item-color: #ffffff;
    --carousel-item-background: #D02C6B;
    --carousel-item-link-color: #ffffff;
    --carousel-item-link-hover-color: #ffffff;
}

.carousel-control-next {
    right: 1rem;
}


.carousel-control-prev {
    left: unset;
    right: 5rem;
}

carousel:hover .carousel-control-prev .carousel-control-icon {
    left: unset;
}


.carousel .carousel-control-next .carousel-control-icon {
    right: 0;
}
.carousel .carousel-control-prev .carousel-control-icon {
    left: unset;
  
}

.carousel:hover .carousel-control-prev .carousel-control-icon {
    left: unset;
}
.carousel .carousel-control, .carousel {
    transition: opacity 0.4s ease-in-out 0s;
    z-index: 1;
    opacity: 1;
}

.carousel:after {content:"";
display:block;
    opacity:0.5;
    background:#fff;
    height:100%;
    width:8.5rem;
        position: absolute;
    right: 0;
    top: 0;
}

.carousel .carousel-control-icon {
    position: absolute;
    top: unset;
    transform: unset;
    bottom: 2rem;
    width: auto;
    height: auto;
    color: #89d0e0;
    padding: 1em;
    background-color: transparent;
    transition: all 0.15s ease-in-out 0s;
    border:2px solid #fff;
    border-radius:30px;
}
.carousel button:hover .carousel-control-icon{background-color:rgba(255,255,255,0.3);transform:scale(1.1)}

.carousel-control-prev-icon {
    background-image: url(/typo3conf/ext/ddc_sitepackage/Resources/Public/Icons/ico_left.svg);
}
.carousel-control-next-icon {
    background-image: url(/typo3conf/ext/ddc_sitepackage/Resources/Public/Icons/ico_right.svg);
}


.carousel .carousel-control-icon:before, .carousel .carousel-control-icon:after{border:0}

.carousel .carousel-content-inner {
    display: flex;
    height: 100%;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 auto;
    padding: 3rem 0;
}

@media (min-width: 768px){
.carousel .carousel-control {
    width: 2rem;
}}

@media (min-width: 992px){
.carousel-item-type-text .carousel-text-inner {
    width: 90%;
        padding-right: 9rem;
    }
}

h3.carousel-item-header {text-transform:uppercase;  display:inline-block;margin-bottom: 0rem;}
h3.carousel-item-header:after{content:"";
height:0.5rem;
    width:100%;
    background:#fff;
    display:inline-block;
        margin-top: 1rem;
    margin-bottom: 2rem;
}

.frame.carousel-instruments a.link-page {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    position:absolute;
    bottom:3rem;
   right: 12rem;
}

.frame.carousel-instruments a.link-page:hover{opacity:0.7}

.frame.carousel-instruments a.link-page:after{display:none;}

.diagramsite img{max-width:779px;}

.diagramshome>div{margin-bottom:3rem;}

.row.diagramshome{    --bs-gutter-x: 35px;}



.textwithbackground .frame-inner{background:#C08610; color:#fff;padding: 3rem;}
.textwithbackground .element-header {color:#fff;    border-bottom: 0.5rem #fff solid;
    padding-bottom: 1rem;    display: inline-block;margin-bottom:2rem;}
.frame.textwithbackground  a.link-external{color:#fff;font-weight:bold;margin-top:2rem;margin-bottom:1rem;}
.frame.textwithbackground  a.link-external:after{display:none;}


 

/* Resources */
.resourcesinfo .row{
padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);}

.resourcesinfo img{    mix-blend-mode: multiply;}


.resourcesinfo h2.element-header{color:#fff;
font-size:2.75rem;
   display: inline-block;
    max-width:80%;
    text-transform:uppercase;
}

.resourcesinfo h2:after {
    content: "";
    height: 0.5rem;
    width: 100%;
    background: #fff;
    display: inline-block;
    margin-top: 2rem;
    margin-bottom: 0;
}

.resourcesinfo .ce-col{color:#fff;}


.section .resourcesinfo:nth-child(3n+1) .col-md-8 {background:#C08610;}
.section .resourcesinfo:nth-child(3n+1) .col-md-4 {background:rgba(192, 134, 16, 0.5)}

.section .resourcesinfo:nth-child(3n+2) .col-md-8 {background:#511F3C;}
.section .resourcesinfo:nth-child(3n+2) .col-md-4 {background:rgba(81, 31, 60, 0.5);}

.section .resourcesinfo:nth-child(3n+3) .col-md-8 {background:#B04A00;}
.section .resourcesinfo:nth-child(3n+3) .col-md-4 {background:rgba(176, 74, 0, 0.5);}



/* Other resources */

.otherresources h4{font-weight:400;color:#4B4B4B; font-size:2.5rem;}

.otherresources .row>.col:nth-child(6n+1)>.frame{background:#4B4B4B;}
.otherresources .row>.col:nth-child(6n+2)>.frame{background:#D02C6B;}
.otherresources .row>.col:nth-child(6n+3)>.frame{background:#169F97;}
.otherresources .row>.col:nth-child(6n+4)>.frame{background:#511F3C;}
.otherresources .row>.col:nth-child(6n+5)>.frame{background:#B04A00;}
.otherresources .row>.col:nth-child(6n+6)>.frame{background:#C08610;}
.otherresources .row>.col{color:#fff;padding: calc(var(--bs-gutter-x) * .25);
    margin:0;
    }

.otherresources .row>.col>.frame{ aspect-ratio: 0.6;
padding: calc(var(--pp-frame-inner-spacing-before) * 0.5);
    padding-top: calc(var(--pp-frame-inner-spacing-before) * 0.6);
    padding-bottom: calc(var(--pp-frame-inner-spacing-after) * 0.6);
}

.otherresources .frame h2.element-header{color:#fff;text-transform:uppercase;   display: inline-block;
font-size:2.75rem;line-height:3.375rem;
}

.otherresources .frame h2.element-header:after {
    content: "";
    height: 6px;
    width: 100%;
    background: #fff;
    display: inline-block;
    margin-top: 2rem;
    margin-bottom: 0.5rem;;
}

.otherresources .frame-inner p{font-size:1.375rem; line-height:1.625rem;}
.otherresources .frame-container{position:unset;}
.otherresources .frame{position:relative;}
.otherresources .frame-inner > *:last-child a {
    position: absolute;
    right: calc(var(--pp-frame-inner-spacing-before) * 0.5);
    bottom: calc(var(--pp-frame-inner-spacing-after) * 0.6);
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
    font-size:1.75rem;
}

.resourcesinfo .frame-inner > *:last-child a  {

    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
    font-size:1.75rem;
    padding-top:2rem;
}

.resourcesinfo .frame-inner > *:last-child a {}
.otherresources .link-external:after, .resourcesinfo .link-external:after{display:none;}


.otherresources .row {
    margin-top:2rem;
    padding-right: calc(var(--bs-gutter-x) * .25);
    padding-left: calc(var(--bs-gutter-x) * .25);
}


.otherresources.otherinstitutions  .row>.col>.frame{ aspect-ratio: 1.35;}
.otherresources.otherinstitutions .frame h2.element-header{
font-size:2rem;line-height:2.375rem;
}

.legaldesignbutton{margin:0 auto;
max-width:196px;    padding: 0;}
.legaldesignbutton a:hover{opacity:0.7}

.profile .frame-header h2{font-size:2.125rem; line-height: 2.125rem;margin-right: 1rem;}
.profile .frame-header h2.h2, .profile .frame-header h1{float:left;   margin-right: 1rem; }
.profile .frame-header h3{font-size:1.75rem; font-weight:400; color:#9AA7B2 !important;    line-height: 2.6rem;}
.profile .frame-header h2.h3{font-size:1.75rem; font-weight:400; color:#9AA7B2 !important;    line-height: 4.5rem;text-transform:uppercase}
.profile .frame-header h1:after{display:none;}
.profile .row {clear:both;}

.profile  .frame-type-image .frame-header{position:absolute;right:0; bottom:0;    margin-bottom: 0.25rem;}
.profile  .frame-type-image .frame-header h3 a{color:#fff;font-weight:bold;background:#4B4B4B;  padding: 1rem 2rem;;margin-bottom:0}
.profile  .frame-type-image .frame-header h3 a:hover{opacity:0.6}
.profile  .frame-header h4{font-weight:600;font-size:1.75rem;}

.profile .frame-inner p:not(.lead){font-size:1.25rem;line-height:1.75rem;    margin-bottom: 1.75rem;}

/* footer */

footer li{color:#355064;}
footer ul{list-style-type: none;}

/* map homepage */

   #maphome { 
	width: 50vw;
     min-height: 45vw;
       height: 100%;
       position: fixed;
   } 
   
   @media screen and (min-width:1440px) {
      #maphome { 
          position: relative;
            min-height: 720px;
        	width: 720px;
    height: 720px;
	}    
   }
   


      .leaflet-attribution-flag{display:none !important}

/*

.leaflet-control-layers-overlays  input[type="checkbox"] {
 -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15rem;
    height: 1.15rem;
    border: 1px solid #9AA7B2;
    border-radius:2px;
       transform: translateY(0.1rem);
   

}

.leaflet-control-layers-overlays  input[type="checkbox"]::before {
  content: "";
    display: block;
    margin-left:-1px;
    margin-top:-1px;
     width: 1.15rem;
    height: 1.15rem;
     border-radius:2px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;

    background:#03253d;
  
  background:url(/typo3conf/ext/ddc_sitepackage/Navigator/css/images/cross.svg);
      background-size: 57%;
    background-repeat: no-repeat;
    background-position: center;
}

.leaflet-control-layers-overlays  input[type="checkbox"]:checked::before {
  transform: scale(1);
}
*/

.leaflet-control-layers-overlays input[type="checkbox"] {
accent-color: rgba(53, 80, 100, 0.6);
}

.leaflet-popup-content a{color:#9AA7B2 !important; display:block;}
.leaflet-popup-content a h4, .leaflet-popup-content a b{color:#355064}
.leaflet-popup-content a h4{font-size:18px;text-transform:uppercase;margin:0;font-weight:600;margin-bottom:10px}


#outputdetail .leaflet-marker-pane img{pointer-events: none;}

/* Aditional Mobile optimization */


@media screen and (max-width:767px) {
    :root{    --frame-spacing-xs: 1.5rem}
    
        
    
    .news-list-view .article .col-md-8 {
    aspect-ratio: 1;
}
 .news-list-view .article .col-md-4 {
    padding: 1.5rem;
    aspect-ratio: unset;  
}   
    
    .textwithbackground .frame-inner {
    padding: 30px;
}
    
    .resourcesinfo h4.element-header {margin-left:1.5rem}
    .news-list-view  .news-list-date{width:100%;}
    .news-list-view .morelink {
    width:100%;
        text-align:center;
    }
.news-list-view .article .news-list-info {
    align-items: flex-start;
}
    #page-footer .sociallinks-list {
    justify-content: center;
}
    .navbar-mainnavigation .navbar-brand-image img {
    max-height: 60px;
}
    
    .navbar-default .navbar-nav .nav-link {
    font-size: 1.2rem;
        line-height: 1.1;
}
    
    .dropdown-item {
    font-size: 1.1rem;
        line-height: 1.5;
}
     #maphome { 
          position: relative;
        	width: 100vw;
            height: 66vw;
	}    
    .leaflet-top.leaflet-right{display:none}
    
    h1, .h1 {
        font-size: 1.8rem;
}

    .profile .frame-header h2 {
    font-size: 1.8rem;
    line-height: 2rem;
}
    .profile .frame-header h3 {
    font-size: 1.4rem;
    line-height: 2rem;
}
    
    .profile .frame-inner p:not(.lead) {
    font-size: 1.1rem;
    line-height: 1.5rem;
    margin-bottom: 1.75rem;
}
    .profile .frame-header h2.h3 {
    font-size: 1.5rem;
    line-height: 2rem;
        text-transform: none;
}
    
    .profile .frame-header h2.h2, .profile .frame-header h1 {
    float: none;

}
    
    h4.element-subheader, h4.element-header, h3.h4.element-subheader {
    font-weight: 400;
    font-size: 1.5rem;
}
    
        .lead, .downloads h4 {
    font-size: 1.2rem;
    line-height: 1.6rem;
}
    
     .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1.5rem);
    padding-left: var(--bs-gutter-x, 1.5rem);
    margin-right: auto;
    margin-left: auto;
}
  
    
    .section>div>div>div>div.frame-container-default, .section>div>div>div>div.container {
    max-width: 100%;
         padding-right: 1.5rem;
    padding-left: 1.5rem;
}
    .frame.newshome .frame-header {
    margin-left: -0.5rem;
}
  
    
    .footer-section-content-column-left{order:2 !important}
    .footer-section-content-column-middle{order:1 !important}
    .footer-section-content-column-right{order:3 !important}
    
    .footer-section-content-column-middle figure.image {
    width: 80%;
    margin: 0 auto;
}
    .footer-section-content-column  li{text-align:center}
   .footer-section-content   ul {
    padding-left: 0;
}
    #page-footer .footer-section-content-column .text-right {
    text-align: center !important;
}
    #page-footer .footer-section-meta .frame-container.frame-container-default{
        transform: none;
    opacity: 1;
    }
    .footer-copyright {
    text-align: center !important;
        margin-top:-2rem;
        margin-bottom:2rem;
}
  
    .frame-type-carousel .frame-container.frame-container-default{padding:0}
    .carousel .item {
    height: auto;
}
    .carousel:after{display:none;}
    .carousel-item-type-text .carousel-text-inner {
    margin: 0 auto;
    padding-bottom: 4rem;
}
    .carousel .carousel-control-icon {
        bottom: 3rem;}
    
    .carousel .carousel-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
    
    .frame.carousel-instruments a.link-page {
    bottom: 3.5rem;
}
     
    .section>div.textwithbackground>div>div>div.frame-container-default, .section>div.resourcesinfo>div>div>div.frame-container-default,  .section>div.otherresources>div>div>div.frame-container-default {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}
    .navbar-mainnavigation>.container>.navbar-collapse>.navbar-nav {
    margin-left: 1rem;
}
    .threerows h2, .h2 {
    font-size: calc(1rem + 1.05vw);
}
    .resourcesinfo h2.element-header {
    color: #fff;
    font-size: 1.8rem;
    display: inline-block;
    max-width: unset;
}
    .otherresources h4 {
    font-size: 1.8rem;
}
    .legal_definition {
    column-count: 1;
}
    .detail_head {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
}
}