/*
Theme Name:         Reverie
Theme URI:          http://themefortress.com/reverie/
Description:        Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
Version:            4.3.1
Author:             Zhen Huang
Author URI:         http://themefortress.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* -------------------------------------------------- 

	This stylesheet will not be loaded in the front
	end by default.
	
	If you are using Sass, the main stylesheet in
	css/style.css and scss/style.scss. Style.scss has
	already loaded the main Foundation Sass and Normalize.
	Start learning Sass today and have fun and enjoy
	customizing Reverie.
	
	If you are using vanilla CSS to customize Reverie,
	go to functions.php line 23 and follow the instruction
	to enable CSS support, then start editing this file.

-------------------------------------------------- */


/* ======================================
	Google Fonts Lokal
	===================================== */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('./fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('./fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('./fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('./fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('./fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('./fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* ======================================
	Google Fonts Lokal - Ende
	===================================== */



/* Start to customize Reverie */
header.row,
.container.row,
.row.full-width {
  background-color: rgba(255, 255, 255, 0.9);
}

h4.subheader, ol.commentlist cite.subheader.fn {
  margin-top: -1em;
}

.page-numbers {
  display: block;
  height: 1.5em;
  margin-left: -0.3125em;
}
.page-numbers li {
  height: 1.5em;
  color: #222222;
  font-size: 0.875em;
  margin-left: 0.3125em;
}
.page-numbers li a {
  display: block;
  padding: 0.0625em 0.4375em 0.0625em;
  color: #999999;
}
.page-numbers li:hover a,
.page-numbers li a:focus {
  background: #e6e6e6;
}
.page-numbers li.unavailable a {
  cursor: default;
  color: #999999;
}
.page-numbers li.unavailable:hover a, .page-numbers li.unavailable a:focus {
  background: transparent;
}
.page-numbers li.current a {
  background: #2ba6cb;
  color: white;
  font-weight: bold;
  cursor: default;
}
.page-numbers li.current a:hover, .page-numbers li.current a:focus {
  background: #2ba6cb;
}
.page-numbers li {
  float: left;
  display: block;
}

.page-numbers li span:hover a,
.page-numbers li span a:focus {
  background: #e6e6e6;
}
.page-numbers li span.current {
  background: #2ba6cb;
  padding: 0.0625em 0.4375em 0.0625em;
  color: white;
  font-weight: bold;
  cursor: default;
}

ol.commentlist {
  margin-left: 0;
  margin-top: 2em;
}
ol.commentlist li {
  list-style: none;
  margin-bottom: 2em;
}
ol.commentlist .comment-author img {
  border-radius: 50%;
  float: left;
  margin: 0 1em 0 0;
}
ol.commentlist .author-meta {
  display: inline-block;
}
ol.commentlist cite.fn {
  margin-right: 0.5em;
}
ol.commentlist section.comment {
  border-style: solid;
  border-width: 1px;
  border-color: #e6e6e6;
  margin-bottom: 1.25em;
  padding: 20px;
  background: white;
}
ol.commentlist section.comment > :first-child {
  margin-top: 0;
}
ol.commentlist section.comment > :last-child {
  margin-bottom: 0;
}
ol.commentlist section.comment h1, ol.commentlist section.comment h2, ol.commentlist section.comment h3, ol.commentlist section.comment h4, ol.commentlist section.comment cite.fn, ol.commentlist section.comment h5, ol.commentlist section.comment h6, ol.commentlist section.comment p {
  color: #333333;
}
ol.commentlist section.comment h1, ol.commentlist section.comment h2, ol.commentlist section.comment h3, ol.commentlist section.comment h4, ol.commentlist section.comment cite.fn, ol.commentlist section.comment h5, ol.commentlist section.comment h6 {
  line-height: 1;
  margin-bottom: 0.625em;
}
ol.commentlist section.comment h1.subheader, ol.commentlist section.comment h2.subheader, ol.commentlist section.comment h3.subheader, ol.commentlist section.comment h4.subheader, ol.commentlist section.comment cite.subheader.fn, ol.commentlist section.comment h5.subheader, ol.commentlist section.comment h6.subheader {
  line-height: 1.4;
}
ol.commentlist a.comment-reply-link {
  float: right;
  position: relative;
  bottom: 1em;
}

ul {
  margin-left: 0;
}

figure {
  margin-bottom: 1.25em;
}

input.prefix.button {
  line-height: 1;
}

#sidebar input.prefix.button {
  line-height: 0.7;
}

img.alignright {
  float: right;
  margin: 0 0 18px 18px;
}

img.alignleft {
  float: left;
  margin: 0 18px 18px 0;
}

img.aligncenter {
  display: block;
  margin: 18px auto;
}

figure.figure {
  margin: 0 auto;
  display: inline-block;
}
figure.figure figcaption {
  padding: 8px 10px;
  color: gray;
  margin-bottom: 1.25em;
}

figure.alignright.figure {
  float: right;
  margin: 0 0 18px 18px;
}

figure.alignleft.figure {
  float: left;
  margin: 0 18px 18px 0;
}


/* =============================================
	Eigene Stylesheets
	============================================ */

/* Typografie */
body {
	font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
}
h1 {
	font-size: 1.875em;
	font-size: 1.688em;
	line-height: 1.3em;
}
h2 {
	font-size: 1.25em;
}
h3 {
	font-size: 1.188em;
}
h4 {
	font-size: 1.125em;
}

.two-sidebars li {
	font-size: 0.875em;
	list-style-type: none;
	border-bottom: 1px solid #DDD;
}
.two-sidebars li:last-child {
	border-bottom: none;
}
/* Style Artikel-text ohne p */

.entry-content {
font-family: inherit;
font-weight: normal;
font-size: 1em;
line-height: 1.6;
margin-bottom: 1.25em;
text-rendering: optimizeLegibility;
}

.mannschaftsuebersichtsseiten p {
	margin-bottom: 0;
}

.event ul, .event ol {
	margin-left: 20px;
}

.post .startseite-schriftgroesse {
	font-size: 0.938em;
}

/* -----------------------------------
	Hintergrundfarbe
	---------------------------------- */
	
.container .row {
	background-color: white;
}
/* -----------------------------------
	Ende Hintergrundfarbe
	---------------------------------- */

.werbebanner-blau {
	background-color: #4aa3df;
}
.djk-rot {
	background-color: #b42016;
}


.container .wrapper-main {
	padding-top: 10px;
}
/* -----------------------------------
	Footer
	---------------------------------- */
.copyright-footer {
	font-size: 0.625em;
}

/* -----------------------------------
	Header 
	---------------------------------- */
.first-row-header {
	background-color: white;
}
.first-row-header ul li a {
	color: #222222;
	font-size: 0.75em;
}
.first-row-header ul {
	margin-bottom: 0;
}
.header-wrapper {
	background-color: #e74c3c;
	background-color: #B42016;
}

	
/* --------------------------------------
	Ende Header
	------------------------------------- */

/* ----------------------------------- */
#sidebar .two-sidebars article.widget {
	margin-bottom: 20px;
}
#sidebar .two-sidebars .sidebar-aussen article.widget ul li {
	padding-bottom: 3px;
	padding-top: 3px;
}

