/* poppins-300 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/poppins-v5-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Poppins Light'), local('Poppins-Light'),
         url('fonts/poppins-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/poppins-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/poppins-v5-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/poppins-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/poppins-v5-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-condensed-regular - latin */
  @font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
         url('fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-condensed-700 - latin */
  @font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
         url('fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }
  
  /* black-ops-one-regular - latin */
  @font-face {
    font-family: 'Black Ops One';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/black-ops-one-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Black Ops One Regular'), local('BlackOpsOne-Regular'),
         url('fonts/black-ops-one-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/black-ops-one-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/black-ops-one-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/black-ops-one-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/black-ops-one-v12-latin-regular.svg#BlackOpsOne') format('svg'); /* Legacy iOS */
  }
  
  
  
  a.mobile-nav {display: none;}
  .js .toolbar {max-height: none;}
  
  /* Preloader */
  #preloader {background-color: #000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 4999;}
  
  #bg {
      background: #fff url("../images/background.jpg") no-repeat scroll center top;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      bottom: 0;
      height: 100vh;
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 0;
  }
  
  
  body {
      background-color: #195194;
       color: #777;
       font-size: 14px;
      height: 100%;
      line-height: 22px;
      width: 100%;
  }
  
  
  /* Print Setup */
  
  body.contentpane {
      background: #fff;
       color: #555;
       font-size: 14px;
      line-height: 22px;
      text-align: left;
  }
  
  .contentpane #maininfo {
      background: #fff;
      padding: 15px;
  }
  
  
  
  /* Fonts  ############################################################################################################################################ */
  
  body,
  .answer,
  #topmenu .menu  a,
  .homemenu ul.menu li.level_2 a span.menu-title,
  #sidebar ul.menu li.level_2,
  #sidebar ul.menu li.level_3,
  input,
  textarea,
  #footer ul.menu  li.level_1,
  .result-title,
  li.level_2 a span.menu-title,
  .resultrow.text .resultfeld.special  {
      font-family: 'Poppins', sans-serif;
      font-weight: 300;
  }
  
  header,
  h3, h4,
  #claim,
  .homemenu .menu  a,
  .homemenu ul.menu li.level_2 a span.menu-title,
  .homemenu ul li a span.menu-desc,
  #topmenu .menu a,
  #promo,
  #sidebar h3,
  #sidebar ul.menu li.level_1,
  .resultrow.text .resultfeld,
  .promotab p span,
  .splash1 {
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400;
  }
  
  h1, h2,
  #service h3,
  .splash2,
  .toolbar a,
  .slidecaption p a,
  .promotab p {
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 700;
  }
  
  .slidetitle p,
  #maininfo h5,
  #profil h1,
  #leistung h2,
  #service h2,
  #kontakt h2,
  #vidclaim {
      font-family: 'Black Ops One', cursive;
      font-weight: normal !important;
  }
  
  
  
  /* Global HTML  ############################################################################################################################################ */
  
  .clear {
      clear: both;
  }
  
  h1, h2, .home h2, h3, h4, h5, h6,
  .result-title {
      border-bottom: 1px dashed #f0bc19;
      color: #195194;
      font-size: 24px;
      letter-spacing: 0;
      line-height: normal;
      margin: 0 0 20px 0;
      padding: 0 0 3px 0;
      text-align: left;
      text-transform: uppercase;
  }
  
  h1, h2 {
      clear: both;
      font-weight: 700;
  }
  
  h3 {
      border: none;
      clear: both;
      font-size: 18px;
      margin: 0 0 10px 0;
  }
  
  h4 {
      border: none; 
      font-size: 16px;
      margin: 10px 0 0 0;
      padding: 0 0 7px 0;
  }
  
  .frauen h1, .frauen h2, .frauen h3, .frauen h4 {color: #e1871e; border-bottom-color: #e1871e;}
  .schule h1, .schule h2, .schule h3, .schule h4 {color: #aa82cc; border-bottom-color: #aa82cc;}
  .ekunst h1, .ekunst h2, .ekunst h3, .ekunst h4 {color: #66b4e1; border-bottom-color: #66b4e1;}
  .skater h1, .skater h2, .skater h3, .skater h4 {color: #fecc03; border-bottom-color: #fecc03;}
  
  
  h5 {
      border: none; 
      color: #878787;
      font-size: 12px;
      margin: 0;
      padding: 0 0 5px 0;
  }
  
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
      text-decoration: none;
  }
  
  p {
      margin: 0 0 10px 0;
      padding: 0;
      text-align: justify;
  }
  
  ol, ul {
      list-style: none;
      margin: 0;
      padding: 0;
  }
  
  table {
      border-collapse: separate;
      border-spacing: 0;
  }
  
  caption, th, td {
      font-weight: normal;
      padding: 0 30px 0 0;
      text-align: left;
      vertical-align: top;
  }
  
  blockquote:before, blockquote:after,
  q:before, q:after {
      content: "";
  }
  
  blockquote, q {
      quotes: "" "";
  }
  
  a img {
      border: 0;
  }
  
  a {
      color: #195194;
      text-decoration: none;
  }
  
  .frauen a {color: #e1871e;}
  .schule a {color: #aa82cc;}
  .ekunst a {color: #66b4e1;}
  .skater a {color: #fecc03;}
  
  a:hover {
      text-decoration: underline;
  }
  
  strong, b {
      font-weight: bold;
  }
  
  em, i {
      font-style: italic;
  }
  
  
  hr {
      background-image: -webkit-linear-gradient(left, transparent, #195194, transparent);
      background-image: -moz-linear-gradient(left, transparent, #195194, transparent);
      background-image: -ms-linear-gradient(left, transparent, #195194, transparent);
      background-image: -o-linear-gradient(left, transparent, #195194, transparent); 
      border: 0;
      clear: both;
      display: inline-block;
      height: 1px;
      margin: 30px 0 50px 0;
      width: 100%;
  }
  
  
  
  
  /* Global Elements  ############################################################################################################################################ */
  
  #mobile-header {
      display: none;
  }
  
  
  
  /* Video */
  
  #video-container {
      background-color: #000;
      bottom: 0;
      display: block;
      left: 0;
      height: 100%;
      overflow: hidden;
      position: fixed;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 4995;
  }
  
  #video {
      height: 100%;
      left: 0px;
      margin: 0 auto;
      min-width: 100%;
      min-height: 100%;
      overflow: hidden;
      position: absolute;
      right: 0px;
      top: 0;
      width: 100%;
      z-index: -1000;
  }
  
  @media (min-aspect-ratio: 16/9) {
      #video {height: 300%; top: -100%;}
  }
  @media (max-aspect-ratio: 16/9) {
      #video {width: 300%; left: -100%;}
  }
  
  #video-mobile {
      background: #000 url("../images/erc-ingolstadt.jpg") no-repeat scroll center top;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      bottom: 0;
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
  }
  
  #video-logos {
      left: 0;
      margin: 0 auto;
      max-width: 780px;
      overflow: hidden;
      position: relative;
      right: 0px;
      text-align: center;
      top: 47%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 100%;
      z-index: 20;
  }
  
  #vidlogo-erci {
      left: auto;
      margin: 0 auto;
      padding: 0;
      width: 100%;
  }
  
  #vidclaim {
      color: #fff;
      font-size: 52px;
      line-height: 52px;
      margin: 0 auto 20px auto;
      opacity: 0;
      padding: 0;
      text-align: center;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);
      width: 100%;
  }
  
  #vidlogos {
      margin: 0;
      padding: 0;
      width: 100%;
  }
  
  #vidlogos a {
      float: left;
      margin: 0 0.5%;
      padding: 0;
      -moz-transition: all 0.25s ease-in-out 0s;
      -ms-transition: all 0.25s ease-in-out 0s;
      -o-transition: all 0.25s ease-in-out 0s;
      -webkit-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      width: 17%;
  }
  
  #vidlogos a:first-child {
      width: 25%;
  }
  
  #vidlogos a img {
      height: auto;
      margin: 0;
      opacity: 0;
      padding: 0;
      width: 100%;
  }
  
  #vidlogos a:hover {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  
  #menu-icon {
    display:none;
  }
  
  
  
  /* Global Device Padding */
  
  #wrapper,
  #onepage-wrapper,
  #footer-wrapper {
      clear: both;
      margin: 0 auto;
      padding: 0;
      position: relative;
  }
  
  #wrapper {
      display: block;
      padding: 0 50px;
      max-width: 100%;
      position: relative;
      z-index: 500;
  }
  
  
  
  
  /* Header Area */
  
  #nav {
      display: block;
      height: 165px;
      margin: 0 auto;
      position: fixed;
      top: 0px;
      width: 100%;
      z-index: 4990;
  }
  
  #nav-inner {
  background: transparent url("../images/nav-erci.png") no-repeat scroll center top;
  
  /*
      background-color: #195194;
      border-bottom: 10px solid #fff; 
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
  */
      height: 100%;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
  }
  
  .frauen #nav-inner {background-image: url("../images/nav-frauen.png");}
  .schule #nav-inner {background-image: url("../images/nav-schule.png");}
  .ekunst #nav-inner {background-image: url("../images/nav-ekunst.png");}
  .skater #nav-inner {background-image: url("../images/nav-skater.png");}
  
  
  .frauen #nav-inner {border-color: #e1871e;}
  .schule #nav-inner {border-color: #aa82cc;}
  .ekunst #nav-inner {border-color: #66b4e1;}
  .skater #nav-inner {border-color: #fecc03;}
  
  #nav-logo-wrapper {
      left: 0;
      margin: 0 auto;
      max-width: 1380px;
      position: absolute;
      right: 0;
      top: 5px;
  }
  
  
  
  /* Header */
  
  header {
      background-color: #195194;
      height: 400px;
      margin: 0 auto;
      overflow: hidden;
      padding: 0;
      position: relative;
      width: 100%;
      z-index: 0;
  }
  
  #header-image {
      height: 360px;
      margin: 40px 0 0 0;
      padding: 0;
      position: relative;
      width: 100%;
      z-index: 5;
  }
  
  .home header {
      height: 550px;
  }
  
  .home #header-image {
      float: right;
      height: 500px;
      width: 73%;
  }
  
  #promo {
      background-color: #4c79a8;
      height: 100%;
      left: 0;
      margin: 0;
      min-width: 350px;
      padding: 0;
      position: absolute;
      top: 0;
      width: 27%;
      z-index: 10;
  }
  
  .promotab {
      border-bottom: 1px dashed rgba(255,255,255,0.5);
      height: 95px;
      margin: 0;
      padding: 0;
      position: relative;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      width: 100%;
  }
  
  .promotab:last-child {
      border-bottom: none;
  }
  
  .promotab a {
      bottom: 0;
      height: 100%;
      left: 0;
      margin: 0;
      padding: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 10;
  }
  
  .promotab:hover {
      background-color: rgba(255,255,255,0.5);
  }
  
  .promotab img {
      left: 20px;
      height: 95%;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 5%;
      width: auto;
  }
  
  .promotab p {
      color: #fff;
      font-size: 24px;
      padding: 25px 0 0 130px;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  .promotab p span {
      font-size: 16px;
      left: 130px;
      position: absolute;
      top: 55px;
  }
  
  .promotab:hover p {
      color: #195194;
  }
  
  .promotab:first-child {
      margin-top: 40px;
  }
  
  #header-image-overlay {
      background: rgba(0,0,0,0.25);
      bottom: 0;
      height: 100%;
      left: 0;
      margin: 0;
      opacity: 0;
      padding: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: -1;
  }
  
  #header-top {
      background-color: #195194;
      border-bottom: 5px solid #fff; 
      height: 40px;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 200;
  }
  
  .frauen #header-top {border-color: #e1871e;}
  .schule #header-top {border-color: #aa82cc;}
  .ekunst #header-top {border-color: #66b4e1;}
  .skater #header-top {border-color: #fecc03;}
  
  #header-foot {
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center top;
      background-image: url("../images/header-foot.png");
      bottom: 0;
      height: 240px;
      margin: 0 auto;
      pointer-events: none;
      position: absolute;
      top: -100px;
      width: 100%;
      z-index: 500;
  }
  
  .frauen #header-foot {background-image: url("../images/header-foot-frauen.png");}
  .schule #header-foot {background-image: url("../images/header-foot-schule.png");}
  .ekunst #header-foot {background-image: url("../images/header-foot-ekunst.png");}
  .skater #header-foot {background-image: url("../images/header-foot-skater.png");}
  
  
  
  
  /* Sponsoren BANNER */
  
  #sponsoren {
      height: 80px;
      min-width: 100%;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      top: -10px;
      z-index: 600;
  }
  
  #sponsoren * {
      height: 100% !important;
      width: auto !important;
  }
  
  #sponsoren .moduletable {
      bottom: 0;
      left: 0;
      min-width: 100%;
      overflow: hidden;
      position: absolute;
      right: 0;
      top: 0;
  }
  
  #sponsoren ul {
      margin: 0;
      min-width: 100%;
      padding: 0;
      position: relative;
  }
  
  #sponsoren li {
      list-style-type: none;
      margin: 0;
      opacity: 0.5;
      padding: 0;
      position: absolute;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }
  
  #sponsoren li:hover {
      opacity: 1;
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      cursor: pointer;
   }
  
  body.frauen.sponsoren a {
  }
  
  body.frauen.sponsoren #maininfo img {
      float: left;
      height: auto !important;
      margin: 15px 20px !important;
      width: 190px !important;
   }
  
  
  /* Sponsoren CONTENTR */
  
  #sponsors {
      margin: 20px 0 30px 0;
      padding: 0;
      text-align: center;
      width: 100%;
  }
  
  #sponsors hr {
      clear: both;
      display: inline-block;
      margin: 30px 0;
      padding: 0;
      width: 100%;
  }
  
  #sponsors h3 {
      clear: both;
      display: inline-block;
      margin: 0 0 20px 0;
      padding: 0;
      width: 100%;
  }
  
  #sponsors a {
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      display: inline-block;
      margin: 10px 0;
      max-width: 230px;
      padding: 10px 0;
      position: relative;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      vertical-align: middle;
      width: 25%;
  }
  
  #sponsors a:hover {
      background-color: rgba(0,0,0,0.1);
  }
  
  #sponsors img {
      height: auto;
      margin: 0;
      padding: 0;
      width: 100%;
  }
  
  
  
  
  /* Header Promo */
  
  #headerpromo-wrapper {
      display: block;
      left: 50%;
      position: absolute;
      width: 50%;
  }
  
  #headerpromo {
      background: transparent url("../images/header-image-overlay.png") no-repeat left bottom;
      height: 500px;
      left: 0:;
      overflow: hidden;
      padding: 0;
      position: absolute;
      top: 0;
      width: 100%;
  }
  
  #headerpromo img {
      border: none;
      left: 150px;
      position: absolute;
      top: 0;
  }
  
  #headerpromo h3 {
      border: none;
      color: #6699cc;
      font-size: 36px;
      left: 130px;
      position: absolute;
      text-transform: uppercase;
      top: 280px;
  }
  
  #headerpromo p {
      color: #6699cc;
      font-size: 14px;
  }
  
  #headerpromo .promoline1 {
      left: 125px;
      position: absolute;
      top: 330px;
  }
  
  #headerpromo .promoline2 {
      left: 115px;
      position: absolute;
      top: 350px;
  }
  
  #headerpromo .promoline3 {
      left: 110px;
      position: absolute;
      top: 370px;
  }
  
  #headerpromo .segment-link {
      left: 85px;
      margin: 0;
      position: absolute;
      top: 420px;
  }
  
  
  
  
  
  #downlink {
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      text-align: center;
      top: 135px;
      z-index: 200;
  }
  
  #downlink a {
      left: 0;
      margin: 0 auto;
      padding-top: 0;
      position: absolute;
      right: 0;
      text-decoration: none;
      top: 0;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      width: 100px;
  }
  
  #downlink a:hover {
      background: transparent url("../images/downlink.png") no-repeat scroll center top;
      padding-top: 12px;
  }
  
  .header-inner {
      left: 0;
      margin: 0 auto;
      max-width: 1380px;
      padding: 0 25px;
      position: absolute;
      right: 0;
      top: 0;
  }
  
  
  
  
  
  /* Topmenu */
  
  #topbar {
      float: left;
      height: 40px;
      margin: 0 auto;
      position: relative;
  }
  
  #topmenu  {
      float: right;
      position: relative;
      right: 0;
      top: 10px;
  }
  
  #topmenu ul.menu li.level_1 {
      border-right: 1px solid #ccc;
      display: inline-block;
      padding: 0 10px;
      text-align: center;
  }
  
  #topmenu ul.menu li.level_1.last {
      border-right: none;
  }
  
  #topmenu ul.menu li.level_1 a {
      color: #647D96;
      font-size: 12px;
      padding: 2px 0;
      text-decoration: none;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  #topmenu ul.menu li.level_1 a:hover {
      border-bottom: 1px dashed #647D96;
      border-top: 1px dashed #647D96;
  }
  
  
  
  
  
  
  /* Toolbar Menu */
  
  #toolbar-wrapper {
      height: 80px;
      margin-top: 0;
      position: relative;
      width: 100%;
  }
  
  .toolbar {
      margin: 0 auto;
      max-width: 1380px;
      position: relative;
  }
  
  .toolbar .menu  {
      margin: 0;
      float: right;
      padding: 0;
      white-space: nowrap;
  }
  
  .toolbar ul.menu li.level_1 {
      display: inline-block;
      position: relative;
      width: 130px;
      z-index: 20;
  }
  
  .toolbar ul.menu li.nav1 {
      left: 180px;
      position: absolute;
      top: 0;
  }
  
  .toolbar ul.menu:hover li.level_1 a {
      opacity: 0.5;
  }
  
  .toolbar .menu li.level_1 a {
      background-color: transparent;
      background-image: url("../images/toolbar.png");
      background-repeat: no-repeat;
      color: #fff;
      display: block;
      font-size: 16px;
      font-weight: normal;
      line-height: 30px;
      overflow: hidden;
      padding: 62px 0 10px 0;
      letter-spacing: 0.5px;
      text-align: center;
      text-decoration: none;
      text-transform: none;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  .toolbar ul.menu li.level_1:hover a,
  .toolbar .menu li.active a.level_1 {
      color: #f0bc19;
  }
  
  .toolbar ul.menu li.level_1.nav1 a {background-position: center -100px;}
  .toolbar ul.menu li.level_1.nav2 a {background-position: center -300px;}
  .toolbar ul.menu li.level_1.nav3 a {background-position: center -500px;}
  .toolbar ul.menu li.level_1.nav4 a {background-position: center -700px;}
  .toolbar ul.menu li.level_1.nav5 a {background-position: center -900px;}
  .toolbar ul.menu li.level_1.nav6 a {background-position: center -1100px;}
   
  .toolbar ul.menu li.level_1.nav1 a:hover, .toolbar ul.menu li.level_1.active.nav1 a {background-position: center 0px;}
  .toolbar ul.menu li.level_1.nav2 a:hover, .toolbar ul.menu li.level_1.active.nav2 a {background-position: center -200px;}
  .toolbar ul.menu li.level_1.nav3 a:hover, .toolbar ul.menu li.level_1.active.nav3 a {background-position: center -400px;}
  .toolbar ul.menu li.level_1.nav4 a:hover, .toolbar ul.menu li.level_1.active.nav4 a {background-position: center -600px;}
  .toolbar ul.menu li.level_1.nav5 a:hover, .toolbar ul.menu li.level_1.active.nav5 a {background-position: center -800px;}
  .toolbar ul.menu li.level_1.nav6 a:hover, .toolbar ul.menu li.level_1.active.nav6 a {background-position: center -1000px;}
  
  .toolbar ul.menu li.level_1:hover a,
  .toolbar ul.menu li.active a.level_1 {
      opacity: 1;
  }
  
  
  
  
  
  
  /*########## Toolbar Submenu Start ##########*/
  
  .toolbar .submenu {
      background-color: #195194;
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-position: center bottom;
      -webkit-background-size: auto 100%;
      -moz-background-size: auto 100%;
      -ms-background-size: auto 100%;
      -o-background-size: auto 100%;
      background-size: auto 100%;
      border: none;
      border-bottom: 10px solid #fff;
      -webkit-box-shadow: 0 40px 40px -10px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0 40px 40px -10px rgba(0, 0, 0, 0.35);
      -ms-box-shadow: 0 40px 40px -10px rgba(0, 0, 0, 0.35);
      -o-box-shadow: 0 40px 40px -10px rgba(0, 0, 0, 0.35);
      box-shadow: 0 40px 40px -10px rgba(0, 0, 0, 0.35);
      display: none;
      left: 0;
      margin: 0 auto;
      padding: 0;
      position: fixed;
      right: 0; 
      text-align: center;
      top: 90px;
      width: 100%;
  }
  
  .toolbar li.nav2 .submenu {background-image: url("../images/figure-eishockey.png");}
  .toolbar li.nav3 .submenu {background-image: url("../images/figure-frauen-eishockey.png");}
  .toolbar li.nav4 .submenu {background-image: url("../images/figure-eisstarter.png");}
  .toolbar li.nav5 .submenu {background-image: url("../images/figure-eiskunstlauf.png");}
  .toolbar li.nav6 .submenu {background-image: url("../images/figure-skaterhockey.png");}
  
  
  
  #bg {
      background: #fff url("../images/background.jpg") no-repeat scroll center top;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      bottom: 0;
      height: 100vh;
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 0;
  }
  
  
  
  .frauen .toolbar .submenu  {border-bottom-color: #e1871e;}
  .schule .toolbar .submenu  {border-bottom-color: #aa82cc;}
  .ekunst .toolbar .submenu  {border-bottom-color: #66b4e1;}
  .skater .toolbar .submenu  {border-bottom-color: #fecc03;}
  
  .toolbar .submenu * {
      white-space: normal;
  }
  
  .toolbar .submenu-wrapper {
      border-top: none;
      display: inline-block;
      max-width: 1380px;
      padding: 30px 0;
      width: 100%;
  }
  
  .toolbar .submenu div.submenu-inner {
      float: right;
      margin: 0 20px 0 0;
      width: 600px;
  }
  
  .toolbar .submenu .submenu-inner h3 {
      color: #fff;
      font-size: 18px;
      letter-spacing: 1px;
      margin: 0;
      padding: 0 0 5px 0;
      white-space: nowrap;
  }
  
  .toolbar .submenu .sidebar-title {
      display: none !important;
  }
  
  .toolbar .submenu div.toolbar-info,
  .toolbar .submenu div.toolbar-image,
  .toolbar .submenu ul {
      border-top: 4px solid #fff;
      float: left;
      vertical-align: top;
  }
  
  .toolbar .submenu-inner div.toolbar-info {
      float: left;
      margin: 0;
      padding: 15px 50px 0 0;
      position: relative;
      width: 350px;
  }
  
  .toolbar .submenu-inner.right div.toolbar-info {
      float: right;
      padding: 15px 0 0 50px;
  }
  
  .toolbar .submenu div.toolbar-info p {
      color: #fff;
      line-height: 20px;
  }
  
  .toolbar .submenu div.toolbar-info img {
      border: 1px solid #fff;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      height: auto;
      margin: 0 0 15px 0;
      width: 100%;
      z-index: 10;
  }
  
  .toolbar .submenu-inner div.toolbar-info img.navlogo {
      border: none;
      bottom: -10px;
      height: auto;
      margin: 0;
      padding: 0;
      position: absolute;
      right: 0;
      width: 30%;
      z-index: 20;
  }
  
  .toolbar .submenu-inner.right div.toolbar-info img.navlogo {
      left: 0;
      right: auto;
  }
  
  .toolbar ul li.nav4.level_1 .submenu-inner.right div.toolbar-info img.navlogo {
      left: -50px;
      right: auto;
  }
  
  .toolbar ul li.level_1 .submenu ul {
      height: auto;
      list-style-type: none;
      margin: 0 auto;
      min-width: 200px;
      padding: 10px 0 15px 0;
  }
  
  .toolbar ul li.level_1 .submenu ul li {
      border: none;
      border-bottom: 1px dashed rgba(255,255,255,0.25);
      display: block;
      padding: 0;
      position: relative;
      text-align: left;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      width: 100%;
  }
  
  .toolbar ul li.level_1 .submenu ul li:last-child {
      border: none;
  }
  
  .toolbar ul li.level_1 .submenu ul li.list-image {
      border: none;
      margin: 15px 0;
      text-align: center;
  }
  
  .toolbar ul li.level_1 .submenu ul li.list-image img {
      height: auto;
      width: 80%
  }
  
  .toolbar ul li.level_1 .submenu ul li.separator {
      border: none;
      clear: both;
      display: inline-block;
      float: none;
      margin: 15px 0 5px 0;
      width: 100%;
  }
  
  .toolbar .submenu .submenu-inner ul li.subtitle {
      border: none !important;
  }
  
  .toolbar .submenu .submenu-inner ul li.subtitle h3 {
      border: none;
      border-bottom: 1px dashed #fff;
      color: #fff;
      font-size: 14px;
      font-weight: normal;
      letter-spacing: 1px;
      line-height: 20px;
      margin: 10px 0 5px 0;
      opacity: 0.7;
      padding: 0;
      text-transform: uppercase;
  }
  
  .toolbar .submenu .submenu-inner ul li.subtitle h4 {
      border: none;
      color: rgba(255,255,255,0.7);
      font-size: 12px;
      font-style: italic;
      letter-spacing: 1px;
      line-height: 20px;
      margin: 10px 0 5px 0;
      padding: 0;
  }
  
  .toolbar ul li.level_1 .submenu ul li a {
      background: none !important;
      background-color: transparent;
      border: none;
      color: #fff;
      display: inline;
      font-size: 16px;
      letter-spacing: 0.5px;
      opacity: 1;
      padding: 2px 10px 2px 5px;
      text-align: left;
      text-decoration: none;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      width: 100%;
  }
  
  .toolbar ul li.level_1 .submenu ul li span.separator {
      clear: both;
      font-size: 13px;
      font-style: italic;
      padding-top: 15px;
      width: 100%;
  }
  
  .toolbar ul li.level_1 .submenu ul li a img {
      left: 0;
      opacity: 1;
      padding: 5px 0 0 0;
      top: 0;
  }
  
  .toolbar ul li.level_1 .submenu ul li a::before {
      content: "\00BB \0020";
      display: block;
      float: left;
      font-size: 14px;
      padding: 0 0 0 5px;
  }
  
  .toolbar ul li.level_1 .submenu ul li a.facebook::before {
      content: none;
      padding: 0;
  }
  
  .toolbar ul li.level_1 .submenu ul li:hover {
      background-color: rgba(0,0,0,0.1);
  }
  
  .toolbar ul li.level_1 .submenu ul li:hover a {
      color: #fff;
  }
  
  .toolbar ul li.level_1 .submenu ul li.subtitle:hover {
      background: none;
  }
  
  .toolbar ul li.level_1 .submenu ul li a:hover {
      padding-left: 10px;
      padding-right: 5px;
  }
  
  
  
  
  
  /* Nav1 Präsidium */
  
  .toolbar ul.menu li.nav1.level_1 .submenu-wrapper {
      border-top: none;
      display: inline-block;
      max-width: 1380px;
      padding: 25px 0 10px 0;
      width: 100%;
  }
  
  .toolbar ul.menu li.nav1.level_1 .submenu div.submenu-inner {
      float: left;
      margin: 0;
      width: auto;
  }
  
  .toolbar ul.menu li.nav1.level_1 .submenu div.submenu-inner ul {
      margin-left: 180px;
  }
  
  
  .toolbar ul li.nav1.level_1 .submenu ul {
      border: none;
      padding: 0;
  }
  
  .toolbar ul.menu li.nav1.level_1 .submenu ul li {
      border: none;
      display: inline-block;
      height: 85px;
      margin: 0;
      overflow: hidden;
      position: relative;
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      -ms-transition: all 0.25s ease-in-out 0s;
      -o-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      width: 115px;
  }
  
  .toolbar ul.menu li.nav1.level_1 .submenu ul li:hover {
      background: none !important;
  }
  
  .toolbar ul.menu li.nav1.level_1 .submenu ul li a {
      color: #f0bc19;
      font-size: 16px;
      font-weight: 300;
      left: 0;
      letter-spacing: 0.5px;
      line-height: 16px;
      margin: 0 auto;
      padding: 60px 0 0 0;
      position: absolute;
      right: 0;
      text-align: center;
      top: 0;
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      -ms-transition: all 0.25s ease-in-out 0s;
      -o-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
  }
  
  .toolbar ul.menu li.nav1.level_1 .submenu ul li a::before {
      content: none;
  }
  
  .toolbar ul.menu li.nav1.level_1 .submenu ul li a:hover {
      color: #fff;
  }
  
  
  .toolbar ul.menu li.nav1.level_1 .submenu-image img {
      display: block;
      height: auto;
      left: 0;
      margin: 0 auto;
      padding: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 50px;
  }
  
  .toolbar ul.menu li.nav1.level_1 .submenu-image img.a {
      margin: 0 auto;
      opacity: 1;
      position: absolute;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      z-index: 10;
  }
  
  .toolbar ul.menu li.level_1 .submenu-image:hover img.a {
      opacity: 0;
  }
  
  .toolbar ul.menu li.nav1.level_1 .submenu-image img.b {
      left: 0;
      margin: 0 auto;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      z-index: 10;
  }
  
  .toolbar ul.menu li.nav1.level_1 .submenu-image:hover img.b {
      opacity: 1;
  }
  
  
  
  
  
  
  /* Splash */
  
  #splash {
      background: transparent url("../images/splash.png") no-repeat left top;
      -webkit-background-size: 100% 100%;
      -moz-background-size: 100% 100%;
      -ms-background-size: 100% 100%;
      -o-background-size: 100% 100%;
      background-size: 100% 100%;
      height: 250px;
      margin: 0;
      opacity: 0;
      padding: 0;
      position: absolute;
      right: -25px;
      top: 130px;
      width: 250px;
      z-index: 1000;
  }
  
  .home #splash {
      top: 280px;
  }
  
  /*
  #splash-inner {
      left: 45px;
      position: absolute;
      top: 120px;
      -webkit-transform: rotate(10deg);
      -moz-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      -o-transform: rotate(10deg);
      transform: rotate(10deg);
      width: 160px;
  }
  
  .splash1, .splash2 {
      color: #195194;
      line-height: 16px;
      text-align: center;
      width: 100%;
  }
  
  .splash1 {
      font-size: 12px;
      margin: 0 0 5px 0;
      padding: 0;
      text-transform: uppercase;
  }
  
  
  .splash2, .splash2 a {
      color: #195194;
      font-size: 18px;
      letter-spacing: -0.5px;
      line-height: 16px;
      margin: 0 0 7px 0;
      padding: 0;
      text-decoration: none;
      text-shadow: 2px 2px 0	px rgba(0, 0, 0, 0.5);
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  .splash2 a:hover {
      color: #c00f;
      text-shadow: 2px 2px 0	px rgba(0, 0, 0, 0.5);
  }
  */
  
  #splash-inner {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      -webkit-transform: rotate(10deg);
      -moz-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
      -o-transform: rotate(10deg);
      transform: rotate(10deg);
      width: 100%;
  }
  
  #splash a {
      height: 100%;
      left: 0;
      margin: 0;
      position: absolute;
      padding: 0;
      top: 0;
      width: 100%;
      z-index: 500;
  }
  
  #splash:hover {
  }
  
  #splash .splashdate {
      color: #195194;
      font-family: impact, sans-serif;
      font-size: 18px;
      letter-spacing: 0px;
      line-height: 16px;
      margin: 0;
      opacity: 0.8;
      padding: 0;
      position: absolute;
      text-align: center;
      text-decoration: none;
      text-shadow: 2px 2px 0	px rgba(0, 0, 0, 0.5);
      top: 55%;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      width: 90%;
  }
  
  
  
  /* Home Icon */
  
  a.home-icon {
      opacity: 0.5;
      position: relative;
      -moz-transition: all 0.25s ease-in-out 0s;
      -ms-transition: all 0.25s ease-in-out 0s;
      -o-transition: all 0.25s ease-in-out 0s;
      -webkit-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
  }
  
  a.home-icon:hover {
      border: none !important;
      opacity: 1;
  }
  
  a.home-icon img {
      left: -5px;
      position: absolute;
      top: 2px;
  }
  
  
  
  /* Sprachen */
  
  #sprachen {
      float: left;
      margin: 0;
      padding: 0;
      position: relative;
      text-align: right;
      top: 10px;
  }
  
  div.mod-languages li {
      margin-left: 3px !important;
      margin-right: 3px !important;
  }
  
  #sprachen a {
      color: #6b6761;
      font-size: 16px;
      letter-spacing: 2px;
      text-decoration: none;
      text-transform: uppercase;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  #sprachen a:hover {
      color: #fff;
  }
  
  
  
  /* Search */
  
  #search {
      left: 0;
      position: absolute;
      top: 285px;
  }
  
  #search label {
      display: none;
  }
  
  #search input {
      background-color: #fff !important;
      border: 1px solid #ccc !important;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
      -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
      -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1);
      opacity: 0.7;
      width: 200px;
      padding: 3px;
  }
  
  #search input:focus {
      opacity: 0.9;
      outline:0;
  }
  
  #search #mod-search-searchword {
      background: transparent;
      border: none;
      color: #555;
      line-height: 20px;
      outline: none;
      width: 175px;
  }
  
  .result-title {
      margin-top: 20px;
  }
  
  
  
  
  /* Logo */
  
  .logo {
      max-width: 200px;
      overflow: hidden;
  }
  
  .logo p {
      position: relative;
      z-index: 50;
  }
  
  #logoscroll {
      display: none;
      left: 0;
      top: 57px;
  }
  
  .logo {
      position: absolute;
  }
  
  .logo, .logo p, .logo a, .logo img {
      margin: 0;
      padding: 0;
  }
  
  .logo img {
      border: none;
      height: auto;
      width: 100%;
  }
  
  header .logo {
      float: left;
      height: 180px;
      margin: 10px 0 0 0;
      padding: 0;
      position: relative;
      width: 180px;
      z-index: 50;
  }
  
  #error {
      margin: 130px auto 0 auto;
      padding: 20px;
      width: 500px !important;
  }
  
  #error  h1, #error  p {
      border: none;
      text-align: center;
  }
  
  
  
  
  /* Header Boxes */
  
  #headerboxes-wrapper {
      background-color: #999;
      margin-top: 470px;
      position: relative;
      width: 100%;
  }
  
  #headerboxes {
      margin: 0 auto;
      overflow: hidden;
      max-width: 1380px;
      text-align: center;
  }
  
  #headerbox1,
  #headerbox2,
  #headerbox3 {
      background-color: #ff0;
      display: inline-block;
      height: 250px;
      margin: 0 15px;
      min-width: 150px;
      padding: 0px 15px;
      position: relative;
      text-align: left;
      width: 25%;
  }
  
  #headerboxes h3 {
      border: none;
      color: #3382b4;
      font-size: 20px;
      margin-bottom: 7px;
      padding: 0;
      text-align: left;
  }
  
  #headerboxes h3 a {
      color: #3382b4;
      text-decoration: none !important;
  }
  
  #headerboxes p { 
      color: #555;
  }
  
  #headerboxes a {
      color: #555;
      text-decoration: none;
  }
  
  #headerboxes a.boxlink {
      background: transparent url("../images/boxlink.png") no-repeat 0 0;
      color: #fff;
      font-size: 14px;
      left: 0;
      padding: 10px 0 20px 0;
      position: absolute;
      text-align: center;
      text-decoration: none !important;
      top: 240px;
      width: 165px;
  }
  
  #headerboxes a.boxlink:hover {
      background-position: 0 -50px;
  }
  
  #headerboxes .thumb {
      border: 1px solid #96AABE;
      height: 162px;
      padding: 2px;
      width: 275px;
  }
  
  
  
  
  
  
  
  
  /* Sidebar */
  
  #sidebar {
      float: left;
      line-height: 18px !important;
      margin: 5px 20px 0 25px;
      min-height: 500px;
      position: relative;
      text-align: left;
      width: 270px;
  }
  
  #sidebar * {
      line-height: 20px !important;
  }
  
  #sidebar img {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      height: auto;
      margin: 10px 0 10px 0;
      width: 100%;
  }
  
  #sidebar .moduletable-voll img {
      margin-top: 0;
  }
  
  #sidebar h3 {
      font-size: 18px;
      margin: 0 0 10px 0;
      padding: 4px 0;
  }
  
  #sidebar ul {
      margin: 0;
      padding: 0 0 0 5px;
  }
  
  #sidebar ul li {
      padding: 2px 0;
  }
  
  #sidebar ul li.separator {
      display: none;
  }
  
  #sidebar ul li a {
      padding-left: 5px;
      text-decoration: none;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  #sidebar ul li a::before {
      content: "\00BB \0020";
      display: block;
      float: left;
      font-size: 14px;
  }
  
  #sidebar ul li a:hover {
      color: #00509d;
      padding-left: 10px;
  }
  
  #sidebar li.subtitle {
      font-size: 12px;
      margin: 20px 0 0 0;
      opacity: 0.5;
  }
  
  #sidebar  li.subtitle h4 {
      font-size: 14px;
      font-style: italic;
      margin: 0;
  }
  
  #sidebar .moduletable {
      margin: 0 0 35px 0;
  }
  
  #sidebar .moduletable-voll {
      background-color: #195194;
      border: 2px solid #195194;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      margin: 0 0 35px 0;
      overflow: hidden;
      padding: 10px 15px;
      position: relative;
  }
  
  
  .frauen #sidebar .moduletable-voll {background-color: #e1871e; border-color: #e1871e;}
  .schule #sidebar .moduletable-voll {background-color: #aa82cc; border-color: #aa82cc;}
  .ekunst #sidebar .moduletable-voll {background-color: #66b4e1; border-color: #66b4e1;}
  .skater #sidebar .moduletable-voll {background-color: #fecc03; border-color: #fecc03;}
  
  #sidebar .moduletable-voll p,
  #sidebar .moduletable-voll a,
  #sidebar .moduletable-voll h3,
  #sidebar .moduletable-voll h4 {
      border-bottom-color: #fff;
      color: #fff;
  }
  
  #sidebar .newsflash-title:hover {
      padding-left: 5px;
  }
  
  #sidebar .moduletable-klar {
      background-color: #fff;
      border: 2px solid #195194;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      margin: 0 0 35px 0;
      overflow: hidden;
      padding: 50px 15px 10px 15px;
      position: relative;
  }
  
  .frauen #sidebar .moduletable-klar {border-color: #e1871e;}
  .schule #sidebar .moduletable-klar {border-color: #aa82cc;}
  .ekunst #sidebar .moduletable-klar {border-color: #66b4e1;}
  .skater #sidebar .moduletable-klar {border-color: #fecc03;}
  
  #sidebar .moduletable-klar h3 {
      background-color: #195194;
      border-bottom-color: #fff;
      color: #fff;
      left: 0;
      margin: 0;
      padding: 10px 0;
      position: absolute;
      text-align: center;
      top: 0;
      width: 100%;
  }
  
  .frauen #sidebar .moduletable-klar h3 {background-color: #e1871e; border-color: #e1871e;}
  .schule #sidebar .moduletable-klar h3 {background-color: #aa82cc; border-color: #aa82cc;}
  .ekunst #sidebar .moduletable-klar h3 {background-color: #66b4e1; border-color: #66b4e1;}
  .skater #sidebar .moduletable-klar h3 {background-color: #fecc03; border-color: #fecc03;}
  
  #sidebar .newsflash-date {
      color: #195194;
      font-size: 14px;
      font-style: italic;
      margin: 0 !important;
      opacity: 0.75;
  }
  
  .frauen #sidebar .newsflash-date {color: #e1871e;}
  .schule #sidebar .newsflash-date {color: #aa82cc;}
  .ekunst #sidebar .newsflash-date {color: #66b4e1;}
  .skater #sidebar .newsflash-date {color: #fecc03;}
  
  #sidebar .newsflash-title-klar {
      clear: both;
      display: inline-block;
      float: left;
      font-size: 16px;
      letter-spacing: 0;
      line-height: 20px;
      margin: 5px 0 10px 0;
      padding: 0 5px 0 0 !important;
      position: relative;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      z-index: 10;
  }
  
  #sidebar .newsflash-title-klar:hover {
      color: #195194 !important;
      padding: 0 0 0 5px !important;
  }
  
  .moduletable-klar p {
      line-height: 22px !important;
      margin-bottom: 5px !important;
  }
  
  
  
  
  /* Content */
  
  #content-wrapper {
      border: 2px solid #fff;
      -webkit-box-shadow: 0 30px 30px 0px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0 30px 30px 0px rgba(0, 0, 0, 0.35);
      -ms-box-shadow: 0 30px 30px 0px rgba(0, 0, 0, 0.35);
      -o-box-shadow: 0 30px 30px 0px rgba(0, 0, 0, 0.35);
      box-shadow: 0 30px 30px 0px rgba(0, 0, 0, 0.35);
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
      border-radius: 30px;
      display: block;
      margin: 165px auto 130px auto;
      max-width: 1380px;
      overflow: hidden;
      padding: 0;
      position: relative;
      width: 100%;
  }
  
  #content-wrapper-foot {
      background: transparent url("../images/section-white-grey.png") no-repeat center bottom;
      bottom: 0;
      height: 250px;
      margin: 0;
      padding: 0;
      pointer-events: none;
      position: absolute;
      width: 100%;
      z-index: 30;
  }
  
  .home #content-wrapper-foot {
      display: none;
  }
  
  #content-head {
      background: transparent url("../images/section-clear-white.png") no-repeat center top;
      height: 250px;
      margin: 0 auto;
      padding: 0;
      position: relative;
      width: 100%;
  }
  
  .home #content-head {
      background: transparent url("../images/section-clear-grey.png") no-repeat center top;
  }
  
  #intro-skip {
      height: 1px;
      position: absolute;
      top: 130px;
      width: 20px;
      z-index: 9999;
  }
  
  #content {
      background-color: #fff;
      margin: -1px auto  0 auto;
      max-width: 1380px;
      padding: 140px 0 0 0;
      position: relative;
      width: 100%;
  }
  
  .home #content {
      background-color: #4c79a8;
      max-width: 100%;
  }
  
  #maininfo {
      position: relative;
      max-width: 100%;
      overflow: hidden;
      padding: 0 25px 35px 25px;
      position: static;
  }
  
  #maininfo h5 {
      background-color: rgba(0,80,152,0.5);
      border: 1px solid #fff;
      color: #fff;
      display: inline-block;
      font-size: 36px;
      font-weight: bold;
      left: 50%;
      letter-spacing: 0;
      margin: 0;
      padding: 5px 25px;
      position: absolute;
      text-align: center;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35);
      text-transform: none;
      top: -220px;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      white-space: nowrap;
  }
  
  
  
  .breadcrumbs {
      margin: 0 0 25px 0;
  }
  
  
  .home #maininfo {
      margin: 0;
      max-width: 100%;
      padding: 0;
  }
  
  .maininfo-left {
      float: left;
      margin: 0 1.5% 0 0;
      width: 48.5%;
  }
  
  .maininfo-right {
      float: right;
      margin: 0 0 0 1.5%;
      width: 48.5%;
  }
  
  #maininfo ul {
      list-style-type: disc;
      padding: 5px 0 10px 30px;
  }
  
  #maininfo ul, #maininfo ol, #maininfo li {
      text-align: left;
  }
  
  #maininfo ol {
      list-style-type: decimal;
      padding: 5px 0 10px 30px;
  }
  
  #maininfo img {
      height: auto;
      overflow: hidden;
  }
  
  #maininfo img.left {
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      float: left;
      margin: 0 25px 10px 0;
      width: 48%;
  }
  
  #maininfo img.right {
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      float: right;
      margin: 0 0 10px 25px;
      width: 48%;
  }
  
  
  #maininfo ul {
      list-style-type: disc;
      padding: 5px 0 10px 30px;
  }
  
  #maininfo li {
      text-align: left;
  }
  
  #maininfo img.left,
  #maininfo .img-intro-left {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      border-radius: 20px;
      float: left;
      margin: 0 3% 15px 0;
      width: 48.5%;
  }
  
  #maininfo img.right,
  #maininfo .img-intro-right {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      border-radius: 20px;
      float: right;
      margin: 0 0 15px 3%;
      width: 48.5%;
  }
  
  #maininfo .img-intro-left img,
  #maininfo .img-intro-right img {
      margin: 0;
      width: 100%;
  }
  
  img.wide {
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      border-radius: 20px;
      clear: both;
      float: none;
      margin: 20px 0 0 0;
      width: 100%;
  }
  
  
  #maininfo .quote {
      color: #aaa;
      font-size: 16px;
      list-style-type: none;
      margin: 20px 0 15px 0;
  }
  
  #maininfo .quote span {
      font-size: 12px;
      font-style: italic;
      padding-left: 5px;
  }
  
  #maininfo ol {
      list-style-type: decimal;
      padding: 5px 0 10px 30px;
  }
  
  #maininfo ul.actions {
      float: right;
      height: 22px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      right: 0;
      top: 10px;
  }
  
  #maininfo ul.actions img {
      border: none;
      width: auto !important;
  }
  
  #maininfo ul.actions li {
      display: inline;
  }
  
  #maininfo .noborder {
      border: none !important;
  }
  
  
  
  
  /* Pagination  */
  
  #maininfo .pagination {
      clear: both;
      margin: 10px 0;
      padding: 10px 0;
  }
  
  #maininfo .pagination p.counter {
      font-style: italic;
      font-weight: bold;
  }
  
  #maininfo .pagination ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      text-align: left;
  }
  
  #maininfo .pagination li.pagination-start {
      padding: 0;
  }
  
  #maininfo .pagination li {
      display: inline;
      margin: 0 2px;
      padding: 2px 5px;
      text-align: left;
  }
  
  
  /* Page Nav  */
  
  #maininfo .pagenav {
      clear: both;
      margin: 10px 0;
      padding: 10px 0;
      text-align: center;
  }
  
  #maininfo .pagenav .pagenav-prev {
      border-right: 1px dotted #aaa;
      padding-right: 10px;
  }
  
  #maininfo .pagenav .pagenav-next {
      padding-left: 10px;
  }
  
  #maininfo .pagenav ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
  }
  
  #maininfo .pagenav li {
      display: inline;
  }
  
  
  
  /* Readmore */
  
  #maininfo .readmore a {
      display: inline-block;
      font-style: italic;
      margin-top: 5px;
      text-decoration: none;
  }
  
  .newsflash a.readmore:link,
  .newsflash a.readmore:visited,
  #maininfo a.readmore:link,
  #maininfo a.readmore:visited {
      text-decoration: none;
  }
  
  .newsflash a.readmore:link,
  .newsflash a.readmore:visited{
      margin: 10px 0;
  }
  
  a.readmore:hover,
  a.readmore:active,
  a.readmore:focus {
      text-decoration: none;
  }
  
  #maininfo .readmore a:hover,
  #maininfo .readmore a:active,
  #maininfo .readmore a:focus {
      text-decoration: none;
  }
  
  
  
  /* Blog Columns */
  
  .blog-featured,
  .blog {
      float: left;
      width: 100%;
  }
  
  .blog ul.actions img {
      display: none;
  }
  
  .cols-1 {
      display: block;
      float: none !important;
      margin: 0 !important;
  }
  
  .items-row, .category-desc {
      clear: both;
      display: inline-block;
      margin: 0 0 30px 0;
      width: 100%;
  }
  
  #maininfo .category-desc img.left,
  #maininfo .category-desc img.right,
  .cols-2 .item {
      min-width: 350px;
      width: 48% !important;
  }
  
  .cols-2 .column-1 {
      float:left;
  }
  
  .cols-2 .column-2 {
      float:right;
  }
  
  .item {
      clear: both;
      display: inline-block;
      margin-bottom: 25px;
      width: 100%;
  }
  
  #maininfo .item h2 {
      border: none !important;
      font-size: 20px;
      margin-bottom: 5px;
      padding: 0 !important;
  }
  
  #maininfo .cols-1 .item .img-intro-left {
      float: left;
      margin: 0;
      padding: 0 15px 10px 0;
      width: 50%;
  }
  
  #maininfo .cols-1 .item .img-intro-right {
      float: right;
      margin: 0 0 ;
      padding: 0 0 10px 15px;
      width: 50%;
  }
  
  #maininfo .cols-2 .item .img-intro-left,
  #maininfo .cols-2 .item .img-intro-right {
      float:none;
      margin: 0;
      padding: 0 0 10px 0;
      width: 100%;
  }
  
  #maininfo .item .actions img {
      width: auto !important;
  }
  
  #maininfo img.icon {
      border: none;
      float: left;
      height: 70px;
      margin: 0 15px 0px 0;
      padding: 0 15px 0 0;
      width: 70px !important;
  }
  
  
  
  
  .whoops {
      padding-bottom: 250px;
  }
  
  
  
  
  /* Bildhinweise */
  
  #bildnachweise {
      list-style-type: none !important;
  }
  
  .bildnachweise {
      cursor: pointer;
      margin: 0;
      padding: 0;
  }
  
  .bildnachweise p {
      width: 100%;
  }
  
  #bildnachweise .flyoutbox {
      display: none;
      padding: 0;
      width: 100% !important;
  }
  
  .flyoutimage {
      border: none;
      float: left;
      margin: 0 15px 10px 0;;
  }
  
  a.nohover {
      color: inherit !important;
      cursor: text !important;
      text-decoration: none !important;
  }
  
  a.nohover:hover {
      border: none !important;
  }
  
  
  
  
  /* Footer  ############################################################################################################################################ */
  
  #footer-wrapper {
      background: #195194;
      margin: -1px 0 0 0;
      min-height: 0;
      position: relative;
      width: 100%;
      z-index: 2000;
  }
  
  #footer-head {
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center top;
      background-image: url("../images/header-foot.png");
      bottom: 0;
      height: 150px;
      margin: 0 auto;
      position: absolute;
      top: -150px;
      width: 100%;
  }
  
  .frauen #footer-head {background-image: url("../images/header-foot-frauen.png");}
  .schule #footer-head {background-image: url("../images/header-foot-schule.png");}
  .ekunst #footer-head {background-image: url("../images/header-foot-ekunst.png");}
  .skater #footer-head {background-image: url("../images/header-foot-skater.png");}
  
  
  footer {
      margin: 0 auto;
      max-width: 1380px;
      padding: 0 20px 60px 20px;
  }
  
  footer p {
      color: #0069b4;
      text-align: left;
  }
  
  
  
  /* Footerboxes */
  
  .footerbox {
      position: relative;
  }
  
  footer h2, footer h3, footer h4 {
      border: none;
  }
  
  footer h3 {
      border: none !important;
      color: #fff !important;
      letter-spacing: 3px;
      margin: 10px 0 30px 0;
      position: relative;
      text-align: center;
      text-transform: uppercase;
  }
  
  footer h3::before {
      border-top: 4px solid #fff;
      content: "";
      display: block;
      height: 2px;
      position: absolute;
      top: 37%;
      width: 100%;
      z-index: 1;
  }
  
  .frauen footer h3::before {border-top-color: #e1871e;}
  .schule footer h3::before {border-top-color: #aa82cc;}
  .ekunst footer h3::before {border-top-color: #66b4e1;}
  .skater footer h3::before {border-top-color: #fecc03;}
  
  footer h3 span {
      background-color: #195194;
      display: inline-block;
      font-size: 16px;
      overflow: hidden;
      padding: 0 10px;
      position: relative;
      white-space: nowrap;
      z-index: 1;
  }
  
  footer p {
      color: #fff;
  }
  
  footer a {
      color: #fff !important;
  }
  
  footer ul li {
      border-bottom: 1px solid rgba(255,255,255,0.5);
  }
  
  #footerbox1 li a {
      color: #fff;
      display: block;
      opacity: 0.55;
      padding: 9px 10px 9px 0px;
      text-decoration: none;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  #footerbox1 li a.fhighlight {
      opacity: 1;
  }
  
  #footerbox1 li a:hover {
      background-color: rgba(0,0,0,0.25);
      color: #fff;
      opacity: 1;
      padding: 9px 0px 9px 10px;
  }
  
  #footerbox1 {
      float: left;
      width: 60%;
  }
  
  #footerbox2 {
      float: right;
      width: 35%;
  }
  
  #footerbox2 img {
      float: left;
      height: auto;
      margin: 0 10px 0 0;
      width: 105px;
  }
  
  .footerbox-left {
      float: left;
      width: 47%;
  }
  
  .footerbox-left img {
      height: auto;
      margin: 0 0 10px 0;
      width: 70%;
  }
  
  .footerbox-right {
      float: right;
      width: 47%;
  }
  
  .footerbox-right li a {
      text-decoration: none;
  }
  
  .footerbox-right li a:after {
      content: "\0020 \00BB";
      display: block;
      float: right;
      font-size: 14px;
  }
  
  .footerbox-bottom {
      padding-top: 15px;
  }
  
  .footerbox-bottom h3 {
      margin-bottom: 15px;
  }
  
  #footer-download {
      font-size: 15px;
      text-transform: uppercase;
  }
  
  
  
  
  
  
  /* Copyright */
  
  #copyright {
      clear: both;
      display: inline-block;
      line-height: 20px;
      margin: 0 auto;
      padding: 35px 0 70px 0;
      position: relative;
      text-align: center;
      width: 100%;
  }
  
  .home #copyright {
      padding: 35px 0 25px 0;
  }
  
  #copyright p {
      display: inline-block;
  }
  
  #copyright p, #copyright a {
      color: rgba(255,255,255,0.5) !important;
      font-size: 12px;
      letter-spacing: 0.5px;
      line-height: 20px;
      margin: 0;
      padding: 2px 0;
      text-align: center;
      text-decoration: none;
  }
  
  #copyright a {
      border-bottom: 1px solid transparent;
      border-top: 1px solid transparent;
      padding: 0 3px;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  #copyright a:hover {
      border-bottom: 1px dashed #fff;
      border-top: 1px dashed #fff;
      color: #fff;
  }
  
  
  #copyright ul.menu {
      display: inline-block;
      margin: 0 0 0 5px;
      padding: 0;
      text-align: center;
  }
  
  #copyright ul.menu li.level_1 {
      border: none; 
      border-left: 1px solid rgba(255,255,255,0.25);
      display: inline-block;
      padding: 0 10px;
      text-align: center;
  }
  
  a.nohover {
      cursor: text !important;
      text-decoration: none !important;
  }
  
  a.nohover:hover {
      border: none !important;
  }
  
  
  
  
  
  
  /* GoogleMap  */
  .apcmap {
      height: 600px;
      margin: 0 auto;
      padding: 0;
      position: relative;
      width: 100%;
  }
  
  .apcmap-left, .apcmap-right {
      box-sizing: border-box;
      height: 100%;
      margin: 0;
      padding: 0;
      position: relative;
      width: 50%;
  }
  
  .apcmap-left {
      border-right: 5px solid #fff;
      float: left;
  }
  
  .apcmap-right {
      border-left: 5px solid #fff;
      float: right;
  }
  
  
  
  
  /* Toplink  */
  
  #toplink-wrapper {
      bottom: -1px;
      display: none;
      height: 50px;
      left: 50%;
      margin: 0 auto;
      position: fixed;
      z-index: 4000;
  }
  
  #toplink {
      background: transparent url("../images/toplink.png") no-repeat scroll center top;
      height: 50px;
      left: -50%;
      margin: 0 auto;
      position: relative;
      width: 100px;
  }
  
  #toplink p {
      margin: 0;
      padding: 0;
      text-align: center;
  }
  
  #toplink a {
      padding: 0 50px 25px 50px;
      text-decoration: none;
  }
  
  
  
  
  
  /* Components & Add-Ons ########################################################################################################################## */
  
  
  /* Toggle Box */
  
  #togglebox {
      list-style-type: none !important;
      padding: 5px 0 10px 15px
  }
  
  .togglebox {
      clear: both;
      cursor: pointer;
      float: left;
      margin: 12px 0 0 10px;
  }
  
  .togglebox h3 {
      background: transparent url("../images/togglebox-h3.png") no-repeat scroll 0 -24px;
      border-bottom: 1px dashed #ccc;
      color: #aaa;
      font-size: 16px;
      letter-spacing: 1px;
      margin: 0 0 0 -15px !important;
      padding: 0 0 5px 15px !important;
      text-align: left;
      text-transform: uppercase;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  .togglebox h3:hover,
  .togglebox.opened h3 {
      background-position: 0 5px;
      border-bottom: 1px dashed #c00;
      color: #c00;
  }
  
  .togglebox p {
      width: 100%;
  }
  
  .flyoutbox {
      display: none;
      padding: 5px 0 0 0;
      width: 100% !important;
  }
  
  .flyoutimage {
      border: none;
      float: left;
      margin: 0 15px 10px 0;
  }
  
  
  
  
  /* Toggle Row WHITE
  
  .toggleunit {
      margin: 0 0 25px 0;
      position: relative;
  }
  
  ul.togglerow {
      display: inline-block;
      list-style-type: none !important;
      margin-top: 15px;
      padding: 0 !important;
      position: relative;
      z-index: 20;
  }
  
  .toggleh3 {
      border: none;
      font-size: 26px;
  }
  
  .togglelink {
      background: #eee url("../images/togglebox-h3.png") no-repeat scroll 10px -25px;
      border: 1px solid #ccc;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-top-right-radius: 10px;
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      cursor: pointer;
      float: left;
      list-style-type: none;
      margin: 0 3px 0 0;
      text-align: center;
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      -ms-transition: all 0.25s ease-in-out 0s;
      -o-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
  }
  
  #maininfo .togglelink h3 {
      border: none;
      color: #00509d;
      display: inline-block;
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 0.5px;
      margin: 0;
      opacity: 0.7;
      padding: 7px 15px 7px 25px;
      position: relative;
      text-align: left;
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      -ms-transition: all 0.25s ease-in-out 0s;
      -o-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
  }
  
  #maininfo .togglelink.termine h3 {
      color: #c00;
      font-weight: bold;
  }
  
  .togglelink:hover {
      background-position: 10px 0;
  }
  
  .togglelink.opened {
      background-color: #fff;
      background-position: 10px -50px;
      border-bottom-color: #fff;
  }
  
  .togglelink.termine.opened {
      background-position: 10px 0px;
  }
  
  #maininfo .togglelink.opened h3 {
      color: #fecc05 !important;
  }
  
  #maininfo .togglelink.termine.opened h3 {
      color: #c00 !important;
  }
  
  .flyout-holder, .flyout-holder-dummy {
      background-color: #fff;
      border: 1px solid #ccc;
      -webkit-border-radius: 10px;
      -webkit-border-top-left-radius: 0;
      -moz-border-radius: 10px;
      -moz-border-radius-topleft: 0;
      border-radius: 10px;
      border-top-left-radius: 0;
      clear: both;
      display: inline-table;
      margin: -1px 0 50px 0;
      padding: 15px 4%;
      position: relative;
      width: 92%;
      z-index: 10;
  }
  
  .flyout-holder-dummy {
      bottom: 13px;
      height: 35px;
      margin: 0;
      padding-bottom: 0;
      padding-top: 0; 
      position: absolute;
      top: 49px;
      z-index: 5;
  }
  
  .flyoutrow {
      clear: both;
      display: none;
      margin-top: 10px;
      padding: 5px 0;
      width: 100% !important;
  }
  
  .flyoutrow ul {
      list-style-type: none !important;
      padding: 5px 0 10px 0 !important;
  }
  
  .flyoutrow h3, .flyoutrow h4 {
      margin-top: 10px !important;
      padding: 0 0 3px 0;
  }
  
  .flyoutrow p {
      padding: 0 0 10px 0;
  }
  
  .flyoutrow li {
      cursor: pointer;
      padding: 0 0 2px 20px;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  .flyoutrow li:before {
      content: "\00BB \0020";
      font-size: 12px;
  }
  
  .flyoutrow li:hover {
      color: #92c46b;
      padding-left: 30px;
  }
  
  
  
  .flyout-holder .flyoutrow:first-child img {
      border: none;
      float: right;
      height: auto;
      width: 100%;
  }
  
  .flyoutrow .trainer {
      float: left;
      height: auto;
      margin: 0 20px 30px 0;
      width: 200px;
  }
  
  .flyoutrow .trainer h3 {
      color: #aaa;
      text-align: center;
      border: navajowhite;
      padding: 0;
      margin: 0 0 10px 0;
      font-size: 16px;
  }
  
  .flyoutrow .trainer p {
      color: #195194;
      font-size: 14px;
      font-weight: bold;
      margin: 5px 0 0 0;
      padding: 0;
      text-align: center;
  }
  
  .flyoutrow .trainer img {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      height: 240px !important;
      margin: 0 0 5px 0;
      width: auto;
  }
  
  
  */
  
  
  
  
  
  /* Toggle Row BLUE */
  
  .toggleunit {
      margin: 0;
      position: relative;
  }
  
  ul.togglerow {
      display: inline-block;
      list-style-type: none !important;
      margin: 0;
      padding: 0 !important;
      position: relative;
      z-index: 20;
  }
  
  .toggleh3 {
      border: none;
      font-size: 26px;
  }
  
  .togglelink {
      background: #195194 url("../images/togglebox-h3.png") no-repeat scroll 10px -25px;
      border: 1px solid #ccc;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-top-right-radius: 10px;
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      cursor: pointer;
      float: left;
      list-style-type: none;
      margin: 0 3px 0 0;
      text-align: center;
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      -ms-transition: all 0.25s ease-in-out 0s;
      -o-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
  }
  
  #maininfo .togglelink h3 {
      border: none;
      color: #fff;
      display: inline-block;
      font-size: 16px;
      font-weight: normal;
      letter-spacing: 0.5px;
      margin: 0;
      padding: 7px 15px 7px 25px;
      position: relative;
      text-align: left;
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      -ms-transition: all 0.25s ease-in-out 0s;
      -o-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
  }
  
  #maininfo .togglelink.termine h3 {
      color: #c00;
      font-weight: bold;
  }
  
  .togglelink:hover {
      background-position: 10px 0;
  }
  
  .togglelink.opened {
      background-color: #195194;
      background-position: 10px -50px;
      border-bottom-color: #195194;
  }
  
  .togglelink.termine.opened {
      background-position: 10px 0px;
  }
  
  #maininfo .togglelink.opened h3 {
      color: #fecc05 !important;
  }
  
  #maininfo .togglelink.termine.opened h3 {
      color: #c00 !important;
  }
  
  .flyout-holder, .flyout-holder-dummy {
      background-color: #195194;
      border: 1px solid #ccc;
      -webkit-border-radius: 10px;
      -webkit-border-top-left-radius: 0;
      -moz-border-radius: 10px;
      -moz-border-radius-topleft: 0;
      border-radius: 10px;
      border-top-left-radius: 0;
      clear: both;
      display: inline-block;
      margin: -1px 0 0 0;
      padding: 15px 2.5%;
      position: relative;
      width: 95%;
      z-index: 10;
  }
  
  .flyout-holder-dummy {
      bottom: 13px;
      height: 35px;
      margin: 0;
      padding-bottom: 0;
      padding-top: 0; 
      position: absolute;
      top: 34px;
      z-index: 5;
  }
  
  .flyoutrow {
      clear: both;
      display: none;
      margin-top: 10px;
      padding: 5px 0;
      width: 100% !important;
  }
  
  .flyoutrow ul {
      list-style-type: none !important;
      padding: 5px 0 10px 0 !important;
  }
  
  .flyoutrow h3, .flyoutrow h4 {
      color: #fff;
      margin-top: 10px !important;
      padding: 0 0 3px 0;
  }
  
  .flyoutrow * {
      color: #fff !important;
  }
  
  .flyoutrow p {
      padding: 0 0 10px 0;
  }
  
  .flyoutrow.tkader {
      text-align: center;
  }
  
  .flyoutrow.tkader img {
      border: none;
      height: auto;
      margin: 0;
      width: 100%;
  }
  
  .flyoutrow.tkader ul {
      display: inline-block;
      margin: 0 1%;
      vertical-align: top;
      width: 31%;
  }
  
  .flyoutrow.tkader ul li.hinweis {
      color: #aaa;
      font-size: 12px;
      font-style: italic;
  }
  
  .flyoutrow .trainer {
      float: left;
      height: auto;
      margin: 0 20px 30px 0;
      width: 200px;
  }
  
  .flyoutrow .trainer h3 {
      color: #aaa;
      text-align: center;
      border: navajowhite;
      padding: 0;
      margin: 0 0 10px 0;
      font-size: 16px;
  }
  
  .flyoutrow .trainer p {
      color: #195194;
      font-size: 14px;
      font-weight: bold;
      margin: 5px 0 0 0;
      padding: 0;
      text-align: center;
  }
  
  .flyoutrow .trainer img {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      height: 240px !important;
      margin: 0 0 5px 0;
      width: auto;
  }
  
  .flyoutrow.tberichte img {
      border: none;
      max-width: 100%;
      width: auto;
  }
  
  
  
  
  
  /* Fancybox */
  
  .gallery {
      float: right;
      margin: 0 0 0 2%;
      width: 49%;
  }
  
  .gallery .fancybox {
      display: inline-block;
      float: left;
      height: auto;
      margin: 1%;
      overflow: hidden;
      position: relative;
      width: 31%;
  }
  
  .gallery .fancybox img {
      height: auto;
      position: relative;
      top: 0;
      -webkit-transition: all 0.5s ease-in-out 0s;
      -moz-transition: all 0.5s ease-in-out 0s;
      -ms-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      width: 100%;
  }
  
  .gallery .fancybox:hover img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  
  .gallery .fancybox .fancybox-mouseover {
      background-color: #000;
      bottom: 0;
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
      -webkit-transition: all 0.5s ease-in-out 0s;
      -moz-transition: all 0.5s ease-in-out 0s;
      -ms-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      width: 100%;
      z-index: 20;
  }
  
  .gallery .fancybox .fancybox-zoom {
      background: transparent url("../images/zoom.png") no-repeat scroll center center;
      bottom: 0;
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
      -webkit-transition: all 0.5s ease-in-out 0s;
      -moz-transition: all 0.5s ease-in-out 0s;
      -ms-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      width: 100%;
      z-index: 30;
  }
  
  .gallery .fancybox:hover .fancybox-zoom {
      opacity: 1;
  }
  
  .gallery:hover .fancybox .fancybox-mouseover {
      opacity: 0.5;
  }
  
  .gallery .fancybox:hover .fancybox-mouseover {
      opacity: 0;
  }
  
  
  .zoom-hinweis {
      color: #D5CBC1;
      font-size: 12px;
      font-style: italic;
      margin-right: 2%;
      padding-left: 15px;
      text-align: right;
  }
  
  
  
  
  
  
  
  /* ONE PAGE - START ############################################################ */
  
  /* One-Page Menu */
  
  #onepagenav {
      list-style: outside none none;
      position: fixed;
      right: 20px;
      z-index: 4900;
  }
  
  #onepagenav li {
      margin: 5px;
  }
  
  #onepagenav li a img {
      background-color: #ccc;
      border: 1px solid #777;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      height: 20px;
      opacity: 0.3;
      overflow: hidden;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      width: 20px;
  }
  
  #onepagenav li a:hover img {
      opacity: 1;
  }
  
  #onepagenav li a.active img {
      opacity: 0.7;
  }
  
  
  
  
  /* Section Styling */
  
  .section {
      clear: both;
      display: inline-block;
      margin: 0 auto;
      overflow: hidden;
      padding: 0;
      position: relative;
      width: 100%;
  }
  
  .section-inner {
      margin: 0 auto;
      max-width: 1380px;
      padding: 0 25px;
      position: relative;
  }
  
  a.section-link {
      background-color: #195194;
      border: 1px solid #fff;
      color: #fff;
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      margin: 10px 0 0 0;
      padding: 5px 10px;
      text-align: center;
      text-decoration: none !important;
      text-transform: none;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      white-space: nowrap;
  }
  
  a.section-link:hover {
      background-color: #fff;
      border: 1px solid #195194;
      color: #195194;
  }
  
  .lbox, .rbox, .mbox {
      position: relative;
  }
  
  .lbox {
      float: left;
      width: 48%;
  }
  
  .rbox {
      float: right;
      width: 48%;
  }
  
  .mbox {
      margin: 0 auto;
      width: 100%;
  }
  
  
  
  /*##### Segment Links ##### */
  
  .segment-link {
      margin: 50px 0 0 0;
      padding: 0;
  }
  
  .segment-link a {
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      font-size: 16px;
      letter-spacing: 1px;
      margin: 0;
      padding: 10px 20px;
      text-decoration: none;
      text-transform: uppercase;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  .segment-link a {
      background-color: #195194;
      border: 2px solid #eb3;
      color: #eb3;
  }
  
  .segment-link a:hover {
      background-color: #eb3;
      border: 2px solid #fff;
      color: #195194;
  }
  
  .lbox h1, .rbox h1, .mbox h1,
  .lbox h2, .rbox h2, .mbox h2 {
      border: none;
      font-size: 28px;
      letter-spacing: 2px;
      margin: 0 0 10px 0;
      padding: 0;
  }
  
  .home h3, .lbox h3, .rbox h3, .mbox h3 {
      border-bottom: 1px dashed #fff;
      color: #999;
      font-size: 18px;
      letter-spacing: 0;
      margin: 0 0 12px 0;
      padding: 0 0 7px 0;
      text-transform: uppercase;
  }
  
  .lbox img, .rbox img, .mbox img {
      height: auto;
      width: 100% !important;
  }
  
  
  .trenner-content {
      background: #fff url("../images/trenner-content.jpg") no-repeat center center;
      height: 125px;
      position: relative;
      width: 100%;
  }
  
  
  
  /* ONE-PAGE: Sections #################################### */
  
  
  .trenner-bw, .trenner-bw-lite, .trenner-wb {
      height: 150px;
      left: 0;
      position: absolute;
      width: 100%;
      z-index: 500;
  }
  
  .trenner-bw {
      background: transparent url("../images/trenner-bw.png") no-repeat center top;
      top: 0;
  }
  
  .trenner-bw-lite {
      background: transparent url("../images/trenner-bw-lite.png") no-repeat center top;
      top: 0;
  }
  
  .trenner-wb {
      background: transparent url("../images/trenner-wb.png") no-repeat center bottom;
      bottom: 0;
  }
  
  #video-container .trenner-bw {top: 0;}
  #video-container .trenner-wb {bottom: 0;}
  
  #video-head {top: 0;}
  #video-foot {bottom: 0;}
  
  .section-bg {
      background-attachment: scroll;
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 1000px;
      position: absolute;
      top: 0;
      width: 100%;
  }
  
  
  #leistung .section-bg {background-image: url("../images/section-bg-leistung.jpg");}
  
  #kontakt .section-bg {background-image: url("../images/section-bg-kontakt.jpg");}
  
  
  .section-inner {
      height: 100%;
      margin: 0 auto;
      padding: 0;
  }
  
  /*
  .section p {
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 60px;
      font-weight: 700;
      left: 0;
      letter-spacing: 2px;
      margin: 0 auto;
      opacity: 0.10;
      position: absolute;
      right: 0;
      text-align: center;
      text-transform: uppercase;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  */
  
  
  
  /* ONE-PAGE: Profil */
  
  #profil {
      background-color: #4c79a8;
      color: #fff;
      height: 600px;
      padding: 0;
      text-align: center;
  }
  
  #profil .section-inner {
      padding: 0;
  }
  
  #profil h1 {
      border: none;
      color: #fff;
      font-size: 32px;
      line-height: 32px;
      margin-bottom: 10px;
      text-transform: none;
      text-align: center;
  }
  
  #profil h2 {
      border: none;
      color: #fff;
      font-size: 26px;
      margin-bottom: 10px;
      text-transform: none;
      text-align: center;
  }
  
  #homenews {
      margin: 0 auto 35px auto;
      max-width: 780px;
      width: 100%;
  }
  
  
  #homenews p {
      color: #fff;
      text-align: center;
  }
  
  .homenews {
      background-color: #7293b3;
      border: 3px solid #fecc05;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      display: inline-block;
      height: 175px;
      overflow: hidden;
      padding: 55px 20px 10px 20px;
      position: relative;
      vertical-align: top;
  }
  
  
  .homenews.n2 {
      margin: 0 1.5% 35px 1.5%;
      width: 40%;
  }
  
  .homenews.n3 {
      margin: 0 2% 35px 2%;
      width: 28%;
  }
  
  .homenews h3 {
      background-color: rgba(255,255,255,0.85);
      border-bottom-color: #fff;
      color: #fff;
      font-size: 20px;
      left: 0;
      margin: 0;
      padding: 10px 0;
      position: absolute;
      text-align: center;
      top: 0;
      width: 100%;
  }
  
  .homenews.hockey {border-color: #fff;}
  .homenews.frauen {border-color: #e1871e;}
  .homenews.schule {border-color: #aa82cc;}
  .homenews.ekunst {border-color: #66b4e1;}
  .homenews.skater {border-color: #fecc03;}
  
  .homenews.hockey h3 {color: #195194;}
  .homenews.frauen h3 {color: #e1871e;}
  .homenews.schule h3 {color: #aa82cc;}
  .homenews.ekunst h3 {color: #66b4e1;}
  .homenews.skater h3 {color: #195194;}
  
  .newsflash-date {
      color: rgba(255,255,255,0.5);
      font-size: 14px;
      font-style: italic;
      margin: 0;
  }
  
  .newsflash-title {
      clear: both;
      display: inline-block;
      float: left;
      font-size: 16px;
      letter-spacing: 0;
      line-height: 20px;
      margin: 5px 155px 5px 0;
      padding: 0;
      position: relative;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      z-index: 10;
  }
  
  .newsflash-title, .newsflash-title a {
      color: #fff !important;
  }
  
  .newsflash-title:hover {
      padding-left: 2%;
  }
  
  .homenews img {
      border: 1px solid #fff;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      height: 100px;
      position: absolute;
      right: 20px;
      top: 56px;
      width: 150px;
      z-index: 20;
  }
  
  
  
  
  
  
  /* ONE-PAGE: Leistung */
  #leistung {
      background-color: #195194; color: #195194;
      height: 800px;
  }
  
  #leistung .section-content {
      margin: 0 auto;
      min-width: 600px;
      padding: 130px 0 0 0;
      text-align: center;
      width: 50%;
  }
  
  #leistung h2 {
      border: none;
      font-size: 36px;
      margin-bottom: 10px;
      padding: 0 30px;
      text-transform: none;
      text-align: center;
  }
  
  #leistung p {
      padding: 0 30px;
      text-align: center;
  }
  
  
  .choose-sport {
      clear: both;
      display: inline-block;
      margin: 20px auto 0 auto;
      max-width: 560px;
      padding: 0;
      width: 100%;
  }
  
  footer .choose-sport {
      margin: 0 auto 15px auto;
  }
  
  .choose-sport a {
      float: left;
      margin: 0;
      padding: 0;
      -moz-transition: all 0.25s ease-in-out 0s;
      -ms-transition: all 0.25s ease-in-out 0s;
      -o-transition: all 0.25s ease-in-out 0s;
      -webkit-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      width: 20%;
  }
  
  .choose-sport a img {
      height: auto;
      margin: 0;
      padding: 0;
      width: 100%;
  }
  
  .choose-sport a:hover {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  
  
  
  /* ONE-PAGE: Service */
  
  #service {
      background: #195194 url("../images/../images/section-bg-service.jpg") no-repeat scroll center center;
      color: #fff;
      height: 600px;
  }
  
  #service .section-content {
      color: #fff;
      padding: 20px 0;
      position: absolute;
      right: 5%;
      text-align: center;
      top: 45%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 40%;
      z-index: 20;
  }
  
  #service .section-content p img {
      margin: 0 auto;
  }
  
  #service h2 {
      border: none;
      color: #fff;
      font-size: 24px;
      margin-bottom: 10px;
      padding: 0 30px;
      text-align: center;
      text-transform: none;
  }
  
  #service h3 {
      border: none;
      color: #fff;
      font-size: 18px;
      margin-bottom: 10px;
      padding: 0 0 5px 0;
      text-align: center;
      text-transform: none;
  }
  
  #service p {
      padding: 0 30px;
  }
  
  
  
  
  /* ONE-PAGE: Kontakt */
  
  #kontakt {
      background-color: #195194;
      color: #195194;
      height: 800px;
  }
  
  #kontakt .section-content {
      background-color: rgba(255,255,255,0.8);
      border: 2px solid #fff;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      -o-border-radius: 25px;
      border-radius: 25px;
      color: #195194;
      left: 5%;
      padding: 20px 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 40%;
      z-index: 20;
  }
  
  #kontakt h2 {
      border: none;
      font-size: 26px;
      margin-bottom: 10px;
      padding: 0 30px;
      text-transform: none;
  }
  
  #kontakt p {
      padding: 0 30px;
  }
  
  #kids {
      background: transparent url("../images/mitglied-werden.png") no-repeat scroll center bottom;
      bottom: 0;
      height: 800px;
      left: 0;
      position: absolute;
      right: 0;
      width: 100%;
      z-index: 15;
  }
  
  
  #abschluss {
      background-color: #195194;
      height: 50px;
      width: 100%;
  }
  
  
  
  
  
  /*##### Segment Icon-Links ##### */
  
  .iconlink {
      display: inline-block;
      margin: 30px 2% 0 2%;
      max-height: 165px;
      overflow: hidden;
      position: relative;
      width: 28%;
  }
  
  .iconlink a {
      bottom: 0;
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 500;
  }
  
  .iconlink-image {
      display: inline-block;
      margin: 0 auto;
      padding: 0;
      position: relative;
      text-align: center;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  .iconlink:hover .iconlink-image {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  
  .iconlink img {
      position: absolute;
      left: 0;
      top: 0;
  }
  
  .iconlink img.a {
      margin: 0 auto;
      opacity: 1;
      position: relative;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      z-index: 10;
  }
  
  .iconlink:hover img.a {
      opacity: 0;
  }
  
  .iconlink img.b {
      left: 0;
      margin: 0 auto;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      z-index: 10;
  }
  
  .iconlink:hover img.b {
      opacity: 1;
  }
  
  h3.iconlink-title {
      border: none;
      color: #eebb33;
      display: block !important;
      font-size: 16px;
      margin: 10px 0 0 0;
      position: relative;
      text-align: center !important;
      top: 0;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      -webkit-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  .iconlink:hover .iconlink-title {
      color: #fff;
      top: 10px;
  }
  
  .iconlink-text {
      padding-top: 50px;
      text-align: left;
  }
  
  
  /* ONE PAGE - END ############################################################ */
  
  
  
  
  /* Formular */
  
  
  .kontakt-left {
      float: left;
      width: 50%;
  }
  
  .kontakt-right {
      float: right;
      width: 45%;
  }
  
  .formular-wrapper {
      margin: 0;
  }
  
  .form-hinweis {
      font-size: 14px;
      font-style: italic;
      margin: 0;
      padding: 10px 0 0 0;
  }
  
  .kontakt-input, .kontakt-area {
      display: inline-block;
      margin-bottom: 10px;
      width: 100%;
  }
  
  .form-radio {
      float: left;
      padding: 10px 25px 15px 0;
  }
  
  .formular input[type=radio] {
      padding: 0 10px 0 0;
  }
  
  .formular input[type=text] {
      background-color: rgba(255,255,255,0.75);
      border: none;
      border: 1px dashed #aaa;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      color: #333 !important;
      float: left;
      height: 40px;
      font-size: 16px !important;
      letter-spacing: 0.5px;
      outline: none;
      padding: 0 0 0 10px;
      width: 100%;
  }
  
  .form-plz {
      float: left;
      width: 28%;
  }
  
  .form-ort {
      float: right;
      width: 68%;
  }
  
  .form-name {
      width: 100%;
  }
  
  .form-email {
      float: left;
      width: 58%;
  }
  
  .form-telefon {
      float: right;
      width: 38%;
  }
  
  .formular textarea {
      background-color: rgba(255,255,255,0.75);
      border: 1px dashed #aaa;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      color: #333 !important;
      float: left;
      height: 200px;
      font-size: 16px !important;
      letter-spacing: 0.5px;
      outline: none;
      padding: 10px;
      width: 100%;
  }
  
  .formular .form-dsgvo {
      clear: both;
      position: relative;
  }
  
  .formular .form-dsgvo input {
      float: left;
      margin: 4px 5px 0 0;
      padding: 0;
      position: relative;
      width: 20px;
  }
  
  .formular .form-dsgvo p {
      font-size: 12px;
      letter-spacing: 0;
      line-height: 16px;
      max-width: 100%;
      overflow: hidden;
      padding: 0;
      position: static;
      text-align: justify;
  }
  
  .form-message h4 {
      float: none;
      margin-bottom: 5px;
  }
  
  .formular .send-form {
      background: #fff;
      border: 1px solid #999;
      color: #999;
      cursor: pointer;
      font-size: 16px;
      float: right;
      margin: 0;
      padding: 7px 12px 5px 12px;
      text-align: right;
      text-decoration: none;
      text-transform: uppercase;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  .formular .send-form:hover {
      background: #195194;
      border: 1px solid #195194;
      color: #fff;
  }
  
  .formular label.error {
      color: #900;
      display: none;
  }
  
  .thank-you {
      display: none;
  }
  
  .thank-you h3 {
      margin-top: 120px;
      text-align: center;
  }
  
  
  
  /* Team */
  
  #maininfo .ttrainer img,
  #maininfo img.team {
      border: 2px solid #fff;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      -webkit-box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.2);
      float: left;
      height: auto;
      margin: 10px 0.5% 30px 0.5%;
      max-width: 300px;
      width: 24%;
   }
  
  #maininfo img.team {
      width: 23%;
   }
  
  #maininfo img.team.gs {
      float: right;
      margin-left: 5%;
      width: 50%;
  }
  
  #maininfo img.leitung {
      height: auto;
      margin: 0 0 0 2%;
      padding: 0;
      width: 48%;
   }
  
  .flyoutrow img {
      margin: 10px 3% 30px 0;
      width: 28%;
   }
  
  
  
   /* Ergebnis Tables */
  
  
  .ergebnisse {
      width: 100%;
  }
  
  .resultrow {
      clear: both;
      height: 32px;
      overflow: hidden;
      padding: 0;
      width: 100%;
  }
  
  .resultrow.text {
      height: auto;
      margin-bottom: 10px;
  }
  
  .resultrow.ergebniss {
      border: 1px solid rgba(255,255,255,0.5);
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      color: #fff;
      position: relative;
  }
  
  
  .resultrow.ergebniss:nth-child(odd) {
      background-color: #5182bc;
  }
  
  .resultrow.ergebniss:nth-child(even) {
      background-color: #37649b;
  }
  
  .resultrow.line {
      height: 2px;
      margin: 20px 0 30px 0;
  }
  
  .resultrow.text .resultfeld {
      color: #fff;
      font-size: 18px;
  }
  
  .resultrow.text .resultfeld.special {
      color: #aaa;
      font-size: 14px;
      font-style: italic;
  }
  
  .resultrow.abstand {
      height: 50px;
  }
  
  .resultrow.line hr {
      border-top: 1px dashed #aaa;
      border-bottom: 1px dashed #fff;
  }
  
  .resultfeld {
      float: left;
      padding: 0;
      text-align: left;
  }
  
  .resultrow.ergebniss .resultfeld {
      border-left: 1px solid rgba(255,255,255,0.5);
      max-width: 200px;
      padding: 5px 10px;
      text-align: center;
  }
  
  .rf1 {
      border: none !important;
      width: 10%;
  }
  
  .rf1.full {
      width: 100%;
  }
  
  .rf2 {
      width: 25%;
  }
  
  .rf3 {
      width: 25%;
  }
  
  .rf4 {
      padding: 5px 3px !important;
      text-align: right !important;
      width: 20px;
  }
  
  .rf5 {
      border: none !important;
      padding: 5px 0 !important;
      width: 3px;
  }
  
  .rf6 {
      border: none !important;
      padding: 5px 3px !important;
      text-align: left !important;
      width: 20px;
  }
  
  .resultrow.ergebniss .resultfeld.rf7 {
      border: none !important;
      color: #fff;
      font-style: italic;
      opacity: 0.5;
      padding: 5px 5px !important;
      text-align: left;
  }
  
  .rf8 {
      height: 100%;
      padding: 0 !important;
      position: absolute;
      right: 0;
      top: 0;
      text-align: center !important;
      width: 35px;
  }
  
  .rf8 img {
      background-color: transparent;
      border: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      height: 100%;
      margin: 0 !important;
      padding: 0;
      position: absolute;
      right: 5px;
      top: 3px;
      text-align: center !important;
      width: 25px !important;
  }
  
  #sidebar form span,
  #sidebar form label,
  #sidebar form ul,
  #form-login-remember {
      display: none;
  }
  
  #sidebar form label {
      display: none;
  }
  
  #sidebar form input {
      margin: 0 0 10px 0;
      width: 93%;
  }
  
  
  
  
  #price-table {
      border-collapse: collapse;
      clear: both;
      font-size: 12px;
      margin: 20px 0 20px 0;
      max-width: 600px;
      width: 100%;
  }
  
  #price-table th { 
      background-color: #195194;
      color: #fff;
      font-weight: normal;
      text-align: center;
  }
  
  #price-table td { 
      text-align: center;
  }
  
  #price-table th.tablespecial, #price-table td.tablespecial { 
      font-size: 14px;
      font-weight: bold;
      text-align: left;
  }
  
  #price-table tr:nth-child(odd){ 
      background-color: #d1dcea;
  }
  
  #price-table tr:nth-child(even){
      background-color: #e8edf4;
  }
  
  
  #price-table th, #price-table td {
      border: none;
      border-bottom: #8c8278 1px solid;
      border-left: #fff 1px solid;
      border-right: #fff 1px solid;
      border-top: #8c8278 1px solid;
      padding: 10px;
      white-space: nowrap;
  }
  
  
  
  /* Frauen Buttons */
  
  .frauen-button {
      background-color: #195194;
      border: 2px solid #fff;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      -o-border-radius: 25px;
      border-radius: 25px;
      color: #fff !important;
      float: left;
      font-size: 18px;
      margin: 20px 2% 0 2%;
      padding: 15px 10px 15px 10px;
      position: relative;
      text-align: center;
      text-decoration: none !important;
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      -ms-transition: all 0.25s ease-in-out 0s;
      -o-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      vertical-align: top;
      width: 43%;
  }
  
  .frauen-button:nth-child(odd) {
      background-color: #e1871e;
  }
  
  .frauen-button:hover {
      background-color: #fff;
      border: 2px solid #195194;
      color: #195194 !important;
  }
  
  .frauen-button:nth-child(odd):hover {
      background-color: #fff;
      border: 2px solid #e1871e;
      color: #e1871e !important;
  }
  
  
  
  /*##### Frauen Kader #####*/
  
  #fhtoggle {
      list-style-type: none !important;
      margin: 0 !important;
      padding: 5px 0 10px 0 !important;
      width: 100%;
  }
  
  .fhtoggle {
      background-color: #fff;
      border: 1px solid #e1871e;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      clear: both;
      margin: 0 0 20px 0;
      overflow: hidden;
      padding: 0 20px;
      position: relative;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  .fhtoggle h3 {
      border: none;
      color: #e1871e;
      cursor: pointer;
      font-style: 28px;
      margin: 0;
      padding: 10px 0 30px 0;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
  }
  
  p.fhprofil-pos {
      color: #999;
      font-style: italic;
      position: absolute;
      top: 35px;
  }
  
  .fhtoggle .link {
      background: #e1871e url("images/fhlink.png") no-repeat scroll center center;
      color: #fff;
      display: inline-block;
      float: right;
      font-size: 12px;
      height: 100%;
      letter-spacing: 1px;
      margin: 0;
      padding: 0;
      position: absolute;
      right: 0;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      top: 0;
      -webkit-transition: all 0.35s ease-in-out 0s;
      -moz-transition: all 0.35s ease-in-out 0s;
      -ms-transition: all 0.35s ease-in-out 0s;
      -o-transition: all 0.35s ease-in-out 0s;
      transition: all 0.35s ease-in-out 0s;
      white-space: nowrap;
      width: 40px;
  }
  
  .fhtoggle.opened .link {
      display: none;
  }
  
  .fhtoggle p {
      width: 100%;
  }
  
  .fhflyout {
      display: none;
      padding: 5px 0 20px 0;
      width: 100% !important;
  }
  
  .fhtoggle h4 {
      border: none;
      color: #e1871e;
      cursor: pointer;
      font-style: 16px;
      margin: 0 0 5px 0;
      padding: 0;
  }
  
  .fhprofil {
      clear: both;
      display: inline-block;
      position: relative;
      width: 100%;
  }
  
  .fhprofil-foto {
      float: left;
      width: 30%;
  }
  
  .fhprofil-foto img {
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      height: auto;
      margin: 0 0 15px 0;
      padding: 0;
      width: 100%;
      float: left;
      width: 100% !important;
  }
  
  .fhprofil-info {
      float: right;
      margin-top: -50px;
      width: 65%;
  }
  
  .fhprofil-data {
      margin: 15px 0;
      position: relative;
      width: 100%;
  }
  
  .fhprofil-data p {
      text-align: left;
      margin: 0;
      padding: 0 0 0 100px !important;
  }
  
  .fhprofil-data p span {
      color: #aaa;
      font-style: italic;
      left: 0;
      position: absolute;
  }
  
  /*##### FH End #####*/
  
  
  
  
  .-hd.-hd-widget-parsed.-hd-widget {
      background-color: rgba(0,0,0,0.35) !important;
  }
  
  .frauen .-hd.-hd-widget-parsed.-hd-widget {
      background-color: #fff !important;
  }
  
  .frauen-mannschaft .-hd.-hd-widget-parsed.-hd-widget {
      background-color: transparent !important;
  }
  
  .-hd-util-intellitable-inline-image img {
      margin: 5px 0 !important;
  }
  
  
  .flyoutrow .-hd.-hd-widget-parsed.-hd-widget img {
      margin: 5px 0 !important;
  }
  
  .-hd.-hd-widget-parsed.-hd-widget td {
      padding: 0 5px !important;
  }
  
  .erci-eishockey-ergebnisse .-hd.-hd-widget-parsed.-hd-widget {
      background-color: transparent !important;
  }
  
  
  
  
  
  
  
  /* DIALOG BOXES ØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØØ */
  
  .dialogbox {
      bottom: 0;
      display: none;
      height: 100vh;
      left: 0;
      padding: 0;
      margin: 0;
      position: fixed;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 9999;
  
  }
  
  .dialogbox.dialogmeldung * {
      text-align: center !important;
  }
  
  .dialogbox-bg,
  .mnav-bg,
  .fancybox-bg {
      background-color: #000 !important;
      bottom: 0;
      height: 100%;
      left: 0;
      padding: 0;
      margin: 0;
      opacity: 0.75 !important;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 10;
  }
  
  .dialogbox-close,
  .mnav-close {
      background-color: #777778;
      border: 3px solid #fff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      cursor: pointer;
      display: block;
      height: 30px;
      position: absolute;
      right: -15px;
      top: -15px;
      -webkit-transition: all 0.25s ease-in-out 0s;
      -moz-transition: all 0.25s ease-in-out 0s;
      -ms-transition: all 0.25s ease-in-out 0s;
      -o-transition: all 0.25s ease-in-out 0s;
      transition: all 0.25s ease-in-out 0s;
      width: 30px;
      z-index: 500;
  }
  
  .dialogbox-close::before {
      content: 'x';
      color: #fff !Important;
      font-size: 20px;
      font-weight: 600;
      left: 50%;
      line-height: 20px;
      position: absolute;
      top: 45%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }
  
  .dialogbox-close:hover {
      background-color: #cc3334;
  }
  
  .dialogbox.dialogmeldung .dialogbox-inner {
      max-width: 350px;
  }
  
  .dialogbox.dialoghinweis .dialogbox-inner {
      max-width: 400px;
  }
  
  .dialogbox-inner {
      background-color: #fff;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      border: 2px solid #777778;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      display: inline-block;
      left: 50%;
      margin: 0 auto;
      max-height: 80vh;
      max-width: 500px;
      opacity: 0;
      padding: 20px 25px;
      position: absolute;
      text-align: center;
      top: 50%;
      -webkit-transform: scale(0.8) translate(-50%,-50%);
      -moz-transform: scale(0.8) translate(-50%,-50%);
      -ms-transform: scale(0.8) translate(-50%,-50%);
      -o-transform: scale(0.8) translate(-50%,-50%);
      transform: scale(0.8) translate(-50%,-50%);
      -webkit-transform-origin: 0% 0%;
      -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
      -o-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
      -webkit-transition: all 0.5s ease-in-out 0s;
      -moz-transition: all 0.5s ease-in-out 0s;
      -ms-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      width: 90%;
      z-index: 20;
  }
  
  .dialogbox-inner.dialogmedia {
      border: 0;
  }
  
  .dialogbox-inner.dialogdark {
      background: #777778 url("../../images/site/bg.jpg") no-repeat scroll center bottom;
  }
  
  .dialogbox-inner.show {
      opacity: 1;
      -webkit-transform: scale(1) translate(-50%,-50%);
      -moz-transform: scale(1) translate(-50%,-50%);
      -ms-transform: scale(1) translate(-50%,-50%);
      -o-transform: scale(1) translate(-50%,-50%);
      transform: scale(1) translate(-50%,-50%);
  }
  
  .dialogbox-inner.dialogmedia {
      margin: 0;
      padding: 0;
      max-height: 100vh;
      max-width: 100%;
      top: 50%;
      width: auto;
  }
  
  .dialogbox-inner.dialogmedia img,
  .dialogbox-inner.dialogmedia video {
      border: 0;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
      border-radius: 15px;
      height: auto;
      margin: 0;
      max-height: 90vh;
      max-width: 90vw;
      overflow: hidden;
      padding: 0;
      position: relative;
      width: auto;
  }
  
  .dialogbox-inner h2,
  .dialogbox-inner h3,
  .dialogbox-inner h4,
  .dialogbox-inner a {
      font-weight: 500;
      letter-spacing: 0.5px;
      margin: 0 0 15px 0 !important;
      text-align: center;
  }
  
  .dialogbox-inner h2,
  .dialogbox-inner h3,
  .dialogbox-inner h4 {
      color: #777778;
  }
  
  .dialogbox-inner.dialogdark h2,
  .dialogbox-inner.dialogdark h3,
  .dialogbox-inner.dialogdark h4,
  .dialogbox-inner.dialogdark p,
  .dialogbox-inner.dialogdark a {
      color: #fff;
  }
  
  .dialogbox-inner h2 {
      font-size: 18px;
      margin: 0 0 15px 0 !important;
  }
  
  .dialogbox-inner h3 {
      font-size: 22px;
      margin: 0 0 5px 0;
  }
  
  .dialogbox-inner h4 {
      font-size: 14px;
      margin: 0 0 5px 0;
  }
  
  p.dialogmeldung {
      color: #777778;
      font-weight: 500;
      line-height: 20px;
      margin: 10px 0 0 0;
  }
  
  p.dialogwarning {
      color: #cc3334;
      font-size: 18px;
      font-weight: 500;
      line-height: 20px;
      margin: 10px 0 0 0;
      text-align: center;
  }
  
  .dialogbox-inner img.dialogicon {
      height: auto;
      margin: 0 0 5px 0;
      padding: 0;
      text-align: center;
      width: 50px;
  }
  
  
  
  
  
  /* Datenschutz */
  .datenschutz #maininfo p, .privacy #maininfo p  {font-size: 12px; line-height: 18px; margin: 0 0 10px 0; padding: 0; text-align: left;}
  .datenschutz #maininfo h1, .privacy #maininfo h1 {margin: 0;}
  .datenschutz #maininfo h2, .privacy  #maininfo h2 {border: none; display: block; font-size: 20px; letter-spacing: 0; margin: 25px 0 10px 0; padding: 0; text-align: left; text-transform: none;}
  .datenschutz #maininfo h3, .privacy #maininfo h3 {border: none; display: block; font-size: 16px; letter-spacing: 0; margin: 0 0 5px 0; padding: 0; text-align: left; text-transform: none;}