/*
	Theme Name: MVSV Theme
	Theme URI: 
	Description: 
	Version: 1
	Author: ecom Webservices
	Author URI: http://www.ecom-webservices.de
	Tags: Blank, HTML5, CSS3
*/
/*PORTFOLIO*/
.portfolio, #main {
	max-width: 1200px;
	margin: 0 auto;
}
.portfolio {
	padding-top: 30px;
	margin: 0 auto;
	line-height: 1.2em;
}
.portfolio p {
	padding-bottom: 5px;
}
.portfolio h2 {
	font-size: 18px;
	padding-bottom: 10px;
	line-height: 1.3em;
}
.ug-thumb-wrapper:nth-child(0) img {
	max-width: 80% !important;
	height: auto !important;
	margin-left: 10%;
	margin-top: 18%;
}
.ug-gallery-wrapper {
	font-family: inherit !important;
}
.ug-thumb-wrapper {
	background: transparent;
}
.ug-thumb-wrapper img {
    transition: opacity 300ms ease-out, transform 300ms ease-out, filter 300ms ease-out !important;
    -moz-transition: opacity 300ms ease-out, -moz-transform 300ms ease-out, -moz-filter 300ms ease-out !important;
    -o-transition: opacity 300ms ease-out, -o-transform 300ms ease-out, -o-filter 300ms ease-out !important;
    -webkit-transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out, -webkit-filter 300ms ease-out !important;
}
.ug-tile .ug-textpanel-title {
    font-size: 14px;
    font-weight: initial !important;
}
.ug-gallery-wrapper, .ug-gallery-wrapper *{
	    transition: all!important;
    -o-transition: all!important;
    -webkit-transition: all;
    -moz-transition: all!important;
    -ms-transition: all!important;
    max-width: none;
}
/*#gallery{
	width: 40%;
	margin: 0 auto;
}*/
#empty-img-portfolio:after {
	content: " ";
	position: absolute;
	display: block;
	z-index: 33333;
}
/*CATEGORY*/
.list-title {
	text-decoration: none;
	color: #005385;
}
section.cat_section {
    margin-top: 50px;
}
section.cat_section .inner article ul{
	padding-left: 0px;
	margin-bottom: 0px;
}
.subpage .inner {
    margin: 0 auto;
}
.category #main .post {
    background: #a7c2e061;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
}
.category #main .post .text-post {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    padding-left: 40px;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}
.category #main .post .image-post {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    float: right;
    list-style: none;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
}
.category #main .post .image-post li {
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 8px;
}
.category #main .post .image-post img {
    width: 100%;
    height: auto;
}
.category #main .post:nth-child(2n+1) {
    background: #66999957;
}
.category #main .post:nth-child(2n+1) .text-post {
    float: right;
    padding-left: 4%;
}
.category #main .post:nth-child(2n+1) .image-post {
    float: left;
}
.read_more a {
    text-decoration: none;
    color: #005385;
    display: block;
    font-weight: 600;
}
.read_more {
    margin-top: 25px;
}
.read_more .fa {
    position: relative;
    top: 1px;
    margin-right: 5px;
    display: inline-block;
}
/**/
@font-face {
    font-family: 'PT Sans';
    src: url('fonts/pt_sans-web-regular-webfont.eot');
    src: url('fonts/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans-web-regular-webfont.woff2') format('woff2'),
         url('fonts/pt_sans-web-regular-webfont.woff') format('woff'),
         url('fonts/pt_sans-web-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PT Sans Bold';
    src: url('fonts/pt_sans-web-bold-webfont.eot');
    src: url('fonts/pt_sans-web-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans-web-bold-webfont.woff2') format('woff2'),
         url('fonts/pt_sans-web-bold-webfont.woff') format('woff'),
         url('fonts/pt_sans-web-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/*group basics*/
* {
	padding: 0;
	margin: 0;
}

body {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #005385;
}

h1,h2,h3 {
	margin-top: 0;
}

.page_thumb img {
	position: absolute;
	right: 100%;
}
.page_thumb img {
	max-width: 275px;
	height: auto;
}
.post-edit-link {
	color: #0069a6;
	position: fixed;
	right: 5%;
	top: 3px;
}

.hidden-element {
	display: none;
}

#outer-wrapper {
	max-width: 100%;
	overflow: hidden;
}
.reference-item {
    padding-bottom: 30px;
}
.reference-item .beitragsbild-post {
    width: 40%;
    float: right;
}
.reference-item .beitragsbild-text{
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
}

.beitragsbild-post img {
    width: 100%;
    height: 100%;
}
.img-center img, .img-bottom img {
    max-width: 275px;
    height: auto;
}
.img-center, .img-bottom, .page_thumb {
    position: absolute;
    right: 100%;
}
.page_thumb{
	top: 0;
}
.img-center {
    top: 45%;
}
.img-bottom {
    bottom: -6px;
}
.wrapper {
	position: relative;
	left: 0;
	-webkit-transition: left 0.25s ease;
	-moz-transition: left 0.25s ease;
	-ms-transition: left 0.25s ease;
	-o-transition: left 0.25s ease;
	transition: left 0.25s ease;
}

.nav-open .wrapper {
	left: 80%;
}

main article a {
	color: #fff;
}

a:focus,
a {
	outline: none;
}

.single main article a {
	color: #0069a6;
}

.download {
	background-color: transparent;
	color: #fff !important;
	display: block;
	float: right;
	font-weight: 600;
	padding: 4px 20px 5px;
	text-decoration: none;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-ms-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}

.download:hover {
	background-color: #9f3862;
	color: #fff;
} 

.download i {
	font-size: 20px;
	margin-right: 5px;
	position: relative;
	top: 3px;
}

.fax:before {
	content: "\f1ac";
	font-family: "FontAwesome";
	font-size: 19px;
	font-weight: 400;
	margin-right: 7px;
}

span.post:before {
	content: "\f0e0";
	font-family: "FontAwesome";
	font-size: 19px;
	font-weight: 400;
	margin-right: 7px;
}
.shop:before {
	content: "\f07a";
	font-family: "FontAwesome";
	font-size: 21px;
	font-weight: 400;
	margin-right: 7px;
}
/*end basics*/

/*group header*/
header::before {
	background-color: #0069a6;
	content: "";
	display: block;
	height: 30px;
	left: 20%;
	position: relative;
	width: 85%;
}

.logo {
	padding: 6px 5% 0;
}

.logo-img:first-child {
	margin-right: 10px;
}

.open-nav {
	color: #fff;
	font-size: 28px;
	position: fixed;
	right: 5%;
	top: 5px;
	z-index: 700;
}
.lila main section article {

    margin-left: 0;
    float: right;
   
}


.header::before {
	width: 30%;
	opacity: 0;
	transition: all 1.5s 0.5s ease;
}

.header.active::before {
	width: 77%;
	opacity: 1;
}
/*end header*/

/*group content*/
main section .inner {
	background-color: #a7c2e0;
	padding: 20px 0 0;
	position: relative;
	overflow: hidden;
}

.extra-text {
	max-width: 750px;
	margin:0 auto;
	padding-top: 60px;
}
.extra-text, .extra-text * {
	color: #000 !important;
}

.content_image {
	position: absolute;
	top: 0;
	left: 90%;
}
.content_image img {
	max-height: 300px;
	width: auto;
}


span.wpcf7-list-item {
	margin:0 !important;
}
.wpcf7-list-item a {
	text-decoration: underline;
	color: #fff;
}
.wpcf7-list-item input {
	float: left;
	margin-top: 2px;
	margin-right: 10px;
}
.wpcf7-list-item-label {
	display: block;
	float: left;
	width: 88%;
	font-size: 13px;
	line-height: 1.4em;
	margin-top: 0px;
	margin-bottom: 15px;
}

nav.extra-wrapper li a {
    padding: 10px;
}

nav.extra-wrapper {
    padding: 5px 0 0;
    max-width: 1200px;
    height: 45px;
}



@media only screen and (max-width: 1400px){
.content_image {
	display: none;
}
}

@media only screen and (max-width: 1100px){s
	
}

@media only screen and (max-width: 1220px){
	.portfolio {
		padding: 0 40px 0 40px;
	}
	.header nav {
		padding: 0 40px 0 40px;
	}
}

@media only screen and (max-width: 1020px){
	.header nav {
		padding: 0 0px 0 0px;
	}
}



.page-id-28 main section .inner,
.single main section .inner,
.category-1 main section .inner,
.category-4 main section .inner,
.category-8 main section .inner,
.category-9 main section .inner,
.category-3 main section .inner
 {
	padding-top: 0;
}

.category main section article {
	margin-left: 0;
	float: right;
}

.category main section article ul {
	margin-bottom: 20px;
}

.category main section article h2 {
	color: #0069a6;
	font-size: 17px;
	font-weight: 600U;
	margin-bottom: 25;
}

.category main section article a {
	color: #0069a6;
	text-decoration: none;
	transition: color 0.25s ease;
}

.category main section article li {
	list-style: none;
	margin-bottom: 5px;
}

.category main section article a .new,
.category main section article a:hover {
	color: #d57d38;
}
/*a.ug-thumb-wrapper.ug-tile.ug-tile-clickable.backgroundcolor2.ug-thumb-ratio-set .ug-textpanel-title, 
a.ug-thumb-wrapper.ug-tile.ug-tile-clickable.backgroundcolor3.ug-thumb-ratio-set .ug-textpanel-title {
    background-color: #00538552;
}
a.ug-thumb-wrapper.ug-tile.ug-tile-clickable.backgroundcolor2.ug-thumb-ratio-set h2 {
    padding-top: 15px;
}*/
main section h1 {
	color: #005385;
	margin-left: 10%;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2em;
}

.single main section h1 {
	margin-left: 0;
}

main article {
	float: right;
	padding: 15px 5% 30px;
	width: 75%;
	position: relative;
	z-index: 200;
}

.sidebar .back-link {
	padding: 5px 20px;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-ms-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	background-color: transparent;
}

.sidebar .back-link .fa {
	position: relative; 
	top: 1px;
	margin-right: 5px;
	display: inline-block;
}

.sidebar .back-link:hover {
	background-color: #9f3862;
}

.category-2 main article,
.category-referenzen main article,
.lila main article {
	background-color: #9f3862 !important;
	color: #fff;
	z-index: 22;
}
.startseite article:after {
	position: absolute;
	left: -200%;
	height: 600px;
	width: 400%;
	background: #9f3862;
	content: " ";
	top: 0;z-index: -1;
}

/*.orange main article {
	background-color: #d57d38;
	color: #fff;
}
*/
.home main article {
	font-size: 18px;
	line-height: 1.4em;
} 
.home main article h1 {
	color: #fff !important;
	margin-left: 0 !important;
	padding-bottom: 22px !important;
}
.single main .inner,
.category-1 main article,
.category-3 main article,
.category-4 main article,
.category-8 main article,
.category-9 main article {
	background-color: #66999957;
	color: #005385;
}

.inner article ul {
	padding-left: 16px;
	margin-bottom: 15px;
} 

.archive.category-produkte .inner article ul {
	padding-left: 0;
}

.line {
	position: absolute;
	left: 0;
	width: 100%;
}

.line-one {
	height: 10%;
	bottom: 30%;
}

.line-two {
	height: 20%;
	bottom: 10%;
}

.line-three {
	height: 10%;
	bottom: 0;
}

.line-one {
	background-color: #669999;
}
.category-2 .line-two,
.category-referenzen .line-two
.lila .line-two {
	background-color: #d57d38;
}
.orange .line-two {
	background-color: #9f3862;
}
.line-three {
	background-color: #d6dc44;
}

#images-wrapper img {
	width: 100%;
	height: auto;
}

h3,
h2 {
	font-size: 19px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 1.2em;
}

h3 {
	font-size: 16px;
}

.category-2 main section article h2,
.category-referenzen main section article h2,
.lila h2 {
	color: #fff;
}

/*.orange h2 {
 color: #d6dc44;
}*/

.sidebar {
	clear: both;
	background-color: #6ba3a3;
	overflow: hidden;
	margin-bottom: 30px;
	margin-left: -5.5%;
	margin-right: -5.5%;
	margin-top: -30px;
}

#galleriewrapper{
	clear: both;
}

