/*
FONTS
garamond bold condensed
roboto
*/

:root {
  --color_font: black;
  --color_font_light: #6e6e6e;
  --color_1: #B61F29;
  
  --color_bg: #d6dee3;
  --color_bg_light: #ebeff1;
  --color_bg_trans: rgba(235, 235, 235, 0.90);
  --color_border: #dce2e6;
  --color_border_colored: #cca0a2;
  --color_button: #748d9a;
  
  --px_fontsize: 18px;
  --px_fontsize_small: 14px;
  --px_fontsize_xsmall: 12px;
  --px_grid: 30px;
  --px_padding: 20px;
  --px_borderradius: 5px;
}

/* GARAMOND BOLD */
/* eb-garamond-regular - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/garamond/eb-garamond-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/garamond/eb-garamond-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/garamond/eb-garamond-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/garamond/eb-garamond-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/garamond/eb-garamond-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/garamond/eb-garamond-v26-latin-regular.svg#EBGaramond') format('svg'); /* Legacy iOS */
}
/* eb-garamond-600 - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/garamond/eb-garamond-v26-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/garamond/eb-garamond-v26-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/garamond/eb-garamond-v26-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/garamond/eb-garamond-v26-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/garamond/eb-garamond-v26-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/garamond/eb-garamond-v26-latin-600.svg#EBGaramond') format('svg'); /* Legacy iOS */
}
/* eb-garamond-700 - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/garamond/eb-garamond-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/garamond/eb-garamond-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/garamond/eb-garamond-v26-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/garamond/eb-garamond-v26-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/garamond/eb-garamond-v26-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/garamond/eb-garamond-v26-latin-700.svg#EBGaramond') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-semibold - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

html {
  overflow-x: hidden;
  overflow-y: auto;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: white;
	font-family: 'Roboto', sans-serif;
	font-size: var(--px_fontsize);
	color: black;
	line-height: 1.2;
	position: relative;
	right: 0px;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}

a {
	color: var(--color_1);
	text-decoration: none;
}


/* big red headline */
h1,
.h1,
#content .block-views > h2,
.paragraph_specialhead > h2 {
	margin: 15px 0px 0px 0px;
	color: var(--color_1);
	font-family: "EB Garamond", Arial;
	text-transform: none;
	font-weight: 700;
	font-size: 35px;
	line-height: 1.2;
}

/* sidebar boxes */
h2 {
	margin: 0px 0px 0px 0px;
	font-weight: 400;
	font-size: inherit;
	text-transform: none;
	line-height: 1.2;
}

h3, .h3 {
	margin: 0px 0px 20px 0px;
	font-weight: 700;
	font-size: 22px;
	line-height: 1.2;
}

h3 a, .h3 a {
	color: inherit;
}

.clear:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
}

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

.grid2 {
	float: left;
	width: 50%;
	box-sizing: border-box;
}

button,
.button,
a.button,
input[type="submit"],

#menu_boxes .menu li.menu-icon > .button.insertedlink,
#menu_boxes .sublevelmenu > .li.menu-item--active-trail > .menu li.menu-icon > .button.insertedlink {
	font-size: var(--px_fontsize_xsmall);
	font-weight: 500;
	display: inline-block;
	box-sizing: border-box;
	height: 25px;
	line-height: 25px;
	border: 0px;
	background-color: var(--color_button);
	color: white;
	padding: 0px 15px !important;
	min-width: 110px;
	text-align: center;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	border-radius: var(--px_borderradius);
}

.button:before,
a.button:before,
input[type="submit"]:before {
	font-family: 'fontello_mg';
	content: '\E84A';
	color: var(--color_1);
	display: inline-block;
	margin-right: 5px;
	transition: 0.25s all;
	position: relative;
}

button:hover,
.button:hover,
a.button:hover,
input[type="submit"]:hover {
	
}

.text,
.text-formatted,
.view-header {
	line-height: 1.6;
}
p,
.text	p,
.text-formatted p {
	margin: 0px 0px 10px 0px;
}
.text	ul,
.text ol {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 25px;
}
.text	li {
	list-style-type: none;
	position: relative;
}

p:empty { margin: 0px; }

p:last-Child,
.text	p:last-Child,
.text	ol:last-Child,
.text	ul:last-Child {
	margin-bottom: 0px;
}

.text a:hover {
	text-decoration: underline;
}
.text img {
	height: auto;
}

.inner,
.fixedHeader .inner_fixed {
	position: relative;
	margin: auto;
	width: 1480px;
	max-width: 97%;
}

.form input,
.form-item input,
.form-item textarea {
	box-sizing: border-box;
	padding: 0px 15px;
	border-radius: var(--px_borderradius);
	border: 1px solid var(--color_border_colored);
	max-width: 100%;
	line-height: 30px;
}

.form-item textarea {
	padding-top: 5px;
}

.form-actions {
	text-align: right;
}

.form-type-processed-text,
.form-type-checkbox,
.form-type-managed-file {
	font-size: var(--px_fontsize_small);
	margin: 0px 4% 15px 4%;
}

.form li ::placeholder,
.form-item ::placeholder {
  font-weight: 400;
  color: black;
  opacity: 0.2;
}

#logo {
	max-width: 220px;
	display: block;
	padding: 10px 0px 0px 0px;
}
#logo img {
	display: block;
	max-width: 100%;
	transform: translateX(-5%);
}

#wrapper {
	min-height: 80vh;
}

#mobilemenu_container {
	display: none;
	position: fixed;
	right: -100vw;
	top: 80px;
	background-color: white;
	max-width: 95vw;
	transition: 0.25s all;
	z-index: 10;
	min-height: calc(100vh - 80px);
	max-height:calc(100vh - 80px);
	border-left: 1px solid var(--color_border);
	overflow: auto;
}
.mobilenav #mobilemenu_container {
	right: 0px;
}

#mobilemenu_trigger {
	display: none;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 35px;
	margin-top: 4px;
}

