/*
Theme Name: STV Berg 2
Theme URI:
Author: Mario Reut
Author URI:
Description: Design für die Internetseite des STV Berg mit dem neuen Logo.
Version: 2.0
*/

/****** General ****/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin: 0;
  outline: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}
.stv-swipebox {
  overflow: hidden;
}
.stv-swipebox .slide {
  background-color: #000;
}
body {
  min-width: 300px;
}
.clearfix {
  overflow: hidden;
  zoom: 1;
}
.hidden {
  display: none;
}
/****** Fancybox ****/
.fancybox-nav {
  height: 30% !important;
  top: 35% !important;
}
.fancybox-nav span {
  visibility: visible !important;
}
/****** Header ****/
header {
  padding-top: 30px;
  margin-left: 100px;
  margin-right: 350px;
}
.admin-login {
  display: block;
  width: 280px;
  height: 280px;
  margin: 50px auto;
}
.admin-login img {
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}
header #active-top-riege {
  display: none;
}
header #riegen {
  display: block;
  margin-top: 40px;
  margin-bottom: 20px;
}
.post-type-archive-neuigkeiten #riegen {
  margin-bottom: 0;
}
header #riegen-inaktiv {
  display: block;
  max-width: 1105px;
  margin: 0 auto;
  background-color: transparent;
}
header #riegen-inaktiv > li {
  width: auto;
  height: auto;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 15px;
  background-color: transparent;
  float: left;
  display: block;
  border: none;
}
header #riegen-inaktiv > li:hover {
  background-color: transparent;
}
header #riegen-inaktiv > li > a {
  color: #282828;
  display: block;
  height: 60px;
}
header #riegen-inaktiv > li > a:hover {
  color: #87cee0;
}
header #riegen-inaktiv > li > a > img {
  float: none;
  display: block;
  margin: 0 auto 5px auto;
  padding: 7px;
}
header #riegen-inaktiv > li > a > span {
  clear: left;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 16px;
}
header #riegen-inaktiv > .active-riege {
  display: block;
}
header #riegen-inaktiv > .active-riege > a {
  color: #87cee0;
}
header #riegen-inaktiv > .active-riege > a > img {
  padding: 5px;
  border-style: solid;
  border-color: #282828;
  border-width: 2px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}
