@charset "UTF-8";
/******************************/
/******************************/
/* Important */
/******************************/
/******************************/
/*Always use for responsive: max-width: <= min-width: >=*/
/*(min-width : $min_menu_width + 1px)*/
/******************************/
/*Write a seconde width rule*/
/*calc*/
/******************************/
/*Use the mixin*/
/*mask*/
/******************************/
/*Insert them as embed and give them fix width and height for safari*/
/*SVG*/
/******************************/
/*Give them table-layout:fixed for ie*/
/*table*/
/******************************/
/*Make sure all images are at 100% for ie*/
/*max width 100%*/
/******************************/
/******************************/
/* *fonts */
/******************************/
/******************************/
/* ************************************************************ */
/* Font(s) */
/* ************************************************************ */
/* ************************************************************ */
/* Colors */
/* ************************************************************ */
/* EURF colors */
/* ************************************************************ */
/* Color variables */
/* ************************************************************ */
/* ************************************************************ */
/* Paddings */
/* ************************************************************ */
/* ************************************************************ */
/* Line height */
/* ************************************************************ */
/* ************************************************************ */
/* HTML Element groups  */
/* ************************************************************ */
/* ************************************************************ */
/* breakpoints */
/* ************************************************************ */
/* ************************************************************ */
/* GHenerate usabnle media queries */
/* ************************************************************ */
/* ************************************************************ */
/* container */
/* ************************************************************ */
/* ************************************************************ */
/* GENERAL MIXINS */
/* ************************************************************ */
/******************************/
/* Transitions */
/******************************/
/******************************/
/* Placeholder  */
/******************************/
/* ************************************************************ */
/* Shadows */
/* ************************************************************ */
/* ************************************************************ */
/* Rounded corners */
/* ************************************************************ */
/******************************/
/* mask */
/******************************/
/* ************************************************************ */
/* Background image */
/* ************************************************************ */
/******************************/
/* context ?!!??! WHAT IS THAT ?!?!*/
/******************************/
/******************************/
/* Internet Explorer 9-11 */
/******************************/
/******************************/
/* Safari 5.1-6.0 (& old Chrome versions 10-24) */
/******************************/
/******************************/
/* flex supports */
/******************************/
/******************************/
/* Animations */
/******************************/
/* ************************************************************ */
/* SVG HEXAGON */
/* ************************************************************ */
/* ************************************************************ */
/* INCLUDE / IMPORT ALL STYLES FROM SCSS FILES - ORDERD ! */
/* ************************************************************ */
*:focus {
  outline: none !important;
}

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;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a, a:visited, a:link, a:active {
  text-decoration: none;
}

/* ************************************************************ */
/* GLOBAL LAYOUT (Boxes, general sizes etc.) */
/* ************************************************************ */
/* ************************************************************ */
/* Main Content area (screen wide) */
/* ************************************************************ */
#main-content-container {
  background-color: #FFFFFF;
  margin-top: 1em;
  /* ************************************************************ */
  /* Only select first centered container in main-content-area*/
  /* ************************************************************ */
}
#main-content-container #main-content-inner > .full-width-container {
  padding: 0 4rem;
}
#main-content-container #main-content-inner > .full-width-container > .centered-container {
  padding: 0 4rem;
}
#main-content-container #main-content-inner > .full-width-container > .centered-container ~ .centered-container {
  padding: 0;
}

/* ************************************************************ */
/* centered colums */
/* ************************************************************ */
#bottombar-inner,
#navigation-inner,
#footer-inner,
#header-inner,
#topbar-inner,
.centered-container {
  max-width: 1200px;
  margin: auto;
}

/* ************************************************************ */
/* General / Global styles */
/* ************************************************************ */
*:focus {
  outline: none !important;
}

* {
  box-sizing: border-box;
}

#main-content-container {
  clear: both;
}

.overflow-hidden {
  overflow: hidden;
}

.only-responsive {
  display: none;
}

/* ************************************************************ */
/* Columns vertical alignment */
/* ************************************************************ */
.vertical-align-top .column-container {
  vertical-align: top;
}

.vertical-align-middle .column-container {
  vertical-align: middle;
}

.vertical-align-bottom .column-container {
  vertical-align: bottom;
}

/* ************************************************************ */
/* Clearfix */
/* ************************************************************ */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* ************************************************************************************************************************ */
/* Responsive version */
/* ************************************************************************************************************************ */
@media (min-width: 992px) and (max-width: 1219px) {
  #bottombar-inner,
#navigation-inner,
#footer-inner,
#header-inner,
#topbar-inner,
.centered-container {
    max-width: 992px;
  }
}
/* end of for-tablet-landscape-to-desktop */
@media (min-width: 768px) and (max-width: 991px) {
  #bottombar-inner,
#navigation-inner,
#footer-inner,
#header-inner,
#topbar-inner,
.centered-container {
    max-width: 768px;
  }
}
/* end of for-tablet-portrait-to-tablet-landscape */
@media (max-width: 767px) {
  #bottombar-inner,
#navigation-inner,
#footer-inner,
#header-inner,
#topbar-inner,
.centered-container {
    max-width: 100%;
  }

  #main-content-container #main-content-inner > .full-width-container {
    padding: 0;
  }
  #main-content-container #main-content-inner > .full-width-container > .centered-container {
    padding: 0 1rem;
  }
  #main-content-container #main-content-inner > .full-width-container > .centered-container ~ .centered-container {
    padding: 0;
  }
}
/* end of for-phones-to-tablet-portrait */
/* ************************************************************ */
/* Define GRID - FCE columns, etc  */
/* ************************************************************ */
/* ************************************************************ */
/* General column styles */
/* ************************************************************ */
.columns-container {
  width: 100%;
  word-wrap: break-word;
}

