@font-face{font-family:'Droid Sans Mono';src:url('DroidSansMono.ttf')}


/* im stephanie-thatenhorst Font sind die icons  */

@font-face{font-family:'stephanie thatenhorst';src:url('stephanie-thatenhorst.eot');src:url('stephanie-thatenhorst?#iefix') format('embedded-opentype'),url('stephanie-thatenhorst.woff') format('woff'),url('stephanie-thatenhorst.ttf') format('truetype'),url('stephanie-thatenhorst.svg#stephanie-thatenhorst') format('svg');
font-weight:normal;font-style:normal}

@font-face{font-family:'Thatenhorst';src:url('Thatenhorst.eot');
                                     src:url('Thatenhorst?#iefix') format('embedded-opentype'),      url('Thatenhorst.woff') format('woff'),url('Thatenhorst.ttf') format('truetype'),url('Thatenhorst.svg#Thatenhorst') format('svg');
                                     font-weight:normal;font-style:normal}

[class^='icon-']:before{display:inline-block;font-family:'Thatenhorst';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-i_kreis.svg:before{content:'\0069'}
.icon-i.svg:before{content:'\006A'}
.icon-pfeil_links.svg:before{content:'\006C'}
.icon-pfeil_rechts.svg:before{content:'\0072'}
.icon-X_4.svg:before{content:'\0078'}
span.Thatenhorst{font-family:'Thatenhorst'}
#loader{position:fixed;width:100%;opacity:1;z-index:9999;background:#000;height:100%}
#loader .load_inner{position:fixed;top:50%;left:50%;margin-top:-35px;margin-left:-35px}
#floatingCirclesG{position:relative;width:70px;height:70px;-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6)}
.f_circleG{position:absolute;background-color:#000000;height:13px;width:13px;-moz-border-radius:6px;-moz-animation-name:f_fadeG;-moz-animation-duration:1.04s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-webkit-border-radius:6px;-webkit-animation-name:f_fadeG;-webkit-animation-duration:1.04s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-ms-border-radius:6px;-ms-animation-name:f_fadeG;-ms-animation-duration:1.04s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-o-border-radius:6px;-o-animation-name:f_fadeG;-o-animation-duration:1.04s;-o-animation-iteration-count:infinite;-o-animation-direction:linear;border-radius:6px;animation-name:f_fadeG;animation-duration:1.04s;animation-iteration-count:infinite;animation-direction:linear}
#frotateG_01{left:0;top:29px;-moz-animation-delay:0.39s;-webkit-animation-delay:0.39s;-ms-animation-delay:0.39s;-o-animation-delay:0.39s;animation-delay:0.39s}
#frotateG_02{left:8px;top:8px;-moz-animation-delay:0.52s;-webkit-animation-delay:0.52s;-ms-animation-delay:0.52s;-o-animation-delay:0.52s;animation-delay:0.52s}
#frotateG_03{left:29px;top:0;-moz-animation-delay:0.65s;-webkit-animation-delay:0.65s;-ms-animation-delay:0.65s;-o-animation-delay:0.65s;animation-delay:0.65s}
#frotateG_04{right:8px;top:8px;-moz-animation-delay:0.78s;-webkit-animation-delay:0.78s;-ms-animation-delay:0.78s;-o-animation-delay:0.78s;animation-delay:0.78s}
#frotateG_05{right:0;top:29px;-moz-animation-delay:0.91s;-webkit-animation-delay:0.91s;-ms-animation-delay:0.91s;-o-animation-delay:0.91s;animation-delay:0.91s}
#frotateG_06{right:8px;bottom:8px;-moz-animation-delay:1.04s;-webkit-animation-delay:1.04s;-ms-animation-delay:1.04s;-o-animation-delay:1.04s;animation-delay:1.04s}
#frotateG_07{left:29px;bottom:0;-moz-animation-delay:1.17s;-webkit-animation-delay:1.17s;-ms-animation-delay:1.17s;-o-animation-delay:1.17s;animation-delay:1.17s}
#frotateG_08{left:8px;bottom:8px;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s;-ms-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s}
@-moz-keyframes f_fadeG{0%{background-color:#FFFFFF}
100%{background-color:#000000}
}
@-webkit-keyframes f_fadeG{0%{background-color:#FFFFFF}
100%{background-color:#000000}
}
@-ms-keyframes f_fadeG{0%{background-color:#FFFFFF}
100%{background-color:#000000}
}
@-o-keyframes f_fadeG{0%{background-color:#FFFFFF}
100%{background-color:#000000}
}
@keyframes f_fadeG{0%{background-color:#FFFFFF}
100%{background-color:#000000}
}
html,body{width:100%;height:100%;margin:0;padding:0;
font-family:'Droid Sans Mono';font-size:1em;line-height:1em}
.show_mobile{display:none}
.hide_all{display:none}
.wrapper{width:100%;position:relative;min-height:100%;height:100%}
.image_container{width:100%;height:100%;position:absolute;left:0px;right:0px;top:0;bottom:0;width:auto;height:auto;overflow:hidden;background:#000;-webkit-transform:translateZ(0)}
.image_container,.image_frame,.image_frame div{
}
.image_container.passepartout{left:81px;right:81px;top:58px;bottom:58px}
.image_frame{position:absolute;width:100%;height:100%;left:0;top:0;right:0;bottom:0;overflow:hidden}
.image_frame img{width:100%;height:100%}
.image_inner.txt{background:#fff;color:#000;padding:100px 300px 0 84px;box-sizing:border-box;overflow-y:auto}
.container{z-index:10;position:absolute;left:81px;right:81px;top:0;width:auto;height:auto}
.content{width:100%;height:auto;margin-top:83px;float:left;padding-bottom:50px}
.header{
z-index:10;position:fixed;left:81px;right:81px;right:75px;top:11px;
width:auto;z-index:100}
body#p1 .header{top:11px;
}
.header .header-inner{width:100%;padding:0 0 3px 0px;line-height:1em;text-transform:lowercase;font-size:0.78em}
.header .logo{width:40%;width:auto;text-align:left;margin:0;padding:0;float:left;letter-spacing:0.13em;
margin-top:3px;margin-bottom:4px}
.navigation{width:60%;width:auto;text-align:right;margin:0;padding:0;float:right;letter-spacing:0.1em;
margin-top:3px;padding-right:3px;box-sizing:border-box}
.navigation ul{list-style:none;margin:0;padding:0;float:right}
.navigation ul li{display:inline;margin-left:13px;position:relative}
.navigation ul li span.equals{position:absolute;left:0;bottom:-10px;
opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.navigation ul li.aktiv span.equals{
text-align:center;opacity:1}
.navigation ul li:hover span.equals{opacity:1}
.navigation ul li a{position:relative;z-index:1}
body#p1 .navigation ul li span.equals,body#p1 .navigation ul li.aktiv span.equals{opacity:0}
body#p1 .header .logo,body#p1 .navigation ul li{font-size:1.05em}
body#p1 .navigation.small ul li{font-size:1em}
.footer{z-index:10;position:absolute;left:81px;right:81px;bottom:0px;width:auto;padding-bottom:11px}
.footer .menue{float:left;width:100%;font-size:0.78em;line-height:1em;padding:3px 0 4px 0;
text-transform:lowercase;letter-spacing:0.1em;font-size:0.6em;letter-spacing:0.2em}
.menue ul{list-style:none;margin:0;padding:0}
.menue ul li{display:inline;margin-right:15px}
body#p1 .header,body#p1 .footer,body#p1 .header a,body#p1 .footer a{color:#FFFAE9;text-decoration:none}
.header,.footer,.header a,.footer a{text-decoration:none}
.headline{float:left;clear:both;width:100%}
.text{width:60%;float:left;clear:both;margin-top:50px}
.text.lang{width:80%}
.content .text:first-child{margin-top:0px}
h1,h2,h3{font-size:0.78em;font-weight:normal;margin:0 0 1px 0;padding:0}
.thumbnails h2{text-transform:uppercase;font-size:0.9em;
letter-spacing:0.1em}
.thumbnails h3{letter-spacing:0.1em;font-size:0.625em}
.thumbnails a{text-decoration:none}
.headline h2{letter-spacing:0.13em}
p{margin:0 0 16px 0;font-size:0.8em;line-height:1.6em;letter-spacing:0.05em}
.thumbnails{text-align:center;width:100%;overflow:hidden;margin:0 auto;margin-top:68px;min-width:900px}
.content .thumbnails:first-child{margin-top:0px}
.thumbnails .headline{margin-bottom:10px}
.thumbnails .row{padding:0;margin:0 auto;list-style-type:none;width:100%;text-align:center}
.thumbnails .row li{display:inline !important}
.thumbnails .row li img{margin:2px -2px}
.thumbnails .row li.clear{clear:both !important}
.close-info{position:fixed;right:50px;
width:auto;top:60px;
}
.passepartout .close-info{position:fixed}
.close{margin-bottom:5px;margin-bottom:0;float:left;font-size:2em;font-size:1.3em;line-height:40px;text-align:center;width:100%}
.info{margin-top:5px;margin-bottom:5px;float:left;clear:both;width:100%}
.info a span{
width:30px;height:30px;line-height:30px;text-align:center;display:block;font-size:1.0em;font-size:2em;font-size:1.7em;font-family:'Thatenhorst'}
.info.i2 a span{border:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;width:30px;height:30px;line-height:30px;text-align:center;display:block;font-size:2em}
.close-info a{text-decoration:none}
.location{margin-bottom:5px;float:left;clear:both;width:100%;text-align:center;font-size:0.70em;line-height:1em;margin-top:11px}
.location span{clear:both;float:left;width:100%;text-align:center;line-height:13px}
.pager{position:absolute;left:0px;right:0px;width:auto;top:50%;letter-spacing:0.5em;line-height:20px;margin-top:-10px;overflow:hidden;font-size:2.5em;height:20px}
.pager span.arrow{font-size:1.25em;position:absolute}
.pager .previous span.arrow{left:27px;top:-1px}
.pager .next span.arrow{right:25px;top:-1px}
.pager span.equals{font-size:0.90em;letter-spacing:0.2em;position:relative;float:left}
.pager .previous span.equals{float:right;margin-right:-2px}
.pager div{margin:0;padding:0;width:81px;height:100%}
.pager .previous{float:left;text-align:right}
.pager .next{float:right;text-align:left}
.pager a{text-decoration:none}
.wrapper,.wrapper a{color:#000;border-color:#000}
.wrapper.font-white,.wrapper.font-white a{color:#FFFAE9;border-color:#FFFAE9}
div.equals{float:left;clear:both;width:100%;height:1em;background:url('../img/equals.svg') left top repeat-x}

body#p1___ div.equals,.wrapper.font-white div.equals{background:url('../img/equals_white.svg') left top repeat-x}

.wrapper.font-white .image_inner.txt div.equals{background:url('../img/equals.svg') left top repeat-x}
.navigation-toggle{display:none;position:fixed;left:0;top:0;top:4px;z-index:1000;width:100%;text-align:center;font-size:2em;font-size:2.5em;font-size:2.7em;line-height:40px;font-family:'stephanie thatenhorst'}
.navigation-toggle a.f-menu-toggle span{font-family:'stephanie thatenhorst';text-transform:uppercase}

.content-text{width:90%;margin-top:50px}

.thumbnails .row li a{text-decoration:none}
.image_frame{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.image_inner{width:100%;height:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.footer,.pager,.close-info{z-index:150}
.infotxt{position:fixed;padding-top:100px;z-index:150;background:#fff;height:100%;width:100%;color:#000}
.wrapper.font-white .infotxt,.wrapper.font-white .infotxt a{color:#000}
.wrapper.font-white .infotxt div.equals{float:left;clear:both;width:100%;height:1em;background:url('../img/equals.svg') left top repeat-x}
.infotxt .container{padding-top:130px;width:70%}
.infotxt .close-info{right:55px}
.thumbnails .row li.autowidth{display:block !important;margin:auto}
body{
}
/*.image_container{display:none}     */
.stoerer{position:fixed;width:220px;height:220px;right:100px;bottom:150px}
@media (max-width:1024px){.stoerer{width:180px;height:180px;right:80px;bottom:150px}
}
@media (max-width:768px){.stoerer{width:180px;height:180px;right:50px;bottom:100px}
}
@media (max-width:767px){.stoerer{width:100px;height:100px;right:30px;bottom:80px}
}
.wrapper.textsite{}
.wrapper.textsite .content{text-align:center}
.wrapper.textsite .content .content-text.text{width:100% !important}
.wrapper.textsite .content .content-text.text h2{font-size:0.9em}
.wrapper.textsite .content .content-text.text a{text-decoration:none}
.wrapper.textsite .content .content-text.text a:hover{text-decoration:underline}
.wrapper.textsite .content .content-text.text p{font-size:0.75em;letter-spacing:0.1em}
.wrapper.textsite .content .content-text.text .headline h2{margin-bottom:1em;text-transform:uppercase}
.wrapper.textsite .content .content-text.text .headline .equals{display:none}
.content-text-link.link{display:none;text-align:center;margin-top:68px}
.content-text-link.link h2{text-transform:uppercase;font-size:0.9em}
.content-text-link.link h2 a{text-decoration:none}
.wrapper .content .content-text.imagetext a{text-decoration:none}
.wrapper .content .content-text.imagetext a:hover{text-decoration:none}
.wrapper .content .content-text.imagetext div.ce-images{margin-right:20px}
.wrapper .content .content-text.imagetext div{float:left}