/****** Navigation ****/
#navigation {
  width: 250px;
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #282828;
  border-left-width: 1px;
  border-left-color: #486a92;
  border-left-style: solid;
  overflow: hidden;
}
#navigation a,
#navigation p,
#navigation span,
#navigation input {
  font-size: 16px;
}
body.admin-bar #navigation {
  top: 32px;
}
/****** Riegen-Menu ****/
#riegen-inaktiv,
#riegen-inaktiv > .active-riege {
  display: none;
}
#active-top-riege span,
#riegen-inaktiv span {
  font-size: 16px;
}
#active-top-riege {
  border-bottom-color: #486a92;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: #1a3657;
}
#active-top-riege > a {
  width: 100%;
  height: 50px;
  display: block;
  color: #fff;
  width: 100%;
  font-weight: 300;
}
#active-top-riege > a > img {
  float: left;
  margin-top: 13px;
  margin-left: 13px;
  margin-right: 13px;
  filter: brightness(0) invert(100%);
}
#active-top-riege > a > span {
  border-left-color: #486a92;
  border-left-width: 1px;
  border-left-style: solid;
  padding-left: 13px;
  line-height: 50px;
  float: left;
  font-size: 20px;
}
#riegen-inaktiv {
  background-color: #1f1f1f;
}
#riegen-inaktiv > li {
  background-color: #1f1f1f;
  border-bottom: 1px solid #282828;
}
#riegen-inaktiv > li:last-child {
  border-bottom: none;
}
#riegen-inaktiv > li:hover {
  background-color: #1a3657;
}
#riegen-inaktiv > li > a {
  color: #bbbbbb;
  font-weight: 300;
  display: block;
  width: 100%;
  height: 50px;
}
#riegen-inaktiv > li > a > img {
  margin-top: 13px;
  margin-left: 13px;
  margin-right: 13px;
  float: left;
}
#riegen-inaktiv > li > a > span {
  padding-left: 13px;
  line-height: 50px;
  float: left;
  font-size: 20px;
}
#dropdown {
  float: right !important;
  margin-top: 19px !important;
}
/****** Suche ****/
#searchform {
  font-size: 0;
  display: block;
  height: 35px;
  width: 100%;
  margin-bottom: 10px;
}
#search-field {
  background-color: #fff;
  padding: 3px 8px;
  height: 35px;
  width: 100%;
  float: right;
  margin: 0;
  border: 1px solid #ddd;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
  cursor: auto;
  color: #404040;
  font-weight: 300;
  line-height: 25px;
  font-size: 18px;
}
.search #search-field {
  width: 100%;
}
#search-field:focus {
  width: 100%;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
  font-weight: 300;
  line-height: 25px;
  font-size: 18px;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1;
  font-weight: 300;
  line-height: 25px;
  font-size: 18px;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
  opacity: 1;
  font-weight: 300;
  line-height: 25px;
  font-size: 18px;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ccc;
  font-weight: 300;
  line-height: 25px;
  font-size: 18px;
}
/****** Logo ****/
#logo_login {
  display: none;
}
/****** Submenu ****/
#sub-menu {
  width: 100%;
  background-color: #486a92;
}
#sub-menu > ul > li:first-child {
  border: 0;
}
#sub-menu > ul > li > a {
  color: #1a3657;
  display: block;
  padding-left: 25px;
  height: 40px;
  line-height: 40px;
}
#sub-menu > ul > li > a:hover,
#sub-menu > ul > li > a.active-subterm {
  background-color: #1a3657;
  border-left-width: 4px;
  border-left-color: #fff;
  border-left-style: solid;
  padding-left: 21px;
  color: #fff;
}
/****** Post Type Menu ****/
#active-top-post-type {
  display: none;
}
#post-types-inaktiv > li:hover,
#menu > ul > .active-post-type {
  background-color: #1a3657;
}
#post-types-inaktiv > li > a > img {
  float: left;
  margin-top: 13px;
}
#post-types-inaktiv > li > a > span {
  float: left;
  line-height: 40px;
  margin-left: 12px;
}
#post-types-inaktiv a {
  color: #bbbbbb;
  font-weight: 300;
  display: block;
  height: 40px;
}
#post-types-inaktiv a,
#post-types-inaktiv > .active-post-type > a {
  padding-left: 15px;
}
#post-types-inaktiv > .active-post-type > a {
  color: #fff;
  font-weight: 300;
}
/****** Back to Top ****/
.back-to-top {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 25px;
  right: 275px;
  background-image: url(images/up.png);
  background-repeat: none;
  display: none;
}
.back-to-top:hover {
  background-image: url(images/a_up.png);
}
/****** Content ****/
#content {
  margin-right: 351px;
  margin-left: 100px;
  padding-bottom: 40px;
}
#items {
  margin-bottom: 30px;
}
/****** No Content ****/
.no-content {
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
  padding: 20px;
  text-align: center;
  color: #486a92;
  display: block;
  margin-top: 60px;
  margin-left: 25px;
  margin-right: 25px;
  background-color: #eee;

  border-color: #d6d4d0;
  border-style: solid;
  border-width: 1px;
  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Chrome, Safari */
  -khtml-border-radius: 3px; /* Konqueror */
  border-radius: 3px; /* CSS3 */
  behavior: url(border-radius.htc); /* Internet Explorer */
}
/****** Single Page ****/
.single-sidebar {
  float: right;
  max-width: 260px;
  padding-left: 10px;
  margin-left: 10px;
  margin-top: 10px;
}
.single-sidebar {
  background-color: #f9f9f9;
}
.single-sidebar > .media-thumbnail {
  margin: 0;
  margin-bottom: 10px;
}
/****** Site not found ****/
.error404 {
  width: 100%;
  height: 100%;
  background-color: #1a3657;
}
#not-found {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -150px;
  width: 100%;
  min-height: 300px;
  text-align: center;
  color: #fff;
}
#not-found > p {
  font-size: 24px;
  line-height: 24px;
  font-weight: 300;
  margin-top: 30px;
}
#not-found > a {
  color: #fff;
  font-size: 18px;
  line-height: 35px;
  font-weight: 300;
  text-align: center;
  display: block;
  width: 120px;
  height: 35px;
  background-color: #1a3657;
  border-color: #fff;
  border-style: solid;
  border-width: 1px;
  margin: 20px auto 0 auto;

  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Chrome, Safari */
  -khtml-border-radius: 3px; /* Konqueror */
  border-radius: 3px; /* CSS3 */
  behavior: url(border-radius.htc); /* Internet Explorer */
}
/****** Newest Anlass on Archive Page Neuigkeiten ****/
.anlass {
  border-left-color: #404040;
  border-left-style: solid;
  border-left-width: 5px;
  border-right-color: #404040;
  border-right-style: solid;
  border-right-width: 5px;
}
.anlass:nth-child(odd) {
  border-top: none !important;
  border-bottom: none !important;
  -moz-box-shadow: inset 0 1px #efe7e7, inset 0 -1px #efe7e7;
  -webkit-box-shadow: inset 0 1px #efe7e7, inset 0 -1px #efe7e7;
  box-shadow: inset 0 1px #efe7e7, inset 0 -1px #efe7e7;
}
/****** Article Text Formatation ****/
article h1,
h2,
article blockquote,
article p,
article span,
article a,
article em,
article del,
article strong,
article ol,
article ul,
article code,
article th,
article td {
  color: #404040;
  word-wrap: break-word;
}
article p,
article blockquote,
article span,
article a,
article em,
article del,
article ol,
article ul,
article code,
article td {
  font-weight: 300;
}
article a span,
article a em,
article a del,
article a strong,
article a span,
article a ol,
article a ul,
article a code {
  color: #87cee0 !important;
}
article {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 80px;
  padding-right: 80px;
}
article hr {
  border-top-color: #efe7e7;
  border-top-style: dashed;
  border-top-width: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}
