/* BASICS */
*,
html {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    outline: 0;
}
img,
video {
    max-width: 100%;
    height: auto;
    border: 0;
}
iframe {
    border: 0;
}

body.modal {
    overflow-y: hidden;
}

.allwrap {
    max-width: 1920px;
    margin:0 auto;
	overflow: hidden;
}

/* Winter active - page_1 dazu >> */
/*.page_1 .allwrap,*/
.page_35 .allwrap  {
    background: url("../img/body_bg_page_1.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size:100% auto;
    background-attachment:fixed;
}



html {
    /*font: 500 18px/1 'DINPro', sans-serif;*/
	font: 400 18px/1 'neue-haas-grotesk-text', sans-serif;
    letter-spacing: 0.03em;
    background-color: #fff;
    /*color: #394354;*/
	color: #000000;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.monly {
    display: none;
}

.clear {
    clear: both;
}

.frame-default {
    width: 1500px;
    max-width: 80%;
    margin: 0 auto;
}

/* Clippaths */

/* https://bennettfeely.com/clippy/ beginnend unten rechts im Uhrzeigersinn */

.cp_mountain {
 -webkit-clip-path:polygon(     
     100% 100%, 
     0% 100%, 
     0% 135px, 
     calc(100% - 463px) 84px, 
     calc(100% - 403px) 54px, 
     calc(100% - 354px) 78px, 
     calc(100% - 270px) 0, 
     calc(100% - 199px) 72px, 
     calc(100% - 143px) 42px, 
     calc(100% - 88px) 71px, 
     100% 65px);
  clip-path:polygon(
     100% 100%, 
     0% 100%, 
     0% 135px, 
     calc(100% - 463px) 84px, 
     calc(100% - 403px) 54px, 
     calc(100% - 354px) 78px, 
     calc(100% - 270px) 0, 
     calc(100% - 199px) 72px, 
     calc(100% - 143px) 42px, 
     calc(100% - 88px) 71px, 
     100% 65px);     
}

.cp_mountain_left {
 -webkit-clip-path:polygon(     
     100% calc(100% - 60px), 
     0% 100%,     
     0% 86px,     
     92px 81px, 
     152px 52px, 
     201px 76px, 
     287px 0, 
     356px 71px, 
     411px 42px, 
     468px 67px, 
     100% 13px);
  clip-path:polygon(
     100% calc(100% - 60px),  
     0% 100%,     
     0% 86px,     
     92px 81px, 
     152px 52px, 
     201px 76px, 
     287px 0, 
     356px 71px, 
     411px 42px, 
     468px 67px, 
     100% 13px);     
}

.cp_mountain_left2 {
 -webkit-clip-path:polygon(     
     100% 100%, 
     0% 100%,     
     0% 86px,     
     92px 81px, 
     152px 52px, 
     201px 76px, 
     287px 0, 
     356px 71px, 
     411px 42px, 
     468px 67px, 
     100% 13px);
  clip-path:polygon(
     100% 100%,  
     0% 100%,     
     0% 86px,     
     92px 81px, 
     152px 52px, 
     201px 76px, 
     287px 0, 
     356px 71px, 
     411px 42px, 
     468px 67px, 
     100% 13px);     
}

.cp_banner {
    -webkit-clip-path:polygon(     
     100% 100%, 
     0% calc(100% - 60px), 
     0% 0,  
     100% 0);
  clip-path:polygon(
     100% 100%, 
     0% calc(100% - 60px), 
     0% 0,  
     100% 0); 
}

.cp_bottom {
    -webkit-clip-path:polygon(     
     0% 0,
     100% 0,
     100% calc(100% - 60px),       
     0% 100%      
     );
  clip-path:polygon(
     0% 0,
     100% 0,
     100% calc(100% - 60px),       
     0% 100%); 
}

/* RESPONSIVE */
@media (max-width: 1440px) {}
@media (max-width: 1366px) {}
@media (max-width: 1279px) {
	.frame-default {
		max-width: calc(100% - 80px);
	} 
}
@media (max-width: 1023px) {
    
.frame-default {
    width: 96%;
    max-width: 96%;
} 
    
}
@media (max-width: 767px) {

	html {
    	font: 500 16px/1 'DINPro', sans-serif;
	}
	
	.page_1 .allwrap,
	.page_35 .allwrap  {
    	background: url("../img/body_bg_page_1_mobil.jpg");
		background-size: 100% auto;
		background-attachment: fixed;
	}
	
	.cp_banner {
    -webkit-clip-path:polygon(     
     100% 100%, 
     0% calc(100% - 20px), 
     0% 0,  
     100% 0);
  clip-path:polygon(
     100% 100%, 
     0% calc(100% - 20px), 
     0% 0,  
     100% 0); 
}

.cp_bottom {
    -webkit-clip-path:polygon(     
     0% 0,
     100% 0,
     100% calc(100% - 20px),       
     0% 100%      
     );
  clip-path:polygon(
     0% 0,
     100% 0,
     100% calc(100% - 20px),       
     0% 100%); 
}
	
	.cp_mountain {
 -webkit-clip-path:polygon(     
     100% 100%, 
     0% 100%, 
     0% 135px, 
     calc(100% - 463px) 84px, 
     calc(100% - 403px) 54px, 
     calc(100% - 354px) 78px, 
     calc(100% - 270px) 0, 
     calc(100% - 199px) 72px, 
     calc(100% - 143px) 42px, 
     calc(100% - 88px) 71px, 
     100% 65px);
  clip-path:polygon(
     100% 100%, 
     0% 100%, 
     0% 135px, 
     calc(100% - 463px) 84px, 
     calc(100% - 403px) 54px, 
     calc(100% - 354px) 78px, 
     calc(100% - 270px) 0, 
     calc(100% - 199px) 72px, 
     calc(100% - 143px) 42px, 
     calc(100% - 88px) 71px, 
     100% 65px);  
		
   clip-path: polygon(
	   100% 100%, 
	   0% 100%, 
	   0% 60px, 
	   71% 40px, 
	   76% 26px, 
	   79% 38px, 
	   83% 10px, 
	   88% 35px, 
	   92% 21px, 
	   96% 33px, 
	   100% 30px);
}

	
	.cp_mountain_left,
	.cp_mountain_left2{
	 -webkit-clip-path:polygon(     
	 100% calc(100% - 20px), 
		0% 100%, 
		0% 43px, 
		9% 40px, 
		13% 26px, 
		16% 38px, 
		23% 10px, 
		28% 35px, 
		32% 21px, 
		39% 33px, 
		100% 20px);
	clip-path: polygon(
		100% calc(100% - 20px), 
		0% 100%, 
		0% 43px, 
		9% 40px, 
		13% 26px, 
		16% 38px, 
		23% 10px, 
		28% 35px, 
		32% 21px, 
		39% 33px, 
		100% 20px);
	}
	
}
@media (max-width: 359px) {}


/* ###################################################################################################### */
/* ###################################################################################################### */

.top_wrap {   
    position: fixed;
    top:0;
    width:100%;
    z-index: 99;    
    background:#fff;
    max-width: 1920px;
    margin:0 auto;
}

    .top1 {
        height:80px;
        line-height: 80px;
        padding:0 90px;
        color:#fff;
        /*background:#3a4455;*/
		background:#bfb9b9;
        display: flex;
        justify-content: space-between;
    }

        .top1_left {
        }

            .top1_left a,
            .top1_left a:link,
            .top1_left a:active,
            .top1_left a:visited,
            .top1_left a:hover {
                display: inline-block;
                color:#fff;
            }

            .tl {
                display: inline-block;
                border-right: 1px solid #fff;
                height: 54px;
                line-height: 54px;
                padding:0 30px;
            }

                .tl_cam {
                    padding-left:0;
                }

                .tl_cam a,
                .tl_cam a:link,
                .tl_cam a:active,
                .tl_cam a:visited,
                .tl_cam a:hover {
                    padding-left:40px;
                    background: url("../svg/webcam.svg") left center no-repeat;
                    background-size:34px auto;
                    display: inline-block;
                }

                .tl_temp span {
                    padding-left:40px;
                    background: url("../svg/sun.svg") left center no-repeat;
                    background-size:34px auto;
                    display: inline-block;
                }

                .tl_lifte {
					 
                }

                .tl_lifte span {
                    padding-left:40px;
                    background: url("../svg/gondel.svg") left center no-repeat;
                    background-size:34px auto;
                    display: inline-block;                    
                }

                .tl_lang {
                    border:none;  
                    background: url("../svg/BBE_Icons_Pfeil_white.svg") right 20px no-repeat;
                    background-size:20px auto;
					position: relative;
                }

				.tl_lang:hover {
					cursor: pointer;
				}

					.tl_lang ul {
						display: none;
						flex-direction: column;
						justify-content: flex-start;
						align-items: stretch;
						position: absolute;
						top: 0;
						left: 0px;
						list-style: none;
						margin-top: 54px;
						z-index: -1;
						/*background: #3a4455;*/
						background:#bfb9b9;
						width: 83px;
						text-align: center;
					}

					.tl_lang ul.active {
						display: flex;
						z-index: 1;
					}

					.top1_left .tl_lang ul a {
						display: block;
					}

        .top1_right {
            display: flex;
        }

            .lauftext {
                width:20vw;
                overflow: hidden;
                
            }

			.lauftext a,
			.lauftext a:link,
			.lauftext a:active,
			.lauftext a:visited,
			.lauftext a:hover {
				color:#fff;
				font-weight: bold;
				text-decoration: underline;
			}

            .logo_jolly {
                flex-shrink: 0;
                margin-top: 10px;
            }
            .logo_skiwelt {
                flex-shrink: 0;
                margin-top: 10px;
                margin-left: 20px;
                /*width: 180px;*/
                text-align: right;
            }
                .logo_skiwelt svg{
                    height: 60px;
                    width: auto;
                }

    .top2 {
        display: flex;
        justify-content: space-between;
        padding:0 90px;
        height:80px;
        line-height: 80px;
    }


        .logobb {
            /*font-family: 'DINProBlack';*/
		font-family: 'neue-haas-grotesk-text';
		font-weight: 700;
            text-transform: uppercase;
            font-size:34px;
            letter-spacing: 0.03em;
        }
            .logobb a,
            .logobb a:link,
            .logobb a:active,
            .logobb a:visited,
            .logobb a:hover {
                /*color:#3a4455;
                display: inline-block;*/
				
				display: flex;
				justify-items: center;
				align-items: center;
				height: 100%;
            }

			 .logobb svg {
				height:	50px;
				width:auto;
			}
            

        .sowi {
			/*display: none !important;*/
		}

            .sowi .so,
            .sowi .wi {
                height:44px;
                line-height: 38px;
                text-transform: uppercase;
                /*border:2px solid #3a4455;*/
				border:2px solid #000000;
                padding:0 20px;
                border-radius: 19px;
                display: inline-block;
                position: relative;
                font-size:20px;
            }

            .sowi .wi {
                color:#fff;
                /*background:#3a4455;*/
				background:#bfb9b9;
				border:2px solid #bfb9b9;
                margin-right: -30px;
                z-index: 2;
            }

            .wiact .so {
                padding-left: 38px;
            }

            .sowi span.wi:hover,
            .sowi span.so:hover{
                cursor: pointer;
            }

            .sowi span.so:hover{
                color:#fff;
                /*background:#3a4455;*/
				background:#bfb9b9;
				border:2px solid #bfb9b9;
                z-index: 1;
            }
			
			.sowi span.wi a,
			.sowi span.wi:hover a,
			.sowi span.wi a:hover,
			.sowi span.so:hover a,
			.sowi span.so a:hover {
				color:#fff;
			}


			.sowi .soact .wi {
				/*color:#3a4455;*/
				color:#000000;
                background:#fff;
				padding-right: 35px;
				z-index: 0;
			}

			.sowi .soact .wi a {
				/*color:#3a4455;*/
				color:#000000;
			}

			.sowi span.wi:hover{
                color:#fff;
                /*background:#3a4455;*/
				background:#bfb9b9;
				
            }

			.soact .so {
				color:#fff;
                /*background:#3a4455;*/
				background:#bfb9b9;
				border:2px solid #bfb9b9;
                z-index: 2;
			}

			.soact .so a,
			.soact .so a:link,
			.soact .so a:active,
			.soact .so a:visited,
			.soact .so a:hover{
				color:#fff;
			}


        .menu_wrap {
        }

        

    /* Scroll Settings */
    body:not(.banner) .top_wrap,
	.top_wrap:hover,
	.top_wrap.scroll {		
			-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.25);
			-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.25);
			box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.25);
	}

    body:not(.banner) .top_wrap .logo svg,
	.top_wrap.scroll .logo svg {
        width:160px;
    }

