/**** GENERAL ****/
a:hover, a:focus{
	color:#e8432e
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}
/**** PRELOADING ****/
.mask-color, .social-share ul.social li:hover a, #showRightPush:hover, .slicknav_btn:hover, .slicknav_nav a:hover, .slicknav_nav .slicknav_item:hover {
	background-color:#1c2e38;
}

.prev:hover, .next:hover, .close-port:hover i, .read-more:hover, .read-more i, .view-all-blog:hover, .view-all-blog:hover span i, a.et-like-post.active span i, .btn.get-in-touch:hover, .et-post-data-left.single-blog a.home-icon:hover i, .form-submit input[type="submit"]:hover, .social-footer li a:hover i, .contact-form-wrapper input[type="submit"]:hover, #test_content .item .name-client, h1.title-blog a:hover, .btn.btn-oe:hover{
	color:#1c2e38;
}
.close-port:hover, .view-all-blog:hover span, .btn.get-in-touch:hover, .image-blog-wrapper, .et-post-data-left.single-blog a.home-icon:hover, .form-submit input[type="submit"]:hover, .contact-form-wrapper input[type="submit"]:hover, .btn.btn-oe:hover, .popup-video:hover .icon-play-video{
	border-color:#1c2e38;
}
.line-wrapper .line-circle, .pie-content h2, .percent-chart, .et-post-month, .et-post-date, .title-blog, .counter .timer, .btn.get-in-touch, .title-single, .post-tags a, .oe-comments-title, .copyright, .contact-form-wrapper input[type="submit"], .text-slider, a#scroll_to, .quote-charater, #test_content .item .name-client, .slicknav_menu  .slicknav_menutxt, .slicknav_nav a, .form-submit input[type="submit"], .btn.btn-oe, .blog-filer ul li a{
	font-weight:700;
}
.color-white *{
	color:#ffffff !important;
}
.color-white .popup-video:hover, .color-white .popup-video:hover .icon-play-video i{
	color:#1c2e38 !important;
}

#test{
margin: 0 auto;
}

::selection {
  background: #4e261b; /* WebKit/Blink Browsers */
  color:white
}
::-moz-selection {
  background: #4e261b; /* Gecko Browsers */
  color:white;
}



h1,h2,h3,h4,h5,h6 {
    text-transform: uppercase;
}

img {
vertical-align: middle;
width: 100%;
height: auto;
}

.paypal-donations img {
height: 1px;
}

#portfolio_list div.item a div.hover {
position: absolute;
background: #333;
background: rgba(28, 46, 56, .5);
width: 100%;
height: 100%;
}

div.wpcf7 img.ajax-loader {
border: none;
vertical-align: middle;
margin-left: 4px;
height: 16px;
}

.mask-color, .social-share ul.social li:hover a, #showRightPush:hover, .slicknav_btn:hover, .slicknav_nav a:hover, .slicknav_nav .slicknav_item:hover {
background-color: #1c2e38;
}

.loading-logo {
width: 300px;
position: relative;
left: -122px;
top: -41px;
}

.social-share ul.social li a {
    display:none;
}

.owl-theme .owl-controls {
 	margin-top: 0px; 
}
.owl-item .item .text-slider,
.owl-item.active .item .text-slider {
	width: 600px;

}

.text-slider p {
line-height: 1.2;
font-size: 30px;
color: #fefeff;
}

.text-slider h3 {
line-height: 1.2;
font-size: 50px;
color: #fefeff;
}

header {
border-bottom: none;
}

ul.portfolio-category li a span.icon-categories,
.list-services-wrapper .service-wrapper .icon {
	width: 44px;
	height: 44px;
	border:none;
	border-radius: 0;
	background: url("http://Lennardwarnking.com/kruzenshtern/wp-content/uploads/2015/01/wheel.svg");
	-webkit-transition: all 1.5s ease-in-out;
  	-moz-transition: all 1.5s ease-in-out;
  	-o-transition: all 1.5s ease-in-out;
  	transition: all 1.5s ease-in-out;
  	transform: rotate(0deg);
  	transform-origin: 50% 50%;
  	-ms-transform: rotate(0deg);
  	-ms-transform-origin: 50% 50%;
  	-webkit-transform: rotate(0deg);
  	-webkit-transform-origin: 50% 50%;
}

ul.portfolio-category li a:hover span.icon-categories,
.list-services-wrapper:hover .service-wrapper .icon {
	transform: rotate(180deg);
  	transform-origin: 50% 50%;
  	-ms-transform: rotate(180deg);
  	-ms-transform-origin: 50% 50%;
  	-webkit-transform: rotate(180deg);
  	-webkit-transform-origin: 50% 50%;
}

ul.portfolio-category .fa-align-justify:before {
	content: '';
}

.heading-title-wrapper h2.title {
	color:white;
}

.slideshow-link {
	margin-top: 20px;
}


.slideshow-link a .the-wheel{
	width: 66px;
	height: 66px;
	border:none;
	border-radius: 0;
	background: url("http://Lennardwarnking.com/kruzenshtern/wp-content/uploads/2015/01/wheel_w.svg");
	background-size: 66px 66px;
	-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;
  	transform: rotate(0deg);
  	transform-origin: 50% 50%;
  	-ms-transform: rotate(0deg);
  	-ms-transform-origin: 50% 50%;
  	-webkit-transform: rotate(0deg);
  	-webkit-transform-origin: 50% 50%;
}

.slideshow-link:hover a .the-wheel{
	transform: rotate(15deg);
  	transform-origin: 50% 50%;
  	-ms-transform: rotate(180deg);
  	-ms-transform-origin: 50% 50%;
  	-webkit-transform: rotate(180deg);
  	-webkit-transform-origin: 50% 50%;
}

