@charset "UTF-8";
@font-face {
  font-family: "Inter-Light";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local("Inter-Light.woff2"), url("fonts/Inter-Light.woff2") format("woff2"); }

@font-face {
  font-family: "Inter-Bold";
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: local("Inter-Bold.woff2"), url("fonts/Inter-Bold.woff2") format("woff2"); }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

.forcehardware, .csstransition, #main nav a {
  transform: translate3d(0, 0, 0); }

.backface {
  backface-visibility: hidden; }

.pers-origin {
  perspective-origin: 50% 0; }

.csstransition, #main nav a {
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease-out; }

/*
@mixin clearfix {
    &:after, &:before {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
    & {
        *zoom: 1;
    }
}
*/
.border-box {
  box-sizing: border-box; }

.backface-visibility {
  backface-visibility: hidden; }

/*

@include border-box-sizing;


// Responsive Breakpoints
$break-content: ($total-columns * $column-width + ($gutter-width * ($total-columns - 1)) ) ; // = 1240px
*/
svg:not(:root) {
  overflow: visible; }

* {
  box-sizing: border-box; }

/* SVG GRID */
/****************/
.container {
  margin: 0 auto;
  max-width: 90%; }
  .container::after {
    clear: both;
    content: ' ';
    display: table; }

ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/* Bsp. includ span(); ******
// applied span
// ------------
section {
  @include container($debug: true);
}

nav {
  @include span(2);
  outline: 1px solid red;
}

main {
  @include span(last 6);
  outline: 1px solid black;
}

footer {
  @include span(all);
  margin-top: 1em;
  outline: 1px solid blue;  
}


// Initial
// -------
html {
  font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: calc(14px + 0.5vw);
}

body {
  line-height: 1.4;
  margin: 0 auto;
  padding: 1rem;
}

nav, main, footer {
  padding: 1em;
}
*/
/*
.container {
    //display: flex;
    //flex-wrap: wrap;
    width: 75%;
    margin: 0 auto;
      img {
        display: block;
        
      }
     //background: susy-svg-grid() no-repeat scroll;
    
}  

*/
/*
.col-6 {
  width: span(6);
  margin-bottom: gutter();
  &:nth-child(even) {
    margin-left: gutter();
  }
  &:nth-last-child(-n+2) {
    margin-bottom:0;
  }
}

.col-4 {
  margin-right: gutter();
  margin-bottom: gutter();
  width:span(4);
  &:nth-child(3n-3) {
    margin-right:0;
  }
  &:nth-last-child(-n+3) {
    margin-bottom:0;
  }
}

.col-3 {
  margin-right: gutter();
  margin-bottom: gutter();
  width:span(3);
  &:nth-child(4n-4) {
    margin-right:0;
  }
  &:nth-last-child(-n+4) {
    margin-bottom:0;
  }
}
*/
.svgo {
  fill: #a2a1a1; }

ul.socialnav a:hover .svgo {
  fill: #ff4c6a; }

.pfeil-unten {
  fill: #fff; }

.icon_google,
.icon_pinterest,
.icon_rss {
  width: auto;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 24px;
  /* 9 */
  height: 2.4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 6px;
  /* 9 */
  margin-right: 0.6rem;
  /* 9 */ }

.facebookicon,
.twittericon {
  width: auto;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 24px;
  /* 9 */
  height: 2.4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 6px;
  /* 9 */
  margin-right: 0.6rem;
  /* 9 */ }

.twittericon {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-left: -6px;
  /* 9 */
  margin-left: -0.6rem;
  /* 9 */ }

.facebook,
.google,
.pinterest,
.rss,
.twitter {
  fill: #a2a1a1; }

.socialnav a:hover path.facebook {
  fill: #3b5998; }

.socialnav a:hover path.google {
  fill: #dd4b39; }

.socialnav a:hover path.pinterest {
  fill: #c8232c; }

.socialnav a:hover path.rss {
  fill: #ee802f; }

.socialnav a:hover path.twitter {
  fill: #00acee; }

.icon_pfeil-oben {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 10px;
  /* 9 */
  height: 1rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 20px;
  /* 9 */
  width: 2rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 8px;
  /* 9 */
  margin-right: 0.8rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 2px;
  /* 9 */
  margin-bottom: 0.2rem;
  /* 9 */ }

.icon_web-01,
.icon_web-02,
.icon_web-03,
.icon_web-04,
.icon_web-05,
.icon_web-06 {
  width: 100%;
  height: 80px;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  max-height: 140px;
  /* 9 */
  max-height: 14rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 18px;
  /* 9 */
  padding: 1.8rem;
  /* 9 */
  border: 1px solid #f8f8f8;
  background-color: #f8f8f8; }

.icon_web-01 .svgo,
.icon_web-02 .svgo,
.icon_web-03 .svgo,
.icon_web-04 .svgo,
.icon_web-05 .svgo,
.icon_web-06 .svgo {
  fill: #333; }

.icon_web-01:hover,
.icon_web-02:hover,
.icon_web-03:hover,
.icon_web-04:hover,
.icon_web-05:hover,
.icon_web-06:hover {
  background: white;
  border: 1px solid #333; }

ol.pictos li {
  color: #ff4c6a; }

.icon_web-01:hover .svgo,
.icon_web-02:hover .svgo,
.icon_web-03:hover .svgo,
.icon_web-04:hover .svgo,
.icon_web-05:hover .svgo,
.icon_web-06:hover .svgo {
  fill: #ff4c6a; }

[class^="icon-"] {
  margin-bottom: 24px; }

[class^="icon-"]:before {
  content: "";
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }

.icon-suche:before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2048%2048%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0D%0A%20%20%3Cdesc%3ECreated%20with%20Lunacy%3C/desc%3E%0D%0A%20%20%3Cpath%20d%3D%22M45.3688%2045.3663C44.9725%2045.7596%2044.4505%2045.977%2043.8929%2045.977C43.3354%2045.977%2042.8104%2045.7596%2042.4171%2045.3663L31.2875%2034.2369C31.3363%2034.1985%2031.3791%2034.1511%2031.4279%2034.1112C31.9174%2033.7075%2032.3966%2033.289%2032.8432%2032.8409C33.2898%2032.3943%2033.7098%2031.9182%2034.112%2031.4272C34.1534%2031.3784%2034.2007%2031.3355%2034.2407%2031.2853L45.3688%2042.4131C46.1822%2043.2279%2046.1822%2044.5515%2045.3688%2045.3663M7.06581%2031.4109C3.81241%2028.1591%202.02155%2023.8366%202.02155%2019.2376C2.02303%2014.6385%203.81388%2010.316%207.06729%207.06417C10.3177%203.81232%2014.6418%202.0215%2019.241%202.0215C23.8371%202.0215%2028.1612%203.81232%2031.4117%207.06417C37.188%2012.8374%2038.1048%2021.9571%2033.5959%2028.7477C33.5027%2028.8881%2033.4066%2029.0286%2033.3105%2029.1647C32.7426%2029.9647%2032.1023%2030.7218%2031.4132%2031.4109C31.0686%2031.757%2030.7063%2032.0897%2030.3307%2032.4062C30.2937%2032.4372%2030.2523%2032.4638%2030.2168%2032.4949C29.8737%2032.7773%2029.5262%2033.0524%2029.1639%2033.3082C29.0278%2033.4058%2028.8888%2033.5005%2028.7513%2033.5922C25.9312%2035.4643%2022.6437%2036.4536%2019.2395%2036.4536C14.6403%2036.4536%2010.3177%2034.6628%207.06581%2031.4109M46.7988%2040.9846L35.4296%2029.6172C40.2861%2022.0547%2039.2258%2012.0166%2032.8417%205.63418C29.2097%202.0008%2024.3784%200%2019.241%200C14.1006%200%209.27074%202.0008%205.63727%205.63418C2.0038%209.26757%200%2014.0988%200%2019.2376C0%2024.3764%202.00233%2029.2076%205.63579%2032.8409C9.26926%2036.4743%2014.0991%2038.4751%2019.2395%2038.4751C22.9439%2038.4751%2026.5242%2037.4178%2029.6208%2035.4288L40.9871%2046.7963C41.7634%2047.5712%2042.7957%2048%2043.8929%2048C44.9902%2048%2046.021%2047.5712%2046.7988%2046.7963C48.4004%2045.1933%2048.4004%2042.5862%2046.7988%2040.9846%22%20id%3D%22Fill-1%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22none%22%20/%3E%0D%0A%3C/svg%3E");
  background-repeat: no-repeat; }

.icon-tel:before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2048%2048%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0D%0A%20%20%3Cdesc%3ECreated%20with%20Lunacy%3C/desc%3E%0D%0A%20%20%3Cpath%20d%3D%22M45.3311%2039.8648L41.9038%2043.2904C40.1748%2045.0193%2038.1826%2045.8954%2035.9824%2045.8954C33.2326%2045.8954%2030.3258%2044.5036%2027.7962%2041.9756L6.02587%2020.2057C2.46778%2016.6477%20-0.00948024%2010.8187%204.70948%206.09834L8.13824%202.67274C8.50159%202.30632%208.98965%202.10463%209.50543%202.10463C10.0227%202.10463%2010.5108%202.30632%2010.8757%202.67274L18.5908%2010.3861C19.3452%2011.1421%2019.3452%2012.3707%2018.5908%2013.1251L12.9542%2018.7631C12.7571%2018.9601%2012.6463%2019.228%2012.6463%2019.5067C12.6463%2019.7854%2012.7571%2020.0532%2012.9542%2020.2503L27.8932%2035.189C28.0903%2035.3861%2028.3582%2035.4969%2028.6353%2035.4969C28.9155%2035.4969%2029.1834%2035.3861%2029.3805%2035.189L35.0186%2029.5526C35.382%2029.1861%2035.8685%2028.9844%2036.3858%2028.9844C36.9031%2028.9844%2037.3912%2029.1861%2037.7561%2029.5526L45.3311%2037.1258C46.0839%2037.8802%2046.0839%2039.1104%2045.3311%2039.8648M46.8199%2035.637L39.2464%2028.0638C38.4828%2027.3001%2037.4682%2026.8798%2036.3858%2026.8798C35.3065%2026.8798%2034.2919%2027.3001%2033.5283%2028.0638L28.6353%2032.9566L15.1867%2019.5067L20.0796%2014.6139C21.6546%2013.0388%2021.6546%2010.4739%2020.0796%208.89733L12.3661%201.18395C11.6024%200.42031%2010.5862%200%209.50543%200C8.42615%200%207.41153%200.42031%206.64788%201.18395L3.2222%204.60955C0.77727%207.05597%20-0.311247%2010.052%200.0767391%2013.2775C0.432393%2016.2197%201.97356%2019.1295%204.53858%2021.6945L26.3089%2043.4643C29.2342%2046.3896%2032.6676%2048%2035.9809%2048L35.9824%2048C38.7214%2048%2041.2849%2046.8869%2043.3927%2044.7792L46.8199%2041.3536C48.3934%2039.777%2048.3934%2037.2136%2046.8199%2035.637%22%20id%3D%22Fill-1%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22none%22%20/%3E%0D%0A%3C/svg%3E");
  background-repeat: no-repeat; }

.icon-weg:before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20width%3D%2237px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2037%2048%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0D%0A%20%20%3Cdesc%3ECreated%20with%20Lunacy%3C/desc%3E%0D%0A%20%20%3Cpath%20d%3D%22M18.4993%2023.1612C15.2749%2023.1612%2012.6527%2020.5485%2012.6527%2017.3376C12.6527%2014.1253%2015.2749%2011.5126%2018.4993%2011.5126C21.7237%2011.5126%2024.3473%2014.1253%2024.3473%2017.3376C24.3473%2020.5485%2021.7237%2023.1612%2018.4993%2023.1612M18.4993%209.67061C14.2547%209.67061%2010.8016%2013.1106%2010.8016%2017.3376C10.8016%2021.5645%2014.2547%2025.0032%2018.4993%2025.0032C22.7453%2025.0032%2026.1984%2021.5645%2026.1984%2017.3376C26.1984%2013.1106%2022.7453%209.67061%2018.4993%209.67061M18.9702%2045.9398C18.8092%2046.1284%2018.6062%2046.158%2018.4993%2046.158C18.3938%2046.158%2018.1895%2046.1284%2018.0285%2045.9398C15.9609%2043.5009%2011.9599%2038.6124%208.42022%2033.2819C4.12148%2026.8128%201.84966%2021.675%201.84966%2018.4236C1.84966%209.27985%209.32002%201.84196%2018.4993%201.84196C27.6786%201.84196%2035.149%209.27985%2035.149%2018.4236C35.149%2021.675%2032.8785%2026.8128%2028.5798%2033.2819C25.0401%2038.6124%2021.0391%2043.5009%2018.9702%2045.9398M18.4993%200C8.2998%200%200%208.26522%200%2018.4236C0%2026.6538%2011.6203%2041.2399%2016.6158%2047.1282C17.0867%2047.682%2017.7727%2048%2018.4993%2048C19.2273%2048%2019.9133%2047.682%2020.3828%2047.1282C25.3797%2041.2399%2037%2026.6538%2037%2018.4236C37%208.26522%2028.7002%200%2018.4993%200%22%20id%3D%22Fill-1%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22none%22%20/%3E%0D%0A%3C/svg%3E");
  background-repeat: no-repeat; }

.icon-email:before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20width%3D%2248px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2048%2032%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0D%0A%20%20%3Cdesc%3ECreated%20with%20Lunacy%3C/desc%3E%0D%0A%20%20%3Cpath%20d%3D%22M45.5147%2030.1453L2.48664%2030.1453C2.14445%2030.1453%201.86361%2029.8686%201.86361%2029.5267L1.86361%204.96973L23.4349%2021.3998C23.4676%2021.4256%2023.5085%2021.4378%2023.5467%2021.4582C23.5767%2021.4771%2023.6081%2021.4948%2023.6394%2021.5084C23.7567%2021.5572%2023.8766%2021.5911%2023.9993%2021.5911L24.002%2021.5911C24.1247%2021.5911%2024.2433%2021.5572%2024.3606%2021.5084C24.3933%2021.4948%2024.4219%2021.4771%2024.4547%2021.4595C24.4915%2021.4378%2024.531%2021.4256%2024.5664%2021.3998L46.1364%204.96973L46.1364%2029.5267C46.1364%2029.8686%2045.8569%2030.1453%2045.5147%2030.1453M2.48664%201.85466L45.5147%201.85466C45.8569%201.85466%2046.1364%202.13279%2046.1364%202.47333L46.1364%202.63343L23.9993%2019.495L1.86361%202.63343L1.86361%202.47333C1.86361%202.13279%202.14445%201.85466%202.48664%201.85466M45.5147%200L2.48664%200C1.11653%200%200%201.10981%200%202.47333L0%2029.5267C0%2030.8915%201.11653%2032%202.48664%2032L45.5147%2032C46.8848%2032%2048%2030.8915%2048%2029.5267L48%202.47333C48%201.10981%2046.8848%200%2045.5147%200%22%20id%3D%22Fill-1%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22none%22%20/%3E%0D%0A%3C/svg%3E");
  background-repeat: no-repeat; }

.icon-logo-pixellab {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2016.0.3%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%22305px%22%20height%3D%2266px%22%20viewBox%3D%220%200%20305%2066%22%20enable-background%3D%22new%200%200%20305%2066%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Crect%20x%3D%22298.698%22%20y%3D%2246.696%22%20fill%3D%22%231A1A1A%22%20width%3D%226.302%22%20height%3D%226.877%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%231A1A1A%22%20d%3D%22M301.85%2C50.135%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Crect%20x%3D%2254.036%22%20y%3D%2215.666%22%20fill%3D%22%231A1A1A%22%20width%3D%226.303%22%20height%3D%2237.311%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%231A1A1A%22%20d%3D%22M57.188%2C34.321%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cpolygon%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%231A1A1A%22%20points%3D%2263.6%2C52.977%2072.613%2C52.977%2088.515%2C36.81%20104.415%2C52.977%20%0D%0A%09%09113.429%2C52.977%2092.984%2C33.078%20110.718%2C15.666%20102.07%2C15.666%2088.515%2C29.347%2074.957%2C15.666%2066.311%2C15.666%2084.044%2C33.078%20%09%22/%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Crect%20x%3D%22166.218%22%20y%3D%220.011%22%20fill%3D%22%231A1A1A%22%20width%3D%226.302%22%20height%3D%2252.966%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%231A1A1A%22%20d%3D%22M169.368%2C26.494%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Crect%20x%3D%22179.177%22%20y%3D%220.011%22%20fill%3D%22%231A1A1A%22%20width%3D%226.302%22%20height%3D%2252.966%22/%3E%0D%0A%09%09%3Cpath%20fill%3D%22%231A1A1A%22%20d%3D%22M182.327%2C26.494%22/%3E%0D%0A%09%3C/g%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%231A1A1A%22%20d%3D%22M12.604%2C53.563l16.858%2C0.012%0D%0A%09%09c12.974%2C0.01%2C18.315-4.109%2C18.315-16.181v-6.584c0-12.877-8.293-15.726-17.232-15.727l-13.253-0.003C8.353%2C15.081%2C0%2C17.932%2C0%2C30.81%0D%0A%09%09V66h6.303l0.005-35.044c0-6.438%2C3.146-10.754%2C11.426-10.754h12.53c8.867%2C0%2C11.212%2C3.439%2C11.212%2C10.682v7.315%0D%0A%09%09c0%2C8.633-4.396%2C10.242-11.725%2C10.242H12.604V53.563z%22/%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%231A1A1A%22%20d%3D%22M257.308%2C15.117l16.858-0.013%0D%0A%09%09c12.973-0.01%2C18.315%2C4.109%2C18.315%2C16.181v6.585c0%2C12.875-8.294%2C15.725-17.233%2C15.727l-13.252%2C0.002%0D%0A%09%09c-8.94%2C0-17.292-2.852-17.292-15.727V0h6.302l0.005%2C37.724c0%2C6.437%2C3.146%2C10.754%2C11.427%2C10.754h12.529%0D%0A%09%09c8.867%2C0%2C11.212-3.438%2C11.212-10.682V30.48c0-8.632-4.396-10.242-11.724-10.242h-17.147V15.117z%22/%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%231A1A1A%22%20d%3D%22M124.998%2C35.419h35.245v-4.17%0D%0A%09%09c0-13.315-8.135-16.168-19.419-16.168h-10.112c-8.939%2C0-18.319%2C1.536-18.319%2C15.071v8.12c0%2C13.754%2C9.38%2C15.291%2C17.587%2C15.291%0D%0A%09%09h11.431c11.725%2C0%2C18.833-2.562%2C18.833-11.121v-0.731h-6.303c-0.366%2C5.706-3.59%2C6.73-11.504%2C6.73h-8.647%0D%0A%09%09c-10.991%2C0-15.095-2.194-15.095-10.681l-0.009-6.417c0-0.404-0.014-1.859%2C0.111-2.904c0.811-6.787%2C3.647-8.237%2C12.794-8.237h9.233%0D%0A%09%09c10.259%2C0%2C13.116%2C3.805%2C13.116%2C7.608v2.488h-28.942V35.419z%22/%3E%0D%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%231A1A1A%22%20d%3D%22M232.018%2C48.441h-24.139c-8.646%2C0-10.112-1.756-10.112-5.926%0D%0A%09%09v-1.171c0-4.682%2C2.271-5.853%2C10.405-5.853h17.58V30.37h-17.287c-10.991%2C0-17%2C1.025-17%2C9.513v2.522%0D%0A%09%09c0%2C7.024%2C2.488%2C11.193%2C12.031%2C11.193h34.923L238.371%2C28c-0.021-11.119-7.923-12.919-19.646-12.919h-9.966%0D%0A%09%09c-11.285%2C0-15.608%2C2.78-15.608%2C9.584v1.829h6.302v-1.316c0-3.073%2C1.538-4.976%2C9.453-4.976h9.232c9.673%2C0%2C13.928%2C0.895%2C13.917%2C7.626%0D%0A%09%09L232.018%2C48.441z%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A");
  background-repeat: no-repeat; }

.icon-totop:before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2027%2033%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3Aserif%3D%22http%3A//www.serif.com/%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath%20d%3D%22M13.035%2C32.634c-0.276%2C0%20-0.5%2C-0.224%20-0.5%2C-0.5l0%2C-31.634c0%2C-0.276%200.224%2C-0.5%200.5%2C-0.5c0.276%2C0%200.5%2C0.224%200.5%2C0.5l0%2C31.634c0%2C0.276%20-0.223%2C0.5%20-0.5%2C0.5Z%22%20style%3D%22fill%3A%23dc143c%3Bfill-rule%3Anonzero%3B%22/%3E%3Cpath%20d%3D%22M25.57%2C13.536c-0.128%2C0%20-0.256%2C-0.049%20-0.354%2C-0.146l-12.179%2C-12.183l-12.184%2C12.183c-0.195%2C0.195%20-0.512%2C0.195%20-0.707%2C0c-0.195%2C-0.195%20-0.195%2C-0.512%200%2C-0.707l12.538%2C-12.537c0.093%2C-0.093%200.22%2C-0.146%200.353%2C-0.146c0.133%2C0%200.26%2C0.053%200.354%2C0.146l12.533%2C12.536c0.195%2C0.195%200.195%2C0.512%200%2C0.707c-0.098%2C0.098%20-0.226%2C0.147%20-0.354%2C0.147Z%22%20style%3D%22fill%3A%23ff4c6a%3Bfill-rule%3Anonzero%3B%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  height: 36px;
  width: 36px; }

.icon-totop {
  border: none;
  background-color: transparent;
  cursor: pointer; }

#backtotop {
  position: fixed;
  bottom: -100px;
  right: 10px;
  z-index: 55; }

#backtotop.visible {
  bottom: 10px; }

.language-menu > li span {
  display: inline-block;
  margin-left: 10px;
  font-family: "Inter-Light", sans-serif; }
  .language-menu > li span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-0.732297,-0.205865)'%3E%3Cg transform='matrix(1,0,0,1,-57.8726,-96.1796)'%3E%3Cg id='Globe-Earth' serif:id='Globe Earth' transform='matrix(0.701512,5.18832e-32,-8.64719e-33,0.701512,-190.081,27.988)'%3E%3Cpath d='M355.884,109.222C356.04,106.969 356.863,104.853 358.275,103.077C359.187,103.471 360.159,103.806 361.173,104.069C360.707,105.692 360.441,107.424 360.382,109.222L355.884,109.222ZM366.222,116.566L366.222,121.026C364.943,120.597 363.754,119.125 362.902,116.911C363.939,116.719 365.053,116.604 366.222,116.566ZM363.45,120.564C361.871,120.032 360.43,119.15 359.227,117.976C359.954,117.688 360.745,117.434 361.587,117.221C362.088,118.56 362.724,119.697 363.45,120.564ZM361.724,110.778L366.222,110.778L366.222,115.21C364.936,115.252 363.678,115.393 362.474,115.63C362.042,114.128 361.785,112.461 361.724,110.778ZM366.222,104.79L366.222,109.222L361.724,109.222C361.785,107.538 362.042,105.872 362.474,104.371C363.684,104.608 364.942,104.749 366.222,104.79ZM359.227,102.024C360.431,100.85 361.872,99.968 363.45,99.437C362.724,100.302 362.09,101.44 361.587,102.78C360.746,102.566 359.954,102.312 359.227,102.024ZM362.902,103.089C363.754,100.873 364.944,99.402 366.222,98.976L366.222,103.435C365.052,103.396 363.938,103.28 362.902,103.089ZM361.173,115.931C360.161,116.195 359.188,116.529 358.275,116.924C356.863,115.149 356.04,113.032 355.884,110.778L360.382,110.778C360.441,112.575 360.707,114.306 361.173,115.931ZM378.116,110.773C377.959,113.031 377.137,115.149 375.725,116.924C374.811,116.529 373.838,116.195 372.827,115.932C373.292,114.309 373.558,112.577 373.618,110.773L378.116,110.773ZM367.778,103.435L367.778,98.976C369.057,99.402 370.246,100.874 371.098,103.089C370.062,103.28 368.948,103.396 367.778,103.435ZM372.413,102.78C371.911,101.44 371.276,100.302 370.549,99.437C372.127,99.968 373.569,100.85 374.772,102.024C374.045,102.312 373.254,102.566 372.413,102.78ZM372.275,109.222L367.778,109.222L367.778,104.79C369.061,104.748 370.32,104.607 371.525,104.371C371.958,105.87 372.215,107.537 372.275,109.222ZM373.617,109.222C373.558,107.425 373.292,105.694 372.826,104.07C373.839,103.806 374.811,103.472 375.725,103.077C377.137,104.852 377.959,106.968 378.115,109.222L373.617,109.222ZM367.778,115.21L367.778,110.773L372.275,110.773C372.215,112.462 371.958,114.13 371.525,115.629C370.32,115.392 369.061,115.251 367.778,115.21ZM374.773,117.976C373.57,119.15 372.128,120.032 370.549,120.564C371.276,119.697 371.911,118.56 372.413,117.221C373.256,117.435 374.047,117.688 374.773,117.976ZM371.097,116.911C370.246,119.125 369.057,120.596 367.778,121.026L367.778,116.566C368.943,116.604 370.056,116.719 371.097,116.911ZM366.999,97.5C360.108,97.5 354.5,103.108 354.5,110C354.5,116.892 360.108,122.5 366.999,122.5C373.892,122.5 379.5,116.892 379.5,110C379.5,103.108 373.892,97.5 366.999,97.5Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }

.std #header {
  background-color: white; }

#header {
  background-color: rgba(255, 255, 255, 0.93);
  transition: background-color 0.8s;
  height: 111px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  padding-bottom: 22px;
  backdrop-filter: blur(5px); }
  #header .container {
    position: relative;
    height: 100%; }
  #header:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #e6e6e6; }

#logo {
  position: absolute;
  left: 0;
  bottom: 12px; }
  #logo img {
    height: 39px;
    width: auto;
    display: block; }

