/*
Theme Name: Rsagrar
Theme URI: https://www.rsagrar.de/
Author: Web-Publishing Ronge, Thomas Ronge
Author URI: https://www.web-publishing.de/
Description: Theme für rsagrar.de
Version: 1.0
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*

Klassen im Wordpress Backend:
back-dark				Accordion mit dunklem Hintergrund
last						Accordion > border-bottom: 1px solid #fcfcfc;
abstand-oben-null		Überschriften, kein Abstand oben
abstand-unten-null	Überschriften, kein Abstand unten

Slider:
slider-icon-agrar
slider-icon-bau
slider-icon-energie
slider-icon-markt
slider-text-top
slider-text-bottom
slider-ueber-rsagrar-slide1	???

Farben:
#51aa35	Logo Farbe Raiffeisen
#266B33	Hauptgrün	(38, 107, 51)	Buttons, Header, Icons
#F4B323	Akzentgelb	(244, 179, 35)	Call-to-Action, Hover-Effekt
#FFFFFF	Weiß			(255, 255, 255)	Hintergrund, Textflächen
#4DAA57	Hellgrün (Highlight)	(77, 170, 87)	Subheader, Icons, Buttons Hover
#1E4E28	Dunkelgrün (Kontrast)	(30, 78, 40)	Navigation, Footer, Text über hellen Flächen
#444444	Neutrales Grau (Text)	(68, 68, 68)	Standard-Fließtext
#F5F5F5	Hellgrau (Hintergrund)	(245, 245, 245)	Inhaltsbereiche, Kacheln, Footer-Hintergrund
#EAD9A0	Sandbeige (natürlicher Akzent)	(234, 217, 160)	leichte Kontrastflächen, z. B. unter Produktabschnitten

#fcc100	Landwirte, Agrar			rgba(252, 193, 0, 0.5)
#a94717	Handwerker, Baustoffe	rgba(169, 71, 23, 0.5)
#f08108	Energie & Wärme			rgba(240, 129, 8, 0.5)
#019cc5	Haus & Garten, Markt		rgba(1, 156, 197, 0.5)

Buttons: Grün als Standard, Gelb als Hover oder für besondere Aktionen.
Header & Footer: Dunkelgrün oder Weiß, je nach Bildhintergrund.
Content-Hintergründe: Hellgrau oder Sandbeige für optische Trennung.
Typografie: Schwarz / Grau auf Weiß; Weiß auf Grünflächen.

ab hier altes Zeug:

fcfcfc	Schrift fast weiß, rgb(251, 251, 251)			Raiffeisen Schulz Schrift Weiß
																		Raiffeisen Schulz Hintergrund Weiß
5f5f5f	Überschrift heller grau, rgb(129, 122, 122)	Raiffeisen Schulz Schrift Hellgrau
302b2b	Überschrift dunkel, rgb(52, 46, 46)				Raiffeisen Schulz Schrift Dunkelgrau
e8e8e8	Hintergrund hellgrau, rgb(232, 232, 232)		Raiffeisen Schulz Hintergrund Hellgrau
342e2e	Hintergrund fast schwarz, rgb(52, 46, 46)		Raiffeisen Schulz Hintergrund Dunkelgrau
*/

/* Variables */
/* start - Wrapper für alle Navigations-Einstellungen ############################################################################################ */
/* start - Navigation ############################################################################################################################ */
/* start - damit die Unterpunkte im Mouseover-Menü nach Links statt nach Rechts angezeigt werden ################################################# */
/* start - Ein-Ausblenden der normalen/mobilen Navigation ######################################################################################## */
/* start - buttons ############################################################################################################################### */
/* start - Kontaktformular mit Plugin contact-form-7 ############################################################################################# */
/* start - Am Blockelement auswählbar "Gesamte Breite" ########################################################################################### */
/* Tel-Links nur in Smartphones anzeigen: */
/* start - Footer ################################################################################################################################ */

/* ubuntu-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ubuntu-sans-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/ubuntu-sans-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-sans-v4-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-sans-v4-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/ubuntu-sans-v4-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/ubuntu-sans-v4-latin-regular.svg#UbuntuSans') format('svg'); /* Legacy iOS */
}

/* ubuntu-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/ubuntu-sans-v4-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/ubuntu-sans-v4-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-sans-v4-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-sans-v4-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/ubuntu-sans-v4-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/ubuntu-sans-v4-latin-italic.svg#UbuntuSans') format('svg'); /* Legacy iOS */
}

/* ubuntu-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/ubuntu-sans-v4-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/ubuntu-sans-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-sans-v4-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-sans-v4-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/ubuntu-sans-v4-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/ubuntu-sans-v4-latin-700.svg#UbuntuSans') format('svg'); /* Legacy iOS */
}

/* ubuntu-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/ubuntu-sans-v4-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/ubuntu-sans-v4-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-sans-v4-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/ubuntu-sans-v4-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/ubuntu-sans-v4-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/ubuntu-sans-v4-latin-700italic.svg#UbuntuSans') format('svg'); /* Legacy iOS */
}

/* padauk-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Padauk';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/padauk-v17-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/padauk-v17-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/padauk-v17-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/padauk-v17-latin_latin-ext-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/padauk-v17-latin_latin-ext-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/padauk-v17-latin_latin-ext-regular.svg#Padauk') format('svg'); /* Legacy iOS */
}

/* padauk-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Padauk';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/padauk-v17-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/padauk-v17-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/padauk-v17-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/padauk-v17-latin_latin-ext-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/padauk-v17-latin_latin-ext-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/padauk-v17-latin_latin-ext-700.svg#Padauk') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'mw';
  src: url(fonts/mw.eot);
  src: url(fonts/mw.eot?#iefix) format('embedded-opentype'),
       url(fonts/mw.otf) format('otf'),
       url(fonts/mw.svg#mw) format('svg'),
       url(fonts/mw.ttf) format('truetype'),
       url(fonts/mw.woff) format('woff'),
       url(fonts/mw.woff2) format('woff2');
}

/* Variables */
:root {

	--breite--header: 1240px;
	--breite--content: 1240px;
	--breite--footer: 1240px;

	/* Font Family */
	--global--font-primary: 'Ubuntu Sans', 'Arial', sans-serif;
	--global--font-secondary: 'Ubuntu Sans', 'Arial', sans-serif;

	/* Font Size */
	--global--font-size-xs: 14px;
	--global--font-size-sm: 16px;
	--global--font-size-base: 18px;
	--global--font-size-l: 24px;
	--global--font-size-lg: 26px;
	--global--font-size-xl: 28px;
	--global--font-size-xxl: 40px;
	--global--letter-spacing: normal;

	/* Line Height */
	--global--line-height-body: 1.7;
	--global--line-height-heading: 1.3;
	--global--line-height-page-title: 1.1;

	/* Headings */
	--heading--font-family: var(--global--font-secondary);
	--heading--font-size-h6: 18px;
	--heading--font-size-h5: 22px;
	--heading--font-size-h4: 25px;
	--heading--font-size-h3: 30px;
	--heading--font-size-h2: 35px;
	--heading--font-size-h1: 40px;
	--heading--letter-spacing-h6: 0.05em;
	--heading--letter-spacing-h5: 0.05em;
	--heading--letter-spacing-h4: var(--global--letter-spacing);
	--heading--letter-spacing-h3: var(--global--letter-spacing);
	--heading--letter-spacing-h2: var(--global--letter-spacing);
	--heading--letter-spacing-h1: var(--global--letter-spacing);
	--heading--line-height-h6: var(--global--line-height-heading);
	--heading--line-height-h5: var(--global--line-height-heading);
	--heading--line-height-h4: var(--global--line-height-heading);
	--heading--line-height-h3: var(--global--line-height-heading);
	--heading--line-height-h2: var(--global--line-height-heading);
	--heading--line-height-h1: var(--global--line-height-page-title);
	--heading--font-weight: normal;
	--heading--font-weight-page-title: 300;
	--heading--font-weight-strong: 600;
	--branding--color-text: var(--global--color-primary);
	--branding--color-link: var(--global--color-primary);
	--branding--color-link-hover: var(--global--color-secondary);
	--branding--title--font-family: var(--global--font-primary);
	--branding--title--font-size: var(--global--font-size-lg);
	--branding--title--font-size-mobile: var(--heading--font-size-h4);
	--branding--title--font-weight: normal;
	--branding--title--text-transform: uppercase;
	--branding--description--font-family: var(--global--font-primary);
	--branding--description--font-size: var(--global--font-size-sm);
	--branding--description--font-family: var(--global--font-primary);
	--branding--logo--max-width: 300px;
	--branding--logo--max-height: 100px;
	--branding--logo--max-width-mobile: 96px;
	--branding--logo--max-height-mobile: 96px;

	/* Colors */
	--global--color-text: #444;
	--global--color-black: #000;
	--global--color-dark-gray: #28303d;
	--global--color-gray: #39414d;
	--global--color-light-gray: #f0f0f0;
	--global--color-green: #d1e4dd;
	--global--color-blue: #17649a;
	--global--color-red: #a72920;
	--global--color-orange: #e4dad1;
	--global--color-yellow: #eeeadd;
	--global--color-white: #fff;
	--global--color-white-50: rgba(255, 255, 255, 0.5);
	--global--color-white-90: rgba(255, 255, 255, 0.9);
	--global--color-primary: var(--global--color-light-gray);
	--global--color-secondary: var(--global--color-light-gray);

	/* Body text color, site title, footer text color. */
	--global--color-secondary: var(--global--color-text);

	/* Page, Body */
	--global--body-color-background: #fbfbfb;

	/* Footer */
	--footer--color-text: var(--global--color-primary);
	--footer--color-link: var(--global--color-primary);
	--footer--color-link-hover: var(--global--color-primary-hover);
	--footer--font-family: var(--global--font-primary);
	--footer--font-size: var(--global--font-size-sm);
}

