/*

 Theme Name: 	Krysalis 1.0

 Theme URI: 	http://www.krysalis.eu

 Description: 	A minimal Wordpress Theme based on Minimable from Fedeweb

 Version: 		5.0

 Author: 		Fedeweb, adaption by heile Welt

 Author URI: 	http://www.heile-welt.net

 Tags: 			minimal,black,light,scrollable

 */



/*

 ===========================

 CONTENTS:



 01 General

 02 Menu

 03 Home Template

 04 Staff Template

 05 Gallery Template

 06 Portfolio Template

 07 Contact Template

 08 Fullwidth Template

 09 Product Template

 10 Blog Template

 11 Shortcodes

 12 Media queries

 ===========================

 */



/* ----------------------------------------------------------------------------------------------------------

 01 General ----------------------------------------------------------------------------------------

 ---------------------------------------------------------------------------------------------------------- */



#prepage {background:#fff;display:block;height:100%;overflow:hidden;position:absolute;right:0;top:0;bottom:0;left:0;width:100%;z-index:9998;}

body {

	background: #f9f9f9;

	font-family: 'asapregular', sans-serif;

	color: #000;

	font-size: 22px;

	line-height:26px;

	overflow-x: hidden;

}



h3 {

	font-family: 'asapbold', sans-serif;

	font-size: 22px;

	color: #8db4e1;

}



span.italic {

	font-family: 'asapbold_italic', sans-serif;

}



span.bold {

	font-family: 'asapbold', sans-serif;

	margin-top: 20px;

}



em {

	font-family: 'asapregular', sans-serif;

	font-style: normal;

	color: #000;

	font-size: 22px;

	line-height:26px;	

}



section#home, section#tarification {

	background-color: #8db4e1;

}



section#inscription {

	min-height: 540px;	

}



/* TYPOGRAPHY */

 



h1,h2,h3,h4,h5,h6 {

	font-weight:normal;

}





li, a, img {

	outline: none !important;

}



#logo {

	width: 400px;

	height: 375px;

	position: fixed;

	top: 50px;

	left: 126px;

	background-color: none;

	z-index: 1200;

}



#logo li {

	list-style: none;	

}



#main-navigation {

	width: 262px;

	position: fixed;

	top: 470px;

	left: 255px;

	z-index: 1300;

}



#main-navigation img {

	margin-bottom: 20px;

}



#main-navigation li {

	list-style: none;	

}



#main-navigation .active:before {

	content: '• ';

	float: left;

	font-size: 40px;

	color: #fff;

	margin-left: -20px;

	margin-top: 10px;

}


	#dsgvo {
		position: fixed;
		bottom: 45px;
		left: 290px;
		z-index: 555;
}

	
	#dsgvo a {
		color: #fff!important;
		font-size: 18px;
		text-decoration: none;
		border: none;
	}

	#dsgvo a:hover {
		text-decoration: none;
		border: none;
	}


.section-page {

	padding: 80px 0 50px 0;

	overflow: hidden;

	position:relative;

	background-size:cover;

	background-position:50% 0;

	background-repeat: no-repeat;

}

.last-section .full-width-container {

	opacity: 1!important;

}



.section-page .container {

	position:relative;

	z-index:3;

}



.border {

	border-top: 1px solid #f0f0f0;

	padding-top: 20px;

}

a {

	color:#01A3B2;

}

a:hover {

	text-decoration:underline;

	color:#01A3B2;

}

footer {

	margin-bottom:0px;

	background:#8db4e1;

	padding:0;

	color:#f1f1f1;

	position: relative;

	z-index: 2;

}

footer a {

	color:#fff;

}

.padding-top {

	margin-top:1px;

	margin-bottom:-1px;

}

input[type="text"],input[type="submit"],input[type="email"],textarea {

	 -webkit-appearance: none;

	 border:0;

	 border-radius:0;

}

.center {

	text-align: center;

}

.last-section {

	overflow:visible;

}

p {

	clear: both;

}



.video-bg {

	position: absolute;

	top: 0;

	left: 0;

	min-width: 100%;

	min-height: 100%;

}

#btn-menu-container .btn-navbar:focus {

	border: none;

	box-shadow: none;

	outline: none;

}