/* Facebook */
.facebook-sidebar p {
	font-size: 0.938em;
}
.facebook-button:hover {
	opacity: 0.6;
}

/* Letzter Spruch */
.ul-letzter-spruch {
	margin-bottom:0px;
}
.letzter-spruch-sidebar hr {
	margin: 3px 0;
}

/* Margin Bottom: Wichige Termine, Letzte Beitraege, Letzte Kommentare, Kategorien `*/
ul#recentcomments, .widget_categories ul, .widget_recent_entries ul, ul.eo-events-widget {
	margin-bottom:0px;
}

/* Gästebuch */
.css_post_embedded .css_post_header3, .css_post_embedded .css_post_header2 {
	width: 30px;
}
.css_post_embedded .css_post_header3 a img {
	margin-top: 5px;
}

#dmsguestbook br {
	display: none;
}
#dmsguestbook div div br {
	display: block;
}
#dmsguestbook div div {
	font-size: 0.938em;
}
#dmsguestbook div div hr {
	margin: 4px 0px;	
}

/* Gästebuch Überschriften nach rechts */
.css_form_namefield, .css_form_emailfield, .css_form_urlfield {
	width: 60% !important;
	float: left !important;
}
.css_form_textfieldspace {
	padding: 20px 0px 0px 0px !important;
}
.css_form_messagefield {
	width: 80% !important;
	float: left !important;
}
.css_form_embedded form div:nth-child(6) {
	clear: both;
}
/* Tag-Cloud */
#tag_cloud-2 div div {
	margin-bottom: 20px;	
}

