@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  font-family: 'Open Sans Condensed', sans-serif;
}
ol, ul, li {
  list-style: none;
  padding: 0;
}
main ul {
  margin: 3rem 0;
  padding: 0;
}
main ul li {
  margin: 0.5rem 1.6rem;
  font-weight: 400;
  list-style-type: disc;
  hyphens:none;    
}
.unterseite main section p a {
  color: #007198;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
  color: #393a3e;
}
strong, b {
  font-weight:700;
}
.free {
  margin: 0 !important;
  padding: 0 !important;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1.8rem;
  word-break: break-word;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
h3, h4{
    hyphens:none;
}

/* Reset css STOP*/

/* ------------- ABSTAENDE TYPO 3 ----------------*/
/* Extraklein davor */
.frame-space-before-extra-small, .space-extra-small {
  margin-top: 1.25rem;
}
/* Klein davor */
.frame-space-before-small {
  margin-top: 2rem;
}
/* Mittel davor */
.frame-space-before-medium {
  margin-top: 3rem;
}
/* Gross davor */
.frame-space-before-large {
  margin-top: 5rem;
}
/* Extragross davor */
.frame-space-before-extra-large {
  margin-top: 8rem;
}
/* Extraklein danach */
.frame-space-after-extra-small {
  margin-bottom: 1.25rem;
}
/* Klein danach */
.frame-space-after-small {
  margin-bottom: 2rem;
}
/* Mittel danach */
.frame-space-after-medium {
  margin-bottom: 3rem;
}
/* Gross danach */
.frame-space-after-large {
  margin-bottom: 5rem;
}
/* Extragross danach */
.frame-space-after-extra-large {
  margin-bottom: 8rem;
}
.space-extra-small {
  height: 1.25rem;
}
.space-small {
  height: 2rem;
}
.space-medium {
  height: 3rem;
}
.space-large {
  height: 5rem;
}
.space-extra-large {
  height: 8rem;
}
.gridWrap.default.frame-layout-2 {
  width: 100%;
}
/* ------------- END ABSTAENDE TYPO 3----------------*/
/* BOOTSTRAP_ERWEITERUNG */
.pb-6, .py-6 {
  padding-bottom: 5rem !important;
}
.pt-6, .py-6 {
  padding-top: 5rem !important;
}
.pl-6, .px-6 {
  padding-bottom: 5rem !important;
}
.pr-6, .px-6 {
  padding-top: 5rem !important;
}
.mb-6, .my-6 {
  padding-bottom: 5rem !important;
}
.mt-6, .my-6 {
  padding-top: 5rem !important;
}
.pb-7, .py-7 {
  padding-bottom: 8rem !important;
}
.pt-7, .py-7 {
  padding-top: 8rem !important;
}
.pl-7, .px-7 {
  padding-bottom: 8rem !important;
}
.pr-7, .px-7 {
  padding-top: 8rem !important;
}
.mb-7, .my-7 {
  padding-bottom: 8rem !important;
}
.mt-7, .my-7 {
  padding-top: 8rem !important;
}
/* END BOOTSTRAP_ERWEITERUNG */
/*  -------------------- START GENERELLE STILE --------------------*/
body, p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1rem;
  line-height: 1.4rem;
}
ul li.no-style-type {
  list-style-type: none !important;
}
.btn {
  padding: 0.8rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
  border:0px;
}
.btn:hover{
    opacity:0.8;
}
.btn.bg-blue
{
  background-color: #007198;
}
a:hover {
  text-decoration: none;
  opacity: 0.8;
  color: #007198;
  cursor: pointer;
}

button.btn.btn-primary p {
    float: left;
    padding: 0 10px 0 0;
    margin: -4px 0 0 0;
}


/* FARBEN */
.green, .btn.green:hover{
    background-color:#006778 !important;
    color:#fff !important;
}
.green-txt{
    color:#006778;
}

/* END FARBEN */



/* SCHRIFTGROESSEN MOBIL */

h1{
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:300;
    font-size:2.375rem;
}
h2{
   font-family: 'Open Sans Condensed', sans-serif;
        font-weight:300;
    font-size:1.8rem;
}
h3{
    font-size:1.3rem;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
}
h4{  
   font-size:1.2rem;
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
}
   

/* END SCHRIFTGROESSEN MOBIL */











