/*
Theme Name: BlankSlate
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2014 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}


body{
    padding: 0;
    margin: 0 60px 60px 60px!important;

}

.dfd-frame-line.line-top{
    position: fixed;
    left: 0;
    right: 0;
    display: block;
    height: 100px;
    z-index: 9999999;
    top: 0;
    background: #fff url('assets/img/top-border.png') repeat-x;
    padding: 20px 46px;
}


.dfd-frame-line.line-bottom{
    position: fixed;
    left: 0;
    right: 0;
    display: block;
    height: 60px;
    background: #fff;
    z-index: 999999;
    bottom: 0;
    padding-left: 60px;
}




.dfd-frame-line.line-left{
    position: fixed;
    top: 0;
    bottom: 0;
    display: block;
    width: 60px;
    background: #fff;
    z-index: 999999;
    left: 0;
}

.dfd-frame-line.line-right{
    position: fixed;
    top: 0;
    bottom: 0;
    display: block;
    width: 60px;
    background: #fff;
    z-index: 999999;
    right: 0;
}

.work-together{
    height: 214px;
    background: #eb0973;
}

.work-together .row{
    padding: 53px 135px;
    color: #fff;
}

.button-white{
    padding: 20px 45px;
    background: #ffffff;
    font-size: 24px;
    color: #3b4251;
    font-weight: bold;
    border-radius: 2px;
    float: right;
    margin-top: 25px;
    text-transform: uppercase;
}

.button-white:hover{
    text-decoration: none;
    background: #eee;
}


.big-title{
    float: left;
    clear: both;
    width: 100%;
    font-size: 48px;
    text-align: center;
    text-transform: uppercase;
}

.silver-bg{
    background: #f9f9f9;
    padding-top: 120px;
    padding-bottom: 120px;
}

.silver-bg p{
    text-align: center;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    color: #3b4251;
}

.separator{
    width: 165px;
    margin: 0 auto;
}

.separator div{
    float: left;
    clear: both;
    width: 100%;
    height: 1px;
    background: #e2e2e2;
}

.separator-parent{
    float: left;
    clear: both;
    width: 100%;
    margin-top: 57px;
    margin-bottom: 57px;
}
.silver-bg2{
    background: #f5f5f5;
    padding-top: 120px;
    padding-bottom: 120px;
}


.silver-bg2 ul li{
    float: left;
    clear: both;
    width: 100%;
    padding-left: 60px;
    background: url('assets/img/plus-icon.jpg') 0 20px no-repeat;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #e2e2e2;
}

.silver-bg2 ul li p{
    font-size: 20px;
    color: #535965;
    line-height: 30px;
    position: relative;
    margin-left: -60px;
    margin-top: 36px;
}

.silver-last-row h2{
    text-align: center;
    text-transform: uppercase;
    line-height: 36px;
    margin-top: 108px;
}

.silver-last-row p{
    text-align: center;
    font-size: 20px;
    color: #535965;
    line-height: 30px;
    padding: 0 50px;
    margin-top: 50px;
}

.dark-block{
    background: url('assets/img/fon-qub.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}
.kub {
    width:378px;
    height:443px;
    background: url('assets/img/qub.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right:0;
    top:15%;
}

.dark-block .fixed-width{
    width: 980px;
    margin: 0 auto;
}

.fixed-width-inside{
    float: left;
    clear: both;
    width: 100%;
    border: 2px dashed #9e9fa0;
    padding: 50px;
    position: relative;
    z-index: 555;
}

.fixed-width-inside .big-title{
    color: #ffffff;
    text-transform: uppercase;
}

.fixed-width-inside p{
    text-align: center;
    font-size: 20px;
    color: #ffffff;
}

.fixed-width-inside .button-white{
}

.full-width{
    width: 100%;
    float: left;
    clear: both;
}

.full-width div{
    position: relative;
    margin: 0 auto;
    width: 250px;
}

/*Main menu*/
#menu-main{
    margin-top: 20px;
}
#menu-main li{
    float: left;
    margin-right: 30px;
}

#menu-main li:last-child{
    margin-right: 0!important;
}
#menu-main li a{
    font-size: 16px;
    color: #333c41;
    text-transform: uppercase;
}

#menu-main li a:hover,
#menu-main li a.active
{
    color: #eb0973;
    text-decoration: none;
}


.func-3 p a {
    text-decoration: underline;
    color: #eb0973;
}
/*END Main menu*/

.top-number{
    font-size: 16px;
    font-weight: bold;
    color: #333c41;
    float: right;
    margin-top: 32px;
}