/* Bilder einfügen */
figcaption {
	font-size: 0.625em;
}

/*.widget_dmsguestbook div.columns {
	border: 1px solid #ACACAC;
}*/

/* ---------------------------------
	Artikel Ueberschriften
	-------------------------------- */

.home .post h2,
h1.entry-title {
	word-wrap: break-word;
}

/* ---------------------------------
	Artikel Thumbnails
	-------------------------------- */
.beitragsbild {
	float: left;
	margin-bottom: 26px;
	margin-right: 1em;
	width: 40%;
}

/* --------------------------------
	Artikel Metadaten
   -------------------------------- */
.artikel-meta-daten {
	 font-size: 0.75em;
}

/* --------------------------------
	YARPP-Thumbnails
	------------------------------- */
.yarpp-thumbnails-horizontal {
	
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail .yarpp-thumbnail-title {
	font-size: 0.75em;
}

/* -------------------------------
	Events
   ------------------------------- */
.eo-event-meta li {
	list-style-type: none;	
}
/* ------------------------------- */
#post- .entry-content ul {
	list-style-type: none;	
}
   
/* -------------------------------
	Spielerverwaltung 
	------------------------------ */
a.link-zu-click-tt {
	margin-left: 15px;
	margin-bottom:8px;
	font-size: 1em;
}
.teamfoto-und-bildunterschrift h2 {
	margin-bottom: 5px;
}
.teamfoto-und-bildunterschrift figure {
	margin-top: 20px;
}	
	
	
.produktrahmen img {
	display: block;
    margin-left: auto;
    margin-right: auto 
}
article .produktrahmen {
	margin-right: 0px;
}

@media only screen and (max-width: 475px) {
	article .produktrahmen {
		width: 100%;
	}
}

@media only screen and (min-width: 768px) {
	article .produktrahmen {
		width: 100%;
	}
}

[data-section='accordion'], .section-container.accordion { 
	margin-bottom: 0;
}
.red_text_ueber_spieler {
	background-color: #B42016 !important;
}
.produktrahmen div div section p a {
	text-align: center;
	color: #B42016 !important;
	font-weight: 600;
}
.produktrahmen div div section div p {
	text-align: center;
	font-size: 0.875em;		
}
.reveal-modal p, .reveal-modal h2 {
	/*text-align: center;*/
}
.reveal-modal img {
	/*display: block;
    margin-left: auto;
    margin-right: auto;*/
}
.div-um-image-spielerverwaltung a img:hover {
	opacity: 0.6;
	-webkit-transition:all .15s linear;
	-moz-transition:all .15s linear;-o-transition:all .15s linear;
	-ms-transition:all .15s linear;
	-o-transition: all .15s linear;
	transition:all .15s linear;
}
.section-container.accordion > section > .title:hover {
	background-color: #B42016;
	-webkit-transition:all .15s linear;
	-moz-transition:all .15s linear;-o-transition:all .15s linear;
	-ms-transition:all .15s linear;
	-o-transition: all .15s linear;
	transition:all .15s linear;
}
.section-container.accordion > section > .title a:hover {
	color: white !important;
	-webkit-transition:all .15s linear;
	-moz-transition:all .15s linear;-o-transition:all .15s linear;
	-ms-transition:all .15s linear;
	-o-transition: all .15s linear;
	transition:all .15s linear;
}
.bold {
	font-weight: 600;
}

.team-bildunterschrift {
	background-color: #2C3E50;
	/*border: 1px solid #ACACAC;*/
	margin-bottom: 0px;
}
.teamfoto-und-bildunterschrift .team-bildunterschrift p {
	padding: 0.5em !important;
	margin-bottom: 0;
	font-size: 1.125em;
	color: white;
}
.teamfoto-und-bildunterschrift h2 {
	padding-left: 15px;
}
.team-header h1 {
	padding-left: 15px;
}
.figure .figcaption {
	margin-bottom: 0;
}
figure.figure {
	border: 1px solid #ACACAC;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
}

.reveal-modal p {
	margin-bottom: 5px;
}