.bx-wrapper img {
	width: 100%;
}

.image {
	position: relative;
	z-index: 500;
}

#image-1 {
	clear: both;
	display: block;
	float: none;
	left: 67%;
	min-width: 67px;
	width: 15%;
}

/*#image-2 {
	display: none;
}*/

#image-5,
#image-4,
#image-3 {
	display: block;
	height: 100%;
	left: 17%;
	width: auto;
}

#image-3 {
	left: 10%;
	width: 40%;
}

#image-4 {
	bottom: 0;
	left: 20%;
	width: 40%;
}

#image-5 {
	bottom: 0;
	left: 60%;
	width: 35%;
}

.home section .inner {
	padding-top: 0;
}

.home main article {
	width: 90%;
	padding: 30px 5%;
}

.home main .line {
	position: relative;
	clear: both;
	line-height: 0;
}

main article p {
	margin-bottom: 15px;
}

#line-wrapper {
	position: relative;
	/*max-width: 1200px;*/
	margin: 0 auto;
}

.line-two {
	height: 20%;
	left: 100%;
	opacity: 0;
	-webkit-animation: balken3 1s ease 0.3s forwards;
	animation: balken3 1s ease 0.3s forwards;
}

.home .line-two {
	 top: 15%;
	 height: 30%;
}

