/*
Theme Name: Guggemos
Theme URI: https://www.guggemos-landtechnik.de/
Author: Web-Publishing Ronge, Thomas Ronge
Author URI: https://www.web-publishing.de/
Description: Theme für guggemos-landtechnik.de
Version: 1.0
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
Farben:
F2EF1D	Logo gelb
5BB764	Logo grün dunkel
6CC174	Logo grün hell
6F6C6D	Logo grau dunkel
38703c	Überschriften, Background Hotline

2D519B	Primärer Akzent
2F5AAE	Sekundärer Akzent
CCCCCC	Website-Hintergrund
F4F5F7	Heller Hintergrund
121212	Dunkler Hintergrund
272626	Textfarbe
CCCCCC	Hintergrund bei dunklem Text
F2EF1D	Extra Farbe 1
6CC174	Extra Farbe 2
*/

/* Variables */
/* start - Footer ################################################################################################################################ */
/* start - Navigation ############################################################################################################################ */
/* start - buttons ############################################################################################################################### */
/* start - Kontaktformular mit Plugin contact-form-7 ############################################################################################# */
/* start - Ein-Ausblenden der normalen/mobilen Navigation ######################################################################################## */
/* start - Am Blockelement auswählbar "Gesamte Breite" ########################################################################################### */
/* Tel-Links nur in Smartphones anzeigen: */

/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/inter-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/inter-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/inter-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/inter-v13-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/inter-v13-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/inter-v13-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
}

/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/inter-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/inter-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/inter-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/inter-v13-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/inter-v13-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/inter-v13-latin-700.svg#Inter') format('svg'); /* Legacy iOS */
}

/* cardo-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: 'Cardo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cardo-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/cardo-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cardo-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/cardo-v19-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/cardo-v19-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/cardo-v19-latin-regular.svg#Cardo') format('svg'); /* Legacy iOS */
}

/* cardo-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: 'Cardo';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/cardo-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/cardo-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cardo-v19-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/cardo-v19-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/cardo-v19-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/cardo-v19-latin-700.svg#Cardo') format('svg'); /* Legacy iOS */
}

/* Variables */
:root {

	/* Font Family */
	--global--font-primary: 'Inter', sans-serif;
	--global--font-secondary: 'Cardo', "Times New Roman", serif;

	/* Font Size */
	--global--font-size-xs: 12px;
	--global--font-size-sm: 13px;
	--global--font-size-base: 16px;
	--global--font-size-l: 18px;
	--global--font-size-lg: 20px;
	--global--font-size-xl: 22px;
	--global--font-size-xxl: 24px;
	--global--font-size-xxxl: 26px;
	--global--font-size-page-title: var(--global--font-size-xxl);
	--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: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-base);
	--heading--font-size-h4: var(--global--font-size-l);
	--heading--font-size-h3: var(--global--font-size-lg);
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: var(--global--font-size-xxl);
	--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: #333;
	--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: #f4f4f4;

	/* 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: var(--global--color-black);
	--primary-nav--color-link-hover: var(--global--color-text);
	--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);

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

.has-guggemos-gruen-background-color {
	background-color: #5BB764;
}
.has-guggemos-gruen-color {
	color: #5BB764;
}
.has-guggemos-blau-background-color {
	background-color: #17649a;
}
.has-guggemos-blau-color {
	color: #17649a;
}
.has-guggemos-blau-hell-background-color {
	background-color: #1e83c6;
}
.has-guggemos-blau-hell-color {
	color: #1e83c6;
}
.has-guggemos-text-rot-background-color {
	background-color: #ff0000;
}
.has-guggemos-text-rot-color {
	color: #ff0000;
}
.has-guggemos-text-orange-background-color {
	background-color: #ffb734;
}
.has-guggemos-text-orange-color {
	color: #ffb734;
}
.has-guggemos-text-gruen-background-color {
	background-color: #6ce96c;
}
.has-guggemos-text-gruen-color {
	color: #6ce96c;
}

/* Sprungziele bei fixed Header versetzt anspringen: */
:target:before {
	content: "";
	display: block;
	height: 50px;
	margin: 0;
}

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: normal;
	color: var(--global--color-text);
	text-align: left;
	background-image: url('images/layout/combine-harvester-4684368-1920x1080.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	font-size: 16px;
}

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;
}
#divContent UL LI {
	margin-top: 10px;
	margin-left: 20px;
	padding-top: 10px;
	font-size: var(--global--font-size-base);
}
#divContent ul li::marker, 
#divContent ol li::marker {
	color: #38703c;
}

