/* --------------- */
/* default colours */
/* --------------- */
/* ------------- */
/* media queries */
/* ------------- */
/* ------------- */
/* default sizes */
/* ------------- */
#workbenchWarning {
  display: none; }

body {
  padding-top: 0px !important; }

html, body {
  width: 100%;
  overflow-x: hidden; }

a {
  color: inherit; }
banner
a:hover {
  text-decoration: none; }

/* ul, menu, dir {
  padding: 0; }  */
banner
.hide-bullets {
  list-style: none;
  margin-left: -40px;
  margin-top: 20px; }

.anchor {
  display: block;
  height: 90px;
  margin-top: -90px;
  visibility: hidden; }

@font-face {
  font-family: 'CooperHewitt';
  src: url("/themes/fcthun_2016/fonts/CooperHewitt-Book.otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'CooperHewitt-Light';
  src: url("/themes/fcthun_2016/fonts/CooperHewitt-Light.otf");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'CooperHewitt-Bold';
  src: url("/themes/fcthun_2016/fonts/CooperHewitt-Semibold.otf");
  font-weight: 900;
  font-style: normal; }

html, body, * {
  font-family: CooperHewitt; }

h1, h2, h3, h4, h5, h6 {
  font-family: CooperHewitt-Bold;
  margin: 0;
  word-wrap: break-word; }

h1 {
  font-family: CooperHewitt;
  color: #e30513;
}

b, strong {
  font-family: CooperHewitt-Bold; }

.news-date {
  font-family: CooperHewitt-Light;   
}

#slider-thumbs .news-date {          
  font-size: 12px;
}

#slider-thumbs a.btn {
    display: none;
}

.btn, .btn-fct {
  border-radius: 0; }

.btn-fct {
  border: 1px solid #595958;
  min-width: 150px;
  color: #595958; }

.btn:active, .btn-fct:active {
  -webkit-box-shadow: none;
          box-shadow: none; }

#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  background-color: #fff;
  z-index: 9999;
  text-align: center; }

.loader:before,
.loader:after,
.loader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
     animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  -o-animation: load7 1.8s infinite ease-in-out;
     animation: load7 1.8s infinite ease-in-out; }

.loader {
  color: #000000;
  font-size: 10px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  -o-animation-delay: -0.16s;
     animation-delay: -0.16s; }

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  -o-animation-delay: -0.32s;
     animation-delay: -0.32s; }

.loader:after {
  left: 3.5em; }

.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0; }

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 2.5em 0 -1.3em;
            box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    -webkit-box-shadow: 0 2.5em 0 0;
            box-shadow: 0 2.5em 0 0; } }

@-o-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }

@keyframes load7 {
  0%,
  80%,
  100% {
    -webkit-box-shadow: 0 2.5em 0 -1.3em;
            box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    -webkit-box-shadow: 0 2.5em 0 0;
            box-shadow: 0 2.5em 0 0; } }

/*************************************/
/* SOCIAL BOXES - FACEBOOK + TWITTER */
/*************************************/
div[id^='twitter'],
div[id^='wall'] {
  display: inline-block;
height: auto; min-height: 400px;}

div[id^='twitter'] ul,
div[id^='wall'] ul {
  margin-left: 0px;
  margin-bottom: 0px;
  float: left;
  width: 100%; }

div[id^='twitter'] li,
div[id^='wall'] li {
  display: block;
  list-style: none;
  padding: 5px 0px;
  float: left;
  width: 100%; }

div[id^='twitter'] li p,
div[id^='wall'] li p {
  line-height: 1.4em;
  word-break: break-word; }

div[id^='twitter'] li,
div[id^='wall'] li {
  border-bottom: 1px solid #ddd;
  padding: 20px 0px; }
  
.facebookWall .message {
    margin: 0;
}

.facebookWall .meta {
    display: none;
}

div[id^='twitter'] li a,
div[id^='wall'] li a {
  word-break: break-all;
  color: #e30513; }
  div[id^='twitter'] li a:hover,
  div[id^='wall'] li a:hover {
    opacity: 0.8; }

div[id^='twitter'] p.timePosted,
div[id^='twitter'] p.interact {
  width: 50%;
  float: left;
  font-size: 85%;
  margin-top: 8px; }

div[id^='twitter'] p.interact {
  text-align: right; }

div[id^='twitter'] p.interact a {
  margin-right: 8px; }

div[id^='twitter'] p.interact a:last-child {
  margin-right: 0px; }

.social-media-logo {
  border-bottom: 1px solid #ddd;
  padding-bottom: 12px; }
  .social-media-logo img {
    width: 48px !important;
    height: auto !important; }

div[id^='wall'] p.meta {
  float: left;
  width: 100%;
  font-size: 75%;
  margin-top: 8px;
  color: #e30513;
  font-weight: bold;
  text-decoration: none !important; }

/*#wall > ul > li {
  padding-top: 8px; } */
#twitter_DE {
    width: 100%;
}
#twitter_DE > ul > li {
  padding-top: 8px; 

}

#news_rss_feeds img,
#news_rss_feeds .description {
  display: none; }

#page-content {
  margin-top: 90px;
  padding-top: 0;
  background: #e8e8e8; }

#atmosphere-img img {
  height: 250px;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  /* Internet Explorer 10+, Microsoft Edge Browser: https://goo.gl/5G8xsU */ }
  #atmosphere-img img _:-ms-lang(x), #atmosphere-img img {
    width: auto; }

#content-wrapper {
  padding: 24px 0; }
  #content-wrapper h1 {
    padding: 24px 0; }
  #content-wrapper h1, #content-wrapper .h1, #content-wrapper h2, #content-wrapper .h2, #content-wrapper h3, #content-wrapper .h3 {
    margin-top: 24px;
    margin-bottom: 12px; }
  #content-wrapper img {
    max-width: 100%;
    height: auto !important;
    margin-top: 24px; }
  #content-wrapper a {
    color: #e30513; }
    #content-wrapper a:hover {
      opacity: 0.8; }
  #content-wrapper ul, #content-wrapper ol {
    padding-left: 20px; }
    
  #content-wrapper ul.menu_level_3 {
     padding-left: 0px; 
  }
  #content-wrapper .pull-left {
    padding-right: 15px;
    padding-bottom: 24px; }


