@charset "utf-8";

.univia_ultra_light { font-weight: 200; }
.univia_ultra_light_italic { font-weight: 200; font-style: italic; }
.univia_book { font-weight: 400; }
.univia_book_italic { font-weight: 400; font-style: italic; }
.univia_bold { font-weight: 700; }
.univia_bold_italic { font-weight: 700; font-style: italic; }

body { font-family: univia-pro, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5em; color: #1a171b; }
@media only screen and (max-width: 1100px) {
	body { font-size: 18px; }
}
@media only screen and (max-width: 767px) {
	body { font-size: 16px; }
}

h3 { margin: 0; font-size: 1em; font-weight: 700; }
.marquee h5 { font-size: 0.6em; }

a { color: #f07c11; }
a:hover { color: #f07c11; text-decoration: none; }
p { margin: 0; }
div { position: relative; }
img { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); backface-visibility: hidden; transform: translateZ(0); }

form br, br.clearer { clear: both; }

.FormTable td { padding: 2px;}
label { float: left; max-width:75%; margin: 0 20px 2px 0; padding: 2px; line-height: 1.6em; cursor: pointer; }
input { border: solid 1px #000; padding: 0; background: #fff; width: 90%; font-size: 1em; padding: 5px 10px; margin: 5px  0 5px  0; font-family: "univia-pro"; font-weight: 400; }
input:focus { background: transparent; }
textarea { background: #ffffff; border: solid 1px #000; padding: 5px 10px; width: 100%; margin: 0 0 7px 0; display: block; min-height: 190px; font-family: "univia-pro"; font-size: inherit; }

input[type=submit] { color: #1a171b; width: auto; background: #eceded; padding: 14px 20px; cursor: pointer; margin: 10px 0 0; }
input[type=submit]:hover { background: #bdbdbd; color: #fff; }
input[type=checkbox],input[type=radio] { width: 20px; float: left; margin: 10px 5px 0 0;  }

.newsletter input[type=submit] { width: 100%; margin: 0; padding: 5px 20px; }

.newsletter .span30 { padding: 0 10px; }
.newsletter .span70 { padding: 0 10px; }

.newsletter  p { padding: 0 20px; }

select { max-width: 100%; border: solid 4px #eceded; background: #eceded; padding: 5px 10px; font-size: 1em; margin: 0 0 10px 0; background: #fff; font-family: "univia-pro"; }

.formbox { padding: 0 0 60px 0; }

::-webkit-input-placeholder { color: #000000; opacity: 1.0; }
:-moz-placeholder { color: #000000; opacity: 1.0; }
::-moz-placeholder { color: #000000; opacity: 1.0; }
:-ms-input-placeholder { color: #000000; opacity: 1.0; }

/* Radio + Checkbox */
.radio, .checkbox { display: none; }
.radio + label, .checkbox + label { position: relative; -webkit-appearance: none; border:4px solid #dcdcdc; background: #dcdcdc; width: 100%; display: inline-block; margin: 3px 14px 10px 0; width: 18px; height: 18px; }
.radio:checked + label, .checkbox:checked + label { border-color:#dcdcdc; background: #333333; }

.radio + label.radio_absolute, .checkbox + label.radio_absolute { position: absolute; left: 20px; }
.radio_absolute_label { padding: 0 0 0 36px; }
@media only screen and (max-width: 767px) {
	.radio + label.radio_absolute, .checkbox + label.radio_absolute { left: 0px; }
}

input, textarea, select { outline: 0 none; }
input:focus, textarea:focus, select:focus  { background:#fff; }

input.error, td.error label { border: solid 1px #CE0033; }
input.radio.error + label, input.checkbox.error + label { border: solid 1px #CE0033; }


/* Button bootstrap classes */
.btn-primary { background-color: #f07c11; border: none; color: #ffffff;  }
/*.btn-primary:hover { background-color: #f78924; border-color: #f78924; }*/ /* Bitte keine 2. messebezogene Farbe verwenden */
.btn-primary:hover { background-color: #999; border-color: #999; }

.btn-primary.focus, .btn-primary:focus { box-shadow: none;  }
/*.btn-primary.active, .btn-primary:active { box-shadow: none!important; background-color: #f78924!important; border-color: #f78924!important; }*/ /* Bitte keine 2. messebezogene Farbe verwenden */
.btn-primary.active, .btn-primary:active { box-shadow: none!important; background-color: #999!important; border-color: #999!important; }
@media only screen and (max-width: 767px) {
.btn-primary {   }

.ausstellerverzeichnis-buttons .col-3 {
   padding:5px;
}

h1 {font-size: 1.5rem;}

}


header .line, footer .line { position: absolute; bottom: 0; height: 1px; background: #d4d8de; position: relative; }
section:nth-child(2n+3) { background: #f7f7f7; }

.cover { background-position: center; background-repeat: no-repeat; background-size: cover; }

.width_full { padding: 0 45px; }
.width_1200 { max-width: 1200px; padding: 0 45px; }
@media only screen and (max-width: 1024px) {
	.width_full { padding: 0 25px; }
	.width_1200 { padding: 0 25px; }
}
@media only screen and (max-width: 767px) {
	.width_full { padding: 0 15px; }
	.width_1200 { padding: 0 15px; }
}

.mainnav .subnav .mobilnav {}
.mainnav .subnav { display: none; }

.mainnav { display: block; }
.mainnav ul { padding: 50px 0 20px 0; margin: 0; } /* wenn Sprachnav verwendet */
/*.mainnav ul { padding: 50px 0 50px 0; margin: 0; }*/ /* ohne Sprachnav */
.mainnav ul li { list-style: none; display: inline-block; margin: 0 25px; }
.mainnav ul li a { color: #1a171b; display: block; transition: 300ms 0ms; }
.mainnav ul > li.active > a  {color: #000000; font-weight:bold; /*color: #f07c11;*/ }
.mainnav ul > li:hover > a, .mainnav ul > li.active:hover > a { color: #999999; }
.mainnav ul li a.mm_a { display: none; }

.mainnav ul li ul.subnav { padding: 0; margin: 0; font-size: 0.75em; display: none; }
.mainnav ul li ul.subnav li { list-style: none; display: block; margin: 3px 0; }

.mainnav ul li ul.subnav li ul.mobilnav { padding: 0; margin: 0; display: block; }
.mainnav ul li ul.subnav li ul.mobilnav li { }
.mainnav ul li ul.subnav li ul.mobilnav li a { padding: 10px 30px; }
.mainnav ul li ul.subnav li ul.mobilnav li.active a { color: #000000; font-weight:bold; /*color: #f07c11;*/}

@media only screen and (max-width: 1024px) {
    .mainnav.text-center { text-align: left!important; }
	.mainnav { display: none; font-size: 1.2em; }
	.mainnav ul { padding: 5px 0 25px; } 
	.mainnav ul li { display: block; margin: 0; }
    .mainnav ul > li > a  { padding: 10px 0; border-bottom: solid 1px #d4d8de; }
	.mainnav ul > li > ul.subnav > li > a { padding: 10px 15px; }
	.contentnav { display: none; }
   .mainnav ul li a.mm_a { display: block; }
   .mainnav ul li a.dm_a { display: none; }
    
    .mainnav ul li.active ul.subnav { display: block; }
    
    /*.mainnav ul li a.doTheLink { color:#000000;}*/
	
	.content img { max-width:100%; }
}

.contentnav {}
.contentnav ul { padding: 0; margin: 0; border-top: solid 1px #d4d8de; }
.contentnav ul li { list-style: none; border-bottom: solid 1px #d4d8de; }
.contentnav ul li a { display: block; padding: 5px 10px; color: #1a171b; transition: 300ms 0ms; }
.contentnav ul > li.active > a { color: #000000; font-weight:bold; /*color: #f07c11;*/ }
.contentnav ul > li:hover > a { color: #999999;  /*color: #f07c11;*/ }

.contentnav ul li ul.subnav { font-size: 0.9em; }
.contentnav ul li ul.subnav li { padding: 0 15px; }
.contentnav ul li ul.subnav li:last-child { border-bottom: none; }

.socialnav { font-size: 1.5em; }
.socialnav ul { padding: 0; margin: 0; }
.socialnav ul li { list-style: none; display: inline-block; margin-right: 10px; }

.sprachwechselnav { display: block; text-align:right;}/*wenn Sprachnav verwendet */
/*.sprachwechselnav { display: none;} *//* ohne Sprachnav */
.sprachwechselnav ul { padding: 0; margin: 0;}
.sprachwechselnav ul li { list-style: none; display: inline-block; font-size:14px; margin: 0 0 0 5px; text-transform: uppercase; }
.sprachwechselnav ul li a { color:#000000; font-weight:bold;}
.sprachwechselnav ul > li.active > a { color:#000000; font-weight:bold;}
.sprachwechselnav {}



.logo { position: absolute; top: 20px; width:150px; height:60px;  }
.logo a img { max-width:100%;height:auto;max-height:100px;  }
.logo a img.quad { margin-top:-20px; }
@media only screen and (max-width: 1024px) {
	.logo { position: relative; top: auto; margin: 20px 0 10px 0; height:auto; } /* wenn Sprachnav verwendet */
	/*.logo { position: relative; top: auto; margin: 20px 0; }*/ /* ohne Sprachnav */	
}

.bautrends-logo { position: absolute; top: 33px; right:45px; }
.bautrends-logo-footer { display:none;}
@media only screen and (max-width: 1024px) {
	.bautrends-logo { display:none; /*top:-10px; right:15px;*/}
	.bautrends-logo img { /*width:80px;*/}
	.bautrends-logo-footer { display:block;}
}

.teaser { font-size: 16px; }
.teaser_box { margin-bottom: 1.5em; padding: 1em; background: linear-gradient(180deg,#f0f0f0,#f8f8f8 76%); border-radius: 4px; }
.teaser_box h2 { padding: 0 0 0 0; }
.teaser img { width:100%; height: auto; margin-bottom: 1em; }

.teaser_box a { color: #000000; }

.img_header { height: 470px; }
.overlay { position: absolute; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.70); color: #ffffff; padding: 0 58px; display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; }
.overlay h1 { color: #ffffff; font-size: 2em; margin: 0 0 0.5em 0; }
.overlay h2 { color: #ffffff; font-size: 1.5em; font-weight: 200; margin: 0 0 2em 0; }
@media only screen and (max-width: 991px) {
	.img_header { height: 370px; }
	.overlay { padding: 0 30px; }
	.overlay h1 { color: #ffffff; font-size: 1.6em; margin: 0 0 0.5em 0; }
	.overlay h2 { color: #ffffff; font-size: 1.2em; font-weight: 200; margin: 0 0 2em 0; }
}
@media only screen and (max-width: 767px) {
	.logo a img.quad { max-height:70px;  }
	.img_header { height: 180px; }
	.overlay { padding: 0 10px; }
	.overlay h1 { color: #ffffff; font-size: 1.2em; margin: 0 0 0.5em 0; }
	.overlay h2 { color: #ffffff; font-size: 0.8em; font-weight: 200; margin: 0 0 2em 0; }
}

p.halle { font-weight: 200; font-style: italic; }
.neu_dabei { font-size: 14px; line-height: 24px; background: #000000; border-radius: 4px; color: #ffffff; text-align: center; }

.goTop { font-size:1.8em;display: none; position: absolute; left: 180px; bottom: 4px; z-index:220; }

.menuicon { display: none; position: absolute; right: 25px; top: 20px;  width: 25px; height: 25px; margin: -2px 0 0 0; transition: 0ms; }
.menuicon .line { width: 25px; height: 3px; background: #f07c11; position: absolute; }

.menuicon .line:nth-of-type(1) { top: 0px; }
.menuicon .line:nth-of-type(2) { top: 8px; }
.menuicon .line:nth-of-type(3) { top: 16px; }

.menuicon.active .line:nth-of-type(1) { top: 8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.menuicon.active .line:nth-of-type(2) { opacity: 0.0; visibility: hidden; }
.menuicon.active .line:nth-of-type(3) { top: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

@media only screen and (max-width: 1180px) {
	.footerinhalt span { width:100%; border-left:none;}
}

@media only screen and (max-width: 1024px) {
	.menuicon { display: block; }
}
@media only screen and (max-width: 767px) {
	.menuicon { top: 10px; right: 15px; }
	.sprachwechselnav { margin-top: -20px;}
}
            
.marquee,.marquee-with-options,.marquee-vert-before,.marquee-vert {box-sizing: border-box;overflow: hidden;   }
.marquee {white-space: nowrap;}
ul.partner_list { padding: 0; }
ul.partner_list li { list-style: none; float: left; }

.ausstellerListeInitial { background: #e9e8e6; font-weight: 700; font-size: 16px; padding: 5px 10px; border-radius: 4px; margin: 20px 0; }

.ausstellerListeZeile { border-bottom: solid 1px #d4d8de; padding: 15px 0; }
.ausstellerListeZeile a { color: #000000; }
.bautrends_eintrag { font-size: 14px; }
.bautrends_eintrag img { width: 100px; transform: translate3d(0, -6px, 0); }
.bautrends_eintrag span { display: inline-block; vertical-align: bottom; padding: 0 10px 0 0; }

@media only screen and (max-width: 767px) {
    .bautrends_eintrag { padding: 10px 0 0 0; }
}

.bild_links {
    float: left;
    margin: 0 1em 1em 0;
}

@media only screen and (max-width: 1024px) {
/*	.bild_links { width:100%; height: auto; }*/
}
@media only screen and (max-width: 767px) {
	.bild_links { width:100%; height: auto; }
}

#ausstellerDetails hr { margin-top: 2em; margin-bottom: 2em; }

#aussteller_liste_mit_logo div.such_resultate {
  width: 100%;
  margin:20px 0;
  text-align: center;
}
header.fixed .width_full .goTop {  display: none;  }

@media only screen and (max-width: 767px) {
   #aussteller_liste_mit_logo ul {
      padding: 0 0 0 24px;
   }
   
	header.fixed { position: fixed; width:100%; top:0; background: #ffffff; z-index:100; }
	header.fixed .width_full {  background: #ffffff;  }
	header.fixed .width_full .logo {  /*width:90px; */ z-index:200;  }
	header.fixed .width_full .menuicon {  z-index:300;  }
	header.fixed .width_full .goTop {  display: block;  }
   
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
	header.fixed .width_full .goTop {   left: 350px;  }
}

.goLeft {float:left;}
.goRight {float:right;}
.goResults {    text-align: center;
    display:inline-block;
    text-decoration: none !important;
    margin:0 auto;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}


.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; width: 100%; }
.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.galerie { height: 250px; }
.galerie .overlay { right: 0; font-size: 1.7em; }
.galerie a { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.searchicon {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
    transition: 600ms 0ms; }

.searchicon .circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: solid 2px #ffffff; }

.searchicon .line {
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    width: 15px;
    height: 2px;
    background: #ffffff;
    top: -3px;
    left: 21px; }
	
.col-12 .row .col-6 {
	min-width:180px;
}
.contId-1410 .col-12 { margin-left:35%; }

@media only screen and (max-width: 767px) {
	.contId-1410 .col-12 { margin-left:2%; }
}


.content img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    /*margin: 1rem auto; /* optional: zentriert und Abstand, wie du magst */
}