#main_wrapper {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--px_grid);
	padding: 10px 0px var(--px_padding) 0px;
	align-items: flex-start;
	
	min-height: 70vh;
}

.mobilenav #main_wrapper {
	opacity: 0.5;
}

#header {
	padding-top: 10px;
	background-color: white;
	position: relative;
	z-index: 11;
}

#main {
	box-sizing: border-box;
	flex-grow: 2;
	max-width: 66.66%;
}
#sidebar {
	max-width: calc(33.33% - var(--px_grid) );
	width: 460px;
	box-sizing: border-box;
}

#footer {
	background-color: var(--color_bg);
	margin-top: 100px;
	padding: var(--px_padding) 0px calc(var(--px_padding)*3) 0px;
}

#footer a {
	color: var(--color_font);
}

#block-hugro-main-menu .menu,
#block-hauptnavigationen .menu {
	margin: 0px;
	padding: 0px;
	padding-right: 500px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 20px;
}

#block-hugro-main-menu .menu > li,
#block-hauptnavigationen .menu > li {
	list-style-type: none;
	display: inline-block;
	position: relative;
}
#block-hugro-main-menu .menu > li > a,
#block-hauptnavigationen .menu > li > a {
	position: relative;
	z-index: 0;
	color: var(--color_font);
	text-transform: uppercase;
	white-space: nowrap;
	font-size: 110%;
}
#block-hugro-main-menu .menu > li > a.is-active,
#block-hugro-main-menu .menu > li.menu-item--active-trail > a,
#block-hauptnavigationen .menu > li > a.is-active {
	font-weight: bold;
	color: var(--color_1);
}
#block-hugro-main-menu .menu > li > a:before,
#block-hauptnavigationen .menu > li > a:before {
	font-family: 'fontello_mg';
	content: '\E84D';
	font-size: 65%;
	display: inline-block;
	color: inherit;
	margin-right: 8px;
	transition: 0.25s all;
	position: relative;
	transform: translateX(0px);
}
#block-hugro-main-menu .menu > li > a:hover,
#block-hauptnavigationen .menu > li > a:hover {
	
}
#block-hugro-main-menu .menu > li > a:hover:before,
#block-hauptnavigationen .menu > li > a:hover:before {
	transform: translateX(2px) translateY(-2px);
	color: var(--color_1);
}

#block-hugro-main-menu .menu li.menu-icon a,
#block-hauptnavigationen .menu li.menu-icon a {
	background-image: none !important;
	padding-left: 0px !important;
}
#block-hugro-main-menu .menu li.menu-icon a:hover,
#block-hauptnavigationen .menu li.menu-icon a:hover {
	font-weight: bold;
}

/* Level 2 */
#block-hugro-main-menu .menu .menu,
#block-hauptnavigationen .menu .menu {
	display: none;
	position: absolute;
	top: -10px;
	left: -10px;
	padding: 60px 25px 25px 10px;
	z-index: 1;
	background-color: var(--color_bg_trans);
}

#block-hugro-main-menu .menu .menu li,
#block-hauptnavigationen .menu .menu li {
	width: 100%;	
}
	
#block-hugro-main-menu .menu li.hover > a,
#block-hauptnavigationen .menu li.hover > a {
	z-index: 2;
}
/*
#block-hugro-main-menu .menu li.hover .menu {
	display: block !important;
	opacity: 1 !important;
}
*/

#block-hugro-main-menu .menu .menu a,
#block-hauptnavigationen .menu .menu a {
	font-size: 92%;
	text-transform: none;
	margin: 4px 0px;
}

#sidebar .block {
	position: relative;
	margin-bottom: var(--px_padding);
	border: 1px solid var(--color_border_colored);
	border-radius: var(--px_borderradius);
	overflow: hidden;
}

#sidebar .block h2 {
	line-height: 1;
	position: relative;
	display: block;
	padding: 10px 10px;
	white-space: nowrap;
	transition: 0.25s all;
}
#sidebar .block h2:before,
#views_tabs a:before {
	font-family: 'fontello_mg';
	content: '\E84A';
	font-size: 75%;
	color: var(--color_font_light);
	transform: rotate(0deg);
	display: inline-block;
	margin-right: 8px;
	transition: 0.25s all;
	position: relative;
	top: -2px;
}

#sidebar .block > div,
#sidebar .block > form {
	box-sizing: border-box;
	transition: 0.5s all;
	overflow: hidden;
	max-height: 0px;
	border-top: 1px solid transparent;
	padding: 0px 15px;
}
#sidebar .block.opened > div,
#sidebar .block.alwaysopened > div,
#sidebar .block.opened > form,
#sidebar .block > #search-block-form {
	max-height: 950px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid var(--color_border_colored);
}
#sidebar .block.alwaysopened > div {
	border: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#sidebar .block.opened h2 {
	font-weight: bold;
}
#sidebar .block.opened h2:before {
	color: var(--color_1);
	transform: rotate(90deg);
}

#block-sidebarqualitatssiegel  {
	text-align: left;
}
#block-sidebarqualitatssiegel img {
	max-width: 75%;
	line-height: 1;
	/* margin-left: 0px; */
	display: block;
	margin: auto;
	padding: 5px 0px;
}

#menu_boxes {
	position: relative;
	padding-top: var(--px_grid);
}
/* reset */
#menu_boxes .menu { margin: 0px; padding: 0px; }
#menu_boxes .menu li { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none;}

/* sublevel reset and hide  */
#menu_boxes .sublevelmenu > .menu > li,
#menu_boxes .sublevelmenu > .menu > li > a {
	display: none;
}
#menu_boxes .sublevelmenu > .menu > li.menu-item--active-trail {
	display: block;
}

/* boxes css for 3 cases
-> frontpage (1. level menu)
-> sublevel menu
*/
#menu_boxes .frontmenu > .menu,
#menu_boxes .sublevelmenu > .menu > li > .menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	gap: var(--px_grid);
}