img {
	max-width: 100%;
	height: auto;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin: 0;
	color: #38703c;
	font-size: var(--heading--font-size-h1);
	font-weight: normal;
	font-family: var(--global--font-primary);
	padding: 0 0 calc(var(--heading--font-size-h1) + 4px) 0;
	line-height: normal;
}
h2,.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;}
h3,.h3 {font-size: var(--heading--font-size-h3);padding: calc(var(--heading--font-size-h2) + 8px) 0 calc(var(--heading--font-size-h3) + 4px) 0;}
h4,.h4 {font-size: var(--heading--font-size-h4);padding: calc(var(--heading--font-size-h2) + 6px) 0 calc(var(--heading--font-size-h4) + 3px) 0;}
h5,.h5 {font-size: var(--heading--font-size-h5);padding: calc(var(--heading--font-size-h2) + 4px) 0 calc(var(--heading--font-size-h5) + 2px) 0;}
h6,.h6 {font-size: var(--heading--font-size-h6);padding: calc(var(--heading--font-size-h2) + 2px) 0 calc(var(--heading--font-size-h6) + 1px) 0;}

.wp-block-heading-wrapper {
	margin: 40px 0 30px 0;
	border-bottom: 1px solid #e3e3e3;
}
h1.wp-block-heading {
	font-family: var(--global--font-primary);
	padding: 0 0 0 0;
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
}

.em.em-item.em-item-single {
	width: 100%;
}
.wp-block-heading-single-news-wrapper {
	left: calc(-50vw + 50%);
	position: relative;
	max-width: 100vw;
	width: 100vw;
	margin: 40px 0 30px 0;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
}
@media all and (max-width: 1300px) {
	.wp-block-heading-single-news-wrapper {
		left: unset;
		position: relative;
	}
}
.em.pixelbones h1 {
	font-size: var(--heading--font-size-h1) !important;
}
@media (min-width:600px) {
	.em.pixelbones h1 {
		font-size: var(--heading--font-size-h1) !important;
		margin-left: auto;
		margin-right: auto;
		line-height: normal !important;
	}
}
h1.wp-block-heading-single-news {
	padding: 0 50px 0 0;
	max-width: 1240px !important;
	margin-left: auto;
	margin-right: auto;
	background-image: url('images/layout/empty.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-size: 50px;
	background-position: right center;
	font-size: var(--heading--font-size-h1) !important;
}
.em.em-item.em-item-single .em-item-image {
	flex: unset;
	max-width: 30%;
}
@media all and (max-width: 900px) {
	.em.em-item.em-item-single .em-item-image {
		max-width: 50%;
	}
}
@media all and (max-width: 400px) {
	.em.em-item.em-item-single .em-item-image {
		max-width: 100%;
	}
}

a,
a:visited {
	color: var(--primary-nav--color-link);
	text-decoration: underline;
}
a:hover {
	color: var(--primary-nav--color-link-hover);
	text-decoration: none;
}

#divContentWrapper {
	position: relative;
	width: auto;
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	min-height: 250px;
}

div.container {
	padding-left: 0px;
	padding-right: 0px;
	max-width: 1240px;
	width: auto !important;
}

.hotlineWrapper {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	background-color: #38703c;
	border-radius: 10px;
	padding: 3px 10px;
	border: 1px solid #333;
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 0 10px;
	line-height: 16px;
}

.wp-block-columns.call-us .phone a.wp-block-button__link.wp-element-button, .wp-block-columns.call-us .phone a.wp-block-button__link.wp-element-button:hover {
}

