/* Schriftarten */

/* ibm-plex-sans-100 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/ibm-plex-sans-v14-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-100.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-100italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/ibm-plex-sans-v14-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-100italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-200 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/ibm-plex-sans-v14-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-200.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-200italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/ibm-plex-sans-v14-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-200italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-300 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ibm-plex-sans-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-300.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-300italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/ibm-plex-sans-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-300italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-regular - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ibm-plex-sans-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-regular.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/ibm-plex-sans-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-500 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ibm-plex-sans-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-500.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-500italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/ibm-plex-sans-v14-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-500italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-600 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/ibm-plex-sans-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-600.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-600italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/ibm-plex-sans-v14-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-600italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-700 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ibm-plex-sans-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-700.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-700italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/ibm-plex-sans-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-sans-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v14-latin-700italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}


@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap');


/* Folgendes einbinden wenn Schriften lokal liegen
font-display: swap;
*/


*,
*::before,
*::after{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
    max-width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



:root{
	--blue: 38, 89, 142;
    --light-grey: 245, 245, 245;
    --dark-grey: 128, 128, 128;
    --pink: 228, 4, 125;
    --black: 62, 62, 62;

    --headline-font: 'Space Grotesk', sans-serif;
    --fliesstext-font: IBM Plex Sans, sans-serif;
    --btn-font: Montserrat, sans-serif;

    --font-size: 1;
    --xxl-font-size: 3;
    --line-height: 1;


    --shadowcolor: 0, 0, 0;
    --shadow: 4px 4px 4px 1px rgba(var(--shadowcolor), 0.4);
}

html{
	background: #FFF;
    color:  rgba(var(--dark-grey),1);
    scroll-behavior: smooth;
    margin: 0;
	padding: 0;
    font-size: 16px;
    word-break: break-word;
}

header main, footer{
    display: block;
}



/* FONTS START */

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: var(--headline-font); font-weight: 700;  color:  rgba(var(--black),1);}

h1 {
    font-size: calc(var(--font-size) * 2.4rem);
    line-height: calc(var(--line-height) * 1);
}
h2 {
    font-size: calc(var(--font-size) * 2rem);
    line-height: calc(var(--line-height) * 1.25);
}
h3, h4, h5, h6 { line-height: calc(var(--line-height) * 1.5);  }


h3 {font-size: calc(var(--font-size) * 1.95rem);}
h4 {font-size: calc(var(--font-size) * 1.75rem);}
h5 {font-size: calc(var(--font-size) * 1.5rem);}
h6 {
    font-family: var(--fliesstext-font);
    font-size: calc(var(--font-size) * 1.95rem);
}

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

main a{
    font-size: calc(var(--font-size) * 1.25rem)
    ;
}
p, ul, ol {
    font-family: var(--fliesstext-font);
    line-height: calc(var(--line-height) * 1.549);
    margin-bottom: 1rem;
    font-size: calc(var(--font-size) * 1.25rem);
}



.xxl {font-size: calc(var(--xxl-font-size) * 1.25rem); }
.btn { display: inline-block; font-family: var(--btn-font);}

@media screen and (min-width: 460px){
		h1 {
		font-size: calc(var(--font-size) * 2.4rem);
		line-height: calc(var(--line-height) * 1);
	}
	h2 {
		font-size: calc(var(--font-size) * 3rem);
		line-height: calc(var(--line-height) * 1.25);
	}
}

/* FONTS ENDE */