#menu_boxes .frontmenu > .menu > li,
#menu_boxes .sublevelmenu > .menu > li.menu-item--active-trail > .menu > li {
	flex-basis: calc(50% - var(--px_grid)/2);
	box-sizing: border-box;
	position: relative;
	border: 1px solid var(--color_border);
	border-radius: 0px 0px var(--px_borderradius) var(--px_borderradius);
	padding: 0px;
	padding-bottom: 50px;
	overflow: hidden;
}

/*
#menu_boxes .frontmenu > .menu > li:after,
#menu_boxes .sublevelmenu > .menu > li.menu-item--active-trail > .menu > li:after {
*/
#menu_boxes .frontmenu > .menu > li.menu-icon > a span:after,
#menu_boxes .sublevelmenu > .menu > li.menu-item--active-trail > .menu > li.menu-icon > a span:after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: -5px;
	left: calc( var(--px_padding) * -1 );
	width: calc( var(--px_padding) * 2 + 100% + 1px );
	height: 40px;
	background-color: rgba(65,102,119, 0.7);
	/* border-bottom: 2px solid var(--color_1); */
	transform: translateY(-8px);
	box-sizing: border-box;
}

#menu_boxes .frontmenu > .menu > li.menu-icon > a,
#menu_boxes .sublevelmenu > .menu > li.menu-item--active-trail > .menu > li.menu-icon > a {
	padding: 42% var(--px_padding) 10px var(--px_padding);
	background-size: cover;
	background-position: center center;
	display: block;
	position: relative;
	color: white;
	text-transform: uppercase;
}

#menu_boxes .frontmenu > .menu > li.menu-icon > a:hover,
#menu_boxes .sublevelmenu > .menu > li.menu-item--active-trail > .menu > li.menu-icon > a:hover {
	font-weight: bold;
}

#menu_boxes .frontmenu > .menu > li.menu-icon > a > span,
#menu_boxes .sublevelmenu > .menu > li.menu-item--active-trail > .menu > li.menu-icon > a > span {
	position: relative;
	display: block;
	z-index: 1;
	top: 4px;
}

#menu_boxes .menu .button.insertedlink {
	margin-top: var(--px_padding);
	display: inline-block !important;
	background-image: none;
	background-color: inherit;
	position: absolute !important;
	right: var(--px_padding);
	bottom: var(--px_padding);
	text-transform: none !important;
}

/* level 2 */
#menu_boxes .frontmenu .menu .menu,
#menu_boxes .sublevelmenu .menu .menu .menu {
	margin: 0px;
	padding: var(--px_padding);
}

#menu_boxes .frontmenu .menu > li li.menu-icon a,
#menu_boxes .sublevelmenu .menu .menu > li li.menu-icon a {
	background-image: none;
	padding-left: 0px;
	color: inherit;
	padding: 3px 0px;
	display: block;
	font-weight: 400;
	transition: 0.2s all;
}

#menu_boxes .frontmenu .menu > li li.menu-icon a:hover,
#menu_boxes .sublevelmenu .menu .menu > li li.menu-icon a:hover {
	font-weight: bold;
}

#menu_boxes .frontmenu .menu > li li.menu-icon a:before,
#menu_boxes .sublevelmenu .menu .menu > li li.menu-icon a:before {
	font-family: 'fontello_mg';
	content: '\E84D';
	font-size: 65%;
	display: inline-block;
	color: inherit;
	margin-right: 8px;
	transition: 0.25s all;
	position: relative;
	top: -2px;
}

#slider {
	margin-bottom: var(--px_grid);
	box-sizing: border-box;
}

#slider .slick-slide {
	position: relative;
}
#slider .slick-list {
	border: 1px solid var(--color_border);
}

#slider .image,
#slider .videocontainer {
	position: relative;
	width: 100%;
	padding-bottom: 40%;
	box-sizing: border-box;
	margin: 0px;
}

#content .videocontainer {
	border: 1px solid var(--color_border);
}

#slider img,
#slider video {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	pointer-events: none;
}
#slider .slidercontent {
	position: absolute;
	top: var(--px_padding);
	left: var(--px_padding);
}
#slider .headline {
	margin: 0px;
}
#slider .slidertext p {
	margin: 0px;
	max-width: 500px;
}

#slider .slidertext p a {
	text-decoration: underline;
	color: inherit;
	font-weight: inherit;
}

.slick-prev,
.slick-next {
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	color: var(--color_1);
	padding: 0px;
	background-color: transparent;
	border: 0px;
	font-size: 35px;
	padding: 0px !important;
	min-width: 0px;
}
.slick-next {
	left: auto;
	right: 10px;
}

.slick-prev:hover,
.slick-next:hover {
	color: inherit;
	opacity: 0.8;
}

.slick-dots {
	position: absolute;
	bottom: -40px;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
}
.slick-dots li {
	list-style-type: none;
	display: inline-block;
	margin: 0px 6px;
}
.slick-dots li button {
	padding: 0px !important;
	color: transparent;
	overflow: hidden;
	width: 80px;
	min-width: 0px;
	height: 5px;
	background-color: var(--color_border);
}
.slick-dots li.slick-active button {
	background-color: var(--color_1);
}

/* VIEWS ============= */
.view-productoverview .views-table,
.view-produktuebersicht-en .views-table {
	width: 100%;
	font-size: var(--px_fontsize_small);
	border-collapse: collapse;
}
.view-productoverview .views-table th,
.view-produktuebersicht-en th {
	padding: 15px 8px 5px 8px;
	text-align: left;
	background-color: var(--color_bg_light);
	font-size: var(--px_fontsize_small);
	font-weight: 400;
}
.view-productoverview .views-table th a,
.view-produktuebersicht-en th a {
	color: inherit;
}
.view-productoverview .views-table th a:after,
.view-produktuebersicht-en th a:after {
	content: '\F0DC';
	font-family: 'fontello_mg';
	display: inline-block;
	margin-left: 10px;
	font-weight: 400;
	position: relative;
	top: -2px;
}
	