/* Tel-Links nur in Smartphones anzeigen: */
.hotlineWrapper div a.link-hotline,
.hotlineWrapper div a.link-hotline:visited {
	color: #fff !important;
	font-weight: bold;
	text-decoration: none;
	display: block !important;
	pointer-events: none !important;
	text-decoration: none !important;
	cursor: unset !important;
}
.hotlineWrapper div a.link-hotline:hover {
	text-decoration: none !important;
}
.hotlineWrapper div a.link-hotline:before {
	content: '';
	background-image: url('images/layout/unicode-phone-16blue.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.hotlineWrapper div span.icon-ticket {
	font-size: 120% !important;
	display: inline !important;
}
.hotlineWrapper div span.icon-pfeil {
	margin-left: 5px !important;
	font-size: 20px !important;
}
@keyframes fadeInAnimationHotline { 
	0% {
		top: -100px;
	}
	100 % {
		top: 0px;
	}
}
@media all and (min-width: 767px) {
	body.sticky_header .hotlineWrapper {
		position: fixed;
		top: 13px;
		right: 5px;
		z-index: 9999;
		animation: fadeInAnimationHotline linear 1s;
	}
}

#divHeaderWrapper {
	display: block;
	width: 100%;
	height: unset;
	margin: 0;
	padding: 0;
	position: relative;
}
body.home #divHeaderWrapper {
	height: unset;
}

div#n2-ss-2 .n2-ss-slider-2 {
	min-height: 700px;
	max-height: 700px;
}
@media all and (max-width: 1199px) {
	div#n2-ss-2 .n2-ss-slider-2 {
		min-height: 600px !important;
		max-height: 600px !important;
	}
}
@media all and (max-width: 700px) {
	div#n2-ss-2 .n2-ss-slider-2 {
		min-height: 500px !important;
		max-height: 500px !important;
	}
}

#divBeitragsbild {
	position: relative;
	height: 400px;
	max-height: 400px;
	background-position: center center;
	background-size: cover;
}
@media all and (max-width: 1199px) {
	#divBeitragsbild {
		height: 400px;
		max-height: 400px;
	}
}
@media all and (max-width: 767px) {
	#divBeitragsbild {
		height: 250px;
		max-height: 250px;
	}
}
@media all and (max-width: 575px) {
	#divBeitragsbild {
		height: 200px;
		max-height: 200px;
	}
}

#divCompanyWrapper {
	position: absolute;
	top: 60px;
	width: 100%;
	max-width: 100%;
	z-index: 999;
}
#divCompany {
	display: block;
	z-index: -1;
	position: relative;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}
/* start - Bilder ############################################################################## */
#divCompany .company-guggemos-sticky {
	display: none;
}
#divCompany .company-guggemos-sticky,
#divCompany .company-guggemos img {
	position: relative;
	max-width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	top: 1px;
}
@media all and (max-width: 1245px) {
	#divCompany .company-guggemos img {
		margin-left: 15px !important;
		margin-right: 5px !important;
		max-width: calc(100% - 10px) !important;
	}
}
@media all and (max-width: 767px) {
	#divCompany .company-guggemos img {
		width: 200px;
		height: auto;
		top: -15px;
	}
}
@media all and (max-width: 575px) {
	#divCompany .company-guggemos img {
		width: 160px;
	}
}
/* ende  - Bilder ############################################################################## */

#wprmenu_bar {
	background-color: transparent !important;
	position: absolute !important;
	top: 22px;
}
html body div.wprm-overlay {
	background: rgba(0, 0, 0, 0.8);
}

#divContentTable {
	display: table;
	width: 100%;
	max-width: 100%;
}

#divLeftColumn {
	display: table-cell;
	box-sizing: border-box; 
	vertical-align: top;
	width: 200px;
	margin: 0;
	padding: 30px 0 0 0;
	background-color: #BECD30;
}