.column-container {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

/* ************************************************************ */
/* 1 column - 100% */
/* ************************************************************ */
.one-column-100 > .columns-inner > .column-100 {
  width: 100%;
}

/* ************************************************************ */
/* 1 column - centered - reduced width */
/* ************************************************************ */
.one-column-reduced {
  text-align: center;
}
.one-column-reduced > .columns-inner > .column-reduced {
  width: 75%;
  max-width: 900px;
  margin: 0 auto;
}

/* ************************************************************ */
/* 2 columns -  33/66 */
/* ************************************************************ */
.two-colums-33-66 > .columns-inner > .column-33-66.column-left {
  width: 33.3333333333%;
  max-width: 400px;
}
.two-colums-33-66 > .columns-inner > .column-33-66.column-right {
  width: 66.6666666667%;
  max-width: 800px;
}

/* ************************************************************ */
/* 2 columns -  25/75 */
/* ************************************************************ */
.two-colums-25-75 > .columns-inner > .column-25-75.column-left {
  width: 25%;
  max-width: 300px;
}
.two-colums-25-75 > .columns-inner > .column-25-75.column-right {
  width: 75%;
  max-width: 900px;
}

/* ************************************************************ */
/* 2 columns -  75/25 */
/* ************************************************************ */
.two-colums-75-25 > .columns-inner > .column-75-25.column-left {
  width: 75%;
  max-width: 900px;
}
.two-colums-75-25 > .columns-inner > .column-75-25.column-right {
  width: 25%;
  max-width: 300px;
}

/* ************************************************************ */
/* 2 columns -  66/33 */
/* ************************************************************ */
.two-colums-66-33 > .columns-inner > .column-66-33.column-left {
  width: 66.6666666667%;
  max-width: 800px;
}
.two-colums-66-33 > .columns-inner > .column-66-33.column-right {
  width: 33.3333333333%;
  max-width: 400px;
}

/* ************************************************************ */
/* 2 columns -  50/50 */
/* ************************************************************ */
.two-colums-50-50 > .columns-inner > .column-50-50.column-left {
  width: 50%;
  max-width: 600px;
}
.two-colums-50-50 > .columns-inner > .column-50-50.column-right {
  width: 50%;
  max-width: 600px;
}

/* ************************************************************ */
/* 3 columns -  33/33/33 */
/* ************************************************************ */
.three-colums-33-33-33 > .columns-inner > .column-33-33-33 {
  display: inline-block;
  width: 33.3333333333%;
  max-width: 400px;
}

/* ************************************************************ */
/* 3 columns -  25/50/25 */
/* ************************************************************ */
.three-colums-25-50-25 > .columns-inner > .column-25-50-25.column-left {
  width: 25%;
  max-width: 300px;
}
.three-colums-25-50-25 > .columns-inner > .column-25-50-25.column-middle {
  width: 50%;
  max-width: 600px;
}
.three-colums-25-50-25 > .columns-inner > .column-25-50-25.column-right {
  width: 25%;
  max-width: 300px;
}

/* ************************************************************ */
/* 3 columns -  50/25/25 */
/* ************************************************************ */
.three-colums-50-25-25 > .columns-inner > .column-50-25-25.column-left {
  width: 50%;
  max-width: 600px;
}
.three-colums-50-25-25 > .columns-inner > .column-50-25-25.column-middle {
  width: 25%;
  max-width: 300px;
}
.three-colums-50-25-25 > .columns-inner > .column-50-25-25.column-right {
  width: 25%;
  max-width: 300px;
}

/* ************************************************************ */
/* 3 columns -  25/25/50 */
/* ************************************************************ */
.three-colums-25-25-50 > .columns-inner > .column-25-25-50.column-left {
  width: 25%;
  max-width: 300px;
}
.three-colums-25-25-50 > .columns-inner > .column-25-25-50.column-middle {
  width: 25%;
  max-width: 300px;
}
.three-colums-25-25-50 > .columns-inner > .column-25-25-50.column-right {
  width: 50%;
  max-width: 600px;
}

/* ************************************************************ */
/* 4 columns -  25/25/25/25 */
/* ************************************************************ */
.four-colums-25-25-25-25 > .columns-inner > .column-25-25-25-25.column-left {
  width: 25%;
  max-width: 300px;
}
.four-colums-25-25-25-25 > .columns-inner > .column-25-25-25-25.column-middle-left {
  width: 25%;
  max-width: 300px;
}
.four-colums-25-25-25-25 > .columns-inner > .column-25-25-25-25.column-middle-right {
  width: 25%;
  max-width: 300px;
}
.four-colums-25-25-25-25 > .columns-inner > .column-25-25-25-25.column-right {
  width: 25%;
  max-width: 300px;
}

/* ************************************************************************************************************************ */
/* Responsive version */
/* ************************************************************************************************************************ */
/* end of for-tablet-landscape-to-desktop */
/* end of for-tablet-portrait-to-tablet-landscape */
@media (max-width: 767px) {
  .column-left,
.column-right,
.column-middle-left,
.column-middle-right,
.column-middle {
    padding: 0;
    width: 100% !important;
    margin: auto;
    display: block !important;
  }

  #content-box > div > div {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
}
/* end of for-phones-to-tablet-portrait */
/* ************************************************************ */
/* Responsive version */
/* ************************************************************ */
/* ************************************************************ */
/* Paddings Definitions */
/* use $paddding values from main.scss !
/* Normal, Small, Large
/* ************************************************************ */
/* ************************************************************ */
/* General Padding*/
/* ************************************************************ */
.padding-default {
  /*Default box*/
  /*Color Box*/
  /*Border Box*/
  /*Full width + centered*/
}
.padding-default.default-box > div {
  padding: 2rem 0;
}
.padding-default > div.color-box {
  padding: 2rem;
}
.padding-default > div.border-box {
  padding: 0;
}
.padding-default.full-width-container.color-box {
  padding: 2rem 0;
}

/* ************************************************************ */
/* NO Padding boxes */
/* ************************************************************ */
.no-padding > div, .no-padding.header {
  padding: 0;
}

/* ************************************************************ */
/* Large Padding boxes */
/* ************************************************************ */
.padding-large > div, .padding-large.header {
  padding: 2rem;
}

/* ************************************************************ */
/* "Normal" Padding boxes */
/* ************************************************************ */
.padding-normal > div, .padding-normal.header {
  padding: 2rem;
}

/* ************************************************************ */
/* Small Padding boxes */
/* ************************************************************ */
.padding-small > div, .padding-small.header {
  padding: 0.5rem;
}

/* ************************************************************ */
/* Vertical Padding definitions */
/* ************************************************************ */
.padding-vertical-large > div, .padding-vertical-large.header {
  padding: 2rem 0;
}

.padding-vertical-normal > div, .padding-vertical-normal.header {
  padding: 2rem 0;
}

.padding-vertical-small > div, .padding-vertical-small.header {
  padding: 0.5rem 0;
}

/* ************************************************************ */
/* Only TOP Padding definitions */
/* ************************************************************ */
.padding-top-large > div, .padding-top-large.header {
  padding: 2rem 0 0 0;
}

.padding-top-normal > div, .padding-top-normal.header {
  padding: 2rem 0 0 0;
}

.padding-top-small > div, .padding-top-small.header {
  padding: 0.5rem 0 0 0;
}

/* ************************************************************ */
/* Only Bottom Padding definitions */
/* ************************************************************ */
.padding-bottom-large > div, .padding-bottom-large.header {
  padding: 0 0 2rem 0;
}

.padding-bottom-normal > div, .padding-bottom-normal.header {
  padding: 0 0 2rem 0;
}

.padding-bottom-small > div, .padding-bottom-small.header {
  padding: 0 0 0.5rem 0;
}

/* ************************************************************ */
/* Horizontal Padding definitions */
/* ************************************************************ */
.padding-horizontal-large > div, .padding-horizontal-large.header {
  padding: 0 2rem;
}

.padding-horizontal-normal > div, .padding-horizontal-normal.header {
  padding: 0 2rem;
}

.padding-horizontal-small > div, .padding-horizontal-small.header {
  padding: 0 0.5rem;
}

/* ************************************************************ */
/* Gloabl Font settings */
/* ************************************************************ */
@font-face {
  font-family: "Aquatico";
  src: url("/fileadmin/templates/code/fonts/aquatico/Aquatico-Regular.eot");
  src: url("/fileadmin/templates/code/fonts/aquatico/Aquatico-Regular.eot?#iefix") format("embedded-opentype"), url("/fileadmin/templates/code/fonts/aquatico/Aquatico-Regular.woff2") format("woff2"), url("/fileadmin/templates/code/fonts/aquatico/Aquatico-Regular.woff") format("woff"), url("/fileadmin/templates/code/fonts/aquatico/Aquatico-Regular.ttf") format("truetype"), url("/fileadmin/templates/code/fonts/aquatico/Aquatico-Regular.svg#Aquatico-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/fileadmin/templates/code/fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
html {
  /* ************************************************************ */
  /* Reset 1REM to 10px (for easier calculation) !!! */
  /* ************************************************************ */
  font-size: 62.5%;
}

body {
  margin: 0;
  font-size: 1.8rem;
  font-family: "Roboto", sans-serif;
}

/* ************************************************************ */
/* Headings (H1-h6) */
/* ************************************************************ */
h1, h2, h3, h4, h5, h6 {
  font-family: "Aquatico", sans-serif;
  margin: 0;
  line-height: 1.8;
  color: #6bbe98;
}

/* ************************************************************ */
/* Content elements */
/* ************************************************************ */
p, ol, ul, li, pre, article, address, blockquote, dl, form, noscript, table, figcaption,
b, big, i, small, tt, abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var, a, bdo, q, sub, sup .accordion-title,
.tab-title {
  font-family: "Roboto", sans-serif;
  color: #6d6d6d;
  font-size: 1.7rem;
  line-height: 1.8;
  font-weight: normal;
  overflow-wrap: break-word;
}

/* ************************************************************ */
/* Block Elements */
/* ************************************************************ */
p, ol, ul, li, pre, article, address, blockquote, dl, form, noscript, table, figcaption {
  padding: 0.8rem 0;
}

/* ************************************************************ */
/* Font set for non-direct content HTML elements (wrapper, form, etc) */
/* ************************************************************ */
div, span,
input, textarea, label, select {
  font-family: "Roboto", sans-serif;
  line-height: 1.8;
}

/* ************************************************************ */
/* ?!?! */
/* ************************************************************ */
.small-font texts-elements {
  font-size: 1.8;
}

/* ************************************************************ */
/* make invisible if empty (content block & heading elements) */
/* ************************************************************ */
p:empty, ol:empty, ul:empty, li:empty, pre:empty, article:empty, address:empty, blockquote:empty, dl:empty, form:empty, noscript:empty, table:empty, figcaption:empty,
h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {
  margin: 0;
  line-height: 0;
  font-size: 0;
}

/* ************************************************************ */
/* Headings */
/* ************************************************************ */
h1 {
  font-size: 4rem;
  font-weight: normal;
}

h2 {
  font-size: 3.2rem;
  font-weight: normal;
}

h3 {
  font-size: 2.8rem;
}

h4 {
  font-size: 2.2rem;
}

h5 {
  font-size: 2rem;
}

h6 {
  font-size: 1.7rem;
}

/* ******************************************************** */
/* Block Elements */
/* ******************************************************** */
ol, ul {
  margin-left: 3rem;
  list-style: none;
  margin-left: 2rem;
  list-style-position: outside;
}
ol li, ul li {
  padding: 0 0 0 2rem;
}
ol li:before, ul li:before {
  color: #6bbe98;
  left: -1rem;
  max-width: 0;
  max-height: 0;
  position: relative;
}

ol {
  counter-reset: section;
}
ol li {
  counter-increment: section;
}
ol li:before {
  content: counter(section) ".";
  font-weight: 600;
}

ul li:before {
  content: "•";
  font-size: 2em;
  line-height: 0;
  top: 0.6rem;
}

/* ************************************************************ */
/* Blockquotes */
/* ************************************************************ */
blockquote {
  quotes: "“" "”" "‘" "’";
}
blockquote:before {
  content: open-quote;
}
blockquote:after {
  content: close-quote;
}
blockquote * {
  display: inline;
}

/* ************************************************************ */
/* Other inline elements */
/* ************************************************************ */
b, strong {
  font-weight: 600;
}

i, cite, em, var, dfn {
  font-style: italic;
}

sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}

/* ************************************************************ */
/* Horiz. ruler */
/* ************************************************************ */
hr {
  border: none;
  border-bottom: 1px solid #D9D9DA;
  height: 0;
  line-height: 0;
}

/******************************/
/* Code */
/******************************/
pre {
  font-family: Courier, monospace;
  display: block;
  padding: 1rem;
  margin: 0 0 2rem;
  color: #B1B1B2;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f9f9f9;
  border: 1px solid #D9D9DA;
  border-radius: 4px;
}
pre code {
  color: #D9D9DA;
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

/* ************************************************************ */
/* Alignment classes */
/* ************************************************************ */
.align-left {
  text-align: left;
}

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

.align-center {
  text-align: center;
}

.align-justify {
  text-align: justify;
}

/* ************************************************************ */
/* Accordions / Tabs */
/* ************************************************************ */
.accordion-title, .tab-title {
  font-size: 2rem;
  color: #6bbe98;
}

/* ************************************************************************************************************************ */
/* Responsive version */
/* ************************************************************************************************************************ */
@media only screen and (max-width: 480px) {
  h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, article, address, blockquote, dl, form, noscript, table, figcaptionb, big, i, small, tt, abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var, a, bdo, q, sub, supinput, textarea, label, select {
    word-wrap: break-word;
    letter-spacing: normal;
  }

  h1 {
    font-size: 2em;
  }

  h2 {
    font-size: 1.8em;
  }
}
/* ************************************************************ */
/* Box definitions */
/* ************************************************************ */
.clicable-box {
  text-decoration: none !important;
}
.clicable-box:hover {
  color: inherit !important;
}

/* ************************************************************ */
/* Coloured Box (Background color) */
/* ************************************************************ */
/* ************************************************************ */
/*@include colorAndBorderBox($class, $bg, $text, $title, $link, $linkHover, $bullet);*/
/* ************************************************************ */
/* ************************************************************ */
/* BG Box */
/* ************************************************************ */
.purple-box {
  background: #9c0771;
  /*border-radius:$borderRadiusSmall;*/
}
.purple-box p, .purple-box ol, .purple-box ul, .purple-box li, .purple-box pre, .purple-box article, .purple-box address, .purple-box blockquote, .purple-box dl, .purple-box form, .purple-box noscript, .purple-box table, .purple-box figcaptionb, .purple-box big, .purple-box i, .purple-box small, .purple-box tt, .purple-box abbr, .purple-box acronym, .purple-box cite, .purple-box code, .purple-box dfn, .purple-box em, .purple-box kbd, .purple-box strong, .purple-box samp, .purple-box var, .purple-box a, .purple-box bdo, .purple-box q, .purple-box sub, .purple-box supinput, .purple-box textarea, .purple-box label, .purple-box select {
  color: #FFF;
}
.purple-box h1, .purple-box h2, .purple-box h3, .purple-box h4, .purple-box h5, .purple-box h6 {
  color: #FFF;
}
.purple-box a {
  color: #FFF;
}

/* ************************************************************ */
/* Border Box */
/* ************************************************************ */
.purple-box.border-box {
  border: solid 1px #9c0771;
  background-color: transparent;
  /*border-radius:$borderRadiusSmall;*/
}
.purple-box.border-box p, .purple-box.border-box ol, .purple-box.border-box ul, .purple-box.border-box li, .purple-box.border-box pre, .purple-box.border-box article, .purple-box.border-box address, .purple-box.border-box blockquote, .purple-box.border-box dl, .purple-box.border-box form, .purple-box.border-box noscript, .purple-box.border-box table, .purple-box.border-box figcaptionb, .purple-box.border-box big, .purple-box.border-box i, .purple-box.border-box small, .purple-box.border-box tt, .purple-box.border-box abbr, .purple-box.border-box acronym, .purple-box.border-box cite, .purple-box.border-box code, .purple-box.border-box dfn, .purple-box.border-box em, .purple-box.border-box kbd, .purple-box.border-box strong, .purple-box.border-box samp, .purple-box.border-box var, .purple-box.border-box a, .purple-box.border-box bdo, .purple-box.border-box q, .purple-box.border-box sub, .purple-box.border-box supinput, .purple-box.border-box textarea, .purple-box.border-box label, .purple-box.border-box select {
  color: #6d6d6d;
}
.purple-box.border-box h1, .purple-box.border-box h2, .purple-box.border-box h3, .purple-box.border-box h4, .purple-box.border-box h5, .purple-box.border-box h6 {
  color: #9c0771;
}
.purple-box.border-box a {
  color: #9c0771;
}
.purple-box.border-box a:hover {
  background-color: #9c0771;
  color: #FFF;
}

/* ************************************************************ */
/* BG Box */
/* ************************************************************ */
.mint-box {
  background: #6bbe98;
  /*border-radius:$borderRadiusSmall;*/
}
.mint-box p, .mint-box ol, .mint-box ul, .mint-box li, .mint-box pre, .mint-box article, .mint-box address, .mint-box blockquote, .mint-box dl, .mint-box form, .mint-box noscript, .mint-box table, .mint-box figcaptionb, .mint-box big, .mint-box i, .mint-box small, .mint-box tt, .mint-box abbr, .mint-box acronym, .mint-box cite, .mint-box code, .mint-box dfn, .mint-box em, .mint-box kbd, .mint-box strong, .mint-box samp, .mint-box var, .mint-box a, .mint-box bdo, .mint-box q, .mint-box sub, .mint-box supinput, .mint-box textarea, .mint-box label, .mint-box select {
  color: #FFF;
}
.mint-box h1, .mint-box h2, .mint-box h3, .mint-box h4, .mint-box h5, .mint-box h6 {
  color: #FFF;
}
.mint-box a {
  color: #FFF;
}

/* ************************************************************ */
/* Border Box */
/* ************************************************************ */
.mint-box.border-box {
  border: solid 1px #6bbe98;
  background-color: transparent;
  /*border-radius:$borderRadiusSmall;*/
}
.mint-box.border-box p, .mint-box.border-box ol, .mint-box.border-box ul, .mint-box.border-box li, .mint-box.border-box pre, .mint-box.border-box article, .mint-box.border-box address, .mint-box.border-box blockquote, .mint-box.border-box dl, .mint-box.border-box form, .mint-box.border-box noscript, .mint-box.border-box table, .mint-box.border-box figcaptionb, .mint-box.border-box big, .mint-box.border-box i, .mint-box.border-box small, .mint-box.border-box tt, .mint-box.border-box abbr, .mint-box.border-box acronym, .mint-box.border-box cite, .mint-box.border-box code, .mint-box.border-box dfn, .mint-box.border-box em, .mint-box.border-box kbd, .mint-box.border-box strong, .mint-box.border-box samp, .mint-box.border-box var, .mint-box.border-box a, .mint-box.border-box bdo, .mint-box.border-box q, .mint-box.border-box sub, .mint-box.border-box supinput, .mint-box.border-box textarea, .mint-box.border-box label, .mint-box.border-box select {
  color: #6d6d6d;
}
.mint-box.border-box h1, .mint-box.border-box h2, .mint-box.border-box h3, .mint-box.border-box h4, .mint-box.border-box h5, .mint-box.border-box h6 {
  color: #6bbe98;
}
.mint-box.border-box a {
  color: #6bbe98;
}
.mint-box.border-box a:hover {
  background-color: #6bbe98;
  color: #FFF;
}

/* ************************************************************ */
/* BG Box */
/* ************************************************************ */
.dark-blue-box {
  background: #00578b;
  /*border-radius:$borderRadiusSmall;*/
}
.dark-blue-box p, .dark-blue-box ol, .dark-blue-box ul, .dark-blue-box li, .dark-blue-box pre, .dark-blue-box article, .dark-blue-box address, .dark-blue-box blockquote, .dark-blue-box dl, .dark-blue-box form, .dark-blue-box noscript, .dark-blue-box table, .dark-blue-box figcaptionb, .dark-blue-box big, .dark-blue-box i, .dark-blue-box small, .dark-blue-box tt, .dark-blue-box abbr, .dark-blue-box acronym, .dark-blue-box cite, .dark-blue-box code, .dark-blue-box dfn, .dark-blue-box em, .dark-blue-box kbd, .dark-blue-box strong, .dark-blue-box samp, .dark-blue-box var, .dark-blue-box a, .dark-blue-box bdo, .dark-blue-box q, .dark-blue-box sub, .dark-blue-box supinput, .dark-blue-box textarea, .dark-blue-box label, .dark-blue-box select {
  color: #FFF;
}
.dark-blue-box h1, .dark-blue-box h2, .dark-blue-box h3, .dark-blue-box h4, .dark-blue-box h5, .dark-blue-box h6 {
  color: #FFF;
}
.dark-blue-box a {
  color: #FFF;
}

/* ************************************************************ */
/* Border Box */
/* ************************************************************ */
.dark-blue-box.border-box {
  border: solid 1px #00578b;
  background-color: transparent;
  /*border-radius:$borderRadiusSmall;*/
}
.dark-blue-box.border-box p, .dark-blue-box.border-box ol, .dark-blue-box.border-box ul, .dark-blue-box.border-box li, .dark-blue-box.border-box pre, .dark-blue-box.border-box article, .dark-blue-box.border-box address, .dark-blue-box.border-box blockquote, .dark-blue-box.border-box dl, .dark-blue-box.border-box form, .dark-blue-box.border-box noscript, .dark-blue-box.border-box table, .dark-blue-box.border-box figcaptionb, .dark-blue-box.border-box big, .dark-blue-box.border-box i, .dark-blue-box.border-box small, .dark-blue-box.border-box tt, .dark-blue-box.border-box abbr, .dark-blue-box.border-box acronym, .dark-blue-box.border-box cite, .dark-blue-box.border-box code, .dark-blue-box.border-box dfn, .dark-blue-box.border-box em, .dark-blue-box.border-box kbd, .dark-blue-box.border-box strong, .dark-blue-box.border-box samp, .dark-blue-box.border-box var, .dark-blue-box.border-box a, .dark-blue-box.border-box bdo, .dark-blue-box.border-box q, .dark-blue-box.border-box sub, .dark-blue-box.border-box supinput, .dark-blue-box.border-box textarea, .dark-blue-box.border-box label, .dark-blue-box.border-box select {
  color: #6d6d6d;
}
.dark-blue-box.border-box h1, .dark-blue-box.border-box h2, .dark-blue-box.border-box h3, .dark-blue-box.border-box h4, .dark-blue-box.border-box h5, .dark-blue-box.border-box h6 {
  color: #00578b;
}
.dark-blue-box.border-box a {
  color: #00578b;
}
.dark-blue-box.border-box a:hover {
  background-color: #00578b;
  color: #FFF;
}

/* ************************************************************ */
/* BG Box */
/* ************************************************************ */
.green-box {
  background: #a1b623;
  /*border-radius:$borderRadiusSmall;*/
}
.green-box p, .green-box ol, .green-box ul, .green-box li, .green-box pre, .green-box article, .green-box address, .green-box blockquote, .green-box dl, .green-box form, .green-box noscript, .green-box table, .green-box figcaptionb, .green-box big, .green-box i, .green-box small, .green-box tt, .green-box abbr, .green-box acronym, .green-box cite, .green-box code, .green-box dfn, .green-box em, .green-box kbd, .green-box strong, .green-box samp, .green-box var, .green-box a, .green-box bdo, .green-box q, .green-box sub, .green-box supinput, .green-box textarea, .green-box label, .green-box select {
  color: #FFF;
}
.green-box h1, .green-box h2, .green-box h3, .green-box h4, .green-box h5, .green-box h6 {
  color: #FFF;
}
.green-box a {
  color: #FFF;
}

/* ************************************************************ */
/* Border Box */
/* ************************************************************ */
.green-box.border-box {
  border: solid 1px #a1b623;
  background-color: transparent;
  /*border-radius:$borderRadiusSmall;*/
}
.green-box.border-box p, .green-box.border-box ol, .green-box.border-box ul, .green-box.border-box li, .green-box.border-box pre, .green-box.border-box article, .green-box.border-box address, .green-box.border-box blockquote, .green-box.border-box dl, .green-box.border-box form, .green-box.border-box noscript, .green-box.border-box table, .green-box.border-box figcaptionb, .green-box.border-box big, .green-box.border-box i, .green-box.border-box small, .green-box.border-box tt, .green-box.border-box abbr, .green-box.border-box acronym, .green-box.border-box cite, .green-box.border-box code, .green-box.border-box dfn, .green-box.border-box em, .green-box.border-box kbd, .green-box.border-box strong, .green-box.border-box samp, .green-box.border-box var, .green-box.border-box a, .green-box.border-box bdo, .green-box.border-box q, .green-box.border-box sub, .green-box.border-box supinput, .green-box.border-box textarea, .green-box.border-box label, .green-box.border-box select {
  color: #6d6d6d;
}
.green-box.border-box h1, .green-box.border-box h2, .green-box.border-box h3, .green-box.border-box h4, .green-box.border-box h5, .green-box.border-box h6 {
  color: #a1b623;
}
.green-box.border-box a {
  color: #a1b623;
}
.green-box.border-box a:hover {
  background-color: #a1b623;
  color: #FFF;
}

/* ************************************************************ */
/* BG Box */
/* ************************************************************ */
.light-grey-box {
  background: #D9D9DA;
  /*border-radius:$borderRadiusSmall;*/
}
.light-grey-box p, .light-grey-box ol, .light-grey-box ul, .light-grey-box li, .light-grey-box pre, .light-grey-box article, .light-grey-box address, .light-grey-box blockquote, .light-grey-box dl, .light-grey-box form, .light-grey-box noscript, .light-grey-box table, .light-grey-box figcaptionb, .light-grey-box big, .light-grey-box i, .light-grey-box small, .light-grey-box tt, .light-grey-box abbr, .light-grey-box acronym, .light-grey-box cite, .light-grey-box code, .light-grey-box dfn, .light-grey-box em, .light-grey-box kbd, .light-grey-box strong, .light-grey-box samp, .light-grey-box var, .light-grey-box a, .light-grey-box bdo, .light-grey-box q, .light-grey-box sub, .light-grey-box supinput, .light-grey-box textarea, .light-grey-box label, .light-grey-box select {
  color: #494948;
}
.light-grey-box h1, .light-grey-box h2, .light-grey-box h3, .light-grey-box h4, .light-grey-box h5, .light-grey-box h6 {
  color: #494948;
}
.light-grey-box a {
  color: #494948;
}

/* ************************************************************ */
/* Border Box */
/* ************************************************************ */
.light-grey-box.border-box {
  border: solid 1px #D9D9DA;
  background-color: transparent;
  /*border-radius:$borderRadiusSmall;*/
}
.light-grey-box.border-box p, .light-grey-box.border-box ol, .light-grey-box.border-box ul, .light-grey-box.border-box li, .light-grey-box.border-box pre, .light-grey-box.border-box article, .light-grey-box.border-box address, .light-grey-box.border-box blockquote, .light-grey-box.border-box dl, .light-grey-box.border-box form, .light-grey-box.border-box noscript, .light-grey-box.border-box table, .light-grey-box.border-box figcaptionb, .light-grey-box.border-box big, .light-grey-box.border-box i, .light-grey-box.border-box small, .light-grey-box.border-box tt, .light-grey-box.border-box abbr, .light-grey-box.border-box acronym, .light-grey-box.border-box cite, .light-grey-box.border-box code, .light-grey-box.border-box dfn, .light-grey-box.border-box em, .light-grey-box.border-box kbd, .light-grey-box.border-box strong, .light-grey-box.border-box samp, .light-grey-box.border-box var, .light-grey-box.border-box a, .light-grey-box.border-box bdo, .light-grey-box.border-box q, .light-grey-box.border-box sub, .light-grey-box.border-box supinput, .light-grey-box.border-box textarea, .light-grey-box.border-box label, .light-grey-box.border-box select {
  color: #6d6d6d;
}
.light-grey-box.border-box h1, .light-grey-box.border-box h2, .light-grey-box.border-box h3, .light-grey-box.border-box h4, .light-grey-box.border-box h5, .light-grey-box.border-box h6 {
  color: #D9D9DA;
}
.light-grey-box.border-box a {
  color: #D9D9DA;
}
.light-grey-box.border-box a:hover {
  background-color: #D9D9DA;
  color: #494948;
}

/* ************************************************************ */
/* BG Box */
/* ************************************************************ */
.grey-box {
  background: #B1B1B2;
  /*border-radius:$borderRadiusSmall;*/
}
.grey-box p, .grey-box ol, .grey-box ul, .grey-box li, .grey-box pre, .grey-box article, .grey-box address, .grey-box blockquote, .grey-box dl, .grey-box form, .grey-box noscript, .grey-box table, .grey-box figcaptionb, .grey-box big, .grey-box i, .grey-box small, .grey-box tt, .grey-box abbr, .grey-box acronym, .grey-box cite, .grey-box code, .grey-box dfn, .grey-box em, .grey-box kbd, .grey-box strong, .grey-box samp, .grey-box var, .grey-box a, .grey-box bdo, .grey-box q, .grey-box sub, .grey-box supinput, .grey-box textarea, .grey-box label, .grey-box select {
  color: #FFF;
}
.grey-box h1, .grey-box h2, .grey-box h3, .grey-box h4, .grey-box h5, .grey-box h6 {
  color: #FFF;
}
.grey-box a {
  color: #FFF;
}

/* ************************************************************ */
/* Border Box */
/* ************************************************************ */
.grey-box.border-box {
  border: solid 1px #B1B1B2;
  background-color: transparent;
  /*border-radius:$borderRadiusSmall;*/
}
.grey-box.border-box p, .grey-box.border-box ol, .grey-box.border-box ul, .grey-box.border-box li, .grey-box.border-box pre, .grey-box.border-box article, .grey-box.border-box address, .grey-box.border-box blockquote, .grey-box.border-box dl, .grey-box.border-box form, .grey-box.border-box noscript, .grey-box.border-box table, .grey-box.border-box figcaptionb, .grey-box.border-box big, .grey-box.border-box i, .grey-box.border-box small, .grey-box.border-box tt, .grey-box.border-box abbr, .grey-box.border-box acronym, .grey-box.border-box cite, .grey-box.border-box code, .grey-box.border-box dfn, .grey-box.border-box em, .grey-box.border-box kbd, .grey-box.border-box strong, .grey-box.border-box samp, .grey-box.border-box var, .grey-box.border-box a, .grey-box.border-box bdo, .grey-box.border-box q, .grey-box.border-box sub, .grey-box.border-box supinput, .grey-box.border-box textarea, .grey-box.border-box label, .grey-box.border-box select {
  color: #6d6d6d;
}
.grey-box.border-box h1, .grey-box.border-box h2, .grey-box.border-box h3, .grey-box.border-box h4, .grey-box.border-box h5, .grey-box.border-box h6 {
  color: #B1B1B2;
}
.grey-box.border-box a {
  color: #B1B1B2;
}
.grey-box.border-box a:hover {
  background-color: #B1B1B2;
  color: #FFF;
}

/* ************************************************************ */
/* BG Box */
/* ************************************************************ */
.dark-grey-box {
  background: #6d6d6d;
  /*border-radius:$borderRadiusSmall;*/
}
.dark-grey-box p, .dark-grey-box ol, .dark-grey-box ul, .dark-grey-box li, .dark-grey-box pre, .dark-grey-box article, .dark-grey-box address, .dark-grey-box blockquote, .dark-grey-box dl, .dark-grey-box form, .dark-grey-box noscript, .dark-grey-box table, .dark-grey-box figcaptionb, .dark-grey-box big, .dark-grey-box i, .dark-grey-box small, .dark-grey-box tt, .dark-grey-box abbr, .dark-grey-box acronym, .dark-grey-box cite, .dark-grey-box code, .dark-grey-box dfn, .dark-grey-box em, .dark-grey-box kbd, .dark-grey-box strong, .dark-grey-box samp, .dark-grey-box var, .dark-grey-box a, .dark-grey-box bdo, .dark-grey-box q, .dark-grey-box sub, .dark-grey-box supinput, .dark-grey-box textarea, .dark-grey-box label, .dark-grey-box select {
  color: #FFF;
}
.dark-grey-box h1, .dark-grey-box h2, .dark-grey-box h3, .dark-grey-box h4, .dark-grey-box h5, .dark-grey-box h6 {
  color: #FFF;
}
.dark-grey-box a {
  color: #FFF;
}

/* ************************************************************ */
/* Border Box */
/* ************************************************************ */
.dark-grey-box.border-box {
  border: solid 1px #6d6d6d;
  background-color: transparent;
  /*border-radius:$borderRadiusSmall;*/
}
.dark-grey-box.border-box p, .dark-grey-box.border-box ol, .dark-grey-box.border-box ul, .dark-grey-box.border-box li, .dark-grey-box.border-box pre, .dark-grey-box.border-box article, .dark-grey-box.border-box address, .dark-grey-box.border-box blockquote, .dark-grey-box.border-box dl, .dark-grey-box.border-box form, .dark-grey-box.border-box noscript, .dark-grey-box.border-box table, .dark-grey-box.border-box figcaptionb, .dark-grey-box.border-box big, .dark-grey-box.border-box i, .dark-grey-box.border-box small, .dark-grey-box.border-box tt, .dark-grey-box.border-box abbr, .dark-grey-box.border-box acronym, .dark-grey-box.border-box cite, .dark-grey-box.border-box code, .dark-grey-box.border-box dfn, .dark-grey-box.border-box em, .dark-grey-box.border-box kbd, .dark-grey-box.border-box strong, .dark-grey-box.border-box samp, .dark-grey-box.border-box var, .dark-grey-box.border-box a, .dark-grey-box.border-box bdo, .dark-grey-box.border-box q, .dark-grey-box.border-box sub, .dark-grey-box.border-box supinput, .dark-grey-box.border-box textarea, .dark-grey-box.border-box label, .dark-grey-box.border-box select {
  color: #6d6d6d;
}
.dark-grey-box.border-box h1, .dark-grey-box.border-box h2, .dark-grey-box.border-box h3, .dark-grey-box.border-box h4, .dark-grey-box.border-box h5, .dark-grey-box.border-box h6 {
  color: #6d6d6d;
}
.dark-grey-box.border-box a {
  color: #6d6d6d;
}
.dark-grey-box.border-box a:hover {
  background-color: #6d6d6d;
  color: #FFF;
}

/* ************************************************************ */
/* BG Box */
/* ************************************************************ */
.very-dark-grey-box {
  background: #494948;
  /*border-radius:$borderRadiusSmall;*/
}
.very-dark-grey-box p, .very-dark-grey-box ol, .very-dark-grey-box ul, .very-dark-grey-box li, .very-dark-grey-box pre, .very-dark-grey-box article, .very-dark-grey-box address, .very-dark-grey-box blockquote, .very-dark-grey-box dl, .very-dark-grey-box form, .very-dark-grey-box noscript, .very-dark-grey-box table, .very-dark-grey-box figcaptionb, .very-dark-grey-box big, .very-dark-grey-box i, .very-dark-grey-box small, .very-dark-grey-box tt, .very-dark-grey-box abbr, .very-dark-grey-box acronym, .very-dark-grey-box cite, .very-dark-grey-box code, .very-dark-grey-box dfn, .very-dark-grey-box em, .very-dark-grey-box kbd, .very-dark-grey-box strong, .very-dark-grey-box samp, .very-dark-grey-box var, .very-dark-grey-box a, .very-dark-grey-box bdo, .very-dark-grey-box q, .very-dark-grey-box sub, .very-dark-grey-box supinput, .very-dark-grey-box textarea, .very-dark-grey-box label, .very-dark-grey-box select {
  color: #FFF;
}
.very-dark-grey-box h1, .very-dark-grey-box h2, .very-dark-grey-box h3, .very-dark-grey-box h4, .very-dark-grey-box h5, .very-dark-grey-box h6 {
  color: #FFF;
}
.very-dark-grey-box a {
  color: #FFF;
}

/* ************************************************************ */
/* Border Box */
/* ************************************************************ */
.very-dark-grey-box.border-box {
  border: solid 1px #494948;
  background-color: transparent;
  /*border-radius:$borderRadiusSmall;*/
}
.very-dark-grey-box.border-box p, .very-dark-grey-box.border-box ol, .very-dark-grey-box.border-box ul, .very-dark-grey-box.border-box li, .very-dark-grey-box.border-box pre, .very-dark-grey-box.border-box article, .very-dark-grey-box.border-box address, .very-dark-grey-box.border-box blockquote, .very-dark-grey-box.border-box dl, .very-dark-grey-box.border-box form, .very-dark-grey-box.border-box noscript, .very-dark-grey-box.border-box table, .very-dark-grey-box.border-box figcaptionb, .very-dark-grey-box.border-box big, .very-dark-grey-box.border-box i, .very-dark-grey-box.border-box small, .very-dark-grey-box.border-box tt, .very-dark-grey-box.border-box abbr, .very-dark-grey-box.border-box acronym, .very-dark-grey-box.border-box cite, .very-dark-grey-box.border-box code, .very-dark-grey-box.border-box dfn, .very-dark-grey-box.border-box em, .very-dark-grey-box.border-box kbd, .very-dark-grey-box.border-box strong, .very-dark-grey-box.border-box samp, .very-dark-grey-box.border-box var, .very-dark-grey-box.border-box a, .very-dark-grey-box.border-box bdo, .very-dark-grey-box.border-box q, .very-dark-grey-box.border-box sub, .very-dark-grey-box.border-box supinput, .very-dark-grey-box.border-box textarea, .very-dark-grey-box.border-box label, .very-dark-grey-box.border-box select {
  color: #6d6d6d;
}
.very-dark-grey-box.border-box h1, .very-dark-grey-box.border-box h2, .very-dark-grey-box.border-box h3, .very-dark-grey-box.border-box h4, .very-dark-grey-box.border-box h5, .very-dark-grey-box.border-box h6 {
  color: #494948;
}
.very-dark-grey-box.border-box a {
  color: #494948;
}
.very-dark-grey-box.border-box a:hover {
  background-color: #494948;
  color: #FFF;
}

/* ************************************************************ */
/* BG BOX - Graphic Background */
/* ************************************************************ */
.full-width-container.color-box.graphic-box > .centered-container {
  background-image: url(/fileadmin/templates/code/images/content/EURF-pattern-1c_2400px.png);
}

/* ******************************************************************************************************************************************** */
/* Accordions */
/* ******************************************************************************************************************************************** */
.box-accordion {
  border: 1px solid #6bbe98;
  background-color: white;
  /* ************************************************************ */
  /* Accordion Header */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Accordion Body/Content */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Expanded */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Collapsed */
  /* ************************************************************ */
}
.box-accordion .csc-header {
  margin-bottom: -1rem;
}
.box-accordion .csc-header:hover {
  cursor: pointer;
  color: white !important;
  background-color: #6bbe98;
}
.box-accordion .csc-header:hover * {
  color: #FFF;
}
.box-accordion .csc-header h1, .box-accordion .csc-header h2, .box-accordion .csc-header h3, .box-accordion .csc-header h4, .box-accordion .csc-header h5, .box-accordion .csc-header h6 {
  color: white;
  background-color: #6bbe98;
}
.box-accordion .csc-header h1:before, .box-accordion .csc-header h2:before, .box-accordion .csc-header h3:before, .box-accordion .csc-header h4:before, .box-accordion .csc-header h5:before, .box-accordion .csc-header h6:before {
  font-family: "FontAwesome";
  color: white;
  font-size: 1em;
  margin: 0;
  display: inline-block;
  float: right;
  font-weight: normal;
}
.box-accordion.expanded .csc-header h1:before, .box-accordion.expanded .csc-header h2:before, .box-accordion.expanded .csc-header h3:before, .box-accordion.expanded .csc-header h4:before, .box-accordion.expanded .csc-header h5:before {
  content: "";
}
.box-accordion.collapsed .csc-header h1:before, .box-accordion.collapsed .csc-header h2:before, .box-accordion.collapsed .csc-header h3:before, .box-accordion.collapsed .csc-header h4:before, .box-accordion.collapsed .csc-header h5:before {
  content: "";
}
/* ************************************************************ */
/* Cover all box paddings */
/* paddding-default = padding-normal for such a "bordered box"
/* ************************************************************ */
.padding-default > .box-accordion,
.padding-normal > .box-accordion {
  padding: 1rem;
  padding-bottom: 0;
}
.padding-default > .box-accordion > .csc-header > h1, .padding-default > .box-accordion > .csc-header h2, .padding-default > .box-accordion > .csc-header h3, .padding-default > .box-accordion > .csc-header h4, .padding-default > .box-accordion > .csc-header h5, .padding-default > .box-accordion > .csc-header h6,
.padding-normal > .box-accordion > .csc-header > h1,
.padding-normal > .box-accordion > .csc-header h2,
.padding-normal > .box-accordion > .csc-header h3,
.padding-normal > .box-accordion > .csc-header h4,
.padding-normal > .box-accordion > .csc-header h5,
.padding-normal > .box-accordion > .csc-header h6 {
  margin: -1rem;
  margin-bottom: 1rem;
  padding: 1rem;
}

.padding-small > .box-accordion {
  padding: 0.5rem;
}
.padding-small > .box-accordion > .csc-header > h1, .padding-small > .box-accordion > .csc-header h2, .padding-small > .box-accordion > .csc-header h3, .padding-small > .box-accordion > .csc-header h4, .padding-small > .box-accordion > .csc-header h5, .padding-small > .box-accordion > .csc-header h6 {
  margin: -0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
}

.padding-large > .box-accordion {
  padding: 2rem;
}
.padding-large > .box-accordion > .csc-header > h1, .padding-large > .box-accordion > .csc-header h2, .padding-large > .box-accordion > .csc-header h3, .padding-large > .box-accordion > .csc-header h4, .padding-large > .box-accordion > .csc-header h5, .padding-large > .box-accordion > .csc-header h6 {
  margin: -2rem;
  margin-bottom: 1rem;
  padding: 2rem;
}
.padding-large > .box-accordion.collapsed > .csc-header > h1, .padding-large > .box-accordion.collapsed > .csc-header h2, .padding-large > .box-accordion.collapsed > .csc-header h3, .padding-large > .box-accordion.collapsed > .csc-header h4, .padding-large > .box-accordion.collapsed > .csc-header h5, .padding-large > .box-accordion.collapsed > .csc-header h6 {
  margin-bottom: -2rem;
}
.padding-large > .box-accordion.collapsed .accordion-content {
  opacity: 0;
  /* mitigate little "overlap glitch" for collapsed */
}

/* ************************************************************ */
/* Links (normal, boxes, etc) */
/* ************************************************************ */
/* ************************************************************ */
/* MIXINS - RTE LINKS */
/* ************************************************************ */
/******************************/
/* RTE LINKS - BORDER */
/******************************/
/******************************/
/* RTE LINKS - BG BOX */
/******************************/
/* ************************************************************ */
/* RTE LINKS */
/* ************************************************************ */
.content-box,
.htmlarea-content-body,
#main-content-container, .newsletter-container {
  /* ************************************************************ */
  /* General - no styles */
  /* ************************************************************ */
  /* ************************************************************ */
  /* RTE link(button) styles */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Default button style */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Custom Link / Button styles */
  /* ************************************************************ */
}
.content-box a,
.htmlarea-content-body a,
#main-content-container a, .newsletter-container a {
  color: #a1b623;
  text-decoration: underline;
}
.content-box a:hover,
.htmlarea-content-body a:hover,
#main-content-container a:hover, .newsletter-container a:hover {
  color: #FFF;
  background-color: #a1b623;
}
.content-box a[class^=button],
.htmlarea-content-body a[class^=button],
#main-content-container a[class^=button], .newsletter-container a[class^=button] {
  display: inline-block;
  text-decoration: none;
  padding: 0.4rem 1.6rem;
  border-radius: 2px;
}
.content-box a.button-default,
.htmlarea-content-body a.button-default,
#main-content-container a.button-default, .newsletter-container a.button-default {
  border: 1px solid #a1b623;
}
.content-box a[class$=border],
.htmlarea-content-body a[class$=border],
#main-content-container a[class$=border], .newsletter-container a[class$=border] {
  border: 1px solid black;
  background-color: transparent;
}
.content-box a[class$=BG],
.htmlarea-content-body a[class$=BG],
#main-content-container a[class$=BG], .newsletter-container a[class$=BG] {
  border: 1px solid black;
  color: #FFF;
}
.content-box a.button-purple-border,
.htmlarea-content-body a.button-purple-border,
#main-content-container a.button-purple-border, .newsletter-container a.button-purple-border {
  color: #9c0771;
  border-color: #9c0771;
  background-color: #FFF;
}
.content-box a.button-purple-border:hover,
.htmlarea-content-body a.button-purple-border:hover,
#main-content-container a.button-purple-border:hover, .newsletter-container a.button-purple-border:hover {
  color: #FFF;
  background-color: #9c0771;
  border-color: #9c0771;
}
.content-box a.button-dark-blue-border,
.htmlarea-content-body a.button-dark-blue-border,
#main-content-container a.button-dark-blue-border, .newsletter-container a.button-dark-blue-border {
  color: #00578b;
  border-color: #00578b;
  background-color: #FFF;
}
.content-box a.button-dark-blue-border:hover,
.htmlarea-content-body a.button-dark-blue-border:hover,
#main-content-container a.button-dark-blue-border:hover, .newsletter-container a.button-dark-blue-border:hover {
  color: #FFF;
  background-color: #00578b;
  border-color: #00578b;
}
.content-box a.button-mint-border,
.htmlarea-content-body a.button-mint-border,
#main-content-container a.button-mint-border, .newsletter-container a.button-mint-border {
  color: #6bbe98;
  border-color: #6bbe98;
  background-color: #FFF;
}
.content-box a.button-mint-border:hover,
.htmlarea-content-body a.button-mint-border:hover,
#main-content-container a.button-mint-border:hover, .newsletter-container a.button-mint-border:hover {
  color: #FFF;
  background-color: #6bbe98;
  border-color: #6bbe98;
}
.content-box a.button-green-border,
.htmlarea-content-body a.button-green-border,
#main-content-container a.button-green-border, .newsletter-container a.button-green-border {
  color: #a1b623;
  border-color: #a1b623;
  background-color: #FFF;
}
.content-box a.button-green-border:hover,
.htmlarea-content-body a.button-green-border:hover,
#main-content-container a.button-green-border:hover, .newsletter-container a.button-green-border:hover {
  color: #FFF;
  background-color: #a1b623;
  border-color: #a1b623;
}
.content-box a.button-purple-BG,
.htmlarea-content-body a.button-purple-BG,
#main-content-container a.button-purple-BG, .newsletter-container a.button-purple-BG {
  color: #FFF;
  border-color: #9c0771;
  background-color: #9c0771;
}
.content-box a.button-purple-BG:hover,
.htmlarea-content-body a.button-purple-BG:hover,
#main-content-container a.button-purple-BG:hover, .newsletter-container a.button-purple-BG:hover {
  color: #9c0771;
  background-color: transparent;
}
.content-box a.button-dark-blue-BG,
.htmlarea-content-body a.button-dark-blue-BG,
#main-content-container a.button-dark-blue-BG, .newsletter-container a.button-dark-blue-BG {
  color: #FFF;
  border-color: #00578b;
  background-color: #00578b;
}
.content-box a.button-dark-blue-BG:hover,
.htmlarea-content-body a.button-dark-blue-BG:hover,
#main-content-container a.button-dark-blue-BG:hover, .newsletter-container a.button-dark-blue-BG:hover {
  color: #00578b;
  background-color: transparent;
}
.content-box a.button-mint-BG,
.htmlarea-content-body a.button-mint-BG,
#main-content-container a.button-mint-BG, .newsletter-container a.button-mint-BG {
  color: #FFF;
  border-color: #6bbe98;
  background-color: #6bbe98;
}
.content-box a.button-mint-BG:hover,
.htmlarea-content-body a.button-mint-BG:hover,
#main-content-container a.button-mint-BG:hover, .newsletter-container a.button-mint-BG:hover {
  color: #6bbe98;
  background-color: transparent;
}
.content-box a.button-green-BG,
.htmlarea-content-body a.button-green-BG,
#main-content-container a.button-green-BG, .newsletter-container a.button-green-BG {
  color: #FFF;
  border-color: #a1b623;
  background-color: #a1b623;
}
.content-box a.button-green-BG:hover,
.htmlarea-content-body a.button-green-BG:hover,
#main-content-container a.button-green-BG:hover, .newsletter-container a.button-green-BG:hover {
  color: #a1b623;
  background-color: transparent;
}
.content-box a[class*=ghost],
.htmlarea-content-body a[class*=ghost],
#main-content-container a[class*=ghost], .newsletter-container a[class*=ghost] {
  border: 1px solid white;
  color: white;
  background-color: transparent;
}
.content-box a[class*=ghost]:hover,
.htmlarea-content-body a[class*=ghost]:hover,
#main-content-container a[class*=ghost]:hover, .newsletter-container a[class*=ghost]:hover {
  background-color: white;
}
.content-box a.button-green-ghost:hover,
.htmlarea-content-body a.button-green-ghost:hover,
#main-content-container a.button-green-ghost:hover, .newsletter-container a.button-green-ghost:hover {
  color: #a1b623;
}
.content-box a.button-purple-ghost:hover,
.htmlarea-content-body a.button-purple-ghost:hover,
#main-content-container a.button-purple-ghost:hover, .newsletter-container a.button-purple-ghost:hover {
  color: #9c0771;
}
.content-box a.button-dark-blue-ghost:hover,
.htmlarea-content-body a.button-dark-blue-ghost:hover,
#main-content-container a.button-dark-blue-ghost:hover, .newsletter-container a.button-dark-blue-ghost:hover {
  color: #00578b;
}
.content-box a.button-mint-ghost:hover,
.htmlarea-content-body a.button-mint-ghost:hover,
#main-content-container a.button-mint-ghost:hover, .newsletter-container a.button-mint-ghost:hover {
  color: #6bbe98;
}
.content-box a.button-grey-ghost:hover,
.htmlarea-content-body a.button-grey-ghost:hover,
#main-content-container a.button-grey-ghost:hover, .newsletter-container a.button-grey-ghost:hover {
  color: #B1B1B2;
}

