/**
Theme Name: Shock Child
Template: shock
Theme URI: https://shock.codings.dev
Author: Codings
Author URI: https://codings.dev
Description: The child theme inherits the look and feel of the parent theme and all of its functions, but can be used to make modifications to any part of the theme. In this way, customizations are kept separate from the parent theme’s files. Using a child theme lets you upgrade the parent theme without affecting the customizations you’ve made to your site.
Version: 1.0.0
Text Domain: shock-child
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: https://themeforest.net/licenses/standard
Tested up to: 5.0
Requires PHP: 7.0
*/

/*----------------------------------------------
*
* If you activated the Child Theme, the styles placed here will work.
* 
----------------------------------------------*/

body.lg-on .wpfm-floating-wh-wrapper {
    display: none
}
/* GENERAL SETTINGS */
/* Colors */
:root {
	--ci-gelb: #FEC81E;
	--ci-blau: #23A8E1;
	--ci-blau-gradient-1: #39b1e4;
	--ci-blau-gradient-2: #125471;
	--ci-gruen: #41B351;
}

/* Line next to vertical text */
.label-vertical.outline .label-line {
    color: var(--ci-blau);
}

/* Consent Banner */
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	background-color: var(--cmplz_button_accept_background_color) !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover {
	background-color: #23A8E1 !important;
}

/* HEADER */
/* Logo */
@media only screen and (min-width: 1024px) {
	body .shock-header .navbar:not(.navbar-sticky) .navbar-brand .logo {
		position: relative;
		height: 72px;
		top: -34px;
	}
}
/* Navigation */
body .shock-header .navbar .navbar-nav .nav-link {
    font-size: 1.15rem;
}

/* FOOTER */
/* Column 1 */
.footer-spalte-1 .nav-list > .nav-item:nth-child(3) > a ,
.footer-spalte-1 .nav-list > .nav-item:nth-child(4) > a {
	pointer-events: none;
}
.footer-spalte-1 .nav-list > .nav-item:nth-child(4) {
	margin-top: -10px;
}
.footer-spalte-1 .nav-list > .nav-item:nth-child(4) > a i.icon {
	visibility: hidden;
}
/* Column 3 */
.shock-footer .footer-content .footer-kontakt .icon.fas {
	color: var(--ci-gelb);
}
.shock-footer .footer-content .footer-kontakt .nav-item:last-child i {
	visibility: hidden;
}
.shock-footer .footer-content .footer-kontakt .nav-item:last-child {
	margin-top: -15px;
}
/* Copyright Area */
body .footer-copyright-bereich {
	margin: auto;
	background-color: #EEE !important;
}
@media only screen and (min-width: 576px) {
	body .footer-copyright-bereich {
		max-width: 540px;
	}
}
@media only screen and (min-width: 768px) {
	body .footer-copyright-bereich {
		max-width: 720px;
	}
}
@media only screen and (min-width: 992px) {
	body .footer-copyright-bereich {
		max-width: 960px;
	}
}
@media only screen and (min-width: 1200px) {
	body .footer-copyright-bereich {
		max-width: 1140px;
	}
}
@media only screen and (min-width: 1400px) {
	body .footer-copyright-bereich {
		max-width: 1320px;
	}
}
.footer-content {
	background-color: #EEE;
}
body .footer-copyright-bereich a {
	color: #8f93a5;
}
body .footer-copyright-bereich a:hover {
	color: var(--ci-gelb) !important;
}
body .footer-copyright-bereich .dropdown-content a:hover {
	color: #000 !important;
}