.corporate-logo-detail img{
    width: auto;
    margin: 7px 0 0 0!important;
    height: 70px!important;
 }

.corporate-logo-detail{
    width: auto;
    display: inline-block;
    float: right;
    text-align: center;
}

@media(max-width: 991px) and (min-width: 768px){
    .corporate-logo-detail{
    width: 100%;
    margin: 10px 0 0 0;
}
}
@media(max-width: 482px){
    .corporate-logo-detail{
    width: 100%;
    margin: 10px 0 0 0;
}
}

#breadcrumb{
  color: #9d9c9c; 
font-size: 0.9em}
              
#breadcrumb a {
  color: #9d9c9c;
padding: 0 5px;}

#breadcrumb a:first-of-type {
   padding: 0 5px 0 0px; 
}

#c7n-subnavbar {
  border-top: 1px solid #7e7d7d;
  margin-bottom: 48px; }
  #c7n-subnavbar > ul {
    list-style: none;
    font-size: 0; }
    #c7n-subnavbar > ul li {
      display: inline-block;
      margin-right: -1px; }
      #c7n-subnavbar > ul li.active a {
        background: #e30513;
        color: #fff; }
      #c7n-subnavbar > ul li a.btn, #c7n-subnavbar > ul li a.btn-fct {
        border: 1px solid #7e7d7d;
        border-top: none;
        margin: 0;
        padding: 12px 24px; }
        #c7n-subnavbar > ul li a.btn:hover, #c7n-subnavbar > ul li a.btn-fct:hover {
          background: #e30513;
          color: #fff; }

.row-light-grey {
  background-color: #e8e8e8; }

.row-white {
  background-color: #fff; }

.row-black {
  background-color: #333333; }

.row-boxes-default > div {
  padding: 0; }
  .row-boxes-default > div > img {
    width: 100% !important;
    height: auto !important; }
  .row-boxes-default > div .box-content {
    padding: 5% 10%;
    font-size: 1.2em;
    font-family: CooperHewitt-Light;
    font-weight: lighter; }
    .row-boxes-default > div .box-content p {
      margin: 5% auto; }
    .row-boxes-default > div .box-content a:before {
      font-family: FontAwesome;
      content: '\f105';
      padding-right: 5px; }

.fct-gradient {
  background: #e30513;
  /* For browsers that do not support gradients */
  background: -webkit-gradient(linear, left top, right top, from(#e30513), to(#871001));
  background: -webkit-linear-gradient(left, #e30513, #871001);
  background: -o-linear-gradient(left, #e30513, #871001);
  background: linear-gradient(to right, #e30513, #871001);
  /* Standard syntax */ }

.sponsorpartners > div {
  margin-bottom: 12px; }

.sponsorpartners img {
  max-width: 100%;
  width: 100% !important;
  height: auto !important; }

.sponsorpartners p {
  margin-top: 24px;
  margin-bottom: 0; }

.c7n-btn-content, #content-wrapper a.c7n-btn-content {
  margin-top: 24px;
  background-color: #e30513;
  color: #fff; }
  
.c7n-btn-content:hover {
  background-color: #e30513;
  color: #fff;;
} 

hr.backendOnly, hr.backendOnly + br {
  display: none; }

@media only screen and (min-width: 768px) {
  #content-wrapper .pull-left {
    padding-bottom: 0; } }

.form-control {
  border-radius: 0;
  border: 0;
  border-color: transparent;
  outline-style: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #CCCCCC;
  color: #333333;
  height: 48px; }

.form-control:focus {
  border: 0;
  border-color: transparent;
  outline-style: none;
  border-bottom: 1px solid #e30513;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

#contactForm .row, #newsForm .row {
  margin-left: -10px;
  margin-right: -10px; }

#contactForm button, #contactForm html input[type="button"], #contactForm input[type="reset"], #contactForm input[type="submit"], #newsForm button, #newsForm html input[type="button"], #newsForm input[type="reset"], #newsForm input[type="submit"] {
  background-color: #e30513;
  color: #fff; }

#contactForm label, #newsForm label {
  font-family: CooperHewitt-Bold, sans-serif; }

#contactForm .form-group.form-checkbox,
#contactForm .form-group.form-radio,
#contactForm .form-group.form-text,
#contactForm .form-group.form-textarea,
#contactForm .form-group.form-button, #newsForm .form-group.form-checkbox,
#newsForm .form-group.form-radio,
#newsForm .form-group.form-text,
#newsForm .form-group.form-textarea,
#newsForm .form-group.form-button {
  width: 100%; }

#contactForm .form-group:not(.form-checkbox) + .form-checkbox, #newsForm .form-group:not(.form-checkbox) + .form-checkbox {
  clear: left; }

#contactForm .form-checkbox + .form-group:not(.form-checkbox), #newsForm .form-checkbox + .form-group:not(.form-checkbox) {
  clear: left; }

#contactForm .form-group:not(.form-checkbox) + .form-checkbox + .form-checkbox + .form-group:not(.form-checkbox), #newsForm .form-group:not(.form-checkbox) + .form-checkbox + .form-checkbox + .form-group:not(.form-checkbox) {
  clear: none; }

#contactForm .form-group.form-checkbox, #newsForm .form-group.form-checkbox {
  overflow: hidden;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  word-break: break-all; }

#contactForm hr, #newsForm hr {
  clear: both; }

@media screen and (min-width: 480px) {
  #contactForm .form-group.form-checkbox, #newsForm .form-group.form-checkbox {
    width: 50%;
    float: left; } }

@media screen and (min-width: 768px) {
  #contactForm .form-group.form-checkbox, #newsForm .form-group.form-checkbox {
    width: 25%; } }

#leaguemanager label {
  margin-right: 5px; }

#leaguemanager select[name="gametype"] {
  margin-right: 15px; }

@media only screen and (min-width: 768px) {
  #contactForm .form-group, #newsForm .form-group {
    width: 50%;
    float: left;
    padding: 10px; } 

    
    fieldset {
        margin-left: -10px; 
        margin-right: -10px;
    }
}

