@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap');
*{margin: 0;padding: 0;box-sizing: border-box;}
body{font-family: 'Ropa Sans', sans-serif;background: #e2f0f9;}
img{max-width: 100%;}
h1,h2,h3,h4,h5,h6{font-weight: 400;font-family: 'Ropa Sans', sans-serif;margin-bottom: 15px;line-height: 1.1;}
p{font-weight: 400;font-family: 'Ropa Sans', sans-serif;margin-bottom: 15px;font-size: 18px;line-height: 24px;}
h3{font-size: 30px;}
h4{font-size: 28px;}
h5{font-size: 26px;}
h6{font-size: 24px;}

/* global css start */
.full_width{width: 100%;}
.container{max-width: 1460px;margin: 0 auto;}
.layout{position: relative;min-height: 100vh;}
/*.layout::after {content: "";position: absolute;background: url(../images/tree3.png) bottom right no-repeat;z-index: 1;width: 205px;height: 638px;background-size: cover;bottom: 0;pointer-events: none;}
.layout::before {content: "";position: absolute;background: url(../images/tree3.png) bottom left no-repeat;z-index: 1;width: 205px;height: 638px;background-size: cover;bottom: 0;right: 0;pointer-events: none;}*/

.main_content {background: #e2f0f9;}	
.main_content h1 {font-size: 46px;font-weight: 400;text-align: center;text-transform: uppercase;color: #332006;letter-spacing: 4.3px;}
.main_content h2 {font-size: 44px;text-align: center;color: #332006;text-transform: uppercase;letter-spacing: 4.3px;}

.btn_wrapper {border: 1px solid #e84142;display: inline-block;}
.btn {font-size: 24px;line-height: 1;text-decoration: none;display: inline-block;color: #fff;background: #e84142;padding: 8px 25px; transition: 0.4s;font-weight: 400;font-family: 'Ropa Sans', sans-serif;}
.btn:hover {background: #fff;color: #e84142;}
/* global css end */ 

/* ******************************* main css ***************************** */
.top_img img {width: 100%;height: auto;display: block;opacity: 0;visibility: hidden;}
.joy_img {width: 285px;margin: 0 auto 35px;padding-top: 50px;}
.joy_img a{display: block;}
.joy_img img{width: 100%;height: auto;display: block;}

.card_slider_content{position: relative;height: inherit;}
.card_slider_content .inner_card {padding: 33px 20px;height: 100%;}
.card_slider_content .inner_card .image{min-height: 113px;display: flex;align-items: center;}
.card_slider_content .inner_card img {width: auto;display: block;margin: 0 auto;}
.slick-track{display: flex !important;}
.card_slider_content .inner_card p {color: #fff;text-align: center;font-size: 34px;font-weight: 400;margin-top: 35px;}
.spenden_card{background: #1d69b2;}
.pass_card {background: #e84142;}
.apero_card {background: #0c4539;}
.osternest_card {background: #233263;}
.mittagesen_card {background: #e94189;}
.card_slider .slick-prev {background: url(../images/arrow.png) center center no-repeat;font-size: 0px;width: 27px;border: 0;height: 45px;position: absolute;top: 50%;left: -47px;transform: translateY(-50%) rotate(180deg) ;z-index: 10;cursor: pointer;}
.card_slider .slick-next {background: url(../images/arrow.png) center center no-repeat;font-size: 0px;border: 0;width: 27px;height: 45px;position: absolute;z-index: 10;right: -47px;top: 50%;cursor: pointer;transform: translateY(-50%);}
.slick-initialized .slick-slide {margin: 20px 12px;}
.over_lap_txt {transition: 0.2s;opacity: 0;visibility: hidden;position: absolute;padding:15px;z-index: 10;top: -15px;left: -25px; background: #fff;width: calc(100% + 50px);height: calc(100% + 30px);text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}
.card_slider_content:hover .over_lap_txt{opacity: 1;visibility: visible;}
.over_lap_txt h3 {font-size: 36px;margin-bottom: 10px;}
.over_lap_txt p {font-size: 20px;margin-bottom: 15px;}
.card_slider_wrapper.full_width{position: relative;z-index: 10;margin-bottom: 47px;}
.card_slider_content p:last-child{margin-bottom: 0;}
.over_lap_txt .textcenter{margin-left: 15px;}
.over_lap_txt .top_text{margin-bottom: 15px;}
.over_lap_txt .btn_wrapper span{cursor: pointer;}
.text_editor{margin-bottom: 35px;text-align: center;}
.footer{padding-bottom: 70px;padding-top: 12px;}
.logo_img{width: 242px;margin: 0 auto;}
.logo_img a{display: block;}
.logo_img img{height: auto;display: block;}
.tree_img {z-index: 2;width: 100%;position: absolute;bottom: 0;display: flex;justify-content: space-between;align-items: center;pointer-events: none;}
.tree_img img{display: block;}

/* pop up css start */
.pop_up{  background: rgba(35, 50, 99,0.8);width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 20;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;display: none;}
.pop_up .card{background: #e2f0f9;max-width: 700px;margin: 0 auto;padding: 60px;width: 100%;text-align: center;position: relative;box-shadow: 0px 0px 11px 4px rgba(35, 50, 99,0.5);}
.pop_up .card h4{font-size: 30px;letter-spacing: unset;}
.pop_up .top_text {margin-bottom: 30px;}
.pop_up .top_text h3 {color: #332006;font-size: 36px;margin-bottom: 2px;}
.pop_up .top_text p {color: #332006;font-weight: 400;}
.pop_up .top_text p br{display: none;}
.pop_up .field input{width: 100%;max-width: 410px;border: 1px solid #332006;padding: 10px;font-weight: 400;font-family: 'Ropa Sans', sans-serif;font-size: 18px;color: #332006;}
.pop_up .field textarea{width: 100%;max-width: 410px;height: 170px;border: 1px solid #233263;resize: none;padding: 10px;font-weight: 400;font-family: 'Ropa Sans', sans-serif;font-size: 18px;color: #332006;}
.pop_up .field.submit{margin-top: 20px;}
.pop_up .field.submit .btn-primary{color: #fff;background: #e84142;border: none;cursor: pointer;line-height: 1;font-size: 24px;max-width: 190px;text-align: center;padding: 12px;}
textarea:focus,input:focus{outline: none;}
::-webkit-input-placeholder {color: #bfbfbf;opacity: 1;}
:-ms-input-placeholder {color: #bfbfbf;}
::placeholder {color: #bfbfbf;}
.pop_up .cross{position: absolute;right: 20px;top: 20px;font-size: 24px;font-weight: 400;font-family: 'Ropa Sans', sans-serif;color: #233263;cursor: pointer;}
.pop_up .field.hide{display: none;}
.pop_up.show{display: flex;}
.stop_scroll{overflow: hidden;} 

.footer .rabbit_image{width: 100%;margin-top: 20px;}
.footer .rabbit_image img{width: 200px;display: block;margin: 0 auto;}
.footer{padding-bottom: 0 !important;}















/* responsive css*/
@media only screen and (max-width:19200px){
	.tree_img img {height: 300px;}
	}

@media only screen and (max-width:1600px){
	.container{max-width: 1080px;}
	.joy_img {width: 200px;}
	.main_content h1 {font-size: 40px;}
	.main_content h2 {font-size: 35px;}
	.card_slider_content .inner_card {padding: 25px 20px;}
	.card_slider_content .inner_card img {max-height: 85px;}
	.card_slider_content .inner_card p {font-size: 24px;margin-top: 30px;}
	.card_slider .slick-prev {left: -30px;background-size: 20px;}
	.card_slider .slick-next {right: -30px;background-size: 20px;}
	.logo_img {width: 200px;}
	.tree_img img {height: 300px;}
	.layout::after {width: 138px;height: 400px;}
	.layout::before {width: 134px;height: 400px;}
	.over_lap_txt h3 {font-size: 28px;margin-bottom: 20px;}
	.over_lap_txt p {font-size: 16px;margin-bottom: 15px;}
	.btn {font-size: 18px;padding: 10px 30px;}
}

@media only screen and (max-width:1200px){
	.container {max-width: 100%; padding: 0 40px;}
	.pop_up .card{padding: 40px;}
	.pop_up .card h4 {font-size: 27px;}
	.pop_up .top_text h3{font-size: 32px;}
	.pop_up .field textarea{height: 135px;}
	.pop_up .field.submit .btn-primary{font-size: 20px;max-width: 170px;padding: 12px;}
}

@media only screen and (max-width:1024px){
	.layout::after {width: 115px;height: 345px;}
	.layout::before {width: 111px;height: 345px;}
	.tree_img img {height: 172px;}
}

@media only screen and (min-width:768px){
	.top_img img.mob { display: none; }
}

@media only screen and (max-width:767px){
	.main_content h1 {font-size: 32px;}
	.main_content h2 {font-size: 30px;}
	 h3{font-size: 26px;}
	 h4{font-size: 24px;}
	 h5{font-size: 22px;}
	 h6{font-size: 20px;}

	.card_slider_content .inner_card {padding: 20px 10px;}
	.card_slider_content .inner_card p {font-size: 18px;margin-top: 15px;}
	.card_slider .slick-prev {left: -35px;}
	.card_slider .slick-next {right: -35px;}
	.layout::after {width: 104px;height: 304px;}
	.layout::before {width: 100px;height: 304px;}
	.tree_img img {height: 155px;}
	.over_lap_txt {padding: 15px;}
	.btn {font-size: 16px;padding: 5px 20px;}
	.pop_up .card{width: 90%;height: 90%;}
.pop_up .inner_text{overflow: auto;height: 100%;}
	
	.top_img.mob { background-image: url('../images/man-mob.jpg') !important; }
	.top_img img.desk { display: none; }
	.top_img img.mob { display: block; visibility: visible; opacity: 1; }

}

@media only screen and (max-width:600px){
	.top_img{min-height: 62px;}
	.tree_img {position: absolute;justify-content: space-between;margin-top: 25px;}
	.main_content{background: transparent;}
	.main_content .text_editor h1{letter-spacing: 0.4px;line-height: 1.2;}
	.main_content h2 {font-size: 32px;letter-spacing: 1.6px;line-height: 1.3;}
	.card_slider_content {margin: 20px 0;}
	.tree_img img {height: 200px;}
	.joy_img{width: 181px;padding-top: 40px;margin-bottom: 24px;}
	.over_lap_txt{width: calc(100% + 40px);height: calc(100% + 40px);top: -20px;left: -20px;box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.3);}
	.over_lap_txt h3 {font-size: 25px;}
	.over_lap_txt p {font-size: 18px;margin-bottom: 20px;}

	.layout::before {width: 100%;height: 100%;background-size: 331px;background-position: center bottom !important;}
	.layout::after {width: 100%;height: 100%;background-size: 331px;background-position: center top 50px !important;z-index: -1;bottom: unset;top: 0px;}
	.container{position: relative;z-index: 1;padding: 0 30px;}
	/* .container::before{content: ""; position: absolute;width: 100%;height: 100%;z-index: -1;background: url(../images/tree3.png)center no-repeat;top:0;background-size: 331px;left: 0;}*/
	.footer{padding-bottom: 50px;}
	.card_slider_wrapper.full_width{padding: 0 40px;margin-top: 10px;}
	.card_slider_content .inner_card p{font-size: 34px;}
	.card_slider_content .inner_card{min-height: 253px;}
	.footer{position: relative;z-index: 1;padding: 0 0 10px;}
	.logo_img{width: 242px;}
	.btn{font-size: 24px;}
	.over_lap_txt h3{font-size: 36px;}
	.pop_up .card{padding:40px 20px;}
	.pop_up .card h4{font-size: 24px;}
	.pop_up .cross{right: 10px;top: 10px;}
	.over_lap_txt .textcenter{margin-left: 0;}
	.over_lap_txt .top_text p br{display: none;}
	.tree_img img {
		height: 130px;
	  }
	  .footer .rabbit_image img{width: 145px;}
	  .footer .rabbit_image{margin-top: 13px;}


}

@media only screen and (max-width: 475px) {
	.card_slider_wrapper.full_width{padding: 0;margin-top: 10px;}
	.footer .rabbit_image img {
		width: 95px;
	  }

	  .tree_img img {
		height: 85px;
	  }
}