/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    overflow-x: hidden;
}

ol,
ul,
li {
    list-style: none;
    padding: 0;
}

main ul {
    margin: 3rem 0;
    padding: 0;
}

main ul li {
    margin: 1.2rem 1.875rem;
    font-weight: 400;
    list-style-type: disc;
}

.unterseite main section p a {
    color: #007198;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    /* text-decoration: none; */
    color: #007aaf;
}

strong {
    font-family: 'bundessans_webbold', Arial, sans-serif;
    font-weight: normal;
}

b {
    font-family: 'bundessans_medium', Arial, sans-serif;
    font-weight: normal;
}

.free {
    margin: 0 !important;
    padding: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    margin: 0 0 1rem 0;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-family: 'bundessans_webbold', Arial, sans-serif;
}

h2.big {
    font-size: 2.375rem;
    line-height: 3.5rem;
}


h3 {
    margin-bottom: 0 !important;
}

/* Reset css STOP*/
/* EINBINDUNG WEBFONT ----------------------*/
@font-face {
    font-family: 'bundessans_webbold';
    src: url('../../evaluation/css/fonts/bundessansweb-bold-webfont.woff2') format('woff2'), url('../../evaluation/css/fonts/bundessansweb-bold-webfont.woff') format('woff'), url('../../evaluation/css/fonts/bundessansweb-bold-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bundessans_webbold_italic';
    src: url('../../evaluation/css/fonts/bundessansweb-bolditalic-webfont.woff2') format('woff2'), url('../../evaluation/css/fonts/bundessansweb-bolditalic-webfont.woff') format('woff'), url('../../evaluation/css/fonts/bundessansweb-bolditalic-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bundessans_webitalic';
    src: url('../../evaluation/css/fonts/bundessansweb-italic-webfont.woff2') format('woff2'), url('../../evaluation/css/fonts/bundessansweb-italic-webfont.woff') format('woff'), url('../../evaluation/css/fonts/bundessansweb-italic-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bundessans_webregular';
    src: url('../../evaluation/css/fonts/bundessansweb-regular-webfont.woff2') format('woff2'), url('../../evaluation/css/fonts/bundessansweb-regular-webfont.woff') format('woff'), url('../../evaluation/css/fonts/bundessansweb-regular-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bundessans_medium';
    src: url('../../evaluation/css/fonts/bundessans-medium-webfont.woff2') format('woff2'), url('../../evaluation/css/fonts/bundessans-medium-webfont.woff') format('woff'), url('../../evaluation/css/fonts/bundessans-medium-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bundessans_mediumitalic';
    src: url('../../evaluation/css/fonts/bundessans-mediumitalic-webfont.woff2') format('woff2'), url('../../evaluation/css/fonts/bundessans-mediumitalic-webfont.woff') format('woff'), url('../../evaluation/css/fonts/bundessans-mediumitalic-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

/* END EINBINDUNG WEBFONT ----------------------*/


/* FONTS MOBIL */
body {
    font-family: 'bundessans_webregular';
    color: #3B3B3B;
    font-size: 1rem;
    line-height: 1.5rem;
}

.light {
    font-family: 'bundessans_webregular';
}

h4,
article h2 {
    font-family: 'bundessans_medium';
    font-size: 1.125rem;
    line-height: 1.2;
}

i {
    margin-right: 10px;
}

em {
    font-family: 'bundessans_webitalic';
    font-style: normal;
}

#headerslider a:hover,
.subline a:hover {
    color: #80DEFD;
}

a:hover {
    color: #023142;
}


section .icon {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    top: -45px;
    border: 10px solid;
    transform: translate(-50%);
}

.downloadarea a {
    font-size: 1rem;
}

.greytowhite h3 {
    margin-bottom: 1.25rem !important;
}

.greytowhite .subtitle {
    font-size: 1.25rem;

}

/* END FONTS MOBIL */

/* FARBEN */

:root {
    --color-grey: #EBEBEB;
    --color-lightgrey: #F5F5F5;
    --color-darkgrey: #707070;
    --color-origgrey: #CECECE;

    --color-blue: #007AA3;
    --color-darkblue: #005776;
    --color-white: #FFF;
    --color-lightergrey: #F5F5F5;
}

.txt-blue,
a:hover {
    /*color: #135C93;*/
}

.txt-blue,
a.txt-darkblue:hover,
.txt-darkblue a:hover {
    color: var(--color-blue);
}

.txt-darkblue,
.downloadarea .txt-blue,
a.txt-blue:hover,
.txt-blue a:hover,
#navbarSupportedContent .nav-item .nav-link:hover,
#navbarSupportedContent .nav-item .nav-link.active:hover {
    color: var(--color-darkblue) !important;
}




.txt-darkgrey {
    color: var(--color-darkgrey);
}

.txt-white {
    color: var(--color-white);
}

.blue {
    background-color: var(--color-blue);
}

.darkblue {
    background-color: var(--color-darkblue);
}

.grey {
    background-color: var(--color-grey);
}

.lightgrey {
    background-color: var(--color-lightgrey);
}

.origgrey {
    background-color: var(--color-origgrey);
}


.white {
    background-color: var(--color-white);
}

.bg-blue{
  background-color: #2D91C8;
}

.greytowhite {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(241, 241, 241, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(241, 241, 241, 1) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(241, 241, 241, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f1f1f1", GradientType=1);
}

.downloadarea .txt-blue:hover {
    color: #333;
}

/* END FARBEN */

/* BOOTSTRAP_ERWEITERUNG */
.pb-6,
.py-6 {
    padding-bottom: 5rem !important;
}

.pt-6,
.py-6 {
    padding-top: 5rem !important;
}

.pl-6,
.px-6 {
    padding-bottom: 5rem !important;
}

.pr-6,
.px-6 {
    padding-top: 5rem !important;
}

.mb-6,
.my-6 {
    padding-bottom: 5rem !important;
}

.mt-6,
.my-6 {
    padding-top: 5rem !important;
}

.pb-7,
.py-7 {
    padding-bottom: 8rem !important;
}

.pt-7,
.py-7 {
    padding-top: 8rem !important;
}

.pl-7,
.px-7 {
    padding-bottom: 8rem !important;
}

.pr-7,
.px-7 {
    padding-top: 8rem !important;
}

.mb-7,
.my-7 {
    padding-bottom: 8rem !important;
}

.mt-7,
.my-7 {
    margin-top: 8rem !important;
}

/* END BOOTSTRAP_ERWEITERUNG */

/* SKIP LINKS */

.skip-links a {
    position: absolute;
    transform: translateY(-120%);
    display: inline-block;
    margin: .25rem;
    transition: transform .325s ease-in;
    background: var(--color-white);
    padding: .25rem;
    z-index: 99;
}


.skip-links a:focus {
    transform: translateY(0%);
}

/* END SKIP LINK*/


/* HEADER HAUPTNAVIGATION */

#mainNav.bg-light {
    background-color: var(--color-white) !important;
}

.nav-item {
    padding: 0 1%;
}

.navbar-brand .txt-darkblue {
    font-size: 1.125rem;
}

.nav-item,
.navbar-expand-xl .navbar-nav .nav-link {
    font-family: 'bundessans_webbold';
    color: var(--color-blue);
}

.navbar-expand-xl .navbar-nav.config .nav-link {
    font-size: 1rem;
    font-family: 'bundessans_webregular';
}

.nav-item .nav-link.active {
    color: var(--color-blue);
    background: transparent;
}

.dropdown-menu {
    min-width: unset;
}

#navbarDropdown .dropdown-menu .dropdown-item {
    padding: unset;
}

.dropdown-toggle::after {
    display: none;
}

header .language.btn.dropdown-toggle,
header .language.btn.dropdown-toggle:hover,
header .language.btn.dropdown-toggle.show,
.dropdown-menu.show {
    border: 0px;
}

.language.dropdown-toggle::after {
    display: none;
}

#navbarDropdown {
    justify-content: start;
    display: flex;
}

.navbar-toggler {
    background-color: #fff;
    border: 0px;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    background-color: #ccc;
}


.navbar-brand img {
    max-width: 90px;
}

#navbarSupportedContent form#search span {
    font-size: 1.125rem;
}

#navbarSupportedContent form#search button {
    border: 0;
    background: transparent;
}

.nav-link img {
    float: left;
    margin-right: 0.25rem;
    width: 20px;
}


/* MOBILES MENÜ */



.navbar-collapse {
    padding: 10px;

    margin: 0px;

}

.navbar-collapse.show {
    height: auto;
    transition: 0.8s;
}

.navbar-toggler-icon {
    width: 2.5rem;
    height: 2.5rem;
}

.navbar-toggler {
    color: var(--color-darkblue);
}


/* END MOBILES MENÜ */


#metaNav {
    z-index: 9;
	background-color: rgba(0,87,118,.9);
}


#metaNav .dropdown-menu.show {
    display: flex !important;
    border-radius: 0;
    top: 1px !important;
    -webkit-box-shadow: -3px 4px 11px -3px #333;
    box-shadow: -3px 4px 11px -3px #333;

}

#metaNav .dropdown-menu li.header {
    font-size: 1.75rem;
}