/* FARBEN START */
.bg_white{ background-color: #FFF;}
.bg-blue-gray{ 
    background-color: rgba(var(--blue), 1); color: #FFF;
}
.bg-blue{ background-color: rgba(var(--blue), 1); color: #FFF;}

.bg-blue-important{ 
    all: unset;
    background-color: rgba(var(--blue), 1); color: #FFF;}

.bg-blue a{color: #FFF;}
.bg-light-grey{ background-color: rgba(var(--light-grey), 1);}
.bg-dark-grey{ background-color: rgba(var(--dark-grey), 1); color: #FFF;}
.bg_pink{ background-color: rgba(var(--pink), 1); color: #FFF;}

.txt-white{
    color: #FFF !important;
}
/* FARBEN ENDE */

/* START HEADER */
header{
    height: 100vh;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 18% 82%;
    position: relative;
}

@media screen and (max-width: 460px){
	header{
		height: 100%;
		display: block;
		position: relative;
	}
	
	.hero-content{
		margin-top: 10rem;
	}
}

header ul {list-style: none;}
header ul li {display: inline-block;}
/*header ul li a, header  ul li a:hover{
     font-size: calc(var(--font-size) * 1rem);
    font-family: var(--fliesstext-font);
    color: #FFF;
    margin-right: 3.75rem;
    padding: 1.8rem 0;
}*/

.fixed{
    grid-row: 1;
    min-width: 100%;
    position: fixed;
    z-index: 99;
    box-shadow:0  0 8px rgba(0, 0, 0, 0.4);
}

.news-bar{
    font-family: var(--fliesstext-font);
    text-align: center;
    padding: 0.4rem 0;
}

.logo-bar{
    background-color: #FFF; 
    display: none;
}
.logo-bar .section-wrapper {
    font-size: 1rem !important;
    padding: 33px 2rem;
}


.logo-bar-logo{position: relative; grid-column: 1/3; text-align: left; height: 100%;}
.logo-bar-text{position: relative; grid-column: 3/5; margin: 0 auto; width: 100%; height: 100%; color: rgba(var(--blue), 1);}

.logo-bar-text p {
    font-size: var(--font-size);
}
.logo-bar-text span {
    font-weight: 700;
}


.countdown {
    position: relative; 
    grid-column: 5/8; 
    height: 100%;
    color: rgba(var(--blue), 1);
}

.tage, .stunden {
    position: relative;
    height:108px;
    }

.logo-bar-social{
    display: grid;
    align-items: center;
    grid-column: 10/-1;
    text-align: right;
    height: 100%;
}

.logo-bar-social ul li{
    margin-left: 2.25rem;;
}

.logo-bar-social svg{
    fill: rgba(var(--blue), 1);
}
.logo-bar-social svg:hover{
    fill: rgba(var(--pink), 1);
}

.logo-bar-logo, .logo-bar-text, .countdown{
    display: grid;
    align-content: center;
}

.logo-bar-border-right::after{
    content: '';
    display: grid;
    position: absolute;
    top:0;
    bottom: 0;
    margin: auto 0;

    right: 2rem;
    height: 65px;
    width: 1px;
    background-color: rgba(var(--blue), 1);
}

.logo-bar-border-right.logo-bar-text::after ,.logo-bar-border-right.tage::after, .logo-bar-border-right.stunden::after{
    content: '';
    display: grid;
    position: absolute;
    right: 0;
    height: 65px;
    width: 1px;
    background-color: rgba(var(--blue), 1);
}

.countdown{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
}
.countdown span{font-family: var(--headline-font); font-weight: 500; font-size:calc(var(--font-size) * 3rem); }
.countdown p{font-family: var(--fliesstext-font); font-weight: 500;}


.fixed-logo{
    grid-column: 1 / 3;
    display: grid;
    justify-content: center;
    align-items: center;
}
.fixed-logo.ausblenden{
    display: grid;
}




.main-nav{
    display: none;
    grid-column: 3 / -1;
    padding: 21px 1rem 21px 0;
    position: relative;
    margin-left: -8px;
}
.main-nav ul li a, .sub-nav ul li a{
    font-family: var(--fliesstext-font);
    color: #FFF;
    margin-right: 3.87rem;
    padding: 21px
}

.main-nav ul li a:hover, .sub-nav ul li a:hover{
    content: '';
    top: 0;
    bottom: 0;
    background-color: rgba(var(--pink), 1);
    padding: 21px
}

.main-nav  .btn-tickets{
    background-color: #FFF;
    color:rgba(var(--blue), 1);
    padding: 5px 1rem;
}
.main-nav  .btn-tickets:hover{
    background-color: rgba(var(--pink), 1);
    color: #FFF;
    padding: 5px 1rem;
}

.main-nav  .btn-login{
    background-color: rgba(var(--pink), 1);
    color: FFF;
    padding: 5px 1rem;
}
.main-nav  .btn-login:hover{
    background-color: #FFF;
    color:rgba(var(--blue), 1);
    padding: 5px 1rem;
}



.sub-nav{
    display: none;
}



.mob-nav{
    display: grid;
    align-content: center;
    grid-column: 3;
}

.mob-navi-tickets{
    grid-column: 5 / -1;
    position: relative;


}
.mob-navi-tickets a{
    font-family: var(--fliesstext-font);
}

.mob-navi-tickets .btn-tickets{
    background-color: #FFF;
    color:rgba(var(--blue), 1);
    padding: 5px 1rem;
}
.mob-navi-tickets .btn-tickets:hover{
    background-color: rgba(var(--pink), 1);
    color: #FFF;
    padding: 5px 20px;
}



nav .section-wrapper{
    align-items: center;
    justify-items: end;
}

label.hamburg {
    display: block;
    width: 75px;
    height: 50px;
    position: relative;
    margin-left: auto; margin-right: auto;
    border-radius: 4px;
    cursor: pointer;

 }

 input#hamburg {
     display:none;
 }

 .line {
    position: absolute;
    right:0px;
    height: 2px;
    width: 30px;
    background: #fff; border-radius: 2px;
    display: block;
    transition: 0.5s;
    transform-origin: center;

 }

 .line:nth-child(1) { top: 12px; }
 .line:nth-child(2) { top: 24px; }
 .line:nth-child(3) { top: 36px; }

 #hamburg:checked + .hamburg .line:nth-child(1){
    transform: translateY(12px) rotate(-45deg);
 }

 #hamburg:checked + .hamburg .line:nth-child(2){
    opacity:0;
 }

 #hamburg:checked + .hamburg .line:nth-child(3){
    transform: translateY(-12px) rotate(45deg);
 }



 .slider-item{
    display: grid;
    align-items: center;
    height: 100%;
    background-image: url(../assets/img/ph_bg_hero.jpg);
    background-position: top ;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider-item.pressekonferenz{
    background-image: none;
    display: grid;
    align-items: center;
    height: 100%;
    background-color: #2c5c91;
    background-position: top ;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider-item.ausstellen-informieren-1{
    background-image: url(../assets/img/slider-item_ausstellen-informieren-1.jpg);
}

.slider-item.ausstellen-anmelden{
    background-image: url(../assets/img/ITA_Skizzen_Lounge-02.jpg);
	    background-repeat: no-repeat;
    	background-position: right center;
}

.slider-item.kein-bild{
    background-image: none;
}



.slider-item p:first-child{
    font-weight: 700;
    color:  rgba(var(--dark-grey),1);
}

.slider-item p:last-child{
    color:  rgba(var(--dark-grey),1);
}

.hero{
    grid-column: 1/-1;
    grid-row: 2;
    z-index: 2;
}
.hero-img{
    grid-column: 1 / -1;
    grid-row: 1 / -1;
}

.hero-content {
    grid-column: 2 / 12;
    grid-row: 1 / -1;
}

.deal{
	display: none;
    position: absolute;
    top: 15%;
    right: 5%;
    max-width: 30%;
}



.hero-content *{
    margin: 0.7rem 0;
}

.hero-content h1 span{
    color: rgba(var(--blue), 1);
}



/* ENDE HEADER */


/* START SITEMAP */
.sitemap{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    align-items: center;
    position: fixed;
    z-index: 0;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--blue), 1);
    margin: 0 auto;
    padding: 0 2rem;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    overflow: scroll;
}


.sitemap.sitemapzeigen{
    z-index: 90;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}


.sitemap-wrapper .section-wrapper{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-column: 1 / -1;
}

.sitemap-wrapper .section-wrapper{
    padding-top: 5rem;

}

.sitemap, .sitemap a, .sitemap p, .sitemap h2{
    color: #FFF;
    margin-bottom: unset;
}

.sitemap a{
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.sitemap a:not(.sitemap-icon-link)::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: -1px;
	width: 100%;
	height: 0.1em;
	background-color: #FFF;
	opacity: 1;
	transition: opacity 300ms, transform 300ms;
}

.sitemap a:not(.sitemap-icon-link)::after {
	opacity:1;
	transform: translate3d(-100%, 0, 0);
}

.sitemap a:not(.sitemap-icon-link):hover::after,
.sitemap a:not(.sitemap-icon-link):focus::after{
	transform: translate3d(0, 0, 0);
}


.sitemap h2{
    font-family: var(--headline-font);
    padding-bottom: 1rem;
}

.sitemap, .sitemap a, .sitemap p{
    font-family: var(--fliesstext-font);
}

.sitemap-besuchen{
    order: 1;
    /* grid-column: 1 / 4; */
    padding-bottom: 1rem;
}
.sitemap-ausstellen{
    order: 2;
    /* grid-column: 1 / 4; */
    padding-bottom: 1rem;
}
.sitemap-presse{
    order: 3;
    /* grid-column: 4 / 7; */
    padding-bottom: 1rem;
}


.sitemap-legals{
    order: 4;
}
.sitemap-legals a{
    color: rgba(255, 255, 255, 0.5);
}

.sitemap-socialmedia{
    order: 5;
    text-align: center;
    /* grid-column: 7 / -1; */
    padding-top: 2rem;
}

.sitemap-socialmedia span{
    display: inline-block;
    margin: 0.8rem 1.2rem;
}

.sitemap-socialmedia svg{
    fill: #FFF;
}

.sitemap-socialmedia svg:hover {
    fill: rgba(var(--pink), 1);
}

.sitemap-socialmedia p, .sitemap-socialmedia h2{
    display: none;
}



/* ENDE SITEMAP */


/*START LAYOUTS */

section{
    display: block;
    margin: 6.5rem 0;
}

.section-wrapper{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    margin: 0 auto;
    padding: 0 2rem;
    max-width: 1720px;
}

.section-header{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    margin: 0 auto;
    max-width: 1720px;
}

.section-header-center{
    grid-column: 2/12;
    text-align: center;
    padding-bottom: 5rem;
}


section.section-header-left .section-header{
    grid-column: 1 / -1;
    padding-bottom: 5rem;
}

.section-header-left-content{
    grid-column: 1 / -1;
}

section.section-header-left h1{
    padding-bottom: 4.5rem;
}

.section-header p:first-child{
    font-weight: 500;
}


section.aussteller .section-wrapper{
    padding: 9rem 0 0 0 ; 
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    margin: 0 auto;
    padding: 0 2rem;
    max-width: 1720px;
}

.aussteller{
	position: relative;
	/* overflow: hidden; */
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    min-height: 1800px;
}

.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	min-height: 1800px;
	border: 0px;
}



.bild-mitte-gross{
    grid-column: 1/-1;
}
.bild-mitte-gross img{
    max-width: 100%;
}


/* ENDE LAYOUTS */

/*START SUBNAVI SECTIONS */

.subnavi-wrapper{
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 9rem 0;
}

.subnavi-menu-item{
    padding: 1rem;
    /*min-height: 320px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 40% 1fr 1fr 1fr;  */
    box-shadow: 0 0 8px rgb(0 0 0 / 40%);
}

.mit-bild .subnavi-menu-item{
    min-height: 480px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 40% 1fr 1fr 1fr;

}

.subnavi-menu-item.blue{
    background-color: rgba(var(--blue), 1);
    color: #FFF;
}
.subnavi-menu-item.blue a{
    color: rgba(var(--pink), 1);
}
.subnavi-menu-item.blue a:hover{
    color: #FFF;
}

.subnavi-menu-item h2{
    grid-row: 2;
    padding-bottom: 1rem;
}

.subnavi-menu-item p{
    min-height: 90px;
    grid-row: 3;
}

.subnavi-menu-item .btn-blue-cards{
    grid-row: 5;
}

.subnavi-menu-item .btn-blue-cards {
    font-family: var(--fliesstext-font);
    color: rgba(var(--blue), 1);
}

.subnavi-menu-item a.btn-blue-cards{
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}

.subnavi-menu-item a.btn-blue-cards::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.2em;
	background-color: rgba(var(--pink), 1);
	opacity: 1;
	transition: opacity 300ms, transform 300ms;
}

.subnavi-menu-item a.btn-blue-cards::after {
	opacity: 1;
	transform: translate3d(-100%, 0, 0);
}

.subnavi-menu-item a.btn-blue-cards:hover::after,
.subnavi-menu-item a.btn-blue-cards:focus::after{
	transform: translate3d(0, 0, 0);
}
/*ENDE SUBNAVI SECTION */


 /* START INTRO  */
 .intro-content{
    grid-column: 1 / -1;
    text-align: center;
}

.intro-content a{
    margin-top: 2rem;
}


/* ENDE INTRO  */

/*START IMG TXT SECTION */
.img-txt-tile{
    grid-column: 1/ -1;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-columns: auto;
    gap: 16px;
    padding: 9rem 0;
}

.tile-header{
    grid-column: 1 / -1;
    margin-bottom: 1.563rem;
    padding-bottom: 3rem;
}

.tile-header *:first-child{
    float: left;
}
.tile-header *:last-child{
    float: left;
}

.tile-header a{
    font-family: var(--fliesstext-font);
    font-size: calc(var(--font-size) * 1.25rem);
    font-weight: 500;
    color: var(--light-grey);
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}

.tile-header a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.2em;
	background-color: rgba(var(--pink), 1);
	opacity: 1;
	transition: opacity 300ms, transform 300ms;
}

.tile-header a::after {
	opacity: 1;
	transform: translate3d(-100%, 0, 0);
}

.tile-header a:hover::after{
	transform: translate3d(0, 0, 0);
}

.img-txt-tile .tile *{
    margin-bottom: 1.563rem;
}

/*ENDE IMG TXT SECTION */




/*START NR TXT SECTION */


.nr-txt-tile{
    grid-column: 1/ -1;
    padding: 9rem 0;
}

