/*

 Theme Name: 	Krysalis 1.0

 Theme URI: 	https://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: 100%;

	max-width: 400px;

	height: auto;

	position: fixed;

	top: 30px;

	left: 25px;

	background-color: none;

	z-index: 1200;

}



#logo li {

	list-style: none;	

}



#main-navigation {

	width: 100%;

	max-width: 335px;

	position: fixed;

	top: 394px;

	left: 135px;

	z-index: 50;

}



#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: 160px;
		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:0 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: #757575;

	text-decoration: none;

}



.full-width-container a:hover {

	text-decoration: none;

}



#left {

	width: 567px;

	float: left;

	margin: 0;

	padding: 0;

}



#bonjour {

	/* width: 567px; */
	width: 100%;

	float: left;

}





#bonjour p {

	margin: 0;

	background-color: #fff;

	padding: 0 39px 39px 39px;

	letter-spacing: -0.015em;

}





#foto2 {

	width: 577px;

	/* float: left;	 */

}

 

#right {

	width: 577px;

	float: right;	

}



#foto1 {

	width: 577px;

	/* float: right;	 */

}

  

#info1 {

	width: 577px;

	float: left;

	/* background-color: #fff; */

	margin-top: 10px;

}

#info1 h3 {

	margin: 0;

	padding: 39px 39px 25px 39px;	

}



#info1 p{

	margin: 0;

	padding: 0 39px 39px 39px;

	letter-spacing: -0.005em;

	background-color: #fff; 

}



#info2 {

	width: 577px;

	float: left;

	background-color: #fff;

	margin-top: 10px;

}



#info2 h3 {

	margin: 0;

	padding: 25px 39px 20px 39px;	

}



#info2 p{

	margin: 0;

	padding: 0 39px 39px 37px;

	letter-spacing: -0.025em;

}


#info3 {

	width: 567px;

	float: left;

	background-color: #fff;

	margin-top: 10px;

}

#info3 h3 {

	margin: 0;

	padding: 39px 39px 25px 39px;	

}



#info3 p{

	margin: 0;

	padding: 0 39px 39px 39px;

	letter-spacing: -0.005em;

}




#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;
}

#kik {
	width: 378px;
	float: left;
	margin-left: 75px;
}

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

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

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

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

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

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

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


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

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



#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 p, #text_7 p{

	background-color: #fff;

}



#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 {
	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;

}

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

	padding: 0 37px 37px 35px;	

}



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

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

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



@media (max-width: 1820px) {

	

	#logo {

		top: 30px;

		left: 20px;

	}

	

	#main-navigation {

		left: 135px;

		top: 394px;

	}
	
	#dsgvo {
		left: 160px;
	}
	

	.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;
	}

	#kik {
	width: 359px;
	float: left;
	margin-left: 71px;
	}

	#klipp {
	width: 359px;
	float: left;
	margin-left: 10px;
	}

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

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

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

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

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

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

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



	#right_tarif {

		width: 	536px;

	}

	

	#left_tarif {

		margin: 0;

		width: 446px;

	}

	

	

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

		/* width: 490px;	 */
		width: 100%;

	}

	

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

		padding: 0 37px 37px 35px;	

	}



	section#creches {

		min-height: 590px;	

	}




	

	#left_contact {
		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: 255px;

		margin: auto;

		top: 300px;

		left: 98px;

	}

	

	#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: 123px;
	}

	
	#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 {
		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, #info3 p, #text_1 p, #text_2 p, #text_3 p, #text_4 p, #text_5 p, #text_6 p, #text_7 p {

		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, #info3 h3 {

		padding: 25px 25px 15px 25px;	

	}

	

	#logo {

		max-width:300px;

		margin:auto;

		top: 30px;

		left: 20px;

	}

	

	#main-navigation {

		max-width: 255px;

		margin: auto;

		top: 300px;

		left: 98px;

	}

	

	#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, #info3, #foto3, #foto4, #text_1, #text_2, #text_3, #text_4, #foto5  {

		/* width: 420px; */
		width: 100%;

	}

	

	

	#left_tarif {

		margin: 0;

		width: 384px;

	}

	

	#right_tarif {
		width: 456px;
	}

	

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

	#kik {
	width: 280px;
	float: left;
	margin-left: 50px;
	}

	#klipp {
	width: 280px;
	float: left;
	margin-left: 10px;
	}

	#bim {
	width: 280px;
	float: left;
	margin-left: 50px;
	margin-top: 10px;
	}
	
	#tick {
	width: 280px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	}

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

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

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


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


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

	

	#left_contact {
		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;	

	}
#main-navigation
}





