@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

/* archivo-narrow-regular - latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/archivo-narrow-v24-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/archivo-narrow-v24-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* archivo-narrow-700 - latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/archivo-narrow-v24-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/archivo-narrow-v24-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* archivo-narrow-italic - latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/archivo-narrow-v24-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/archivo-narrow-v24-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* archivo-narrow-700italic - latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/archivo-narrow-v24-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/archivo-narrow-v24-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
  --specialFont: 'Archivo Narrow', sans-serif;
}

html[lang="bg"] {
 --specialFont: sans-serif;
}

/* Allgemeinestop */
html {
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

body {
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 1.05em;
  font-weight: normal;
  color: #333;
  line-height: 140%;
  background: #E5E5E5;
}

form, h1, h2, h3, h4, h5, h6, img {
  padding: 0;
  margin: 0;
}

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

a:link, a:visited, a:hover, a:focus, a:active {
  color: #C00;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #666;
}

b, strong, span[style="font-weight: bold;"] {
  font-weight: 600;
}

* {
  outline: none;
}

iframe {
  max-width: 100%;
  width: 100%;
  border: 0;
}

/* Ueberschriften */

.headline1 {
  margin: 0;
  font-family: var(--specialFont);
  font-size: 2.1em;
  font-weight: 700;
  color: #838383;
  line-height: 120%;
}
html[lang="bg"] .headline1 {
  font-size: 2em;
  transform-origin: left center;
  transform: scale(0.85,1);
}

.headline2 {
  margin: 0 0 13px 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #E2001A;
  line-height: 120%;
}
.headline2 a:link, .headline2 a:visited, .headline2 a:focus, .headline2 a:hover, .headline2 a:active {
  color: #E2001A;
}
.headline2 a:focus, .headline2 a:hover, .headline2 a:active {
  color: #666;
}

.headline3, .headline4 {
  margin: 0 0 5px 0;
  font-family: var(--specialFont);
  font-size: 1.1em;
  font-weight: 700;
  color: #838383;
  line-height: 120%;
}
.headline4 {
  padding-bottom: 3px;
  margin-bottom: 12px;
  border-bottom: 1px solid #CCC;
  color: #999999;
}

a img {
  border: none;
}

/* Template */

div.wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

div.page {
  padding: 0 10%;
}

div.kopf {
  position: relative;
  max-width: 1380px;
  padding: 25px 20px 50px 20px;
  margin: 0 auto 0;
}
div.kopf-quickmenu {
  position: relative;
  width: 70%;
  font-size: 0.9em;
  font-family: var(--specialFont);
  color: #666;
  float: left;
  z-index: 10000;
}
div.kopf-quickmenu svg {
  vertical-align: text-bottom;
  transition: 400ms;
}
div.kopf-quickmenu img {
  vertical-align: text-bottom;
}
div.kopf-quickmenu a:link, div.kopf-quickmenu a:visited, div.kopf-quickmenu a:focus, div.kopf-quickmenu a:hover, div.kopf-quickmenu a:active {
  display: inline-block;
  color: #666;
}
div.kopf-quickmenu a:hover svg {
  color: #E2001A;
}
div.kopf-sprachauswahl {
  display: inline-block;
  margin-right: 2px;
}
div.kopf-sprachauswahl a:link, div.kopf-sprachauswahl a:visited, div.kopf-sprachauswahl a:focus, div.kopf-sprachauswahl a:hover, div.kopf-sprachauswahl a:active {
  display: block;
  color: #333;
}
div.kopf-sprachauswahl svg {
  color: #666;
  margin-right: 15px;
}
#otherlanguages {
  position: absolute;
  height: 0;
  background: #FFF;
  z-index: 500;
  overflow: hidden;
  text-align: left;
}
#otherlanguages a {
  padding: 5px 10px;
  border-top: 1px solid #EEE;
}
#otherlanguages a:first-child {
  border: 0;
}
div.kopf-sprachauswahl img {
  margin: 0 5px 0 0;
}
#otherlanguages img {
  vertical-align: middle;
  margin: 0 8px 0 0;
}
#mobile-language {
  display: none;
  padding: 0 0 15px 0;
}
#mobile-language img {
  vertical-align: middle;
  margin: 4px 20px;
}
#mobile-language a:link, #mobile-language a:visited, #mobile-language a:focus, #mobile-language a:hover, #mobile-language a:active {
  display: block;
  padding: 5px 0;
  border-top: 1px solid #CCC;
  color: #333;
}
div.kopf-suche {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
div.kopf-suche:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url(/__svg/searchsolid.svg) no-repeat center center;
  background-size: contain;
  pointer-events: none;
  opacity: 0.55;
}
div.kopf-suche:hover:before, div.kopf-suche:focus:before {
  background-image: url(/__svg/searchsolid-red.svg);
  opacity: 1;
}
div.kopf-suche form {
  padding: 0;
  margin: 0;
}
input.searchterm {
  margin: 0;
  width: 0;
  padding: 4px 0 0 27px;
  font-size: 1em;
  font-family: var(--specialFont);
  color: #666;
  border: 0;
  background: transparent;
  cursor: pointer;
}
input.searchterm:focus {
  outline: none;
  border-bottom: 1px solid #666;
  cursor: text;
}
#mobile-search {
  display: none;
  border-top: 1px solid #CCC;
  padding: 10px  20px 10px 20px;
}
#mobile-search input.searchterm {
  width: calc( 100% - 20px );
  height: 2em;
}

div.kopf-links {
  display: inline-block;
}
div.kopf-links a {
  margin-right: 20px;
}
div.kopf-links a:last-child {
  margin-right: 0;
}
div.kopf-logo {
  position: relative;
  width: 30%;
  text-align: right;
  float: left;
}
div.mobile-buttons {
  display: none;
}
div.mainmenu {
  position: relative;
  max-width: 1380px;
  padding: 0 20px 10px 20px;
  margin: 0 auto 0;
  z-index: 5000;
}

div.umrandung {
  position: relative;
  max-width: 1380px;
  padding: 20px 20px 20px 20px;
  margin: 0 auto 0;
  background: #FFFFFF;
}
div.umrandung-404 {
  padding-bottom: 20px;
}

div.start-head-big, div.head-big {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}
div.start-head-big:empty, div.head-big:empty {
  display: none;
}
div.head-big-mobile {
  display: none;
}
div.umrandung-404 div.start-head-big {
  margin-bottom: 0;
}
div.start-head-big .style2, div.start-head-big .style3  {
  left: 50px;
  bottom: 50px;
  padding: 25px;
  max-width: calc( 50% - 105px );
  min-width: 600px;
  max-height: calc( 100% - 150px );
  overflow: auto;
}
div.start-head-small {
  display: block;
  position: relative;
  width: calc( 25% - 15px );
  margin-bottom: 20px;
  overflow: hidden;
}
div.start-head-small .style2, div.start-head-small .style3 {
  width: calc( 100% - 50px );
}

div.start-head-small img {
  min-width: 100%;
  height: auto;
}

div.links {
  position: relative;
  width: calc( 25% - 25px );
  padding: 0 10px 0 0;
  float: left;
}

div.container {
  position: relative;
  width: calc( 75% - 5px );
  margin-left: 20px;
  float: left;
}
div.container-breit {
  margin-left: 20px;
}

div.mitte {
  position: relative;
  width: 66.1%;
  margin-bottom: 20px;
  float: left;
}
div.container-breit div.mitte {
  width: 73.8%;
}
div.mitte-breit {
  position: relative;
  margin-bottom: 20px;
}
div.mitte img, div.mitte-breit img {
  margin: 3px 20px;
}

div.rechts {
  position: relative;
  width: 32%;
  margin-left: 1.9%;
  margin-bottom: 20px;
  float: left;
}
div.container-breit div.rechts {
  width: 24.3%;
}

div.fuss-container {
  position: relative;
  margin-top: 20px;
  padding: 0 10%;
  background: #838383;
}
div.fuss {
  position: relative;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-flex-flow: row wrap;
	flex-flow: row wrap;
  max-width: 1380px;
  padding: 20px;
  margin: 0 auto 0;
}
div.fuss a:link, div.fuss a:visited, div.fuss a:focus, div.fuss a:hover, div.fuss a:active {
  color: #E5E5E5;
}
div.fuss .headline1, div.fuss .headline2, div.fuss .headline3, div.fuss .headline4 {
  color: #E5E5E5;
}
div.fuss-box {
  display: block;
  position: relative;
  width: calc( 25% - 15px );
  vertical-align: top;
}

