/* 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; }
.back-link {position:relative; color:#000; margin-top:0px; padding-left:20px;  float:left; }
.top_shop .back-link, .top_shop .cart {color:#fff; }
.top_shop .back-link:hover {color:#999; }

h1 {position:relative; width:100%; text-align:center; display:block; margin-bottom:50px; background:url(../../files/SYSTEM/images/header_back.png) no-repeat center center; padding:50px 0;}
h1:before {content:''; display:none;}
h2 {padding:0; margin-bottom:20px; margin-top:0;}
.column {font-size:18px; line-height:28px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap:50px; -moz-column-gap:50px; column-gap:50px;}
/* warenkorb */
.mod_iso_cart {margin:0 0 40px; position:relative; }
.mod_iso_cart img {max-width:100%; height:auto; }
.mod_iso_cart .empty {font-size:30px; color:#ff7a12; position:relative; width:100%; text-align:center; display:block; margin:50px 0;}
.error {color:#ff7a12;}
.mod_iso_cart a {color:#000;}
.mod_iso_cart a:hover {background:#1D1D1B; color:#fff;}
.mod_iso_cart table {position:relative; width:100%; border-bottom:10px double #000; text-align:left;}
.mod_iso_cart table tr{border-top:2px solid #000;  }
.mod_iso_cart table td {width:16.6666%; font-size:18px; line-height:35px; padding:30px 0;}
.mod_iso_cart table td.image {padding-right:3%; }
.mod_iso_cart table td.name {width:40%; font-size:25px; }
.mod_iso_cart table td.quantity {width:2.5%; padding:0 2%; opacity:0;}
.mod_iso_cart table td.col_3.price { width:6.6666%; opacity:0; }
.mod_iso_cart table td.price.total { font-size:25px; }
span.currency {padding-left:5px;}
.mod_iso_cart table td.actions a.edit { display:none; }
.mod_iso_cart table td.actions a.remove { position:relative; color:#fff; padding:0 10px;display:inline-block; }
.mod_iso_cart table td.actions a.remove:hover { color:#fff; }
.mod_iso_cart table td.actions a.remove:before { position:relative; content: "✘"; color:#000; margin-right:5px; font-size:22px;}
.mod_iso_cart table td.actions a.remove:hover:before { color:#fff; }
.mod_iso_cart table tr.total td.price.total, .mod_iso_cart table tr.total td.name {font-size:30px; font-weight:bold;}
.mod_iso_cart input.button_update {display:none;}
.mod_iso_cart .submit_container { text-align:center; } 
.mod_iso_cart p.incl{margin-top:10px; font-size:18px;}
.mod_iso_cart p.empty{margin-bottom:300px;}
.holow .mod_iso_cart .coupon {display:block;}
/* kasse */
.mod_iso_checkout h2 {margin-top:50px;}
.mod_iso_checkout .steps {margin:40px 0; text-align:center;}
.mod_iso_checkout .steps .address {text-align:center;}
.mod_iso_checkout .steps ol li {display:inline-block; width:33%; text-align:center; text-transform:uppercase; font-weight: bold; line-height:40px;margin-bottom:3px;}
.mod_iso_checkout .steps ol li span {display:block;  background:#f0f1f1;}
.mod_iso_checkout .steps ol li.passed a {display:block;  background:#7e8489; color:#fff;}
.mod_iso_checkout .steps ol li span.active, .mod_iso_checkout .steps ol li.passed a:hover { background:#1D1D1B;color:#fff; }
.address p {margin-bottom:20px;}
.widget-radio label {width:auto; display:inline-block; float:left; margin-bottom:30px;}
.mod_iso_checkout input.radio, .mod_iso_checkout input.checkbox {border:2px solid #000; width:40px; height:40px; position:relative; background:#fff; margin-bottom:0; margin-top:20px;}
.address.billingaddress, .address.shippingaddress {text-align:left;}
.mod_iso_checkout input[type=radio]:checked, .mod_iso_checkout input[type=checkbox]:checked  { background:#000;} 
.radio_container span {clear:both; display:block; margin-top:20px;}
.radio_container input { display:inline; float:left; margin-top:0px !important;}
.radio_container label {margin-top:0px;}
.review .info {margin-top:0;}
.review.orderinfo {font-size:18px; line-height:35px;}
.review .info_container {margin-top:50px;}
.review .vcard a {background:#fff;}

.review table {position:relative; width:100%; border-bottom:10px double #000; text-align:left; margin-top:30px;}
.review img {width:100%; height:auto;}
.review table tr{border-top:2px solid #000;  }
.review table td {width:16.6666%; font-size:18px; line-height:35px; padding:30px 0;}
.review table td.image {padding-right:3%; }
.review table td.name {width:40%; font-size:18px; }
.review table td.quantity {width:2.5%; padding:0 2%; opacity:0;}
.review table td.col_3.price { width:6.6666%; opacity:0; }
.review table td.price.total { font-size:25px; }
span.currency {padding-left:5px; display:inline;}
.review h3 {margin-top:10px;}
.review table tr.total td.price.total {font-size:30px; font-weight:bold;}
.review p.incl{margin-top:10px; font-size:18px;}
.orderconditionsafterproducts {margin-top:50px;  font-size:18px; line-height:35px;}
.review a {color:#fff; background:#1D1D1B; padding:0px 10px; display:inline-block;}
.review a:hover {background:#f0f1f1; color:#1D1D1B;}
#ctrl_paymentmethod {text-transform:uppercase;}
#ctrl_paymentmethod .note {text-transform:none;}

/* sonstiges */
#tl_lost_password, #tl_registration, #iso_mod_checkout_address, #iso_mod_checkout_payment, #iso_mod_checkout_shipping {padding:0 20%;}
#tl_lost_password input.submit { width:250px; margin:40px 0 30px -125px; } 
.ce_text.mittig {font-size:20px; text-align:center; line-height:35px;}

@media (max-width: 960px) { 
	#tl_lost_password, #tl_registration, #iso_mod_checkout_address, #iso_mod_checkout_payment, #iso_mod_checkout_shipping {padding:0 10%;}
}
@media (max-width: 768px) { 
	#tl_lost_password, #tl_registration, #iso_mod_checkout_address, #iso_mod_checkout_shipping {padding:0;}
	.mod_iso_cart table td {font-size:14px; line-height:25px; padding:20px 0;}
	.mod_iso_cart table td.name {font-size:18px; }
	.mod_iso_cart table td.price.total { font-size:18px; }
	.mod_iso_cart table tr.total td.price.total, .mod_iso_cart table tr.total td.name {font-size:20px; font-weight:bold;}
	.mod_iso_cart p.incl{ font-size:14px; line-height:20px;}
	.mod_iso_checkout .steps ol li {font-size:18px; width:32%;}
}
@media (max-width:600px) { 
	.mod_iso_checkout .steps ol li {width:48%; }
	.mod_iso_cart table td.col_0 {display:none; }
	.mod_iso_cart table td.col_3.price {display:none; }
	.mod_iso_cart table td.col_5 { width:auto; padding:0 0 0 5px;}
}
@media (max-width: 450px) { 
	.mod_iso_cart table td.col_0 {display:none;}
	.mod_iso_checkout .steps ol li {font-size:16px; font-weight:normal;}
	.review table td.col_0, .review table td.col_3 {display:none;}
}
@media (max-width:400px) { 
	.mod_iso_checkout .steps ol li {font-size:14px; }
	
}