.socialnav-mobile {
  display: none !important; }

nav li {
  font-family: "Inter-Bold", sans-serif;
  font-weight: normal; }
  nav li:nth-child(n+4) {
    font-family: "Inter-Light", sans-serif;
    font-weight: normal; }

nav.head-nav-front {
  position: absolute;
  line-height: 1;
  right: 0;
  bottom: 0; }
  nav.head-nav-front .language-menu li a:after {
    content: ""; }

.lines,
.lines:after,
.lines:before {
  display: inline-block;
  height: 3.2px;
  background: #CCCCCC;
  border-radius: none;
  width: 32px; }

nav.head-nav-front ul {
  display: inline-block; }

nav.head-nav-front li {
  float: left;
  padding: 0 0 15px;
  position: relative;
  margin-left: 2vw; }
  nav.head-nav-front li:first-child {
    margin-left: 0; }
  nav.head-nav-front li:after {
    content: "";
    position: absolute;
    height: 0;
    width: 100%;
    z-index: 100;
    left: 0;
    bottom: 10px;
    transition: bottom 0.4s; }
  nav.head-nav-front li:hover {
    color: inherit; }
  nav.head-nav-front li:hover::after, nav.head-nav-front li.active::after {
    height: 1px;
    background-color: #ff4c6a;
    bottom: -4px; }

nav a,
nav.head-nav-front a,
li.text-muted {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  text-decoration: none;
  color: #000000;
  display: block;
  height: 100%;
  padding: 0; }

.klein nav li {
  padding: 0; }

.breadcrumb {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0; }

.breadcrumb a {
  text-decoration: none;
  color: #a2a1a1; }

.breadcrumb a:hover,
.breadcrumb a.active {
  text-decoration: underline;
  color: #222; }

.breadcrumb a.active {
  text-decoration: none; }

#main nav ul {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 24px;
  /* 9 */
  font-size: 2.4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 60px 0 30px 0;
  /* 9 */
  margin: 6rem 0 3rem 0;
  /* 9 */
  padding: 0; }

#main nav li {
  display: inline-block;
  margin: 0; }

#main nav a {
  color: #ff4c6a;
  text-decoration: none;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 12px;
  /* 9 */
  margin-right: 1.2rem;
  /* 9 */ }
  #main nav a:after {
    content: "."; }

#main nav a:hover,
#main li.main-active a {
  border-bottom: 3px solid #ff4c6a;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 6px;
  /* 9 */
  padding-bottom: 0.6rem;
  /* 9 */
  color: #ff4c6a; }

#main nav select {
  display: none;
  width: 100%;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 20px;
  /* 9 */
  margin-bottom: 2rem;
  /* 9 */
  border: 1px solid #ff4c6a;
  color: #ff4c6a;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 10px 5px;
  /* 9 */
  padding: 1rem 0.5rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 40px;
  /* 9 */
  height: 4rem;
  /* 9 */
  -webkit-border-radius: 0;
  background: white; }

@media only screen and (max-width: 700px) {
  #main nav ul {
    display: none; }
  #main nav select {
    display: block; } }

#topnav {
  z-index: 5000;
  position: absolute;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  width: 64px;
  /* 9 */
  width: 6.4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 64px;
  /* 9 */
  height: 6.4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  top: 16px;
  /* 9 */
  top: 1.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  right: 16px;
  /* 9 */
  right: 1.6rem;
  /* 9 */ }
  @media screen and (max-width: 1420px) {
    #topnav {
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      top: 10px;
      /* 9 */
      top: 1rem;
      /* 9 */
      width: auto;
      height: auto; } }

#topnav button#button {
  background: transparent;
  border: 0;
  outline: 0; }

#topnav button#button::-moz-focus-inner {
  border: 0; }

.lines-button {
  display: inline-block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  padding: 0 0 10px 0;
  /* 9 */
  padding: 0 0 1rem 0;
  /* 9 */
  transition: .3s;
  cursor: pointer;
  border-radius: none;
  float: right;
  display: none;
  margin-top: 10px;
  height: 32px;
  padding-top: 4px;
  border: 2px solid transparent;
  background: none;
  outline: none;
  position: absolute;
  right: 5%;
  top: 0; }
  .lines-button:hover {
    opacity: 1.0; }
  .lines-button:active {
    transition: 0;
    background: none; }

.lines {
  display: inline-block;
  width: 32px;
  height: 3.2px;
  background: #CCCCCC;
  border-radius: none;
  transition-duration: 0.2s;
  position: relative; }
  .lines:before, .lines:after {
    display: inline-block;
    width: 32px;
    height: 3.2px;
    background: #CCCCCC;
    border-radius: none;
    transition-duration: 0.2s;
    position: absolute;
    left: 0;
    content: '';
    transform-origin: 2.6666666667px center; }
  .lines:before {
    top: 8px; }
  .lines:after {
    top: -8px; }

.rotate .lines-button .lines {
  /*hide the middle line*/
  background: transparent;
  /*overlay the lines by setting both their top values to 0*/ }
  .rotate .lines-button .lines:before, .rotate .lines-button .lines:after {
    transform-origin: 50% 50%;
    top: 0;
    width: 32px; }
  .rotate .lines-button .lines:before {
    transform: rotate3d(0, 0, 1, 45deg);
    background: #ff4c6a; }
  .rotate .lines-button .lines:after {
    transform: rotate3d(0, 0, 1, -45deg);
    background: #ff4c6a; }

.lines-button:hover .lines {
  background: #ff4c6a; }

.lines-button:hover .lines:before {
  top: 6px;
  background: #ff4c6a; }

.lines-button:hover .lines:after {
  top: -6px;
  background: #ff4c6a; }

.rotate .lines-button:hover .lines:before,
.rotate .lines-button:hover .lines:after {
  top: 3px; }

.rotate .lines-button:hover .lines {
  background: transparent; }

.project-show {
  position: absolute;
  width: 100%;
  height: 60px;
  background: #222;
  z-index: 20; }

a.projekt-btn {
  width: 25%;
  display: block;
  float: left; }

.projekt-btn svg {
  display: block;
  margin: 0 auto; }

svg.back,
svg.forward {
  margin-top: 15px;
  height: 30px;
  width: auto; }

svg.info {
  margin-top: 21px;
  width: 30px;
  height: auto; }

svg.menu {
  margin-top: 21px;
  width: 30px;
  height: auto; }

.back polygon,
.forward polygon,
.menu path,
.info polygon {
  fill: #FFFFFF; }

.back:hover polygon,
.forward:hover polygon,
.menu:hover path,
.info:hover polygon {
  fill: lighten #ff4c6a, 50%; }

.head-nav-front ul + ul {
  margin-left: calc(2vw - 16px); }

#language_menu li a:after {
  content: none; }

#language_menu li a {
  cursor: pointer; }

#language_menu li ul {
  display: none;
  position: absolute;
  margin-left: 0; }
  #language_menu li ul li {
    margin-left: 0;
    padding: 0;
    min-width: 38px;
    text-transform: uppercase;
    font-family: "Inter-Light", sans-serif; }
    #language_menu li ul li a {
      padding: 10px;
      background: #eee;
      border: 1px solid #000;
      margin-bottom: 2px;
      margin-left: -10px; }
      #language_menu li ul li a:after {
        content: none !important; }
      #language_menu li ul li a:hover {
        background-color: #ff4c6a;
        color: white; }
    #language_menu li ul li.active a {
      pointer-events: none;
      background: #000;
      color: white; }
  #language_menu li ul li:after {
    content: none; }

#language_menu li li.active::after {
  content: none !important;
  height: 0; }

#language_menu > li {
  padding-left: 10px;
  padding-right: 10px; }
  #language_menu > li:hover ul {
    display: block;
    padding-top: 3vh; }
    #language_menu > li:hover ul li a:after {
      content: none !important; }

@media only screen and (max-width: 700px) {
  #language_menu > li:hover ul {
    display: block;
    padding-top: 4px !important;
    left: 16px; }
    #language_menu > li:hover ul li a {
      background-color: transparent;
      padding: 0 10px;
      text-align: center;
      border: 1px solid #f3f3f3; }
      #language_menu > li:hover ul li a:hover {
        background-color: #ff4c6a; } }

section {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 120px;
  /* 9 */
  padding-bottom: 12rem;
  /* 9 */ }

section.white,
section.black,
section.rice {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  padding: 120px 0;
  /* 9 */
  padding: 12rem 0;
  /* 9 */ }

.projects {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 100px;
  /* 9 */
  padding-bottom: 10rem;
  /* 9 */ }

.refresh .transparent {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  padding: 60px 0;
  /* 9 */
  padding: 6rem 0;
  /* 9 */ }

div + section,
.news-single,
.contact-con,
.impressum {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  padding: 0 0 120px 0;
  /* 9 */
  padding: 0 0 12rem 0;
  /* 9 */ }

.refresh .transparent + .transparent {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  padding: 0 0 60px 0;
  /* 9 */
  padding: 0 0 6rem 0;
  /* 9 */ }

.news-single .mediaelement-video,
.news-single .mediaelement-image {
  border-bottom: 10px solid #fff; }

#main {
  position: relative;
  padding-top: 111px;
  z-index: 10; }

body.homepage #main {
  margin-top: 0; }

.main-project {
  clear: left;
  position: relative;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 256px 0 64px 0;
  /* 9 */
  margin: 25.6rem 0 6.4rem 0;
  /* 9 */ }

#slider {
  width: 100%;
  max-width: 100%;
  height: 60%;
  position: relative;
  z-index: 10;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 80px;
  /* 9 */
  margin-bottom: 8rem;
  /* 9 */
  overflow: hidden; }

#slider:after {
  content: "";
  position: absolute;
  background: #ff4c6a;
  height: 10px;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 50; }

#slider img,
#slider-project img {
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: relative;
  top: 0;
  left: 0; }

#slider-project {
  width: 100%;
  max-width: 100%;
  height: 87.5%;
  position: relative;
  z-index: 10;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  top: 140px;
  /* 9 */
  top: 14rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 80px;
  /* 9 */
  margin-bottom: 8rem;
  /* 9 */
  overflow: hidden;
  border-bottom: 10px solid #ff4c6a; }

#headerimg,
.banner-top {
  width: 100%;
  height: 384px;
  max-height: 395px;
  position: relative;
  z-index: 10;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover; }

.news-item {
  width: 100%; }
  .news-item:nth-child(n+2) {
    margin-top: 2.8571428571%; }