.slideshow-link .fa-angle-down {
color: rgba(255,255,255,1);
left: 11px;
top: -17px;
position: relative;
font-size: 65px;
-webkit-transition: all .5s ease-in-out;
  	-moz-transition: all .5s ease-in-out;
  	-o-transition: all .5s ease-in-out;
  	transition: all .5s ease-in-out;
  	transform: rotate(0deg);
  	transform-origin: 50% 50%;
  	-ms-transform: rotate(0deg);
  	-ms-transform-origin: 50% 50%;
  	-webkit-transform: rotate(0deg);
  	-webkit-transform-origin: 50% 50%;
}

.slideshow-link:hover .fa-angle-down {
/*color: rgba(28,46,56,0);*/
top: 0px;
position: relative;

}

.post-content p {
max-width: 530px;
}

.category .logo a .logo-wrapper,
.archive .logo a .logo-wrapper,
.blog .logo a .logo-wrapper,
.single .logo a .logo-wrapper  {
	background-color: white;
	padding:7px;
}

.category .logo,
.archive .logo,
.blog .logo,
.single .logo {
	width: 186px;
}



.logo ul {
padding: 0;
list-style: none;
width: 100%;
}

.logo ul li {
	float:left;
	background-color: white;
	width:50%;
	text-align: center;
}

#aktuelles a.btn {
color: white;
border-color: white;
}

#deine-unterstuetzung h2 {
color: #1c2e38;
}

.read-more-expanded .read-more-container{
	max-height:2000px;
}

.read-more-container {
	overflow:hidden;
	max-height:590px;
	position:relative;
	-webkit-transition: all 3s ease-in;
	-moz-transition: all 3s ease-in;
	-o-transition: all 3s ease-in;
	transition: all 3s ease-in;
}

.read-more-container::after {
	position:absolute;
	bottom:0;
	content: '  ';
	width:100%;
	height:240px;
	background: -moz-linear-gradient(top,  rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,0)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fafafa', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}

.read-more-expanded .read-more-container::after {
	background: -moz-linear-gradient(top,  rgba(250,250,250,0) 0%, rgba(250,250,250,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,0)), color-stop(100%,rgba(250,250,250,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(250,250,250,0) 0%,rgba(250,250,250,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(250,250,250,0) 0%,rgba(250,250,250,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(250,250,250,0) 0%,rgba(250,250,250,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(250,250,250,0) 0%,rgba(250,250,250,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fafafa', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
} 


.read-more-link {
	height:100px;
	position:relative;
	cursor:pointer;
}

.read-more-expanded .read-more-link h3 {
	opacity:0;
}

.read-more-link h3{
	position:relative;
	top:-30px;
	cursor:pointer;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}

.read-more-link i {
	position:relative;
	top:-30px;
	cursor:pointer;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.read-more-link:hover h3 {
	top:5px;
}

.read-more-link:hover i {
	font-size: 41px;
	top: -33px;
}

#infos {
	z-index:5;
}


.read-more-link .the-wheel {
	position: absolute;
	top:-30px;
	width: 160px;
	height: 160px;
	border: none;
	border-radius: 0;
	background: url("http://Lennardwarnking.com/kruzenshtern/wp-content/uploads/2015/01/wheel_grey.svg");
	background-size: cover;
	-webkit-transition: all 3.5s ease-in-out;
	-moz-transition: all 3.5s ease-in-out;
	-o-transition: all 3.5s ease-in-out;
	transition: all 3.5s ease-in-out;
	transform: rotate(0deg);
	transform-origin: 50% 50%;
	-ms-transform: rotate(0deg);
	-ms-transform-origin: 50% 50%;
	-webkit-transform: rotate(0deg);
	-webkit-transform-origin: 50% 50%;
	left:46%;
	left:calc(50% - 80px);
}

.read-more-expanded .read-more-link .the-wheel{
	transform: rotate(500deg);
	-ms-transform: rotate(500deg);
	-webkit-transform: rotate(500deg);

}

.read-more-expanded .read-more-link:hover .the-wheel{
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}


@media (max-width: 479px){
	.text-slider {
		top:0;
	}

	.owl-item.active .item .text-slider {
		width: 70%;
		left: 15%;
	}

	.owl-item .item .text-slider {
		width: 70%;
	}

	.text-slider p {
		font-size: 14px;
		line-height: 1.5;
		max-width: 100%;
	}

	.text-slider h3 {
		font-size: 20px;
		line-height: 1;
		max-width: 100%;
	}

	.slideshow-link a .the-wheel {
		display:none;
	}

	#portfolio_filter {
		display:none;
	}

}


@media (max-width: 767px) and (min-width:480px){
	.text-slider {
		top:0;
	}

	.owl-item.active .item .text-slider {
		width: 70%;
		left: 15%;
	}
	.owl-item .item .text-slider {
		width: 70%;
	}

	.text-slider h3 {
		font-size: 24px;
		line-height: 1;
		max-width: 56%;
	}

	.text-slider p {
	font-size: 20px;
	line-height: 1.5;
	max-width:100%;
	}
}


@media (max-width: 1198px)and (min-width:768px){
	.text-slider h3 {
		font-size: 36px;
		line-height: 1;
		max-width: 56%;
	}

	.text-slider p {
		font-size: 24px;
	}
}

@media (max-width:1400px) and (min-width:1199px) {
	.text-slider {
		top:0;
	}
}

@media (max-width: 991px){
	header {
		height: 75px;
		position: relative;
	}

	.logo-wrapper {
		background-color:white;
	}
	nav.menu-responsive {
		margin-top: 5px;
	}
}

@media (min-width:992px){
	.port-thumb .thumbnail-img {
	max-width: 550px;
	position: relative;
	top: 23px;
	float: right;
}
}