/* RESPONSIVE */
@media (max-width: 1600px) {
    .logobb {
        font-size: 30px;
    }
    
    .sowi .so, .sowi .wi {
        font-size:16px;
        padding:0 14px;
    }
    
     .wiact .so {
        padding-left: 38px;
    }
}
@media (max-width: 1530px) {
	.logobb {
        font-size: 22px;
    }
    
    .sowi .so, .sowi .wi {
        padding:0 10px;
    }
    
    .wiact .so {
        padding-left: 38px;
    }
    
    .top1,
    .top2 {
        padding:0 60px;
    }
}
@media (max-width: 1366px) {
	
	
        .top1_left {
			min-width: 66%;
			max-width: 66%;
        }
	
	
        .top1_right{
			min-width: 34%;
			max-width: 34%;
        }
	
	.logobb svg {
		height:	40px;
	}
	
}
@media (max-width: 1279px) {
	.top1,
    .top2 {
        padding:0 40px;
    }
	
	.tl {
		padding:0 10px;
	}
	
	.tl_cam {
		padding-left: 0;
	}
	
	.tl_lang {
		background: url('../svg/pfeil.svg') right 26px no-repeat;
		background-size: 8px auto;
	}
	
		.tl_lang ul {
		width: 44px;
		}
	
	.logobb {
        font-size: 18px;
    }
	
	 .logobb svg {
		height:	30px;
	}
	
	.sowi .so, .sowi .wi {
		font-size:14px;
	}
	
}
@media (max-width: 1023px) {
	
	
	.top_wrap {		
			-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.25);
			-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.25);
			box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.25);
	}
	
	.top1, .top2 {
		padding:0 2%;
		height: 60px;
		line-height: 60px;
			
	}
	
	.top1_left {
		flex:1 1 auto;
		width: 50%;
		max-width: 50%;
	}
	
	
	.top1_right {
		width: 50%;
		max-width: 50%;
		min-width: inherit;
	}
		/*.logo_skiwelt {
			padding-left: 20px;
		}*/
	
	.tl {
		padding: 0 2%;
	}
	
	.tl_cam {
		padding:0;
	}
	
	.tl_lifte {
		border:none;
	}
	
	.tl_cam .donly {
		text-indent: -999em;
		display: inline-block;
	}
	
	.tl_lang {
		padding:0;
		margin-top:10px;
		background:none;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	
	.tl_lang ul {
		display: inline-block;
		position: relative;
		z-index: 1;
		margin: 0;
		width: inherit;
		border-left: 1px solid #3a4455; 
		background:#fff;
		margin-left:6px;
		padding-left: 5px;
	}
	
		.tl_lang ul a {
			display: inline-block;
		}
	
	/*.logo_skiwelt,*/
	.logo_jolly img {
        width: auto;
        height: 40px;
    }
	.logo_skiwelt svg {
		width: auto;
		height: 40px;
	}
	
	/*.logo_skiwelt {
		padding-left:0;
	}*/
	
	.top2 {
		line-height: 54px;
	}
	
	.logobb {
		font-size:24px;
		line-height: 60px;
	}
	
	.sowi .so, .sowi .wi {
		height: 40px;
		line-height: 35px;
	}
	
}
@media (max-width: 767px) {
.logobb {
    font-size: 16px;
    line-height: 60px;
}
	
	.sowi {
		display: inline-block;
		text-align: center;
		padding-top:10px;
		padding-right: 10px;
	}
	
	
	.tl_cam a, .tl_cam a:link, .tl_cam a:active, .tl_cam a:visited, .tl_cam a:hover {
		padding-left:30px;
		background-size:20px auto;
	}
	
	.tl_temp span {
		padding-left:25px;
		background-size:22px auto;
		font-size:12px;
	}
	
	.tl_lifte span {
		padding-left:25px;
		background-size:22px auto;
		font-size:12px;
	}
	
	
	
	.top1_left {
		/*width:calc(100% - 94px);*/
        width: auto;
		max-width: inherit;
	}
	
	.top1_right {
		/*width:94px;*/
        width: auto;
	}
}
@media (max-width: 600px) {
    .top1_left,
    .top1_right {
        min-width: unset;
        max-width: unset;
    }
    .logo_jolly img {
        height: 32px;
    }
    .logo_skiwelt {
        margin-left: 10px;
    }
    .logo_skiwelt svg {
        height: 32px;
    }
}


/* ###################################################################################################### */
/* ###################################################################################################### */

#main {
    margin-top:160px;
}

.nobanner #main {
    margin-top:220px;
}

/* RESPONSIVE */
@media (max-width: 1440px) {
#main {
    margin-top:120px;
}

.nobanner #main {
    margin-top:180px;
}
}
@media (max-width: 1366px) {}
@media (max-width: 1279px) {}
@media (max-width: 1023px) {
	#main {
    margin-top:20px;
}

.nobanner #main {
    margin-top:160px;
}
	
}
@media (max-width: 767px) {}
@media (max-width: 359px) {}


/* ###################################################################################################### */
/* ###################################################################################################### */
.footer_top {
    padding:100px 0;
}

.footer_center {
    /*background:#394354;
	background:#000;*/
	background:#bfb9b9;
    color:#fff;
    display: flex;
    padding:35px 90px 15px 45px;
}

    .fcc {
        min-width: calc(100% / 3);
    }

        .fcc_1 {
            text-align: center;
            padding-top:50px;
        }

        .fcc_1 svg {
            width:364px;
            height: auto;
        }

        .fcc_2 {
            padding-left:3vw;
        }
        .fcc_3{
            padding-left:7vw;
        }

        .fcc_2 h3,
        .footer_name {
            font-size:21px;
            /*font-family: 'DINProBlack';*/
			font-family: 'neue-haas-grotesk-text';
			font-weight: 700;
            display: block;
            font-weight: normal;
            min-height: 45px;
        }

        .footer_address,
        .footer_tel,
        .footer_mail {
            display: block;
            padding-left:48px;
            background-position: left 7px;
            background-repeat: no-repeat;
            background-size: 38px auto;
			background-size: 29px auto;
            background-image: url("../svg/map.svg");
            min-height: 40px;
            /*font-family: 'DINNextRounded';*/
			font-family: 'neue-haas-grotesk-display';
            line-height: 1.3;
            font-size:18px;
        }

        .footer_tel,
        .footer_mail {
            background-image: url("../svg/phone.svg");
             background-position: center left;
            min-height: 30px;
            line-height: 35px;
        }

        .footer_mail {
            background-image: url("../svg/mail.svg");
        }
        