/* -------------------------------
	Artikel Tabellen
	------------------------------ */
article.post table, .page table {
	font-size: 0.688em;
	/*font-size: 0.5em;*/
	width: 100%;
}
article.post table tr th {
	text-align: left;
}

/* Artikel Inhalt */
article.post div.entry-content {
	overflow:hidden;
}

/* Artikel Footer */
.post .artikeluebersicht-post-footer {
	border-top: 1px solid #dddddd;
	padding-bottom: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.post footer {
	margin-top: 5px;
	padding-bottom: 20px;
	/*margin-bottom: 20px;*/
	clear: both;
}
.post footer p {
	margin-bottom: 5px;
	font-size: 0.75em;
}
.yarpp-related {
	border-bottom: 1px solid #DDD;
	padding-bottom: 25px;
}
.post footer .schlagworte-kategorien {
	margin-top: 25px;
	padding-bottom: 20px;
	padding-top: 25px;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	margin-bottom: 40px;
}
.next-prev-article {
	font-size: 0.75em;	
}
.single-prev-next {
	margin-top: 10px;
}

/* -------------------------------------------------------
	Listen Einrückung nach rechts in Artikeln und Seiten
	------------------------------------------------------ */
.post .entry-content ul li, .page .entry-content ul li, .page .entry-content ol li, .post .entry-content ol li {
	margin-left: 26px;
}

/* Textabschnitte Minimieren bei Trainingshallen */
.post-41 p {
	margin-bottom: 0px;
}

/* Letzter Spruch Seite */
.letzter-spruch li {
	list-style-type: none;
	padding-bottom: 0px;
	border-bottom: 1px solid #DDD;
	margin-bottom: 13px;
	padding-top: 2px;
	margin-left: 0 !important;
}
ul.letzter-spruch li p.letzter-spruch-meta {
	font-size: 0.75em;
	margin-bottom: 10px;
}
ul.letzter-spruch li h2 {
	margin-bottom: 0px;
}

/* -------------------------------
	Bildergallerie
   ------------------------------- */
.gallery {
	margin: auto;
 }
.gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 25%;
	margin-bottom: 0px;
	margin-top: 0px;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-caption {
	margin-left: 0;
	font-size: 0.625em;
}
.gallery img { 
	-webkit-box-shadow: 4px 4px 7px 0px #999999;
	box-shadow: 4px 4px 7px 0px #999999; 
	-webkit-transition:all .15s linear;
	-moz-transition:all .15s linear;-o-transition:all .15s linear;
	-ms-transition:all .15s linear;
	-o-transition: all .15s linear;
	transition:all .15s linear;
 }
 .gallery img:hover {
   opacity:0.7; filter:alpha(opacity=40);
 }

/* -------------------------------
	Werbebanner
   ------------------------------- */
   
   /* Werbebanner im Artikel */
.banner_im_artikel {
	margin-right: 1em;
	margin-bottom: 0.875em;
	border: 1px solid #2c3e50;
	border: 1px solid #ACACAC;
	float: left;
}
.banner_im_artikel img:hover {
	opacity: 0.6;
	-webkit-transition:all .15s linear;
	-moz-transition:all .15s linear;-o-transition:all .15s linear;
	-ms-transition:all .15s linear;
	-o-transition: all .15s linear;
	transition:all .15s linear;
}
.banner_im_artikel img {
	padding:0.5em;
}
.text_ueber_werbung {
	padding: 0.5em;
	padding-bottom: 0.438em;
	padding: 5px;
	padding-bottom: 5px;
	font-weight:bold;
	/*background-color: #4aa3df;*/
	text-align: center;
	/*margin-bottom:0.5em;*/
	font-size: 0.75em;
	font-size: 12px;
	color: white;
	font-weight:300;
	line-height: 11px;
}
.green-banner {
	background-color: #27AE60;
}


.two-sidebars .banner_im_artikel {
		margin-right: 0;
		margin-bottom: 1.25em;
		width: 100%;
		text-align: center;
		
		
}
.two-sidebars .tt-schule-banner .text_ueber_werbung {
		/*background-color: #e74c3c;*/
		color: white;
}
#sidebar .two-sidebars {
	margin-top: 10px;
}

/* ===============================
	tagcloud
	============================== */
.tagcloud a {
	word-wrap: break-word;
}