#sponsors {
  padding: 24px 0; }

#sponsors p {
  color: white;
  display: inline-block; }

.platin-partner, .gold-partner {
  width: 100%;
  display: inline-block;  }

.platin-partner {
  float: left; }

.gold-partner {
  float: right; }

.partner {
  /*float: left;*/
  margin: 0 auto;
  width: 100%; }

.partner li {
    /* background: url(../images/partner3.png) no-repeat scroll 0 0 transparent; */
    width: 104px;
    margin: 0 12.6px 0 0;
    min-height: 51px;
    /* overflow: hidden; */
    /* text-indent: 1000px; */
    line-height: 50px;
    float: left;
    display: inline-block;
}

.partner li.last {
  margin: 0; }

.partner li a {
  /*display: block;*/
  text-indent: 1000px;
  float: none;
  clear: both;
    
}
  
.partner li a img {
    max-height: 51px;
}

.partner .p1 {
  /*width: 118px;*/
  width: 120px;
}

.partner .p2 {
  background-position: -162px 0;
  width: 136px; }

.partner .p3 {
  background-position: -327px 0;
  width: 87px; }

.partner .p4 {
  background-position: -443px 0;
  width: 55px; }

.partner .p5 {
  background-position: -573px 0;
  width: 50px; }

.partner .p6 {
  background-position: -653px 0;
  /*background-position: -643px 0;*/
  width: 60px;
  display:none;
  /*width: 75px;*/ }

.partner .p7 {
  background-position: -740px 0;
  width: 100px; }

.partner .p8 {
  background-position: -867px 0;
  width: 94px; }

.partner .p9 {
  background-position: -983px 0;
  width: 106px; }

.partner .p10 {
  background-position: -1117px 0;
  width: 91px; }

.partner .p11 {
  background-position: -1211px 5px;
  width: 106px; }

.partner .p12 {
  background-position: -1323px 0;
  width: 39px; }

.partner .p13 {
  /*background-position: -1056px 0px;
  width: 33px;*/
  background-position: -986px 0px;
  width: 106px;
}
  
  .partner .p14 {
  background-position: -1371px 0px;
  width: 58px; }

#footer {
  padding: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  #footer .container {
    padding: 0;
    color: white; }
  #footer #footer-left, #footer #footer-right {
    text-align: center; }
    
      #footer #footer-left ul, #footer #footer-right ul {
    padding: 0; }
  #footer #footer-middle {
    margin: 20px 0; }
    #footer #footer-middle a.btn.c7n-btn, #footer #footer-middle a.c7n-btn.btn-fct {
      margin: 10px 0;
      -webkit-transition: background 0.2s ease-in-out;
      -o-transition: background 0.2s ease-in-out;
      transition: background 0.2s ease-in-out; }
      #footer #footer-middle a.btn.c7n-btn:hover, #footer #footer-middle a.c7n-btn.btn-fct:hover {
        color: #E30513;
        opacity: 0.7; }
      #footer #footer-middle a.btn.c7n-btn span, #footer #footer-middle a.c7n-btn.btn-fct span {
        font-family: 'CooperHewitt-Bold', sans-serif; }

ul.c7n-social-media-icons {
  margin: 0;
  position: relative;
  top: -webkit-calc(50% - (40px / 2));
  top: calc(50% - (40px / 2));
  height: 40px;}
  ul.c7n-social-media-icons li {
    list-style-type: none;
    display: inline-block;
    width: 50px;
      height: 50px; 
  }
    ul.c7n-social-media-icons li a i {
      background: #fff;
      color: #e30513;
      width: 40px;
      height: 40px;
      border-radius: 20px;
      font-size: 25px;
      text-align: center;
      margin-right: 10px;
      padding-top: 15%;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      ul.c7n-social-media-icons li a i:hover {
        opacity: .7; }
    ul.c7n-social-media-icons li:last-child a i {
     /* margin-right: 0;*/ }

@media only screen and (min-width: 768px) {
  #footer #footer-middle {
   /* height: 100%;      */
    margin: 0; }
    #footer #footer-middle a.btn.c7n-btn, #footer #footer-middle a.c7n-btn.btn-fct {
      margin: 0 5px; }
  #footer #footer-left {
    height: 100%;
    text-align: left; }
  #footer #footer-right {
   /* height: 100%;    */
    text-align: right; }
  #footer .container > div {
    min-height: 40px; } }

@media only screen and (min-width: 992px) {
  #footer #footer-middle a.btn.c7n-btn, #footer #footer-middle a.c7n-btn.btn-fct {
    margin: 0 18px; } }

@media only screen and (min-width: 1280px) {
  .platin-partner, .gold-partner {
    width: auto; } }
    
    
 .platin-partner  ul,   
 .gold-partner ul {
     padding: 0;
 } 

header {
  background-color: #e30513;
  height: 90px;
  color: #fff;
  position: relative;
  font-size: 1.2em;
  position: fixed;
  z-index: 999;
  width: 100%;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
  header * {
    font-family: CooperHewitt-Bold; }

header.smallHeader {
  height: 55px;
  -webkit-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out; }
  header.smallHeader .c7n-btn {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
         -o-transform: translate(0);
            transform: translate(0); }

header > [class*="col-"] {
  height: 100%; }

header > [class*="col-"] > .row {
  position: relative;
  top: -webkit-calc(50% - (80% / 2));
  top: calc(50% - (80% / 2));
  height: 80%; }

.c7n-logo-wrapper a img {
  position: relative;
  top: -webkit-calc(50% - (90% / 2));
  top: calc(50% - (90% / 2));
  height: 90%; }

.c7n-logo-text {
  position: relative;
  top: -webkit-calc(50% - (60% / 2));
  top: calc(50% - (60% / 2));
  height: 60%; }

.c7n-logo-text {
  /* text-transform: uppercase; */
  line-height: 60%;
  font-weight: 600;
  display: table;
  font-size: 0.9em;
  padding-right: 0;
  text-align: center; }

.c7n-logo-text span {
  display: table-cell;
  vertical-align: middle;
  line-height: normal; }

.c7n-logo-wrapper {
  text-align: left;
  height: 100%; }

.c7n-logo-wrapper a {
  height: 100%;
  display: block;
  text-align: left; }

#c7n-logo {
  height: 90%; 
  float: right;
  margin-top: 5px;
  }

