/*
Theme Name: Spass mit Sport
Description: Theme von Spass mit Sport Lex Laufexperten Leer
Author: S.O. Medien
URI: http://www.so-medien.de
Template: Divi
Version: 1.0
Tags:
*/


/* ##################################################################################################### */
/* ############################################ Allgemeines ############################################ */
/* ##################################################################################################### */


.entry-content .et_pb_text p a:hover {text-decoration: underline;} /* Links im Content hover */ 




/*---- Überschriften Größe und Farbe uvm. ----*/


h1 {
    font-size: 34px; color: #333; 
}
.h2,
h2,
.et_pb_column_1_3 h2, 
.et_pb_column_1_4 h2 {font-size: 28px; color: #e6007e;}
h3 {font-size: 24px; color: #e6007e;}
.et_pb_column_1_4 h3 {
    font-size: 18px;
}

.text-md-right {
    text-align: right;
}

.m-0 {
    margin: 0;
}

/*---- Vollbreiter Slider Modul Fix ----*/


.et_pb_slide {height: 60vh;} 
.et_pb_slide_description {padding-left: 0%; padding-right: 0%;}
.et_pb_slider .et_pb_slide {background-position: top center;}


/*---- Markieren Farbe ----*/
::selection {background: #fb80c3; color: #fff;} 
::-moz-selection {background: #fb80c3; color: #fff;} /* FF */

/*---- Breadcrumbs ----*/
.breadcrumb {font-size: 0.75em;}
.breadcrumb::before {content: "Sie sind hier: ";}
.breadcrumb_last {font-style: italic;}
.breadcrumb a:hover {text-decoration: underline;}

/*---- GoogleMap Icon Fix (wenn man drauf klickt) ----*/
.gm-style-iw h3 {font-size: 16px !important;padding: 0 0 2px 0 !important;
}
/*---- Nach oben Pfeil ----*/
.et_pb_scroll_top.et-pb-icon {background: #333;}

/*---- Person Modul/Team ----*/
.et_pb_team_member_description {line-height: 1.25em;} 
.et_pb_team_member_description h4 {color: #e6007e;} /* Farbe Name */
.et_pb_member_position {color: #333;font-size: 16px !important;} /* Position unter Name */
.et_pb_team_member_description p:last-of-type {font-size: 14px;}


/*----  Informationstext Modul (Icons Hover) ----*/
.et_pb_main_blurb_image a:hover .et-pb-icon {border-color: #e6007e !important;color: #e6007e !important;}
.et_pb_blurb_container h4 a:hover {color: #e6007e !important;}


/*----  breadcrumb Yoast ----*/
.breadcrumb {font-size: 0.75em;}
.breadcrumb::before {content: "Sie sind hier: ";}
.breadcrumb_last {font-style: italic;}
.breadcrumb a:hover {text-decoration: underline;}


.clear {clear: both;float: none;}
.fleft {float: left;}
.fright {float: right;}



.et_pb_text ul {margin-top: 15px;}
.et_pb_text ul li {padding-bottom: 20px;}

.et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
    width: 21% !important;
    margin: 0 3% 2% 0 !important;
}

#et-info-phone::before {
    content: '';
}
#et-info #et-info-email {display: none;}


/*######################### BLOG #############################*/

#blogstart .entry-featured-image-url {margin-bottom: 0px;}
#blogstart .et_pb_post h3 {
    font-size: 16px;
    letter-spacing: 0px;
    display: block;
    background: #e6007e;
    color: #fff;
    padding: 10px;
    font-weight: 700;
}
#blogstart .post-meta {
    font-size: 13px;
    font-style: italic;
    color: #c9c9c9;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding: 0 10px;
    margin-bottom: 0px;
}
#blogstart .post-meta a { color: #c9c9c9 !important;}
#blogstart .post-meta a:hover {text-decoration: underline;}
#blogstart .et_pb_post .post-content {
    padding: 5px 10px;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}
#blogstart .et_pb_post .post-content p {
    font-size: 15px;
    line-height: 1.6em;
}
#blogstart .et_pb_post .post-content .more-link {
    font-size: 14px;
    padding: 6px;
    background: #e6007e;
    color: #fff;
    margin: 5px 0px;
    display: inline-block;
    line-height: 1em;
    text-transform: uppercase;
}
/* blog seite */
#blog .et_pb_post h3 {
    font-size: 16px;
    letter-spacing: 0px;
}
#blog .post-meta {
    font-size: 13px;
    font-style: italic;
    color: #c9c9c9;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
}
#blog .post-meta a { color: #c9c9c9 !important;}
#blog .post-meta a:hover {text-decoration: underline;}

#blog .et_pb_post .post-content p {
    font-size: 14px !important;
    line-height: 1.6em;
}
#blog .et_pb_post .post-content .more-link {
    font-size: 14px;
    padding: 6px;
    background: #e6007e;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    line-height: 1em;
    text-transform: uppercase;
}
#blog .et_pb_image_container {margin-bottom: 0;}

/* einzelbeitrag seite */
.single-post #left-area .post h1 {
    padding:12px;
    background: #e6007e;
    color: #fff;
    font-size: 25px;
}
.single-post #left-area .post .post-meta {padding: 0px 10px}
.single-post #left-area .post  .et_pb_section {padding: 0;}
.single.single-post #left-area .post {margin-bottom: 0 !important;border-bottom: 1px solid #ebebeb !important;}

