/* hotfix.css (media queries included)  */

/* ========================================================
   Elements
   ======================================================== */

/* --------------------------------------------------------
   Base (Mobile)
   -------------------------------------------------------- */

.plugin-content--hidden {
    display: none!important;
    visibility: hidden!important;
}

/* SVG-Logos */
body.home #logo img[src$="svg"],
body.content #logo img[src$="svg"]{
	height:24px;
	width: 350px;
}

.video-ratio-169 {
	max-width: 300px;
	padding-bottom: 169px;
}

/* Referentenliste */
#content ul.speakerlistimg-item h3 {
	font-size: 1.5em;
	padding-top: 0;
}

/* Webforms */
#content .col-highlight .form-elements p {
	padding: 0.4em 0;
}

#content .table-row .col-full p {
	font-size: 1.4rem;
	font-weight: 700;
}

/* D0395 - IGW: Bühne */
.stage.stage-text-full {
    flex-flow: row;
    justify-content: center;
}

.stage.stage-text-full::before {
    height: 16rem;
}

.stage.stage-text-full .stage-text {
    flex: 1;
     width: 100%;
}

.stage .stage-text p {
    opacity: 1;
}

/* D0430 EventDB - Schlagwortinformationen bei der Tagesansicht */
#content .eventdb-catchword p {
	padding: 0;
}

.eventdb-catchword a {
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 10px;
  line-height: 2em;
  display: inline-block;
}

/* D0404 - Popup */
.mb-popup {
	min-width: 696px;
}

.mb-popup .fancybox-inner {
	width: auto!important;
}

@media (max-width: 767px) {
    .mb-popup {
        min-width: unset;
        width: unset !important;
        left: 4.5% !important;
        right: 4.5% !important;
    }
    .mb-popup .fancybox-skin {
        padding: 25px !important;
    }
}

/* --------------------------------------------------------
   Tablet
   -------------------------------------------------------- */
@media (min-width: 768px) {
	/* SVG-Logos */
	body.home #logo img[src$="svg"]{
		height:50px;
	}
	.nav-mblogo-link img[src$="svg"]{
		width: 110px;
	}

/* D0430 EventDB - Schlagwortinformationen bei der Tagesansicht */
	.eventdb-catchword a:hover{
	    text-decoration: none;
	}


	.video-ratio-169 {
	    max-width: 100%;
		padding-bottom: 43%;
	}

	/* Referentenliste */
	#content .speakerlistimg-item p {
		text-align: center;
	}

	#content .speakerlistimg-item h3 {
		font-size: 1.5em;
		padding-top: 1em;
		text-align: center;
	}

	#content .speakerlistimg-item .image-grow .textimage-img {
		max-height: 320px;
	}

	/* Animation grow */
	.image-grow .textimage-img {
    	overflow: hidden;
	}

	.image-grow:hover img {
		transform: scale(1.03);
	    -moz-transform: scale(1.03);
 	    -webkit-transform: scale(1.03);
 	    -o-transform: scale(1.03);
 	    -ms-transform: scale(1.03);
      -moz-transform-origin: center;
      -webkit-transform-origin: center;
      -o-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
	}

	.image-grow img {
 	   transition: all .4s;
	}


    /* Text Align Middle */
    .text-align-middle {
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        -ms-flex-align: center;
        justify-content: center;
        -ms-flex-pack: center;
    }

    .text-align-middle.text-align-left{
        justify-content: start;
        -ms-flex-pack: start;
    }

	/* SquareBox */
	.col-2 .squarebox{
	    min-height: 218px;
	}

	.col-3 .squarebox,
	.col-4 .squarebox,
	.col-6 .squarebox,
	.col-6 .next-to-squarebox img {
		min-height: 337px;
	}

	.col-6 .next-to-squarebox .textimage-img{
	    width: 337px;
        overflow:hidden;
	}
	.col-6 .next-to-squarebox img {
        max-width: inherit;
     }

	/* D0404 - Popup */
	.mb-popup {
		max-width: 696px;
	}

} /*@media Tablet */

