/*
	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: #88724e; /* Gold */
	--c4: #00a3bf; /* Hellblau */
	
	--c5: #422713; /* Dunkelbraun */
	--c6: #16172f; /* Dunkelblau */
	--c7: #b2bbde; /* Hellblau */
	--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;
}

/* KNOLLE DESIGN  */


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


/* Menübreite anpassen für Breakpoint*/
@media(min-width:980px) and (max-width:1280px){
.et_pb_svg_logo #logo {
    height: 50px;
}

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

.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;
}
}
/* END Menübreite anpassen für Breakpoint*/


#et-info-email:before {
   display: none;
}


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



/* Mittagsmenü Überschrifte */
.mittagsmenu h1, .mittagsmenu h2, .mittagsmenu h3, .mittagsmenu h4, .mittagsmenu h5, .mittagsmenu h6 {
padding-top:40px !important;
}
/* END */


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


/* Gallery Bilder nebeneinander auf mobile */
/** Desktop **/
@media (min-width: 981px){
.col-width .et_pb_gallery_item {
width: 25% !important; /*four columns*/
clear: none !important;
}
}
 
/** Tablet **/
@media (max-width: 980px){
.col-width .et_pb_gallery_item {
width: 50% !important; /*two columns*/
clear: none !important;
}
}
 
/** Small Tablet and Large Phone **/
@media (max-width: 767px){
.col-width .et_pb_gallery_item {
width: 50% !important; /*two columns*/
clear: none !important;
}
}
 
/** Phone **/
@media (max-width: 479px){
.col-width .et_pb_gallery_item {
width: 50% !important; /*two columns*/
clear: none !important;
}
}
/* END */


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


.tabellelinks td {
    padding:0 !important;
}




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