/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  line-height: 150%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
    font-family: 'aaargh';
    src: url('../fonts/Aaargh-webfont.eot');
    src: url('../fonts/Aaargh-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Aaargh-webfont.woff') format('woff'),
         url('../fonts/Aaargh-webfont.ttf') format('truetype'),
         url('../fonts/Aaargh-webfont.svg#aaarghnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'daniel-regular';
    src: url('../fonts/daniel-webfont.eot');
    src: url('../fonts/daniel-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/daniel-webfont.woff') format('woff'),
         url('../fonts/daniel-webfont.ttf') format('truetype'),
         url('../fonts/daniel-webfont.svg#danielregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'daniel-bold';
    src: url('../fonts/danielbd-webfont.eot');
    src: url('../fonts/danielbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/danielbd-webfont.woff') format('woff'),
         url('../fonts/danielbd-webfont.ttf') format('truetype'),
         url('../fonts/danielbd-webfont.svg#danielbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'daniel-black';
    src: url('../fonts/Daniel-Black-webfont.eot');
    src: url('../fonts/Daniel-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Daniel-Black-webfont.woff') format('woff'),
         url('../fonts/Daniel-Black-webfont.ttf') format('truetype'),
         url('../fonts/Daniel-Black-webfont.svg#danielblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'novecento-bold';
    src: url('../fonts/novecentowide-bold-webfont.eot');
    src: url('../fonts/novecentowide-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/novecentowide-bold-webfont.woff') format('woff'),
         url('../fonts/novecentowide-bold-webfont.ttf') format('truetype'),
         url('../fonts/novecentowide-bold-webfont.svg#novecento_wide_bookbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'novecento-book';
    src: url('../fonts/novecentowide-book-webfont.eot');
    src: url('../fonts/novecentowide-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/novecentowide-book-webfont.woff') format('woff'),
         url('../fonts/novecentowide-book-webfont.ttf') format('truetype'),
         url('../fonts/novecentowide-book-webfont.svg#novecento_widebook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'novecento-demibold';
    src: url('../fonts/novecentowide-demibold-webfont.eot');
    src: url('../fonts/novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/novecentowide-demibold-webfont.woff') format('woff'),
         url('../fonts/novecentowide-demibold-webfont.ttf') format('truetype'),
         url('../fonts/novecentowide-demibold-webfont.svg#novecento_widedemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'novecento-light';
    src: url('../fonts/novecentowide-light-webfont.eot');
    src: url('../fonts/novecentowide-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/novecentowide-light-webfont.woff') format('woff'),
         url('../fonts/novecentowide-light-webfont.ttf') format('truetype'),
         url('../fonts/novecentowide-light-webfont.svg#novecento_widelight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'novecento-medium';
    src: url('../fonts/novecentowide-medium-webfont.eot');
    src: url('../fonts/novecentowide-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/novecentowide-medium-webfont.woff') format('woff'),
         url('../fonts/novecentowide-medium-webfont.ttf') format('truetype'),
         url('../fonts/novecentowide-medium-webfont.svg#novecento_widemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family: 'aaargh', Helvetica, Arial, sans-serif; font-size: 14px; color: #888; background: #0f0f0d; line-height: 150%; position: relative;}
a { color: #888; text-decoration: none;}
p { margin: 10px 0;}
h3 { font-size: 28px; font-family: 'novecento-bold'; color: #fff; margin-bottom: 10px; text-shadow: 0 3px 0 #141412, 0 4px 0 rgba(255,255,255,.3); line-height: 1.1;}
h4 { font-size: 16px; color: rgba(240,199,101,.85); margin: 6px 0; font-family: 'novecento-medium';}
.wrapper {}
.content {}
.content-int { margin: 0 auto; padding: 60px 7% 30px 7%; background: url("../images/content-int-bg.jpg") fixed;}
.header { position: relative; padding: 30px 30px 0 30px; box-shadow: 0 0 7px rgba(0,0,0,.5); border-bottom: 1px solid rgba(255,255,255,.06);}
.header .social-media { float: left;}
.header .menu { text-align: center; /*border-bottom: 1px solid rgba(255,255,255,.1);*/}
.header .menu ul { text-align: center; display: inline-block; border-top: 1px solid rgba(255,255,255,.1); padding: 2px 5px;}
.header .menu li { display: inline-block; border-left: 1px dotted rgba(255,255,255,.07);}
.header .menu li a { display: block; padding: 6px 18px; font-family: 'novecento-bold'; font-size:13px; color: #fff; color: rgba(255,255,255,.55); transition: .2s; -webkit-transition: .2s; }
.header .menu li a:hover { color: #fff;}
.header .menu li:first-child { border: none;}
.header .menu .current a { color: #fff;}
.header .lang { float: right;}

.title-section { margin-bottom: 20px;}
.title-section h1 { font-size: 50px; color: #f0c765; text-align: center; text-transform: lowercase; line-height: 1;}
.title-section h2 { font-family: 'daniel-regular'; text-align: center; font-size: 26px; color: #f0c765; text-transform: lowercase; line-height: 1.1;}

.social-media { margin-top: 10px; display: none;}
.social-media .facebook a { text-indent: -99999px; border-radius: 15px; border:1px solid #efdf9e; background: url("../images/facebook.png") center no-repeat; width: 28px; height: 28px; display: block;}
.social-media .facebook a:hover {}

.lang { position: absolute; right: 0; top: 30px; position: fixed; z-index: 1;}
.lang li { margin-bottom: 1px;}
.lang li a { font-size: 12px; position: relative; right: -5px; display: block; padding: 1px 40px 1px 5px; color: #000; text-transform: uppercase; background: #fff; background: rgba(255,255,255,.66); transition: .4s; -webkit-transition: .4s; font-family: 'novecento-bold';}
.lang li a:hover { background: #fff; right: 0;}

.logo { text-indent: -99999px; display: block; width: 291px; height: 46px; background: url("../images/schilling-logo.png") no-repeat; margin: 0 auto 15px auto; transition: .2s; -webkit-transition: .2s;}
.logo:hover { opacity: .6;}

.facebook-button { /*border-radius: 15px; border:1px solid #fff; border: 1px solid rgba(255,255,255,.6);*/ position: absolute; top: 20px; left: 30px; background: url("../images/facebook.png") no-repeat; padding-left: 30px; height: 28px; width: 74px; text-indent:-99999px; /* color: #fff; font-family: 'novecento-book'; line-height: 32px; font-size: 12px;*/ opacity: .35; transition: .2s; -webkit-transition: .2s;}
.facebook-button:hover {opacity: 1;}

.gallery-images li {
      -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.gallery-images li img {
      width: 100%;
      height: auto;
        opacity: 1;
          transition: .2s; -webkit-transition: .2s;
    }

.gallery-images {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

/**
 * Grid items
 */
.gallery-images li {

  width: 200px;
  display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
}

.gallery-images li a{
  transition: .2s; -webkit-transition: .2s;
  background-color: rgba(255,255,255,.7);
/*  border: 7px solid #000;
  border: 7px solid rgba(0,0,0,1);*/
/*  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;*/
  padding: 2px;
  display: block;

}

.gallery-images li a:hover img{
opacity: .6;
}

.gallery-images li a:hover {
background-color: transparent;
}

.gallery-images li.inactive {
  visibility: hidden;
  opacity: 0;
}

.gallery-images li img {
  display: block;
}

/**
 * Grid item text
 */
.gallery-images li p {
  color: #666;
  font-size: 13px;
line-height: 20px;
text-align: center;
font-weight: 200;
  margin: 7px 0 2px 7px;
}

/**
 * Progress bar for imagesLoaded
 */
.progress-bar {
  background-color: #0BC20B;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
  -webkit-transition: width 0.3s ease-out;
     -moz-transition: width 0.3s ease-out;
       -o-transition: width 0.3s ease-out;
          transition: width 0.3s ease-out;
}

/**
 * Placerholder css
 */
.wookmark-placeholder {
          border-radius: 2px;
     -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #eee;
  border: 1px solid #dedede;
  z-index: -1;
}

.example-tiles {
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

.example-tiles li {
  display: block;
  list-style-type: none;
  float: left;
  margin: 5px;
  -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;
}

.example-tiles a,
.example-tiles a:hover {
  color: #555;
  background-color: #eee;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  height: 200px;
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  padding: 5px 8px;
  border-radius: 3px;
}

.example-tiles a:hover {
  background-color: #ddd;
}


.address { margin-bottom: 5px; text-align: center; color: #f0c765; font-family: 'novecento-bold'; background: #aaa;}
.map { margin-bottom: 5px;}
#map_canvas { height: 500px !important;}

.contact-form { overflow: hidden;}
.contact-form .field { margin-bottom: 10px;}
.contact-form label { display: block; font-family: 'novecento-bold'; color: rgba(255,255,255,.2);}
.contact-form .fields input, .contact-form .fields textarea { border-radius: 1px; color: #aaa; font-family: 'aaargh'; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(255,255,255,.03); background: rgba(255,255,255,.13); display: block; width: 100%; padding: 10px; transition: .2s; -webkit-transition: .2s;}
.contact-form .fields input:hover, .contact-form .fields textarea:hover { background: rgba(255,255,255,.17); }
.contact-form .fields input:focus, .contact-form .fields textarea:focus { border-color: rgba(240,199,101,.7); background: rgba(255,255,255,.17); }
.contact-form .fields textarea { height: 250px; }
.contact-form input[type="submit"] { float:right; transition: .2s; -webkit-transition: .2s; border-radius: 1px; border: 2px solid #fff; background: none; color: #fff; font-family: 'novecento-bold'; padding: 10px; cursor: pointer;}
.contact-form input[type="submit"]:hover { background: #F0C765; border-color:#F0C765; color: #151515;}

.text-intro { color: #f0c765; text-align: center; margin: 0 auto; font-size: 16px; line-height: 135%; }

.testimonial { text-align: center; margin: 0 auto 5px auto; position: relative;}
.testimonial small { font-family: 'novecento-book'; color: #f0c765; }
.testimonial .quotes-open { position: absolute; left: -10px; top: 15px;}
.testimonial .quotes-close { position: absolute; right: -10px; bottom: 15px;}

.introduction {padding: 390px 20% 30px; background-size: cover; /*border-radius: 1px; */ /*border-top: 1px solid #fff; border-top: 1px solid rgba(255,255,255,.35);*/ border-bottom: 1px solid #F0C765; border-bottom: 2px solid rgba(240,199,101,.42);}
.intro-home {background: url(../images/home-bg.jpg) no-repeat center top fixed;}
.intro-events {background: url(../images/events-bg.jpg) no-repeat center top fixed;}
.intro-food {background: url(../images/food-bg.jpg) no-repeat center top fixed;}
.intro-drink {background: url(../images/drink-bg.jpg) no-repeat center top fixed;}
.intro-gallery {background: url(../images/gallery-bg.jpg) no-repeat center top fixed;}
.intro-contact {background: url(../images/contact-bg.jpg) no-repeat center top fixed;}
.intro-art {background: url(../images/art-schilling-bg.jpg) no-repeat center top fixed;}

.food-content .food-kind { margin-bottom: 5px; text-align: center;}
.food-content .food-sub-kind+.food-sub-kind { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(240,199,101,.2); }
.food-content .food-kind .dish { overflow: hidden; padding: 5px 0;}
.food-content .food-kind ul .dish + .dish { border-top: 1px dotted rgba(255,255,255,.1);}
.food-content .food-kind .number {color: #fff; font-size: 18px; line-height: 1; margin-right: 10px;}
.food-content .food-kind .name { line-height: 18px;}

.drink-content .drink-kind { margin-bottom: 5px; text-align: center;}
.drink-content .drink-sub-kind+.drink-sub-kind { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(240,199,101,.2); }
.drink-content .drink-kind .drink { overflow: hidden; padding: 9px 0;}
.drink-content .drink-kind ul .drink+.drink { border-top: 1px dotted rgba(255,255,255,.1);}
.drink-content .drink-kind .number {color: #fff; font-size: 18px; line-height: 1; margin-right: 10px;}
.drink-content .drink-kind .name { margin-right: 10px; line-height: 18px;}
.drink-content .drink-kind .bottle-price {margin-right: 10px;}

.event-box { float: left;}
#event-1 { width:19%; margin-right: 2%;}
#event-2 { width:58%;}
#event-3 { width:19%; margin-left: 2%;}
.event img { width: 100%; margin-bottom: 10px; border: 10px solid rgba(0,0,0,.3); border-radius: 4px; -moz-box-sizing: border-box; box-sizing: border-box; }
.event .date { display: block; text-align: center; font-family: 'novecento-bold'; color: #fff; color: rgba(255,255,255,.7); font-size: 12px; line-height: 1;}
.event .desc { margin-top: 5px; text-align: center;}

.current-expo { margin-bottom: 5px;}
.current-expo h2 {text-align:center; font-size: 28px; font-family: 'novecento-bold'; color: #fff; margin-bottom: 6px; text-shadow: 0 3px 0 #141412, 0 4px 0 rgba(255,255,255,.3); line-height: 1.1;}
.current-expo .date {display:block; text-align:center; font-size: 20px; font-family: 'novecento-bold'; color: #fff; color: rgba(255,255,255,.75);}
.current-expo .links{}
.current-expo .links a {display:block; text-align:center; font-size: 16px; color: #F0C765; transition: .2s; -webkit-transition: .2s;}
.current-expo .links a:hover {opacity: .6;}
.current-expo img { display: block; max-width: 90%; margin: 30px auto 0; border: 10px solid rgba(0,0,0,.3); border-radius: 4px; -moz-box-sizing: border-box; box-sizing: border-box;}

.other-expo+.other-expo { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.1); }
.other-expo { text-align: center;}
.other-expo a { transition: .2s; -webkit-transition: .2s; text-transform: uppercase; font-family: 'novecento-demibold';}
.other-expo a:hover { color: #fff;}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;height: auto!important;width: auto!important;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#000 repeat 0 0;}
#colorbox{outline:0;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
/*#cboxLoadedContent{margin-bottom:28px;}*/
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;display: none!important;}
#cboxLoadingOverlay{background:url("../images/loading_background.png") no-repeat center center;}
#cboxLoadingGraphic{background:url("../images/loading.gif") no-repeat center center;}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:50%; left:0; background:url("../images/fancybox_sprite.png") no-repeat 0 -35px; width:35px; height:35px; text-indent:-9999px;}
#cboxNext{position:absolute; bottom:50%; right:0; background:url("../images/fancybox_sprite.png") no-repeat 0 -70px; width:35px; height:35px; text-indent:-9999px;}
#cboxClose{position:absolute; top:0; right:0; background:url("../images/fancybox_sprite.png") no-repeat 0 0; width:35px; height:35px; text-indent:-9999px;}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

footer { background: #fff; padding: 10px 0;}
footer .footer-int { margin: 0 auto; width: 85%; overflow: hidden; font-family: 'novecento-bold'; color: #222; font-size: 12px;}
footer .footer-int a { transition: .2s; -webkit-transition: .2s; color: #222;}
footer .footer-int a:hover {opacity: .7;}
footer .footer-left { float: left;}
footer .footer-left .legal-area { float: left; margin-left: 15px;}
footer .footer-left > span { font-family: 'novecento-medium'; float: left;}
footer .credits { float: right;}

.cc-cookies { position:fixed; width: 100%; left: 0; bottom: 0; padding: 0.7em 3%; background: #414141; letter-spacing: .2px; background: rgba(65,65,65,1); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.4); font-size: 13px; z-index: 99999; text-align: center;  }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { margin-left:10px; display: inline-block; color: #fff; text-decoration: none; background: #5fa100; padding: 0.3em 1em; text-transform: uppercase; border-radius: 3px; font-family: 'novecento-bold'; box-shadow: 0 0 2px rgba(0,0,0,.25); text-shadow: 0 -1px 0 rgba(0,0,0,.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #4a7e00; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

.clear { clear: both; height: 0; line-height: 0;}
.box { -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 30px;
        background: #13120f;
        background: rgba(19, 18, 15,.9);
        border-radius: 2px;
        box-shadow: 0 2px 5px rgba(0,0,0,.5);}
.go-top { display: none; z-index: 1000; opacity: .7; position: fixed; bottom: 10px; right: 10px; text-indent: -99999px; width: 60px; height: 60px; background: url("../images/go-top-button.png") no-repeat; cursor: pointer;transition: .2s; -webkit-transition: .2s;}
.go-top:hover { opacity: 1;}
#toggle { display: none;}


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

  .content-int { padding: 30px 5%;}
  .title-section h1 { font-size: 38px; }
  .title-section h2 {  font-size: 22px;}
  h3 { font-size: 20px;}
  .introduction { padding-top: 160px;}
  .event-box { float: none;}
  .event-box+.event-box { padding-top: 15px; margin-top: 15px; border-top: 1px solid rgba(255,255,255,.4); }
  #event-1, #event-2, #event-3 { width: 100%; margin: 0 0 5px 0;}
}

@media screen and (max-width: 850px) {
  .introduction { padding-top: 80px;}
  .header { padding: 0;}
  .header .menu ul { display: block;}
  .header .menu li {
    float: none; display: block; border-left: 0;
  }
  .header .menu li a:hover { background: #000;}
.header .menu li+li {
   border-top: 1px solid rgba(255,255,255,.05);
  }

      .js #top-menu {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    clear: both;
  }

  #toggle {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 22px;
    height: 12px;
    position: absolute;
    z-index: 10000;
    right: 30px;
    top: 32px;
    text-indent: -9999px;
    background: url(../images/nav-icon.png) no-repeat;}

  #toggle:hover {
    opacity:.6;
  }

  footer .footer-left { float: none; text-align: center;}
  footer .footer-left > span { float: none;}
  footer .footer-left .legal-area { float: none; margin-left: 0;}
  footer .credits { float: none; text-align: center; margin-top: 15px;}

  .lang { display: none;}
  .logo { margin: 30px 0 30px 30px; float: left; width: 121px; height: 19px; background: url("../images/schilling-logo-small.png") no-repeat; }
  .facebook-button { display: none;}
  .box { padding: 15px}
  .go-top { display: none !important;}
}