header.row.smallHeader img {
  max-width: 40px !important;
}

.c7n-btn-wrapper {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
  top: -webkit-calc(50% - (48% / 2));
  top: calc(50% - (48% / 2));
  height: 48%;
  text-align: center; }

.c7n-btn {
  background: #fff;
  border-radius: 0;
  color: #e30513;
  font-weight: bold;
  border: none;
  padding: 8px 12px;
  position: relative;
  top: -webkit-calc(50% - (31px / 2));
  top: calc(50% - (31px / 2));
  height: 31px; }

@media only screen and (min-width: 1280px) {
  .c7n-logo-wrapper {
    text-align: right; }
  .c7n-logo-wrapper a {
    margin-left: 0;
    margin-right: 0;
    text-align: right; }
  .c7n-logo-text {
    text-align: left;
    border-left: 1px solid rgba(255, 255, 255, 0.5); }
  .c7n-btn-wrapper {
    border-right: none; } }

#c7n-navigation-wrapper {
  height: 100%; }

ul.c7n-nav {
  height: 100%;
  list-style: none;
  margin: 0;
  text-transform: uppercase; }

ul.c7n-nav > li {
  height: 100%;
  display: inline-block;
  padding: 0 1.5%;
  cursor: pointer; }
  ul.c7n-nav > li:hover a, ul.c7n-nav > li.active a {
    color: #9d9c9c; }

ul.c7n-nav li.level-2 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  margin: 0;
  border: none;
  padding: 0 0 5px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  height: 28px;
  font-family: CooperHewitt; }
  ul.c7n-nav li.level-2 a {
    padding: 0 20px;
    color: #333333; }
  ul.c7n-nav li.level-2.break-column {
    margin-top: 40%; }
  ul.c7n-nav li.level-2.title * {
    font-family: CooperHewitt-Bold; }
  ul.c7n-nav li.level-2 * {
    font-family: CooperHewitt; }

ul.c7n-nav a {
  position: relative;
  top: -webkit-calc(50% - (22px / 2));
  top: calc(50% - (22px / 2));
  height: 22px;
  text-decoration: none; }
  ul.c7n-nav a:hover {
    color: #fff; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #333333;
  background-color: #fff; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #333333; }

.dropdown-menu li.level-2 a:hover, .dropdown-menu li.level-2 a:focus {
  color: #e30513;
  background: none; }

ul.c7n-nav li.level-1:hover ul.menu {
  display: block; }

ul.c7n-nav li.level-1 {
  position: relative; }

ul.c7n-nav ul.menu {
  display: none;
  height: auto;
  width: auto;
  top: 100%;
  left: 100%;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-rule: 1px outset #000000;
     -moz-column-rule: 1px outset #000000;
          column-rule: 1px outset #000000;
  padding: 40px 20px;
  border-top: none;
  margin: 0 0 0 -50%;
  background: #fff url("/themes/fcthun_2016/img/nav-marker.png") no-repeat top center;
  -webkit-background-size: 34px 34px;
          background-size: 34px;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
       -o-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }

.navbar-toggle {
  position: relative;
  top: -webkit-calc(50% - (34px / 2));
  top: calc(50% - (34px / 2));
  height: 34px;
  border: none;
  padding: 0;
  margin: 0;
  display: block !important; }

.navbar-toggle .icon-bar {
  background-color: #fff;
  width: 42px;
  height: 4px; }

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px; }

ul#c7n-mobile-menu {
  max-height: -webkit-calc(100vh - 90px);
  max-height: calc(100vh - 90px);
  overflow-y: scroll; }

ul#c7n-mobile-menu::-webkit-scrollbar {
  display: none; }

ul#c7n-mobile-menu li {
  display: block; }

.flexnav {
  display: none; }

.flexnav.flexnav-show {
  display: block; }

.flexnav li a {
  background: #e30513;
  color: #fff;
  border-bottom: 1px solid #fff; }

.flexnav li a.dark {
  background: #333333; }

.flexnav li ul li a {
  background: #7e7d7d; }

.flexnav li ul li ul li a {
  background: #e8e8e8;
  color: #333333; }

.flexnav li ul li ul li ul li a {
  background: #fff; }

.flexnav .touch-button {
  height: 56.25px; }

.flexnav .touch-button .navicon {
  color: #333333;
  font-family: Arial, Sans-Serif; }

.menu-button .touch-button {
  display: none; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  ul.c7n-nav li.level-2 {
    padding: 0;
    margin-top: 0; } }

@media only screen and (min-width: 1280px) and (max-width: 1440px) {
  ul.c7n-nav {
    white-space: nowrap; }
    ul.c7n-nav > li {
      padding: 0 1.1%; } }

@media only screen and (min-width: 1280px) {
  .navbar-toggle {
    display: none !important; } }

@media only screen and (min-width: 1600px) {
  ul.c7n-nav > li {
    padding: 0 1.9%; } 

  .team .banner-1-mobile-team {
    display:none !important;
  }

  .spielplan .banner-1-mobile-spielplan{
    display:none !important;
  }
}

@media only screen and (max-width: 1760px) {
.banner-1 {
  right: 5% !important;
}
}

@media only screen and (max-width: 1600px) {
.banner-1, 
.banner-1-mobile-spielplan {
      display:none !important;
  }
}

/**************************************************
 CSS GLOBAL DEFINITIONS FOR TABELS IN MODULES
**************************************************/
table {
  border-spacing: 0;
  width: 100%;
  margin: 0 0 2em; }

table table {
  margin: 0; }

table th {
  font-weight: 500;
  border-bottom: 1px solid #7e7d7d;
  margin-bottom: 24px;
  margin-top: 24px;  
  padding: 8px 16px 8px 8px; 
  font-size: 18px;
  color: #333333;  
  font-family: CooperHewitt-Bold;
}

table th a {  
  font-weight: 500;
  font-size: 18px;
  color: #333333 !important;  
   font-family: CooperHewitt-Bold;
}

/*table tr.row2, table tr.marketRow3 {
  background-color: #F9F9F9; }

table tr.row1, table tr.marketRow2 {
  background-color: #ffffff; }

table tr.row3, table tr.marketRow1 {
  background-color: #FFEE9F; }

#shop table tr.row3 {
  background-color: #f5f5f5; }     */

table td {
  border: 0;                        
  border-bottom: 1px solid #7e7d7d;
  border-spacing: 0;
  vertical-align: middle;
  margin: 0;            
  padding: 8px 16px 8px 8px; 
}

#content-wrapper table img {
  margin-top: 0;
  max-width: 32px;
  margin-right: 10px;
}

table.nopadding td {
  padding: 3px 0; }

table td.none {
  border: 0 solid #000000; }

.table-fct table th, tr.gamescheduledate {
  background-color: #7e7d7d !important;
  color: #fff; }

@media only screen and (min-width: 1280px) {
  #leaguemanager .table {
    width: 60%; width: 100%; } }

#contactFormError {
  display: none;
  color: #e30513; }

#downloads .categories > .col-xs-12,
#downloads .files > .col-xs-12 {
  border-bottom: 1px solid #7e7d7d;
  margin-bottom: .25em;
  min-height: 40px;
  padding-left: 0;
  padding-right: 0; }
  #downloads .categories > .col-xs-12 i,
  #downloads .files > .col-xs-12 i {
    padding-right: 5px; }
  #downloads .categories > .col-xs-12 P,
  #downloads .files > .col-xs-12 P {
    margin-top: 12px; }

  #downloads .categories > .col-xs-12:hover i,
  #downloads .files > .col-xs-12:hover i {
    opacity: 0.8; }

#gallery .category_tree {
  margin-bottom: 24px; }

