.kalendere{display:none;position:relative;width:100%;height:auto;min-height:calc(100vh - 45px);text-align:center;}
.kalendere .background{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.kalendere .background .img{position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;opacity:0;transition:opacity .8s ease-in-out;object-fit:cover;}
.kalendere .centered{position:relative;width:100%;max-width:960px;min-height:655px;margin:auto;padding:145px 0 50px 0;}
.kalendere .centered .tab{position:relative;display:inline-block;width:25%;width:calc(25% - 2px);height:6.4rem;margin-right:0;margin-right:calc(2px);cursor:pointer;border-radius:15px 15px 0 0;background-color:#282823;overflow:hidden;will-change:transform;transition:transform .2s ease-out;text-align:left;}
.kalendere .centered .tab:last-of-type{margin-right:0;}
.kalendere .centered .tab .label{position:absolute;left:0;top:0;font-family:'Barlow', sans-serif;font-weight:600;font-size:1.8rem;color:#282823;padding:10px 15px 0 15px;line-height:20px;transition:color .2s ease-out, opacity .2s ease-out;}
.kalendere .centered .tab .light{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#dcdcd2;transform:translateY(0px);transition:transform .2s ease-out;}
.kalendere .centered .tab.selected .label{color:#FF8B4F;font-weight:bold;}
.kalendere .centered .tab.selected .light{transform:translateY(-100%);}
.kalendere .centered .tab:hover .label{opacity:.7;}
.kalendere .centered .tab.selected:hover .label{opacity:1;}

.kalendere .centered .content{position:relative;width:100%;/*height:550px;*/min-height:550px;margin-top:-1px;background-color:#282823;border-radius: 0 0 15px 15px;color:#FFF;overflow-x:hidden;overflow-y:auto;text-align:left;}

.kalendere .centered .content h2, .settingsDialogue h2{margin-top:40px;}

.calbase{position:relative;/*left:25px;*/width:100%;/*width:calc(100% - 50px);height:100%;*/box-sizing:border-box;/*padding:0 25px;*/visibility:hidden;opacity:0;overflow:hidden;}
.calbase.howto, .calbase.listpage{padding:0 25px;}
.calbase.hidden{pointer-events:none;display:none;}
.calbase p{font-weight:normal;margin:0;}
/*.kalendere .centered .content .howto .videoThumbnail{position:relative;margin:20px auto 40px auto;text-align:center;width:auto;height:390px;cursor:pointer;}*/
.kalendere .centered .content .howto .videoThumbnail{position:relative;margin:20px auto 20px auto;width:100%;padding-top:56.25%;}
/*.kalendere .centered .content .howto .videoThumbnail .img{position:static;width:100%;height:100%;object-fit:cover;box-shadow:2px 2px 16px 0px rgba(0, 0, 0, 0.6);}*/
.kalendere .centered .content .howto .videoThumbnail .img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}

.kalendere .centered .content .ULinput, .settingsDialogue .ULinput{width:47%;margin-right:3%;box-sizing:border-box;font-family:'Barlow', sans-serif;font-weight:normal;font-size:1.7rem;}

.step{/*position:absolute;*/position:relative;width:50%;/*height:auto;*/min-height:100%;text-align:left;box-sizing:border-box;padding:0 20px;overflow:hidden;display:inline-block;vertical-align:top;overflow:auto;border:0;outline:0;}
.step{text-align:right;/*make elements "float" right*/}
.step .ULinput.form{display:inline-block;}
.step .ULinput.form, .step form, .step h2, .step p{text-align:left;}
/*.step:nth-of-type(2){position:absolute;top:0;left:0;}*/
.step.inactive{pointer-events:none;visibility:hidden;transition:visibility 0s ease-out .5s;}
.step .helperText, .step .masterBtn, .step .secondaryBtn{display:inline-block;vertical-align:top;margin-left:20px;margin-bottom:20px;}
.step .helperText{max-width:13%;transition:opacity .3s ease-out;line-height:1.3;}
.step .helperText.hide{opacity:0;}

/*.step .masterBtn{position:absolute;right:20px;bottom:25px;}
.step .secondaryBtn{position:absolute;left:20px;bottom:25px;border-color:#dcdcd2;color:#dcdcd2;}*/
/*.step .secondaryBtn{border-color:#dcdcd2;color:#dcdcd2;}*/
.startNew{width:200%;height:100%;display:flex;/*two steps*/}
.startNew p{margin-bottom:40px;}

.step .stepInner{text-align:left;display:block;width:100%;}
.step .panoramaBtn{display:inline-block;vertical-align:top;width:calc((100% - 45px) * 0.25);margin:0 15px 30px 0;min-height:80px;}
.step .panoramaBtn.last{margin-bottom:10rem;}
.step .panoramaBtn.last:after{display:block;content:"";clear:right;}
.step.overEight .panoramaBtn{margin-bottom:26px;}
.step.overEight .panoramaBtn .label{font-size:1.4rem;}
.step.overEight p{margin-bottom:15px;}

.startNew form{display:inline-block;/*float:left;*/}
.startNew .gallery{position:relative;display:inline-block;/*float:right;*/box-sizing:border-box;width:50%;height:auto;overflow:hidden;vertical-align:top;margin-bottom:30px;text-align:center;}
.startNew .gallery:focus{outline:none;}
.startNew .gallery p{font-weight:normal;font-size:1.8rem;line-height:1.5;margin:0 0 7px 0;}

.startNew p.tip{position:relative;display:block;padding-top:5px!important;box-sizing:border-box;}
.startNew p.tip:before{display:inline-block;/*float:left;*/content:'!';text-align:center;line-height:24px;color:#FFF;font-family:'Barlow', sans-serif;font-weight:bold;font-size:16px;background-color:#004747;width:24px;height:24px;border-radius:24px;margin-right:5px;}
.startNew p.tip .green{/*color:#FF8B4F;*/margin-right:5px;font-weight:600;}

.startNew .gallery .images{position:relative;width:100%;height:300px;margin:0;padding:0;overflow:hidden;}
.startNew .gallery .images .img{position:absolute;top:0;left:0;/*width:100%;*/height:100%;object-fit:cover;}
.navDot{position:relative;display:inline-block;/*float:left;*/margin-top:5px;width:26px;height:26px;cursor:pointer;}
.navDot .dot{background-color:#dcdcd2;width:16px;height:16px;border-radius:16px;margin-top:5px;transition:background-color .3s ease-out;}
.navDot.selected .dot{background-color:#FF8B4F;}
.navDot:hover .dot{background-color:#FF8B4F;}

/*.kalendere .centered .content .listpage{display:flex;}*/
.kalendere .centered .content .listpage .sideMenu{width:16%;text-align:right;display:inline-block;margin:30px 0 0 0;}
.kalendere .centered .content .listpage .sideMenu .menuBtn{position:relative;display:block;width:100%;min-height:45px;transition:.2s ease-out;text-align:right;}
.kalendere .centered .content .listpage .sideMenu .menuBtn:before{content:"";position:absolute;right:-30px;top:50%;margin-top:-10px;width:8px;height:8px;border-top:2px solid #FF8B4F;border-right:2px solid #FF8B4F;transform:rotate(45deg);opacity:0;transition:opacity .3s ease-out;}
.kalendere .centered .content .listpage .sideMenu .menuBtn p{font-family:'Barlow', sans-serif;font-weight:600;font-size:1.8rem;line-height:1.1;box-sizing:border-box;padding-bottom:10px;}
.kalendere .centered .content .listpage .sideMenu .menuBtn:hover{opacity:.5;}
.kalendere .centered .content .listpage .sideMenu .menuBtn.selected{color:#FF8B4F;}
.kalendere .centered .content .listpage .sideMenu .menuBtn.selected:hover{opacity:.9;}
.kalendere .centered .content .listpage .sideMenu .menuBtn.selected:before{opacity:1;}

.kalendere .centered .content .listpage .list{width:74%;display:inline-block;vertical-align:top;/*height:400px;*/height:100%;/*overflow-y:auto;*/margin:35px 0 0 10%;-webkit-overflow-scrolling:touch;}
.kalendere .centered .content .listpage .list .year{display:block;margin:10px 0;font-size:1.3rem;font-weight:bold;}
.kalendere .centered .content .listpage .list .prodBtn + .year{margin-top:30px;}
/*.kalendere .centered .content .listpage .list::-webkit-scrollbar{background-color:transparent;width:10px!important;}*/
.kalendere .centered .content .listpage .list .prodBtn{position:relative;display:block;width:100%;min-height:100px;/*background-color:#dcdcd2;*/color:#FFF;margin:0 0 20px 0;overflow:hidden;text-align:left;}
.kalendere .centered .content .listpage .list .prodBtn .img{position:relative;display:inline-block;vertical-align:top;width:140px;height:100px;overflow:hidden;opacity:0;transition:opacity .4s ease-in-out;}
.kalendere .centered .content .listpage .list .prodBtn .text{position:relative;display:inline-block;vertical-align:top;box-sizing:border-box;width:calc(100% - 140px);padding:0 20px;}
.kalendere .centered .content .listpage .list .prodBtn .text h4{padding:0;margin:0 0 5px 0;line-height:1.3;}
.kalendere .centered .content .listpage .list .prodBtn .text p{/*font-size:1.6rem;*/padding:0;line-height:1.3;}

/*.kalendere .centered .content .listpage .list .prodBtn:last-of-type{margin-bottom:0;}*/
/*.kalendere .centered .content .listpage .list span{font-family:'Barlow', sans-serif;font-weight:normal;font-size:16px;width:100%;display:block;height:35px;line-height:35px;}*/
/*
@media all and (max-width:980px){
	.kalendere .centered{width:90%;width:calc(100% - 20px);height:655px;left:10px;margin-left:0;}
	.calbase{left:10px;width:calc(100% - 20px);}
}
@media all and (max-height:800px){
	.kalendere .centered{padding-top:110px;}
}
@media all and (max-height:765px){
	.kalendere .centered{padding-bottom:55px;}
}
@media all and (max-height:655px){
	.step .panoramaBtn{margin-bottom:40px;}
	.step .masterBtn, .step .secondaryBtn{bottom:15px;}
}
@media all and (max-height:550px){
	.kalendere .centered .content h2, .settingsDialogue h2{margin-top:20px;}
	.settingsDialogue .calbase{-webkit-overflow-scrolling:touch;}
}*/
@media all and (min-width:1000.5px){
	.kalendere .centered .tab.selected{transform:translateY(4px);}
	.kalendere .centered .tab:hover{transform:translateY(4px);}
	.step .panoramaBtn:nth-of-type(4n){margin-right:0;}
	.kalendere .centered .content .listpage .sideMenu .menuBtn:first-of-type{margin-top:10px;}
}
@media all and (max-width:1000.5px){
	.kalendere .centered{padding:90px 0 40px 0;}
	.kalendere .centered .tab{display:block;width:calc(100% - 20px);height:50px;border-radius:10px;margin-bottom:5px;margin-left:10px;}
	.kalendere .centered .tab .label{padding:15px 20px 0 15px;}
	.kalendere .centered .tab.selected .light{transform:none;opacity:0;transition:opacity .4s ease-out;}

	.kalendere .centered .content{margin-top:10px;min-height:200px;}
	.kalendere .centered .content h2, .settingsDialogue h2{margin-top:30px;}
	.calbase.howto, .calbase.listpage{padding:0 10px;}
	.kalendere .centered .content .howto .videoThumbnail{height:calc((100vw - 20px) * .5625);margin:20px auto 10px auto;}

	.step{padding:0 10px;}
	.startNew form{display:block;}
	.kalendere .centered .content .ULinput, .settingsDialogue .ULinput{width:100%;margin-right:0;}
	.startNew .gallery{width:100%;}
	.startNew .gallery .images{height:calc((100vw - 20px) * .5625);}
	.navDot{width:20px;height:20px;}
	.navDot .dot{width:10px;height:10px;}

	.step .panoramaBtn{width:calc((100% - 10px) * 0.5);margin:0 10px 20px 0;}
	.step .panoramaBtn:nth-of-type(2n){margin-right:0;}
	.step .panoramaBtn.last{margin-bottom:8rem;}
	.step .masterBtn{margin-left:10px;}

	.kalendere .centered .content .listpage .sideMenu{width:100%;display:block;text-align:left;margin-top:20px;}
	.kalendere .centered .content .listpage .sideMenu .menuBtn{height:auto;display:inline-block;width:auto;margin-right:20px;}
	.kalendere .centered .content .listpage .sideMenu .menuBtn:before{display:none;}
	.kalendere .centered .content .listpage .list{width:100%;display:block;margin:0;}
	.kalendere .centered .content .listpage .list .prodBtn .img{display:block;width:100%;height:calc((100vw - 20px) * .5625);}
	.kalendere .centered .content .listpage .list .prodBtn .text{display:block;width:100%;padding:10px 0 0 0;}
	.kalendere .centered .content .listpage .list .prodBtn .text h4{font-size:2.0rem;}
	.kalendere .centered .content .listpage .list .prodBtn .text p{font-size:1.4rem;}

	.step .helperText{max-width:25%;}
}