#recent-comments-2 a {
	word-wrap: break-word;
}

/* Kategorien */
.widget_categories ul li a {
	word-wrap: break-word;
}

/* ===============================
	letzte Beitraege
	============================== */
	
.widget_recent_entries ul li a {
	word-wrap: break-word;
}

/* ===============================
	Events Widget
	============================== */
	
.eo-events-widget li a {
	word-wrap: break-word;
}

/* =============================================
	Navigation Beginn
	============================================ */
.contain-to-grid {
	/*margin-bottom: 30px;*/
}

@media only screen and (min-width: 768px) {
	.top-bar-section li a:not(.button) {
		padding: 0px 14px; 
	}
	.top-bar-section .dropdown li a {
		padding: 7px 15px;
	}
}

/* =============================================
	social_share_privacy
	============================================ */
.social_share_privacy {
	margin-top: 40px;
	padding-top: 10px;
	border-top: 1px solid #DDD;
}
	

/* ============================================= */
/* Mediaqueries */
/* ============================================= */

@media only screen and (min-width: 1171px){
	/* Form-Widget */
	.widget_search {
		display: none;
	}
	
	#sidebar {
	font-size: 0.875em;
}
}

/*@media only screen and (min-width: 1170px) {
	.top-bar-section li:nth-child(2) a:not(.button) {
		padding-left: 0;
	}
}*/

