/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
  /*Allgemein*/
  --color-akzent: #AB7C43;
    
  --background-content: #fff;
  --background-kontaktformular: url('../images/background/002--274639062.jpg');
  --img-filter: none;
  --mapsiframe-filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.8));
	--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");

	/*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: #212529;
	--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');
	--access-icon-tooltip-color: #212529;
	--access-icon-tooltip-text: #fff;

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

  /*Navigation*/
  --background-navi: #fff;
  --color-navigation: #000;
  --color-navigation-hover: #fff;
  --color-dropdown-navigation: #000;
  --dropdown-menu: rgba(255, 255, 255, 0.90);
  
  /*Top-Info*/
  --color-top-info-text: #000;
  --links-top-info: #000;
  --links-top-info-hover: #AB7C43;
  --background-top-info: linear-gradient(90deg, rgba(86,86,86,1) 0%, rgba(180,180,180,1) 42%, rgba(180,180,180,1) 58%, rgba(86,86,86,1) 100%);
  
 /*Kontaktbox*/
  --farbverlauf-kontaktbox: linear-gradient(35deg, #FEA012 0%, #fff 100%);
  --color-kontaktbox-h4: #004176;
      
  /*Text*/
  --color-ueberschriften: #000;
  --color-subline: #AB7C43;
    
  --color-text: #333;
  --color-links: #AB7C43;
  --color-links-hover: #028930;
    
  /*Float Kontakt*/
  --color-float-contact-icon: #fff;
  --color-float-contact-background: #333;
    
  /*Review-Slider*/
  --title-review: #fff;
  --background-review-slider: linear-gradient(90deg, rgba(86,86,86,1) 0%, rgba(180,180,180,1) 42%, rgba(180,180,180,1) 58%, rgba(86,86,86,1) 100%);
    
  /*Footer*/
  --color-footer-text: #000;
  --color-footer-links: #333;
  --footer-icon-color: #AB7C43;
  --background-social-links: url('../images/background/001--210138826.jpg');
  --background-footer: url('../images/background/002--274639062.jpg');
    
  --color-shape-devider: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M35.28 1.16c-3.17-.8-7.3.4-10.04.56-2.76.17-9.25-1.47-12.68-1.3-3.42.16-4.64.84-7.04.86C3.12 1.31 0 .4 0 .4v1.77h35.28z" fill="%23ffffff"/></svg>');     
  --background-linie: 
  linear-gradient(-90deg, rgba(255,255,255,1) 5.5%, rgba(255,255,255,1) 54.5%, rgba(255,255,255,0) 54.5%, rgba(255,255,255,0) 56.5%, rgba(255,255,255,1) 90%), /* Erster Gradient (90°) */
  linear-gradient(0deg, rgba(255,255,255,1) 95%, rgba(0,0,0,1) 95%, rgba(255,255,255,1) 95.5%); /* Zweiter Gradient (0°) */;
  --background-marken:linear-gradient(90deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 30%), url("../images/background/004--140227730.jpg");
  
  --background-text-marken: rgba(255,255,255,0.8);
  
  --background-ausbildung: linear-gradient(90deg, #fff 70%, #734B34 70%);
	
  --bg-split: linear-gradient(to right, #fff 0%, #fff 75%, #AB7C43 75%, #AB7C43 100%);
	
  --bg-split2: linear-gradient(to right, #AB7C43 0%, #AB7C43 25%, #fff 25%, #fff 100%);	
    
/* -------------------- Schrift-Variablen ANFANG -------------------- */

    --font-ueberschriften: "karmina-sans", sans-serif;
    --font-fliesstext: "futura-pt", sans-serif;
    --font-navigation: "futura-pt", sans-serif;

/* -------------------- Schrift-Variablen ENDE -------------------- */
}
[data-theme="dark"] {
  /*Allgemein*/
  --color-akzent: #AB7C43;

  --background-content: #212529;
  --background-kontaktformular: #212529;
  --img-filter: brightness(0.8);
  --mapsiframe-filter: invert(0.9);
	--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");

	/*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');
	--access-icon-tooltip-color: #fff;
	--access-icon-tooltip-text: #333;

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

  /*Navigation*/
  --background-navi: #212529;
  --color-navigation: #fff;
  --color-navigation-hover: #fff;
  --color-dropdown-navigation: #fff;
  --dropdown-menu: rgba(0, 0, 0, 0.80);
  
  /*Top-Info*/
  --color-top-info-text: #fff;
  --links-top-info: #fff;
  --links-top-info-hover: #fff;
  --background-top-info: linear-gradient(5deg, #004176 0%, #000 100%);
  
 /*Kontaktbox*/
  --color-kontaktbox-open: #fff;
  --farbverlauf-kontaktbox: linear-gradient(5deg, #004176 0%, #000 100%);
  --color-kontaktbox-h4: #004176;
      
  /*Text*/
  --color-ueberschriften: #AB7C43;
  --color-subline: #fff;
    
  --color-text: #fff;
  --color-links: #AB7C43;
  --color-links-hover: #028930;
    
  /*Float Kontakt*/
  --color-float-contact-icon: #fff;
  --color-float-contact-background: #531E20;
    
  /*Review-Slider*/
  --title-review: #fff;
  --background-review-slider: linear-gradient(5deg, #004176 0%, #000 100%);
    
  /*Footer*/
  --color-footer-text: #fff;
  --color-footer-links: #fff;
  --footer-icon-color: #AB7C43;
  --background-social-links: url('../images/background/002--dunkel--210138826.jpg');
  --background-footer: #212529;
    
  --color-shape-devider: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M35.28 1.16c-3.17-.8-7.3.4-10.04.56-2.76.17-9.25-1.47-12.68-1.3-3.42.16-4.64.84-7.04.86C3.12 1.31 0 .4 0 .4v1.77h35.28z" fill="%23212529"/></svg>');    

  --background-linie:
  linear-gradient(-90deg, rgba(33,37,41,1) 5.5%, rgba(33,37,41,1) 54.5%, rgba(33,37,41,0) 54.5%, rgba(33,37,41,0) 56.5%, rgba(33,37,41,1) 90%), /* Erster Gradient (90°) */
  linear-gradient(0deg, rgba(33,37,41,1) 95%, rgba(255,255,255,1) 95%, rgba(33,37,41,1) 95.5%); /* Zweiter Gradient (0°) */;
  
  --background-marken:linear-gradient(90deg, rgba(33,37,41, 0) 30%, rgba(33,37,41, 1) 30%), url("../images/background/004--140227730.jpg");
  
  --background-text-marken: rgba(33,37,41,0.8);
  
  --background-ausbildung: linear-gradient(90deg, #212529 70%, #734B34 70%);
}

/* -------------------- Farben-Variablen ENDE -------------------- */