/* START MESSESTAND ------------------------------------------------------- */
body.startseite, body.unterseite{
    background-color:#353638;

}
.messestand{
    animation:fadein 2.0s;-moz-animation:fadein 2.0s;-webkit-animation:fadein 2.0s;
    position:absolute;
    z-index:1;
    height:auto;
   /* min-height:100vH;*/
}
.messestand .kreis{
    position:absolute;
    top:10%;
    right:50%;
    z-index:5;
    padding:1rem;
    background:rgba(255,255,255,0);
   -moz-border-radius: 2rem;  
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
}
.messestand .kreis:hover{
    transition: 300ms ease;
    background:rgba(255,255,255,0.4);   
}
.messestand .kreis a{
    position:relative;
}
.messestand .kreis a img{
     -moz-border-radius: 1rem;  
  -webkit-border-radius: 1rem;
  border-radius: 1rem;
       box-shadow:  0 0 10px  rgba(0,0,0,0.6);
      -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -o-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
}
/* END START MESSESTAND */
/* KREISE MESSESTAND */
.messestand .kreis.bau{
   top:24%;
   left:30%; 
    right:unset;
}
.messestand .kreis.industrie{
   top:24%;
   right:30%; 
}

.messestand .kreis.youtube{
   top:30%;
   right:50%; 
}

.messestand .kreis.beratung{
   top:35%;
   right:58%; 
}
.messestand .kreis.digitale-dienstleistungen{
   top:46%;
   right:48%; 
}
.messestand .kreis.neuheiten{
   top:31%;
   right:85%; 
}
.messestand .kreis.downloads{
   top:53%;
   right:33%; 
}
.messestand .kreis.kontakt{
   top:51%;
   right:18%; 
}
.messestand .kreis.referenzen{
   top:28%;
   right:8%; 
}
/* END KREISE MESSESTAND ------------------------------------------------------- */

/* MOBILE NAVI */
.mobile-nav ul{
    padding-left:0;
    text-align:center;
    margin-top:-60px;
    background: rgba(0,0,0,0.2);
    padding:1rem 1rem 0.5rem     1rem;
        -moz-border-radius: .3em;  
    -webkit-border-radius: .3em;
    border-radius: .3em;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:300;
    font-size:1.25rem;
}
.mobile-nav ul li{
   background-color:#006778;
    width:100%;
    -moz-border-radius: .3em;  
    -webkit-border-radius: .3em;
    border-radius: .3em;
    margin:0 0 1rem 0;
    list-style-type:none; 
}
.mobile-nav ul li a{
    color:#fff;
    display:block;
     padding:1rem;
}

/* END MOBILE NAVI */



/* TOOLTIPPS */
.tooltip{
    position:absolute;  
}
.tooltip > .tooltip-inner {
 -moz-border-radius: 0.5rem;  
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:1.125rem;
  padding:1rem;  
}
/* END TOOLTIPPS */

/* NAVBAR */
nav {
    position:absolute;
    text-align: right;
    background-image:url(../images/bg-menu.png);
    background-position: top right;
    background-repeat:no-repeat;
    height:62px;
    z-index:1000;
}
nav a{
    color:#fff;
    font-family: 'Open Sans Condensed', sans-serif;
    background:rgba(0,0,0,0.4);
    width: auto;
    line-height: 31px;
    float: right;
    height: 61px;
    padding: 13px 20px;
    margin-right:1px;
}
nav a:hover{
    color:#fff;
}
nav a.back-button{
    top:80px;
    right:10px;
    position:absolute;
}
/* END NAVBAR */


/* MESSEWAENDE */
.unterseite .messewand-rechts, .unterseite .messewand-links {
    background-image: url(../media/backgrounds/messewand-mobil.png);
    animation:fadein 2.0s;-moz-animation:fadein 2.0s;-webkit-animation:fadein 2.0s;
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    color:#fff;
    height:100%;
  	min-height:100vH;
    background-color:#005665;
}
.unterseite .messewand-rechts .container, .unterseite .messewand-links .container{
    padding-top:150px;
}
.unterseite .messewand-rechts .container, .unterseite .messewand-links .container{
    color:#fff;
}
#wallCarousel, #wallCarousel h4 {
    color:#fff;
}
#wallCarousel h3{
    height:auto;
    min-height:5rem;
}
#wallCarousel ul li{
    list-style-type: disc;
}
.carousel-control-prev-icon{
    background-image:url(../images/previous-icon.png);
}
.carousel-control-next-icon{
    background-image:url(../images/next-icon.png);
}
.carousel-control-next-icon, .carousel-control-prev-icon{
    width:60px;
    height:60px;
}
.carousel-control-next, .carousel-control-prev{
    width:60px;
}
#wallCarousel .carousel-item, #carouselPlakat .carousel-item{
    padding-bottom:5rem;
}
.carousel-control-next:focus, .carousel-control-next:hover, 
.carousel-control-prev:focus, .carousel-control-prev:hover{
    opacity:1;
}
.unterseite .messewand-links p strong{
    font-weight:600;
}

/* END MESSEWAENDE */