@font-face {

    font-family: 'asapregular';

    src: url('fonts/asap-regular-webfont.eot');

    src: url('fonts/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/asap-regular-webfont.woff2') format('woff2'),

         url('fonts/asap-regular-webfont.woff') format('woff'),

         url('fonts/asap-regular-webfont.ttf') format('truetype'),

         url('fonts/asap-regular-webfont.svg#asapregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'asapbold';

    src: url('fonts/asap-bold-webfont.eot');

    src: url('fonts/asap-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/asap-bold-webfont.woff2') format('woff2'),

         url('fonts/asap-bold-webfont.woff') format('woff'),

         url('fonts/asap-bold-webfont.ttf') format('truetype'),

         url('fonts/asap-bold-webfont.svg#asapbold') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'asapbold_italic';

    src: url('fonts/asap-bolditalic-webfont.eot');

    src: url('fonts/asap-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/asap-bolditalic-webfont.woff2') format('woff2'),

         url('fonts/asap-bolditalic-webfont.woff') format('woff'),

         url('fonts/asap-bolditalic-webfont.ttf') format('truetype'),

         url('fonts/asap-bolditalic-webfont.svg#asapbold_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}

/* ----------------------------------------------------------------------------------------------------------

 02 Menu ----------------------------------------------------------------------------------------

 ---------------------------------------------------------------------------------------------------------- */



.navbar .collapse {

	float: right;

	display: table;

	margin-right: 30px;

}

.navbar .collapse #nav-menu {

	display: table-cell;

	vertical-align: middle;

	float: none;

}

.navbar-inner {

	border:0;

}

.navbar-inverse .navbar-inner {

	background-color: transparent;

	background-image: none;

	border:none;

	box-shadow: none;

}





.navbar .nav > li > a {

	padding: 0px 0 0px 15px;

	font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;

	text-transform:uppercase;

	font-weight:400;

	box-shadow:none!important;

	text-shadow:none!important;

	color:#fff;

}

.navbar .nav > li {

	position: relative;

}

.navbar .nav > li > a:hover {

	background:transparent!important;

	box-shadow:none!important;

}

.navbar .nav > li.active > a {

	background:transparent!important;

	box-shadow:none!important;

}

.center-logo img {

	display:block;

	margin:auto;

}



.sub-menu {

	opacity: 0;

	visibility: hidden;

	z-index: -1;

	position: absolute;

	width: 170px;

	height: auto;

	padding: 10px;

	background:#ffffff; 

	list-style: none;

	left: 50%;

	margin-left: -85px;

	-webkit-transition: all 0.8s ease;

	-moz-transition: all 0.8s ease;

	-o-transition: all 0.8s ease;

	-ms-transition: all 0.8s ease;

	transition: all 0.8s ease;

	border: 1px solid #ccc;

}

.sub-menu li {

	text-align: center;

	line-height: 30px;

}

.sub-menu li a {

	display: block;

	color:#999;

	font-family: 'Open Sans', 'Verdana', 'Arial', sans-serif;

	font-size:13px;

	text-transform: uppercase;

}

.navbar .nav > li:hover > .sub-menu {

	opacity: 1;

	visibility: visible;

	z-index: 9;

}

.sub-menu .current-menu-item a {

	color:#999!important;

}

.cart-contents {

	float: right;

	color:#fff;

}

.cart-contents:hover {

	text-decoration: none;

}

.cart-contents .cart-icon {

	font-size: 18px;

	margin-right: 5px;

	color:#fff;

}

 

.navbar .btn-navbar .icon-bar {

	box-shadow: none;

	width: 25px;

	height: 3px;

	border-radius: 0;

}

/* ----------------------------------------------------------------------------------------------------------

 03 Home Template ----------------------------------------------------------------------------------------

 ---------------------------------------------------------------------------------------------------------- */



.full-home {

	width:100%;

	height:100%;

	display: table;

	padding:0!important;

	position:relative;

}



.full-home .container {

	padding:0 20px;

	display: table-cell;

	margin: auto;

	min-height: 100%;

	position: relative;

	text-align: center;

	vertical-align: middle;

	width: 100%;

}

.full-home .no-bubbles {

	height: 300px;

	margin-top: -150px;

}

#home-header {

	margin: auto;

	margin-bottom: 50px;

	max-width: 1170px;

	width: 100%;

	overflow: hidden;

}

#home-header .left-logo {

	float: left;

}

#logo-title {

	font-size:60px;

	text-align:left;

	font-family: 'NovecentowideBookBold';

	font-weight:normal;	

}

#mini-slogan {

	font-family: 'NovecentowideLightRegular';

	font-weight:normal;

	text-align:right;

	font-size:18px;

	padding-top:8px;

	float: right;

}

#slogan {

	display: block;

	overflow: hidden;

}

.three-big {

	height: 218px;

}

.two-big {

	height: 130px;

}

.one-big {

	height: 100px;

}

.big-title {

	font-family: 'NovecentowideLightRegular';

	text-align: center;

	padding-top: 0px;

	font-size: 50px;

	line-height:50px;

	margin-bottom: 20px;

	font-weight: normal;

	display:none;

}

#bubbles {

	margin-top: 60px;

}

.big-title span {

	background:#000;

	padding:3px 10px;

}

#nav-home ul {

    list-style: none;

    font-size: 0;

    margin: 0;

}

nav#nav-home ul li {

	display:inline-block;

	position:relative;

	margin-right: 20px;

	vertical-align: top;

}

nav#nav-home >div:last-child {

	margin-top: 20px;

}

nav#nav-home ul li:last-child {

	margin-right: 0;

}

.circle-menu {

	width: 150px;

	height: 150px;

	background: #01a3b2;

	-moz-border-radius: 85px;

	-webkit-border-radius: 85px;

	border-radius: 85px;

	text-align:center;

	color:#fff;

	display:table-cell;

	vertical-align:middle;

	margin:auto;

	position:relative;

	font-size:16px;

	z-index: 0;

	font-family: 'NovecentowideLightRegular';

	padding: 10px;

}

.label-link {

	position:relative;

	display:inline-block;

	color:#fff;

}

.spin-effect .label-link {

	-moz-transition: all 1s ease;

	-webkit-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.spin-effect .circle-menu:hover .label-link {

	-moz-transform:  rotate(360deg);

	-webkit-transform: rotate(360deg);

	-o-transform:  rotate(360deg);

	transform:  rotate(360deg);

	color:#fff;

} 

span.arrow {

	display:block;

	background:url(img/arrow.png) no-repeat;

	width:18px;

	height:9px;

	margin-left:-9px;

	position:absolute;

	bottom:20px;

	left:50%;

	z-index: 3;

}

#nav-home .custom-link span.arrow {

	display:none;

}



.ie8 .page-1 .container {

	padding:50px 0;

	position:relative;

	height:auto;

	width:1154px;

	top:auto;

	left:auto;

	margin-top:0;

	margin-left:auto;

}

/* ----------------------------------------------------------------------------------------------------------

 04 Staff Template ----------------------------------------------------------------------------------------

 ---------------------------------------------------------------------------------------------------------- */



#staff {

	overflow: hidden;

}

.col-title {

	font-size: 20px;

	font-weight: normal;

	line-height: 20px;

	font-style:normal;

	font-weight:300;

}

.tab-content {

	overflow: hidden;

}

.nav-tabs {

	border: 0;

}