#divContent {
	position: relative;
	display: block;
	box-sizing: border-box; 
	vertical-align: top;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0px 0px 30px 0px;
	background-color: var(--global--body-color-background);
	margin-top: 40px;
	border-radius: 10px;
	border: 1px solid #ccc;
}
@media all and (min-width: 767px) {
	body.sticky_header #divContent {
		margin-top: 70px;
	}
}
#divContent > .container {
	width: 100% !important;
	padding: 0px 20px 0 20px;
	display: inline-block;
}
@media all and (max-width: 1269px) {
	#divContentTable {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media all and (max-width: 700px) {
	#divContentTable {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media all and (max-width: 400px) {
	#divContentTable {
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media all and (max-width: 1269px) {
	#divContent > .container {
		padding: 0px 10px 0 10px;
	}
}
@media all and (max-width: 700px) {
	#divContent > .container {
		padding: 0px 5px 0 5px;
	}
}

.captcha-image i {
	color: #e3da9a !important;
}

/* start - Footer ################################################################################################################################ */

#divFooterWrapper {
	width: auto;
	max-width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}
@media all and (max-width: 1269px) {
	#divFooterWrapper {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media all and (max-width: 700px) {
	#divFooterWrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media all and (max-width: 400px) {
	#divFooterWrapper {
		padding-left: 5px;
		padding-right: 5px;
	}
}

#divFooter {
	width: 100%;
	max-width: 1240px;
	height: 230px;
	margin: 0 auto;
	padding: 20px 20px 40px 20px;
	display: table;
	background-color: #000;
	margin-top: 40px;
	margin-bottom: 40px;
	border-radius: 10px;
	border: 1px solid #333;
}
#divFooter .wp-block-columns {
	margin-bottom: 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;
}

/* ende  - Footer ################################################################################################################################ */

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

#navigation {
	display: block;
	background-color: #716d6e;
	color: #999;
	position: relative;
	margin: -12px 0 0 0;
	padding: 0 0 0 0;
	z-index: 500;
	width: 100%;
	height: 50px;
	text-align: left;
}
#navigation .menu-hauptmenue-container {
	margin: 0 auto;
	max-width: 1200px;
	text-align: center;
}
@media all and (min-width: 767px) {
	.wprm-wrapper {
		display: none;
	}
}
@media all and (max-width: 700px) {
	#navigation {
		background-color: transparent;
	}
	#navigation .menu-hauptmenue-container {
		display: none;
	}
}

.wprmenu_bar #custom_menu_icon.hamburger {
	top: 10px;
	left: 10px;
	position: absolute;
}

#mg-wprm-wrap ul#wprmenu_menu_ul > li > span.wprmenu_icon::before {
	font-size: 120%;
}
.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 .menu .current_page_item a,
#navigation .menu .current_page_ancestor a,
#navigation .menu .current-menu-item a,
#navigation .menu .current-cat a {
	background: none;
	color: #5BB764;
}
#navigation .menu li .current_page_item a, #navigation .menu li .current_page_item a:hover,
#navigation .menu li .current-menu-item a, #navigation .menu li .current-menu-item a:hover,
#navigation .menu li .current-cat a, #navigation .menu li .current-cat a:hover {
	background: none;
	color: #5BB764;
}
#navigation .menu .current_page_item ul li a,
#navigation .menu .current-menu-item ul li a,
#navigation .menu .current-menu-ancestor ul li a,
#navigation .menu .current_page_ancestor ul li a,
#navigation .menu .current-cat ul li a {
	background: none;
	color: #333;
}
#navigation .menu li.current-menu-ancestor a,
#navigation .menu li.current_page_ancestor a,
#navigation .menu .current_page_item ul li a:hover,
#navigation .menu .current-menu-item ul li a:hover,
#navigation .menu .current-menu-ancestor ul li a:hover,
#navigation .menu .current_page_ancestor ul li a:hover,
#navigation .menu .current-menu-ancestor ul .current_page_item a,
#navigation .menu .current_page_ancestor ul .current-menu-item a,
#navigation .menu .current-cat ul li a:hover {
	background-color: rgba(111, 108, 109, .95);
	color: #5BB764;
}
#navigation .menu li.current-menu-ancestor .sub-menu li.current-menu-item a,
#navigation .menu .current-menu-ancestor ul.sub-menu li a:hover,
#navigation .menu .current_page_ancestor ul.sub-menu li a:hover {
	color: #5BB764;
}
#navigation .menu li.current-menu-ancestor a,
#navigation .menu li.current_page_ancestor a {
	background-color: transparent;
}
.menu {
	display: block;
	margin: 0 auto;
}
.menu ul.sub-menu {
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
}
.menu ul.sub-menu,
.menu ul.children {
	display: block;
	background-color: rgba(255, 255, 255, .9);
	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, .12);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12);
	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 */
}
.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 45px 0 0px;
	border-left: none;
	border-right: none;
	font-size: 20px;
}
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;
}
@media all and (max-width: 1180px) {
	.menu a, .menu a:link, .menu a:visited {
		font-size: 17px;
	}
}
.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;
	color: #5BB764;
	outline: 0;
}
body.sticky_header .menu a:focus,
body.sticky_header .menu a:hover,
body.sticky_header .menu a:active {
	color: #5BB764;
}
.menu-footer-container .menu a:focus,
.menu-footer-container .menu a:hover,
.menu-footer-container .menu a:active,
.menu-footer-container .menu .current_page_item a {
	background: none;
	color: blue;
	outline: 0;
}
.menu li li a,
.menu li li a:link,
.menu li li a:visited {
	display: block;
	color: #333;
	width: 100%;
	background: none;
	text-align: left;
	text-transform: none;
	line-height: normal;
	margin: 0px;
	padding: 10px 12px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
	box-sizing: border-box;
	font-size: 14px;
}
.menu li li a:focus,
.menu li li a:hover,
.menu li li a:active {
	background-color: rgba(111, 108, 109, .95);
	color: #5BB764;
	outline: 0;
}
.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;
}
.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;
}

