/*  01 - Basic Stylesheet
-----------------------------------------------------------*/
html{
	width					: 100%;
	height					: 100%;
}
body{
	font-size				: 14px;
	font-family				: 'Open Sans', sans-serif;
	font-weight				: 400;
	color					: #181819; 
	margin					: 0;
	padding					: 0;
	width					: 100%;
	height					: 100%;
	background-color		: #f2f2f2; /* hellgrau #ebebeb */
	-webkit-font-smoothing	: antialiased;
	-moz-font-smoothing		: none;
	font-smoothing			: antialiased;
	text-rendering			: optimizeLegibility;
}
a{
	color					: #2068b9;
	outline					: 0;
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
a:hover{
	color					: #181819;
	text-decoration			: none;
}
a:hover, a:active, a:focus{
	outline					: 0;
}

footer a {
	color					: #181819;
	outline					: 0;
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
footer a:hover {
	color					: #2068b9;
	text-decoration			: none;
}

h1,h2,h3,h4{
	padding					: 0;
	margin					: 0 0 10px 0;
	font-weight				: normal;
}

/*  02 - General Stylesheet
-----------------------------------------------------------*/
.site-loader{
	position				: fixed;
	width					: 100%;
	height					: 100%;
	z-index					: 9999;
	text-align				: center;
	background-color		: #FFF;
}
.site-loader img{
	position				: absolute;
	left					: 50%;
	top						: 50%;
	margin-left				: -15px;
	margin-top				: -15px;
}
ul.default{
	list-style-type			: none;
	padding					: 0;
}
.clear{
	clear					: both;
	margin					: 0px;
	padding					: 0px;
}
.f-left{
	float					: left;
}
.f-right{
	float					: right;
}
.img-full{
	width					: 100%;
}
.italic{
	font-style				: italic;
}
.center{
	text-align				: center;
}
.back-top{
	width					: 50px;
	height					: 50px;
	position				: fixed;
	bottom					: 0;
	right					: 30px;
	cursor					: pointer;
	z-index					: 999;
	background				: url("/pic/ico-up.png") no-repeat scroll center center #fff;
}
.btn{
	border-color			: #181819;
	border-radius			: 0;
	outline					: none;
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
.btn:hover,
.btn:focus,
.btn:active{
	color					: #2068b9;
	border-color			: #2068b9;
	outline					: none !important;
}
.btn-big{
	padding					: 10px 20px;
	font-size				: 18px;
}
.btn-dark{
	color					: #fff;
	border-color			: #333;
	background-color		: #333;
}
.btn-dark:hover{
	color					: #2068b9;
	border-color			: #fff;
	background-color		: #fff;
}
.btn-grey {
	font-family: "Open Sans",sans-serif;
    background-color: #fff;
    border: 2px solid #3c3c3c;
    border-radius: 0;
    box-sizing: initial !important;
    color: #3c3c3c;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 37px;
    /* letter-spacing: 1px; */
    line-height: 37px;
    margin: 0;
    outline: 0 none;
    padding: 0 22px;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    transition: color 0.3s ease-in-out 0s, background-color 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s;
    white-space: nowrap;
    width: auto;

}
.btn-grey:hover{
	background-color:#3c3c3c;
	color:#fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.btn-gold{
	color					: #2068b9;
	border-color			: #2068b9;
	background-color		: #fff;
}
.btn-gold:hover{
	color					: #333;
	border-color			: #333;
	background-color		: #fff;
}
.box-white{
	background-color		: #FFF;
}
.box-grey{
	background-color		: #f2f2f2;
	font-size: 13px;
}
.box-grey .owl-buttons div{
	background-color		: #fff !important;
}
.box-grey .owl-buttons div:hover{
	background-color		: #ebebeb !important;
}

.box-blue{
	background-color		: #2068b9;
	font-size: 13px;
}
.box-blue .owl-buttons div{
	background-color		: #fff !important;
}
.box-blue .owl-buttons div:hover{
	background-color		: #ebebeb !important;
	color:#d7eaff;
}

.white {
	color:#fff;
}

.white:hover {
}

.blue {
	color: #2068b9;;
	background-color: #fff;
}

.box-dark{
	color					: #FFF;
	background-color		: #2068b9; /* #262626 */
}
.box-dark .btn{
	color					: #fff;
	border-color			: #FFF;
}
.box-dark .btn:hover{
	color					: #2068b9;
	border-color			: #fff;
	background-color		: #fff;
}
.box-padding{
	padding					: 0 30px;
}
.box-border{
	border					: 1px solid #d9d9d9;
}
.title-border{
	/* font-family			: 'Code Bold'; */
	font-family 			: 'Lato', sans-serif;
	font-size				: 24px; /* 14px */
	font-weight				: 500; /* neu */
	text-align				: left;
	letter-spacing			: 1px; /* 3px */
	padding-bottom			: 20px; /* 10px */
	margin-bottom			: 25px; /* 20px */
	position				: relative;
}

.title-border .line{
	font-family 			: Arial, Helvetica, sans-serif;
}
.title-border:after{
	content					: " ";
	position				: absolute;
	bottom					: 3px; /* 0 */
	left					: 0;
	width					: 40px;
	height					: 2px;
	background-color		: #2068b9;
}
.title-border-white{
	/* font-family			: 'Code Bold'; */
	font-family 			: 'Lato', sans-serif;
	font-size				: 24px; /* 14px */
	font-weight				: 500; /* neu */
	text-align				: left;
	letter-spacing			: 1px; /* 3px */
	padding-bottom			: 20px; /* 10px */
	margin-bottom			: 25px; /* 20px */
	position				: relative;
}
.title-border-white:after{
	content					: " ";
	position				: absolute;
	bottom					: 3px; /* 0 */
	left					: 0;
	width					: 40px;
	height					: 2px;
	background-color		: #fff;
}

.title-border.right{
	display					: inline-block;
	padding-right			: 30px;
	padding-bottom			: 0;
}
.title-border.right:after{
	top						: 50%;
	margin-top				: -2px;
	right					: 0;
	bottom					: inherit;
	left					: inherit;
}
.title-border.left{
	padding-left			: 30px;
	padding-bottom			: 0;
}
.title-border.left:after{
	margin-top				: -2px;
	top						: 50%;
	left					: 0;
	bottom					: inherit;
}

/* neue Title CSS */

.title-footer {
	font-family 			: 'Lato', sans-serif;
	font-size				: 20px;
	font-weight				: 500;
	text-align				: left;
	letter-spacing			: 1px; /* 3px */
	padding-bottom			: 10px;
	margin-bottom			: 20px;
	position				: relative;
}
.title-footer:after{
	content					: " ";
	position				: absolute;
	bottom					: -3px; /* 0 */
	left					: 0;
	width					: 30px;
	height					: 2px;
	background-color		: #2068b9;
}
.title-footer.right{
	display					: inline-block;
	padding-right			: 30px;
	padding-bottom			: 0;
}
.title-footer.right:after{
	top						: 50%;
	margin-top				: -2px;
	right					: 0;
	bottom					: inherit;
	left					: inherit;
}
.title-footer.left{
	padding-left			: 30px;
	padding-bottom			: 0;
}
.title-footer.left:after{
	margin-top				: -2px;
	top						: 50%;
	left					: 0;
	bottom					: inherit;
}

/* End neue Title CSS */


.title-center{
	display					: inline-block;
	position				: relative;
	font-size				: 24px;
	font-weight				: 300;
	padding					: 0 30px;
	margin-bottom			: 20px;
}
.title-center:before,
.title-center:after{
	content					: " ";
	position				: absolute;
	top						: 50%;
	width					: 20px;
	height					: 1px;
	background-color		: #2068b9;
}
.title-center:before{
	left					: 0;
}
.title-center:after{
	right					: 0;
}
.title-bold{
	display					: block;
	font-size				: 18px;
	font-weight				: 500; /* 600 */
	font-style				: normal;
	margin-bottom			: 5px; /* 10px */
}
.pagination{
	display					: block;
	margin					: 30px 0 0 0;
}
.pagination > li{
	float					: left;
	margin-right			: 5px;
	margin					: 0 5px 5px 0;
}
.pagination > li > a{
	display					: inline-block;
	width					: 40px;
	height					: 40px;
	line-height				: 32px;
	color					: #666;
	border					: 4px solid #f2f2f2;
	text-align				: center;
	padding					: 0;
	float					: none;
	background-color		: #fff;
}
.pagination > li:hover > a{
	color					: #181819;
	background-color		: #FFF;
}
.pagination > li.active > a,
.pagination > li.active:hover > a{
	color					: #181819;
	border-color			: #f2f2f2;
	background-color		: #f2f2f2;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a{
	-webkit-border-radius	: 0;
	-moz-border-radius		: 0;
	border-radius			: 0;
}
.pagination > li:last-child{
	margin-right			: 0;
}
.nav-default{
	list-style-type			: none;
	margin					: 0;
	padding					: 0;
}
.nav-default li{
	float					: left;
}
.nav-default li a{
	display					: inline-block;
}
.trans-effect{
	opacity					: 0.3;
}
.trans-effect:hover{
	opacity					: 1;
}
.zoom-effect{
	display					: block;
	position				: relative;
}
.zoom-effect:before{
	content					: '';
	opacity					: 0;
	width					: 100%;
	height					: 100%;
	position				: absolute;
	top						: 0;
	left					: 0;
	background				: #000\9;
	background				: rgba(0, 0, 0, 0.50);
	-webkit-transition		: all 0.2s linear;
	-moz-transition			: all 0.2s linear;
	-o-transition			: all 0.2s linear;
	transition				: all 0.2s linear;
}
.zoom-effect:after{
	opacity					: 0;
	font-family				: 'FontAwesome';
	content					: "\f002";
	position				: absolute;
	top						: 50%;
	left					: 0;
	width					: 100%;
	text-align				: center;
	color					: #FFF;
	 -webkit-transform		: translateY(-50%);
	-ms-transform			: translateY(-50%);
	transform				: translateY(-50%);
	-webkit-transition		: all 0.2s linear;
	-moz-transition			: all 0.2s linear;
	-o-transition			: all 0.2s linear;
	transition				: all 0.2s linear;
}
.zoom-effect:hover:before,
.zoom-effect:hover:after{
	opacity					: 1;
}

/* Neuer Link-Hover-Effekt */

.link-effect{
	display					: block;
	position				: relative;
}
.link-effect:before{
	content					: '';
	opacity					: 0;
	width					: 100%;
	height					: 100%;
	position				: absolute;
	top						: 0;
	left					: 0;
	background				: #000\9;
	background				: rgba(0, 0, 0, 0.40);
	-webkit-transition		: all 0.2s linear;
	-moz-transition			: all 0.2s linear;
	-o-transition			: all 0.2s linear;
	transition				: all 0.2s linear;
}
.link-effect:after{
	opacity					: 0;
	font-family				: 'FontAwesome';
	content					: "\f064";
	font-size 				: 24px;
	position				: absolute;
	top						: 50%;
	left					: 0;
	width					: 100%;
	text-align				: center;
	color					: #FFF;
	 -webkit-transform		: translateY(-50%);
	-ms-transform			: translateY(-50%);
	transform				: translateY(-50%);
	-webkit-transition		: all 0.2s linear;
	-moz-transition			: all 0.2s linear;
	-o-transition			: all 0.2s linear;
	transition				: all 0.2s linear;
}
.link-effect:hover:before,
.link-effect:hover:after{
	opacity					: 0.85;
}

/* End Neuer Link-Hover-Effekt */

.tags-cloud li{
	margin					: 0 5px 5px 0;
}
.tags-cloud li a{
	font-size				: 11px;
	padding					: 0 15px;
	height					: 26px;
	line-height				: 26px;
	border					: none;
	-webkit-border-radius	: 13px;
	-moz-border-radius		: 13px;
	border-radius			: 13px;
	background-color		: #f2f2f2;
}
.social-icons{
	display					: inline-block;
}
.social-icons li .fa{
	display					: block;
	text-align				: center;
	line-height				: 30px; /* 22px */
	font-size				: 14px;
}
.social-icons li a{
	display					: inline-block;
	width					: 30px; /* 22px */
	height					: 30px; /* 22px */
	background-color		: #FFF; /* #000 */
	-webkit-border-radius	: 50%;
	-moz-border-radius		: 50%;
	border-radius			: 50%;
	margin-right			: 10px;
	color					: #828282; /* FFF */
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
.social-icons li a:hover{
	background-color		: #2068b9;
	color:#FFF; /* neu */
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
.padding-all{
	padding					: 40px 30px 40px 30px;
}
.padding-title{
	padding					: 40px 30px 17px 30px;
}
.padding-all-10{
	padding					: 10px;
}
.padding-all-15{
	padding					: 15px;
}
.padding-all-20{
	padding					: 20px;
}
.padding-none{
	padding					: 0;
}
.padding-none-bottom{
	padding-bottom			: 0;
}
.margin-none{
	margin					: 0 !important;
}
.margin-top-10{
	margin-top				: 10px;
}
.margin-top-20{
	margin-top				: 20px;
}
.margin-top-30{
	margin-top				: 30px;
}
.margin-top-40{
	margin-top				: 40px;
}
.margin-bottom-10{
	margin-bottom			: 10px;
}
.margin-bottom-20{
	margin-bottom			: 20px;
}
.margin-bottom-30{
	margin-bottom			: 30px;
}
.margin-bottom-40{
	margin-bottom			: 40px;
}
.link-more{
	display					: block;
	font-size				: 12px;
	color					: #333;
	margin					: 10px 0;
}
.link-more .fa{
	display					: inline-block;
	width					: 17px; /* 15px */
	height					: 17px; /* 15px */
	line-height				: 16px; /* 15px */
	text-align				: center;
	color					: #fff;
	font-size				: 11px;
	background-color		: #888;
	margin-right			: 5px;
	float					: left;
}
.link-more .fa:hover{
	background-color		: #2068b9;
}

.link-more-white{
	display					: block;
	font-size				: 12px;
	color					: #fff;
	margin					: 10px 0;
}
.link-more-white:hover{
	color					: #d7eaff;
	
}

.link-more-white .fa{
	display					: inline-block;
	width					: 17px; /* 15px */
	height					: 17px; /* 15px */
	line-height				: 16px; /* 15px */
	text-align				: center;
	color					: #2068b9;
	font-size				: 11px;
	background-color		: #fff;
	margin-right			: 5px;
	float					: left;
}
.link-more-white .fa:hover{
	background-color		: #d7eaff;
}

.circle{
	-webkit-border-radius	: 50%;
	-moz-border-radius		: 50%;
	border-radius			: 50%;
}
.truncate{
	display					: block;
	overflow				: hidden;
	white-space				: nowrap;
	text-overflow			: ellipsis;
}
.spacer{
	height					: 1px;
	margin					: 20px 0;
	position				: relative;
	background-color		: #d9d9d9;
}
.spacer:before{
	content					: " ";
	display					: inline-block;
	width					: 100px;
	height					: 1px;
	position				: absolute;
	top						: 0;
	left					: 50%;
	margin-left				: -50px;
	background-color		: #2068b9;
}
.block{
	display					: block;
}
.text-gold{
	color					: #2068b9;
}
.text-dark{
	color					: #181819;
}
.text-thin{
	font-weight				: 400; /* 300 */
}
.text-default{
	font-family				: 'Open Sans', sans-serif;
	font-weight				: 500; /* 600 */
	letter-spacing			: 0px;
}
.text-big{
	font-size				: 30px; /* 36px */
	/* margin-bottom			: 10px; /*
	text-transform			: uppercase; /* neu */
}
.text-big + .social-icons{
	margin-top				: 10px;
}
.text-small{
	font-size				: 11px;
}
.service-list li{
	margin-bottom			: 10px;
}
.service-list li:before{
	font-family				: FontAwesome;
	content					: "\f111";
	margin-right			: 10px;
	color					: #999;
}
.masonry-list .grid-sizer{
	padding					: 0;
}
.masonry-list .masonry-item{
	margin-bottom			: 30px;
}
.masonry-list .masonry-item .masonry-desc{
	font-size				: 13px;
}
.masonry-list .masonry-item .title-bold{
	margin-bottom			: 5px;
}
.masonry-list.margin-none .masonry-item{
	margin-bottom			: 0;
}
.image-hover{
	opacity					: 0;
	position				: absolute;
	width					: 100%;
	height					: 100%;
	top						: 0;
	left					: 0;
	text-align				: center;
	background				: #000\9;
	background				: rgba(0, 0, 0, 0.40);
	-webkit-transition		: all 0.2s linear;
	-moz-transition			: all 0.2s linear;
	-o-transition			: all 0.2s linear;
	transition				: all 0.2s linear;
}
.image-hover .hover-detail{
	display					: inline-block;
	width					: 100px; /* 60px */
	height					: 100px; /* 60px */
	line-height				: 100px; /* 60px */
	text-align				: center;
	/* border					: 1px solid #fff; */
	color					: #FFF;
	opacity:0.8;				/* neu */
	position				: absolute;
	top						: 50%;
	left					: 50%;
	margin-top				: -50px; /* -30px */
	margin-left				: -50px; /* -30px */
	font-size: 40px; /* neu */
}
.image-hover .hover-detail:hover{
	background				: #000\9;
	background				: rgba(0, 0, 0, 0.40);
}
.image-hover .social-icons{
	margin-top				: 216px;
}
.contact-info li{
	line-height				: 30px;
}
.contact-info .fa{
	width					: 18px;
	text-align				: center;
	font-size				: 1.3em;
	display					: inline-block;
	margin-right			: 10px;
	color					: #797979;
}
.contact-info .fa-mobile{
	font-size				: 1.6em;
}
.data-form input[type="text"],
.data-form input[type="password"],
.data-form input[type="email"],
.data-form input[type="url"],
.data-form input[type="number"],
.data-form input[type="tel"],
.data-form input[type="date"],
.data-form textarea,
.data-form select{
	font-family				: 'Open Sans', sans-serif;
	font-size				: 13px;
	width					: 100%;
	padding					: 10px;
	margin					: 0;
	outline					: none;
	border					: 1px solid #d9d9d9;
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
.data-form input[type="text"],
.data-form input[type="password"],
.data-form input[type="email"],
.data-form input[type="url"],
.data-form input[type="number"],
.data-form input[type="tel"],
.data-form input[type="date"],
.data-form select{
	height					: 40px;
}
.data-form select{
	height					: 40px;
	line-height				: 40px;
}
.data-form textarea{
	resize					: none;
}
.data-form input[type="text"]:hover,
.data-form input[type="text"]:focus,
.data-form input[type="password"]:hover,
.data-form input[type="password"]:focus,
.data-form input[type="email"]:hover,
.data-form input[type="email"]:focus,
.data-form input[type="url"]:hover,
.data-form input[type="url"]:focus,
.data-form input[type="number"]:hover,
.data-form input[type="number"]:focus,
.data-form input[type="tel"]:hover,
.data-form input[type="tel"]:focus,
.data-form input[type="date"]:hover,
.data-form input[type="date"]:focus,
.data-form textarea:hover,
.data-form textarea:focus,
.data-form select:hover,
.data-form select:focus{
	border-color			: #2068b9;
}
.data-form .row{
	margin-bottom			: 15px;
}
.data-form .form-field{
	position				: relative;
}
.data-form .form-field .fa{
	position				: absolute;
	top						: 14px;
	left					: 12px;
	color					: #bebebe;
}
.data-form .form-field input[type="text"],
.data-form .form-field input[type="password"],
.data-form .form-field input[type="email"],
.data-form .form-field input[type="url"],
.data-form .form-field input[type="number"],
.data-form .form-field input[type="tel"],
.data-form .form-field input[type="date"],
.data-form .form-field textarea,
.data-form .form-field select{
	padding-left			: 34px;
}
.hero-small{
	position				: relative;
}
.hero-small .vertical-center{
	position				: absolute;
	right					: 30px;
	top						: 50%;
	 -webkit-transform		: translateY(-50%);
	-ms-transform			: translateY(-50%);
	transform				: translateY(-50%);
}

/*  03 - Layout Stylesheet
-----------------------------------------------------------*/
.site-header{
	padding-top				: 20px; /* 50px */
	padding-bottom			: 20px;
	padding-left			: 0; /* neu */
	position				: relative;
}
.site-header .header-logo{
	float					: left;
	margin-right			: 15px;
}
.site-header .header-menu .mobile-menu{
	display					: none;
	width					: 30px;
	height					: 30px;
	padding					: 0;
	margin					: 0;
	border					: none;
	outline					: none;
	background-color		: #fff;
	position				: absolute;
	top						: 50px;
	right					: 30px;
}
.site-header .header-menu ul{
	list-style-type			: none;
	margin					: 0;
	padding					: 0;
}
.site-header .header-menu ul li{
	position				: relative;
	z-index					: 999;
}
.site-header .header-menu ul li a{
	display					: block;
	white-space				: nowrap;
	/* font-family			: 'Code Bold'; */
	font-family 			: 'Lato', sans-serif;
	font-size				: 11px;
	letter-spacing			: 3px;
}
.site-header .header-menu ul li .down{
	display					: none;
	width					: 30px;
	height					: 30px;
	cursor					: pointer;
	background				: url("/pic/ico-up-down.png") no-repeat scroll 0 0 #ebebeb;
	position				: absolute;
	top						: 0;
	right					: 0;
}
.site-header .header-menu ul li .down.opened{
	background-position		: 0 -30px;
}
.site-header .header-menu ul li.active > a{
	color					: #2068b9;
}
.site-footer .footer-top{
	padding					: 50px 30px 20px 30px;
}
.site-footer .footer-top .col-md-4{
	margin-bottom			: 30px;
}
.site-footer .footer-bottom{
	padding					: 30px 30px;
	border-top: solid 1px #a3a3a3; /* neu */
	color: #828282; 
}

/* neu Textfarbe Subfooter */

.site-footer .footer-bottom a {
	color: #828282;
	transition: all 0.2s ease-in-out 0s;
}
.site-footer .footer-bottom a:hover {
	color: #181819;
	transition: all 0.2s ease-in-out 0s;
}

/* End neu Textfarbe Subfooter */

.site-footer .footer-bottom .nav-default{
	margin-bottom			: 10px;
}
.site-footer .footer-bottom .nav-default li a{
	padding					: 0 10px;
}
.site-footer .footer-bottom .nav-default li:first-child a{
	padding-left			: 0;
}
.site-footer .title-border{
	border-bottom			: 1px solid #d9d9d9;
}
.site-footer .title-border:after{
	height					: 1px;
	bottom					: -1px;
	width					: 50%;
}
.site-footer .latest-posts .latest-item{
	margin-bottom			: 10px;
}
.site-footer .latest-posts .post-image{
	border					: 5px solid #FFF;
	float					: left;
	margin-right			: 10px;
}
.site-footer .latest-posts .post-title,
.site-footer .latest-posts .post-desc,
.site-footer .latest-posts .post-date{
	font-size				: 12px;
	display					: block;
	white-space				: nowrap;
	overflow				: hidden;
	text-overflow			: ellipsis;
	margin-bottom			: 3px;
}
.site-footer .latest-posts .post-date{
	font-size				: 11px;
	color					: #666;
}

/*  04 - Slider Stylesheet
-----------------------------------------------------------*/
.site-slider .slide-caption{
	position				: absolute;
	top						: 0;
	left					: 0;
	background				: #000\9;
	background				: rgba(0, 0, 0, 0.10);
	width					: 100%;
	height					: 100%;
}
.site-slider .slide-caption .caption-wrap{
	color					: #fff;
	display					: block;
	padding					: 0 120px;
	text-align				: center;
	position				: relative;
	top						: 50%;
	 -webkit-transform		: translateY(-50%);
	-ms-transform			: translateY(-50%);
	transform				: translateY(-50%);
}
.site-slider .slide-caption .caption-big,
.site-slider .slide-caption .caption-small{
	/* font-family			: 'Roboto Slab', serif; */
	font-family 			: 'Lato', sans-serif;
	/* font-family 			: 'Lora', serif; */
	font-weight				: 500; /* 700 */
	font-style:italic;
	margin					: 0;
}
.site-slider .slide-caption .caption-big{
	font-size				: 55px; /* 36px */
	/* margin-bottom			: 10px; */
}
.site-slider .slide-caption .caption-small{
	display					: inline-block;
	position				: relative;
	font-size				: 30px;
	font-weight				: 400;
	padding					: 0 30px;
}
.site-slider .slide-caption .caption-small:before,
.site-slider .slide-caption .caption-small:after{
	content					: " ";
	position				: absolute;
	top						: 50%;
	width					: 20px;
	height					: 2px;
	background-color		: #fff;
}
.site-slider .slide-caption .caption-small:before{
	left					: 0;
}
.site-slider .slide-caption .caption-small:after{
	right					: 0;
}

/*  05 - Team Stylesheet
-----------------------------------------------------------*/
.team-horizontal .team-image{
	position				: relative;
}
.team-horizontal .team-desc{
	padding					: 20px 10px 20px 0;
}
.team-horizontal .team-desc .title-border{
	margin-bottom			: 5px;
	font-family				: 'Open Sans', sans-serif;
	font-weight				: 500; /* 600 */
	letter-spacing			: 0px;
	padding-left			: 20px;
	font-size				: 14px; /* neu */
}
.team-horizontal .team-desc .title-border:after{
	width					: 10px;
}
.team-horizontal .team-desc .team-job{
	display					: block;
	padding-left			: 20px;
}
.team-horizontal .box-grey:hover .image-hover,
.team-horizontal .box-white:hover .image-hover{
	opacity					: 1;
}
.team-vertical .row{
	margin-bottom			: 30px;
}
.team-vertical .row:last-child{
	margin-bottom			: 0;
}
.team-vertical .spacer{
	margin-top				: 30px;
	margin-bottom			: 30px;
}
.team-vertical .team-desc{
	padding					: 40px 15px 0 15px;
}
.team-vertical .team-desc .title-border{
	font-family				: 'Open Sans', sans-serif;
	font-weight				: 600;
	letter-spacing			: 0px;
}
.team-vertical .team-desc .title-border:after{
	width					: 10px;
}
.team-vertical .team-desc .team-job{
	display					: block;
}

/*  06 - Collection Stylesheet
-----------------------------------------------------------*/
.section-collection{
	padding-bottom			: 0;
}
.section-collection .collection-item{
	position				: relative;
	padding					: 18px 18px 18px 168px;
	margin-bottom			: 40px; /* 30px */
	height					: 150px;
}
.section-collection .collection-item .collection-image{
	width					: 150px;
	height					: 150px;
	overflow				: hidden;
	position				: absolute;
	top						: 0;
	left					: 0;
}
.section-collection .collection-item .collection-image:after{
	position				: absolute;
	display					: inline-block;
	content					: '';
	top						: 50%;
	 -webkit-transform		: translateY(-50%);
	-ms-transform			: translateY(-50%);
	transform				: translateY(-50%);
	right					: 0;
	width					: 0;
	height					: 0;
	border-top				: 15px solid transparent;
	border-right			: 15px solid #f2f2f2; /* Dreieck im Bild - blau #2068b9 */
	border-bottom			: 15px solid transparent;
}

/*  07 - Testimonials Stylesheet
-----------------------------------------------------------*/
.section-testimonials h2,
.section-testimonials h3{
	font-weight				: 300;
}
.section-testimonials h2{
	font-size				: 24px;
}
.section-testimonials h2:before,
.section-testimonials h2:after{
	font-size				: 30px;
	color					: #2068b9;
	font-family				: Times, serif; 
	margin					: 0 10px;
}
.section-testimonials h2:before {
	content					: '\201C'; 
}
.section-testimonials h2:after {
	content					: '\201D';
}
.section-testimonials h3{
	font-size				: 16px;
	color					: #999;
}

/*  08 - Why Stylesheet
-----------------------------------------------------------*/
.section-why{
	padding-bottom			: 0;
}
.section-why .countTo{
	display					: block;
	font-size				: 24px;
	font-weight				: 600;
	line-height				: 26px;
}
.section-why .box-border{
	height					: 100px;
	padding					: 26px 0 0 110px;
	margin-bottom			: 30px;
	position				: relative;
	font-size				: 13px;
	border-color			: #f2f2f2;
}
.section-why .box-border .fa{
	width					: 98px;
	height					: 98px;
	line-height				: 98px;
	text-align				: center;
	position				: absolute;
	top						: 0;
	left					: 0;
	background-color		: #f2f2f2;
}
.section-why .box-border .fa:after{
	position				: absolute;
	display					: inline-block;
	content					: '';
	top						: 50%;
	 -webkit-transform		: translateY(-50%);
	-ms-transform			: translateY(-50%);
	transform				: translateY(-50%);
	right					: -10px;
	width					: 0;
	height					: 0;
	border-top				: 10px solid transparent;
	border-left				: 10px solid #f2f2f2;
	border-bottom			: 10px solid transparent;
}
.section-why.box-dark .countTo{
	color					: #2068b9;
}
.section-why.box-dark .box-border{
	border-color			: #262627;
}
.section-why.box-dark .box-border .fa{
	color					: #666;
	background-color		: #202021;
}
.section-why.box-dark .box-border .fa:after{
	border-left-color		: #202021;
}
.section-why.box-grey .countTo{
}
.section-why.box-grey .box-border{
	border-color			: #d9d9d9;
}
.section-why.box-grey .box-border .fa{
	background-color		: #fff;
}
.section-why.box-grey .box-border .fa:after{
	border-left-color		: #fff;
}

/*  09 - Services Stylesheet
-----------------------------------------------------------*/
.section-services .fa{
	display					: block;
	margin					: 10px 0;
}
.section-services .box-border{
	margin-top				: -1px;
	margin-left				: -1px;
	-webkit-transition		: all 0.2s ease-in-out;
	-moz-transition			: all 0.2s ease-in-out;
	-o-transition			: all 0.2s ease-in-out;
	transition				: all 0.2s ease-in-out;
}
.section-services.box-grey .box-border:hover{
	background-color		: #FFF;
}
.section-services.box-white .box-border .fa{
	color					: #e1e1e1;
}
.section-services.box-white .box-border .title-bold{
	color					: #999;
}
.section-services.box-white .box-border .btn{
	border-color			: #d9d9d9;
}
.section-services.box-dark .box-border{
	border-color			: #262627;
}
.section-services.box-dark .box-border .fa{
	color					: #666;
}
.section-services.box-dark .box-border .title-bold{
	color					: #2068b9;
}
.section-services.box-dark .box-border:hover{
	background-color		: #202021;
}


/*  10 - Clients Stylesheet
-----------------------------------------------------------*/
.section-clients .trans-effect{
	display					: block;
	padding					: 15px;
	-webkit-transition		: all 0.2s linear;
	-moz-transition			: all 0.2s linear;
	-o-transition			: all 0.2s linear;
	transition				: all 0.2s linear;
	border					: 1px solid #d9d9d9;
}

.uppercase {
	text-transform:uppercase;
}

.title-doc {
	font-size:16px;
	font-weight: 500;
}