/* Styles */
div.style2, div.style3 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 15px;
  margin: 0 10px 0 0;
  background: rgba(255,255,255,0.9);
  box-shadow: 2px 2px 4px rgba(0,0,0,0.45);
  max-height: calc( 100% - 50px );
  overflow: hidden;
}
div.style2 .headline1, div.style3 .headline1 {
  font-size: 1.6em;
}
div.style2 .headline2, div.style3 .headline2 {
  font-size: 0.95em;
  margin: 0;
}
div.style2 p {
  padding: 0;
  margin: 0;
}
div.start-head-big .style2 .headline1, div.start-head-big .style3 .headline1 {
  font-size: 2.1em;
}
div.start-head-big .style2 .headline2, div.start-head-big .style3 .headline2 {
  font-size: 1.1em;
}
div.style3 {
  left: auto;
  right: 10px;
  margin: 0 0 0 10px;
}

div.style4, div.style5, div.style6, div.style7, div.style8, div.style9, div.style10, div.style11, div.style12, div.style13 {
  position: relative;
  display: block;
  width: calc( 25% - 15px );
  border-top: 2px solid #B2B3B5;
  border-bottom: 2px solid #B2B3B5;
  padding: 13px 0;
  margin: 0 0 20px 0;
  overflow: hidden;
}
div.style4, div.style5, div.style12, div.style13 {
  width: calc( 25% - 15px - 30px );
  padding: 15px;
  border: 0;
  color: #FFFFFF;
  background: #B2B3B5;
}
div.style5, div.style13 {
  background: #990000;
}
div.style12, div.style13 {
  width: calc( 100% - 30px );
}
div.style9, div.style10, div.style11 {
  padding: 0;
  border: 0;
}
div.style9 img, div.style10 img, div.style11 img {
  min-height: 100%;
  max-height: 100%;
  height: 100%;
  width: auto;
  max-width: none;
  min-width: 0;
}
div.style7, div.style10 {
  width: calc( 50% - 10px );
}
div.style8, div.style11 {
  width: calc( 75% - 5px );
}

div.style4 .headline1, div.style5 .headline1, div.style12 .headline1, div.style13 .headline1, div.style17 .headline1, div.style18 .headline1, div.style4 .headline2, div.style5 .headline2, div.style12 .headline2, div.style13 .headline2, div.style17 .headline2, div.style18 .headline2 {
  color: #FFF;
}
div.style4 a:link, div.style4 a:visited, div.style4 a:focus, div.style4 a:hover, div.style4 a:active,
div.style5 a:link, div.style5 a:visited, div.style5 a:focus, div.style5 a:hover, div.style5 a:active,
div.style12 a:link, div.style12 a:visited, div.style12 a:focus, div.style12 a:hover, div.style12 a:active,
div.style13 a:link, div.style13 a:visited, div.style13 a:focus, div.style13 a:hover, div.style13 a:active {
  color: #FFF;
}

div.style4 .headline1, div.style5 .headline1, div.style6 .headline1, div.style7 .headline1, div.style8 .headline1, div.style12 .headline1, div.style13 .headline1 , div.style17 .headline1, div.style18 .headline1  {
  font-size: 1.6em;
}
div.style4 .headline2, div.style5 .headline2, div.style6 .headline2, div.style7 .headline2, div.style8 .headline2, div.style12 .headline2, div.style13 .headline2, div.style17 .headline2, div.style18 .headline2 {
  font-size: 0.95em;
}

div.style14 {
  position: relative;
}
div.style14 > a > img, div.style14 > img {
  display: none;
}
div.style14 a:nth-child(1) > img, div.style14 > img:nth-child(1) {
  display: block;
}

div.style22 {
  position: relative;
  width: calc( 50% - 20px );
  float: left;
}
div.style22 + div.style22 {
  margin-left: 40px;
}

/* Kontakt styles */
div.style15, div.pdf-download, div.produkte-warengruppe {
  position: relative;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-flex-flow: row wrap;
	flex-flow: row wrap;
  margin-bottom: 20px;
}
div.style16 {
  position: relative;
  width: calc( 33.33% - 20px );
  margin-bottom: 20px;
}

div.style15 div.style16 {
  width: calc( 33.33% - 14px );
  margin-bottom: 20px;
}
div.pdf-download {
  padding: 20px 0 0 0;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  border-top: 1px solid #000;
}
div.produkte-warengruppe {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
div.produkte-warengruppe .headline2 {
  margin: 0;
  text-transform: uppercase;
}
div.style17, div.style18 {
  position: relative;
  width: calc( 33.33% - 14px );
  margin-bottom: 20px;
  background: #B2B3B5;
  color: #FFFFFF;
  overflow: hidden;
}

div.pdf-download div.style17, div.pdf-download div.style18, div.produkte-warengruppe div.style17, div.produkte-warengruppe div.style18 {
  margin-left: 20px;
}
div.pdf-download div.style17:first-child, div.pdf-download div.style18:first-child, div.produkte-warengruppe div.style17:nth-child(3n+2), div.produkte-warengruppe div.style18:nth-child(3n+2) {
  margin-left: 0;
}
div.produkte-warengruppe div.style17:first-child, div.produkte-warengruppe div.style18:first-child {
  display: none;
}

div.style18, div.produkte-warengruppe div.style18 {
  background: #990000;
}
div.style17 img, div.style18 img {
  position: absolute;
  bottom: 0;
  left: 0;
}
/* <!-- aspect ratio 330:308 */
.style17:before, .style18:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 93.33%;
}
div.produkte-warengruppe .style17:before, div.produkte-warengruppe .style18:before {
  padding-top: 70px;
}
.style17 > .content, .style18 > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 15px;
  overflow: hidden;
}/* --> */