html {
	width: 100%;
	position: relative;
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;
	font-family: var(--global--font-primary);
	font-weight: 300;
	color: var(--global--color-text);
	text-align: left;
	font-size: var(--global--font-size-base);
	background-color: #fff;
}

b, strong {
	font-weight: 700;
}

blockquote, pre, p, td, img, ul, li {
	font-size: var(--global--font-size-base);
}

p.blocksatz {
	text-align: justify;
}

img, ul, ul li {
	border: 0;
	margin: 0;
	/*padding: 0;*/
}

.divContent UL,
.divContent OL {
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #5f5f5f;
}
@media all and (max-width: 767px) {
	.divContent UL,
	.divContent OL {
		margin-left: 10px;
		padding-left: 10px;
	}
}
.divContent UL LI {
	margin-top: 10px;
	margin-left: 10px;
	padding-top: 10px;
	font-size: var(--global--font-size-base);
}

img {
	max-width: 100%;
	height: auto;
}

body.home .divBeitragsbild {
	display: none;
}
:root {
	--hoehe-beitragsbild-normal: 500px;
	--hoehe-beitragsbild-klein: 300px;
	--hoehe-beitragsbild-kleiner: 250px;
}
/* start - Beitragsbild mit Blur am Rand ############### */
.divBeitragsbild {
	position: relative;
	height: var(--hoehe-beitragsbild-normal);
	max-height: var(--hoehe-beitragsbild-normal);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	overflow: hidden;
	/*background-image: none !important;*/
}
.divBeitragsbildInner {
	position: absolute;
	height: var(--hoehe-beitragsbild-normal);
	max-height: var(--hoehe-beitragsbild-normal);
	background-position: center center;
	background-size: cover;
	inset: 0;
	transform: scale(1.1);
	filter: blur(7px);
	will-change: transform, filter;
	z-index: -1;
}
/* ende  - Beitragsbild mit Blur am Rand ############### */
@media (max-width: 767px) {
	.divBeitragsbild {
		height: var(--hoehe-beitragsbild-klein);
		max-height: var(--hoehe-beitragsbild-klein);
	}
	div#n2-ss-2 .n2-ss-slider-1 {
		min-height: var(--hoehe-beitragsbild-klein) !important;
	}
	div#n2-ss-2 .n2-ss-slider-1 {
		min-height: var(--hoehe-beitragsbild-klein) !important;
	}
}
@media (max-width: 479px) {
	.divBeitragsbild {
		height: var(--hoehe-beitragsbild-kleiner);
		max-height: var(--hoehe-beitragsbild-kleiner);
	}
	div#n2-ss-2 .n2-ss-slider-1 {
		min-height: var(--hoehe-beitragsbild-kleiner) !important;
	}
	div#n2-ss-2 .n2-ss-slider-1 {
		min-height: var(--hoehe-beitragsbild-kleiner) !important;
	}
}
.divBeitragsbild,
.n2-ss-no-bga-fixed {
	box-shadow: 0px 10px 15px rgba(0, 0, 0, .15);
}
/*.n2-ss-widget.n2-ss-control-bullet {
	--widget-offset: 25px !important;
}*/

.has-rsagrar-schrift-weiss-color,
.has-rsagrar-schrift-weiss-color h1,
.has-rsagrar-schrift-weiss-color h2,
.has-rsagrar-schrift-weiss-color h3,
.has-rsagrar-schrift-weiss-color h4,
.has-rsagrar-schrift-weiss-color h5,
.has-rsagrar-schrift-weiss-color h6,
.has-rsagrar-schrift-weiss-color ul,
.has-rsagrar-schrift-weiss-color ul li::marker {
	color: #fcfcfc !important;
}
.has-rsagrar-schrift-hellgrau-color,
.has-rsagrar-schrift-hellgrau-color h1,
.has-rsagrar-schrift-hellgrau-color h2,
.has-rsagrar-schrift-hellgrau-color h3,
.has-rsagrar-schrift-hellgrau-color h4,
.has-rsagrar-schrift-hellgrau-color h5,
.has-rsagrar-schrift-hellgrau-color h6,
.has-rsagrar-schrift-hellgrau-color ul,
.has-rsagrar-schrift-hellgrau-color ul li::marker {
	color: #5f5f5f !important;
}
.has-rsagrar-schrift-dunkelgrau-color,
.has-rsagrar-schrift-dunkelgrau-color h1,
.has-rsagrar-schrift-dunkelgrau-color h2,
.has-rsagrar-schrift-dunkelgrau-color h3,
.has-rsagrar-schrift-dunkelgrau-color h4,
.has-rsagrar-schrift-dunkelgrau-color h5,
.has-rsagrar-schrift-dunkelgrau-color h6,
.has-rsagrar-schrift-dunkelgrau-color ul,
.has-rsagrar-schrift-dunkelgrau-color ul li::marker {
	color: #5f5f5f !important;
}
.has-rsagrar-hintergrund-weiss-background-color {
	background-color: #fbfbfb !important;
}
.has-rsagrar-hintergrund-hellgrau-background-color {
	background-color: #e8e8e8 !important;
}
.has-rsagrar-hintergrund-dunkelgrau-background-color {
	background-color: #666666 !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
h1.wp-block-heading, h2.wp-block-heading, h3.wp-block-heading, h4.wp-block-heading, h5.wp-block-heading, h6.wp-block-heading {
	margin: 0;
	color: #5f5f5f;
	font-size: var(--heading--font-size-h1);
	font-family: 'Padauk' !important;
	font-weight: 400;
	padding: 0 0 calc(var(--heading--font-size-h1) + 4px) 0 !important;
	line-height: normal;
}
h2,h2.wp-block-heading,.h2 {font-size: var(--heading--font-size-h2);padding: calc(var(--heading--font-size-h2) + 10px) 0 calc(var(--heading--font-size-h2) + 5px) 0 !important;}
h3,h3.wp-block-heading,.h3 {font-size: var(--heading--font-size-h3);padding: calc(var(--heading--font-size-h3) + 8px) 0 calc(var(--heading--font-size-h3) + 4px) 0 !important;}
h4,h4.wp-block-heading,.h4 {font-size: var(--heading--font-size-h4);padding: calc(var(--heading--font-size-h4) + 6px) 0 calc(var(--heading--font-size-h4) + 3px) 0 !important;}
h5,h5.wp-block-heading,.h5 {font-size: var(--heading--font-size-h5);padding: calc(var(--heading--font-size-h5) + 4px) 0 calc(var(--heading--font-size-h5) + 2px) 0 !important;}
h6,h6.wp-block-heading,.h6 {font-size: var(--heading--font-size-h6);padding: calc(var(--heading--font-size-h6) + 2px) 0 calc(var(--heading--font-size-h6) + 1px) 0 !important;font-weight: 700;}

:root :where(p.has-background) {
	padding: 0;
}
h1.wp-block-heading {
	font-family: var(--global--font-primary);
	font-weight: 400;
	padding: 0 0 0 0;
	max-width: var(--breite--content);
	margin: 40px 0 0 0;
	margin-left: auto;
	margin-right: auto;
	line-height: 32px;
}
/*@media all and (max-width: 1300px) {
	h1.wp-block-heading {
		padding-right: 35px;
	}
	h1.wp-block-heading:after {
		right: 40px;
	}
}*/

a,
a:visited {
	color: #777777;
	text-decoration: underline;
}
a:hover {
	color: #F4B323;
	text-decoration: none;
}

div.container {
	padding-left: 0px;
	padding-right: 0px;
	width: auto !important;
}

.divCompanyWrapper {
	width: 100%;
	height: 107px;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, .15);
	background-color: #51aa35;
}
.divCompany {
	width: 100%;
	max-width: var(--breite--header);
	margin: 0 auto;
}
.divCompanyName {
	font-family: 'Padauk';
	height: 107px;
	vertical-align: middle;
	display: table-cell;
	padding-left: 30px;
	padding-right: 50px;
	position: relative;
	z-index: 1;
	background-image: url('images/layout/giebelkreuz-weiss46.png');
	background-repeat: no-repeat;
	background-position-x: 32px;
	background-position-y: 13px;
}
@media all and (max-width: 450px) {
	.divCompanyName {
		display: block;
		background-position-x: 12px;
		background-position-y: 3px;
		margin-top: 0px;
		padding-left: 10px;
	}
}
@media all and (max-width: 400px) {
	.divCompanyName {
		padding-left: 10px;
	}
}
.divCompanyName a,
.divCompanyName a:visited {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 37px;
	line-height: 37px;
	font-weight: 700;
	margin: 0;
	padding: 0 0 0 55px;
	letter-spacing: 0.5px;
}
.divCompanyName a:hover {
	/*opacity: 0.8;*/
}
.divCompanyNameSubTitle a,
.divCompanyNameSubTitle a:visited {
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	padding-left: 57px;
	letter-spacing: normal;
}
.divCompanyNameSubTitle a span,
.divCompanyNameSubTitle a:visited span {
	margin-right: 5px;
}
.divCompanyNameSubTitleB {
	color: #fff;
	font-size: 14px;
	color: #EAD9A0;
	padding-top: 14px;
}
@media all and (max-width: 380px) {
	.divCompanyNameSubTitleB {
		width: 220px;
	}
}