/******************************/
/* MailTo */
/******************************/
a.spamspan {
  text-decoration: none;
  pointer-events: none;
  cursor: default;
  color: inherit !important;
}

.header-icon {
  /*    &:not(.0){
          width: 5em;
          height: 5em;
          display: inline-block;

          background: $white;
      }*/
  /*    &.project-icon{
          @include mask(url(/fileadmin/templates/website/images/icons/icon_the_project.svg));
      }    

      &.tweets-icon{
          @include mask(url(/fileadmin/templates/website/images/icons/icon_tweets.svg));
      }    

      &.stories-icon{
          @include mask(url(/fileadmin/templates/website/images/icons/icon_our_stories.svg));
      }    

      &.countries-icon{
          @include mask(url(/fileadmin/templates/website/images/icons/icon_countries.svg));
      }    

      &.aim-icon{
          @include mask(url(/fileadmin/templates/website/images/icons/icon_aim.svg));
      }    

      &.board-icon{
          @include mask(url(/fileadmin/templates/website/images/icons/icon_board.svg));
      }    */
}

/******************************/
/******************************/
/*Generalities*/
/******************************/
/******************************/
img, svg, object, embed {
  display: block;
  max-width: 100%;
  height: auto;
}

img {
  /* Internet Explorer 9-11 */
  /*Edge https://browserstrangeness.bitbucket.io/css_hacks.html#spartan*/
}
@media screen and (min-width: 0\0 ) and (min-resolution: 72dpi) {
  img {
    width: 100%;
  }
}
img _:-ms-lang(x), img _:-webkit-full-screen, img {
  width: 100%;
}