/*Cost*/

.cost-block{
    background: #f5f5f5;
    padding-top: 120px;
    padding-bottom: 120px;
}

.cost-inside{
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

.cost-inside p{
    text-align: center;
}

.cost-inside .cost-inside-cont{
    float: left;
    clear: both;
    width: 100%;
}

.bordered-block{
    padding: 30px 100px;
    float: left;
    clear: both;
    width: 100%;
    border: 1px solid #e2e2e2;
    background: #f9f9f9;
    margin-top: 55px;
}
.cost-wrap{
    color: #eb0973;
}
.cost-wrap label{
    font-size: 30px;
    font-weight: bold;
}

.cost-wrap span{
    font-size: 16px;
    font-weight: bold;
}

.cost-wrap,
.defis,
.price-label
{
    float: left;
}

.defis{
    width: 35px;
    height: 1px;
    background: #3b4251;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.price-label{
    font-size: 22px;
    text-transform: uppercase;
    color: #3b4251;
    margin-top: 5px;
    max-width: 830px;
}

.price-label small{
    font-size: 20px;
    color: #848588;
    text-transform: none!important;

    font-weight: normal!important;
}

.sep-line{
    float: left;
    clear: both;
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    margin: 30px 0;
}

.bordered-text{
    float: left;
    clear: both;
    width: 100%;
    text-align: justify;
    font-size: 20px;
    color: #535965;

}
p{
    font-size: 20px;
    line-height: 30px;
    color: #535965;

}

/*END Cost*/

/*Contact block*/

.contact-block{
    background: #d4ecc3 url('assets/img/kont-bg.jpg') center top;
    min-height: 847px;
    padding-top: 120px;
    padding-bottom: 50px;
}

.wpcf7-text{
    width: 100%;
    float: left;
    height: 50px;
    border-radius: 2px;
    background: #ffffff;
    border: none;
    padding-left: 15px;
    margin-bottom: 40px;
}

.wpcf7-textarea{
    width: 100%;
    float: left;
    height: 196px;
    border-radius: 2px;
    background: #ffffff;
    border: none;
    padding-left: 15px;
    resize: none;
    padding-top: 10px;
}

.wpcf7-submit{
    border: none;
    padding: 22px 34px;
    background: #eb0973;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 40px;
}

.wpcf7-form label{
    margin-bottom: 15px;
    font-size: 20px;
    color: #3b4251;
}

.contact-left{
    float: right;
    width: 100%;
    max-width: 358px;
    margin-top: 20px;
}
.contact-left img{
    margin-bottom: 50px;
}

.contact-left p{
    font-size: 20px;
    line-height: 26px;
    color: #3b4251;
    font-weight: normal;
}

/*END Contact block*/

.dfd-frame-line.line-bottom a{
    color: #ff0099;
}

.dfd-frame-line.line-bottom{
    padding-right: 60px;
    padding-top: 24px;
}
.lang-switch{
    float: right;
}

.work-together p{
    color: #fff;
}

#warum-wir iframe{
    width: 100%;
    height: 437px;
}

.circles-block{
    background: url('assets/img/function-bg.jpg') center top no-repeat;
    min-height: 500px;
    padding-top: 115px;
    padding-bottom: 115px;
    background-size: cover;
}

.circle-num{
    background: url('assets/img/circle-num.png') no-repeat;
    width: 447px;
    height: 449px;
    float: left;
}

.circle-num-wrap{
    width: 447px;
    margin: 0 auto;
}

.images-texts li label{
    font-size: 22px;
    color: #3b4251;
    text-transform: uppercase;
}
.images-texts li{
    float: left;
    clear: both;
    width: 100%;
}

.img-text img{
    float: left;
}

.img-text div{
    float: left;
    width: 305px;
    margin-left: 30px;
}

.text-img img{
    float: left;
}

.text-img div{
    float: left;
    width: 305px;
    margin-right: 30px;
}

.images-texts-wrap{
    width: 400px;
    margin: 0 auto;
}


.circle-num{
    margin-top: 100px;
}

.func-1{
    margin-top: -551px;
    margin-left: 57px;
}

.func-2{
    margin-top: -298px;
    margin-left: 430px;
}
.func-2 div p {
	padding-right: 30px;
}
.func-3{
    margin-top: -45px;
    margin-left: 370px;
    cursor: pointer;
    position: relative;
    top: 11px;
}

.func-4{
    margin-top: -125px;
    margin-left: -370px;
}

