﻿
.big-head #banner-stripe.banner-container .parallax-container {margin:0;}
.big-head #banner-stripe.banner-container .parallax-container .sf_colsOut {padding:0;}
.big-head #banner-stripe.banner-container .parallax-container .sf_colsIn {
    height: 600px;
    width: auto;
    padding: 0;
    margin: 0;
    background: url(/assets/images/svg/world-map-plain.svg) no-repeat center center;
    background-size: 1050px auto;
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.3);
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.3);
}

.big-head #banner-stripe.banner-container .parallax-container #n-conf-2018 {
    height: 600px;
    background-color: rgba(255, 255, 255, 0.5);
    position: relative;
    width: 1140px;
    margin: 0 auto;
}

.big-head #banner-stripe #n-conf-2018 #profile-row {width:auto; height:auto; padding:10px 0 15px 0; white-space:nowrap;}
.big-head #banner-stripe #n-conf-2018 #profile-row img {width:120px; height:auto; display:inline-block; margin-right:10px; border:1px solid #333;}

.big-head #banner-stripe #n-conf-2018 #motto {}

/* H3: Setzen Sie sich durch */
.big-head #banner-stripe #n-conf-2018 #motto h3 {text-transform:uppercase; color:#000; font-family: "DIN Next W02 Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0 0 5px 0; line-height:1em;}

/* H2 Konsequent – mit einem Masterplan */
.big-head #banner-stripe #n-conf-2018 #motto h2 {text-transform:uppercase; color:#000; font-family: "DIN Next W02 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; opacity:1; animation:none;line-height:1em; margin:0;}

.big-head #banner-stripe #n-conf-2018 #center-text {text-align:center;}

.big-head #banner-stripe #n-conf-2018 #center-text #svg-wrap {margin:20px 0 0 0;}
.big-head #banner-stripe #n-conf-2018 #center-text #svg-wrap a {display:inline-block;}
.big-head #banner-stripe #n-conf-2018 #center-text #svg-wrap svg path {fill:#B58D48;}

/* H1: conference*/
.big-head #banner-stripe #n-conf-2018 #center-text h1 {padding:0; margin:0;line-height:0.9em; font-family: "DIN Next W02 Medium", "Helvetica Neue", Helvetica, Arial, sans-serif; opacity:1; animation:none;}
.big-head #banner-stripe #n-conf-2018 #center-text h1 a,
.big-head #banner-stripe #n-conf-2018 #center-text h1 a:link,
.big-head #banner-stripe #n-conf-2018 #center-text h1 a:visited,
.big-head #banner-stripe #n-conf-2018 #center-text h1 a:hover,
.big-head #banner-stripe #n-conf-2018 #center-text h1 a:active {
    color: #B58D48; text-decoration:none; text-align:center; 
}

/* H4: 10.-12. Oktober 2018 | Zürich */
.big-head #banner-stripe #n-conf-2018 #center-text h4 {padding:0; margin:0; font-family: "DIN Next W02 Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.big-head #banner-stripe #n-conf-2018 #center-text h4 a,
.big-head #banner-stripe #n-conf-2018 #center-text h4 a:link,
.big-head #banner-stripe #n-conf-2018 #center-text h4 a:visited,
.big-head #banner-stripe #n-conf-2018 #center-text h4 a:hover,
.big-head #banner-stripe #n-conf-2018 #center-text h4 a:active {
    color: #000;
    text-align: center;
    text-decoration:none;
}

@media (max-width:1180px) {
    .big-head #banner-stripe.banner-container .parallax-container .sf_colsIn {background-size:100% auto; width:auto;}
    .big-head #banner-stripe.banner-container .parallax-container .parallax-text {padding:0 10px; width:auto;}
    .big-head #banner-stripe.banner-container .parallax-container #n-conf-2018 {width: auto;}
}

@media (max-width:876px) {
    .big-head #banner-stripe #n-conf-2018 #profile-row img {width:100px; }
}

@media (max-width:780px) {
    .big-head #banner-stripe.banner-container .parallax-container .sf_colsIn,
    .big-head #banner-stripe.banner-container .parallax-container #n-conf-2018 {height:450px;}
    .big-head #banner-stripe #n-conf-2018 #inner {padding-top:40px;}
    .big-head #banner-stripe #n-conf-2018 #profile-row {display:none;}
    .big-head #banner-stripe #n-conf-2018 #center-text #svg-wrap svg {height:auto; width:200px;}

}
@media (max-width:680px) {
    .big-head #banner-stripe.banner-container .parallax-container .sf_colsIn,
    .big-head #banner-stripe.banner-container .parallax-container #n-conf-2018 {height:400px;}
    .big-head #banner-stripe #n-conf-2018 #inner {padding-top:30px;}
    .big-head #banner-stripe #n-conf-2018 #motto h3 {font-size:26px;}
    .big-head #banner-stripe #n-conf-2018 #motto h2 {font-size:30px;}
}

@media (max-width:440px) {
    .big-head #banner-stripe #n-conf-2018 #inner {padding-top:20px;}
}

@media (max-width: 440px) {
    .big-head #banner-stripe #n-conf-2018 #center-text #svg-wrap {margin:0;}
}