html body div.wprm-wrapper {
	overflow: auto;
}

ul.menu .menu-item-has-children > a:before {
	content: '⯈ ';/*▸▾⯈⯆*/
}
ul.menu .current_page_item.menu-item-has-children > a:before,
ul.menu .current_page_parent.menu-item-has-children > a:before {
	content: '⯆ ';/*▸▾⯈⯆*/
}

ul#wprmenu_menu_ul li.menu-item.current_page_parent > a {
	background: #5b5859;
}
html body #wprmenu_menu_ul li.wprmenu_parent_item_li > ul {
	padding: 0;
}
#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item ul li a {
	padding-left: 40px !important;
}

/* ende  - Navigation ############################################################################################################################ */

@media all and (max-width: 450px) {
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,
	blockquote, pre, p, td, img, ul, li {
		word-wrap: break-word;
		word-break: normal;
		hyphens: auto;
	}
}

html body div.wprm-wrapper {
	overflow: auto;
}

/* 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;
}
a[href^="tel"]:hover {
	cursor: text;
}
/* 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;
		cursor: pointer;
	}
}

/* start - buttons ############################################################################################################################### */

.wp-block-buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.wp-block-buttons > .wp-block-button:last-child {
	margin-right: 0;
}

.wp-block-buttons > .wp-block-button {
	display: inline-block;
	margin-left: 0;
	margin-right: .5em;
	margin-bottom: .5em;
}

.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
	color: #fff;
}

.wp-block-button__link {
	color: #fff !important;
	background-color: #38703c !important;
	border: none;
	border-radius: 10px;
	box-shadow: none;
	cursor: pointer !important;
	display: inline-block;
	font-size: 16px;
	line-height: normal;
	padding: 8px 16px 8px 16px;
	text-align: center;
	text-decoration: none;
	overflow-wrap: break-word;
}
.wp-block-button__link:hover {
	background-color: #5BB764 !important;
	color: #fff !important;
}
.n2-ss-button-container a {
	overflow-wrap: break-word;
}

