/*
Theme Name: Child Theme
Description: Copyright © LOOP Media
Author: Hanno Köster | LOOP Media
Author URI: https://www.loop-media.de
Version: 2.4.1
Template: Divi
*/

/*
Style 
================================================== 
	@import url(css/contact-form-7.css);
	)*/
	
	
	
/*
Font Awesome 
==================================================
	@import url(fonts/fontawesome-6-2-1/css/all.min.css);
	*/


/* 
Fonts (60, 48, 36, 24, 21, 18, 16, 14, 12 (P: 18))
================================================== */

	@import url(fonts/lexend-deca.css);
	
	html {
		font-size: 18px;
		}

	body {
		font-family: 'Lexend Deca', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; 
		font-weight: 300;
		font-size: 1rem;
		line-height: 150%;
		color: #1d1d1d;
		}

	h1, h2, h3, h4, h5, h6 { 
		font-family: 'Lexend Deca', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
		font-weight: 700;
		color: #1d1d1d;
		}
	
	h1 {
		font-size: clamp(2rem, 1.6129rem + 1.9355vw, 2.6666666667rem);
		line-height: 150%;
		}

	h2 {
		font-size: clamp(1.3333333333rem, 0.9462rem + 1.9355vw, 2rem);
		line-height: 150%;
    	}

	h3 {
		font-size: clamp(1.16666666666667rem, 1.0697rem + 0.4847vw, 1.33333333333333rem);
		line-height: 150%;
    	}

	h4 {
		font-size: clamp(1rem, 0.9032rem + 0.4839vw, 1.16666666666667rem);
		line-height: 150%;
		}

	h5 {
		font-size: clamp(0.888888888888889rem, 0.8244rem + 0.3226vw, 1rem);
		line-height: 150%;
		}

	h6 {
		font-size: clamp(0.888888888888889rem, 0.8244rem + 0.3226vw, 1rem);
		line-height: 150%;
		}
		
/* 
Screen 
================================================== */

	/* Grosse Bildschirme über (1405px) */
		@media only screen and ( min-width: 1280px ) { 
		}

	/* Laptops & Desktops zwischen (1100-1405px) */
		@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
		}

	/* Tablets in Landscape-Modus zwischen (981-1100px) */
		@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
		}

	/* Tablets in Portrait-Modus zwischen (768-980px) */
		@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
		}

	/* Smartphones in Landscape-Modus zwischen (480-768px) */
		@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
		}

	/* Smartphones im Portrait-Modus zwischen (0-479px) */
		@media only screen and ( max-width: 479px ) {
		}

/*
Fonts | Links
================================================== */

	/* Höhe Auflistungen */
		li {
	   		line-height: 1.7;
		}

		ol {
			margin-top: 5px;
		}

	/* HR Linie Abstand unten */
		hr {
			margin-bottom: 25px;
		}

	/* Links im Content unterstreichen */
		#main-content .et_pb_text_inner a:not(.et_pb_button) {
			text-decoration: underline;
		}

/* 
Breakpint
================================================== */

	@media (max-width: 980px) {
		#et_mobile_nav_menu {
			display: block;
		}

		#top-menu {
			display: none;
		}
	}

@media only screen and (min-width: 981px) {
   .mobile_menu_bar {
 		margin-top: -15px;
		}
	}
	
/* 
Content-Breite für mobile Geräte 
================================================== */

	@media only screen and (max-width: 980px) {
		#top-header > .container,
		#main-header > .container,
		#et_search_outer > .container,
		body.single #main-content > .container,
		body.page:not(.et-tb-has-template) div.et_pb_row,
		body.page.et-tb-has-template .et-l--post div.et_pb_row,
		body.single-project div.et_pb_row,
		body.single-project div.et_pb_row.et_pb_row_fullwidth {
		width: 90% !important; 
		}
	}

/*
Logo
================================================== */

	span.logo_helper {
		display: none !important;
		}

	.logo_container {
		display: flex;
		align-items: center;
		}

	@media screen and (max-width: 980px) {
		.et_header_style_left #logo {
			max-width: 100%; /* Logo breite */
		}}
		
	@media screen and (max-width: 479px) {
		.et_header_style_left #logo {
			max-width: 90%; /* Logo breite */
		}}

/* Logo im Hauptmenü von links nach rechts verschieben 
	
	#et-top-navigation {
	   float: left; 
	   padding-left: 0 !important;
	}
	.container .logo_container {
	   text-align: right;
	}	
*/
	
/* Logo als Text */
	.custom_header {
		font-size: 24px;
		line-height: normal;
		font-weight: 600;
		}
	