/* Footer Dropdown */
.dropdown {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.dropdown > span {
	padding-left: 8px;
}
.dropdown-content {
	display: none;
	position: absolute;
	padding: 12px 16px;
	z-index: 1;
	background-color: var(--ci-gelb);
	width: max-content;
	/* wenn dropdown nach oben klappen soll */
	top: -86px;
}
.dropdown-content a {
	color: #000 !important;
}
.dropdown-content a:hover {
	color: #555 !important;
}
.dropdown:hover .dropdown-content {
	display: block;
}

/* FLOAT CONTACT MENU */
body .wpfm-template-1 ul li .wpfm-icon-block {
    background: var(--ci-blau);
}
body .wpfm-template-1 ul li a {
    background: var(--ci-blau);
}
body .wpfm-template-1 .wpfm-position-right ul li a:hover .wpfm-icon-block {
    background: var(--ci-blau);
}
#wpfm-floating-menu-nav ul li:last-child {
	padding-top: 6px;
}

/* STARTSEITE */
/* E1 */
.startseite-e1 .text-offset .filled {
    z-index: 2;
}
.startseite-e1 .parent:hover .button,
.startseite-e1 .button:hover,
.startseite-e1 .parent:active .button,
.startseite-e1 .button:active {
    background-color: var(--ci-gelb);
    border-color: var(--ci-gelb);
}
/* E2 */
.startseite-e2 .text-style-1 {
    font-size: 4.5rem;
}
.startseite-e2 h2,
.startseite-e2 h3 {
	text-align: center;
}
/* E4 */
.startseite-e4 .text-hervorheben {
	font-weight: bold;
	text-decoration: underline;
	text-decoration-color: var(--ci-gelb);
}
.startseite-e4-2 .collapsible .collapse-group .collapse-toggle {
    pointer-events: none;
}
/* E6 */
.startseite-e6 .card .icon-wrapper .icon {
    color: var(--ci-blau) !important;
}
.startseite-e6 .card .icon-wrapper {
    background-color: #91d4f0 !important;
}
.startseite-e6-button-wrapper.post-grid .load-more-button .button-text,
.startseite-e6-button-wrapper.post-grid .load-more-button .button-icon {
    --color: var(--shock-black-color);
    --hover-color: var(--shock-white-color);
}
.startseite-e6-button-wrapper.post-grid .load-more-button .overlay {
    --color: var(--shock-gray-50-color);
}
.startseite-e6-button-wrapper.post-grid .load-more-button {
    --hover-color: var(--shock-black-color);
}
/* E7 */
.startseite-e7 .text-2 a {
	color: var(--ci-gelb);
}

/* PHOTOVOLTAIK */
/* E5 */
.photovoltaik-e5 .card-body + a {
	pointer-events: none;
}

/* ELEKTROINSTALLATIONEN */
/* E2 */
.page-id-8253 .dialog-widget.dialog-lightbox-widget,
.page-id-8692 .dialog-widget.dialog-lightbox-widget {
	display: none !important;
}
/* E5 */
.elektroinstallationen-e5-html-wrapper #load-more > .col-12.col-md-6.col-lg-4.load-more-item {
	display: block !important;
}
.elektroinstallationen-e5-html-wrapper .card .title {
    color: var(--ci-gelb) !important;
}
.elektroinstallationen-e5-html-wrapper .card-body > .description + a {
	pointer-events: none;
}

/* GALERIE */
.page-id-8335 .dialog-widget.dialog-lightbox-widget {
	display: none !important;
}
.page-id-8335 .galerie-e1 .nav.nav-tabs {
	display: none;
}

/* UEBER UNS */
/* E1 */
.ueberuns-e1 {
    background-position-y: -185px;
    background-repeat: no-repeat;
}
@media only screen and (min-width: 1921px) {
	.ueberuns-e1 {
    	background-position-y: -350px;
	}
}