/******************************/
/******************************/
/*Frames*/
/******************************/
/******************************/
/************************************************************/
/* to align images !! */
/************************************************************/
.align-center img {
  display: inline;
}

/* ************************************************************ */
/* HEAXGON definitions */
/* ************************************************************ */
.hexagon_icon_container img {
  width: 100%;
  height: 100%;
}

.hexagon-purple-transparent {
  background-image: url(/fileadmin/user_upload/repository/hexagons/hexagon-purple-transparent.svg);
}
.hexagon-purple-transparent * {
  color: #9c0771;
}

.hexagon-icon-NBS-purple {
  background-image: url(/fileadmin//user_upload/repository/icons/EURF-Icon_Nature-based-Solutions.svg);
}

.hexagon-icon-finances-mint {
  background-image: url(/fileadmin//user_upload/repository/icons/EURF-Icon_Financing_mint.svg);
}

/* ************************************************************ */
/* Main Navigation */
/* ************************************************************ */
#navigation-wrapper {
  height: 88px;
  /* Height of Menu bar */
}

#navigation-container {
  position: fixed;
  width: 100%;
  text-align: center;
  z-index: 5;
  /* ************************************************************ */
  /* Navigation Container - main box */
  /* ************************************************************ */
  /* end of #navigation-container */
}
#navigation-container #navigation-container-inner {
  width: 1200px;
  margin: 0 auto;
  z-index: 10;
  padding: 2rem;
  /* ************************************************************ */
  /* Navigation Menu Container */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Responsive menu - not shown in non-responsive version*/
  /* ************************************************************ */
  /*Hide checkbox*/
  /*Show menu when invisible checkbox is checked*/
}
#navigation-container #navigation-container-inner #navigation-menu-container {
  float: left;
  /* ************************************************************ */
  /* Navigation Menu Inner Box */
  /* ************************************************************ */
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner {
  /* ************************************************************************************************************************ */
  /* Navigation - FIRST LEVEL */
  /* ************************************************************************************************************************ */
  /* end of FIRST LEVEL */
  /* ************************************************************************************************************************ */
  /* Navigation - SECOND LEVEL */
  /* ************************************************************************************************************************ */
  /* end of SECOND LEVEL */
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul {
  display: inline-block;
  text-align: left;
  /* ************************************************************ */
  /* ?!?! */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Menu points */
  /* ************************************************************ */
  /* ************************************************************ */
  /* First li element */
  /* ************************************************************ */
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul li.lvl-1:hover {
  visibility: visible;
  opacity: 1;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul li.lvl-1:hover a, #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul li.lvl-1:hover span {
  color: #00578b;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  cursor: default;
  border-right: 1px solid #6d6d6d;
  /* ************************************************************ */
  /* Menu link */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Menu span */
  /* ************************************************************ */
  /* remove bullets */
  /* ************************************************************ */
  /* Hovered Menu */
  /* ************************************************************ */
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 > a {
  padding: 1rem 3rem;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 > a .link-text {
  font-family: "Roboto", sans-serif;
  color: #6d6d6d;
  text-decoration: none;
  font-weight: normal;
  font-size: 1.8rem;
  letter-spacing: 1px;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 > a .link-text:hover {
  color: #00578b;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 > span.link-text {
  padding: 1rem 3rem;
  font-family: "Roboto", sans-serif;
  color: #6d6d6d;
  text-decoration: none;
  font-weight: normal;
  font-size: 1.8rem;
  letter-spacing: 1px;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 > span.link-text:hover {
  color: #00578b;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:before {
  content: "";
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:hover {
  background-color: #9c0771;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:hover > a .link-text,
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:hover > span.link-text {
  color: white;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul li.lvl-1:first-child {
  border-left: 1px solid #6d6d6d;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 > ul {
  /* ************************************************************ */
  /*  show only on hover */
  /* ************************************************************ */
  display: none;
  visibility: hidden;
  opacity: 0;
  margin: 0;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:hover > ul {
  display: block;
  visibility: visible;
  opacity: 1;
  position: absolute;
  min-width: 100%;
  padding: 0;
  z-index: 11;
  background: #FFF;
  border-width: 1px 0;
  transition: all 0.2s ease-out;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:hover > ul li.lvl-2 {
  padding: 3px 0;
  list-style-type: none;
  border-bottom: 1px solid #6d6d6d;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:hover > ul li.lvl-2 a {
  text-align: center;
  display: block;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  color: #6d6d6d;
  font-weight: normal;
  font-size: 1.6rem;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:hover > ul li.lvl-2:before {
  content: "";
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:hover > ul li.lvl-2:hover {
  background: #a1b623;
}
#navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:hover > ul li.lvl-2:hover a {
  color: #FFF;
}
#navigation-container #navigation-container-inner .show-menu {
  display: none;
}
#navigation-container #navigation-container-inner input[type=checkbox] {
  display: none;
}
#navigation-container #navigation-container-inner input[type=checkbox]:checked ~ #navigation-menu-container {
  display: block;
}
#navigation-container #navigation-container-inner input[type=checkbox]:checked ~ .show-menu .fa-times {
  display: inline;
}
#navigation-container #navigation-container-inner input[type=checkbox]:checked ~ .show-menu .fa-bars {
  display: none;
}

/* end of #navigation-wrapper */
/* ************************************************************ */
/* STICKY MENU */
/* ************************************************************ */
#navigation-container #navigation-container-inner {
  background-image: url(/fileadmin/templates/code/images/header/EURF-Header-menu_1200px_1c-pale.png);
  background-position: center bottom;
}
/* END OF STICKY MENU */
/* ************************************************************************************************************************ */
/* INDIVIDUAL MENU TIEM STYLES */
/* ************************************************************************************************************************ */
/* ************************************************************ */
/* Home link */
/* normally not displayed in main nav (logo = home button) 
/* but needed for sitemap and responsive menu
/* ************************************************************ */
/* ************************************************************ */
/* Logo (Home link) */
/* Logo inserted as Typo3 navigavtion link
/* ************************************************************ */
#id-18 {
  display: none !important;
}

/* ************************************************************ */
/* Main Navigation - RESSPONSIVE VERSION*/
/* ************************************************************ */
/* ************************************************************************************************************************ */
/* Responsive version */
/* ************************************************************************************************************************ */
@media (min-width: 992px) and (max-width: 1219px) {
  #navigation-container #navigation-container-inner {
    width: 992px;
    padding: 2rem 1rem;
    background-size: 992px 88px;
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 > a {
    padding: 1rem 1.5rem;
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 > span.link-text {
    padding: 1rem 1.5rem;
  }
}
/* end of for-tablet-landscape-to-desktop */
@media (min-width: 768px) and (max-width: 991px) {
  #navigation-wrapper {
    height: 111px;
    /* Height of Menu bar */
  }

  #navigation-container #navigation-container-inner {
    width: 768px;
    padding: 1rem 1rem 2rem 1rem;
    background-size: 768px 111px;
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 > a {
    padding: 1rem 1.2rem;
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 > span.link-text {
    padding: 1rem 1.2rem;
  }
}
/* end of for-tablet-landscape-to-desktop */
@media (max-width: 767px) {
  #navigation-wrapper {
    height: 47px;
  }

  #navigation-container {
    position: fixed;
    top: 0;
    width: 100%;
    /* navigation-container-inner */
  }
  #navigation-container #navigation-container-inner {
    padding: 0;
    width: 100%;
    /* navigation-menu-container */
    /* ************************************************************ */
    /* Display resp. menu icon */
    /* ************************************************************ */
  }
  #navigation-container #navigation-container-inner #navigation-menu-container {
    padding: 0;
    margin: 0;
    max-width: none;
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: #9c0771;
    overflow: auto;
    display: none;
    /* ************************************************************************************************************************ */
    /* Navigation - FIRST LEVEL */
    /* ************************************************************************************************************************ */
    /* end of FIRST LEVEL */
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    /* ************************************************************ */
    /* Menu points */
    /* ************************************************************ */
    /* ************************************************************ */
    /* ?!?! - No clue */
    /* ************************************************************ */
    /* ************************************************************ */
    /* Home icon ?!?! */
    /* ************************************************************ */
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 {
    display: block;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    margin: 0;
    border-top: 1px solid #FFF;
    /* ************************************************************************************************************************ */
    /* Navigation - SECOND LEVEL */
    /* ************************************************************************************************************************ */
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 a {
    display: block;
    padding: 1rem;
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 span.link-text {
    color: #FFF;
    display: block;
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:before {
    display: none;
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1 ul {
    display: none;
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:hover ul {
    position: relative;
    display: block;
    visibility: visible;
    opacity: 1;
    background-color: transparent;
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:hover ul li.lvl-2 {
    list-style-type: none;
    visibility: visible;
    padding: 0;
    border: none;
    background-color: white;
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:hover ul li.lvl-2 a {
    text-align: center;
    display: block;
    color: #9c0771;
    font-size: 1.6rem;
    padding: 1rem;
  }
  #navigation-container #navigation-container-inner #navigation-menu-container #navigation-menu-inner > ul > li.lvl-1:hover ul li.lvl-2:before {
    display: none;
  }
  #navigation-container #navigation-container-inner .show-menu {
    display: inline-block;
    float: left;
    position: relative;
    width: 36px;
    height: 41px;
    margin: 0.2em;
    text-align: center;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='275.664px' height='305.663px' viewBox='0 0 275.664 305.663' enable-background='new 0 0 275.664 305.663' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='275.664' height='305.663'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='rgb(109,109,109)' stroke='rgb(109,109,109)' stroke-width='3.528' d='M271.064,226.792V78.871 c-44.41-24.673-88.821-49.345-133.232-74.018C93.421,29.526,49.01,54.198,4.599,78.871v147.921 c44.411,24.673,88.821,49.346,133.233,74.019C182.243,276.138,226.653,251.465,271.064,226.792z'/%3E%3C/g%3E%3C/svg%3E");
    /* ************************************************************ */
    /* Ghost element for vertical centering */
    /* ************************************************************ */
  }
  #navigation-container #navigation-container-inner .show-menu:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  #navigation-container #navigation-container-inner .show-menu i {
    display: inline-block;
    font-size: 17px;
    color: #FFF;
    vertical-align: middle;
    margin: 0 auto;
    padding-top: 1px;
  }
  #navigation-container #navigation-container-inner .show-menu:hover {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='275.664px' height='305.663px' viewBox='0 0 275.664 305.663' enable-background='new 0 0 275.664 305.663' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='275.664' height='305.663'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='rgb(109,109,109)' stroke='rgb(109,109,109)' stroke-width='3.528' d='M271.064,226.792V78.871 c-44.41-24.673-88.821-49.345-133.232-74.018C93.421,29.526,49.01,54.198,4.599,78.871v147.921 c44.411,24.673,88.821,49.346,133.233,74.019C182.243,276.138,226.653,251.465,271.064,226.792z'/%3E%3C/g%3E%3C/svg%3E");
  }
  #navigation-container #navigation-container-inner .show-menu .fa-times {
    display: none;
  }

  /* end of navigation-container */
  /* ************************************************************************************************************************ */
  /* INDIVIDUAL MENU TIEM STYLES */
  /* ************************************************************************************************************************ */
  /* ************************************************************ */
  /* Home link */
  /* show in resp menu
  /* ************************************************************ */
  #id-19 {
    display: block;
  }

  /* ************************************************************ */
  /* Logo (Home link) */
  /* Logo inserted as Typo3 navigavtion link
  /* ************************************************************ */
  #id-18 {
    display: none !important;
  }
}
/* end of for-phones-to-tablet-portrait */
/* ************************************************************ */
/* TYPO3 IMAGES */
/* NEEDS SOME LOVE !!!!!!!!!!!!!!!!!!!!!!!!!!! (not finished)
/* ************************************************************ */
/**********************************************/
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption {
  text-align: center;
}

DIV.csc-textpic-caption-r .csc-textpic-caption {
  text-align: right;
}

DIV.csc-textpic-caption-l .csc-textpic-caption {
  text-align: left;
}

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn {
  float: left;
  display: inline;
}

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
  border: 2px solid #007aff;
  padding: 0px 0px;
}

DIV.csc-textpic-imagewrap {
  padding: 0;
}

DIV.csc-textpic IMG {
  border: none;
}

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {
  float: left;
}

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {
  list-style: none;
  margin: 0;
  padding: 0;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {
  float: left;
  margin: 0;
  padding: 0;
}

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
  float: left;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {
  float: none;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {
  float: none;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {
  border: none;
}

/* FE-Editing Icons */
DL.csc-textpic-image {
  margin: 0;
}

DL.csc-textpic-image DT {
  margin: 0;
  display: inline;
}

DL.csc-textpic-image DD {
  margin: 0;
}

/************************************************************/
/* ignore hover background color behind links  */
/************************************************************/
DL.csc-textpic-image a:hover {
  background-color: white;
}

/* Clearer */
DIV.csc-textpic-clear {
  clear: both;
}

/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
  display: inline;
  /* IE fix for double-margin bug */
  margin-right: 10px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
  display: inline;
  /* IE fix for double-margin bug */
  margin-left: 10px;
}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
  display: inline;
  /* IE fix for double-margin bug */
  /*margin-left: 10px;*/
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  margin: 0;
  font-size: 1em;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
  margin: 0;
}

/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 5px;
}

DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {
  margin-bottom: 5px;
  display: block;
}

DIV.csc-textpic DIV.csc-textpic-imagerow {
  clear: both;
}

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {
  margin-left: 0px !important;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {
  margin-right: 0px !important;
}

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
  margin-right: 10px !important;
}

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
  margin-left: 10px !important;
}

/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text {
  clear: both;
}

/* Center (above or below) */
DIV.csc-textpic-center {
  text-align: center;
  /* IE-hack */
}

DIV.csc-textpic-center DIV.csc-textpic-imagewrap {
  margin: 0 auto;
}

DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
  text-align: left;
  /* Remove IE-hack */
}