@-webkit-keyframes balken3 {
	from {
		left: 100%;
		opacity: 0;
		width: 50%;
	}
	to {
		left: 0;
		opacity: 1;
		width: 100%;
	}
}

@keyframes balken3 {
	from {
		left: 100%;
		opacity: 0;
		width: 50%;
	}
	to {
		left: 0;
		opacity: 1;
		width: 100%;
	}
}

#swipebox-overlay {
	background: rgba(255, 255, 255, 0.9) none no-repeat;
}

#swipebox-overlay .slide img {
	border: 5px solid #0069a6 !important;
}

#swipebox-bottom-bar, #swipebox-top-bar {
	background: #6ba3a3 none repeat scroll 0 0;
	opacity: 0.95;
	text-shadow: 1px 1px 1px #000;
}

#swipebox-close {
	background-color: #9f3862;
	background-position: 11px 8px;
	border-radius: 50%;
	height: 40px;
	right: 20px !important;
	top: 20px;
	width: 40px;
}


.card-wrapper {
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 15px;
	color: #000;
	float: right;
	margin-left: 20px;
	-webkit-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	transform: rotate(7deg);
	width: 40%;
	position: relative;
	min-height: 140px;
	margin-bottom: 10px;
	opacity: 0;
}

.card-item {
	display: table;
	opacity: 0;
	height: 140px;
	position: absolute;
	width: 100%;
	-webkit-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

.card-item.active {
	opacity: 1;
}

.card-item-inner {
	display: table-cell;
	height: 100%;
	font-size: 13px;
	line-height: 1.3em;
	padding: 0 10px;
	text-align: center;
	vertical-align: middle;
}
/*end content*/

/*group navigation*/


.menu {
	padding-top: 29px;
}

.nav-open nav {
	left:0 ;
}

/*nav ul li {
	list-style: none;
}


nav ul li a {
	color: #0069a6;
	display: block;
	padding: 10px 5%;
	text-decoration: none;
}
/*end navigation
nav ul li ul {
    display: none;
}
nav ul.submenu{
    width: 180px;
    padding: 0px 0px;
    margin: 0px;
    background: #fff;
    position: absolute;
    top:50px;
    left:0px;
    display:none;
 
    /*  Dropdown shadow 
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
}
nav ul.submenu li{
    padding: 0px;
    margin: 0px;
    display: block;
    float: none;
    border-bottom: 1px solid #eee;
    line-height: 40px;
    text-transform: none;
}
ul li ul li a {
    font-weight: 100 !important;
    margin-left: 28px;

}
nav ul li:hover ul {
    display: block;
    z-index: 9999999;
    position: absolute;
    width: 12%;
}


nav li:hover > ul{
    display:block;
    -moz-animation: fadeInDown .3s ease-in ;
    -webkit-animation: fadeInDown .3s ease-in ;
    animation:fadeInDown .3s ease-in ;
}
 
nav ul li:hover > ul{
    display:block;
    -moz-animation: fadeInLeft .3s ease-in ;
    -webkit-animation: fadeInLeft .3s ease-in ;
    animation:fadeInLeft .3s ease-in ;
} 


nav li ul li a:hover{
	transform: scale(1);
}
	nav ul {
		height: 50px;
	}
	nav ul li ul li {
    width: 100%;
    background-color: #fff;
    margin-left: 0;
}*/
nav ul {
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 0 #FFF;
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
nav li {
	margin: 0;
	padding: 0;
	position: relative;
}
nav a {
    background: #fff;
	color: #444;
	display: block;
	padding: 0 25px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

nav li:hover a {
    background: #fff;
}
nav li ul {
   float: left;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 35px;
	visibility: hidden;
	z-index: 1;
	width: 100%;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
nav .sub-menu {
	width: 200%;
	background-color: #fff;
}
nav ul li ul li a {
	margin-left: 11px;
	text-align: left;
}
nav li:hover ul {
    opacity: 1;
    visibility: visible;
}
nav li ul li {
    float: none;
    width: 100%;
}

/* Clearfix */

.cf:after, .cf:before {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}​

/*group Kontaktformular*/
.wpcf7-text, .wpcf7-text {
	border:none;
	padding: 4px;
	margin-top: 3px;
	width: 85%;
}
.wpcf7-textarea {
	border:none;
	padding: 4px;
	height: 120px;
	margin-top: 3px;
	width: 85%;
}
.wpcf7-submit {
	border: none;
	background: white;
	padding: 8px 15px 8px 15px;
}

/*end group Kontaktformular*/

/*group footer*/
.footer {
	clear: both;
	/*padding-top: 50px;*/
	display: block;
}
.footer-container {
	background: #0069a6;
}
.footer-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 40px 40px 40px;
	color: #fff;
	overflow: hidden;
}
.footer-inner p {
	padding-bottom: 20px;
}
.footer-inner .col-3 {
	width: 32%;
	display: inline-block;
	float: left;
	vertical-align: top;
}
.footer-inner .widget_nav_menu h3, .footer-inner .widget_nav_menu ul {
	padding-left: 25%;
	list-style: none;
}
#text-5 {
	padding-left: 25%;
	padding-top: 35px;
	opacity: 0.6;
}
.footer-inner .widget_nav_menu a {
	color: #fff;
	text-decoration: none;
	margin-bottom: 8px;
	display: inline-block;
}
/*end footer*/
.textwidget a {
    color: #fff;
    text-decoration: none;
}
input.wpcf7-form-control.wpcf7-submit {
    background-color: #fff;
    color: #0069a6;
    position: relative;
    top: -80px;
}

/*group memo*/
.deck-overlay {
	background: url(img/memo-images/deck.png) no-repeat;
	height: 99%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 92%;
	background-size: cover;
}

.memo-item {
	position: relative;
}

.memo-item img {
	width: 92%;
	height: auto;
}
/*end memo*/




@media only screen and (min-width: 600px){
	#image-2 {
		float: left;
		width: 31%;
		display: block;
	}
	
	.home main article {
    width: 59%;
		/*background: url(img/stadtmusikanten.png) no-repeat 95% 33px #9f3862;*/
		background-size: auto 90%;
	}

	.line-two.line .yeti {
		bottom: -4px;
		height: 100%;
		left: 6%;
		position: relative;
		width: auto;
		z-index: 500;
	}
	
	
	.delfin {
    left: 37%;
    position: absolute;
    top: 28px;
    width: 14%;
		opacity: 0;
		transition: opacity 1s ease 1s ;
	}
	
	.delfin.active {
		opacity: 1;
	}
	
	.category-produkte article {
		overflow: hidden;
	}
	
	.category-produkte article > div {
		float: left;
		width: 50%;
	}
	
	.category-produkte article > div:first-child {
		float: left;
	}
	
	#bilderwrapper{
		clear: none;
		float: left;
		width: 40%;
		background-color: #a7c2e0;
		overflow: hidden;
	}

	.single-post article {
		width: 54%;
	}
	
	
	.memo-inner {
		margin: 0 auto;
		overflow: hidden;
		width: 90%;
	}
	
	.memo-item {
    float: left;
    margin-bottom: 6px;
    width: 16.6%;
	}
	
	#game-points {
		float: left;
		width: 22.8%;
	}
	
	#game-points form {
		padding: 30px 15px;
	}
	
	#game-points span {
		clear: both;
		display: block;
	}
	
	#game-points label {
    display: inline-block;
    margin-bottom: 20px;
    width: 70px;
	}
	
	
	#game-points input {
    padding: 3px 0;
    text-align: center;
    width: 40%;
	}
}