.nr-txt-tile .tile-header{
    display: grid;
    grid-template-columns: 1fr;
}

.nr-txt-tile-wrapper{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 1rem;
}

.nr-txt-tile .tile{
    background-color: #FFF;
    padding: 20px;
    display: grid;
    align-items: end;
}


.nr-txt-tile .tile span{
    font-family: var(--headline-font);
    font-size: calc(var(--font-size) * 4.25rem);
    font-weight: 700;
}

.nr-txt-tile .tile p{
    font-family: var(--fliesstext-font);
    line-height: inherit;
    font-size: calc(var(--font-size) * 1.25rem);
    color: rgba(var(--dark-grey), 1);
    max-width: 70%;
}

/*ENDE NR TXT SECTION */

/*START ERWARTUNG NR TXT SECTION */

.erwartung-txt-tile{
    grid-column: 1/ -1;
    padding: 9rem 0 5rem 0;
}

.erwartung-txt-only-link a:link{
    font-family: var(--fliesstext-font);
    font-size: calc(var(--font-size) * 1.25rem);
    font-weight: 500;
    color: rgba(var(--blue),1);
}

.erwartung-txt-header{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 40px;
}

/* .erwartung-txt-header h1{
    font-weight: 700;
    grid-column: 1 / 6;
    grid-row: 1;
}

.erwartung-txt-header p{
    grid-column: 6 / -1;
    grid-row: 2;
} */

.erwartung-txt-wrapper{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    align-self: end;
}

.erwartung-txt-tiles{
    padding: 1.25rem 0;
}
/* .erwartung-txt-wrapper .erwartung-txt-tiles:nth-child(1){grid-column: 1 / 4; grid-row: 1 / 1; }
.erwartung-txt-wrapper .erwartung-txt-tiles:nth-child(2){grid-column: 4 / 7; grid-row: 1 / 1;}
.erwartung-txt-wrapper .erwartung-txt-tiles:nth-child(3){grid-column: 7 / 10; grid-row: 1 / 1; }
.erwartung-txt-wrapper .erwartung-txt-tiles:nth-child(4){grid-column: 10 / -1; grid-row: 1 / 1;} */

.erwartung-txt-tile-nr{
    grid-row: 1/2;
}

.erwartung-txt-tile-nr{
    font-family: var(--headline-font);
    font-size: calc(var(--font-size) * 5.25rem);
    font-weight: 700;
}

.erwartung-txt-tiles p{
    font-size: calc(var(--font-size) * 1.25rem);
    color: rgba(var(--dark-grey), 1);
    max-width: 60%;
}


.erwartung-txt-only-links{
    padding-top: 4.25rem;
    grid-column: 1 / -1;
    font-family: var(--fliesstext-font);
    font-size: calc(var(--font-size) * 1.25rem);
    font-weight: 500;
}

.erwartung-txt-only-links a:link{
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    color: rgba(var(--blue), 1);
}

.erwartung-txt-only-links a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.2em;
	background-color: rgba(var(--pink), 1);
	opacity: 1;
	transition: opacity 300ms, transform 300ms;
}

.erwartung-txt-only-links a::after {
	opacity: 1;
	transform: translate3d(-100%, 0, 0);
}

.erwartung-txt-only-links a:hover::after,
.erwartung-txt-only-links a:focus::after{
	transform: translate3d(0, 0, 0);
}

/*ENDE ERWARTUNG NR TXT SECTION */



/* START ACCORDION */
.accordion{
	padding: 15vh 0;
}

summary {
    font-family: var(--headline-font);
    font-size: calc(var(--font-size) * 2rem);
    font-weight: 700;
    padding: 2rem 0;
}

details{
    grid-column: 1/12;
	border-top: 1px solid #000000;
    transition: height 2s ease;
    cursor: pointer;
}

details .content-wrapper{
    font-family: var(--fliesstext-font);
	margin-bottom: 2rem;
}

details .content-wrapper.half-half{
    display: grid;
    grid-template-columns: 1fr ;
}

details > summary {
    list-style-type: none;
}

details > summary::-webkit-details-marker {
    display: none;
}

details > summary::after {
	content: url("../assets/img/up.svg");
	margin-left: 15px;
}

details[open] > summary::after {
	content: url("../assets/img/down.svg");
	margin-left: 15px;
}

details[open] summary ~ * {
    animation: open .5s ease-in-out;
}

details[close] summary ~ * {
    animation: close 1.5s ease-in-out;
  }

@keyframes open {
    0% {opacity: 0; margin-top: -20px}
    100% {opacity: 1; margin-top: 0px}
  }

@keyframes close {
    0% {opacity: 1; margin-top: 0px;}
    100% {opacity: 0; margin-top: -20px}
  }
/* ENDE ACCORDION */

/* START TEXT PIC 50% 50%  */

.text-pic-50-50{
    grid-column: 2 / 12;
    display: grid;
    grid-template-columns: auto;
    gap: 2rem;
}

.text-pic-txt h3, .text-pic-50-50-txt h3{
    margin-bottom: 2rem;
}

.btn-blue-arrow-left{
    font-family: var(--fliesstext-font);
    background-color: rgba(var(--blue), 1);
    color: #FFF;
    padding: 15px 30px 15px 15px;
    display: inline-block;
    transition: all .3s;
}
.btn-blue-arrow-left::before{
    content: "\279D";
    padding-right: 0.5rem;
}

.btn-blue-arrow-left:hover{
    background-color: rgba(var(--pink), 1);
}

.text-pic-50-50 .text-pic-50-50-txt{
    order: 2;
}

.text-pic-50-50 .text-pic-50-50-img{
    order: 1;
}

.text-pic-50-50.reverse .text-pic-txt{
    order: 2;
}

.text-pic-50-50.reverse .text-pic-img{
    order: 1;
}

/* ENDE TEXT PIC 50% 50%  */

/* START TEXT PIC 70% 30%  */

.text-pic-70-30{
    grid-column: 2 / 12;
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

.text-pic-70-30 .text-pic-txt{
    order: 2;
}

.text-pic-70-30 .text-pic-img{
    order: 1;
}


.text-pic-70-30.reverse .text-pic-txt{
    order: 2;
}

.text-pic-70-30.reverse .text-pic-img{
    order: 1;
}

/* ENDE TEXT PIC 70% 30%  */

/* START TEXT PIC MIDDEL  */
.text-pic-middle{
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    padding: 9rem 0;
}

.text-pic-middle  .text-pic-txt a{
    margin-top: 1rem;
}

.text-pic-middle  .text-pic-txt{
    order: 2;
}

.text-pic-middle .text-pic-img{
    order: 1;
    padding-bottom: 2.25rem;
}
/* ENDE TEXT PIC MIDDEL  */

/* START CARDS */
.text-pic-cards{
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}
.text-pic-cards h3{
    margin: 0.725rem 0;
}

.text-pic-cards .btn-blue-cards{
    font-family: var(--fliesstext-font);
    color: rgba(var(--blue), 1);
}

.btn-blue-cards{
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}

.btn-blue-cards::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.2em;
	background-color: rgba(var(--pink), 1);
	opacity: 1;
	transition: opacity 300ms, transform 300ms;
}

.btn-blue-cards::after {
	opacity: 1;
	transform: translate3d(-100%, 0, 0);
}

.btn-blue-cards:hover::after,
.btn-blue-cards:focus::after{
	transform: translate3d(0, 0, 0);
}


.text-pic-cards .bg-light-grey .content{
    padding: 0 1.5rem 1.5rem 1.5rem;
}


/* ENDE CARDS */

/* BG BG-IMG-TXT */