.single-post .backlink {
    font-size: 16px;
    padding: 10px;
    background: #e6007e;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 600 !important;
    margin-top: 20px;
}
.single-post .backlink:hover {
     background: rgba(230, 0, 126, 0.71);
}
#sidebar .widgettitle {
    border-bottom: 1px solid #ebebeb;
}
#sidebar ul {margin-left: 15px;}
#sidebar ul a {
    font-style: italic;
    color: #e6007e !important;
    font-size: 14px;
}
#sidebar #wp-calendar {margin-top: 10px;}
#sidebar ul a:hover { text-decoration: underline;}
#sidebar #wp-calendar td,
#sidebar #wp-calendar thead,
#sidebar #wp-calendar th {border: 1px solid #ebebeb;}
#sidebar #wp-calendar tfoot,
#sidebar #wp-calendar tfoot td {border: none !important;}
#sidebar #wp-calendar #today a {color:#e6007e !important;}
#sidebar #wp-calendar th {background: #efefef;}
#sidebar #wp-calendar caption {color:#e6007e !important;}

/* ######################################################################################################### */
/* ############################################ Menu (1. Ebene) ############################################ */
/* ######################################################################################################### */


#top-menu.nav a {
    border-bottom: 2px solid white;
    border-bottom: 2px solid rgba(255,255,255,0);
}

/* Hover und Active Farbe Menu Links */
#top-menu.nav a:hover,
#top-menu-nav > ul > li > a:hover,
#top-menu-nav > ul > li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a { 
    color: #e6007e !important;
    opacity: 1 !important;
    border-bottom: 2px solid #e6007e;
}
#top-menu.nav li a {transition: none !important;}


#top-menu li a {
    font-weight: 300;
}
.et-fixed-header#main-header {border-bottom: 1px solid #f1f1f1 !important;}

/* ########################################################################################################### */
/* ############################################ Submenu (2.Ebene) ############################################ */
/* ########################################################################################################### */


.nav li ul {background: #fff !important;} /* Hintergrundfarbe */
.nav li ul, .nav li ul ul {border-color: #e6007e !important; }


#main-header.et-fixed-header {} /* Header geschrumpft */
#main-header.et-fixed-header .nav li ul.sub-menu {margin-top: 0;} /* Anpassung nachdem Navi schrumpft */
#top-menu li li a {text-transform: none !important; padding: 6px 0px;}
.nav ul li a {color: #333 !important;opacity: 1;  } /* Linkfarbe Sub */
.nav ul li a:hover {color: #e6007e !important;} /* Linkhover Sub */

.nav ul li a:hover {background-color: transparent; opacity: 1;}

/* ##################################################################################################### */
/* ############################################ Mobile Menu ############################################ */
/* ##################################################################################################### */


/* Mobile Menu Button BG Color */
/*.et_header_style_split #main-header .mobile_nav {background-color: #e6007e;}*/
/* Mobile Menu Hamburger Farbe */
/*.mobile_menu_bar::before {color: #333;} */
/* Mobile Menu Button Text */
/*#main-header .mobile_nav .select_page {color: #fff;}*/
/* Mobile Menu offen */
.et_mobile_menu li a {color:#333 !important; padding:10px 3% !important;}
#main-header .et_mobile_menu {background: rgba(255,255,255,1) !important; margin-top: -10px; border-color:#e6007e;}
.et_mobile_menu li:last-of-type a { border-bottom: 0 none;}
/*.et_mobile_menu li.current_page_item a {color:#333 !important; }*/
 #et_mobile_nav_menu {margin-top: 0px !important;}
.et_mobile_menu li li a {font-weight: normal !important; background: none !important;}
.et_mobile_menu li a:hover, .et_mobile_menu li li a:hover {color:#e6007e !important; background: none; opacity: 1;}



/* ###################################################################################################################### */
/* ############################################ Footer (boxed und fullwidth) ############################################ */
/* ###################################################################################################################### */

#main-footer {
  border-top: 0px;
}
#main-footer .et_pb_widget ul li {
    margin-bottom: 0.3em !important;
}
#menu-footer-menu li a:hover {text-decoration: underline;}
.et_pb_gutters3 .footer-widget {
    margin: 0 5.5% 2% 0;
}
#footer-widgets {
    padding: 3.5% 0 0;
}
#footer-bottom {background: transparent;}
#footer-info {font-size: 0.75em; color: #ccc !important;} /* Schriftgröße */
#main-footer .textwidget p a {font-weight: inherit; color: #ccc !important;} /* Link */
#main-footer .textwidget p a:hover {opacity: 1; text-decoration: underline;} /* Linkhover */
#main-footer #footer-widgets a, #main-footer #footer-widgets .textwidget, .et_pb_widget a {color: #ccc !important;}
#main-footer a {font-weight: inherit; color: #ccc !important;} /* Link */
#main-footer a:hover {opacity: 1; text-decoration: underline;} /* Linkhover */
 

/* ################################################################################################################ */
/* ############################################ Responsive Anpassungen ############################################ */
/* ################################################################################################################ */

.et_pb_slide_description  h2.et_pb_slide_title {font-size: 56px !important;}


/*---- Tablets und kleinere Bildschirme ----*/
@media all and (max-width:1274px) {
    h1 {font-size: 1.85em !important;}
    h2 {font-size: 1.45em !important;}
    h3 {font-size: 1.25em !important;}
   
}

/*---- Handy und alte Tablets ----*/
@media all and (max-width:975px) {
    h1 {font-size: 1.65em !important;}
    h2 {font-size: 1.25em !important;}
    h3 {font-size: 1.15em !important;}
    h4 {font-size: 1em !important;}
    .et_pb_section, .et_pb_row, .et_pb_column .et_pb_row_inner {padding: 4% 0;}
    .et_pb_fullwidth_section {padding: 0 !important;}
    .et_pb_column {margin-bottom: 15px;}
    body {line-height: 1.25em !important;}
    p {font-size: 0.85em;} /* Schriftgröße Handy */
     
   
}
/*-------- Smartphones --------------*/
@media all and (max-width:640px) {
    
}
@media all and (max-width:480px) {
  
}