.nav-tabs li a {

	border: 0;

	font-weight: normal;

	color: #ffffff!important;

	border-radius: 0;

	font-weight:300;

	text-transform:uppercase;

	margin-bottom:3px;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.nav-tabs > li > a:hover {

	color: #ffffff;

	border: 0!important;

	border-radius: 0;

}

.nav-tabs > .active > a {

	color: #ffffff;

	border: 0!important;

	border-radius: 0;

}

.nav-tabs > .active > a:hover {

	color:#fff;

}



/* ----------------------------------------------------------------------------------------------------------

 05 Gallery Template ----------------------------------------------------------------------------------------

 ---------------------------------------------------------------------------------------------------------- */



.magnifier {

	opacity: 1;

	position: relative;

	height: auto;

	display: block;

	-webkit-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

	-moz-transition: all 0s ease;

	text-align:center;

	z-index:9999;

}

.magnifier img {

	display: block;

}

.magnifier:hover {

	opacity: 0.7;

}

.magnifier:after {

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	opacity: 0;

	left: 0;

	top: 0;

	background: url('img/magnifier.png') center center no-repeat;

	-webkit-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

	-moz-transition: none;

}

.magnifier:hover:after {

	opacity: 1;

}

.gallery-content {

	margin-bottom:30px;

}



/* ----------------------------------------------------------------------------------------------------------

 06 Portfolio Template ----------------------------------------------------------------------------------------

 ---------------------------------------------------------------------------------------------------------- */



.filter {

	list-style:none;

	padding:0;

	margin:0;

	overflow:hidden;

}

.filter li {

	float:left;

}

.filter li.current a {

	background:#000000;

	border:0!important;

}

.portfolio-wrapper,.portfolio-detail-container,.portfolio-loading {

	clear:both;

}

.portfolio-wrapper {

	list-style: none;

	margin:30px 0 0 0;

	padding:0;

}

ul.portfolio-wrapper .item {

	position:relative;

}

#portfolio a.link-portfolio {

	color: #ffffff!important;

	text-decoration: none;

	font-weight: normal;

	padding: 8px 12px;

	margin-top: 20px;

	display: block;

	width: 94px;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	text-transform:uppercase;

}

.item-content {

	width: 100%;

	height: 100%;

	position: relative;

	cursor: pointer;

	display:inline-block;

}

.item {

	margin-bottom: 30px;

	display:block;

}

.item-content .piu {

	position:absolute;

	opacity:1;

	width: 46px;

	height: 20px;

	-moz-border-radius: 23px;

	-webkit-border-radius: 23px;

	border-radius: 23px;

	color:#fff;

	left:50%;

	top:50%;

	padding:13px 0;

	margin-left:-23px;

	margin-top:-23px;

	font-size:22px;

	text-align:center;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

	vertical-align:middle;

}

.info-wrapper {

	position:absolute;

	color:#fff;

	z-index: 2;

	display:block;

	width: 100%;

	height: 100%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	bottom:0;

	right:0;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	text-align:center;

	opacity:0;

}

.content-info {

	position:relative;

	width:100%;

	height:100%;

	display:table;

}



.info-wrapper .btn-more {

	width: 42px;

	height: 16px;

	-moz-border-radius: 23px;

	-webkit-border-radius: 23px;

	border-radius: 23px;

	color:#fff;

	padding:13px 0;

	border: 2px solid #fff;

	text-align: center;

	display: block;

	margin: auto;

	font-size: 22px;

	line-height: 16px;

}

.hidden-info {

	position:relative;

	vertical-align:middle;

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

}

.item-content:hover .piu {

	opacity:0;

}

.item-content:hover .info-wrapper {

	text-decoration:none;

	opacity:1;

	color:#fff;

}

.item-content:hover .hidden-info {

	opacity: 1;

	display:table-cell;

}

.portfolio-detail-container {

	display:block;

	height:100%;

}

.portfolio-item {

	position:relative;

}

.portfolio-item .vid {

	display:block;

	margin: 0 auto 30px auto;

	border:0;

}

.portfolio-item > img {

	display:block;

	margin:0 auto 30px auto;

	max-width:770px;

	width:100%;

}

.portfolio-item > img.full-img {

	width: auto;

	max-width: 100%;

}

.portfolio-item .portfolio-title {

	margin-bottom:20px;

	font-weight:300;

}

.button-controls {

	position:absolute;

	right:0;

	top:10px;

	list-style: none;

	margin:0;

	padding:0;

	overflow:hidden;

}

.button-controls li {

	margin-left:10px;

	float:left;

}

.button-controls .description-btn span, .button-controls .visit-link span {

	padding-top:11px;

}

.button-controls .close-item span {

	padding-top:10px;

}

.nav-control {

	font-weight:300;

	display: inline-block;

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #666;

	font-size: 20px;

	-webkit-border-radius: 80px;

	-moz-border-radius: 80px;

	-ms-border-radius: 80px;

	border-radius: 80px;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.nav-control:hover span{

	color:#fff;

	text-decoration:none;

}

.portfolio-item .carousel {

	margin-bottom:0px;

}

.portfolio-item .close-item {

}

.portfolio-item .description-item {

	display:none;

	position:absolute;

	top:8px;

	right:0;

	background:#fff;

	color:#666666;

	border-bottom:1px solid #d3d3d3;

	border-right:1px solid #f0f0f0;

	z-index: 1000;

}

.portfolio-item .description-item .content-item {

	padding: 55px 20px 20px 20px;

}

.portfolio-item .portfolio-link-wrapper {

	text-align:center;

}

.portfolio-item .portfolio-link-wrapper .link-portfolio {

	display:inline-block;

	margin:auto;

	text-align:center;

}

.portfolio-item .no-lightbox {

	display:block;

	position:relative;

	background:transparent;

	border:0;

	top:auto;

	right:auto;

}

.portfolio-item .no-lightbox .content-item {

	padding:0;

}

.portfolio-item .description-item img {

	margin:10px 0 20px 0;

}

.portfolio-item .description-item .content-item #close-content {

	position:absolute;

	right:20px;

	top:20px;

	font-size:20px;

}