/* KONTAKT */
/* E2 */
/*
.kontakt-e2 .text-1 {
    color: var(--shock-black-color) !important;
}
*/
.kontakt-e2 .text-2 {
    color: var(--shock-black-color) !important;
    font-weight: 400 !important;
}
.kontaktdaten-entry {
	color: var(--shock-black-color);
    font-size: 1.2rem;
    font-weight: 700;
}
.kontaktdaten-entry > a {
	color: var(--shock-black-color);
}
.kontaktdaten-entry > a:hover {
	color: var(--ci-gelb);
}
.kontaktdaten-entry > i {
	padding-right: 20px;
	color: var(--ci-gelb);
}
.kontaktdaten-entry:first-child > i,
.kontaktdaten-entry:nth-child(2) > i {
	padding-right: 24px;
}
.kontaktdaten-entry:nth-child(3),
.kontaktdaten-entry:nth-child(4),
.kontaktdaten-entry:nth-child(5) {
	padding-top: 12px;
}
/* SEO MENU */
.menu-seo-seitenleiste-container{
	position: fixed !important;
	right: 0 !important;
	top: 50% !important;
	width: 200px !important;
	z-index: 9999999999999999;
}

*[id^="menu-seo-seitenleiste"]{
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

*[id^="menu-seo-seitenleiste"] > li{
	height: 44px !important;
	background-color: #fec81e !important;
	margin: 0px 0px 2px 0px !important;
	list-style: none !important;
}

*[id^="menu-seo-seitenleiste"] > li:last-child{
	margin-bottom: 0px !important;
}

*[id^="menu-seo-seitenleiste"] > li > a{
	width: 100% !important;
	height: 100% !important;
	float: left !important;
	color: #000000 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	box-sizing: border-box!important;
	width: 100% !important;
	height: 100% !important;
	float: left !important;
	padding: 9px 0px 9px 18px !important;
	font-size: 12px !important;
	line-height: 0 !important;
}

*[id^="menu-seo-seitenleiste"] > li > a:hover{
	color: #000000 !important;
}

@media only screen and (max-width: 1200px){
	.menu-seo-seitenleiste-container{
		display: none;
	}
}

/* SEO PAGES */
.seo-wrapper,
.seo-row{
	width: 100%;
}

.seo-wrapper{
	max-width: 1300px;
	margin: auto;
}

.seo-row{
	display: flex;
	margin-bottom: 80px;
}

.seo-row:last-child{
	margin-bottom: 0px;
}

.seo-column{
	width: 50%;
	max-height: 100%;
	float: left;
	flex: 1;
	position: relative;
}

.seo-image-inner-left{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80%;
    position: absolute;
	right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.seo-image-inner-right{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 80%;
    position: absolute;
	left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.seo-text{
	background-color: #fec81e;
}

.seo-text-inner,
.seo-text-inner > p,
.seo-text-inner > h3{
	color: #000000 !important;
}

.seo-text-inner,
.seo-text-inner > p{
	font-size: 16px !important;
	line-height: 24px !important;
}

.seo-text-inner > h3{
	font-size: 26px !important;
	line-height: 30px !important;
	margin: 0px 0px 14px 0px !important;
}
.seo-text-inner a {
	color: #000;
	text-decoration: underline;
}
.seo-text-inner a:hover {
	color: var(--ci-blau);
}

.seo-text-inner{
	padding: 60px;
	box-sizing: border-box;
}

@media only screen and (max-width: 1200px){	
	.seo-row{
		flex-direction: column;
		margin-bottom: 40px;
	}
	
	.seo-column{
		width: 100%;
		min-height: 400px;
		flex: 0 0 100%;
	}
	
	.seo-row:nth-child(odd) > .seo-column:first-child{
		order: 2;
	}
	
	.seo-row:nth-child(odd) > .seo-column:last-child{
		order: 1;
	}
	
	.seo-text-inner{
		padding: 32px;
	}
	
	.seo-image-inner-left{
		height: 100%;
	}
	
	.seo-text-inner > h3{
		font-size: 24px !important;
	}
	
	.seo-text-inner,
	.seo-text-inner > p{
		font-size: 14px !important;
		line-height: 20px !important;
	}
}
/* RECHTLICHE UNTERSEITEN */
.imp-header-all{line-height: 1.2; margin-top: 20px; margin-bottom: 10px;font-size: 28px !important;}
.imp-paragraph{margin-bottom: 10px; line-height: 26px; font-size: 16px;}
.ds-header-all{line-height: 1.2; margin-top: 20px; margin-bottom: 10px;}
.ds-header-1{font-size:28px !important;}
.ds-header-2{font-size:24px !important;}
.ds-header-3{font-size:20px !important;}
.ds-wrapper{margin-left: 20px;}
.ds-paragraph{margin-bottom: 10px; line-height: 26px; font-size: 16px;}

.ds-paragraph + ul a {
	color: var(--ci-blau);
}

.ds-paragraph a,
.imp-paragraph a {
	color: #8f93a5;
}
.ds-paragraph a:hover,
.imp-paragraph a:hover {
	color: var(--ci-blau);
}
body .breadcrumb-nav .breadcrumb .breadcrumb-item .breadcrumb-link:hover,
body .breadcrumb-nav .breadcrumb .breadcrumb-item .breadcrumb-link:hover .icon {
    color: var(--ci-blau);
}
body .breadcrumb-nav .breadcrumb .breadcrumb-item .breadcrumb-link:hover .image-icon {
    fill: var(--ci-blau);
    stroke: var(--ci-blau);
}

.page-id-8462 .title > .entry-title,
.page-id-8461 .title > .entry-title,
.page-id-9178 .title > .entry-title {
    color: var(--ci-gruen);
    font-style: italic;
    text-decoration: underline;
    text-decoration-color: var(--ci-blau);
    text-decoration-thickness: 14px;
    text-decoration-skip-ink: none;
}

/* MOBILOPTIMIERUNG */
/* Mobile Menu */
@media only screen and (max-width: 991px) {
	body .shock-header .navbar .navbar-collapse .navbar-nav .nav-link:hover {
    	color: var(--ci-blau);
	}
	body .shock-header .navbar .navbar-collapse .dropdown-toggle.has-icon.show .image-icon {
    	border-color: var(--ci-blau);
    	fill: var(--ci-blau);
    	stroke: var(--ci-blau);
	}
	.shock-header .navbar.has-top-bar:not(.navbar-sticky) .navbar-top div > .navbar-nav {
		display: block;
	}
	.shock-header .navbar.has-top-bar:not(.navbar-sticky) .navbar-top div > .navbar-nav > .nav-item {
		padding-bottom: 3px;
	}
	.shock-header .navbar.has-top-bar:not(.navbar-sticky) .navbar-top div > .navbar-nav > .nav-item:last-child {
		padding-bottom: 0;
	}
	.shock-header .navbar.has-top-bar .navbar-top div > .navbar-nav > .nav-item.hover-up-down:hover {
		animation: none;
	}
	body .shock-header .navbar.has-top-bar .navbar-top div > .navbar-nav > .nav-item,
	body .shock-header .navbar .navbar-nav .nav-link {
    	color: #1a1a20;
	}
	#header.shock-header {
		margin-bottom: 50px;
	}
	
	/* Don't show Top Bar on Mobile */
	body .shock-header .navbar.has-top-bar:not(.navbar-sticky) .navbar-top {
    	display: none;
	}
	/* The Top Bar is somehow expected to be on top of the sticky (in the hidden area); but it shouldn't be visible for the brief moment that switching to Sticky Mode occurs */
	body .shock-header .navbar.has-top-bar.navbar-sticky .navbar-top {
    	visibility: hidden;
	}
}
/* Startseite */
@media only screen and (max-width: 767px) {
	.startseite-e1 .text-style-1,
	.startseite-e1 .text-style-4 {
		font-size: 2.5rem;
	}
	.startseite-e2 .text-style-1 {
    	font-size: 2.5rem;
	}
	.startseite-e2 .scrolling-text .text-wrapper {
    	white-space: normal;
	}
	.startseite-e4-2 .form-button,
	.startseite-e7 .form-button {
		padding-top: 32px;
	}
}
@media only screen and (max-width: 375px) {
	.startseite-e1 .text-style-1,
	.startseite-e1 .text-style-4 {
		font-size: 2rem;
	}
	.startseite-e4 .text-style-2 {
    	font-size: 2.8rem;
	}
}
/* Photovoltaik und Elektroinstallationen */
@media only screen and (max-width: 767px) {
	.photovoltaik-e4-heading mark::before,
	.elektroinstallationen-e1-heading mark::before {
		height: 20%;
		display: none;
	}
}
@media only screen and (max-width: 1023px) {
	.photovoltaik-e6-oben {
		display: none;
	}
}
@media only screen and (max-width: 425px) {
	/* Two Graphics per Line */
	.photovoltaik-e2 .stretch-section .elementor-column {
		width: 50%
	}
}
/* Ueber uns */
@media only screen and (max-width: 991px) {
	.page-id-8303 .shock-header .navbar.has-top-bar .navbar-top {
		background-color: #fff;
	}
	.page-id-8303 .shock-header .navbar .navbar-toggler .navbar-toggler-icon .line {
	    background-color: #000;
	}
	.page-id-8303 .shock-header .navbar .navbar-nav .nav-link:hover, .page-id-8303 .shock-header .navbar .navbar-nav .nav-link.show {
    	color: var(--ci-blau);
	}
	.page-id-8303 #main > div > .elementor-section {
		background-size: 365% !important;
	}
	.ueberuns-e3 .form-button {
		padding-top: 32px;
	}
	.page-id-8303 .shock-header .navbar .navbar-brand {
	    position: relative;
    	top: -7px;
	}
}
/* Kontakt */
@media only screen and (max-width: 991px) {
	.page-id-8346 .shock-header .navbar.has-top-bar .navbar-top {
		background-color: #fff;
	}
	.page-id-8346 .shock-header .navbar .navbar-toggler .navbar-toggler-icon .line {
	    background-color: #000;
	}
	.page-id-8346 .shock-header .navbar .navbar-nav .nav-link:hover, .page-id-8346 .shock-header .navbar .navbar-nav .nav-link.show {
    	color: var(--ci-blau);
	}
	.kontakt-e2 .form-button {
		padding-top: 32px;
	}
	.page-id-8346 .shock-header .navbar .navbar-brand {
	    position: relative;
    	top: -7px;
	}
	.page-id-8346 .shock-header .navbar .navbar-toggler {
		position: relative;
		top: -5px;
	}
}
/* SEO */
@media only screen and (max-width: 991px) {
	.page-id-8458 #header.shock-header,
	.page-id-8457 #header.shock-header {
		margin-bottom: 75px;
	}
}
@media only screen and (max-width: 425px) {
	.page-id-8457 .basic-intro > h1.title {
		font-size: 2.5rem;
	}
}
/* Rechtliches */
.cmplz-document-eu h2 {
    line-height: 1.2 !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-size: 28px !important;
	font-weight: 700 !important;
}
.cmplz-document-eu p {
    margin-bottom: 10px !important;
    line-height: 26px !important;
    font-size: 16px !important;
}
.cmplz-document-eu .cmplz-subtitle {
    line-height: 1.2 !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-size: 24px !important;
	font-family: var(--shock-secondary-font);
	color: var(--color-2);
	margin-left: 20px !important;
}
#cmplz-document .cmplz-subtitle + p {
    margin-left: 20px !important;
}
@media only screen and (max-width: 767px) {
	.ds-paragraph + ul li a {
		word-wrap: break-word;
	}
}
/* Floating Menu Fix */
.wpfm-template-1 ul:hover {
    width: 293px;
}
.wpfm-template-1 ul {
    width: 40px;
	transition: 0.5s;
}
.wpfm-template-1 .wpfm-tootltip-title {
	visibility: hidden;
}
.wpfm-template-1 li:hover .wpfm-tootltip-title {
	visibility: visible;
}
/* Footer */
@media only screen and (max-width: 425px) {
	.dropdown-content {
		left: -40px;
	}
}