@media only screen and (max-width: 1116px){
	#image-3 {
    margin-left: 5% !important;
	}
	
	.line-two.line .yeti {
		display: none;
	}
}
@media only screen and (max-width: 360px){
	.category #main .post .text-post{
	width: 100%;
	}
}


@media only screen and (max-width: 800px){
	.header:before {
    position: fixed;
    right: 0;
    top: 0;
		z-index: 600;
	}
	nav.extra-wrapper{
		height: 100%;
	}
	.header.header{
		margin-top: 50px;
	}
	.footer-inner .col-3, ​ .wpcf7-text, .wpcf7-text{
		width: 100%;
	}
	#images-wrapper {
    clear: both;
    float: right;
    overflow: hidden;
    width: 77.2%;
		background-color: #e8ea01;
		min-height: 600px;
	}
	
	#images-wrapper .bx-wrapper img {
    margin: 0 auto;
    width: auto !important;
	}
	
	.logo {
		position: relative;
		top: -20px;
	}
	
	
	.home main article p {
    line-height: 1.4em;
    max-width: 100%;
	}
	
	#memo-game {
		width: 96%;
	}
	
	#game-points {
		float: none;
		width: 100%;
	}
	
	#game-points span {
    clear: none;
    display: block;
    float: left;
    margin-right: 7%;
	}
	
	.memo-item {
    float: left;
    margin-bottom: 10px;
    width: 20%;
		overflow: hidden;
		line-height: 0;
	}
	
	.memo-inner {
		margin: 0 auto;
    overflow: hidden;
    padding-left: 1%;
    width: 99.5%;
	}
	
	/*group navigation*/
	nav {
		background-color: #a7c2e0;
		height: 100%;
		position: fixed;
		top: 0;
		left: -85%;
		width: 80%;
		z-index: 999;
		border-right: 8px solid #d57d38;
		-webkit-transition: left 0.25s ease;
		-moz-transition: left 0.25s ease;
		-ms-transition: left 0.25s ease;
		-o-transition: left 0.25s ease;
		transition: left 0.25s ease;
	}