#gallery .category {
  position: relative;
  margin-bottom: 24px; }
  #gallery .category .detail-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%; }
  #gallery .category img {
    width: 100%;
    height: auto; }
  #gallery .category .category-information {
    position: absolute;
    cursor: pointer;
    bottom: 0;
    width: 90%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 15px; }
    #gallery .category .category-information:hover {
      background-color: rgba(0, 0, 0, 0.7); }

#gallery .category_images {
  margin-bottom: 24px; }
  #gallery .category_images img {
    width: 100%;
    height: auto; }

.home-row {
  padding: 2.5% 5%; }
  .home-row > div {
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    max-width: 100%; }

#headline-slider.carousel .item {
  -webkit-transition: opacity 3s;
  -o-transition: opacity 3s;
  transition: opacity 3s; }
  #headline-slider.carousel .item img {
    width: 100%; }

.center-img-vertically {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%); }

.carousel-control {
  width: 5%; }
  .carousel-control .fa {
    font-size: inherit;
    vertical-align: top;
    text-shadow: none;
    margin-top: -1.5px; }

.carousel-control.right, .carousel-control.left {
  background: none;
  width: 48px;
  height: 48px;
  top: -webkit-calc(50% - (48px / 2));
  top: calc(50% - (48px / 2));
  background: #FFFFFF;
  opacity: 1;
  color: #7e7d7d;
  font-size: 48px; }

.carousel-control.right .fa {
  padding-left: 4px; }

.carousel-control.left .fa {
  padding-right: 4px; }

.slide-content {
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  background: rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  padding: 8% 60px;
  color: #fff; }
  .slide-content h2 {
    word-break: break-word;
    font-size: 1.2em;
    font-weight: 600;
    margin: 15px 0; }
  .slide-content .news-date {
    font-size: 1em; }
  .slide-content .item a.btn, .slide-content .item a.btn-fct {
    font-size: 1em; }

#headline-slider .btn, #headline-slider .btn-fct {
  border: 1px solid #FFFFFF;
  border-radius: 0;
  color: #FFFFFF; }
  #headline-slider .btn:hover, #headline-slider .btn-fct:hover {
    color: #333333;
    background-color: #FFFFFF; }
  #headline-slider .btn:before, #headline-slider .btn-fct:before {
    font-family: FontAwesome;
    content: '\f105';
    padding-right: 5px; }

#slider-thumbs {
  background-color: #7e7d7d;
  min-width: 100%;
  min-width: 100vw;
  color: #fff;
  border-top: 2px solid #fff;
  border-bottom: 8px solid #e30513;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  #slider-thumbs div.active {
    display: none; }
  #slider-thumbs * {
    font-size: 18px; }
  #slider-thumbs > div {
    background-image: url("/themes/fcthun_2016/img/white-transparent.png");
    background-repeat: no-repeat;
    -webkit-background-size: 1px 70%;
            background-size: 1px 70%;
    -webkit-background-size: 1px -webkit-calc(100% - (2 * 24px));
            background-size: 1px calc(100% - (2 * 24px));
    background-position: right center;
    height: 231px;
    height: 190px; 
    height: 160px;      
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 25%;
        -ms-flex: 1 0 25%;
            flex: 1 0 25%; }
    #slider-thumbs > div:hover {
      background-color: #595958; }
      #slider-thumbs > div:hover > a {
        color: #fff;
        text-decoration: none; }
  #slider-thumbs > div:last-child {
    border-right: none; }
  #slider-thumbs h2 {
    font-size: 2vw;
    min-height: 1.2em; }
  #slider-thumbs a[id*='carousel-selector-'] {
    display: block;
    cursor: pointer;
    height: 100%;
    width: 100%;
    padding: 24px 10%; }
    #slider-thumbs a[id*='carousel-selector-'] a {
      padding-left: 0;
      white-space: normal;
      text-align: left; }
      #slider-thumbs a[id*='carousel-selector-'] a:before {
        font-family: FontAwesome;
        content: '\f105';
        padding-right: 5px; }