article h1 {
  font-size: 28px;
  line-height: 28px;
  clear: right;
  margin-bottom: 25px;
  font-weight: 600;
}
article h2 {
  font-size: 18px;
  line-height: 32px;
  margin-top: 30px;
  font-weight: 600;
}
article > h2:first-of-type {
  margin-top: 5px;
}
article p {
  line-height: 32px;
  text-align: justify;
}
article a {
  text-decoration: underline;
  color: #87cee0;
}
article strong {
  font-weight: 600;
}
article em {
  font-style: italic;
}
article strong em {
  font-weight: 600;
  font-style: italic;
}
article del {
  text-decoration: line-through;
}
article strong del {
  font-weight: 600;
  text-decoration: line-through;
}
article strong span {
  font-weight: 600;
  text-decoration: underline;
}
article blockquote {
  border-left-color: #1a3657;
  border-left-style: solid;
  border-left-width: 5px;
  padding-left: 20px;
  padding-right: 10px;
  background-color: #efe7e7;
}
article ol {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 40px;
}
article ol li {
  list-style: decimal;
  line-height: 32px;
  list-style-position: inside;
}
article ul {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 40px;
}
article ul li {
  list-style: square;
  line-height: 32px;
  list-style-position: inside;
}
/****** Artikelinfo ****/
article > .artikelinfo {
  float: right;
}
article > .artikelinfo > p {
  float: left;
  font-size: 15px;
  line-height: 20px;
  color: #ccc;
}
article:nth-child(odd) {
  background-color: #f9f9f9;
  border-top-color: #efe7e7;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: #efe7e7;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
/****** Password ****/
.password-article {
  font-weight: 300;
  line-height: 32px;
  margin-top: 30px;
}
.password-article input[type='password'] {
  background-color: #fff;
  padding: 3px 8px;
  height: 35px;
  width: 250px;
  border: 1px solid #ddd;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
  cursor: auto;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-appearance: none;
}
input[type='password']:focus,
textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
.password-article input[type='submit'] {
  color: #efe7e7;
  line-height: 35px;
  text-align: center;
  padding-left: 11px;
  padding-right: 11px;
  background-color: #fff;
  border-color: #efe7e7;
  border-style: solid;
  border-width: 1px;
  margin-top: 10px;
  text-decoration: none;
  cursor: pointer;

  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Chrome, Safari */
  -khtml-border-radius: 3px; /* Konqueror */
  border-radius: 3px; /* CSS3 */
  behavior: url(border-radius.htc); /* Internet Explorer */
  -webkit-appearance: none;
}
.password-article input[type='submit']:hover {
  color: #fff;
  font-size: 18px;
  background-color: #1a3657;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
/****** Button weiterlesen ****/
article > .button_weiterlesen {
  color: #fff;
  background-color: #1a3657;
  line-height: 35px;
  text-align: center;
  display: block;
  padding-left: 11px;
  padding-right: 11px;
  border-color: #efe7e7;
  border-style: solid;
  border-width: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
  text-decoration: none;

  -moz-border-radius: 3px; /* Firefox */
  -webkit-border-radius: 3px; /* Chrome, Safari */
  -khtml-border-radius: 3px; /* Konqueror */
  border-radius: 3px; /* CSS3 */
  behavior: url(border-radius.htc); /* Internet Explorer */
}
/****** Thumbnails ****/
.media-thumbnail {
  width: 250px;
  float: left;
  margin: 10px;
  margin-left: 0px;
  -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  background: #eee;
}
.overlay-container {
  position: relative;
  float: left;
  overflow: hidden;
}
.video.overlay-container {
  height: 141px;
}
.overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  transition: all 0.5s;
}
a.expand {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  border: solid 5px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
}
.overlay-container.hover .overlay {
  opacity: 1;
}
.overlay-container.hover .overlay a.expand {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
.overlay-container .outer-img {
  margin: 0px;
  position: relative;
  width: 250px;
  height: 187px;
  overflow: hidden;
}
.single .overlay-container .outer-img.landscape {
  height: 187px;
}
.post-type-archive-vorstand .overlay-container .outer-img.portrait,
.single .overlay-container .outer-img.portrait {
  height: 333px;
}
.overlay-container .inner-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.overlay-container .inner-img img {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 0;
  left: 0;
}
.post-type-archive-vorstand .inner-img img.portrait,
.post-type-archive-sponsoren .inner-img img.portrait,
.overlay-container .inner-img img.portrait {
  max-width: 250px;
  height: auto;
}
.overlay-container .inner-img img.landscape {
  max-height: 187px;
  width: auto;
}
.post-type-archive-sponsoren .inner-img img.portrait {
  max-height: 187px;
  width: auto;
}
.post-type-archive-sponsoren .inner-img img.landscape {
  max-width: 250px;
  height: auto;
}
/****** Map ****/
.map-attachment {
  margin-top: 10px;
  padding-top: 10px;
  border-top-color: #efe7e7;
  border-top-style: dashed;
  border-top-width: 1px;
  float: left;
  width: 100%;
}
.map-attachment img {
  display: block;
  float: left;
  margin-right: 10px;
}
.map-attachment p {
  display: block;
  float: left;
  margin-right: 5px;
}
.map-attachment a {
  line-height: 32px;
}
/****** Files ****/
.data-attachment {
  margin-top: 10px;
  padding-top: 10px;
  border-top-color: #efe7e7;
  border-top-style: dashed;
  border-top-width: 1px;
  float: left;
  width: 100%;
}
.data-attachment img {
  display: block;
  float: left;
}
.data-attachment ol {
  padding: 0;
  margin-left: 50px;
}
.data-attachment li {
  list-style: square;
  list-style-position: inside;
}
.data-attachment a {
  line-height: 32px;
}
/****** Attachment-View: Images/Files ****/
.single-attachment .attachment-full {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.attachment-view {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.attachment-view li {
  list-style: none !important;
}
/****** Load odler/newer Posts ****/
.page-numbers {
  font-weight: 300;
  color: #404040;
  font-size: 18px;
  line-height: 35px;
  height: 35px;
  text-align: center;
  padding-left: 11px;
  padding-right: 11px;
  display: block;
  background-color: #fff;
  border-color: #404040;
  border-style: solid;
  border-width: 1px;
  margin-top: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  behavior: url(border-radius.htc);
  float: left;
  margin-right: 10px;
}
a.page-numbers:hover {
  color: #fff;
  background-color: #1a3657;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.current {
  color: #fff;
  background-color: #1a3657;
}
/****** Archive Trainings ****/
.post-type-archive-trainings article ul,
.single-trainings article ul {
  padding: 0;
}
.post-type-archive-trainings article li,
.single-trainings article li {
  list-style-type: none;
}
.leiter {
  padding-right: 20px !important;
  float: left;
}
.leiter > li:first-child {
  color: #87cee0;
}
/**** Archiv/Single UH-Meisterschaften ****/
/**** General Table Styling ****/
.post-type-archive-uh-meisterschaften article,
.post-type-archive-meisterschaften article {
  min-width: 550px;
}
.meisterschaft_tabelle {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  background-color: #fff;
}
.meisterschaft_tabelle th,
.meisterschaft_tabelle td {
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #404040;
  font-weight: 300;
  font-size: 16px;
  text-align: left;
}
.left-column {
  float: left;
  padding-right: 20px;
  width: 50%;
  min-width: 215px;
  margin-bottom: 30px;
}
.right-column {
  float: left;
  padding-left: 20px;
  width: 50%;
  min-width: 215px;
  margin-bottom: 30px;
}
.new_line {
  clear: both;
}
/**** Table Header Styling ****/
.meisterschaft_tabelle th {
  color: #87cee0;
  background-color: #f9f9f9;
}
/**** Table Body Styling ****/
.meisterschaft_tabelle tbody tr {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #efe7e7;
}
.meisterschaft_tabelle tbody tr:hover {
  background-color: #1a3657;
}
.archive .meisterschaft_tabelle tbody tr:hover {
  background-color: inherit;
}
.meisterschaft_tabelle tbody tr:hover td {
  color: #fff;
}
.archive .meisterschaft_tabelle tbody tr:hover td {
  color: inherit;
}
/**** Own Team Styling ****/
.own-team {
  background-color: #6b141d;
}
.archive .own-team {
  background-color: inherit;
}
.own-team:hover {
  background-color: #1a3657;
}
.archive .own-team:hover {
  background-color: inherit;
}
.own-team td {
  color: #fff;
}
.archive .own-team td {
  color: inherit;
}
/**** Spieler Styling ****/
.spieler {
  min-width: 195px;
}
.spieler th,
.spieler td {
  width: 30px;
  text-align: center;
}
.spieler th:nth-child(2),
.spieler td:nth-child(2) {
  width: auto;
  text-align: left;
}
/**** Spielübersicht Styling ****/
.resultate th:nth-child(1),
.resultate td:nth-child(1) {
  width: 160px;
}
.resultate th:nth-child(5),
.resultate td:nth-child(5) {
  width: 80px;
  text-align: center;
}
/**** Rangliste Styling ****/
.tabelle th,
.tabelle td {
  width: 30px;
  text-align: center;
}
.tabelle th:nth-child(2),
.tabelle td:nth-child(2) {
  width: auto;
  text-align: left;
}
.tabelle th:nth-child(7),
.tabelle td:nth-child(7) {
  width: 80px;
}
/**** Mannschaftsfoto Styling ****/
.single-uh-meisterschaften article > img,
.single-meisterschaften article > img {
  /* Zusatz f�r Mannschaftsfoto*/
  width: 100%;
  height: auto;
}
/****** Archive Anlaesse ****/
.list {
  border-collapse: collapse;
  table-layout: auto;
}
.single .list {
  margin-top: 20px;
  margin-bottom: 20px;
}
.list th,
.list td {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #404040;
  font-weight: 300;
  text-align: left;
}
.list th {
  padding-right: 30px;
  font-weight: 600;
}
/****** Archive Vorstand ****/
.mail {
  float: left;
  clear: both;
  width: 100%;
}
.mail > hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mail > img {
  float: left;
  margin-right: 10px;
}
.mail > p {
  line-height: 32px;
}

/****** Mobile Version ****/
@media screen and (max-width: 1224px) {
  body {
    -webkit-text-size-adjust: none;
  }
  /****** Navigation ****/
  #navigation {
    width: 100%;
    height: auto;
    border-left-width: 0px;
    background-color: #1a3657;
    position: static;
  }
  /****** Logo ****/
  #logo_login {
    display: block;
    width: 100%;
    background-color: #1a3657;
  }
  /****** Riegen Menu ****/
  #riegen-inaktiv > li:hover {
    background-color: #1f1f1f;
  }
  /****** Post Type Menu ****/
  #active-top-post-type {
    border-top-width: 1px;
    border-top-color: #486a92;
    border-top-style: solid;
    display: block;
    margin-left: 50px;
    margin-right: 50px;
  }
  #active-top-post-type > a {
    height: 50px;
    display: block;
    font-weight: 300;
  }
  #active-top-post-type > a > img {
    margin-top: 17px;
    float: left;
  }
  #active-top-post-type > a > span {
    font-size: 20px;
    color: #fff;
    margin-left: 20px;
    float: left;
    line-height: 50px;
  }
  .active-post-type {
    display: none;
  }
  #post-types-inaktiv {
    display: none;
    width: 100%;
    background-color: #1f1f1f;
  }
  #post-types-inaktiv > li {
    border-bottom: 1px solid #282828;
  }
  #post-types-inaktiv > li:last-child {
    border-bottom: none;
  }
  #post-types-inaktiv > li:hover {
    background-color: #1f1f1f;
    border: none;
    border-bottom: 1px solid #282828;
  }
  #post-types-inaktiv > li:hover:last-child {
    border-bottom: none;
  }
  #post-types-inaktiv > li > a {
    height: 50px;
    padding-left: 50px;
    font-weight: 300;
  }
  #post-types-inaktiv a:hover {
    padding-left: 50px;
  }
  #post-types-inaktiv > li > a > img {
    margin-top: 17px;
    float: left;
  }
  #post-types-inaktiv > li > a > span {
    font-size: 20px;
    color: #bbbbbb;
    margin-left: 20px;
    float: left;
    line-height: 50px;
  }
  /****** Sub-Menu ****/
  #sub-menu {
    width: auto;
    margin-left: 50px;
    margin-right: 50px;
    border-top-width: 1px;
    border-top-color: #486a92;
    border-top-style: solid;
    background-color: transparent;
  }
  #sub-menu > ul {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  #sub-menu > ul > li {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border: none;
  }
  #sub-menu > ul > li > a {
    color: #486a92;
    padding: 0;
  }
  #sub-menu > ul > li > a:hover {
    background-color: transparent;
    border: none;
    padding: 0;
    color: #486a92;
  }
  #sub-menu > ul > li > a.active-subterm {
    color: #fff;
    font-weight: 400;
    background-color: transparent;
    border: none;
    padding: 0;
  }
  /****** Header ****/
  header {
    display: none;
  }
  .post-type-archive-neuigkeiten header {
    display: block;
    padding: 10px;
    margin: 0;
    background-color: #282828;
  }
  header #riegen,
  header .admin-login {
    display: none;
  }
  .admin-login {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .admin-login img {
    margin: 0;
  }
  /****** Suche ****/
  #searchform {
    margin: 0;
  }
  #search-field {
    margin: 0;
    width: 100%;
    -webkit-appearance: none;
  }
  ::-webkit-input-placeholder {
    /* WebKit browsers */
    font-size: 18px;
    line-height: 25px;
  }
  :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 18px;
    line-height: 25px;
  }
  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 18px;
    line-height: 25px;
  }
  :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    font-size: 18px;
    line-height: 25px;
  }
  /****** Content ****/
  #content {
    padding: 50px;
    padding-bottom: 80px;
    margin: 0;
  }
  /****** Content: Article ****/
  article {
    padding: 40px;
    padding-left: 40px;
  }
  .password-article input[type='submit'] {
    color: #fff;
    background-color: #1a3657;
  }
  .overlay-container.hover .overlay {
    opacity: 0;
  }
  .meisterschaft_tabelle tbody tr:hover {
    background-color: #fff;
  }
  .meisterschaft_tabelle tbody tr:hover td {
    color: #404040;
  }
  .own-team:hover {
    background-color: #1a3657 !important;
  }
  .own-team:hover td {
    color: #fff !important;
  }
  /****** Back to Top ****/
  .back-to-top {
    bottom: 15px;
    left: 50%;
    margin-left: -25px;
  }
  .back-to-top:hover {
    background-image: url(images/up.png);
  }
}