nav li:hover ul, nav li:active ul{
	position: relative;
	display: block;
	top: 100%;
	-webkit-user-select: none; 
	-webkit-touch-callout: none;
}


nav .sub-menu{
	width: 100%;
}
	.menu {
		padding-top: 38px;
	}
	nav.nav.visible {
    	margin-top: 140px;
	}
	.nav-open nav {
		left: 0;
	}
	nav ul li {
		list-style: none;
	}
	nav ul{
		width: 100%;
	}
	nav ul li:first-child a {
		border-top: 2px solid #669999;
	}
	
	nav ul li a {
		border-bottom: 2px solid #669999;
		color: #0069a6;
		display: block;
		padding: 10px 5%;
		text-decoration: none;
	}



	/*end navigation*/
	
	.logo a img.logo-img.large {
		display: none;
	}

	.home main article p {
    line-height: 1.4em;
    max-width: 100%;
	}
}

@media only screen and (min-width: 801px){
	#images-wrapper {
		float: left;
		width: 22.8%;
		background-color: #a7c2e0;
		min-height: 600px;
	}
	
	.open-nav {
		display: none;
	}

	.category-1 main section .inner,
	.category-3 main section .inner ,
	.category-4 main section .inner ,
	.category-8 main section .inner ,
	.category-9 main section .inner {
		background-color: #e8ea01;
	}
	
	.home #images-wrapper {
		width: 21.4%;
	}
	
	.logo a img.logo-img.small {
		display: none;
	}
	
	nav {
    margin: 0 auto;
    max-width: 1200px;
	}
	
	
	nav li {
		float: left;
		margin-left: 25px;
	}
	nav.extra-wrapper li {
    	margin-left: 15px;
	}
	
	nav ul li a {
		color: #5ea0c7;
		font-size: 16px;
		padding: 0 0 20px;
		transform: scale(1);
		transition: all 0.25s ease;
		margin-left: 35px;
	}
	
	nav ul li a:hover {
		color: red;
		transform: scale(1.2);
	}
	
	nav ul li.current-post-ancestor a,
	nav ul li.current-menu-item a {
		color: #d57d38;
	}
	
	.home main article p {
		line-height: 1.4em;
	}
	
	.header::before {
		width: 30%;
		opacity: 0;
		transition: all 1.5s 0.5s ease;
	}
	
	.header.active::before {
		width: 67.15%;
		opacity: 1;
	}
	
	nav {
		opacity: 0;
		transition: opacity 0.5s ease;
	}
	
	nav.visible {
		opacity: 1;
	}
	
	.menu {
		padding-top: 0;

	}



	main section .inner article {
		position: relative;
		top: 0px;
		/*-webkit-animation: content 1s ease 0.5s forwards;
		animation: content 1s ease 0.5s forwards;*/
		height: 100%;
		max-height: 100%;
	}
	
	#images-wrapper .bx-controls {
		display: none;
	}
	
	.logo {
    margin: 0 auto;
    padding: 5px 0 0;
    max-width: 1200px;
		clear: both;
	}
}
	
	.home main .line {
			position: absolute;
	}
	
	main section .inner {
		/*max-width: 1200px;*/
		margin: 0 auto;
		height: 100%;
		left: 0;
		position: relative;
		/*-webkit-animation: balken1 1s ease forwards;
		animation: balken1 1s ease forwards;*/
	}
	.subpage .inner {
		max-width: 1200px;
	}

	
	.image {
		height: auto;
		float: left;
	}
	
	#image-3 {
    display: inline-block;
    left: 0;
    margin-left: 30%;
	}
	
	#image-3,
	#image-4,
	#image-5 {
		max-width: 250px;
		height: auto;
	}
	
	#image-4 {
		left: 5%;
		display: inline-block;
	}

	#image-5 {
   	left: auto;
    max-width: 200px;
    right: -12%;
    width: auto !important;
	}
	
	.wrapper .line-one {
    height: 10%;
		left: -40%;
		opacity: 0;
		/*-webkit-animation: balken2 1s ease 0.25s forwards;
		animation: balken2 1s ease 0.25s forwards;*/
	}
	
	.home .wrapper .line-one {
		 top: 0;
		 height: 15%;
	}
	
	@-webkit-keyframes balken2 {
		from {
			left: -40%;
			opacity: 0;
		}
		to {
			left: 0;
			opacity: 1;
			width: 100%;
		}
	}
	
	@keyframes balken2 {
		from {
			left: -40%;
			opacity: 0;
		}
		to {
			left: 0;
			opacity: 1;
			width: 100%;
		}
	}
	
	
	
	
	
	.line-three {
    height: 10%;
		width: 60%;
		opacity: 0;
		/*-webkit-animation: balken2 0.8s ease 0.5s forwards;
		animation: balken2 0.8s ease 0.5s forwards;*/
	}
	
	.home .line-three {
		top: 45%;
		height: 15%;
	}
	

	
