/*
	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%;
}

:root {
	--kdac: #000;

	--c3: #363d43; /* Blaugrau */
	--c4: #beac84; /* Gold */
	--c5: #422713; /* Dunkelbraun */
	--c6: #16172f; /* Dunkelblau */
	--c7: #b2bbde; /* Hellblau */
	--c8: #f1f1f1; /* lightgrey */
}


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

/* Active-Status im Submenü */
/*
.current_page_item a span{
  color: var(--c3);
}
*/
/* END Active-Status im Submenü */




/* Schriftgröße Menü anpassen */
    @media(min-width:980px) and (max-width:1280px){
        #top-menu li {
            padding-right: 14px;
        }

        ul#top-menu li a {
            font-size: 14px;
        }
    }
/* END Schriftgröße Menü anpassen */



/* 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 */



/* Infoleiste telefonische Beratung */

.wave_section {
	overflow: auto;
    background: linear-gradient(315deg, rgba(255,25,25,1) 3%, rgba(251,137,29,1) 38%, rgba(255,25,25,1) 68%, rgba(251,137,29,1) 98%);
    animation: gradient 15s ease infinite;
    background-size: 400% 400%;
    background-attachment: fixed;
}

@keyframes gradient {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}



.wave:nth-of-type(2) {
    bottom: -1.25em;
    animation: wave 18s linear reverse infinite;
    opacity: 0.8;
}

.wave:nth-of-type(3) {
    bottom: -2.5em;
    animation: wave 20s -1s reverse infinite;
    opacity: 0.9;
}

@keyframes wave {
    2% {
        transform: translateX(1);
    }

    25% {
        transform: translateX(-25%);
    }

    50% {
        transform: translateX(-50%);
    }

    75% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(1);
    }
}




/* END Infoleiste telefonische Beratung */



/*  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 */









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



/*  Dynamische Fontgrößen  */

    .dynhead .header-content h1, .dynhead .et_pb_column .et_pb_module h1, .dynhead h1 {
		font-size: clamp(2.2rem, 5vw, 6.4rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
    }

    .dynhead .header-content h2, .dynhead .et_pb_column .et_pb_module h2, .dynhead h2 {
		font-size: clamp(2.0rem, 5vw, 4.2rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
    }

    .dynhead .header-content h3, .dynhead .et_pb_column .et_pb_module h3, .dynhead h3 {
		font-size: clamp(2.0rem, 5vw, 3.6rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
    }

    .dynhead .header-content h4, .dynhead .et_pb_column .et_pb_module h4, .dynhead h4 {
		font-size: clamp(2rem, 5vw, 3.2rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
    }

    .dynhead .header-content h5, .dynhead .et_pb_column .et_pb_module h5, .dynhead h5 {
		font-size: clamp(1.8rem, 5vw, 2.4rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
    }

    .dynhead .header-content h6, .dynhead .et_pb_column .et_pb_module h6, .dynhead h6 {
		font-size: clamp(1.6rem, 5vw, 2.0rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
    }


	.h1_substitute {
		font-size: clamp(2.6rem, 5vw, 6.4rem) !important;
		line-height: clamp(4rem, 5vw, 5rem);
	}


   .dyntext .et_pb_module.et_pb_text p, .dynhead .et_pb_module.et_pb_text li  {
        font-size: clamp(1.6rem, 5vw, 2rem) !important;
		line-height: clamp(1.6rem,10vw,2.8rem);
	}

/* END Dynamische Fontgrößen  */



/* Fullwidth Header Content Width */
.header-content {
	max-width:80% !important;
}



/* END Fullwidth Header Content Width */




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

.nohyphens {
    -moz-hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

.nohyphens.et_pb_module {
    word-wrap: normal!important;
    overflow: visible!important;
}
/* END autom. Silbentrennung aktivieren */


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



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

    .blacklinks a {
        color:#000;
    }
/*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 */



/* Timeline Styles in Seite Vita */
.ruther_timeline .dsm-content-timeline-items-wrapper.dsm-left .dsm-content-timeline-content-wrapper {
  padding-top:0 !important
}

.ruther_timeline .dsm-timeline-content {
  padding-top:10px !important;
  margin-top:0 !important;
}


.dsm_content_timeline_0 .dsm-left .dsm-content-timeline-date.dsm-desktop .date {
    text-align: right !important;
}


.dsm_content_timeline_0 .dsm-pointer-active .dsm-pointer-wrapper, .dsm_content_timeline_0 .dsm-pointer-wrapper {
    padding: 1px 11px !important;
}


/* END Timeline Styles in Seite Vita */



/* Ruther Border doppelt */
.ruther-border-top::before {
	content: "";
	position:absolute;
	top:-8px;
	left:0;
	background:#c8ac48;
	width:50%;
	height:2px;
}

.ruther-border-bottom::after {
	content: "";
	position:absolute;
	bottom:4px;
	left:0;
	background:#c8ac48;
	width:50%;
	height:2px;
}
/* END Ruther Border doppelt */



/* Ruther Besucherzähler */
.post-views .icon::before {
    font-family: 'ETmodules'; /* Divi-Icon-Schriftart */
    content: "\e08a"; /* Icon-Code */
    font-size: 16px;
    margin-right: 5px;
    vertical-align: middle;
    /*color: #333; /* Farbe des Icons anpassen */
}
/* END Ruther Besucherzähler */




/* Ruther Animierter Text-link */
.cta-blog-link-class a.et_pb_button.et_pb_promo_button {
	padding-left:0 !important;
}
.cta-blog-link-class a.et_pb_button.et_pb_promo_button:hover {
    text-decoration: underline;
}

.cta-blog-link-class .et_pb_promo_description, .cta-blog-link-class .et_pb_module_header {
	padding-bottom:0;
}


/* Ruther Animierter Text-link */




/* Ruther Animiertes Blogpost Bild */
.custom-blog-hover .et_pb_post .entry-featured-image-url {
  position: relative;
  display: block;
  overflow: hidden;
}

.custom-blog-hover .et_pb_post .entry-featured-image-url:before,
.custom-blog-hover .et_pb_post .entry-featured-image-url:after {
  content: '';
  position: absolute;
  top: 0;
  width: 0; /* Starten mit 0 Breite */
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
  transition: width 0.5s ease-out;
}

.custom-blog-hover .et_pb_post .entry-featured-image-url:before {
  left: 0;
}

.custom-blog-hover .et_pb_post .entry-featured-image-url:after {
  right: 0;
}

.custom-blog-hover .et_pb_post .entry-featured-image-url:hover:before {
  width: 50%; /* Dehnt sich bei Hover auf die Hälfte des Bildes aus */
}

.custom-blog-hover .et_pb_post .entry-featured-image-url:hover:after {
  width: 50%; /* Dehnt sich bei Hover auf die andere Hälfte des Bildes aus */
}

/* Ruther Blogbeiträge Liste */
.cr_blogpost_list .et_pb_post {
  background-color:#f5f5f5;
}

.cr_blogpost_list .et_pb_post .entry-featured-image-url {
    margin-bottom:0;
}


.post-views {
    font-size: 16px;
    color: #747981;
    display: table;
    align-items: center;
}

.post-views i {
    margin-right: 5px;
    color: #747981;
}
.home .post-views {
	margin-left:20px;
}

.cr_no_counter .post-views {
	display:none;
}
	



/* END Ruther Blogbeiträge Liste */






/* ==========================================================================
   KUDO SECTION
   ========================================================================== */


   .kd-heart::after {
        content: "\e089";
        font-family: 'ETmodules';
        color: var(--kdac);
    }


/* END OF ALL */