.dropdown-menu .container {
    max-width: 1015px;
}

#metaNav .dropdown-menu h4 {
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, .9);
    /*width: 50%;*/
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    right: 0;
    left: 0;
    padding: 0.5rem;
}

#metaNav a.dropdown-toggle.show i.bi-chevron-down::before {
    transform: rotate(180deg);
}

#metaNav a.dropdown-toggle i.bi-chevron-down::before {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -ms-transition: -ms-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

#metaNav li.border-start {
    border-color: #094053 !important;
    border-width: 2px !important;
}

#metaNav ul.navbar-nav {
    background: transparent !important;
}


#metaNav ul.navbar-nav li {
    width: 100%;
}

#metaNav li a {
    color: #fff;
}

#metaNav .nav-item.dropdown {
    background: #005776;
}

@media (min-width: 768px) {
    #metaNav ul.navbar-nav li {
        width: 100%;
    }
}

@media (min-width: 992px) {
    #metaNav ul.navbar-nav li {
        width: auto;
    }
}

#metaNav ul:not(.navbar-nav) li {
    width: 100%;
}

@media (min-width: 576px) {
    #metaNav ul:not(.navbar-nav) li {
        width: 100%;
    }
}

@media (min-width: 992px) {
    #metaNav ul:not(.navbar-nav) li {
        width: auto;
    }
}