/*	.line {
		width: 60%;
		left: 20%;
	}*/
	

	
	
	header::before {
    height: 40px;
    float: right;
    width: 0;
		left: auto;
	}
	
	.logo > a {
    padding-left: 5%;
	}
	
	main {
		clear: both;
		overflow: visible;
		margin-bottom: 30px;
	}
	
	.logo-img.large {
		margin-left: 18px;
		position: relative;
		top: -20px;
	}
	

	
	.image {
		line-height: 0;
	}
	
	.image img {
		width: 100%;
		height: auto;
	}
	
	#image-5 img {
		width: auto;
	}
	
	.image {
		opacity: 0;
		left: 30px;
		top: 20px;
		position: relative;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		overflow: hidden;
	}
	
	#image-2 {
		left: -40px;
		top: 20px;
	}
	

	
	#image-2.visible,
	.image.visible {
		opacity: 1;
		left: 0;
		top: 0;
	}
	.cat_img {
    width: 200px;
    height: 140px;
}
.cat_img img {
    width: 100%;
    height: 100%;
}
.category-9 main section article li {
    list-style: none;
    margin-bottom: 5px;
    width: 30%;
    float: left;
    min-height: 200px;
}

	.category-1 .bx-wrapper .bxslider li img,
	.category-3 .bx-wrapper .bxslider li img,
	.category-4 .bx-wrapper .bxslider li img,
	.category-8 .bx-wrapper .bxslider li img,
	.category-9 .bx-wrapper .bxslider li img,
	.image.visible img {
		/*-webkit-animation: scale 25s ease 0.25s infinite;
		animation: scale 25s ease 0.25s infinite;
		-webkit-transform: scale(1);
		transform: scale(1);*/
		position: relative;
		left: 0;
	}
	
	#image-4 img {
		-webkit-transform-origin: center top;
		-moz-transform-origin: center top;
		transform-origin: center top;
	}
	
	.category-1 .bx-wrapper .bxslider li:nth-child(2n+2) img,
	.category-3 .bx-wrapper .bxslider li:nth-child(2n+2) img,
	.category-4 .bx-wrapper .bxslider li:nth-child(2n+2) img,
	.category-8 .bx-wrapper .bxslider li:nth-child(2n+2) img,
	.category-9 .bx-wrapper .bxslider li:nth-child(2n+2) img,
	#image-2.visible img {
		/*-webkit-animation: scale 35s ease 0.5s infinite;
		animation: scale 35s ease 0.5s infinite;*/
	}
	
	#image-3.visible img {
		/*-webkit-animation: scale2 30s ease 1s infinite;
		animation: scale2 30s ease 1s infinite;*/
	}
	
	#image-5.visible img {
		/*-webkit-animation: scale2 20s ease 1s infinite;
		animation: scale2 20s ease 1s infinite;*/
	}
	
	.home .bx-wrapper a {
		text-decoration: none;
	}
	
	main article {
		padding: 30px 3%;
		width: 71.2%;
		height: auto;

	}
	
	.line-one {
    bottom: 30%;
    height: 10%;
    left: 20%;
	}
	