.container-h2,
.container-h2-first {
  width: 100%;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  padding: 80px 0 50px 0;
  /* 9 */
  padding: 8rem 0 5rem 0;
  /* 9 */
  position: relative; }
  .container-h2:after,
  .container-h2-first:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    z-index: -1;
    background-color: #e6e6e6; }

.container-h2.rice:after {
  background-color: #b3b3b3; }

section .container-h2,
section .container-h2-first {
  width: 100%; }

.container-h2-v2 {
  margin-top: 6vw;
  margin-bottom: 3vw; }

.grid-header h2 {
  margin-bottom: 4vw; }

.news-txt {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  padding: 80px 0 50px 0;
  /* 9 */
  padding: 8rem 0 5rem 0;
  /* 9 */ }
  .news-txt::after {
    clear: both;
    content: ' ';
    display: table; }

.auth-date {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  margin: 3px 0 0 0;
  /* 9 */
  margin: 0.3rem 0 0 0;
  /* 9 */ }

.tagsubline {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 14px;
  /* 9 */
  margin-top: 1.4rem;
  /* 9 */ }

/*
.news-text-wrap {
  @include rem(margin-top,18px);
}
*/
.news-text-wrap a {
  color: #222; }

.container-h1 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-top: 80px;
  /* 9 */
  padding-top: 8rem;
  /* 9 */ }

.container-h2-v3 {
  width: 100%;
  margin: 5vw 0 2vw 0; }

.line-top {
  border-top: 1px solid #eee;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 60px;
  /* 9 */
  margin-top: 6rem;
  /* 9 */
  padding-top: 1.333em; }

@media screen and (max-width: 1024px) {
  #slider img {
    left: 50%;
    margin-left: -50%; } }

.frame-gallery .ce-image .ce-gallery .ce-outer .ce-inner .ce-row {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto auto;
  grid-gap: 20px; }
  .frame-gallery .ce-image .ce-gallery .ce-outer .ce-inner .ce-row .ce-column span {
    display: block;
    text-align: center; }
  .frame-gallery .ce-image .ce-gallery .ce-outer .ce-inner .ce-row .ce-column figure.image {
    position: relative; }
    .frame-gallery .ce-image .ce-gallery .ce-outer .ce-inner .ce-row .ce-column figure.image img {
      transform: scale(1);
      transition: transform .3s ease-out;
      z-index: 0; }
      .frame-gallery .ce-image .ce-gallery .ce-outer .ce-inner .ce-row .ce-column figure.image img:hover {
        transform: scale(1.5);
        position: absolute;
        z-index: 5; }
  @media screen and (max-width: 1264px) {
    .frame-gallery .ce-image .ce-gallery .ce-outer .ce-inner .ce-row {
      grid-template-columns: repeat(6, 1fr); } }
  @media screen and (max-width: 664px) {
    .frame-gallery .ce-image .ce-gallery .ce-outer .ce-inner .ce-row {
      grid-template-columns: repeat(4, 1fr); } }
  @media screen and (max-width: 484px) {
    .frame-gallery .ce-image .ce-gallery .ce-outer .ce-inner .ce-row {
      grid-template-columns: repeat(3, 1fr); } }

.frame-hero-image figure.image {
  font-size: 0;
  position: relative;
  /*
        &:before {
            content: " ";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 80px;
            height: 80px;
            border: 2px solid red;
            border-color: transparent red transparent red;
            border-radius: 50%;
            animation: iloader 1s linear infinite;
        }
            */ }

.frame-hero-image:first-child figure.image img {
  height: 40vh;
  object-fit: cover; }

@keyframes iloader {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }

.lab-4 .container .size2of8 .frame .ce-textpic {
  display: flex; }
  .lab-4 .container .size2of8 .frame .ce-textpic .ce-gallery {
    margin-right: 20px;
    width: 38%; }

#c646 {
  padding-bottom: 0; }
  #c646 .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2vw; }
    #c646 .container article.teaser {
      height: 100%;
      min-height: 300px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      float: none;
      width: 100%; }

footer {
  font-family: "Inter-Light", sans-serif;
  font-weight: normal;
  color: #b3b3b3;
  overflow: hidden;
  background-color: #343333;
  z-index: 11;
  position: relative; }
  footer .foot-con {
    padding: 4vw 0; }
  footer .container {
    position: relative; }
  footer section.datenschutz {
    background-color: #1A1A1A;
    padding: 16px 0; }

.container.foot-wrap {
  display: flex;
  justify-content: space-between; }
  .container.foot-wrap:after {
    content: none; }

.foot-wrap {
  position: relative;
  flex-flow: flow wrap; }
  .foot-wrap a:hover,
  .foot-wrap li.active a {
    color: #dc143c; }

.foot-all ul,
.foot-all nav,
p#back-top {
  padding-bottom: 0;
  margin-bottom: 0; }

footer ul {
  padding: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 16px 0;
  /* 9 */
  margin: 0 0 1.6rem 0;
  /* 9 */ }

footer ul.socialnav {
  margin: 0;
  height: 24px; }

footer ul {
  margin-bottom: 0;
  line-height: 24px; }

footer li {
  display: inline-block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 15px;
  /* 9 */
  margin-right: 1.5rem;
  /* 9 */ }

footer a {
  color: #b3b3b3;
  text-decoration: none;
  transition: color 0.5s ease-out; }

.footer-nav-front a:hover,
.footer-nav-front li.active a {
  color: black; }

footer li a:after {
  content: '.'; }

footer h5 {
  color: #222;
  text-transform: uppercase;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 4px 0;
  /* 9 */
  margin: 0 0 0.4rem 0;
  /* 9 */
  padding: 0; }

.bn,
.pw {
  width: 5.7142857143%;
  float: left;
  margin-right: 2.8571428571%; }

a.kundenlogin {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 7px 10px 5px 34px;
  /* 9 */
  padding: 0.7rem 1rem 0.5rem 3.4rem;
  /* 9 */
  color: white;
  background: #ff4c6a url("../img/svg/icon_user_white.svg") no-repeat;
  background-position: left 10px center;
  border: 1px solid white; }

a.kundenlogin:hover {
  background-color: black;
  color: white; }

/* Social Icons */
footer .socialnav li.youtube {
  margin-right: 0; }

.socialnav svg {
  display: block; }

footer .socialnav a:after {
  content: ''; }

footer form {
  margin: 0;
  clear: both; }

form input {
  padding-left: 10px;
  box-sizing: border-box;
  width: 100%; }

input.search {
  background: #FFF url("../img/svg/icon_search.svg") no-repeat;
  background-position: right 10px center;
  border: 1px solid #eeeeee; }

#back-top {
  position: absolute;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  right: 40px;
  /* 9 */
  right: 4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  bottom: 30px;
  /* 9 */
  bottom: 3rem;
  /* 9 */ }

#back-top a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #a2a1a1; }

#back-top a:hover {
  color: #ff4c6a; }

#back-top a:hover .svgo {
  fill: #ff4c6a; }

#mbmcookie {
  display: none;
  position: fixed;
  bottom: 50px;
  transition: bottom 1s;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  background: #ff4c6a;
  border: 1px solid white;
  padding: 20px;
  font-size: 16px;
  z-index: 99999;
  color: white; }
  @media (max-width: 640px) {
    #mbmcookie {
      width: 360px;
      margin-left: -180px; } }

#mbmcookie.on {
  bottom: 90px; }

#mbmcookie a {
  color: white;
  text-decoration: underline; }

#mbmcookie a.button {
  cursor: pointer;
  border: 1px solid white;
  padding: 8px 20px;
  margin-left: 10px;
  color: white;
  text-decoration: none;
  display: block;
  width: 210px;
  text-align: center;
  margin: 0 auto;
  margin-top: 10px; }

#mbmcookie a.button:hover {
  background-color: white;
  color: #ff4c6a;
  border-color: white; }

#mbmcookie p.cookiemessage {
  display: block;
  padding: 0;
  margin: 10px 0 0 0;
  text-align: center;
  color: white; }

.lab-icons {
  display: flex;
  text-align: center;
  flex-flow: row wrap;
  justify-content: space-between; }
  .lab-icons p {
    margin: 0; }
  .lab-icons > a {
    width: 22.8571428571%;
    text-transform: none;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 21px;
    /* 9 */
    font-size: 2.1rem;
    /* 9 */
    font-family: "Inter-Bold", sans-serif;
    color: #fff;
    font-weight: normal;
    padding: 30px 0;
    border: 1px solid #757575; }
    .lab-icons > a:last-child {
      margin-right: 0; }
    .lab-icons > a:hover {
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.24); }

.ico-sticky {
  display: inline-block;
  background-color: #ff4c6a;
  float: left;
  height: 50px;
  width: 50px;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2236%22%20height%3D%2230%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke%3D%22%23FFF%22%20stroke-width%3D%222%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M30%2022.5v-21H1.5V24A4.5%204.5%200%20006%2028.5h24%22/%3E%3Cpath%20d%3D%22M22.5%2028.5h7.545a4.456%204.456%200%20004.455-4.455V4.5H30M7.5%2016.5H15v-9H7.5zM19.5%207.5H24M19.5%2012H24M19.5%2016.5H24M7.5%2022.5H24%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 30px 25px;
  background-position: center center; }

.ico-221-sticky {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20width%3D%2248px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2048%2032%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0D%0A%20%20%3Cdesc%3ECreated%20with%20Lunacy%3C/desc%3E%0D%0A%20%20%3Cpath%20d%3D%22M45.5147%2030.1453L2.48664%2030.1453C2.14445%2030.1453%201.86361%2029.8686%201.86361%2029.5267L1.86361%204.96973L23.4349%2021.3998C23.4676%2021.4256%2023.5085%2021.4378%2023.5467%2021.4582C23.5767%2021.4771%2023.6081%2021.4948%2023.6394%2021.5084C23.7567%2021.5572%2023.8766%2021.5911%2023.9993%2021.5911L24.002%2021.5911C24.1247%2021.5911%2024.2433%2021.5572%2024.3606%2021.5084C24.3933%2021.4948%2024.4219%2021.4771%2024.4547%2021.4595C24.4915%2021.4378%2024.531%2021.4256%2024.5664%2021.3998L46.1364%204.96973L46.1364%2029.5267C46.1364%2029.8686%2045.8569%2030.1453%2045.5147%2030.1453M2.48664%201.85466L45.5147%201.85466C45.8569%201.85466%2046.1364%202.13279%2046.1364%202.47333L46.1364%202.63343L23.9993%2019.495L1.86361%202.63343L1.86361%202.47333C1.86361%202.13279%202.14445%201.85466%202.48664%201.85466M45.5147%200L2.48664%200C1.11653%200%200%201.10981%200%202.47333L0%2029.5267C0%2030.8915%201.11653%2032%202.48664%2032L45.5147%2032C46.8848%2032%2048%2030.8915%2048%2029.5267L48%202.47333C48%201.10981%2046.8848%200%2045.5147%200%22%20id%3D%22Fill-1%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22none%22%20/%3E%0D%0A%3C/svg%3E"); }

button.btt-sticky,
button#contactsticky {
  padding: 0;
  background-color: #FFF;
  position: fixed;
  z-index: 9999;
  display: block;
  width: 240px;
  right: -190px;
  top: 24vh;
  text-transform: none;
  transition: all 0.5s;
  border: 1px solid #ff4c6a;
  box-shadow: none !important; }
  button.btt-sticky:hover,
  button#contactsticky:hover {
    right: 0; }
  button.btt-sticky:focus,
  button#contactsticky:focus {
    outline: none; }
  button.btt-sticky a,
  button#contactsticky a {
    background-color: white;
    height: 100%;
    padding: 6px 6px 6px 56px;
    display: block;
    text-align: left;
    text-decoration: none;
    color: #676767; }
    button.btt-sticky a span,
    button#contactsticky a span {
      display: block;
      padding-left: 8px; }
    button.btt-sticky a span.nl-heading,
    button#contactsticky a span.nl-heading {
      text-transform: uppercase;
      font-size: 16px;
      font-family: "Inter-Bold", sans-serif; }
    button.btt-sticky a span.nl-subline,
    button#contactsticky a span.nl-subline {
      font-size: 12px;
      font-family: "Inter-Bold", sans-serif;
      transform: translateY(3px); }

.twitter-white path {
  fill: white; }

.new-footer {
  background-color: #000000;
  color: white;
  padding: 4.5vw 0; }
  .new-footer .offset-md-7 {
    grid-column-start: 6; }
  .new-footer .partners {
    margin-top: 20px;
    display: flex;
    gap: 40px; }
  .new-footer .partners-head {
    margin-top: 0; }
  .new-footer .foot-head {
    color: #ff4c6a;
    margin-bottom: 20px;
    font-family: 'Inter-Bold', sans-serif; }
  .new-footer .contact-column p + p {
    margin: 30px 0 0 0; }
  .new-footer .contact-column a {
    text-decoration: none;
    color: white; }
    .new-footer .contact-column a:hover {
      color: #ff4c6a; }
  .new-footer .additional-column p {
    margin: 30px 0 15px; }
  .new-footer .footer-top .col-md-5 {
    display: flex;
    flex-flow: column;
    justify-content: space-between; }
    .new-footer .footer-top .col-md-5 svg {
      height: 39px;
      width: 180px; }
  .new-footer .footer-top .col-md-7 {
    display: flex;
    justify-content: space-between; }
  .new-footer .footer-top:after {
    display: none; }
  .new-footer .footer-bottom {
    margin-top: 60px; }
  .new-footer .container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 5vw; }
    .new-footer .container li {
      display: block;
      margin-bottom: 6px; }
      .new-footer .container li a {
        color: white; }
        .new-footer .container li a:hover {
          color: #ff4c6a; }
    .new-footer .container .socialnav li {
      display: inline-block; }
    .new-footer .container img {
      height: 55px;
      width: auto;
      display: block;
      max-width: fit-content; }
    .new-footer .container .container {
      max-width: 100%; }
  .new-footer .container + .container {
    row-gap: 0; }

p.mehr {
  display: block; }

.col-md-2 {
  grid-column-end: span 2; }

.col-md-3 {
  grid-column-end: span 3; }

.col-md-4 {
  grid-column-end: span 4; }

.col-md-5 {
  grid-column-end: span 5; }

.col-md-6 {
  grid-column-end: span 6; }

.col-md-7 {
  grid-column-end: span 7; }

.svgo {
  fill: #ffffff; }

@media only screen and (max-width: 800px) {
  .new-footer .footer-top .col-md-5 {
    grid-column-end: span 12;
    flex-flow: row; }
    .new-footer .footer-top .col-md-5 p.mehr {
      margin-top: 0; }
  .new-footer .footer-top .col-md-7 {
    grid-column-end: span 12; }
  .new-footer .footer-bottom {
    margin-top: 5vw; }
  .new-footer .offset-md-7 {
    grid-column-start: 1; } }

@media only screen and (max-width: 560px) {
  .new-footer .footer-top .col-md-7 {
    flex-flow: column;
    gap: 5vw; }
  .new-footer .contact-column p + p {
    margin: 20px 0 0 0; }
  .new-footer .foot-head {
    margin-bottom: 10px; } }

@media only screen and (max-width: 460px) {
  .new-footer .partners,
  .new-footer .footer-top .col-md-5 {
    flex-flow: column;
    gap: 5vw; } }

@media only screen and (min-width: 1920px) {
  .container .container {
    width: 100% !important; } }

/*
#projectpics {
    @include rem(margin-top, 111px);
    //margin-bottom:4vw;
}
*/
label {
  cursor: pointer; }

#projectpics img {
  margin: 0;
  display: block; }

body.projectpics-line #projectpics img,
body.projectpics-line .twentytwenty-container,
body.projectpics-line .elastic-video {
  border-bottom: 10px solid white; }

.projectpics-triplegrid,
.projectpics-doublegrid,
.projectpics-doublegrid-left,
.projectpics-doublegrid-right {
  position: relative; }

.projectpics-triplegrid:before,
.projectpics-doublegrid-right:after {
  background-color: white;
  content: "";
  height: 100%;
  left: 33.33333%;
  left: calc(100%/3);
  position: absolute;
  top: 0;
  width: 10px;
  margin-left: -5px; }

.projectpics-triplegrid:after,
.projectpics-doublegrid:after,
.projectpics-doublegrid-left:after {
  background-color: white;
  content: "";
  height: 100%;
  left: 66.66666%;
  left: calc(100%/3*2);
  position: absolute;
  top: 0;
  width: 10px;
  margin-left: -5px; }

.projectpics-doublegrid:after {
  left: 50%;
  margin-left: -5px; }

.elastic-video, .html5video {
  position: relative;
  padding-bottom: 54.3%;
  /*Seitenverhältnis des Videos, z.B. 16:9*/
  padding-top: 24px;
  /* Kann auch 0 sein wenn oben kein Text im Videoplayer steht */
  height: 0;
  overflow: hidden; }

.html5video {
  padding: 0 0 56.25% 0; }

.elastic-video iframe, .html5video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.portraitvideo video {
  border-left: 10px solid white;
  border-right: 10px solid white;
  width: auto;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }

#projektfacts {
  width: 100%;
  background: white;
  background-color: #F5F5F5;
  background-color: rgba(240, 240, 240, 0.91);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  padding: 0.5em 0 0.5em 0; }
  #projektfacts h1,
  #projektfacts h2 {
    margin: 0;
    padding: 0;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 21px;
    /* 9 */
    font-size: 2.1rem;
    /* 9 */
    border: 0;
    text-transform: none;
    letter-spacing: normal; }
  #projektfacts h2 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */ }

#info h1 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 32px;
  /* 9 */
  font-size: 3.2rem;
  /* 9 */
  margin: 0; }

#info h2 {
  font-family: "Inter-Light", sans-serif;
  font-weight: normal;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 20px 0 60px 0;
  /* 9 */
  margin: 2rem 0 6rem 0;
  /* 9 */
  text-transform: none;
  border-bottom: none;
  display: block;
  color: #ff4c6a;
  white-space: normal;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */ }

#info a {
  color: #ff4c6a;
  text-decoration: underline; }

#info a:hover {
  color: #6b6b6b;
  text-decoration: none; }

