/*
Theme Name: Design
Theme URI: 
Author: marketing teamwork
Author URI: https://www.marketing-teamwork.de
Description: Wordpress-Theme
Version: 1.0
License: GNU General Public License

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

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  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-regular - latin */
@font-face {
  font-family: 'Open Sans';
   font-display: auto;
  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-600 - latin */
@font-face {
  font-family: 'Open Sans';
   font-display: auto;
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v23-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/oswald-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v23-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/oswald-v23-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v23-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v23-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v23-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v23-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v23-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */
}


body {margin:0; padding:0;font-family: "Open Sans", Sans-serif; font-weight: 300; font-size:16px;line-height:1.8; background:#f4f4f4}

a, a:visited, a:focus,a:active {color:#2c2c2b}
a:hover  {color:#222; text-decoration:none}

h1 {font-size:36px; color:#2c2c2b;}
h2 {font-size:30px;font-weight:600; color:#2c2c2b; margin:0px; padding:0}
h2 + p {padding:0 0 15px; margin:0}
h3 {font-size:22px; color:#2c2c2b; margin-bottom:0; text-transform:uppercase}
h4 {font-size:18px; color:#2c2c2b;}

@media (max-width: 1024px) {
h1 {font-size:30px; color:#2c2c2b;}
h2 {font-size:24px; color:#2c2c2b;}
h3 {font-size:18px; color:#2c2c2b;}
h4 {font-size:16px; color:#2c2c2b;}
}

@media (max-width: 767px) {
body { font-size:14px;line-height:1.6; }
h2 {font-size:20px}
h3 {font-size:16px}
}



/* Elementor
-------------------------------------------------------------- */
.footer a {color:#fff}
.footer h3.elementor-image-box-title {margin:0}
.yellow {color:#eb5c5d}
.search-excerpt {color:#2b6291;text-transform: uppercase;}
.lastnext h5 {display:none} 
.megamenu.elementor-widget:not(:last-child) {margin-bottom: 0px;}

.elementor-pagination {margin-top:30px}
.elementor-widget-heading .elementor-heading-title {color:#5b8eb7 !important;}
.exad-team-member-basic .exad-team-member-content {padding: 0px 20px 1px;}

.jugendtrainer td {width:20%; vertical-align:top; padding:10px; box-sizing: border-box; background-color: #fff;border:2px solid #2c2c2b; line-height:2.0}
.trainingszeiten table th {text-align:left; text-transform:uppercase; font-size:18px}
.trainingszeiten table td {padding:5px 0}

.trainingszeiten table tr td strong {padding-top:25px; display:block}


.elementor-widget-wp-widget-sportspress-player-gallery .sp-widget-align-none {color:#f4f4f4; font-size:7px}
.elementor-widget-wp-widget-sportspress-player-gallery .sp-widget-align-none h4.sp-table-caption {}
.elementor-widget-wp-widget-sportspress-player-gallery .sp-widget-align-none div.gallery {}

@media (max-width: 1024px) {
.navtop .elementor-column-wrap  {align-items: flex-end!important}
.navtop .elementor-widget:not(:last-child) { margin-bottom: 0!important}
.cmm4e.cmm4e-theme-default-menu-skin-461836 > .cmm4e-menu-item > .cmm4e-nav-link {font-size: 14px!important;}
.jugendtrainer td {width:33.33%; display:inline-block; }
.cmm4e-sub-container {width:150px!important}
.megamenu li {padding: 0px 10px!important}
}



@media (max-width: 767px) {
.elementor-search-form {width: 130px; float:right}
.megamenu,.none {display:none}
.footer {display:none}
.home .footer {display:inherit}
.jugendtrainer td {width:100%;}
.trainingszeiten th {display:none}
.trainingszeiten td {width:50%; display:inline-block}
.trainingszeiten td:nth-child(3),.trainingszeiten td:nth-child(4)  {padding-bottom:25px}
.trainingszeiten td:nth-child(2) {font-weight:bold}
.trainingszeiten table tr td strong:nth-child(1) {padding-top:0px;}


#responsive-menu-pro-header {
    /*background-color: rgb(44, 44, 43,0.7);*/
    /*background-image: url("https://www.hsg-seevetal.de/wp-content/uploads/top-mobil.jpg");*/
    background-image: linear-gradient(270deg,#f3f6f9 0%,#2c2c2b 0%)!important;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
}

#responsive-menu-pro-header .elementor-social-icon-facebook, #responsive-menu-pro-header .elementor-social-icon-instagram {background-color: transparent;}
#responsive-menu-pro-header .elementor-social-icon {font-size: 18px;  text-align: center;  padding: 10px; opacity:0.5}
#responsive-menu-pro-header .elementor-social-icons-wrapper {padding: 15px 0 0 15px; width: 150px; text-align: center}
#responsive-menu-pro-container {margin-top: 60px!important;}
}

@media (min-width: 768px) {
.mobilmenu {display:none}
}

/* To Top
-------------------------------------------------------------- */

.to-top {
  display: inline-block;
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #0e2440 url(arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.to-top.to-top--show,
.to-top.to-top--fade-out,
.to-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.to-top.to-top--show {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.to-top.to-top--fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.to-top:hover {
  background-color: #0e2440;
  opacity: 1;
}




@media (max-width: 1024px) {
.to-top  {display:none}
}