[class^="mwicon-"], [class*=" mwicon-"] {
	font-family: 'mw' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
.mwicon-agrar::before {
	content: "\e919";
	margin-right: 2px;
}
.mwicon-markt::before {
	content: "\e904";
	margin-right: 2px;
}
.mwicon-energie:before {
	content: "\e918";
	margin-right: 2px;
}
.mwicon-bau::before {
	content: "\e917";
	margin-right: 2px;
}
.mwicon-vr-tankstelle:before {
	/*content: "\e961";*/
	/*margin-right: -2px;*/
	content: "\e996";
	margin-right: 0px;
}
.standorte.mwicon-agrar::before { color: #fcc100; }
.standorte.mwicon-markt::before { color: #019cc5; }
.standorte.top.mwicon-markt::before { color: #017f9e; }
.standorte.mwicon-energie::before { color: #f08108; }
.standorte.mwicon-bau::before { color: #a94717; }
.standorte.mwicon-vr-tankstelle::before { color: #51aa35; }
.standorte.top.mwicon-vr-tankstelle::before { color: #62ca3f; }
.standorte[class^="mwicon-"] {}

/*
font-family: 'mw';
Farben:
#266B33	Hauptgrün	(38, 107, 51)	Buttons, Header, Icons
#F4B323	Akzentgelb	(244, 179, 35)	Call-to-Action, Hover-Effekt
#FFFFFF	Weiß			(255, 255, 255)	Hintergrund, Textflächen
#4DAA57	Hellgrün (Highlight)	(77, 170, 87)	Subheader, Icons, Buttons Hover
#1E4E28	Dunkelgrün (Kontrast)	(30, 78, 40)	Navigation, Footer, Text über hellen Flächen
#444444	Neutrales Grau (Text)	(68, 68, 68)	Standard-Fließtext
#F5F5F5	Hellgrau (Hintergrund)	(245, 245, 245)	Inhaltsbereiche, Kacheln, Footer-Hintergrund
#EAD9A0	Sandbeige (natürlicher Akzent)	(234, 217, 160)	leichte Kontrastflächen, z. B. unter Produktabschnitten*/

.divContentWrapper {
	width: 100%;
	padding-bottom: 50px;
}
.divContent {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: var(--breite--content);
	margin: 0 auto;
	padding: 0px 0px 20px 0px;
	/*margin-top: 40px;*/
}
@media all and (min-width: 767px) {
	body.sticky_header .divContent {
		margin-top: 0px;
	}
}
.divContent > .container {
	width: 100% !important;
	padding: 0 30px;
	display: inline-block;
}
@media all and (max-width: 767px) {
	.divContent > .container {
		padding: 0 20px;
	}
}
@media all and (max-width: 575px) {
	.divContent > .container {
		padding: 0 10px;
	}
}
@media all and (max-width: 400px) {
	.divContent > .container {
		padding: 0 5px;
	}
}

.captcha-image i {
	color: #564c4c !important;
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

span.screen-reader-text {
	display: none;
}

/* start - Wrapper für alle Navigations-Einstellungen ############################################################################################ */

/* start - Navigation ############################################################################################################################ */

:root {
	/* Main navigation */
	--primary-nav--font-family: var(--global--font-primary);
	--primary-nav--font-family-mobile: var(--global--font-primary);
	--primary-nav--font-size: var(--global--font-size-md);
	--primary-nav--font-size-sub-menu: var(--global--font-size-xs);
	--primary-nav--font-size-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-button: var(--global--font-size-xs);
	--primary-nav--font-style: normal;
	--primary-nav--font-style-sub-menu-mobile: normal;
	--primary-nav--font-weight: normal;
	--primary-nav--font-weight-button: 500;
	--primary-nav--color-link: #777777;
	--primary-nav--color-link-hover: #564c4c;
	--primary-nav--color-text: var(--global--color-primary);
	--primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
	--primary-nav--border-color: var(--global--color-primary);
}

.navigation-main {
	display: block;
	color: #999;
	margin: 0;
	min-width: 450px;/*damit bei kleinen Diplay erzwungen wird, den Schriftzug "Raiffeisen Schulz", umzubrechen*/
	padding: 30px 10px 0 40px;
	z-index: 500;
	text-align: left;
	position: relative;
}

.menu-container {
	display: inline-block;
}
.menu-toggle {
	display: none;
	cursor: pointer;
}
.menu_title {
	display: none !important;
}
.main-small-navigation ul.mobile-menu {
	display: none;
}

/*** ESSENTIAL STYLES ***/
.menu, .menu * {
	display: table;
	margin:	0 auto 0;
	padding: 0;
	list-style:	none;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.menu {
	line-height: 1.0;
}
.menu ul {
	margin: 0px;
	padding: 0px;
}
.menu ul ul,
ul.menu ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 200px; /* left offset of submenus need to match (see below) */
	opacity: 0;
	transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
}
.menu ul li ul li,
ul.menu ul li {
	width: 100%;
	margin: 0px;
}
.menu li {
	float: left;
	display: block;
	position: relative;
	margin: 0px;
}
.menu li li {
	float: none;
	display: block;
	position: relative;
	background: none;
	margin: 0px;
}
.menu a {
	display: inline-block;
	position: relative;
}
.menu li:hover ul,
.menu li[aria-expanded="true"] ul {
	left: 0;
	top: 48px; /* match top ul list item height */
	z-index: 99;
	opacity: 1;
}
ul.menu li:hover li ul,
div.menu ul li:hover li ul {
	top: -9999px;
	opacity: 1;
}
ul.menu li li:hover ul,
ul.menu li li[aria-expanded="true"] ul {
	left: 200px; /* match ul width */
	top: 0;
	opacity: 1;
}

/*** SKIN ***/
.navigation-main .menu .current_page_item a:not([href*="#"]), 
.navigation-main .menu .current_page_ancestor a:not([href*="#"]), 
.navigation-main .menu .current-menu-item a:not([href*="#"]), 
.navigation-main .menu .current-cat a:not([href*="#"]) {
	background: none;
}

/* start - damit sich der Pfeil bei mouseover dreht und bei aktivem Navigationspunkt gedreht bleibt ############################################## */
ul.menu .menu-item-has-children > a {
	position: relative;
	padding-left: 12px; /* Platz für den Pfeil */
}

ul.menu .menu-item-has-children > a:before {
	content: '+';/*▸▾⯈⯆*/
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.2s ease;
	opacity: 1;
}
ul.menu .menu-item-has-children > a:hover:before {
	opacity: 0;
	transform: translateY(-50%) rotate(90deg);
}
ul.menu .menu-item-has-children > a:after {
	content: '−';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	opacity: 0;
	transition: all 0.2s ease;
}
ul.menu .menu-item-has-children > a:hover:after {
	opacity: 1;
	transform: translateY(-50%) rotate(0);
}
ul.menu .current_page_item.menu-item-has-children > a:before,
ul.menu .current_page_parent.menu-item-has-children > a:before {
	opacity: 0;
	transform: translateY(-50%) rotate(90deg);
}
ul.menu .current_page_item.menu-item-has-children > a:after,
ul.menu .current_page_parent.menu-item-has-children > a:after {
	opacity: 1;
	transform: translateY(-50%) rotate(0);
}
/* ende  - damit sich der Pfeil bei mouseover dreht und bei aktivem Navigationspunkt gedreht bleibt ############################################## */

/* Sicherstellen, dass Anker-Links ohne active-anchor Klasse den zugeklappten Pfeil anzeigen */
ul.menu .menu-item-has-children > a[href*="#"]:not(.active-anchor):before {
	content: '+';/*▸▾⯈⯆*/
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.2s ease;
	opacity: 1;
}
ul.menu .menu-item-has-children > a[href*="#"]:not(.active-anchor):hover:before {
	opacity: 0;
	transform: translateY(-50%) rotate(90deg);
}
ul.menu .menu-item-has-children > a[href*="#"]:not(.active-anchor):hover:after {
	opacity: 1;
	transform: translateY(-50%) rotate(0);
}
ul.menu .menu-item-has-children > a[href*="#"]:not(.active-anchor):after {
	opacity: 0;
}
/* Richtiger Pfeil, wenn ein Unterpunkt aktiv ist */
.navigation-main div ul.menu li.menu-item.current-menu-ancestor > a:before,
.navigation-main div ul.menu li.menu-item.current-menu-parent > a:before {
	opacity: 0;
	transform: translateY(-50%) rotate(90deg);
}
/* Richtiger Pfeil, wenn ein Unterpunkt aktiv ist */
.navigation-main div ul.menu li.menu-item.current-menu-ancestor > a:after,
.navigation-main div ul.menu li.menu-item.current-menu-parent > a:after {
	opacity: 1;
	transform: translateY(-50%) rotate(0);
}

/* start - Unterstreichung von normalen und Ankerlinks ########################################################################################### */
.menu a,
.menu a:link,
.menu a:visited {
    background: none;
    color: #fff;
    line-height: 48px;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    margin: 0px;
    padding: 0 20px 0 0px;
    border-left: none;
    border-right: none;
    font-size: 14px;
    position: relative;
}
.menu a:focus,
.menu a:active {
    text-decoration: underline !important;
}
/* Standard-Unterstreichung für aktuelle Seiten-Links - aber nur wenn kein Anker aktiv ist */
.navigation-main div ul.menu li.menu-item.current_page_item > a:not(.active-anchor) {
    text-decoration: underline !important;
}
/* Unterstreichung für aktive Anker-Links */
.navigation-main div ul.menu li.menu-item a.active-anchor {
    text-decoration: underline !important;
}
.navigation-main div ul.menu li.menu-item.current_page_item > a[href*="#"]:not(.active-anchor) {
    text-decoration: none !important;
}
/* Hover-Unterstreichung für alle Links */
.navigation-main div ul.menu li.menu-item > a:hover {
    text-decoration: underline !important;
}
/* Unterstreichung für übergeordnete Menüpunkte, wenn ein Unterpunkt aktiv ist */
.navigation-main div ul.menu li.menu-item.current-menu-ancestor > a,
.navigation-main div ul.menu li.menu-item.current-menu-parent > a {
    text-decoration: underline !important;
}
/* Sicherstellen, dass Anker-Links ohne active-anchor Klasse nicht unterstrichen werden */
.navigation-main div ul.menu li.menu-item.current-menu-ancestor > a[href*="#"]:not(.active-anchor),
.navigation-main div ul.menu li.menu-item.current-menu-parent > a[href*="#"]:not(.active-anchor) {
    text-decoration: underline !important;
}
/* ende  - Unterstreichung von normalen und Ankerlinks ########################################################################################### */

.navigation-main .menu li .current_page_item > a, 
.navigation-main .menu li .current_page_item > a:hover,
.navigation-main .menu li .current-menu-item > a, 
.navigation-main .menu li .current-menu-item > a:hover,
.navigation-main .menu li .current-cat > a, 
.navigation-main .menu li .current-cat > a:hover {
	background: none;
	/*text-decoration: underline;*/
}
.navigation-main .menu .current_page_item ul li a,
.navigation-main .menu .current-menu-item ul li a,
.navigation-main .menu .current-menu-ancestor ul li a,
.navigation-main .menu .current_page_ancestor ul li a,
.navigation-main .menu .current-cat ul li a {
	background: none;
	color: #fff;
}
/*.navigation-main .menu li.current-menu-ancestor .sub-menu li.current-menu-item a,
.navigation-main .menu .current-menu-ancestor ul.sub-menu li a:hover,
.navigation-main .menu .current_page_ancestor ul.sub-menu li a:hover {
	text-decoration: underline;
}*/
.navigation-main .menu li.current-menu-ancestor a,
.navigation-main .menu li.current_page_ancestor a {
	background-color: transparent;
}
.menu {
	display: block;
	margin: 0 auto;
}
.menu ul.sub-menu {
	background-color: #266B33;
}
.menu ul.sub-menu,
.menu ul.children {
	display: block;
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	-khtml-border-radius: 0px 0px 2px 2px;
	-webkit-border-radius: 0px 0px 2px 2px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .5);
	transition-delay: .2s;
	-webkit-transition-delay: .2s; /* Safari */
}
.menu ul.sub-menu ul.sub-menu,
.menu ul.children ul.children {
	transition-delay: 0s;
	-webkit-transition-delay: 0s; /* Safari */
}
body.sticky_header .menu a,
body.sticky_header .menu a:link,
body.sticky_header .menu a:visited {
	color: #6F6C6D;
}
.menu li:last-child a {
	padding-right: 0;
}
.menu-footer-container .menu a,
.menu-footer-container .menu a:link,
.menu-footer-container .menu a:visited {
	padding: 0px 30px;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	letter-spacing: unset !important;
	font-size: 18px;
}
.menu a:focus,
.menu a:hover,
.menu a:active {
	background: none;
	text-decoration: underline;
}
.menu li li a,
.menu li li a:link,
.menu li li a:visited {
	display: block;
	color: #fff;
	width: 100%;
	background: none;
	text-align: left;
	text-transform: none;
	line-height: normal;
	margin: 0px;
	padding: 10px 12px 10px 25px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
	box-sizing: border-box;
	font-size: 14px;
}
.menu a:focus, 
.menu li li a:focus {
	outline: normal;
}
.menu li:first-child a {
	/*border-left: none;*/
}
.menu li li:first-child a {
	/*padding-left: 12px;*/
}
.menu li:last-child a {
	/*border-right: none;*/
}
.menu li:first-child,
.menu li:first-child a {
	/*border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	-khtml-border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;*/
}
body.sticky_header .menu > li:first-child {
	margin-left: 120px;
	transition: margin 1s ease-in-out;
	-moz-transition: margin 1s ease-in-out;
	-webkit-transition: margin 1s ease-in-out;
	-o-transition: margin 1s ease-in-out;
}
/*body.sticky_header .menu li:first-child ul li {
	margin-left: unset;
}*/
.menu li li:first-child,
.menu li li:first-child a {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
}

/* Bei nicht so hohen Screens soll der Header nicht sticky sein: */
@media all and (max-height: 600px) {
	#quadmenu.quadmenu-sticky-top {
		position: absolute !important;
	}
}

/* ende  - Navigation ############################################################################################################################ */

/* start - damit die Unterpunkte im Mouseover-Menü nach Links statt nach Rechts angezeigt werden ################################################# */

.navigation-main .menu li ul.sub-menu {
	position: absolute;
	top: 100%;
	right: 0;
	clip-path: inset(0 100% 0 0); /* komplett nach rechts ausgeblendet */
	-webkit-clip-path: inset(0 100% 0 0);
	opacity: 0;
	visibility: hidden;
	transition: clip-path 0.28s ease, opacity 0.18s ease;
	pointer-events: none;
	border: 1px solid #1b4d25;
}

/* reveal */
.navigation-main .menu > li:hover > ul.sub-menu {
	clip-path: inset(0 0 0 0);
	-webkit-clip-path: inset(0 0 0 0);
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* ende  - damit die Unterpunkte im Mouseover-Menü nach Links statt nach Rechts angezeigt werden ################################################# */

/* start - Ein-Ausblenden der normalen/mobilen Navigation ######################################################################################## */

/* WPR Menu > Appearance > Display Menu From Width(px): 970 */

@media all and (max-width: 970px) {
	.navigation-main {
		display: none !important;
	}
}
@media all and (min-width: var(--breite--header)) {
	/*#wprmenu_bar {
		display: none;
	}*/
	body.sticky_header .wp-block-heading-wrapper {
		margin-top: 80px !important;
	}
}

/* Tel-Links nur in Smartphones anzeigen: */
a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
	pointer-events: none !important;
	text-decoration: none !important;
	cursor: unset !important;
	color: #333 !important;
}
a[href^="tel"]:hover {
	cursor: text !important;
}
/* Eingabegerät mit limitierter Präzision (z.B. Touch): */
@media (pointer: coarse) {
	a[href^="tel"]:link,
	a[href^="tel"]:visited,
	a[href^="tel"]:hover {
		pointer-events: unset !important;
		text-decoration: underline !important;
		cursor: pointer !important;
	}
	a[href^="tel"]:hover {
		text-decoration: none !important;
		cursor: pointer;
	}
}

/* ende  - Ein-Ausblenden der normalen/mobilen Navigation ######################################################################################## */

/* start - WPR Menu Farben ####################################################################################################################### */
/* Plugin "WP Responsive Menu", wp-responsive-menu von MagniGenie */
/* siehe auch in awi-solar.de */

/* Untermenüs immer offen! */
ul.sub-menu {
	display: block !important;
}

html body #wprmenu_menu_ul li.wprmenu_parent_item_li > ul {
	padding: 0;
	margin: 0;
}

.wprm-wrapper-outer {
	width: 100%;
	height: 100px;
	position: absolute;
	top: 0;
}
.wprm-wrapper {
	display: block !important;
	width: 100% !important;
	max-width: 1240px !important;
	height: 100px;
	margin: 0 auto !important;
}
#wprmenu_bar {
	background-color: transparent !important;
	position: relative !important;
	top: 24px;
	left: unset;
	right: unset;
	max-width: 70px;
	float: right;
	padding-right: 80px;
}
@media all and (max-width: 430px) {
	#wprmenu_bar {
		padding-right: 50px;
	}
}
@media all and (max-width: 380px) {
	#wprmenu_bar {
		top: 68px;
	}
}
#wprmenu_bar.active {
	top: 5px;
	left: -45px;
	right: unset;
	float: unset;
	position: absolute !important;
}

.wprmenu_bar.active .hamburger-inner, 
.wprmenu_bar.active .hamburger-inner::before, 
.wprmenu_bar.active .hamburger-inner::after {
	background: #266b33 !important;
}
.wprmenu_bar .hamburger-inner, 
.wprmenu_bar .hamburger-inner::before, 
.wprmenu_bar .hamburger-inner::after {
	background: #fff !important;
}
.wprmenu_bar .hamburger--slider:hover .hamburger-box .hamburger-inner, 
.wprmenu_bar .hamburger--slider:hover .hamburger-box .hamburger-inner::before, 
.wprmenu_bar .hamburger--slider:hover .hamburger-box .hamburger-inner::after, 
.wprmenu_bar .hamburger-inner:hover, 
.wprmenu_bar .hamburger-inner:hover::before, 
.wprmenu_bar .hamburger-inner:hover::after {
	background: #F4B323 !important;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	height: 2px;
}

#mg-wprm-wrap {
	background-color: #fbfbfb;
}

#mg-wprm-wrap li.menu-item-has-children ul.sub-menu a {
	font-size: 15px;
	text-transform: unset;
	font-weight: normal;
}