/* PLAKATWAND */
.unterseite .plakatwand-neuheiten {
    background-image: url(../media/backgrounds/plakatwand.jpg);
    animation:fadein 2.0s;-moz-animation:fadein 2.0s;-webkit-animation:fadein 2.0s;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top center;
    height:auto;
}
.unterseite .plakatwand-neuheiten .container{
    padding-top:120px;
}

#carouselPlakat .carousel-caption{
    position:unset;
    color:#5a5a5a;
    background-position:bottom left;
    background-repeat: no-repeat;
}
#carouselPlakat .carousel-item .img-fluid.position-absolute{
    bottom:0;
    left:0;
}

#carouselPlakat .carousel-control-prev-icon{
    background-image:url(../images/previous-icon-green.png);
}
#carouselPlakat .carousel-control-next-icon{
    background-image:url(../images/next-icon-green.png);
}

#carouselPlakat img.img-fluid.w-100{
	width: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
/* END PLAKATWAND */
/* REFERENZEN */
.unterseite .plakatwand-neuheiten.referenzen {
    background-image: url(../media/backgrounds/fensterwand.jpg);
}

.unterseite .subtitle-photos{
    position:absolute;
    color:#fff;
    width:100%;
    font-size:0.9rem;
    left:20px;
}
/* END REFERENZEN */

/* FANCYBOXSLIDER */
#systemSlider .carousel-item{
    text-align: center;
}
#systemSlider .carousel-caption{
    position:unset;
    color:#333;
    text-align:left;
    padding-left:2rem;
}
#systemSlider .carousel-indicators{
    position:unset;
}
#systemSlider .carousel-indicators li{
    background-color:#ccc;
    height:15px;
    width:15px;
}
#systemSlider .carousel-indicators li.active{
    background-color:#007198;
}
#systemSlider .carousel-caption ul li{
    list-style-type: none;
    font-weight:bold;
}
#systemSlider .carousel-caption ul li::before{
  content: "\2022";  
  color:#007198; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em;
}
#systemSlider .carousel-control-prev-icon{
   background-image:url(../images/previous-icon-grey.png); 
}
#systemSlider .carousel-control-next-icon{
   background-image:url(../images/next-icon-grey.png); 
}
/* END FANCYBOXSLIDER */



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

/* SMALL */
@media (min-width: 576px) {
    
}


/* MEDIUM */
@media (min-width: 768px) {
    #wallCarousel .carousel-control-prev{
        left:-5%;
    }
   #wallCarousel .carousel-control-next{
        right:-5%;
    }
      
}

/* LARGE ---------------------------------------- */
@media (min-width: 992px) {

}


/* EXTRA LARGE ---------------------------------------- */
@media (min-width: 1200px) {
.unterseite .messewand-rechts, .unterseite .messewand-links {
    background-image: url(../media/backgrounds/messewand-rechts.jpg);
    background-size:cover;
    background-position: top center;
}
.unterseite .messewand-links {
    background-image: url(../media/backgrounds/messewand-links.jpg);
} 
.unterseite .messewand-rechts, .unterseite .messewand-links {
    min-height:100vH;
}
.unterseite .messewand-rechts .container h1, .unterseite .messewand-links .container h1{
    color:#575656;
}  
.unterseite .messewand-rechts .container, .unterseite .messewand-links .container{
    padding-top:120px;
}   
.unterseite .plakatwand-neuheiten{
    background-size:cover;
    background-position: bottom center;   
       min-height:100vH;
}    
}

/* EXTRA EXTRA LARGE ---------------------------------------- */
@media (min-width: 1440px) {
   
}

@media (min-width: 1600px) {
 .carousel-control-prev{
        left:-5%;
    }
       .carousel-control-next{
        right:-5%;
    }
}

/* Zwischenschritt */
@media (min-width: 1700px) {
/*.container{
   max-width:1500px;
}*/
body, p {
  font-size: 1.2rem;
  line-height:1.9rem;
}
h1{
    font-size:3.375rem;
}
h2{
   font-size:2.8rem;
}
h3{
    font-size:1.3rem;
}
h4{  
    font-size:1.2rem;
}    
    
/* END Zwischenschritt */



/* EXTRA EXTRA EXTRA LARGE ---------------------------------------- */
@media (min-width: 2000px) {
/*.container{
  max-width:1800px;
}*/
body, p {
  font-size: 1.25rem;
  line-height:2rem;
}
h1{
    font-size:4.375rem;
}
h2{
   font-size:3.8rem;
}
h3{
    font-size:1.4rem;
}
h4{  
    font-size:1.3rem;
}    
}
    
/* END RESPONSIVE --------------------------------------------------------------------- */
    
    
@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}