/*group animation */
@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		left: 0;
	}
	30% {
		-webkit-transform: scale(1.8);
		transform: scale(1.8);
	}
	
	40% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	
	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	
	80% {
		-webkit-transform: scale(2);
		transform: scale(2);
	}
	
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scale {
	0% {
		transform: scale(1);
		left: 0;
	}
	30% {
		transform: scale(1.8);
	}
	
	40% {
		transform: scale(1.3);
	}
	
	50% {
		transform: scale(1.5);
	}
	
	80% {
		transform: scale(2);
	}
	
	100% {
		transform: scale(1);

	}
}

@-webkit-keyframes scale2 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	30% {
		-webkit-transform: scale(1);
		transform: scale(1.2);
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(2);
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}


@keyframes scale2 {
	0% {
		transform: scale(1);
	}
	30% {
		transform: scale(1.2);
	}
	
	40% {
		transform: scale(2);
	}
	
	50% {
		transform: scale(1);
	}
	
	80% {
		transform: scale(1.5);
	}
	
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes balken1 {
	0% {
		left: -15%;
		opacity: 0;
	}
	50% {
		left: 0;
		opacity: 0.5;
	}
	
	100% {
		left: 0;
		opacity: 1;
	}
}

@keyframes balken1 {
	0% {
		left: -15%;
		opacity: 0;
	}
	50% {
		left: 0;
		opacity: 0.5;
	}
	
	100% {
		left: 0;
		opacity: 1;
	}
}

@-webkit-keyframes content {
	from {
		top: 500px;
		opacity: 0;
	}
	to {
		top: 0;
		opacity: 1;
	}
}

@keyframes content {
	from {
		top: 500px;
		opacity: 0;
	}
	to {
		top: 0;
		opacity: 1;
	}
}
@media only screen and (max-width: 920px){
	.footer-inner .widget_text, .footer-inner .widget_nav_menu{
		width: 100%;
	}
	.wpcf7-textarea, input.wpcf7-text, input.wpcf7-submit, button {
		width: 100%;
	}
	.footer-inner .widget_nav_menu h3, .footer-inner .widget_nav_menu ul{
		padding-left: 0%;
	}
	nav li{
		margin-left: 0px;
	}
	.footer-inner {
		padding: 40px 25px 40px 20px;
	}
	.portfolio {
		padding: 40px 18px 40px 18px;
	}
}
@media only screen and (max-width: 640px){
	#image-3 {
		margin-left: 0 !important;
	}
	.img-center, .img-bottom,.page_thumb{
		display: none;
	}
	.reference-item .beitragsbild-text{
		width: 100%;
	}
	#image-5, 
	#image-4, 
	#image-3 {
		float: left;
		width: 33.33% !important; 
		max-width: 33.33%;
		right: 0 !important;
	}
	
	#image-5 img, 
	#image-4 img, 
	#image-3 img {
		width: 100%;
		height: auto;
	}
	
	.header.active::before {
		width: 90%;
	}
	
	#bilderwrapper, 
	#images-wrapper {
    clear: none;
    float: right;
    overflow: hidden;
    width: 90%;
	}
	
	.single main .inner {
		background-color: #a7c2e0;
	}
	
	.single main .inner article {
		background-color: #e8ea01;
	}
	
	.logo {
		padding: 0;
		width: 80%;
	}
	.logo img{
		width: 100%;
	}
	.single-post main article,
	main article {
    padding: 30px 4%;
    width: 80.2%;
	}
	
	#image-2 {
		display: block !important;
		opacity: 1 !important;
		float: none;
		width: 100% !important;
		
	}
	
	.bx-viewport,
	.bx-viewport li,
	.bx-wrapper {
		max-height: 400px;
	}
	
	.delfin,
	.rotated-element {
		display: none !important;
	}
	.portfolio {
		padding-top: 0;
	}
	#main-wrapper, main {
		margin-bottom: 0 !important;
		margin-top: 30px;
	}
	
	.card-wrapper {
		width: 60%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#memo-game {
		width: 96%;
		padding: 15px 2%;
	}
	
	#game-points {
    float: none;
    overflow: hidden;
    padding: 10px 2%;
    width: 96%;
	}
	
	#game-points label {
		margin-right: 5px;
	}
	
	#game-points span {
		display: inline-block;
		margin-bottom: 5px;
	}
	
	.memo-item {
    	width: 33.33%;
	}
	
	.logo {
		top: 10px;
	}
	.category #main .post .text-post, .category #main .post:nth-child(2n+1) .text-post {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.category #main .post .image-post {
		width: 100%;
		padding-top: 30px;
	}
	.image-wrapper {
		margin-left: -36px;
	}
}