.func-5{
    margin-top: -400px;
    margin-left: -385px;
}
.func-5 div {
	width:270px;
}
.func-5 img {
	margin-right: 30px;
}
.cost-inside h2{
    margin-top: 55px;
    float: left;
    text-transform: uppercase;
    padding-left: 104px;
}


.images-texts li,
.work-together p,
.work-together h1,
.button-white,
.big-title
{
    visibility: hidden;
}

.logo{
    position: relative;
    top: 5px;
}

#menu-main{
    margin-top: 31px;
}
#warum-wir li{
    cursor: pointer;
}
#warum-wir li p{
    display: none;
}

.modal-fixed{
    position: fixed;
    background: rgba(0,0,0,0.45);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999999999;
    display: none;
}

.center-modal{
    position: relative;
    width: 800px;
    margin: 0 auto;
}

.modal-cont{
    float: left;
    clear: both;
    width: 100%;
    height: 450px;
    background: #fff;
    margin-top: 100px;
}

.close-x{
    float: right;
    margin-top: -40px;
    margin-right: -20px;
    cursor: pointer;

}


.dynamic-cont{
    float: left;
    width: 100%;
    height: 100%;
}

.slider-wrap{
    cursor: pointer;
}

.func-3{
    cursor: pointer;
}

#funktioniert {
    zoom: 0.9;
}
.ablauf{

}
.ablauf h2{
    text-align: center;
    text-transform: uppercase;
    margin: 50px 0 50px 0;
    float: left;
    clear: both;
    width: 100%;
}

.mobile-header{
    display: none;

    width: 100%;
    position: fixed;
    height: 50px;
    background: #fff;
    z-index: 999999;
    left: 0;
    top: 0;
    padding: 10px 30px;
}




@media screen and (max-width: 900px) {
    .mobile-header{
        display: block!important;
    }

    .dfd-frame-line.line-right{
        width: 30px!important;
    }
    .dfd-frame-line.line-left{
        width: 30px!important;
    }

    body{
        margin: 0 30px 60px 30px!important;
    }
    .dfd-frame-line.line-top{
        display: none;
    }
    .mobile-header img{
        width: 150px;
        margin-top: -10px;
    }

    .ham-wrap {
        float: right;
        width: 25px;
        /*margin-right: 40px;*/
        margin-top: 10px;
        cursor: pointer;
    }

    .ham-wrap div {
        border-radius: 5px;
        float: left;
        width: 100%;
        clear: both;
        height: 4px;
        background: #ff0099;
        margin-bottom: 2px;
    }
    .img-text img{
        width: 60px!important;
    }
    .mobile-header ul{
        display: none;
        width: 100%;
        background: #fff;
        float: left;
        clear: both;
        padding-bottom: 20px;
    }

    .mobile-header ul li a{
        font-size: 18px;
        color: #333c41;
        text-transform: uppercase;
    }

    .mobile-header ul li{
        margin-top: 10px;
        text-align: center;
    }

    .dark-block .fixed-width{
        max-width: 100%!important;
    }

    .desktop-ver{
        display: none;
    }

    .mobile-header ul li a:hover{
        color: #ff0099;
        text-decoration: none!important;
    }

    .images-texts{
        margin-bottom: 20px;
    }

    .images-texts li{
        margin: 0 auto;
        width: 400px;
        float: none;
        position: relative;
        top: 40px;
    }

    .img-text div{
        margin-bottom: 20px;
    }

    .contact-left{
        float: left;
    }

    #kontakt form{
        float: left;
        clear: both;
        width: 100%;
    }

    .dfd-frame-line.line-bottom{
        padding-left: 30px!important;
    }

    .dfd-frame-line.line-bottom{
        padding-right: 30px!important;
    }

    .work-together{
        height: auto!important;
    }

    .work-together a{
        float: left;
    }

    .center-modal{
        padding: 30px;
    }

    .modal-cont{
        width: 45%!important;
    }
    iframe{
        max-width: 100%!important;
    }

    .work-together .row{
        padding: 30px!important;
    }

    .mobile-num{
        position: relative;
        top: 7px;
        left: 50px;
        font-weight: bold;
        display: none;
    }

    .separator-parent{
        display: none;
    }

    .contact-block{
        padding-top: 50px!important;
    }

    .bordered-block{
        padding: 30px 30px!important;
    }

    .fixed-width-inside .big-title{
        font-size: 25px;
    }

    .cost-inside h2{
        padding-left: 0!important;
    }
    .mobile-view{
        display: block!important;
    }

    h1{
        font-size: 18px!important;
        font-weight: bold;
    }
    .button-white{
        font-size: 18px!important;
    }
    .big-title{
        font-size: 30px!important;
    }

    p{
        font-size: 16px!important;
    }
    h2{
        font-size: 15px!important;
        font-weight: bold!important;
        line-height: 22px!important;
    }

    .silver-last-row p{
        padding: 0!important;
    }
    .img-text div{
        margin-left: 10px!important;
        width: 223px!important;
    }

    .fixed-width-inside{
        padding: 10px!important;
    }

    .fixed-width-inside .big-title{
        font-size: 23px!important;
    }

    .full-width div{
        width: 209px!important;
    }

    .images-texts li{
        max-width: 100%;
    }
}