#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item a, 
div#mg-wprm-wrap ul>li:hover>span.wprmenu_icon, 
div#mg-wprm-wrap li.current-menu-item span.wprmenu_icon, 
div#mg-wprm-wrap ul li span.wprmenu_icon, 
div#mg-wprm-wrap ul li span.wprmenu_icon:hover, 
div#mg-wprm-wrap ul li span.wprmenu_icon:focus, 
div#mg-wprm-wrap ul li span.wprmenu_icon:active,
#mg-wprm-wrap li.current-menu-item > a {
	color: #5f5f5f !important;
}

#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item ul li a {
	padding-left: 30px !important;
}
#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item ul li ul li a {
	padding-left: 50px !important;
}

#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item.current_page_parent > a {
	color: #5f5f5f !important;
	background: #e6e6e6;
}

#mg-wprm-wrap li.current-menu-item > a {
	background: #e6e6e6;
}

ul#wprmenu_menu_ul li.menu-item.current_page_item > a, ul#wprmenu_menu_ul li.menu-item.current_page_parent > a, ul#wprmenu_menu_ul li.menu-item.current_page_parent li.current_page_item > a {
	color: #5f5f5f !important;
	text-decoration: underline;
}

#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item a:hover {
	background: #dcdcdc;
	color: #5f5f5f !important;
}