@media (min-width: 1024px) {
    .dropdown-menu .container {
        min-width: 300px;
    }
}

@media (min-width:1200px) {
    #metaNav .dropdown-menu img {
        max-width: 306px;
    }
}


/* END HEADER HAUPTNAVIGATION */

/* BREADCRUMB */

#breadcrumb li {
    font-size: 1rem;
    list-style: none;
}

#breadcrumb li.default::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    height: 0;
    border-style: solid;
    border-width: 46px 46px 0 0;
    border-color: #007aa3 transparent transparent transparent;
    line-height: 0px;
    _border-color: #007aa3 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.default.blue.txt-white.float-start.p-2.ps-3.me-5.ms-0.position-relative {
    height: 46px;
}

/* END BREADCRUMB */

/* POWERMAIL */
.tx-powermail legend,
.tx-powermail h3 {
    display: none;
}

.tx-powermail a {
    color: var(--color-blue);
}

.tx-powermail a:hover {
    color: var(--color-darkblue);
}

.tx-powermail input,
.tx-powermail textarea {
    font-weight: 300;
    padding: 1rem;
    width: 100%;
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 1.75rem 1rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 5px 0 30px 0;
}

.tx-powermail textarea {
    min-height: 300px;
}

.tx-powermail .powermail_fieldwrap_type_submit input {
    font-weight: 300;
    background-color: var(--color-blue);
    ;
    border: 0px;
    width: 200px;
    color: #fff;
    padding: 0;
    height: 50px;
    margin-top: 30px;
    float: left;
    clear: left;
}

