/*
 Theme Name:   rsf-theme
 Description:  RSF Theme basierend auf dem twenty-seventeen-theme
 Author:       Arne
 Author URI:   http://www.roter-stern-flensburg.de
 Template:     twentyseventeen
 Version:      1.0
 Text Domain:  rsf-theme
*/



@import url('https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,400,500,900');
@import url('https://fonts.googleapis.com/css?family=Anonymous+Pro');
@import url('https://fonts.googleapis.com/css?family=Arvo:400,400i,700,700i');


.sport1-menu li {
    padding: 10px;
    color: white;
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: block;
}

.sport1-menu a {
    color: white;
    font-weight: 300; 
    font-size: 14px;
}

.sport1-menu a:hover {
    color: #e30613;
    font-weight: 300; 
    font-size: 14px;
}

.wrapSport1 {
  display: none;
  padding-bottom: 0em;
}

.sport1menu {
  background-color: #e30613;
}

ul#menu-sport1 {
  margin-bottom: 0px;
}


@media screen and (min-width: 51em) {
    .sport1-menu ul {
        list-style-type: none;
        list-style: none;
        list-style-image: none;

    }

    .sport1-menu li {
        padding: 10px;
        display: block;
        color: white;
        padding-bottom: 0px;
        margin-bottom: 0px;
        font-size: 14px;

    }

    .sport1-menu a {
        color: white;
        font-weight: 300; 
        font-size: 14px;
    }

    .wrapSport1 {
      padding-bottom: 0em;
        padding-top: 0.6em;

        display:flex;
    }

    .sport1menu {
      background-color: #e30613;
    }

    ul#menu-sport1 {
      margin-bottom: 0px;
    }
}


.fl-fl { 
  background: black;
  letter-spacing: 3px;
  padding: 4px;
  width: 225px;
  position: fixed;
  right: -185px;
  z-index: 1000;
  font: normal normal 10px Arial;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.fl-fl:hover {
  right: 0;
}

.fl-fl a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 43px!important;
  vertical-align: top !important;
  font-size: 11px;
  font-family: 'Roboto';
}

.float-mail {
  top: 60px;
}

.float-fb {
  top: 120px;
}

.float-ig {
  top: 180px;
}

@media screen and (max-width: 48em) { 
  .fl-fl {
    display: none;
  }
}

@media screen and (min-width: 67em) {

  .fl-fl{
    padding-top: 0px;
    padding-bottom: 0px;
    position: fixed;
    width: 210px;
  }

  .rectSVG {
    width: 30px; 
    height: 30px;
  }

  .fl-fl a {
    line-height: 31px!important;
  }

  .float-mail {
    top:35px;
  }

  .float-fb {
    top: 75px;
  }

  .float-ig {
    top: 115px;
  }

  .fl-fl {
    right: -170px;
  }

  path.st1:hover , .fl-fl:hover{
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
  } 

}





#homewrap {
  padding-top: 0px;
}


.sliderContainer { 
    position: relative;
    width: 550px;
    left:50%;
    margin-left:-500px;
  }


.site-title a, .colors-dark .site-title a, .colors-custom .site-title a, body.has-header-image .site-title a, body.has-header-video .site-title a, body.has-header-image.colors-dark .site-title a, body.has-header-video.colors-dark .site-title a, body.has-header-image.colors-custom .site-title a, body.has-header-video.colors-custom .site-title a, .site-description, .colors-dark .site-description, .colors-custom .site-description, body.has-header-image .site-description, body.has-header-video .site-description, body.has-header-image.colors-dark .site-description, body.has-header-video.colors-dark .site-description, body.has-header-image.colors-custom .site-description, body.has-header-video.colors-custom .site-description {
    color:white;
    font-size:26px;
    font-family: 'Arvo';
    font-weight: 700;
  }

.site-description{ 
    color:white;
    font-family: 'Sedgwick Ave Display', cursive;
    font-size:20px;
    font-style: normal;
    font-weight: 400;
}

.custom-logo-link img{
    display: inline-block;
    max-height: 100px;
    width: auto;
}


.site-header{
  background-color:#e30613;
}

.navigation-top {
	background-color:black;
	border-style:none;
	border-bottom: 0px solid rgb(220,220,220);
  border-top: 0px solid rgb(220,220,220);

}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
  color:white;
}