.ablauf p{
    text-align: center;
}

.mobile-view{
    display: none;
}

input, textarea{
    outline: none!important;
}

.work-together .col-md-8 p{
    width: 100%;
}

.wpcf7-not-valid-tip,
.wpcf7-validation-errors
{
    display: none!important;
}

.wpcf7-not-valid{
    border: 1px solid red;
}

.slider-wrap{
    overflow: hidden!important;
}
#content{
    margin-top: 100px;
}
.developer a{
    font-size: 12px;
}
.developer{
    float: right;
    clear: both;
    position: relative;
    top: -1px;
    font-size: 12px;
}


.lang-switch{
    position: relative;
    top: -5px;
}

.langs-wrap{
    float: right;
    width: 23px;
    height: 18px;
    overflow: hidden;
    position: relative;
    z-index: 999;
    margin-left: 10px;
    margin-top: 2px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.work-together {
		height:320px;
	}
	.fixed-width-inside {
		width: 89%;
	}
	.func-4 {
		margin-top: -95px;
		margin-left: -240px;
	}
	.func-5 {
		margin-top: -400px;
		margin-left: -260px;
		position: relative;
	}
	.func-5 img {
		position: absolute;
		right: 130px;
		top: -30px;
	}
	#menu-main li a {
		font-size: 13px;
	}
	#menu-main li {
		float: left;
		margin-right: 15px;
	}
	.func-2 {
		margin-top: -258px;
		margin-left: 385px;
		position: relative;
	}
	.func-2 img {
		position: absolute;
		left: 50px;
		top: -50px;
	}
	.func-3 {
		margin-left: 270px;
		margin-top: -25px;
	}
	.func-2 div p {
		padding-right: 50px;
	}
}
@media (max-width: 850px) {

}
#jwplayer_d4pvVwFE_ALJ3XQCI_div {
	max-width:100%;
	margin:auto;
}
#jwplayer_d4pvVwFE_ALJ3XQCI_div .jw-preview {
	/*background: transparent;*/
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
	/*background-position: center center;*/
}
@media (max-width: 768px) {
    .kub {
        width: 200px;
        height: 240px;
        background: url(assets/img/qub.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        right: 0;
        top: 10%;
    }

}

@media (min-width: 1200px) and (max-width: 1550px) {
	.work-together .row {
		padding: 13px 135px;
		color: #fff;
	}
}
.func-5 div {
	margin-left: 10px;
}
.dark-block .button-white {
	margin: auto;
	float: none;
	display: block;
	text-align: center;
}

/*@media (max-width: 1440px) {*/
	/*#jwplayer_d4pvVwFE_ALJ3XQCI_div {*/
		/*height:365px !important;*/
	/*}*/
/*}*/

/*@media (max-width: 1024px) {*/
	/*#jwplayer_d4pvVwFE_ALJ3XQCI_div {*/
		/*height:237px !important;*/
	/*}*/
/*}*/
/*@media (max-width: 768px) {*/
	/*#jwplayer_d4pvVwFE_ALJ3XQCI_div {*/
		/*height:382px !important;*/
	/*}*/
/*}*/

/*@media (max-width: 425px) {*/
	/*#jwplayer_d4pvVwFE_ALJ3XQCI_div {*/
		/*height:190px !important;*/
	/*}*/
/*}*/


.jwplayer .jw-aspect {    padding-top: 56.25%;
	display: block !important;}


#jwplayer_d4pvVwFE_ALJ3XQCI_div {
	max-width: 100%;
	margin: auto;
	height: auto !important;
	width: 100% !important;
}
.work-together .button-white {
	text-align: center;
}
.button-white {
	transition: all 0.3s ease;
}
.dark-block .button-white:hover, .work-together .button-white:hover{
	color:#3b4251;
}
.func-2 .img-text div {
	width:260px;
}
#home {
	margin-top: 80px;
}
.contact-left a {
	font-weight:700;
	color: #3b4251;
}
.contact-left a:hover {
	color: #3b4251;
}