@media only screen and (min-width: 768px) {
	.top-bar .title-area li.name h1 {
		display: none;
	}
	.top-bar-section ul.left li.divider:first-child {
		display: none;
	}
	img.logo_in_mobile_navi {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	img.logo_in_mobile_navi {
		margin-top: 4px;
		padding-left: 0.9375em;
	}
	
	.header-wrapper img {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1000px){	
	.top-bar-section ul li > a {
		font-size: 0.75em;		
	}
}

@media only screen and (min-width: 768px) and (max-width: 1170px){	
	article.post table {
		display: none;
	}
	body {
		font-size: 85%;	
	}
	
	/*Form */
	.top-bar-section ul.right {
		display: none;
	}
}
@media only screen and (max-width: 680px){
	article.post table {
		display: none;
	}
}

/* Farben */
a {
	color: #B42016;
}
button, .button {
	background-color: #B42016;
	border-color: #B42016;
}
.two-sidebars .tt-schule-banner .text_ueber_werbung {
	/*background-color: #B42016;*/
}

/*a {
	color: #CE2828;
}
button, .button {
	background-color: #CE2828;
	border-color: #CE2828;
}
.two-sidebars .tt-schule-banner .text_ueber_werbung {
	background-color: #CE2828;
}
.header-wrapper { 
	background-color: #CE2828;
}*/



/*Größere Menüschrift*/
.top-bar-section ul li > a {
	font-size: 0.875em;
}

@media only screen and (min-width: 781px) and (max-width: 865px){
	.top-bar-section ul li > a {
		font-size: 0.75em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 780px){
	.top-bar-section ul li > a {
		font-size: 0.7em;
	}
}

/* ========================
 Shariff Wrapper
 ========================== */

.ShariffSC {
	clear: both;
	/*padding-top: 3rem;*/
	margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #DDD;
}

.event .ShariffSC {
	margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #DDD;
}

.ShariffHeadline {
	font-weight: bold;
}
 
.shariff {
	clear: both;
}

/* ==========================
	Newsticker
	========================= */

.newsticker-header {
	background-color: white;
	font-size: 0.938em;
}

.newsticker-header .row {
	max-width: 1170px;
}

.newsticker-header .mtphr-dnt-scroll-left .mtphr-dnt-tick,
.newsticker-header .mtphr-dnt-scroll-right .mtphr-dnt-tick {
	top: 3px;
}

@media only screen and (min-width: 768px) {
	.newsticker-header .mtphr-dnt-scroll-left .mtphr-dnt-tick,
	.newsticker-header .mtphr-dnt-scroll-right .mtphr-dnt-tick {
		top: 6px;
	}
}

@media only screen and (min-width: 1171px) {
	.newsticker-header .mtphr-dnt-scroll-left .mtphr-dnt-tick,
	.newsticker-header .mtphr-dnt-scroll-right .mtphr-dnt-tick {
		top: 4px;
	}
}


/* =================================================================
	Änderungen 2019-10
   ================================================================= */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.tablet-67 {
		width: 67%;
	}

	.tablet-33 {
		width: 33%;
	}
}

section.container {
	background-color: #b42016;
}

.row,
.contain-to-grid .top-bar {
	max-width: 81em;
}

@media only screen and (min-width: 768px) {
	.columns {
	    padding-left: 1.8rem;
	    padding-right: 1.8rem;
	}

	.row .row {
		margin-left: -1.8rem;
	    margin-right: -1.8rem;
	}

	.container .wrapper-main {
	    padding-top: 30px;
	}
}

/* Header */

@media only screen and (min-width: 768px) {
	.header-wrapper header {
		height: 189px;
		position: relative;
	}
	.header-image-players {
		bottom: 0;
		margin-left: 9%;
		position: absolute;
	}

	.logo-header {
		position: relative;
		margin: 50px 0;
		margin-left: 15px;
	}

}	

.first-row-header {
    background-color: #b42016;
}
@media only screen and (min-width: 768px) {
	.first-row-header {
    	background-color: #73140E;
	}
}

.first-row-header ul li a {
	color: #fff;
	margin: 3px 0;
}
@media only screen and (min-width: 768px) {
	.first-row-header ul li a {
		margin: 20px 0;
	}
}

.first-row-header ul li a:hover,
.first-row-header ul li a:focus {
	/*color: #e82b1e;
	color: #ddd;*/
	opacity: 0.85;
}

.first-row-header .columns {
	padding-left: 14px;
}

.first-row-header .social-media-header ul li a {
	margin: 0;
}

.social-media-header {
	align-items: center;
	height: 60px;
	padding-right: 15px;
}

@media only screen and (max-width: 767px) {
	.social-media-header {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.social-media-header {
		display: flex;
		justify-content: flex-end;
	}
}

.social-media-header ul {
	align-items: right;
}


.social-media-header a svg {
	height: 41px;
	width: 41px;
	fill: #fff;
}
.social-media-header a svg:hover,
.social-media-header a svg:focus {
	opacity: 0.85;
}
.social-media-header a {
	line-height: 1;
}


header.row {
    background-color: #b42016;
}

/* Navigation */

.contain-to-grid,
.top-bar,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section ul,
.top-bar-section .has-form {
	background-color: #73140E;
}

.top-bar-section li a:not(.button):hover,
.top-bar-section li a:not(.button):focus,
.top-bar-section ul li:hover > a,
.top-bar-section ul li:focus > a {
	background-color: #b42016;
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
    border-right: solid 1px #FFD7D4;
    border-left: solid 1px #73140E;
}

.top-bar.expanded .title-area {
	background-color: #73140E;
}

.top-bar.expanded .toggle-topbar a {
	color: #fff;
}

.top-bar.expanded .toggle-topbar a span {
    -webkit-box-shadow: 0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff;
    box-shadow: 0 10px 0 1px #fff,0 16px 0 1px #fff,0 22px 0 1px #fff;
}

@media only screen and (max-width: 767px) {
	.newsticker-header {
    	font-size: 11px;
	}
	.mtphr-dnt-tick-container .mtphr-dnt-tick-contents {
		padding: 3px 0 !important;
		height: 18px !important;
	}

	.menu-kopfnavigation li {
		margin-left: 1em;
	}
	.first-row-header ul li a {
		font-size: 11px;
		padding: 2px 0;
	}
	.top-bar {
		height: 54px;
	}
	.top-bar .name {
    	height: 54px;
    }
    img.logo_in_mobile_navi {
    	margin-top: 9px;
    }
}

/* DJK RuleZ Sidebarbanner */

.djk-rulez-sidebarbanner {
	border: 10px solid #b42016;
	margin-bottom: 1.25em;
	padding-left: 10px;
	padding-right: 10px;
}

.sidebar-rulez-banner-wrapper {
	display: flex;
	justify-content: center;
}

.djk-rulez-sidebarbanner img {
	margin: 30px 0.5em 25px;
}

.djk-rulez-sidebarbanner .sidebar-sm-rulez-banner {
	display: flex;
	justify-content: center;
}

.djk-rulez-sidebarbanner .sidebar-sm-rulez-banner li {
	border-bottom: none;
}

.djk-rulez-sidebarbanner .sidebar-sm-rulez-banner li:first-child {
	margin-left: 1.375em;
}

.sidebar-sm-rulez-banner svg {
	fill: #b42016;
}

@media only screen and (min-width: 1220px) {
	.sidebar-sm-rulez-banner svg {
		width: 51px;
		height: 51px;
	}

	.djk-rulez-sidebarbanner .sidebar-sm-rulez-banner li {
		margin-left: 2em;
	}
}

.sidebar-sm-rulez-banner a:hover svg,
.sidebar-sm-rulez-banner a:focus svg {
	fill: #73140E;
}

/* Sidebare */

.banner_im_artikel {
	border-color: #b42016;
}

/* Post Thumbnail */

.entry-content .attachment-post-thumbnail,
.entry-content .attachment-single-article-thumbnails {
	width: 100%;
	margin-bottom: 1em;
}

/* Teamseiten */

.team-header h1 {
	padding-left: 0;
}

.teamfoto-und-bildunterschrift figure {
	display: block;
	width: 100%;
}
.teamfoto-und-bildunterschrift figure img {
	width: 100%;
}

.teamfoto-und-bildunterschrift h2,
article .teamseite-mafue-team-ueberschriften {
	padding-left: 0;
	padding-right: 0;
}

article .mannschaftsfuehrer-bild {
 	margin-left: 0 !important;
 	margin-right: 0 !important;
 	padding-left: 0;
 	padding-right: 0;
}

.gesamtProduktRahmen {
	padding-left: 0;
}

.mannschaftsfuehrer-bild .gesamtProduktRahmen {
 	padding-left: 0;
}

.teamfoto-und-bildunterschrift .link-zu-click-tt,
.teamfoto-und-bildunterschrift figure {
	margin-left: 0;
	margin-right: 0;
}
.mannschaftsfuehrer-bild {

}

/* Sidebar */

.widget.EO_Event_List_Widget h6 {
	font-size: 1.286em;
	margin-bottom: 0.2em;
}

/* Footer */

.footer-wrapper {
	background-color: #73140E;
}

.copyright-footer p {
	margin-top: 1.25em;
}

/* Typografie */

@media only screen and (min-width: 768px) {
	h2 {
		font-size: 1.8em;
	}

	.startseite-schriftgroesse p {
		font-size: 1.125em;
	}

	/* Content */

	.beitragsbild a img {
		width: 100%;
	}

	.beitragsbild {
	    margin-right: 2.5em;
	}

	.more-link {
		display: block;
		margin-top: 1.2em;
	}
}



/* ==================================================
 * Werbebanner Umbau 2020-09
 * ================================================== */

/* Sidebar Skyscraper */

.sport-widget a {
	display: flex;
  justify-content: center;
}
#skyscraper-sidebar {
	line-height: 8px;
}
#skyscraper-sidebar:after {
	content: 'Werbung';
	font-size: 8px;
	display: flex;
	justify-content: center;
}
@media (min-width: 768px) {
	.sport-widget a {
		display: flex;
		justify-content: left;
	}
	#skyscraper-sidebar:after {
		display: flex;
		justify-content: left;
	}
}
.sport-widget a:hover,
.sport-widget a:focus {
	opacity: 0.9;
}