.main-navigation ul {
    background: black;
    list-style: none;
    margin: 0;
    padding: 0 1.5em;
    text-align: left;
}

.main-navigation a:hover {
  color:#e30613;
}



.main-navigation a {
    color:white;
    padding: 1em 1.25em;
    padding-top: 1em;
    padding-right: 1.25em;
    padding-bottom: 1em;
    padding-left: 1.25em;
    text-transform: none;
}

.navigation-top a {
    color: white; 
   -webkit-transition: color 0.2s;
    transition: color 0.2s;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;   
    font-size: 14px;
    padding-top:0.5em;
    padding-bottom:0.5em;
    text-transform: uppercase;
    background-color: black;
}

.sub-menu a:hover {
  background-color: #e30613;

}
.main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus {
    color: white;
    background-color: #e30613;
    text-transform: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;

}

.main-navigation ul ul {
    background: black;
    border:0px solid #bbb;

}

.toggled-on > .menu-item > a:hover, a:active {
  background-color: black;
} 

.toggled-on > .menu-item > a:hover {
  color:#e30613;
} 

.toggled-on > li.menu-item {
   border-bottom: 1px solid #bbb;

} 

.toggled-on > li.menu-item:last-of-type {
   border-bottom: 0px solid #bbb;

} 

.menu-toggle {
  color:white;
}

.site-branding {
    padding: 1.5em 0;
}

.dropdown-toggle{
  color:#e30613;
} 

@media screen and (max-width: 51em) {
    .site-title a, .colors-dark .site-title a, .colors-custom .site-title a, body.has-header-image .site-title a, body.has-header-video .site-title a, body.has-header-image.colors-dark .site-title a, body.has-header-video.colors-dark .site-title a, body.has-header-image.colors-custom .site-title a, body.has-header-video.colors-custom .site-title a, .site-description, .colors-dark .site-description, .colors-custom .site-description, body.has-header-image .site-description, body.has-header-video .site-description, body.has-header-image.colors-dark .site-description, body.has-header-video.colors-dark .site-description, body.has-header-image.colors-custom .site-description, body.has-header-video.colors-custom .site-description {
        font-size:0px;
    }

    p.site-description{
        font-size:0px;

    }

    .custom-logo-link {
      max-height: 90px;
      width: 90px;
      left:50%;
      position: relative;
      margin-left: -40px;

    }    

    .custom-logo-link img{
      max-height: 120px;
      width: auto;
    }

    .site-branding{
      padding-bottom: 1em;
      padding-top: 1em;
    }



}



p {
  font-family: 'Roboto', sans-serif;
	color:black;

}


h1,h2,h3,h4 {
    font-family: 'Arvo';
    font-weight:700;
    color:black;
}

div.seco h2{
  color:white;
  background-color:#e30316;
  padding:5px;
}

a {
  color:#e30613;
  text-decoration: none;
  box-shadow:none;
  -webkit-box-shadow:none;
}

.entry-content a {
  box-shadow: none;
}

#homeHeader, .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title , h2.widget-title{
    font-family: 'Arvo';    
    font-weight:400;
    font-style: normal;
    color:black;
    font-size: 24px;
    text-transform:none;
    border-bottom: 0px solid black;
    padding-top: 5px;
    padding-bottom: 50px;
    text-align: left;
    letter-spacing: 0.1818em;

}

#homeHeader {
  font-size: 26px;
  color: white;
  background-color: #e30613;
  font-family: 'Arvo';
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.1em 0.4em 0.1em 0.4em;
  margin-bottom: 40px;
}

h2.widget-title {
    font-size: 16px;
    font-style: normal;
    padding-bottom: 0px;
    text-transform: none;
}


button,input,button, input[type="button"], input[type="submit"] {
  font-family: 'Roboto';
  background-color: #e30613;
}


.seitenmenu {
  list-style-type: none;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.seitenmenu li{
  float:left;
  color:white;
  font-weight: 700;
  background-color: black;  
  margin:0px 1em 1em 0em;
  width:150px;
  text-align: center;
  border-radius:3px;
  display: block;
  padding: 3px 0px 3px 0px;

}

.seitenmenu li a {
  color:white;
  font-weight: 800;
  font-size: 14px;
  text-align: center;
  text-decoration-line: none;
  text-decoration: none;
  display:inline-block;
  text-transform: uppercase;
  -webkit-box-shadow: none;

}


.seitenmenu li a:hover, .widget ul li a:hover {
   -webkit-transition:box-shadow 0.25s;
     box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0), 0px 2px 0px rgb(0,0,0);
 -webkit-transition:box-shadow 0.25s;
  color:black;
  -webkit-transition:color 0.25s ease;

}

