*{box-sizing:border-box}
::selection{background:#b81 none repeat scroll 0 0;color:#fff;text-shadow:none}
body,html{padding:0;margin:0;width:98vw;font-family:Verdana,Arial,Helvetica,sans-serif;overflow-x:hidden}
body{background:#444;color:#fff;font-size:100%}
.flex-container{display:flex;background:#444;color:#fff;width:100%;padding:5px 10px;font-size:90%}
.flex-item_l{min-width:20%;text-align:left}
.flex-item_m{max-width:56%;margin-left:auto;margin-right:auto;text-align:center;color:#f11;text-shadow:-1px -1px 1px #4c4c4c,-2px -2px 1px #595959,-3px -3px 1px #666,-4px -4px 1px #afeeee,-5px -5px 1px #e0ffff}
.flex-item_m h1{line-height:1;font-size:55px;margin:0 0 10px 0;padding:0; }  
.flex-item_r{min-width:20%;text-align:right}
.flex-container a{color:#cff}
article img{max-width:90%;height:auto}
a{color:#cff;text-decoration:none;transition-duration:.3s}
a:hover{color:#b81}
h1,h2,h3,h4,h5,h6{letter-spacing:1px;font-weight:700;line-height:1.2}
h1,h2{font-size:25px;line-height:25px}
h3,h4{font-size:20px;line-height:20px}
h5,h6{font-size:16px;line-height:16px}


p{margin:10px 0;color:#eee}
.t-center{text-align:center}
.t-left{text-align:left}
.t-right{text-align:right}
.f-right{float:right}
.f-left{float:left}
.post:after,.post:before,article:after,article:before,section:after,section:before{clear:both;content:'\0020';display:block;visibility:hidden;width:0;height:0}
.list-inline li{display:inline-block}
hr{margin:20px auto 0;padding:0;border:0;border-top:double 4px;text-align:center;display:block;line-height:1px;height:auto;box-sizing:content-box}
hr.line01:after,hr.line02:after,hr.line03:after{content:url(../images/rose.png);display:inline-block;position:relative;top:-12px;padding:0 10px}
hr.line01{border-color:#111}
hr.line01:after{color:#111}
hr.line02{border-color:#111}
hr.line02:after{color:#111}
hr.line03{border-color:#fff}
hr.line03:after{color:#fff;background-color:#444}
header .main-header{text-align:center;padding:6px 0;background:#444}
.left.contact-info::before{content:"\f017";right:0}
.right.contact-info::before{content:"\f095";left:0}
.left.contact-info{padding:3px 70px 0 0;text-align:right}
.right.contact-info{padding:3px 0 0 70px;text-align:left}
@media screen and (max-width:767px) {
header .main-header{padding-top:10px}
header #logo{margin:20px 0}
.flex-item_m{visibility:hidden;margin:0 0 -30px 0;width:5px}
}
#container .wrap-container{background:#444}
.content-box .wrap-box{padding:25px 2px;position:relative}
.content-box .header{text-align:center;margin:15px 0 40px}
.content-box .header h2{font-size:32px;font-weight:700;line-height:1.2;color:#111}
.content-box .header .wrapper{padding:5px;display:inline-block}
.content-box .header .intro{color:#b81;font-weight:700}
#owl-testimonials{margin-top:50px}
#main-content{margin:40px 0}
#main-content .wrap-content{padding:0 30px 20px}
#main-content .wrap-content h3{margin-bottom:10px}
#main-content .wrap-map{background:#fff;padding:5px;border:1px solid #bbb;max-width:520px}
article{display:block}
article:last-child{border-bottom:none;padding-bottom:0}
article:after,article:before{clear:both;content:'\0020';display:block;visibility:hidden;width:0;height:0}
article .art-header{margin-bottom:20px}
article .art-header h3{font-size:28px;color:#111}
article .art-content a{color:#fe9b13;font-weight:700}
article .art-content a:hover{color:#000}
article .info i.fa{line-height:1.6;margin:0 3px}
article .info{display:block;margin-top:10px;font-size:15px}
article img{display:block; width:500px;margin-top:10px;margin-left:auto;margin-right:auto}
#sidebar{margin-top:40px;background:#775}
#sidebar .wrap-sidebar{margin:0 10px}
.widget{padding:5px 25px 10px}
.widget ul li{line-height:2.8;border-bottom:2px solid #ddd}
.widget:after,.widget:before{clear:both;content:'\0020';display:block;visibility:hidden;width:0;height:0}
.widget .wid-header h5{display:inline-block;margin:10px 0 15px;font-size:23px}
.widget .wid-content{padding:0 0 25px;border-bottom:1px solid #ddd}
.widget.wid-tag a{color:#fff;background:#b81;padding:5px 10px;line-height:2.3;font-size:14px;text-transform:capitalize;margin-right:1px}
.widget.wid-tag a:hover{background:#222}
.widget.wid-gallery img{margin:0 10px 10px 0;max-width:150px}
.widget.wid-gallery .wid-content{border-bottom:none}
.widget.wid-archive select{margin:5px 0;height:40px;width:100%;padding-left:10px;font-family:"Noto Serif",serif;font-size:16px;background-color:#e9e9e9;color:#777;border:none}
footer{font-size:14px}
.widget-title{margin-bottom:20px}
footer .wrap-footer{padding:40px;}

footer .logo img{max-width:170px;margin-top:30px}
footer ul{padding:0 10px;border:1px solid #bbb;}
footer ul li{list-style:none;border-bottom:1px solid #777;}
footer ul li:first-child{padding-top:0}
footer ul li:last-child{border-bottom:none}
footer ul li a{color:#eee;font-size:12px}
footer ul li a:hover{color:#f5f}
footer .col-footer-3 input[type=text]{outline:medium none;color:#999;display:block;font-size:14px;height:34px;line-height:1.2;margin:10px 0;padding:4px 10px 0;width:100%;background-color:transparent;border:2px solid #999}
.copyright{background:#f1f1f1;color:#777}
.copyright .wrapper{padding:10px}
.quick-link{float:right;display:flex; margin:10px;padding:10px; border:none;width:80%}
.quick-link li{padding:0 10px; border:none;}

@media all and (max-width:768px) {
.copyright{text-align:center}

}
.contact h3{margin-left:30px}
#contact_form{padding:0 25px;background-color:#037}
#ff label{cursor:pointer;margin:5px 0;display:block;font-weight:700}
#ff input[type=text]{display:block;width:100%;color:#111;background-color:#f3f3f3;border:1px solid #ccc;padding:6px;margin:4px 0 15px;font-size:16px;max-height:45px}
#ff input[type=email]{display:block;width:100%;color:#111;background-color:#f3f3f3;border:1px solid #ccc;padding:6px;margin:4px 0 15px;font-size:16px;max-height:45px}
textarea{display:block;width:100%;height:100px;background-color:#fff;color:#111;border:1px solid #ccc;padding:5px;margin:5px 0 15px}
.button{cursor:pointer;font-size:12px;border:1px solid #fff;display:inline-block;text-decoration:none;margin:1px 0;color:#fff;padding:1px 15px;transition:all .35s}
.button:hover{text-decoration:none;background:#303030}
.button.bt1{background:#b81;color:#fff;padding:4px 35px;text-align:center;border:2px solid #b81;font-weight:700;font-size:15px;border-radius:30px}
.button.bt1:hover{background:0 0;color:#b81}
.button-subcribe{background-color:#b81;color:#fff;font-weight:700}
.button-subcribe:hover{background-color:#333}
.pfb{display:block;position:relative;margin:auto;overflow:hidden}
.pfb:before{z-index:1;content:"";position:absolute;left:10px;right:10px;top:10px;bottom:10px;border-top:1px solid #b81;border-bottom:1px solid #b81;transform:scale(1,1);transition:all .4s ease-in-out 0}
.pfb:after{z-index:1;content:"";position:absolute;left:10px;right:10px;top:10px;bottom:10px;border-left:1px solid #b81;border-right:1px solid #b81;transform:scale(1,1);transition:all .4s ease-in-out 0}
.pfb:hover:before{transform:scale(0,1)}
.pfb:hover:after{transform:scale(1,0)}
.pfb.zoom-effect .pfb-caption{background:rgba(0,0,0,.3)}
.pfb.zoom-effect img{filter:grayscale(100%);transition:.5s ease}
.pfb:hover.zoom-effect img{filter:grayscale(0);transform:scale(1.1)}
.pfb .pfb-caption{display:block;position:absolute;bottom:0;width:100%;height:100%;text-align:center;color:#fff;transition:all .35s}
.pfb .pfb-caption .inhalt{position:absolute;top:70%;width:100%;text-align:center;}
.pfb .pfb-caption .inhalt .project-category,.pfb .pfb-caption .inhalt .project-name,.pfb .pfb-caption .inhalt .project-social{padding:0 15px;font-weight:600;letter-spacing:2px;text-shadow:2px 2px #111}
.pfb .pfb-caption .inhalt .project-category{font-size:13px;color:#b81;margin-bottom:10px}
.pfb .pfb-caption .inhalt .project-name{font-size:16px;margin-bottom:3px}
.pfb .pfb-caption .inhalt .project-social{transition:all 1s ease;opacity:0;height:0;overflow:hidden}
.pfb .pfb-caption .inhalt .project-social i.fa{font-size:25px}
.pfb .pfb-caption .inhalt .project-social ul li{margin:20px 5px 0}
.pfb .pfb-caption .inhalt .project-social ul li a{display:block;width:48px;height:48px;color:#b81;background:#fff;transition-duration:.3s;padding-top:12px;border-radius:50%;text-shadow:none}
.pfb .pfb-caption .inhalt .project-social ul li a:hover{color:#fff;background-color:#b81}
.pfb:hover .pfb-caption{opacity:1;background:0 0}
.pfb:hover .pfb-caption .inhalt .project-social{opacity:1;height:auto}
.pfb:hover .pfb-caption .inhalt .project-category,.pfb:hover .pfb-caption .inhalt .project-name{display:none}
@media (min-width:768px) {
.pfb .pfb-caption .inhalt .project-category{font-size:15px}
.project-name{font-size:19px}
}
.owl-carousel{margin-top:50px;width:220px}
.owl-carousel .item{position:relative}
.c-titel{position:absolute;bottom:0;padding:0;text-align:center;width:90%;left:auto;right:auto;text-shadow:none}
.c-titel-title{margin:0;padding:0}
.c-titel-title a{font-size:1em;font-family:Cabin,Helvetica,sans-serif;letter-spacing:2px}
.c-titel-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-titel-title a:hover{color:#628d7c}
.c-titel-category{margin:0;padding:0}
.c-titel-category a{color:#6df9ed;font-size:14px;font-size:.875em;letter-spacing:.5px}
.c-titel-category a:hover{color:#d1fde3}
.c-titel-inner{background:rgba(220,160,140,.5);padding:6px 10px;max-width:90%;margin-bottom:5px;display:inline-block}
*,:after,:before{box-sizing:border-box}
@font-face{font-family:federo;src:url(federo.woff2) format("truetype")}
header{max-width:100%;background:#444;height:6rem;padding:10px;margin:5px}
nav{height:3rem;text-align:center;width:100vw;margin-top:-12px;position:relative;z-index:99;background:#111}
.drehen{transition:all .5s;display:inline-block;text-rendering:auto;font-size:24px;font-weight:900;color:#fff}
.drehen:hover{transform:rotate(900deg)}
label{display:inline-block;color:#fff;background:#158;padding:.2rem .5rem;margin:.2rem}
#menu{width:100%;margin-top:-1rem;margin-left:auto;margin-right:auto;visibility:hidden;transition:all 1s;opacity:0}
#menu ul{display:inline-block;background:#333;margin:.2rem;padding:5px}
#menu li{list-style-type:none;margin:0;padding:0}
#menu li a{display:block;text-align:left;text-decoration:none;padding:5px 20px;background:#800;color:#fff;font-size:110%;border:3px solid #b81;border-radius:8px 2px 18px 2px}
#menu li a:hover{background:rgba(30,200,30,.7)}
input[type=checkbox]{display:none}
input[type=checkbox]:checked~#menu{visibility:visible;opacity:1;margin-top:.2rem;margin-left:0}
#logo{max-width:40%;height:5rem;margin-left:20px;font-family:federo}
@media (min-width:480px) {
#menu li a{width:100%;padding:4px}
}
@media (min-width:1024px) {
#menu{transition:none;visibility:visible;opacity:1;margin-top:0}
#menu ul{background:0 0}
#menu li{display:inline-block;margin:0}
#menu li a{width:100%;padding:2px 12px}
label{display:none}
input[type=checkbox]:checked~#menu{margin-top:0;margin-left:0}
}
button#back2top{position:fixed;right:2%;bottom:4%;opacity:0;visibility:hidden;font-size:22px;color:#fff;background-color:red;border:none;border-radius:1rem;padding:3px 2px;margin:0}
#back-top{color:red;width:45px;height:45px;display:block}
.hoch{position:fixed;bottom:10px;right:10px;z-index:10;width:40px}
body:after{content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);display:none}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400}
.lightbox a img{border:none}
.zerogrid{width:1200px;position:relative;margin:0 auto;padding:0}
.zerogrid:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.zerogrid .f-right{float:right!important}
.zerogrid .f-left{float:left!important}
.zerogrid .wrap-col{margin:6px}
.zerogrid .wrap-col p{text-align:justify}
.zerogrid .col-1-2,.zerogrid .col-1-3,.zerogrid .col-1-4,.zerogrid .col-1-5,.zerogrid .col-1-6,.zerogrid .col-2-3,.zerogrid .col-2-4,.zerogrid .col-2-5,.zerogrid .col-2-6,.zerogrid .col-3-4,.zerogrid .col-3-5,.zerogrid .col-3-6,.zerogrid .col-4-5,.zerogrid .col-4-6,.zerogrid .col-5-6{float:left;display:inline-block}
.zerogrid .col-full{width:100%}
.zerogrid .col-1-2{width:50%}
.zerogrid .col-1-3{width:33.33%}
.zerogrid .col-2-3{width:66.66%}
.zerogrid .col-1-4{width:25%}
.zerogrid .col-2-4{width:50%}
.zerogrid .col-3-4{width:75%}
.zerogrid .col-1-5{width:20%}
.zerogrid .col-2-5{width:40%}
.zerogrid .col-3-5{width:60%}
.zerogrid .col-4-5{width:80%}
.zerogrid .col-1-6{width:16.66%}
.zerogrid .col-2-6{width:33.33%}
.zerogrid .col-3-6{width:50%}
.zerogrid .col-4-6{width:66.66%}
.zerogrid .col-5-6{width:83.33%}
@media only screen and (min-width:960px) and (max-width:1199px) {
.zerogrid{width:960px}
}
@media only screen and (min-width:768px) and (max-width:959px) {
.zerogrid{width:768px}
}
@media only screen and (max-width:767px) {
.zerogrid,.zerogrid .col-1-2,.zerogrid .col-1-3,.zerogrid .col-1-4,.zerogrid .col-1-5,.zerogrid .col-1-6,.zerogrid .col-2-3,.zerogrid .col-2-4,.zerogrid .col-2-5,.zerogrid .col-2-6,.zerogrid .col-3-4,.zerogrid .col-3-5,.zerogrid .col-3-6,.zerogrid .col-4-5,.zerogrid .col-4-6,.zerogrid .col-5-6{width:100%}
}