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

/* KFZ Hafner  */

	:root {
	  --kdac: #9d9d9c;
	}

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



/* Divi Icon in Menü */
.divi-icon {
	font-family: 'ETmodules';
}

.standard {
	font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
}
/* END Divi Icon in Menü */



/* Divi Icon in Menü */
	#top-header .et-social-icon a {
		color: #9d9d9c; /* Deine Wunschfarbe */
	}

/* Hover-Farbe */
	#top-header .et-social-icon a:hover {
		color: #fff; /* Deine Hover-Farbe */
	}
/* END Divi Icon in Menü */









/* Schriftgröße Menü anpassen */
	@media(min-width:980px) and (max-width:1380px){

	.et_pb_svg_logo #logo {
		height: 50px;
	}

	div#et-top-navigation {
		padding-left: 0 !important;
	}

	.container {
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 15px;
		padding-right: 15px;
	}	

	.container.et_menu_container {
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 15px;
		padding-right: 15px;
	}




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

	ul#top-menu li a {
		font-size: 14px;
	}
	}

	@media(min-width:1381px) {
	#top-menu li {
		padding-right: 3vw;
	}
	}
/* END Schriftgröße Menü anpassen */



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




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





/* linien unter menu */
	#top-header, #main-header {
		border-bottom: 1px #484848 solid;
	}
/* END weisse linien unter menu */



/* Trennlinie über der Telefonnummer im Mobile-Menu */
	.menu-trenner {
		border-top: 1px solid #9d9d9c;
		margin-top:15px;
	}
/* END Trennlinie über der Telefonnummer im Mobile-Menu */

/* Mobile menu graue links ab SERVICE */
	.grey-links a {
		color:#9d9d9c !important;
	}
/* END Mobile menu graue links ab SERVICE */




/* Submenu-Links im Divi-Theme */
	.sub-menu li a:hover:before {
	  content: ">";
	  padding-right: 5px;
	  transform: translateX(5px);
	}
	.sub-menu li a:before {
	  content: "";
	  padding-right: 5px;
	  transition: all 0.2s ease-in-out;
	}
/* END Submenu-Links im Divi-Theme */




/* Weisser Raum unter mobiler Navi beim schmaler ziehen des Fensters */
@media only screen and (max-width: 980px) {
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_fixed_nav.et_show_nav #page-container {
    padding-top: -85px;
}
}
/* END Weisser Raum unter mobiler Navi beim schmaler ziehen des Fensters */



/* E-Mail und Telefon im Top-Menu nach rechts */
  @media only screen and (min-width: 768px) {
    #et-info { float:right !important; }
  }
/* END E-Mail und Telefon im Top-Menu nach rechts */


/* Hover-Effekt auf klickbare Telefonnummer */
	#et-info-phone:hover { 
	  opacity: 0.7; 
	  -moz-transition: all 0.4s ease-in-out; 
	  -webkit-transition: all 0.4s ease-in-out; 
	  transition: all 0.4s ease-in-out; 
	}
/* END Hover-Effekt auf klickbare Telefonnummer */




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










/* CONTENT SECTION ---------------------------------------------------------------------------------- */

/* Schriftschnitt Longcopy
body p {
	font-weight:300;
}
/* Schriftschnitt Longcopy */ 

.header-content h3, .et_pb_column .et_pb_module h3, h3 {
	color:#9D9D9C;
	text-transform:uppercase;
	letter-spacing: 0.1em;
}

/*  Dynamische Fontgrößen Headlines */

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

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

.dynhead .header-content h3, .dynhead .et_pb_column .et_pb_module h3, .dynhead h3 {
	font-size: clamp(22px, 2.4vw, 35px) !important;
	text-decoration: uppercase !important;
}

.dynhead .header-content h4, .dynhead .et_pb_column .et_pb_module h4, .dynhead h4 {
	font-size: clamp(20px, 2vw, 20px) !important;
}

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

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



/* Autoaufbereitung-Slider */
.swissvax_slider .header-content {
	width:100% !important;
	max-width:4800px !important;
}

.swissvax_slider .header-content h1, .swissvax_slider .et_pb_column .et_pb_module h1, .swissvax_slider h1 {
	font-size: clamp(22px, 3.2vw, 60px) !important;
}

.swissvax_slider .et_pb_fullwidth_header_subhead {
	font-size: clamp(18px, 2.8vw, 46px) !important;
}
/* END Autoaufbereitung-Slider */


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



/* SWISSVAX Dynamische Fontgröße longcopy */
.dynamic_sv p {
  font-size: clamp(18px, 2vw, 35px) !important;
	line-height:1.2;
}
/* END Dynamische Fontgröße longcopy */



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



/*White Links*/
.whitelinks 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;
}
}