.view-productoverview .views-table td,
.view-produktuebersicht-en .views-table td {
	border: 1px solid var(--color_border);
	padding: 10px 5px;
	vertical-align: top;
	max-width: 250px;
}
.view-productoverview .views-table td.views-field-field-product-img,
.view-produktuebersicht-en .views-table td.views-field-field-product-img {
	padding: 10px;
	text-align: center;
	width: 100px;
	max-width: 12%;
}
.view-productoverview .views-table td.views-field-field-product-img img,
.view-produktuebersicht-en .views-table td.views-field-field-product-img img {
	margin: auto;
	display: block;
	width: auto;
	max-height: 220px;
}

.view-productoverview .views-table td.views-field-field-artnum,
.view-produktuebersicht-en .views-table td.views-field-field-artnum {
	font-weight: bold;
}
.view-productoverview .views-table td.views-field-field-pdf,
.view-produktuebersicht-en .views-table td.views-field-field-pdf {
	width: 80px;
	max-width: 10%;
}
.view-productoverview .views-table td.views-field-field-pdf .ic,
.view-produktuebersicht-en .views-table td.views-field-field-pdf .ic {
	font-size: 200%;
	margin-top: 10px;
}

.view-productoverview .views-table th.is-active a:after,
.view-produktuebersicht-en th.is-active a:after {
	color: var(--color_1);
	display: none;
}

.view-productoverview .tablesort,
.view-produktuebersicht-en .tablesort {
	transform: scale(0.85);
	margin-left: 5px;
}

/* Gehäuse */
#block-views-block-productoverview-block-14 .views-table td.views-field-field-product-img,
#block-views-block-produktuebersicht-en-block-14 .views-table td.views-field-field-product-img {
	width: 200px;
}

#content_views .block-views {
	display: none;
	position: relative;
	border: 1px solid var(--color_border);
	border-bottom: 0px;
}

#content_views .block-views > h2 {
	display: none;
	min-height: 300px;
}
#content_views .block-views .view-header {
	padding: var(--px_padding);
	/* font-size: var(--px_fontsize_small); */
}
#content_views .block-views .view-header h3 {
	margin-bottom: 5px;
	font-family: "EB Garamond", Arial;
	text-transform: none;
	font-size: 28px;
}
#content_views .block-views .view-empty {
	padding: var(--px_padding);
	text-align: center;
	font-style: italic;
	color: var(--color_font_light);
	border-bottom: 1px solid var(--color_border);
}

#views_tabs {
	margin-top: var(--px_grid);
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
}
#views_tabs a {
	border-radius: var(--px_borderradius) var(--px_borderradius) 0px 0px;
	border: 1px solid var(--color_border);
	background-color: transparent;
	font-weight: 400;
	padding: 10px 10px 0px 10px;
	line-height: 30px;
	text-align: left;
	flex-grow: 1;
	transition: 0.25s all;
	color: var(--color_font);
}
#views_tabs a:before {
	font-family: 'fontello_mg';
	content: '\E84A';
	color: var(--color_font_light);
	transform: rotate(0deg);
}
#views_tabs a.active {
	background-color: var(--color_button);
	border-bottom: 1px solid var(--color_button);
	color: white;
	font-weight: bold;
}
#views_tabs a.active:before {
	/* content: "\E84A"; */
	color: var(--color_1);
	transform: rotate(90deg);
}

#sidebar .block-views .view-content {
	font-size: var(--px_fontsize_small);
}
#sidebar .block-views .view-content p {
	margin: 0px;
}
#sidebar .block-views .views-row {
	margin-bottom: 20px;
}
#sidebar .block-views .views-row:last-Child {
	margin-bottom: 0px;
}
#sidebar .block-views .views-row:after {
	display: block;
	content: "";
	clear: both;
}

#sidebar .block-views .views-field-title {
	display: block;
	margin-bottom: 5px;
}
#sidebar .block-views .view-events .views-field-title,
#sidebar .block-views .view-messen-en .views-field-title {
	color: var(--color_1);
}

#sidebar .block-views .views-field-field-image {
	float: left;
	width: 100px;
}
#sidebar .block-views .views-field-body {
	margin-left: 110px;
}

#sidebar .view-footer {
	text-align: right;
	margin-top: 10px;
}

#sidebar .block-views .view-mitarbeiter .views-field-title,
#sidebar .block-views .view-kontakt-mitarbeiter-en .views-field-title {
	font-weight: bold;
	margin-left: 110px;
}

#sidebar #search-block-form #edit-actions,
#sidebar #search-block-form #edit-actions--2,
#sidebar #search-block-form #edit-actions--3,
#sidebar #search-block-form #edit-actions--4,
#sidebar #search-block-form #edit-actions--5,
#sidebar #search-block-form #edit-actions--6 {
	display: none;
}
#sidebar #search-block-form #edit-keys {
	border: 0px;
	display: block;
	margin: 4px 5px 0px 5px;
	width: calc(100% - 10px);
	font-size: var(--px_fontsize_small);
	box-sizing: border-box;
	padding: 0px 6px;
	height: 34px;
	line-height: 34px;
}
#sidebar #search-block-form #edit-keys:focus {
	border: 0px;
	outline: 0px;
}

#sidebar #search-block-form {
	position: relative;
	padding: 0px !important;
	border-top: 0px !important;
}
#sidebar #search-block-form:after { 
	font-family: 'fontello_mg';
	content: '\e809';
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: black;
	font-size: 120%;
	opacity: 0.9;
 }
 
 #sidebar .form-actions{
	 margin-top: -35px;
	 margin-bottom: 10px;
 }
 
#block-sprachumschalter,
#block-metamenuheader {
	position: absolute;
	right: 0px;
	bottom: 13px;
	font-size: var(--px_fontsize_xsmall);
}
.fixedHeader #block-sprachumschalter,
.fixedHeader #block-metamenuheader {
	bottom: 2px;
}
#block-metamenuheader {
	right: 60px;
}

