/*
Theme Name:        Front Child
Theme URI:         https://demo2.madrasthemes.com/front-demos/main/
Author:            MadrasThemes
Author URI:        https://themeforest.net/user/madrasthemes/
Description:       Multipurpose Responsive Theme
Requires at least: WordPress 5.0
Template:          front
Version:           1.2.4
License:           GNU General Public License v2 or later
License URI:       LICENSE
Text Domain:       front-child
Tags:              two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options
*/
label {
	font-size: 1rem;
}

.col-4__background {
   background-color: rgba(242, 240, 239, 0.5);
    } 

.as-info-col {
   background-color: rgba(242, 240, 239, 0.5);
    font-size: 0.9rem;
    } 

p.has-background {
    padding: 10px 20px;
	margin:0;
	} 

ul.wp-block-list {
    margin: 15px 0px;	
	}

ul.wp-block-list li {
    padding-bottom: 15px;
}

/* Banner-Bereich */
.page-banner {
    width: 100%;
    position: relative;
    margin-bottom: 3rem;
	padding-bottom: 0.5rem;
}

.page-banner__background {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.page-banner__background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
	background-color: rgba(255, 255, 255, 0.3);

}

.page-banner__content {
    position: absolute;
    z-index: 2;
	text-align: left;
	overflow: visible;
	margin-top: 300px;
	margin-right: 16px;
	margin-left: 16px;
	background-color: rgba(255, 255, 255, 0.5);
	border: 1px solid rgba(235, 235, 235, 1);

}

#primary  {
	margin-top: 150px !important;
}

h1.page-banner__title {
    font-size: 2.6rem;
    font-weight: 500;
	color: #0099cc;
	line-height: 1.7;
	margin-bottom: 0;
	margin-top: 10px;

}

.page-banner__subtitle {
    font-size: 1.6rem;
	font-weight: 400;
	color: #555e66;
	margin-bottom: 2rem;
}

hr {
	color: #555e66;
	margin-top: -2.5rem;
	display: none !important;
}


bg-transparent {
  background-color: #fff !important;
}

.u-header--bg-transparent {
	background-color: #fff !important;
}


/* Responsive Anpassungen */
@media (max-width: 767px) {
    .page-banner__background {
        min-height: 250px;
    }

    .page-banner__title {
        font-size: 1.8rem;
    }

    .page-banner__subtitle {
        font-size: 1rem;
   }
}



/* content-Bereich */
.page__header Container {
display: none !important;
}

h2 .display-4 {
  font-size: 130%;
  font-weight: 300;
  line-height: 1.0;
      
  }

h4 .d-block {
  font-size: 110%;
  font-weight: 200;
  line-height: 1.0;
	
  }

.u-slick-thumb-progress {
  width: 80%;
  height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* FOOTER */
.space-bottom-1 container {
margin-top: 20px !important;
padding-top: 50px;
}

/* Hintergrundfarbe für den gesamten Footer auf schwarz setzen */
.site-footer,
.footer-primary,
.front-footer {
    background-color: #000000 !important;
	padding-top: 20px;
}

/* Textfarbe im Footer auf weiß setzen (für bessere Lesbarkeit) */
.site-footer,
.footer-primary,
.front-footer,
.site-footer a,
.footer-primary a,
.front-footer a {
    color: #ffffff !important;
	font-size:90%;
}

/* Links im Footer stylen (Hover-Effekt) */
.site-footer a:hover,
.footer-primary a:hover,
.front-footer a:hover {
    color: #0099cc !important;
}


.u-header__navbar-brand > img {
  height: 32px;
  width: auto;
}

.custom-logo {
  height: 32px;
  width: auto;
}

input[type=submit]:not(label.btn)  {
 border-color: #0099cc;
 background-color: #0099cc;
}