@media (max-width: 1200px) {

	#logo {

		max-width:300px;

		margin:auto;

		top: 30px;

		left: 20px;

	}

	

	#main-navigation {

		max-width: 255px;

		margin: auto;

		top: 300px;

		left: 98px;

	}

	

	#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, #info3, #foto3, #foto4, #text_1, #text_2, #text_3, #text_4 {

		/* width: 390px; */
		width: 100%;

	}



	

	#left_tarif {

		margin: 0;

		width: 354px;

	}

	

	#right_tarif {

		width: 426px;

	}

	

	#left_contact {
		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: 255px;

		margin: auto;

		top: 300px;

		left: 97px;

	}

	

	#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; */
		width: 100%;

	}

	

	#right, #right_con, #right_tarif {

		width: 390px;

		float: left;

	}

	

	#foto1, #info1, #info2, #info3 {

		width: 390px;	

	}



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

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

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

	#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: 125px;

		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: 125px;

		margin: auto;

		top: 150px;

		left: 34px;

	}

	

	.container {

		margin-left: 160px;

		margin-right: auto;	

	}

	

	#main-navigation img {

		margin-bottom: 5px;	

	}
	
	#dsgvo {
		left: 30px;
		line-height: 13px;
	}

	
	#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;

	}





}

/* -------------------------------------------------------------------------------------------- */
/* pengpeng 2023 modifs
/* Attention : des modifications ont aussi dues être intégrées aux CSS existantes ci-dessus
/* -------------------------------------------------------------------------------------------- */