.seitenmenu li:hover{
  background-color:#e30613;
  -webkit-transition: background-color 0.25s ease;

}

.seitenmenu button {
  color:white;
}

.widget ul li a{
  box-shadow: none;  
  display:inline-block;

}

.widget ul li {

}

ul.trainzeiten {
  list-style:none;
  color: #4c4b4b;

}

.trainzeiten strong{

  font-size:0.90em;
  text-transform: uppercase;
}

.lastofLi {
  margin-bottom: 15px;
}

.trainzeiten li:before{
  padding-left: 0.5em;
  padding-top: 0.5em;
  font-weight: 700;
}

.trainzeiten li{
  font-family: 'Roboto';
  font-weight: 400;
  list-style:none;

}



.site-content{
   font-family: 'Roboto', sans-serif;
}

h2.site-content{
   font-family: 'Arvo';
}



.site-content a:focus { 
  background-color:white;
}

.seitenmenu a:focus{ 
  background-color:#e30613;
}


.home-content{
  padding-top: 55px;
}

.homeSlider {
    border-bottom: 3px solid #e30613;
    border-top: 0px solid #e30613;
    padding: 0px
}




.single-featured-image-header {
    background-color: #000;
    border-bottom: 2px solid #e30316;
    max-height:550px;
}





.entry-meta a {
  color:black;
  font-family: 'Roboto', sans-serif;
  text-transform: none;
  margin-bottom: 1em;
  font-weight: 400;

}

.entry-meta {
  color:black;
  text-transform: none;
  font-family: 'Roboto', sans-serif;
  margin-top: 25px;
}

.entry-title a  {
    color: white;
    background-color: #e30613;
    text-decoration: none;
    margin-left: -2px;
    margin-top: 2px;
    margin-bottom: 0px;
    margin-right:10%;
    font-family: 'Arvo';
    font-weight: 700;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgb(0,0,0);
    padding: 0px 10px 5px 10px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    text-transform: none;

}



.entry-title a:focus {
   background-color: #e30613;

}

@media screen and (min-width: 51em) {
 h3.entry-title a  {
    font-size: 1.0em;
    padding: 0px 10px 0px 10px;
    line-height:1.0em;
    word-wrap: normal;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }



}


a {
  color: #e30613;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;

}

.single-post .entry-title, .page .entry-title, .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title,.entry-content .flex-cont h2  {
    color:white;
    text-decoration: none;
    margin-left: -2px;
    font-family: 'Arvo';    
    font-weight: 700;
    text-transform:uppercase;
    background-color: #e30613;
    padding:0.1em 0.4em 0.1em 0.4em;
    margin-bottom: 20px;
    font-size:1.7em;
}

.entry-content .flex-cont h2{
  width: 100%;
  font-size:1.2em;
  font-weight: 700;
  text-transform: none;
}

@media screen and (max-width: 31em) {
  .single-post .entry-title, .page .entry-title, .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
      font-size:1.2em;
  }
}

.page .entry-title .page-title .entry-title {
      font-size: 2.0em;

}

.blog .entry-meta a.post-edit-link, .archive .entry-meta a.post-edit-link, .search .entry-meta a.post-edit-link {
    color: #e30613;
    display: inline-block;
    margin-left: 1em;
    white-space: nowrap;
    text-transform: uppercase;
}


.post-thumbnail {
  height:100%;
}


a {
  color: #e30613;
  text-decoration: none;
}

a.more-link, a.more-link:visited, a.more-link:active  {
  color:#e30316;
  background-color:white;
  padding:5px 10px 5px 10px;
  border-radius: 3px;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgb(0,0,0);
  border:solid 2px #e30316;
  font-weight: 400;

}

.entry-content .more-link::before {
    content:none;
}

a.more-link:hover, a.more-link:visited, a.more-link:active {
  color:white;
  background-color: #e30613;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgb(0,0,0);
  border-bottom:solid 2px #e30613;
  font-weight: 600;


}

.post-fl {
  margin-bottom: 2em;
  border-top: solid 3px #e30316;

}