@media (min-width: 1578px) {
	.sport-widget {
		position: absolute;
		top: -60px;
		right: -112px;
	}
	.sport-widget .columns {
		padding: 0;
	} 
	.widget.sport-widget {
		background-color: #B42016;
	}
	#skyscraper-sidebar:after {
		color: rgba(255,255,255,0.8);
		float: right;
		margin-top: 1px;
	}
}

/* Header Superbanner */

#superbanner-wrap .sport-header-superbanner:after {
	content: 'Werbung';
	font-size: 8px;
	float: right;
	color: rgba(255,255,255,0.8);
	margin-top: 1px
}

#superbanner-wrap,
#superbanner-wrap a {
	display: flex;
  justify-content: center;
  align-items: center;
}

#superbanner-wrap a:hover,
#superbanner-wrap a:focus {
	opacity: 0.9;
}

#superbanner-wrap {
  background-color: #b42016;
	padding-top: 5px;
	padding-bottom: 5px;
	padding: 15px 15px 6px 15px;
	z-index: 9;
}
@media (min-width: 768px) {
	#superbanner-wrap {
		padding: 20px 0px 11px 0;
	}
}

/* Banner in Loop */

.fullbanner-add-group-in-loop {
	/*width: calc(100% + 35px);*/
	position: relative;
}