#next-game-wrapper {
  padding: 1.2% 5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  #next-game-wrapper > div {
    padding: 24px 15px; }
  #next-game-wrapper #next-game-info {
    color: #9d9c9c; }
    #next-game-wrapper #next-game-info > div i {
      font-size: 4.4em;
      vertical-align: bottom;
      padding-left: 10px; }
    #next-game-wrapper #next-game-info h3 {
      color: #595958; }
  #next-game-wrapper #opponent #icons {
    text-align: center; }
    #next-game-wrapper #opponent #icons img {
      height: 60px;
      width: auto; }
    #next-game-wrapper #opponent #icons span#vs {
      font-size: 2em; }
  #next-game-wrapper #Spielplan {
    text-align: center; text-align: right; }
    #next-game-wrapper #Spielplan .btn, #next-game-wrapper #Spielplan .btn-fct {
      margin-top: 13.5px; }

#Countdown {
  display: inline-block; }

.countdown-section {
  display: block; }

.countdown-section span {
  padding: 0 2px; }

#history-slider-wrapper {
  padding: 0 5%; }

.banner-home {
   padding:0!important;
}

.banner-1-mobile-team {
   display:none;
}



.team .banner-1-mobile-team {
    width: 100%;
    display:block;
    margin-top: 48px;

}

.spielplan .banner-1-mobile-spielplan {
    width: 100%;
    margin-bottom: 20px;
    display:block;
}

.banner-1-mobile-spielplan {
   display:none;
}

.banner-1 {
    height: 500px;
    width: 150px;
    right: 10%;
    position: absolute;
    top: 37vh;
}

.banner-1 img {
  width:100%;
  right: 10%;
}

.banner-2 {
  width:100%;
}

.banner-3 {
  width:100%;
}

#banner-slider {
  font-size: 1.4em; }
  #banner-slider .item {
    padding: 24px 60px; }
    #banner-slider .item > div:first-child {
      text-align: center; }
  #banner-slider .carousel-control.right, #banner-slider .carousel-control.left {
    background: transparent; }
  #banner-slider img {
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto; }
  #banner-slider h3 {
    padding-bottom: 24px;
    text-align: center; }

#video-ranking-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  #video-ranking-wrapper > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }

.ranking-wrapper {
  font-size: 12.5px;
  background-color: #fff;
  -webkit-background-clip: content-box;
          background-clip: content-box; }
  .ranking-wrapper h3 {
    height: 30px;
    font-size: 20px;
    padding: 5px;
    background: #2B2B2B;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%; }
  .ranking-wrapper .table-responsive {
    margin-bottom: 0; }
  .ranking-wrapper table {
    width: 100%;
    font-size: 1.2em;
    margin: 0; }
    .ranking-wrapper table tr:nth-child(2) {
      border-bottom: 1px solid #CCCCCC; }
    .ranking-wrapper table tr:last-child {
      border-top: 1px solid #CCCCCC; }
    .ranking-wrapper table tr.highlight {
      background-color: #e30513;
      color: #fff; }

#home-social-gallery {
  border-top: 8px solid #e30513; }
  #home-social-gallery #gallery-wrapper {
    padding-right: 0;
    padding-left: 0;
    position: relative; }
    #home-social-gallery #gallery-wrapper #gallery-text-box {
      position: absolute;
      background: #FFFFFF;
      padding: 24px;
      top: 0;
      left: 0;
      z-index: 1;
      height: 100%; }
      #home-social-gallery #gallery-wrapper #gallery-text-box h3 {
        margin-bottom: 24px; }
      #home-social-gallery #gallery-wrapper #gallery-text-box a {
        display: block;
        font-size: 1.2em; }
        #home-social-gallery #gallery-wrapper #gallery-text-box a:before {
          font-family: FontAwesome;
          content: '\f105';
          padding-right: 5px; }
    #home-social-gallery #gallery-wrapper img {
      width: 100%;
      height: auto; 
    height: 600px;
    object-fit: cover;}
  #home-social-gallery #socialMediaWrapper {
    width: 80%;
    position: relative;
    top: -webkit-calc(50% - (80% / 2));
    top: calc(50% - (80% / 2));
    height: 80%;
    margin: 24px auto; }
    #home-social-gallery #socialMediaWrapper .tab-content {
      padding: 24px;
      border: 1px solid #DDDDDD;
      border-top: none;
      background: #fff; }
      #home-social-gallery #socialMediaWrapper .tab-content i {
        font-size: 48px; }
        #home-social-gallery #socialMediaWrapper .tab-content i.fa-twitter {
          color: #00ACED; }
        #home-social-gallery #socialMediaWrapper .tab-content i.fa-facebook {
          color: #3B5998; }
    #home-social-gallery #socialMediaWrapper .nav-tabs > li > a {
      border-radius: 0; }

#teaser-boxes {
  display: none; }
  



.c7n-language-nav {
    display:inline-block;
    margin:10px;
    width:50%;
    padding-top:30px;
}

.c7n-language-nav a{
    opacity: 1;
    background-color:#0000;
}

.c7n-language-nav a:hover{
    background-color: #e305138c;
    box-shadow: 0px 0px 20px 0px #900009;
    opacity: 1 !important;
}

.c7n-language-nav span {
    color:#fff;
}

@media only screen and (min-width: 768px) {
  .slide-content {
    top: 10%;
    left: 10%;
    width: 45%;
    height: auto;
    padding: 30px; }
    .slide-content h2 {
      font-size: 4vw; }
    .slide-content .news-date {
      font-size: 1.5vw; }
    .slide-content .item a {
      font-size: 1.6vw; } }

@media only screen and (min-width: 992px) {
  #home-social-gallery #gallery-wrapper #gallery-text-box {
    height: auto; } }

@media only screen and (min-width: 1280px) {
  .slide-content {
    left: 5%; }
  #headline-slider.carousel .item {
    min-height: 330px; min-height: 430px;}
  #video-ranking-wrapper > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 25%;
        -ms-flex: 1 0 25%;
            flex: 1 0 25%; } }


/* Crossfade Images Start */
.detail-link .c7n-crossfade {
    position: relative;
    margin: 0 auto;
}

.detail-link .c7n-crossfade img {
  /*position:absolute;*/
  left:0;
  -webkit-transition: opacity 0s ease-in-out;
  -moz-transition: opacity 0s ease-in-out;
  -o-transition: opacity 0s ease-in-out;
  transition: opacity 0s ease-in-out;
}

.detail-link .c7n-crossfade .c7n-crossfade-second {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10;
}