DIV.csc-textpic-center DIV.csc-textpic-text {
  text-align: left;
  /* Remove IE-hack */
}

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap {
  float: right;
}

DIV.csc-textpic-right DIV.csc-textpic-text {
  clear: right;
}

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
  float: left;
}

DIV.csc-textpic-left DIV.csc-textpic-text {
  clear: left;
}

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
  float: left;
}

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
  float: right;
}

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
  float: right;
  clear: both;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {
  height: 1%;
}

/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
  float: left;
  clear: both;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
  height: 1%;
}

/* End hide from IE5/mac */
/* Browser fixes: */
/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {
  padding-left: 40px;
  overflow: auto;
  height: 1%;
}

DIV.csc-textpic DIV.csc-textpic-imagerow-last {
  margin-bottom: 0;
}

/* ************************************************************ */
/* COLORBOX (Lightbox) */
/* NEEDS SOME LOVE !!!!!!!!!!!!!!!!!!!!!!!!!!! (not finished)
/* CURRENTLY NOT IMPLEMENTED !??!?!?! INTEGRATED ?!?!?
/* ************************************************************ */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(../images/colorbox-images/overlay.png) repeat 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(../images/colorbox-images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(../images/colorbox-images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(../images/colorbox-images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(../images/colorbox-images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(../images/colorbox-images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(../images/colorbox-images/controls.png) right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url(../images/colorbox-images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url(../images/colorbox-images/border.png) 0 -29px repeat-x;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 28px;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

#cboxLoadingOverlay {
  background: url(../images/colorbox-images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(../images/colorbox-images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/colorbox-images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(../images/colorbox-images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: -50px -25px;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../images/colorbox-images/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* ************************************************************ */
/* TWITTER Widget */
/* ************************************************************ */
#twitter-widget-0 {
  height: 550px !important;
}

/*********************************/
/*********************************/
/* Slider */
/*********************************/
/*********************************/
.slick-loading .slick-list {
  background: #fff url("../ajax-loader.gif") center center no-repeat;
}

.slider-container > .columns-container > .columns-inner > .column-container > .column-inner {
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-out;
}

.slider-container > .columns-container > .columns-inner > .column-container > .column-inner.slick-initialized {
  visibility: visible;
  opacity: 1;
}

/*********************************/
/*********************************/
/* Icons */
/*********************************/
/*********************************/
@font-face {
  font-family: "slick";
  src: url("../fonts/slick/slick.eot");
  src: url("../fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick/slick.woff") format("woff"), url("../fonts/slick/slick.ttf") format("truetype"), url("../fonts/slick/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*********************************/
/*********************************/
/* Arrows */
/*********************************/
/*********************************/
.custom-prev-arrow,
.custom-next-arrow {
  position: absolute;
  top: 35%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  z-index: 3;
}
.custom-prev-arrow i,
.custom-next-arrow i {
  color: #00578b;
  font-size: 4rem;
}
.custom-prev-arrow i:hover,
.custom-next-arrow i:hover {
  color: #9c0771;
}

.custom-prev-arrow {
  left: 0;
}

.custom-next-arrow {
  right: 0;
}

/*.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    &:hover, &:focus {
        outline: none;
        background: transparent;
        color: transparent;
        &:before {
            opacity: $slick-opacity-on-hover;
        }
    }
    &.slick-disabled:before {
        opacity: $slick-opacity-not-active;
    }
    &:before {
        font-family: $slick-font-family;
        font-size: 20px;
        line-height: 1;
        color: $slick-arrow-color;
        opacity: $slick-opacity-default;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}*/
/*.slick-prev {
    left: -25px;
    [dir="rtl"] & {
        left: auto;
        right: -25px;
    }
    &:before {
        content: $slick-prev-character;
        [dir="rtl"] & {
            content: $slick-next-character;
        }
    }
}

.slick-next {
    right: -25px;
    [dir="rtl"] & {
        left: -25px;
        right: auto;
    }
    &:before {
        content: $slick-next-character;
        [dir="rtl"] & {
            content: $slick-prev-character;
        }
    }
}*/
/*********************************/
/*********************************/
/* Dots */
/*********************************/
/*********************************/
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 7px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li::before {
  display: none;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 30px;
  line-height: 20px;
  text-align: center;
  color: #00578b;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #00578b;
  opacity: 1;
}

/*********************************/
/*********************************/
/*Dots custom*/
/*********************************/
/*********************************/
.slick-dots {
  z-index: 1;
}
.slick-dots i {
  color: #00578b;
  transition: all 0.2s ease-out;
  font-size: 3rem;
}
.slick-dots .slick-active .fa-circle::before,
.slick-dots li:hover .fa-circle::before {
  font-weight: 900;
}

/*********************************/
/*********************************/
/* Slider */
/*********************************/
/*********************************/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  /*display: block;*/
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* ********************************************************************** */
/* Header part / Banner 
/* ********************************************************************** */
#banner-box-container {
  width: 100%;
}
#banner-box-container .banner-box-inner {
  margin: 0 auto;
  width: 1200px;
  height: 150px;
  background-image: url(/fileadmin/templates/code/images/header/EURF-Header-main_small_1200px.png);
  background-size: contain;
}

/* ************************************************************************************************************************ */
/* Responsive version */
/* ************************************************************************************************************************ */
@media (min-width: 992px) and (max-width: 1219px) {
  #banner-box-container .banner-box-inner {
    width: 992px;
    height: 124px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #banner-box-container .banner-box-inner {
    width: 768px;
    height: 96px;
  }
}
@media (max-width: 767px) {
  #banner-box-container .banner-box-inner {
    width: 100%;
    height: 0;
    padding-top: 12.5%;
  }
}
/* ********************************************************************** */
/* LOGO
/* ********************************************************************** */
/* ************************************************************ */
/* Header Logo  */
/* ************************************************************ */
#logo-container {
  display: inline-block;
  width: 55.5%;
  margin-top: 15%;
  margin-left: 17%;
}
#logo-container #logo-inner img {
  width: 100%;
  height: auto;
}

/* ************************************************************ */
/* Sticky menu logo */
/* ************************************************************ */
/* ************************************************************ */
/* Responsive version */
/* ************************************************************ */
/* ************************************************************ */
/* Disclaimer */
/* ************************************************************ */
/******************************/
/* disclamer */
/******************************/
#disclaimer {
  display: none;
  margin-bottom: 1.6rem;
}
#disclaimer .logo {
  display: inline-block;
  vertical-align: top;
}
#disclaimer .text {
  display: inline-block;
  vertical-align: top;
  padding: 0 2rem;
}
#disclaimer .text p {
  text-align: justify;
  font-size: 1rem;
}
#disclaimer .eu-logo {
  width: 5%;
}
#disclaimer .eu-logo img {
  width: 100%;
  height: auto;
}
#disclaimer .eu-funding-text {
  width: 95%;
}

/* ************************************************************ */
/* Responsive version */
/* ************************************************************ */
@media only screen and (max-width: 1210px) {
  #disclaimer {
    padding: 0 2rem;
  }
}
/* ************************************************************ */
/* Tablet portrait and below */
/* ************************************************************ */
@media only screen and (max-width: 768px) {
  #disclaimer .text {
    padding: 0;
  }
  #disclaimer .eu-logo {
    width: 10%;
  }
  #disclaimer .eu-logo img {
    width: 100%;
    height: auto;
  }
  #disclaimer .eu-funding-text {
    width: 90%;
    padding-left: 1rem;
  }
}
/* end of @media */
/* ********************************************************************** */
/* Partners
/* Can be used in template or as content element
/* ********************************************************************** */
.partner-logos-box {
  padding: 3rem 0;
  display: block;
  text-align: left;
  /* ************************************************************ */
  /* Box sizes */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Logos */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Logos  prevalent for organisers / co-organisers*/
  /* ************************************************************ */
}
.partner-logos-box hr {
  display: block;
  clear: both;
}
@supports (display: flex) {
  .partner-logos-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.partner-logos-box #organisers {
  display: block;
}
.partner-logos-box #co-organisers {
  display: block;
}
.partner-logos-box #supporters {
  display: block;
}
.partner-logos-box #in_cooperation {
  display: block;
}
.partner-logos-box .partner-logo {
  display: inline-block;
  vertical-align: middle;
  padding: 1rem 6rem 1rem 0;
  filter: grayscale(0.7);
  opacity: 0.7;
}
.partner-logos-box .partner-logo img {
  max-width: 120px;
  max-height: 50px;
}
.partner-logos-box .partner-logo a {
  display: block;
  background-color: transparent !important;
}
.partner-logos-box .partner-logo:hover {
  filter: none;
  opacity: 1;
}
.partner-logos-box #organisers .partner-logo img,
.partner-logos-box #co-organisers .partner-logo img {
  max-width: 200px;
  max-height: 80px;
}
.partner-logos-box #supporters .partner-logo {
  padding-right: 2.5em;
}
.partner-logos-box #supporters .partner-logo img {
  max-width: 150px;
  max-height: 70px;
}
.partner-logos-box #in_cooperation .partner-logo img {
  max-width: 160px;
  max-height: 100px;
}

