/* eventservice - 10.12.2015 */
@import "/styles_cms.css";

/* metrophobic-regular - latin */
@font-face {
  font-family: 'Metrophobic';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/metrophobic-v19-latin-regular.eot'); /* IE9 Compat Modes */ 
  src: local(''),
       url('/fonts/metrophobic-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/metrophobic-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/metrophobic-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/metrophobic-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/metrophobic-v19-latin-regular.svg#Metrophobic') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* michroma-regular - latin */
@font-face {
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/michroma-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/michroma-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/michroma-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/michroma-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/michroma-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/michroma-v16-latin-regular.svg#Michroma') format('svg'); /* Legacy iOS */
}

* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}


html {height:100%; background-color:#fff;}
body {font-family: 'Michroma', sans-serif; color:#374851;overflow-y:scroll; height:100%;    font-size: 15px;line-height: 19px; margin: 0 0 0 0; }
#created {position:absolute; top:50px; left:25px; z-index:1000000; background-color:#FFF; width:900px; border:1px solid #999; border-radius:5px; display:none; padding:30px; box-shadow:  1px 1px 5px 5px #eee; }
#created a {text-decoration:underline;}
#createdcloser {position:absolute; top:-15px; left:980px; background-image:url(/UserFiles/structure/close.png); width:30px; height:30px; text-indent:-10000px; cursor:pointer}
#topstreifen {background-image:url(/UserFiles/structure/streifen.jpg); background-repeat:repeat-x; height:15px; width:100%; position:fixed; z-index:1002; top:0px; left:0px}

/* diverse Klassen */
h1.gold {margin-top:0px; text-align:center; color:#927b48; font-size:3em; font-family: 'Michroma', sans-serif; text-transform:uppercase; line-height:1em}
h2 {margin-top:70px; font-weight:normal; line-height:1.2em; text-align:center; font-family: 'Michroma', sans-serif; font-size:1.4em}
.clearer {clear:both}
.fixed{
    position: fixed;
    background: red;
    z-index: 1;
    display:none;
}

.flex {display: flex}


/* Ende Klassen */

#langChangeMobile {display:none}
#langChange {display:block; float:right; margin-top:41px; margin-left:20px; font-size:14px}
#langChange a {color:#FFF; text-decoration:none}
#langChange a:hover {text-decoration:underline}
#navMobile {display:none}

#logoMobile {display:none;position:absolute; left:10px; top:22px; background-image:url("/UserFiles/structure/svg/EventLogoRSsternGMBHgold.svg");  background-repeat:no-repeat; text-indent:-10000px; width:28px; height:28px; z-index:999999; background-size:cover}
/*
#logoMobile {display:none;position:absolute; left:10px; top:20px; background-image:url("/UserFiles/structure/svg/EventServiceRSGMBHLogogoldweiss.svg");  background-repeat:no-repeat; text-indent:-10000px; width: 200px;height: 49px; z-index:999999; background-size:cover}
*/


#langChangeMobile {display:none}
#bilderani {width:100%; height:100%;}
.headerbild { background-position:top center; background-repeat:no-repeat; width:100%; height:100%; background-size:cover}
div#slidecaption > div.headerbildText > ul {list-style-type:none; text-transform:uppercase; font-family: 'Michroma', sans-serif;}
div#slidecaption > div.headerbildText > ul li {position:relative; z-index:101; color:#FFF; font-size:2em; line-height:1em; text-shadow: 3px 2px #858047;}
div#slidecaption > div.headerbildText > ul li:first-child {position:relative; z-index:101; padding-top:10px; color:#FFF; font-size:1.5em; line-height:1em; text-shadow: 2px 2px #858047;}
div#slidecaption > div.headerbildText > ul li:nth-child(2) {position:relative; z-index:101; padding-top:10px; color:#FFF; font-size:3.5em; line-height:1em; text-shadow: 2px 2px #858047;}
div#slidecaption > div.headerbildText > ul li:nth-child(3) {position:relative; z-index:101; padding-top:10px; color:#FFF; font-size:1.5em; line-height:1em; text-shadow: 2px 2px #858047;}

div#slidecaption > div.headerbildText > div.headerbildTextSmall {position:relative; z-index:101; padding-top:10px; color:#FFF; font-size:0.8em; line-height:1em; text-shadow: 5px 2px #858047;}

#headerbilderSmall {height:500px; width:100%; background-color:#eee; border-bottom:1px solid #927b48; padding-bottom:2px}

.flexslider {    margin: 0 auto; height:100%;
    max-height: 100%;
    max-width: 100%;
    min-width: 100%;
    position: relative;
    text-align: center;
    width: 100%;}
.flexslider ul li {background-repeat:no-repeat; background-size:cover; background-position:left;  height:100%; float:left; position:absolute; left:0px; width:100%; margin:0px; padding:0px; display:block}
.slides, .slides li div {margin:0; padding: 0; height:100%; min-height:100%; width:100%;}
#headerbilderSmall .slides {width:100%; height:400px;}
.flex-direction-nav {z-index:98; position:relative; height:70px; top:-350px; color:#FFF}
.flex-control-nav  {z-index:98; position:relative; height:50px; color:#FFF; bottom:50px}
.flex-control-paging li {padding-left:5px}
.flex-control-paging li a {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border-radius: 20px;
    cursor: pointer;
    display: block;
    height: 15px;
    text-indent: -9999px;
    width: 15px;
	border:0px solid #858047;
}
.flex-control-paging li a.flex-active {
    background: rgba(133, 128, 71, 1) none repeat scroll 0 0;
    cursor: default;
	border:0px solid #fff;
}
#arrow_down {    background-image: url("/UserFiles/Image/systembilder/arrow_down.png");
    background-position: center top;
    background-repeat: no-repeat;
    bottom: 0px;
    cursor: pointer;
    height: 21px;
    margin: 0 auto;
    padding-left: 5px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2147483647;}
#nav {height:72px; position:fixed; width:100%; background-color:rgba(0,0,0,.8); z-index:1001; top:15px; color:#FFF}
#navInner {width:1170px; text-align:left; margin:0px auto;}
.menu {margin-top:41px; float:right; font-size:13px; letter-spacing:0.05em}
.menu ul {list-style-type:none;}
.menu ul li {float:left; margin-left:10px}
.menu ul li::after {content: " | "; margin-left:10px}
.menu ul li:last-child::after{content: ' ';}
.menu ul li a {color:#FFF; text-decoration:none; text-transform:uppercase}
.menu ul li a:hover, .menu ul li.aktiv a {border-bottom:1px solid #FFF; }
#social_buttons {float:right; margin-top:45px; margin-left:20px}
/*#logo {background-image:url(/UserFiles/structure/logo_event-service_222x67px.png); width:222px; height:67px; display:block; float:left; margin-top:7px}*/
#logo {background-image: url(/UserFiles/structure/svg/EventServiceRSGMBHLogogoldweiss.svg);width: 222px;height: 67px;display: block;float: left;margin-top: 7px;background-repeat: no-repeat;	}
#content {width:100%; margin:0px auto; text-align:left; position:relative; z-index:100; margin-top:100%; background-color:#FFF}
#content_einleitung, .content {max-width:1100px; margin:0px auto; margin-top:50px; font-size:1em; font-weight:normal; line-height:1.5em; padding-bottom:50px; font-family:Arial, Helvetica, sans-serif;}

#innerinhalt {font-family:Arial, Helvetica, sans-serif;}
#innerinhaltinner{min-height:100px; padding-top:77px;  font-family:Arial, Helvetica, sans-serif;}
/*body.site_contact #innerinhaltinner{padding-top: 0px; margin-top: 63px}*/
#innerinhalt div h2 span {display:block}
#innerinhalt div h2 span:last-child {font-size:0.8em}
#innerinhaltinner ul li {margin-left:15px}

div.teaserstartseite {display:block; border-top:2px solid #927b48; padding-bottom:80px}
div.teaserstartseite h3 {text-transform:uppercase; font-size:3em}
div.teaserstartseite:nth-child(2n) {background-color:#333; color:#FFF}
div.teaserstartseite:nth-child(3n) {background-color:#fff; color:#374851}
h3.teaserstartseiteheadline {display:block; max-width:1100px; margin:0px auto; padding-top:70px; text-align:center; font-size:2em; font-family: 'Michroma', sans-serif;}
h3.gold {color:#927b48;}
div.teaserstartseitetext {display:block; max-width:1100px; margin:0px auto; font-family: Arial, Helvetica, sans-serif}
div.teaserstartseiteimg {margin:0px auto; position:relative; max-width:1100px}
div.teaserstartseiteimg > img {text-align:center; position:relative; margin:0px auto; max-width:1100px}
div.teaserstartseitetext h2 {font-family: 'Michroma', sans-serif; font-size:1.2em; margin-top:80px; margin-bottom:10px}
.w1100 {margin:0px auto; max-width:1100px; display:block}


#adresse {min-height:200px; padding-top:10px; padding-bottom:10px; color:#FFF; background-color:#927b48; width:100%; font-size:0.7em; border-top:2px solid #FFF; text-align:left; position:relative; z-index:9999999999999999999999999}
#adresse #inner {max-width:1170px; margin:0px auto;}
#adresse .emailcodierung a {color:#FFF; text-decoration:none}
#adresse #inner #left {padding-left:15px}
#adresse #inner #left .text {margin-left:23px; margin-top:20px; font-size:9.3px;  width:220px; text-align:left; line-height:1.5em}
#adresse .normal {line-height:1.1em}
#adresse #inner #central {align-items: center; }
#adresse #inner .left2 {float:right; text-align:right;}
#adresse #inner .left2 a {color:#FFF; text-decoration:none; margin-right:20px}
#adresse #inner #right {margin-top:20px; text-align:right;}
#adresse #inner #right a.link {display:block; clear:both; color:#FFF; text-decoration:none; text-transform:uppercase; font-size:9px}


.logoFooter img {width: 120px; height: auto}
.iconFooter img {width: 20px; height: auto}
#inner2 {display: flex;justify-content: space-between;}
.icons {display: flex; justify-content: flex-end}



#box {width:100%; height:680px}
#map_canvas {width:100%; height:100%}
#formularOuter {max-width:1170px; margin:0px auto}
#formularOuter a {color:#FFF}
#formular {width:270px; min-height:590px; height:100%; position:absolute; top:90px; background-color:#927b48; z-index:1003; overflow:hidden; box-shadow:  10px 0px 5px -2px gray; color:#FFF; font-size:0.8em; padding-left:40px; padding-right:20px; padding-top:110px; margin-top:-85px; font-family: 'Michroma', sans-serif;}

#formular .font1 {font-size:1.08em}
#formular .font2 {font-size:1.015em}
#formular .font3 {font-size:0.9em}
#formular .font4 {font-size:0.9em}
#shortForm {margin-top:20px}
#shortForm input {width:95%; border:0px; 
-moz-box-shadow: inset 0 0 1px 1px #888; 
-webkit-box-shadow: inset 0 0 1px 1px #888; 
box-shadow: inset 0 0 1px 1px #888;  height:40px; margin-bottom:5px; padding-left:10px; color:#927b48; font-family: 'Michroma', sans-serif; font-size:0.8em}

#shortForm textarea {width:95%; border:0px; 
-moz-box-shadow: inset 0 0 1px 1px #888; 
-webkit-box-shadow: inset 0 0 1px 1px #888; 
box-shadow: inset 0 0 1px 1px #888; height:80px; margin-bottom:5px; padding-left:10px; color:#927b48; padding-top:10px; font-family: 'Michroma', sans-serif; font-size:0.8em}

#shortForm #absenden {width:95; -moz-box-shadow: inset 0 0 2px 2px #888; -webkit-box-shadow: inset 0 0 2px 2px #888; box-shadow: inset 0 0 2px 2px #888;  padding:10px; margin-bottom:15px; color:#fff;  font-family: 'Michroma', sans-serif; font-size:1em; background-color:transparent; border:1px solid #ccc; cursor: pointer}

/*projects*/

#buttonOuter {max-width:1100px; margin:0px auto; text-align:center; margin-top:60px}
.button {width:115px; height:126px; background-repeat:no-repeat; padding-top:50px; text-align:center; background-position:top center; font-size:0.7em; text-transform:uppercase; line-height:1.2em; margin-right:20px; margin-left:20px; display:inline-block; cursor:pointer}

.button.xs  { background-repeat:no-repeat; padding-top:0px; text-align:center; background-position:top center; font-size:0.7em; text-transform:uppercase; line-height:1.2em; margin-right:5px; margin-left:5px; display:inline-block; cursor:pointer; width:80px; height:88px; background-size:cover}

.buttonsOuter a {color:#927b48; text-decoration:none}


#buttonOuter .liner {width:100%; height:20px; text-align:center; clear:both}
/*.button:first-child {margin:0px auto; text-align:center; display:inline-block; float:none}*/

#vorschauProjekte {max-width:100%; width: 1170px; margin:0px auto; text-align:center; margin-top:50px; margin-bottom:30px; padding-left:35px; display: flex; flex-wrap: wrap;justify-content: space-between;}
.vorschaubild {width:calc(100% - 0px); height:auto;  float:left; background-size: 100% 100%; margin-bottom:0px; overflow:hidden;    -moz-transition: all .5s;    -webkit-transition: all .5s;transition: all .5s; }
.vorschaubild:hover {scale:1.05}
.projektelink {width: calc(50% - 5px);display: block; overflow: hidden; margin-bottom: 10px}

.vorschaubild a, .vorschaubild a .text {text-decoration:none}
.vorschaubild .text {font-family: 'Michroma', sans-serif; font-size:1.2em; color:#FFF; display: block; padding-top: 10%; width: 100%; height:210px;  vertical-align: middle;  text-align: center; cursor:pointer; text-transform:uppercase; line-height:1.5em; text-decoration:none}
.vorschaubild .text:hover {background-color:rgba(0,0,0,.5)}
.vorschaubild .text .arrow_down {width:80px; height:40px; display:block; margin:0px auto; position:relative; z-index:999; bottom:-10px; background-image:url(/UserFiles/Image/systembilder/arrow_down.png); background-position:top center; cursor:pointer; background-repeat:no-repeat; padding-top:20px; text-align:center; visibility:hidden; font-size:0.7em; margin-top:10px}
.vorschaubild .text:hover .arrow_down {visibility:visible}
#kundenmeinungen {background-color:#333333; text-align:center; padding-bottom:70px}
.kundenlogos ul li {  height: 100px;
    line-height: 100px;
    vertical-align: middle;
}
#logos {background-color:#333333; text-align:center; padding-bottom:50px; position:relative; z-index:9999999999999999; height:100px; }
#logosInner { width:1000px; max-width: 100%; margin:0px auto; padding-left:50px; padding-right:50px; margin-bottom:70px}
#logosInner .kundenlogos {height:100px}
#logos .logo {max-height:80px; cursor:pointer; position:relative; z-index:99999999999}
#kundenmeinungen h1 {margin-bottom:70px}
#kundenmeinungen .kundenmeinungen {color:#FFF; font-family: 'Michroma', sans-serif;}
#kundenmeinungen .kundenmeinungen .text {font-size:1.1em}
#kundenmeinungen .kundenmeinungen .name {font-size:0.8em; margin-top:15px}
#innerinhaltinner  #kundenmeinungen .kundenmeinungen  ul li {width:100%; text-align:center; margin-left:0px; display:none}
#innerinhaltinner .honoursSlides ul li {margin-left:0px; display:none}
#logos.h170px {height:170px}


#logos .flex-direction-nav {margin-top:350px; z-index:9999999999999; position:relative;}
#logos .flex-direction-nav li:first-child  {background-image:url(/UserFiles/structure/buttons.png); width:23px; height:75px; display:block; position:relative; top:-90px; background-repeat:no-repeat; left:-30px}

#logos .flex-direction-nav li:first-child a {display:block; width:40px; height:70px; background-color:#F00; position:relative; top:0px}
#logos .flex-direction-nav li:last-child  {background-image:url(/UserFiles/structure/buttons.png); width:23px; height:75px; background-position:-40px 0px; display:block; position:relative; top:-160px; background-repeat:no-repeat; left:100%}

#logos .flex-direction-nav li:last-child a {display:block; width:40px; height:70px; position:relative; top:0px;}


#logos .flex-direction-nav .flex-prev {}


.projekt {width:100%; margin:0px auto; text-align:left; font-size:0.8em}
.projekt .subline {margin-bottom:20px; font-size:1.3em; font-weight:normal; font-family: 'Michroma', sans-serif; max-width:700px; float:left; width:700px; height:83px; position:relative}
.projekt .subline .textSubline {position:absolute; bottom:7px}
.projekt .text {width:700px;  float:left; line-height:1.5em; padding-right:20px;  font-family:Arial, Helvetica, sans-serif}
.projekt .fact {clear:both}
.projekt .facts {float:left; padding-left:20px; border-left:1px solid #927b48;} 
.projekt .facts .left {width:150px; float:left; color:#927b48; margin-bottom:10px; text-transform:uppercase}
.projekt .facts .right {float:left; margin-bottom:10px}
.projekt .facts a {text-decoration:none; color:#927b48;}

.projekt .facts .button.xs {cursor:auto}

div.honours {display:block; border-top:2px solid #927b48; padding-bottom:80px; width:100%; text-align:center; padding-top:20px}
div.honours h4 {text-align:center; color: #927b48; font-size:3em; display:block; margin-top:80px; text-transform:uppercase}
div.honours .text {margin-top:50px; font-family: 'Michroma', sans-serif;}
div.honours {background-color:#333333; color:#FFF}
div.honoursInner {max-width:1100px; margin:0px auto; text-align:left}
div.honoursInner h4 {font-family: 'Michroma', sans-serif;}
div.honoursInner h5 {text-align:center; margin-top:10px; font-style:italic; font-weight:normal}

div.honoursAwards {width:370px; margin:0px auto; text-align:center; float:left; margin-bottom:0px;  position:relative; min-height:83px; }
div.awards {width:110px; height:83px;  background-repeat:no-repeat; background-position:center; display:inline-block; margin-right:10px; float:left;}
div.awards a {width:100%; height:100%; display:block; border:0px; text-decoration:none; outline:none}

#nav.sticky {top:-25px}
#nav.sticky #logo {background-image: url("/UserFiles/structure/svg/EventLogoRSsternGMBHweiss.svg"); background-repeat:no-repeat; width:25px; height:23px; margin-top:46px;}
#nav.stickytop {top:15px}
#nav.sticky div.menu, #nav.sticky #langChange {margin-top:45px}

div.videoOuter {width:1170px; margin:0px auto; text-align:left; color:#000; margin-bottom:80px; border:0px; padding-left:10px}
.video {width:1170px; height:630px; max-width:100%; margin-bottom:30px}


#teamBusOuter {max-width:1115px; width:100%; position:relative; text-align:center; margin:0px auto}
.uppercaser {text-transform:uppercase}
#footerMitgliedschaften {margin-left:20px; margin-top:10px}
.infobutton {width:77px; height:28px; background-image:url(/UserFiles/structure/infobutton.png); cursor:pointer; position:relative; margin:0px auto; text-align:center; margin-top:30px; display:block}


.mt50px {margin-top:50px}
.pt50px {padding-top:50px}

.mt70px {margin-top:70px}
.pt70px {padding-top:70px}

ul.sitemap li {padding-bottom:3px; padding-top:3px}
ul.sitemap li a {color:#927b48}