/* --------------------------------------------------------
	Screen
   -------------------------------------------------------- */
@media (min-width: 1108px) {
	/* SVG-Logos */
	body.home #logo img[src$="svg"]{
		height:120px;
	}
	body.content #logo img[src$="svg"],
	body.content #logo-alternate img [src$="svg"]{
 	   height: 75px;
	}

	/* Referentenliste */
	#content ul.speakerlistimg-item .textimage-img {
		max-height: 300px;
	}


    /* Bildergalerien im korrekten Raster ausgeben (aufgefallen bei Weinmesse)*/
    .col-12 .gallery-thumb:nth-of-type(6n){
        margin-right: 0;

    }
    .col-9 .gallery-thumb:nth-of-type(4n),
    .col-8 .gallery-thumb:nth-of-type(4n){
        margin-right: 0;

    }

	.cms-about {
		background-color: transparent;
		transition: all 250ms ease-in-out;
	}

	.cms-about:hover {
		background-color: rgba(172, 216, 245, 0.23);
		transform: scale(1.03);
	}

	/* SquareBox */


    /* SquareBox */
    .col-2 .squarebox{
        min-height: 144px;
    }

    .col-3 .squarebox {
        min-height: 232px;
    }

    .col-4 .squarebox{
        min-height: 337px;
    }

    .col-4 .squarebox {
        min-height: 320px;
    }

    .col-6 .squarebox,
    .col-6 .next-to-squarebox img{
        min-height: 495px;
    }

    .col-6 .next-to-squarebox .textimage-img{
        width: 495px;
        overflow:hidden;
    }
    .col-6 .next-to-squarebox img {
        max-width: inherit;
     }

    .col-8 .next-to-squarebox {
        height: 320px;
        overflow: hidden;
    }

    .col-9 .next-to-squarebox{
        height: 232px;
        overflow:hidden;
    }


    /* ------- Stage Fullsize ------- */

    /* Content-width: 1054px */

    body.home.stage-fullsize #page {
        width: 100%;
        max-width: none;
        padding: 0;
    }
    
    body.home.stage-fullsize #header {
        margin: 0 auto;
        box-sizing: border-box;
        max-width: calc(1.5% + 1.5% + 1054px);
        padding-left: calc(1.5% + 1054px * 0.015);
        padding-right: calc(1.5% + 1054px * 0.015);
    }

    body.home.stage-fullsize #tiles-section,
    body.home.stage-fullsize .news {
        box-sizing: border-box;
        width: calc(1.5% + 1.5% + 1054px);
        padding-left: calc(1.5% + 1054px * 0.015);
        padding-right: calc(1.5% + 1054px * 0.015);
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    body.home.stage-fullsize .stage .stage-text {
        padding: 0 3em 2em 2em;
    }
    
    .home.stage-fullsize section#content-home {
        padding-top: 0;
        padding-left: 0px;
        padding-right: 0px;
    }

    /* Tiles section */
    .stage-fullsize #content-home #tiles-section.tiles-section-single {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 4px;
        z-index: 2;
    }

    /* Footer */
    .stage-fullsize #footer {
        box-sizing: border-box;
        width: calc(1.5% + 1.5% + 1054px);
        padding-left: calc(1.5% + 1054px * 0.015);
        padding-right: calc(1.5% + 1054px * 0.015);
        left: 50%;
        transform: translateX(-50%);
    }

    /* Meta + footer navigation */
    .stage-fullsize nav#nav-meta ul li a:hover, 
    .stage-fullsize nav#nav-lang ul li a:hover,
    .stage-fullsize #nav-footer ul li a:hover {
        border-bottom: none;
        padding-bottom: 0;
    }

    /* Extend stage height */
    body.home.stage-fullsize .stage {
        min-height: 27vw;
    }

    /* Adjust sections below stage */
    .stage-fullsize #content-home #tiles-section.tiles-section-single,
    .stage-fullsize #content-home .news {
        top: -50px;
    }

    body.home.stage-fullsize #logo img {
        max-height: 100px;
    }

    .home.stage-fullsize aside {
        top: 245px;
    }

} /*@media Screen */