.fullbanner-add-group-in-loop:after {
	content: 'Werbung';
	font-size: 8px;
	margin-top: 1px;
	display: block;
	/*position: relative;
	bottom: -36px;
	right: 34px;*/
	position: absolute;
	bottom: -8px;
	right: 0px;
}
/*
@media (min-width: 321px) {
	.fullbanner-add-group-in-loop:after {
		bottom: -9px;
	}
}
@media (min-width: 345px) {
	.fullbanner-add-group-in-loop:after {
		bottom: -45px;
	}
}
@media (min-width: 386px) {
	.fullbanner-add-group-in-loop:after {
		bottom: -50px;
	}
}
@media (min-width: 420px) {
	.fullbanner-add-group-in-loop:after {
		bottom: -55px;
	}
}
@media (min-width: 460px) {
	.fullbanner-add-group-in-loop:after {
		bottom: -60px;
	}
}*/

@media (min-width: 500px) {
	.fullbanner-add-group-in-loop {
	  width: calc(100% + 35px);
	}
	.fullbanner-add-group-in-loop:after {
		display: block;
		position: relative;
		bottom: -59px;
		right: 34px;
	}
}
@media (min-width: 768px) {
	.fullbanner-add-group-in-loop:after {
		bottom: -56px;
	}
}
@media (min-width: 863px) {
	.fullbanner-add-group-in-loop:after {
		bottom: -59px;
	}
}

.fullbanner-add-group-in-loop {
	display: flex;
	justify-content: center;
	margin: 0em 0 2.7em 0;
}
@media (min-width: 500px) {
	.fullbanner-add-group-in-loop  {
		margin: 3.6em 0 3.6em 0;
		margin: 2.3em 0 2.3em 0;
	}
}
@media (min-width: 768px) and (max-width: 862px) {
	.fullbanner-add-group-in-loop {
		justify-content: flex-end;
		max-width: 469px;
		margin-left: 1.8em;
	}
}
@media (min-width: 863px) {
	.fullbanner-add-group-in-loop a {
		padding-left: 1.8em;
	}
}

.fullbanner-add-group-in-loop a:hover,
.fullbanner-add-group-in-loop a:focus {
	opacity: 0.8;
}

.post .artikeluebersicht-post-footer {
	border-top: none;
	margin-bottom: 0.95em;
}

@media (min-width: 768px) {
		.post .artikeluebersicht-post-footer {
		display: none;
	}
}
	
/* Posts */

@media (min-width: 768px) {
	article.post {
		padding: 3.1em 3.6em 3.1em 3.6em;
		margin: 1.8em 0 1.8em 1.8em;
	}	
	article.post,
	article.post .entry-content {
		background-color: #efefef;
		background-color: #efefef;
	}
		.home .artikeluebersicht-post-footer {
		display: none;
	}
}

/* Single Post */

@media (min-width: 768px) {
	.single-prev-next-top,
	.next-prev-article-top,
	.single-prev-next-top-under {
			margin-left: 1.8rem;
	}
	.single-post .single-post-pre-nav-wrap {
		margin-top: 28px;
	}
}

/* Sidebar Anpassung an Posts */

#sidebar .two-sidebars {
	margin-top: 1.8rem;
}

/* Farben umgedreht */

@media (min-width: 768px) {
	.row.wrapper-main,
	.row.two-sidebars,
	.row.two-sidebars .widget,
	.row.two-sidebars .widget_search .row.collapse{
		/*background-color: #f3f3f3;*/
		background-color: #f1f1f1;
	}
	article.post,
	article.post .entry-content,
	.djk-rulez-sidebarbanner,
	.banner_im_artikel {
		background-color: #fff;
	}
}

@media (min-width: 1578px) {
	.row.two-sidebars .widget.sport-widget {
		background-color: transparent;
	}
}

.contain-to-grid {
	position: -webkit-sticky; /* Safari */
	position: sticky;
  	top: 0;
  	z-index: 9999;
}

/* ==================================================
 * Werbebanner Umbau 2020-09 - Ende
 * ================================================== */