@media only screen and (max-width: 767px) {
    .two-columns .et_pb_column {
    width: 50%!important;
}
}

@media only screen and (max-width: 1440px) {
    .two-columns-1440 .et_pb_column {
    width: 50%!important;
}
}
/* END */



/* 4 spalten als Grid bis 1440 px */

@media only screen and (min-width: 1440px) {
	.hafner-termine-grid {
	display:grid;
	grid-template-columns: 25% 25% 25% 25%;
	grid-auto-rows: auto;
}}


/* Damit mehrspaltige Reihen auf kleiner 980 px kein margin haben */
@media (max-width: 980px) {
  .Hafner_mobile_margin_column .et_pb_column{
    margin-bottom: 0 !important;
  }
}
/* Damit mehrspaltige Reihen auf kleiner 980 px kein margin haben */



/* make a section fullheight of screen */

.full_height_section {
	height: calc(100vh - 150px);
}

/* END make a section fullheight of screen */



/* Customized Slider auf der Startseite */

.kd_custom_slider .et_pb_slide_description {
	text-shadow:none;
}
	/* Content-Text auf Tablet und Desktop verbergen */
	@media (max-width: 980px) {
	.kd_custom_slider .et_pb_slide_content {
		display: none;
	}
	}
	/* END Content-Text auf Tablet und Desktop verbergen */


	/* Style for Desktop*/
	@media (min-width: 981px) {
	.kd_custom_slider .et_pb_slide_description {
		padding: 20% 5% 10%;
	}
		
	.kd_custom_slider .et_pb_slide_title {
		max-width:30vw;
	}	
	
	.kd_custom_slider .et_pb_slide_content {
		margin-left:35vw;
		margin-top:-10vh;
	}
	
	.kd_custom_slider .et_pb_more_button {
		margin-top:-50vh;
	}
}
	/* END Content-Text auf Tablet und Desktop verbergen */

/* END Post-Slider-Description verbergen */



/* Hafner Blurb mit eingezogenem Content */

.hafner_blurb .et_pb_blurb_description {
	margin-left:-32px;
	margin-top:15px;
}

.hafner_blurb .et_pb_blurb_container {
	padding-left:0 !important;
}
/* END Hafner Blurb mit eingezogenem Content */



/* bilder zoom in */
.custom-person-mod .et_pb_team_member_image:hover img {
transform: scale(1.3);
transition: all 2s 0s ease;
}
.custom-person-mod .et_pb_team_member_image {
overflow: hidden!important;
}
.custom-person-mod .et_pb_team_member_image img {
transition: all 2s 0s ease;
}

.custom-person-mod .et_pb_team_member_image {
    max-width: 100% !important;
    width: 100% !important;
}
/* END bilder zoom in */


/* Formular Titel (Datenschutz) Farbe ändern */
.et_pb_contact_field_options_title {
	color:#9d9d9c !important;
}
/* Formular Titel (Datenschutz) Farbe ändern */




/* Runde Ecken für Formular */
.et_pb_contact_form_container {
	border-radius: 5px 5px 5px 5px;
}
/* END Runde Ecken für Formular */






/* CONTENT SECTION END ---------------------------------------------------------------------- */

/* FOOTER SECTION --------------------------------------------------------------------------- */


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



@media only screen and (min-width:981px) {
	.hafner_footer .et_pb_column_1_4 { width: 30% !important; }
	.hafner_footer .et_pb_column_3_4 { width: 70% !important; }
}
@media only screen and (max-width:980px) { 
	.hafner_footer .et_pb_column_1_4 .et_pb_column_3_4  {
		width: 100% !important; 
		margin-right: auto; 
		margin-left: auto;
	}
	
	.hafner_footer .et_pb_column_1_4 {
		width: 100% !important; 
		padding-left: 5%;
		padding-right:5%;
	}
}




/* END FOOTER SECTION --------------------------------------------------------------------------- */


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


/* Preistabelle Versuch */
.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 0.3fr 1fr 0.5fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 2 / 1 / 3 / 2; }
.div3 { grid-area: 3 / 1 / 4 / 2; }
.div4 { grid-area: 1 / 2 / 2 / 3; }
.div5 { grid-area: 2 / 2 / 3 / 3; }
.div6 { grid-area: 3 / 2 / 4 / 3; }
.div7 { grid-area: 1 / 3 / 2 / 4; }
.div8 { grid-area: 2 / 3 / 3 / 4; }
.div9 { grid-area: 3 / 3 / 4 / 4; }

@media (max-width: 1380px) {
	.parent {
		grid-template-columns: repeat(1, 1fr);
		display:block !important;
	}
	.div1, .div4, .div7 {
		margin-top: 2rem;
	}
	
}

.preis {
	font-weight: 400 !important;
	color: #000000 !important;
}