.c7n-crossfade-hover:hover .c7n-crossfade-first {
    opacity: 0;
}

/* Crossfade Images End */

#mediadir .position {
  margin-top: 24px; }
  #mediadir .position h2 {
    margin-bottom: 24px; }

#mediadir .entry {
  margin-bottom: 24px; }
  #mediadir .entry .detail-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%; }
  #mediadir .entry img {
    width: 100%;
    height: auto; }
  #mediadir .entry .entry-information {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    height: auto;
    padding: 3px 0; }
    #mediadir .entry .entry-information:hover {
      background-color: rgba(0, 0, 0, 0.7); }
    #mediadir .entry .entry-information .number {
      font-size: 30px;
      line-height: 36px;
      padding: 6px;
      display: inline-block;
      min-width: 58px;
      vertical-align: top;
      text-align: center;
      max-height: 54px;
      margin-right: -3px; }
    #mediadir .entry .entry-information .name {
      display: inline-block;
      padding: 0 6px;
      border-left: 1px solid rgba(255, 255, 255, 0.5); }
      #mediadir .entry .entry-information .name p {
        margin: 2px 0 0 0;
        font-size: medium; }
        @media (min-width: 768px) and (max-width: 992px) {
          #mediadir .entry .entry-information .name p {
            font-size: small; } }

#mediadir .entry-further-information h4 {
  margin-top: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #333333;
  padding: 5px 0; }

#mediadir .entry-detail .entry-img-detail img {
  margin-bottom: 24px; }

#mediadir .entry-detail .entry-information {
  padding: 15px; }
  #mediadir .entry-detail .entry-information .number {
    font-size: 65px;
    min-height: 71px;
    width: auto;
    display: inline-block;
    padding: 0 15px;
    min-width: 71px;
    text-align: center;
    border-right: 1px solid #333333; }
  #mediadir .entry-detail .entry-information .name {
    position: relative;
    top: -webkit-calc(50% - (72px / 2));
    top: calc(50% - (72px / 2));
    height: 72px;
    /*position: absolute;*/
    width: auto;
    display: inline-block;
    padding: 0 15px; }
    #mediadir .entry-detail .entry-information .name p {
      margin: 5px 0 0 0; }
    #mediadir .entry-detail .entry-information .name h3 {
      font-size: 35px; }
  #mediadir .entry-detail .entry-information .employee-name {
    position: static; }

#mediadir .employees .entry-information .name {
  position: static; }

#mediadir .employee .entry-information {
  padding: 0; }

#mediadir .employee .name {
  position: static;
  height: auto;
  padding: 0; }


.corporate-logo {
    text-align: center;
    background: #fff;
}  
#content-wrapper .corporate-logo img{
    margin: 10px 0;
    width: auto!important;
    max-height: 50px;
}

@media (min-width: 1280px) {
  #mediadir .entry-detail .entry-information .number {
    padding: 0 15px;
    min-width: 109px; }
  #mediadir .entry-detail .entry-information .name {
    padding: 0 15px; } }

#memberdir .char-list {
  margin-top: 15px; }
  #memberdir .char-list a {
    padding: 0 7.5px; }
    #memberdir .char-list a:first-child {
      padding-left: 0; }

#memberdir .address {
  padding: 15px 0;
  border-bottom: 1px solid #595958; }
  #memberdir .address:first-child {
    border-top: 1px solid #595958; }

#memberdir .image-container img {
  width: 100% !important;
  height: auto !important; }

#memberdir .paging {
  margin-top: 15px; }

#news-accordion .news-row {
  max-height: 300px;
  overflow: hidden;
  -webkit-transition: max-height 2s ease-in-out;
  -o-transition: max-height 2s ease-in-out;
  transition: max-height 2s ease-in-out;
  border-bottom: 1px solid #7e7d7d;
  padding: 24px 0; }
  #news-accordion .news-row:first-child {
    border-top: 1px solid #7e7d7d; }
  #news-accordion .news-row .news-image {
    margin-bottom: 24px;
    display: none; }
  #news-accordion .news-row .news-date-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    #news-accordion .news-row .news-date-title-wrapper .news-date {
      text-align: left;
      border-right: 1px solid #7e7d7d; }
      #news-accordion .news-row .news-date-title-wrapper .news-date > span {
        display: block; }
        #news-accordion .news-row .news-date-title-wrapper .news-date > span:nth-child(2) {
          font-size: 40px; }
    #news-accordion .news-row .news-date-title-wrapper .news-title a.open-news {
      display: block;
      margin-top: 24px; }
      #news-accordion .news-row .news-date-title-wrapper .news-title a.open-news:before {
        font-family: FontAwesome;
        content: '\f105';
        padding-right: 5px; }
  #news-accordion .news-row .news-content {
    margin-top: 48px;
    display: none; }

#news-accordion .news-row.open {
  max-height: 9999px; }
  #news-accordion .news-row.open .news-image, #news-accordion .news-row.open .news-content {
    display: block; }
  #news-accordion .news-row.open .news-date-title-wrapper .news-title a.open-news {
    display: none; }
   
   .row.news-row .col-sm-8{
       width: 100%;
   }
   
    .row.news-row.open .col-sm-8{
       width: 100%;
   }
    
    
.accordeon {
    position: relative;          
}

.accordeon .accordeon-title{      
  border-bottom: 1px solid #7e7d7d;
  padding: 16px 0; 
  cursor: pointer;
  position: relative;   
}

.accordeon .accordeon-title h4,
.accordeon .accordeon-title h3,
.accordeon .accordeon-title h2,
.accordeon .accordeon-title h1{
    margin: 0 !important;  
}

.accordeon-sub {
    position: relative;
}

.accordeon-sub .accordeon-sub-title{      
  border-bottom: 1px solid #7e7d7d;
  padding: 16px 0; 
  cursor: pointer;
  position: relative;
}

.accordeon-sub .accordeon-sub-title h4,
.accordeon-sub .accordeon-sub-title h3,
.accordeon-sub .accordeon-sub-title h2,
.accordeon-sub .accordeon-sub-title h1{
    margin: 0 !important;  
}