#info .size3of6 p {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-right: 20px;
  /* 9 */
  margin-right: 2rem;
  /* 9 */ }

#info .size3of6 ul {
  list-style-type: square;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-left: 19px;
  /* 9 */
  margin-left: 1.9rem;
  /* 9 */ }

#info h3 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 8px;
  /* 9 */
  margin-bottom: 0.8rem;
  /* 9 */
  color: #6b6b6b;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 21px;
  /* 9 */
  font-size: 2.1rem;
  /* 9 */ }

#info h4 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 24px 0 12px 0;
  /* 9 */
  margin: 2.4rem 0 1.2rem 0;
  /* 9 */
  color: #6b6b6b; }

#info ul {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 10px;
  /* 9 */
  margin-top: 1rem;
  /* 9 */ }

#projekttags {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 45px;
  /* 9 */
  margin-bottom: 4.5rem;
  /* 9 */ }

#projekttags ul,
#projekttags ul li {
  margin: 0;
  padding: 0; }

#projekttags ul li {
  float: left;
  display: inline;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  padding: 0 3px 0 0;
  /* 9 */
  padding: 0 0.3rem 0 0;
  /* 9 */
  text-transform: uppercase;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: 1.2rem;
  /* 9 */ }

#projekttags li::before {
  content: " · "; }

#projekttags li:first-child::before {
  content: ""; }

.prevproject {
  width: 14.2857142857%;
  float: left;
  margin-right: 2.8571428571%; }
  .prevproject a {
    padding: 8px 16px; }
    .prevproject a:first-child {
      margin-left: -16px; }
    .prevproject a:last-child {
      margin-right: -16px; }

.nextproject {
  width: 14.2857142857%;
  float: left;
  margin-right: 2.8571428571%;
  margin-right: 0; }

.nextproject a {
  float: right; }

.nextproject,
.prevproject {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 32px;
  /* 9 */
  margin-top: 3.2rem;
  /* 9 */ }

.grid-nav button {
  display: block;
  margin: 0 auto; }

button.grid-button {
  border: none;
  background: none;
  margin-bottom: 60px; }
  button.grid-button span {
    display: block; }

.grid-button {
  padding: 20px;
  cursor: pointer;
  user-select: none; }

.grid-button .grid {
  width: 10px;
  height: 10px;
  background: #CCCCCC;
  color: #CCCCCC;
  transition: 0.3s; }

.grid-button:hover .grid {
  -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
  transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
  background: #ff4c6a;
  color: #ff4c6a; }

.grid-button.rearrange .grid {
  box-shadow: -15px -15px, 0 -15px, 15px -15px, -15px 0, 15px 0, -15px 15px, 0 15px, 15px 15px; }

.grid-button.rearrange:hover .grid {
  box-shadow: 0 -10px, 0 -20px, 10px 0, -20px 0, 20px 0, -10px 0, 0 20px, 0 10px; }

.prevproject svg,
.nextproject svg {
  fill: #CCCCCC; }

.prevproject:hover svg,
.nextproject:hover svg {
  fill: #ff4c6a; }

#info .size3of6 img {
  width: auto;
  max-width: auto; }

.categoriesp {
  position: absolute;
  top: -44px;
  text-align: right;
  right: 16px;
  font-size: 10px;
  text-transform: uppercase;
  color: #dc143c;
  font-family: "Inter-Light", sans-serif;
  font-weight: normal;
  letter-spacing: 1px; }
  .categoriesp span {
    color: black;
    font-size: 11px; }

.protxt {
  position: relative;
  padding: 20px;
  min-height: 125px; }
  .protxt .protitle,
  .protxt .subtitle {
    overflow: hidden; }
  .protxt .sort {
    display: none; }

.pro-item {
  margin-bottom: 5vh; }
  .pro-item a {
    text-decoration: none; }

.list .ref-item,
.list .list-item {
  position: relative; }
  .list .ref-item .pro-item,
  .list .list-item .pro-item {
    text-decoration: none; }
    .list .ref-item .pro-item .subtitle,
    .list .list-item .pro-item .subtitle {
      color: gray; }
  .list .ref-item a,
  .list .list-item a {
    display: block;
    transition: all 0.4s;
    margin-bottom: 1px;
    background-color: white;
    height: 100%; }
  .list .ref-item:hover a,
  .list .list-item:hover a {
    background-color: #f7f7f7; }
    .list .ref-item:hover a img,
    .list .list-item:hover a img {
      transform: scale(1.2); }

.list .pro-item:hover:before {
  width: 100%; }

.list .pro-txt .subtitle,
.list .pro-txt .protitle {
  text-overflow: ellipsis;
  margin-bottom: 0;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden; }

.my-sizer-element {
  width: 25%; }

.ref-item {
  width: 25%;
  min-height: 1px;
  float: left;
  margin-top: 2.8571428571%;
  margin-bottom: 1px; }

#projects .container div,
.prcat_s {
  pointer-events: all; }

.container.ms-container.prcat_s .procats {
  cursor: pointer;
  font-family: "Inter-Bold", sans-serif;
  padding: 13px 20px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
  text-align: right; }
  .container.ms-container.prcat_s .procats:hover {
    border-color: #dc143c; }
  .container.ms-container.prcat_s .procats.active {
    background-color: #dc143c;
    color: white; }

.container .ms-container .subs {
  height: 0; }
  .container .ms-container .subs .subcat_s {
    line-height: 40px;
    cursor: pointer;
    display: inline-block;
    transform: scale(0);
    float: left;
    padding: 0 16px;
    margin-right: 20px; }

.container .ms-container .subs.active {
  height: 100%; }
  .container .ms-container .subs.active .subcat_s {
    transform: scale(1);
    transition: transform 0.8s;
    border: 1px solid #e6e6e6; }
    .container .ms-container .subs.active .subcat_s:hover {
      color: #ff4c6a;
      border: 1px solid #ff4c6a; }
    .container .ms-container .subs.active .subcat_s.active {
      color: #fff;
      background-color: #ff4c6a;
      border: 1px solid #ff4c6a; }

.select2-container--default .select2-selection--single {
  height: 50px !important; }

.pro.list.container .categoriesp span {
  padding-left: 6px; }

.select2-container--default .select2-selection--single {
  background-color: #f7f7f7 !important; }

.proj-nav.container:after {
  display: none; }

.pro.list .subtitle {
  hyphens: auto; }

.proj-nav {
  display: flex;
  justify-content: space-between;
  padding: 0 0 10px 0;
  margin-bottom: 20px;
  line-height: 40px; }

.prcat_s {
  display: flex; }
  .prcat_s li {
    cursor: pointer;
    font-family: "Inter-Bold", sans-serif;
    font-weight: normal;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 21px;
    /* 9 */
    font-size: 2.1rem;
    /* 9 */
    margin-right: 30px;
    color: #000;
    position: relative; }
    .prcat_s li.active:after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 1px;
      background-color: #ff4c6a;
      bottom: -11px;
      left: 0; }
    .prcat_s li:hover, .prcat_s li.active {
      color: #ff4c6a; }

#projects {
  min-height: 80vh;
  position: relative; }
  #projects .container {
    position: relative;
    z-index: 99; }
    #projects .container .lib-ms-container .ref-counter {
      position: absolute;
      right: 0;
      top: 12px; }
    #projects .container .lib-ms-container #sortdate {
      cursor: pointer;
      position: relative; }
    #projects .container .lib-ms-container #sortdate.active {
      color: black; }
      #projects .container .lib-ms-container #sortdate.active:after {
        width: 100%;
        height: 1px;
        background: #DC143C;
        content: "";
        position: absolute;
        left: 0;
        margin-top: 33px; }
    #projects .container .lib-ms-container #sorttitle {
      cursor: pointer;
      position: relative; }
    #projects .container .lib-ms-container #sorttitle.active {
      color: black; }
      #projects .container .lib-ms-container #sorttitle.active:after {
        width: 100%;
        height: 1px;
        background: #DC143C;
        content: "";
        position: absolute;
        left: 0;
        margin-top: 33px; }
    #projects .container .lib-ms-container span#ref-counter {
      margin-left: 40px; }
    #projects .container .lib-ms-container ul.projects-catmenu {
      width: 100%;
      height: 100%;
      position: relative;
      list-style-type: none;
      display: flex;
      margin: 0;
      padding: 0; }
      #projects .container .lib-ms-container ul.projects-catmenu:before {
        content: "";
        width: 100%;
        position: absolute;
        height: 1px;
        border-top: 1px solid #e6e6e6;
        margin-top: 44px;
        z-index: -1; }
      #projects .container .lib-ms-container ul.projects-catmenu > li {
        border: 1px solid transparent; }
        #projects .container .lib-ms-container ul.projects-catmenu > li.pro {
          cursor: pointer;
          font-family: "Inter-Bold", sans-serif;
          font-weight: normal;
          font-size: 18px;
          /* font-size: 2.1rem; */
          margin-right: 40px;
          color: #000;
          text-transform: uppercase; }
          #projects .container .lib-ms-container ul.projects-catmenu > li.pro label {
            padding: 8px 0;
            display: inline-block;
            border-bottom: 1px solid transparent;
            cursor: pointer; }
        #projects .container .lib-ms-container ul.projects-catmenu > li:hover label {
          border-bottom: 1px solid #DC143C; }
      #projects .container .lib-ms-container ul.projects-catmenu li.pro > input:checked ~ ul.subs {
        display: flex;
        flex-wrap: wrap;
        color: black;
        text-transform: none; }
      #projects .container .lib-ms-container ul.projects-catmenu li.pro > input:checked + label {
        border-bottom: 1px solid red; }
    #projects .container .lib-ms-container ul.subs {
      display: none;
      margin-top: 10px;
      flex-wrap: wrap;
      width: 100%;
      height: 100%; }
      #projects .container .lib-ms-container ul.subs > li {
        font-family: "UniversNext330BasicLight", sans-serif;
        font-size: 1.6rem;
        margin-left: -1px;
        margin-top: 10px; }
        #projects .container .lib-ms-container ul.subs > li:hover label {
          background-color: rgba(245, 245, 244, 0.7);
          color: black; }
        #projects .container .lib-ms-container ul.subs > li label {
          padding: 6px 20px;
          display: inline-block;
          border: 1px solid #e6e6e6;
          background-color: white;
          text-align: center; }
      #projects .container .lib-ms-container ul.subs li.subcat > input:checked + label {
        border-bottom: 1px solid #DC143C; }
    #projects .container .lib-ms-container ul.subs.active {
      display: flex; }

#projects .pro.list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2.35vw;
  margin-top: -30px;
  margin-bottom: 60px;
  z-index: 0; }
  #projects .pro.list .ref-item {
    font-size: 1.6rem;
    width: 100%;
    float: none;
    margin: 0;
    border: 1px solid #e6e6e6; }
    #projects .pro.list .ref-item .elastic-video {
      padding-bottom: 50.3%; }
      #projects .pro.list .ref-item .elastic-video iframe {
        border: 0; }

.pro li.ref-item {
  opacity: 0; }

/*
.pro li.ref-item.onn {
	///animation: fadeIn 0.65s ease forwards;
}
*/
.pro li.ref-item.in {
  animation: fadeIn 0.95s ease forwards; }

@keyframes fadeIn {
  0% {
    transform: translateY(80px); }
  100% {
    opacity: 1;
    transform: translateY(50px); } }

@media only screen and (max-width: 1200px) {
  #projects .pro.list {
    grid-template-columns: 1fr 1fr 1fr; } }

@media only screen and (max-width: 900px) {
  #projects .pro.list {
    grid-template-columns: 1fr 1fr; } }

@media only screen and (max-width: 610px) {
  #projects .pro.list {
    grid-template-columns: 1fr; }
  .portraitvideo {
    height: auto;
    padding: 0;
    background: none !important; }
    .portraitvideo video {
      position: static;
      border: 0;
      width: 100%; } }

.onepage-pagination {
  position: fixed;
  right: 1.5rem;
  top: 45%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0; }
  @media screen and (max-width: 1420px) {
    .onepage-pagination {
      display: none; } }

.onepage-pagination li {
  padding: 4px;
  text-align: center; }

.onepage-pagination li a {
  padding: 8px;
  width: 8px;
  height: 8px;
  display: block;
  text-decoration: none; }

.touch .onepage-pagination li a {
  padding: 10px;
  width: 10px;
  height: 10px; }

.onepage-pagination li a:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #7A7C7F; }

.onepage-pagination li a.pagescrollnavinfo:before {
  background: transparent;
  border-color: #ff4c6a; }

.touch .onepage-pagination li a:before {
  width: 12px;
  height: 12px; }

.onepage-pagination li a:hover:before {
  border: 1px solid #ff4c6a;
  background: #ff4c6a; }

.onepage-pagination li a.active:before {
  background: #ff4c6a;
  border: 1px solid #ff4c6a;
  /*margin-top: -4px;*/
  /*left: 8px;*/ }

.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
  overflow: auto; }

.disabled-onepage-scroll .onepage-wrapper .section {
  position: relative !important;
  top: auto !important; }

.disabled-onepage-scroll .onepage-wrapper {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  transform: none !important;
  -ms-transform: none !important;
  min-height: 100%; }

.disabled-onepage-scroll .onepage-pagination {
  display: none; }

body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
  position: inherit; }

a.pagescrollnav .hover-text {
  color: #ff4c6a;
  position: relative;
  right: 135px;
  text-align: right;
  top: -6px;
  width: 130px;
  padding: 2px;
  display: none;
  font-size: 13px; }

a.pagescrollnav:hover .hover-text {
  display: block; }

a.pagescrollnav:focus {
  outline: 0; }

body, select, input, textarea {
  color: #222; }

p a {
  color: #ff4c6a;
  text-decoration: underline; }

p a:hover {
  color: #ff4c6a;
  text-decoration: none; }

.front .container {
  position: relative; }

html {
  font-size: 62.5%; }

body, html {
  font-family: "Inter-Light", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #222;
  width: 100%;
  height: 100%;
  text-rendering: optimizeSpeed !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "ss07" on, "ss08" on, "cv09" on; }

body {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */ }

p {
  margin: 0; }

p + p {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  margin: 8px 0 0 0;
  /* 9 */
  margin: 0.8rem 0 0 0;
  /* 9 */ }

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

a img {
  display: block; }

.size4of6 {
  width: 65.7142857143%;
  float: left;
  margin-right: 2.8571428571%; }

.size4of12:nth-child(n+2) {
  margin-top: 2.8571428571%; }

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border: 0;
  width: 0; }

.projektcontainer p, .projektcontainer h4 {
  color: #222; }

.projektcontainer article {
  border-bottom: 1px solid #eeeeee;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 24px;
  /* 9 */
  margin-bottom: 2.4rem;
  /* 9 */ }

#ib-container article {
  width: 31.4285714286%;
  float: left;
  margin-right: 2.8571428571%; }

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

.projektbild img {
  float: left;
  transition-duration: 1.2s;
  transition-timing-function: ease-out; }

#ib-container article a {
  text-decoration: none; }

#ib-container article:hover h4 {
  color: #ff4c6a; }

#ib-container article:hover {
  border-bottom: 1px solid #CCCCCC; }

#ib-container article:hover img {
  transform: scale(1.1); }

html.no-js #ib-container article {
  width: 31.4285714286%;
  float: left;
  margin-right: 2.8571428571%; }

.isotope-item {
  margin-right: 60px; }

#ib-container article.last, .isotope-item.last {
  margin-right: 0 !important; }

.projektfilter a {
  cursor: pointer; }

h1 {
  font-family: "Inter-Bold", sans-serif;
  font-weight: normal;
  color: #ff4c6a;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 48px;
  /* 9 */
  font-size: 4.8rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 36px 0;
  /* 9 */
  margin: 0 0 3.6rem 0;
  /* 9 */
  line-height: 1.25; }
  h1 span {
    font-family: "Inter-Light", sans-serif;
    font-weight: normal;
    color: #CCCCCC; }

h1.big {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 24px;
  /* 9 */
  font-size: 2.4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 12px 0;
  /* 9 */
  margin: 0 0 1.2rem 0;
  /* 9 */ }

.container-h2 .container span {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 8px;
  /* 9 */
  padding-bottom: 0.8rem;
  /* 9 */
  margin-bottom: -1px;
  color: #222;
  text-transform: uppercase;
  font-family: "Inter-Light", sans-serif;
  font-weight: normal;
  border-bottom: 1px solid #ff4c6a;
  line-height: 1.25; }

p + h2 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  margin: 50px 0 0 0;
  /* 9 */
  margin: 5rem 0 0 0;
  /* 9 */ }

.desc {
  margin-bottom: 50px; }

.main-project h1 {
  margin: 0;
  line-height: 1.25;
  letter-spacing: 1px; }

h2.h2, h2.news-h2 {
  border: 0;
  color: #ff4c6a;
  text-transform: none;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 36px;
  /* 9 */
  font-size: 3.6rem;
  /* 9 */
  letter-spacing: 0;
  margin: 0;
  white-space: normal; }

h2.h2, h2.news-h2 {
  padding-bottom: 0; }

strong, b {
  font-family: "Inter-Bold", sans-serif;
  font-weight: normal; }

h2, h3, h4 {
  line-height: 1.25; }

h3 {
  color: #222;
  font-family: "Inter-Bold", sans-serif;
  font-weight: normal;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  padding: 0; }

.container-h500 h3 {
  text-align: center;
  margin: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 24px;
  /* 9 */
  font-size: 2.4rem;
  /* 9 */ }

h3.h3 {
  letter-spacing: 1px;
  color: #222;
  font-family: "Inter-Light", sans-serif;
  font-weight: normal;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 16px 0;
  /* 9 */
  margin: 0 0 1.6rem 0;
  /* 9 */
  padding: 0; }

.creativ.h3 {
  text-align: center;
  margin: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 24px;
  /* 9 */
  font-size: 2.4rem;
  /* 9 */
  letter-spacing: 1px;
  color: #222;
  font-family: "Inter-Bold", sans-serif;
  font-weight: normal;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 40px 0;
  /* 9 */
  margin: 0 0 4rem 0;
  /* 9 */
  padding: 0; }

h4, .h4 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 8px 0;
  /* 9 */
  margin: 0.8rem 0;
  /* 9 */
  font-family: "Inter-Bold", sans-serif;
  font-weight: normal;
  color: #ff4c6a; }