/* end of partner-logos-box */
/* ************************************************************ */
/* Partner Logos in Footer (non-content element) */
/* ************************************************************ */
#footer-container .partner-logos-box {
  /* ************************************************************ */
  /* Switch off partner logos in template */
  /* ************************************************************ */
  display: block;
}

/* ************************************************************************************************************************ */
/* Responsive version */
/* ************************************************************************************************************************ */
@media (min-width: 992px) and (max-width: 1219px) {
  .partner-logos-box {
    padding: 1rem;
  }
  .partner-logos-box .partner-logo {
    width: 20%;
    padding: 1rem 0;
  }
  .partner-logos-box .partner-logo img {
    max-width: 90%;
    margin-right: 10%;
  }
  .partner-logos-box #organisers .partner-logo,
.partner-logos-box #co-organisers .partner-logo {
    width: 33%;
  }
  .partner-logos-box #organisers .partner-logo img,
.partner-logos-box #co-organisers .partner-logo img {
    max-width: 90%;
    max-height: auto;
    margin-right: 10%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .partner-logos-box {
    padding: 1rem;
  }
  .partner-logos-box .partner-logo {
    width: 20%;
    padding: 1rem 0;
  }
  .partner-logos-box .partner-logo img {
    max-width: 90%;
    margin-right: 10%;
  }
  .partner-logos-box #organisers .partner-logo,
.partner-logos-box #co-organisers .partner-logo {
    width: 33%;
  }
  .partner-logos-box #organisers .partner-logo img,
.partner-logos-box #co-organisers .partner-logo img {
    max-width: 80%;
    max-height: auto;
    margin-right: 10%;
  }
}
@media (max-width: 767px) {
  .partner-logos-box {
    padding: 1rem;
  }
  .partner-logos-box #organisers {
    display: block;
    width: 100%;
  }
  .partner-logos-box #co-organisers {
    display: block;
    width: 100%;
  }
  .partner-logos-box .partner-logo {
    width: 20%;
    padding: 1rem 0;
  }
  .partner-logos-box .partner-logo img {
    max-width: 90%;
    margin-right: 10%;
  }
  .partner-logos-box #organisers .partner-logo,
.partner-logos-box #co-organisers .partner-logo {
    width: 33%;
  }
  .partner-logos-box #organisers .partner-logo img,
.partner-logos-box #co-organisers .partner-logo img {
    max-width: 80%;
    max-height: auto;
    margin-right: 10%;
  }
}
/* ********************************************************************** */
/* Bottom bar
/* ********************************************************************** */
#bottombar-container {
  width: 100%;
}
#bottombar-container #bottombar-inner {
  margin: 0 auto;
  width: 1200px;
  background-image: url(/fileadmin/templates/code/images/footer/EURF-Footerbar_1200px.png);
  background-size: 100% 100%;
  padding: 0.3rem 2rem;
}

/* ************************************************************ */
/* Responsive version */
/* ************************************************************ */
/* ********************************************************************** */
/* Utility menu (Footer)
/* ********************************************************************** */
#utility-menu-container {
  float: left;
  display: inline-block;
}
#utility-menu-container #utility-menu-inner {
  text-align: left;
}
#utility-menu-container #utility-menu-inner nav {
  margin: 0;
}
#utility-menu-container #utility-menu-inner nav div {
  display: inline-block;
  padding: 0 2rem 0 0;
}
#utility-menu-container #utility-menu-inner nav div a {
  color: white;
  font-size: 0.9em;
}
#utility-menu-container #utility-menu-inner nav div a:hover {
  color: #9c0771;
}

/* ************************************************************************************************************************ */
/* Responsive version */
/* ************************************************************************************************************************ */
@media (max-width: 767px) {
  #utility-menu-container #utility-menu-inner nav div a {
    font-size: 0.65em;
  }
}
/* ********************************************************************** */
/* Social media menu
/* ********************************************************************** */
.social-media-menu nav div {
  display: inline;
}
.social-media-menu nav div a {
  display: inline-block;
  width: 36px;
  height: 41px;
  margin: 0.2em;
  text-align: center;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='275.664px' height='305.663px' viewBox='0 0 275.664 305.663' enable-background='new 0 0 275.664 305.663' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='275.664' height='305.663'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='rgb(108,108,108)' stroke='rgb(108,108,108)' stroke-width='3.528' d='M271.064,226.792V78.871 c-44.41-24.673-88.821-49.345-133.232-74.018C93.421,29.526,49.01,54.198,4.599,78.871v147.921 c44.411,24.673,88.821,49.346,133.233,74.019C182.243,276.138,226.653,251.465,271.064,226.792z'/%3E%3C/g%3E%3C/svg%3E");
  /* ************************************************************ */
  /* Ghost element for vertical centering */
  /* ************************************************************ */
}
.social-media-menu nav div a:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.social-media-menu nav div a i {
  display: inline-block;
  font-size: 20px;
  color: #FFF;
  vertical-align: middle;
  margin: 0 auto;
}
.social-media-menu nav div a:hover {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='275.664px' height='305.663px' viewBox='0 0 275.664 305.663' enable-background='new 0 0 275.664 305.663' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='275.664' height='305.663'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='rgb(255,255,255)' stroke='rgb(108,108,108)' stroke-width='3.528' d='M271.064,226.792V78.871 c-44.41-24.673-88.821-49.345-133.232-74.018C93.421,29.526,49.01,54.198,4.599,78.871v147.921 c44.411,24.673,88.821,49.346,133.233,74.019C182.243,276.138,226.653,251.465,271.064,226.792z'/%3E%3C/g%3E%3C/svg%3E");
}
.social-media-menu nav div a:hover i {
  color: #6d6d6d;
}

/* ************************************************************ */
/* Header */
/* ************************************************************ */
#social-media-menu-header {
  float: right;
}
/* ************************************************************ */
/* Footer */
/* ************************************************************ */
/* ************************************************************************************************************************ */
/* Responsive version */
/* ************************************************************************************************************************ */
/* end of for-tablet-landscape-to-desktop */
@media (min-width: 768px) and (max-width: 991px) {
  .social-media-menu nav div a {
    width: 24px;
    height: 27px;
  }
  .social-media-menu nav div a i {
    font-size: 15px;
    margin-top: -6px;
  }
}
/* end of for-tablet-portrait-to-tablet-landscape */
/* end of for-phones-to-tablet-portrait */
/* ********************************************************************** */
/* Back to Top button
/* ********************************************************************** */
.back_to_top_button {
  position: fixed;
  bottom: 100px;
  right: 10px;
  cursor: pointer;
  color: #6d6d6d;
  font-size: 0.8em;
  line-height: 1;
  padding: 1rem;
  background-color: transparent;
  transition: background-color 0.5s ease;
  opacity: 0.6;
}

.back_to_top_button:hover {
  animation-name: MoveUpDown;
  animation-duration: 0.8s;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  animation-direction: linear;
  animation-iteration-count: 1;
}

.back_to_top_button i.fa {
  color: #6d6d6d;
  padding: 0;
  margin: -5px 0 0 1rem;
  transition: all 0.5s ease;
}

@keyframes MoveUpDown {
  0% {
    bottom: 100px;
  }
  50% {
    bottom: 103px;
  }
  100% {
    bottom: 100px;
  }
}
/* ************************************************************ */
/* Responsive version */
/* ************************************************************ */
@media screen and (max-width: 1210px) {
  /* discard for small screens */
  .back_to_top_button {
    bottom: -1000px;
  }
}
/* ********************************************************************** */
/* Fallback Main navigation, Sitemap
/* ********************************************************************** */
#sitemap-container {
  display: none;
  width: 100%;
  text-align: center;
  margin-top: 1em;
}
#sitemap-container #sitemap-inner {
  width: 1200px;
  margin: 0 auto;
  /* ************************************************************ */
  /* All levels */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Footer sitemap level 1 */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Switch off logo-home-menu-item in sitemap */
  /* ************************************************************ */
}
#sitemap-container #sitemap-inner ul {
  margin: 0;
  padding: 0;
}
#sitemap-container #sitemap-inner ul li {
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
}
#sitemap-container #sitemap-inner ul li:before {
  content: "";
}
#sitemap-container #sitemap-inner ul li a {
  font-size: 1.2rem;
}
#sitemap-container #sitemap-inner > ul {
  display: flex;
  justify-content: space-between;
}
#sitemap-container #sitemap-inner > ul > li {
  flex-grow: 1;
  display: inline;
  /* ************************************************************ */
  /* Footer sitemap level 2 */
  /* ************************************************************ */
}
#sitemap-container #sitemap-inner > ul > li > ul > li {
  display: block;
}
#sitemap-container #sitemap-inner #sitemap-id-18 {
  display: none;
}

/* ************************************************************ */
/* Responsive version */
/* ************************************************************ */
/* ********************************************************************** */
/* Newsletter Box
/* ********************************************************************** */
/* *********************************************************************
/* General */
/* ********************************************************************** */
#mc_embed_signup {
  margin: 0 0 3rem 0;
  /**************************/
  /*Input styling*/
  /**************************/
  /*Subscribe button*/
}
#mc_embed_signup #mc_embed_signup_scroll {
  width: 100%;
}
#mc_embed_signup h2 {
  text-align: left;
}
#mc_embed_signup form {
  background-color: #6bbe98;
}
#mc_embed_signup a {
  color: white;
}
#mc_embed_signup #mce-EMAIL,
#mc_embed_signup #mce-FNAME,
#mc_embed_signup #mce-ORG {
  display: table-cell;
  width: 100%;
  height: 36px;
  padding: 0 20px;
  border: solid 1px #FFF;
  border-radius: 2px;
  background: transparent;
}
#mc_embed_signup #mce-EMAIL::-webkit-input-placeholder,
#mc_embed_signup #mce-FNAME::-webkit-input-placeholder,
#mc_embed_signup #mce-ORG::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6bbe98 !important;
  opacity: 1;
}
#mc_embed_signup #mce-EMAIL::-moz-placeholder,
#mc_embed_signup #mce-FNAME::-moz-placeholder,
#mc_embed_signup #mce-ORG::-moz-placeholder {
  /* Firefox 19+ */
  color: #6bbe98 !important;
  opacity: 1;
}
#mc_embed_signup #mce-EMAIL:-ms-input-placeholder,
#mc_embed_signup #mce-FNAME:-ms-input-placeholder,
#mc_embed_signup #mce-ORG:-ms-input-placeholder {
  /* IE 10+ */
  color: #6bbe98 !important;
  opacity: 1;
}
#mc_embed_signup #mce-EMAIL::placeholder,
#mc_embed_signup #mce-FNAME::placeholder,
#mc_embed_signup #mce-ORG::placeholder {
  /* Firefox 18- */
  color: #6bbe98 !important;
  opacity: 1;
}
#mc_embed_signup .mc-field-group {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  padding: 1rem;
}
#mc_embed_signup .mc-field-group:first-of-type {
  padding-left: 0;
}
#mc_embed_signup .mc-field-group:last-of-type {
  padding-right: 0;
}
#mc_embed_signup .clear {
  text-align: left;
  margin: 1rem 0 2rem 0;
}
#mc_embed_signup #mc-embedded-subscribe {
  cursor: pointer;
  width: auto;
  border: none;
  padding: 5px 20px;
  background-color: transparent;
  font-size: 1.8rem;
  border: 1px solid black;
  color: #6bbe98;
  border-color: #6bbe98;
  background-color: #FFF;
}
#mc_embed_signup #mc-embedded-subscribe:hover {
  color: #FFF;
  background-color: #6bbe98;
  border-color: #6bbe98;
}

/*Hide the custom bullet points*/
.select2-results li::before {
  display: none;
}

/**************************/
/*Hide/Display the GDPR text*/
/**************************/
.gdpr p {
  /*color: $lgrey;*/
}
.gdpr, .gdpr * {
  transition: all 0.2s ease-out;
}

.gdpr-hidden, .gdpr-hidden * {
  height: 0;
  opacity: 0;
  font-size: 0;
}

/* ************************************************************ */
/* Database feed - TEASERS (e.g. on homepage) */
/* ************************************************************ */
/* ************************************************************ */
/* DB ITEM (TEASRE FORM) */
/* ************************************************************ */
#main-content-container .card-container {
  position: relative;
  overflow: hidden;
  background-color: #FFF;
  min-height: 550px;
  margin-top: 2rem;
  /* end of card-inner */
}
#main-content-container .card-container a.card-inner {
  display: block;
  text-decoration: none;
}
#main-content-container .card-container a.card-inner:hover {
  background-color: #FFF;
}
#main-content-container .card-container a.card-inner:hover .read-more a {
  color: #FFF !important;
  background: #a1b623 !important;
  border-color: transparent !important;
}
#main-content-container .card-container a.card-inner .item-banner {
  height: 220px;
  background-position: center;
  background-size: cover;
}
#main-content-container .card-container a.card-inner .item-content {
  padding: 0;
  text-align: left;
}
#main-content-container .card-container a.card-inner .item-date {
  color: #6d6d6d;
  padding: 0.3rem 0;
}
#main-content-container .card-container a.card-inner .item-date .date {
  display: block;
}
#main-content-container .card-container a.card-inner .item-date .location {
  display: block;
}
#main-content-container .card-container a.card-inner .item-title {
  margin: 0;
  padding: 0;
}
#main-content-container .card-container a.card-inner .calendar-view-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  background: #FFF;
  width: 4.4rem;
  text-align: center;
  padding: 0 0 0.5rem 0;
  border-radius: 0 0 0.5rem 0.5rem;
}
#main-content-container .card-container a.card-inner .calendar-view-container .date-month {
  color: #FFF;
  background: #a1b623;
}
#main-content-container .card-container a.card-inner .calendar-view-container .date-number {
  font-size: 2rem;
  line-height: 2rem;
  padding: 0.25rem 0 0 0;
}

/* end of card-container */
/* ************************************************************ */
/* Read more link (goto single view) */
/* ************************************************************ */
.read-more {
  display: block;
  text-align: right;
  z-index: 2;
  position: relative;
}

/* ************************************************************ */
/* News Teaser container */
/* ************************************************************ */
/* ************************************************************ */
/* Events Teaser container */
/* ************************************************************ */
.events-teaser-container .date {
  display: block;
}
.events-teaser-container .location {
  display: block;
}

/* ************************************************************ */
/* Teaser container (e.g. homepage) */
/* ************************************************************ */
.db-teaser-container {
  text-align: center;
}
/* ************************************************************ */
/* DB Search forms */
/* ************************************************************ */
/* ************************************************************ */
/* MIXINS */
/* ************************************************************ */
/* ************************************************************ */
/* Form Elements - standard styling */
/* ************************************************************ */
/******************************/
/* Placeholder  */
/******************************/
/* ************************************************************ */
/* Standard search form */
/* ************************************************************ */
#search-form-box form .input-group {
  display: table-cell;
  padding: 1rem 1.6rem;
  font-size: 1.6rem;
  background: white;
  border: solid 1px #a1b623;
  border-radius: 2px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
#search-form-box form #keyword {
  width: 100%;
  border: none;
  color: #a1b623;
  font-size: 1em;
}
#search-form-box form #keyword::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a1b623 !important;
  opacity: 1;
}
#search-form-box form #keyword::-moz-placeholder {
  /* Firefox 19+ */
  color: #a1b623 !important;
  opacity: 1;
}
#search-form-box form #keyword:-ms-input-placeholder {
  /* IE 10+ */
  color: #a1b623 !important;
  opacity: 1;
}
#search-form-box form #keyword:-moz-placeholder {
  /* Firefox 18- */
  color: #a1b623 !important;
  opacity: 1;
}
#search-form-box form #keyword::placeholder {
  /* Firefox 18- */
  color: #a1b623 !important;
  opacity: 1;
}
#search-form-box form .input-group-btn {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 1em;
  width: 7rem;
}
#search-form-box form #button-reset {
  color: #a1b623;
}
#search-form-box form #search,
#search-form-box form #button-reset {
  background: #FFF;
  color: #a1b623;
  border: none;
  display: inline-block;
  vertical-align: middle;
}
#search-form-box form #search i,
#search-form-box form #button-reset i {
  color: inherit;
}
#search-form-box form #search:hover,
#search-form-box form #button-reset:hover {
  color: #a1b623;
  cursor: pointer;
}

/* ************************************************************ */
/* Month / Year filter */
/* ************************************************************ */
#year-month-box-container {
  display: inline-block;
  padding: 0.8rem 0;
  /* end of #year-month-box-inner */
}
#year-month-box-container #year-month-box-inner {
  display: table-cell;
  padding: 1rem 1.6rem;
  font-size: 1.6rem;
  background: white;
  border: solid 1px #a1b623;
  border-radius: 2px;
  display: inline-block;
  width: 12em;
  position: relative;
  vertical-align: middle;
  padding: 1.1rem 1.6rem;
  text-align: center;
}
#year-month-box-container #year-month-box-inner:hover {
  border-radius: 2px;
}
#year-month-box-container #year-month-box-inner:hover ul {
  display: block;
}
#year-month-box-container #year-month-box-inner span {
  color: #a1b623;
}
#year-month-box-container #year-month-box-inner ul {
  display: none;
  width: 12em;
  position: absolute;
  left: -1px;
  margin: 0;
  padding: 1rem;
  background: #FFF;
  border: 1px solid #a1b623;
  border-radius: 0 0 2px 2px;
  border-top: none;
  z-index: 5;
}
#year-month-box-container #year-month-box-inner ul li {
  padding: 0;
}
#year-month-box-container #year-month-box-inner ul li:before {
  display: none;
}
#year-month-box-container #year-month-box-inner ul li a {
  text-decoration: none;
  color: #a1b623;
}
#year-month-box-container #year-month-box-inner ul li a:hover {
  background-color: transparent;
  text-decoration: underline;
}
#year-month-box-container #year-month-box-inner ul li a span {
  color: #a1b623;
}

/* end of year-month-box-container */
/* ************************************************************ */
/* Clear filters button */
/* ************************************************************ */
#clear-filter-button-box {
  display: none;
  margin-left: 1.6rem;
}
#clear-filter-button-box a.clear-filter-button {
  display: block;
  width: 100%;
  height: 100%;
  color: #a1b623;
  background-color: white;
  border: 1px solid #a1b623;
  text-decoration: none;
  border-radius: 1px;
  padding: 1.1rem 1.6rem;
}
#clear-filter-button-box a.clear-filter-button:hover {
  color: #FFF;
  background-color: #a1b623;
}
#clear-filter-button-box a.clear-filter-button i {
  color: inherit;
}
#clear-filter-button-box.active {
  display: inline-block;
}

/* ************************************************************ */
/* Back Button Box */
/* ************************************************************ */
.back-button-box {
  display: inline-block;
}
.back-button-box a i {
  color: inherit;
}

/* ************************************************************ */
/* Back to page Button Box */
/* ************************************************************ */
.back-to-page-button-box {
  display: inline-block;
  margin-left: 2rem;
}
.back-to-page-button-box a i {
  color: inherit;
}

/* ************************************************************ */
/* DB listing / grid / list, etc */
/* ************************************************************ */
.db-item-container-listing {
  display: inline-block;
  width: 33.3333333333%;
  max-width: 400px;
  vertical-align: top;
}
.db-item-container-listing:nth-child(3n+1) {
  padding: 0 1.5rem 2rem 0;
}
.db-item-container-listing:nth-child(3n+2) {
  padding: 0 0.75rem 2rem 0.75rem;
}
.db-item-container-listing:nth-child(3n+3) {
  padding: 0 0 2rem 1.5rem;
}

/* ************************************************************ */
/* No results message */
/* ************************************************************ */
.no-results {
  color: #D9D9DA;
  vertical-align: top;
}
.no-results i {
  display: inline-block;
  color: #D9D9DA;
  font-size: 6em;
}
.no-results span.text {
  display: inline-block;
  vertical-align: top;
  font-size: 3em;
  margin: 0.5em 0 0 1em;
}

/* ************************************************************ */
/* Responsive version */
/* ************************************************************ */
@media screen and (max-width: 1210px) {
  .db-item-container-listing {
    width: 100% !important;
    margin: auto;
    display: block !important;
    padding: 0 0 2rem 0;
  }
}
/* ************************************************************ */
/* Single DB ITEM VIEW */
/* ************************************************************ */
.single-view-container {
  padding: 0;
  background-color: #FFF;
}
.single-view-container .item-banner-container {
  float: right;
  width: 60%;
  max-width: 720px;
  padding: 2rem;
}
.single-view-container .item-banner-container img {
  display: block;
  width: 100%;
  height: auto;
}
.single-view-container .item-article {
  padding: 2rem 0 0 0;
}
.single-view-container .item-copyrights {
  padding: 1em 0;
  text-align: right;
  margin: 0;
}
.single-view-container .item-copyrights p {
  font-size: 0.8rem;
  color: #B1B1B2;
  margin: 0;
  padding: 0;
}
.single-view-container .item-copyrights p a {
  color: #B1B1B2;
  text-decoration: underline;
}

/* ************************************************************ */
/* Responsive version */
/* ************************************************************ */
@media screen and (max-width: 1210px) {
  .single-view-container .item-banner-container {
    display: block;
    float: none;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 600px;
  }
}
/* ************************************************************ */
/* Pagination
/* used in DB listing
/* ************************************************************ */
#pagination-container {
  display: table;
  margin: 2em auto 1em auto;
}
#pagination-container .page-link {
  display: block;
  float: left;
  width: 40px;
  padding: 0;
  margin: 0;
  text-align: center;
  border: 1px solid #D9D9DA;
  border-width: 1px 1px 1px 0;
}
#pagination-container .page-link:first-child {
  border-left-width: 1px;
}
#pagination-container .current_page {
  color: #D9D9DA;
}
#pagination-container span {
  display: block;
  width: 100%;
  padding: 0.5rem;
  text-align: center;
}
#pagination-container a {
  display: block;
  width: 100%;
  padding: 0.5rem;
  text-decoration: none;
  color: #a1b623;
  text-align: center;
}
#pagination-container a:hover {
  background-color: #D9D9DA;
  color: #a1b623;
}

/* ************************************************************ */
/* Responsive version */
/* ************************************************************ */
/* ************************************************************ */
/* HOME
/* Special Styles for homepage */
/* ************************************************************ */
/* ************************************************************ */
/* Featured Links Box - Standard pages*/
/* Switch off !!! */
/* ************************************************************ */
#featured-links-container {
  display: none;
}

.page1 {
  /* ************************************************************ */
  /* Homepage Banner Image */
  /* ************************************************************ */
  /* ************************************************************ */
  /* STICKY MENU */
  /* ************************************************************ */
  /* END OF STICKY MENU */
  /* ************************************************************************************************************************ */
  /* Responsive version */
  /* ************************************************************************************************************************ */
}
.page1 #banner-box-container {
  width: 100%;
}
.page1 #banner-box-container .banner-box-inner {
  margin: 0 auto;
  width: 1200px;
  padding: 2rem;
  height: 675px;
  background-image: url(/fileadmin/templates/code/images/header/EURESFO-2024-Valencia-Header_main_1200px.png);
  background-size: contain;
  display: flex;
  align-items: flex-end;
  /* ************************************************************ */
  /* Featured Links Box */
  /* ************************************************************ */
}
.page1 #banner-box-container .banner-box-inner #featured-links-container {
  display: block;
}
.page1 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav {
  display: flex;
  flex-direction: column-reverse;
}
.page1 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div {
  display: block;
  margin-top: 0.8rem;
}
.page1 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div a {
  color: white;
  letter-spacing: 1px;
  display: inline-block;
  padding: 0.5rem 2rem;
  border: 2px solid white;
}
.page1 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div a:hover {
  color: #6d6d6d;
  background-color: white;
}
.page1 #navigation-wrapper {
  height: 0px !important;
}
.page1 #navigation-container {
  background-color: transparent;
}
.page1 #navigation-container #navigation-container-inner {
  background-image: none;
}
.page1 #navigation-container.stuck {
  position: fixed;
  top: 0;
}
.page1 #navigation-container.stuck #navigation-container-inner {
  background-image: url(/fileadmin/templates/code/images/header/EURF-Header-menu_1200px_1c-pale.png);
}
@media (min-width: 992px) and (max-width: 1219px) {
  .page1 #banner-box-container .banner-box-inner {
    width: 992px;
    height: 558px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page1 #banner-box-container .banner-box-inner {
    width: 768px;
    height: 432px;
  }
}
@media (max-width: 767px) {
  .page1 #banner-box-container {
    width: 100%;
  }
  .page1 #banner-box-container .banner-box-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.25% 2rem 0 2rem;
    margin-bottom: 100px;
  }
  .page1 #banner-box-container .banner-box-inner #featured-links-container {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #9c0771;
    padding: 1rem;
  }
}

/* end of page1*/
/*>Unexpected home error message*/
#c1583 {
  display: none;
}

/*Big registration button*/
#c1582 a {
  font-size: 2rem;
  padding: 1rem 3rem !important;
}

/* ************************************************************ */
/* Sitemap */
/* Normally Page 20, Content element #C27
/* ************************************************************ */
.page20 #c27 .csc-sitemap > ul > li:first-of-type {
  display: none;
}

/* ************************************************************ */
/* Page not found */
/* Normally Page 7, Content element #C27 (as reference from sitemap)
/* ************************************************************ */
.page7 #c27 .csc-sitemap > ul > li:first-of-type {
  display: none;
}

/* ************************************************************ */
/* HOME 2023
/* Special Styles for homepage */
/* ************************************************************ */
/* ************************************************************ */
/* Featured Links Box - Standard pages*/
/* Switch off !!! */
/* ************************************************************ */
#featured-links-container {
  display: none;
}

.page268 {
  /* ************************************************************ */
  /* Homepage Banner Image */
  /* ************************************************************ */
  /* ************************************************************ */
  /* STICKY MENU */
  /* ************************************************************ */
  /* END OF STICKY MENU */
  /* ************************************************************************************************************************ */
  /* Responsive version */
  /* ************************************************************************************************************************ */
}
.page268 #banner-box-container {
  width: 100%;
}
.page268 #banner-box-container .banner-box-inner {
  margin: 0 auto;
  width: 1200px;
  padding: 2rem;
  height: 675px;
  background-image: url(/fileadmin/templates/code/images/header/2022_EURF_Header-main_1200px.png);
  background-size: contain;
  display: flex;
  align-items: flex-end;
  /* ************************************************************ */
  /* Featured Links Box */
  /* ************************************************************ */
}
.page268 #banner-box-container .banner-box-inner #featured-links-container {
  display: block;
}
.page268 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav {
  display: flex;
  flex-direction: column-reverse;
}
.page268 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div {
  display: block;
  margin-top: 0.8rem;
}
.page268 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div a {
  color: white;
  letter-spacing: 1px;
  display: inline-block;
  padding: 0.5rem 2rem;
  border: 2px solid white;
}
.page268 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div a:hover {
  color: #6d6d6d;
  background-color: white;
}
.page268 #navigation-wrapper {
  height: 0px !important;
}
.page268 #navigation-container {
  background-color: transparent;
}
.page268 #navigation-container #navigation-container-inner {
  background-image: none;
}
.page268 #navigation-container.stuck {
  position: fixed;
  top: 0;
}
.page268 #navigation-container.stuck #navigation-container-inner {
  background-image: url(/fileadmin/templates/code/images/header/EURF-Header-menu_1200px_1c-pale.png);
}
@media (min-width: 992px) and (max-width: 1219px) {
  .page268 #banner-box-container .banner-box-inner {
    width: 992px;
    height: 558px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page268 #banner-box-container .banner-box-inner {
    width: 768px;
    height: 432px;
  }
}
@media (max-width: 767px) {
  .page268 #banner-box-container {
    width: 100%;
  }
  .page268 #banner-box-container .banner-box-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.25% 2rem 0 2rem;
    margin-bottom: 100px;
  }
  .page268 #banner-box-container .banner-box-inner #featured-links-container {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #9c0771;
    padding: 1rem;
  }
}

/* end of page1*/
/*>Unexpected home error message*/
#c1583 {
  display: none;
}

/*Big registration button*/
#c1582 a {
  font-size: 2rem;
  padding: 1rem 3rem !important;
}

/* ************************************************************ */
/* HOME 2022
/* Special Styles for homepage */
/* ************************************************************ */
/* ************************************************************ */
/* Featured Links Box - Standard pages*/
/* Switch off !!! */
/* ************************************************************ */
#featured-links-container {
  display: none;
}

.page207 {
  /* ************************************************************ */
  /* Homepage Banner Image */
  /* ************************************************************ */
  /* ************************************************************ */
  /* STICKY MENU */
  /* ************************************************************ */
  /* END OF STICKY MENU */
  /* ************************************************************************************************************************ */
  /* Responsive version */
  /* ************************************************************************************************************************ */
}
.page207 #banner-box-container {
  width: 100%;
}
.page207 #banner-box-container .banner-box-inner {
  margin: 0 auto;
  width: 1200px;
  padding: 2rem;
  height: 675px;
  background-image: url(/fileadmin/templates/code/images/header/2022_EURF_Header-main_1200px.png);
  background-size: contain;
  display: flex;
  align-items: flex-end;
  /* ************************************************************ */
  /* Featured Links Box */
  /* ************************************************************ */
}
.page207 #banner-box-container .banner-box-inner #featured-links-container {
  display: block;
}
.page207 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav {
  display: flex;
  flex-direction: column-reverse;
}
.page207 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div {
  display: block;
  margin-top: 0.8rem;
}
.page207 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div a {
  color: white;
  letter-spacing: 1px;
  display: inline-block;
  padding: 0.5rem 2rem;
  border: 2px solid white;
}
.page207 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div a:hover {
  color: #6d6d6d;
  background-color: white;
}
.page207 #navigation-wrapper {
  height: 0px !important;
}
.page207 #navigation-container {
  background-color: transparent;
}
.page207 #navigation-container #navigation-container-inner {
  background-image: none;
}
.page207 #navigation-container.stuck {
  position: fixed;
  top: 0;
}
.page207 #navigation-container.stuck #navigation-container-inner {
  background-image: url(/fileadmin/templates/code/images/header/EURF-Header-menu_1200px_1c-pale.png);
}
@media (min-width: 992px) and (max-width: 1219px) {
  .page207 #banner-box-container .banner-box-inner {
    width: 992px;
    height: 558px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page207 #banner-box-container .banner-box-inner {
    width: 768px;
    height: 432px;
  }
}
@media (max-width: 767px) {
  .page207 #banner-box-container {
    width: 100%;
  }
  .page207 #banner-box-container .banner-box-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.25% 2rem 0 2rem;
    margin-bottom: 100px;
  }
  .page207 #banner-box-container .banner-box-inner #featured-links-container {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #9c0771;
    padding: 1rem;
  }
}

/* end of page1*/
/*>Unexpected home error message*/
#c1583 {
  display: none;
}

/*Big registration button*/
#c1582 a {
  font-size: 2rem;
  padding: 1rem 3rem !important;
}

