/**
* Theme Name: tolee
*Template: wpbstarter
*/
@import url('../wpbstarter/style.css');

body { font-size: 1.1rem; font-family: "Titillium Web", sans-serif; }
p { font-size: 1.1em; color: #222; font-family: "Titillium Web", sans-serif; font-weight: 400}
a { color: #004994 }
a:hover { text-decoration: underline;}

.wpbstarter-page-title-area { display: none;}
.wpbstarter-content-area-padding { padding-top: 0}

/** ----------------------------- header ------------------------------- */

header.site-header { padding-bottom: 0px;}
#header-oben { height: 15px;  }
#header-nav { background: #004994; height: 80px; margin: 0; padding: 0; position: relative; }
#Logo ul { margin: 0; padding: 0; display: flex; justify-content: space-between; align-items: center}
#Logo ul li { margin: 0; padding: 0; list-style-type: none}
#Logo ul li #block-7 { height: 100px; border: 1px solid #000;  }
#Logo ul li ul{ margin: 0; padding: 0; }
#Logo ul li ul li { margin: 0; padding: 0;}

#Logo #custom_html-2 { width: 13%}
.header-logo { position: absolute; width: 210px; margin: 0; top: -10px; z-index: 100 }
.header-icon { width: 35px}

#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item > a.mega-menu-link { font-family: "Titillium Web", sans-serif; font-weight: 600;letter-spacing: 0.05em}

#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-family: "Titillium Web", sans-serif; font-weight: 400; letter-spacing: 0.05em}

.seitenfoto { height: 600px; overflow: hidden; }
.seitenfoto img { width: 100%; margin-top: 0% }

@media only screen and (max-width: 990px) { .mobmenu-content li > .sub-menu li { padding-left: 15px; }
	.mobmenu-content li > .sub-menu li a { padding: 3px 10px 3px 15px; }
}

/** ----------------------------- /header ------------------------------- */

/** ----------------------------- content ------------------------------- */

#content { padding-bottom: 70px}

.crellyslider > .cs-controls > .cs-previous { background-image: url("https://sg-tolee.de/wp-content/uploads/2024/09/pfeil-links-1.png"); left: 30px;}
.crellyslider > .cs-controls > .cs-next { background-image: url("https://sg-tolee.de/wp-content/uploads/2024/09/pfeil-rechts-1.png"); right: 30px;}
.crellyslider > .cs-controls > .cs-previous, .crellyslider > .cs-controls > .cs-next, .crellyslider > .cs-controls > .cs-previous, .crellyslider > .cs-controls > .cs-previous { width: 40px; height: 45px; border-radius: 2px; opacity: 0.4; background-size: 15px }

#main h1 { font-family: "Titillium Web", sans-serif; font-style: normal; font-weight: 400;text-align: center; margin: 50px 0 10px 0;  padding: 0;color: #004994; font-size: 40px; hyphens: auto;}
#main .bangersstart h1 { font-family: "Bangers", system-ui; font-weight: 400;  font-style: normal; font-size: 50px; padding: 0; margin: 30px 0 0px 0; line-height: 1.2em; color: #004994; }
#main .titillium-start h1 { font-family: "Titillium Web", sans-serif; font-weight: 900;  font-style: italic; font-size: 50px; padding: 0; margin: 30px 0 0px 0; line-height: 1.2em; color: #004994; }
#main h2 { font-family: "Titillium Web", sans-serif; text-align: center; padding: 0; color: #004994; }
#main h3 { font-family: "Titillium Web", sans-serif; color: #004994; font-size: 2em; text-align: center; }
#main h4 { font-family: "Titillium Web", sans-serif; color: #004994; text-align: center; }
#main h5 { font-family: "Titillium Web", sans-serif; color: #004994; font-size: 1.4em; text-align: center;}
#main h6 {  font-family: "Bangers", system-ui; font-weight: 400;  font-style: normal;color: #004994; text-align: center; font-size: 35px; margin: 30px 0 0 0}

.impressum a { color: #333}
.impressum ul li { color: #222; font-size: 1.1em}

.zeitungsliste .e-con-inner .elementor-widget-image-box { width: 31%; }

.infokasten { min-width: 230px; padding: 0; }
.infokasten .elementor-element { border: 1px solid #ddd}
.infokasten.ohnerand .elementor-element { border: 0px solid #ddd}
.infokasten .elementor-widget-container { padding: 15px; font-size: 0.9em; line-height: 1.5em}
.infokasten p { margin: 0 0 0.5em 0; }

#handball-tabelle { background: #fff}

.sponsoren .elementor-widget-image { width: 180px; }

.c-event-item { border-bottom: 1px solid}
.c-event-item .title { padding: 8px 0;  }
.c-event-item .description p { margin-bottom: 3px; padding-bottom: 5px }
.TotalSoftSimpleCalendar { border: 2px solid #004994}

.song { display: flex; position: fixed; bottom: 0px; right: 0px; width: 100%; text-align: center; margin: 0; padding: 0 10px; background: #ffed00; justify-content: center }
.song p { font-size: 12px; margin: 0}
.songaudio { margin: -5px 0 0 0;}
.song .iron-audioplayer .srp-play-button-label-container { background: #004994}
.song .srp_player_boxed .srp-play-button-label-container { font-size: 9px; color: #fff}

#banner { position: absolute; top: 300px; right: 0px;  }
#banner img { width: 400px;}

@media only screen and (min-width: 600px) { 
	#main h1  { font-size: 50px}
	#main h6 { font-size: 50px; }
	.zeitungsliste .e-con-inner .elementor-widget-image-box { width: 23%}
}
@media only screen and (min-width: 766px) {
#main h1  { font-size: 60px}
#main h6 { font-size: 60px; margin: 40px 0 10px 0 }
.song { top: 220px; bottom: auto; right: 0px; width: 85px; border-radius: 10px;  }
.songaudio { margin: -20px 0;}
#banner img { width: 750px;}
}
@media only screen and (min-width: 860px) {
.zeitungsliste .e-con-inner .elementor-widget-image-box { width: 15%}
}
@media only screen and (min-width: 990px) {
	.pt-cv-view .pt-cv-ifield { padding: 0 0px; }
	#main .titillium-start h1 { font-size: 90px; margin: 50px 0 0 0; }
	#main .bangersstart h1 { font-size: 90px; margin: 50px 0 0 0; }
	#banner img { width: 750px;}
}
@media only screen and (min-width: 1100px) {
	#banner img { width: 1200px;}
}
/** ----------------------- /content --------------------------------- */

/** ------------- beiträge ----------------- */
.beitraghead { height: 600px;background: top center; background-size: cover; margin-bottom: 1em}
.beitragsbild { margin-bottom: 0.75em }	
.beitrag { max-width: 900px; margin: 0 auto; }
#beitragsuebersichtlink { text-align: center}
#beitragsuebersichtlink a { color: #fff; background: #004994; padding: 5px 20px; border-radius: 5px; transition: 0.3s;  }
#beitragsuebersichtlink a:hover { background: #449D44; text-decoration: none }

.post-navigation { max-width: 900px; margin: 0 auto;}
.nav-links a { background: #fff; color:  #004994; }
.nav-links .nav-previous a { background: url(https://sg-tolee.de/wp-content/uploads/2024/09/pfeil-links.png) no-repeat 0 center; background-size: 0.6em; padding-left: 1em  }
.nav-links .nav-next a { background: url(https://sg-tolee.de/wp-content/uploads/2024/09/pfeil-rechts.png) no-repeat right center; background-size: 0.6em; padding-right: 1em  }
/** ------------- /beiträge ----------------- */

/** ----------------------------- footer ------------------------------- */
#footer-widget { background: #dce2e8 url(https://sg-tolee.de/wp-content/uploads/2024/09/footer-1.jpg) center -40px; background-size: cover; padding: 120px 0}
#footer-widget .row { display: flex; align-items: center; justify-content: space-evenly;}
#footer-widget .widget { margin: 0} 
.foo1 { width: 220px; padding: 20px 0}
.foo2 { text-align: center; background: rgba(255, 255, 255, 0.6); padding: 30px 50px; border-radius: 10px}
.foo3 { padding-top: 20px; max-width: 250px; }
.footer-adresse p.fa1 { font-size: 1.8em; color: #004994; font-weight: 600; margin-bottom: 0.5em; line-height: 1.3em }
.footer-adresse p.fa2 { font-size: 1.4em; color: #004994; margin-bottom: 0em; }
.footer-adresse p.fa3 { font-size: 1.1em; color: #004994; margin-bottom: 0em; }
.footer-adresse p.fa4 { font-size: 1.1em; color: #004994;  }

@media only screen and (min-width: 690px) { .footer-adresse p.fa-1 { font-size: 2.4em; } }
@media only screen and (min-width: 990px) { .foo3 { padding-top: 0px} }

.footer-outer { background: #004994; padding: 20px 0 50px 0}
.footer-inner ul { padding: 0; margin: 0; } 
.footer-inner ul li { padding: 0; margin: 0; list-style-type: none;}
.footer-inner ul li ul li { display: inline-block}
ul#menu-footermenu.flex-column { flex-direction: row!important}
.footer-inner ul li ul li a { color: #fff; font-family: "Titillium Web", sans-serif; font-weight: 400;}
.footer-outer #Footernavigation .nav { display: block!important}