.portfolio-carousel img {

	display:block;

	margin:auto;

}

a.arrow {

  display: inline-block;

  font-weight: 300;

  padding: 0;

  position: absolute;

  text-align: center;

  top: 50%;

  margin-top:-20px;

  margin-left:0;

}

a.arrow span{

	margin-top: 11px;

}

a.next-arrow {

	right:0;	

}

a.prev-arrow {

	left:0;

}

a.next-arrow span {

	margin-right: -2px;

}

a.prev-arrow span{

	margin-left:-2px;

}

.portfolio-loading {

	display:none;

	position:relative;

	margin-bottom:30px;

}

.portfolio-loading img {

	position:absolute;

	top:50%;

	left:50%;

}

#overlay {

	position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #000;

  filter:alpha(opacity=50);

  -moz-opacity:0.5;

  -khtml-opacity: 0.5;

  opacity: 0.5;

  z-index: 999;

  display:none;

}

.ie8 .info-wrapper {

	background-color: transparent;

}





/* ----------------------------------------------------------------------------------------------------------

 08 FULL WIDTH----------------------------------------------------------------------------------------

 ---------------------------------------------------------------------------------------------------------- */



.deu {

	display: none;

}



.section-page {
	min-height: 680px;	
}



.full-width .row {

	margin-bottom:20px;

}



.alignleft {

	float:left;

	margin: 0 20px 20px 0;

}

.alignright {

	float:right;

	margin: 0 0 20px 20px;

}

.aligncenter {

	display:block;

	margin:20px auto;

}

.alignnone {

	display:block;

	margin-bottom:20px;

}

.posts {

	margin:0px 0;

	padding:0;

	list-style: none;

}

.posts-image {

	position:relative;

}

.posts li {

	margin-bottom:30px;

}

.posts li h3 {

	line-height: 28px;

}

.posts li img {

	margin: 10px 0;

}



.pull-center {

	display:block!important;

	text-align:center;

}



.full-width-container .row > div{

	margin-top:30px;

}

.full-width-container h1 {

	margin: 30px 0 10px 0;

}



.full-width-container a {

	color: #9B9B9B;

	text-decoration: none;

}



.full-width-container a:hover {

	text-decoration: none;

}



#left {

	width: 567px;

	float: left;

	margin: 0;

	padding: 0;

}



#bonjour {

	width: 567px;

	float: left;

}





#bonjour p {

	margin: 0;

	background-color: #fff;

	padding: 0 39px 39px 39px;

	letter-spacing: -0.015em;

}





#foto2 {

	width: 567px;

	float: left;

	margin-top: 10px;	

}

 

#right {

	width: 577px;

	float: right;	

}



#foto1 {

	width: 577px;

	float: right;	

}

  

#info1 {

	width: 577px;

	float: right;

	background-color: #fff;

	margin-top: 10px;

}

#info1 h3 {

	margin: 0;

	padding: 39px 0 25px 39px;	

}



#info1 p{

	margin: 0;

	padding: 0 39px 39px 39px;

	letter-spacing: -0.005em;

}



#info2 {

	width: 577px;

	float: right;

	background-color: #fff;

	margin-top: 10px;

}



#info2 h3 {

	margin: 0;

	padding: 25px 0 20px 39px;	

}



#info2 p{

	margin: 0;

	padding: 0 39px 39px 37px;

	letter-spacing: -0.025em;

}



#left_con {

	width: 572px;

	float: left;

	margin: 0;

	padding: 0;

}



#text_1 {

	width: 572px;

	float: left;

}



#text_2, #foto3, #text_3, #text_4 {

	margin-top: 10px;

	width: 572px;

}



#text_2, #foto3 {

	float:left;	

}



#text_1 p, #text_2 p, #text_3 p, #text_4 p {

	margin: 0;

	padding: 0 39px 39px 39px;

	background-color: #fff;

}



#right_con {

	width: 572px;

	float: right;

	margin: 0;

	padding: 0;	

}



#karten	{
	width: 1229px;
	margin: 0 0 0 -50px;
}

#bim {
	width: 453px;
	float: left;
}

#tick {
	width: 378px;
	float: left;
	margin-left: 10px;
}

#flick {
	width: 378px;
	float: right;
}

#tatu {
	width: 378px;
	float: left;
	margin-top: 10px;
	margin-left: 75px;
}

#tam {
	width: 378px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

#platsch {
	width: 378px;
	float: right;
	margin-top: 10px;
}


#schnipp {
	width: 378px;
	float: left;
	margin-top: 10px;
	margin-left: 75px;
}

#ratz {
	width: 378px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}



#left_tarif {

	width: 572px;
	float: left;		

}



#right_tarif {

	width: 572px;

	float: right;	

}

#foto6 {
	width: 100%;
	}


#tab2, #tab3 {

	margin-top: 10px;

}



#text_5 p {

	padding: 0 39px 39px 39px;

	background-color: #fff;

	margin: 0;	

}



#text_6, #text_7 {

	margin-top: 10px;

	background-color: #fff;

	padding: 0 39px 39px 39px;

}



#text_6 h3, #text_7 h3 {

	padding: 22px 0 20px 0;

	margin: 0;

}



#text_5 p, #text_6 p {

	letter-spacing: -0.015em;

}



#text_7 p {

	letter-spacing: -0.005em;	

}



#left_contact {

	margin-top: 193px;

	width: 488px;

	float: left;	

}



#left_contact p {

	padding: 0 30px 30px 30px;

	margin: 0;

	background-color: #fff;	

}