.entry-bundle {
  position: relative;
  top: -50px;    
}



 h2.widget-title{
  font-family: "Arvo";
  font-weight: 400;
  padding-top: 0px;

}

.post-cat {
  color:white;
  font-size: 14px;
  background-color: black;
  padding: 5px 15px 5px 15px;
  margin-left: -2px;
  text-transform: uppercase;
  position: relative;
  top:-10px;
}

.post-cat:hover {
  color:white;

}

.post-time{
  margin-bottom: 0px;
}


@media screen and (min-width: 51em) {
    .post-fl {
      width:48%;
      float:left;
      margin-left:4%; 
      margin-bottom: 0em;

    }
    .post-fl:nth-child(odd){
      margin-left:0;
      clear:both;
    }

     .post-fl:nth-child(2)> .entry-bundle {
   
  }

   .post-cat {
      font-size: 12px;
      top:-4px;
    }

    .entry-bundle {
      position: relative;
      top: -70px;    
    }
}

.owl-item {
  text-align: center;
    border-radius: 3px;

} 

.owl-item ul.trainzeiten {
  margin-left: 0px;
  padding: 0px;
  background-color: transparent;
  text-align: center;
  border-width: 0px;
} 

.owl-item ul li {
  padding: 0px;
} 


.owl-item h4{
  font-family: 'Arvo';
  font-weight: 700;
  color:white;
  background-color: #e30613;
  padding: 5px 10px 5px 10px;
  text-transform: uppercase;
  font-weight: 900;
  font-size:1.3em;
}


.owl-item a{
  color: black;
  font-weight: 600;
}

.single-featured-image-header img {
  width:auto;
  max-height: 547px;
}

/*
//////////////////////////////////////////////////////////////FOOTER
*/

#colophon {
  background-color: black;
}

.site-footer > .wrap > .widget-area > .widget-column > section > h2 {
  color: white;
}

.site-footer > .wrap > .widget-area > .widget-column > section > ul > li > a {
   font-family: "Roboto";
   text-decoration: none;
   color: white;
   box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgb(0,0,0);
}

.site-footer > .wrap > .widget-area > .widget-column > section > ul > li > a:hover {
   font-family: "Roboto";
   text-decoration: none;
   color: #e30613;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 #e30613;
}

.site-footer > .wrap > .widget-area > .widget-column > section > ul > li {
  border:0px solid red;
}

.site-footer > .wrap > .widget-area > .widget-column > section > h2.widget-title {
  padding: 0px;

}

.textwidget {
  color:white;
}


.footer-head {
  color:white;
  font-size:18px;
  text-decoration: none;
  font-family: 'Arvo';
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 50px;
  text-align: center;
  letter-spacing: 0.09em;
  font-style: italic;

}

@media screen and (min-width: 31em) {
  .footer-head {
    font-size:28px;

  }

}

.homeSlider{
  padding-bottom:0em;
}

/*Clock*/
div.tclock.wrap{
  padding:0px;
  text-align: center;
  margin-top: 1.5em;
  border:solid #e30613 4px;
  margin-bottom: 1.5em;
}

.tclock table,.tclock div {
  color: white;
  background-color:black;
  font-family: 'Sedgwick Ave Display', sans-serif;  
  font-size:29px; 
  border-collapse:initial;
}

.tclock table{
  margin-bottom: 0px;
}

.tclock table tbody{
    font-family: "Anonymous Pro", monospace;
    font-size:12px; 
    font-size:80px; 
    border:none;
    font-weight: 700;

}

.tclock tfoot td{
    font-family: 'Sedgwick Ave Display', sans-serif;   
    font-size:23px; 
    padding:5px 5px 5px 15px;
}

.tclock tbody td{
  padding:20px 10px 5px 10px;
}
  
.tclock tbody tr{
  line-height: 0.8em;
}

.tclock div{
    background-color:#e30613;
    width:100%;
    padding: 6px 0px;
    letter-spacing: 0.2em;
}


.tclock td:nth-child(1),.tclock td:nth-child(2){
  border-right :solid white 0px;
  border-collapse:separate;
}


@media only screen and (max-width: 768px) {
    .tclock table tbody {
        font-size:50px;

    }

    .tclock tfoot td{
      font-size:16px;
    }

    .tclock tfoot td{
      padding:5px 5px 5px 15px;
    }

      .tclock tbody td{
      padding:10px 5px 5px 5px;
    }

    .tclock div{
      font-size: 24px;
    }


}

