/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

.sektion
{
	max-width: 70%;
	padding-top: 150px;
	padding-bottom: 150px;
	margin-left: auto;
	margin-right: auto;
}

.farbig
{
	padding-top: 150px;
	padding-bottom: 150px;
	padding-left:15%;
	padding-right:15%;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 768px)
{
	.sektion,
	.farbig
	{
		max-width: 100% !important; 
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 1250px)
{
	.sektion	
	{
		max-width: 90% !important; 
	}
	
	.farbig
	{
		padding-left:5%;
		padding-right:5%;
	}
}

.teaser h1,
.teaser h2,
.teaser h3
{
	color: white !important;
}

.teaser h2
{
	font-size:5em;	
}

.teaser h3
{
	font-size:3em;	
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) 
{ 
	.teaser
	{
		/* top: 15% !important; */
	}
	
	.teaser h2
	{
		font-size:2em;	
	}

	.teaser h3
	{
		font-size:1.5em;	
	}
}

.navbar-brand
{
	padding: 0;
}

.panel-grid
{
	padding: 0 !important;	
	margin: 0 !important;
}

.lsow-button
{
	background-color: var(--col-menu)!important;
}

.lsow-button:hover
{
	background-color: var(--col-menu)!important;
	filter: brightness(1.3);
}

h3,
.lsow-title
{
	color: var(--col-h1) !important;
}

.slick-active button:before
{
	color: var(--col-menu)!important;
}

.sow-icon-container
{
	color: var(--col-menu)!important;	
    transition: 0.5s;
}

.sow-icon-container span
{
	border-radius: 50%;
	border: 5px solid white;
}

.sow-icon-image
{
	background-repeat: no-repeat!important; 
	background-size: cover!important; 
	background-position: center!important;
	background-size: 55px !important;	
	border-radius: 50%;
    border: 5px solid white;
}

.sow-icon-container:hover
{
	filter: drop-shadow(8px 8px 10px gray) brightness(110%);
}

.lsow-container .slick-next {
    right: -20px;
}

.lsow-container .slick-prev {
    left: -20px;
}

.Hyla-Dsc0 h3:after,
.lsow-title:after 
{
    width: 100px !important;
    height: 5px !important;
    background: var(--col-menu) !important;
    display: block !important;
    content: "" !important;
	margin-top: 0.5em;
}

.Hyla-Dsc0 h3:after
{
	background: white !important;
}

.lsow-subtitle
{
	color: var(--col-h2) !important;
}

.lsow-team-member-text .lsow-title:after 
{
	display:none !important;;
}

.lsow-team-member-position
{
	color: var(--col-h2) !important;
}

.panel-no-style
{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#ContactForm
{
	max-width: 600px;
}

.KS-Img0
{
	
	width: 40%;
	background-repeat: no-repeat!important; 
	background-size: cover!important; 
	background-position: 57% center !important;
	background-image: url('/wp-content/uploads/2025/11/ks_emsland2.jpg');
}

.KS-Dsc0
{
	width: 60%;
	padding-top: 150px;
	padding-bottom: 100px;
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) 
{
	.KS-Img0
	{
		padding-top: 100%;
		width: 100%;
	}
}

#zubehoer .lsow-image-wrapper img
{
	border: 20px solid var(--col-alternate);
}

.legal h1
{
	color: var(--col-menu);
}

.legal h2
{
	color: var(--col-alternate);
}

.cta-termin .cta-content
{
	background-color: var(--col-alternate);
	color: white;
	border: 2px solid var(--col-alternate);
}

.cta-termin .cta-button a,
.cta-termin .cta-button a:link,
.cta-termin .cta-button a:visited,
.cta-termin .cta-button a:active
{
	background-color: var(--col-alternate);
	color: white;
}

.cta-termin .cta-button
{
	border-top: 2px solid var(--col-menu);
	border-right: 2px solid var(--col-menu);
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px)
{
	.cta-termin .cta-button
	{
		border-left: 2px solid var(--col-alternate);
	}
}

.cta-termin .cta-button a:hover
{
	background-color: var(--col-menu);
	color: white;
}

.cta-termin .cta-text
{
	background-color: var(--col-menu);
	color: white;
}

.cta-termin .cta-text a,
.cta-termin .cta-text a:link,
.cta-termin .cta-text a:visited,
.cta-termin .cta-text a:active
{
	color: white;
}


/* diese Anweisungen ganz zum Schluss */
.farbig,
.farbig p,
.farbig span,
.farbig h1,
.farbig h2,
.farbig h3,
.farbig h4,
.farbig .lsow-subtitle,
.farbig .lsow-team-member-position
{
	color: white !important;
}