#foto5 {

	width: 656px;

	float: right;	

}



#ins {

	width: 642px;

	margin: 0 auto;

}



#inscrip {

	width: 642px;

	margin: 0 auto;

}



#inscrip p{

	padding: 0 39px 39px 30px;

	background-color: #fff;

	margin: 0;

}



#formulaire {

	width: 642px;

	margin: 0 auto;

}



#formulaire_all {

	float: left;

	padding: 0 113px 39px 113px;

	background-color: #fff;		

}



#formulaire_fra {

	float: right;

	padding: 0 113px 38px 113px;

	background-color: #fff;		

}



#impressum {

	width: 910px;

	margin-left: 640px;

	margin-right: auto;

	padding: 39px 0 39px 0;

	color: #fff;

	font-size: 19px;	

}



#impressum h3 {

	text-align: center;

	padding-bottom: 30px;

	font-family: 'asapbold', sans-serif;

	color: #fff;

	font-size: 19px;	

}



#impressum  p{

	padding-bottom: 12px;

}



/* ----------------------------------------------------------------------------------------------------------

 12 Media Queries ----------------------------------------------------------------------------------------

 ---------------------------------------------------------------------------------------------------------- */



@media (max-width: 1820px) {

	

	#logo {

		top: 30px;

		left: 20px;

	}

	

	#main-navigation {

		left: 160px;

		top: 420px;

	}
	
	#dsgvo {
		left: 190px;
	}
	

	.container {

		margin-right: auto;

		margin-left: 470px;	

	}

	

	.container {

		width: 990px;	

	}

	

	.section-page {

		padding: 60px 0 50px 0;

	}

	

	#left, #right, #left_con, #right_con {

		width: 488px;

	}

	#karten {
	width: 799px;
	margin: 0 auto;
	}

	#bim {
	width: 430px;
	float: left;
	}

	#tick {
	width: 359px;
	float: right;
	}

	#flick {
	width: 359px;
	float: left;
	margin-top: 10px;
	margin-left: 71px;
	}

	#tatu {
	width: 359px;
	float: right;
	margin-top: 10px;
	margin-left: 0;
	}

	#tam {
	width: 359px;
	float: left;
	margin-top: 10px;
	margin-left: 71px;
	}
	
	#platsch {
	width: 359px;
	float: right;
	margin-top: 10px;
	}

	#schnipp {
	width: 359px;
	float: left;
	margin-top: 10px;
	margin-left: 71px;
	}

	#ratz {
	width: 359px;
	float: right;
	margin-top: 10px;
	}



	#right_tarif {

		width: 	536px;

	}

	

	#left_tarif {

		margin: 0;

		width: 446px;

	}

	

	

	#bonjour, #foto2, #foto1, #info1, #info2, #foto3, #foto4, #text_1, #text_2, #text_3, #text_4, #foto5 {

		width: 490px;	

	}

	

	#bonjour p, #info1 p, #info2 p, #text_1 p, #text_2 p, #text_3 p, #text_4 p, #text_5 p, #text_6, #text_7 {

		padding: 0 37px 37px 35px;	

	}



	section#creches {

		min-height: 590px;	

	}




	

	#left_contact {
		margin-top: 90px;
		width: 463px;
	}

	#left_contact p {

		padding: 0 25px 25px 25px;			

	}

	

	#foto5 {

		width: 517px;

		float: right;

		}

		

	section#contact {

		min-height: 600px;

	}

	

	#impressum {

		margin-left: 470px;

		margin-right: auto;

		padding: 39px 0 39px 0;

		color: #fff;

		font-size: 19px;	

	}

	

	#inscrip, #formulaire {

		width: 642px;

	}

	

	#inscrip p{

 		padding: 0 39px 39px 27px;

	}

	



}



@media (max-width: 1499px) {

	#logo {

		max-width:300px;

		margin:auto;

		top: 30px;

		left: 20px;

	}

	

	#main-navigation {

		max-width: 175px;

		margin: auto;

		top: 330px;

		left: 115px;

	}

	

	#main-navigation img {

		margin-bottom: 10px;	

	}

	

	#main-navigation .active:before {

	content: '• ';

	float: left;

	font-size: 28px;

	color: #fff;

	margin-left: -15px;

	margin-top: 2px;

	}
	
	#dsgvo {
		left: 144px;
	}

	
	#dsgvo a {
		font-size: 16px;
	}

	

	.container {

		margin-left: 360px;

		margin-right: auto;	

	}

	.container {

		width: 990px;	

	}

	

	.section-page {

		padding: 60px 0 50px 0;

	}

	

	#left, #right, #left_con, #right_con {

		width: 490px;

	}

	

	#left_contact {
		margin-top: 90px;
		width: 463px;
	}

	

	#foto5 {

		width: 517px;

		float: right;

		}

		

	#impressum {

		margin-left: 360px;

		margin-right: auto;

		padding: 39px 0 39px 0;

		color: #fff;

		font-size: 19px;	

	}

	

	#inscrip p{

 		padding: 0 39px 39px 25px;

	}

	

	

}



