@media screen{
#iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)}
}
/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* base */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
form { margin: 0; }
input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
input { line-height: normal; }
input::-moz-focus-inner { border: 0; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="submit"] { -webkit-appearance: none; }
a {text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:block; }
.transit {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
a.no_transit {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
*:focus  { outline: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:middle; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
html { overflow-y: scroll; }
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}

/* fonts */
@font-face { font-family: 'bold-webfont'; src: url('../../files/SYSTEM/css/fonts/bold-webfont.woff2') format('woff2'), url('../../files/SYSTEM/css/fonts/bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'light-webfont'; src: url('../../files/SYSTEM/css/fonts/light-webfont.woff2') format('woff2'), url('../../files/SYSTEM/css/fonts/light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'roman-webfont'; src: url('../../files/SYSTEM/css/fonts/roman-webfont.woff2') format('woff2'), url('../../files/SYSTEM/css/fonts/roman-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

/* allgemein */
* { margin:0; padding:0; border:0; }
html,body { height:100%; width:100%; }
body { background:#fff; font-family: 'light-webfont', Arial, Helvetica, sans-serif; font-weight:400; font-size:20px; line-height:30px; color:#1D1D1B; }
.invisible {display:none}
h1, h2 { font-size:40px; line-height:40px; margin-bottom:50px; font-family: 'bold-webfont', Arial, Helvetica, sans-serif;}
h3 { font-size:22px; line-height:22px; margin-bottom:30px; font-family: 'bold-webfont', Arial, Helvetica, sans-serif;}
#stundenplan h2 {margin-bottom:20px;}
.black {color:#1D1D1B;}
b, strong {font-family: 'bold-webfont', Arial, Helvetica, sans-serif; font-weight:400;}
/* seitenübergang */
.wrap {visibility: hidden; display:none; }
.no-js .wrap {visibility: visible; display:block;}

/* layout */
.center {position:relative; max-width:1540px; margin:auto; }
.center_inner {position:relative; padding:0 100px;}
.center_inner_2 {position:relative; padding:0 200px; }

.all_top {background:#000; min-height:500px;}
.all_top iframe {width:100%; min-height:1000px;}
.all_top .mod_article a {color:#fff;}
a.pdf_download {position:relative; margin-top:20px;}
a.pdf_download:hover { color:#2e3888;}
a.pdf_download::before {position:relative;content: url("../../files/SYSTEM/images/pdf.png");  margin-right:5px; top:5px; }
.all_top a.pdf_download::before {position:relative;content: url("../../files/SYSTEM/images/pdf-w.png");  margin-right:5px; top:5px; }

/* Kalender */
.mod_timetable {padding:140px 0 100px; position:relative;}
.mod_timetable table {width:100%; text-align:center; background:#000;} 
.mod_timetable th.head {display:none;}
.mod_timetable .event {border:1px solid #fff; padding:5px; color:#fff; margin-top:10px;} 
.mod_timetable .event .time {font-size:14px;}
.mod_timetable .event a {text-decoration:none;color:#fff;} 
.mod_timetable .timetable_days .weekday, .mod_timetable .timetable_days .weekend {text-align:center;width:14.2856%; color:#fff; padding:2px; border-left:1px solid #fff; font-size:14px; margin-bottom:30px;} 
.mod_timetable .timetable_days .weekend.last {border-right:1px solid #fff; }
.mod_timetable td {padding:0 5px; vertical-align:top;} 
.mod_timetable .days {} 
.mod_timetable .days.empty, .mod_timetable .days.empty .header {} 
.mod_timetable th {padding:5px 0;}
.mod_timetable td .event:first-child {margin-top:20px;}
.infolink {background:#4b4b4b; display:inline-block; font-size:14px; padding:2px 10px 0; line-height:22px;}
.infolink:hover {background:#fff; color:#222 !important;}
.info { position:absolute; top:25%; left:25%;  text-align:left; z-index:10; width:50%; background:#fff; color:#222; font-size:16px; line-height:22px; display:none;}
.info_inner {padding:50px 30px 30px;}
.all_top .mod_eventlist {display:none;}
.close_info { position: absolute;  right: 20px; top: 20px; width: 32px; height: 32px;  opacity: 1;}
.close_info:hover { opacity: .5;}
.close_info:before, .close_info:after { position: absolute; left: 15px; content: ' '; height: 33px;  width: 2px;  background-color: #222;}
.close_info:before { transform: rotate(45deg);}
.close_info:after { transform: rotate(-45deg);}

header {position:relative; height:100%; width:100%; background-color:rgb(0,0,0); }
.navigation {position:absolute; z-index:1000; top:-50px; height:50px; width:100%; background:#1D1D1B; display:block;}
.nav { position:relative; font-size:17px; width:100%; font-family: 'bold-webfont', Arial, Helvetica, sans-serif;}
.navigation.fixed {position:fixed; bottom:auto; top:0; }
.nav li { float:left; color:#fff; width:12.5%;}
.nav li a {color:#fff;line-height:50px; width:100%; text-align:center;}
.nav li a:hover, .nav li.active a {color:#1D1D1B;background:#fff;}

.videobox {position:relative; height:100%; width:100%; background:#fffeff; overflow:hidden;}
.videobox.fixed {position:fixed; top:0;}
.videobox picture {position:relative; height:100%; width:100%; display:none;}
.videobox picture img {width:100%; height:100%; object-fit:cover;}
.videobox picture.no_objectfit {position:absolute; background-size: cover; background-position: center center;}
.videobox picture.no_objectfit img {display:none;}
.videobox .bgvid { position:absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto;  -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.transparent {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.1);}

.logo { position:absolute; top:50%; left:50%; width:45%; height:auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity:0; color:#fff;}
.next_course {position:fixed; left:-1000px; top:0; line-height:50px; font-size:18px; color:#fff; z-index:999; display:none;}
.next_course .image_container, .next_course .price {display:none;}
.next_course a {color:#fff; font-weight:normal; margin-bottom:0; font-family: 'light-webfont', Arial, Helvetica, sans-serif; display:inline-block;}
.next_course a:hover {text-decoration:underline; }
.next_course {background:#B3A280; padding-left:20px;}
.next_course .eventslink {background:#2f2f2f; padding:0 20px; margin-left:10px;}
.next_course .eventslink:hover {text-decoration:none; background:#fff; color:#000;}

.minilogo {display:none; position:fixed;width:50px; height:36px; left:50%; margin-left:-25px; top:6px; background:url(../../files/SYSTEM/images/logo_mini.png) no-repeat; }

.scroll_down { position:fixed; bottom:50px; left:50%; margin-left:-10px; width:20px; height:20px; border-right:3px solid #fff; border-bottom:3px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display:none;}

.menu_icon { position:absolute; top:13px; left:20px; cursor:pointer; background:none; width:27px; z-index: 999; display:none;}
.menu_icon span { background: #1D1D1B none repeat scroll 0 0; display: block; height: 4px; width:27px; margin-bottom: 5px; overflow: hidden; position: relative; text-indent: 100%; }
.top {position:fixed; top:0; left:0; width:100%;}
.top .toptop {position:absolute; top:0; left:0; width:100%; height:50px; background:none;}
.toplogo {position:fixed; top:0; left:0; width:115px; height:100px; background:#1D1D1B; z-index:1010;}
.toplogo img {margin:20px 0 0 20px;}

.social_nav {position:fixed; right:20px; top:15px; z-index:1010;}
.social_nav li {float:left;}
.social_nav li a {width:20px; height:20px; text-indent:-10000px; margin-left:10px;}
.social_nav li a.facebook {background:url(../../files/SYSTEM/images/social.png) no-repeat top left;}
.social_nav li a.instagram {background:url(../../files/SYSTEM/images/social.png) no-repeat bottom left;}

main {position:relative; min-height:100%; width:100%; z-index:1000; background:#fff;}
.section-wrapper {padding:150px 0 0; background:#fff; position:relative;}


h1.left, h2.left {margin-left:100px;}
h2.left2 {margin-left:200px;}
.alle_kurse {border-top:1px solid #1D1D1B; }
.kurs {color:#fff;}
.padding {padding:30px 100px; position:relative;}
.padding2 {padding:0 100px 30px 100px; position:relative;}
.padding3 {padding:0 100px; position:relative;}
.padding hr {position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff;}
.float_left {float:left; width:48.5%;}
.float_right {float:right; width:48.5%;}
.kurs .date {font-weight:bold;} 
.ical {display:inline-block; float:right; color:#fff; margin-top:10px;}
.ical span {background:#1D1D1B; color:#fff;padding:5px 8px; margin-right:5px;}
.ical:hover span {background:#ccc; color:#1D1D1B;}
.alle_kurse .empty {margin:20px 0 0 100px;}
header .empty {margin:0;}
.enclosure {clear:both; margin-top:20px; }
.enclosure a {color:#1D1D1B;background:url(../../files/SYSTEM/images/pdf.png) no-repeat;padding-left:30px;}
.enclosure a .size {font-size:12px;}
.enclosure a:hover {opacity:0.6;}

.pdf a {color:#1D1D1B;background:url(../../files/SYSTEM/images/pdf.png) no-repeat left 2px;padding-left:30px;}

#kursinhalte {z-index:10;}
#kursinhalte .padding {padding:50px 100px; }
#teaching {position:relative;}
#teaching h3 {display:block; padding:50px 100px 0; clear:both;}
#teaching .left, .kurse_desc .left {float:left; width:48.5%; }
#teaching .left p { padding-left:100px;}
#teaching .right, .kurse_desc .right {float:right; width:48.5%; }
#teaching .right p { padding-right:100px;}
#teaching hr {clear:both; position:relative; left:0; width:100%; height:1px; border-bottom:1px solid #1D1D1B; padding-top:50px;}
#teaching hr:last-child {border-bottom:none;}
#kurse-beschreibung a {color:#000; display:inline-block; font-family: 'bold-webfont', Arial, Helvetica, sans-serif; font-size:25px; text-decoration:none;}
#kurse-beschreibung a:hover {color:#ccc;}

.add hr {display:none;}
.add {color:#ADADAD;}

.team {margin-bottom:50px;}
.team:last-child {margin-bottom:0;}
.team img, .studio_top img, .studio2 img, .studio3 img {width:100%; height:auto;}
.studio_bottom {position:relative; width:100%;}
.studio2, .studio3 {float:right; width:33.3333%; }
.studio1 {position:absolute; top:0; left:0; width:33.3333%; height:100%; background:#CAAE8B;}
.zitat_outer {padding:30% 10% 0 10%; font-family: Georgia,serif; color:#fff;font-style:italic;}
.zitat_outer h3 {font-family: Georgia,serif;font-style:italic; font-size:30px; margin:bottom:10px; font-weight:400;}
.mood_images a img {float:left; width:32%; height:auto; margin-right:2%; margin-bottom:2%;}
.mood_images a:nth-child(3n) img {float:right; margin-right:0;}
.mood_images a:hover img {opacity:0.7;}

.address {text-align:left;}
.address h3 {font-size:20px; font-weight: 400;
    line-height: 30px;}
.location {background:url(../../files/SYSTEM/images/map.png) no-repeat center right; line-height:32px; padding-right:30px; color:#1D1D1B; display:inline-block;margin-top:30px;}
.mail, #adresse a {color:#1D1D1B;}
#kontaktformular {width:100%;position:relative; margin-bottom:50px;}
label{position:relative;display:none;}
input {width:98%; padding:0 1%; line-height:35px; height:35px; margin-bottom:20px; border:1px solid #1D1D1B; font-family: 'light-webfont', Arial, Helvetica, sans-serif; font-weight:400;}
textarea {width:98%; height:150px; padding:5px 1%; border:1px solid #1D1D1B; margin-bottom:20px; font-family: 'light-webfont', Arial, Helvetica, sans-serif; font-weight:400;}
input.captcha {width:142px; float:left; margin-right:10px; }
.captcha_text {line-height:35px;}
#kontaktformular .submit_container {position:relative; height:50px;}
#kontaktformular input.submit {width:120px; margin-top:20px; line-height:40px; height:auto; cursor:pointer; color:#fff; background:#1D1D1B; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; position:absolute; left:0;}
#kontaktformular input.submit:hover {opacity:0.6;}
.widget-explanation {clear:both; margin-top:10px;}
#ctrl_8 legend {display:none;}
input#opt_8_0 {width:35px; float:left;}
label#lbl_8_0 {line-height:35px; display:block;}

footer.center { font-size:16px; line-height:22px; margin:50px auto 0 auto;}
footer h4 {font-size:18px; display:block;margin-bottom:20px; text-transform:uppercase;}
.footer_black {background:#1D1D1B; color:#fff;}
footer .center_inner_2 {padding:50px 200px;}
.footer_top {min-height:80px;}
.footer_bottom {margin-top:80px; display:none;}
.footer_white { display:none;}
.copy {text-align:center; padding-top:30px;}
.copy a {display:inline-block;color:#fff;}
.location:hover, .mail:hover, .copy a:hover, #adresse a:hover {opacity:0.6;}
.footerlogo {position:absolute; left:198px; top:30px;}

.onscroll { opacity: 1; -webkit-transition: opacity .7s ease-in, margin-top .7s ease-out; transition: opacity .7s ease-in, margin-top .7s ease-out; }
.onscroll-hidden { opacity: 0; margin-top:0; }

#teaching .ce_text a, #team .ce_text a {color:#1D1D1B; display:inline-block;}
#teaching .ce_text a:hover, #team .ce_text a:hover {opacity:0.6;}

/* events main */
.eventer {position:relative; text-align:center; }
.eventer img {width:100%; height:auto;}
.eventer .desc {position:absolute; top:50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width:94%; margin-left:3%; color:#fff;}
.desc .offer {display:none;}
.eventer .desc h3 {text-transform:uppercase; font-size:30px; line-height:30px; letter-spacing:5px; padding:0 20px; margin-bottom:10px;}
.eventer .desc .teaser {text-transform:uppercase; font-size:20px; line-height:30px; letter-spacing:2px; margin:20px 0; padding:0 20px; font-family: 'light-webfont', Arial, Helvetica, sans-serif;}
.main_event .eventer .desc h3 {font-size:70px; line-height:70px; letter-spacing:5px; }
.main_event .eventer .desc .teaser {font-size:30px; line-height:45px; letter-spacing:5px; }
.eventer .submit_container {position:relative; height:auto; height:40px;}
.main_event .eventer .desc input.submit { width:140px;  line-height:40px; height:auto; cursor:pointer; color:#fff; background:#1D1D1B; position:absolute; left:50%; margin-left:-140px; border:none; margin-bottom:0; display:none;}
.eventer .desc input.submit:hover { background:#666;}
.main_event .eventer .desc .details a {position:absolute; left:50%; color:#1D1D1B; background:#fff; width:140px;  line-height:40px; text-align:center; font-weight:400;  margin-left:-70px;}
.eventer .desc .details a:hover {color:#fff; background:#666;}

.mod_article a {display:inline-block; color:#1D1D1B; text-decoration:underline;}
.mod_article a:hover {color:#999;}

.warning {color:red;}
.news {color:#fff; padding-top:100px;}

/* responsive schnickschnack */
@media (max-width: 1540px) { 
	.center {width:100%; }
	.center_inner {position:relative; padding:0 50px;}
	.center_inner_2 {position:relative; padding:0 100px; }
	h1.left, h2.left  {margin-left:50px;}
	h2.left2 {margin-left:100px;}
	.padding {padding:30px 50px; }
	.padding2 {padding:0 50px 30px;}
	.padding3 {padding:0 50px; }
	#teaching h3 {padding:50px 50px 0;}
	#teaching .left p { padding-left:50px;}
	#teaching .right p { padding-right:50px;}
	.footerlogo { left:98px; }
	footer .center_inner_2 {padding:50px 100px;}
	.alle_kurse .empty {margin:20px 0 0 50px;}
}
@media (max-width: 1280px) { 
	body {font-size:18px; line-height:26px;}
	.center_inner {position:relative; padding:0 50px;}
	.center_inner_2 {position:relative; padding:0 50px; }
	.navigation.fixed .nav, .navigation.fixed .nav li {width:auto !important; }
	.navigation.fixed .nav li a {width:auto !important; padding:0 30px;}	
	h1.left, h2.left  {margin-left:0;}
	h2.left2 {margin-left:50px;}
	.padding {padding:30px 0; }
	.padding2 {padding:0 0 30px;}
	.padding3 {padding:0 30px; }
	#teaching h3 {padding:50px 0 0;}
	#teaching .left p { padding-left:0;}
	#teaching .right p { padding-right:0;}
	.nav { font-size:15px; }
	.zitat { font-size:30px; line-height:60px;}
	footer .center_inner_2 {padding:50px 50px;}
	.footerlogo { left:48px; }
	.alle_kurse .empty {margin:20px 0 0 0px;}
}
@media (max-width: 1050px) { 
	.navigation.fixed .nav li a {padding:0 20px;}
}
@media (max-width: 1024px) { 
	body {font-size:16px; line-height:24px;}
	.center_inner {position:relative; padding:0 20px;}
	#studio .center_inner {position:relative; padding:0 0;}
	.center_inner_2 {position:relative; padding:0 20px; }
	h2.left2, #studio h2 {margin-left:20px;}
	.nav { font-size:15px; }
	.zitat { font-size:25px; line-height:40px;}
	footer.center { font-size:14px; }
	footer .center_inner_2 {padding:50px 20px;}
	.footerlogo { left:18px; }
	.copy {text-align:right; margin-right:20px;}
	#kurse-beschreibung a { font-size:20px;}
	.main_event .eventer .desc h3 {font-size:50px; line-height:50px; letter-spacing:5px; }
	.main_event .eventer .desc .teaser {font-size:30px; line-height:45px; letter-spacing:5px; }
	.padding3 {padding:0 20px; }
	.info {  top:120px; left:10%; width:80%; }
}
@media (max-width: 900px) {
	.navigation {position:fixed; top:0; height:40px; }
	.top .toptop {height:40px;}
	.social_nav { top:10px;}
	.nav { font-size:13px; width:auto; }
	.navigation .nav, .navigation .nav li {width:auto !important; }
	.navigation .nav li a, .navigation.fixed .nav li a {width:auto !important; padding:0 20px; line-height:40px;}
	.next_course {line-height:40px; height:40px; top:40px;}
	.toplogo {height:80px;}
	.toplogo img {margin:10px 0 0 20px;}
	.section-wrapper {padding:130px 0 0; }
	.main_event .eventer .desc h3 {font-size:40px; line-height:40px; letter-spacing:5px; }
	.main_event .eventer .desc .teaser {font-size:20px; line-height:30px; letter-spacing:3px; }
}
@media (max-width: 800px) {
	.navigation .nav li a, .navigation.fixed .nav li a { padding:0 15px;}
	.XXbgvid, .XXtransparent {display:none;}
	.XXvideobox picture {display:block;}
	.XXlogo {width:80%; opacity:1;}
}
@media (max-width: 768px) { 
	.mod_calendar .header {font-size:16px;}
	h1.left, h2.left, h2.left2 {margin-left:0; display:block; text-align:center;}
	.alle_kurse {border-top:none;}
	.kurs_inner, .preis {text-align:center;}
	.preis.add {text-align:left;}
	.ical {float:none; margin-top:20px;}
	.padding hr {left:0; width:100px; left:50%; margin-left:-50px;}
	.float_left, .float_right {float:none; width:100%;}
	.kurs.padding {padding:15px 0; }
	.kursinhalt h3 {text-align:center;}	
	#teaching h3 {text-align:center;}
	#teaching .left, .kurse_desc .left {float:none; width:100%; }
	#teaching .right, .kurse_desc .right {float:none; width:100%; margin-top:20px;}
	.padding hr {left:0; width:100px; left:50%; margin-left:-50px;}
	#teaching hr {left:0; width:100px; left:50%; margin-left:-50px;}
	#teaching hr:last-child {border-bottom:none;}	
	#team .center_inner {position:relative; padding:0;}
	#team .ce_image {margin-bottom:30px;}
	#team .ce_text p {padding:0 20px;}
	#team .ce_text h3 {padding:0 20px;}
	.studio2, .studio3 {float:left; width:50%;}
	.studio1 {position:relative; float:right; top:auto; width:100%; height:auto; }
	.zitat_outer {padding:40px; }
	.zitat { font-size:35px; line-height:50px;}
	.ursprung {margin-top:30px;float:right;}
	.mood_images a img {float:left; width:48%; margin-right:4%; margin-bottom:4%;}
	.mood_images a:nth-child(3n) img {float:left; margin-right:4%;}
	.mood_images a:nth-child(2n) img {float:right; margin-right:0;}
	.address {text-align:center; margin-top:50px;}
	footer.center { font-size:12px; }
	.footerlogo {position:relative; left:50%; margin-left:-50px; top:0;}
	.copy {text-align:center; margin:0 20px;}
	.footer_bottom .float_right {margin-top:22px;}
	.alle_kurse .empty {margin:0; text-align:center; width:100%;}
	.main_event .eventer .desc h3 {font-size:30px; line-height:30px; letter-spacing:3px; }
	.main_event .eventer .desc .teaser {margin:20px 0; }

}
@media (max-width: 767px) {
	.top {height:50px; background:#fff; z-index:1010;}
	.top .toptop {background:#fff; height:50px; box-shadow: inset 0 -2px 2px -2px #eee;}
	.social_nav {top:15px; right:20px;}
	.social_nav li a.facebook {background:url(../../files/SYSTEM/images/social.png) no-repeat top right;}
	.social_nav li a.instagram {background:url(../../files/SYSTEM/images/social.png) no-repeat bottom right;}	
	.toplogo {display:none;}
	.next_course { top:50px; line-height:30px; height:30px; font-size:14px; width:100%; text-align:center; padding:0;}
	.menu_icon, .minilogo { display:block;}
	.navigation { display:block; position:fixed; top:0; height:100%; background:#F7F7F7; bottom:auto; display:none; }
	.navigation.fixed { top:0; background:#F7F7F7;  height:100%;}
	.navigation .center {margin-top:50px;}
	.navigation .center_inner_2, .navigation.fixed .center_inner_2 { margin-left: 0;  box-shadow: inset 0 10px 10px -10px #999;}
	.nav { position:relative; font-size:17px; width:100%; padding:10px 0;}
	.nav li { float:none; color:#1D1D1B; width:100%;}
	.nav li a {color:#1D1D1B;line-height:50px; width:100%; text-align:center;}
	.nav li a:hover, .nav li.active a {color:#999;background:none;}	
	.XXscroll_down { display:block; }
	.section-wrapper {padding:80px 0 0; }
	.all_top .mod_eventlist {display:block; padding:120px 0 50px;}
	.mod_timetable {display:none; background:#000;}
}
@media (max-width: 600px) { 
	.main_event .eventer .desc h3 {font-size:20px; line-height:20px;  }
	.main_event .eventer .desc .teaser {font-size:16px; line-height:24px; letter-spacing:1px; margin:20px 0;}
}
@media (max-width: 500px) { 
	h1, h2 { font-size:30px; line-height:30px; margin-bottom:30px;}
	h3 { font-size:16px; line-height:20px; }
	.zitat_outer {padding:10%; }
	.zitat { font-size:20px; line-height:30px;}
	.main_event .eventer .desc .teaser {font-size:14px; line-height:20px; letter-spacing:1px; margin:10px 0;}
	.main_event .eventer .desc input.submit { width:120px;  line-height:30px; margin-left:-120px; }
	.main_event .eventer .desc .details a {width:120px;  line-height:30px;  }
}
@media (max-width: 400px) { 
	.main_event .eventer .desc .teaser {display:none;}
}
@media (max-device-width : 670px) and (orientation : landscape)  { 
	.nav {-moz-column-count:2; -webkit-column-count:2; column-count:2;}
	.nav li a {line-height:30px; font-size:15px;}
}
/* start */
.top_image {background:#1D1D1B; padding:1px 0 40px; }
.top_shop {background:#1D1D1B; padding:40px 0; }
.top_box { position:relative;}
.top_box h1 {position:absolute; color:#fff; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  width:100%; text-align:center; letter-spacing:5px; font-size:60px; line-height:60px; background:none; z-index:10;}
.top_box h1 span {font-size:30px; font-style:italic;}

.grid {	position:relative; width:calc(102%); margin-left:-1%; margin-top:100px;}
.grid:after { content: ''; display: block; clear: both;}
.sizer,.item { width:31.3333%; padding:1%; position:relative; display:block;}
.item {float: left; color:#fff; }
.item img {width:100%; height:auto;}
.item .inner {background:#1D1D1B; border:2px solid #1D1D1B;}
.no-touchevents .item:hover .inner {opacity:.6;}
.item .desc {text-align:center;}
.item .desc h2 { font-size:30px; line-height:30px; padding:20px; margin-bottom:0;}
.item .desc .price {font-size:24px; padding-bottom:20px;}
.item .desc .teaser {padding:0 20px 20px;}

form .error {color:red;}
form {position:relative;}
input, label {width:97%; display:block; }
label {line-height:40px; min-height:40px;}
input.text {border:2px solid #000; font-size:20px; line-height:40px; height:40px; margin-bottom:20px;}
select, textarea { border:2px solid #000; width:100%; display:block; text-align:center; }
select { padding:3px 0; margin-bottom:40px; line-height:40px; height:40px; background:#fff; font-family: 'light-webfont', Arial, Helvetica, sans-serif; font-weight:400;}
select option { padding:3px 0; line-height:30px; height:30px;}
textarea{font-size:20px; padding:3px;}
textarea {height:150px;}
input.captcha {width:40px; float:left; margin-right:10px; border:2px solid #000; border-radius:5px; font-size:20px; line-height:40px; height:40px;}
.captcha_text {line-height:40px; float:left;}
.submit_container {position:relative; margin:50px 0;}
input.submit { position:relative; color:#fff; padding:0px; height:50px;  background:#000; font-size:18px; width:auto; padding:0 30px; border:none; cursor:pointer; text-transform:uppercase; display:inline-block;}
input.submit:hover {background:#666; color:#fff;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#fff; opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#fff; opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#fff; opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#fff;}


.upper { width:100%; text-align:center; margin-top:130px;}
.go_top { color:#000; font-size:60px; position:relative; top:0;}
.go_top:hover {color:#666;}
.go_top:before {content:'➝';  position:absolute; top:-50px; margin-left:-25px;-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}

.shop_top { margin-top:30px; }
.cart {float:right; color:#000;}
.cart:hover {opacity:.7;}

.back-link {position:relative; color:#fff; padding-left:20px; margin-top:30px; }
.back1 {position:relative; color:#fff; padding-left:20px; margin-top:30px;}
.back-link:before, .back1:before {content:""; content: "❰"; font-size:20px; position:absolute; left:0; top:-2px; }
.back-link:before {top:-1px;}
.back-link:hover {color:#ccc;}

.backers {float:left;color:#fff;}
.backers a {color:#fff; display:inline;}
.backers a:hover {color:#ccc;}

.review .info { position:relative; top:0; left:0;  text-align:left; z-index:10; width:auto; background:none; color:#222; font-size:16px; line-height:22px; display:block;}


p.iso_confirm {display:none;}

/* responsive schnickschnack */
@media (max-height: 500px) { 
	label {line-height:30px; height:30px;}
	input {font-size:18px; line-height:30px; height:30px; margin-bottom:20px;}
	input.submit { height:30px; line-height:30px; padding:0; margin:20px 0 20px -75px; background:#fff; }
}
@media (max-width: 1200px) { 

}
@media (max-width: 1024px) { 
	.top_box h1 {letter-spacing:5px; font-size:50px; line-height:50px; }
}
@media (max-width: 768px) { 
	.top_box h1 {letter-spacing:5px; font-size:30px; line-height:30px; }
	.top_box h1 span {font-size:20px; }
	.grid {	position:relative; width:calc(100%); margin-left:0; margin-top:100px;}
	.sizer,.item { width:48%; }
	.item .desc h2 { font-size:20px; line-height:20px;}
	.item .desc .price {font-size:20px; }
}
@media (max-width: 600px) { 
	.top_box h1 {letter-spacing:5px; font-size:25px; line-height:25px; }
}
@media (max-width: 500px) { 

}
@media (max-width: 400px) { 
	.sizer,.item { width:100%; padding:0; margin-bottom:20px;}
}
#iso_ajaxOverlay, #iso_ajaxBox {display:none !important; }
/* Detail */
.top_image {background:#1D1D1B; padding:60px 0 40px;}
.top_box { position:relative;}
.top_box h1 {position:absolute; color:#fff; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  width:100%; text-align:center; letter-spacing:5px; font-size:60px; line-height:60px; background:none;}
.top_prod {background:#1D1D1B; padding:1px 0 40px; }

.image .image_src img {width:100%; height:auto; opacity:0;}
.image_inner {position:relative;}
.image_inner .gradient {position:absolute; top:0; left:0; width:100%; height:0; -webkit-transition: height .8s; transition: height .8s; background:#000;}
.image_inner .new_img {position:absolute; top:0; left:0; width:100%; height:0; -webkit-transition: height 1s ease .8s; transition: height 1s ease .8s;}
.image .new_img.no_objectfit {position:absolute; background-size: cover; background-position: center center;}
.visible .image_inner .gradient, .visible .image_inner .new_img { height:100%; }
.image.visible .img_title { opacity:1; }
a.image {display:inline-block; position:relative;}
a.image .hover {position:absolute; z-index:10; top:0; left:0; width:100%; height:100%; opacity:0; -webkit-transition:all 0.5s; transition:all 0.5s;}
.no-touchevents a.image:hover .hover {background:rgba(0,0,0,.7);}
.no-touchevents .top_image a.image:hover .hover {background:rgba(0,0,0,.0);}
a.image.visible .hover { opacity:1; }
a.image .new_img:after {position:absolute; z-index:11; right:15px; top:10px; font-size:30px; content: "✚"; color:#fff; opacity:0; -webkit-transition: opacity .5s ease 1.8s; transition: opacity .5s ease 1.8s;}
.top_image a.image .new_img:after {content: "";}
a.image.visible .new_img:after {opacity:1;}

.produkt {padding-top:60px;}
.product  .left {float:left; width:30%;}
.product  .left a {margin-bottom:20px;}

.product .right {position:relative; float:right; width:70%;  }
.product h2 {margin:80px 0 20px;font-size:24px;}
.product .desc {padding-left:50px; }
.product .desc a {color:#1D1D1B; text-decoration:underline;}
.product .desc a:hover {color:#999; }
.product .options {margin-top:40px; }
.price {margin-top:80px;}
.euro {font-size:50px; line-height:50px; font-family: 'Fabrik'; font-weight: bold;}
.incl {font-family: 'Moderat'; font-weight: bold; font-size:12px; margin-top:0;}
.add {border:2px solid #000; border-radius:10px; background:#000; color:#fff; padding:10px 30px; margin-top:50px;}
.add:hover {background:#fff; color:#000;}

p.back {display:none;}

/* responsive schnickschnack */
@media (max-width: 1200px) { 
	.product h2 {font-size:20px;}
	.product h1, .euro {font-size:40px; line-height:40px;}
}
@media (max-width: 768px) { 
	.product h2 {font-size:18px;}
	.product h1, .euro {font-size:30px; line-height:30px;}
	.product .desc {padding-left:20px;}
	a.image .new_img:after { font-size:30px; right:10px; top:10px;}
}
@media (max-width: 600px) { 
	.product .inner .left {float:right; width:100%; margin-bottom:50px;}
	.product .inner .right {float:left; width:100%;}
}
@media (max-width: 400px) { 
	.product  .left {float:right; width:100%;}
	.product  .right {float:left; width:100%; margin-top:0;}
	.product .desc {padding-left:0;}
}

/* LIGHTBOX */
.images {padding-bottom:40px;}
.images .center2 {padding:0;}
.lightbox_photos {}
.lightbox_photos li { width:33.3333%; padding:15px; display:block; position:relative; float:left;}
.lightbox_photos li a {background:#000; display:inline-block; position:relative;}
.lightbox_photos li a img {width:100%; height:auto; }
.lightbox_photos li a .hover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7) url(../../files/SYSTEM/images/plus.png) no-repeat center center; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; opacity:0;}
.lightbox_photos li a:hover .hover {opacity:1;}

html { -ms-touch-action: manipulation; touch-action: manipulation; }
/* IMAGE LIGHTBOX SELECTOR */
#imagelightbox { cursor: pointer; position: fixed; z-index: 10000; -ms-touch-action: none; touch-action: none; -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .8 ); box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); }
/* ACTIVITY INDICATION */
#imagelightbox-loading,	#imagelightbox-loading div { border-radius: 50%; }
#imagelightbox-loading {  width: 2.5em; height: 2.5em; background-color: #000; background-color: rgba( 0, 0, 0, .8 ); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.625em; margin: -1.25em 0 0 -1.25em; -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); }
#imagelightbox-loading div { width: 1.25em; height: 1.25em; background-color:#fff; -webkit-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite;}
@-webkit-keyframes imagelightbox-loading { from { opacity: .5;-webkit-transform: scale( .75 ); }50%	{ opacity: 1;-webkit-transform: scale( 1 ); } to { opacity: .5;	-webkit-transform: scale( .75 ); } }
@keyframes imagelightbox-loading {from { opacity: .5;transform: scale( .75 ); }	50%	{ opacity: 1;	transform: scale( 1 ); }to	 { opacity: .5;	transform: scale( .75 ); }}
/* OVERLAY */
#imagelightbox-overlay { background-color:#141414; background-color: rgba( 0, 0, 0, .9 ); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; }
/* "CLOSE" BUTTON */
#imagelightbox-close { width: 40px; height: 40px; text-align: left; position: fixed; z-index: 10002; top:15px; right:15px; cursor:pointer; background-color:transparent;}
#imagelightbox-close:before, #imagelightbox-close:after { width:6px; background-color: #fff; content: ''; position: absolute; top: 10%; bottom: 10%; left: 50%; margin-left:-2px; -webkit-transition: color .3s ease; transition: color .3s ease;}
#imagelightbox-close:before { -webkit-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); transform: rotate( 45deg ); }
#imagelightbox-close:after { -webkit-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); transform: rotate( -45deg ); }
#imagelightbox-close:hover:before, #imagelightbox-close:hover:after {background-color: #999;}
/* ARROWS */
.imagelightbox-arrow {width:50px; height:50px; background-color:transparent; vertical-align: middle; display: none; position: fixed; z-index: 10001; top: 50%; margin-top: -25px; cursor:pointer;}
.imagelightbox-arrow-left { left:20px;  }
.imagelightbox-arrow-right { right:20px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.imagelightbox-arrow:before { font-size:40px; color: #fff;}
.imagelightbox-arrow:hover:before {color: #999;}
.imagelightbox-arrow-left:before { content: "❰"; }
.imagelightbox-arrow-right:before{content: "❰";}
										
#imagelightbox-loading, #imagelightbox-overlay,	#imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow 	{ -webkit-animation: fade-in .25s linear; animation: fade-in .25s linear; }
@-webkit-keyframes fade-in {
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}
@keyframes fade-in {
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}

@media (max-width: 768px) {
	.imagelightbox-arrow-left, .imagelightbox-arrow-right {display:none !important;}
}