@charset "ISO-8859-1";
/*
Theme Name: SK INVITATIONAL 2017
Version: 1.1
Author: <a href="http://www.mooi-design.com"> (c) 2017 MOOI design</a>
*/

@font-face {
    font-family: 'sk-webfont';
    src: url('fonts/sk-webfont.woff2') format('woff2'),
         url('fonts/sk-webfont.woff') format('woff'),
         url('fonts/sk-webfont.ttf') format('truetype'),
         url('fonts/sk-webfont.svg#radikalbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ====================================================================================================================
 * BROWSER RESET
 * ==================================================================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top;text-decoration:none;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,audio,canvas,video,form{display:block;}

html{-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;}
a {text-decoration: none;}

ol,ul{list-style:none;}
sup { vertical-align: super;font-size: small;}
sub { vertical-align: sub;font-size: small;}
blockquote:before,blockquote:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
:focus{outline:none;}
table {width:100%;}

/* Reset */

*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:'sk-webfont',Helvetica,Arial,sans-serif;font-weight: normal;font-style: normal;color:white;font-size:100%;font-size:2rem;line-height:1.2em;text-transform:uppercase; background:black url(images/bg.jpg) no-repeat center top; background-attachment: fixed; background-size: cover;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.hidden {display: none;}
.alignright {text-align: right;}
.align_center {text-align: center;}

.ratio-box {position: relative;height:0;display: block;width: 100%;padding-bottom: calc(100% / 16 * 9)}
.ratio-box img, .ratio-box iframe, .ratio-box video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}

#cookie-notice {min-width:300px!important;max-width: 500px;bottom:0px;right:0px;margin: 40px;text-align:left!important;left:inherit!important;background:#111111!important;-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.3);}
.cookie-notice-container {float:left;padding:15px!important;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start;}
#cn-notice-text {font-family:'sk-webfont',Helvetica,Arial,sans-serif;text-align:left;font-size:.875rem;line-height:1.4em;width:100%;float:left;text-align: center;}
#cookie-notice .cn-set-cookie {font-family:'sk-webfont',Helvetica,Arial,sans-serif;background:#f4f4f4!important;font-size:.75rem;line-height:1.3em; color:#111111!important;padding:5px 10px!important;float:none;text-shadow: none!important;border:2px solid #f4f4f4!important;font-weight:bold;width:100px;}
#cookie-notice .cn-set-cookie:hover {background:#111111!important; color:#f4f4f4!important;}
#cookie-notice .cn-more-info {background:transparent!important;font-size:.75rem;line-height:1.3em; color:#f4f4f4!important;padding:5px 10px!important;float:right;text-shadow: none!important;border:2px solid transparent!important;font-weight:normal;}
#cookie-notice .cn-more-info:hover {background-color:#f4f4f4!important;color:#111111!important;}

.flexcontainer {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start;justify-content:flex-start;}
.flexdirection_column {flex-direction: column;}
.justify_flex-end {justify-content: flex-end;}
.justify_center {justify-content: center;}
.justify_spacebetween {justify-content: space-between;}
.align_center {align-items: center;}
.align_end {align-items:flex-end;}
.flexflow_column {-webkit-flex-flow: column wrap;flex-flow: column wrap;}
.flexflow_row {-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.alignself_flex-end {align-self: flex-end;}
.alignself_center {align-self: center;}
.flex_stretch {align-items: stretch;}


/* ====================================================================================================================
 * ALLGEMEINES
 * ====================================================================================================================*/

.wrapper{width:80%;max-width:1600px;margin:0 auto;position:relative;}

.col1{width:12.5%;/* Fallback */	width:-webkit-calc(100% /8*1);width:calc(100% /8*1);display: inline-block;}
.col2{width:25%;/* Fallback */		width:-webkit-calc(100% /8*2);width:calc(100% /8*2);display: inline-block;}
.col3{width:37.5%;/* Fallback */	width:-webkit-calc(100% /8*3);width:calc(100% /8*3);display: inline-block;}
.col4{width:50%;/* Fallback */		width:-webkit-calc(100% /8*4);width:calc(100% /8*4);display: inline-block;}
.col5{width:62.5%;/* Fallback */	width:-webkit-calc(100% /8*5);width:calc(100% /8*5);display: inline-block;}
.col6{width:75%;/* Fallback */		width:-webkit-calc(100% /8*6);width:calc(100% /8*6);display: inline-block;}
.col7{width:87.5%;/* Fallback */	width:-webkit-calc(100% /8*7);width:calc(100% /8*7);display: inline-block;}
.full{width:100%;}

.blackbg {background: black;}
.whitebg {background: white;}

section {padding:5rem 10%;}

.padding {padding:1em;}
.margin {margin:1em;}
.maximage img {width:100%;height:auto}

/* ANIMATIONEN */
#header, a, #scroll-down, input, .sliderimage, .moreinfo, .more-link, figcaption, #produkte figure img, #projektlist figure img, .imagescale figure img, #logo, #menu-button, .menu-button-text,#slidemenu,.cbp-spmenu-push,.biglogo,.flex-direction-nav a:hover:before{-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out}

/* ====================================================================================================================
 * LAYOUT
 * ====================================================================================================================*/

#crown {fill:white;width:100px;}
#ski-logo {fill:white;width:100%;}

#scroll-down {padding:0;margin:0;position:fixed;left:50%;margin-left:-20px; bottom:50px;width:40px;height:40px;z-index:10000;background-color:white; color:black; cursor: pointer; border:none;}
#scroll-down .dashicons {width:40px;height:40px;font-size:2em;line-height: 40px;}
#scroll-down:hover {background-color: black;color:white}

.cdcover {background:#222;padding:2rem 0;}
.cdcover:nth-child(odd) {background:black;}
#sponsors a {max-width:150px;border:none;margin:0 1rem 1rem;}
#sponsors a svg {fill:white;width:100%;}

 /* ====================================================================================================================
 * TYPOGRAFIE
 * ====================================================================================================================*/

.formatting h2 {font-family:'sk-webfont',Helvetica,Arial,sans-serif;font-weight: 500;font-style: normal;font-size:2em;margin-bottom: 2em;line-height: 1.2em;background:white;color:black;display: inline-block;padding: 0 .5em;}
.formatting h3 {font-family:'sk-webfont',Helvetica,Arial,sans-serif;font-weight: 500;font-style: normal;font-size:2em;margin-bottom: 1em;line-height: 1.2em;background:white;color:black;display: inline-block;padding: 0 .5em;}
.formatting h4 {font-family:'sk-webfont',Helvetica,Arial,sans-serif;font-weight: 500;font-style: normal;font-size:2em;margin-bottom: 1em;line-height: 1.2em;background:white;color:black;display: inline-block;padding: 0 .5em;}
.formatting p {margin-bottom: 1em;}
.formatting a {color:white; border-bottom: 2px solid;}
.formatting a:hover {border-bottom: 2px solid transparent;}
.formatting li {list-style: square outside;margin-left:1.1em;}
.formatting ul {margin-bottom: 2em;}

.formatting a.buttonlink {border:4px solid; padding:.25em .5em;color:white;}
.formatting a.buttonlink:hover {border-color:transparent;}

/* ====================================================================================================================
 * RESPONSIVE LAYOUTS
 * ====================================================================================================================*/

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {
	.cdcover .col4 {width:100%;}
	.cdcover .col2 {width:50%;}
}
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 800px) {
	.col1, .col2, .col3, .col4, .col5, .col6, .col7 {width:100%;}
	section {padding:3rem 2%;}
	body {font-size:1rem;}
}
@media screen and (max-width: 568px) {
	.cdcover .col2 {width:100%;}
}

@media screen and (max-width: 400px) {

}

@media screen and (max-height: 768px) and (orientation: landscape) {

}

@media screen and (max-height: 400px) and (orientation: landscape) {

}

/* ====================================================================================================================
 * TEXTMARKIERUNGEN
 * ====================================================================================================================*/

::-moz-selection{background:#fff;color:black;text-shadow:none;}
::selection{background:#fff;color:black;text-shadow:none;}