@media only screen and (max-width: 450px) {
    .tclock table tbody {
        font-size:22px;

    }

    .tclock tfoot td{
      font-size:14px;
    }

    .tclock tfoot td{
      padding:5px 5px 5px 15px;
    }

      .tclock tbody td{
      padding:10px 5px 5px 5px;
    }

    .tclock div{
      font-size: 24px;
    }


}



/* Footer */
section {
    padding: 60px 0;
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}
#footer {
    background: #007b5e !important;
}
#footer h5{
  padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#ffffff;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}


@media (max-width:767px){
  #footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
}

.generic-anchor {
  color: #8DB9ED;
}
.generic-anchor:visited {
  color: #8DB9ED;
}
.generic-anchor:hover {
  color: #e30613;
}

.flex-rw {
  display: flex;
  flex-flow: row wrap;
  text-align: center;
}

footer.flex-rw{
  padding: 25px;
}

.footer-list-top {
  width: 33.333%;
  list-style: none;

}

.footer-list-top > li {
  text-align: center;
  padding-bottom: 10px;
}

.footer-list-header {
 padding: 10px 0 5px 0;
  padding-top: 10px;
  color: #fff;
  font-family: 'Arvo';
  font-weight: 700;
  text-transform: none;
}

.footer-list-anchor {
font-family: "Roboto";
font-weight: 400;

text-transform: none;
color:white;
}

.footer-bottom-section {
  width: 100%;
  padding: 10px;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  text-align: center;
    font-size: 12px;


}

.footer-bottom-section > div:first-child {
  margin-right: auto;
}

.footer-bottom-wrapper {
  font-size: 12px;
  color: #fff;
  text-align: center;
}

.footer-address {
  display: inline;
  font-style: normal;
}

@media only screen and (max-width: 768px) {
  .footer-list-header {
    font-size: 1.2em;
  }

  .footer-list-anchor {
    font-size: 1.1em;
  }
}
@media only screen and (max-width: 568px) {

  .footer-list-top {
    width: 100%;
  }

  .footer-list-header {
    font-size: 1.5em;
  }

  .footer-list-anchor {
    font-size: 1.5em;
  }
}

@media only screen and (max-width: 480px) {

  .footer-bottom-rights {
    display: block;
  }
}
@media only screen and (max-width: 320px) {
  .footer-list-header {
    font-size: 1.5em;
  }

  .footer-list-anchor {
    font-size: 1.2em;
  }

  .footer-bottom-wrapper {
    font-size:12px;
    text-align: center;
  }
}

.credits{
  text-align: center;
  flex-wrap: nowrap;
  color:white;
  font-size:11px;
  font-weight: 100;
}

#starmap {
  height: 600px;
}

#widget_64156 a{
  color:#e30613;
  font-family: "Roboto";


}

td.tab_team_name > a{
  margin-left: 10px;
}

.mobil_css_2p5 {
  display: none;
}

.rsf_loadmore{
  background-color: #ddd;
  border-radius: 2px;
  display: block;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  letter-spacing:1px;
  cursor:pointer;
  text-transform: uppercase;
  padding: 10px 0;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;  
}
.rsf_loadmore:hover{
  background-color:#e30613;
  color: #fff;
}



/*
* FLEX COntainer für SeitenInhalte
*/
.liga_tabelle tbody tr td a ,#teamdiv table tbody tr td a{
  color:black;
}

.liga_tabelle, #teamdiv table{
  font-family: "Arvo";
  color:black;
}

.flex-cont > div {
  margin-bottom: 70px;
}

@media screen and (min-width:900px){
  .flex-cont{
    display: flex;
    color:green !important;
    flex-wrap: wrap;
  }

  .flex-cont > div {
    width:50%;
    padding:0px 20px 0px 0px;
    margin-bottom: 70px;
  }

  .page.page-one-column .entry-header{
    margin-bottom: 0px;
    padding: 0px;
  }

  .liga_tabelle tbody tr td a{
    color:black;
    font-size:11px;
  }

  .wrap{
    max-width: 980px;
  }

  .page.page-one-column:not(.twentyseventeen-front-page) #primary{
      max-width: 980px;

  }

}