/* gTranslate Language Switcher */
#gTranslateLanguageSwitcher {
	position: fixed;
	top: 9px;
	right: 11px;
  }
  body.admin-bar #gTranslateLanguageSwitcher {
	top: 35px !important;
  }
  
  
  /* cacher le titre du formulaire d'inscription*/
  .page-id-1254 #main-navigation + h2 {
	  display: none;
  }
  
  /* typos titres */
  h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	font-family:  'Chewy', cursive;
	font-weight: 400;
	line-height: 20px;
	color: inherit;
	text-rendering: optimizelegibility;
	  letter-spacing: .3px;
  }
  
  h1, h2 {
	  font-size: 41px;
	  line-height: 48px !important;
  }
  
  h2.no-title {
	  height: 0;
	  line-height: 0 !important;
	  padding: 0px 0 35px 0 !important;
  }
  
  #text_1, #bonjour {
  /* 	margin-top: 10px; */
  }
  #text_3 {
  /* 	margin-top: 20px; */
  }
  #text_2, #text_4 {
  /* 	margin-top: 30px; */
  }
  
  .section-page h2 {
  background-color: #fff;
  padding: 20px 35px 45px;
  margin-bottom: 0;
  position: relative;
  text-align: center;
  /* text-transform: uppercase; */
  }
  
  .section-page h2:before {
	  content:"";
	  width: 100%;
	  height: 25px;
	  position:absolute;
	  display: block;
	  top:-20px;
	  left:0;
	  background-color: #ffcc00;
	  background:url('/wp-content/themes/krysalis/img/encoche-tuile-k.png') top center no-repeat;
	  background-size: 800px;
  }
  
  /* marges blocks */
  .switch {
	  margin-top: 35px;
  }
  
  #left > .switch:first-child {
	  margin-top:10px;
  }
   #left_tarif > .switch:first-child {
	  margin-top:20px;
  }
  #left_contact > .switch:first-child {
	  margin-top:20px;
  }
  
  
  /* blocs photo et vidéo */
  .photobloc {
  border: 10px solid #FFF;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  }
  
  
  .photobloc-out {
	  border: 10px solid #FFF;
	  margin: 0px 0 30px 0;
	  box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -webkit-box-sizing: border-box;
  }
  
  #foto4 {
	  margin-top: 10px
  }
  
  #foto2 ~ .switch {
	  margin-top: 15px;
  }
  
  #clip {border: solid 10px white; background-color: #ffffff;margin:10px 0}
  
  /* nouveaux blocs texte */
  /* .fran, .deu {
	  background-color: #fff;
  } */
  .fran ul {
	  padding: 0 32px 15px 32px;
	  line-height: 25px;
  }
  .fran ul li {
	  line-height: inherit;
	  margin-bottom: 10px;
  }
  
  .text_standard {
	  background-color: #fff;
  padding: 0 37px 37px 37px;
  }
  
  #creches .text_standard {
	  text-align: center;
	  font-weight: 400;
  }
  
  #creches .text_standard a {
	  color: rgb(233, 102, 93) !important;
  font-size: 14px;
	  font-weight: 600;
  }
  
  #karten .switch {
	width: 368px;
	float: left;
	margin: 0 15px 25px 0 !important;
  }
  
  #karten .switch h2 {
	  font-size: 37px;
  }
  
  #text_1, #text_2, #text_3, #text_4, #text_5, #text_6, #text_7, #text_8 {
	  background-color: #fff;
  } 
  /* variantes titres par section */
  .page-1 h1, .page-1 h2, .page-1 h3, .page-1 h4, .page-1 h5, .page-1 h6 {
	  color: #8db4e1;
  }
  .page-2 h1, .page-2 h2, .page-2 h3, .page-2 h4, .page-2 h5, .page-2 h6 {
	  color: rgb(247, 219, 86);
  }
  .page-3 h1, .page-3 h2, .page-3 h3, .page-3 h4, .page-3 h5, .page-3 h6 {
	  color: rgb(233, 102, 93);
  }
  .page-4 h1, .page-4 h2, .page-4 h3, .page-4 h4, .page-4 h5, .page-4 h6 {
	  color: #8db4e1;
  }
  .page-5 h1, .page-5 h2, .page-5 h3, .page-5 h4, .page-5 h5, .page-5 h6 {
	  color: rgb(247, 219, 86);
  }
  .page-6 h1, .page-6 h2, .page-6 h3, .page-6 h4, .page-6 h5, .page-6 h6 {
	  color:rgb(233, 102, 93);
  }
  
  
  /* couleur de fond par defaut pour les pages externes */
  body.page-template-default {
	  background-color: #8db4e1;
  }
  
  /* Boutons */
  .bouton-k {
	  color: #fff !important;
	  font-weight: 600;
	  background-color: #e9665d;
	  padding: 10px 15px;
	  border-radius: 5px;
	  margin: 0 auto;
	  display: block;
	  text-align: center;
  /* 	width: fit-content; */
	  margin: 0 25px;
  }
  
  /* menu de navigation principal */
  #main-menu ul, #main-menu li  {
	  list-style: none;
	  list-style-type: none;
	  margin: 0;
	  padding: 0 0 0px 0;
  }
  #main-menu a {
		font-family: 'Chewy', cursive;
	  font-weight: 400;
	  font-size: 30px;
	  line-height: 50px;
	  color: #FFF;
	  transition: all .3s;
	  letter-spacing: 2px;
  }
  #main-menu a:hover {
	  text-decoration: none;
	  color: #ffffff;
  }
  
  /* RS */
  #rs-icon {
	position: fixed;
	bottom: 92px;
	left: 158px;
	z-index: 555;
  }
  
  @media screen and (max-width:1499px) {
  #rs-icon {
	left: 123px;
  }
  }
  
  @media screen and (max-width:768px) {
	  #main-menu a {
	  font-size: 12px;
	  line-height: 16px;
	  letter-spacing: 1px;
  }
	  #rs-icon {
	left: 30px;
  }
		  #rs-icon a img {
	width: 32px;
		  height: 32px;
  }
  }
  @media screen and  (min-width:768px) and (max-width:1500px) {
	  #main-menu a {
	  font-size: 24px;
	  line-height: 42px;
	  letter-spacing: 2px;
  }
  }
  
  /* cacher le menu item Home */
  #menu-item-236 {
	  display: none;
  }
  
  /* formulaire */
  #autre-sitfam {
	  display:none;
  }
  #autre-sitfam.shown{
	  display: block;
  }

  /*-------------------------------------------------*/
  /* Datepicker */
  /*-------------------------------------------------*/

  .datepicker {
    position: relative;
}
.calender {
    box-sizing: border-box;
    position: absolute;
    width: 300px;
    height: 300px;
    border: 1px solid #eee;
    visibility: hidden;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    font-family: Helvetica, sans-serif;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    border-radius: 6px;
    padding: 8px;

	z-index: 500;
	background-color: #e9665c;
}
.calender a, calender a:hover {
	color:#FFF;
}
.calender .cal-caption {
	color: #FFF;
}
.calender > .sp-cal-title {
    padding-bottom: 10px;
    font-weight: bolder;
    font-size: 20px;
    height: 30px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.calender > .sp-cal-title > a {
    cursor: pointer;
    user-select: none;
}
.calender > .sp-cal-days {
    flex: 1;
    display: grid;
    grid-template-columns: repeat( 7, 1fr);
    justify-content: center;
    align-items: center;
    color: #777;
}

.calender > .sp-cal-days > a {
    width: 25px;
    height: 25px;
    padding: 3px 3px 3px 3px;
    font-size: 18px;
    line-height: 25px;
    border-radius: 6px;
    justify-self: center;
    align-self: center;
    text-align: center;
    cursor: pointer;
}
.calender > .sp-cal-days > a:hover {
    background-color: #bbdefb;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.calender > .sp-cal-label-days {
    height: 16px;
    font-size: 12px;
    font-weight: bolder;
    display: grid;
    grid-template-columns: repeat( 7, 1fr);
    justify-content: center;
    align-items: center;
    color:#FFF;
}

.calender > .sp-cal-label-days > span {
    justify-self: center;
    align-self: center;
}

.calender > .sp-cal-label-days > span:nth-child(1) {
    color: rgb(252, 67, 67);
}
.sp-cal-today {
    color: #333;
}