@media (max-width: 1350px) {

	body {

		background: #f9f9f9;

		font-family: 'asapregular', sans-serif;

		color: #000;

		font-size: 19px;

		line-height:23px;

		overflow-x: hidden;

	}

	

	#bonjour p, #info1 p, #info2 p, #text_1 p, #text_2 p, #text_3 p, #text_4 p, #text_5 p, #text_6, #text_7 {

		padding: 0 25px 25px 28px;	

	}

	

	#left_contact p {

		padding: 0 25px 25px 22px;			

	}

	

	h3 {

		line-height: 22px;

		font-size: 19px;

		padding: 25px 25px 15px 25px;

	}

	

	#info1 h3, #info2 h3 {

		padding: 25px 25px 15px 25px;	

	}

	

	#logo {

		max-width:300px;

		margin:auto;

		top: 30px;

		left: 20px;

	}

	

	#main-navigation {

		max-width: 175px;

		margin: auto;

		top: 330px;

		left: 115px;

	}

	

	#main-navigation img {

		margin-bottom: 10px;	

	}

	

	.container {

		margin-left: 360px;

		margin-right: auto;	

	}

	.container {

		width: 850px;	

	}

	

	.section-page {

		padding: 60px 0 50px 0;

	}

	

	#left, #right, #left_con, #right_con {

		width: 420px;

	}

	

	#bonjour, #foto2, #foto1, #info1, #info2, #foto3, #foto4, #text_1, #text_2, #text_3, #text_4, #foto5  {

		width: 420px;

	}

	

	

	#left_tarif {

		margin: 0;

		width: 384px;

	}

	

	#right_tarif {
		width: 456px;
	}

	

	#karten {
	width: 625px;
	margin: 0 auto;
	}

	#bim {
	width: 335px;
	float: left;
	}
	
	#tick {
	width: 280px;
	float: right;
	}

	#flick {
	width: 280px;
	float: left;
	margin-top: 10px;
	margin-left: 56px;
	}

	#tatu {
	width: 280px;
	float: right;
	margin-top: 10px;
	}

	#tam {
	width: 280px;
	float: left;
	margin-top: 10px;
	margin-left: 56px;
	}
	
	#platsch {
	width: 280px;
	float: right;
	margin-top: 10px;
	}


	#schnipp {
	width: 280px;
	float: left;
	margin-top: 10px;
	margin-left: 56px;
	}


	#ratz {
	width: 280px;
	float: right;
	margin-top: 10px;
}

	

	#left_contact {

		margin-top: 123px;

		width: 343px;

	}

	

	#foto5 {

		width: 497px;

		float: right;

		}

		

	section#contact {

		min-height: 500px;

	}

	#ins {

		width: 476px;

	}

	#inscrip, #formulaire {

		width: 476px;

	}



	#inscrip p{

 		padding: 0 39px 39px 23px;

	}

	

	#formulaire_all {

	float: left;

	padding: 0 71px 39px 72px;

	}



	#formulaire_fra {

	float: right;

	padding: 0 72px 38px 71px;

	}

	

	#impressum {

		width: 850px;

		margin-left: 360px;

		margin-right: auto;

		padding: 39px 0 39px 0;

		color: #fff;

		font-size: 19px;	

	}

}





@media (max-width: 1200px) {

	#logo {

		max-width:300px;

		margin:auto;

		top: 30px;

		left: 20px;

	}

	

	#main-navigation {

		max-width: 175px;

		margin: auto;

		top: 330px;

		left: 115px;

	}

	

	#main-navigation img {

		margin-bottom: 10px;	

	}

	

	.container {

		margin-left: 360px;

		margin-right: auto;	

	}

	.container {

		width: 790px;	

	}

	

	.section-page {

		padding: 60px 0 50px 0;

	}

	

	#left, #right, #left_con, #right_con {

		width: 390px;

	}

	

	#bonjour, #foto2, #foto1, #info1, #info2, #foto3, #foto4, #text_1, #text_2, #text_3, #text_4 {

		width: 390px;

	}



	

	#left_tarif {

		margin: 0;

		width: 354px;

	}

	

	#right_tarif {

		width: 426px;

	}

	

	#left_contact {

		margin-top: 90px;

		width: 305px;

	}

	

	#foto5 {

		width: 475px;

		float: right;

		}

	

	#ins {

		width:390px;

	}

		

	#inscrip, #formulaire {

		width: 390px;

	}

	

	#inscrip p{

 		padding: 0 39px 39px 20px;

	}

	

	#formulaire_all {

	float: left;

	padding: 0 50px 39px 50px;

	}



	#formulaire_fra {

	float: right;

	padding: 0 50px 38px 50px;

	}

		

	#impressum {

		width: 790px;

		margin-left: 360px;

		margin-right: auto;

		padding: 39px 0 39px 0;

		color: #fff;

		font-size: 19px;	

	}

}



@media (max-width: 1175px) {

	#logo {

		max-width:300px;

		margin:auto;

		top: 30px;

		left: 20px;

	}

	

	#main-navigation {

		max-width: 175px;

		margin: auto;

		top: 330px;

		left: 115px;

	}

	

	#main-navigation img {

		margin-bottom: 10px;	

	}

	

	.container {

		margin-left: 360px;

		margin-right: auto;	

	}

	.container {

		width: 390px;	

	}

	

	.section-page {

		padding: 60px 0 50px 0;

	}

	

	#left, #left_con, #left_tarif {

		width: 390px;

		float: left;

	}

	

	#bonjour, #foto2 {

		width: 390px;

	}

	

	#right, #right_con, #right_tarif {

		margin-top: 10px;

		width: 390px;

		float: left;

	}

	

	#foto1, #info1, #info2 {

		width: 390px;	

	}



	#karten {
	width: 401px;
	margin: 0 0 0 -6px;
	}

	#bim {
		width: 401px;
		float: left;	
	}

	#tick {
	width: 335px;
	float: left;
	margin-top: 10px;
	margin-left: 66px;
	}
	
	#flick {
	width: 335px;
	float: left;
	margin-top: 10px;
	margin-left: 66px;
	}

	#tatu {
	width: 335px;
	float: left;
	margin-top: 10px;
	margin-left: 66px;
	}

	#tam {
	width: 335px;
	float: left;
	margin-top: 10px;
	margin-left: 66px;
	}

	#platsch {
	width: 335px;
	float: left;
	margin-top: 10px;
	margin-left: 66px;
	}
	

	#schnipp {
	width: 335px;
	float: left;
	margin-top: 10px;
	margin-left: 66px;
	}


	#ratz {
	width: 335px;
	float: left;
	margin-top: 10px;
	margin-left: 66px;
	}

	

	#left_contact {
		margin: 0;
		width: 298px;
	}

	

	#foto5 {

		width: 390px;

		margin-top: 10px;

		float: left;

	}

	

	#formulaire_all {

		float: left;

		padding: 20px 147px 20px 148px;

	}

	

	 #formulaire_fra {

		float: left;

		padding: 20px 148px 20px 147px;

	 }

	

	#impressum {

		width: 390px;

		margin-left: 360px;

		margin-right: auto;

		padding: 39px 0 39px 0;

		color: #fff;

		font-size: 19px;	

	}

	

}





