/* CSS Document */
@charset "utf-8";@font-face{font-family:'roboto-reg';src:url('../fonts/Roboto-Regular.ttf') format('truetype')}@font-face{font-family:'roboto-med';src:url('../fonts/Roboto-Medium.ttf') format('truetype')}@font-face{font-family:'roboto-bold';src:url('../fonts/Roboto-Bold.ttf') format('truetype')}@font-face{font-family:'play-reg';src:url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype')}@font-face{font-family:'play-bold';src:url('../fonts/PlayfairDisplay-Bold.ttf') format('truetype')}html,body{top:0;left:0;background-color:#FFF;font-family:"roboto-reg",Arial,Helvetica,sans-serif;width:100%;padding:0;margin:0}img{margin:0;max-width:100%;height:auto;border:0}hr.clear{clear:both;visibility:hidden;height:0;overflow:hidden;border:0;line-height:0;font-size:0}.fixed{width:100%;position:fixed;top:0;z-index:999999}h1{font-family:"play-reg",Arial,Helvetica,sans-serif;font-size:16px;font-weight:400}h2{font-family:"play-reg",Arial,Helvetica,sans-serif;font-size:64px;font-weight:400;margin-top:25px}h3{font-family:"play-reg",Arial,Helvetica,sans-serif;font-size:24px;font-weight:400}p{font-family:"roboto-reg",Arial,Helvetica,sans-serif;font-size:16px}.button-row{margin:25px 0 0 0;padding:0;list-style:none}.button-row li{height:50px}a.button{padding:10px 20px;height:40px;margin:0;color:#000;text-decoration:none;border:1px solid #000}a.button:hover{color:#FFF;background-color:#000}@media (max-width: 650px){.button-row li{ width:90%}a.button{width:100%}}.col-2{width:48%;display:inline-block;vertical-align:top}@media (max-width: 800px){.col-2{ width:94%;padding:0 3%}}header{width:100%;height:100px;background-color:#FFF;position:fixed;z-index:999999}header img{width:85px;margin:10px}header ul{list-style:none;margin:0;padding:0 30px 0 0;float:right}header ul li{display:inline-block;font-size:16px;padding:34px 0;border-top:4px solid #FFF}header ul li a{padding:15px;text-decoration:none;color:#000}header ul .active{border-color:#000}header ul .active a{font-family:"roboto-bold",Arial,Helvetica,sans-serif;padding:15px}header #nav-icon{width:30px;height:15px;position:relative;margin:30px 40px 40px 0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;float:right;display:none}header #nav-icon span{display:block;position:absolute;height:2px;width:100%;background:#000;border-radius:0;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}header #nav-icon span:nth-child(1){top:0}header #nav-icon span:nth-child(2),header #nav-icon span:nth-child(3){top:10px}header #nav-icon span:nth-child(4){top:20px}header #nav-icon.open span:nth-child(1){top:18px;width:0;left:50%}header #nav-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}header #nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}header #nav-icon.open span:nth-child(4){top:18px;width:0;left:50%}.header-open{height:100%}.menu-open{display:block}@media (max-width: 650px){header{ height:80px}header img{width:65px}header #nav-icon{display:block}header ul{width:50%;background-color:#FFF;padding:0;margin:24px auto 0 auto;float:inherit;display:none}header ul li{display:block;padding:24px 0;text-align:center;font-size:20px;border-top:0 solid #FFF}header ul li a{padding:10px}}main .module{width:100%;min-height:750px;color:#000;padding-top:80px}main .black{background-color:#000;color:#FFF}main .quote .stage{width:80%;margin:0 auto;padding:50px 0 0 0}main .quote .stage img{width:100%;max-width:600px}main .quote .stage .txt-block{width:450px;position:absolute;margin:-25% 0 0 35%}main .quote .stage .txt-block h1{font-family:"play-reg",Arial,Helvetica,sans-serif;font-size:58px;text-align:right;margin:0;padding:0}main .quote .stage .txt-block h1 span{font-family:Times New Roman,Arial,Helvetica,sans-serif;color:#DDD}main .quote .stage .txt-block p{font-family:"roboto-reg",Arial,Helvetica,sans-serif;padding:14px;margin:0 0 0 25%}main .content{max-width:1025px;margin:0 auto}@media (max-width: 1025px){main .content{ margin:0 20px;max-width:1025px}}@media (max-width: 850px){main .quote .stage .txt-block{ position:relative;margin:-15% 0 0 5%;width:80%}}@media (max-width: 500px){main .module{ min-height:auto;padding-bottom:15px}main .quote .stage{width:90%}main .quote .stage .txt-block{width:90%;margin:-25px 0 0 15px}main .quote .stage .txt-block h1{font-size:38px}main .quote .stage .txt-block p{margin:0 0 0 20%}}main .gallery{width:100%;height:400px;overflow:hidden}main .gallery ul{width:2500px;list-style:none;margin:0;padding:0}main .gallery ul li{display:inline-block;margin-right:25px}main .gallery ul li img{height:350px;cursor:pointer}main .gallery ul .first{margin-left:20px}main #vidlist{display:none}main .tab{list-style:none;margin:0;padding:0;right:0}main .tab li{width:90px;padding:10px 0 30px 0;display:inline-block;text-align:center;border-top:2px solid #000}main .tab .active{border-top:2px solid #FFF}main .gal-steuerung{width:100%;height:50px;margin-top:25px}main .gal-steuerung img{width:40px;cursor:pointer}main .gal-steuerung .left{position:absolute;left:15px}main .gal-steuerung .right{position:absolute;right:15px}main .vid-steuerung{width:100%;height:50px;margin-top:25px;display:none}main .vid-steuerung img{width:40px;cursor:pointer}main .vid-steuerung .left{position:absolute;left:15px}main .vid-steuerung .right{position:absolute;right:15px}main ul.workshops{list-style:none;text-align:center;margin:0;padding:0;width:100%}main ul.workshops li{width:70%;margin:0 auto 30px auto}main ul.workshops li .date{background-color:#EFEFEF;width:105px;margin:0;padding:15px;float:left}main ul.workshops li .date h3,main ul.workshops li .date h4,main ul.workshops li .date p{margin:0;padding:0}main ul.workshops li .date h3{font-weight:700;font-size:36px}main ul.workshops li .date h4{font-family:"play-reg",Arial,Helvetica,sans-serif;font-weight:400;font-size:18px}main ul.workshops li .date p{font-size:16px;margin-top:15px}main ul.workshops li .text{text-align:left;float:left;width:70%;margin-top:50px}main ul.workshops li .text h2{font-size:32px;margin:0 0 0 -10px;padding:0}main ul.workshops li .text p{margin:0 0 0 20px}main ul.workshops li.empty .date{background-color:inherit;border:1px dashed #C4C4C4}main ul.workshops li.empty .old{text-align:left;font-size:12px;margin:40px 0 25px 0;padding-top:10px;border-top:1px solid #000}@media (max-width: 720px){main ul.workshops li{ width:100%}main ul.workshops li .date{width:80px}main ul.workshops li .date h3{font-size:26px}main ul.workshops li .date h4{font-size:18px}main ul.workshops li .date p{font-size:14px}main ul.workshops li .text h2{font-size:28px;margin-bottom:15px}}@media (max-width: 420px){main ul.workshops li{ width:100%}main ul.workshops li .date{width:80px}main ul.workshops li .date h3{font-size:26px}main ul.workshops li .date h4{font-size:18px}main ul.workshops li .date p{font-size:14px}main ul.workshops li .text{width:57%}}@media (max-width: 510px){main .gallery ul li img{ height:350px}main .gallery ul .first{margin-left:10px}}.layer{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:999999999}.galleyzoom{background-color:#000;text-align:center}.galleyzoom .mainimage{width:60%;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.galleyzoom p{font-family:"play-reg",Arial,Helvetica,sans-serif;position:absolute;color:#FFF;bottom:15px;text-align:center;width:100%}.galleyzoom div.arrow-left{width:40px;height:40px;position:absolute;top:50%;left:15px;cursor:pointer}.galleyzoom div.arrow-right{width:40px;height:40px;position:absolute;top:50%;right:15px;cursor:pointer}.vidzoom{background-color:#000;text-align:center}.vidzoom video{width:70%;margin:auto 0;position:relative;top:50%;transform:translatey(-50%)}@media (max-width: 670px){.galleyzoom .mainimage{ width:90%}.galleyzoom div.arrow-left,.galleyzoom div.arrow-right{top:80%}}main .contact{min-height:auto}main .contact .content{text-align:center}main .contact .content h2{margin-top:0;margin-bottom:200px}main .contact .content p.name{margin-top:50px;font-size:24px;font-family:"roboto-med",Arial,Helvetica,sans-serif}main .contact .content a{text-decoration:none;color:#FFF}footer{background-color:#000;color:#FFF;margin:0;padding:0;text-align:center}footer div{font-family:"roboto-reg",Arial,Helvetica,sans-serif;font-size:12px;margin:0 auto;width:90%;border-top:1px solid #FFF;padding:20px 0}footer div span{padding:0 15px}footer div a{text-decoration:none;color:#FFF}@media (max-width: 800px){main .contact .content{ text-align:center}main .contact .content h2{margin-bottom:50px}main .contact .content p.name{margin-top:10px}footer{padding-top:50px}}@media (max-width: 800px){footer{ text-align:left}footer div{line-height:45px;font-size:14px}footer div span{font-size:0;width:0;text-indent:0}footer div span::after{content:"\A";white-space:pre}}.subpage{background-color:#FFF;width:100%;height:100%;position:fixed;overflow:scroll;top:0;z-index:999999;display:none}.subpage .layerclose{position:fixed}.subpage .content{width:80%;margin:0 auto;padding:30px 0;text-align:center}.subpage .content .head-line{height:1px;width:25px;background-color:#000;border:0;border-color:#000;margin-bottom:30px}.subpage .content h1{font-family:"play-reg",Arial,Helvetica,sans-serif;font-size:45px;margin:40px 0}.subpage .content h2{font-family:"play-reg",Arial,Helvetica,sans-serif;font-weight:700;font-size:26px;margin-top:60px}.subpage .content ul{list-style:none;margin:0;padding:0}.subpage .content ul li{width:100%;margin:5px auto 5px auto;text-align:center}.subpage .content ul li .left,.subpage .content ul li .right{width:48%;display:inline-block}.subpage .content ul li .left{text-align:right;padding-right:10px;vertical-align:top}.subpage .content ul li .right{text-align:left;padding-left:10px;vertical-align:top}@media (max-width: 760px){.subpage .content{ width:92%}.subpage .content h1{font-size:36px}.subpage .content h2{font-size:22px}.subpage .content ul li{font-size:14px}.subpage .content ul li .left,.subpage .content ul li .right{width:45%}}.layerclose{position:absolute;width:30px;height:30px;top:25px;right:25px;cursor:pointer}.open{display:block}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */