@charset "UTF-8";
/*--------------------------------------------------------------------*/
/* RESET */
/*--------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  /* Webkit-Browser) */
  -moz-box-sizing: border-box;
  /* Firefox */
  -ms-box-sizing: border-box;
  /* Internet Explorer */
  box-sizing: border-box;
}
html, body {
  scroll-behavior: smooth;
}
/*--------------------------------------------------------------------*/
/* FONTS */
/*--------------------------------------------------------------------*/
/* assistant-regular - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  src: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v2-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local('Assistant'), local('Assistant-Regular'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v2-latin-regular.eot?#iefix") format('embedded-opentype'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v2-latin-regular.woff2") format('woff2'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v2-latin-regular.woff") format('woff'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v2-latin-regular.ttf") format('truetype'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v2-latin-regular.svg#Assistant") format('svg');
  /* Legacy iOS */
}
/* assistant-700 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  src: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v2-latin-700.eot");
  /* IE9 Compat Modes */
  src: local('Assistant Bold'), local('Assistant-Bold'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v2-latin-700.eot?#iefix") format('embedded-opentype'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v2-latin-700.woff2") format('woff2'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v2-latin-700.woff") format('woff'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v2-latin-700.ttf") format('truetype'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v2-latin-700.svg#Assistant") format('svg');
  /* Legacy iOS */
}
/* assistant-300 - latin */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 300;
  src: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v18-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(''), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v18-latin-300.eot?#iefix") format('embedded-opentype'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v18-latin-300.woff2") format('woff2'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v18-latin-300.woff") format('woff'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v18-latin-300.ttf") format('truetype'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/assistant-v18-latin-300.svg#Assistant") format('svg');
  /* Legacy iOS */
}
/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/playfair-display-v13-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/playfair-display-v13-latin-regular.eot?#iefix") format('embedded-opentype'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/playfair-display-v13-latin-regular.woff2") format('woff2'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/playfair-display-v13-latin-regular.woff") format('woff'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/playfair-display-v13-latin-regular.ttf") format('truetype'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/playfair-display-v13-latin-regular.svg#PlayfairDisplay") format('svg');
  /* Legacy iOS */
}
/* Material Icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/MaterialIcons-Regular.eot");
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/MaterialIcons-Regular.woff2") format('woff2'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/MaterialIcons-Regular.woff") format('woff'), url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Fonts/MaterialIcons-Regular.ttf") format('truetype');
}
/*--------------------------------------------------------------------*/
/* GRID */
/*--------------------------------------------------------------------*/
.row {
  width: 1320px;
  margin: 0 auto;
  overflow: hidden;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  /*
	margin-right: $grid-spacing / 2;
	margin-left: $grid-spacing / 2;
	*/
  float: left;
  min-height: 1px;
}
.col-1 {
  width: 8.333%;
}
.col-2 {
  width: 16.666%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.333%;
}
.col-5 {
  width: 41.666%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.333%;
}
.col-8 {
  width: 66.666%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.333%;
}
.col-11 {
  width: 91.666%;
}
.col-12 {
  width: 100%;
  float: left;
}
.col-0 {
  width: 100%;
}
/* Basis-Schriftgrößen */
body {
  font-size: 1rem;
}
h1.bigger, .specialfont-bigger {
  font-size: 2.5rem;
}
/*40px*/
h1.big, .specialfont-big {
  font-size: 2rem;
}
/*32px*/
h1, .specialfont-base {
  font-size: 1.75rem;
}
/*28px*/
h2 {
  font-size: 1.625rem;
}
/*26px*/
h3 {
  font-size: 1.5rem;
}
/*24px*/
h4 {
  font-size: 1.375rem;
}
/*22px*/
h5 {
  font-size: 1.25rem;
}
/*20px*/
h6 {
  font-size: 1.125rem;
}
/*18px*/
/* media Queries in Bezug auf Basis-Schriftgrößen und frame-Breite */
/* XL 1536px*/
@media only screen and (max-width: 1320px) {
  .row {
    width: 100%;
  }
}
/* L 1022px*/
@media only screen and (max-width: 1022px) {
  .col-7, .col-8, .col-9, .col-10, .col-11 {
    width: 100%;
  }
}
/* M 780px*/
@media only screen and (max-width: 780px) {
  .col-4, .col-5, .col-6 {
    width: 100%;
  }
  .col-2, .col-3 {
    width: 50%;
  }
}
/* S 415px*/
@media only screen and (max-width: 415px) {
  .col-2, .col-3 {
    width: 100%;
  }
  .col-1 {
    width: 50%;
  }
}
/* XS 360px*/
@media only screen and (max-width: 360px) {
  .col-1 {
    width: 100%;
  }
}
.mi-account_circle:before {
  content: '';
}
.mi-add_circle:before {
  content: '';
}
.mi-cancel:before {
  content: '';
}
.mi-chevron_left:before {
  content: '';
}
.mi-chevron_right:before {
  content: '';
}
.mi-cloud_download:before {
  content: '';
}
.mi-email:before {
  content: '';
}
.mi-event:before {
  content: '';
}
.mi-expand_less:before {
  content: '';
}
.mi-expand_more:before {
  content: '';
}
.mi-home:before {
  content: '';
}
.mi-insert_drive_file:before {
  content: '';
}
.mi-link:before {
  content: '';
}
.mi-menu:before {
  content: '';
}
.mi-person:before {
  content: '';
}
.mi-phone:before {
  content: '';
}
.mi-print:before {
  content: '';
}
.mi-search:before {
  content: '';
}
.mi-place:before {
  content: '';
}
/*TODO: Übernahme in CKEditor */
/* Variablen von tx_wsscss übernehmen wegen mediaQueries */
/* auch, wenn die NOCH nicht gebraucht werden */
/* wenn nicht über die TS-Constants gepflegt wird, dann kann das auch in dieser Datei verbleiben */
/*ibes-Grün vorher: #00844a NSA*/
/*blau*/
/*neongrün*/
/* vorher:17a2b8, NSA*/
/* Vorher:  #0077F2;*/
/****************************************
ICONS 
****************************************/
*[class*="mi-"] {
  display: inline-block;
  margin-right: 12px;
}
*[class*="mi-"]:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none !important;
  width: 1.5em;
  -webkit-font-smoothing: antialiased;
  /* Support for all WebKit browsers. */
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
/****************************************
TYPO 
****************************************/
body {
  font-family: 'Assistant';
  font-size: 18px;
  line-height: 1.5em;
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: dimgray;
}
h1, h1.big, h1.bigger, h2, h3, h4, h5, h6 {
  font-family: 'Assistant';
  font-weight: 700;
}
.specialfont-base, .specialfont-big, .specialfont-bigger {
  font-family: 'Playfair Display';
}
.head-big-light {
  font-weight: 300;
  font-size: 36px;
  display: inline-block;
  padding-top: 29px;
  padding-right: 12px;
}
.head-big-bold-slash {
  font-weight: 700;
  font-size: 36px;
  display: inline-block;
}
.head-big-bold-slash:before {
  content: '';
  display: inline-block;
  height: 57px;
  width: 14px;
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Slash_dimgray.svg");
  background-repeat: no-repeat;
  margin-right: 5px;
}
/* Auslagerung der Basis-Schriftgrößen in die Grid-Definition */
/*
h1.bigger, .specialfont-bigger {font-size:3.339em;}
h1.big, .specialfont-big {font-size:2.671em;}
h1, .specialfont-base {font-size:2.337em;}
h2 {font-size:2.170em;}
h3 {font-size:1.333em;}
h4 {font-size:1.222em;}
h5 {font-size:1.111em;}
h6 {font-size:1em;}
*/
p, table, ul, ol, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 12px;
}
/****************************************
GLOBAL 
****************************************/
/* Ausrichtung */
.align-right, .text-right {
  text-align: right;
}
.align-center, .text-center {
  text-align: center;
}
.ce-textpic {
  overflow: visible;
}
#debug {
  display: none;
}
/****************************************
FARBEN 
****************************************/
.c1 {
  color: white;
}
.c2 {
  color: black;
}
.c3 {
  color: dimgray;
}
.c4 {
  color: #1B8048;
}
.c5 {
  color: #138cdb;
}
.c6 {
  color: #60ed91;
}
.c7 {
  color: lightgray;
}
.c8 {
  color: palevioletred;
}
.c9 {
  color: #138cdb;
}
.c10 {
  color: #ffcc03;
}
.bc0 {
  background-color: transparent;
}
.bc1 {
  background-color: white;
}
.bc2 {
  background-color: black;
}
.bc3 {
  background-color: dimgray;
}
.bc4 {
  background-color: #1B8048;
}
.bc5 {
  background-color: #138cdb;
}
.bc6 {
  background-color: #60ed91;
}
.bc7 {
  background-color: lightgray;
}
.bc8 {
  background-color: palevioletred;
}
.bc9 {
  background-color: #138cdb;
}
.bc10 {
  background-color: #ffcc03;
}
/* Hintergründe mit Bildern */
.bc51 {
  /* Streifen grau transparent */
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Gcon-Background-Stripes-gray.png");
  background-repeat: repeat-x;
}
.bc52 {
  /* Keyvisual */
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Hintergrund_ibes_eyecatcher.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.bc52.gcon {
  padding-bottom: 190px;
}
.bc53 {
  /* Keyvisual */
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Hintergrund_sercam_eyecatcher.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.bc53.gcon {
  padding-bottom: 190px;
}
.bc54 {
  /* Keyvisual */
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Hintergrund_inca_eyecatcher.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.bc54.gcon {
  padding-bottom: 190px;
}
/****************************************
AREAS 
****************************************/
#toolbar {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Background-Toolbar.png");
  background-repeat: no-repeat;
  background-position: center top;
}
#toolbar .frame {
  margin-bottom: 0;
}
#toolbar ul.list-horizontal {
  margin-top: 12px;
  justify-content: flex-end;
}
#toolbar ul.list-horizontal li {
  padding-right: 0;
  padding-left: 15px;
}
#toolbar a {
  color: white;
}
#toolbar a:visited {
  color: dimgray;
}
#toolbar a {
  text-decoration: none;
}
#toolbar a:hover {
  text-decoration: underline;
}
#header {
  background-color: white;
}
#header .row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 12.5px 0 12.5px;
}
#stage .gcon {
  padding: 0;
}
#pathnavi {
  display: none;
}
#footer {
  padding-bottom: 100px;
  background-color: black;
}
#footer .frame:nth-child(1) {
  margin-top: -30px;
}
#footer .row {
  overflow: visible;
}
#footer .claim .row {
  font-size: 26px;
  font-weight: 700;
  background-image: url(/typo3conf/ext/ambase/Resources/Public/Icons/Slash_white.svg);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 24px;
  height: 57px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  color: white;
}
#footer a {
  color: white;
}
#footer a:visited {
  color: dimgray;
}
#footer a, #footer .cookie-set {
  text-decoration: none;
}
#footer a:hover, #footer .cookie-set:hover {
  text-decoration: underline;
}
#footer .claim .row, #content .claim .row {
  font-size: 26px;
  font-weight: 700;
  background-image: url(/typo3conf/ext/ambase/Resources/Public/Icons/Slash_white.svg);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 24px;
  height: 57px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  color: white;
}
#content {
  position: relative;
}
#content .claim {
  position: absolute;
  z-index: 200;
  width: 100%;
}
#content ul {
  padding-left: 20px;
}
#logo {
  margin-top: 18px;
}
#logo .image-zoom, #logo .image-link {
  visibility: hidden;
}
#logo .frame {
  padding: 0;
}
#logo figure.image {
  margin-bottom: 0;
}
#pagetitle {
  display: none;
}
h1.pagetitle {
  color: white;
  font-size: 36px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 36px;
  height: 57px;
  /*
    &:after {
        content:'IT mit mehr Wert';
        font-size:26px;
        font-weight:700;
        background-image:url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Slash_white.svg");
        background-repeat: no-repeat;
        background-position:right;
        padding-right:24px;
        height:57px;
        display:flex;
        align-items: flex-end;

    }
    */
}
#cookieconsent {
  margin-top: 48px;
}
/****************************************
SIDEBAR
****************************************/
#sidebar {
  position: fixed;
  right: -400px;
  top: 155px;
  z-index: 300;
  bottom: 0;
  display: flex;
  justify-content: center;
  width: 560px;
  height: auto;
}
#sidebar .sidebar__body {
  width: 400px;
  padding: 24px 36px 24px 24px;
  background-color: #666;
  color: white;
  overflow-y: auto;
  height: 100%;
}
#sidebar .sidebar__body::-webkit-scrollbar {
  width: 20px;
}
#sidebar .sidebar__body::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#sidebar .sidebar__body::-webkit-scrollbar-thumb {
  background: #888;
}
#sidebar .sidebar__body::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#sidebar .sidebar__body a {
  color: white;
}
#sidebar .sidebar__nav a {
  display: inline-block;
  font-size: 26px;
  width: 160px;
  height: 75px;
  transform: rotate(270deg) translate(-43px, 43px);
  text-align: center;
  background-color: #138cdb;
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Slash_white.svg");
  background-repeat: no-repeat;
  background-position: 18px;
  color: white;
  padding-top: 24px;
  padding-left: 18px;
  text-decoration: none;
}
/****************************************
LINKS & BUTTONS 
****************************************/
/* Buttons und Link mit Class = btn gleich behandeln */
/* deshalb wegen buttons mehr Definitionen als die a bräuchten */
.btn, button {
  /* nur für Tag button notwendig */
  border: none;
  font-family: 'Assistant';
  font-size: 1.1em;
  display: inline-block;
  /* für alle a UND button notwendig */
  padding: 12px 24px;
  background-color: black;
  color: white !important;
}
.btn:hover, .btn:active, .btn.active, button:hover, button:active, button.active {
  background-color: black;
}
.btn.btn-100, button.btn-100 {
  display: block;
}
.btn.btn-dg, button.btn-dg {
  background-color: dimgray;
}
#toolbar a {
  text-decoration: none;
}
#toolbar a:visited, #toolbar a:active {
  color: white;
}
#toolbar a:hover {
  text-decoration: underline;
}
#content .bc1 a, #content .bc7 a {
  text-decoration: none;
  color: #138cdb;
}
#content .bc1 a:visited, #content .bc1 a:active, #content .bc7 a:visited, #content .bc7 a:active {
  color: #138cdb;
}
#content .bc1 a:hover, #content .bc7 a:hover {
  text-decoration: underline;
}
#content .bc3 a, #content .bc4 a {
  text-decoration: none;
  color: white;
}
#content .bc3 a:visited, #content .bc3 a:active, #content .bc4 a:visited, #content .bc4 a:active {
  color: white;
}
#content .bc3 a:hover, #content .bc4 a:hover {
  text-decoration: underline;
}
/****************************************
TABELLEN
****************************************/
.hscroll {
  overflow-x: auto;
}
/****************************************
LISTEN 
****************************************/
ul.list-horizontal {
  display: flex;
  list-style: none;
  padding-left: 0;
}
ul.list-horizontal li {
  padding-right: 12px;
}
/****************************************
GRIDELEMENTS
****************************************/
.gcon {
  /*margin-bottom:$p2;*/
  padding: 24px 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.gcon.gcon__body--nopadding {
  padding-top: 0;
}
.gcon.gcon--accordion {
  padding: 12px 0;
}
/* Verhalten der .frame in .row */
.gcon__stripes {
  position: absolute;
  min-height: 654px;
  width: 100%;
  z-index: 20;
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Background-stripes-eyecatcher.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.gcon__body {
  position: relative;
  flex-grow: 4;
  display: flex;
  align-items: center;
  z-index: 21;
}
.gcon__body .row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
}
.gcon__body.gcon__body--accordion {
  margin-top: 10px;
}
.gcon__body.gcon__body--stretch .row {
  align-items: stretch;
}
.gcon__body.gcon__body--justify .row {
  justify-content: center;
}
.gcon__body.gcon__body--wrap .row {
  flex-wrap: nowrap;
}
.gcon__head {
  position: relative;
  z-index: 21;
}
.gcon__head .ce-header {
  padding-left: 12.5px;
  padding-right: 12.5px;
}
.gcon__head.gcon__head--accordion .ce-header h1, .gcon__head.gcon__head--accordion .ce-header h2, .gcon__head.gcon__head--accordion .ce-header h3, .gcon__head.gcon__head--accordion .ce-header h4, .gcon__head.gcon__head--accordion .ce-header h5, .gcon__head.gcon__head--accordion .ce-header h6 {
  cursor: pointer;
  border-bottom: 1px dotted #138cdb;
  margin-bottom: 10px;
  padding-bottom: 12px;
  position: relative;
}
.gcon__head.gcon__head--accordion .ce-header h1:after, .gcon__head.gcon__head--accordion .ce-header h2:after, .gcon__head.gcon__head--accordion .ce-header h3:after, .gcon__head.gcon__head--accordion .ce-header h4:after, .gcon__head.gcon__head--accordion .ce-header h5:after, .gcon__head.gcon__head--accordion .ce-header h6:after {
  font-family: 'Material Icons';
  font-size: 1.5em;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.gcon__head.gcon__head--accordion_active .ce-header h1:after, .gcon__head.gcon__head--accordion_active .ce-header h2:after, .gcon__head.gcon__head--accordion_active .ce-header h3:after, .gcon__head.gcon__head--accordion_active .ce-header h4:after, .gcon__head.gcon__head--accordion_active .ce-header h5:after, .gcon__head.gcon__head--accordion_active .ce-header h6:after {
  content: "";
}
.gcon__bgimage {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.gcon__bgimage > div.frame {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
.gcon__bgimage .image-wrapper img {
  object-fit: cover;
}
/****************************************
FRAMES 
****************************************/
.frame {
  margin-bottom: 18px;
  padding-right: 12.5px;
  padding-left: 12.5px;
  display: flex;
  flex-direction: column;
}
.frame .ce-before, .frame .ce-after, .frame .ce-footer {
  display: none;
}
.frame .pc-box {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.frame .pc-box .ce-header, .frame .pc-box .ce-gallery, .frame .pc-box .ce-bodytext, .frame .pc-box .ce-footer {
  padding: 0;
}
.frame .pc-box.ce-below .ce-header {
  order: 1;
}
.frame .pc-box.ce-below .ce-gallery {
  order: 4;
}
.frame .pc-box.ce-below .ce-bodytext {
  order: 2;
}
.frame .pc-box.ce-below .ce-footer {
  order: 3;
}
.frame .pc-box.ce-below .ce-gallery {
  margin-top: 0;
}
.frame .pc-box.ce-above .ce-gallery {
  margin-bottom: 0;
}
.frame .pc-box .ce-bodytext {
  flex-grow: 1;
}
.frame-shortcut {
  float: left;
  width: auto;
}
.frame.frame-layout-102 .ce-above .ce-header, .frame.frame-layout-102 .ce-above .ce-gallery, .frame.frame-layout-102 .ce-above .ce-bodytext, .frame.frame-layout-102 .ce-above .ce-footer {
  padding: 0 18px 18px 18px;
}
.frame.frame-layout-102 .ce-above .ce-header {
  padding-top: 18px;
  padding-bottom: 0;
}
.frame.frame-layout-102 .ce-above .ce-gallery {
  padding-top: 18px;
}
.frame.frame-layout-102 .ce-below .ce-header, .frame.frame-layout-102 .ce-below .ce-gallery, .frame.frame-layout-102 .ce-below .ce-bodytext, .frame.frame-layout-102 .ce-below .ce-footer {
  padding: 18px 18px 0 18px;
}
.frame.frame-layout-102 .ce-below .ce-gallery {
  padding-bottom: 18px;
}
.triangle-0 .triangle {
  display: none;
}
/* Standard */
.frame-layout-0 .triangle {
  display: none;
}
/* Akkordeon */
/* Box mit Dreieck 2 */
.frame-layout-102 .pc-box {
  background-color: transparent;
}
.frame-layout-102 .pc-box .wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.frame-layout-102 .pc-box .wrapper > a {
  display: flex;
  flex-direction: column;
}
.frame-layout-102 .pc-box .ce-header {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Slash_blue.svg");
  background-repeat: no-repeat;
  background-position: 18px 0;
  padding-top: 0;
}
.frame-layout-102 .pc-box .ce-header h1, .frame-layout-102 .pc-box .ce-header h2, .frame-layout-102 .pc-box .ce-header h3, .frame-layout-102 .pc-box .ce-header h4, .frame-layout-102 .pc-box .ce-header h5, .frame-layout-102 .pc-box .ce-header h6 {
  margin: 18px 0 0 40px;
  color: #138cdb;
}
.frame-layout-102 .pc-box .ce-bodytext {
  padding-top: 18px !important;
}
.frame-layout-102 .pc-box.bc1 .wrapper {
  background-color: white;
}
.frame-layout-102 .pc-box.bc2 .wrapper {
  background-color: black;
}
.frame-layout-102 .pc-box.bc3 .wrapper {
  background-color: dimgray;
}
.frame-layout-102 .pc-box.bc4 .wrapper {
  background-color: #1B8048;
}
.frame-layout-102 .pc-box.bc5 .wrapper {
  background-color: #138cdb;
}
.frame-layout-102 .pc-box.bc6 .wrapper {
  background-color: #60ed91;
}
.frame-layout-102 .pc-box.bc7 .wrapper {
  background-color: lightgray;
}
.frame-layout-102 .pc-box.bc8 .wrapper {
  background-color: palevioletred;
}
.frame-layout-102 .pc-box.bc9 .wrapper {
  background-color: #138cdb;
}
.frame-layout-102 .pc-box.bc10 .wrapper {
  background-color: #ffcc03;
}
.frame-layout-102 .pc-box .triangle {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Dreieck_weiss.svg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  margin-top: -0.7px;
}
.frame-layout-102 .pc-box.bc1 .triangle {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Dreieck_weiss.svg");
}
.frame-layout-102 .pc-box.bc2 .triangle {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Dreieck_black.svg");
}
.frame-layout-102 .pc-box.bc3 .triangle {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Dreieck_dimgray.svg");
}
.frame-layout-102 .pc-box.bc4 .triangle {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Dreieck_green.svg");
}
.frame-layout-102 .pc-box.bc5 .triangle {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Dreieck_blue.svg");
}
.frame-layout-102 .pc-box.bc6 .triangle {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Dreieck_neongreen.svg");
}
.frame-layout-102 .pc-box.bc7 .triangle {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Dreieck_lightgray.svg");
}
.frame-layout-102 .pc-box.bc1 .ce-header, .frame-layout-102 .pc-box.bc7 .ce-header {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Slash_blue.svg");
}
.frame-layout-102 .pc-box.bc1 .ce-header h1, .frame-layout-102 .pc-box.bc1 .ce-header h2, .frame-layout-102 .pc-box.bc1 .ce-header h3, .frame-layout-102 .pc-box.bc1 .ce-header h4, .frame-layout-102 .pc-box.bc1 .ce-header h5, .frame-layout-102 .pc-box.bc1 .ce-header h6, .frame-layout-102 .pc-box.bc7 .ce-header h1, .frame-layout-102 .pc-box.bc7 .ce-header h2, .frame-layout-102 .pc-box.bc7 .ce-header h3, .frame-layout-102 .pc-box.bc7 .ce-header h4, .frame-layout-102 .pc-box.bc7 .ce-header h5, .frame-layout-102 .pc-box.bc7 .ce-header h6 {
  color: #138cdb;
}
.frame-layout-102 .pc-box.bc10 .ce-header {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Slash_lightgray.svg");
}
.frame-layout-102 .pc-box.bc10 .ce-header h1, .frame-layout-102 .pc-box.bc10 .ce-header h2, .frame-layout-102 .pc-box.bc10 .ce-header h3, .frame-layout-102 .pc-box.bc10 .ce-header h4, .frame-layout-102 .pc-box.bc10 .ce-header h5, .frame-layout-102 .pc-box.bc10 .ce-header h6 {
  color: dimgray;
}
.frame-layout-102 .pc-box.bc2 .ce-header, .frame-layout-102 .pc-box.bc3 .ce-header, .frame-layout-102 .pc-box.bc4 .ce-header, .frame-layout-102 .pc-box.bc5 .ce-header, .frame-layout-102 .pc-box.bc6 .ce-header {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Slash_white.svg");
}
.frame-layout-102 .pc-box.bc2 .ce-header h1, .frame-layout-102 .pc-box.bc2 .ce-header h2, .frame-layout-102 .pc-box.bc2 .ce-header h3, .frame-layout-102 .pc-box.bc2 .ce-header h4, .frame-layout-102 .pc-box.bc2 .ce-header h5, .frame-layout-102 .pc-box.bc2 .ce-header h6, .frame-layout-102 .pc-box.bc3 .ce-header h1, .frame-layout-102 .pc-box.bc3 .ce-header h2, .frame-layout-102 .pc-box.bc3 .ce-header h3, .frame-layout-102 .pc-box.bc3 .ce-header h4, .frame-layout-102 .pc-box.bc3 .ce-header h5, .frame-layout-102 .pc-box.bc3 .ce-header h6, .frame-layout-102 .pc-box.bc4 .ce-header h1, .frame-layout-102 .pc-box.bc4 .ce-header h2, .frame-layout-102 .pc-box.bc4 .ce-header h3, .frame-layout-102 .pc-box.bc4 .ce-header h4, .frame-layout-102 .pc-box.bc4 .ce-header h5, .frame-layout-102 .pc-box.bc4 .ce-header h6, .frame-layout-102 .pc-box.bc5 .ce-header h1, .frame-layout-102 .pc-box.bc5 .ce-header h2, .frame-layout-102 .pc-box.bc5 .ce-header h3, .frame-layout-102 .pc-box.bc5 .ce-header h4, .frame-layout-102 .pc-box.bc5 .ce-header h5, .frame-layout-102 .pc-box.bc5 .ce-header h6, .frame-layout-102 .pc-box.bc6 .ce-header h1, .frame-layout-102 .pc-box.bc6 .ce-header h2, .frame-layout-102 .pc-box.bc6 .ce-header h3, .frame-layout-102 .pc-box.bc6 .ce-header h4, .frame-layout-102 .pc-box.bc6 .ce-header h5, .frame-layout-102 .pc-box.bc6 .ce-header h6 {
  color: white;
}
/****************************************
BILDER Zoom, Link, Copyright, width 
****************************************/
.ce-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -5px;
  margin-right: -5px;
}
.ce-gallery.ce-right {
  justify-content: flex-end;
}
.ce-gallery.ce-left {
  justify-content: flex-start;
}
.ce-gallery.ce-countone {
  margin-left: 0;
  margin-right: 0;
}
.ce-gallery.ce-countone figure.image {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.ce-gallery.ce-countone figure.image img {
  width: 100%;
  height: auto;
}
figure.image {
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
figure.image .image-wrapper {
  /*.image-wrapper, img {width:100%;}*/
  position: relative;
}
figure.image .image-wrapper img {
  display: block;
}
figure.image .image-wrapper .image-copyright {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 6px;
  color: white;
  font-size: 10px;
  font-style: italic;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 200;
}
figure.image .image-wrapper .image-zoom, figure.image .image-wrapper .image-link {
  display: none;
  opacity: 0.5;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/zoom-image.png");
}
figure.image .image-wrapper .image-link {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/zoom-text.png");
}
figure.image figcaption {
  padding: 10px 0;
  font-style: italic;
  opacity: 0.8;
  display: block;
}
/****************************************
FORMULARE 
****************************************/
input, textarea {
  font-size: 18px;
  font-family: 'Assistant';
  padding: 8px 12px;
  margin-top: 6px;
  margin-bottom: 12px;
  width: 100%;
  border: none;
  background-color: white;
}
textarea {
  height: 150px;
}
.error.help-block {
  background-color: red;
  color: white;
  margin-bottom: 12px;
  padding: 6px 12px;
  width: 100%;
  display: block;
}
input[required="required"], textarea[required="required"] {
  /*background-color: lighten($c5,40%);*/
}
.input.checkbox label {
  display: flex;
}
.input.checkbox label input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  outline: none;
  content: none;
  width: 38px;
  height: 38px;
  margin-right: 24px;
  padding: 0;
}
.input.checkbox label input[type="checkbox"]:before {
  font-family: 'Material Icons';
  font-size: 30px;
  content: "";
  color: transparent !important;
  background: white;
  display: block;
  padding-left: 5px;
  padding-top: 2px;
}
.input.checkbox label input[type=checkbox]:checked:before {
  color: dimgray !important;
}
.input.checkbox label span {
  padding-top: 12px;
}
form .frame {
  padding-left: 0;
  padding-right: 0;
}
.form-group {
  margin-bottom: 12px;
}
/* media Queries */
/* Abhängigkeiten: Breiten und Schriftgrößen */
/* size XL */
/* size L */
/* size M */
@media only screen and (max-width: 780px) {
  #header {
    height: auto;
    overflow: visible;
  }
  #header .row {
    flex-direction: column;
  }
  #sidebar {
    left: 0;
    bottom: 0;
    top: auto;
    height: 45px;
    width: 75px;
    flex-direction: column;
    z-index: 600;
  }
  #sidebar .sidebar__body {
    width: 100%;
    display: none;
  }
  #sidebar .sidebar__body ul li ul li {
    margin-bottom: 15px;
  }
  #sidebar .sidebar__nav {
    position: absolute;
    bottom: 0;
  }
  #sidebar .sidebar__nav a {
    width: 150px;
    transform: none;
    -webkit-box-shadow: 5px -5px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px -5px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 5px -5px 10px 0px rgba(0, 0, 0, 0.5);
  }
  #sidebar .sidebar__nav a:hover {
    background-color: black;
  }
  #sidebar.sidebar__nav--visible {
    height: 100%;
    width: 100%;
    top: 0;
    bottom: auto;
  }
  #sidebar.sidebar__nav--visible .sidebar__body {
    display: block;
  }
  .bc52 {
    background-image: none;
    background: #138cdb;
    background: -webkit-linear-gradient(left, #4d86a3 0%, #1B8048 100%);
    background: -o-linear-gradient(left, #4d86a3 0%, #1B8048 100%);
    background: linear-gradient(to right, .bc52 c11 0%, #1B8048 100%);
  }
  .bc52.gcon {
    padding-bottom: 20px;
  }
  .frame-layout-100.col-4 .pc-box:after {
    height: 25px;
  }
  .gcon__body--nopadding .gcon__head .ce-header {
    padding-top: 12px;
  }
  h1.pagetitle, .head-big-light, .head-big-bold-slash {
    font-size: 26px;
  }
  .head-big-light {
    padding-top: 34px;
  }
  #footer .list-horizontal {
    flex-direction: column;
    padding-top: 60px;
  }
  #footer .gcon__head .row:before {
    margin-right: 12.5px;
  }
  #content .claim {
    display: none;
  }
  #content .c1 a {
    color: white;
  }
  #content .c1 a:visited {
    color: lightgray;
  }
  #toolbar .row .frame {
    display: none;
  }
  #toolbar #langmenu.frame {
    display: block;
  }
}
/* size S */
/* size XS */
#mainnavi * {
  margin: 0;
  padding: 0;
}
#mainnavi li ul {
  display: none;
}
.mainnavi__navtype--metanavi, .mainnavi__navtype--footer {
  display: none;
}
/* Menüleiste / Burger-Menü */
#mainnavi .mainnavi__menu-toggle {
  display: none;
  height: 50px;
  background-color: #1B8048;
  color: white;
  cursor: pointer;
}
#mainnavi .mainnavi__menu-toggle span {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#mainnavi .mainnavi__menu-toggle button {
  background-color: #1B8048;
  padding-right: 12.5px;
  font-family: 'Material Icons';
}
#mainnavi .mainnavi__menu-toggle button:before {
  content: '';
}
#mainnavi .mainnavi__menu-toggle button.mainnavi__icon--open:before {
  content: '';
}
/* erste Ebene */
#mainnavi li {
  position: relative;
  margin-left: 16px;
}
#mainnavi li:hover a {
  color: #138cdb;
}
#mainnavi li:hover a:before {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Slash_blue.svg");
}
#mainnavi li.mainnavi__item--active a {
  color: #138cdb;
}
#mainnavi li.mainnavi__item--active a:before {
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Slash_blue.svg");
}
#mainnavi a {
  font-size: 26px;
  font-weight: 700;
  text-decoration: none;
  color: dimgray;
  display: block;
  white-space: nowrap;
  /*height:100px;*/
}
#mainnavi a:before {
  content: '';
  display: inline-block;
  height: 57px;
  width: 14px;
  background-image: url("https://www.inca.eu/typo3conf/ext/ambase/Resources/Public/Icons/Slash_dimgray.svg");
  background-repeat: no-repeat;
}
#mainnavi ul {
  display: flex;
  justify-content: flex-start;
  list-style: none;
}
#mainnavi ul.mainnavi__menu--open {
  display: block;
}
/* XL 1536px*/
/* L 1022px*/
@media only screen and (max-width: 1022px) {
  #mainnavi a {
    font-size: 22px;
  }
}
/* M 780px*/
@media only screen and (max-width: 780px) {
  #mainnavi {
    z-index: 200;
    background-color: #1B8048;
    margin: 0 -12.5px;
  }
  #mainnavi .mainnavi__menu-toggle {
    display: block;
  }
  #mainnavi ul {
    display: none;
  }
  #mainnavi li {
    border-bottom: 1px dotted white;
  }
  #mainnavi li.mainnavi__item--active a {
    color: white;
    opacity: 0.35;
  }
  #mainnavi a {
    height: 50px;
    color: white;
    padding-top: 10px;
  }
  #mainnavi a:before {
    background-image: none !important;
    height: auto !important;
  }
  .mainnavi__navtype--metanavi {
    display: list-item;
  }
}
/* S 415px*/
/* XS 360px*/
/* DOCUMENT INFORMATION
    - Document: Stylesheet for WACON COOKIE CONSENT BOX
    - Version:  1.1.4
    - Client:   WACON Internet GmbH
    - Author:   Kerstin Schmitt / Oliver Best
*/
.waconcookiemanagement {
  display: none;
  font-family: Helvetica, sans-serif;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
  font-weight: 300;
}
.cookie-set.script img {
  max-width: 100%;
  height: auto;
  /* filter: grayscale(100%) blur(5px) brightness(300%) saturate(0%) contrast(50%);
    -webkit-filter: grayscale(100%) blur(5px) brightness(300%) saturate(0%) contrast(50%);
    -moz-filter: grayscale(100%) blur(5px) brightness(300%) saturate(0%) contrast(50%);*/
}
#CookieBox p, #CookieBox h1, #CookieBox h2, #CookieBox h3 {
  color: dimgray;
  text-transform: none;
  text-decoration: none;
  font-style: normal;
}
#CookieBox a {
  color: dimgray;
  font-size: 16px;
  text-transform: none;
  text-decoration: none;
}
#CookieBox {
  z-index: 201;
  position: fixed;
  top: 10%;
  left: 20%;
  width: 60%;
  max-width: 100%;
  max-height: 80%;
  overflow: auto;
  background: white;
  padding: 70px 20px 20px;
  border-radius: 0;
}
#CookieBox h2 {
  text-align: center;
  font-weight: 600;
  font-size: 1.6rem;
}
#CookieBox ul {
  margin: 0;
  padding: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