.tx-powermail .powermail_fieldwrap_type_submit input:hover {
    background-color: #023142;
    color: #fff;
    border-color: #023142;
}

.tx-powermail .col-sm-10 {
    padding-left: 0;
    padding-right: 0;
}

.tx-powermail .powermail_fieldwrap_datenschutz.col-md-6,
.tx-powermail .powermail_fieldwrap_hinweis.col-md-6 {
    width: 100%;
    max-width: 100%;
    flex: auto;

}

.tx-powermail .powermail_fieldwrap_type_check label {
    display: block;
}

.tx-powermail .powermail_fieldwrap_datenschutz {
    margin-top: 25px;
}

.tx-powermail .parsley-required {
    color: red;
}

.tx-powermail .checkbox input {
    width: 20px;
    float: left;
    margin-top: -5px;
    margin-right: 5px;
}


/* END POWERMAIL */


/* PUBLICATIONS */

.projectmap {
    background: white;
    padding: 0;
  	border: 1px solid #AFAFAF;
}

.projectmap .menu .menuitem {
    cursor: pointer;
}

.projectmap .menu .menuitem.active,
.projectmap .menu .menuitem:hover {
    background: #01395e;
}

.projectmap .infobox {
    position: relative;
    width: 100%;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}

.projectmap .infobox h3 {
    font-size: 2.25rem;
}

.projectmap .infobox p {
    font-size: 1.25rem;
}

.projectmap .projectlist .project {
    display: none;
}

.projectmap .projectlist .project.show {
    display: flex;
}

.projectmappopup {
    padding: 10px;
    background: #fff;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .28);
    align-items: flex-start;
    width: 480px;
    z-index: 99;
}

.projectmappopup img {
    height: 140px;
    width: 140px;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
}

.projectmappopup .content {
    padding-left: 15px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
}

.projectmappopup .content .desc,
.projectmap .projectlist .project .desc {
    font-size: 1.2rem;
    color: #000;
}

.projectmappopup .content .close {
    position: absolute;
    top: -10px;
    right: -10px;
    height: 30px;
    width: 30px;
}

.projectmappopup .content .close::before {
    content: "";
    display: block;
    width: 12px;
    border-top: 2px solid #333;
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    left: 10px;
    transform-origin: top left;
}

.projectmappopup .content .close::after {
    content: "";
    display: block;
    width: 12px;
    border-top: 2px solid #333;
    transform: rotate(-45deg);
    position: absolute;
    bottom: 10px;
    left: 10px;
    transform-origin: bottom left;
}

.projectmappopup .content h5 {
    color: #009dd3;
}

.projectmappopup .content a.more.blue-text i {
    font-size: 1.1rem;
    padding-left: 8px;
}

.projectmap .projectmenu.open .desc p {
    font-size: 1.2rem;
    line-height: 1.9rem;
}

.projectmap .projectmenu.open img {
    margin-bottom: 15px;
}

.projectmap .projectmenu.open .link,
.mapviewmobile .content .card .card-body .link {
    background-color: #ffffff;
    color: #009dd3 !important;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    padding: 0.65rem 1.2rem;
    border: 0;
    font-size: 1.375rem;
    text-transform: uppercase;
    width: max-content;

}

.projectmap .projectmenu.open .link a {
    color: #009dd3 !important;
}

#projectmapCounter {
    position: absolute;
    top: 70px;
    left: 0;
    display: block;
    background: #0F3251;
    height: auto;
    width: auto;
    text-align: center;
	border-radius: 2rem;
  	padding: .5rem 2rem;
    color: #fff;
    display: none;
    z-index: 9;
}

.projectmap object {
    transition: right .5s;
    position: relative;
    right: 0;
}

.projectmap object.open {
    right: 450px;
}

.projectmap .closeprojectmenucontainer {
    width: 100%;
    padding: 10px;
    display: block;
}