/*
Menü - Dopdown
================================================== */

	#top-menu .sub-menu {
		border-top: 2px solid #333; /* Rahmen oben */
		padding-top: 0px;
		padding-bottom: 0px;
		}

	#top-menu .sub-menu li {
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
		}

	#top-menu .sub-menu li a {
		width: 100%;
		border-bottom: 1px solid #ccc;
		}

	#top-menu li li a {
		padding-top: 14px;
		padding-bottom: 14px;
		}

	.sub-menu li:hover {
		background-color: #fff; /* Hover color menu item */
		}

	.nav ul li a:hover {
		background-color: #f8f8f8; /* Hover color menu item */
		}

	.nav li ul {
		width: 350px;
		}

	.nav li li ul {
		left: 347px;
		margin-top: 21px !important;
		margin-left: 5px !important;
		margin-right: 115px !important;	
		}

	.et-fixed-header .sub-menu {
		margin-top: 1px;
		}
		
/*
Sekundäre Menüleiste
================================================== */

	#et-secondary-menu .sub-menu {
		border-top: 2px solid #333; /* Rahmen oben */
		padding-top: 0px;
		padding-bottom: 0px;
		}

	#et-secondary-menu .sub-menu li {
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
		}

	#et-secondary-menu .sub-menu li a {
		width: 100%;
		border-bottom: 1px solid #ccc;
		}

	#et-secondary-menu li li a {
		padding-top: 14px;
		padding-bottom: 14px;
		}

/*
Header-Elemente
================================================== */

	#top-header #et-info {
		float: none !important;
		text-align: right;
		padding-top: 10px;
		padding-bottom: 20px;
		}
		
/*
Menü Button Rahmen
================================================== */

	.loop-button-rahmen {
		padding-top: 10px;
		padding-bottom: 5px;
		margin-top: -25px !important;
		}

	.loop-button-rahmen a {
		padding: 15px !important;
		background: #fff;
		color: #333 !important;
		border: 2px solid #000 !important;
		}

	.loop-button-rahmen:hover a {
		background-color: #f8f8f8 !important;
		color: #000 !important;
		opacity: 1 !important;
		}

	#main-header.et-fixed-header .loop-button-rahmen a {
		color:#000 !important;
		}

	@media (max-width: 980px){
		#page-container .loop-button-rahmen {margin-top: -5px !important; margin-bottom: -5px !important;}
		}

	@media screen and (min-width:981px) and (max-width:1001px) {
	#main-header .container {
		width:90% !important;
		max-width:100% !important;
			}
		}
	
/*
Menü Mobil 
================================================== */

	/* Hamburger Menue - Abstand oben */	
		.mobile_menu_bar:before {
			top: 3px;
		}
		
	/* Hamburger Menue */
		.mobile_menu_bar:before {
			font-size: 60px!important;
		}

	/* Schriftgröße */
		.et_mobile_menu li a {
			font-size: 18px;
		}

/* 
Footer
================================================== */

	/* Footer Links nicht fett */
		.bottom-nav a:link { font-weight: normal !important; }
			#footer-info a:link { font-weight: normal !important; }
	
	/* Mobile Menü im Footer deaktivieren */
		@media only screen and (max-width: 980px) {     
			footer .et_pb_menu__menu {
				display: block !important;
			}
			footer #et_mobile_nav_menu, footer .et_mobile_nav_menu { 
				display: none !important;
				}
			}
			
	/* Footer Bullet Points entfernen */
		#footer-widgets .footer-widget li:before {
			display:none;
		}
		
		#footer-widgets .footer-widget li {
    		padding-left: 0px;
		}

/*
Blog
================================================== */

	/* Search Button Rahmen */
		.wp-block-search .wp-block-search__button {
			border: 1px solid #ccc;
			}

	/* Titel im Blog nicht unterstreichen */
		.entry-title a {
			text-decoration: none !important;
			}

/*
Cookie Tool
================================================== */

	.freeprivacypolicy-com---nb {
		box-shadow: rgba(0, 0, 0, 0.19) -6px -6px 12px;
		}

	.cc-nb-main-container {
		background-color: #f2f2f2;
		border-top: #ccc solid 1px;
		border-left: #ccc solid 1px;
		}

	.cc-nb-main-container {
		color: #111111 !important;
		text-align: left;
		}

	.cc-nb-text, .cc-nb-title {
		color: #000 !important;
		}

	.cc-nb-okagree {
    background: #008002 !important;
		}

	.cc-nb-reject {
    	background: #ccc !important;
    	color: #000 !important;
		}

	.cc-nb-changep {
    	background: #ccc !important;
		color: #000 !important;
		}

	.cc-cp-foot-byline {
		text-align: center!important;
		font-size: 12px !important;
		color: #999999 !important;
		}

/*
Cookie Button
================================================== */

	.loop-cookie-button {
		font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
		"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji",
		"Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

		background: rgba(0,0,0,.4);
		text-decoration: none;
		position: fixed;
		z-index: 99999;
		bottom: 10px;
		left: 0;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		display: none;
		cursor: pointer;
		font-size: 12px;
		padding: 0px 10px 0px 5px;
		}

	.loop-cookie-button a { 
		color: #fff; 
		text-decoration: none; 
		}