@media only screen and (max-width: 500px) {
	.card-wrapper {
		width: 100%;
	}
}

.rotated-element {
	background-color: #0069a6;
	border: 5px solid rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 0 !important;
	padding: 21px 16px;
	position: absolute;
	top: 36px;
	font-size: 15px;
	line-height: 16px;
	-webkit-transform: rotate(-200deg);
	-ms-transform: rotate(-200deg);
	transform: rotate(-200deg);
	left: -20%;
	opacity: 0;
	/*-webkit-animation: rotate 1s ease 1.5s forwards;
	animation: rotate 1s ease 1.5s forwards;*/
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(-200deg);
		left: -20%;
		opacity: 0;
	}
	to {
		-webkit-transform: rotate(-10deg);
		left: 3%;
		opacity: 1;
	}
}

@keyframes rotate {
	from {
		transform: rotate(-200deg);
		left: -20%;
		opacity: 0;
	}
	to {
		transform: rotate(-10deg);
		left: 3%;
		opacity: 1;
	}
}

#image-2 .bx-controls {
	opacity: 0;
}

.product-more {
	background-color: #0069a6;
	bottom: 0;
	color: #fff;
	display: block;
	line-height: 17px;
	padding: 8px 5% 9px;
	position: absolute;
	width: 90%;
}

.product-more i {
	font-size: 14px;
	position: absolute;
	right: 5%;
	top: 11px;
}