/* The animation code */
@keyframes input-blinking {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

select#documentcountry.animate{
  	animation-name: input-blinking;
  	animation-duration: 1s;
  	animation-iteration-count: 2;
  	animation-timing-function: linear;
}

.tx-publications nav.pagination ul,
.tx-publications nav.pagination ul li {
    list-style: none;
}

.tx-publications nav.pagination ul li {
    height: 45px;
}

.tx-publications nav.pagination a {
    border-radius: .3rem;
    padding: .54rem .85rem;
    background-color: var(--color-darkblue);
    color: var(--color-white);
}

.tx-publications .paginatortext {
    font-size: 1rem;
}

.tx-publications article[data-publications-record] .downloadarea .pubVersions a:nth-of-type(odd) {
    background-color: var(--color-lightergrey);
}

.tx-publications article[data-publications-record]:last-of-type {
    border: none !important;
}

.tx-publications nav.pagination a[aria-current="page"] {
    background-color: var(--color-origgrey);
    color: var(--color-darkblue);
}

.tx-publications .paginationhelptext {
    font-size: 1.5rem;
}

.tx-publications nav.pagination a:hover {
    background-color: var(--color-blue);
    color: #fff;
}






.tx-publications article span.txt-darkblue,
.tx-publications article span.blue,
.tx-publications article .txt-darkblue span {
    font-size: 0.938rem;
}

.tx-publications h5 {
    margin-top: 1rem;
}

.tx-publications .txt-darkblue.category {
    text-transform: uppercase;
}

.tx-publications a:hover {
    /*color:#0A3341;*/
}

/* END PUBLICATIONS*/


/* IMAGELINKBOX */
.imagelinkbox {
    margin-bottom: 5rem;
}

.imagelinkbox img {
    vertical-align: unset;
    margin-right: 0.3rem;
    margin-bottom: 0.1rem;
}

.imagelinkbox a {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.imagelinkbox p {
    font-size: 1.125rem;
    margin-top:0.5rem;
}

/* END IMAGELINKBOX */


.btn:hover,
#metaNav .nav-item:hover,
#metaNav .col-auto:hover {
    background-color: #023142;
    color: #fff;
    border-color: #023142;
}

#metaNav .nav-item:hover,
#metaNav .nav-item.show,
#metaNav .nav-item:has(> a.show) {
    background-color: #009CD1;
}

/* HEADERSLIDER */

#headerslider .container{
  margin-top: 6%;
}

#headerslider h1 {
    font-family: 'bundessans_webbold';
  	font-size: 2.5rem;
  	line-height: 2.625rem;
    color: #fff;
	background-color: #009DD4;
  	max-width: fit-content;
  	padding: 0.625rem;
}

#headerslider span.subtitle{
  font-size: 1.5rem;
  padding: .3rem;
}

#headerslider .col.contentarea {
    padding-top: 2rem;
    padding-left: 5%;
}

#headercarousel button span {
    display: none;
}



/* END HEADERSLIDER */





/* FOOTER */

footer#footer {
  background: rgb(12,144,189);
  background: linear-gradient(180deg, rgba(12,144,189,0.2539216370141807) 0%, rgba(255,255,255,1) 43%, rgba(255,255,255,1) 100%);
  }
  
  
  footer .container.pt-7 .txt-white {
      color: #005776 !important;
}

footer p,
footer a {
    color: #005776;
}


.subline a {
    margin: 0 1rem;
    text-transform: uppercase;
    line-height: 2rem;
    color:#fff;
}

/* END FOOTER */


/* START RESPONSIVE ------------------------------------------------------------------------------------------*/

@media (max-width:576px) {
    #headerslider .headerwrapper {
        width: 90% !important;
    }


}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .container {
        max-width: 99%;
    }
}



@media (max-width:576px) {

#headerslider #headercarousel .carousel-control-prev i, #headerslider #headercarousel .carousel-control-next i {
        width: 30px !important;
        height: 30px !important;
        font-size: 1.2rem !important;
    }

}


