/* -------------------- Light Theme Variablen -------------------- */

:root {
	
/* ---- Allgemein  ---- */
	
--img-filter: none;

--mapsiframe-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
	
--color-akzent: #e2000f;
	
--color-white: #fff;
	
--color-btn: #e2000f;
	
--color-btn-hover: #3b3a39;
	
--bg-btn-hover: #ccc;

--color-links: #fff;

--color-links-hover: #e2000f;

--color-links-impressum: #e2000f;

--color-links-impressum-hover: #b3b3b3;

--color-links-call-hover: #eee;

--color-titel: #e2000f;	

--color-subline: #3b3a39;

--color-text: #212529;
	
--bg-cadcam: #3b3a39;

--bg-body: #fff;
	
--blend-mode: none;
	
--bg-content: linear-gradient(-45deg, #b3b3b3 0%, #666666 100%);
	
--bg-caption: rgba(255, 255, 255, 0.65);

/*Barrierefreiheit Panel*/

--bcc-shadow: 0px 0px 4px 1px rgb(0 0 0 / 80%);

--bg-access-panel: #fff;

--access-panel-bs: 0px 0px 4px 2px rgba(95,95,95,0.6);

--bg-panel-button: #E7E7E7;

--color-readline: #000;

--cursor-color: url('../images/icons/cursor-light.png');

--cursor-pointer: url('../images/icons/cursor-pointer-light.png');

--cursor-text: url('../images/icons/cursor-text-light.png');

/*Cookie Modal*/
--bg-modal-content: #fff;
--modal-content-text-color: #333;
--modal-header-bg: #3b3b3b;
--modal-header-text-color: #fff;
--modal-footer-bg: #E7E7E7;
--placeholder-background: #eeeeee;
--bg-consent-icons: #F6F6F6;
--color-btn-custom-accept-normal: #3b3b3b;
--color-btn-custom-accept-hover: #2A2A2A;

/* ---- Schriften  ---- */

--font-titel: "futura-pt", sans-serif;
	
--font-subline: "sofia-pro-condensed", sans-serif;

--font-fliesstext: "futura-pt", sans-serif;

--font-navi: "futura-pt", sans-serif;
	
/* ---- Navigation ---- */
	
--bg-navi: #fff;

--bg-dropdown-menu: rgba(255, 255, 255, 0.95);
	
--bg-dropdown-navi-hover: transparent;
	
--color-navi: #212529; 

--color-navi-hover: #e2000f; 

--color-dropdown: #212529;
	
--color-dropdown-hover: #fff;
	
--bg-dropdown-hover: linear-gradient(-45deg, #3b3a39 0%, #3b3a39 100%);
	
/* ---- Top-Info ---- */
	
--bg-tinfo: linear-gradient(-45deg, #3b3a39 0%, #3b3a39 100%);
	
--color-tinfo: #fff; 
	
--color-tinfo-link: #fff; 
	
--color-tinfo-link-hover: #e2000f; 
	
/* ---- Kontaktbox ---- */
	
--bg-kontaktbox: linear-gradient(-45deg, #212529 0%, #212529 100%);
	
--color-kontaktbox: #fff; 
	
--color-kontaktbox-link: #fff; 
	
--color-kontaktbox-link-hover: #e2000f; 
	
--bg-button-kontaktbox: linear-gradient(-45deg, #b3b3b3 0%, #666666 100%);
	
--color-button-kontaktbox: #fff; 
	
--color-button-kontaktbox-hover: #e2000f; 
	
/* ---- Review Slider ---- */
	
--bg-review: linear-gradient( to bottom, #3b3a39 0%, #3b3a39 50%, transparent 50%, transparent 100%);
	
/* ---- Footer ---- */
	
--bg-footer: url("../images/background/003--footer.svg");

--color-footer: #fff; 
	
--color-footer-link: #fff; 
	
--color-footer-link-hover: #e2000f; 
	
/* ---- Öffnungszeiten---- */
	
--bg-open: transparent;
	
--color-open: #fff; 
	
--bg-open-success: #e2000f; 
	
--color-open-success: #fff;
	
--border-open: #9b9b9b;
	
/* ---- Social Media  ---- */
	
--color-facebook: #3b5998;

--color-whatsapp: #25D366;

--color-tiktok: #000;

--color-insta: linear-gradient(35deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
	
/* ---- Background Images ---- */

--bg-slider: url("../images/background/001--334390455.jpg");
	
--bg-content: url("../images/background/002--420459720.jpg");
	
/* ---- Background-Verläufe  ---- */
	
--bg-verlauf-oben-unten: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0),rgba(255, 255, 255, 1));
	
--bg-verlauf-von-oben: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	
--bg-verlauf-von-unten: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	
--bg-verlauf-links-rechts: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0),rgba(255, 255, 255, 1));
	
--bg-verlauf-von-links: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	
--bg-verlauf-von-rechts: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);

--close: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    
}

/* -------------------- Dark Theme Variablen -------------------- */

[data-theme="dark"] {
	
/* ---- Allgemein  ---- */
	
--img-filter: brightness(0.8);

--mapsiframe-filter: grayscale(100%) invert(90%) contrast(95%);
	
--color-akzent: #e2000f;
	
--color-white: #fff;
	
--color-btn: #fff;

--color-links: #fff;

--color-links-hover: #e2000f;

--color-links-impressum: #e2000f;

--color-links-impressum-hover: #b3b3b3;

--color-titel: #fff;	

--color-subline: #fff;

--color-text: #fff;
	
--bg-cadcam: #e2000f;

--bg-body: #212529;
	
--blend-mode: color-burn;
	
--bg-content: linear-gradient(-45deg, #b3b3b3 0%, #666666 100%);
	
--bg-caption: rgba(255, 255, 255, 0.65);

/*Barrierefreiheit Panel*/

--bcc-shadow: none;

--bg-access-panel: #3b3b3b;

--access-panel-bs: none;

--bg-panel-button: #989898;

--color-readline: #fff;

--cursor-color: url('../images/icons/cursor-dark.png');

--cursor-pointer: url('../images/icons/cursor-pointer-dark.png');

--cursor-text: url('../images/icons/cursor-text-dark.png');

/*Cookie Modal*/
--bg-modal-content: #3b3b3b;
--modal-content-text-color: #fff;
--modal-header-bg: #3b3b3b;
--modal-header-text-color: #fff;
--modal-footer-bg: #3b3b3b;
--placeholder-background: #555555;
--bg-consent-icons: #989898;
--color-btn-custom-accept-normal: #2A2A2A;
--color-btn-custom-accept-hover: #191919;


/* ---- Schriften  ---- */

--font-titel: "itc-avant-garde-gothic-pro", sans-serif;
	
--font-subline: "kohinoor-bangla", sans-serif;

--font-fliesstext: "futura-pt", sans-serif;

--font-navi: "futura-pt", sans-serif;
	
/* ---- Navigation ---- */
	
--bg-navi: #212529;

--bg-dropdown-menu: rgba(33, 37, 41, 0.95);
	
--bg-dropdown-navi-hover: transparent;
	
--color-navi: #fff; 

--color-navi-hover: #e2000f; 

--color-dropdown: #fff;
	
--color-dropdown-hover: #fff;
	
--bg-dropdown-hover: linear-gradient(-45deg, #e2000f 0%, #e2000f 100%);
	
/* ---- Top-Info ---- */
	
--bg-tinfo: linear-gradient(-45deg, #3b3a39 0%, #3b3a39 100%);
	
--color-tinfo: #fff; 
	
--color-tinfo-link: #fff; 
	
--color-tinfo-link-hover: #e2000f; 
	
/* ---- Kontaktbox ---- */
	
--bg-kontaktbox: linear-gradient(-45deg, #212529 0%, #212529 100%);
	
--color-kontaktbox: #fff; 
	
--color-kontaktbox-link: #fff; 
	
--color-kontaktbox-link-hover: #e2000f; 
	
--bg-button-kontaktbox: linear-gradient(-45deg, #b3b3b3 0%, #666666 100%);
	
--color-button-kontaktbox: #fff; 
	
--color-button-kontaktbox-hover: #e2000f; 
	
/* ---- Review Slider ---- */
	
--bg-review: linear-gradient( to bottom, #e2000f 0%, #e2000f 50%, transparent 50%, transparent 100%);
	
/* ---- Footer ---- */
	
--bg-footer: url("../images/background/003--footer.svg");

--color-footer: #fff; 
	
--color-footer-link: #fff; 
	
--color-footer-link-hover: #e2000f; 
	
/* ---- Öffnungszeiten---- */
	
--bg-open: transparent;
	
--color-open: #fff; 
	
--bg-open-success: #e2000f; 
	
--color-open-success: #fff;
	
--border-open: #9b9b9b;
	
/* ---- Social Media  ---- */
	
--color-facebook: #3b5998;

--color-whatsapp: #25D366;

--color-tiktok: #000;

--color-insta: linear-gradient(35deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
	
/* ---- Background Images ---- */

--bg-slider: url("../images/background/001--334390455.jpg");
	
--bg-content: url("../images/background/002--420459720.jpg");
	
/* ---- Background-Verläufe  ---- */
	
--bg-verlauf-oben-unten: linear-gradient(to bottom, rgba(33, 37, 41, 1), rgba(33, 37, 41, 0),rgba(33, 37, 41, 1));
	
--bg-verlauf-von-oben: linear-gradient(to bottom, rgba(33, 37, 41, 1), rgba(33, 37, 41, 0));
	
--bg-verlauf-von-unten: linear-gradient(to top, rgba(33, 37, 41, 1), rgba(33, 37, 41, 0));
	
--bg-verlauf-links-rechts: linear-gradient(to left, rgba(33, 37, 41, 1), rgba(33, 37, 41, 0),rgba(33, 37, 41, 1));
	
--bg-verlauf-von-links: linear-gradient(to right, rgba(33, 37, 41, 1), rgba(33, 37, 41, 0));
	
--bg-verlauf-von-rechts: linear-gradient(to right, rgba(33, 37, 41, 0) 0%, rgba(33, 37, 41, 1) 100%);
    
--close: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");

}