@media (max-width: 979px) and (min-width: 767px) {

	

	

	.feature-title {

		font-size: 29px!important;

	}

	.navbar .nav {

		float: left;

	}

	.home-col h2 {

		font-size: 30px!important;

		line-height: 30px!important;

	}

	.big-title {

		font-size:40px!important;

		line-height: 40px!important;

	}

	.circle-menu {

		font-size:12px!important;

	}

}





@media (max-width: 979px) {

	.navbar,.navbar, .cart-contents {

		line-height: 60px!important;

	}

	.navbar .collapse #nav-menu, #mini-logo a, .cart-contents, .cart-contents span {

		height: 60px!important;

	}

	#mini-logo img {

		height: auto!important;

		max-height: 30px;

	}

	.home-section {

		height: auto!important;

	}

	.navbar .collapse {

		display: inline;

		float: left;

		margin-right: 0;

		width: 100%;

	}

	#btn-menu-container {

		display: table;

		float: right;

	}



	.navbar-fixed-top, .navbar-fixed-bottom {

		position: fixed;

		-webkit-transform: translateZ(0);

	}

	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {

		padding: 0;

	}

	.nav-collapse ul {

		margin-top:10px;

		padding-top:20px;

	}

	.nav-collapse ul li {

		padding-bottom:20px;

	}

	.nav-collapse ul > li > a {

		padding: 0px 10px 0px!important;

		line-height: 14px!important;

		height: auto!important;

	}

	.nav-collapse ul > li:hover > .sub-menu {

		top:auto!important;

		left:auto!important;

	}

	.sub-menu {

		visibility: visible;

		z-index: 9;

		opacity: 1;

		background: transparent;

		margin-left: 10px;

		border: 0;

		top:auto!important;

		left: auto;

		position: relative;

		padding: 0;

		margin-top:0!important;

		padding-top: 10px!important;

	}

	.sub-menu li {

	text-align: left;

	line-height: 10px;

	padding-bottom: 10px!important;

	}

	.nav-collapse ul > li > .sub-menu > li > a {

		display: block;

		text-transform: uppercase;

	}

	.sub-menu li a:hover {

		text-decoration: none;

	}

	nav#nav-home ul li {

		width: 104px;

	}

	.circle-menu {

		height:84px;

	}

	#blog {

		padding-top:10px;

	}

	

	

	.single-post .meta-info ul {

		padding:46px 0;

		height:93px;

	} 

	.meta-info li .label-meta {

		display:none;

	}

	.meta-info li.tags {

		width:100px;

		white-space:nowrap;

	  overflow:hidden;

	  text-overflow:ellipsis;

	  -o-text-overflow:ellipsis;

	}

	.carousel-inner img {

		width:80%;

	}

	.section-page {

		padding: 60px 0 50px 0!important;

		background-position:50% 0!important;

	}

	

	

	.home-section {

		padding: 80px 0px 80px 0px!important;

	}

}