div.centered-text-table {
  display: table;
  width: 100%;
  height: 100%;
}
div.centered-text-table a {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

/* News */
div.news {
  position: relative;
}
div.news .headline2 {
  color: #838383;
  font-size: 1.6em;
  font-family: var(--specialFont);
  font-weight: 700;
  margin-bottom: 0;
}
div.news .headline3 {
  font-family: Arial;
  margin: 0;
  font-size: 0.95em;
  font-weight: bold;
  color: #E2001A;
  line-height: 120%;
}
div.news small {
  color: #C00;
}
div.news-teaser {
  position: relative;
  margin: 10px 0 0 0;
}
div.news-content, div.news-content-full {
  display: block;
  position: relative;
  width: calc( 100% - 220px );
  float: left;
}
div.news-content-full {
  width: 100%;
}
div.news-image {
  position: relative;
  width: 200px;
  margin: 5px 20px 5px 0;
  float: left;
}
div.news-image img {
  margin: 0 !important;
  box-shadow: 0 0 3px rgba(0,0,0,0.4);
}
div.news {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 2px solid #CCC;
}

/* Referenzen */
div.referenzen-uebersicht {
  position: relative;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

div.referenz {
  position: relative;
  width: calc( 33.33% - 14px );
  overflow: hidden;
  margin: 0 0 20px 0;
  float: left;
}
/* <!-- aspect ratio 330:308 */
.referenz:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 93.33%;
}
.referenz > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* --> */
div.referenz .style2 {
  width: calc( 100% - 50px );
  overflow: hidden;
}
div.referenz img {
  margin: 0;
  min-width: 100%;
}

a.referenz-left-button:link, a.referenz-left-button:visited, a.referenz-left-button:focus, a.referenz-left-button:hover, a.referenz-left-button:active,
a.referenz-right-button:link, a.referenz-right-button:visited, a.referenz-right-button:focus, a.referenz-right-button:hover, a.referenz-right-button:active {
  display: block;
  position: absolute;
  top: calc( 50% - 16px );
  width: 32px;
  height: 32px;
}
a.referenz-left-button:link, a.referenz-left-button:visited, a.referenz-left-button:focus, a.referenz-left-button:hover, a.referenz-left-button:active {
  left: 10px;
  background:url(images/controls.png) no-repeat 0 -32px;
}
a.referenz-left-button:focus, a.referenz-left-button:hover, a.referenz-left-button:active {
  background:url(images/controls.png) no-repeat 0 0;
}
a.referenz-right-button:link, a.referenz-right-button:visited, a.referenz-right-button:focus, a.referenz-right-button:hover, a.referenz-right-button:active {
  right: 10px;
  background:url(images/controls.png) no-repeat -43px -32px;
}
a.referenz-right-button:focus, a.referenz-right-button:hover, a.referenz-right-button:active {
  background:url(images/controls.png) no-repeat -43px 0;
}

a.referenz-overview-button:link, a.referenz-overview-button:visited, a.referenz-overview-button:focus, a.referenz-overview-button:hover, a.referenz-overview-button:active {
  display: block;
  padding: 15px;
  font-family: var(--specialFont);
  font-weight: 700;
  border-bottom: 20px solid #FFF;
  color: #FFF;
  font-size: 1.6em;
  background: #B2B3B5;
}

div.referenz-copyright {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 0.8em;
  color: rgba(255,255,255,0.8);
  text-shadow: 0 0 2px #000;
}

div.referenz-detail {
  position: relative;
  border-bottom: 20px solid #FFF;
}
div.referenz-detail .style2 .headline1 {
  font-size: 2.1em;
}
div.referenz-detail .style2 .headline2 {
  font-size: 1.1em;
}
div.referenz-detail-text {
  position: relative;
  padding: 1em 0 0 0;
}

div.referenz-detail2 {
  display: none;
  position: relative;
  padding: 0 0 20px 0;
}
div.referenz-detail2 .headline1 {
  font-size: 1.6em;
}
div.referenz-detail2 .headline2 {
  font-size: 0.95em;
}

/* Produkte */
.products-headline {
  text-transform: uppercase;
}
div.product {
  position: relative;
}
div.product + div.product {
  margin-top: 40px;
}
div.product .headline2 {
  font-family: var(--specialFont);
  font-size: 1.6em;
  font-weight: 700;
  color: #838383;
  margin: 0;
}
div.product .headline2 a {
  color: #838383;
}
div.product .headline3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.95em;
  font-weight: bold;
  color: #E2001A;
  margin: 0 0 0.6em 0;
}
div.product .headline3 a {
  color: #E2001A;
}
div.product-box {
  position: relative;
  width: 125px;
  height: 120px;
  margin-top: 5px;
  float: left;
}
div.product-box img {
  margin: 0 !important;
}
div.product-content {
  position: relative;
  width: calc( 75.24% - 165px );
  margin-left: 20px;
  color: #000;
  float: left;
  overflow: hidden;
}
div.product-content a {
  color: #000;
}
div.product-link {
  position: relative;
  width: calc( 24.76% - 25px );
  padding-top: 1.6em;
  padding-left: 25px;
  margin-left: 20px;
  font-family: var(--specialFont);
  color: #838383;
  font-weight: 700;
  text-transform: uppercase;
  float: left;
  overflow: hidden;
}
div.product-link a:link, div.product-link a:visited, div.product-link a:focus, div.product-link a:hover, div.product-link a:active {
  color: #838383;
}
div.product-link a:focus, div.product-link a:hover, div.product-link a:active {
  color: #E2001A;
}

/* Menu */
div.mainmenu ul, div.mainmenu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.mainmenu ul li {
  margin-right: 30px;
  float: left;
}
html[lang="bg"] div.mainmenu ul li {
  margin-right: 15px;
}
html[lang="pl"] div.mainmenu ul li {
  margin-right: 10px;
}
div.mainmenu ul li:last-child {
  margin-right: 0;
}
div.mainmenu ul li a:link, div.mainmenu ul li a:visited, div.mainmenu ul li a:focus, div.mainmenu ul li a:hover, div.mainmenu ul li a:active, div.mainmenu ul li a.menu-button-marked, div.mainmenu ul li strong,
a.mainmenu-back:link, a.mainmenu-back:visited, a.mainmenu-back:focus, a.mainmenu-back:hover, a.mainmenu-back:active {
  display: block;
  padding: 10px 7px;
  font-family: var(--specialFont);
  font-size: 1.40em;
  font-weight: 700;
  color: #5B5B5B;
}
html[lang="bg"] div.mainmenu ul li a:link, html[lang="bg"] div.mainmenu ul li a:visited, html[lang="bg"] div.mainmenu ul li a:focus, html[lang="bg"] div.mainmenu ul li a:hover, html[lang="bg"] div.mainmenu ul li a:active, html[lang="bg"] div.mainmenu ul li a.menu-button-marked, html[lang="bg"] div.mainmenu ul li strong,
html[lang="bg"] a.mainmenu-back:link, html[lang="bg"] a.mainmenu-back:visited, html[lang="bg"] a.mainmenu-back:focus, html[lang="bg"] a.mainmenu-back:hover, html[lang="bg"] a.mainmenu-back:active {
  font-size: 1.2em;
}
a.mainmenu-back:link, a.mainmenu-back:visited, a.mainmenu-back:focus, a.mainmenu-back:hover, a.mainmenu-back:active {
  background: #E5E5E5;
  color: #333;
  text-align: right;
}
div.mainmenu ul li a:focus, div.mainmenu ul li a:hover, div.mainmenu ul li a:active,
div.mainmenu ul li a.menu-button-marked, div.mainmenu ul li strong {
  color: #E2001A;
}
div.mainmenu ul li div.mainmenu-popup {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  background: #FFF;
  opacity: 0.01;
  transition: 0.5s;
  transition-delay: 0.2s;
  overflow: hidden;
  z-index: 400;
}
div.mainmenu ul li:hover a {
  background: #FFF;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  transition: 0.3s;
}
div.mainmenu ul li:hover div.mainmenu-popup {
  height: auto;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  opacity: 1;
}
div.mainmenu div.mainmenu-popup div.col {
  width: calc( 25% - 20px );
  padding: 20px 0 20px 20px;
  line-height: 160%;
  font-family: Arial;
  color: #000;
  float: left;
}
div.mainmenu div.mainmenu-popup div.col .headline4 {
  font-family: var(--specialFont);
  font-size: 1em;
  font-weight: 700;
  color: #000;
  border-bottom: 1px solid #CCC;
}
div.mainmenu div.mainmenu-popup div.col a:link, div.mainmenu div.mainmenu-popup div.col a:visited, div.mainmenu div.mainmenu-popup div.col a:focus, div.mainmenu div.mainmenu-popup div.col a:hover, div.mainmenu div.mainmenu-popup div.col a:active {
  display: inline;
  position: relative;
  padding: 0;
  margin: 0;
  font-family: Arial;
  float: none;
  font-size: 0.9em;
  font-weight: normal;
  box-shadow: 0 0 0;
  color: #000;
  transition: 0;
}
div.mainmenu div.mainmenu-popup div.col a:focus, div.mainmenu div.mainmenu-popup div.col a:hover {
  color: #C00;
}

div.untermenue ul, div.untermenue ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--specialFont);
  font-weight: 700;
}
html[lang="bg"] div.untermenue ul li a {
  transform-origin: left center;
  transform: scale(0.9,1);
}

div.untermenue ul li {
  border-bottom: 1px solid #CCC;
}
div.untermenue ul li ul li {
  border: 0;
}
div.untermenue ul li ul {
  margin: -10px 0 10px 0;
}
div.untermenue ul li ul li ul {
  margin: 0 0 0 0;
}

div.untermenue ul li a:link, div.untermenue ul li a:visited, div.untermenue ul li a:focus, div.untermenue ul li a:hover, div.untermenue ul li a:active, div.untermenue ul li a.menu-list-marked, div.untermenue ul li strong {
  display: block;
  padding: 10px 0 10px 22px;
  font-size: 1em;
  color: #000;
  font-weight: normal;
  background: url(../../shared/images/hg-untermenue.png) 0 10px no-repeat;
}
div.untermenue ul li a:focus, div.untermenue ul li a:hover, div.untermenue ul li a:active, div.untermenue ul li a.menu-list-marked, div.untermenue ul li strong {
  color: #C00;
  background: url(../../shared/images/hg-untermenue.png) -1492px 10px no-repeat;
}
div.untermenue ul li.open > a.menu-list-marked {
  background: url(../../shared/images/hg-untermenue.png) -2990px 10px no-repeat;
}
div.untermenue ul li ul li a:link, div.untermenue ul li ul li a:visited, div.untermenue ul li ul li a:focus, div.untermenue ul li ul li a:hover, div.untermenue ul li ul li a:active, div.untermenue ul li ul li a.menu-list-marked, div.untermenue ul li ul li strong {
  padding: 10px 0 0 22px;
  margin: 3px 0 3px 20px;
}
div.untermenue ul li ul li ul li a:link, div.untermenue ul li ul li ul li a:visited, div.untermenue ul li ul li ul li a:focus, div.untermenue ul li ul li ul li a:hover, div.untermenue ul li ul li ul li a:active, div.untermenue ul li ul li ul li a.menu-list-marked, div.untermenue ul li ul li ul li strong {
  margin: 0 0 0 40px;
}

