/*
 Theme Name:   Nvisor Child
 Description:  Child Theme
 Author:       René Braun
 Author URI:   https://www.renebraun.de
 Template:     nvisor
 Version:      1.0
 Text Domain:  nvisor
*/

/* COLORS */
:root {
    --ci-blau: #074C97;
	--ci-schwarz: #2D2B2E;
	
	--ci-blau-hell-20: #3970ac;
	--ci-blau-hell-40: #6a94c1;
	--ci-blau-hell-60: #9cb7d5;
	--ci-blau-hell-80: #cddbea;
	--ci-blau-hell-90: #e6edf5;
	
	--ci-blau-dunkel-20: #063d79;
	--ci-blau-dunkel-40: #042e5b;
	
	--filter-ci-blau: invert(16%) sepia(69%) saturate(3106%) hue-rotate(201deg) brightness(98%) contrast(94%);
	--filter-base: brightness(0) saturate(100%);
}

/* Buttons */
body .theme-btn-one {
    background: var(--ci-blau);
}
body .theme-btn-one:hover {
    background: var(--ci-schwarz) !important;
}
body .theme-btn-one:after {
    background: var(--ci-schwarz);
}

/* Move Anchors */
#ueber-uns::before,
#leistungen::before,
#reparatur::before {
  content: '';
  display: block;
  height: 210px;
  margin-top: -210px;
  visibility: hidden;
}
#aktionen::before {
  content: '';
  display: block;
  height: 150px;
  margin-top: -150px;
  visibility: hidden;
}

/* Mobiloptimierung */
.upper-header .menu-navbar svg {
    filter: var(--filter-base) var(--filter-ci-blau);
}
@media only screen and (max-width: 767px) {
	body #willkommen.startseite-e1 .slider-title {
    	font-size: 66px;
	}
	#ueber-uns .provide-section-two > div > .row.align-items-center {
		flex-direction: column-reverse;
		margin-top: 40px;
		margin-bottom: -40px;
	}
	body #leistungen .service-section .card .card-body h3 br {
    	display: none;
	}
	body #leistungen.startseite-e3 .service-item a {
    	max-width: 220px;
	}
}
@media only screen and (max-width: 425px) {
	body #willkommen.startseite-e1 .slider-title {
		font-size: 41px;
	}
	.startseite-e6 form {
		padding-top: 40px;
	}
	img[src$="startseite-e3-isoliert-3.webp"] {
		margin-top: -3px;
	}
}
@media only screen and (max-width: 480px) {
	body #willkommen.startseite-e1 .banner-bottom-text p::before {
    	right: 140px;
	}
	.rechtliches {
		padding-left: 20px;
		padding-right: 20px;
	}
	/*
	body .startseite-e2 .accordion > .accordion-item {
		width: 100vw;
	}
	body .startseite-e2 .accordion-collapse {
		width: 80vw;
	}
	body .startseite-e2 .accordion-button::before,
	body .startseite-e2 .accordion-button:not(.collapsed)::before {
		right: 40px;
	}
	*/
	body #kontakt .heading-fix-width-mobile .page-text h2.st-title {
		max-width: 320px;
	}
	footer .footer-top > .row > .col-lg-4,
	footer .footer-top > .row > .col-lg-4 .menu,
	footer .footer-top > .row > .col-lg-4 .contact-widget,
	footer .footer-top > .row > .col-lg-4 .social-links {
		text-align: center;
	}
	footer .footer-top > .row > .col-lg-4 .widget-title h3 {
		padding-bottom: 0;
		padding-top: 50px;
	}
	body .footer-top > .row .footer-logo {
		width: unset;
		height: fit-content;
		margin-top: 45px;
	}
	footer .footer-top > .row > .col-lg-4:nth-child(2) {
		margin-top: -40px; /* Move Ueberblick closer to logo */
	}
}