/* --------------------------------------------------------
	Widescreen
   -------------------------------------------------------- */
@media (min-width: 1780px) {
	/* SVG-Logos */
	.nav-mblogo-link img[src$="svg"]{
		width: 144px;
	}
  	.tiles-section-single.no-double #tile-1 {
      	margin-right: 10px;
  	}

  	.tiles-section-single.no-double #tile-3 {
      	margin-right: 10px;
  	}

	/* Referentenliste */
	#content ul.speakerlistimg-item .textimage-img {
		max-height: 450px;
	}

    /* Bildergalerien im korrekten Raster ausgeben (aufgefallen bei Weinmesse)*/
    .col-12 .gallery-thumb:nth-of-type(6n){
        margin-right: 20px;
    }
    .col-12 .gallery-thumb:nth-of-type(9n){
        margin-right: 0;
    }
    .col-8 .gallery-thumb:nth-of-type(4n),
    .col-9 .gallery-thumb:nth-of-type(4n){
        margin-right: 20px;
    }
    .col-9 .gallery-thumb:nth-of-type(6n),
    .col-8 .gallery-thumb:nth-of-type(6n){
        margin-right: 0;
    }

	/* SquareBox */
    .col-2 .squarebox{
        min-height: 212px;
    }

	.col-4 .squarebox {
		min-height: 470px;
	}

    .col-3 .squarebox {
        min-height: 337px;
    }

	.col-6 .squarebox,
    .col-6 .next-to-squarebox img{
        min-height: 728px;
    }

    .col-6 .next-to-squarebox .textimage-img{
        width: 728px;
     }

    .col-8 .next-to-squarebox {
        height: 470px;
        overflow: hidden;
    }

    .col-9 .next-to-squarebox{
        height: 337px;
    }


    /* ------- Stage Fullsize ------- */

    /* Content-width: 1550px */
    
    body.home.stage-fullsize #header {
        margin: 0 auto;
        box-sizing: border-box;
        max-width: calc(1.5% + 1.5% + 1550px);
        padding-left: calc(1.5% + 1550px * 0.015);
        padding-right: calc(1.5% + 1550px * 0.015);
    }

    body.home.stage-fullsize #tiles-section,
    body.home.stage-fullsize .news,
    body.home.stage-fullsize #footer {
        box-sizing: border-box;
        width: calc(1.5% + 1.5% + 1550px);
        padding-left: calc(1.5% + 1550px * 0.015);
        padding-right: calc(1.5% + 1550px * 0.015);
        left: 50%;
        transform: translateX(-50%);
    }

    /* Extend stage height */
    body.home.stage-fullsize .stage {
        min-height: 30vw;
    }

    /* Adjust sections below stage */
    .stage-fullsize #content-home #tiles-section.tiles-section-single,
    .stage-fullsize #content-home .news {
        top: -80px;
    }

} /*@media Widescreen */


/* ========================================================
   Colors
   ======================================================== */

/* --------------------------------------------------------
   Base (Mobile)
   -------------------------------------------------------- */

/* D0430 EventDB - Schlagwortinformationen bei der Tagesansicht */
 .eventdb-catchword a{
   background-color: #e9e9e9;
 }

/* --------------------------------------------------------
   Tablet
   -------------------------------------------------------- */
@media (min-width: 768px) {

/* D0430 EventDB - Schlagwortinformationen bei der Tagesansicht */
	.eventdb-catchword a{
	      background-color: #fff;
	}

	.eventdb-catchword a:hover{
	    background-color: #019de2;
	    color: #fff;
	}

} /* COLORS @media Tablet */

/* --------------------------------------------------------
	Screen
   -------------------------------------------------------- */
@media (min-width: 1108px) {

/* D0430 EventDB - Schlagwortinformationen bei der Tagesansicht */
	.eventdb-catchword a{
	    background-color: #e9e9e9;
	}
} /* COLORS @media Screen */

/* --------------------------------------------------------
	Widescreen
   -------------------------------------------------------- */
@media (min-width: 1780px) {


} /* COLORS @media Widescreen */