/* 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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
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;
}
/* ==========================================================
GLOBAL
========================================================== */
html, body {
  color: #000;
  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  height: 100%;
}
body.light {
  background: #e6e6e6 url(../img/body_bg_light.gif) repeat left top;
}
body.dark {
  background: #000 url(../img/body_bg_dark.gif) repeat left top;
  color: #fff;
}
strong {
  font-weight: 500; /* alter Wert 700 sorgt für Darstellungsfehler bei kleiner Schrift (14px) */
}
em {
  font-style: italic;
}
small {
  font-size: 11px;
  line-height: 12px;
}
sup, sub {
  line-height: 1em;
  vertical-align: top;
  font-size: 80%;
}
::-moz-selection {
  background: #19a3d1;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #19a3d1;
  color: #fff;
  text-shadow: none;
}
a:link {
  -webkit-tap-highlight-color: #19a3d1;
}
p.white, p .white {
  color: #fff;
}
p.grey, p .grey {
  color: #999;
}
p.red, p .red, h2 .red {
  color: #ff0000;
}

/* CLEAR ------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* ohne IE Mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* Ende ohne IE Mac */
hr.clear, hr.clearer {
  border: medium none;
  clear: both;
  height: 0.1px;
  visibility: hidden;
  margin: 0;
}
.bfc_clear {
  display: inline-block;
}
/* ==========================================================
HOME
========================================================== */
.home .page {
  height: 100%;
  min-height: inherit;
}
.home .content {
  padding: 0 10px 0 50px;
  height: 100%;
}
.home .col-1,
.home .col-2,
.home .col-3,
.home .col-4 {
  float: left;
  width: 25%;
  min-height: 100%;
}
.home .col-1 .col-inner,
.home .col-2 .col-inner,
.home .col-3 .col-inner,
.home .col-4 .col-inner {
  padding: 5px 10px 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
/* Hover der Spalten während der Introanimation unterdrücken */
.home .intro-animation-disabled:hover .col-inner {
  display: none !important;
}
.home .intro-animation-disabled,
.home .intro-animation-disabled .subnavigation a {
  cursor: default;
}
.home .intro-animation-disabled p {
  color: #fff;
}
/* HEAD AND FOOTER --------------------------------------- */
.home header {
  position: absolute;
  width: 860px;
}
.home footer {
  width: 860px;
}
/* NAVIGATION -------------------------------------------- */
.home .content a.events,
.home .content a.locations,
.home .content a.catering,
.home .content a.club {
  font-family: 'Terminal Dosis', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: 10px;
  background: url(../img/arrow-grey-down.png) no-repeat 200px .8em;
  width: 200px;
  margin-top: 7.8em;
  -webkit-transition: color 0.4s ease;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
}
/* CATERING ------------ */
.home .content a.catering:link, .home .content a.catering:visited {
    color: #33ab17;
}
.home .col-1:hover a.catering, .home .content .col-1 a.col-1-intro-animation-link-color {
    color: #fff;
    background: none;
}
.home .intro-animation-disabled:hover a.catering {
    background: url(../img/arrow-grey-down.png) no-repeat 200px .8em;
    color: #33ab17;
}
.home .col-1-intro-animation-color:hover a.catering {
    color: #fff;
    background: none;
}
/* LOCATIONS ----------- */
.home .content a.locations:link, .home .content a.locations:visited {
  color: #194b71;
}
.home .col-2:hover a.locations, .home .content .col-2 a.col-2-intro-animation-link-color  {
  color: #fff;
  background: none;
}
.home .intro-animation-disabled:hover a.locations {
  background: url(../img/arrow-grey-down.png) no-repeat 200px .8em;
  color: #194b71;
}
.home .col-2-intro-animation-color:hover a.locations {
  color: #fff;
  background: none;
}
/* EVENTS -------------- */
.home .content a.events:link, .home .content a.events:visited {
    color: #0099cc;
}
.home .col-3:hover a.events, .home .content .col-3 a.col-3-intro-animation-link-color {
    color: #fff;
    background: none;
}
.home .intro-animation-disabled:hover a.events {
    background: url(../img/arrow-grey-down.png) no-repeat 200px .8em;
    color: #0099cc;
}
.home .col-3-intro-animation-color:hover a.events {
    color: #fff;
    background: none;
}
/* CLUB ---------------- */
.home .content a.club:link, .home .content a.club:visited {
  color: #000;
}
.home .col-4:hover a.club, .home .content .col-4 a.col-4-intro-animation-link-color  {
  color: #fff;
  background: none;
}
.home .intro-animation-disabled:hover a.club {
  background: url(../img/arrow-grey-down.png) no-repeat 200px .8em;
  color: #000;
}
.home .col-4-intro-animation-color:hover a.club {
  color: #fff;
  background: none;
}
/* SUBNAVIGATION ------- */
.home .subnavigation {
  list-style-image: none;
  margin: 15px 0 0 0;
}
.home .subnavigation li {
  margin-bottom: 2px;
}
.home .subnavigation a:link, .home .subnavigation a:visited {
  color:#fff;
  font-family: 'Terminal Dosis', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}
.home .subnavigation a:hover, .home .subnavigation a:active, .home .subnavigation a:focus {
  color: #000;
  background-color: #fff;
}
/* COL 1 ------------------------------------------------- */
.home .col-1 {
    background-color: rgba(51, 171, 0, 0);
    -webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    transition: background 0.4s ease;
}
.home .col-1:hover {
    background-color: rgba(51, 171, 0, 0.9);
}
.home .intro-animation-disabled:hover {
    background-color: rgba(255, 255, 255, 0);
}
.home .col-1-intro-animation-color {
    background-color: rgba(51, 171, 0, 0.9) !important;
}
.home .col-1-intro-animation-color:hover .col-inner {
    display: block !important;
}
.home .col-1:hover .col-inner, .home .col-1 .col-1-intro-animation-opacity {
    opacity: 1;
}
.home .col-1-intro-animation-color p {
    color: #000;
}
/* COL 2 ------------------------------------------------- */
.home .col-2 {
  background-color: rgba(0, 55, 98, 0);
  -webkit-transition: background 0.4s ease;
  -moz-transition: background 0.4s ease;
  -o-transition: background 0.4s ease;
  transition: background 0.4s ease;
}
.home .col-2:hover {
  background-color: rgba(0, 55, 98, 0.9);
}
.home .intro-animation-disabled:hover {
  background-color: rgba(255, 255, 255, 0);
}
.home .col-2-intro-animation-color {
  background-color: rgba(0, 55, 98, 0.9) !important;
}
.home .col-2-intro-animation-color:hover .col-inner {
  display: block !important;
}
.home .col-2:hover .col-inner, .home .col-2 .col-2-intro-animation-opacity {
  opacity: 1;
}
.home .col-2 p {
  color: #fff;
}
/* COL 3 ------------------------------------------------- */
.home .col-3 {
  background-color: rgba(0, 153, 204, 0);
  -webkit-transition: background 0.4s ease;
  -moz-transition: background 0.4s ease;
  -o-transition: background 0.4s ease;
  transition: background 0.4s ease;
}
.home .col-3:hover {
  background-color: rgba(0, 153, 204, 0.9);
}
.home .intro-animation-disabled:hover {
  background-color: rgba(255, 255, 255, 0);
}
.home .col-3-intro-animation-color {
  background: rgba(0, 153, 204, 0.9) !important;
}
.home .col-3-intro-animation-color:hover .col-inner {
  display: block !important;
}
.home .col-3:hover .col-inner, .home .col-3 .col-3-intro-animation-opacity {
  opacity: 1;
}
.home .col-3-intro-animation-color p {
  color: #000;
}
/* COL 4 ------------------------------------------------- */
.home .col-4 {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background 0.4s ease;
  -moz-transition: background 0.4s ease;
  -o-transition: background 0.4s ease;
  transition: background 0.4s ease;
}
.home .col-4:hover {
  background-color: rgba(0, 0, 0, 1);
}
.home .intro-animation-disabled:hover {
  background-color: rgba(255, 255, 255, 0);
}
.home .col-4-intro-animation-color {
  background-color: rgba(0, 0, 0, 1) !important;
}
.home .col-4-intro-animation-color:hover .col-inner {
  display: block !important;
}
.home .col-4:hover .col-inner, .home .col-4 .col-4-intro-animation-opacity {
  opacity: 1;
}
.home .col-4 p {
  color: #fff;
}
/* ==========================================================
PAGE
========================================================== */
.page {
  width: 940px;
  min-height: 100%;
  position: relative;
}
body.light .page {
  background: #fff url(../img/page_bg_light.gif) repeat-y left top;
}
body.dark .page {
  background: #fff url(../img/page_bg_dark.gif) repeat-y left top;
}
body.light .page_house-bg {
  background: url(../img/house-outline_bg.gif) no-repeat left bottom, url(../img/page_bg_light.gif) repeat-y left top #fff;
}
/* ==========================================================
HEADER
========================================================== */
header {
  padding: 50px 20px 40px 60px;
}
header .logo {
  margin-left: -15px;
  float: left;
}
body.dark header .logo {
  display: block;
  width: 195px;
  height: 49px;
  background: url(../img/40seconds_logo_weiss.png) no-repeat left top;
}
body.dark header .logo img {
  visibility: hidden;
}
header ul {
  display: block;
  margin: -0.25em 0 0 220px;
  line-height: 12px;
}
header ul a:link, header ul a:visited {
  color: #000;
  font-family: 'Terminal Dosis', Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 3px;
  border-radius: 2px;
  -webkit-transition: background-color .6s ease, color .3s ease;
  -moz-transition: background-color .6s ease, color .3s ease;
  -o-transition: background-color .6s ease, color .3s ease;
  transition: background-color .6s ease, color .3s ease;
}
header ul a:hover, header ul a:active, header ul a:focus {
  color: #fff;
  background-color: #000;
}
header ul a.current {
  font-weight: 700;
}
body.dark header ul a:link, body.dark header ul a:visited {
  color: #4D4D4D; /*ALT: #959595*/
}
body.dark header ul a:hover, body.dark header ul a:active, body.dark header ul a:focus {
  color: #000;
  background-color: #fff;
}
header .special_teaser {
  position:absolute;
  top:5px;
  right:20px;
}
/* ==========================================================
NAVIGATION
========================================================== */
/* NAVIGATION GLOBAL ------------------------------------- */
nav {
  padding: 0 10px 0 50px;
}
nav li {
  width: 220px;
  float: left;
}
nav li a {
  color: #ccc;
  font-family: 'Terminal Dosis', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 3px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  padding: 10px;
  background: url(../img/arrow-grey-down.png) no-repeat 200px .8em;
}
body.dark nav li a {
  color: #4d4d4d;
  background: url(../img/arrow-dark-grey-down.png) no-repeat 200px .8em;
}
/* IE7 POP-UP BUGFIX */
nav li:hover {
  text-indent: 0;
}
/* SUBNAVIGATION GLOBAL ---------------------------------- */
nav li ul {
  position: absolute;
  left: -9999px;
  z-index: 750;
}
nav li:hover ul {
  left: auto;
}
nav li li {
  float: none;
}
nav li li a:link, nav li li a:visited {
  background: none !important;
  font-size: 12px;
  line-height: 18px;
  padding: 0 10px 0;
  letter-spacing: 2px;
}
nav li li a:hover, nav li li a:active, nav li li a:focus {
  color: #000 !important;
}
nav li li a span {
  padding: 0 2px 2px;
  margin: 0 -2px -2px;
  -webkit-transition: background-color .6s ease;
  -moz-transition: background-color .6s ease;
  -o-transition: background-color .6s ease;
  transition: background-color .6s ease;
}
nav li li a:hover span, nav li li a:active span, nav li li a:focus span {
  border-radius: 2px;
  background: #fff;
}
/* EVENTS ------------------------------------------------ */
nav li.events a.current {
  color: #fff;
  background: #0099cc url(../img/arrow-white-down.png) no-repeat 200px .8em;
}
nav li.events a:hover, nav li.events a:active, nav li.events a:focus {
  color: #fff;
  background: #0099cc url(../img/arrow-white-up.png) no-repeat 200px .8em;
}
/* SUBNAVIGATION */
nav li.events:hover a {
  color: #fff;
  background: #0099cc url(../img/arrow-white-up.png) no-repeat 200px .8em;
}
nav li.events ul {
  background: #0099cc;
  padding-bottom: 10px;
}
/* LOCATIONS --------------------------------------------- */
nav li.locations a.current {
  color: #fff;
  background: #194b71 url(../img/arrow-white-down.png) no-repeat 200px .8em;
}
nav li.locations a:hover, nav li.locations a:active, nav li.locations a:focus {
  color: #fff;
  background: #194b71 url(../img/arrow-white-up.png) no-repeat 200px .8em;
}
/* SUBNAVIGATION */
nav li.locations:hover a {
  color: #fff;
  background: #194b71 url(../img/arrow-white-up.png) no-repeat 200px .8em;
}
nav li.locations ul {
  background: #194b71;
  padding-bottom: 10px;
}
/* CATERING ---------------------------------------------- */
nav li.catering a.current {
  color: #fff;
  background: #33ab17 url(../img/arrow-white-down.png) no-repeat 200px .8em;
}
nav li.catering a:hover, nav li.catering a:active, nav li.catering a:focus {
  color: #fff;
  background: #33ab17 url(../img/arrow-white-up.png) no-repeat 200px .8em;
}
/* SUBNAVIGATION */
nav li.catering:hover a {
  color: #fff;
  background: #33ab17 url(../img/arrow-white-up.png) no-repeat 200px .8em;
}
nav li.catering ul {
  background: #33ab17;
  padding-bottom: 10px;
}
/* CLUB -------------------------------------------------- */
nav li.club a.current {
  color: #fff;
  background: #000 url(../img/arrow-white-down.png) no-repeat 200px .8em;
}
body.dark nav li.club a.current {
  color: #000;
  background: #fff url(../img/arrow-black-down.png) no-repeat 200px .8em;
}
nav li.club a:hover, nav li.club a:active, nav li.club a:focus {
  color: #fff;
  background: #000 url(../img/arrow-white-up.png) no-repeat 200px .8em;
}
body.dark nav li.club a:hover, body.dark nav li.club a:active, body.dark nav li.club a:focus {
  color: #000;
  background: #fff url(../img/arrow-black-up.png) no-repeat 200px .8em;
}
/* SUBNAVIGATION */
nav li.club:hover a {
  color: #fff;
  background: #000 url(../img/arrow-white-up.png) no-repeat 200px .8em;
}
body.dark nav li.club:hover a {
  color: #000;
  background: #fff url(../img/arrow-black-up.png) no-repeat 200px .8em;
}
nav li.club ul {
  background: #000;
  padding-bottom: 10px;
}
body.dark nav li.club ul {
  background: #fff;
  padding-bottom: 10px;
}
nav li.club ul a:hover, nav li.club ul a:active, nav li.club ul a:focus,
body.dark nav li.club ul a:hover, body.dark nav li.club ul a:active, body.dark nav li.club ul a:focus {
  color: #000;
}
body.dark nav li.club li a:hover, body.dark nav li.club li a:active, body.dark nav li.club li a:focus {
  color: #fff !important;
}
body.dark nav li.club li a:hover span, body.dark nav li.club li a:active span, body.dark nav li.club li a:focus span {
  border-radius: 2px;
  background: #000;
}
ul li.menu80:before {
  background-color: #fff;
  content: '';
  display: block;
  height: 1px;
  margin: 10px;
  width: 200px;
}
ul.subnavigation li.menu80:before {
  margin: 10px 0;
}
/* ==========================================================
CONTENT
========================================================== */
.content {
  padding: 20px 10px 8.5em 50px;
}
.content h1,
.content h2.h1 {
  font-size: 24px;
  line-height: 28px;
	margin: 0 0 22px;
	font-weight: normal;
}
body.dark .content h1,
body.dark .content h2.h1 {
  color: #0099cc;
}
.content h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin: 22px 0 12px;
}
.csc-frame-indent h2 {
  margin: 0 0 12px;
}
.content h3 {
  color: #19a3d1;
  font-family: 'Terminal Dosis', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.content h3.references {
  font-weight: 600;
}
.content p {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px;
}
body.dark .content p {
  color: #ccc;
}
.content table {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px;
}
.content table.bold {
  font-weight: 500;
}
.content table.first-col-padding tr td:first-child {
  padding-right: 8px;
}
.content ul {
  font-size: 14px;
  line-height: 17px;
  list-style-image: url(../img/list-style-image_black.png);
  margin: 0 0 10px 13px;
}
body.dark .content ul {
  list-style-image: url(../img/list-style-image_cyan.png);
}
.content a:link, .content a:visited {
  color: #19a3d1;
  padding: 0 2px 2px;
  margin: 0 -2px 0;
  text-decoration: none;
  border-radius: 2px;
}
.content a:hover, .content a:active, .content a:focus {
  color: #000;
  background-color: #ececec;
}
.content .csc-textpic-single-image a {
  background: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.content a.link-arrow, .content .link-arrow a {
  background: url(../img/arrow-black.png) no-repeat 2px .4em;
  display: inline-block;
  padding-left: 22px;
}
.content a.link-arrow-reverse, .content p.link-arrow-reverse a {
  background: url(../img/arrow-black-reverse.png) no-repeat 2px .4em;
  display: inline-block;
  padding-left: 22px;
}
body.dark .content a.link-arrow-reverse, body.dark .content p.link-arrow-reverse a {
  background: url(../img/arrow-white-reverse.png) no-repeat 2px .4em;
  display: inline-block;
  padding-left: 22px;
}
.content a.link-arrow:hover, .content a.link-arrow:active, .content a.link-arrow:focus,
.content .link-arrow a:hover, .content .link-arrow a:active, .content .link-arrow a:focus,
.content a.link-arrow-reverse:hover, .content a.link-arrow-reverse:active, .content a.link-arrow-reverse:focus,
.content p.link-arrow-reverse a:hover, .content p.link-arrow-reverse a:active, .content p.link-arrow-reverse a:focus {
  background-color: #ececec;
}
body.dark .content a.link-arrow, body.dark .content p.link-arrow a {
  background: url(../img/arrow-white.png) no-repeat 2px .4em;
}
body.dark .content a.link-arrow:hover, body.dark .content a.link-arrow:active, body.dark .content a.link-arrow:focus,
body.dark .content .link-arrow a:hover, body.dark .content .link-arrow a:active, body.dark .content .link-arrow a:focus {
  background: #ececec url(../img/arrow-black.png) no-repeat 2px .4em;
}
body.dark .content a.link-arrow-reverse:hover, body.dark .content a.link-arrow-reverse:active, body.dark .content a.link-arrow-reverse:focus,
body.dark .content p.link-arrow-reverse a:hover, body.dark .content p.link-arrow-reverse a:active, body.dark .content p.link-arrow-reverse a:focus {
  background: #ececec url(../img/arrow-black-reverse.png) no-repeat 2px .4em;
}
body.dark .ground_plan {
  background: url(../img/ground-plan_bg.png) no-repeat left top;
  margin-bottom: 6px;
}
/* SUBPAGE COLORS ---------------------------------------- */
/* CYAN */
.page-2 .content h1,
.page-2 .content h2 {
  color: #0099cc;
}
.page-2 .content ul {
  list-style-image: url(../img/list-style-image_cyan.png);
}
.page-2 .content a:link, .page-2 .content a:visited {
  color: #0099cc;
  text-decoration: none;
}
.page-4 .content .accordion-headline {
  color: #0099cc;
}
/* BLUE */
.page-3 .content h1,
.page-3 .content h2 {
  color: #194b71;
}
.page-3 .content ul {
  list-style-image: url(../img/list-style-image_blue.png);
}
.page-3 .content a:link, .page-3 .content a:visited {
  color: #194b71;
  text-decoration: none;
}
.page-3 .content .accordion-headline {
  color: #194b71;
}
.page-3 ::-moz-selection {
  background: #194b71;
  color: #fff;
  text-shadow: none;
}
.page-3 ::selection {
  background: #194b71;
  color: #fff;
  text-shadow: none;
}
.page-3 a:link {
  -webkit-tap-highlight-color: #194b71;
}
/* GREEN */
.page-4 .content h1,
.page-4 .content h2 {
  color: #33ab17;
}
.page-4 .content ul {
  list-style-image: url(../img/list-style-image_green.png);
}
.page-4 .content a:link, .page-4 .content a:visited {
  color: #33ab17;
  text-decoration: none;
}
.page-4 .content .accordion-headline {
  color: #33ab17;
}
.page-4 ::-moz-selection {
  background: #33ab17;
  color: #fff;
  text-shadow: none;
}
.page-4 ::selection {
  background: #33ab17;
  color: #fff;
  text-shadow: none;
}
.page-4 a:link {
  -webkit-tap-highlight-color: #33ab17;
}
/* COLS GLOBAL ------------------------------------------- */
.content .col_wrapper .col-inner {
  padding: 0 10px;
}
/* COL 25% ----------------------------------------------- */
.content .col_wrapper .col-25 {
  float: left;
  width: 25%;
}
/* COL 50% ----------------------------------------------- */
/* 1ST LEVEL */
.content .col_wrapper .col-50 {
  float: left;
  width: 50%;
}
.content .col_wrapper .col-25 {
  float: left;
  width: 25%;
}
/* 2ND LEVEL FIRST */
.content .col_wrapper .col_wrapper .col-50 .col-inner {
  padding: 0 0 0 10px;
}
.content .col_wrapper .col_wrapper .col-50:first-child .col-inner {
  padding: 0 10px 0 0;
}
/* COL 75 ------------------------------------------------ */
.content .col_wrapper .col-75 {
  float: left;
  width: 75%;
}
/* ==========================================================
ACCORDION
========================================================== */
.content .accordion-headline {
  cursor: pointer;
  color: #19a3d1;
  font-family: 'Terminal Dosis', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 4px 10px;
  margin: 0 -10px 4px -9px;
  text-transform: uppercase;
}
.content .accordion-headline:hover {
  color: #000;
  background-color: #ececec;
}
.content .accordion-headline:focus {
  outline: none;
}
.content .accordion-headline .ui-icon-triangle-1-e,
.content .accordion-headline .ui-icon-triangle-1-s {
  width: 9px;
  height: 8px;
  display: block;
  float: right;
  margin: 3px 1px 0 0;
}
.content .accordion-headline .ui-icon-triangle-1-e {
  background: url(../img/arrow-grey-down.png) no-repeat 0 0;
}
body.dark .content .accordion-headline .ui-icon-triangle-1-e {
  background: url(../img/arrow-white-down.png) no-repeat 0 0;
  opacity: .3;
}
body.dark .content .accordion-headline:hover .ui-icon-triangle-1-e {
  background: url(../img/arrow-grey-down.png) no-repeat 0 0;
  opacity: 1;
}
.content .accordion-headline .ui-icon-triangle-1-s {
  background: url(../img/arrow-grey-up.png) no-repeat 0 0;
}
body.dark .content .accordion-headline .ui-icon-triangle-1-s {
  background: url(../img/arrow-white-up.png) no-repeat 0 0;
  opacity: .3;
}
body.dark .content .accordion-headline:hover .ui-icon-triangle-1-s {
  background: url(../img/arrow-grey-up.png) no-repeat 0 0;
  opacity: 1;
}
.content .accordion-content {
  padding: 4px 0 10px;
}
.content .accordion-content h3 {
  color: #fff;
  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
}
.content .accordion-content h3 + strong {
  display: block;
  font-size: 14px;
  line-height: 18px;
  margin: -4px 0 10px;
}
/* ==========================================================
TOOLTIP
========================================================== */
.content a.tooltip-wrapper span,
.content a.tooltip-wrapper strong {
  display: block;
}
.content a.tooltip-wrapper span.share {
  display: inherit;
}
.content a.tooltip-wrapper .google-wrapper {
  float: right;
  margin-left: 10px;
}
.content a.tooltip-wrapper + span {
  display: inline-block;
  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 0 5px 0 1px;
}
.content a.tooltip-wrapper:link, .content a.tooltip-wrapper:visited {
  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  font-size: 14px;
  position: relative;
  z-index: 2;
}
.content a.tooltip-wrapper:hover {
  z-index: 8;
}
.content a.tooltip-wrapper .tooltip {
  display: none;
}
.content a.tooltip-wrapper:hover .tooltip {
  bottom: 2em;
  display: block;
  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  left: 30%;
  line-height: 17px;
  position: absolute;
  text-transform: none;
  width: 250px;
  z-index: 99;
}
.content .events-latest-item a.tooltip-wrapper:hover .tooltip,
.content .events-list-item a.tooltip-wrapper:hover .tooltip {
  bottom: 1.2em;
  left: 0;
}
.content a.tooltip-wrapper .tooltip .tooltip-inner {
  background-color: #fff;
  border: 1px solid #19a3d1;
  box-shadow: 0 5px 3px rgba(0, 0, 0, .25);
  padding: 10px;
  position: absolute;
  bottom: 0;
}
.content a.tooltip-wrapper .tooltip-inner:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 7px solid transparent;
  border-top-color: #fff;
  top: 100%;
  left: 12px;
}
.content a.tooltip-wrapper .tooltip-inner:before {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 9px solid transparent;
  border-top-color: #19a3d1;
  top: 100%;
  left: 10px;
}
.content a.tooltip-wrapper .tooltip-title {
  font-family: 'Terminal Dosis', Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
/* Bei geschlossenden Veranstaltungen Tooltip ausblenden */
.content .catid-23 a.tooltip-wrapper {
  display: none;
}
/* ==========================================================
LIGHTBOX WARNING
========================================================== */
.lightbox_warning {
      background-color: #fff;
}
.lightbox_warning_wrapper {
  padding: 30px;
}
.lightbox_warning_wrapper h1 {
  color: #959595;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  margin: 25px 0 15px;
}
.lightbox_warning_wrapper a:link, .lightbox_warning_wrapper a:visited {
  background: url(../img/arrow-black.png) no-repeat left center;
  color: #0099cc;
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  text-decoration: none;
  padding-left: 18px;
}
.lightbox_warning_wrapper a:hover, .lightbox_warning_wrapper a:active, .lightbox_warning_wrapper a:focus {
  color: #000;
}
.lightbox_warning_wrapper form {
  color: #0099cc;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  margin-top: 20px;
}
.lightbox_warning_wrapper form label {
  cursor: pointer;
}
/* ==========================================================
NIVO SLIDER
========================================================== */
/* SLIDESHOW PAGER --------------------------------------- */
.slideshow-pager  {
  width: 200px;
  height: 200px;
}
.slideshow-pager .nivo-controlNav {
  margin: 0 0 10px 0;
  padding-top: 206px;
  float: left;
  width: 200px;
}
.slideshow-pager .nivo-controlNav a {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: #e5e5e5;
  text-indent: 999px;
  overflow: hidden;
  margin: 0 4px 4px 0;
}
.slideshow-pager .nivo-controlNav a.active {
  background: #a0a0a0;
}
.slideshow-pager .nivo-controlNav a:nth-child(12n) {
  margin-right: 0;
}
/* SLIDESHOW THUMBS -------------------------------------- */
.slideshow-thumbs {
  width: 420px;
  height: 240px;
}
.slideshow-thumbs .nivo-controlNav {
  margin-bottom: 10px;
  padding-top: 248px;
  float: left;
  width: 420px;
}
.slideshow-thumbs .nivo-controlNav a {
  float: left;
  width: 99px;
  height: 73px;
  margin: 0 8px 8px 0;
}
/* Jedes vierte a ohne Abstand nach rechts */
.slideshow-thumbs .nivo-controlNav a:nth-child(4n) {
  margin-right: 0px;
}
/* ==========================================================
TYPO3 ELEMENTE
========================================================== */
/* TEXT CAPTION ------------------------------------------ */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
  margin-left: 0;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  font-size: 14px;
  margin-top: 10px;
}
/* NEWS MODULE ------------------------------------------- */
.news-latest-container .news-latest-item {
  margin-bottom: 25px;
}
/* SINGLE PAGE */
.news-single-item > a:first-child {
  background: url(../img/arrow-black.png) no-repeat 2px .4em;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 22px;
  padding-left: 22px;
}
.news-single-item h1 + p {
  margin-bottom: 22px;
}
/* DARK PAGE */
body.dark .news-list-item {
  color: #959595;
  font-size: 14px;
  line-height: 17px;
}
/* EVENT MODUL HOMEPAGE ---------------------------------- */
body.dark .events-latest-item {
  margin-bottom: 20px;
}
body.dark .events-latest-item.event-2col-2row {
  float: left;
  margin-right: 20px;
  width: 200px;
}
body.dark .events-latest-item.event-2col-2row.right {
  margin-right: 0;
}
body.dark .events-latest-item a {
  padding: 0;
  margin: 0;
}
body.dark .events-latest-item a:first-child {
  display: block;
}
body.dark .events-latest-item a:hover, body.dark .events-latest-item a:active, body.dark .events-latest-item a:focus {
  color: #19a3d1;
  background: none;
}
body.dark .events-latest-item h3 {
  color: #ccc;
  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 0;
  text-transform: none;
}
body.dark .events-latest-item h3 a:link, body.dark .events-latest-item h3 a:visited,
body.dark .events-latest-item h3 a:hover, body.dark .events-latest-item h3 a:active, body.dark .events-latest-item h3 a:focus {
  color: #ccc;
  display: block;
}
body.dark .events-latest-container .catid-15 h3 a {
  color: #ff00ff;
}
body.dark .events-latest-item .more, body.dark .events-latest-item .divider, body.dark .events-latest-item .share {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}
body.dark .events-latest-item .more:hover, body.dark .events-latest-item .share:hover {
  background-color: #ececec;
  color: #000;
  padding: 0 2px 2px;
  margin: 0 -2px 0;
  text-decoration: none;
  border-radius: 2px;
}
body.dark .events-latest-item .divider {
  color: #ccc;
}
body.dark .events-latest-item .events-list-date {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}
body.dark .events-latest-item .events-list-date .day {
  background: #fff;
  color: #000;
  font-family: 'Terminal Dosis', Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-right: 8px;
  padding: 0 4px;
  text-transform: uppercase;
}
body.dark .events-detail-wrapper h1 .day,
body.dark .events-detail-wrapper h2.h1 .day {
  background: #fff;
  border-radius: 2px;
  color: #000;
  font-family: 'Terminal Dosis', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-right: 8px;
  padding: 0 4px;
  text-transform: uppercase;
  vertical-align: 2px;
}
body.dark .events-detail-wrapper a {
  background: none;
  margin: 0;
  padding: 0;
}
body.dark .events-detail-wrapper img {
  border: 1px solid #333;
  margin-bottom: 15px;
}
body.dark .events-detail-wrapper p .event-title {
  color: #fff;
  display: block;
  font-weight: 500;
}
/* EVENT MODUL DETAILPAGE -------------------------------- */
body.dark .events-list-item h3 .events-list-date {
  color: #fff;
  display: inline-block;
  width: 8em;
}
body.dark .events-list-item img,
body.dark .news-single-img img {
  border: 1px solid #333;
}
body.dark .events-list-item h3 .day {
  background: #fff;
  color: #000;
  font-family: 'Terminal Dosis', Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-right: 8px;
  padding: 0 4px;
  text-transform: uppercase;
}
body.dark .events-list-item h3 .events-list-title {
  color: #ccc;
}
body.dark .events-list-item h3:hover .events-list-date, body.dark .events-list-item h3:hover .events-list-title {
  color: #000;
}
body.dark .events-list-item h1 .day, body.dark .events-single-item h1 .day,
body.dark .events-list-item h2.h1 .day, body.dark .events-single-item h2.h1 .day  {
  background: #fff;
  border-radius: 2px;
  color: #000;
  font-family: 'Terminal Dosis', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-right: 8px;
  padding: 0 4px;
  text-transform: uppercase;
  vertical-align: 2px;
}
body.dark .events-list-container {
  position: relative;
}
body.dark .events-list-container p.pagination {
  background: #000;
  padding: 6px 0;
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
  z-index: 700;
}
body.dark .events-list-container p.pagination .previous {
  background: url(../img/arrow-white-reverse.png) no-repeat left center;
  margin-left: 5px;
  padding-left: 18px;
}
body.dark .events-list-container p.pagination .next {
  background: url(../img/arrow-white.png) no-repeat right center;
  padding-right: 18px;
}
body.dark .events-list-container p.pagination .previous:hover,
body.dark .events-list-container p.pagination .previous:active,
body.dark .events-list-container p.pagination .previous:focus {
  background: #ececec url(../img/arrow-black-reverse.png) no-repeat left center;
}
body.dark .events-list-container p.pagination .next:hover,
body.dark .events-list-container p.pagination .next:active,
body.dark .events-list-container p.pagination .next:focus {
  background: #ececec url(../img/arrow-black.png) no-repeat right center;
}
/* Eventdokus -------------------------------------------- */
.news-latest-container.eventdoku .news-latest-item a:link, 
.news-latest-container.eventdoku .news-latest-item a:visited {
  display: block;
  color: #000;
  padding: 0;
  margin: 0;
  background: none !important;
}
.news-latest-container.eventdoku .news-latest-item img {
  margin: 0;
  padding: 0;
  display: block;
}
.news-latest-container.eventdoku .news-latest-item h3 {
  font-weight: 500;
  text-transform: none;
  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  margin: 0;
}
.news-latest-container.eventdoku .news-latest-item h3 a:link, 
.news-latest-container.eventdoku .news-latest-item h3 a:visited {
  padding: 8px 0 5px;
}

/* POWERMAIL --------------------------------------------- */
.tx-powermail-pi1 {
  font-size: 14px;
  line-height: 17px;
  margin-top: 18px;
}
.tx-powermail-pi1 legend, .tx-powermail-pi1 label {
  display: none;
}
.tx_powermail_pi1_fieldwrap_html_label {
  margin-bottom: 14px;
}
.powermail_text, .powermail_date, .powermail_textarea, .tx-powermail-pi1 select {
  border: 1px solid #19a3d1;
  color: #000;
  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 5px 0;
  padding: 4px 6px;
  width: 408px;
  resize: none;
}
.tx-powermail-pi1 select {
  width: 422px;
}
.powermail_textarea {
  height: 60px;
  margin: 0 0 12px 0;
}
.powermail_text:focus, .powermail_textarea:focus {
  outline: 0;
  - webkit-box-shadow: 0 0 5px 4px rgba(25, 163, 209, .1);
  -moz-box-shadow: 0 0 5px 4px rgba(25, 163, 209, .1);
  box-shadow: 0 0 5px 4px rgba(25, 163, 209, .1);
}
body.dark .powermail_text:focus, body.dark .powermail_textarea:focus {
  outline: 0;
  - webkit-box-shadow: 0 0 5px 4px rgba(25, 163, 209, .6);
  -moz-box-shadow: 0 0 5px 4px rgba(25, 163, 209, .6);
  box-shadow: 0 0 5px 4px rgba(25, 163, 209, .6);
}
.powermail_submit, .powermail_reset {
  background-color: #19a3d1;
  border: none;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin: 0 7px 0 0;
  padding: 5px 10px;
  -webkit-transition: background-color .6s ease, color .3s ease;
  -moz-transition: background-color .6s ease, color .3s ease;
  -o-transition: background-color .6s ease, color .3s ease;
  transition: background-color .6s ease, color .3s ease;
}
.powermail_submit:hover, .powermail_submit:active, .powermail_submit:focus,
.powermail_reset:hover, .powermail_reset:active, .powermail_reset:focus {
  background-color: #000;
  - webkit-box-shadow: 0 0 5px 4px rgba(25, 163, 209, 0.1);
  -moz-box-shadow: 0 0 5px 4px rgba(25, 163, 209, 0.1);
  box-shadow: 0 0 5px 4px rgba(25, 163, 209, 0.1);
}
body.dark .powermail_submit:hover, body.dark .powermail_submit:active, body.dark .powermail_submit:focus,
body.dark .powermail_reset:hover, body.dark .powermail_reset:active, body.dark .powermail_reset:focus {
  background-color: #fff;
  color: #000;
  - webkit-box-shadow: 0 0 5px 4px rgba(25, 163, 209, 0.6);
  -moz-box-shadow: 0 0 5px 4px rgba(25, 163, 209, 0.6);
  box-shadow: 0 0 5px 4px rgba(25, 163, 209, 0.6);
}
.powermail_reset {
  background-color: #dcdcdc;
}
.tx_powermail_pi1_fieldwrap_html_submit, .tx_powermail_pi1_fieldwrap_html_reset {
  display: inline-block;
}
.tx-powermail-pi1 .invalid {
  border-color: #f00;
}
div.error {
  background: #f00;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 7px;
  text-transform: uppercase;
}
div.error:after {
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  left: -9px;
  top: .4em;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #f00;
}
#calroot {
  background: #fff;
  border: 1px solid #19a3d1;
  box-shadow: 0 5px 3px rgba(0, 0, 0, 0.25);
  padding: 10px;
}
#calroot #calhead {
  margin-bottom: 5px;
}
#calroot #calhead select {
  height: 2.3em;
  margin: 0;
  padding: 0;
}
#calroot #calhead #calmonth {
  margin-right: 5px;
  width: 11.2em;
}
#calroot #caldays span {
  background: #a0a0a0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: 0 2px 2px 0;
  padding: .5em 0;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
  text-transform: uppercase;
  width: 2em;
}
#calroot .calweek a:link, #calroot .calweek a:visited {
  background: #e5e5e5;
  color: #000;
  display: inline-block;
  font-size: 14px;
  margin: 0 2px 2px 0;
  padding: .5em 0;
  text-align: center;
  text-decoration: none;
  width: 2em;
}
#calroot .calweek a:hover, #calroot .calweek a:active, #calroot .calweek a:focus {
  background: #ccc;
}
#calroot .calweek a#calcurrent {
  background: #19a3d1;
  color: #fff;
}
#calroot .calweek a.caloff {
  background: #f4f4f4;
  color: #cec9c9;
}
#uid110 {
  display: none;
}
/* NEWSLETTER FORM --------------------------------------- */
.newsletter-subscription form {
  margin-bottom: 10px;
  position: relative;
}
.newsletter-subscription  p {
  margin-bottom: 14px;
}
.newsletter-subscription label {
  display: none;
}
.newsletter-subscription input[type="text"] {
  border: 1px solid #19a3d1;
  color: #000;
  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 5px 0;
  padding: 4px 6px;
  outline: 0;
  width: 186px;
  resize: none;
}
.newsletter-subscription input[name="submit"],
.newsletter-infomail input[name="submit"] {
  background-color: #19a3d1;
  border: none;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin: 10px 7px 0 0;
  padding: 5px 10px;
  -webkit-transition: background-color .6s ease, color .3s ease;
  -moz-transition: background-color .6s ease, color .3s ease;
  -o-transition: background-color .6s ease, color .3s ease;
  transition: background-color .6s ease, color .3s ease;
}
.newsletter-subscription input[name="reset"] {
  background-color: #dcdcdc;
  border: none;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin: 10px 0 0 0;
  padding: 5px 5px;
  -webkit-transition: background-color .6s ease, color .3s ease;
  -moz-transition: background-color .6s ease, color .3s ease;
  -o-transition: background-color .6s ease, color .3s ease;
  transition: background-color .6s ease, color .3s ease;
}
.newsletter-subscription input[name="submit"]:hover, .newsletter-subscription input[name="submit"]:active, .newsletter-subscription input[name="submit"]:focus,
.newsletter-subscription input[name="reset"]:hover, .newsletter-subscription input[name="reset"]:active, .newsletter-subscription input[name="reset"]:focus,
.newsletter-infomail input[name="submit"]:hover, .newsletter-infomail input[name="submit"]:active, .newsletter-infomail input[name="submit"]:focus {
  background-color: #000;
  - webkit-box-shadow: 0 0 5px 4px rgba(25, 163, 209, 0.1);
  -moz-box-shadow: 0 0 5px 4px rgba(25, 163, 209, 0.1);
  box-shadow: 0 0 5px 4px rgba(25, 163, 209, 0.1);
}
.newsletter-infomail input[type="text"] {
  border: 1px solid #19a3d1;
  color: #000;
  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 5px 0;
  padding: 4px 6px;
  width: 186px;
  resize: none;
}
.newsletter-subscription div.error {
  background: #f00;
  left: 205px;
  padding: 7px;
  position: absolute;
  text-transform: uppercase;
  top: 1px;
}
.newsletter-subscription form > div.error:last-of-type {
  top: 34px;
}
.dark .newsletter-subscription form > div.error:last-of-type {
  top: 67px;
}
.newsletter-subscription div.error:after {
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  left: -9px;
  top: .4em;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #f00;
}
.newsletter-subscription div.error p {
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  margin-bottom: 0;
  white-space: nowrap;
}
.party-newsletter input[type="text"] {
    width:408px;
}
.party-newsletter div.error {
    left: 427px;
}
/* YAG GALLERY ------------------------------------------- */
.theme-PartyPics .col-25 p:first-child {
  margin-bottom: 20px;
}
.theme-PartyPics .col-25 p strong {
  color: #fff;
}
.tx-yag-album-thumb-outerframe {
  height: auto;
  margin: 0 20px 25px 0;
}
.tx-yag-album-thumb-outerframe:nth-child(3n) {
  margin-right: 0;
}
.tx-yag-album-thumb-innerframe {
  float: none;
}
.tx-yag-thumb-innerframe img, .tx-yag-image img {
  border: 1px solid #333;
  margin: 0;
  padding: 0;
}
.content .tx-yag-thumb-innerframe a {
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.content .tx-yag-thumb-innerframe a:hover, .content .tx-yag-thumb-innerframe a:active, .content .tx-yag-thumb-innerframe a:focus {
  background: none;
}
.tx-yag-gallery-albuminfo {
  float: none;
  padding: 0;
  text-align: left;
}
.tx-yag-gallery-albumdate {
  border-right: 1px solid #ccc;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 13px;
  margin-right: 2px;
  padding-right: 7px;
}
.tx-yag-gallery-itemcount {
  color: #ccc;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 13px;
  margin-top: 0;
}
.tx-yag-gallery-albumcaption {
  color: #ccc;
  font-size: 14px;
  line-height: 21px;
}
/* DETAILPAGE */
.tx-yag-item-thumb-outerframe {
  height: auto;
  margin: 0 20px 0 0;
}
.tx-yag-item-thumb-outerframe:nth-child(3n) {
  margin-right: 0;
}
/* LAST PARTY PICTURES */
.lastpartypics .tx-yag-album-thumb-outerframe {
  margin: 0 10px 0 0;
}
.lastpartypics .tx-yag-album-thumb-outerframe:nth-child(2n) {
margin-right: 0;
}
/* ISOTOPE ----------------------------------------------- */
.content .isotope-wrapper {
  margin: 0 0 0 -4px;
}
.content .isotope-wrapper a {
  margin: 0 0 -2px 0;
  padding: 0;
  border: none;
  border-radius: 0;
  display: block;
}
.content .isotope-wrapper a:hover {
  background: none;
}
/* ==========================================================
HTML5 PLAYER
========================================================== */
body.dark .html5videoplayer  {
  border: 1px solid #333;
  margin-bottom: 10px;
}
/* ==========================================================
FOOTER
========================================================== */
footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 8.5em;
  padding: 0 20px 0 60px;
  font-size: 11px;
}
footer .footercontent .copyright {
  padding-right: 5px;
}
footer .footercontent a.flag_de:link, footer .footercontent a.flag_de:visited,
footer .footercontent a.flag_en:link, footer .footercontent a.flag_en:visited,
footer .footercontent span.flag_en {
  display: inline-block;
  width: 16px;
  height: 11px;
  text-indent: 999px;
  overflow: hidden;
  margin-right: 4px;
  padding: 0;
  border-radius: 0;
  background: url(../img/sprite_flags.png) no-repeat 0 0;
  background-color: transparent !important;
}
footer .footercontent a.flag_en:link, 
footer .footercontent a.flag_en:visited {
  margin-right: 10px;
  background: url(../img/sprite_flags.png) no-repeat -16px 0;
}
footer .footercontent a.flag_de:hover, footer .footercontent a.flag_de:active, footer .footercontent a.flag_de:focus {
  background-color: transparent;
  background-position: 0 -11px;
}
footer .footercontent a.flag_en:hover, footer .footercontent a.flag_en:active, footer .footercontent a.flag_en:focus {
  background-color: transparent;
  background-position: -16px -11px;
}
footer .footercontent span.flag_en {
  margin-right: 10px;
  background: url(../img/sprite_flags.png) no-repeat -16px -11px;
}
footer .footercontent a:link, footer .footercontent a:visited {
  color: #000;
  font-weight: 500;
  text-decoration: none;
  padding: 0 5px 2px;
  border-radius: 2px;
  -webkit-transition: background-color .6s ease, color .3s ease;
  -moz-transition: background-color .6s ease, color .3s ease;
  -o-transition: background-color .6s ease, color .3s ease;
  transition: background-color .6s ease, color .3s ease;
}
footer .footercontent a:hover, footer .footercontent a:active, footer .footercontent a:focus {
  background-color: #000;
  color: #fff;
}
body.dark footer .footercontent a:link, body.dark footer .footercontent a:visited {
  color: #fff;
}
body.dark footer .footercontent a:hover, body.dark footer .footercontent a:active, body.dark footer .footercontent a:focus {
  background-color: #fff;
  color: #000;
}
/* ==========================================================
MOBILE STYLES
========================================================== */
@media only screen and (max-width: 480px) {
/* CONTACT FORM ------------------------------------------ */
body.contactform .page {
  background-image: none;
  width: 100%;
}
body.contactform header {
  padding: 50px 0 20px 20px;
}
body.contactform header .logo {
  margin-left: 0;
  float: none;
}
body.contactform header ul, body.contactform header .special_teaser, body.contactform nav,
body.contactform p a[href="kontakt-anfrage/"], body.contactform footer .flag_de,
body.contactform footer .flag_en, body.contactform footer span {
  display: none !important;
}
body.contactform .content {
  padding: 0 20px 60px;
}
body.contactform .content .col-inner {
  padding: 0;
}
body.contactform .content p,
body.contactform .content table {
  font-size: 1em;
  line-height: 150%;
}
body.contactform footer {
  height: auto;
  padding: 0 30px;
  position: static;
}
body.contactform footer .social_share_privacy_area {
  height: auto;
  margin: 20px 0 0 !important;
}

body.contactform footer .social_share_privacy_area li {
  float: none;
}
body.contactform .content .col_wrapper .col-50 {
  float: none;
  width: auto;
}
body.contactform .content .col_wrapper .col-50:first-child {
  margin-bottom: 50px;
}
body.contactform .powermail_text,
body.contactform .powermail_date,
body.contactform .powermail_textarea,
body.contactform .tx-powermail-pi1 select {
  font-size: 1em;
  width: 95%;
}
body.contactform .powermail_textarea {
  height: 10em;
}
body.contactform div.csc-textpic-left div.csc-textpic-imagewrap {
  overflow: hidden;
  width: 100%;
}
body.contactform div.csc-textpic-left div.csc-textpic-imagewrap img {
  max-width: 100%;
  height: auto;
}
.tx_powermail_pi1_fieldwrap_html_submit {
  margin-bottom: .5em;
}
.tx_powermail_pi1_fieldwrap_html_submit,
.tx_powermail_pi1_fieldwrap_html_reset {
  display: block;
}
body.contactform .powermail_submit,
body.contactform .powermail_reset {
  font-size: 1em;
  margin: 0;
  padding: .5em 0;
  text-align: center;
  width: 100%;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-appearance: none;
}
body.contactform div.error {
  display: none !important;
}
}
/* ==========================================================
PRINT STYLES
========================================================== */
@media print {
* {
  background: transparent !important;
  color: black !important;
  text-shadow: none !important;
  filter:none !important;
  -ms-filter: none !important;
}
a, a:visited {
  text-decoration: underline;
}
a[href]:after {
  content: " (" attr(href) ")";
}
abbr[title]:after {
  content: " (" attr(title) ")";
}
pre, blockquote {
  border: 1px solid #999;
  page-break-inside: avoid;
}
tr, img {
  page-break-inside: avoid;
}
img {
  max-width: 100% !important;
}
@page {
  margin: 0.5cm;
}
p, h2, h3 {
  orphans: 3;
  widows: 3;
}
h2, h3 {
  page-break-after: avoid;
}
header ul, nav {
  display: none;
}
header .logo {
  margin-left: 0;
}
header a[href]:after {
  content: "";
}
header, footer, footer .copyright, footer a {
  padding: 0 !important;
}
footer {
  height: auto;
}
body.dark, body.dark footer a {
  color: #000;
}
body.dark .logo {
  background: none;
}
body.dark header .logo img {
  visibility: visible;
}
}