.bg-img-txt{
    background-image: url(../assets/img/ph_bg-img-txt.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 9rem 0;
}

.bg-img-txt.dreihunderttage{
    background-image: url(../assets/img/bg-365tage-online.jpg) !important;
}

.bg-img-txt.dreihunderttage h1{
    font-size: 7.25rem;
    font-weight: 700;
    color: #FFF;;
}

.bg-img-txt-text{
    grid-column: 1 / -1;
}

.bg-img-txt-text{
    color: #FFF;
}

.bg-img-txt-text a{
    margin-right: 2rem;
    margin-bottom: 1rem;
}

.bg-img-txt-text h1{
    margin: 1rem 0 0.5rem 0;
}

.bg-img-txt-text p:first-child {
    color: rgba(var(--light-grey), 1);
}

.bg-img-txt-text p:last-of-type {

    padding-bottom: 2rem;
}

/* ENDE BG-IMG-TXT */

/* START MEDIADATEN */
section.mediadaten {
    position: relative;
    margin: 6.5rem 0 0 0 ;
}
section.mediadaten::before {
    content: '';
    display: block;
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 75%;
    background-color: rgba(var(--blue), 1);
    z-index: 0;
}

section.mediadaten .section-wrapper{
    padding: 9rem 0 0 0 ; 
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    margin: 0 auto;
    padding: 0 2rem;
    max-width: 1720px;
}


section.mediadaten .mediadaten-left{
    grid-column: 1 / -1;
    grid-row: 2;
    z-index: 1;

}
section.mediadaten .mediadaten-right{
    grid-column: 1 / -1;
    grid-row: 1;
    z-index: 1;

}

.mediadaten h1, .mediadaten p{
    color: #FFF;
}
.mediadaten h1{
    padding-bottom: 3rem;
}

.mediadaten a{
    margin: 3rem 0;
}
/* ENDE MEDIADATEN */


/*START BAUSTELLE */
        

.baustelle h1{
    grid-column: 1 / -1;
    grid-row: 1;
    padding-bottom: 5rem;
    text-align: center;
}

.baustelle p{
    grid-column: 1 / -1;
    grid-row: 2 / 3;
}

/*ENDE BAUSTELLE*/


/*START DATENSCHUTZ */

.datenschutzerklaerung{
    grid-column: 3 / 11;
}

.datenschutzerklaerung h1{
    text-align: center;
    padding-bottom: 5rem;
}

.datenschutzerklaerung p a{
    color: inherit;
}

/*ENDE DATENSCHUTZ */


/* START AUSSTELLUNGSFLAECHE */

.ausstellungsflaeche .section-wrapper{
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    row-gap: 40px;
}

/* .ausstellungsflaeche-header{
    grid-column: 1 / 5;
    grid-row: 1;
    z-index: 1;
}

.ausstellungsflaeche img{
    grid-column: 1 / -1;
    grid-row: 2 / 5;
    z-index: 0;
}
.ausstellungsflaeche-content {
    grid-column: 8 / -1;
    grid-row: 4 / 5;
    z-index: 1;
} */

/* ENDE AUSSTELLUNGSFLAECHE */

/* START SMALL NEWSLETTER  */


.small-newsletter .section-wrapper{
    padding: 3rem 0;
}

.small-newsletter-form{
    grid-column: 2 / 12;
    grid-row: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

.small-newsletter p{
    grid-column: 4 / 11;
    grid-row: 2;
    padding: 1.5rem 0 0 0 ;
    font-size: calc(var(--font-size) * 0.9rem);
    text-align: center;
}

.small-newsletter a{
    font-size: calc(var(--font-size) * 0.9rem);
    text-decoration: underline;
}



.small-newsletter-form input{
    font-family: var(--fliesstext-font);
    border: 0;
    margin-top: 1.525rem;
    font-size: calc(var(--font-size) * 1.3rem);
    padding-left: 2rem;
    padding: 18px;
    min-width: 100%;
    max-height: 56px;
}

.small-newsletter-form input[type=submit] {
    font-family: var(--fliesstext-font);
    background-color: rgba(var(--blue), 1);
    padding: 18px;
    color: #FFF;
    cursor: pointer;
    transition: all .3s;

}
.small-newsletter-form input[type=submit]:hover {
    background-color: rgba(var(--pink), 1);
}

.small-newsletter-form input:focus{
    outline: rgba(var(--pink), 1);
    outline-style: solid;
    outline-width: medium;
    display: inline-block;
}

/* ENDE SMALL NEWSLETTER */

/* START FOOTER SECTIONS */

footer p, footer a{
    margin: 0;
    font-family: var(--fliesstext-font);
}
footer section{
    margin: 0;
}

.newsletter-bar{
    grid-column: 1 / -1;
}

.newsletter-bar{
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    padding: 3.5rem 0;
}

.newsletter-bar-text {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: auto;
}

.newsletter-bar-text-head{
    grid-column: 1/-1;
    grid-row: 1;
}

.newsletter-bar-text-form{
    padding: 2rem 0rem 5rem 0rem;
    grid-column: 1/-1;
    grid-row: 2;
    display: grid;
    /* grid-template-columns: 70% 30%;
    gap: 0.5rem; */
}

.newsletter-bar-text-form input{
    font-family: var(--fliesstext-font);
    border: 0;
    margin-top: 1.525rem;
    font-size: calc(var(--font-size) * 1rem);
    padding-left: 2rem;
    padding: 18px;
    min-width: 100%;
    max-height: 56px;
}

.newsletter-bar-text-form input[type=submit] {
    font-family: var(--fliesstext-font);
    background-color: rgba(var(--blue), 1);
    padding: 18px;
    color: #FFF;
    cursor: pointer;
    transition: all .3s;

}
.newsletter-bar-text-form input[type=submit]:hover {
    background-color: rgba(var(--pink), 1);
}

.newsletter-bar-text-form input:focus{
    outline: rgba(var(--pink), 1);
    outline-style: solid;
    outline-width: medium;
    display: inline-block;
}

.newsletter-bar-logos{
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 40px;
    justify-items: center;
}

.newsletter-bar-logos a{
	padding: 1rem;
}
	


.footer-nav-bar{
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    row-gap: 40px;
    padding: 1rem 0 2rem 0;
}


.footer-nav-bar p:first-child {
    padding-bottom: 1.2rem;
}

.footer-nav-bar a:link, .footer-nav-bar-legals a:link{
    color: #FFF;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;


}

.footer-nav-bar a::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.1em;
	background-color: #FFF;
	opacity: 1;
	transition: opacity 300ms, transform 300ms;
}

.footer-nav-bar .footer-nav-bar-social a::after{
    all: unset;
}

.footer-nav-bar a::after {
	opacity:1;
	transform: translate3d(-101%, 0, 0);
}

.footer-nav-bar a:hover::after,
.footer-nav-bar a:focus::after{
	transform: translate3d(0, 0, 0);
    left: calc(19px + 1rem);
}



.footer-nav-bar .footer-nav-bar-legals a:hover::after,
.footer-nav-bar .footer-nav-bar-legals a:focus::after{
	transform: translate3d(0, 0, 0);
    left: 0;
}



.footer-nav-bar .footer-mail::before{
    content: url(../assets/img/icon-mail-white.svg);
    padding-right: 1rem;;
}

.footer-nav-bar .footer-phone::before{
    content: url(../assets/img/icon-phone-white.svg);
    padding-right: 1rem;;
}


.footer-nav-bar-kontakt{
    grid-column: 1 / -1;
    grid-row: 1;
    display: block;
    position: relative;
}

.footer-nav-bar-presse{
    grid-column: 1 / -1;
    grid-row: 2;
    position: relative;
}

.footer-nav-bar-presse p a{
    font-size: calc(var(--font-size) * 1.1rem);
}

.footer-nav-bar-social{
    grid-column: 1 / -1;
    grid-row: 3;
}

.footer-nav-bar-legals {
    grid-column: 1 / -1;
    grid-row: 4;
    padding-top: 1.2rem;
    border-top: 1px solid #FFF;
}

.footer-nav-bar-legals a{
    margin-right: 1.5rem;
}

.footer-nav-bar-social{
    align-self: center;
}
.footer-nav-bar-social a{
    padding-right: 1.5rem;
}

.footer-nav-bar-social svg{
    fill: #FFF;
}
.footer-nav-bar-social svg:hover {
    fill: rgba(var(--pink), 1);
}

.copyright-bar{
    grid-column: 1/-1;
    font-family: var(--fliesstext-font);
    text-align: center;
    padding: 0.4rem 0;
}

.copyright-bar a{
    color: #FFF;
}

.copyright-bar a:hover{
    color: rgba(var(--blue), 1)
}

/* ENDE FOOTER SECTIONS */

/*ENDE LAYOUTS */


/* START ELEMENTS */


.col-span-2{
    grid-column: span 2;
}

img{
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.btn-white{
    font-family: var(--fliesstext-font);
    background-color: #FFF;
    color: rgba(var(--blue), 1) !important;
    padding: 15px 30px 15px 15px;
    display: inline-block;
    transition: all .3s;
    font-weight: 500;
}

.btn-white:hover{
    background-color: rgba(var(--pink), 1);
    color: #FFF;
}

.btn-text-arrow-right{
    font-family: var(--fliesstext-font);
    position: relative;
    display: inline-block;
    padding-right: 4rem;
    color: rgba(var(--blue));
}

.btn-text-arrow-right::after{
    content: '\2192';
    position: absolute;
    margin-left: 6px;
}

.btn-text-arrow-right:hover{
    color: rgba(var(--pink), 1);
}

.btn-text-arrow-right:hover::after{
    content: '\2192';
    position: absolute;
    margin-left: 16px;
}







.subnavi-ausstellen{
    background-image: url(img/bg_subnavi_ausstellen.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}

.subnavi-informieren{
    background-image: url(img/bg_subnavi_informieren.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}
.subnavi-speaker-werden{
    background-image: url(img/bg_subnavi_speaker_werden.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}
.subnavi-sponsor-werden{
    background-image: url(img/bg_subnavi_sponsor_werden.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}


/* ENDE Elements */


/* START MEDIAQUERRIES */

 

header.baustelle {
    max-height: 90px;
}

.marquee-header{
    grid-column: 1/-1;
    grid-row: 1;
    margin-bottom: 1rem;
}

marquee {
    grid-column: 1/-1;
    grid-row: 2;
}



marquee a{
    margin-left: 100px;
    max-height: 100px;
}


.speakerwerden{
    margin: 2rem 0;;    
}

.formular input[type=email],
.formular input[type=text] {
    border: 1px solid rgba(var(--pink), 1);
    margin-top: 1.525rem;
    font-size: calc(var(--font-size) * 1.25rem);
    padding: 1rem;
    min-width: 100%;
    max-height: 56px;
    background-color: rgba(var(--light-grey), 1);
} 

.formular select {
    border: 1px solid rgba(var(--pink), 1);
    margin-top: 1.525rem;
    font-size: calc(var(--font-size) * 1.25rem);
    padding: 1rem;
    min-width: 100%;
    max-height: 56px;
    background-color: rgba(var(--light-grey), 1);
}

.three_logos{
    max-width: 100%;
    margin: 3rem 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    align-items: center;

}



@media screen and (min-width: 1260px){

    .desktop-padding-top-14rem{
        padding-top: 14rem;
    }

    .responsive-iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: 0px;
    }

    marquee {
        grid-column: 3/11;
    }

    .marquee-header{
        grid-column: 3/11;
    }

    .bg-blue-gray{ 
        background: -webkit-linear-gradient(top, rgba(var(--blue))50%, rgba(var(--dark-grey))50%);
    }

    header.baustelle {
        max-height: 280px;
    }

    .doppelter-section-abstand{
        margin: 13rem 0;
    }


    h1 {
        font-size: calc(var(--font-size) * 4.4rem);
        line-height: calc(var(--line-height) * 1);
    }

    .section-wrapper{
        padding: 0 ;
        margin: 0 auto;
    }

    .logo-bar .section-wrapper {
        padding: 33px 0rem;
    }

    /*START LAYOUTS */

    section{
        display: block;
        margin: 6.5rem 0;
    }

    .section-wrapper{
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: auto;
        margin: 0 auto;
        padding: 0 2rem;
        max-width: 1720px;
        align-items: center;
    }

    .section-header{
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: auto;
        margin: 0 auto;
        max-width: 1720px;
    }

    .section-header-center{
        grid-column: 4/10;
        text-align: center;
        padding-bottom: 5rem;
    }

    section.section-header-left .section-header{
        grid-column: 1 / -1;
        padding-bottom: 5rem;
    }
    
    .section-header-left-content{
        grid-column: 1 / 8;
    }
    
    section.section-header-left h1{
        padding-bottom: 4.5rem;
    }

    /* ENDE LAYOUTS*/


    /* START HEADER */
        header{
            /*height: 100vh;*/
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-template-rows: 18% 82%;
            position: relative;
        }

        header.not-full-height{
            height: 80vh;
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-template-rows: 18% 82%;
            position: relative;
        }

        header ul {list-style: none;}
        header ul li {display: inline-block;}
        /*header ul li a, header  ul li a:hover{
            font-size: calc(var(--font-size) * 1rem);
            font-family: var(--fliesstext-font);
            color: #FFF;
            margin-right: 3.75rem;
            padding: 1.8rem 0;
        }*/

        .fixed{
            grid-row: 1;
            min-width: 100%;
            position: fixed;
            z-index: 99;
            box-shadow:0  0 8px rgba(0, 0, 0, 0.4);
        }

        .news-bar{
            font-family: var(--fliesstext-font);
            text-align: center;
            padding: 0.4rem 0;
        }

        /* .logo-bar{
            background-color: #FFF; 
            display: block; 
        } */
        .logo-bar .section-wrapper {
            font-size: 1rem !important;
            padding: 33px 2rem;
        }


        .logo-bar-logo{position: relative; grid-column: 1/3; text-align: left; height: 100%;}
        .logo-bar-text{position: relative; grid-column: 3/5; margin: 0 auto; width: 100%; height: 100%; color: rgba(var(--blue), 1);}

        .logo-bar-text p {
            font-size: var(--font-size);
        }
        .logo-bar-text span {
            font-weight: 700;
        }


        .countdown {position: relative; grid-column: 5/8; height: 100%;}
        .tage, .stunden {position: relative;}

        .logo-bar-social{
            display: grid;
            align-items: center;
            grid-column: 10/-1;
            text-align: right;
            height: 100%;
        }

        .logo-bar-social ul li{
            margin-left: 2.25rem;;
        }

        .logo-bar-social svg{
            fill: rgba(var(--blue), 1);
        }
        .logo-bar-social svg:hover{
            fill: rgba(var(--pink), 1);
        }

        .logo-bar-logo, .logo-bar-text, .countdown{
            display: grid;
            align-content: center;
        }

        .logo-bar-border-right::after{
            content: '';
            display: grid;
            position: absolute;
            top:0;
            bottom: 0;
            margin: auto 0;

            right: 2rem;
            height: 65px;
            width: 1px;
            background-color: rgba(var(--blue), 1);
        }

        .logo-bar-border-right.logo-bar-text::after ,.logo-bar-border-right.tage::after, .logo-bar-border-right.stunden::after{
            content: '';
            display: grid;
            position: absolute;
            right: 0;
            height: 65px;
            width: 1px;
            background-color: rgba(var(--blue), 1);
        }

        .countdown{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            text-align: center;
        }
        .countdown span{font-family: var(--headline-font); font-weight: 500; font-size:calc(var(--font-size) * 3rem); }
        .countdown p{font-family: var(--fliesstext-font); font-weight: 500;}


        .fixed-logo{
            grid-column: 1 / 1;
            display: grid;
            justify-content: center;
            align-items: center;
        }

        .fixed-logo.ausblenden{
            display: none;
        }




        .main-nav{
            display: block;
            grid-column: 3 / -1;
            grid-row: 1;
            padding: 21px 1rem 21px 0;
            position: relative;
            margin-left: -8px;
        }
        .main-nav ul li a, .sub-nav ul li a{
            font-family: var(--fliesstext-font);
            color: #FFF;
            margin-right: 1rem;
            padding: 22px 11px 20px 11px;
        }

        .main-nav ul li a:hover, .sub-nav ul li a:hover{
            content: '';
            top: 0;
            bottom: 0;
            background-color: rgba(var(--pink), 1);
            padding: 22px 11px 20px 11px;
        }

        .main-nav  .btn-tickets{
            background-color: #FFF;
            color:rgba(var(--blue), 1);
            padding: 5px 1rem;
        }
        .main-nav  .btn-tickets:hover{
            background-color: rgba(var(--pink), 1);
            color: #FFF;
            padding: 5px 1rem;
        }

        .sub-nav{
            display: block;
            grid-column: 1 / -1;
            grid-row: 2;
            /*padding: 21px 1rem 21px 0;*/
            position: relative;
            margin-left: -8px;
        }

        .main-nav a.active, .sub-nav a.active{
            background-color: #FFF;
            color: rgba(var(--blue), 1);
        }

        .mob-nav{
            display: grid;
            align-content: center;
            grid-column: -1;
        }

        .mob-navi-tickets{
            display: none;
        }

        label.hamburg {
            display: block;
            width: 75px;
            height: 50px;
            position: relative;
            margin-left: auto; margin-right: auto;
            border-radius: 4px;
            cursor: pointer;

        }

        input#hamburg {
            display:none;
        }

        .line {
            position: absolute;
            right:0px;
            height: 2px;
            width: 30px;
            background: #fff; border-radius: 2px;
            display: block;
            transition: 0.5s;
            transform-origin: center;

        }

        .line:nth-child(1) { top: 12px; }
        .line:nth-child(2) { top: 24px; }
        .line:nth-child(3) { top: 36px; }

        #hamburg:checked + .hamburg .line:nth-child(1){
            transform: translateY(12px) rotate(-45deg);
        }

        #hamburg:checked + .hamburg .line:nth-child(2){
            opacity:0;
        }

        #hamburg:checked + .hamburg .line:nth-child(3){
            transform: translateY(-12px) rotate(45deg);
        }


        /* XXXXXX */


        .slider-item{
            display: grid;
            align-items: center;
            height: 100%;
            background-image: url(../assets/img/ph_bg_hero.jpg);
            background-position: center center;
            background-size: cover;
        }

        .slider-item.pressekonferenz{
            display: grid;
            align-items: center;
            height: 100%;
            background-image: none;
            background-color: #2c5c91;
            background-position: top ;
            background-repeat: no-repeat;
            background-size: cover;
        }


        .slider-item p:first-child{
            font-weight: 700;
            color: rgba(var(--dark-grey), 1);
        }

        .hero{
            grid-column: 1/-1;
            grid-row: 2;
            z-index: 2;
        }
        .hero-img{ grid-column: 1 / -1; grid-row: 1 / -1;}
        
		.hero-content {
            grid-column: 2 / 8;
            grid-row: 1 / -1;
        }
	
		.hero-content.full-width {
            grid-column: 2 / -1;
            grid-row: 1 / -1;
        }

       .slider-item.kein-bild .section-wrapper{
           
		    max-width: 1720px;

        } 
        .slider-item.kein-bild .hero-content {
            grid-column: 2 / 8;
            grid-row: 1 / -1;
        }
	
		.slider-item.kein-bild .hero-content.full-width {
            grid-column: 2 / -1;
            grid-row: 1 / -1;
        }

        .hero-content *{
            margin: 0.7rem 0;
        }

        .hero-content h1 span{
            color: rgba(var(--blue), 1);
        }

        .deal{
			display: none;
            position: relative;
            grid-column: 9 / 12;
            grid-row: 1 / -1;
            max-width: 300px;
        }

        .slider-item.kein-bild .section-wrapper .deal{
            position: relative;
            grid-column: 9 / 12;
            grid-row: 1 / -1;
            max-width: 300px;
        }

        /* ENDE HEADER */

        /* START INTRO  */
        .intro-content{
            grid-column: 3 / 11;
            text-align: center;
        }

        .intro-content a{
            margin-top: 2rem;
         }   
        /* ENDE INTRO  */



        /* START SMALL NEWSLETTER  */


        .small-newsletter .section-wrapper{
            padding: 3rem 0;
        }

        .small-newsletter-form{
            grid-column: 3 / 11;
            grid-row: 1;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0.5rem;
        }

        .small-newsletter p{
            grid-column: 3 / 11;
            grid-row: 2;
            padding: 1.5rem 0 0 0 ;
            font-size: calc(var(--font-size) * 0.9rem);
            text-align: center;
        }

        .small-newsletter-form input{
            font-family: var(--fliesstext-font);
            border: 0;
            margin-top: 1.525rem;
            font-size: calc(var(--font-size) * 1.3rem);
            padding-left: 2rem;
            padding: 18px;
            min-width: 100%;
            max-height: 56px;
        }

        .small-newsletter-form input[type=submit] {
            font-family: var(--fliesstext-font);
            background-color: rgba(var(--blue), 1);
            padding: 18px;
            color: #FFF;
            cursor: pointer;
            transition: all .3s;

        }
        .small-newsletter-form input[type=submit]:hover {
            background-color: rgba(var(--pink), 1);
        }

        .small-newsletter-form input:focus{
            outline: rgba(var(--pink), 1);
            outline-style: solid;
            outline-width: medium;
            display: inline-block;
        }

        /* ENDE SMALL NEWSLETTER */


        


        /* START MEDIADATEN */
        section.mediadaten {
            position: relative;
            margin: 6.5rem 0 0 0 ;
        }
        section.mediadaten::before {
            content: '';
            display: block;
            position: absolute;
            top:0;
            left:0;
            width: 100%;
            height: 70%;
            background-color: rgba(var(--blue), 1);
            z-index: 0;
        }

        section.mediadaten .section-wrapper{
           /* padding: 9rem 0 0 0 ; */
			 padding: 1rem 0 12rem 0 ; 
        }


        section.mediadaten .mediadaten-left{
            grid-column: 2 / 5;
            grid-row: 1;
            z-index: 1;

        }
        section.mediadaten .mediadaten-right{
            grid-column: 8 / -1;
            grid-row: 1;
            z-index: 1;
        }

        .mediadaten h1, .mediadaten p{
            color: #FFF;
        }
        .mediadaten h1{
            padding-bottom: 3rem;
        }

        .mediadaten a{
            margin: 3rem 0;
        }
        /* ENDE MEDIADATEN */


        /* START AUSSTELLUNGSFLAECHE */

        .ausstellungsflaeche .section-wrapper{
            grid-template-columns: repeat(12, 1fr); 
            grid-template-rows: repeat(4, 1fr); 
            row-gap: 0;
        }

        .ausstellungsflaeche-header{
            grid-column: 1 / 6;
            grid-row: 1;
            z-index: 1;
        }

        .ausstellungsflaeche img{
            grid-column: 1 / -1;
            grid-row: 2 / 5;
            z-index: 0;
        }
        .ausstellungsflaeche-content {
            grid-column: 8 / -1;
            grid-row: 4 / 5;
            z-index: 1;
			margin-top: 3rem;
        }

        /* ENDE AUSSTELLUNGSFLAECHE */

        
        
        /*START BAUSTELLE */
        
        .baustelle-content{
            grid-column: 4 / 10;
        }

        .baustelle h1{
            grid-column: 4 / 10;
            grid-row: 1;
            padding-bottom: 5rem;
            text-align: center;
        }

        .baustelle p{
            grid-column: 5 / 9;
            grid-row: 2 / 3;
        }

        .small-newsletter p{
            grid-column: 1 / -1;
        }

        /*ENDE BAUSTELLE*/



       



        /*START SUBNAVI SECTIONS */

        .subnavi-wrapper{
            grid-column: 1 / -1;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1rem;
            padding: 9rem 0;
        }

        .mit-bild .subnavi-menu-item{
            padding: 1rem;
            min-height: 570px;
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: 50% 1fr 1fr 1fr;
            cursor: pointer;
            box-shadow: 0 0 8px rgb(0 0 0 / 40%);
            position: relative;
            top: 0;
            transition: top ease 0.5s;
        }

        .subnavi-menu-item{
            padding: 1rem;
            min-height: 420px;
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: 50% 1fr 1fr 1fr;
            cursor: pointer;
            box-shadow: 0 0 8px rgb(0 0 0 / 40%);
            position: relative;
            top: 0;
            transition: top ease 0.5s;
        }

        .subnavi-menu-item:hover{
            top: -20px;
        }

        .subnavi-menu-item.blue{
            background-color: rgba(var(--blue), 1);
            color: #FFF;
        }
        .subnavi-menu-item.blue a{
            color: rgba(var(--pink), 1);
        }
        .subnavi-menu-item.blue a:hover{
            color: #FFF;
        }

        .subnavi-menu-item h2{
            grid-row: 2;
            padding-bottom: 1rem;
        }

        .subnavi-menu-item p{
            min-height: 90px;
            grid-row: 3;
        }

        .subnavi-menu-item .btn-blue-cards{
            grid-row: 4;
        }

        .subnavi-menu-item .btn-blue-cards {
            font-family: var(--fliesstext-font);
            color: rgba(var(--blue), 1);
        }

        .subnavi-menu-item a.btn-blue-cards{
            display: inline-block;
            position: relative;
            overflow: hidden;
            padding-bottom: 10px;
            max-width: 150px;
        }
        
        .subnavi-menu-item a.btn-blue-cards::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0.2em;
            background-color: rgba(var(--pink), 1);
            opacity: 1;
            transition: opacity 300ms, transform 300ms;
        }
        
        .subnavi-menu-item a.btn-blue-cards::after {
            opacity: 1;
            transform: translate3d(-100%, 0, 0);
        }
        
        .subnavi-menu-item a.btn-blue-cards:hover::after,
        .subnavi-menu-item a.btn-blue-cards:focus::after{
            transform: translate3d(0, 0, 0);
        }

        /*ENDE SUBNAVI SECTION */


    /*START IMG TXT SECTION */
        .img-txt-tile{
            grid-column: 1/ -1;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
            gap: 16px;
            padding: 9rem 0;
        }

        .tile-header{
            grid-column: 1 / -1;
            margin-bottom: 1.563rem;
            padding-bottom: 3rem;

        }

        .tile-header *:first-child{
            float: left;
        }
        .tile-header *:last-child{
            float: right;
        }

        .tile-header a{
            font-family: var(--fliesstext-font);
            font-size: calc(var(--font-size) * 1.95rem);
            font-weight: 500;
            color: var(--light-grey);
            display: inline-block;
            position: relative;
            overflow: hidden;
            padding-bottom: 10px;
        }

        .tile-header a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0.2em;
            background-color: rgba(var(--pink), 1);
            opacity: 1;
            transition: opacity 300ms, transform 300ms;
        }

        .tile-header a::after {
            opacity: 1;
            transform: translate3d(-100%, 0, 0);
        }

        .tile-header a:hover::after{
            transform: translate3d(0, 0, 0);
        }

        .img-txt-tile .tile *{
            margin-bottom: 1.563rem;
        }

        /*ENDE IMG TXT SECTION */




        /*START NR TXT SECTION */


        .nr-txt-tile{
            grid-column: 1/ -1;
            padding: 9rem 0;
        }

        .nr-txt-tile .tile-header{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }

        .nr-txt-tile-wrapper{
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-template-rows: 1fr 1fr;
            gap: 1rem;
        }

        .nr-txt-tile .tile{
            background-color: #FFF;
            padding: 20px;
            display: grid;
            align-items: end;
        }

        .nr-txt-tile-wrapper .tile:nth-child(1){grid-column: 1 / 5; grid-row: 1 / 1;}
        .nr-txt-tile-wrapper .tile:nth-child(2){grid-column: 1 / 5; grid-row: 2 / 2;}
        .nr-txt-tile-wrapper .tile:nth-child(3){grid-column: 5 / 9; grid-row: 1 / -1;}
        .nr-txt-tile-wrapper .tile:nth-child(4){grid-column: 9 / -1; grid-row: 1 / -1;}

        .nr-txt-tile-wrapper .tile.three:nth-child(1){grid-column: 1 / 9; grid-row: 1 / -1;}
        .nr-txt-tile-wrapper .tile.three:nth-child(2){grid-column: 9 / -1; grid-row: 1;}
        .nr-txt-tile-wrapper .tile.three:nth-child(3){grid-column: 9 / -1; grid-row: 2;}



        .nr-txt-tile .tile span{
            font-family: var(--headline-font);
            font-size: 7.25rem;
            font-weight: 700;
            color: #000;;
        }

        .nr-txt-tile .tile p{
            font-family: var(--fliesstext-font);
            line-height: inherit;
            font-size: 1.9rem;
            color: rgba(var(--dark-grey), 1);
            max-width: 70%;
        }

        /*ENDE NR TXT SECTION */




    /*START ERWARTUNG NR TXT SECTION */

        .erwartung-txt-tile{
            grid-column: 1/ -1;
            padding: 9rem 0 5rem 0;
        }

        .erwartung-txt-only-link a:link{
            font-family: var(--fliesstext-font);
            font-size: calc(var(--font-size) * 1.25rem);
            font-weight: 500;
            color: rgba(var(--blue),1);
        }

        .erwartung-txt-header{
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-template-rows: 1fr 1fr;
            gap: 1rem;
        }

        .erwartung-txt-header h1{
            font-weight: 700;
            grid-column: 1 / 6;
            grid-row: 1;
        }

        .erwartung-txt-header p{
            grid-column: 6 / -1;
            grid-row: 2;
        }

        .erwartung-txt-wrapper{
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-template-rows: 1fr;
            align-self: end;
        }

        .erwartung-txt-tiles{
            padding: 6.25rem 0;
        }
        .erwartung-txt-wrapper .erwartung-txt-tiles:nth-child(1){grid-column: 1 / 4; grid-row: 1 / 1; }
        .erwartung-txt-wrapper .erwartung-txt-tiles:nth-child(2){grid-column: 4 / 7; grid-row: 1 / 1;}
        .erwartung-txt-wrapper .erwartung-txt-tiles:nth-child(3){grid-column: 7 / 10; grid-row: 1 / 1; }
        .erwartung-txt-wrapper .erwartung-txt-tiles:nth-child(4){grid-column: 10 / -1; grid-row: 1 / 1;}

        .erwartung-txt-tile-nr{
            grid-row: 1/2;
        }

        .erwartung-txt-tile-nr{
            font-family: var(--headline-font);
            font-size: 5.45rem;
            font-weight: 700;
        }

        .erwartung-txt-tiles p{
            font-size: 1.9rem;
            color: rgba(var(--dark-grey), 1);
            max-width: 60%;
        }


        .erwartung-txt-only-links{
            padding-top: 4.25rem;
            grid-column: 10 / -1;
            grid-row: 2/-1;
            font-family: var(--fliesstext-font);
            font-size: calc(var(--font-size) * 1.25rem);
            font-weight: 500;
        }

        .erwartung-txt-only-links a:link{
            display: inline-block;
            position: relative;
            overflow: hidden;
            padding-bottom: 10px;
            color: rgba(var(--blue), 1);
        }

        .erwartung-txt-only-links a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0.2em;
            background-color: rgba(var(--pink), 1);
            opacity: 1;
            transition: opacity 300ms, transform 300ms;
        }

        .erwartung-txt-only-links a::after {
            opacity: 1;
            transform: translate3d(-100%, 0, 0);
        }

        .erwartung-txt-only-links a:hover::after,
        .erwartung-txt-only-links a:focus::after{
            transform: translate3d(0, 0, 0);
        }

        /*ENDE ERWARTUNG NR TXT SECTION */


    /* START CARDS */
    .text-pic-cards{
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .text-pic-cards a, .text-pic-cards a:link, .text-pic-cards a:hover{
        color: rgba(var(--blue));
    }

    .text-pic-cards.three{
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem;
    }

    .text-pic-cards.three:nth-last-of-type(n + 1){
    padding-top: 9rem;
    }

    .text-pic-cards h3{
        margin: 0.725rem 0;
    }

    .text-pic-cards .btn-blue-cards{
        font-family: var(--fliesstext-font);
        color: rgba(var(--blue), 1);
    }

    .btn-blue-cards{
        display: inline-block;
        position: relative;
        overflow: hidden;
        padding-bottom: 10px;
    }

    .btn-blue-cards::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.2em;
        background-color: rgba(var(--pink), 1);
        opacity: 1;
        transition: opacity 300ms, transform 300ms;
    }

    .btn-blue-cards::after {
        opacity: 1;
        transform: translate3d(-100%, 0, 0);
    }

    .btn-blue-cards:hover::after,
    .btn-blue-cards:focus::after{
        transform: translate3d(0, 0, 0);
    }


    .text-pic-cards .bg-light-grey .content{
        padding: 0 1.5rem 1.5rem 1.5rem;
    }


    /* ENDE CARDS */


    /* START TEXT PIC MIDDEL  */
    .text-pic-middle{
        grid-column: 4 / 10;
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: 1fr 1fr;
        padding: 9rem 0;
    }

    .text-pic-middle  .text-pic-txt a{
        margin-top: 1rem;
    }
    .text-pic-middle  .text-pic-txt {
        order: 1;
    }

    .text-pic-middle .text-pic-img{
        order: 2;
        padding-bottom: 8.25rem;
    }
    /* ENDE TEXT PIC MIDDEL  */

    /* START TEXT PIC 70% 30%  */

    .text-pic-70-30{
        grid-column: 2 / 12;
        display: grid;
        grid-template-columns: 70% 30%;
        gap: 2rem;
    }

    .text-pic-70-30 .text-pic-txt{
        order: 1;
    }

    .text-pic-70-30 .text-pic-img{
        order: 2;
    }


    .text-pic-70-30.reverse .text-pic-txt{
        order: 2;
    }

    .text-pic-70-30.reverse .text-pic-img{
        order: 1;
    }

    /* ENDE TEXT PIC 70% 30%  */


    /* START TEXT PIC 50% 50%  */

        .text-pic-50-50{
            grid-column: 2 / 12;
            display: grid;
            grid-template-columns: 50% 50%;
            gap: 2rem;
        }

        .text-pic-txt h3, .text-pic-50-50-txt h3{
            margin-bottom: 2rem;
        }

        .btn-blue-arrow-left{
            font-family: var(--fliesstext-font);
            background-color: rgba(var(--blue), 1);
            color: #FFF !important;
            padding: 15px 30px 15px 15px;
            display: inline-block;
            transition: all .3s;
        }
        .btn-blue-arrow-left::before{
            content: "\279D";
            padding-right: 0.5rem;
        }

        .btn-blue-arrow-left:hover{
            background-color: rgba(var(--pink), 1);
        }

        .text-pic-50-50 .text-pic-50-50-txt{
            order: 1;
        }

        .text-pic-50-50 .text-pic-50-50-img{
            order: 2;
            text-align: right;
        }
        .text-pic-50-50 .text-pic-50-50-img img{
            max-width: 80%;
        }

        .text-pic-50-50.reverse .text-pic-txt{
            order: 2;
        }

        .text-pic-50-50.reverse .text-pic-img{
            order: 1;
            max-width: 80%;
        }

        /* ENDE TEXT PIC 50% 50%  */


        /* START ACCORDION */
        .accordion{
            padding: 15vh 0;
        }

        summary {
            font-family: var(--headline-font);
            font-size: calc(var(--font-size) * 3.25rem);
            font-size: 3rem;
            font-weight: 700;
            padding: 2rem 0;
        }

        details{
            grid-column: 3/11;
            border-top: 1px solid #000000;
            transition: height 2s ease;
            cursor: pointer;
        }

        details .content-wrapper{
            font-family: var(--fliesstext-font);
            margin-bottom: 2rem;
        }

        details .content-wrapper.half-half{
            display: grid;
            grid-template-columns: 1fr 1fr;
        }

        details > summary {
            list-style-type: none;
        }

        details > summary::-webkit-details-marker {
            display: none;
        }

        details > summary::after {
            content: url("../assets/img/up.svg");
            margin-left: 15px;
        }

        details[open] > summary::after {
            content: url("../assets/img/down.svg");
            margin-left: 15px;
        }

        details[open] summary ~ * {
            animation: open .5s ease-in-out;
        }

        details[close] summary ~ * {
            animation: close 1.5s ease-in-out;
        }

        @keyframes open {
            0% {opacity: 0; margin-top: -20px}
            100% {opacity: 1; margin-top: 0px}
        }

        @keyframes close {
            0% {opacity: 1; margin-top: 0px;}
            100% {opacity: 0; margin-top: -20px}
        }
        /* ENDE ACCORDION */


    /* BG BG-IMG-TXT */

    .bg-img-txt{
        background-image: url(../assets/img/ph_bg-img-txt.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 9rem 0;
    }

    .bg-img-txt.dreihunderttage{
        background-image: url(../assets/img/bg-365tage-online.jpg) !important;
    } 

    .bg-img-txt-text{
        grid-column: 2 / 6;
    }

    .dreihunderttage  .bg-img-txt-text{
        grid-column: 1 / 4;
    }

    .bg-img-txt-text{
        color: #FFF;
    }

    .bg-img-txt-text a{
        margin-right: 2rem;;
    }

    .bg-img-txt-text h1{
        margin: 1rem 0 0.5rem 0;
    }

    .bg-img-txt-text p:first-child {
        color: rgba(var(--light-grey), 1);
    }

    .bg-img-txt-text p:last-of-type {

        padding-bottom: 2rem;
    }

    /* ENDE BG-IMG-TXT */


    /* START FOOTER SECTIONS */

        footer p, footer a{
            margin: 0;
            font-family: var(--fliesstext-font);
        }
        footer section{
            margin: 0;
        }

        .newsletter-bar{
            grid-column: 2 / 12;
            font-family: var(--fliesstext-font);
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: center;
            padding: 6.5rem 0;
        }

        .newsletter-bar-text {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            grid-template-rows: 1fr 1fr;
        }

        .newsletter-bar-text-head{
            grid-column: 1/5;
            grid-row: 1;
        }

        .newsletter-bar-text-form{
            all: unset;
            grid-column: 1/5;
            grid-row: 2;
            display: grid;
            grid-template-columns: 70% 30%;
            gap: 0.5rem;
        }

        .newsletter-bar-text-form input{
            border: 0;;
            margin-top: 1.525rem;
            font-size: calc(var(--font-size) * 1.25rem);
            padding-left: 2rem;
            /* padding: 18px; */
            min-width: 100%;
            max-height: 56px;
        }

        .newsletter-bar-text-form input[type=submit] {
            background-color: rgba(var(--blue), 1);
            padding:0;
            color: #FFF;
            cursor: pointer;
            transition: all .3s;
        }
        .newsletter-bar-text-form input[type=submit]:hover {
            background-color: rgba(var(--pink), 1);
        }

        .newsletter-bar-text-form input:focus{
            outline: rgba(var(--pink), 1);
            outline-style: solid;
            outline-width: medium;
            display: inline-block;
        }

        .newsletter-bar-logos{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
        }

        .footer-nav-bar{
            grid-column: 1 / -1;
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-template-rows: 1fr 1fr;
            gap: 90px;
            padding: 9rem 0 2rem 0;
        }

        .footer-nav-bar p:first-child {
            padding-bottom: 1.2rem;
        }

        .footer-nav-bar a:link, .footer-nav-bar-legals a:link{
            color: #FFF;
            display: inline-block;
            position: relative;
            overflow: hidden;
            padding-bottom: 10px;

        }

        .footer-nav-bar a::after{
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0.1em;
            background-color: #FFF;
            opacity: 1;
            transition: opacity 300ms, transform 300ms;
        }

        .footer-nav-bar .footer-nav-bar-social a::after{
            all: unset;
        }

        .footer-nav-bar a::after {
            opacity:1;
            transform: translate3d(-101%, 0, 0);
        }

        .footer-nav-bar a:hover::after,
        .footer-nav-bar a:focus::after{
            transform: translate3d(0, 0, 0);
            left: calc(19px + 1rem);
        }

        .footer-nav-bar .footer-nav-bar-legals a:hover::after,
        .footer-nav-bar .footer-nav-bar-legals a:focus::after{
            transform: translate3d(0, 0, 0);
            left: 0;
        }

        .footer-nav-bar .footer-mail::before{
            content: url(../assets/img/icon-mail-white.svg);
            padding-right: 1rem;;
        }

        .footer-nav-bar .footer-phone::before{
            content: url(../assets/img/icon-phone-white.svg);
            padding-right: 1rem;;
        }

        .footer-nav-bar-kontakt{
            grid-column: 2 / 6;
            grid-row: 1;
            display: block;
            position: relative;
        }

        .footer-nav-bar-kontakt::after{
            content: '';
            position: absolute;
            right: -45px;
            top: 0px;
            height: 124px;
            width: 1px;
            background-color: #fff;
        }

        .footer-nav-bar-presse{
            grid-column: 6 / 11;
            grid-row: 1;
            position: relative;
        }

        .footer-nav-bar-presse p a{
            font-size: inherit;
        }

        .footer-nav-bar-presse::after{
            content: '';
            position: absolute;
            right: 65px;
            top: 0px;
            height: 124px;
            width: 1px;
            background-color: #fff;
        }

        .footer-nav-bar-social{
            grid-column: 10 / -1;
            grid-row: 1;
        }

        .footer-nav-bar-legals{
            grid-column: 2 / -1;
            grid-row: 2;
        }

        .footer-nav-bar-legals {
            margin-top: 3rem;
            padding-top: 1.2rem;
            border-top: 1px solid #FFF;
        }

        .footer-nav-bar-legals a{
            margin-right: 3rem;
        }

        .footer-nav-bar-social{
            align-self: center;
        }
        .footer-nav-bar-social a{
            padding-right: 3rem;
        }

        .footer-nav-bar-social svg{
            fill: #FFF;
        }
        .footer-nav-bar-social svg:hover {
            fill: rgba(var(--pink), 1);
        }

        .copyright-bar{
            grid-column: 1/-1;
            font-family: var(--fliesstext-font);
            text-align: center;
            padding: 0.4rem 0;
        }

        .copyright-bar a{
            color: #FFF;
        }

        .copyright-bar a:hover{
            color: rgba(var(--blue), 1)
        }

        /* ENDE FOOTER SECTIONS */


        /* START SITEMAP */
       

        .sitemap{
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                grid-template-rows: 35% 60% 5%;
                align-items: center;
                position: fixed;
                z-index: 0;
                width: 0;
                height: 0;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(var(--blue), 1);
                margin: 0 auto;
                padding: 0 2rem;
                opacity: 0;
                transition: opacity 0.3s ease-in-out;
            }


            .sitemap.sitemapzeigen{
                z-index: 90;
                width: 100%;
                height: 100%;
                opacity: 1;
                transition: opacity 0.3s ease-in-out;
                overflow: hidden;
            }


            .sitemap-wrapper{
                grid-column: 1 / -1;
                grid-row: 2;
            }


            .sitemap-wrapper .section-wrapper{
                padding: 0;
            }

            .sitemap-wrapper .section-wrapper{
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                grid-template-rows: auto;
                padding: 0 2rem;
                max-width: 1720px;
                        }

            .sitemap, .sitemap a, .sitemap p{
                color: #FFF;
                margin-bottom: unset;
            }

            .sitemap a{
                position: relative;
                display: inline-block;
                overflow: hidden;
            }

            .sitemap a::after{
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 0.1em;
                background-color: #FFF;
                opacity: 1;
                transition: opacity 300ms, transform 300ms;
            }

            .sitemap a::after {
                opacity:1;
                transform: translate3d(-100%, 0, 0);
            }

            .sitemap a:hover::after,
            .sitemap a:focus::after{
                transform: translate3d(0, 0, 0);
            }


            .sitemap h2{
                font-family: var(--headline-font);
                padding-bottom: 2rem;
            }

            .sitemap, .sitemap a, .sitemap p{
                font-family: var(--fliesstext-font);
            }

            .sitemap-besuchen{
                grid-column: 1 / 4;
                grid-row: 1;
                padding-left: 2rem;
            }
            .sitemap-ausstellen{
                grid-column: 1 / 4;
                grid-row: 2;
                padding-left: 2rem;
            }
            .sitemap-presse{
                grid-column: 4 / 7;
                grid-row: 1;
            }

            .sitemap-socialmedia{
                text-align: left;
                padding-top: 0rem;
                grid-column: 7 / -1;
                grid-row: 1;
            }

            .sitemap-socialmedia p, .sitemap-socialmedia h2   {
                display: block;
            }

            .sitemap-legals, span.sitemap-icon {
                display: none;
            }
          
            /* ENDE SITEMAP */
}