#block-sprachumschalter ul,
#block-metamenuheader ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#block-sprachumschalter ul > li {
	display: inline-block;
}
#block-metamenuheader ul > li {
	display: inline-block;
	margin: 0px 0px 0px 25px;
}
#block-sprachumschalter ul > li > a:hover,
#block-metamenuheader ul > li > a:hover {
	text-decoration: underline;
}
#block-metamenuheader ul > li > a {
	color: inherit;
}
/* JOBS special color*/
#block-metamenuheader ul > li.menu-icon-81 > a {
	color: var(--color_1);
}
#block-sprachumschalter ul > li > a {
	color: inherit;
	text-transform: uppercase;
}
#block-sprachumschalter ul > li > a.is-active {
	font-weight: bold;
}
#block-sprachumschalter ul > li:first-Child > a:after {
	content: "|";
	display: inline-block;
	margin: 0px 3px;
	color: inherit;
}

#block-hauptnavigation,
#block-hauptnavigationen-2,
#block-footeradresse,
#block-footeradresseen {
	float: left;
}

#block-hauptnavigation .menu,
#block-hauptnavigationen-2 .menu,
#block-footeradresse .field,
#block-footeradresseen .field {
	line-height: 1.1 !important;
	font-size: var(--px_fontsize_xsmall);
}

#block-footeradresse h2,
#block-footeradresseen h2,
#legals h2 {
	font-size: 16px;
	display: block;
	color: inherit;
	font-weight: normal;
	margin-bottom: var(--px_padding);
}

#block-hauptnavigation > ul,
#block-hauptnavigationen-2 > ul {
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: nowrap;
}

/* LEVEL 1 */
#block-hauptnavigation > ul > li,
#block-hauptnavigationen-2 > ul > li {
	padding: 0px calc(var(--px_grid)*2) 0px 0px;
	list-style-type: none;	
	list-style-image: none;
}

#block-hauptnavigation > ul > li > a,
#block-hauptnavigationen-2 > ul > li > a {
	/* font-size: var(--px_fontsize); */
	font-size: 16px;
	display: block;
	color: inherit;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: var(--px_padding);
}

#block-hauptnavigation > ul > li > a,
#block-hauptnavigation > ul > li > ul > li > a,

#block-hauptnavigationen-2 > ul > li > a,
#block-hauptnavigationen-2 > ul > li > ul > li > a {
	padding: 0px;
	background-image: none !Important;
}

/* LEVEL 2 */
#block-hauptnavigation > ul > li > ul,
#block-hauptnavigationen-2 > ul > li > ul {
	margin: 0px;
	padding: 0px;
}
#block-hauptnavigation > ul > li > ul > li,
#block-hauptnavigationen-2 > ul > li > ul > li {
	padding: 0px;
	list-style-type: none;	
	list-style-image: none;
}
#block-hauptnavigation > ul > li > ul > li > a,
#block-hauptnavigationen-2 > ul > li > ul > li > a {
	font-size: var(--px_fontsize_xsmall);
	text-transform: uppercase;
	color: inherit;
}

#block-hauptnavigation > ul > li > ul > li > a.is-active,
#block-hauptnavigationen-2 > ul > li > ul > li > a.is-active {
	color: var(--color_1);
	font-weight: bold;
}

#block-hauptnavigation > ul > li > ul > li > a:hover,
#block-hauptnavigationen-2 > ul > li > ul > li > a:hover {
	font-weight: bold;
}

#newsletter_badge {
	position: relative;
	display: block;
	text-align: center;
}

#newsletter_badge img {
	display: block;
	max-width: 90%;
	width: 180px;
	border-radius: var(--px_borderradius);
	background-color: var(--color_button);
	margin-left: auto;
}

#newsletter_badge .hover {
	display: none;
}
#newsletter_badge:hover .neutral { display: none; }
#newsletter_badge:hover .hover { display: block; }

#legals {
	float: left;
	line-height: 1.1 !important;
	font-size: var(--px_fontsize_xsmall);
	padding-left: 20px;
}

#legals a {
	font-weight: 400;
	display: inline-block;
	text-align: left;
}

#footer_right {
	float: right;
	position: relative;
	text-align: right;
}

#footer_right h6 {
	font-weight: 400;
	margin: 20px 0px 0px 0px;
	padding: 0px 10px;
}

#footer_right .social {
	text-align: right;
}

#footer_right .social a {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: var(--px_borderradius);
	margin-right: 0px;
	margin-top: 6px;
	color: white;
	background-color: var(--color_button);
}
#footer_right .social a i {
	position: relative;
	top: 0px;
	font-size: 90%;
}
#footer_right .social a:hover {
	color: var(--color_1);
}

.path-frontpage .page-title,
.page-node-424 .page-title,
.page-node-698 .page-title {
	opacity: 0;
	pointer-events: none;
	height: 0px;
	overflow: hidden;
	margin: 0px;
}

#block-sidebartechnikhotline .button,
#block-sidebartechnikhotlineen .button {
	font-size: 16px;
	font-weight: 400;
	height: auto;
	line-height: 40px;
	text-align: left;
	background-color: var(--color_1);
	color: white;
	display: block;
	width: 100%;
	border-radius: var(--px_borderradius);
	font-weight: 400;
}
#block-sidebartechnikhotline .button:before,
#block-sidebartechnikhotlineen .button:before {
	display: none;
}

/* STANDARD CONTENT*/ 
.node__content .body,
.node__content .field--name-body {
	margin-bottom: var(--px_padding);
}

/* VIEWS in Pages */
#content .block-views {
	margin-top: 15px;
	margin-bottom: 50px;
}

#content .block-views > h2,
.paragraph_specialhead > h2 {
	color: var(--color_font);
	margin-bottom: 15px;
}

#content .view .view-content:after,
#content .view .views-row:after,
#content_views .view-vertrieb .view-content:after,
#content_views .view-vertrieb-en .view-content:after,
.field--name-field-boxes:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}

#content .view .views-row,
#content_views .view-vertrieb .views-row,
#content_views .view-vertrieb-en .views-row {
	border: 1px solid var(--color_border);
	margin-bottom: var(--px_grid);
	box-sizing: border-box;
	border-radius: var(--px_borderradius);
}

