/*
	Theme Name: KNOLLE-DESIGN-Theme
	Theme URI: https://knolle.biz/
	Description: Willkommen zum Knolle-Theme – die perfekte Grundlage für dein Webprojekt! Entwickelt und bereitgestellt von Jens Knolle, bietet dieses Theme eine Auswahl an durchdachten Features, die deine Arbeit mit Wordpress noch effizienter und kreativer machen.
	Author: Jens Knolle
	Author URI: https://knolle.biz/
	Template: Divi
	Version: 1.0.0
	Tag: Child Theme, Knolle Biz 
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ==========================================================================
   ROOT SECTION
   ========================================================================== */

* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

#page-container {overflow:hidden}
 
a[href^="#"] {
	cursor:pointer;
}

:root {
	--kdac: #88724e;

	--c3: #0b4395; /* Blau */
	--c4: #072c62; /* Dunkelblau */
	
	--c5: #af133b; /* Rot */
	--c6: #cef2ff; /* Eisblau */
	--c7: #d1d1d1; /* Mittelgrau */
	--c8: #f1f1f1; /* lightgrey */
	
/*	--bp1:767px; /* breakpoint mobile */
/*	--bp2:980px; /* breakpoint tablet */
/*	--bp3:1280px; /* breakpoint narrow screen */
}


.mce-panel .mce-stack-layout-item.mce-first {
	position: sticky!important;
	top: -60px;
}



/* ==========================================================================
   MENU/HEADER SECTION
   ========================================================================== */



/* autom. Silbentrennung aktivieren */
body {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
/* END autom. Silbentrennung aktivieren */



/* Avoid jumping Menu 
@media only screen and ( min-width: 981px ){
body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header {
    top: 120px !important;
}
}
/* END Avoid jumping */

/* Telefonnummer im TOP-Header näher an Text davor */
@media only screen and (max-width: 768px) {
	#db-info-text {
		margin-right:0 !important;}
	#et-info { float:right !important; }
}
/* END Telefonnummer näher an Text davor */



/* Hochgestellt */
	sup {
		font-size:10px !important;
	}
/* END Hochgestellt */


/*  FOOTER KEIN HAMBURGER MENU */
.et-l.et-l--footer .et_pb_menu__menu {
    display: block !important;
}
.et-l.et-l--footer .et_mobile_nav_menu {
    display: none !important;
}
/* END FOOTER KEIN HAMBURGER MENU */




/* Megamenü Pfeil am Ende jeden Menüpunkts */

.mmnavpoint .et_pb_text_inner p::after {
	font-family: 'ETmodules';
	content: " \35";
}

.mmnavpoint a:hover, .mmnavpoint p:hover{
	text-decoration: none !important;
}

/* MENU SECTION END --------------------------------------------------------------------------------- */






/* ==========================================================================
   CONTENT SECTION
   ========================================================================== */

/*  Dynamische Fontgrößen Headlines */

.header-content h1, .et_pb_column .et_pb_module h1 {
  font-size: clamp(26px, 4vw, 64px) !important;
}

.header-content h2, .et_pb_column .et_pb_module h2 {
  font-size: clamp(24px, 3vw, 42px) !important;
}

.header-content h3, .et_pb_column .et_pb_module h3 {
  font-size: clamp(22px, 2.5vw, 36px) !important;
}

.header-content h4, .et_pb_column .et_pb_module h4 {
  font-size: clamp(20px, 2.2vw, 32px) !important;
	color: #af133b !important;
}

.header-content h5, .et_pb_column .et_pb_module h5 {
  font-size: clamp(18px, 2vw, 24px) !important;
}

.header-content h6, .et_pb_column .et_pb_module h6 {
  font-size: clamp(16px, 1.8vw, 20px) !important;
}
/* END Dynamische Fontgrößen Headlines */


.et_pb_column .footer-headline h4 {
  font-size: 16px !important;
}



/* Dynamische h2  */
.et_pb_column .dynamic_h2 h2 {
  font-size: clamp(18px, 1vw, 22px) !important;
}
/* END Dynamische Fontgröße longcopy */


/* Dynamische Fontgröße longcopy */
.dynamic_p p {
  font-size: clamp(14px, 1vw, 18px) !important;
}
/* END Dynamische Fontgröße longcopy */



/* Abstand zum Teamfoto */
.et_pb_team_member .et_pb_team_member_description h4 {
	padding-top:25px !important;
}
.et_pb_team_member_image {
	max-width:1024px !important;
}
/* END Abstand zum Teamfoto */



/* Blog auf Startseite ohne Padding */

.startblog .et_pb_blog_grid .et_pb_post {
	padding: 0 !important;
}

/*Underline Links*/
p a:hover {
    text-decoration:underline !important;
}
/*END Underline Links*/



/*White Links*/
.whitelink a {
    color:#ffffff;
}
/*END White Links*/



/* Dateinamen unter Gallerybild entfernen */
.mfp-title {
	display:none !important;
}
/* END Dateinamen unter Gallerybild entfernen */



/* 3 Bilder nebeneinander on mobile */
@media only screen and (max-width: 980px) {
    .three-columns .et_pb_column {
    width: 33.33%!important;
}
}
/* END */



/* BLOG Layout anpassen */

.widgettitle {
	font-size: clamp(20px, 2.2vw, 32px) !important;
    color: rgb(175, 19, 59) !important;
}



/* END BLOG Layout anpassen*/



.video-overlay {
  position: relative !important;
  overflow: hidden;
}

/* sorgt dafür, dass das Video hinter dem Overlay bleibt */
.video-overlay .et_pb_section_video_bg,
.video-overlay .et_pb_section_video_bg video {
  z-index: 0 !important;
}

/* halbtransparentes WIR-Blau über das Video */
.video-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(11, 67, 149, 0.7); /* kräftiges Blau */
  z-index: 1;
  pointer-events: none; /* verhindert Klick-Blockade */
}

/* Inhalt bleibt über dem Overlay sichtbar */
.video-overlay .et_pb_row,
.video-overlay .et_pb_module {
  position: relative;
  z-index: 2;
}



/* Email-icon vor Email-Adresse */
.mein-team a[href^="mailto:"]::before {
  content: "\e076";
  font-family: "ETmodules" !important;
  font-weight: normal !important;
  font-style: normal !important;
  margin-right: 8px;
  color: var(--c5);
  vertical-align: middle;
  display: inline-block;
  -webkit-font-smoothing: antialiased; /* Macht das Icon schärfer */
  -moz-osx-font-smoothing: grayscale;
}

/* Das Icon für das Telefon */
.mein-team a[href^="tel:"]::before {
  content: "\e090"; /* Divi Telefon-Icon */
  font-family: "ETmodules";
  margin-right: 8px;
  color: #2ea3f2; 
}



/* ==========================================================================
   KUDOS SECTION
   ========================================================================== */


.kd-heart::after {
    content: "\f004";
	font-family: "Font Awesome 5 Free";
	color: #c9dd2e;
}