@media (max-width:768px) {

    #metaNav .navbar-nav .nav-link,
    #metaNav ul li {
        justify-content: space-between !important;
        display: flex !important;
        width: 50%;
    }

    #metaNav ul.navbar-nav li {
        width: 50%;
    }

    #metaNav ul:not(.navbar-nav) li {
        width: 50%;
    }


}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .container {
        max-width: 760px;
    }

    #headerslider {
        min-height: 750px;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }

    #headercarousel button span {
        display: block;
    }

    .ambiente {
        height: 100vH;
        max-height: 830px;
    }

    .tx-powermail input,
    .tx-powermail textarea {
        width: 70%;
    }


}


/* ----------- ANMUTUNG MOBILE NAVIGATION */
@media (max-width: 991px) {
    .navbar-nav {
        background: #fff;
        /*border-radius: 10px;*/
        /*padding: 1rem;*/

    }

    .nav-item,
    .navbar-expand-xl .navbar-nav .nav-link {
        padding: 0.5rem 0;
    }
}

/* ----------- END ANMUTUNG MOBILE NAVIGATION */




/* X-Large devices (large desktops, 1200px and up) ----> FONTS DESKTOP*/
@media (min-width: 1200px) {
    .container {
        max-width: 90%;
    }

    #metaNav .dropdown-menu.show {
        min-width: max-content;
        left: -24px !important;
        margin: 0px;
    }

    .accordion,
    .decoration .container {
        padding: 0 10%;
    }

    .navbar-brand img {
        max-width: 130px;
    }

}

@media (max-width:1200px) {
    #metaNav .dropdown-menu {
        opacity: 0;
        visibility: hidden;
        transition: opacity .8s linear;
    }

    #metaNav .dropdown-menu.show {
        width: 320px;
        opacity: 1;
        visibility: visible;
    }


    #metaNav h3 {
        font-size: 1.25rem;
        hyphens: inherit;
    }

    #metaNav .dropdown-menu a .img-fluid {
        max-width: unset;
        height: 130px;
        object-fit: cover;
        width: 100%;
        object-position: top center;
    }

}


/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .container {
        max-width: 1390px;
    }


    .intro-text {
        padding-right: 15%;
    }

    /* FONTS DESKTOP */
    body,
    body p {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }

    body p {
        margin-bottom: 2.5rem;
    }

    p.author {
        font-size: 0.713rem;
        right: 25%;
    }

    .btn {
        font-size: 1.125rem;
    }

    .btn i {
        font-size: 1.2rem;
    }

    .geographic p,
    .icon-row {
        font-size: 1.375rem;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 1.5rem 0;
    }

     h2.big {
        font-size: 4.375rem;
        line-height: 5.5rem;
    }
  
    h4,
    article h2 {
        font-size: 1.375rem;
    }

    h1 {
        font-size: 2.5rem;
        line-height: 3rem;
    }




    .introtitle,
    h2 {
        font-size: 1.875rem;
        line-height: 2.5rem;
    }

    .greytowhite h2 {
        font-size: 2.5rem;
        margin-bottom: 1.25rem !important;
    }

    .greytowhite .subtitle {
        font-size: 1.5rem;

    }

    .greytowhite h3 {
        font-size: 1.625rem;
    }

    .runtime {
        font-size: 1.375rem;
    }

    footer .subline {
        font-size: 1.125rem;
    }

    .navbar-brand .txt-darkblue {
        font-size: 1.275rem;
    }

    .downloadarea a {
        font-size: 1.125rem;
    }

    footer h2 {
        font-size: 2rem;
        font-family: 'bundessans_webregular', Arial, sans-serif;
        text-transform: uppercase;
        line-height: 3rem;
        margin-bottom: 0;
    }


    /* END FONTS DESKTOP */


}

/* XXX-Large devices */
@media (min-width: 1680px) {
    .container {
        max-width: 1640px;
    }
}

@media (min-width: 2000px) {
    #mainNav {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    .navbar-expand-xl .navbar-nav.config .nav-link {
        font-size: 1.125rem;

    }
}