/* Mobile Menu --------------------------------------------------------------------------------*/
div.mobilemenu-block {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 10001;
}
div.mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  font-size: 1.0em;
  color: #333;
  font-family: var(--specialFont);
  font-weight: 700;
  background: #AFAFAF;
  z-index: 10002;
  overflow: auto;
}
#mobilemenu {
  background: #FFF;
}
div.mobilemenu ul, div.mobilemenu li {
  padding: 0;
  margin: 0;
}
div.mobilemenu li {
  display: block;
  position: relative;
  margin: 0;
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #CCC;
  text-transform: uppercase;
}
div.mobilemenu li a:link, div.mobilemenu li a:visited, div.mobilemenu li a:focus, div.mobilemenu li a:hover, div.mobilemenu li a:active, div.mobilemenu li a.menu-list-marked, div.mobilemenu li span.menu-list-marked, div.mobilemenu li strong {
  display: block;
  color: #333;
  font-family: var(--specialFont);
  font-weight: 700;
}

div.mobilemenu li a:focus, div.mobilemenu li a:hover, div.mobilemenu li a:active, div.mobilemenu li a.menu-list-marked, div.mobilemenu li span.menu-list-marked, div.mobilemenu li strong {
  color: #C00;
}
div.mobilemenu ul li ul {
  display: none;
  border-top: 1px solid #CCC;
  margin-top: 10px;
  margin-bottom: -10px;
  margin-left: 20px;
}
div.mobilemenu ul li ul li {
  border: 0;
  border-top: 1px solid #CCC;
  padding-left: 10px;
  text-transform: none;
}
div.mobilemenu ul li ul li:first-child {
  border: 0;
}
#mobilemenu a.toggle:link, #mobilemenu a.toggle:visited, #mobilemenu a.toggle:focus, #mobilemenu a.toggle:hover, #mobilemenu a.toggle:active {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  right: 0;
  width: 40px;
  height: 43px;
  border: 0;
  background: url(../../shared/images/hg-mobilemenu-white-toggle.png) 0 -28px no-repeat !important;
}
#mobilemenu a.toggle.active {
  background: url(../../shared/images/hg-mobilemenu-white-toggle.png) 0 -128px no-repeat !important;
}

/* Bildgalerie */

div.bildgalerie-overview {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  column-gap: 20px;
  row-gap: 20px;
}
div.bildgalerie-overview img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #f2f2f2;
  transition: 300ms;
}
div.bildgalerie-overview a:hover img {
  transform: scale(1.05);
}

/* Modul Navigation */
a.modul-pagebutton:link, a.modul-pagebutton:visited, a.modul-pagebutton:focus, a.modul-pagebutton:hover, a.modul-pagebutton:active, div.modul-pagebutton-inactive, div.modul-pagebutton-seperator,
a.modul-pagebutton-marked:link, a.modul-pagebutton-marked:visited, a.modul-pagebutton-marked:focus, a.modul-pagebutton-marked:hover, a.modul-pagebutton-marked:active {
  position: relative;
  display: inline-block;
  padding: 0.5em 0.8em 0.4em 0.8em;
  margin: 0.3em 0.5em 0.8em 0.5em;
  font-weight: normal;
  font-size: 1em;
  font-style: normal;
  color: #333;
  cursor: pointer;
  float: left;
  background: #F3F3F3;
}
a.modul-pagebutton:focus, a.modul-pagebutton:hover, a.modul-pagebutton:active,
a.modul-pagebutton-marked:link, a.modul-pagebutton-marked:visited, a.modul-pagebutton-marked:focus, a.modul-pagebutton-marked:hover, a.modul-pagebutton-marked:active {
  color: #C00;
}
a.modul-pagebutton:first-child, div.modul-pagebutton-inactive:first-child {
  margin-left: 0;
}
div.modul-pagebutton-inactive {
  color: #FFF;
  opacity: 0.1;
  cursor: default;
}
div.modul-pagebutton-seperator {
  color: #FFF;
  background: #CCC;
  cursor: default;
}
div.modul-pages {
  position: relative;
  text-align: center;
  float: left;
}
div.modul-pages a.modul-pagebutton:link, div.modul-pages a.modul-pagebutton:visited, div.modul-pages a.modul-pagebutton:focus, div.modul-pages a.modul-pagebutton:hover, div.modul-pages a.modul-pagebutton:active, div.modul-pagebutton-inactive, div.modul-pagebutton-seperator,
div.modul-pages a.modul-pagebutton-marked:link, div.modul-pages a.modul-pagebutton-marked:visited, div.modul-pages a.modul-pagebutton-marked:focus, div.modul-pages a.modul-pagebutton-marked:hover, div.modul-pages a.modul-pagebutton-marked:active {
  margin: 0.3em 0.2em 0.8em 0.2em;
  color: #333;
  background: #F3F3F3;
}
div.modul-pages a.modul-pagebutton:focus, div.modul-pages a.modul-pagebutton:hover, div.modul-pages a.modul-pagebutton:active,
div.modul-pages a.modul-pagebutton-marked:link, div.modul-pages a.modul-pagebutton-marked:visited, div.modul-pages a.modul-pagebutton-marked:focus, div.modul-pages a.modul-pagebutton-marked:hover, div.modul-pages a.modul-pagebutton-marked:active {
  color: #C00;
}
div.modul-numall, div.modul-position {
  position: relative;
  padding: 0.6em 0;
  float: right;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  color: #666;
}
div.modul-position {
  padding: 0.6em 1em;
  float: left;
}
div.modul-navigation {
  position: relative;
  margin: 0;
  padding: 0;
}

/* DSGVO Banner */
div.dsgvo-banner {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 20px;
  border-top: 2px solid #990000;
  max-width: 520px;
  padding: 20px;
  font-size: 0.9rem;
  line-height: 130%;
  background: #FFF;
  z-index: 999;
  box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}
@media all and (max-width:600px) {
  div.dsgvo-banner {
    bottom: 10px !important;
    left: 10px !important;
    right: 10px !important;
  }
}
div.dsgvo-banner a:link, div.dsgvo-banner a:visited, div.dsgvo-banner a:hover, div.dsgvo-banner a:focus, div.dsgvo-banner a:active {
  color: #990000;
  text-decoration: none;
  transition: color 200ms;
}
div.dsgvo-banner a:hover, div.dsgvo-banner a:focus, div.dsgvo-banner a:active {
  color: #666666;
}
div.dsgvo-banner-close {
  position: relative;
  width: 23px;
  height: 23px;
  margin: 0 0 10px 10px;
  padding: 0;
  float: right;
  cursor: pointer;
}
div.dsgvo-banner-close:before, div.dsgvo-banner-close:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 20px;
  content: '';
  background: #ccc;
  transform: rotate( 45deg );
}
div.dsgvo-banner-close:after {
  transform: rotate( -45deg );
}
div.dsgvo-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
div.dsgvo-buttons button {
  width: calc( 50% - 15px );
  padding: 7px 15px;
  border: 0;
  margin: 0;
  color: #FFF;
  background: #990000;
  cursor: pointer;
}


/* Cyres-CSS */
div.image   {
  min-width:  100px;
  margin-top: 7px;
  margin-bottom: 4px;
  margin-left:  5px;
  margin-right:  14px;
}

div.image-left   {
  min-width:  100px;
  margin-top: 7px;
  margin-bottom: 4px;
  margin-left:  5px;
  margin-right:  14px;
  float: left;
}

div.image-right   {
  min-width:  100px;
  margin-top: 7px;
  margin-bottom: 4px;
  margin-left:  9px;
  margin-right:  10px;
  float: right;
}

div.image-center   {
  width:  100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 7px;
}

div.image, div.image-left, div.image-right, div.image-center {
  font-size: 0.8em;
}

div.image img, div.image-left img, div.image-right img, div.image-center img {
  margin: 0;
  padding: 0;
}

/* Listen */
ul {
  margin: 0;
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 5px;
  padding: 0;
  list-style: url(../images/li.png);
}

ol {
  margin: 0;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 5px;
  padding: 0;
}

li {
  margin: 0;
  margin-left: 15px;
  margin-bottom: 5px;
  padding: 0 0 0 5px;
}