@media (max-width: 767px) {

	body {

		padding:0;

	}

	#logo {

		max-width:200px;

		margin:auto;

		top: 30px;

		left: 20px;

	}

	

	#main-navigation {

		max-width: 131px;

		margin: auto;

		top: 230px;

		left: 85px;

	}



	#main-navigation .active:before {

	content: '• ';

	float: left;

	font-size: 10px;

	color: #fff;

	margin-left: -10px;

	margin-top: 2px;

	}

	

	.container {

		margin-left: 250px;

		margin-right: auto;	

	}

	

	#main-navigation img {

		margin-bottom: 10px;	

	}

	

	.full-home .container {

		width:auto;

		position:relative;

		padding:0;

		top:auto;

		left:auto;

		margin:0;

	}

	footer {

		padding-left:20px;

		padding-right:20px;

	}

	.big-title {

		font-size: 30px!important;

		line-height: 40px!important;

		margin-bottom: 10px;

	}

	.three-big,.two-big,.one-big   {

		height: auto;

	}

	.section-title {

		font-size: 30px!important;

		line-height: 30px!important;

		margin-bottom: 20px;

	}

	.navbar .nav {

		float: left;

	}

	#slogan {

		margin: 30px 0;

	}

	#contact-info {

		clear: both;

		margin-top: 80px;

	}

	#logo img {

		display:block;

		margin:auto;

	}

	#mini-slogan {

		text-align:center;

		float:none;

		line-height:20px;

	}

	

	#impressum {

		margin-left: 250px;

		margin-right: auto;

	}

	

	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {

		margin: 0;

	}

	#home-header {

		margin-bottom:30px;

	}

	nav#nav-home ul li {

		width:170px;

		margin:20px auto 0!important;

		display: block;

	}

	.circle-menu {

		width:150px;

		height:150px;

	}

	.magnifier {

		opacity: 1;

		position: relative;

		height: auto;

		display: block;

		-webkit-transition: none;

		-moz-transition: none;

		-o-transition: all 0 ease;

		transition: none;

		text-align:center;

		z-index:9999;

		margin: auto;

	}

	.magnifier img {

		display:block;

		margin: auto;

	}

	.magnifier:hover {

		opacity: 1;

	}

	.magnifier:after {

		content: '';

		display: none;

		width: 100%;

		height: 100%;

		position: absolute;

		opacity: 0;

		left: 0;

		top: 0;

		background: transparent;

		-webkit-transition: none;

		-moz-transition: none;

		-o-transition: all 0 ease;

		transition: none;

	}

	#portfolio a.link-portfolio ,.item-content .piu {

		-webkit-transition: none;

		-moz-transition: none;

		-o-transition: all 0 ease;

		transition: none;

	}

	.magnifier:hover:after {

		opacity: 0;

	}

	ul.portfolio-wrapper .item{

		width:270px;

		margin-left:auto;

		margin-right: auto;

	}

	ul.portfolio-wrapper .item img {

		width:auto;

	}

	.home-section {

		padding-left: 0!important;

		padding-right:0!important;

	}

	.carousel-inner img {

		width:100%;

	}

	.nav-control {

		width: 30px;

		height: 30px;

		font-size: 14px;

		-webkit-border-radius: 18px;

		-moz-border-radius: 18px;

		-ms-border-radius: 18px;

		border-radius: 18px;

		line-height: 30px;

		margin-right:5px;

		margin-bottom:10px;

		position:relative;

	}

	.button-controls li {

		margin-left:0px;

		margin-right:3px;

	}

	.button-controls {

		position:relative;

		top:auto;

	}

	.button-controls .description-btn span, .button-controls .visit-link span {

		padding-top:9px;

	}

	.button-controls .close-item span {

		padding-top:8px;

	}

	.close-item,.description-btn,.visit-link {

		top:auto;

		right:auto;

	}

	a.arrow {

		bottom:-15px;

		margin:0;

		top:auto;

		position:absolute;

	}

	a.arrow span {

		margin-top: 9px;

	}

	#image-data img {

		width:100%;

	}

	.single-post .meta-info ul {

		padding:10px 24px;

		height:auto;

	}

	.single-post .meta-info ul li {

		display:inline-block;

		margin-right:15px;

	}

	.single-post .meta-info ul li:last-child {

		margin-right: 0;

	}

	.excerpt-meta {

		position:relative;

	}

	.excerpt-meta .excerpt {

		margin-top:20px;

	}

	.excerpt p {

		border:0;

		padding:0;

	}

	.blog-article .meta-info {

		position:absolute;

		top:-18px;

		padding:0;

	}

	.blog-article .meta-info li {

		display:inline-block;

		margin-right:20px;

		overflow:hidden;

	}

	.blog-article .meta-info li.tags {

		display:none;

	}

	.social-post {

		float:none;

		margin-top:10px;

	}

	.single-tags {

		float:none;

		margin-bottom:20px;

	}

	#sidebar {

		margin-top:40px;

	}

	.product-container > div {

		width: 100%;

	}

	.product-container > .left-product {

		margin-top: 60px;

	}

	.product-name span {

		display: block;

	}

	.cart-buttons .button {

		margin-bottom: 10px!important;

	}

	.woocommerce .button,.woocommerce input[type="text"] {

		width: 100%!important;

	}

	.woocommerce #coupon_code {

		margin-bottom: 5px!important;

	}

	.woocommerce .calculated_shipping th {

		width: 35%;

		vertical-align: top;

		text-align: left;

	}

	.cart-totals, .shipping-form {

		width: 100%;

	}

}

@media only screen 

	and (min-device-width : 768px) 

	and (max-device-width : 1024px) 

	and (orientation : landscape) {

	.circle-menu:hover .label-link {

		/* Firefox */

		-moz-transform: scale(1) rotate(0deg) translate(0px);

		/* WebKit */

		-webkit-transform: scale(1) rotate(0deg) translate(0px);

		/* Opera */

		-o-transform: scale(1) rotate(0deg) translate(0px);

		/* Standard */

		transform: scale(1) rotate(0deg) translate(0px);

		color:#fff;

	}

	.nav-collapse {

		display:block!important;

	} 

}

@media only screen and (max-device-width: 1024px) {

	.content-info {

		display:none!important;

	}

	.info-wrapper {

		background:transparent!important;

	}

	.section-page {

		background-attachment:scroll!important;

	}

	.img-circle {

		border-top-left-radius: 499px;

	}

}



@media (max-width: 768px) {

	body {

		padding:0;

	}

	#logo {

		max-width:140px;

		margin:auto;

		top: 20px;

		left: 10px;

	}

	

	#main-navigation {

		max-width: 75px;

		margin: auto;

		top: 160px;

		left: 55px;

	}

	

	.container {

		margin-left: 160px;

		margin-right: auto;	

	}

	

	#main-navigation img {

		margin-bottom: 5px;	

	}
	
	#dsgvo {
		left: 30px;
	}

	
	#dsgvo a {
		font-size: 10px;
	}

	

	.full-home .container {

		width:auto;

		position:relative;

		padding:0;

		top:auto;

		left:auto;

		margin:0;

	}

	footer {

		padding-left:20px;

		padding-right:20px;

	}

	.big-title {

		font-size: 30px!important;

		line-height: 40px!important;

		margin-bottom: 10px;

	}

	.three-big,.two-big,.one-big   {

		height: auto;

	}

	.section-title {

		font-size: 30px!important;

		line-height: 30px!important;

		margin-bottom: 20px;

	}

	.navbar .nav {

		float: left;

	}

	#slogan {

		margin: 30px 0;

	}

	#contact-info {

		clear: both;

		margin-top: 80px;

	}

	#logo img {

		display:block;

		margin:auto;

	}

	#mini-slogan {

		text-align:center;

		float:none;

		line-height:20px;

	}

	

	#impressum {

		margin-left: 160px;

		margin-right: auto;

	}



}