/*
Theme Name: bootScore
Theme URI: https://bootscore.me/
Author: bootScore
Author URI: https://bootscore.me
Description: A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
Version: 5.2.3.4
Tested up to: 6.2
Requires PHP: 5.6
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2022 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*
All style editing is done via scss/_bscore_custom.scss
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
    --red: #ca1515;
    --green: #81F499;
    --white: #fff;
    --light: #f7f7f7;
    --dark: #000;
  }
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html{
  scroll-behavior: smooth;
}
body {
	font-size: 100%;
font-family: 'Montserrat', sans-serif;
  background: #fff;
	font-weight: 300;
	text-rendering: optimizeLegibility;
	color: var(--dark);
	height: 100%;
	width: 100%;
  accent-color: rgb(18,18,18)!important;
}
#wrapper {
	overflow: hidden;
}

h1 {
}

h2 {
	font-size: 1.425rem;
	font-weight: 600;
	line-height: 24px;
	text-transform: uppercase;
	margin-top: 1.5rem!important;
	margin-bottom: 1.75rem;
}
h3 {
	font-size: 1.075rem;
	line-height: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 10px;
}

h4 {
	font-size: 0.925rem;
	font-weight: 600;
	line-height: 16px;
	text-transform: uppercase;
	color: #121212;
    letter-spacing: 0.06em;
		margin-bottom: 0!important;
}

h5 {
	font-size: 1rem;
	font-weight: 600;
	padding-top: 1.5rem!important;
	text-transform: uppercase;
}

h6 {
	font-size: 0.65rem;
	font-weight: 400;
}

p {;
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	margin-bottom: 0.5rem;
}
a{
	text-decoration: none!important;
}
.navbar-brand:hover, .navbar-brand:focus{
	color: rgb(18,18,18)!important;
}
.header-calltoaction{
	color: #69af07;
	text-align: center;
	font-weight: 500;
}
.header-calltoaction-icon{
	margin-right: 10px;
}
.top-button{
	background: #121212!important;
	border: 1px solid #121212!important;
	border-radius: 100px;
	padding: 8px 12px;
}
.homepage-calltoaction{
	display: flex;
	width: 90%;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
}
span{
	font-size: var(--span-font-size);
	font-weight: var(--font-normal);
	line-height: 1.6;
}
header{
	position: relative;
	z-index: 1000;
	min-height: calc(4.125rem + 7px);
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
	transition: all 0.3s;
}

nav.stroke ul li a,
nav.fill ul li a {
	position: relative;
}

nav.stroke ul li a:after,
nav.fill ul li a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 20px;
	margin: auto;
	width: 0%;
	content: '.';
	color: transparent;
	background: #69af07;
	height: 2px;
}

nav.stroke ul li a:hover:after {
	width: 85%;
}

nav.fill ul li a {
	transition: all 1s;
}

nav.fill ul li a:after {
	text-align: left;
	content: '.';
	margin: 0;
	opacity: 0;
}

nav.fill ul li a:hover {
	color: var(--white);
	z-index: 1;
}

nav.fill ul li a:hover:after {
	z-index: -10;
	animation: fill 1s forwards;
	-webkit-animation: fill 1s forwards;
	-moz-animation: fill 1s forwards;
	opacity: 1;
}

@-webkit-keyframes fill {
	0% {
		width: 0%;
		height: 1px;
	}
	50% {
		width: 100%;
		height: 1px;
	}
	100% {
		width: 100%;
		height: 100%;
		background: #333;
	}
}
aside .side-inner .nav-menu ul li a:hover, aside ul li a:after, .none-underline:after{
	background: none!important;
}

.bg-dark{
	background-color: #fff!important;
}
.navbar-title{
	font-weight: 600;
  font-size: 1.225rem;
	color: var(--dark);
	font-family: Rubik, sans-serif;

}
.navbar-brand{
	margin-right: 0!important;
}
.mark, mark{
  background-color: #f7f7f7!important;
}

.hero-picture {
	transition: 3s!important;
}

.hero-picture_home {
	width: 100%;
  height: 700px;
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.hero-picture-home_text{
    padding: 0 24px;
		margin-top: 20px;
		z-index: 100;
  }
  .hero-picture-home-text-content_h3,
  .hero-picture-home-text-content_h2{
    color: #fff!important;
  }
	.hero-picture-home-text-content_h2{
		line-height: 1.2em;
	}
  .hero-picture-home-text-content_h3{
    font-weight: 400;
    font-size: 1.25rem;
  }
  .hero-picture-home-text-content_h2{  margin-top: 1.5rem;
margin-bottom: 1.75rem;
font-size: 2rem;
}
  .hero-picture-home-text-content-button_a{
    border-color: #fff;
    color: #121212;
    position: relative;
    display: inline-block;
    padding: 14px 28px;
    line-height: normal;
    border: 1px solid #fff;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 0.8rem;
    text-align: center;
    letter-spacing: normal;
    font-weight: 600;
    background-color: #fff;
    transition: border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    z-index: 1;
    text-decoration: none;
  }
	#slider {
	}

	.slider {
		position: absolute;
		overflow: hidden;
		width: 100%;
		height: 700px;

	}

	.slider>* {
		opacity: 0;
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		object-fit: cover;
		height: 700px;

	}

	.current {
		opacity: 1;
		z-index: 2;
	}

	.previous {
		z-index: 3;
		transition-property: opacity;
		transition-duration: 2s;
		transition-timing-function: ease;
	}
	#wpforms-submit-124{
		border-color: #121212;
		color: #fff;
		position: relative;
		display: inline-block;
		padding: 14px 28px;
		line-height: normal;
		border: 1px solid #121212;
		border-radius: 0;
		text-transform: uppercase;
		font-size: 0.8rem;
		text-align: center;
		letter-spacing: normal;
		font-weight: 600;
		background-color: #121212;
		transition: border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		z-index: 1;
		text-decoration: none;
		height: unset!important;
	}
	div.wpforms-container-full input[type=date]:focus, div.wpforms-container-full input[type=datetime]:focus, div.wpforms-container-full input[type=datetime-local]:focus, div.wpforms-container-full input[type=email]:focus, div.wpforms-container-full input[type=month]:focus, div.wpforms-container-full input[type=number]:focus, div.wpforms-container-full input[type=password]:focus,
	div.wpforms-container-full input[type=range]:focus, div.wpforms-container-full input[type=search]:focus, div.wpforms-container-full input[type=tel]:focus, div.wpforms-container-full input[type=text]:focus, div.wpforms-container-full input[type=time]:focus, div.wpforms-container-full input[type=url]:focus, div.wpforms-container-full input[type=week]:focus,
	div.wpforms-container-full select:focus, div.wpforms-container-full textarea:focus{
		border: 1px solid #69af07!important;
    box-shadow: 0 0 0 1px #69af07,0px 1px 2px rgba(0,0,0,0.15)!important;
    outline: none;
	}
	#wpforms-confirmation-124{
	margin-bottom: 4rem;
	border: none;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	padding-bottom:30px;
	}
#wpforms-confirmation-124 p{
	color: #121212;
	line-height: 1.2em;
}
	.hero-picture-home-text-content-button_a:hover{
		color: #121212!important;
	}
  .hero-picture-home-text-content-button_a:hover{
    text-decoration: none;
  }
	.hompage-info-wrapper p{
		line-height: 22px;
	}
	.homepage-info{
		position: relative;
	}
	.homepage-info:after{
		content: '';
		background: #121212;
		left: 0;
		right: 0;
		bottom: -5px;
		width: 175px;
		height: 1.4px;
		position: absolute;
	}
	.homepage-h2-leistungen,.homepage-h2-gallerie{
		position: relative;
	}
	.homepage-h2-leistungen:after{
		content: '';
background: #69af07;
width: 155px;
height: 2px;
position: absolute;
bottom: -5px;
left: -2.5px;
right: 0;
transform: rotateZ(-2.5deg);
	}
	.h2-homepage-wrapper{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.homepage-h2-gallerie:after{
		content: '';
background: #69af07;
width: 122.5px;
height: 2px;
position: absolute;
bottom: -5px;
left: -2.5px;
right: 0;
transform: rotateZ(-2.5deg);
	}
	.homepage-info-wrapper{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.homepage-info-wrapper div.container-fluid{
		width: 75%;
	}
	.sidebar-nav{
		padding-top: 5px!important;
	}
	.nav-link{
		padding: 0.75rem 0.75rem!important;
		color: var(--dark)!important;
		text-transform: uppercase;
		font-weight: 560;
		font-size: 0.8025rem;
	}
	.nav-item{
		padding: 0 0.5rem;
	}
	.sidebar-item{
		padding: 0.85rem!important;
		font-size: 0.825rem!important;
		padding-left: 12.5px!important;
		color: rgb(50,49,49)!important;
	}
	.bold{
		font-weight: 700!important;
	}
	#leistungen{
		border-radius: 1.2px;
	}
	.leistungen-images:hover{
		filter: brightness(0.7825);
		cursor: pointer;
	}
	.leistungen-images{
		background-position-y: 70%;
    background-position-x: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 1.2px;
    aspect-ratio: 0.75;
    width: 100%;
    transition: all 0.3s ease-in;
    opacity: 1;
	}
	.leistungen-images-text{
		display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    justify-content: center;
		padding-right: 7.5px;
	padding-left: 7.5px;
	}
	.leistungen-images-text-wrapper{
		padding: 10px 6px;
		background: rgba(255,255,255,0.8);
	}
	.leistungen-images-text-wrapper h4{
		text-transform: none;
	}
	.get-in-touch-btn{
		border-color: #121212;
		color: #fff;
		position: relative;
		display: inline-block;
		padding: 14px 28px;
		line-height: normal;
		border: 1px solid var(--dark);
		border-radius: 0;
		text-transform: uppercase;
		font-size: 0.8rem;
		text-align: center;
		letter-spacing: 0.06em;
		font-weight: 600;
		background-color: var(--dark);
		transition: border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		z-index: 1;
		text-decoration: none;
	}
	.get-in-touch-btn:hover{
		color: #fff!important;
	}
	.get-in-touch-wrap{
		display: flex;
		 justify-content: center;
		 margin-bottom: 1.5rem;
	}
	.col-md-8-content{
		margin-top: 3rem;
	}
  .leistungen-info{
    position: relative;
    width: auto;
    display: block;
    margin: 1.5rem auto 1.75rem auto;
  }
  .leistungen-info:after{
    content: '';
    background: #121212;
    left: 12.5px;
    right: 0;
    bottom: -10px;
    width: 124px;
    height: 1.4px;
    position: absolute;
  }
  .leistungen-info-text{
    line-height: 24px;
    font-size: 0.925rem;
    width: 75%;
    text-align: center;
    margin: 0 auto;
  }
	footer ul li a{
		color: var(--dark);
		font-size: 0.75rem;
		line-height: 26px;
	}
		footer ul li a:hover{
			color: #69af07;
		}
	footer ul li a i{
		margin-right: 5px;
}
.footer-leistungen-ul{
	list-style-type: none;
	padding: 0!important;
}
	@media (max-width: 1400px) {}

	@media (max-width: 1200px) {

	}

	@media (max-width: 961px) {
.hero-picture_home, .slider>*, .slider{
	height: 550px;
}
.leistungen-info-text{
  width: 100%;
}
	}

	@media (max-width: 800px) {
		.hero-picture-home-text-content_h2{
			font-size: 1.75rem;
		}
		  .hero-picture-home-text-content_h3{
				font-size: 1.075rem;
			}
			#leistungen{
				width: 50%!important;
			}
			.footer-leistungen-ul{
				list-style-type: disc;
				padding-left: 1.5rem!important;
			}
			.homepage-info-wrapper div.container-fluid{
				width: 95%;
			}
			.hero-picture-home-text-content_h2{
				font-size: 1.525rem
			}
	}
	@media (max-width: 624px) {

	}


	@media (max-width: 424px) {

	}
	@media (max-width: 768px) {

	}
	@media (max-width: 728px) {



	}
	@media (max-width: 599px) {

	}
	@media (max-width: 480px) {

	}