.unsichtbar, dfn {
  position:absolute;
  left:-1000px;
  top:-1000px;
  width:0;
  height:0;
  overflow:hidden;
  display:inline;
}

.clear {
  clear: both;
}

/* By Cybox Zeile */
div.by-cybox {
  position: relative;
  max-width: 1400px;
  padding: 3px 0;
  font-size: 0.9em;
  text-align: right;
  color: #CCC;
  margin: 0 auto 0;
}
div.by-cybox a:link, div.by-cybox a:visited, div.by-cybox a:focus, div.by-cybox a:hover, div.by-cybox a:active,
a.by-cybox:link, a.by-cybox:visited, a.by-cybox:hover, a.by-cybox:focus, a.by-cybox:active {
  color: #CCC;
}
div.by-cybox a:focus, div.by-cybox a:hover, div.by-cybox a:active,
a.by-cybox:hover, a.by-cybox:focus, a.by-cybox:active {
  color: #666;
}

.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

/* Cyres Editor Fixes */
.editor-icon {
  width: 16px !important;
  height: 18px !important;
  min-width: 1px !important;
  min-height: 1px !important;
}
img[src="/login/skin/default/images/others/properties.gif"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 1px !important;
  min-height: 1px !important;
}

/* Magnific Popup - CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:11042;overflow:hidden;position:fixed;background:#0b0b0b;}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:11043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:11045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:11044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:11046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:30px}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure{}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0.01;-webkit-backface-visibility:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}.mfp-with-zoom.mfp-ready.mfp-bg{opacity:.8}.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0.01}

body.template-bildgalerie .mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 1;
  transition: none;
}

iframe {
  max-width: 100% !important;
}

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-viewport{left:0;background:#FFF;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px}.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-3999px;z-index:3999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}

.bx-wrapper {
  margin: 0 auto 20px;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next{
  opacity: 0.5;
}
.bx-pager {
  display: none;
}

dialog {
  padding: 2rem;
  border: 1px solid #AAA;
  background: #FFFFFF;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
dialog button {
  margin-top: 1.4rem;
  border: 0;
  padding: 0.6rem 1rem;
  font-size: 1rem;
  color: #FFFFFF;
  border-radius: 5px;
  background: #E30613;
  cursor: pointer;
  transition: 300ms;
}
dialog button:hover {
  background: #990000;
}

body[data-template="invitation"] big {
  margin: 0;
  font-family: var(--specialFont);
  font-size: 2.1em;
  font-weight: 700;
  color: #838383;
  line-height: 120%;
}
body[data-template="invitation"] .headline1 {
  text-transform: uppercase;
  font-size: 1.8rem;
  margin-bottom: 0.4em;
}
body[data-template="invitation"] .headline2, body[data-template="invitation"] .headline3 {
  font-family: var(--specialFont);
  font-weight: 700;
  color: #838383;
  line-height: 120%;
  font-size: 1.6rem;
  margin-bottom: 0.5em;
  
  color: #4C4C4C;
}
body[data-template="invitation"] div.fuss-container {
  margin-top: 0;
}
.invitation-step1 {
}
.invitation-step2 {
  display: none;
}
div.invitation-wrapper {
  width: fit-content;
  margin: 0 auto 0;
  max-width: 100vw;
}
div.invitation-wrapper svg {
  vertical-align: middle;
}
div.invitation-title {
  border-top: 13px solid #FFFFFF;
  padding: 0.6em 0;
  text-transform: uppercase;
  background-color: #838383;
  text-align: center;
  font-size: 2.1em;
  font-weight: 600;
  color: #FFFFFF;
  border-bottom: 13px solid #FFFFFF;
  font-family: var(--specialFont);
}
div.invitation-kopf {
  width: 100%;
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: contain;
}
div.invitation-kopf div.image-center {
  margin: 0;
}
div.invitation-kopf div.image-center img {
  min-height: 300px;
  width: auto;
  object-fit: cover;
}
div.invitation-map {
  margin: 0 auto 0;
  width: fit-content;
  max-width: 100%;
}
div.invitation-content {
  padding: 2rem 2rem;
  text-align: center;
  font-size: 1.4rem;
  line-height: 140%;
}
div.invitation-content hr {
  color: #FFFFFF;
  padding: 0;
  margin: 1rem 0;
  border: 0;
}
div.invitation-content hr::before {
  content: '• • • •';
  font-size: 60px;
}

div.invitation-buttons {
  display: grid;
  width: fit-content;
  margin: 0 auto 0;
  grid-template-columns: 1fr 1fr;
  column-gap: 30px;
}
.invitation-content button, .invitation-content button[data-action="cancellinvitation"],
.invitation-content button[data-action="cancellinvitation-with-data"] {
  position: relative;
  font-family: var(--specialFont);
  padding: 25px 25px;
  max-width: 150px;
  border: 0;
  border-radius: 999px;
  background: #E30613;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 130%;
  color: #FFFFFF;
  text-transform: uppercase;
  cursor: pointer;
  transition: 400ms;
  aspect-ratio: 1 / 1;
  -webkit-appearance:none;
}
.invitation-content button[data-action="cancellinvitation"], .invitation-content button[data-action="cancellinvitation-with-data"] {
  background: #AA1A1A;
}
.invitation-content button:hover {
  background: #770000;
}
.invitation-content button[data-action="cancellinvitation"]:hover, .invitation-content button[data-action="cancellinvitation-with-data"]:hover {
  background: #550000;
}

.invitation-content button[disabled], .invitation-content button[data-action="cancellinvitation"][disabled],
.invitation-content button[data-action="cancellinvitation-with-data"][disabled] {
  pointer-events: none;
}

.invitation-fields {
  width: fit-content;
  border-radius: 999px;
  padding: 5px 30px;
  margin: 0.5em auto 0;
  background: #FFFFFF;
}
.invitation-fields input {
  margin: 10px 5px;
  width: 250px;
  font-size: 1.3rem;
  border: 0;
  border-bottom: 1px solid #CCC;
  -webkit-appearance:none;
  text-align: center;
}

body[data-template="invitation"] .invitation-form input[type="text"] {
  text-align: center;
  border: 1px solid #666;
  background: #FFF;
  padding: 10px;
  font-size: 1.125rem;
  border-radius: 999px;
  margin-top: 0.5em;
  width: 90%;
  min-width: 200px;
}
body[data-template="invitation"] .invitation-form input[type="radio"] {
  width: 25px;
  height: 25px;
  margin-top: 10px;
  margin-right: 10px;
  vertical-align: text-bottom;
}
body[data-template="invitation"] .invitation-form input[type="radio"] + label + input[type="radio"] {
  margin-left: 40px;
}
body[data-template="invitation"] .invitation-form input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
body[data-template="invitation"] .invitation-form input[type="checkbox"] + label::before {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid #CCC;
  background: #FFF;
  border-radius: 100px;
  margin-top: 10px;
  margin-right: 10px;
  vertical-align: text-bottom;
  content: '';
  cursor: pointer;
}
body[data-template="invitation"] .invitation-form input[type="checkbox"]:checked + label::before {
  background: radial-gradient(#E00813 36%, #FFF 43% ), #FFF;
}

/* RESPONSIVE-PART */
@media only screen and (max-width: 1775px) {
  div.kopf, div.mainmenu {
    padding-right: 17px;
    padding-left: 17px;
  }
  div.mainmenu ul li {
    margin-right: 25px;
  }
  html[lang="pl"] div.mainmenu ul li {
    margin-right: 5px;
  }
  div.mainmenu ul li a:link, div.mainmenu ul li a:visited, div.mainmenu ul li a:focus, div.mainmenu ul li a:hover, div.mainmenu ul li a:active, div.mainmenu ul li a.menu-button-marked, div.mainmenu ul li strong,
  a.mainmenu-back:link, a.mainmenu-back:visited, a.mainmenu-back:focus, a.mainmenu-back:hover, a.mainmenu-back:active {

  }
  div.umrandung {
    padding: 17px 17px 0 17px;
  }
  .bx-wrapper {
    margin: 0 auto 17px;
  }
  div.start-head-small, div.style4, div.style5, div.style6, div.style7, div.style8, div.style9, div.style10, div.style11, div.style12, div.style13 {
    width: calc( 25% - 13px );
    margin-bottom: 17px;
  }
  div.style4, div.style5, div.style12, div.style13 {
    width: calc( 25% - 13px - 30px );
  }
  div.style7, div.style10 {
    width: calc( 50% - 9px );
  }
  div.style8, div.style11 {
    width: calc( 75% - 4px );
  }
  div.style12, div.style13 {
    width: calc( 100% - 30px );
  }
  div.fuss {
    padding: 17px;
  }
  div.fuss-box {
    width: calc( 25% - 13px );
  }
  div.referenz, div.style15 div.style16, div.style17, div.style18 {
    width: calc( 33.33% - 12px );
    margin: 0 0 17px 0;
  }
  div.pdf-download div.style17, div.pdf-download div.style18, div.produkte-warengruppe div.style17, div.produkte-warengruppe div.style18 {
    width: calc( 33.33% - 12px );
    margin: 0 0 17px 17px;
  }
  div.mitte, div.mitte-breit, div.rechts, div.container-breit div.mitte, div.container-breit div.rechts, div.start-head-big, div.head-big {
    margin-bottom: 17px;
  }
  div.umrandung-404 {
    padding-bottom: 17px;
  }
  div.mitte img, div.mitte-breit img {
    margin: 3px 17px;
  }
  div.product-content {
    margin-left: 17px;
  }

}