/* Tel-Links nur in Smartphones anzeigen: */
.wp-block-columns.call-us .phone a.wp-block-button__link.wp-element-button,
.wp-block-columns.call-us .phone a.wp-block-button__link.wp-element-button:hover {
	pointer-events: none !important;
	text-decoration: none !important;
	cursor: unset !important;
}
@media (pointer: coarse) {
	.wp-block-columns.call-us .phone a.wp-block-button__link.wp-element-button,
	.wp-block-columns.call-us .phone a.wp-block-button__link.wp-element-button:hover {
		pointer-events: unset !important;
		text-decoration: underline !important;
		cursor: pointer !important;
	}
}
.wp-block-columns.call-us .phone .wp-block-button__link:before {
	content: '';
	background-image: url('images/layout/unicode-phone-16blue.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

.wp-block-columns.call-us {
	margin: 1.75em 0 !important;
}

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

table.wp-block-table td {
	padding-right: 15px;
}
table.wp-block-table td:last-child {
	padding-right: 0;
}

.captcha-image .cf7ic_instructions span {
	color: #e3da9a !important;
	font-weight: bold;
}

/* start - Kontaktformular mit Plugin contact-form-7 ############################################################################################# */

.wpcf7-form-control-wrap[data-name="your-firma"] input,
.wpcf7-form-control-wrap[data-name="your-name"] input,
.wpcf7-form-control-wrap[data-name="your-strasse-nummer"] input,
.wpcf7-form-control-wrap[data-name="your-plz-ort"] input,
.wpcf7-form-control-wrap[data-name="your-telefon"] input,
.wpcf7-form-control-wrap[data-name="your-email"] input,
.wpcf7-form-control-wrap[data-name="betreff"] input,

#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="your-name"] input,
#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="your-strasse-nummer"] input,
#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="your-plz-ort"] input,
#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="your-telefon"] input,
#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="your-email"] input,
#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="betreff"] input {
	padding: 0 0 0 40px;
	margin-top: .4rem;
	line-height: 3.8rem;
	height: 3.8rem;
	width: 100%;
	border-radius: .3rem;
	transition: all 0.3s;
	color: #333;
}
.wpcf7-form-control-wrap[data-name="your-message"] textarea,
#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="your-message"] textarea {
	padding: 14px 0 5px 40px;
}
.wpcf7-form-control-wrap[data-name="your-message"] textarea,
#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="your-message"] textarea {
	border-radius: 5px;
	background: transparent;
	color: #333;
	text-transform: var(--formfieldtexttransform);
	font-weight: var(--formfieldfontweight);
	font-family: var(--bodyfontfamily);
	font-size: var(--formfieldfontsize);
	letter-spacing: var(--formfieldletterspacing);
	line-height: var(--formfieldlineheight);
	width: 100%;
	height: 110px;
}
.wpcf7-form-control-wrap[data-name="your-firma"] input:focus,
.wpcf7-form-control-wrap[data-name="your-name"] input:focus,
.wpcf7-form-control-wrap[data-name="your-strasse-nummer"] input:focus,
.wpcf7-form-control-wrap[data-name="your-plz-ort"] input:focus,
.wpcf7-form-control-wrap[data-name="your-telefon"] input:focus,
.wpcf7-form-control-wrap[data-name="your-email"] input:focus,
.wpcf7-form-control-wrap[data-name="betreff"] input:focus,
.wpcf7-form-control-wrap[data-name="your-message"] textarea:focus,

#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="your-name"] input:focus,
#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="your-strasse-nummer"] input:focus,
#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="your-plz-ort"] input:focus,
#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="your-telefon"] input:focus,
#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="your-email"] input:focus,
#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="betreff"] input:focus,
#wpcf7-f468-p33-o1 .wpcf7-form-control-wrap[data-name="your-message"] textarea:focus {
	border-color: #a99d97;
	-webkit-box-shadow: unset !important;
	box-shadow: unset !important;
}

form select, form select option, form textarea {
	border-color: #abb8c3;
}

.text-color-pflichtfeld {
	color: #a99d97;
}

.wpcf7 p {
	position: relative;
}
.wpcf7 p .fa,
.wpcf7 p .fas {
	position: absolute;
	color: #ccc;
	z-index: 1;
	font-size: 20px;
	top: 13px;
	left: 14px;
}

/* ende  - Kontaktformular mit Plugin contact-form-7 ############################################################################################# */

/* start - Ein-Ausblenden der normalen/mobilen Navigation ######################################################################################## */

/* WPR Menu > Appearance > Display Menu From Width(px): 9000 */