.footer_bottom {
     /*background:#394354;
	background:#000;*/
	background:#bfb9b9;
    color:#fff;
    height: 40px;
    line-height: 40px;
    text-align: right;
    /*font-family: 'DINNextRounded';*/
	font-family: 'neue-haas-grotesk-display';
    font-size:16px;
}   

    .footer2_nav {
        display: block;
        border-top:1px solid #fff;
        margin:0 90px;
    }

/* RESPONSIVE */
@media (max-width: 1439px) {

.fcc_2, .fcc_3 {
    padding-left: 4vw;
}
    
    .footer_center {
        padding:80px 60px 30px 60px;
    }
    
    .footer2_nav {
        margin:0 60px;
    }
}
@media (max-width: 1366px) {}
@media (max-width: 1279px) {
	
	.fcc_1 svg {
		width:100%;
		height: auto;
	}
	
	.footer_center {
		padding: 80px 40px 30px 40px;
	}
	
	.footer2_nav {
		margin:0 40px;
	}
	
	
	.fcc_1 {
		min-width:25%;
		width:25%;
	}
	
	.fcc_2 {
		min-width:45%;
		width:45%;
	}
	
	.fcc_3{
		min-width:30%;
		width:30%;
	}
}
@media (max-width: 1023px) {

	.footer_top {
		padding: 50px 0;
	}
	
	.footer_center {
		padding: 40px 2% 15px 2%;
	}
	
	.footer2_nav {
		margin:0 2%;
	}
	
	.fcc_1 {
		padding-top:85px;
	}
}
@media (max-width: 767px) {
	
	.footer_top {
		padding:25px 0 50px;
	}
	
	.footer_center {
		flex-direction: column;
	}
	
		.fcc_1,
		.fcc_2,
		.fcc_3 {
			padding-top:0;
			margin-bottom:30px;
			width:100%;
			min-width:100%;
			padding-left:0;
		}
	
		.fcc_1 svg {
			width:80%;
		}
	
	.footer_bottom {
		text-align: center;
	}
	#footer {
		padding-bottom:40px;
	}
	
	
	.lauftext {
		position: fixed;
		bottom:0;
		left:0;
		padding:0;
		width:100vw;
		z-index: 1;
		height: 44px;
		line-height: 44px;
		/*background: #394354;*/
		background: #bfb9b9;
		color:#fff;
	}
	
		.lauftext .marquee {
			padding:0 2%;
		}
}
@media (max-width: 359px) {}


/* ###################################################################################################### */
/* ###################################################################################################### */