@media only screen and (max-width: 1650px) {
  div.mainmenu ul li a:link, div.mainmenu ul li a:visited, div.mainmenu ul li a:focus, div.mainmenu ul li a:hover, div.mainmenu ul li a:active, div.mainmenu ul li a.menu-button-marked, div.mainmenu ul li strong,
  a.mainmenu-back:link, a.mainmenu-back:visited, a.mainmenu-back:focus, a.mainmenu-back:hover, a.mainmenu-back:active {
    font-size: 1.30em;
  }
  div.mainmenu ul li {
    margin-right: 20px;
  }
  html[lang="pl"] div.mainmenu ul li {
    margin-right: 3px;
  }
  div.pdf-download div.style17 .headline1, div.pdf-download  div.style18 .headline1 {
    font-size: 1.15em;
  }
  div.pdf-download div.style17 .headline2, div.pdf-download div.style18 .headline2 {
    font-size: 0.7em;
  }
}

@media only screen and (max-width: 1520px) {
  div.kopf, div.mainmenu {
    padding-right: 14px;
    padding-left: 14px;
  }
  div.mainmenu ul li a:link, div.mainmenu ul li a:visited, div.mainmenu ul li a:focus, div.mainmenu ul li a:hover, div.mainmenu ul li a:active, div.mainmenu ul li a.menu-button-marked, div.mainmenu ul li strong,
  a.mainmenu-back:link, a.mainmenu-back:visited, a.mainmenu-back:focus, a.mainmenu-back:hover, a.mainmenu-back:active {
    padding: 10px 6px;
    font-size: 1.20em;
  }
  div.umrandung {
    padding: 14px 14px 0 14px;
  }
  .bx-wrapper {
    margin: 0 auto 14px;
  }
  div.start-head-small, div.style4, div.style5, div.style6, div.style7, div.style8, div.style9, div.style10, div.style11, div.style12, div.style13 {
    width: calc( 25% - 11px );
    margin-bottom: 14px;
  }
  div.style4, div.style5, div.style12, div.style13 {
    width: calc( 25% - 11px - 30px );
  }
  div.style7, div.style10 {
    width: calc( 50% - 7px );
  }
  div.style8, div.style11 {
    width: calc( 75% - 4px );
  }
  div.style12, div.style13 {
    width: calc( 100% - 30px );
  }
  div.fuss {
    padding: 20px 14px;
  }
  div.fuss-box {
    width: calc( 25% - 11px );
  }
  div.referenz, div.style15 div.style16, div.style17, div.style18 {
    width: calc( 33.33% - 10px );
    margin: 0 0 14px 0;
  }
  div.pdf-download div.style17, div.pdf-download div.style18, div.produkte-warengruppe div.style17, div.produkte-warengruppe div.style18 {
    width: calc( 33.33% - 10px );
    margin: 0 0 14px 14px;
  }
  div.mitte, div.mitte-breit, div.rechts, div.container-breit div.mitte, div.container-breit div.rechts, div.start-head-big, div.head-big {
    margin-bottom: 14px;
  }
  div.umrandung-404 {
    padding-bottom: 14px;
  }
  div.mitte img, div.mitte-breit img {
    margin: 3px 14px;
  }
  div.product-content {
    margin-left: 14px;
  }
}

@media only screen and (max-width: 1410px) {
  div.mainmenu ul li {
    margin-right: 2px;
  }
}

@media only screen and (max-width: 1320px) {
  div.page {
    padding: 0;
  }
  div.kopf, div.mainmenu {
    padding-right: 16px;
    padding-left: 16px;
  }
  div.mainmenu ul li {
    
  }
  div.mainmenu ul li a:link, div.mainmenu ul li a:visited, div.mainmenu ul li a:focus, div.mainmenu ul li a:hover, div.mainmenu ul li a:active, div.mainmenu ul li a.menu-button-marked, div.mainmenu ul li strong,
  a.mainmenu-back:link, a.mainmenu-back:visited, a.mainmenu-back:focus, a.mainmenu-back:hover, a.mainmenu-back:active {
    padding: 10px 5px;
    font-size: 1.35em;
  }
  div.mainmenu ul li {
    margin-right: 20px;
  }
  html[lang="pl"] div.mainmenu ul li {
    margin-right: 3px;
  }
  div.umrandung {
    padding: 16px 16px 0 16px;
  }
  .bx-wrapper {
    margin: 0 auto 16px;
  }
  div.start-head-small {
    width: calc( 25% - 12px );
    margin-bottom: 16px;
  }
  div.style4, div.style5, div.style6, div.style7, div.style8, div.style9, div.style10, div.style11, div.style12, div.style13 {
    width: calc( 50% - 8px );
    margin-bottom: 16px;
  }
  div.style4, div.style5 {
    width: calc( 50% - 8px - 30px );
  }
  div.style12, div.style13 {
    width: calc( 100% - 30px );
  }
  div.fuss {
    padding: 20px 16px;
  }
  div.fuss-container {
    padding: 0;
  }
  div.fuss-box {
    width: calc( 50% - 8px );
    margin-bottom: 16px;
  }
  div.referenz, div.style15 div.style16, div.style17. div.style18 {
    width: calc( 33.33% - 11px );
    margin: 0 0 16px 0;
  }
  div.pdf-download div.style17, div.pdf-download div.style18, div.produkte-warengruppe div.style17, div.produkte-warengruppe div.style18 {
    width: calc( 33.33% - 11px );
    margin: 0 0 16px 16px;
  }
  div.mitte, div.mitte-breit, div.rechts, div.container-breit div.mitte, div.container-breit div.rechts, div.start-head-big, div.head-big {
    margin-bottom: 16px;
  }
  div.umrandung-404 {
    padding-bottom: 16px;
  }
  div.mitte img, div.mitte-breit img {
    margin: 3px 16px;
  }
  div.product-content {
    margin-left: 16px;
  }
}

@media only screen and (max-width: 1250px) {
  div.mainmenu ul li a:link, div.mainmenu ul li a:visited, div.mainmenu ul li a:focus, div.mainmenu ul li a:hover, div.mainmenu ul li a:active, div.mainmenu ul li a.menu-button-marked, div.mainmenu ul li strong,
  a.mainmenu-back:link, a.mainmenu-back:visited, a.mainmenu-back:focus, a.mainmenu-back:hover, a.mainmenu-back:active {
    font-size: 1.25em;
  }
}

@media only screen and (max-width: 1150px) {
  div.mainmenu ul li a:link, div.mainmenu ul li a:visited, div.mainmenu ul li a:focus, div.mainmenu ul li a:hover, div.mainmenu ul li a:active, div.mainmenu ul li a.menu-button-marked, div.mainmenu ul li strong,
  a.mainmenu-back:link, a.mainmenu-back:visited, a.mainmenu-back:focus, a.mainmenu-back:hover, a.mainmenu-back:active {
    font-size: 1.20em;
  }
}