/* ende  - WPR Menu Farben ####################################################################################################################### */

/* ende  - Wrapper für alle Navigations-Einstellungen ############################################################################################ */

@media all and (max-width: 650px) {
	h1, .h1, h2, .h2,
	h1.wp-block-heading, h2.wp-block-heading {
		word-wrap: break-word;
		word-break: normal;
		hyphens: auto !important;
	}
}
@media all and (max-width: 450px) {
	h3, .h3, h4, .h4, h5, .h5, h6, .h6,
	h3.wp-block-heading, h4.wp-block-heading, h5.wp-block-heading, h6.wp-block-heading,
	blockquote, pre, p, td, img, ul, li {
		word-wrap: break-word;
		word-break: normal;
		hyphens: auto !important;
	}
	.divCompanyTable td,
	.divCompanyName a,
	.divCompanyName a:visited {
		word-wrap: unset !important;
		word-break: unset !important;
		hyphens: unset !important;
	}
}

/* start - buttons ############################################################################################################################### */

.wp-block-button__link, .wp-block-button__link:visited {
	color: #fff;
	background-color: #666;
	text-transform: unset;
	padding: 8px 20px;
}
.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover {
	color: #fff;
	background-color: #777;
}

/* ende  - buttons ############################################################################################################################### */

/* start - Datei Icons ########################################################################################################################### */

/*a[href$='.pdf'] {
	background: url(images/pdf.png) no-repeat 0 3px;
	padding-left: 20px;
	line-height: 16px;
}*/

/* ende  - Datei Icons ########################################################################################################################### */

hr.wp-block-separator {
	clear: both;
	display: block;
	height: 3px;
	border: none;
	padding-bottom: 30px;
	border-bottom: 3px solid #C5C6C6;
	margin-bottom: 30px;
}

figure.wp-block-table table,
figure.wp-block-table table td {
	border: none;
	width: unset;
}
figure.wp-block-table table td {
	padding-right: 15px;
}
figure.wp-block-table table td:last-child {
	padding-right: 0;
}

.captcha-image .cf7ic_instructions span {
	color: #564c4c !important;
	font-weight: 700;
}

/* start - Kontaktformular mit Plugin contact-form-7 ############################################################################################# */

.table-contact-form {
	width: 100%;
}
@media all and (max-width: 930px) {
	.table-contact-form td {
		display: block;
	}
}

label {
	display: inline-block;
	width: 98%;
	font-size: var(--global--font-size-base);
	font-weight: 300;
}
label .required {
	font-size: var(--global--font-size-xs);
	font-weight: 300;
	opacity: 0.7;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
	border-radius: unset;
	border: 1px solid #777777;
	background: transparent;
	padding: 0 10px;
	line-height: 35px;
}
.wpcf7-form-control-wrap input[type='text'],
.wpcf7-form-control-wrap input[type='email'],
.wpcf7-form-control-wrap textarea {
	width: 90%;
	max-width: 90%;
}
@media all and (max-width: 600px) {
	.wpcf7-form-control-wrap input[type='text'],
	.wpcf7-form-control-wrap input[type='email'],
	.wpcf7-form-control-wrap textarea {
		width: 100%;
		max-width: 100%;
	}
}
.wpcf7-form-control-wrap textarea {
	padding-top: 5px;
}
.wpcf7-form-control-wrap input:hover,
.wpcf7-form-control-wrap textarea:hover {
	background-color: #f0f0f0;
}
.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap textarea:focus {
	border: 1px solid #817a7a;
	background-color: #f0f0f0;
	box-shadow: unset;
	outline: unset;
}
.wpcf7-form-control-wrap textarea {
	line-height: normal;
}

.wpcf7-form-control-wrap[data-name="your-message"] textarea {
	padding: 14px 0 5px 10px;
	border-radius: 5px;
	background: transparent;
	color: #333;
	/*text-transform: var(--formfieldtexttransform);
	font-weight: var(--formfieldfontweight);
	font-family: var(--global--font-primary);*/
	font-weight: 300;
	font-size: unset;
	letter-spacing: unset;
	line-height: unset;
}
.wpcf7-form-control-wrap textarea:focus {
	border-color: #a99d97;
	-webkit-box-shadow: unset !important;
	box-shadow: unset !important;
}

