#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;	
} 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;	
} #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(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-regular-webfont.eot);
src: url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-regular-webfont.woff2) format('woff2'),
url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-regular-webfont.woff) format('woff'),
url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-regular-webfont.ttf) format('truetype'),
url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-regular-webfont.svg#asapregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'asapbold';
src: url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-bold-webfont.eot);
src: url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-bold-webfont.woff2) format('woff2'),
url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-bold-webfont.woff) format('woff'),
url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-bold-webfont.ttf) format('truetype'),
url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-bold-webfont.svg#asapbold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'asapbold_italic';
src: url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-bolditalic-webfont.eot);
src: url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-bolditalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-bolditalic-webfont.woff2) format('woff2'),
url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-bolditalic-webfont.woff) format('woff'),
url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-bolditalic-webfont.ttf) format('truetype'),
url(//www.krysalis.eu/wp-content/themes/krysalis/fonts/asap-bolditalic-webfont.svg#asapbold_italic) format('svg');
font-weight: normal;
font-style: normal;
} .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;
} .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(//www.krysalis.eu/wp-content/themes/krysalis/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;
} #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;
} .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(//www.krysalis.eu/wp-content/themes/krysalis/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;
} .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;
} .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: 100%;
float: left;
}
#bonjour p {
margin: 0;
background-color: #fff;
padding: 0 39px 39px 39px;
letter-spacing: -0.015em;
}
#foto2 {
width: 577px; }
#right {
width: 577px;
float: right;	
}
#foto1 {
width: 577px; }
#info1 {
width: 577px;
float: left; 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; }
#text_2, #foto3, #text_3, #text_4 {
margin-top: 10px;
width: 572px;
}
#text_2, #foto3 { }
#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;	
} @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: 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;	
} #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: 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: 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: 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;
} .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 { -moz-transform: scale(1) rotate(0deg) translate(0px); -webkit-transform: scale(1) rotate(0deg) translate(0px); -o-transform: scale(1) rotate(0deg) translate(0px); 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;
}
}   #gTranslateLanguageSwitcher {
position: fixed;
top: 9px;
right: 11px;
}
body.admin-bar #gTranslateLanguageSwitcher {
top: 35px !important;
} .page-id-1254 #main-navigation + h2 {
display: none;
} 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 { }
#text_3 { }
#text_2, #text_4 { }
.section-page h2 {
background-color: #fff;
padding: 20px 35px 45px;
margin-bottom: 0;
position: relative;
text-align: center; }
.section-page h2:before {
content:"";
width: 100%;
height: 25px;
position:absolute;
display: block;
top:-20px;
left:0;
background-color: #ffcc00;
background:url(//www.krysalis.eu/wp-content/themes/krysalis/img/encoche-tuile-k.png) top center no-repeat;
background-size: 800px;
} .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;
} .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}  .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;
} .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);
} body.page-template-default {
background-color: #8db4e1;
} .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; margin: 0 25px;
} #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-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;
}
} #menu-item-236 {
display: none;
} #autre-sitfam {
display:none;
}
#autre-sitfam.shown{
display: block;
}   .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;
}