body{background:#0f0f0f;overflow-x:hidden;}
.section-title{border:2px solid;font-family:"Open Sans",sans-serif;font-size:28px;font-weight:700;letter-spacing:3px;line-height:36px;margin:0 auto;max-width:420px;min-width:250px;padding:20px;text-align:center;text-transform:uppercase;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.section-title-large{max-width:520px;}
.section-title:after{background:none repeat scroll 0 0 #fff;bottom:-15px;color:#333;left:45%;line-height:1px;padding:15px 5px;position:absolute;font-family:"FontAwesome";}
#preloader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background-color:#95a5a6;background:-webkit-linear-gradient(90deg, #95a5a6 10%, #ecf0f1 90%);background:-moz-linear-gradient(90deg, #95a5a6 10%, #ecf0f1 90%);background:-ms-linear-gradient(90deg, #95a5a6 10%, #ecf0f1 90%);background:-o-linear-gradient(90deg, #95a5a6 10%, #ecf0f1 90%);background:linear-gradient(90deg, #95a5a6 10%, #ecf0f1 90%);}
.loader{animation:animate 1.5s linear infinite;clip:rect(0, 80px, 80px, 40px);height:80px;width:80px;position:absolute;left:calc(50% - 40px);top:calc(50% - 40px);z-index:999;}
@keyframes animate{0%{transform:rotate(0deg)}
100%{transform:rotate(220deg)}
}
.loader:after{animation:animate2 1.5s ease-in-out infinite;clip:rect(0, 80px, 80px, 40px);content:'';border-radius:50%;height:80px;width:80px;position:absolute;}
@keyframes animate2{0%{box-shadow:inset #fff 0 0 0 17px;transform:rotate(-140deg);}
50%{box-shadow:inset #fff 0 0 0 2px;}
100%{box-shadow:inset #fff 0 0 0 17px;transform:rotate(140deg);}
}
header{position:relative;height:800px;min-height:500px;width:100%;background:#161415 no-repeat top center;background-size:cover !important;-webkit-background-size:cover !important;text-align:center;}
header.main{background:#161415 url(../images/bg/bgZ-min.jpg) no-repeat top center;}
header:before{content:'';display:inline-block;vertical-align:middle;height:100%;}
header .banner{display:inline-block;vertical-align:middle;margin:0 auto;width:85%;padding-bottom:30px;text-align:center;z-index:1;position:relative;}
header .banner-text{width:100%;padding-bottom:100px;}
header .banner-text h1{font-family:'Raleway', sans-serif;color:#fff;letter-spacing:2px;margin:0 auto 30px; line-height: 1.2em}
header .banner-text h1 span{font-weight:700;text-transform:uppercase;}
header .banner-text h2{line-height:1.2em;font-family:'Raleway', sans-serif;color:#FFF;margin:0 auto;width:70%;font-size:17px;}
header .banner-text h2 span,
header .banner-text h2 a{color:#fff;font-weight:bold;}
header .banner-text hr{width:60%;margin:18px auto 24px auto;border-color:#2F2D2E;border-color:rgba(150, 150, 150, .1);}
.header-overlay{background:#161415;background-size:cover!important;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:0;opacity:0;}
.header-overlay.main{background:#161415 url(../images/bg/bgX-blur2-min.jpg) no-repeat top center;}
#header-title-container{position:absolute;width:100%;bottom:50%;margin:0 auto;text-align:center;}
#header-title-container > p, #header-title-container > h1{color:#fff;margin-bottom:5px;}
#header-title-container p.first-row{font:larger serif;font-style:italic;font-family:serif;font-size:20px;font-style:italic;font-weight:400;letter-spacing:1px;line-height:1.5em;text-transform:none;}
#header-title-container p.second-row, #header-title-container h1.second-row{margin-top:10px;text-transform:uppercase;font-style:normal;font-size:30px;font-weight:bold;letter-spacing:0.06em;font-family:Open Sans;}
#social{background:rgba(0,0,0, .4);position:absolute;bottom:0;left:0;width:100%;height:80px;display:block;z-index:2;}
.social-container{display:block;vertical-align:middle;margin:0 auto;width:85%;text-align:center;}
.social-container .social{margin:24px 0;padding:0;font-size:24px;text-shadow:0px 1px 2px rgba(0, 0, 0, .8);}
.social-container .social li{display:inline-block;margin:0 15px;padding:0;}
.social-container .social li a{color:#fff;}
.social-container .social li a:hover{color:#11abb0;}
header .scrolldown a{position:absolute;bottom:130px;left:50%;margin-left:-22px;color:#fff;display:block;height:42px;width:42px;font-size:42px;line-height:42px;z-index:3;border-radius:100%;-webkit-animation:updown .5s linear 1s infinite alternate;animation:updown .5s linear 1s infinite alternate;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
@-webkit-keyframes updown{from{-webkit-transform:scale(1);bottom:130px;}
to{-webkit-transform:scale(1.2);bottom:125px;}
}
@keyframes updown{from{transform:scale(1);bottom:130px;}
to{transform:scale(1.2);bottom:125px;}
}
header .scrolldown a:hover{color:#11abb0;}
#m-nav ul, #m-nav li, #m-nav a{margin:0;padding:0;border:none;outline:none;}
#m-nav{font:12px 'Open Sans', sans-serif;font-weight:700;width:100%;text-transform:uppercase;letter-spacing:2.5px;margin:0 auto;z-index:100;position:fixed;left:0;top:0;}
.opaque{background-color:#333;}
#m-nav > a.mobile-btn{display:none;}
ul#nav{min-height:40px;width:auto;text-align:center;}
ul#nav li{position:relative;list-style:none;height:40px;display:inline-block;}
div#language-container{float:right;margin-top:7px;margin-right:8px;}
div#language-container span.lang-active{display:none;}
div#language-container span.lang-inactive{display:block;}
div#mydsgvo-container{float:right;margin-top:1px;margin-right:1px;}
div#page-logo-container{float:left;margin-top:5px;margin-left:4px;}
ul#nav li a{display:inline-block;padding:4px 13px;line-height:32px;text-decoration:none;text-align:center;color:#fff;font-weight:700;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
ul#nav li a:active{background-color:transparent !important;}
ul#nav li.current a{color:#ed5565;}
ul#nav li a:hover{color:#ed5565;border-bottom:2px solid #fff;}
ul.nav{padding-top:5px !important;padding-bottom:2px !important;}
section#home{background-color:#fafbfb;margin-top:0px;margin:0 auto;text-align:center;}
div#pre-footer{background-color:#fafbfb;vertical-align:bottom;}
section#home, section#about, section#activities, section#resume{padding-top:26px;margin:0px auto;text-align:center;font-family:Open Sans;color:#0f0f0f;font-style:normal;font-family:serif;}
section#home p.backgroundInfoTitle, section#home h2.backgroundInfoTitle{text-transform:uppercase;font-size:24px;letter-spacing:0.1em;margin-bottom:15px;}
section#home p.backgroundInfoText{color:rgba(26, 26, 26, 0.6);font-size:15px;width:65%;margin:0 auto;line-height:22px;text-align:justify;}
section#home div.backgroundInfoText{color:rgba(26, 26, 26, 0.6);font-size:15px;width:65%;margin:0 auto;line-height:22px;width:70%;}
section#home .backgroundInfoText li{margin:0px;}
section#home hr{background-color:#808080;height:1.5px;width:70%;margin:0 auto;}
section#home p.spacer{margin:35px auto;}
section#home div.portfolio-item div.item-wrap{background-color:transparent;border:0;border:0px solid #fff;box-shadow:0 0 0 0px rgba(0, 0, 0, 0.0);}
section#home div.portfolio-item div.item-wrap a img{border:5px solid #A1A1A1;}
#about{background-color:#fafbfb;}
#about a, #about a:visited{color:#0f0f0f;}
#about a:hover, #about a:focus{color:#11abb0;}
#about h1{color:#0f0f0f;border-color:#dedede;margin-bottom:20px;width:400px;}
#about h1:hover{border-color:#fff;}
#about h2{font:22px/30px 'Open Sans', sans-serif;font-weight:700;color:#0f0f0f;margin-bottom:12px;text-align:center;}
#about h3{border-bottom:2px solid #0f0f0f;color:#0f0f0f;font:400 18px/24px "Raleway",sans-serif;margin-bottom:15px;padding-bottom:10px;text-align:center;}
#about .section-title:after{background:rgba(0,0,0,0.2);color:#0f0f0f;}
#about p{line-height:30px;color:#0f0f0f;}
.pp-container{display:block;margin:5px auto;padding:10px;width:225px;}
#about .profile-pic{border:5px solid #b1b2b4;border-radius:100%;box-shadow:0 0 0 10px rgba(0, 0, 0, 0.2);height:auto;margin:15px auto;position:relative;width:100%;z-index:2;}
#about figure{background:rgba(0,0,0, .6);box-shadow:0 0 0 10px rgba(0, 0, 0, 0.2);}
#about figcaption{text-align:center;color:#fff;padding:8px;}
#about figcaption h2{font-size:24px;line-height:36px;color:#fff;}
#about figcaption h3{font-size:20px;line-height:32px;color:#fff;font-family:"Raleway", sans-serif;}
#about .download{margin-top:25px;width:90%;float:none;}
#about .button{background:none repeat scroll 0 0 #11abb0;display:inline;margin-right:10px;margin-top:6px;}
#about .bio-container{width:100%;max-width:100%;padding:0;}
#about .bio-inner{padding:0;}
#about .bio-left{background:rgba(0,0,0, 0.6);height:450px;padding:60px 30px;}
#about .main-col{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8);height:450px;padding:60px;}
.central{margin:0 auto;}
.arrow-left{border-bottom:25px solid transparent;border-right:25px solid rgba(0, 0, 0, 0.5);border-top:25px solid transparent;height:0;left:-25px;position:absolute;top:40%;width:0;z-index:10;}
#about .download .button{margin-top:6px;background:#11abb0;}
#about .download .button:hover{background:#fff;color:#2B2B2B;}
#about .button i{margin-right:15px;font-size:20px;}
#activities{background:url(../images/bg/table4-min.jpg) no-repeat fixed bottom center/cover;padding-top:90px;padding-bottom:50px;}
#activities h1{letter-spacing:1px;margin-bottom:60px;color:#fff;border-color:#fff;}
#activities h1:hover{border-color:#ddd;}
#activities .section-title:after{background:transparent;color:#fff;}
.btn-close{background:#ed5565;}
#portfolio-wrapper .columns{margin-bottom:36px;}
.portfolio-item .item-wrap{background:none repeat scroll 0 0 #fff;border:5px solid #fff;box-shadow:0 0 0 4px rgba(0, 0, 0, 0.2);overflow:hidden;position:relative;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.portfolio-item .item-wrap a{display:block;cursor:pointer;}
.portfolio-item .item-wrap .overlay{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;-moz-opacity:0;filter:alpha(opacity = 0);-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;background:#11abb0;background:rgba(17, 171, 176, .6);}
.portfolio-item .item-wrap .link-icon{display:block;color:#fff;height:30px;width:30px;font-size:18px;line-height:30px;text-align:center;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;}
.portfolio-item .item-wrap * img{vertical-align:bottom;}
.picture-item{padding:0px 5px !important;}
.portfolio-item .portfolio-item-meta{padding:18px}
.portfolio-item .portfolio-item-meta h3{font:14px/21px 'Open Sans', sans-serif;font-weight:700;text-transform:uppercase;color:#fff;text-align:center;}
.portfolio-item .portfolio-item-meta p{font:12px/18px 'Open Sans', sans-serif;font-weight:300;color:#efefef;margin-bottom:0;text-align:center;}
p.portfolio-item-title{margin:0px;}
.portfolio-item:hover .overlay{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.portfolio-item:hover .link-icon{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.popup-modal{max-width:450px;background:#FAFBFB;position:relative;margin:0 auto;border:4px solid #A1A1A1;}
.popup-modal img{margin:8px 9% 0%;max-width:82%;}
.popup-modal .description-box{padding:0px 36px 12px 36px;border-bottom:1px solid #A1A1A1;}
.popup-modal .description-box img.float-left{float:left;margin:8px 0px;}
.popup-modal .description-box p.float-right{margin:10px 0px 10px 60px;padding:3px 0px;}
.popup-modal .description-box ul.two-col-list{columns:2;-webkit-columns:2;-moz-columns:2;list-style-type:none; margin: 0px 5px;}
div .popup-modal .border-top{border-top:1px solid #A1A1A1;padding-top:10px;}
.popup-modal .description-box h2{font:15px/24px 'Open Sans', sans-serif;font-weight:700;margin-bottom:12px;color:#0F0F0F;}
.popup-modal .description-box h4{font-size:18px;margin-bottom:5px;}
.popup-modal .description-box p{font:13px/18px 'Open Sans', sans-serif;color:#A1A1A1;margin-bottom:10px;text-align:justify;}
.popup-modal .description-box p.moreTopSpace{margin-top:8px;}
.popup-modal .description-box ul{margin:0px 0px 5px 30px;list-style-type:disc;}
.popup-modal .description-box ul li{font:12px/22px 'Open Sans', sans-serif;line-height:13px;margin:0px;margin-bottom:4px;padding-left:3px;}
.popup-modal .description-box ul li.moreSpace{margin-bottom:5px;}
.popup-modal .description-box .categories{font:10px/20px 'Open Sans', sans-serif;font-weight:300;color:#A1A1A1;text-transform:uppercase;letter-spacing:1px;display:block;text-align:left;}
.popup-modal .description-box .categories i{margin-right:8px;}
.popup-modal .link-box{padding:13px 30px;text-align:left;}
.popup-modal .link-box a{margin-bottom:0px;color:#fff;font:10px/10px 'Open Sans', sans-serif;font-weight:700;letter-spacing:3px;cursor:pointer;}
.popup-modal .link-box a.button{padding-left:10px;padding-right:10px;}
.popup-modal a:hover{color:#00CCCC;}
.popup-modal a.popup-modal-dismiss{margin-left:15px;}
.mfp-fade.mfp-wrap .mfp-content .popup-modal{opacity:0;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content .popup-modal{opacity:1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content .popup-modal{opacity:0;}
.bg-dark{background-color:#95a5a6;background:-webkit-linear-gradient(305deg, #95a5a6 30%, #ecf0f1 60%);background:-moz-linear-gradient(305deg, #95a5a6 30%, #ecf0f1 60%);background:-ms-linear-gradient(305deg, #95a5a6 30%, #ecf0f1 60%);background:-o-linear-gradient(305deg, #95a5a6 30%, #ecf0f1 60%);background:linear-gradient(305deg, #95a5a6 30%, #ecf0f1 60%);}
#call-to-action{background:#212121;padding-top:66px;padding-bottom:48px;}
#call-to-action h1{font:18px/24px 'opensans-bold', sans-serif;text-transform:uppercase;letter-spacing:3px;color:#fff;text-align:center;}
#call-to-action h1 span{display:block;}
#call-to-action .action{margin-top:12px;}
#call-to-action h2{font:28px/36px 'Open Sans', sans-serif;font-weight:700;color:#EBEEEE;margin-bottom:6px;text-transform:uppercase;}
#call-to-action h2 a{color:inherit;}
#call-to-action p{color:#888;font-size:17px;}
#call-to-action .button:hover,
#call-to-action .button:active{background:#FFFFFF;color:#0D0D0D;}
#call-to-action p span{font-family:'Open Sans', sans-serif;font-weight:700;color:#D8D8D8;}
#testimonials{background:#F1F1F1;position:relative;min-height:200px;width:100%;overflow:hidden;}
#testimonials .text-container{padding-top:10px;padding-bottom:66px;}
#testimonials h1{color:#95a3a3;margin:50px auto;width:420px;}
#testimonials h1:hover{border-color:#111;}
#testimonials h1 span{display:block;}
#testimonials .section-title:after{background:#F1F1F1;color:#95A3A3;}
#testimonials .header-col{padding-top:9px;}
#testimonials blockquote{margin:0 0px 30px 0px;padding-left:0;position:relative;}
#testimonials blockquote:before{content:none;}
#testimonials blockquote p{font-family:'Raleway', sans-serif;font-style:italic;text-align:center;padding:0;font-size:16px;line-height:28px;color:#95a3a3;}
#testimonials blockquote cite{display:block;font-size:12px;text-align:center;font-style:normal;line-height:18px;color:#95a3a3;}
#testimonials blockquote cite:before{content:"\2014 \0020";}
#testimonials blockquote cite a,
#testimonials blockquote cite a:visited{color:#8B9798;border:none}
#twitter{margin-top:12px;padding:0;}
#twitter li{margin:6px 0px 12px 0;line-height:30px;}
#twitter li span{display:block;}
#twitter li b a{font:13px/36px 'Open Sans', sans-serif;font-weight:700;color:#474747 !important;border:none;}
.map-container{margin-top:30px;}
#map{background:url(../images/map-marker.png) no-repeat center center;display:block;width:75%;height:350px;margin:5px auto 0px;box-shadow:0 0 0 8px rgba(0,0,0, .2)}
#map img{max-width:inherit !important;}
.showmobile {display: none;}
footer{padding-top:48px;margin-bottom:30px;color:#525252;font-size:14px;text-align:center;position:relative;}
footer a, footer a:visited{color:#525252;}
footer a:hover, footer a:focus{color:#11abb0;}
footer .copyright{font-size:12px;margin:0;padding:0;}
footer .copyright li{display:inline-block;margin:0;padding:0;line-height:24px;}
.ie footer .copyright li{display:inline;}
footer .copyright li:before{content:"\2022";padding-left:10px;padding-right:10px;color:#095153;}
footer .copyright li:first-child:before{display:none;}
p.impressum{margin:5px 5px;padding:0;line-height:10px;font-size:12px;}
footer .social-links{margin:18px 0 30px 0;padding:0;font-size:30px;}
footer .social-links li{display:inline-block;margin:0;padding:0;margin-left:42px;color:#F06000;}
footer .social-links li:first-child{margin-left:0;}
#go-top{position:absolute;top:-24px;left:50%;margin-left:-30px;}
#go-top a{text-decoration:none;border:0 none;display:block;width:60px;height:60px;background-color:#525252;box-shadow:0 0 0 5px rgba(0, 0, 0, 0.2);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;color:#fff;font-size:21px;line-height:60px;border-radius:100%;}
#go-top a:hover{background-color:#0F9095;}
p.row-left{text-align:left;margin-left:8px;}
#impressum{padding:70px 20px;font-family:'Open Sans', sans-serif;line-height:15px; color: #838c95;}
#impressum h2{color:#838c95;}
#impressum h3{margin-top:25px;margin-bottom:0px;color:#838c95;}
#impressum h4{margin:10px 0px 0px;padding:0px;color:#838c95;}
#impressum p{font-size:13px;text-align:justify;margin:0px 0px 0px; color: #CCC;}
#impressum > div p{line-height:12px;}
#contactLocation{margin-bottom:20px;}
#impressum p b{font-size:16px;}