.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item {
	display: block;
}

.wpcf7-list-item {
	margin: 0;
}

form select, form select option, form textarea {
	border-color: #abb8c3;
}

.text-color-pflichtfeld {
	color: #aa0000;
	font-weight: normal;
}

.wpcf7 p {
	position: relative;
}
.wpcf7 p .fa,
.wpcf7 p .fas {
	position: absolute;
	color: #ccc;
	z-index: 1;
	font-size: 20px;
	top: 13px;
	left: 14px;
}

input[type="checkbox"][name^="acceptance-"] {
	padding: unset;
	margin-top: unset;
	line-height: unset;
	height: unset;
	width: unset;
	border-radius: unset;
	transition: unset;
	color: unset;
}

.wpcf7-form-control.wpcf7-submit {
	font-family: var(--global--font-primary) !important;
	font-weight: 400 !important;
	color: #fff !important;
	background-color: #666 !important;
	padding: 5px 20px 6px 20px !important;
	border: none !important;
	border-radius: 20px !important;
	line-height: 30px;
}
.wpcf7-form-control.wpcf7-submit:hover {
	background-color: #777 !important;
	border: none !important;
}

.captcha-image label > input + * {
	padding: 0;
}
.captcha-image label > input:checked + *, .captcha-image label > input:focus + * {
	padding: 0;
}

/* ende  - Kontaktformular mit Plugin contact-form-7 ############################################################################################# */

/* start - Bilder in Galerie quadratisch darstellen ############################################################################################## */

.wp-block-gallery .wp-block-image.size-large {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: flex;
  width: 100%;
  max-width: 400px;
  /*border-radius: 8px;*/
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.wp-block-gallery .wp-block-image.size-large a {
  display: flex;
  width: 100%;
  height: 100%;
}

.wp-block-gallery .wp-block-image.size-large img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

/* Zoom-Effekt beim Hovern */
.wp-block-gallery .wp-block-image.size-large:hover img {
  transform: scale(1.05);
}

/* ende  - Bilder in Galerie quadratisch darstellen ############################################################################################## */

@media all and (max-width: 600px) {
	.wp-block-image .alignright {
		float: none;
		margin-left: 0;
	}
	.wp-block-image .alignleft {
		float: none;
		margin-right: 0;
	}
}

.clear {
	clear: both;
}

/* start - Am Blockelement auswählbar "Weite Breite" ########################################################################################### */

.wp-block-group.alignwide {
	max-width: var(--breite--content) !important;
	position: relative !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 110px 0 110px;
}
@media all and (max-width: 767px) {
	.wp-block-group.alignwide {
		padding: 0 50px 0 50px;
	}
	.alignfull .wp-block-group.alignwide {
		padding: 0 50px 0 50px;
	}
}
@media all and (max-width: 575px) {
	.wp-block-group.alignwide {
		padding: 0 30px 0 30px;
	}
	.alignfull .wp-block-group.alignwide {
		padding: 0 30px 0 30px;
	}
}
@media all and (max-width: 400px) {
	.wp-block-group.alignwide {
		padding: 0 10px 0 10px;
	}
	.alignfull .wp-block-group.alignwide {
		padding: 0 10px 0 10px;
	}
}

/* start - Am Blockelement auswählbar "Gesamte Breite" ########################################################################################### */

.alignfull {
	left: calc(-50vw + 50%);
	position: relative;
	max-width: 100vw;
	width: 100vw;
}

@media all and (max-width: 1269px) {
	/*.alignwide {
		margin: 0 30px 0 30px;
	}*/
}
@media all and (max-width: 575px) {
	/*.alignwide {
		margin: 0 15px 0 15px;
	}*/
}

/* ende  - Am Blockelement auswählbar "Gesamte Breite" ########################################################################################### */

.category-separator {
	display: block;
	width: 100%;
	clear: both;
	padding: 20px 0;
}

.pvc_stats {
	font-size: 10px;
	font-family: var(--global--font-primary);
	display: none;
}
.divFooter .pvc_stats {
	display: none;
}

@media all and (max-width: 781px) {
	figure.kontakt img {
		max-width: 30%;
		height: auto;
	}
}
@media all and (max-width: 700px) {
	figure.kontakt img {
		max-width: 35%;
		height: auto;
	}
}
@media all and (max-width: 600px) {
	figure.kontakt img {
		max-width: 40%;
		height: auto;
	}
}
@media all and (max-width: 500px) {
	figure.kontakt img {
		max-width: 45%;
		height: auto;
	}
}
@media all and (max-width: 400px) {
	figure.kontakt img {
		max-width: 50%;
		height: auto;
	}
}
@media all and (max-width: 350px) {
	figure.kontakt img {
		max-width: 70%;
		height: auto;
	}
}

.wp-block-group {
	clear: both;
}

a.cd-upload-btn {
	color: #777777 !important;
	pointer-events: unset !important;
	text-decoration: underline !important;
}
a.cd-upload-btn:hover {
	text-decoration: none !important;
	color: #564c4c !important;
}
#map a[href$="#"],
#map a[href$="#"]:link,
#map a[href$="#"]:visited,
#map a[href$="#"]:hover {
	pointer-events: unset;
	text-decoration: unset;
	color: #000;
}

.wp-element-caption {
	font-size: var(--global--font-size-sm);
}

mark {
	padding: 0;
}

ol.wp-block-list li {
	margin-bottom: 20px;
}

.radius10 {
	padding: 10px;
	border-radius: 10px;
}

.image-shadow img {
	box-shadow: 0px 2px 5px -1px #00000070;
	height: auto;
	display: flex;
	max-width: 100%;
	transition: box-shadow 0.2s ease;
}
/*Schatten bei den Grafiken mit Klasse image-shadow bei mouseover entfernen:*/
.image-shadow figure:hover a img,
figure.image-shadow:hover a img {
	box-shadow: unset !important;
}
figcaption.wp-element-caption {
	color: #5f6366;
}

.wp-block-nk-awb {
	padding: 0px 30px;
}
@media all and (max-width: 767px) {
	.wp-block-nk-awb {
		padding: 0px 0px;
	}
}

/* start - social-icons Startseite bei Kontaktaufnahme ########## */
.social-icons {
	display: flex;
	gap: 20px;
	padding: 15px;
}
.social-icons a {
	color: #5f5f5f; /* Deine Wunschfarbe */
	font-size: 28px;
	transition: transform 0.3s, color 0.3s;
}
.social-icons a:hover {
	color: #474B4F; /* Hellere Variation */
	transform: scale(1.1);
}
/* ende  - social-icons Startseite bei Kontaktaufnahme ########## */