@media all and (min-width: 767px) {
	#navigation.navigation-main {
		display: block !important;
	}
	body.sticky_header #navigation.navigation-main {
		position: fixed;
		top: 0;
		background-color: rgba(255, 255, 255, .95);
		margin: 0 0 0 0;
		border-bottom: 1px solid #6F6C6D;
	}
	body.sticky_header #divCompany {
		display: inline;
		z-index: -1;
		position: relative;
		width: auto;
		max-width: unset;
		margin: 0;
	}
	@keyframes fadeInAnimation { 
		0% {
			top: -100px;
		}
		100 % {
			top: 0px;
		}
	}
	body.sticky_header #divCompanyWrapper #divCompany {
		position: fixed;
		top: 0;
		background-color: transparent;
		height: 50px;
		border: none;
		animation: fadeInAnimation linear 1s;
	}
}
@media all and (min-width: 1240px) {
	#wprmenu_bar {
		display: none;
	}
	body.sticky_header .wp-block-heading-wrapper {
		margin-top: 80px !important;
	}
}

/* ende  - Ein-Ausblenden der normalen/mobilen Navigation ######################################################################################## */

@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;
}

/* Bei nicht so hohen Screens soll der Header nicht sticky sein: */
@media all and (max-height: 600px) {
	#quadmenu.quadmenu-sticky-top {
		position: absolute !important;
	}
}

/* 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: 'Open Sans';
	display: none;
}
#divFooter .pvc_stats {
	display: none;
}

.hamburger--slider .hamburger-inner::after {
	background: #fff;
	box-shadow: 1px 1px 1px #666;
}
.wprmenu_bar .hamburger-inner, .wprmenu_bar .hamburger-inner::before, .wprmenu_bar .hamburger-inner::after {
	background: #fff;
	box-shadow: 1px 1px 1px #666;
}
#wprmenu_menu_ul li.wprmenu_parent_item_li ul.sub-menu {
	display: block !important;
}/*inkl. "jQuery(window).on('load', function() {" in footer.php*/
/* Eingabegerät mit limitierter Präzision (z.B. Touch): */
@media (pointer: coarse) {
	@media all and (min-width: 767px) {
		body.sticky_header #divCompanyWrapper #divCompany {
			position: fixed;
			top: 0;
			height: 50px;
			animation: fadeInAnimation linear 1s;
			width: 100%;
			background-color: rgba(255, 255, 255, 0.95);
			border-bottom: 1px solid #6F6C6D;
		}
	}
	#navigation.navigation-main {
		display: none !important;
	}
	#wprmenu_bar,
	.wprm-wrapper {
		display: block;
	}
	#mg-wprm-wrap {
		top: 42px !important;
		display: block;
		background-color: #6f6c6d;
		width: 80%;
		max-width: 400px;
		z-index: 9999;
	}
	#mg-wprm-wrap li.current-menu-item > a, 
	#mg-wprm-wrap li.current-menu-item span.wprmenu_icon,
	#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item a, 
	#mg-wprm-wrap ul li span.wprmenu_icon {
		color: #ffffff !important;
	}
	#mg-wprm-wrap li.current-menu-item > a {
		background: #5b5859;
	}
	#mg-wprm-wrap li.menu-item a {
		font-size: 15px;
		text-transform: uppercase;
		font-weight: normal;
		padding: 13px 14px;
	}
	#mg-wprm-wrap ul li a {
		text-decoration: none;
		z-index: 9999;
	}
	.cbp-spmenu a {
		padding: 1em;
		display: block;
	}
	/* Tel-Links nur in Smartphones anzeigen: */
	.hotlineWrapper div a.link-hotline,
	.hotlineWrapper div a.link-hotline:visited {
		pointer-events: unset !important;
		text-decoration: underline !important;
		cursor: pointer !important;
	}
}
@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;
}

.n2-ss-widget.n2-ss-control-bullet {
	--widget-offset: 25px !important;
}

/*Links in Bildern komplett deaktivieren, dazu eine Raute als Link angeben:*/
a[href$="#"],
a[href$="#"]:link,
a[href$="#"]:visited,
a[href$="#"]:hover {
	pointer-events: none;
	text-decoration: none;
	color: transparent;
}
#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;
}