#content .view .views-field-field-image,
#content_views .view-vertrieb .views-field-field-image,
#content_views .view-vertrieb-en .views-field-field-image,
.page-node-207 #content .paragraph .field--name-field-image {
	float: left;
	display: block;
	width: 220px;
	box-sizing: border-box;
	padding: 10px;
}
#content .view .views-field-title,
#content .view .views-field-body,
#content .view .views-field-created,

.page-node-207 #content .paragraph .field--name-field-title,
.page-node-207 #content .paragraph .field--name-field-text {
	margin-left: 240px;
}
#content .view .views-field-title {
	font-size: var(--px_fontsize_small);
	padding: var(--px_padding) var(--px_padding) 10px var(--px_padding);
}
#content .view .views-field-body {
	font-size: var(--px_fontsize_small);
	padding: 0px 10px 10px var(--px_padding);
}
#content .view .views-field-created {
	font-size: var(--px_fontsize_small);
	padding: 10px var(--px_padding) 0px var(--px_padding);
}

#content .view .views-field-title {
	font-weight: bold;
}

/* Mitarbeiter special rule 50%  */
#content .view-mitarbeiter .view-content,
#content_views .view-vertrieb .view-content,

#content .view-kontakt-mitarbeiter-en .view-content,
#content_views .view-vertrieb-en .view-content {
	margin: 0px calc(var(--px_grid)/2*-1);
	width: 100%;
	max-width: 100% !important;
}
#content_views .view-vertrieb .view-content,
#content_views .view-vertrieb-en .view-content {
	margin: 0px;	
}

#content .view-mitarbeiter .views-row,
#content_views .view-vertrieb .views-row,

#content .view-kontakt-mitarbeiter-en .views-row,
#content_views .view-vertrieb-en .views-row {
	box-sizing: border-box;
	width: calc(50% - var(--px_grid) - 2px);
	margin-right: calc(var(--px_grid)/2);
	margin-left: calc(var(--px_grid)/2);
	float: left;
	overflow: hidden;
}

#content .view-mitarbeiter .views-field-field-image,
#content_views .view-vertrieb .views-field-field-image,

#content .view-kontakt-mitarbeiter-en .views-field-field-image,
#content_views .view-vertrieb-en .views-field-field-image {
	width: 50%;
	padding: 0px;
}
#content .view-mitarbeiter .views-field-title,
#content .view-mitarbeiter .views-field-body,

#content .view-kontakt-mitarbeiter-en .views-field-title,
#content .view-kontakt-mitarbeiter-en .views-field-body {
	width: calc(50% - var(--px_padding) * 2);
	margin-left: 50%;
}

#content article .field--name-body,
#content article .field--name-field-image,
#content .view .view-content {
	max-width: 800px;
}

#content article .field--name-field-image {
	margin: var(--px_padding) 0px;
}

#block-fusszeile {
	position: absolute;
	bottom: -40px;
	right: 20px;
}

#block-fusszeile .menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	dispaly: inlline-block;
}
#block-fusszeile .menu li {
	display: inline-block;
}
#block-fusszeile .menu li a {
	font-size: var(--px_fontsize_xsmall);
	color: inherit;
}

/* Paragraph BOXES */
.field--name-field-boxes {
	margin: 0px calc(var(--px_grid)/2*-1);
	width: 100%;
	max-width: 100% !important;
}

.field--name-field-boxes > .field__item,
.field--name-field-boxes .equalheight_container > .field__item {
	border: 1px solid var(--color_border);
	margin-bottom: var(--px_grid);
	box-sizing: border-box;
	border-radius: var(--px_borderradius);
	width: calc(50% - var(--px_grid) - 2px);
	margin-right: calc(var(--px_grid)/2);
	margin-left: calc(var(--px_grid)/2);
	float: left;
	overflow: hidden;
}

.field--name-field-boxes .field__label {
	display: none;
}

.field--name-field-boxes .field--name-field-image {
	float: left;
	display: block;
	box-sizing: border-box;
	width: 50%;
	padding: 10px;
}

.field--name-field-boxes .field--name-field-image img {
	max-height: 170px;
	width: auto;
	margin: auto;
}

.field--name-field-boxes .field--name-field-title,
#content_views .view-vertrieb .views-field-title,
#content_views .view-vertrieb-en .views-field-title {
	font-size: var(--px_fontsize_small);
	font-weight: bold;
	padding: var(--px_padding) var(--px_padding) 5px var(--px_padding);
}
.field--name-field-boxes .field--name-field-text,
#content_views .view-vertrieb .views-field-body,
#content_views .view-vertrieb-en .views-field-body {
	font-size: var(--px_fontsize_small);
	padding: 0px var(--px_padding) var(--px_padding) var(--px_padding);
}

.field--name-field-boxes .field--name-field-title,
.field--name-field-boxes .field--name-field-text,

#content_views .view-vertrieb .views-field-title,
#content_views .view-vertrieb .views-field-body,
#content_views .view-vertrieb-en .views-field-title,
#content_views .view-vertrieb-en .views-field-body {
	margin-left: 50%;
}

.paragraph_specialhead {
	margin-left: 12px;
	clear: both;
}

.field--name-field-boxes .field--name-field-headline-new-section {
	display: none;	
}

/* SPECIAL DOWNLOADS*/
.page-node-206 #content article .field--name-field-image,
.page-node-500 #content article .field--name-field-image {
	margin: 0px;
	text-align: left;
}
.page-node-206 .field--name-field-boxes .field--name-field-image img,
.page-node-500 .field--name-field-boxes .field--name-field-image img {
	margin-left: 0px;
}
.page-node-206 .field--name-field-boxes .field--name-field-text {
	padding-bottom: 0px;
}
.page-node-206 .field--name-field-boxes {
	max-width: 800px !important;
}