p.protitle {
  margin: 0 0 4px 0;
  margin: 0 0 0.4rem 0;
  line-height: 1.2;
  font-size: 1.6rem;
  margin: 8px 0;
  margin: 0.8rem 0;
  font-family: "Inter-Bold", sans-serif;
  font-weight: normal;
  color: #ff4c6a; }

.news-item .news-txt-wrap b {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 16px;
  /* 9 */
  font-size: 1.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding-bottom: 8px;
  /* 9 */
  padding-bottom: 0.8rem;
  /* 9 */
  font-family: "Inter-Bold", sans-serif;
  font-weight: normal;
  color: #ff4c6a;
  display: block; }

.news-item .news-txt-wrap a, .splide__slide .text-box a {
  text-decoration: none; }
  .news-item .news-txt-wrap a:hover, .splide__slide .text-box a:hover {
    text-decoration: underline;
    text-decoration-color: #ff4c6a;
    text-underline-position: under; }

h4.protitle,
.txt-box h4 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 4px 0;
  /* 9 */
  margin: 0 0 0.4rem 0;
  /* 9 */
  line-height: 1.2; }

ul.tags {
  list-style-type: square;
  list-style-position: inside; }

.tags li {
  float: left;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  margin: 0 7px 0 0;
  /* 9 */
  margin: 0 0.7rem 0 0;
  /* 9 */ }

.main-project h4 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  margin: 21px 0 0 0;
  /* 9 */
  margin: 2.1rem 0 0 0;
  /* 9 */
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Inter-Light", sans-serif;
  font-weight: normal;
  color: #222; }

.main-project ul, .main-project p {
  color: #222; }

.main-project ul {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  margin: 8px 0 0 0;
  /* 9 */
  margin: 0.8rem 0 0 0;
  /* 9 */ }

.main-project li {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 8px 0;
  /* 9 */
  margin: 0 0 0.8rem 0;
  /* 9 */ }

.main-project li:before {
  content: "·";
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  margin: 0 8px 0 0;
  /* 9 */
  margin: 0 0.8rem 0 0;
  /* 9 */ }

.main-project a {
  color: #ff4c6a;
  text-decoration: none; }

.blogpost h4 {
  color: #222;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 8px 0;
  /* 9 */
  margin: 0 0 0.8rem 0;
  /* 9 */ }

.blogpost img {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  max-width: 515px;
  /* 9 */
  max-width: 51.5rem;
  /* 9 */ }

.blogpost p {
  color: #222; }

.impressum p {
  width: 90%; }

.impressum h3 {
  text-transform: none;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  margin: 16px 0 0 0;
  /* 9 */
  margin: 1.6rem 0 0 0;
  /* 9 */ }

.blogpost p.tags a {
  color: #222; }

.blogpost p.tags a:hover {
  color: #ff4c6a; }

.blogpost {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  max-height: 200px;
  /* 9 */
  max-height: 20rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 32px 0;
  /* 9 */
  margin: 0 0 3.2rem 0;
  /* 9 */
  border-bottom: 1px solid #222;
  padding: 0; }
  .blogpost::after {
    clear: both;
    content: ' ';
    display: table; }

.teaser p, .leistungen p {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 21px;
  /* 9 */
  font-size: 2.1rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 7px 0;
  /* 9 */
  margin: 0 0 0.7rem 0;
  /* 9 */
  line-height: 1.5; }

.teaser h3 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 21px;
  /* 9 */
  font-size: 2.1rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 14px 0 7px 0;
  /* 9 */
  margin: 1.4rem 0 0.7rem 0;
  /* 9 */ }

.teaser a {
  color: #ff4c6a;
  text-decoration: none; }

.teaser a:hover, .main-project a:hover {
  text-decoration: underline; }

.desc p {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  padding: 0 48px 0 0;
  /* 9 */
  padding: 0 4.8rem 0 0;
  /* 9 */ }

.projekte img {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 16px;
  /* 9 */
  margin-bottom: 1.6rem;
  /* 9 */ }

.tags {
  color: #222;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 22px 0;
  /* 9 */
  margin: 0 0 2.2rem 0;
  /* 9 */
  line-height: 1.2;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 11px;
  /* 9 */
  font-size: 1.1rem;
  /* 9 */
  letter-spacing: .8px; }

.tags a, .tagsubline a {
  color: #CCCCCC;
  text-decoration: none;
  border: none;
  font-size: 11px; }

.tags a::before, .tagsubline a::before {
  content: " · "; }

.tags a:first-child::before, .tagsubline a:first-child::before {
  content: ""; }

body.homepage .news-list-view .size2of6 {
  /*
  min-height: 380px;*/
  border: none;
  margin-bottom: auto; }

a.readmore {
  color: #ff4c6a;
  text-decoration: none; }

a.readmore:hover {
  background-color: #ff4c6a;
  color: white; }

.aktuelles {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 80px 0;
  /* 9 */
  margin: 8rem 0;
  /* 9 */ }

.pictos p {
  margin: 0;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
  color: #222; }

p.date, p.date-blog {
  text-transform: uppercase;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 11px;
  /* 9 */
  font-size: 1.1rem;
  /* 9 */ }

p.date-blog {
  text-align: right;
  color: #ff4c6a; }

.lab-2 p {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 18px;
  /* 9 */
  font-size: 1.8rem;
  /* 9 */ }

.lab-2 h3 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 36px;
  /* 9 */
  font-size: 3.6rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 20px 0;
  /* 9 */
  margin: 0 0 2rem 0;
  /* 9 */
  line-height: 1.2; }

address {
  font-style: normal; }

.contact-con .size2of8 {
  display: flex; }
  .contact-con .size2of8 .contact-pic {
    width: 37.5%; }
    .contact-con .size2of8 .contact-pic img {
      display: block; }
  .contact-con .size2of8 .contact-txt {
    width: 62.5%;
    /* 3 */
    /* 3 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding: 0 0 0 30px;
    /* 9 */
    padding: 0 0 0 3rem;
    /* 9 */ }

ol.pictos {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center; }

ol.pictos h4 {
  font-family: "Inter-Bold", sans-serif;
  font-weight: normal;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 8px;
  /* 9 */
  margin-top: 0.8rem;
  /* 9 */ }

ol.pictos li {
  width: 14.2857142857%;
  margin-right: 2.8571428571%; }
  ol.pictos li:last-child {
    margin-right: 0; }

.scrolldown {
  position: absolute;
  background: #ff4c6a;
  width: 40px;
  height: 40px;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  z-index: 500; }

.scrolldown svg {
  width: 70%;
  height: 100%;
  display: block;
  margin: 0 auto; }

.scrolldown:hover {
  cursor: pointer; }

.scrolldown:hover, .scrolldownblinker {
  background: #ff758c; }

/*
#startslider:after, #startslider:before {
  content: "";
    position: absolute;
    background: #fbfbfb;
    //height: 40px;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 50;
}
*/
.leistungen-content {
  display: none; }

.leistungen-content.leistungen-content-active {
  display: block; }

body.kontakt #headerimg img {
  max-width: none; }

body.kontakt .two-col.transparent .container article.teaser {
  height: 750px;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

body.kontakt .uc-embedding-container {
  max-height: 750px;
  height: 750px !important; }

body.kontakt #googlemap {
  width: auto;
  height: 720px;
  border: 1px solid #e6e6e6; }

body.kontakt #mapsinfo {
  width: 100%; }

body.kontakt #mapsinfo h1 {
  margin: 0;
  font-size: 24px; }

.flatbutton {
  display: inline-block;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 10px;
  /* 9 */
  padding: 1rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 20px;
  /* 9 */
  margin-top: 2rem;
  /* 9 */
  color: white;
  background-color: #ff4c6a;
  text-decoration: none !important;
  pointer-events: all; }

.flatbutton:hover {
  background-color: black !important;
  color: white !important; }

.telefonlink {
  text-transform: none;
  text-decoration: none;
  color: #6f6e6e !important; }

.telefonlink:hover {
  text-decoration: underline;
  color: #222; }

#ansprechpartner {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom: 80px; }

#ansprechpartner .size1of6 {
  width: 8%;
  margin-right: 1.2%;
  text-align: center;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 14px;
  /* 9 */
  font-size: 1.4rem;
  /* 9 */
  line-height: 1.3; }
  #ansprechpartner .size1of6 p {
    margin-top: 7px; }
  #ansprechpartner .size1of6 img {
    transform: scale(1);
    transition: transform .3s ease-out; }
  #ansprechpartner .size1of6 img:hover {
    transform: scale(1.7);
    position: relative;
    z-index: 99; }
  #ansprechpartner .size1of6:last-child {
    margin-right: 0; }

#kundenlogos ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start; }

#kundenlogos li {
  width: 14.2857142857%;
  margin-right: 2.8571428571%;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
  pointer-events: all; }
  #kundenlogos li:nth-child(n+7) {
    margin-top: 2.8571428571%; }

#kundenlogos li:nth-child(6n) {
  float: right;
  margin-right: 0;
  display: inline; }

#kundenlogos li img {
  float: left;
  -webkit-transition: -webkit-filter opacity .3s ease-out;
  transition: filter opacity .3s ease-out;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .7; }

#kundenlogos li:hover {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

#kundenlogos li:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1; }

#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #ff4c6a;
  z-index: 11;
  transition: height 1.5s; }

#loader.none {
  height: 0; }
  #loader.none img {
    display: none; }

.iS-Loading.none {
  height: 0; }

.ref-item {
  overflow: hidden; }
  .ref-item .pro-img {
    background-color: #f3f3f3;
    overflow: hidden; }
    .ref-item .pro-img img {
      transition: all 2.5s; }

a.scroll-anker {
  color: transparent;
  position: absolute;
  bottom: 150px;
  margin-left: 50%; }

a.scroll-anker span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 54px;
  height: 54px;
  margin-left: -48px;
  border-left: 1px solid #ff4c6a;
  border-bottom: 1px solid #ff4c6a;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;
  box-sizing: border-box; }

@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0; } }

#lab-particle {
  position: fixed;
  top: 15%;
  left: 5%;
  right: 5%;
  bottom: 5%; }

.news-item h4 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 6px 0;
  /* 9 */
  margin: 0 0 0.6rem 0;
  /* 9 */ }

.news-single h1 {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 32px;
  /* 9 */
  font-size: 3.2rem;
  /* 9 */
  /* 3 */
  /* 3 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 0 0 20px 0;
  /* 9 */
  margin: 0 0 2rem 0;
  /* 9 */ }

article a {
  text-decoration: none; }

#uc-btn-open-main-corner-modal {
  display: none; }

#usercentrics-button .uc-powered-by-footer .uc-partner-icon {
  width: auto !important; }

/* infinitySlider Style */
/* loading-bars.css */
/*Style*/
.iS-Loading {
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 1; }

.iS-Loadingbox {
  position: relative;
  width: 100%;
  top: 50%;
  margin-top: -37px; }

.iS-Loadingboxtitle {
  font-size: 20px;
  font-weight: 700; }

.iS-Loadingboxbar {
  display: inline-block;
  height: 30px;
  width: 6px;
  margin-right: 4px;
  -webkit-animation: Loadingboxbar 1.8s infinite ease-in-out;
  animation: Loadingboxbar 1.8s infinite ease-in-out; }

/*Context*/
.iS-Loading {
  position: fixed; }

.iS .iS-Loading {
  position: absolute; }