@media screen and (max-width: 782px) {
  /****** Sub-Menu ****/
  #sub-menu {
    margin-left: 25px;
    margin-right: 25px;
  }
  /****** Post Type Menu ****/
  #active-top-post-type {
    margin-left: 25px;
    margin-right: 25px;
  }
  #post-types-inaktiv > li > a {
    padding-left: 25px;
  }
  #post-types-inaktiv a:hover {
    padding-left: 25px;
  }
  /****** Content ****/
  #content {
    padding: 0px;
    padding-bottom: 80px;
  }
  /****** Content: Article ****/
  article {
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  article > h1 {
    margin-left: 0;
    font-size: 24px;
    line-height: 24px;
    padding-top: 10px;
    margin-bottom: 10px;
  }
  article > p {
    clear: left;
  }
  .media-thumbnail {
    float: none;
    margin: 10px auto;
  }
  #seiten {
    margin-left: 25px;
    margin-right: 25px;
  }
  /****** Single Page ****/
  .single-sidebar {
    float: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
  .single-sidebar .media-thumbnail {
    margin: 10px auto;
  }
}

@media screen and (max-width: 496px) {
  /**** Trainings Metabox: UH-Meisterschaften ****/
  .spieler,
  .left-column,
  .right-column {
    width: 100%;
    min-width: 430px;
    padding: 0;
  }
}

@media screen and (max-width: 300px) {
  /****** Site not found ****/
  #not-found {
    width: 300px;
  }
}