@media only screen and (max-width: 1114px) {
  div.kopf, div.mainmenu {
    padding-right: 20px;
    padding-left: 20px;
  }
  div.mainmenu ul li {
    margin-right: 10px;
  }
  html[lang="pl"] div.mainmenu ul li {
    margin-right: 3px;
  }
  div.mainmenu ul li a:link, div.mainmenu ul li a:visited, div.mainmenu ul li a:focus, div.mainmenu ul li a:hover, div.mainmenu ul li a:active, div.mainmenu ul li a.menu-button-marked, div.mainmenu ul li strong,
  a.mainmenu-back:link, a.mainmenu-back:visited, a.mainmenu-back:focus, a.mainmenu-back:hover, a.mainmenu-back:active {
    padding: 10px 6px;
    font-size: 1.15em;
  }
  div.umrandung {
    padding: 20px 20px 0 20px;
  }
  .bx-wrapper {
    margin: 0 auto 20px;
  }
  div.links {
    width: calc( 35% - 15px );
  }
  div.container {
    width: calc( 65% - 15px );
  }
  div.mitte, div.rechts, div.container-breit div.mitte, div.container-breit div.rechts {
    width: 100%;
    margin: 0;
  }
  div.rechts, div.container-breit div.rechts {
    margin-top: 20px;
  }
  div.product-content {
    width: calc( 100% - 145px );
  }
  div.product-link {
    display: none;
  }

  div.start-head-small {
    width: calc( 25% - 15px );
    margin-bottom: 20px;
  }
  
  div.invitation-container {
    padding: 30px 0;
  }
  
  div.style4, div.style5, div.style6, div.style7, div.style8, div.style9, div.style10, div.style11, div.style12, div.style13 {
    width: calc( 50% - 10px );
    margin-bottom: 20px;
  }
  div.style4, div.style5 {
    width: calc( 50% - 10px - 30px );
  }
  div.style12, div.style13 {
    width: calc( 100% - 30px );
  }
  div.fuss {
    padding: 20px;
  }
  div.fuss-box {
    width: calc( 50% - 10px );
    margin-bottom: 20px;
  }
  div.style16 {
    width: calc( 50% - 10px );
  }
  div.referenz, div.style15 div.style16, div.style17, div.style18 {
    width: calc( 50% - 10px );
    margin: 0 0 20px 0;
  }
  div.pdf-download div.style17, div.pdf-download div.style18, div.produkte-warengruppe div.style17, div.produkte-warengruppe div.style18 {
    width: calc( 50% - 10px );
    margin: 0 0 20px 20px;
  }
  div.pdf-download div.style17 .headline1, div.pdf-download  div.style18 .headline1 {
    font-size: 1.6em;
  }
  div.pdf-download div.style17 .headline2, div.pdf-download div.style18 .headline2 {
    font-size: 0.95em;
  }
  div.pdf-download div.style17, div.pdf-download div.style18, div.produkte-warengruppe div.style17:nth-child(3n+2), div.produkte-warengruppe div.style18:nth-child(3n+2) {
    margin-left: 20px;
  }
  div.pdf-download div.style17:nth-child(3n+0), div.pdf-download div.style18:nth-child(3n+0), div.produkte-warengruppe div.style17:nth-child(2n+2), div.produkte-warengruppe div.style18:nth-child(2n+2) {
    margin-left: 0;
  }
  div.mitte, div.mitte-breit, div.rechts, div.container-breit div.mitte, div.container-breit div.rechts, div.start-head-big, div.head-big {
    margin-bottom: 20px;
  }
  div.umrandung-404 {
    padding-bottom: 20px;
  }
  div.mitte img, div.mitte-breit img {
    margin: 3px 20px;
  }
  div.product-content {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 1035px) {
  div.mainmenu ul li {
    margin-right: 5px;
  }
  div.mainmenu ul li a:link, div.mainmenu ul li a:visited, div.mainmenu ul li a:focus, div.mainmenu ul li a:hover, div.mainmenu ul li a:active, div.mainmenu ul li a.menu-button-marked, div.mainmenu ul li strong,
  a.mainmenu-back:link, a.mainmenu-back:visited, a.mainmenu-back:focus, a.mainmenu-back:hover, a.mainmenu-back:active {
    padding: 7px 5px;
    font-size: 1.10em;
  }
  div.start-head-big .style2, div.start-head-big .style3, div.start-head-small .style2, div.start-head-small .style3, div.referenz .style2 {
    left: 10px;
    bottom: 10px;
    padding: 10px;
    width: calc( 100% - 40px );
    min-width: 0;
    max-width: 700px;
    max-height: calc( 100% - 40px );
    overflow: auto;
  }
  div.referenz-detail .style2 {
    padding: 10px;
  }
  div.start-head-small {
    width: calc( 50% - 10px );
  }
  div.referenz-detail-text {
    display: none;
  }
  div.referenz-detail2 {
    display: block;
  }
  div.start-head-big .style2 p, div.start-head-big .style3 p {
    display: none;
  }
}

@media only screen and (max-width: 950px) {
  div.mainmenu ul li {
    margin-right: 3px;
  }
  div.mainmenu ul li a:link, div.mainmenu ul li a:visited, div.mainmenu ul li a:focus, div.mainmenu ul li a:hover, div.mainmenu ul li a:active, div.mainmenu ul li a.menu-button-marked, div.mainmenu ul li strong,
  a.mainmenu-back:link, a.mainmenu-back:visited, a.mainmenu-back:focus, a.mainmenu-back:hover, a.mainmenu-back:active {
    padding: 7px 5px;
    font-size: 0.95em;
  }
}

@media only screen and (max-width: 820px) {
  div.links {
    display: none;
  }
  div.container, div.container-breit {
    width: 100%;
    margin: 0;
  }
  div.kopf {
    padding: 0;
  }
  div.kopf-suche, div.kopf-links {
    margin-right: 0;
  }
  div.kopf-links {
    width: 100%;
  }
  div.kopf-links {
    display: none;
  }
  div.kopf-quickmenu {
    display: none;
  }
  div.kopf-logo {
    position: relative;
    display: block;
    width: 30%;
    margin: 20px 20px 20px 0;
    float: left;
  }
  div.mobile-buttons {
    position: relative;
    display: block;
    width: calc( 70% - 40px );
    margin: 20px 0 20px 20px;
    float: left;
  }
  div.mobile-buttons img {
    width: 8.6%;
    height: auto;
    margin: 10px 20px 0 0;
  }
  /* Menu */
  div.mainmenu {
    display: none;
  }
  div.head-big {
      display: none;
  }
  div.head-big-mobile {
      display: block;
      margin-bottom: 20px;
  }
  div.news-content {
    display: block;
    position: relative;
    width: calc( 74% - 20px );
    float: left;
  }
  div.news-image {
    position: relative;
    width: 26%;
    margin: 5px 20px 5px 0;
    float: left;
  }
  div.produkte-warengruppe {
    padding-top: 20px;
  }
  div.referenz-copyright {
    font-size: 0.7em;
  }
  div.invitation-container {
    padding: 20px 0;
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
  div.invitation-title {
    font-size: 1.5em;
    line-height: 120%;
  }
  div.invitation-logo img  {
    max-width: 230px;
  }
  body[data-template="invitation"] div.start-head-big .style2 {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    background: #F2F2F2;
    padding: 20px;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 720px) {
  div.modul-pages {
    display: none;
  }
  div.fuss-box, div.style4, div.style5, div.style6, div.style7, div.style8, div.style9, div.style10, div.style11, div.style12, div.style13 {
    width: 100%;
  }
  div.style12, div.style13 {
    width: calc( 100% - 30px );
  }
  div.referenz-copyright {
    font-size: 0.5em;
  }
}

@media only screen and (max-width: 700px) {
  div.kopf-logo {
    width: 32.5%;
    margin-top: 23px;
  }
  div.mobile-buttons {
    width: calc( 67.5% - 40px );
  }
  div.mobile-buttons img {
    width: 9.9%;
  }
}

@media only screen and (max-width: 600px) {
  div.style14 img {
  }
  div.news-teaser, div.news-teaser + a {
    display: none;
  }
  div.style16 {
    width: 100%;
  }
  div.kopf-logo {
    width: 34.5%;
  }
  div.mobile-buttons {
    width: calc( 65.5% - 40px );
  }
  div.mobile-buttons img {
    width: 10.9%;
  }
  .product-shortdesc {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  div.product-box {
    width: 21.44%;
    height: auto;
  }
  div.product-content {
    width: calc( 78.56% - 20px );
  }
}

@media only screen and (max-width: 587px) {
  div.style14 a:nth-child(1) > img {
    display: none;
  }
  div.style14 a:nth-child(2) > img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
  }
}

@media only screen and (max-width: 500px) {
  div.referenz-detail div.style2 .headline1, div.style2 .headline1, div.style17 .headline1, div.style18 .headline1 {
    font-size: 1.05em;
  }
  div.referenz-detail div.style2 .headline2, div.style2 .headline2, div.style17 .headline2, div.style18 .headline2 {
    font-size: 0.6em;
    margin: 0;
  }
  div.start-head-big .style2 .headline1, div.start-head-big .style3 .headline1 {
    font-size: 1.6em;
  }
  div.start-head-big .style2 .headline2, div.start-head-big .style3 .headline2 {
    font-size: 0.85em;
  }
  div.referenz-detail2 .headline1 {
    font-size: 1.05em;
  }
  div.umrandung {
    padding: 17px 17px 0 17px;
  }
  .bx-wrapper {
    margin: 0 auto 17px;
  }
  div.start-head-small {
    width: calc( 50% - 9px );
    margin-bottom: 17px;
  }
  div.style4, div.style5, div.style6, div.style7, div.style8, div.style9, div.style10, div.style11, div.style12, div.style13 {
    margin-bottom: 17px;
  }
  div.fuss {
    padding: 17px;
  }
  div.kopf-logo {
    width: 37.5%;
    margin: 17px 17px 17px 0;
  }
  div.mobile-buttons {
    width: calc( 62.5% - 34px );
    margin: 17px 0 17px 17px;
  }
  div.mobile-buttons img {
    width: 12.6%;
    margin: 5px 17px 0 0;
  }
  div.referenz, div.style15 div.style16, div.style17, div.style18 {
    width: calc( 50% - 9px );
    margin: 0 0 17px 0;
  }
  div.pdf-download div.style17, div.pdf-download div.style18, div.produkte-warengruppe div.style17, div.produkte-warengruppe div.style18 {
    width: calc( 50% - 9px );
    margin: 0 0 17px 17px;
  }
  div.pdf-download div.style17, div.pdf-download div.style18, div.produkte-warengruppe div.style17:nth-child(3n+2), div.produkte-warengruppe div.style18:nth-child(3n+2) {
    margin-left: 17px;
  }
  div.pdf-download div.style17:nth-child(3n+0), div.pdf-download div.style18:nth-child(3n+0), div.produkte-warengruppe div.style17:nth-child(2n+2), div.produkte-warengruppe div.style18:nth-child(2n+2) {
    margin-left: 0;
  }
  div.product-content {
    width: calc( 78.56% - 17px );
    margin-left: 17px;
  }
  div.produkte-warengruppe .style17:before, div.produkte-warengruppe .style18:before {
    padding-top: 45px;
  }
  .style17 > .content, .style18 > .content {
    margin: 10px;
  }
  div.pdf-download div.style17 .headline1, div.pdf-download  div.style18 .headline1 {
    font-size: 1.15em;
  }
  div.pdf-download div.style17 .headline2, div.pdf-download div.style18 .headline2 {
    font-size: 0.7em;
  }
  div.mitte, div.mitte-breit, div.rechts, div.container-breit div.mitte, div.container-breit div.rechts, div.start-head-big, div.head-big {
    margin-bottom: 17px;
  }
  div.umrandung-404 {
    padding-bottom: 17px;
  }
  div.mitte img, div.mitte-breit img {
    margin: 3px 17px;
  }
  div.product-content {
    margin-left: 17px;
  }
  div.style22 {
    width: 100%;
  }
  div.style22 + div.style22 {
    margin-left: 0;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 420px) {
  div.news-content .headline2, div.news-content-full .headline2, div.product .headline2 {
    font-size: 1.05em;
  }
  div.news-content .headline3, div.news-content-full .headline3, div.product .headline3 {
    font-size: 0.7em;
  }
  div.umrandung {
    padding: 13px 13px 0 13px;
  }
  .bx-wrapper {
    margin: 0 auto 13px;
  }
  div.start-head-small {
    width: calc( 50% - 7px );
    margin-bottom: 13px;
  }
  div.style4, div.style5, div.style6, div.style7, div.style8, div.style9, div.style10, div.style11, div.style12, div.style13 {
    margin-bottom: 13px;
  }
  div.fuss {
    padding: 13px;
  }
  div.kopf-logo {
    width: 47%;
    margin: 13px 13px 13px 0;
  }
  div.mobile-buttons {
    width: calc( 53% - 26px );
    margin: 13px 0 13px 13px;
  }
  div.mobile-buttons img {
    width: 19%;
    margin: 5px 13px 0 0;
  }
  div.referenz, div.style15 div.style16, div.style17, div.style18 {
    width: calc( 50% - 7px );
    margin: 0 0 13px 0;
  }
  div.pdf-download div.style17, div.pdf-download div.style18, div.produkte-warengruppe div.style17, div.produkte-warengruppe div.style18 {
    width: calc( 50% - 7px );
    margin: 0 0 13px 13px;
  }
  div.pdf-download div.style17, div.pdf-download div.style18, div.produkte-warengruppe div.style17:nth-child(3n+2), div.produkte-warengruppe div.style18:nth-child(3n+2) {
    margin-left: 13px;
  }
  div.pdf-download div.style17:nth-child(3n+0), div.pdf-download div.style18:nth-child(3n+0), div.produkte-warengruppe div.style17:nth-child(2n+2), div.produkte-warengruppe div.style18:nth-child(2n+2) {
    margin-left: 0;
  }
  div.style15 div.style16 {
    width: 100%;
    margin: 0;
  }
  div.product-content {
    width: calc( 78.56% - 13px );
    margin-left: 13px;
  }
  div.mitte, div.mitte-breit, div.rechts, div.container-breit div.mitte, div.container-breit div.rechts, div.start-head-big, div.head-big {
    margin-bottom: 13px;
  }
  div.umrandung-404 {
    padding-bottom: 13px;
  }
  div.mitte img, div.mitte-breit img {
    margin: 3px 13px;
  }
  div.product-content {
    margin-left: 13px;
  }
  div.product-box {
    margin-top: 2px;
  }
}


.infopopup {
  z-index: 999;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: calc( 100% - 80px );
  background: #FFF;
  border-top: 1px solid #CCC;
  font-size:0.9em;
  padding: 15px 50px 15px 30px;
  text-align: left;
}
.infopopup a {
  color: #B51D1B;
}
.infopopup-close {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate( 0, -50% );
  background: #B51D1B; 
  color: #FFF;
  font-weight: bold;
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
}


/* Suche*/
form.search label {
  position: relative;
  width: auto;
  margin: 0;
  padding: 7px 5px 0 0;
  font-weight: bold;
  font-size: 0.92em;
  vertical-align: middle;
  text-align: left;
  display: inline-block;
  float: left;
}

form.search input[type="text"] {
  display: block;
  width: 600px;
  max-width: calc( 80% - 300px );
  margin: 0;
  padding: 5px;
  box-sizing: border-box;
  font-size: 0.93em;
  font-weight: normal;
  outline: none;
  float: left;
}

form.search input[type="submit"] {
  width: auto;
  margin-left: 20px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 0.92em;
  float: left;
  display: inline-block;
}

.serp {
  margin: 0.5em 0;
  padding: 0.5em 0.3em;
  border-bottom: 1px solid #CCC;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.serp p {
  width: 100%;
  margin: 0.2em 0;
  padding: 0;
  font-size: 0.87em;
  line-height: 1.4em;
}
.serpimage {
  position: relative;
  width: 200px;
  margin: 0;
  overflow: hidden;
}
.serpimage img {
  margin: 0 !important;
}
.serpcontent {
  width: calc( 100% - 220px );
}
.serp .headline2 {
  font-size: 1.1em;
  margin: 0;
}
.serp a {
  font-size: 0.87em;
  color: #666;
}
.serp a:hover, .serp a:focus, .serp a:active {
  color: #C00;
}
.serp small {
  font-size: 0.73em;
  font-weight: normal;
}
@media all and (max-width: 700px) {
  form.search label {
    width: auto;
  }
  form.search input[type="text"] {
    max-width: calc( 80% - 200px );
  }
}
@media all and (max-width: 550px) {
  form.search label {
    display: none;
  }
  form.search input[type="text"] {
    max-width: 70%;
  }
  form.search input[type="submit"] {
    margin-left: 10px;
  }
  .serp {
    display: block;
  }
  .serpimage {
    width: 100%;
    text-align: center;
  }
  .serpimage img {
    margin: 0 0 10px 0 !important;
  }
  .serpcontent {
    width: 100%;
  }
  div.bildgalerie-overview {
    grid-template-columns: repeat(2,1fr);
}
}


body > div.editor-kopf  {
  z-index: 29999 !important;
}
body > div.editor-title {
  z-index: 29998 !important;
}