/*Colors*/
.iS-Loading {
  background-color: #ff4c6a; }

.iS-Loadingboxtitle {
  color: #fff; }

.iS-Loadingboxbar {
  background-color: #fff; }

/*Animation*/
.iS-Loadingboxbar:nth-child(2) {
  -webkit-animation-delay: -1.7s;
  animation-delay: -1.7s; }

.iS-Loadingboxbar:nth-child(3) {
  -webkit-animation-delay: -1.6s;
  animation-delay: -1.6s; }

.iS-Loadingboxbar:nth-child(4) {
  -webkit-animation-delay: -1.5s;
  animation-delay: -1.5s; }

.iS-Loadingboxbar:nth-child(5) {
  -webkit-animation-delay: -1.4s;
  animation-delay: -1.4s; }

@-webkit-keyframes Loadingboxbar {
  0%,
  50%,
  100% {
    opacity: 0.5;
    -webkit-transform: scaleY(0.2); }
  25%,
  75% {
    opacity: 1;
    -webkit-transform: scaleY(1); } }

@keyframes Loadingboxbar {
  0%,
  50%,
  100% {
    opacity: 0.5;
    transform: scaleY(0.2); }
  25%,
  75% {
    opacity: 1;
    transform: scaleY(1); } }

/* skin-dots.css */
.iS.iS-SkinDots {
  position: relative;
  left: 0px; }

.iS-SkinDots .iS-Commands {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px; }

.iS-SkinDots .iS-Content {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px; }

.iS-SkinDots .iS-Items {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  overflow: hidden; }

.iS-SkinDots .iS-Item {
  position: absolute;
  width: 100%;
  height: 105%;
  top: 0px;
  left: 0px;
  overflow: hidden; }

.iS-SkinDots .iS-Previous,
.iS-SkinDots .iS-Next {
  position: absolute;
  z-index: 3;
  cursor: pointer;
  text-align: center;
  width: 50px;
  height: 50px;
  top: 50%;
  line-height: 41px;
  margin-top: -20px;
  padding: 10px;
  font-size: 11px; }

.iS-SkinDots .iS-Previous svg,
.iS-SkinDots .iS-Next svg {
  width: 50%;
  height: 100%;
  display: block;
  margin: 0 auto; }

.iS-SkinDots .iS-Previous {
  left: 0; }

.iS-SkinDots .iS-Next {
  right: 0; }

.iS-SkinDots .iS-Loopline {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 5px;
  left: 0px;
  bottom: 0px; }

.iS-SkinDots .iS-Dots {
  position: absolute;
  text-align: right;
  left: 0%;
  bottom: 80px;
  width: 99%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  max-width: 90%; }

.iS-SkinDots .iS-Dot {
  position: relative;
  z-index: 3;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  z-index: 3;
  text-align: right;
  width: 16px;
  height: 16px;
  margin: 0 0 0 5px;
  border: 1px solid;
  line-height: 47px; }

/*Colors*/
.iS-SkinDots .iS-Previous {
  color: #fff;
  display: none; }

.iS-SkinDots .iS-Previous:hover {
  color: #fff;
  background-color: #ff4c6a; }

.iS-SkinDots .iS-Next {
  color: #fff;
  display: none; }

.iS-SkinDots .iS-Next:hover {
  color: #fff;
  background-color: #ff4c6a; }

.iS-SkinDots .iS-Next:active,
.iS-SkinDots .iS-Previous:active {
  background-color: black; }

.iS-SkinDots .iS-Dot {
  color: #ff4c6a;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.3); }

.iS-SkinDots .iS-Dot:hover {
  color: #fff;
  background-color: #ff4c6a;
  border-color: #ff4c6a; }

.iS-SkinDots .iS-Dotactive {
  color: #fff;
  background-color: white;
  border-color: white; }

.iS-SkinDots .iS-Loopline {
  background-color: #ff4c6a; }

/*Responsive*/
@media (min-width: 0px) and (max-width: 499px) {
  .slideinfo p.title + p {
    display: none; }
  .splide__pagination {
    display: none !important; } }

/* slide1-positions.css */
.iS-Bg {
  position: absolute;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; }

.iS-Image {
  position: absolute;
  top: 0;
  transform: scale(1);
  z-index: 0;
  width: 100%;
  bottom: 0px;
  top: auto;
  max-width: none !important;
  max-height: none !important;
  height: 90vh;
  object-fit: cover; }

/* cinematic.css */
@keyframes cinematiccustom {
  0% {
    transform: translateX(0%) translateY(0%) scale(1); }
  100% {
    transform: translateX(-15%) translateY(12.5%) scale(1.25); } }

@-webkit-keyframes cinematiccustom {
  0% {
    -webkit-transform: translateX(0%) translateY(0%) scale(1); }
  100% {
    -webkit-transform: translateX(-15%) translateY(12.5%) scale(1.25); } }

.iS-CinematicCustom {
  -webkit-animation-name: cinematiccustom;
  animation-name: cinematiccustom; }

/*******************************************/
@keyframes cinematiccenter {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.25); } }

@-webkit-keyframes cinematiccenter {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.25); } }

@keyframes cinematictop {
  0% {
    transform: translateY(0%) scale(1); }
  100% {
    transform: translateY(12.5%) scale(1.25); } }

@-webkit-keyframes cinematictop {
  0% {
    -webkit-transform: translateY(0%) scale(1); }
  100% {
    -webkit-transform: translateY(12.5%) scale(1.25); } }

@keyframes cinematicbottom {
  0% {
    transform: translateY(0%) scale(1); }
  100% {
    transform: translateY(-12.5%) scale(1.25); } }

@-webkit-keyframes cinematicbottom {
  0% {
    -webkit-transform: translateY(0%) scale(1); }
  100% {
    -webkit-transform: translateY(-12.5%) scale(1.25); } }

@keyframes cinematicleft {
  0% {
    transform: translateX(0%) scale(1); }
  100% {
    transform: translateX(12.5%) scale(1.25); } }

@-webkit-keyframes cinematicleft {
  0% {
    -webkit-transform: translateX(0%) scale(1); }
  100% {
    -webkit-transform: translateX(12.5%) scale(1.25); } }

@keyframes cinematicright {
  0% {
    transform: translateX(0%) scale(1); }
  100% {
    transform: translateX(-12.5%) scale(1.25); } }

@-webkit-keyframes cinematicright {
  0% {
    -webkit-transform: translateX(0%) scale(1); }
  100% {
    -webkit-transform: translateX(-12.5%) scale(1.25); } }

@keyframes cinematictopleft {
  0% {
    transform: translateY(0%) translateX(0%) scale(1); }
  100% {
    transform: translateY(12.5%) translateX(12.5%) scale(1.25); } }

@-webkit-keyframes cinematictopleft {
  0% {
    -webkit-transform: translateY(0%) translateX(0%) scale(1); }
  100% {
    -webkit-transform: translateY(12.5%) translateX(12.5%) scale(1.25); } }

@keyframes cinematictopright {
  0% {
    transform: translateY(0%) translateX(0%) scale(1); }
  100% {
    transform: translateY(12.5%) translateX(-12.5%) scale(1.25); } }

@-webkit-keyframes cinematictopright {
  0% {
    -webkit-transform: translateY(0%) translateX(0%) scale(1); }
  100% {
    -webkit-transform: translateY(12.5%) translateX(-12.5%) scale(1.25); } }

@keyframes cinematicbottomleft {
  0% {
    transform: translateY(0%) translateX(0%) scale(1); }
  100% {
    transform: translateY(-12.5%) translateX(12.5%) scale(1.25); } }

@-webkit-keyframes cinematicbottomleft {
  0% {
    -webkit-transform: translateY(0%) translateX(0%) scale(1); }
  100% {
    -webkit-transform: translateY(-12.5%) translateX(12.5%) scale(1.25); } }

@keyframes cinematicbottomright {
  0% {
    transform: translateY(0%) translateX(0%) scale(1); }
  100% {
    transform: translateY(-12.5%) translateX(-12.5%) scale(1.25); } }

@-webkit-keyframes cinematicbottomright {
  0% {
    -webkit-transform: translateY(0%) translateX(0%) scale(1); }
  100% {
    -webkit-transform: translateY(-12.5%) translateX(-12.5%) scale(1.25); } }

/*****************************************/
.iS-CinematicCenter {
  -webkit-animation-name: cinematiccenter;
  animation-name: cinematiccenter; }

.iS-CinematicTop {
  -webkit-animation-name: cinematictop;
  animation-name: cinematictop; }

.iS-CinematicBottom {
  -webkit-animation-name: cinematicbottom;
  animation-name: cinematicbottom; }

.iS-CinematicLeft {
  -webkit-animation-name: cinematicleft;
  animation-name: cinematicleft; }

.iS-CinematicRight {
  -webkit-animation-name: cinematicright;
  animation-name: cinematicright; }

.iS-CinematicTopLeft {
  -webkit-animation-name: cinematictopleft;
  animation-name: cinematictopleft; }

.iS-CinematicTopRight {
  -webkit-animation-name: cinematictopright;
  animation-name: cinematictopright; }

.iS-CinematicBottomLeft {
  -webkit-animation-name: cinematicbottomleft;
  animation-name: cinematicbottomleft; }

.iS-CinematicBottomRight {
  -webkit-animation-name: cinematicbottomright;
  animation-name: cinematicbottomright; }

/******************************************/
.iS-Cinematic {
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  -webkit-animation-direction: alternate;
  /* Safari and Chrome */
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  /* Safari and Chrome */
  animation-iteration-count: infinite; }

.iS-Cinematic.iS-CinematicCenter {
  -webkit-animation-duration: 22s;
  animation-duration: 22s; }

.iS-Active .iS-Cinematic {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.iS-Preactive .iS-Cinematic,
.iS-Pruactive .iS-Cinematic {
  -webkit-animation-name: none;
  animation-name: none; }

.iS-Proactive .iS-Cinematic,
.iS-Priactive .iS-Cinematic {
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

@media screen and (min-width: 0\0), screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .iS-CinematicCustom,
  .iS-CinematicTop,
  .iS-CinematicBottom,
  .iS-CinematicLeft,
  .iS-CinematicRight,
  .iS-CinematicTopLeft,
  .iS-CinematicTopRight,
  .iS-CinematicBottomLeft,
  .iS-CinematicBottomRight,
  .iS-CinematicCenter {
    -webkit-animation-name: none;
    animation-name: none; } }

#startslider {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 0;
  z-index: 0;
  background-color: #efefef;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 80px;
  /* 9 */
  margin-bottom: 8rem;
  /* 9 */ }
  #startslider .iS-Item img {
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%; }

.slideinfo {
  position: absolute;
  z-index: 1;
  left: 0 !important;
  text-align: left;
  max-width: 60ch;
  margin-left: 10% !important;
  margin-top: 180px !important;
  bottom: none !important;
  top: 40%;
  opacity: 0;
  transition: opacity 0.7s ease-in-out, top 0.5s ease-in-out; }

.slideinfo .h1 .title {
  margin: 0;
  font-size: 30px;
  color: white;
  font-family: "Inter-Bold", sans-serif;
  opacity: 1;
  line-height: 1.2; }

.slideinfo .h1 a {
  color: white;
  text-decoration: none; }

.iS-Item .slideinfo .h1 {
  opacity: 1; }

.slideinfo .h1 p {
  font-family: "Inter-Light", sans-serif;
  margin: 16px 0 16px 0;
  font-size: 1.8rem;
  line-height: 1.5;
  text-transform: none;
  color: white; }

.slideinfo .h1 p.date {
  margin-bottom: 6px;
  font-size: 1.4rem; }

#startslider .slideinfo .h1 {
  opacity: 1;
  transform: scale(1.1, 1.1);
  padding: calc(20px + 1.6vw); }

#startslider.touched .slideinfo .h1,
#startslider.untouched:hover .slideinfo h1 {
  filter: alpha(opacity=100);
  opacity: 1;
  transform: scale(1, 1); }

.slideinfo .h1.grey {
  background-color: rgba(0, 0, 0, 0.9); }

.slideinfo .h1.transparent {
  background-color: transparent; }

.slideinfo .h1.fitness {
  background-color: rgba(0, 0, 0, 0.9); }

.splide__slide.is-active.is-visible .slideinfo {
  opacity: 1;
  top: -2%; }

.iS-Image {
  transition: transform 10s ease-in-out;
  transition-delay: 1s; }

.splide__slide.is-active.is-visible .iS-Image {
  transform: scale(1.3); }

/* SimpTip v1.0.2
// A simple CSS tooltip made with Sass 
// source: https://github.com/arashmanteghi/simptip/
// ducoment: http://arashm.net/lab/simptip/
// by @ArashManteghi - http://arashm.net */
/********************************* Core ******************************/
[data-tooltip] {
  position: relative;
  display: inline-block;
  z-index: 9999; }

[data-tooltip]:before, [data-tooltip]:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

[data-tooltip]:before {
  content: '';
  border: 6px solid transparent; }

[data-tooltip]:after {
  height: 22px;
  padding: 11px 11px 0 11px;
  font-size: 13px;
  line-height: 11px;
  content: attr(data-tooltip);
  white-space: pre; }

[data-tooltip].simptip-position-top:before {
  border-top-color: #ff4c6a; }

[data-tooltip].simptip-position-top:after {
  background-color: #ff4c6a;
  color: #ecf0f1; }

[data-tooltip].simptip-position-bottom:before {
  border-bottom-color: #ff4c6a; }

[data-tooltip].simptip-position-bottom:after {
  background-color: #ff4c6a;
  color: #ecf0f1; }

[data-tooltip].simptip-position-top.half-arrow:before {
  border-right: 7px solid #ff4c6a; }

[data-tooltip].simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #ff4c6a; }

body.meta [data-tooltip].simptip-position-top:before {
  border-top-color: #111; }

body.meta [data-tooltip].simptip-position-bottom:before {
  border-bottom-color: #111; }

body.meta [data-tooltip].simptip-position-top:after, body.meta [data-tooltip].simptip-position-bottom:after {
  background-color: #111; }

body.meta [data-tooltip].simptip-position-top.half-arrow:before, body.meta [data-tooltip].simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #111; }

[data-tooltip]:hover, [data-tooltip]:focus {
  background-color: transparent; }

[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {
  opacity: 1;
  visibility: visible; }

/******************************* Position ****************************/
.simptip-position-bottom:before, .simptip-position-top:before, .simptip-position-bottom:after, .simptip-position-top:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.simptip-position-bottom:after, .simptip-position-top:after {
  width: auto; }

.half-arrow.simptip-position-bottom:before, .half-arrow.simptip-position-top:before {
  border-style: none;
  border-right: 7px solid #ff4c6a; }

.simptip-position-bottom:before, .simptip-position-bottom:after {
  top: 125%; }

.simptip-position-bottom:before {
  margin-top: -5px; }

.simptip-position-bottom:after {
  margin-top: 7px; }

.simptip-position-bottom:hover:before, .simptip-position-bottom:hover:after {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.simptip-position-bottom.simptip-movable:before {
  margin-top: -15px; }

.simptip-position-bottom.simptip-movable:after {
  margin-top: -3px; }

.simptip-position-bottom.simptip-movable:hover:before, .simptip-position-bottom.simptip-movable:hover:after {
  -webkit-transform: translate(-50%, 10px);
  -moz-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  -o-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px); }

.simptip-position-bottom.simptip-movable.half-arrow:before {
  margin-top: -10px; }

.simptip-position-bottom.half-arrow:before {
  margin-top: 0;
  border-top: 7px solid transparent; }

.simptip-position-top:before, .simptip-position-top:after {
  bottom: 103%; }

.simptip-position-top:before {
  margin-bottom: -5px; }

.simptip-position-top:after {
  margin-bottom: 7px; }

.simptip-position-top:hover:before, .simptip-position-top:hover:after {
  -webkit-transform: translate(-50%, 0px);
  -moz-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px); }

.simptip-position-top.simptip-movable:before {
  margin-bottom: -15px; }

.simptip-position-top.simptip-movable:after {
  margin-bottom: -3px; }

.simptip-position-top.simptip-movable:hover:before, .simptip-position-top.simptip-movable:hover:after {
  -webkit-transform: translate(-50%, -10px);
  -moz-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  -o-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px); }

.simptip-position-top.simptip-movable.half-arrow:before {
  margin-bottom: -10px; }

.simptip-position-top.half-arrow:before {
  margin-bottom: 0;
  border-bottom: 7px solid transparent; }

/******************************* Features ****************************/
.simptip-movable:before, .simptip-movable:after {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.simptip-smooth:after {
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.simptip-fade:before, .simptip-fade:after {
  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
  -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
  -o-transition: opacity 0.2s linear, visibility 0.2s linear;
  -ms-transition: opacity 0.2s linear, visibility 0.2s linear;
  transition: opacity 0.2s linear, visibility 0.2s linear; }

.simptip-multiline:after {
  height: auto;
  width: 150px;
  padding: 11px;
  line-height: 19px;
  white-space: normal;
  text-align: left; }

.kontaktformular .container {
  max-width: none !important;
  width: 100% !important; }

.kontaktformular .frame-type-list {
  height: 90vh;
  display: flex;
  justify-items: center;
  justify-content: center;
  align-items: center; }

html {
  scroll-behavior: smooth; }

form label {
  display: block;
  margin-bottom: 8px; }

form input {
  width: 100%;
  line-height: 40px;
  padding: 0 10px;
  border: 1px solid #d7d7d7;
  margin-bottom: 16px; }

form input:focus-visible {
  border-radius: 0;
  outline: 1px solid #ff4c6a;
  border: 1px solid transparent; }

form input:checked {
  background: #ff4c6a; }

form input.add-on {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-bottom: 0 !important; }

form textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #d7d7d7;
  margin-bottom: 8px; }

form textarea:focus-visible {
  border-radius: 0;
  outline: 1px solid #ff4c6a;
  border: 1px solid transparent; }

form button[type="submit"] {
  border: 1px solid #ff4c6a;
  background-color: #ff4c6a;
  color: white;
  padding: 3px 20px;
  padding: 0.3rem 2rem;
  cursor: pointer;
  transition: background-color 0.3s;
  width: 100%;
  display: block;
  line-height: 40px;
  margin-top: 16px; }

.kontaktformular .lab-1 .col-12 {
  background-color: #f3f3f3;
  padding: 2vw;
  max-width: 700px;
  margin: auto;
  height: 100;
  margin-top: 20vh; }

.kontaktformular h2 {
  margin-top: 0;
  font-family: "Inter-Bold", sans-serif;
  font-weight: normal; }

h2 {
  font-family: "Inter-Bold", sans-serif;
  font-weight: normal; }

a {
  color: black; }

body {
  overflow-y: auto; }

label.form-label {
  display: none; }

.clearfix p {
  font-size: 16px; }

.kontakt #c1315 {
  /*
    padding: 4vw;
    background-color: $key-color;
    color: white;
    */
  margin-top: 2vw; }

body.kontakt .two-col.transparent .container article.teaser {
  height: auto !important; }

.basicLightbox {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: .01;
  transition: opacity 0.4s ease;
  z-index: 999991 !important;
  will-change: opacity; }
  .basicLightbox--visible {
    opacity: 1;
    width: 100%;
    height: 100%; }
  .basicLightbox__placeholder {
    max-width: 100%;
    width: 100%;
    height: 100%;
    transform: scale(0.9);
    transition: transform 0.4s ease;
    z-index: 1;
    will-change: transform; }
    .basicLightbox__placeholder iframe {
      width: 100%;
      height: 100%; }
    .basicLightbox__placeholder > img:first-child:last-child,
    .basicLightbox__placeholder > video:first-child:last-child,
    .basicLightbox__placeholder > iframe:first-child:last-child {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      max-width: 95%;
      max-height: 95%; }
    .basicLightbox__placeholder > video:first-child:last-child,
    .basicLightbox__placeholder > iframe:first-child:last-child {
      pointer-events: auto; }
    .basicLightbox__placeholder > img:first-child:last-child,
    .basicLightbox__placeholder > video:first-child:last-child {
      width: auto;
      height: auto; }
  .basicLightbox--img .basicLightbox__placeholder,
  .basicLightbox--video .basicLightbox__placeholder,
  .basicLightbox--iframe .basicLightbox__placeholder {
    width: 100%;
    height: 100%;
    pointer-events: none; }
  .basicLightbox--visible .basicLightbox__placeholder {
    transform: scale(1); }
  .basicLightbox button.close {
    position: absolute;
    right: 16px;
    top: 16px;
    outline: none;
    border-radius: 0;
    border: 1px solid transparent;
    background: black;
    color: white;
    padding: 3px;
    width: 26px;
    cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: #fff;
  position: absolute;
  z-index: 30;
  box-shadow: none; }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 10px;
  height: 9999px;
  left: 50%;
  margin-left: -5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 10px;
  top: 50%;
  margin-top: -5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  border-radius: 0px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  user-select: none;
  min-height: 50vw;
  margin-bottom: 10px; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay,
  .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: ""; }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: ""; }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 40px;
  width: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
  border: 10px solid #fff;
  border-radius: 1000px;
  box-shadow: none;
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 30px;
  box-shadow: 0 10px 0 #fff, none; }

.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 30px;
  box-shadow: 0 -10px 0 #fff, none; }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 30px;
  box-shadow: 10px 0 0 #fff, none; }

.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 30px;
  box-shadow: -10px 0 0 #fff, none; }

.twentytwenty-left-arrow {
  border-right: 6px solid #fff;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid #fff;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid #fff;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid #fff;
  bottom: 50%;
  margin-bottom: -17px; }

.news-backlink-wrap {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 40px;
  /* 9 */
  margin-top: 4rem;
  /* 9 */ }

.news-backlink-wrap a {
  background-color: #ff4c6a;
  color: white;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 10px 20px;
  /* 9 */
  padding: 1rem 2rem;
  /* 9 */
  text-decoration: none;
  text-transform: uppercase; }

.news-backlink-wrap a:hover {
  background-color: black; }

.news.news-single {
  margin-top: 90px; }

.tx-powermail textarea,
.tx-powermail input {
  border: 1px solid #CCCCCC; }
  .tx-powermail textarea:focus,
  .tx-powermail input:focus {
    outline: none;
    border: 1px solid #ff4c6a; }

.tx-powermail input:focus::placeholder {
  color: transparent; }

.tx-powermail .parsley-custom-error-message {
  color: #ff4c6a; }

.tx-powermail textarea {
  width: 100%;
  padding: 10px; }

.tx-powermail .powermail_field input {
  line-height: 40px;
  padding: 0 10px; }

.tx-powermail input[type="submit"] {
  border: 1px solid #ff4c6a;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  padding: 3px 20px;
  /* 9 */
  padding: 0.3rem 2rem;
  /* 9 */
  cursor: pointer;
  transition: background-color 0.3s; }
  .tx-powermail input[type="submit"]:hover {
    background-color: #fff;
    color: #ff4c6a; }

.tx-powermail .powermail_fieldwrap + .powermail_fieldwrap {
  margin-top: 10px; }

.tx-powermail .powermail_legend {
  display: none; }

.tx-powermail fieldset {
  padding: 0;
  border: 0; }

.tx-powermail .checkbox input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
  width: 11px;
  height: 11px; }
  .tx-powermail .checkbox input[type="checkbox"]:checked {
    background: #ff4c6a; }

.tx-powermail .checkbox label a {
  color: black; }

body.suche #main {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-top: 180px;
  /* 9 */
  margin-top: 18rem;
  /* 9 */ }

@media only screen and (max-width: 568px) {
  body.suche #main {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-top: 100px;
    /* 9 */
    margin-top: 10rem;
    /* 9 */ } }

.tx-indexedsearch-searchbox h1 {
  display: none; }

.tx-indexedsearch table {
  width: 100%; }

.col-1 {
  width: 75%; }

.col-3 {
  width: 10%; }

.tx-indexedsearch-percent.percent {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 24px;
  /* 9 */
  font-size: 2.4rem;
  /* 9 */
  width: 90px;
  display: inline-block; }

.tx-indexedsearch-title.title a {
  width: 100%;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 24px;
  /* 9 */
  font-size: 2.4rem;
  /* 9 */
  text-decoration: none;
  font-family: "Inter-Bold", sans-serif;
  font-weight: normal; }

.tx-indexedsearch-title.title a::before {
  content: "\2192\0020"; }

.tx-indexedsearch form input {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  height: 50px;
  /* 9 */
  height: 5rem;
  /* 9 */
  border: 1px solid #ff4c6a;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 20px;
  /* 9 */
  font-size: 2rem;
  /* 9 */ }

input[type="submit"] {
  background-color: #ff4c6a;
  color: #fff; }

.tx-indexedsearch-browsebox {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  /* 4 */
  /* 5 */
  margin: 20px 0 40px 0;
  /* 9 */
  margin: 2rem 0 4rem 0;
  /* 9 */ }

.tx-indexedsearch-browsebox p {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  margin-bottom: 20px;
  /* 9 */
  margin-bottom: 2rem;
  /* 9 */ }

.tx-indexedsearch-res {
  clear: both; }

.tx-indexedsearch-res a {
  color: #ff4c6a; }

.tx-indexedsearch-res a:hover {
  text-decoration: underline; }

ul.browsebox li, ul.tx-indexedsearch-browsebox li {
  margin-right: 20px;
  float: left;
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  line-height: 60px;
  /* 9 */
  line-height: 6rem;
  /* 9 */ }

ul.browsebox li a, ul.tx-indexedsearch-browsebox li a {
  color: #ff4c6a;
  text-decoration: none;
  padding: 10px;
  border: 1px solid #ff4c6a; }

ul.browsebox li a:hover, ul.browsebox li a:active, .tx-indexedsearch-browselist-currentPage a, ul.tx-indexedsearch-browsebox li a:active {
  background-color: #ff4c6a;
  color: white !important; }

ul.tx-indexedsearch-browsebox {
  padding-bottom: 4%; }

ul.list-group.indexedsearch {
  padding-top: 2%; }

.tx-indexedsearch-whatis {
  display: none; }

.tx-indexedsearch-searchbox-button:hover {
  cursor: pointer;
  background-color: black; }

.page-navigation {
  clear: both;
  width: 100%;
  margin-top: 2.8571428571%; }

ul.f3-widget-paginator {
  display: table;
  margin: 0 auto;
  text-align: center;
  line-height: 40px;
  font-family: "Inter-Bold", sans-serif; }

.f3-widget-paginator li {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  float: left; }

.f3-widget-paginator li.next, .f3-widget-paginator li.previous {
  width: auto; }

.f3-widget-paginator a {
  display: block;
  width: 100%;
  height: 100%;
  color: #ff4c6a;
  text-decoration: none; }

.f3-widget-paginator li.current {
  color: #FFF;
  text-decoration: none;
  background-color: #ff4c6a; }

figure.image {
  margin: 0; }

a,
p,
input,
select,
option,
article {
  pointer-events: all; }

.container .size2of8 {
  pointer-events: all; }

.line-top {
  pointer-events: all;
  position: relative; }

p.mehr {
  display: inline-block;
  margin-top: 20px;
  margin-top: 2rem;
  color: white;
  background-color: #ff4c6a;
  border: 1px solid #ff4c6a;
  transition: all 0.3s ease-out;
  font-family: "Inter-Light", sans-serif;
  transform: scale(1); }
  p.mehr a {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding: 10px 20px;
    /* 9 */
    padding: 1rem 2rem;
    /* 9 */
    color: white;
    text-decoration: none;
    display: inline-block;
    transition: color 0.3s ease-out; }
  p.mehr:hover {
    background-color: #95e2d0;
    border: 1px solid #95e2d0;
    transform: scale(1.05); }
    p.mehr:hover a {
      color: black;
      text-decoration: none; }

.rice {
  background-color: rgba(245, 245, 244, 0.7); }

.black {
  background-color: #000;
  color: #fff;
  padding: 60px 0; }
  .black .ce-textpic.ce-right.ce-intext {
    display: flex;
    align-items: center;
    gap: 2vw; }
    .black .ce-textpic.ce-right.ce-intext .ce-gallery {
      order: 2;
      width: 30%; }
    .black .ce-textpic.ce-right.ce-intext .ce-bodytext {
      order: 1;
      width: 70%; }
      .black .ce-textpic.ce-right.ce-intext .ce-bodytext h2 {
        margin: 0 0 30px 0; }

.news-btn {
  position: relative; }
  .news-btn p.mehr {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0; }
    .news-btn p.mehr a {
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      padding: 5px 15px;
      /* 9 */
      padding: 0.5rem 1.5rem;
      /* 9 */ }

section.rice article {
  background-color: #fff;
  margin-bottom: 0; }
  section.rice article .news-txt-wrap {
    padding: 20px;
    border-top: 1px solid #a2a1a1; }

section.white article {
  background-color: rgba(245, 245, 244, 0.7); }
  section.white article .news-txt-wrap,
  section.white article .txt-box {
    padding: 15px;
    border-top: 1px solid #a2a1a1; }

.frame-type-news_newsselectedlist {
  padding-bottom: 8rem; }
  .frame-type-news_newsselectedlist article {
    background-color: rgba(245, 245, 244, 0.7);
    /*

        &:hover a img {
            transform: scale(1.2);
        }

        & .pro-img {
            overflow: hidden;

            img {
                transition: all 2.5s;
            }
        }
        */ }
    .frame-type-news_newsselectedlist article .news-txt-wrap,
    .frame-type-news_newsselectedlist article .txt-box {
      padding: 15px;
      border-top: 1px solid #a2a1a1; }

body.aktuelles .news-item {
  position: relative; }

body.aktuelles p.tags {
  position: absolute;
  left: 15px;
  bottom: 15px; }

body.aktuelles section.white .news-txt-wrap {
  padding: 15px 15px 60px 15px; }

.news-img-wrap img {
  display: block; }

#projektfacts h1 {
  background-color: transparent; }

.showcases a {
  text-decoration: none; }
  .showcases a .txt-box p.subtitle {
    color: black; }

#c421 p {
  font-size: 19px;
  font-size: 1.9rem; }

.solutions-text h2,
.solutions-image h2 {
  font-size: 32px;
  color: black; }

.solutions-text p {
  font-size: 19px; }

body.agentur .solutions-text p {
  font-size: 21px; }

.container-solutions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap; }
  .container-solutions h1 {
    width: 100%; }
  .container-solutions .solutions-text {
    width: 40%;
    margin-right: 2.8571428571%; }
    .container-solutions .solutions-text h2 {
      margin: 0 0 12px 0;
      text-transform: none;
      font-family: "Inter-Bold", sans-serif;
      font-weight: normal; }
  .container-solutions .solutions-image {
    width: 57.1428571429%; }
  .container-solutions .solutions-image + .solutions-text {
    margin-right: 0;
    margin-left: 2.8571428571%; }

@media only screen and (max-width: 1420px) {
  .container-solutions .solutions-text {
    width: 57.1428571429%;
    margin-right: 2.8571428571%; }
  .container-solutions .solutions-image {
    width: 40%; } }

@media only screen and (max-width: 1024px) {
  .container-solutions {
    flex-direction: column; }
    .container-solutions .solutions-text {
      order: 2;
      width: 100%;
      margin: 2.8571428571% 0 0 0; }
    .container-solutions .solutions-image {
      order: 1;
      width: 100%;
      margin: 0; } }

@media only screen and (min-width: 1920px) {
  .container {
    width: 80%; } }

@media only screen and (min-width: 2400px) {
  body {
    line-height: 1.7; }
  .container {
    width: 70%; }
  .teaser p, .leistungen p {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 24px;
    /* 9 */
    font-size: 2.4rem;
    /* 9 */ }
  .solutions-text p {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 21px;
    /* 9 */
    font-size: 2.1rem;
    /* 9 */ } }

@media only screen and (min-width: 1024px) {
  body.homepage .news-list-view .size2of6 {
    min-height: 380px; }
  #ib-container article {
    min-height: 300px; }
  .size2of6 {
    width: 31.4285714286%;
    float: left;
    margin-right: 2.8571428571%;
    margin-right: 2.8571428571%; }
    .size2of6:nth-child(3n-3) {
      margin-right: 0; }
  .size2of8 {
    width: 22.8571428571%;
    float: left;
    margin-right: 2.8571428571%;
    margin-right: 2.8571428571%; }
    .size2of8:nth-child(4n-4) {
      margin-right: 0; }
  .size3of6 {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%;
    margin-right: 2.8571428571%; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #ib-container article {
    min-height: 250px; } }

@media only screen and (max-width: 1024px) {
  ol.pictos li {
    width: 31.4285714286%; }
    ol.pictos li:nth-child(3n) {
      margin-right: 0; }
    ol.pictos li:nth-child(n+4) {
      margin-top: 2.8571428571%; }
    ol.pictos li:last-child {
      margin-right: 0; }
  nav.head-nav-front li {
    margin-left: 30px; }
  #projects .container .lib-ms-container ul.subs.active {
    display: flex;
    justify-content: left; } }

@media only screen and (max-width: 1023px) {
  .size2of8 {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%;
    margin-right: 0; }
    .size2of8:nth-child(odd) {
      margin-right: 2.8571428571%; }
  .container-solutions .solutions-image + .solutions-text {
    margin-left: 0; }
  .container.projects .size2of8.prod-item {
    height: 32vw; }
  /*
    #logo {
        padding: 15px 0 25px 0;
    }
    /*
    #logo, nav.head-nav-front {
        position: inherit;
        left: inherit; 
        bottom:inherit;
      img {
        height: 30px;
      }
    }
    */
  /*
    #header {
        padding-bottom: 16px;
    }
    */
  nav.head-nav-front li:hover::after, nav.head-nav-front li.active::after {
    bottom: 7px; }
  .size3of6.omega {
    margin-top: 2.8571428571%; }
  .impressum .size3of6.omega {
    margin-top: 50px; }
  #kundenlogos li {
    width: 22.8571428571%;
    margin-right: 2.8571428571%; }
    #kundenlogos li:nth-child(4n) {
      margin-right: 0; }
    #kundenlogos li:nth-child(n+7) {
      margin-top: 0; }
    #kundenlogos li:nth-child(n+5) {
      margin-top: 2.8571428571%; } }

@media only screen and (min-width: 768px) {
  .projektcontainer p, .projektcontainer h4 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */
    color: #6f6e6e; }
  .klein #logo {
    top: 4px; }
  .frame-type-menu_pages,
  .news-list-view {
    display: flex;
    flex-flow: row wrap;
    align-content: stretch; }
  body.aktuelles .news-item,
  .news-item {
    width: 48.5714285714%;
    margin-right: 2.8571428571%; }
    body.aktuelles .news-item:nth-child(2n),
    .news-item:nth-child(2n) {
      margin-right: 0; }
    body.aktuelles .news-item:nth-child(n+2),
    .news-item:nth-child(n+2) {
      margin-top: 0; }
    body.aktuelles .news-item:nth-child(n+3),
    .news-item:nth-child(n+3) {
      margin-top: 2.8571428571%; }
  .size4of12:nth-child(n+2) {
    margin-top: 0; }
  .size4of12 {
    width: 31.4285714286%;
    margin-right: 2.8571428571%; }
    .size4of12:nth-child(n+4) {
      margin-top: 2.8571428571%; }
  .news-item.topnews:last-child,
  .size4of12:nth-child(3n+3),
  .size3of6.omega {
    margin-right: 0; } }

@media only screen and (min-width: 1260px) {
  .news-item {
    width: 22.8571428571%; }
    .news-item:nth-child(2n) {
      margin-right: 2.8571428571%; }
    .news-item:nth-child(3n) {
      margin-right: 2.8571428571%; }
    .news-item:nth-child(4n) {
      margin-right: 0; }
    .news-item:nth-child(n+2) {
      margin-top: 0; }
    .news-item:nth-child(n+4) {
      margin-top: 0; }
    .news-item:nth-child(n+5) {
      margin-top: 2.8571428571%; } }

@media only screen and (min-width: 1720px) {
  body.aktuelles .news-item,
  .news-item {
    width: 22.8571428571%; }
    body.aktuelles .news-item:nth-child(2n),
    .news-item:nth-child(2n) {
      margin-right: 2.8571428571%; }
    body.aktuelles .news-item:nth-child(3n),
    .news-item:nth-child(3n) {
      margin-right: 2.8571428571%; }
    body.aktuelles .news-item:nth-child(4n),
    .news-item:nth-child(4n) {
      margin-right: 0; }
    body.aktuelles .news-item:nth-child(n+2),
    .news-item:nth-child(n+2) {
      margin-top: 0; }
    body.aktuelles .news-item:nth-child(n+4),
    .news-item:nth-child(n+4) {
      margin-top: 0; }
    body.aktuelles .news-item:nth-child(n+5),
    .news-item:nth-child(n+5) {
      margin-top: 2.8571428571%; } }

@media only screen and (min-width: 120px) and (max-width: 767px) {
  #main {
    padding-bottom: 0; }
  #info h1 {
    font-size: 24px; }
  .container-h2-v2 {
    margin-top: 11rem; }
  #projectpics {
    margin-top: 60px; }
  .teaser p, .leistungen p {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 16px;
    /* 9 */
    font-size: 1.6rem;
    /* 9 */ }
  #headerimg {
    height: 150px;
    margin-bottom: 10px;
    background-color: #fff;
    background-position: 0 0; }
  .einleitungsteaser {
    margin-top: 0; }
  .projektcontainer {
    margin-top: 20px; }
  .desc p {
    padding: 0; }
  #ib-container article {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-bottom: 50px;
    /* 9 */
    margin-bottom: 5rem;
    /* 9 */ }
  .size3of6,
  .size2of6,
  .size4of6,
  .news-list-view .size2of6 {
    width: 100%; }
  .news-list-view .size2of6 {
    min-height: inherit;
    margin-bottom: 20px; }
  .container.aktuelles .size2of6,
  body.homepage .news-list-view .size2of6,
  .container.projekte .size3of6 {
    margin-bottom: 20px; }
  .size3of6.omega {
    margin-top: 5.8823529412%; }
  footer .size2of6 {
    width: 5.7142857143%;
    float: left;
    margin-right: 2.8571428571%; }
  footer .daten {
    margin-bottom: 20px; }
  footer .daten li {
    margin: 0 10px; }
  footer .socialnav li {
    margin-right: 0;
    margin: 0 10px; }
  a.kundenlogin {
    display: inline-block; }
  .foot-con address {
    float: left; }
  #projekttags {
    display: none; }
  #info h2 {
    margin: 10px 0 20px 0; }
  #ib-container article {
    width: 100%;
    float: left;
    margin-right: 2.8571428571%; }
  .container.foot-wrap {
    text-align: center;
    display: block;
    /* justify-content: space-between; */ }
    .container.foot-wrap .coll {
      display: block;
      width: 100%; }
    .container.foot-wrap ul.socialnav {
      float: none; }
    .container.foot-wrap .coll.data {
      padding: 8px 0;
      margin-left: 4px; }
  nav.head-nav-front li:after {
    background: #ebe4e4; } }

@media only screen and (min-width: 481px) and (max-width: 1023px), screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
  nav.head-nav-bottom li {
    line-height: 35px;
    width: 31.4285714286%;
    float: left;
    margin-right: 2.8571428571%; }
  .bottom nav.head-nav-bottom li {
    padding: 0;
    padding-left: 6px; } }