h3.tickets:before {           
    content: "\f0c8";
    font-family: FontAwesome;     
    font-size: 1em;
    line-height: 1em;   
    padding-right: 10px;      
}

h3.tickets.category-1:before {
    color: rgb(241,189,0);    
}

h3.tickets.category-2:before {
    color: rgb(78,155,236);    
}

h3.tickets.category-3:before {
    color: rgb(91,167,0);    
}

h3.tickets.family:before {
    color: rgb(166,133,194);    
}

h3.tickets.home:before {
    color: rgb(208,38,0);    
}

h3.tickets.visitor:before {
    color: rgb(216,216,216);    
}

.accordeon .accordeon-title:after{      
    position: absolute;     
    content: "\f105";
    font-family: FontAwesome;     
    font-size: 20px;
    line-height: 1em;
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
}

.accordeon.open .accordeon-title:after{          
    content: "\f107";         
}

.accordeon .accordeon-content {
    display: none;  
  padding: 16px 0; 
}   

.accordeon-sub .accordeon-sub-title:after{      
    position: absolute;     
    content: "\f105";
    font-family: FontAwesome;     
    font-size: 20px;
    line-height: 1em;
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
}

.accordeon-sub.open .accordeon-sub-title:after{          
    content: "\f107";         
}

.accordeon .accordeon-content {
    display: none;  
  padding: 16px 0; 
}   

@media only screen and (min-width: 768px) {
  #news-accordion .news-row {
    max-height: 150px; }
  #news-accordion .news-row .news-image {
    margin-bottom: 0; } 
}

#podcast .media img {
  width: 100% !important;
  height: auto !important; 
}

#ranking table {
    background-color:  rgb(232,232,232);   
}
  
@media only screen and (max-width: 600px) {
  #ranking table {                   
      font-size: 0.9em;
  }
  
  #ranking table th {       
    font-size: 0.95em;    
  }
  
  #ranking table th,       
  #ranking table td {       
    padding: 8px 0px 8px 8px;    
  }
  
  #ranking table td:last-of-type {       
    padding: 8px 8px 8px 8px;       
  }   
}

@media only screen and (max-width: 768px) {     
     #gallery-text-box {
         width: 100%;
     }
     
     #gallery-wrapper  {
         height: 200px;
     }
     #gallery-wrapper img {
         display: none;
     }
    
  
  .btn {
      width: 100%;
      margin: 2px 0;
  }
  
  #footer #footer-middle a.btn.c7n-btn, 
  #footer #footer-middle a.c7n-btn.btn-fct {
    
      margin: 10px 0;    
  }
}

@media only screen and (max-width: 1279px) { 
   .btn {
      width: 100%;    
  }
  
  #footer #footer-middle a.btn.c7n-btn, 
  #footer #footer-middle a.c7n-btn.btn-fct {
    
      margin: 10px 0;    
  }  
  
  .c7n-social-media-icons li {
        width: 100%;   
  }
  .ui-dialog.ui-widget{
      left: 0 !important;
      width: auto !important;
      position: fixed !important;
  } 
}

/*# sourceMappingURL=../css/custom.css.map */

@media (max-width: 768px) {
#banner-slider .item {
    padding: 0px; }
}

@media (min-width: 768px) {
  #news-accordion .news-title {
      width: 83%;
  }
}

#login form p input#USERNAME,
#login form p input#PASSWORD {
    border-radius: 0;
    border: 0;
    border-color: transparent;
    outline-style: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #CCCCCC;
    color: #333333;
    height: 48px;
    display: block;
    width: 50%;
    padding: 6px 12px;
}

#login form p label{
    font-family: CooperHewitt-Bold, sans-serif;
}

@media (max-width: 767px){
    #login form p input#USERNAME,
    #login form p input#PASSWORD{
        width: 100%;
    }
}

#login #remember_me {
    margin-left: 2%;
}

#login form p input[type=submit]{
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e30513;
    color: #fff;
}

div#banner-slider .carousel-control {
    display: none;
}
#atmosphere-img {
    text-align: center;
}
ul.menu_level_4 {
    display: none;
}
  

div#slos {
    min-width: 100% !important;
}

/*** Alertbox ***/
.alertbox img {
    max-width: 100%;
    height: auto;
    margin: 20px 0;
}

.alertbox h2 {
    margin-top: 20px;
}

.alertbox p{
    margin-bottom: 20px;
}

.close-alertbox{
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 21px;
    cursor: pointer;
}

.alertbox {
    position: absolute;
    top: 110px;
    right: 55px;
    background: rgba(228, 5, 19, 0.8);
    z-index: 1;
    color: #fff;
    width: 30%;
}

@media (max-width: 1160px){
    .alertbox{
	   display: none;
	}
}

@media (max-width: 500px){
    .spielplan .carousel{
        position: inherit;
    }
}

div#cookie-note {
    background-color: white;
    color: black;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
    display: block;
    right: 0 !important;
    bottom: 0 !important;
    position: fixed;
    height: auto !important;
    width: 100% !important;
    z-index: 1337;
    padding: 10px;
    text-align: center;
}

button#cookie-note-ok {
  background: #e30513;
  border-radius: 0;
  color: #fff;
  font-weight: bold;
  border: none;
  padding: 8px 12px;
  position: relative;
  top: -webkit-calc(50% - (31px / 2));
  top: calc(50% - (31px / 2));
  height: 31px;
}

#standings .icon {
  max-width: 16px;
}

/* changes from 2019-02-14 */
.home-row {
    padding: 0px;
}

div#adform-adbox-43g0h2jabbc {
    width: 100%;
}

@media (max-width: 560px) {
    #news-accordion iframe {
        width:100%;
    }
    
}
@media only screen and (max-width: 600px) {
    .widget-container{
        width: 385px;
        height: 400px;
    }
} 
@media only screen and (min-width: 1200px) {
    .widget-container{
        width: 1140px;
        height: 285px;
    }
}

.widget-container {
    width: 100%;
}

select.form-control {
    width: 150px;
}

#home-social-gallery #socialMediaWrapper .tab-content {
    overflow-y: scroll;
    max-height: 900px;
}

ul.c7n-nav li.level-2.break-column {
    margin-top: 45% !important;
}