.nk-awb-wrap:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('images/radius-f8fafc-10-top-left.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}
.nk-awb-wrap:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background-image: url('images/radius-f8fafc-10-top-right.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}
.nk-awb-wrap .nk-awb-inner:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url('images/radius-f8fafc-10-bottom-left.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}
.nk-awb-wrap .nk-awb-inner:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url('images/radius-f8fafc-10-bottom-right.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}
.nk-awb-wrap .nk-awb-overlay {
	border-radius: 10px;
}
.wp-block-group.box-radius {
	border-radius: 10px;
}

.to-top a {
	width: 64px;
	height: 64px;
	display: inline-block;
}
.to-top {
	/*display: none;*/
	position: fixed;
	bottom: -60px;
	right: 23px;
	width: 64px;
	height: 64px;
	background-image: url('images/to-top.png');
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	z-index: 999;
}
.to-top:hover {
	background-image: url('images/to-top-hover.png');
}

/* start - Plugin Lightweight Accordion Von Andy Feliciotti, lightweight-accordion */
/*
Zeigt Plus und bei mouseover ein Minus, funktioniert auch wenn die Accordions verschachtelt sind!
Es gibt auch dunkle Accordions: Klasse="back-dark" direkt im Accordion
Benutzt in:
luegensteinmuseum-wuerzburg.com
rsagrar.de
*/

/* Anpassen für Accordion mit dunklem Hintergrund */

.lightweight-accordion,
.lightweight-accordion.back-dark {
	margin: 0;
}
.lightweight-accordion > details,
.lightweight-accordion.back-dark > details {
	margin: 0 0 20px 0;
}

.lightweight-accordion details > summary.lightweight-accordion-title,
.lightweight-accordion.back-dark details > summary.lightweight-accordion-title {
	background-color: #666;
	color: #fcfcfc;
	border-radius: 10px;
	padding: 10px 2px 10px 2px;
	list-style: none;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
}
.lightweight-accordion.back-dark details > summary.lightweight-accordion-title {
	background-color: #707070;/* Anpassen für Accordion mit dunklem Hintergrund: 3x10 heller als der dunkle Hintergrund */
}
.lightweight-accordion details > summary.lightweight-accordion-title:hover,
.lightweight-accordion.back-dark details > summary.lightweight-accordion-title:hover {
	background-color: #888;
}
.lightweight-accordion details > summary.lightweight-accordion-title::-webkit-details-marker,
.lightweight-accordion.back-dark details > summary.lightweight-accordion-title::-webkit-details-marker {
	display: none;
}

.lightweight-accordion details > summary.lightweight-accordion-title::before,
.lightweight-accordion.back-dark details > summary.lightweight-accordion-title::before {
	content: '+';
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 22px;
	line-height: 1;
	transition: transform .2s;
}

.lightweight-accordion details > summary.lightweight-accordion-title:hover::before,
.lightweight-accordion details[open] > summary.lightweight-accordion-title::before,
.lightweight-accordion.back-dark details > summary.lightweight-accordion-title:hover::before,
.lightweight-accordion.back-dark details[open] > summary.lightweight-accordion-title::before {
	content: '–';
}
.lightweight-accordion > details[open] > summary.lightweight-accordion-title,
.lightweight-accordion.back-dark > details[open] > summary.lightweight-accordion-title {
	background: #888 !important;
	border-bottom: none;
	border-bottom-left-radius: unset;
	border-bottom-right-radius: unset;
}

.lightweight-accordion > details > .lightweight-accordion-body,
.lightweight-accordion.back-dark > details > .lightweight-accordion-body {
	border-right: 1px solid #888;
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 10px;
}

.lightweight-accordion > details > .lightweight-accordion-body,
.lightweight-accordion > details > .lightweight-accordion-body a,
.lightweight-accordion > details > .lightweight-accordion-body a:visited,
.lightweight-accordion.back-dark > details > .lightweight-accordion-body,
.lightweight-accordion.back-dark > details > .lightweight-accordion-body a,
.lightweight-accordion.back-dark > details > .lightweight-accordion-body a:visited {
	color: #5f5f5f;
	background-color: transparent;
}
.lightweight-accordion.back-dark > details > .lightweight-accordion-body,
.lightweight-accordion.back-dark > details > .lightweight-accordion-body a,
.lightweight-accordion.back-dark > details > .lightweight-accordion-body a:visited {
	color: #fff;/* Anpassen für Accordion mit dunklem Hintergrund: helle Schrift */
}

.lightweight-accordion > details > .lightweight-accordion-body a:hover,
.lightweight-accordion.back-dark > details > .lightweight-accordion-body a:hover {
	opacity: 0.8;
}

/* ende  - Plugin Lightweight Accordion Von Andy Feliciotti, lightweight-accordion */

.divFooterWrapper {
	width: 100%;
	background-color: #266B33;
	clear: both;
	box-shadow: 0px -10px 15px rgba(0, 0, 0, .15);
}
.divFooter {
	width: 100%;
	max-width: var(--breite--footer);
	margin: 0 auto;
	padding: 30px 30px 1px 30px;
}
.divFooter .wp-block-columns {
	margin-bottom: 0 !important;
}
.divFooter h1,
.divFooter h2,
.divFooter h3,
.divFooter h4,
.divFooter h5,
.divFooter h6,
.divFooter p,
.divFooter p,
.divFooter p,
.divFooter td,
.divFooter a,
.divFooter a:visited,
.divFooter a:hover {
	color: #fff !important;
}

.footer-group p.copyright {
	font-size: 14px !important;
	padding-top: 28px !important;
}

.special-background-light {
  position: relative;
  overflow: hidden;
}
.special-background-light::before {
	content: '';
	position: absolute;
	top: 0;
	right: -30%;
	width: 200%;
	height: 100%;
	border-radius: 0 0 100% 60%;
	background: #e8e8e8;
	z-index: -1;
}
@media all and (max-width: 781px) {
	.special-background-light::before {
		right: -90%;
		width: 400%;
		border-radius: 0 0 100% 60%;
	}
}
@media all and (max-width: 400px) {
	.special-background-light::before {
		right: -150%;
		width: 600%;
	}
}
.special-background-dark {
  position: relative;
  overflow: hidden;
}
.special-background-dark::before {
	content: '';
	position: absolute;
	top: 0;
	right: -30%;
	width: 200%;
	height: 100%;
	border-radius: 0 0 100% 60%;
	background: #666666;
	z-index: -1;
}
@media all and (max-width: 781px) {
	.special-background-dark::before {
		right: -90%;
		width: 400%;
		border-radius: 0 0 100% 60%;
	}
}
@media all and (max-width: 400px) {
	.special-background-dark::before {
		right: -150%;
		width: 600%;
	}
}

.divContent a.active-anchor {
	color: rgb(127, 0, 0);
	opacity: 0.6;
}

.template-sitemap .divContentWrapper .divContent {
	margin-bottom: 50px;
}

@media all and (max-width: 781px) {
	:where(.wp-block-columns.is-layout-flex) {
		gap: 0;
	}
}

/*.slider-ueber-rsagrar-slide1 {
	max-width: 58% !important;
}
@media all and (max-width: 800px) {
	.slider-ueber-rsagrar-slide1 {
		max-width: 61% !important;
	}
}
@media all and (max-width: 700px) {
	.slider-ueber-rsagrar-slide1 {
		max-width: 66% !important;
	}
}
@media all and (max-width: 600px) {
	.slider-ueber-rsagrar-slide1 {
		max-width: 71% !important;
	}
}
@media all and (max-width: 500px) {
	.slider-ueber-rsagrar-slide1 {
		max-width: 75% !important;
	}
}
@media all and (max-width: 400px) {
	.slider-ueber-rsagrar-slide1 {
		max-width: 86% !important;
	}
}*/

/* start - Footer ################################################################################################################################ */

/*.spalten-footer .wp-block-column {
	white-space: nowrap;
}
.spalten-footer .wp-block-column:nth-child(1) {
	flex-basis: 10%;
}
.spalten-footer .wp-block-column:nth-child(2) {
	flex-basis: 90%;
}
@media all and (max-width: 1000px) {
	.spalten-footer .wp-block-column:nth-child(1) {
		flex-basis: 20%;
	}
	.spalten-footer .wp-block-column:nth-child(2) {
		flex-basis: 80%;
	}
}
@media all and (max-width: 800px) {
	.wp-block-columns {
		flex-wrap: nowrap !important;
	}
	.spalten-footer .wp-block-column:nth-child(1) {
		flex-basis: 30% !important;
	}
	.spalten-footer .wp-block-column:nth-child(2) {
		flex-basis: 70% !important;
	}
}
@media all and (max-width: 500px) {
	.spalten-footer .wp-block-column:nth-child(1) {
		flex-basis: 40% !important;
	}
	.spalten-footer .wp-block-column:nth-child(2) {
		flex-basis: 60% !important;
	}
}

.divFooter {
	width: 100%;
	padding: 15px;
}
.divFooter .wp-block-columns {
	margin: 0;
}
.divFooter .copyright {
	font-size: 13px;
	color: #999;
	white-space: nowrap;
}
.divFooter p,
.divFooter a,
.divFooter a:visited {
	color: #999;
}
@media all and (max-width: 781px) {
	.divFooter .wp-block-columns .wp-block-column:nth-child(3) {
		text-align: left;
	}
	.copyright {
		padding-right: unset;
		text-align: left !important;
		margin-bottom: 30px;
	}
}

.copyright {
	font-size: 70%;
	text-align: right;
}*/

/* Tel-Links nur in Smartphones anzeigen: */
.divFooter a[href^="tel"]:link,
.divFooter a[href^="tel"]:visited, 
.divFooter a[href^="tel"]:hover {
	pointer-events: none !important;
	text-decoration: none !important;
	cursor: unset !important;
	color: #fff !important;
}
.divFooter a[href^="tel"]:hover {
	cursor: text !important;
}
/* Eingabegerät mit limitierter Präzision (z.B. Touch): */
@media (pointer: coarse) {
	.divFooter a[href^="tel"]:link,
	.divFooter a[href^="tel"]:visited,
	.divFooter a[href^="tel"]:hover {
		pointer-events: unset !important;
		text-decoration: underline !important;
		cursor: pointer !important;
	}
	.divFooter a[href^="tel"]:hover {
		text-decoration: none !important;
		cursor: pointer;
	}
}

/* ende  - Footer ################################################################################################################################ */

.gruppe-startseite-4-kernbereiche h1,
.gruppe-startseite-4-kernbereiche h2,
.gruppe-startseite-4-kernbereiche h3,
.gruppe-startseite-4-kernbereiche h4,
.gruppe-startseite-4-kernbereiche h5,
.gruppe-startseite-4-kernbereiche h6 {
	padding: 0 !important;
}
.gruppe-startseite-4-kernbereiche p {
	margin: 0 !important;
}
.gruppe-startseite-4-kernbereiche .wp-block-column {
	/*border: 3px solid #F5F5F5;*/
	border-bottom: 3px solid #F5F5F5;
	margin: 0 0 50px 0;
	padding: 10px;
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
}
/*
#fcc100	Landwirte, Agrar			rgba(252, 193, 0, 0.5)
#a94717	Handwerker, Baustoffe	rgba(169, 71, 23, 0.5)
#f08108	Energie & Wärme			rgba(240, 129, 8, 0.5)
#019cc5	Haus & Garten, Markt		rgba(1, 156, 197, 0.5)
*/
.gruppe-startseite-4-kernbereiche .wp-block-column:nth-child(1) {
	border-color: rgba(252, 193, 0, 1);/*Agrar*/
	/*background-color: rgba(252, 193, 0, 0.1);*/
}
.gruppe-startseite-4-kernbereiche .wp-block-column:nth-child(2) {
	border-color: rgba(169, 71, 23, 1);/*Baustoffe*/
	/*background-color: rgba(169, 71, 23, 0.1);*/
}
.gruppe-startseite-4-kernbereiche .wp-block-column:nth-child(3) {
	border-color: rgba(240, 129, 8, 1);/*Energie*/
	/*background-color: rgba(240, 129, 8, 0.1);*/
}
.gruppe-startseite-4-kernbereiche .wp-block-column:nth-child(4) {
	border-color: rgba(1, 156, 197, 1);/*Markt*/
	/*background-color: rgba(1, 156, 197, 0.1);*/
}
h1.abstand-oben-null,h1.wp-block-heading.abstand-oben-null,.h1.abstand-oben-null,
h2.abstand-oben-null,h2.wp-block-heading.abstand-oben-null,.h2.abstand-oben-null,
h3.abstand-oben-null,h3.wp-block-heading.abstand-oben-null,.h3.abstand-oben-null,
h4.abstand-oben-null,h4.wp-block-heading.abstand-oben-null,.h4.abstand-oben-null,
h5.abstand-oben-null,h5.wp-block-heading.abstand-oben-null,.h5.abstand-oben-null,
h6.abstand-oben-null,h6.wp-block-heading.abstand-oben-null,.h6.abstand-oben-null {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
h1.abstand-unten-null,h1.wp-block-heading.abstand-unten-null,.h1.abstand-unten-null,
h2.abstand-unten-null,h2.wp-block-heading.abstand-unten-null,.h2.abstand-unten-null,
h3.abstand-unten-null,h3.wp-block-heading.abstand-unten-null,.h3.abstand-unten-null,
h4.abstand-unten-null,h4.wp-block-heading.abstand-unten-null,.h4.abstand-unten-null,
h5.abstand-unten-null,h5.wp-block-heading.abstand-unten-null,.h5.abstand-unten-null,
h6.abstand-unten-null,h6.wp-block-heading.abstand-unten-null,.h6.abstand-unten-null {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* start - Link Icons ############################################################################################################################ */

/*
suchen/ersetzen: not([href*="rsagrar.de"])
*/

.divContent header a[href^="http"]:not([href*="rsagrar.de"])::after,
.divContent header a[href^="https"]:not([href*="rsagrar.de"])::after,
.divContent .gridKachelnKlein a[href^="http"]:not([href*="rsagrar.de"])::after,
.divContent .gridKachelnKlein a[href^="https"]:not([href*="rsagrar.de"])::after,
.divContent .gridKacheln a[href^="http"]:not([href*="rsagrar.de"])::after,
.divContent .gridKacheln a[href^="https"]:not([href*="rsagrar.de"])::after {
	content: "➚";
	position: relative;
	font-weight: bold;
	font-size: 120%;
}
.divContent a[href^="http"]:not([href*="rsagrar.de"])::after,
.divContent a[href^="https"]:not([href*="rsagrar.de"])::after {
	content: "➚";
	position: relative;
	font-weight: bold;
	font-size: 120%;
}
.divFooter a[href^="http"]:not([href*="rsagrar.de"])::after,
.divFooter a[href^="https"]:not([href*="rsagrar.de"])::after {
	content: "➚";
	position: relative;
	font-weight: bold;
	font-size: 120%;
}
.divContent a[href$=".pdf"]::after {
	content: " (PDF)" !important;
	position: relative;
	font-weight: bold;
	font-size: 100% !important;
}
.divContent a[href^="http"]:not([href*="rsagrar.de"])[href$=".pdf"]::after,
.divContent a[href^="https"]:not([href*="rsagrar.de"])[href$=".pdf"]::after {
	content: "➚ (PDF)" !important;
	position: relative;
	font-weight: bold;
	font-size: 100% !important;
}

.divContent a[href^="http"]:not([href*="rsagrar.de"])[href$=".pdf"]:has(img),
.divContent a[href^="https"]:not([href*="rsagrar.de"])[href$=".pdf"]:has(img) {
	position: relative !important;
}
.divContent a[href^="http"]:not([href*="rsagrar.de"])[href$=".pdf"]:has(img)::after, 
.divContent a[href^="https"]:not([href*="rsagrar.de"])[href$=".pdf"]:has(img)::after {
	content: '➚ (PDF)' !important;
	position: absolute !important;
	font-weight: unset !important;
	font-size: unset !important;
	bottom: 4px;
	right: 0px;
	color: #000;
	background: rgba(255, 255, 255, 0.7);
	padding: 0px 5px 3px 5px;
	border-radius: 10px;
}
.divContent a[href^="http"]:not([href*="rsagrar.de"])[href$=".pdf"]:has(img):hover::after, 
.divContent a[href^="https"]:not([href*="rsagrar.de"])[href$=".pdf"]:has(img):hover::after {
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
}
.divContent a:has(img) {
	position: relative !important;
}
.divContent a:has(img)::after {
	content: '➚' !important;
	position: absolute !important;
	font-weight: unset !important;
	font-size: unset !important;
	bottom: 4px;
	right: 0px;
	color: #000;
	background: rgba(255, 255, 255, 0.7);
	padding: 0px 5px 3px 5px;
	border-radius: 10px;
}
.divContent a:has(img):hover::after {
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
}

/* ende  - Link Icons ############################################################################################################################ */

.slider-icon-agrar > div::after,
.slider-icon-bau > div::after,
.slider-icon-energie > div::after,
.slider-icon-markt > div::after {
	display: block !important;
	position: absolute;
	bottom: 12px;
	left: 15%;
	font-size: 108px;
	line-height: normal;
	font-family: 'mw';
}
.slider-icon-agrar > div::after {
	color: #fcc100;
	content: "\e919";
}
.slider-icon-bau > div::after {
	color: #a94717;
	content: "\e917";
}
.slider-icon-energie > div::after {
	color: #f08108;
	content: "\e918";
}
.slider-icon-markt > div::after {
	color: #019cc5;
	content: "\e904";
}
@media all and (max-width: 1400px) {
	.slider-icon-agrar div::after,
	.slider-icon-bau div::after,
	.slider-icon-energie div::after,
	.slider-icon-markt div::after {
		left: 5%;
	}
}
@media all and (max-width: 900px) {
	.slider-icon-agrar div::after,
	.slider-icon-bau div::after,
	.slider-icon-energie div::after,
	.slider-icon-markt div::after {
		font-size: 69px;
		bottom: 45px;
	}
}

.slider-text-top > div {
	border-top-right-radius: 20px !important;
	border-top-left-radius: 20px !important;
}
.slider-text-bottom > div {
	border-bottom-right-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}

/*macht komische Sachen zwischen 793 und 900 Pixel*/
#n2-ss-2 [class^="n-uc-"],/* die gesamte class-Zeichenkette beginnt mit */
#n2-ss-2 [class*=" n-uc-"] {/* die gesamte class-Zeichenkette enthält */
	--ssfont-scale:1 !important;
}
@media (orientation: landscape) and (max-width: 900px),(orientation: portrait) and (max-width: 700px) {
	#n2-ss-2 [class^="n-uc-"],/* die gesamte class-Zeichenkette beginnt mit */
	#n2-ss-2 [class*=" n-uc-"] {/* die gesamte class-Zeichenkette enthält */
		--ssfont-scale:1 !important;
	}
}