@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
  html {
    font-size: 50%; }
  footer .size2of6 {
    width: 5.7142857143%;
    float: left;
    margin-right: 2.8571428571%; }
  .size3of6 {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%; }
  .size3of6.omega {
    margin-top: 32px; }
  .size3of6 p {
    font-size: 16px; }
  .news .tags {
    display: none; }
  #headerimg {
    height: 180px;
    margin-top: 60px;
    background-color: #fff;
    background-position: 0 0;
    background-size: cover; }
  #topnav {
    top: 12px;
    right: 40px; }
  .klein #logo {
    transition-property: opacity;
    transition-duration: 0.4s;
    opacity: 1; }
  .klein.rotate #logo {
    opacity: 0; }
  .rotate .lines-button .lines:before,
  .rotate .lines-button .lines:after,
  .rotate .lines-button:hover .lines:before {
    background: #ff4c6a; }
  .klein {
    height: 60px;
    transition: 0.6s; }
  #projectpics {
    margin-top: 60px; }
  .klein.rotate {
    height: 100%; }
  .startseite nav.head-nav-front {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%; }
  .klein nav.head-nav-front {
    display: none; }
  .klein.rotate nav.head-nav-front {
    display: block; }
  #header.klein #cube {
    perspective: none; }
  .csstransforms3d #cube.show-front .front,
  .csstransforms3d #cube.show-front .bottom,
  .csstransforms3d #cube.show-bottom .front,
  .csstransforms3d #cube.show-bottom .bottom {
    transform: none; }
  .csstransforms3d .rotate #cube .front {
    background: white; }
  #cube.show-bottom .front {
    height: 60px; }
  .klein #cube.show-bottom nav.head-nav-bottom ul {
    top: 88px; }
  nav.head-nav-front li {
    padding-bottom: 0; }
  nav.head-nav-bottom li {
    width: 31.4285714286%;
    float: left;
    margin-right: 2.8571428571%; }
    nav.head-nav-bottom li a {
      padding-top: 3px; }
  .bn,
  .pw {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%; }
  footer {
    margin-top: 60px; }
  footer input {
    height: 35px; } }

@media only screen and (min-width: 600px) and (max-width: 1024px) and (orientation: portrait) {
  #info .size2of6 {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%; }
  .teaser p,
  .leistungen p,
  .prcat_s li {
    font-size: 18px; }
  #info h2 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    /* 4 */
    /* 5 */
    margin: 15px 0 30px 0;
    /* 9 */
    margin: 1.5rem 0 3rem 0;
    /* 9 */
    font-size: 12px; }
  #info h1 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 28px;
    /* 9 */
    font-size: 2.8rem;
    /* 9 */
    line-height: 1.2;
    margin-bottom: 10px; }
  #info h3 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-top: 20px;
    /* 9 */
    margin-top: 2rem;
    /* 9 */ }
  #projekttags ul {
    margin-top: 10px;
    line-height: 1.2; }
    #projekttags ul::after {
      clear: both;
      content: ' ';
      display: table; }
  #headerimg {
    height: 220px;
    margin-bottom: 0; }
  #headerimg.apps {
    background-position: 50% 0; }
  #headerimg.web {
    background-position: 0 0; }
  #headerimg.cgi {
    background-position: 100% 0; }
  .foot-wrap {
    position: relative; }
  .foot-all ul,
  .foot-all nav,
  p#back-top {
    padding-bottom: 0;
    margin-bottom: 0; }
  .news-list-view .size2of6 {
    min-height: 310px; } }

@media only screen and (min-width: 569px) and (max-width: 768px) {
  .news-list-view .size2of6 {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%;
    min-height: 310px; }
  #back-top {
    bottom: 15px; }
  footer form {
    margin-bottom: 15px; }
  footer input {
    width: 60%;
    height: 35px; }
  .impressum p {
    width: 100%; } }