/* ************************************************************ */
/* HOME 2021
/* Special Styles for homepage */
/* ************************************************************ */
/* ************************************************************ */
/* Featured Links Box - Standard pages*/
/* Switch off !!! */
/* ************************************************************ */
#featured-links-container {
  display: none;
}

.page154 {
  /* ************************************************************ */
  /* Homepage Banner Image */
  /* ************************************************************ */
  /* ************************************************************ */
  /* STICKY MENU */
  /* ************************************************************ */
  /* END OF STICKY MENU */
  /* ************************************************************************************************************************ */
  /* Responsive version */
  /* ************************************************************************************************************************ */
}
.page154 #banner-box-container {
  width: 100%;
}
.page154 #banner-box-container .banner-box-inner {
  margin: 0 auto;
  width: 1200px;
  padding: 2rem;
  height: 675px;
  background-image: url(/fileadmin/templates/code/images/header/2021_EURF-Header-main_1200px.png);
  background-size: contain;
  display: flex;
  align-items: flex-end;
  /* ************************************************************ */
  /* Featured Links Box */
  /* ************************************************************ */
}
.page154 #banner-box-container .banner-box-inner #featured-links-container {
  display: block;
}
.page154 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav {
  display: flex;
  flex-direction: column-reverse;
}
.page154 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div {
  display: block;
  margin-top: 0.8rem;
}
.page154 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div a {
  color: white;
  letter-spacing: 1px;
  display: inline-block;
  padding: 0.5rem 2rem;
  border: 2px solid white;
}
.page154 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div a:hover {
  color: #6d6d6d;
  background-color: white;
}
.page154 #navigation-wrapper {
  height: 0px !important;
}
.page154 #navigation-container {
  background-color: transparent;
}
.page154 #navigation-container #navigation-container-inner {
  background-image: none;
}
.page154 #navigation-container.stuck {
  position: fixed;
  top: 0;
}
.page154 #navigation-container.stuck #navigation-container-inner {
  background-image: url(/fileadmin/templates/code/images/header/EURF-Header-menu_1200px_1c-pale.png);
}
@media (min-width: 992px) and (max-width: 1219px) {
  .page154 #banner-box-container .banner-box-inner {
    width: 992px;
    height: 558px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page154 #banner-box-container .banner-box-inner {
    width: 768px;
    height: 432px;
  }
}
@media (max-width: 767px) {
  .page154 #banner-box-container {
    width: 100%;
  }
  .page154 #banner-box-container .banner-box-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.25% 2rem 0 2rem;
    margin-bottom: 100px;
  }
  .page154 #banner-box-container .banner-box-inner #featured-links-container {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #9c0771;
    padding: 1rem;
  }
}

/* end of page1*/
/*>Unexpected home error message*/
#c1583 {
  display: none;
}

/*Big registration button*/
#c1582 a {
  font-size: 2rem;
  padding: 1rem 3rem !important;
}

/* ************************************************************ */
/* HOME - 2020
/* ************************************************************ */
/* ************************************************************ */
/* Featured Links Box - Standard pages*/
/* Switch off !! - not needed, right ?
/* ************************************************************ */
#featured-links-container {
  display: none;
}

.page118 {
  /* ************************************************************ */
  /* Homepage Banner Image */
  /* ************************************************************ */
  /* ************************************************************ */
  /* STICKY MENU */
  /* ************************************************************ */
  /* END OF STICKY MENU */
  /* ************************************************************************************************************************ */
  /* Responsive version */
  /* ************************************************************************************************************************ */
}
.page118 #banner-box-container {
  width: 100%;
}
.page118 #banner-box-container .banner-box-inner {
  margin: 0 auto;
  width: 1200px;
  padding: 2rem;
  height: 675px;
  background-image: url(/fileadmin/templates/code/images/header/2020-EURF-Header-main_1200px.png);
  background-size: contain;
  display: flex;
  align-items: flex-end;
  /* ************************************************************ */
  /* Featured Links Box */
  /* ************************************************************ */
}
.page118 #banner-box-container .banner-box-inner #featured-links-container {
  display: block;
}
.page118 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav {
  display: flex;
  flex-direction: column-reverse;
}
.page118 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div {
  display: block;
  margin-top: 0.8rem;
}
.page118 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div a {
  color: white;
  letter-spacing: 1px;
  display: inline-block;
  padding: 0.5rem 2rem;
  border: 2px solid white;
}
.page118 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div a:hover {
  color: #6d6d6d;
  background-color: white;
}
.page118 #navigation-wrapper {
  height: 0px !important;
}
.page118 #navigation-container {
  background-color: transparent;
}
.page118 #navigation-container #navigation-container-inner {
  background-image: none;
}
.page118 #navigation-container.stuck {
  position: fixed;
  top: 0;
}
.page118 #navigation-container.stuck #navigation-container-inner {
  background-image: url(/fileadmin/templates/code/images/header/EURF-Header-menu_1200px_1c-pale.png);
}
@media (min-width: 992px) and (max-width: 1219px) {
  .page118 #banner-box-container .banner-box-inner {
    width: 992px;
    height: 558px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page118 #banner-box-container .banner-box-inner {
    width: 768px;
    height: 432px;
  }
}
@media (max-width: 767px) {
  .page118 #banner-box-container {
    width: 100%;
  }
  .page118 #banner-box-container .banner-box-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.25% 2rem 0 2rem;
    margin-bottom: 100px;
  }
  .page118 #banner-box-container .banner-box-inner #featured-links-container {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #9c0771;
    padding: 1rem;
  }
}

/* end of page1*/
/* ************************************************************ */
/* HOME - 2019
/* ************************************************************ */
/* ************************************************************ */
/* Featured Links Box - Standard pages*/
/* Switch off !! - not needed, right ?
/* ************************************************************ */
#featured-links-container {
  display: none;
}

.page85 {
  /* ************************************************************ */
  /* Homepage Banner Image */
  /* ************************************************************ */
  /* ************************************************************ */
  /* STICKY MENU */
  /* ************************************************************ */
  /* END OF STICKY MENU */
  /* ************************************************************************************************************************ */
  /* Responsive version */
  /* ************************************************************************************************************************ */
}
.page85 #banner-box-container {
  width: 100%;
}
.page85 #banner-box-container .banner-box-inner {
  margin: 0 auto;
  width: 1200px;
  padding: 2rem;
  height: 675px;
  background-image: url(/fileadmin/templates/code/images/header/2019_EURF-Header-main_1200px.png);
  background-size: contain;
  display: flex;
  align-items: flex-end;
  /* ************************************************************ */
  /* Featured Links Box */
  /* ************************************************************ */
}
.page85 #banner-box-container .banner-box-inner #featured-links-container {
  display: block;
}
.page85 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav {
  display: flex;
  flex-direction: column-reverse;
}
.page85 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div {
  display: block;
  margin-top: 0.8rem;
}
.page85 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div a {
  color: white;
  letter-spacing: 1px;
  display: inline-block;
  padding: 0.5rem 2rem;
  border: 2px solid white;
}
.page85 #banner-box-container .banner-box-inner #featured-links-container #featured-links-inner nav div a:hover {
  color: #6d6d6d;
  background-color: white;
}
.page85 #navigation-wrapper {
  height: 0px !important;
}
.page85 #navigation-container {
  background-color: transparent;
}
.page85 #navigation-container #navigation-container-inner {
  background-image: none;
}
.page85 #navigation-container.stuck {
  position: fixed;
  top: 0;
}
.page85 #navigation-container.stuck #navigation-container-inner {
  background-image: url(/fileadmin/templates/code/images/header/EURF-Header-menu_1200px_1c-pale.png);
}
@media (min-width: 992px) and (max-width: 1219px) {
  .page85 #banner-box-container .banner-box-inner {
    width: 992px;
    height: 558px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page85 #banner-box-container .banner-box-inner {
    width: 768px;
    height: 432px;
  }
}
@media (max-width: 767px) {
  .page85 #banner-box-container {
    width: 100%;
  }
  .page85 #banner-box-container .banner-box-inner {
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.25% 2rem 0 2rem;
    margin-bottom: 100px;
  }
  .page85 #banner-box-container .banner-box-inner #featured-links-container {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #9c0771;
    padding: 1rem;
  }
}

/* end of page1*/
/* ************************************************************ */
/* REGISTRATION
/* Special Styles for Registration page */
/* ************************************************************ */
.page57 {
  /* ************************************************************ */
  /* Registration form */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Confirmation form */
  /* ************************************************************ */
}
.page57 form#registration_form {
  /* ************************************************************ */
  /* Error labels */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Mandatory field marker */
  /* ************************************************************ */
  /* ************************************************************ */
  /* EURF purple buttons */
  /* ************************************************************ */
  /* ************************************************************ */
  /* EURF mint buttons */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Init audio-vidual-agreed-info */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Study tour */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Discard/show elements in confirmation-form */
  /* ************************************************************ */
}
.page57 form#registration_form .card {
  margin-bottom: 4rem;
}
.page57 form#registration_form .form-group {
  margin-bottom: 2.4rem;
}
.page57 form#registration_form .form-control,
.page57 form#registration_form .btn {
  font-size: 1.6rem;
}
.page57 form#registration_form label.is-invalid {
  color: #dc3545;
  /* dependent on theme !! */
}
.page57 form#registration_form .mandatory-field-marker-box {
  text-align: right;
}
.page57 form#registration_form sup.mandatory-field-marker span:before {
  font-size: 0.7em;
  color: #00578b;
}
.page57 form#registration_form .btn-EURF-purple {
  background-color: #9c0771;
  border-color: #9c0771;
}
.page57 form#registration_form .btn-EURF-purple * {
  color: white;
}
.page57 form#registration_form .btn-EURF-purple:hover {
  background-color: white;
  color: #9c0771;
}
.page57 form#registration_form .btn-EURF-purple:hover * {
  color: #9c0771;
}
.page57 form#registration_form .btn-EURF-mint {
  background-color: #6bbe98;
  border-color: #6bbe98;
}
.page57 form#registration_form .btn-EURF-mint * {
  color: white;
}
.page57 form#registration_form .btn-EURF-mint:hover {
  background-color: white;
  color: #6bbe98;
}
.page57 form#registration_form .btn-EURF-mint:hover * {
  color: #6bbe98;
}
.page57 form#registration_form #stay-in-touch-info,
.page57 form#registration_form #audio-visual-not-agreed-info,
.page57 form#registration_form #custom_1-physically-info {
  display: none;
}
.page57 form#registration_form #card-study-visit-selection .form-check {
  margin-bottom: 0.8em;
  align-items: flex-start;
}
.page57 form#registration_form #card-study-visit-selection .form-check input {
  margin-top: 0.25em;
}
.page57 form#registration_form #card-study-visit-selection .form-check label {
  line-height: 1.2;
}
.page57 form#registration_form .discard_in_confirmation_form {
  display: none;
}
.page57 div#confirmation_data_table {
  font-size: 1.6rem;
  color: #6d6d6d;
  margin-top: 2rem;
}
.page57 div#confirmation_data_table .spacer_row {
  padding: 2rem 0 0 0;
}
.page57 div#confirmation_data_table .data_row {
  border-bottom: 1px solid #f9f9f9;
  padding: 0.6rem 0;
}
.page57 div#confirmation_data_table .data_label {
  font-weight: bold;
}
.page57 div#confirmation_data_table .show_element_on_positive_class_1 {
  display: block;
}
.page57 div#confirmation_data_table .show_element_on_positive_class_,
.page57 div#confirmation_data_table .show_element_on_positive_class_0 {
  display: none;
}
.page57 div#confirmation_data_table .show_element_on_negative_class_0,
.page57 div#confirmation_data_table .show_element_on_negative_class_ {
  display: block;
}
.page57 div#confirmation_data_table .show_element_on_negative_class_1 {
  display: none;
}

/* ************************************************************ */
/* Thematic streams
/* Special Styles for Thematic streams page page */
/* ************************************************************ */
.page63 {
  /* ************************************************************ */
  /* Thematic stream:; NBS */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Thematic stream: Governance */
  /* ************************************************************ */
  /* ************************************************************ */
  /* Thematic stream:; Financing */
  /* ************************************************************ */
}
.page63 div#c245 h5 {
  color: #a1b623;
}
.page63 div#c262 h5 {
  color: #00578b;
}
.page63 #c258 h5 {
  color: #6bbe98;
}

.page128 .column-33-33-33 .border-box.mint-box,
.page128 .column-33-33-33 .border-box.dark-blue-box,
.page128 .column-50-50 .border-box.mint-box,
.page128 .column-50-50 .border-box.dark-blue-box {
  margin: 0 2rem;
}

.speakers-container > div {
  display: inline-block;
  width: 25%;
  padding: 1rem 0.5rem;
  vertical-align: top;
}

.speaker-container {
  text-align: center;
  position: relative;
}

.speaker-image {
  background: #00578b;
  mask-image: url(/fileadmin/templates/code/images/icons/diamond.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(/fileadmin/templates/code/images/icons/diamond.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  /* Internet Explorer 9-11 */
  /*Edge https://browserstrangeness.bitbucket.io/css_hacks.html#spartan*/
  display: inline-block;
  width: 210px;
  height: 232px;
  mask-size: 210px 232px;
  -webkit-mask-size: 210px 232px;
}
@media screen and (min-width: 0\0 ) and (min-resolution: 72dpi) {
  .speaker-image {
    background: url(/fileadmin/templates/code/images/icons/diamond.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: transparent !important;
  }
}
.speaker-image _:-ms-lang(x), .speaker-image _:-webkit-full-screen, .speaker-image {
  background: url(/fileadmin/templates/code/images/icons/diamond.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: transparent !important;
}
.speaker-image img {
  mask-image: url(/fileadmin/templates/code/images/icons/diamond.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(/fileadmin/templates/code/images/icons/diamond.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  /* Internet Explorer 9-11 */
  /*Edge https://browserstrangeness.bitbucket.io/css_hacks.html#spartan*/
  width: 100%;
  mask-size: 200px 222px;
  -webkit-mask-size: 200px 222px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 0\0 ) and (min-resolution: 72dpi) {
  .speaker-image img {
    background: url(/fileadmin/templates/code/images/icons/diamond.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: transparent !important;
  }
}
.speaker-image img _:-ms-lang(x), .speaker-image img _:-webkit-full-screen, .speaker-image img {
  background: url(/fileadmin/templates/code/images/icons/diamond.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: transparent !important;
}

.speaker-name {
  color: #00578b;
}

.speakers-container-slider .slick-slide {
  cursor: pointer;
}
.speakers-container-slider .slick-slide:hover .speaker-image {
  background: #9c0771;
}

.speaker-popup-container {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -25%;
  top: 240px;
  width: 150%;
  -webkit-box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0.8rem 0 rgba(0, 0, 0, 0.5);
  border: 2px solid #00578b;
  background: white;
  padding: 2rem;
  text-align: left;
  z-index: 2;
  transition: opacity 0.2s ease-out;
}
.speaker-popup-container:before {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: -1.5rem;
  background: url(/fileadmin/templates/code/images/icons/diamond.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 3rem;
  height: 3rem;
}

.speaker-description h5 + h5 {
  font-size: 1.5rem;
  color: #00578b;
}
.speaker-description p, .speaker-description a {
  font-size: 1.3rem;
}

.speaker-container:hover .speaker-popup-container {
  opacity: 1;
  visibility: visible;
}

/******************************/
/* Slider */
/******************************/
.speakers-container-slider .speaker-image {
  width: 260px;
  height: 287px;
  mask-size: 260px 287px;
  -webkit-mask-size: 260px 287px;
}
.speakers-container-slider .speaker-image img {
  mask-size: 250px 277px;
  -webkit-mask-size: 250px 277px;
}
.speakers-container-slider .speaker-popup-container {
  display: none;
}

/******************************/
/* Responsive */
/******************************/
@media (max-width: 1220px) {
  .speakers-container > div {
    width: 100%;
  }

  .speaker-popup-container {
    left: 0;
    width: 100%;
  }
}

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