/* SPECIAL "werte geschichte" page with 100% boxen */
.page-node-207 .field--name-field-boxes {
	max-width: 800px !important;
}
.page-node-207 .field--name-field-boxes > .field__item,
.page-node-207 .field--name-field-boxes > div > .field__item {
	width: calc(100% - var(--px_grid) - 2px);
	/* margin-right: calc(50% - var(--px_grid) - 2px); */
}
.page-node-207 #content article .field--name-field-text {
	padding-bottom: 10px;
}
.page-node-207 #content article .field--name-field-image {
	margin: 0px;
	padding-bottom: 0px !important;
}
.page-node-207 #content article .field--name-field-image img {
	display: inline-block;
	margin-left: 0px;
}

/* special views VERTRIEB stuff */
#content_views .view-vertrieb .views-field-title,
#content_views .view-vertrieb .views-field-body,
#content_views .view-vertrieb-en .views-field-title,
#content_views .view-vertrieb-en .views-field-body {
	width: calc(60% - var(--px_padding) * 2);
	margin-left: 40%;
}
#content_views .view-vertrieb .views-field-field-image,
#content_views .view-vertrieb-en .views-field-field-image {
	padding: 10px 20px;
	width: 40%;
	position: relative;
}
#content_views .view-vertrieb .views-field-field-image img,
#content_views .view-vertrieb-en .views-field-field-image img {
	margin: 0px auto;
	width: auto;
	max-height: 100px;
}

#content_views .view-vertrieb .views-field-field-image .field-content,
#content_views .view-vertrieb-en .views-field-field-image .field-content {
	position: absolute;
	left: 0px;
	top: 50%;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 20px;
	transform: translateY(-50%);
}

.news_date {
	display: block;
	margin: var(--px_padding) 0px;
}
.news_link_to_overview {
	display: block;
	max-width: 800px;
	margin-top: calc(var(--px_padding) * 2);
	text-align: right;
}
.news_link_to_overview .button:before {
	transform: rotate(180deg);
}

#mobilemenu_container .mobile_mainmenu {
	padding: 25px 0px;
}

#mobilemenu_container ul.menu {
	margin: 0px;
}

#mobilemenu_container ul.menu li.menu-item {
	padding: 8px 20px;
	list-style-type: none !important;
	list-style-image: none;
}

#mobilemenu_container ul.menu li.menu-item a {
	padding-left: 0px !important;
	background-image: none !important;
	color: black;
	text-transform: uppercase;
	padding-bottom: 15px;
	display: block;
}

#mobilemenu_container ul.menu li.menu-item li {
	padding-top: 7px;
	padding-bottom: 7px;
}
#mobilemenu_container ul.menu li.menu-item li a {
	text-transform: none;
	font-size: 92%;
	padding-bottom: 0px;
}

#mobilemenu_container ul.menu li a.is-active,
#mobilemenu_container ul.menu li.menu--active-trail > a {
	color: var(--color_1);
}

#mobilemenu_container ul.menu .menu .menu {
	display: none !important;
}

#content .block-webform {
	max-width: 600px;
}

#block-artikelnummerntabelle,
#block-artikelnummerntabelleen {
	border: 0px	!important;
	border-radius: 0px !important;
}
#block-artikelnummerntabelle > div,
#block-artikelnummerntabelleen > div {
	padding: 0px !important; 
}

#header_topcontent {
	padding-bottom: 80px;
}

#header_fixedcontent {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 10px 0px;
	border-bottom: 0px;
}
.fixedHeader #header_fixedcontent {
	position: fixed;
	background-color: white;
	border-bottom: 1px solid var(--color_border);
}

.node__content iframe {
	min-width: 80%;
	min-height: 650px;
	margin: 25px 0px !important;
}

#content_views .view-filters {
	padding: 15px var(--px_padding) 0px var(--px_padding);
	/*
	background-color: var(--color_bg_trans);
	*/
	margin: 10px 0px;
}

#content_views .view-productoverview .view-filters:before,
#content_views .view-produktuebersicht-en .view-filters:before {
	content: "Weitere Produktfilter";
	display: block;	
	color: var(--color_1);
	font-weight: bold;
	font-size: var(--px_fontsize_small);
	margin-bottom: 12px;
}
#content_views .view-produktuebersicht-en .view-filters:before {
	content: "Further product filters";
}

#content_views .view-filters .form-type-checkbox {
	margin: 0px 20px 18px 0px;
}

#content_views .view-filters .form-actions {
	display: none;
}

#block-hugro-content #search-form {
	margin: var(--px_padding) 0px;
}

.search-results {
	margin: var(--px_padding) 0px 0px 0px;
	padding: 0px;
}

.search-results li {
	margin: 0px 0px 15px 0px;
	border: 1px solid var(--color_border);
	margin-bottom: var(--px_grid);
	box-sizing: border-box;
	border-radius: var(--px_borderradius);
	padding: var(--px_padding);
	font-size: var(--px_fontsize_small);
}
.search-results li h3 {
	font-size: inherit;
	margin-bottom: 10px;
	color: var(--color_1);
}

.search-results .search-result__info {
	display: none;
}

#artnumtable {
	border-radius: var(--px_borderradius);
	border-collapse: inherit;
	overflow: hidden;
}
#artnumtable th {
	color: white;
	background-color: var(--color_button);
	padding: 25px 5px 5px 25px;
	text-transform: uppercase;
	text-align: left;
	line-height: 1.2;
	font-weight: 400;
}
#artnumtable td {
	border-right: 1px solid var(--color_border);
	border-bottom: 1px solid var(--color_border);
	font-size: var(--px_fontsize_small);
	padding: 2px 4px;
	vertical-align: top;
	min-width: 20px;
}
#artnumtable td:first-Child {
	border-left: 1px solid var(--color_border);
}
#artnumtable td.bg {
	background-color: var(--color_bg);
}
#artnumtable tr:last-Child td:first-Child {
	border-radius: 0px 0px 0px var(--px_borderradius);
}

.cookiesjsr-banner {
	background-color: var(--color_bg);
	font-size: var(--px_fontsize_small);
	color: var(--color_font);
	align-items: flex-start;
}

