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

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

--blend-mode: none;

--bg-blend-mode: transparent; 

--bg-blend-mode: #212529;
	
--color-akzent: #12491d;
	
--color-marker: #80c41c;
	
--color-white: #fff;
	
--color-dark: #333;

--color-links: #333;

--color-links-hover: #757575;

--color-titel: #12491d;	

--color-subline: #12491d;

--color-text: #333;
	
--background: #fff;

--bg-timeline: #f8f9fa;

--bg-caption: rgba(255, 255, 255, 0.85);

--bg-split: linear-gradient(to top, #12491d 0%, #12491d 25%, #fff 25%, #fff 100%);

--bg-slider: url("../images/background/bg-slider.svg");
	
--bg-content: url("../images/background/004--228359574.png");
	
--bg-angebot: url("../images/background/003--angebot-area.svg");

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

--font-titel:  "eurostile", sans-serif;
	
--font-subline: "futura-pt", 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: #80c41c; 

--color-dropdown: #212529;
	
--color-dropdown-hover: #12491d;
	
--bg-dropdown-hover: linear-gradient(to right, #ffcc01, #ffff4d);
	
/* ---- Top-Info ---- */
	
--bg-tinfo: linear-gradient(to right, #ffcc01, #ffff4d);
	
--color-tinfo: #12491d; 
	
--color-tinfo-link: #12491d; 
	
--color-tinfo-link-hover: #80c41c; 
	
/* ---- Kontaktbox ---- */
	
--bg-kontaktbox: url("../images/background/001--299002451.jpg");
	
--color-kontaktbox: #212529; 
	
--color-kontaktbox-link: #212529; 
	
--color-kontaktbox-link-hover: #757575; 
	
--bg-button-kontaktbox: #212529;
	
--color-button-kontaktbox: #fff; 
	
--color-button-kontaktbox-hover: #757575; 
	
/* ---- Review Slider ---- */
	
--bg-review: linear-gradient(to left, #12491d 0%, #12491d 50%, #fff 50%, #fff 100%);
	
/* ---- Footer ---- */
	
--bg-footer: linear-gradient(to bottom, #80c41c, #12491d);

--color-footer: #fff; 
	
--color-footer-link: #fff; 
	
--color-footer-link-hover: #b3b3b3; 
	
/* ---- Öffnungszeiten---- */
	
--bg-open: transparent;
	
--color-open: #fff; 
	
--bg-open-success: #ffcc01;
	
--color-open-success: #12491d;
	
--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-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%);
	
/* ---- Bereiche ---- */
	
--bg-icon-hover: linear-gradient(to right, #ffcc01, #ffff4d);
	
/* ---- Leistungen ---- */
	
--color-review: #fff; 
	
--color-review-hover: #f8ad28; 
	
--color-btn-review: #fff; 
	
--color-btn-review-hover: #fff; 
	
--bg-btn-review: transparent; 
	
--border-btn-review: #fff; 
    
}

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

[data-theme="dark"] {

/* ---- Allgemein  ---- */
	
--img-filter: brightness(0.8);
	
--mapsiframe-filter: grayscale(100%) invert(90%) contrast(95%);

--blend-mode: color-burn;

--bg-blend-mode: #212529;
	
--color-akzent: #12491d;
	
--color-marker: #80c41c;
	
--color-white: #fff;
	
--color-dark: #212529;

--color-links: #fff;

--color-links-hover: #757575;

--color-titel: #fff;	

--color-subline: #fff;

--color-text: #fff;
	
--background: #212529;

--bg-timeline: #333;

--bg-split: linear-gradient(to top, #12491d 0%, #12491d 25%, #212529 25%, #212529 100%);

--bg-caption: rgba(33, 37, 41, 0.85);
	
--bg-slider: url("../images/background/bg-slider-dark.svg");

--bg-content: url("../images/background/004--228359574.png");
	
--bg-angebot: url("../images/background/003--angebot-area.svg");

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

--font-titel:  "eurostile", sans-serif;
	
--font-subline: "futura-pt", 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: #80c41c; 

--color-dropdown: #fff;
	
--color-dropdown-hover: #12491d;
	
--bg-dropdown-hover: linear-gradient(to right, #ffcc01, #ffff4d);
	
/* ---- Top-Info ---- */
	
--bg-tinfo: linear-gradient(to right, #ffcc01, #ffff4d);
	
--color-tinfo: #12491d; 
	
--color-tinfo-link: #12491d; 
	
--color-tinfo-link-hover: #80c41c; 
	
/* ---- Kontaktbox ---- */
	
--bg-kontaktbox: url("../images/background/001--299002451.jpg");
	
--color-kontaktbox: #212529; 
	
--color-kontaktbox-link: #212529; 
	
--color-kontaktbox-link-hover: #757575; 
	
--bg-button-kontaktbox: #212529;
	
--color-button-kontaktbox: #fff; 
	
--color-button-kontaktbox-hover: #757575; 
	
/* ---- Review Slider ---- */
	
--bg-review: linear-gradient(to left, #12491d 0%, #12491d 50%, #212529 50%, #212529 100%);
	
/* ---- Footer ---- */
	
--bg-footer: linear-gradient(to bottom, #80c41c, #12491d);

--color-footer: #fff; 
	
--color-footer-link: #fff; 
	
--color-footer-link-hover: #b3b3b3; 
	
/* ---- Öffnungszeiten---- */
	
--bg-open: transparent;
	
--color-open: #fff; 
	
--bg-open-success: #ffcc01;
	
--color-open-success: #12491d;
	
--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-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%);
	
/* ---- Bereiche ---- */
	
--bg-icon-hover: linear-gradient(to right, #ffcc01, #ffff4d);
	
/* ---- Leistungen ---- */
	
--color-review: #fff; 
	
--color-review-hover: #f8ad28; 
	
--color-btn-review: #fff; 
	
--color-btn-review-hover: #fff; 
	
--bg-btn-review: transparent; 
	
--border-btn-review: #fff; 
	
}