@media only screen and (max-width: 1620px) {
  .protitle,
  .protxt,
  .news-item p,
  .news-item h4 {
    font-size: 14px; }
  p.tags,
  p.date {
    font-size: 11px; }
  .lab-icons > a {
    font-size: 18px; } }

@media only screen and (max-width: 1420px) {
  .slideinfo h1,
  h1.big,
  h1 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 32px;
    /* 9 */
    font-size: 3.2rem;
    /* 9 */ }
  h2.h2,
  h2.news-h2,
  .solutions-text h2,
  .solutions-image h2 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 27px;
    /* 9 */
    font-size: 2.7rem;
    /* 9 */ }
  .teaser p, .leistungen p {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 19px;
    /* 9 */
    font-size: 1.9rem;
    /* 9 */ }
  .news-txt,
  .container-h2,
  .container-h2-first {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    /* 4 */
    /* 5 */
    padding: 60px 0 30px 0;
    /* 9 */
    padding: 6rem 0 3rem 0;
    /* 9 */ }
  #startslider {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-bottom: 60px;
    /* 9 */
    margin-bottom: 6rem;
    /* 9 */ }
  section,
  .projects {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-bottom: 60px;
    /* 9 */
    padding-bottom: 6rem;
    /* 9 */ }
  .container-h1 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-top: 60px;
    /* 9 */
    padding-top: 6rem;
    /* 9 */ }
  div + section,
  .news-single,
  .contact-con,
  .impressum {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    /* 4 */
    /* 5 */
    padding: 0 0 60px 0;
    /* 9 */
    padding: 0 0 6rem 0;
    /* 9 */ }
  .solutions-text p {
    font-size: 18px; } }

@media only screen and (max-width: 1280px) {
  body,
  .container-h2 .container span,
  h4 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */ }
  .contact-con .size2of8 {
    width: 48.5714285714%;
    float: left;
    margin-right: 2.8571428571%;
    margin-right: 0; }
    .contact-con .size2of8:nth-child(n+3) {
      margin-top: 2.8571428571%; }
  #ansprechpartner .size1of6 {
    margin-right: 1.224%;
    width: 11.4285714286%; }
    #ansprechpartner .size1of6:nth-child(n+9) {
      margin-top: 2.8571428571%; }
    #ansprechpartner .size1of6:nth-child(8n-8) {
      margin-right: 0; }
  .slideinfo h1,
  h1.big,
  h1 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 27px;
    /* 9 */
    font-size: 2.7rem;
    /* 9 */ }
  .projects.references .subtitle {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 12px;
    /* 9 */
    font-size: 1.2rem;
    /* 9 */ }
  h2.h2,
  h2.news-h2,
  .solutions-text h2,
  .solutions-image h2 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 24px;
    /* 9 */
    font-size: 2.4rem;
    /* 9 */ }
  nav a,
  body.agentur .solutions-text p,
  .lab-icons > a,
  nav.head-nav-front a,
  li.text-muted,
  .teaser p,
  .leistungen p,
  .solutions-text p {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 16px;
    /* 9 */
    font-size: 1.6rem;
    /* 9 */ }
  #projects .container .lib-ms-container ul.projects-catmenu > li.pro {
    margin-right: 30px; }
  .protxt {
    padding: 15px; }
  .news-txt,
  .container-h2,
  .container-h2-first {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    /* 4 */
    /* 5 */
    padding: 40px 0 20px 0;
    /* 9 */
    padding: 4rem 0 2rem 0;
    /* 9 */ }
  #startslider {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-bottom: 40px;
    /* 9 */
    margin-bottom: 4rem;
    /* 9 */ }
  .container-h1 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-top: 40px;
    /* 9 */
    padding-top: 4rem;
    /* 9 */ }
  .news-single,
  .contact-con,
  .impressum {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    /* 4 */
    /* 5 */
    padding: 0 0 40px 0;
    /* 9 */
    padding: 0 0 4rem 0;
    /* 9 */ }
  #language_menu {
    margin-left: 16px; }
  #language_menu > li:hover ul {
    padding-top: 16px; } }

@media only screen and (max-width: 745px) {
  button.btt-sticky,
  button#contactsticky {
    display: none; }
  #logo,
  nav.head-nav-front {
    position: inherit;
    left: inherit;
    bottom: inherit; }
  .socialnav-mobile {
    display: flex !important;
    justify-content: space-between;
    width: 100vw;
    margin-left: 0 !important;
    margin: 0;
    position: absolute;
    bottom: 50px;
    background-color: black;
    left: 0;
    padding: 10px 24px; }
  nav.head-nav-front {
    left: 100%;
    height: 100vh;
    transition: left 0.5s;
    top: 80px;
    background-color: #ff4c6a;
    position: absolute;
    padding-top: 40px;
    padding-left: 5%;
    padding-right: 5%; }
    nav.head-nav-front ul {
      display: block; }
      nav.head-nav-front ul li {
        float: none;
        margin-left: 0;
        line-height: 48px;
        border-bottom: 1px solid transparent; }
        nav.head-nav-front ul li a {
          color: #fff;
          border-bottom: 1px solid #7f7f7f; }
        nav.head-nav-front ul li::after {
          display: none; }
        nav.head-nav-front ul li.active::after {
          display: none; }
      nav.head-nav-front ul li.active a {
        border-bottom: 1px solid white; }
  .rotate nav.head-nav-front {
    left: 0; }
    .rotate nav.head-nav-front:before {
      position: absolute;
      z-index: -1;
      content: "";
      width: 100vw;
      height: 100vh;
      display: block;
      background-color: rgba(0, 0, 0, 0.8);
      left: 0; }
  .lines-button {
    display: inline-block;
    margin: 20px 0; }
  .contact-con .size2of8 .contact-txt {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding: 0 0 0 20px;
    /* 9 */
    padding: 0 0 0 2rem;
    /* 9 */ }
  #header {
    height: 80px; }
    #header .container {
      max-width: 100%; }
    #header:after {
      bottom: 0; }
  .klein .head-nav-front {
    width: 0; }
  #logo {
    padding: 20px 0 25px 0;
    margin-left: 5%; }
  #main {
    padding-top: 80px; }
  .language-menu {
    margin-left: 0 !important;
    margin-top: -16px;
    margin-bottom: 25px; }
    .language-menu li ul {
      margin-left: 2.5%; }
      .language-menu li ul li a {
        margin-left: 0 !important; }
  .language-menu > li {
    padding-left: 0; }
    .language-menu > li span {
      margin: 0;
      margin-top: 10px;
      margin-left: 0;
      padding-left: 10px;
      color: white; }
      .language-menu > li span:before {
        left: 0;
        top: 25px; }
    .language-menu > li ul li {
      line-height: 38px; }
  button.btt-sticky {
    border: 1px solid white; }
  .language-menu > li span:before {
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 18 18' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1,0,0,1,-0.000107,4.5e-05)'%3E%3Cg transform='matrix(0.701512,5.18832e-32,-8.64719e-33,0.701512,-248.686,-68.3975)'%3E%3Cpath d='M355.884,109.222C356.04,106.969 356.863,104.853 358.275,103.077C359.187,103.471 360.159,103.806 361.173,104.069C360.707,105.692 360.441,107.424 360.382,109.222L355.884,109.222ZM366.222,116.566L366.222,121.026C364.943,120.597 363.754,119.125 362.902,116.911C363.939,116.719 365.053,116.604 366.222,116.566ZM363.45,120.564C361.871,120.032 360.43,119.15 359.227,117.976C359.954,117.688 360.745,117.434 361.587,117.221C362.088,118.56 362.724,119.697 363.45,120.564ZM361.724,110.778L366.222,110.778L366.222,115.21C364.936,115.252 363.678,115.393 362.474,115.63C362.042,114.128 361.785,112.461 361.724,110.778ZM366.222,104.79L366.222,109.222L361.724,109.222C361.785,107.538 362.042,105.872 362.474,104.371C363.684,104.608 364.942,104.749 366.222,104.79ZM359.227,102.024C360.431,100.85 361.872,99.968 363.45,99.437C362.724,100.302 362.09,101.44 361.587,102.78C360.746,102.566 359.954,102.312 359.227,102.024ZM362.902,103.089C363.754,100.873 364.944,99.402 366.222,98.976L366.222,103.435C365.052,103.396 363.938,103.28 362.902,103.089ZM361.173,115.931C360.161,116.195 359.188,116.529 358.275,116.924C356.863,115.149 356.04,113.032 355.884,110.778L360.382,110.778C360.441,112.575 360.707,114.306 361.173,115.931ZM378.116,110.773C377.959,113.031 377.137,115.149 375.725,116.924C374.811,116.529 373.838,116.195 372.827,115.932C373.292,114.309 373.558,112.577 373.618,110.773L378.116,110.773ZM367.778,103.435L367.778,98.976C369.057,99.402 370.246,100.874 371.098,103.089C370.062,103.28 368.948,103.396 367.778,103.435ZM372.413,102.78C371.911,101.44 371.276,100.302 370.549,99.437C372.127,99.968 373.569,100.85 374.772,102.024C374.045,102.312 373.254,102.566 372.413,102.78ZM372.275,109.222L367.778,109.222L367.778,104.79C369.061,104.748 370.32,104.607 371.525,104.371C371.958,105.87 372.215,107.537 372.275,109.222ZM373.617,109.222C373.558,107.425 373.292,105.694 372.826,104.07C373.839,103.806 374.811,103.472 375.725,103.077C377.137,104.852 377.959,106.968 378.115,109.222L373.617,109.222ZM367.778,115.21L367.778,110.773L372.275,110.773C372.215,112.462 371.958,114.13 371.525,115.629C370.32,115.392 369.061,115.251 367.778,115.21ZM374.773,117.976C373.57,119.15 372.128,120.032 370.549,120.564C371.276,119.697 371.911,118.56 372.413,117.221C373.256,117.435 374.047,117.688 374.773,117.976ZM371.097,116.911C370.246,119.125 369.057,120.596 367.778,121.026L367.778,116.566C368.943,116.604 370.056,116.719 371.097,116.911ZM366.999,97.5C360.108,97.5 354.5,103.108 354.5,110C354.5,116.892 360.108,122.5 366.999,122.5C373.892,122.5 379.5,116.892 379.5,110C379.5,103.108 373.892,97.5 366.999,97.5Z' style='fill:white;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
  .icon-totop,
  ul.subs,
  #ref-counter {
    display: none !important; }
  #projects .pro.list {
    margin-top: -40px; } }

@media only screen and (max-width: 600px) {
  .news-list-view .size2of6 {
    width: 100%;
    float: left;
    margin-right: 2.8571428571%;
    float: none; }
  #info h3 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-top: 20px;
    /* 9 */
    margin-top: 2rem;
    /* 9 */ }
  #projekttags ul {
    margin-top: 10px;
    line-height: 1.2; }
    #projekttags ul::after {
      clear: both;
      content: ' ';
      display: table; }
  #kundenlogos li {
    width: 31.4285714286%; }
    #kundenlogos li:nth-child(4n) {
      margin-right: 2.8571428571%; }
    #kundenlogos li:nth-child(3n) {
      margin-right: 0; }
    #kundenlogos li:nth-child(n+7) {
      margin-top: 0; }
    #kundenlogos li:nth-child(n+5) {
      margin-top: 0; }
    #kundenlogos li:nth-child(n+4) {
      margin-top: 2.8571428571%; } }

@media only screen and (max-width: 768px) {
  body.homepage .news-list-view .size2of6 {
    margin-bottom: 4vh; }
  h1 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 27px;
    /* 9 */
    font-size: 2.7rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    /* 4 */
    /* 5 */
    margin: 0 0 27px 0;
    /* 9 */
    margin: 0 0 2.7rem 0;
    /* 9 */ }
  body,
  h4,
  .ref-counter {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 14px;
    /* 9 */
    font-size: 1.4rem;
    /* 9 */ }
  #info .size3of6 p {
    margin-right: 0; }
  .lab-icons > a {
    font-size: 14px;
    padding: 20px 0; }
  [class^="icon-"] {
    margin-bottom: 12px; }
  [class^="icon-"]:before {
    width: 36px;
    height: 36px; }
  #info h2 {
    font-size: 14px;
    line-height: 1.5;
    padding: 0;
    margin: 10px 0 20px 0; }
  .teaser p, .leistungen p {
    font-size: 16px;
    margin-bottom: 3px; }
  #projekttags {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    margin-bottom: 25px;
    /* 9 */
    margin-bottom: 2.5rem;
    /* 9 */ }
  #projekttags ul li {
    padding: 0;
    margin-right: 15px;
    line-height: 1.5; }
  #projekttags li::before {
    content: ""; }
  #ib-container {
    font-size: 100%; }
  #ansprechpartner .size1of6 {
    width: 15%;
    margin-right: 2%; }
    #ansprechpartner .size1of6:nth-child(n+9) {
      margin-top: 0; }
    #ansprechpartner .size1of6:nth-child(n+7) {
      margin-top: 2.8571428571%; }
    #ansprechpartner .size1of6:nth-child(8n-8) {
      margin-right: 2%; }
    #ansprechpartner .size1of6:nth-child(6n-6) {
      margin-right: 0; }
  .iS-SkinDots .iS-Item {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center; }
  .iS-Image {
    height: auto; }
  .slideinfo {
    position: static;
    margin-left: 0 !important;
    margin-top: 0 !important;
    opacity: 1 !important;
    top: -2% !important; }
    .slideinfo .h1 {
      padding: 4% 16px;
      background-color: rgba(0, 0, 0, 0.33) !important; }
      .slideinfo .h1 p {
        font-size: 1.5rem; }
      .slideinfo .h1 p.title {
        font-size: 1.9rem; }
  #c646 .container {
    grid-template-columns: 1fr; } }

@media only screen and (max-width: 568px) {
  #apps + label {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    max-width: 60px; }
  .news .inner-container .lib-ms-container ul.news-catmenu > li.pro {
    margin-right: 4vw; }
  .news .inner-container .lib-ms-container ul.subs.active {
    display: none !important; }
  .news .inner-container .lib-ms-container .ref-counter {
    top: 90%;
    background: white;
    padding-left: 16px; }
  ol.pictos li {
    width: 48.5714285714%; }
    ol.pictos li:nth-child(3n) {
      margin-right: 0; }
    ol.pictos li:nth-child(n+4) {
      margin-top: 0; }
    ol.pictos li:nth-child(n+3) {
      margin-top: 2.8571428571%; }
    ol.pictos li:last-child {
      margin-right: 0; }
    ol.pictos li:nth-child(even) {
      margin-right: 0; }
    ol.pictos li:nth-child(odd) {
      margin-right: 2.8571428571%; }
  .lab-icons > a {
    width: 48.5714285714%; }
    .lab-icons > a:nth-child(n+3) {
      margin-top: 2.8571428571%; }
  .categoriesp span {
    font-size: 8px; }
  .ref-item,
  .list-item {
    margin-bottom: 3% !important; }
  h1 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 24px;
    /* 9 */
    font-size: 2.4rem;
    /* 9 */
    /* 3 */
    /* 3 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 5 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    /* 4 */
    /* 5 */
    margin: 0 0 24px 0;
    /* 9 */
    margin: 0 0 2.4rem 0;
    /* 9 */ }
  .container-h500 h3 {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    font-size: 18px;
    /* 9 */
    font-size: 1.8rem;
    /* 9 */
    text-align: left; }
  #ansprechpartner .size1of6 {
    width: 23.5%;
    margin-right: 2%; }
    #ansprechpartner .size1of6:nth-child(n+9) {
      margin-top: 0; }
    #ansprechpartner .size1of6:nth-child(n+7) {
      margin-top: 0; }
    #ansprechpartner .size1of6:nth-child(n+5) {
      margin-top: 2.8571428571%; }
    #ansprechpartner .size1of6:nth-child(8n-8) {
      margin-right: 0; }
    #ansprechpartner .size1of6:nth-child(6n-6) {
      margin-right: 2%; }
    #ansprechpartner .size1of6:nth-child(4n-4) {
      margin-right: 0; }
  #projects .container .lib-ms-container .ref-counter {
    position: static;
    text-align: center;
    margin-top: 6px; }
  #projects .container .lib-ms-container ul.projects-catmenu {
    display: flex;
    justify-content: space-between; }
    #projects .container .lib-ms-container ul.projects-catmenu > li.pro {
      margin-right: 0; }
  #projects .container .lib-ms-container ul.subs li {
    width: 30%;
    margin-left: 0;
    margin-right: 8px; }
    #projects .container .lib-ms-container ul.subs li label {
      display: block;
      overflow: hidden;
      /* 3 */
      /* 3 */
      /* 4 */
      /* 6 */
      /* 6 */
      /* 7 */
      font-size: 14px;
      /* 9 */
      font-size: 1.4rem;
      /* 9 */
      padding: 6px 2px; }
    #projects .container .lib-ms-container ul.subs li input {
      display: none; }
  .contact-con .size2of8 {
    width: 100%; }
    .contact-con .size2of8:nth-child(n+2) {
      margin-top: 2.8571428571%; } }

@media only screen and (max-width: 420px) {
  #ansprechpartner .size1of6 {
    width: 31.4285714286%; }
    #ansprechpartner .size1of6:nth-child(n+7) {
      margin-top: 0; }
    #ansprechpartner .size1of6:nth-child(n+5) {
      margin-top: 0; }
    #ansprechpartner .size1of6:nth-child(n+4) {
      margin-top: 2.8571428571%; }
    #ansprechpartner .size1of6:nth-child(6n-6) {
      margin-right: 0; }
    #ansprechpartner .size1of6:nth-child(4n-4) {
      margin-right: 2.8571428571%; }
    #ansprechpartner .size1of6:nth-child(3n-3) {
      margin-right: 0; } }

@media only screen and (max-width: 1024px) {
  section,
  .projects {
    /* 3 */
    /* 3 */
    /* 4 */
    /* 6 */
    /* 6 */
    /* 7 */
    padding-bottom: 80px;
    /* 9 */
    padding-bottom: 8rem;
    /* 9 */ } }

/* -------------------------------------------------------------------------*/
/* Susy */

/*# sourceMappingURL=main.css.map */