@media screen and (min-width: 1521px){
    .footer-nav-bar-kontakt{
        grid-column: 2 / 5;
        grid-row: 1;
        display: block;
        position: relative;

    }

    .footer-nav-bar-presse{
        grid-column: 5 / 9;
        grid-row: 1;
        position: relative;
    }

    .footer-nav-bar-social{
        grid-column: 9 / -1;
        grid-row: 1;
    }
}


@media screen and (min-height: 950px) {
        .logo-bar{
            display: block;
        }
}


@media screen and (min-width: 1921px){
    .sitemap{
        grid-template-rows: 15% 80% 5%;
    }
}

    

/* ENDE MEDIAQUERRIES */

.ausblenden{
    display: none;
}

.no-padding{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.no-padding-bottom{
    padding-bottom: 0;
}

.no-padding-top{
    padding-top: 0 !important;
}

.no-margin{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.no-margin-bottom{
    margin-bottom: 0;
}

.no-margin-top{
    margin-top: 0;
}


footer section.bg-light-grey{
	display: none;
}

section.small-newsletter{
    display:none;
}


/*Breite Beschränken*/
.max-width-960{
	max-width: 960px;
}


.nicht-zentriert{
	text-align: left !important;
}

.no-float{
	float: none !important;
}

.sponsoren{
	grid-column: 4 / 10;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.sponsoren_zwei{
	grid-column: 4 / 10;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}