#CookieBox p {
  font-size: 1.1rem;
  margin: 0 auto 10px;
}
#CookieBox .cookie-btn {
  display: inline-block;
  font-family: inherit;
  font-size: 1.1rem;
  font-weight: bold;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #1B8048;
  border-radius: 0;
  color: white;
  cursor: pointer;
  margin: 15px auto;
}
#CookieBox .cookie-btn:hover {
  color: white;
  text-decoration: none;
}
#CookieBox .cookie-accept {
  text-align: center;
  cursor: pointer;
}
#CookieBox .cookie-accept a {
  padding: 10px 50px;
}
#CookieBox .cookieclose {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
  border-radius: 0;
  border: 1px solid dimgray;
  background: dimgray;
  padding: 2px 9px;
  font-family: Verdana, sans-serif;
  font-size: 26px;
  color: white;
}
#CookieBox .intro p {
  width: 75%;
}
#CookieBox .cookie-management, #CookieBox .cookie-refuse {
  margin: 10px auto;
  width: 65%;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  padding: 5px;
  background-color: lightgray;
}
#CookieBox .text-center {
  text-align: center;
}
#CookieBox .text-right, #CookieBox .text-back-right {
  text-align: right;
}
#CookieBox .text-back-right a {
  display: inline-block;
  padding: 0 5px;
  margin-right: 10px;
  color: dimgray;
  text-decoration: none;
}
#CookieBox .cookieback {
  margin-left: auto;
  margin-right: auto;
  width: 65%;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  padding: 5px;
  margin-bottom: 10px;
  background-color: lightgray;
}
#CookieBox .cookie-on, #CookieBox .cookie-off {
  float: left;
  cursor: pointer;
  margin-right: 5px;
}
#CookieBox .cookie-on {
  display: none;
}
#CookieBox .intro .cookie-legal {
  margin-top: 50px;
  width: 100%;
}
#CookieBox .cookie-legal a {
  display: inline-block;
  padding: 0;
  font-size: 0.9rem;
  margin-right: 30px;
  color: dimgray;
  text-decoration: none;
  cursor: pointer;
}
#CookieBox .cookie-legal a:hover {
  text-decoration: underline;
}
#CookieBox .info-text {
  display: none;
}
#CookieBox .info-show {
  cursor: pointer;
}
#CookieBox .info-hide {
  cursor: pointer;
}
#CookieBox .category {
  background: #eeeeee;
  padding: 10px;
  margin: 25px 30px;
}
#CookieBox .category h3 {
  margin-top: 0;
  font-size: 1.25rem;
}
#CookieBox .cookie-info {
  background: white;
  padding: 10px;
}
#CookieBox .cookie-info table {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}
#CookieBox .cookie-info td {
  padding: 3px 10px 3px 0;
  border-top: #eeeeee solid 1px;
}
#CookieBox .cookie-info p {
  margin-top: 0;
}
#CookieBox .box-cookie-management {
  display: none;
  overflow: auto;
}
#CookieBox .box-cookie-management-in > p {
  width: 80%;
}
#CookieBox .deactivated, #CookieBox .activated {
  width: 40px;
  height: 20px;
  border-radius: 0;
  background: lightgray;
  display: inline-block;
}
#CookieBox .activated {
  background: #1B8048;
}
#CookieBox .off, #CookieBox .on {
  cursor: pointer;
  display: block;
  float: left;
  background: white;
  width: 16px;
  margin: 2px;
  height: 16px;
  border-radius: 0;
}
#CookieBox .on {
  float: right;
}
#CookieBox .arrow {
  border: 0.5rem solid dimgray;
  font-size: 0;
  line-height: 0;
  height: 0;
  padding: 0;
  margin: 0px 10px;
  display: inline-block;
}
#CookieBox .arrow.down {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  margin-bottom: -5px;
}
#CookieBox .arrow.up {
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  margin-top: -5px;
}
/* CookieFix unterer Bereich mit Buttons */
#CookieBox .cookie-fix {
  display: none;
  overflow: auto;
  padding: 20px 0 0 0;
}
#CookieBox .cookie-fix .cookie-save {
  float: left;
  margin-left: 30px;
}
#CookieBox .cookie-fix .text-back-right {
  float: right;
  margin-right: 30px;
}
#CookieBox .cookie-fix .cookieback, #CookieBox .cookie-fix .cookie-refuse {
  display: block;
  margin: 10px auto;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  padding: 5px 20px;
  background-color: lightgray;
  white-space: nowrap;
  width: auto;
}
#CookieBox .cookie-fix .cookie-legal {
  clear: both;
}
.cookie-set.script {
  cursor: pointer;
  position: relative;
  min-height: 50px;
  background: white;
  text-align: center;
}
.cookie-set.script p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: dimgray;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 auto;
  padding: 40px;
  border-radius: 0;
}
.cookie-set {
  cursor: pointer;
}
@media (max-width: 1000px) {
  #CookieBox {
    left: 2%;
    width: 96%;
    top: 5%;
    max-height: 90%;
    min-height: 90%;
  }
}
@media (max-width: 786px) {
  #CookieBox .cookie-fix .text-back-right {
    width: 87%;
  }
}
/*@import "responsive";*/