.cookiesjsr-btn,
.cookiesjsr-btn.important.invert {
	font-size: var(--px_fontsize_small);
	background-color: var(--color_button);
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
	background-color: var(--color_bg);
	color: black;
}

.cookiesjsr-btn.invert {
	border-color: var(--color_bg);
	color: black;
}
.cookiesjsr-banner button.denyAll {
	color: black;
}
.cookiesjsr-btn.important {
	color: black;
}
.cookiesjsr-btn, .cookiesjsr-btn.important.invert {
	border-color: transparent;
}
.path-search #edit-basic .form-type-search label {
	display: none;
}
.path-search #edit-help-link {
	display: none;
}

#block-produkticonspruefzeichen {
	position: absolute;
	top: -80px;
	width: 80%;
	max-width: 650px;
	left: 0px;
}

#block-benutzeranmeldung #user-login-form label {
	display: block;
	margin-bottom: 10px;
}

#block-benutzeranmeldung .item-list {
	display: none;
}

.videocontainer {
	position: relative;
	margin-top: 10px;
}

.videocontainer video {
	display: block;
	max-width: 100%;
}

#sidebar .videocontainer {
	margin-top: 0px;
	border-radius: var(--px_borderradius);
	overflow: hidden;
}

#block-sidebarvideo.block,
#block-sidebarvideoen.block {
	border: 0px;	
}
#block-sidebarvideo > div,
#block-sidebarvideoen > div {
	padding: 0px !important;
}

.path-user .not_logged_in .tabs,
.path-user .user_is_not_admin .tabs {
	display: none;
}
.path-user .user_is_not_admin #edit-user-picture-wrapper,
.path-user .user_is_not_admin #edit-language,
.path-user .user_is_not_admin #edit-contact,
.path-user .user_is_not_admin #edit-timezone {
	visibility: hidden;
	overflow: hidden;
	max-height: 0px;
	margin: 0px;
}

.path-user .user_is_not_admin #edit-account {
	border-radius: var(--px_borderradius);
	padding: var(--px_padding);
	border: 1px solid var(--color_border);
}
.path-user .user_is_not_admin #edit-account input[type="text"],
.path-user .user_is_not_admin #edit-account input[type="email"],
.path-user .user_is_not_admin #edit-account input[type="password"] {
	display: block;
	max-width: 400px;
	margin: 10px 0px;
}

#user-login-form {
	display: block;
	max-width: 400px;
	margin: 10px 0px;
}

#user-login-form .form-actions,
#user-form .form-actions,
#content .form-actions {
	text-align: left;
	margin-bottom: 50px;
}
#user-login-form .form-actions button,
#user-form .form-actions button ,
#content .form-actions button {
	margin-left: 0px;
}

.type_job .field--type-image {
	display: none;
}

#productpage .flexcontainer {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--px_padding);
	margin-top: var(--px_padding);
}

#productpage .details {
	width: 70%;
	font-size: var(--px_fontsize_small);
}
#productpage .picture {
	display: flex;
	width: 30%;
	border: 1px solid var(--color_bg_light);
	padding: 30px;
}

#productpage .picture img {
	display: block;
	margin: auto;
	max-width: 150px;
}
	
#productpage .attr {
	display: block;
	margin-top: 12px;
}
#productpage .attr label {
	display: block;
	font-weight: 600;
}

#productpage .attr_table td {
	padding: 2px 15px 2px 0px;
}

.link_ext_3df {
	display: block;
	width: 	120px;
	height: 80px;
	
	background-image: url('../images/3DF_logo_poweredby.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.popup {
	display: none;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0, 0.4);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 20;
	
	align-content: center;
	justify-content: center;
	align-items: center;
}
.popup.open {
	display: flex;
}

.popup .close_popup {
	position: absolute;
	color: white;
	top: 10px;
	right: 10px;
	font-size: 22px;
}

.popup .content {
	background-color: white;
	overflow: hidden;
	border-radius: var(--px_borderradius);
	max-width: 1400px;
	width: 92%;
}

.popup .content iframe {
	width: 100%;
	height: 90vh;
	border: 0px;
}

/* special page 698 Form*/
#block-webform-9 .form-type-processed-text,
#block-webform-9 .form-type-managed-file,
#block-webform-9 .form-type-managed-file .description {
		font-size: var(--px_fontsize);
		margin: 0px 0px 15px 0px;
}

.webform-results-table {
	font-size: var(--px_fontsize_small);	
}
#edit-items {
	margin: 20px 0px;
	width: 100%;
}
.webform-results-table th,
.webform-results-table td {
	max-width: 200px;
	width: auto;
	padding: 5px 4px 5px 4px;
	text-align: left;
	border-bottom: 1px solid var(--color_border);
}
.webform-results-table th:last-Child,
.webform-results-table td:last-Child {
	display: none;
}
.webform-results-table th[specifier="element__upload_musterzeichnung"] a {
	display: none;
}
.webform-results-table td:nth-Child(2) a {
	display: inline-block;
	background-color: var(--color_bg);
	padding: 4px 12px;
	border-radius: var(--px_borderradius);
	margin: 0px 5px;
}
.webform-results-table td:nth-Child(2) a:after {
	content: " - ansehen";
	display: inline;
}
.webform-results-table td:nth-Child(5) {
	max-width: 300px;
}

.webform-results-table .item-list ul { margin: 0px; }
.webform-results-table .item-list li { list-style-type: none; margin: 0px; }
.webform-results-table .file {
	display: inline-block;
	max-width: 0px;
	overflow: hidden;
}

.webform-submission-pager {
	background-color: var(--color_bg_light);
}
.webform-submission-data {
	font-size: var(--px_fontsize_small);	
}
.webform-submission-data label {
	display: block;
	float: left;
	width: 50%;
	font-weight: bold;
	overflow: hidden;
	max-height: 18px;
}

#block-hugro-secondary-local-tasks,
#webform-submission-filter-form,
.webform-submission-information {
	display: none;
}

.webform-submission-bulk-form > .container-inline {
	display: none;
}