@font-face {
  font-family: 'droid_sansregular';
  src: url('fonts/droidsans-webfont.eot');
  src: url('fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/droidsans-webfont.woff2') format('woff2'),
  url('fonts/droidsans-webfont.woff') format('woff'),
  url('fonts/droidsans-webfont.ttf') format('truetype'),
  url('fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'droid_sansbold';
  src: url('fonts/droidsans-bold-webfont.eot');
  src: url('fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/droidsans-bold-webfont.woff2') format('woff2'),
  url('fonts/droidsans-bold-webfont.woff') format('woff'),
  url('fonts/droidsans-bold-webfont.ttf') format('truetype'),
  url('fonts/droidsans-bold-webfont.svg#droid_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-Thin.eot');
  src: url('fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'),
  url('fonts/Lato-Thin.woff2') format('woff2'),
  url('fonts/Lato-Thin.woff') format('woff'),
  url('fonts/Lato-Thin.ttf') format('truetype'),
  url('fonts/Lato-Thin.svg#Lato-Thin') format('svg');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-Light.eot');
  src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
  url('fonts/Lato-Light.woff2') format('woff2'),
  url('fonts/Lato-Light.woff') format('woff'),
  url('fonts/Lato-Light.ttf') format('truetype'),
  url('fonts/Lato-Light.svg#Lato-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-Regular.eot');
  src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/Lato-Regular.woff2') format('woff2'),
  url('fonts/Lato-Regular.woff') format('woff'),
  url('fonts/Lato-Regular.ttf') format('truetype'),
  url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-Italic.eot');
  src: url('fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'),
  url('fonts/Lato-Italic.woff2') format('woff2'),
  url('fonts/Lato-Italic.woff') format('woff'),
  url('fonts/Lato-Italic.ttf') format('truetype'),
  url('fonts/Lato-Italic.svg#Lato-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-Bold.eot');
  src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
  url('fonts/Lato-Bold.woff2') format('woff2'),
  url('fonts/Lato-Bold.woff') format('woff'),
  url('fonts/Lato-Bold.ttf') format('truetype'),
  url('fonts/Lato-Bold.svg#Lato-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Lato';
  src: url('fonts/Lato-Black.eot');
  src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
  url('fonts/Lato-Black.woff2') format('woff2'),
  url('fonts/Lato-Black.woff') format('woff'),
  url('fonts/Lato-Black.ttf') format('truetype'),
  url('fonts/Lato-Black.svg#Lato-Black') format('svg');
  font-weight: 800;
  font-style: normal;
}

#join-our-team {
  display: block;
  position: absolute;
  width: 300px;
  bottom: 30px;
  left: 30px;
}

.event-field-hidden {
  display: none;
}

.cc-window.cc-banner {
  background-color: #29323E !important;
  color: #ffffff !important;
}

.cc-window.cc-banner .cc-link {
  color: #ffffff !important;
}

.cc-window.cc-banner .cc-btn.cc-allow {
  background-color: #b5e087 !important;
  text-decoration: none;
}

.cc-window.cc-banner .cc-btn.cc-allow:hover {
  background-color: #9bcc64 !important;
}

#page-78 .categories-filter-wrap {
  display: none;
}


.powermail_form.powermail_form_7 h3 {
  display: none;
}

* {
  padding: 0;
  margin: 0;
}

html {
  font-size: 125%;
  overflow: scroll;
  scroll-behaviour : smooth;
}

body {
  font-family: 'Lato', sans-serif;
  font-size: 50%;
  color: #484e56;
}

ul li, ol li,
input, label, textarea,
p {
  font-size: 1.8em;
  line-height: 30px;
  margin-bottom: 30px;
}

#maincontent ul ul li {
  font-size: 1em;
  list-style-type: square;
  padding-left: 0;
}

#maincontent ul ul {
  margin: 6px 0 12px 24px;
}

#maincontent ul ul li:before {
  display: none;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

p.hinweis {
  margin-top: 30px;
  padding: 15px;
  border: 3px solid red;
  color: red;
}

a {
  color: #004996;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

sub {
  position: relative;
  top: -3px;
  line-height: 100%;
}

h1 sub {
  top: -8px;
  font-size:70%;
}
h2 sub {
  top: -8px;
  font-size:70%;
}
h3 sub {
  top: -4px;
  font-size:70%;
}
h4 sub {
  top: -3px;
  font-size:70%;
}
h5 sub {
  top: -2px;
  font-size:70%;
}

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

ul li {
  list-style-type: none;
}

h2.title,
h2.ce-headline-1,
.one-col-80  h2,
h1 {
  font-family: 'droid_sansregular';
  font-size: 4.2em;
  font-weight: normal;
  line-height: 48px;
  color: #004996;
  margin-bottom: 30px;
  margin-top: 0;
}

#maincontent a:hover,
.software #maincontent a:hover,
.leistungen #maincontent a:hover,
.seminare #maincontent a:hover {
  color: #354252;
}

.software #maincontent a,
.software #maincontent h1 {color: #0082C0;}
.software #maincontent h2,
.software #maincontent h3,
.software #maincontent h4  {color: #339bcd;}

.leistungen #maincontent a,
.leistungen #maincontent h1 {color: #00c375;}
.leistungen #maincontent h2,
.leistungen #maincontent h3,
.leistungen #maincontent h4 {color: #33cf91;}

.seminare #maincontent a,
.seminare #maincontent h1 {color: #88b259;}
.seminare #maincontent h2,
.seminare #maincontent h3,
.seminare #maincontent h4 {color: #9bcc64;}

.downloads #maincontent a,
.downloads #maincontent h1 {color: #bca62b;}
.downloads #maincontent h2,
.downloads #maincontent h3,
.downloads #maincontent h4 {color: #d3b830;}

.downloads #maincontent .powermail_submit,
.downloads #maincontent legend {background-color: #bca62b;}
.downloads #maincontent fieldset {border-color: #bca62b;}
.downloads #maincontent .powermail_submit:hover {background-color: #d3b830;}

#maincontent .grid-container-accordion .ui-accordion-header h1,
#maincontent .grid-container-accordion .ui-accordion-header h2,
#maincontent .grid-container-accordion .ui-accordion-header h3,
#maincontent .grid-container-accordion .ui-accordion-header h4,
#maincontent .grid-container-accordion .ui-accordion-header h5 {
  color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 24px;
}


.one-col-80  h1,
h1.ce-headline-1 {margin-bottom: 0;}
h2.ce-headline-1,
.one-col-80  h2 {color: #29323E;}
.one-col-80  h2,
h2.ce-headline-2 {margin-top: 0;margin-bottom: 36px;}

h2 {
  font-family: 'droid_sansregular';
  font-size: 3em;
  font-weight: normal;
  line-height: 36px;
  color: #004996;
  margin-bottom: 24px;
  margin-top: 60px;
}

h2 sub {
  top: -6px;
}

h3 {
  font-family: 'droid_sansregular';
  font-size: 2.4em;
  font-weight: bold;
  line-height: 36px;
  color: #004996;
  margin-bottom: 12px;
  margin-top: 48px;
}

h2 + h3 {
  margin-top: -12px;
}

h4 {
  font-family: 'Lato', sans-serif;
  font-size: 1.8em;
  line-height: 24px;
  margin-bottom: 6px;
}


fieldset {
  border: none;
}

.clearer {
  clear: both;
  float: none !important;
  width: 100% !important;
}

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

#maincontent .powermail_submit,
p.product-button,
p.button > span,
p.button a {
  display: inline-block;
  background-color: #336dab;
  color: #fff;
  padding: 15px 30px;
  text-decoration: none;

  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;

  -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

p.button.btn-outline a {
  background-color: #fff;
  width: auto;
  padding: 13px 30px;
  border: 2px solid #004996;
  color: #004996;
  text-align: center;
  display: block;
  font-weight: bold;
}

p.button.btn-outline a:hover {
  background-color: #004996;
  color: #fff;
}

p.button.btn-outline-secondary a {
  background-color: #fff;
  width: auto;
  padding: 10px 0 9px 0;
  border: 2px solid #8fb664;
  color: #7a9c56;
  text-align: center;
  display: block;
  font-weight: bold;
}

p.button.btn-outline-secondary a:hover {
  background-color: #7a9c56;
  color: #fff;
  border-color: #7a9c56;
}

p.button.float-left {
  float: left;
  margin-right: 12px;
}

p.button.float-left a {
  padding-left: 24px;
  padding-right: 24px;
}


#maincontent .powermail_submit:hover,
p.button a:hover {
  background-color: #004996;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.margin-top-small {
  margin-top: 96px;
}

.hidden {
  display: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.5rem;
  text-align: left;
  width: 100%;
}

table.technical-information span {
  display: block;
}

table.technical-information td img {
  max-width: 21px;
}

table.technical-information td a.technical-information-download {
  display: flex;
  border: 1px solid #F2F2F2;
  padding: 6px;
  justify-content: center;
  align-items: center;
}

table.technical-information tbody tr:nth-child(even) a.technical-information-download:hover,
table.technical-information td a.technical-information-download:hover {
  border-color: #004996;
}

table.technical-information tbody tr:nth-child(even) {
  background-color: #F2F2F2;
}

table.technical-information tbody tr:nth-child(even) a.technical-information-download {
  border-color: #ffffff;
}

.no-border-right {
  border-right: none;
}

.no-border-left {
  border-left: none;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width:auto;
  background-color: #004996;
  color: #fff;
  text-align: left;
  padding: 5px 15px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 0;
  margin-left: 0;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #004996 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

table p {
  font-size: 1em;
}

table p:last-child {
  margin-bottom: 0;
}

table div {
  line-height: 140%;
}

caption, td, th {
  border: 1px solid #f2f2f2;
  padding: 6px 10px;
  vertical-align: top;
  font-size: 1.4em;
  line-height: 24px;
}

thead th {
  border-color: #f2f2f2;
  border-bottom-color: #fff;
}

.technical-information thead {
  background-color: #f2f2f2;
}

#maincontent table ul li {
  font-size: 1em;
}

table.table-experts td,
.stacktable.small-only td {
  border: 1px solid #484e56;
  border-bottom: 1px solid #fff;
}

.stacktable.small-only td {
  border-color: #c4c4c4;
}

.stacktable.small-only td.st-key {
  border-color: #c4c4c4 #C2D9E7;
  width: 40%;
  background-color: #C2D9E7;
}

.stacktable.small-only td.st-val {
  width: 56%;
}

.stacktable.small-only tr.td-empty {
  display: none;
}

table thead tr {
  border-bottom: 1px solid #fff;
  color: #484e56;
  font-weight: bold;
}



table tr th.th-05,
table tr td.td-05 {width: 5%;}
table tr th.th-10,
table tr td.td-10 {width: 10%;}
table tr th.th-15,
table tr td.td-15 {width: 15%;}
table tr th.th-20,
table tr td.td-20 {width: 20%;}
table tr th.th-25,
table tr td.td-25 {width: 25%;}
table tr th.th-33,
table tr td.td-33 {width: 33%;}
table tr th.th-40,
table tr td.td-40 {width: 40%;}
table tr th.th-50,
table tr td.td-50 {width: 50%;}
table tr th.th-75,
table tr td.td-75 {width: 75%;}

table tr td.check-semi,
table tr td.check-yes,
table tr td.check-no,
table tr td.basic,
table tr td.komfort,
table tr td.basic-komfort {
  position: relative;
  text-align: center;
}

table tr td.check-yes:before {
  content: "\2714";
  font-size: 1.8em;
  color: #76b300;
}

table tr td.check-semi:before {
  content: "( \2714 )";
  font-size: 1.8em;
  color: #76b300;
}

table tr td.check-no:before {
  content: "\2718";
  font-size: 1.8em;
  color: #E64D00;
}

table tr td.basic:before,
table tr td.basic-komfort:before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #76b300;
  position: absolute;
  left: 25%;
  top: 50%;
  margin-top: -6px;
}

table tr td.komfort:after,
table tr td.basic-komfort:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #125ea9;
  position: absolute;
  right: 25%;
  top: 50%;
  margin-top: -6px;
}

table tr td.basic:before,
table tr td.komfort:after {
  left: 50%;
  right: auto;
  margin-left: -6px;
}

#c3240 table {word-break:break-word;}
#c3240 table th {text-align:center;}

.frame-space-before-extra-small {margin-top: 12px;}
.frame-space-before-small {margin-top: 36px;}
.frame-space-before-medium {margin-top: 48px;}
.frame-space-before-large {margin-top: 60px;}
.frame-space-before-extra-large {margin-top: 84px;}

.frame-space-after-extra-small {margin-bottom: 12px;}
.frame-space-after-small {margin-bottom: 36px;}
.frame-space-after-medium {margin-bottom: 48px;}
.frame-space-after-large {margin-bottom: 60px;}
.frame-space-after-extra-large {margin-bottom: 84px;}


.mfp-title {
  font-size: 1.6em;
  line-height: 24px;
  padding: 6px 0;
}

.video-embed-item {width:100%;}

div.matomo-optout {display:inline-block;}
div.matomo-optout label {font-weight:300 !important;font-size:1.8em;width:95%;float:right;}
div.matomo-optout input {line-height: 27px;width:5% !important;margin-top:7px;float:left;}
div.matomo-optout strong {font-weight:700;}


/* -----------------------------
AMMAP
-------------------------------- */

#chartdiv {
  width: 100%;
  height: 600px;
  margin: 48px 0;
}

#chartdiv > div {
  overflow: scroll;
}

.ampopup {
  overflow: visible;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
.ampopup-curtain {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2001;
  background: #fff;
  opacity: 0.5
}

.ampopup-title {
  font-size: 100% !important;
  padding: 12px 42px 12px 12px !important;
}

.ampopup-title h4 {
  margin: 0;
  color: #ffffff;
}

.ampopup-header {
  background-color: #5cb025 !important;
}

.ampopup-content {
  background: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  position: absolute;
  max-width: 300px !important;
  padding: 0 !important;
}

.ampopup-inside {
  padding: 12px !important;
}

.ampopup-inside p {
  margin:  0;
  line-height: 24px;
}

.ampopup-close {
  display: block;
  position: absolute;
  top: 0.3em;
  right: 0.3em;
  background-color: rgb(100, 100, 100);
  background: rgba(100, 100, 100, 0.1) url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBoZWlnaHQ9IjUxMiIgdmVyc2lvbj0iMSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ0NS4yIDEwOS4ybC00Mi40LTQyLjRMMjU2IDIxMy42IDEwOS4yIDY2LjhsLTQyLjQgNDIuNEwyMTMuNiAyNTYgNjYuOCA0MDIuOGw0Mi40IDQyLjRMMjU2IDI5OC40bDE0Ni44IDE0Ni44IDQyLjQtNDIuNEwyOTguNCAyNTYiLz48L3N2Zz4=) no-repeat center;
  background-size: 80%;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  background-color: #b5e087 !important;
  padding: 6px !important;
  top: 6px !important;
  right: 6px !important;
}

.ampopup-close:hover {
  background-color: transparent !important;
}

#maincontent .map-legend ul {
  overflow: hidden;
}

#maincontent .map-legend ul li {
  float: left;
  margin: 0 12px 12px 0;
  padding: 0;
  line-height: 100%;
}

#maincontent .map-legend ul li::before {
  display: none;
}

#maincontent .map-legend ul li a {
  display: block;
  text-decoration: none;
  border: 2px solid #336dab;
  padding: 10px 24px;
  line-height: 24px;

  -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05);
  box-shadow: 0px 2px 4px 0px  rgba(0,0,0,0.05);
}

#maincontent .map-legend ul li a:hover {
  background-color: #004996;
  color: #ffffff;
  border-color: #004996;
}

.frame-grey-box .ce-textpic {
  background-color: #E6E6E6;
}

.frame-blue-box .ce-textpic {
  background-color: #E5ECF4;
}

.frame-blue-box .ce-textpic .ce-bodytext,
.frame-grey-box .ce-textpic .ce-bodytext {
  padding: 18px;
  min-height: 240px;
}

.frame-blue-box .ce-textpic .ce-bodytext p,
.frame-grey-box .ce-textpic .ce-bodytext p {
  font-size: 1.4em;
  line-height: 21px;
  margin: 0;
}

/* -----------------------------
LAYOUT
-------------------------------- */

.wrapper {
  width: 100%;
  max-width: 148em;
  margin: 0 auto;
}

#mainbody {
  padding: 60px 0 0 0;
  background-color: #fff;
}

#mainbody-subpage {
  padding: 60px 0;
  position: relative;
  z-index: 999;
  background-color: #fff;
  margin-top: -60px;
}

#mainbody-subpage::after,
#mainbody-subpage::before {
  content: "";
  position: absolute;
  width: 60px;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(53, 66, 82, .85);
}

#mainbody-subpage::after {
  left: auto;
  right: 0;
}

#mainbody-subpage ul {
  margin-bottom: 36px;
}

#breadcrumb ul {
  margin-bottom: 0;
}

#maincontent {
  padding-top: 42px;
  padding-bottom: 96px;
}

#maincontent h1 {
  margin-top: 0;
  margin-bottom: 6px;
}

#maincontent h1 +h2 {
  margin-top: 0;
}

#maincontent h2 {
  color: #336dab;
}

#maincontent ul li {
  margin-bottom: 6px;
  padding-left: 24px;
  position: relative;
}

#maincontent ul.slides li {
  padding: 0;
  margin: 0;
}

#maincontent ul.slides li::before {
  display: none;
}

#maincontent .tx-ws-flexslider .caption-align-left .caption-text {
  left: -12px;
  top: auto;
  bottom: 24px;
  border-left: 12px solid #354252;
  width: auto;
  padding-right: 48px;
  background: rgba(255,255,255,0.6);
}

#maincontent ul.slides li .caption-link p,
#maincontent ul.slides li .caption-title {
  margin-bottom: 0;
}

#maincontent ul.slides li .caption-link {
  position: static;
}

#maincontent ul.flex-direction-nav li::before {
  display: none;
}

#maincontent ul.flex-direction-nav .flex-prev {
  left: 24px;
}

#maincontent ul.flex-direction-nav .flex-next {
  right: 24px;
}

#maincontent ul.flex-direction-nav a {
  opacity: 1;
}

#maincontent ul.flex-direction-nav {
  position: absolute;
  width: 100%;
  margin: 0;
  top: 50%;
}

#maincontent .flexslider {
  position: relative;
  min-height: none;
}


#maincontent ul li:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  left: 3px;
  top: 9px;
  border: 1px solid #004996;
}

#maincontent ul li.basic {
  color: #76b300;
}

#maincontent ul li.basic::before {
  background-image: none;
  border-radius: 50%;
  background-color: #76b300;
}

#maincontent ul li.komfort {
  color: #125ea9;
}

#maincontent ul li.komfort::before {
  background-image: none;
  border-radius: 50%;
  background-color: #125ea9;
}

#mainbody-subpage .three-cols-33 .grid-row,
#mainbody .three-cols-33 .grid-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  grid-auto-rows: 1fr;
}

#mainbody-subpage .three-cols-33 .grid-row {
  grid-column-gap: 45px;
}

#mainbody .two-cols-50 .grid-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  grid-auto-rows: 1fr;
}

.frame-benefitbox {
  border: 2px solid #2A3440;
  padding: 18px;
  min-height: 204px;
}

.frame-benefitbox p {
  text-align: center;
  margin: 0;
}

.frame-benefitbox .ce-textpic.ce-above.ce-center .ce-columns-1 .ce-row {
  width: 100%;
  margin-bottom: 12px;
}

.frame-benefitbox .ce-textpic.ce-above .ce-columns-1 .ce-row img,
.frame-benefitbox .ce-textpic.ce-above.ce-center .ce-columns-1 .ce-row img {
  width: auto;
  margin: 0 auto;
}

.bg-white-news {
  padding: 120px 0;
}

.bg-white-news h2 {
  margin-bottom: 60px;
}

.bg-white-news .col-left h2 {
  font-size: 1.8em;
  line-height: 27px;
  background-color: #004996;
  color: #fff;
  padding: 9px 0 10px 0;
  font-family: 'Lato', Verdana, sans-serif;
  border-bottom: 1px solid #fff;
  margin: 0;
}

.bg-products {
  padding: 120px 0;
  background-image: url("../images/bg-products.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-products h1,
.bg-products h2,
.bg-products h3,
.bg-products h4,
.bg-products h5 {
  color: #fff;
}

.bg-products h2.title {
  margin-bottom: 60px;
}

.bg-products .three-cols-33 .grid-row > div {
  float: left;
  width: 33.333%;
}

.product-box {
  height: 100%;
}

.frame-layout-7 a,
.product-box > a {
  display: block;
  background-color: #ffffff;
  text-decoration: none;
  position: relative;
  height: 100%;
  padding-bottom: 60px;
}

.product-icon .image {
  padding-right: 97px;
  position: relative;
}

.product-icon .image::after {
  width: 96px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  background-image: url("../images/icon-spe.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90px;
  background-color: #8bb1c6;
}

.noise .product-icon .image::after {
  background-image: url("../images/icon-spn.png");
  background-color: #336dab;
}

.leistungen .product-icon .image::after {
  background-image: url("../images/icon-spm.png");
  background-color: #d36118;
}

.product-content {
  text-align: center;
  padding: 30px;
}

.product-content p {
  font-size: 1.6em;
  font-style: italic;
  font-weight: 300;
  color: #999999;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

.product-content ul li {
  color: #28313d;
  margin: 0;
  border-bottom: 1px solid #999999;
  padding: 9px 0;
}

.product-content p.product-button {
  color: #ffffff;
  margin-top: 30px;
  width: auto;
  display: block;
  font-style: normal;
  font-size: 1.8em;
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 30px;
  width: auto;
}

.default .product-content p.product-button {
  background-color: #8bb1c6;
}

.leistungen .product-content p.product-button {
  background-color: #d36118;
}

.product-box a:hover .product-content p.product-button {
  background-color: #29323e;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0);
}

.product-header {
  padding: 30px 15px;
}

.product-header * {
  margin: 0;
}

.product-header h4 {
  color: #29323e;
}

.default .product-header h3 {
  color: #8bb1c6;
}

.leistungen .product-header h3 {
  color: #d36118;
}

.bg-dark {
  background-color: #E6E6E6;
  background: rgb(0,73,150);
  background: -moz-linear-gradient(45deg, rgba(0,73,150,0.15) 0%, rgba(181,224,135,0.15) 100%);
  background: -webkit-linear-gradient(45deg, rgba(0,73,150,0.15) 0%, rgba(181,224,135,0.15) 100%);
  background: linear-gradient(45deg, rgba(0,73,150,0.15) 0%, rgba(181,224,135,0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004996",endColorstr="#b5e087",GradientType=1);
}

.bg-dark-customers {
  background-color: #29323e;
  padding-bottom: 144px;
}

#c3207.bg-dark-customers,
#c3209.bg-dark-customers,
#c3212.bg-dark-customers {padding-bottom:0;}

.bg-dark-customers .wrapper {
  position: relative;
}

.bg-dark-customers .wrapper:before {
  content: "";
  width: 200px;
  height: 200px;
  position: absolute;
  top: -81px;
  left: 0;
  background-image: url("../images/customer-quotes.png");
  background-repeat: no-repeat;
  background-position: center;
}

#c3207.bg-dark-customers .wrapper::before,
#c3209.bg-dark-customers .wrapper::before,
#c3212.bg-dark-customers .wrapper::before {display:none;}
#c3207.bg-dark-customers h2,
#c3209.bg-dark-customers h2,
#c3212.bg-dark-customers h2 {font-size:6em;}
#c3207.bg-dark-customers p,
#c3209.bg-dark-customers p,
#c3212.bg-dark-customers p {color: rgba(255,255,255,0.5);}

.bg-dark-customers h1,
.bg-dark-customers h2 {
  color: #fff;
}

.bg-dark-customers .frame-type-header {
  width: 63.266%;
  margin: 0 auto;
  padding: 96px 0 0 0;
}

.bg-dark-customers h3 {
  color: #94999f;
  margin-bottom: 48px;
  font-family: 'droid_sansregular';
}

#header-pre-top {
  display: flex;
  justify-content: space-between;
  background-color: #29323e;
}

#header-pre-left ul li {
  display: inline;
  font-size: 1.2em;
  line-height: 24px;
}

#header-pre-left ul li a,
#header-pre-left ul li span {
  color: #ffffff;
  opacity: 0.6;
  display: inline-block;
  padding: 12px 30px 12px 45px;
  position: relative;
}

#header-pre-left ul li a::before,
#header-pre-left ul li span::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  left: 9px;
  top: 9px;
  background-image: url("../images/icon-chat.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
}

#header-pre-left ul li.top-mail a::before {
  background-image: url("../images/icon-mail.png");
}

#header-pre-left ul li.top-phone a::before {
  background-image: url("../images/icon-phone.png");
}

#header-pre-left ul li a:hover {
  background-color: rgba(0,0,0,.25);
  opacity: 1;
}

#header-bottom .slick-list {
  width: 100%;
  background-image: none;
}

#header-bottom .slick-slide {
  padding: 0;
}

#header-bottom .slick-slide > div {
  position: relative;
}

#header-bottom .slick-slide::after,
#header-bottom .slick-slide::before {
  content: "";
  height: 60px;
  width: auto;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  background-color: rgba(53,66,82,.9);
  z-index: 9;
}

#header-bottom .slick-slide::after {
  bottom: 0;
  top: auto;
}

#header-bottom .slick-slide > div::after,
#header-bottom .slick-slide > div::before {
  content: "";
  height: auto;
  width: 60px;
  left: 0;
  top: 60px;
  bottom: 60px;
  position: absolute;
  background-color: rgba(53,66,82,.85);
}

#header-bottom .slick-slide > div::after {
  left: auto;
  right: 0;
}

#header-bottom .ce-textpic.ce-left.ce-intext .ce-columns-1.ce-gallery .ce-row,
#header-bottom .ce-textpic.ce-right.ce-intext .ce-columns-1.ce-gallery .ce-row,
#header-bottom .ce-textpic.ce-below .ce-columns-1 .ce-row,
#header-bottom .ce-textpic.ce-above .ce-columns-1 .ce-row {
  margin: 0;
}

#header-bottom .slick-prev,
#header-bottom .slick-next {
  position: absolute;
  z-index: 99;
  margin: 24px;
}

#mainbody .slick-prev:before,
#mainbody .slick-next:before {
  color: #004996;
  font-size: 30px;
}

#mainbody .slick-prev,
#mainbody .slick-next {
  width: 30px;
  height: 30px;
  top: 25%;
}

#header-bottom .slick-slide .ce-bodytext {
  position: absolute;
  width: 38.776%;
  max-width: 456px;
  height: auto;
  bottom: 96px;
  right: 96px;
  background-color: rgba(255,255,255,.75);
  padding: 60px;
  box-sizing: border-box;
}

#header-bottom .slick-slide .ce-bodytext p {
  font-size: 2.4em;
  font-weight: 400;
  line-height: 30px;
  color: #000000;
  text-align: center;
}

#header-bottom .slick-next {
  right: 0;
}

#header-bottom .slick-prev {
  left: 0;
}

#content .frame-space-after-medium {
  margin-bottom: 30px;
}


#mainbody-subpage ul.ce-uploads.upload-type-1 li a,
#mainbody-subpage ul.ce-uploads.upload-type-0 li a {
  padding: 18px 24px;
  position: relative;
  display: block;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}

#mainbody-subpage .context-left ul.ce-uploads.upload-type-2,
#mainbody-subpage .context-left ul.ce-uploads.upload-type-1,
#mainbody-subpage .context-left ul.ce-uploads.upload-type-0 {
  margin-bottom: 0;
}

#mainbody-subpage .context-left ul.ce-uploads.upload-type-1 li a,
#mainbody-subpage .context-left ul.ce-uploads.upload-type-0 li a {
  padding: 12px 0;
  position: relative;
}

#mainbody-subpage .context-left ul.ce-uploads.upload-type-1 li a:after,
#mainbody-subpage .context-left ul.ce-uploads.upload-type-0 li a:after,
#mainbody-subpage .context-left ul.ce-uploads.upload-type-1 li a:before,
#mainbody-subpage .context-left ul.ce-uploads.upload-type-0 li a:before {
  content: "";
  background-color: #fefefe;
  width: 12px;
  height: 100%;
  position: absolute;
  left: -12px;
  top: 0;
  opacity: 0;
  border-bottom: 2px solid #fff;

  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

#mainbody-subpage .context-left ul.ce-uploads.upload-type-1 li a:after,
#mainbody-subpage .context-left ul.ce-uploads.upload-type-0 li a:after {
  left: auto;
  right: -12px;
}

#mainbody-subpage ul.ce-uploads.upload-type-1 li a:hover:after,
#mainbody-subpage ul.ce-uploads.upload-type-0 li a:hover:after,
#mainbody-subpage ul.ce-uploads.upload-type-1 li a:hover:before,
#mainbody-subpage ul.ce-uploads.upload-type-0 li a:hover:before {
  opacity: 1;
}

#mainbody-subpage ul.ce-uploads.upload-type-1 li a:hover,
#mainbody-subpage ul.ce-uploads.upload-type-0 li a:hover {
  background-color: #fefefe;
  color: #0294c3;
}

#mainbody-subpage ul.ce-uploads.upload-type-2 li a .ce-uploads-icon-wrapper,
#mainbody-subpage ul.ce-uploads.upload-type-1 li a .ce-uploads-icon-wrapper,
#mainbody-subpage ul.ce-uploads.upload-type-0 li a .ce-uploads-icon-wrapper {
  position: absolute;
  background-color: #354252;
  background-image: url("../images/icon-pdf.png");
  border-radius: 0;
  width: 36px;
  height: 36px;
  left: 24px;
  top: 24px;
  -webkit-transition: all 250ms ease-out 50ms;
  -moz-transition: all 250ms ease-out 50ms;
  -o-transition: all 250ms ease-out 50ms;
  transition: all 250ms ease-out 50ms;
}

.file-type-exe {background-image: url("../images/icon-exe.png") !important;}

#mainbody-subpage .context-left ul.ce-uploads.upload-type-2 li a .ce-uploads-icon-wrapper,
#mainbody-subpage .context-left ul.ce-uploads.upload-type-1 li a .ce-uploads-icon-wrapper,
#mainbody-subpage .context-left ul.ce-uploads.upload-type-0 li a .ce-uploads-icon-wrapper {
  left: 0;
  top: 15px;
}

#mainbody-subpage ul.ce-uploads.upload-type-2 li a:hover .ce-uploads-icon-wrapper,
#mainbody-subpage ul.ce-uploads.upload-type-1 li a:hover .ce-uploads-icon-wrapper,
#mainbody-subpage ul.ce-uploads.upload-type-0 li a:hover .ce-uploads-icon-wrapper {
  background-color: #004996;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#mainbody-subpage .wrapper ul.ce-uploads li span.ce-uploads-fileName {
  padding-left: 48px;
  font-weight: normal;
}

#mainbody-subpage .wrapper ul.ce-uploads li span.ce-uploads-filesize {
  color: #757f8c;
}

#mainbody-subpage .wrapper ul.ce-uploads li span.ce-uploads-description {
  color: #757f8c;
  margin: 6px 0;
  font-style: italic;
}

#mainbody-subpage ul.ce-uploads.upload-type-2 li span,
#mainbody-subpage ul.ce-uploads.upload-type-1 li span,
#mainbody-subpage ul.ce-uploads.upload-type-0 li span {
  line-height: 24px;
  display: block;
  color: #484e56;
}

#mainbody-subpage .ce-uploads li {
  margin: 0;
  padding-left: 0;
}

#mainbody-subpage .ce-uploads li:before {
  display: none;
}

#mainbody-subpage #content ul.ce-uploads.upload-type-1 li a,
#mainbody-subpage #content ul.ce-uploads.upload-type-0 li a {
  padding-left: 0;
  border-bottom: 1px solid #eee;
}

#mainbody-subpage #content ul.ce-uploads.upload-type-1 li a:hover,
#mainbody-subpage #content ul.ce-uploads.upload-type-0 li a:hover {
  background-color: transparent;
}

#mainbody-subpage #content ul.ce-uploads.upload-type-2 li a .ce-uploads-icon-wrapper,
#mainbody-subpage #content ul.ce-uploads.upload-type-1 li a .ce-uploads-icon-wrapper,
#mainbody-subpage #content ul.ce-uploads.upload-type-0 li a .ce-uploads-icon-wrapper {
  left: 0;
}

#context-bottom {
  background-color: #535F6C;
  padding: 60px 0 144px 0;
}

#context-bottom .frame-type-text {
  text-align: center;
  color: #ffffff;
}

#context-bottom .frame-type-menu_pages h1,
#context-bottom .frame-type-menu_pages h2,
#context-bottom .frame-type-menu_pages h3,
#context-bottom .frame-type-text h1,
#context-bottom .frame-type-text h2,
#context-bottom .frame-type-text h3 {
  font-size: 4.2em;
  color: #fff;
  font-weight: normal;
  margin-bottom: 24px;
  text-align: center;
}

#context-bottom .frame-type-text h2 sub {top: -8px;}
#context-bottom .frame-type-text h3 sub {top: -9px;}

#context-bottom .two-cols-25-25-25-25 {
  margin-top: 48px;
}

#context-bottom .two-cols-25-25-25-25 div.clearer {
  display: none;
}

#context-bottom .two-cols-25-25-25-25 .hoverbox-with-links {
  position: relative;
}

#context-bottom .two-cols-25-25-25-25 .hoverbox-with-links a {
  display: block;
  background-color: #252e3a;
  border: 3px solid #252e3a;
  color: #ffffff;
  font-weight: 300;
  padding: 30px;
  height: 100%;
  position: relative;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.25);
}

#context-bottom .two-cols-25-25-25-25 .hoverbox-with-links a::after {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("../images/icon-arrow-next.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}

.software #context-bottom .two-cols-25-25-25-25 .hoverbox-with-links a:hover,
#context-bottom .two-cols-25-25-25-25 .hoverbox-with-links a:hover {
  border-color: #ffffff;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#context-bottom .two-cols-25-25-25-25 .hoverbox-with-links h2 {
  color: #fff;
  font-size: 2.4em;
  margin: 0 0 15px 0;
  text-align: left;
  padding-top: 60px;
}

#context-bottom .two-cols-25-25-25-25 .hoverbox-with-links a img {
  max-width: 96px;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 0;
}

#context-bottom .two-cols-25-25-25-25 .hoverbox-with-links a .hoverbox-content {
  position: relative;
  z-index: 10;
}

#preFooter  {
  background-image: url(../images/bg-newsletter.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 120px 0;
}

#preFooter * {
  color: #ffffff;
}

#preFooter h3,
#preFooter h2 {
  font-size: 4.8em;
  line-height: 60px;
  padding-right: 150px;
}

#preFooter h3 {
  font-weight: 400;
  color: #7f848b;
}

#preFooter p.button {
  margin: 0;
  float: left;
  margin-right: 30px;
}

#preFooter p.button a {
  background-color: #29323e;
}

#preFooter p.button.btn-outline a {
  border-color: #ffffff;
  color: #29323e;
  background-color: #ffffff;
}

#preFooter p.button a:hover,
#preFooter p.button.btn-outline a:hover {
  color: #ffffff;
  border-color: #535F6C;
  background-color: #535F6C;
}

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

#slickid-4542,
#slickid-3994 {
  margin-left: -30px;
}

#slickid-4542 .slick-slide > div,
#slickid-3994 .slick-slide > div {
  padding: 0 30px;
}

.frame-layout-14 {
  padding: 30px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}

.frame-layout-14 .customerHeader {
  display: grid;
  grid-template-columns: 2fr 10fr;
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 0px;
}

.frame-layout-14 .ce-textpic.ce-left.ce-intext .ce-columns-1.ce-gallery,
.frame-layout-14 .ce-textpic.ce-left.ce-intext .ce-columns-2.ce-gallery,
.frame-layout-14 .ce-textpic.ce-left.ce-intext .ce-columns-3.ce-gallery {
  float: none;
  width: 100%;
  margin: 0;
}

.frame-layout-14 .image {
  border-radius: 50%;
  padding: 9px;
  background-color: #ffffff;
  border: 2px solid #004996;
  height: 80px;
  width: 80px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  overflow: hidden;
}

.frame-layout-14 .image img {
  max-width: 75%;
}

.frame-layout-14 .customerHeader h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.frame-layout-14 .customerHeader h4 {
  color: #999999;
  font-style: italic;
}

.slick-dots li button:before {
  font-size: 18px;
  color: #004996;
  opacity: 1;
}

.slick-slider .slick-dots li.slick-active button:before {
  color: #336dab;
  opacity: .5;
}

.frame-layout-15 {
  background-image: url("../images/bg-newsletter-heller.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.frame-layout-15 header h2 + h3,
.frame-layout-15 header h2 {
  color: #ffffff;
  font-size: 4.2em;
  line-height: 60px;
  margin: 0;
  font-weight: 300;
}

.frame-layout-15 header h2 + h3 {
  color: #ffffff;
  opacity: .5;
}

.frame-layout-15 p {
  color: #ffffff;
}

.frame-layout-15 p.button a {
  background-color: #29323e;
}

.frame-layout-15 p.button a:hover {
  background-color: #ffffff;
  color: #29323E;
}


  /* -----------------------------
  HEADER
  -------------------------------- */

#header-social-media {
  position: absolute;
  top: 198px;
  right: 0;
  z-index: 99999;
}

#header-social-media .ce-column {
  margin-bottom: 1px;
}

#header-social-media .ce-column a {
  display: block;
  width: 36px;
  height: 36px;
  background-color: #336dab;
  display: flex;
  justify-content: center;
  align-items: center;

  -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);

  -webkit-transition: all 250ms ease-out 50ms;
  -moz-transition: all 250ms ease-out 50ms;
  -o-transition: all 250ms ease-out 50ms;
  transition: all 250ms ease-out 50ms;
}

#header-social-media .ce-column a:hover {
  background-color: #004996;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);

}

#header-social-media .ce-column a img {
  max-width: 24px;
}

#header {
  position: relative;
}

#header .wrapper {
  height: 60px;
  position: relative;
  z-index: 10;
  max-width: none;
  margin-left: 60px;
  margin-right: 60px;
  width: auto;
}

#header .wrapper.border {
  height: auto;
  z-index: 0;
}

#header .wrapper.border:after {
  content:"";
  position: absolute;
  width: 100%;
  height: 12px;
  left: 0;
  bottom: -12px;
  background-color: #004996;
}

#header-top {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 60px;
}

#header-bottom {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  max-height: 750px;
}

#page-473 #header-bottom {
  max-height: none;
}

a#scrolldown {
  position: absolute;
  bottom: 120px;
  left: 50%;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 10;
  background-color: rgba(255,255,255,.75);
  background-image: url("../images/icon-arrow-scrolldown.png");
  background-repeat: no-repeat;
  background-position: center;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

#page-1 #header-bottom {
  max-height: none;
}

#header-wrapper {
  content: "";
  position: absolute;
  height: auto;
  width: auto;
  left: 0;
  right: 0;
  top:0;
  bottom: 0;
  z-index: 10;
  /*
  box-shadow: 0 0 0 60px rgba(53,66,82,.85) inset;
   */
  border-left: 60px solid rgba(53,66,82,.85);
  border-right: 60px solid rgba(53,66,82,.85);
  border-top: 60px solid rgba(53,66,82,.85);
}

#header-top-right {
  float: right;
  width: 65.307%;
}

#header-top-left {
  float: left;
}

#header-top-left #logo {
  position: relative;
  left: 15px;
  top: 30px;
}

#header-top-left #logo img {
  background-color: #ffffff;
}

#header-top-center {
  float: left;
  margin-left: 45px;
}

/* ICONS */
#icons {
  margin-top: 13px;
  -webkit-hyphens:none;
  -moz-hyphens:none;
  -ms-hyphens:none;
  hyphens:none;
  position: relative;
}

#icons ul li {
  font-size:1em;
  margin-bottom:15px;
  float:left;
  font-size:1em;
  margin: 0 15px 0 0;
}

#icons ul li a {
  font-size:1em;
  display:block;
  background-color:#313b48;
  border: 1px solid #94999f;
  text-align:center;
  color:#fff;
  position:relative;
  padding: 6px;
  border-radius: 50%;

  -webkit-transition:all 250ms ease-out 50ms;
  -moz-transition:all 250ms ease-out 50ms;
  -o-transition:all 250ms ease-out 50ms;
  transition:all 250ms ease-out 50ms;
}

#icons ul li .clicked a,
#icons ul li a:hover {
  background-color: #004996;
  border-color: #004996;

  -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
  box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

#icons ul li .links a,
#icons ul li .clicked .links a {
  position: relative;
  border: none;
  display: block;
  background-color: transparent;
  color: #0095C3;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center right;
  margin-bottom: 12px;
  padding: 0;
}

#icons ul li .links p:last-child a {
  margin-bottom: 0;
}

#icons ul li .links a:hover {
  color: #004996;
  border-color: #004996;
}

#icons ul li .links a:hover:before {
  background-color: #0367a3;
}

#icons img {
  max-width:2.2em;
  margin:0 auto;
  display:block;
}

#icons ul li p {
  margin-bottom: 0;
}

#icons ul li p.button a,
#icons ul li .clicked p.button a {
  width: auto;
  background-color: #0095c3;
  border-color: #fff;
  display: inline-block;
  padding-left: 48px;
  padding-right: 48px;

  -webkit-box-shadow:0px 6px 6px 0px rgba(0,0,0,0.15);
  -moz-box-shadow:0px 6px 6px 0px rgba(0,0,0,0.15);
  box-shadow:0px 6px 6px 0px rgba(0,0,0,0.15);
}

#locationblock-inhalt,
#contactblock-inhalt,
#searchblock-inhalt,
#newsletterblock-inhalt {
  z-index:1000;
  visibility:hidden;
  opacity:0;
  position:absolute;
  top:59px;
  left:0;
  width:300px;
  height:auto;
  padding:10%;
  background-color:rgb(255,255,255);
  background-color:rgba(255,255,255,0.9);
  transition:all 0.5s ease 0s;
  -webkit-box-shadow:0px 6px 6px 0px rgba(0,0,0,0.15);
  -moz-box-shadow:0px 6px 6px 0px rgba(0,0,0,0.15);
  box-shadow:0px 6px 6px 0px rgba(0,0,0,0.15);
}

#locationblock-inhalt div p:last-child,
#contactblock-inhalt div p:last-child,
#searchblock-inhalt div p:last-child,
#newsletterblock-inhalt div p:last-child {
  margin-bottom:0;
}

#locationblock-inhalt p,
#contactblock-inhalt p,
#searchblock-inhalt p,
#newsletterblock-inhalt p {
  font-size:1.6em;
}

#locationblock-inhalt .csc-firstHeader,
#contactblock-inhalt .csc-firstHeader,
#searchblock-inhalt .csc-firstHeader,
#newsletterblock-inhalt .csc-firstHeader {
  margin-top:0;
  font-weight:600;
  color: #0367a3;
}

#searchblock-inhalt fieldset {
  border:none
}

#searchblock-inhalt input {
  background-color:#fff
}

#searchblock-inhalt input#ke_search_sword {
  width:70%
}

#locationblock-inhalt h3,
#contactblock-inhalt h3,
#emailblock-inhalt h3,
#newsletterblock-inhalt h3 {
  margin-top:0
}

#location-box.clicked #locationblock-inhalt,
#contact-box.clicked #contactblock-inhalt,
#search-box.clicked #searchblock-inhalt,
#newsletter-box.clicked #newsletterblock-inhalt{
  visibility:visible;
  opacity:1;
  margin:0 8.4em 0 0;
  transition:all 0.5s ease 0s;
}

/*
#searchblock-inhalt .close,
#contactblock-inhalt .close{
 opacity:1;
 position:absolute;
 right:0;
 top:0;
 text-shadow:none
}

#icons #search-box #searchblock-inhalt .close a,
#icons #contact-box #contactblock-inhalt .close a{
 border:none;
 background-image:none;
 background-color:#0095c3;
 display:block;
 width:36px;
 height:36px;
 line-height:30px;
 font-size:2.4em;
 padding:0;
 color:#fff;
 text-decoration:none;
 padding:0;
 border:2px solid #fff;
}
*/

#icons ul li p.button a:hover,
#icons ul li .clicked p.button a:hover,
#icons #search-box #searchblock-inhalt .close a:hover,
#icons #contact-box #contactblock-inhalt .close a:hover,
#icons #newsletter-box #newsletterblock-inhalt .close a:hover{
  text-decoration:none;
  background-color:#004996;
  color:#fff;
  border-color: #004996;
}

#icons #suche-top {
  border: 2px solid #004996;
  position:relative;
  -webkit-transition:all 250ms ease-out 50ms;
  -moz-transition:all 250ms ease-out 50ms;
  -o-transition:all 250ms ease-out 50ms;
  transition:all 250ms ease-out 50ms;
  -webkit-box-shadow:0px 3px 3px 3px rgba(0,0,0,0.025);
  -moz-box-shadow:0px 3px 3px 3px rgba(0,0,0,0.025);
  box-shadow:0px 3px 3px 3px rgba(0,0,0,0.025);
}

#icons #suche-top .search-field {
  background-color:transparent;
  width:92%;
  color:#004996;
  margin:0;
  padding:12px 4%;
  border:none;
  line-height: 24px;
}

#icons #suche-top .search-button {
  position:absolute;
  right:0;
  top:0;
  height:auto;
  background-color:#004996;
  opacity:1;
  -webkit-transition:all 250ms ease-out 50ms;
  -moz-transition:all 250ms ease-out 50ms;
  -o-transition:all 250ms ease-out 50ms;
  transition:all 250ms ease-out 50ms;
  width: auto;
  padding: 6px;
}

#icons #suche-top .search-button:hover {
  opacity:0.5;
}

#icons fieldset {
  border:none;
}

#icons h3 {
  margin: 0;
  font-size: 1.8em;
  line-height: 30px;
}

#icons ul li a.closed {
  background-color: #ba3a4f;
}

#icons ul li .clicked a.closed,
#icons ul li a.closed:hover {
  border-color:#ba3a4f;
}

#icons ul li .links ul {
  margin: 12px 0 24px 0;
}

#icons ul li .links ul li {
  font-size: 1.6em;
  margin-bottom: 6px;
}

#maincontent fieldset.kesearch_searchbox .kesearchbox {
  float: left;
  width: 77%;
  height: auto;
  margin: 0;
}

#maincontent fieldset.kesearch_searchbox .kesearchbox input {
  border: 1px solid #354252;
  margin-bottom: 0;
  position: relative;
}

#maincontent fieldset.kesearch_searchbox .submitbutt {
  float: left;
  width: 20.5%;
  margin-left: 2.5%;
}

#maincontent fieldset.kesearch_searchbox .submitbutt input {
  min-width: 0;
  max-width: none;
  width: 100%;
  display: block;

  background-color: #336dab;
  color: #fff;
  padding: 10px 24px 9px 24px;
  text-decoration: none;
  border-bottom: 2px solid #004996;
  margin-top: 0;

  -webkit-transition: all 250ms ease-out 50ms;
  -moz-transition: all 250ms ease-out 50ms;
  -o-transition: all 250ms ease-out 50ms;
  transition: all 250ms ease-out 50ms;

  -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
}

#maincontent fieldset.kesearch_searchbox .submitbutt input:hover {
  background-color: #004996;

  -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0);
  box-shadow: 0px 6px 6px 0px rgba(0,0,0,0);
}


#maincontent #kesearch_results .result-list-item {
  background-color: #fafafa;
  border: 2px solid #004996;
  padding: 24px;
  margin-bottom: 24px;
}

#maincontent #kesearch_results .result-list-item .teaser_icon {
  display: inline-block;
  max-width: 15px;
}

#maincontent #kesearch_results .result-list-item h3 {
  margin-top: 0;
}

#maincontent .tx-kesearch-pi1 {
  font-size: 1em;
}

#maincontent .tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
  color: #63B32E;
}

#maincontent .add-info {
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid #cccccc;
}

#maincontent .add-info p {
  margin-bottom: 0;
}

#maincontent .kesearch_pagebrowser ul li.active span,
#maincontent .categories-filter-wrap ul li a,
#content .kesearch_pagebrowser ul li a {
  display: block;
  padding: 15px 12px;
  background-color: #ffffff;
  color: #004996;
  padding: 10px 0 9px 0;
  min-width: 48px;
  text-decoration: none;
  border: 2px solid #004996;
  text-decoration: none;
  font-weight: bold;
  -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
  text-align: center;
}

#maincontent .kesearch_pagebrowser ul li.active span,
#maincontent .kesearch_pagebrowser ul li a.current,
#maincontent .kesearch_pagebrowser ul li a:hover {
  background-color: #336dab;
  border-color: #336dab;
  color: #fff;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#maincontent .categories-filter-wrap ul li, #content .kesearch_pagebrowser ul li {
  float: left;
  margin: 0 12px 12px 0;
  padding: 0;
}

#maincontent .categories-filter-wrap ul li, #content .kesearch_pagebrowser ul li::before {
  display: none;
}

#maincontent .tx-kesearch-pi1 a.next,
#maincontent .tx-kesearch-pi1 a.prev {
  display: inline-block;
  width: auto;
  height: auto;
  color: #004996;
  text-decoration: none;
  padding: 10px 12px 9px 12px !important;
  margin: 0 0 -10px 0;
}

#maincontent #kesearch_pagebrowser_top,
#maincontent #kesearch_pagebrowser_bottom {
  font-size: 1em;
}

#maincontent .tx-kesearch-pi1 .next,
#maincontent .tx-kesearch-pi1 .prev {
  background-image: none;
}


/* -----------------------------
LANGUAGE
-------------------------------- */

#language {
  position: relative;
  width: 60px;
  height: 60px;
}

#flags {
  position:absolute;
  cursor:pointer;
  background:#29323e;
  overflow:hidden;
  top:0;
  left: 0;
  width:100%;
  height: 60px;

  -webkit-transition:all 150ms ease-out 150ms;
  -moz-transition:all 150ms ease-out 150ms;
  -o-transition:all 150ms ease-out 150ms;
  transition:all 150ms ease-out 150ms;
  z-index:20;
}
#flags.close {
  max-height:60px;
}
#flags.open {
  height:180px;
  background:#29323e;
}
.tx-srlanguagemenu .CUR a.flag::before,
.tx-srlanguagemenu .CUR a.linked-language::before {
  display:none;
}
.tx-srlanguagemenu .CUR,.tx-srlanguagemenu .NO,
.tx-srlanguagemenu .INACT {
  float:none;
}

#flags .CUR span.title {
  position: relative;
}

.english #flags {
  cursor: auto;
}

.english #flags .CUR span.title:after {
  display: none;
}

#flags .flag {
  display: none;
}

#flags a,#flags span {
  display:block;
  float:left;
  width:50%;
}
#flags a.flag,
#flags span.flag {
  width:20%;
  margin-left:0;
  padding:5px;
  line-height:42px;
  display: none;
}
#flags a.flag img,
#flags span.flag img {
  max-width:18px;
  border: 1px solid #959aa1;
}
#flags a.title,
#flags span.title {
  font-size:1.2em;
  padding:0;
  line-height:60px;
  color:#fff;
  margin: 0;
  width: 100%;
  text-align: center;
}
#flags > div {
  clear:both;
  -webkit-transition:all 150ms ease-out 150ms;
  -moz-transition:all 150ms ease-out 150ms;
  -o-transition:all 150ms ease-out 150ms;
  transition:all 150ms ease-out 150ms;
}

#flags .INACT.SPC img {
  filter: grayscale(100%);
}

#flags > div:hover {
  background:#004996;
}


/* -----------------------------
SEARCH
-------------------------------- */

#search {
  float: left;
  width: 66.667%;
  margin-left: 4.167%;
  margin-top: 12px;
}

#search input {
  line-height: 24px;
  width: 90%;
  padding: 5px 5%;
  border: none;
  background-color: transparent;
  color: #959aa1;
  margin-bottom: 0;
}

#search {
  position: relative;
  border: 1px solid #959aa1;
}

#search .search-button {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 0;
  right: 0;
  padding: 0;
  border: none;
  color: #959aa1;
}

#contact-button {
  float: left;
  width: 12.5%;
  margin-top: 12px;
  margin-left: 8.334%;
  position: relative;
}

#contact-button a {
  display: block;
  border: 1px solid #959aa1;
  min-height: 34px;
  min-width: 34px;

}

#contact-button.clicked a,
#contact-button a:hover {
  background-color: #354252;
  border-color: #354252;
}

#contact-content {
  z-index:1000;
  visibility:hidden;
  opacity:0;
  position:absolute;
  top:48px;
  right:0px;
  width:18em;
  height:auto;
  padding:24px 48px 24px 24px;
  background-color:#354252;
  margin:0 0 0 0;
  transition:all 0.5s ease 0s;
  -webkit-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
  -moz-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
  box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
}

#contact-content div p:last-child {
  margin-bottom: 0;
}

#contact-content p {
  color: rgb(255,255,255);
  color: rgba(255,255,255,0.8);
  font-size:1.8em;
  margin-bottom: 12px;
}

#contact-content .csc-firstHeader {
  color: #fff;
  margin-top: 0;
  font-weight: 600;
}

#contact-content h3 {margin-top:0}


#contact-button.clicked #contact-content {
  visibility:visible;
  opacity:1;
  margin:0 0 0 0;
  transition:all 0.5s ease 0s;
  color: #fff;
}

#contact-content .close {
  opacity:1;
  position:absolute;
  right:0;
  top:0;
  text-shadow:none
}

#contact-button #contact-content .close a {
  border:none;
  background-image:none;
  background-color:#fff;
  display:block;
  width:34px;
  height:34px;
  min-height: 0;
  min-width: 0;
  font-size:2.4em;
  padding:0;
  color: #354252;
  text-decoration: none;
  padding: 0;
  border: 1px solid #fff;
  text-align: center;
}

#contact-button #contact-content .close a:hover {
  text-decoration:none;
  background-color: #354252;
  color: #fff;
}


/* -----------------------------
MAINNAVI
-------------------------------- */

.header a {
  display: block;
  width: 64px;
  height: 56px;
  position: absolute;
  left: 0;
  top: 0;
  /*background-image: url("../images/button_bg.gif");*/
  background-repeat: repeat-x;
  background-position: left bottom;
  background-color: #354252;
  display: none;
}

.header a span {
  border: 3px solid #fff;
  display: block;
  width: 60%;
  margin: 10px auto;
}

.fixed-header-border-top {
  position: absolute;
  height: 15px;
  width: 80%;
  right: 0;
  top: 0;
  background-color: red;
  z-index: 90;
  display: none;
}

.fixed-header-border-top > span {
  display: block;
  width: 20%;
  float: left;
  height: 100%;
  background-color: #336dab;
}

.fixed-header-border-top > span.element-software {background-color: #339bcd;}
.fixed-header-border-top > span.element-leistungen {background-color: #33cf91;}
.fixed-header-border-top > span.element-seminare {background-color: #b5e087;}
.fixed-header-border-top > span.element-downloads {background-color: #ffeb80;}

#mainnavi ul li {
  float: left;
  width: 20%;
  font-size: 1em;
  margin: 0;
  line-height: 27px;
}

#mainnavi ul li a {
  font-size: 1.7em;
  text-align: center;
  text-decoration: none;
  display: block;
  color: #fff;
  height: 100%;
  padding: 17px 0 16px 0;
  position: relative;
  background-color: transparent;
}

#mainnavi ul li a:after {
  content: "";
  position: absolute;
  height: 12px;
  width: 100%;
  background-color: #336dab;
  bottom: -12px;
  left: 0;
}

#mainnavi ul li.element-02 a:after {background-color: #339bcd;}
#mainnavi ul li.element-03 a:after {background-color: #33cf91;}
#mainnavi ul li.element-04 a:after {background-color: #b5e087;}
#mainnavi ul li.element-05 a:after {background-color: #ffeb80;}

#mainnavi ul.level-01 > li.active > a,
#mainnavi ul.level-01 > li.active > a:hover,
#mainnavi ul.level-01 ul ul > li a:hover,
#mainnavi ul.level-01 > li:hover > a,
#mainnavi ul.level-01 > li > a:hover {background-color: #004996;}
#mainnavi ul.level-01 > li.element-02.active > a,
#mainnavi ul.level-01 > li.element-02.active > a:hover,
#mainnavi ul.level-01 > li.element-02 ul ul > li a:hover,
#mainnavi ul.level-01 > li.element-02:hover > a,
#mainnavi ul.level-01 > li.element-02 > a:hover {background-color: #0082c0;}
#mainnavi ul.level-01 > li.element-03.active > a,
#mainnavi ul.level-01 > li.element-03.active > a:hover,
#mainnavi ul.level-01 > li.element-03 ul ul > li a:hover,
#mainnavi ul.level-01 > li.element-03:hover > a,
#mainnavi ul.level-01 > li.element-03 > a:hover {background-color: #00c375;}
#mainnavi ul.level-01 > li.element-04.active > a,
#mainnavi ul.level-01 > li.element-04.active > a:hover,
#mainnavi ul.level-01 > li.element-04 ul ul > li a:hover,
#mainnavi ul.level-01 > li.element-04:hover > a,
#mainnavi ul.level-01 > li.element-04 > a:hover {background-color: #9bcc64;}
#mainnavi ul.level-01 > li.element-05.active > a,
#mainnavi ul.level-01 > li.element-05.active > a:hover,
#mainnavi ul.level-01 > li.element-05 ul ul > li a:hover,
#mainnavi ul.level-01 > li.element-05:hover > a,
#mainnavi ul.level-01 > li.element-05 > a:hover {background-color: #DCC651;}

#mainnavi ul li > ul {
  width: 100%;
  position: absolute;
  right: 0%;
  border-top: 12px solid #336dab;
  background-color: rgb(0,73,150);
  background-color: rgba(0,73,150,0.95);
  z-index: 30;
  min-height: 252px;
  padding: 12px 0 0 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;

  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

#mainnavi ul.level-02 > li {width:25% !important;}
#mainnavi ul.level-02 {padding-bottom:20px;}

/*
#mainnavi ul.level-01 li.element-03 ul {width:25%;right:26%;}
#mainnavi ul.level-01 li.element-05 ul {width:25%;}
#mainnavi ul.level-01 li.element-03 ul.level-02 li,
#mainnavi ul.level-01 li.element-03 ul.level-02 li ul.level-03,
#mainnavi ul.level-01 li.element-05 ul.level-02 li,
#mainnavi ul.level-01 li.element-05 ul.level-02 li ul.level-03 {width:100% !important;}
*/

#mainnavi ul li.element-02 > ul {
  border-color: #339bcd;
  background-color: rgb(0,130,192);
  background-color: rgba(0,130,192,0.95);
}

#mainnavi ul li.element-03 > ul {
  border-color: #33cf91;
  background-color: rgb(0,168,101);
  background-color: rgba(0,168,101,0.95);
}

#mainnavi ul li.element-04 > ul {
  border-color: #b5e087;
  background-color: rgb(136,179,87);
  background-color: rgba(136,179,87,0.95);
}

#mainnavi ul li.element-05 > ul {
  border-color: #ffeb80;
  background-color: rgb(188, 166, 43);
  background-color: rgba(188, 166, 43,0.95);
}

#mainnavi ul li:hover ul {
  opacity: 1;
  visibility: visible;
}

#mainnavi ul ul li {
  position: relative;
}

#mainnavi ul ul li:before {
  content:"";
  position: absolute;
  width: 1px;
  height: 100%;
  right: 0;
  top: 0;
  border-right: 1px solid #336dab;
  min-height: 600px;
}

#mainnavi ul li.element-02 ul li:before {border-right: 1px solid #339bcd;}
#mainnavi ul li.element-03 ul li:before {border-right: 1px solid #33cf91;}
#mainnavi ul li.element-04 ul li:before {border-right: 1px solid #b5e087;}

#mainnavi ul ul li:hover {
  background-color: rgb(0,73,150);
  background-color: rgba(0,73,150,0.5);
}

#mainnavi ul li.element-02 > ul li:hover {
  background-color: rgb(0,130,192);
  background-color: rgba(0,130,192,0.5);
}

#mainnavi ul li.element-03 > ul li:hover {
  background-color: rgb(0,168,101);
  background-color: rgba(0,168,101,0.75);
}

#mainnavi ul li.element-04 > ul li:hover {
  background-color: rgb(136,179,87);
  background-color: rgba(136,179,87,0.75);
}

#mainnavi ul ul > li a {
  font-size: 1.8em;
  text-align: left;
  padding: 10px 24px;
}

#mainnavi ul ul > li a:after {
  display: none;
}

#mainnavi ul ul ul {
  border: none;
  position: static;
  width: 100%;
  background-color: transparent;
  padding: 0;
}

#mainnavi ul ul ul li {
  float: none;
  width: 100%;
}

#mainnavi ul ul ul > li a {
  padding-left: 36px;
  color: rgb(255,255,255);
  color: rgba(255,255,255,0.75);
}



/* -----------------------------
FLEXSLIDER
-------------------------------- */

.flexslider {
  margin: 0;
  border: none;
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
  -moz-box-shadow: 0 0 0 rgba(0,0,0,0);
  -o-box-shadow: 0 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 0 rgba(0,0,0,0);
  min-height:400px;
}



.flexslider .slides > li {
  position: relative;
  font-size: 1em;
  margin: 0;
}

.flex-caption{
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  margin-bottom: 0;
  font-size: 1em;
}

.flex-caption span.flex-shadow {
  display: block;
  z-index: 10;
  box-shadow: 0 0 0 60px rgba(53,66,82,.85) inset;
  height: 100%;
}

.flex-caption span.flex-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.flex-caption span.flex-caption-text {
  position: absolute;
  width: 38.776%;
  max-width: 456px;
  height: auto;
  bottom: 96px;
  right: 96px;
  background-color: rgba(255,255,255,.75);
}

.flex-caption span.flex-caption-text span {
  padding: 60px;
  display: inline-block;
  color: #29323E;
  text-align: center;
}

.flex-caption span.flex-caption-text span p {
  font-size: 2.4em;
  font-weight: 400;
  line-height: 30px;
}

.flex-caption span.flex-caption-text span p:last-child {
  margin-bottom: 0;
}

.flex-control-nav {
  display: none;
}

.flex-direction-nav .flex-prev {
  left: 0;
}

.flex-direction-nav .flex-next {
  right: 0;
}

/* -----------------------------
ACCORDIONS
-------------------------------- */

.t3ddy.t3ddy-accordion {
  margin-bottom: 48px;
}

#maincontent .ui-accordion .ui-accordion-header  {
  font-family: 'Lato', sans-serif;
  font-size: 1.8em;
  font-weight: normal;
  line-height: 30px;
  display: block;
  color: #fff;
  padding: 18px 30px;
  text-decoration: none;
  text-decoration: none;
  text-align: left;
  position: relative;
  zoom: 1;
  background-image: none;
  border: none;

  -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);

  -webkit-transition: all 250ms ease-out 50ms;
  -moz-transition: all 250ms ease-out 50ms;
  -o-transition: all 250ms ease-out 50ms;
  transition: all 250ms ease-out 50ms;

  border-radius: 0;
  background-color: #336dab;
  margin: 15px 0 0 0;
  cursor: pointer;
}

.software #maincontent .ui-accordion .ui-accordion-header {
  background-color: #339bcd;
}

.software #maincontent .ui-accordion .ui-accordion-header-active.ui-state-active,
.software #maincontent .ui-accordion .ui-accordion-header:hover {
  background-color: #0082C0;
}

.leistungen #maincontent .ui-accordion .ui-accordion-header {
  background-color: #33cf91;
}

.leistungen #maincontent .ui-accordion .ui-accordion-header-active.ui-state-active,
.leistungen #maincontent .ui-accordion .ui-accordion-header:hover {
  background-color: #00c375;
}

.seminare #maincontent .ui-accordion .ui-accordion-header {
  background-color: #9bcc64;
}

.seminare #maincontent .ui-accordion .ui-accordion-header-active.ui-state-active,
.seminare #maincontent .ui-accordion .ui-accordion-header:hover {
  background-color: #88b259;
}

#maincontent .ui-accordion .ui-accordion-header-active.ui-state-active,
#maincontent .ui-accordion .ui-accordion-header:hover {
  color: #fff;
  background-color: #004996;
  border-color: #004996;

  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#maincontent .grid-container-accordion .ui-accordion-header .ui-accordion-header-icon,
#maincontent .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: auto;
  right: 15px;
  width: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  background-image: none;
  text-indent: 0;
}

#maincontent .grid-container-accordion .ui-accordion-header .ui-accordion-header-icon:before,
#maincontent .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
  content:"+";
  text-align: center;
  line-height: 24px;
  font-size: 2.4em;
  display: block;
  width: 100%;
}

#maincontent .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before {
  content:"−";
}

#maincontent .ui-accordion-content {
  border: 1px solid #eee;
  padding: 30px;
}

#maincontent .ui-accordion-content header:first-child * {
  margin-top: 0;
}

#maincontent .ui-accordion-content h5 {
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 6px;
  font-size: 1.6em;
  color: #616265;
}

#maincontent .ui-accordion-content .content-footer > div:first-child > h4:first-child,
#maincontent .ui-accordion-content > div:first-child > h4:first-child,
#maincontent .ui-accordion-content h4+h5 {
  margin-top: 0;
}

#mainbody #maincontent .ui-accordion-content ul li:before {
  background-color: #5C7292;
}

#maincontent .ui-accordion-content .ce-bodytext h1:first-child,
#maincontent .ui-accordion-content .ce-bodytext h2:first-child,
#maincontent .ui-accordion-content .ce-bodytext h3:first-child,
#maincontent .ui-accordion-content .ce-bodytext h4:first-child,
#maincontent .ui-accordioncontent .ce-bodytext h5:first-child {
  margin-top: 0;
}

#maincontent .ui-accordion-content table thead tr {
  background-color: #7d9cc7;
  border-bottom: 3px solid #5c7292;
}

#maincontent .ui-accordion-content thead th {
  border-color: #7d9cc7;
}

#maincontent .frame-layout-team-spezial .grid-container-accordion .grid-column-110,
#maincontent .team-spezial {display:inline-block;width:100%;margin-bottom:0;}
#maincontent .frame-layout-team-spezial .ui-accordion-header,
#maincontent .team-spezial .ui-accordion-header {font-size:5em;line-height:100%;position:relative;}
#maincontent .frame-layout-team-spezial .ui-accordion-header h3 {line-height: 100%; font-family: 'Lato', sans-serif; font-weight: normal;}
#maincontent .frame-layout-team-spezial .ui-accordion-header:after,
#maincontent .team-spezial .ui-accordion-header:after {opacity:0.25;content:"»";transform:rotate(90deg);position:absolute;right:5px;top:0;transition:all 0.25s ease-out;}
#maincontent .frame-layout-team-spezial .ui-accordion-header:hover:after,
#maincontent .team-spezial .ui-accordion-header:hover:after {opacity:1;top:5%;transition:all 0.25s ease-out;}
#maincontent .frame-layout-team-spezial .ui-accordion-header.ui-state-active:after,
#maincontent .team-spezial .ui-accordion-header-active:after {opacity:0.25;top:5%;transition:all 0.25s ease-out;}
#maincontent .frame-layout-team-spezial .ui-accordion-header.ui-state-active:after,
#maincontent .team-spezial .ui-accordion-header-active:after {content:"»" !important;transform:rotate(270deg);right:16px;transition:all 0.25s ease-out;}
#maincontent .frame-layout-team-spezial .ui-accordion-header h3 span,
#maincontent .team-spezial .ui-accordion-header span {display:block;font-size:3em !important;line-height:100%;}
#maincontent .frame-layout-team-spezial .ui-accordion-header h3 span.ui-accordion-header-icon,
#maincontent .team-spezial span.ui-accordion-header-icon {display:none;}
#maincontent .frame-layout-team-spezial .ui-accordion-header,
#maincontent .team-spezial .ui-accordion-header {padding:2%;margin: 1% 1%;border:none;}
#maincontent .frame-layout-team-spezial .frame-team-spezial-1spaltig .ui-accordion-header,
#maincontent .team-spezial h3.team-spezial-1spaltig {width:94%;float:left;}
#maincontent .frame-layout-team-spezial .frame-team-spezial-2spaltig-links .ui-accordion-header,
#maincontent .team-spezial h3.team-spezial-2spaltig-links {height:270px;width:44%;float:left;}
#maincontent .frame-layout-team-spezial .frame-team-spezial-2spaltig-rechts .ui-accordion-header,
#maincontent .team-spezial h3.team-spezial-2spaltig-rechts {height:270px;width:44%;float:right;}

#maincontent .frame-layout-team-spezial .grid-container-accordion .ui-accordion-header .ui-accordion-header-icon:before {
  display: none;
}

#maincontent .frame-layout-team-spezial .frame-layout-team-spezial-096fb7:hover .ui-accordion-header,
#maincontent .frame-layout-team-spezial .frame-layout-team-spezial-096fb7 .ui-accordion-content,
#maincontent .team-spezial .team-spezial-096fb7,
#maincontent .team-spezial .ui-accordion-header.team-spezial-096fb7:hover {background-color:#096fb7;}

#maincontent .frame-layout-team-spezial .frame-layout-team-spezial-1d8bcc .ui-accordion-header:hover,
#maincontent .frame-layout-team-spezial .frame-layout-team-spezial-1d8bcc .ui-accordion-header,
#maincontent .frame-layout-team-spezial .frame-layout-team-spezial-1d8bcc .ui-accordion-content,
#maincontent .team-spezial .team-spezial-1d8bcc,
#maincontent .team-spezial .ui-accordion-header.team-spezial-1d8bcc:hover {background-color:#1d8bcc;}

#maincontent .frame-layout-team-spezial .frame-layout-team-spezial-28b674 .ui-accordion-header,
#maincontent .frame-layout-team-spezial .frame-layout-team-spezial-28b674 .ui-accordion-content,
#maincontent .team-spezial .team-spezial-28b674,
#maincontent .team-spezial .ui-accordion-header.team-spezial-28b674:hover {background-color:#28b674;}

#maincontent .frame-layout-team-spezial .frame-layout-team-spezial-94cb6e .ui-accordion-header,
#maincontent .frame-layout-team-spezial .frame-layout-team-spezial-94cb6e .ui-accordion-content,
#maincontent .team-spezial .team-spezial-94cb6e,
#maincontent .team-spezial .ui-accordion-header.team-spezial-94cb6e:hover {background-color:#94cb6e;}

#maincontent .frame-layout-team-spezial .frame-layout-team-spezial-096fb7 .ui-accordion-header.ui-state-active,
#maincontent .team-spezial .ui-accordion-header.team-spezial-096fb7.ui-state-active {background-color:#075992;}
#maincontent .frame-layout-team-spezial .frame-layout-team-spezial-1d8bcc .ui-accordion-header.ui-state-active,
#maincontent .team-spezial .ui-accordion-header.team-spezial-1d8bcc.ui-state-active {background-color:#176fa3;}
#maincontent .frame-layout-team-spezial .frame-layout-team-spezial-28b674 .ui-accordion-header.ui-state-active,
#maincontent .team-spezial .ui-accordion-header.team-spezial-28b674.ui-state-active {background-color:#20925d;}
#maincontent .frame-layout-team-spezial .frame-layout-team-spezial-94cb6e .ui-accordion-header.ui-state-active,
#maincontent .team-spezial .ui-accordion-header.team-spezial-94cb6e.ui-state-active {background-color:#72b842;}

#maincontent .frame-layout-team-spezial .grid-column-110 .ui-accordion-content,
#maincontent .team-spezial .ui-accordion-content {border:none;padding:4%;margin:1% 1%;float:left;width:90%;}
#maincontent .frame-layout-team-spezial .grid-column-110 .ui-accordion-content p,
#maincontent .team-spezial .t3ddy-accordion-item p {color:#ffffff;}
#maincontent .frame-layout-team-spezial .grid-column-110 .ui-accordion-content p:last-child,
#maincontent .team-spezial .t3ddy-accordion-item p:last-child {margin-bottom:0;}

#maincontent .frame-layout-team-spezial .frame-team-spezial-2spaltig-links .ui-accordion-content,
#maincontent .team-spezial .t3ddy-accordion-item.team-spezial-2spaltig-links {width:40%;float:right;}

/* -----------------------------
SPALTEN
-------------------------------- */

#maincontent .frame-application-box {
  position: relative;
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.frame-application-box::after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  left: 100%;
  top: 60px;
  background-image: url('../images/icon-breadcrumb-arrow.png');
  background-repeat: no-repeat;
  background-position: center;
}

.frame-layout-11.frame-application-box::after {
  top: auto;
  left: auto;
  bottom: 0;
  right: 50%;
  margin-right: -12px;
  transform: rotate(90deg);
}

.frame-layout-12.frame-application-box::after {
  left: auto;
  right: 100%;
  transform: rotate(180deg);
}

.frame-layout-13.frame-application-box::after {
  display: none;
}


.frame-application-box .ce-textpic {
  border: 3px solid #0967b1;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
  position: relative;
}

.frame-application-box .ce-textpic .ce-gallery {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

#maincontent .frame-application-box .ce-textpic .ce-gallery .ce-row {
  margin: 0;
}

.frame-application-box .ce-textpic img {
  max-width: 60px;
}

.frame-application-box .ce-textpic .image-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background-color: #b2b2b2;
}

.frame-application-box header h3,
.frame-application-box header h4 {
  text-align: center;
}

.frame-application-box header h3 {
  margin-top: 18px;
  margin-bottom: 0;
  font-size: 1.8em;
  line-height: 24px;
}

.frame-application-box header h4 {
  font-size: 1.6em;
  font-weight: normal;
  margin-top: 0;
}

.one-col-80 {
  width: 80%;
  margin: 0 auto;
  padding: 90px 0;
}

.one-col-80 .news-list-view {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  grid-auto-rows: 1fr;
  justify-items: center;
}

.one-col-80.title-col {
  padding-bottom: 0;
}

.two-cols-66-33 .grid-row,
.two-cols-33-66 .grid-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 60px;
  grid-row-gap: 0px;
}

.two-cols-33-66 .grid-row .grid-column-10 { grid-area: 1 / 1 / 2 / 2; }
.two-cols-33-66 .grid-row .grid-column-20 { grid-area: 1 / 2 / 2 / 4; }

.two-cols-66-33 .grid-row .grid-column-10 { grid-area: 1 / 1 / 2 / 3; }
.two-cols-66-33 .grid-row .grid-column-20 { grid-area: 1 / 3 / 2 / 4; }

.two-cols-66-33 .tx-sf-event-mgt,
.two-cols-33-66 .tx-sf-event-mgt {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 60px;
  grid-row-gap: 0px;
}

.two-cols-layout {
  display: grid;
  grid-template-columns: 4fr 8fr;
  grid-template-rows: 1fr;
  grid-column-gap: 75px;
  grid-row-gap: 0px;
}

.two-cols-layout .context-left {
  margin-top: -72px;
}

.two-cols-layout .context-left > div.frame {
  background-color: #ffffff;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
}

.two-cols-layout .context-left > div.frame::after {
  content: "";
  width: 120px;
  height: 120px;
  left: 0;
  bottom: 0;
  border-left: 1px solid #2d3b46;
  border-bottom: 1px solid #2d3b46;
  position: absolute;
}

.two-cols-layout .context-left > div.frame h1,
.two-cols-layout .context-left > div.frame h2 {
  color: #336dab;
}

.software .two-cols-layout .context-left > div.frame h1,
.software .two-cols-layout .context-left > div.frame h2 {
  color: #336dab;
}

.leistungen .two-cols-layout .context-left > div.frame h1,
.leistungen .two-cols-layout .context-left > div.frame h2 {
  color: #33cf91;
}

.seminare .two-cols-layout .context-left > div.frame h1,
.seminare .two-cols-layout .context-left > div.frame h2 {
  color: #88b259;
}

.downloads .two-cols-layout .context-left > div.frame h1,
.downloads .two-cols-layout .context-left > div.frame h2 {
  color: rgb(188,166,43);
}

.two-cols-layout .context-left > div.frame h3,
.two-cols-layout .context-left > div.frame h4 {
  color: #2d3b46;
}

.two-cols-layout .context-left > div.frame-without-space {
  padding: 0;
  background-color: transparent;
}

.two-cols-layout .context-left > div.frame-without-space::after {
  display: none;
}

.grid-container-fourcolumns25 .grid-row,
.four-cols {
  margin: 0 -12px;
}

.grid-container-fourcolumns25 .grid-row,
.four-cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 0px;
}

.grid-container-twocolumns5050 .grid-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 0px;
}

.four-cols > div > div {
  margin: 0 12px;
}

#mainbody-subpage .tx-sf-event-mgt ul {
  margin: 0;
}

body.seminare .event-calendar ul.event-calendar__days li.has-events {
  background-color: #9bcc64;
}

body.seminare .event-calendar ul.event-calendar__days li.has-events:hover {
  background-color: #92bf5f;
}

body.seminare .event-calendar ul.event-calendar__days li.has-events .event-calendar__day-event ul li {
  background-color: #92bf5f;
  border: 2px solid #92bf5f;
}

body.seminare .event-calendar ul.event-calendar__days li.has-events .event-calendar__day-event ul li a:hover {
  color: #92bf5f;
}

.two-cols-layout .context-left > div.frame h1,
.two-cols-layout .context-left > div.frame h2,
.two-cols-layout .context-left > div.frame h3{
  font-family: 'Lato', sans-serif;
  font-size: 1.8em;
  font-weight: bold;
  margin: 0 0 12px 0;
  color: #336dab;
}

.software .two-cols-layout .context-left > div.frame h1,
.software .two-cols-layout .context-left > div.frame h2,
.software .two-cols-layout .context-left > div.frame h3 {
  color: #0082C0;
}

.leistungen .two-cols-layout .context-left > div.frame h1,
.leistungen .two-cols-layout .context-left > div.frame h2,
.leistungen .two-cols-layout .context-left > div.frame h3 {
  color: #00c375;
}

.seminare .two-cols-layout .context-left > div.frame h1,
.seminare .two-cols-layout .context-left > div.frame h2,
.seminare .two-cols-layout .context-left > div.frame h3 {
  color: #88b259;
}

.downloads .two-cols-layout .context-left > div.frame h1,
.downloads .two-cols-layout .context-left > div.frame h2,
.downloads .two-cols-layout .context-left > div.frame h3 {
  color: rgb(188, 166, 43);
}

.two-cols-25-25-25-25 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 45px;
  grid-row-gap: 0px;
  grid-auto-rows: 1fr;
}

.two-cols-25-25-25-25 > div.element-four {
  margin-right: 0;
}

.zeitstrahl .two-cols-33-66 div.grid-column-10 {
  width: 100%;
}

.zeitstrahl .two-cols-33-66 div.grid-column-10::after {
  display: none;
}

.zeitstrahl .two-cols-33-66 div.col-left {
  width: 19.532%;
  margin-right: 0;
  position: relative;
  float: left;
}

.zeitstrahl .two-cols-33-66 div.grid-container-onecolumn80,
.zeitstrahl .two-cols-33-66 div.one-col-80,
.zeitstrahl .two-cols-33-66 div.one-col-80 {
  float: left;
  width: 80.469%;
  margin: 0;
  margin-bottom: 24px;
  padding: 0;
}

.zeitstrahl .two-cols-33-66 div.grid-container-onecolumn80 .grid-row {
  display: block;
}

.zeitstrahl .two-cols-33-66 div.grid-container-onecolumn80 .grid-column-10 > .frame-type-textmedia,
.zeitstrahl .two-cols-33-66 div.one-col-80 > div.frame-type-textmedia,
.zeitstrahl .two-cols-33-66 div.grid-container-onecolumn80 .grid-column-10 > .frame-type-text,
.zeitstrahl .two-cols-33-66 div.one-col-80 > div.frame-type-text,
.zeitstrahl .two-cols-33-66 div.one-col-80 > div.frame-type-textmedia,
.zeitstrahl .two-cols-33-66 div.one-col-80 > div.frame-type-text {
  padding: 24px 24px 48px 24px;
  background-color: #FAFAFA;
  margin-top: 24px;
}

.zeitstrahl .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-columns-1.ce-gallery {
  float: right;
  margin-right: 0;
}

.zeitstrahl .ce-textpic.ce-right.ce-intext .ce-columns-1.ce-gallery .ce-row {
  margin-bottom: 0;
}

.zeitstrahl .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext {
  margin-right: 40%;
}

.zeitstrahl .two-cols-33-66 div.one-col-80 > div.frame-type-text p {
  margin-bottom: 0;
}

#maincontent .zeitstrahl .ui-accordion .ui-accordion-header {
  color:transparent;
  padding: 0;
  line-height: 100%;
  text-decoration: none;
  border: none;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0);
  background-color: transparent;
  margin: 0 0 0 0;
  position: absolute;
  width: 48px;
  height: 48px;
  right: 0;
  bottom: 0;
}

#maincontent .zeitstrahl .grid-container.grid-container-accordion,
#maincontent .zeitstrahl .t3ddy.t3ddy-accordion {
  position: relative;
  margin: 0;
  top: 0;
}

#maincontent .zeitstrahl .ui-accordion-content {
  position: relative;
  top: -48px;
  background-color: #FAFAFA;
  border: none;
}

#maincontent .zeitstrahl  .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  color: #004996;
}

#maincontent .zeitstrahl .two-cols-33-66 div.grid-column-10 h2,
#maincontent .zeitstrahl .two-cols-33-66 div.col-left h2 {
  background:#004996;
  border-radius: 50%;
  height: 72px;
  width: 72px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
  color: #ffffff;
  font-size: 1.8em;
}

.zeitstrahl .wrapper {
  overflow: hidden;
}

.zeitstrahl .two-cols-33-66 div.grid-column-10::after,
.zeitstrahl .two-cols-33-66 div.col-left::after {
  content: "";
  width: 2px;
  height: 100%;
  min-height: 2000px;
  background-color: #004996;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 0;
}

.zeitstrahl .two-cols-33-66 div.grid-column-10 header h1,
.zeitstrahl .two-cols-33-66 div.grid-column-10 header h2,
.zeitstrahl .two-cols-33-66 div.grid-column-10 header h3,
.zeitstrahl .two-cols-33-66 div.grid-column-10 header h4,
.zeitstrahl .two-cols-33-66 div.grid-column-10 header h5,
.zeitstrahl .two-cols-33-66 div.col-left header h1,
.zeitstrahl .two-cols-33-66 div.col-left header h2,
.zeitstrahl .two-cols-33-66 div.col-left header h3,
.zeitstrahl .two-cols-33-66 div.col-left header h4,
.zeitstrahl .two-cols-33-66 div.col-left header h5 {
  margin: 0;
  color: #ffffff;
  font-size: 1.8em;
}

/* -----------------------------
CALENDAR
-------------------------------- */

.bg-white-news .grid-column-10 header h3,
.bg-white-news .col-left header h3  {
  font-size:1.8em;
  line-height: 27px;
  background-color: #9bcc64;
  color: #fff;
  padding: 9px 0 10px 0;
  font-family: 'Lato', Verdana, sans-serif;
  border-bottom: 1px solid #fff;
  margin: 0;
  text-align: center;
}

.bg-white-news .categories-filter-wrap {
  display: none;
}

.bg-white-news .event-list-item {
  text-align: left;
}

.bg-white-news .event-list-item a,
.bg-white-news .event-list-item h3 {
  color: #88b259;
}

.bg-white-news .event-list-item p.button a {
  color: #ffffff;
  border-color: #88b259;
  background-color: #88b259;
}

.bg-white-news .event-list-item p.button.btn-outline a {
  background-color: #ffffff;
  color: #88b259;
  padding-top: 9px;
  padding-bottom: 9px;
}

.bg-white-news .event-list-item p.button a:hover,
.bg-white-news .event-list-item p.button.btn-outline a:hover {
  background-color: #88b259;
  color: #ffffff;
}

.bg-white-news h2.title {
  color: #354252;
}

.bg-products h2.title {
  text-align: center;
}

.event-calendar ul {
  clear: both;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
}

.event-calendar ul.event-calendar__weekdays li {
  line-height: 27px;
  border-bottom:none;
  padding: 9px 0 10px 0;
  background-color:#E6E6E6;
  color:#5C636D;
  font-family: 'Lato', Verdana, sans-serif;
  font-weight: bold;
}

.event-calendar ul li {
  float: left;
  width: 14.286%;
  text-align: center;
  margin: 0;
  background-color: #FAFAFA;
  font-weight: bold;
  color:#5C636D;
}

.event-calendar ul.event-calendar__browser li {
  background-color: transparent;
  color: #fff;
  border: none;
}

.event-calendar ul.event-calendar__weekdays li,
.event-calendar ul.event-calendar__days li {
  padding: 7px 0;
}

.event-calendar ul.event-calendar__days li.event-calendar__day-other-month {
  color: #cccccc;
}

body.seminare .event-calendar ul.event-calendar__days li.has-events.event-calendar__day-other-month {
  background-color: #FAFAFA;
  color: #cccccc;
}

.event-calendar ul.event-calendar__days li.has-events.event-calendar__day-other-month > div > div {
  border: none;
}

.event-calendar ul.event-calendar__days li.has-events.event-calendar__day-other-month:hover .event-calendar__day-event {
  display: none;
}

.event-calendar ul.event-calendar__days li.event-calendar__day-today {
  background-color: #E6E6E6;
}

.event-calendar ul.event-calendar__days {
  position: relative;
}

.event-calendar ul.event-calendar__days li {
  font-weight: normal;
}

.event-calendar ul.event-calendar__days li.has-events {
  background-color: #9bcc64;
  color: #fff;
  padding: 0;
}

.event-calendar ul.event-calendar__days li.has-events > div > div{
  display: block;
  padding: 7px 0;
  border-right: 1px solid #fff;
}

.event-calendar ul.event-calendar__days li.has-events:hover {
  background-color: #88b259;
}

.event-calendar ul.event-calendar__days li.has-events .event-calendar__day-event {
  position: absolute;
  left: 0;
  top:100%;
  width: 100%;
  background-color: #88b259;
  color: #fff;
  padding: 0;
  z-index: 99;
  -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.15);
  opacity: 0;
  visibility: hidden;

  -webkit-transition:all 250ms ease-out 50ms;
  -moz-transition:all 250ms ease-out 50ms;
  -o-transition:all 250ms ease-out 50ms;
  transition:all 250ms ease-out 50ms;
}

.event-calendar ul.event-calendar__days li.has-events .event-calendar__day-event ul {
  background-color: transparent;
  border: none;
}

.event-calendar ul.event-calendar__days li.has-events .event-calendar__day-event ul li {
  padding: 0;
  margin: 0;
  font-size: 1em;
  background-color: #88b259;
  border: 2px solid #88b259;
}

.event-calendar ul.event-calendar__days li.has-events .event-calendar__day-event ul li div,
.event-calendar ul.event-calendar__days li.has-events .event-calendar__day-event ul li a {
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 10px 24px 9px 12px;
  line-height: 24px;
  background-image: url("../images/icon-breadcrumb-arrow.png");
  background-repeat: no-repeat;
  background-position: 96% center;
}

.event-calendar ul.event-calendar__days li.has-events .event-calendar__day-event ul li a:hover {
  background-color: #fff;
  color: #88b259;
}

.event-calendar ul.event-calendar__days li.has-events .event-calendar__day-event:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.event-calendar ul.event-calendar__days li.has-events:hover .event-calendar__day-event {
  opacity: 1;
  visibility: visible;
}

.event-calendar .event-calendar__day-event ul li {
  float: none;
  width: 100%;
  text-align: left;
}

.event-calendar ul.event-calendar__browser {
  background-color: #354252;
  color: #fff;
}

.event-calendar ul.event-calendar__browser li {
  width: 70%;
  text-align: center;
  margin: 0;
}

.event-calendar ul.event-calendar__browser li.event-calendar__browser-current {
  font-size: 1.8em;
  padding: 10px 0;
  font-weight: bold;
}

.event-calendar ul.event-calendar__browser li.event-calendar__browser-next,
.event-calendar ul.event-calendar__browser li.event-calendar__browser-prev {
  width: 15%;
}

.event-calendar ul.event-calendar__browser li.event-calendar__browser-next a,
.event-calendar ul.event-calendar__browser li.event-calendar__browser-prev a {
  display: block;
  height: 48px;
  position: relative;
}

.event-calendar ul.event-calendar__browser li.event-calendar__browser-next a {
  border-left: 1px solid #707884;
}

.event-calendar ul.event-calendar__browser li.event-calendar__browser-prev a {
  border-right: 1px solid #707884;
}

.event-calendar .event-calendar__weeknumber {
  display: none;
}

.event-calendar ul.event-calendar__browser li.event-calendar__browser-prev a div,
.event-calendar ul.event-calendar__browser li.event-calendar__browser-next a div {
  display: block;
  height: 100%;
  width: 100%;
}

.event-calendar ul.event-calendar__browser li.event-calendar__browser-next a div:after,
.event-calendar ul.event-calendar__browser li.event-calendar__browser-next a div:before {
  left: 50%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.event-calendar ul.event-calendar__browser li.event-calendar__browser-next a div:after {
  border-color: rgba(106, 211, 229, 0);
  border-left-color: #354252;
  border-width: 6px;
  margin-top: -6px;
}
.event-calendar ul.event-calendar__browser li.event-calendar__browser-next a div:before {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}

.event-calendar ul.event-calendar__browser li.event-calendar__browser-prev a div:after,
.event-calendar ul.event-calendar__browser li.event-calendar__browser-prev a div:before {
  right: 50%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.event-calendar ul.event-calendar__browser li.event-calendar__browser-prev a div:after {
  border-color: rgba(106, 211, 229, 0);
  border-right-color: #354252;
  border-width: 6px;
  margin-top: -6px;
}
.event-calendar ul.event-calendar__browser li.event-calendar__browser-prev a div:before {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}

.event-list-item {
  background-color: #f5f5f5;
  padding: 30px 30px 90px 30px;
  margin-bottom: 60px;
  position: relative;
}

.event-list-item.kindergeburtstag-booked,
.event-list-item.event-booked {
  border-color: #ba3a4f;
}

#maincontent .tx-sf-event-mgt p.button a,
#maincontent .event-footer-buttons p.button a,
#maincontent .event-list-item p.button a {
  background-color: transparent;
  border: none;
  color: #92bf5f;
  border-right: 1px solid #ffffff;
  background-image: url("../images/noun-next-arrow.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 98% center;
  padding-right: 45px;
  padding-top: 15px;
  padding-bottom: 15px;
}

#maincontent .tx-sf-event-mgt .event-detail-row p.button a,
#maincontent .event-detail-row .event-footer-buttons p.button a {
  background-color: #92bf5f;
}

#maincontent .tx-sf-event-mgt p.button.btn-outline a {
  background-color: transparent;
  color: #999999;
  padding: 15px 45px 15px 30px;
  text-align: left;
  font-weight: 400;
  border-left: 1px solid #ffffff;
  background-image: url("../images/noun-external-link.svg");
}

#maincontent .tx-sf-event-mgt p.button a:hover,
#maincontent .event-footer-buttons p.button a:hover,
#maincontent .event-list-item p.button a:hover {
  background-color: #92bf5f;
  color: #fff;
}

#c3939 header {
  text-align: right;
}

#c3939 header h3 {
  color: #7a9c56;
  margin: 0;
  font-size: 4.2em;
  font-weight: 400;
  line-height: 60px;
}
#c3939 header h4 {
  font-size: 4.2em;
  color: #28313d;
  font-weight: 400;
  line-height: 60px;
  margin: 0;
}

.event-list-item.kindergeburtstag-booked:after,
.event-list-item.event-booked:after {
  border-color: #ba3a4f transparent transparent transparent;
}

.event-list-item h3 {
  margin: 0 0 12px 0;
  font-size: 2em;
}

.event-list-item h3,
.event-list-item h3 a {
  text-decoration: none;
  color: #7a9c56;
}

.event-list-item.kindergeburtstag-booked h3,
.event-list-item.event-booked h3 {
  color: #ba3a4f;
}

.event-teaser p,
.event-footer p {
  margin-bottom: 0;
  font-size: 1.6em;
}

.event-list-item .event-footer-buttons {
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.event-list-item .event-date-icon,
.event-list-item .event-time-icon,
.event-list-item .event-location-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 9px 0 0;
  background-image: url("../images/noun-calendar.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  position: relative;
  top: 3px;
}

.event-list-item .event-time-icon {
  background-image: url("../images/noun-clock.svg");
}

.event-list-item .event-location-icon {
  background-image: url("../images/noun-location.svg");
}

.event-list-item span {
  display: inline-block;
}

#mainbody-subpage .event-list-item .event-footer-buttons {
  grid-template-columns: repeat(1, 1fr);
}

#mainbody-subpage .event-list-item .event-footer-buttons.two-buttons {
  grid-template-columns: repeat(2, 1fr);
}

#mainbody-subpage .event-list-item .event-footer-buttons.two-buttons.three-buttons {
  grid-template-columns: repeat(3, 1fr);
}

.event-list-item .event-footer-buttons p {
  margin: 0;
  font-size: 1.6em;
  border-top: 2px solid #ffffff;
  float: none;
}

.event-list-item .event-footer-buttons p.button.btn-more {
  border-right: 2px solid #ffffff;
}

.event-list-item .event-footer-buttons p.button.btn-more a {
  color: #7a9c56;
}

.event-list-item .event-footer-buttons p.button.btn-more a:hover,
.event-list-item .event-footer-buttons p.button a:hover {
  background-color: #7a9c56;
  color: #ffffff;
}

.event-list-item .event-footer-buttons p.button a {
  display: block;
  padding: 8px 15px;
  background-color: transparent;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0);
  color: #484e56;
}

.event-detail-value.event-image {
  float: right;
  width: 37.5%;
  margin-left: 3.125%;
}

.event-registration-row.event-teaser p strong,
.event-detail-value.event-teaser p strong {
  line-height: 24px;
}

.field-errors span {
  display: block;
  font-size: 1.6em;
  color: #ba3a4f;
  border: 2px solid #ba3a4f;
  padding: 12px;
  margin-bottom: 18px;
  position: relative;
  font-weight: bold;
  margin-top: -9px;
}

.field-errors span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9px 12px 9px;
  border-color: transparent transparent #ba3a4f transparent;
  left: -2px;
  top: -12px;
}

.event-calendar ul li.clearer {
  float: none;
  padding: 0;
  width: 100%;
}


.event-image-lightbox a,
.news-img-wrap a {
  display: block;
  padding: 12px;
  background-color: #f2f2f2;
  font-style: italic;
  color: #999;
  text-decoration: none;
}

#mainbody-subpage .news .article {
  margin-bottom: 30px;
}


.event-image-lightbox a img,
.news-img-wrap a img {
  border-bottom: 2px solid #999999;
}

.news-text-wrap {width:63%;}

.news-text-wrap h3 {
  margin-top: 0;
}

.event-img-caption,
.news-img-caption {
  margin: 9px 0 0 0;
}

.event-detail-value.files,
.news-related.news-related-files {
  padding: 24px;
  margin: 36px 0;
  background-color: #F0F0F0;
}

#maincontent .event-detail-value.files h4,
#maincontent .news-related-wrap h4 {
  margin-top: 0;
  color: #354252;
}

.event-files-space,
.news-related-files-size {
  display: block;
  color: #999;
  padding: 0;
}

#maincontent ul li.media-type-pdf::before {
  background-color: #336dab;
  border-bottom: 3px solid #004996;
  background-image: url("../images/icon-pdf.png");
  background-repeat: no-repeat;
  content: "";
  border-radius: 0;
  width: 36px;
  height: 33px;
  margin-top: 15px;
  top: 6px;
}

#maincontent ul li.media-type-pdf {
  padding: 0;
}

#maincontent ul li.media-type-pdf a {
  display: block;
  padding: 15px 0 15px 48px;
  text-decoration: none;
  border-bottom: 2px solid #fff;
  line-height: 24px;
  color: #484e56;
}

#maincontent ul li.media-type-pdf a:hover {
  background-color: #fff;
}

.categories-filter-wrap {
  margin-bottom: 24px;
}

.dropbtn {
  outline:2px solid #354252;
  background-color: #354252;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  background-image:url("../images/arrow-dropdown.png");
  background-repeat: no-repeat;
  background-position: 98% center;
}

.dropdown {
  position: relative;
  display: block;
  width: 100%;
}

.dropdown p {
  margin-bottom: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  z-index: 100;
  width: 100%;
  outline:2px solid #92BF5F;
}

.seminare #maincontent .dropdown-content a {
  color: #5C636D;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #92bf5f;outline:2px solid #92BF5F;}

.event-table-header > div,
.event-table-body > div {
  width: 33.334%;
  box-sizing: border-box;
  float: left;
  padding: 12px;
}

.event-table-header {
  background-color: #F0F0F0;
}

.event-table-header > div p,
.event-table-body > div p {
  margin: 0;
  line-height: 24px;
}

.event-table-header > div.clearer,
.event-table-body > div.clearer {
  padding: 0;
  border-bottom: 1px solid #F0F0F0;
}

.event-table-body {
  border: 1px solid #F0F0F0;
}

#maincontent .event-table-body  p a {
  text-decoration: none;
}

/* -----------------------------
NEWS
-------------------------------- */

#c4652 .news-list-view {
  display: block;
}

#c4652 .news.normal-view .news-content {
  margin: 0 60px;
  padding-bottom: 60px;
}

.news.news-single .article h3 {
  margin-bottom: 24px;
  font-weight: 300;
}

.news.news-single .news-img-wrap {
  margin:0 0 24px 24px;
  width:35%;
}

.news-single .news-img-wrap .outer {
  margin-bottom: 12px;
  float: left;
}

.news-single .news-img-wrap .outer a.lightbox {
  float: none;
}

.news.news-single .news-img-wrap img {width:100%;}

.news.normal-view .article {
  background-color: #fafafa;
  position: relative;
  background-image: url("../images/icon-news-arrow.png");
  background-repeat: no-repeat;
  background-position: right center;
  height: 100%;
  width: 100%;

  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.news.normal-view .article:hover {
  background-color: #fff;
}

.news.normal-view .article a.biglink {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  color: #484e56;
  border: 3px solid #ffffff;
  padding-bottom: 30px;
  background-color: #ffffff;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.2);
}

.news.normal-view .article a.biglink:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  border-color: #004996;
}

.news.normal-view .article .news-img-wrap {
  position: absolute;
  left: -15px;
  top: -15px;
  float: none;
  width: 75px;
  height: 75px;
  background-color: #336dab;
  margin: 0;
}

.news.normal-view .news-img-wrap span {
  width: 100%;
  height: 100%;
  background-color: transparent;
  left: 0;
  top: 0;
}

.news.normal-view .news-img-wrap span.category-75 {
  background-color: #8BB1C7;
}

.news.normal-view .news-img-wrap span.category-77 {
  background-color: #D36118;
}

.news.normal-view .news-img-wrap span img {
  max-width: 60px;
}

.news.normal-view .news-content {
  margin: 45px 0;
  padding: 30px;
}

.news.normal-view .news-content p {
  margin-bottom: 0;
}

.news.normal-view .news-content p.more-link {
  background: #336dab;
  color: #ffffff;
  display: inline-block;
  padding: 7px 15px;
  margin: 0;
  position: absolute;
  right: 30px;
  bottom: 59px;
}

.news.normal-view a:hover .news-content p.more-link {
  background-color: #004996;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.news.normal-view .news-footer {
  position: absolute;
  bottom: 0;
  padding: 15px 0 30px 0;
  left: 30px;
  right: 30px;
}

.news-img-wrap span {
  display: block;
  width: 108px;
  height: 108px;
  background-color: #004996;
  position: absolute;
  top: 24px;
  left: -24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.news-img-wrap span img {
  max-width: 96px;
  margin: 0 auto;
}

.news-content {
  margin-left: 108px;
  padding: 24px 108px 24px 0;
  text-align: left;
}

.news-content p {
  margin-bottom: 14px;
}

.news-footer {
  border-top: 1px solid #E6E6E6;
  padding-top: 12px;
}

.news-footer > div {
  float: left;
}

.news-footer p {
  font-size: 1.4em;
  font-style: italic;
  color: #abaeb3;
  margin-right: 12px;
  line-height: 100%;
}

.news-category p {
  padding-left: 12px;
  border-left: 1px solid #abaeb3;
}

.news-content p.teaser-headline {
  display: block;
  font-family: 'droid_sansbold';
  font-size: 2.2em;
  margin: 6px 0 15px 0;
  color: #004996;
}

#c3940 {
  background-image: url("../images/bg-webinare.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* -----------------------------
KUNDENMEINUNGEN
-------------------------------- */

#customer-slides {
  overflow: hidden;
  position: relative;
  width: 63.266%;
  margin: 0 auto;
}


#customer-slides ul {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

#customer-slides li {
  width: 100%;
  min-height: 288px;
  float: left;
  position: relative;
  width: auto;
  background-image: url("../images/customer-bg.gif");
  margin: 0;
  color: #fff;
}

.customer-slide > span {
  display: block;
  padding: 36px;
  height: 100%;
  overflow: hidden;
}

.customer-slide span.customer-name {
  display: block;
  margin-top: 24px;
  font-style: italic;
}

.customer-slide span.customer-stars {
  display: block;
  float: right;
  margin-top: 24px;
}

#customer-slides-buttons a {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -30px;
  z-index: 20;
  opacity: 1;
}

#customer-slides-buttons  a#customer-prev {
  background-image: url("../images/icon-customer-arrow-prev.png");
  background-repeat: no-repeat;
  background-position: center;
}

#customer-slides-buttons  a#customer-next {
  background-image: url("../images/icon-customer-arrow-next.png");
  background-repeat: no-repeat;
  background-position: center;
}

#customer-slides-buttons a#customer-next {
  left: auto;
  right: 0;
}

#customer-slides-buttons  a:hover {
  opacity: 0.5;
}

.customer-slides-wrapper {
  position: relative;
}

.fa-star {
  font-size: 36px;
  color: #29323E;
}

.fa-star.checked {
  color: #b5e087;
}


/* -----------------------------
POWERMAIL
-------------------------------- */

#maincontent .powermail_fieldwrap.powermail_fieldwrap_type_captcha .powermail_field {
  border: none;
  overflow: hidden;
}

#maincontent .powermail_fieldwrap.powermail_fieldwrap_type_captcha .powermail_field input {
  border: none;
  float: right;
  width: 45%;
  border: 1px solid #354252;
  margin-bottom: 18px;
  box-sizing: border-box;
}

#maincontent .powermail_fieldwrap.powermail_fieldwrap_type_captcha .powermail_field img {
  float: left;
  width: 50%;
}

#maincontent fieldset {
  border: 2px solid #004996;
  padding: 24px;
  margin-bottom: 24px;
}

#maincontent legend {
  font-size: 1.8em;
  background-color: #004996;
  color: #fff;
  width: auto;
  padding: 9px 15px;
  margin-left: -26px;
  margin-bottom: 5px;
  max-width: 96%;
}

#maincontent label {
  font-size: 1.6em;
  line-height: 24px;
  margin-bottom: 6px;
  display: inline-block;
  font-weight: bold;
}

#maincontent label.radio-label {
  display: block;
  font-weight: normal;
}

#maincontent label.radio-label input {
  float: left;
  width: 15px;
  margin: 6px 12px 0 0;
}

#maincontent .powermail_fieldwrap_type_captcha label {
  display: block;
}

.margin-bottom-medium {
  margin-bottom: 24px;
}

#maincontent .powermail_field {
  border: 1px solid #354252;
  margin-bottom: 18px;
}

#maincontent .powermail_fieldwrap_type_content .powermail_field {
  border: none;
}

#maincontent .powermail_fieldwrap_type_radio .powermail_field,
#maincontent .powermail_fieldwrap_type_check .powermail_field,
#maincontent .powermail_fieldwrap_type_html .powermail_field {
  border: none;
  margin-bottom: 18px;
}

#maincontent .radio-field-radiofields label input,
#maincontent .powermail_fieldwrap_type_radio .radio input,
#maincontent .powermail_fieldwrap_type_check .checkbox input {
  float: left;
  width: 20px;
  margin: 5px 12px 0 0;
}

#maincontent textarea,
#maincontent input,
#maincontent select {
  border: none;
  width: 96.648%;
  padding: 9px 1.676% 9px 1.676%;
  color: #5e6a72;
  margin-bottom: 0;
  font-family: 'Open Sans', sans-serif;
}

#maincontent select {
  width: 100%;
  padding: 14px 1.676% 14px 1.676%;
}

#maincontent .layout-25-left,
#maincontent .layout-25-right {
  float: left;
  width: 24.163%;
}

#maincontent .layout-25-left input,
#maincontent .layout-25-right input {
  width: 86.126%;
  padding: 9px 6.937% 10px 6.937%;
}

#maincontent .captcha-image,
#maincontent .powermail_field.captcha-field,
#maincontent .layout-50-left,
#maincontent .layout-50-right {
  float: left;
  width: 48.325%;
}

#maincontent .powermail_field.captcha-field {
  border: none;
}

#maincontent .powermail_field.captcha-field input {
  border: 1px solid #354252;
}

#maincontent .captcha-image {
  margin-right: 3.35%;
}

#maincontent .layout-50-left input,
#maincontent .layout-50-right input {
  width: 93.062%;
  padding: 9px 3.469% 10px 3.469%;
}

#maincontent .layout-75-left,
#maincontent .layout-75-right {
  float: left;
  width: 72.487%;
}

#maincontent .layout-75-left input,
#maincontent .layout-75-right input {
  width: 95.374%;
  padding: 9px 2.313% 10px 2.313%;
}

#maincontent .layout-25-left,
#maincontent .layout-50-left,
#maincontent .layout-75-left {
  margin-right: 3.35%;
  clear: both;
}

#maincontent .powermail_fieldwrap_type_submit .powermail_field  {
  border: none;
  margin: 12px 0 0 0;
}

#maincontent .powermail_submit {
  width: auto;
  cursor: pointer;

  -webkit-transition:all 250ms ease-out 50ms;
  -moz-transition:all 250ms ease-out 50ms;
  -o-transition:all 250ms ease-out 50ms;
  transition:all 250ms ease-out 50ms;
}

#maincontent .powermail_submit:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#maincontent .powermail_field .parsley-errors-list li:before {display:none;}
#maincontent .powermail_field .parsley-errors-list li {padding-left:5px !important;color:#ff0000;}
#maincontent .powermail_field .parsley-error {background-color:#ffd8d8;}

#maincontent .powermail_create {
  border: 2px solid #68AB24;
  padding: 24px;
}

#maincontent .powermail_create h4,
#maincontent .powermail_create h3 {
  margin-top: 0;
  color: #68AB24;
}

#maincontent .powermail_create h4 {
  margin-top: 18px;
}



/* -----------------------------
FOOTER
-------------------------------- */

#footer {
  background-color: #354252;
}

#footer-metanavi {
  border-bottom: 2px solid #3f4c5b;
}

#footer-metanavi ul {
  float: right;
}

#footer-metanavi ul li {
  float: left;
  margin-right: 12px;
  margin-bottom: 0;
}

#footer-metanavi ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 12px;
}

#footer-content {
  padding: 30px 0 60px 0;
}

#footer-content .footer-col {
  float: left;
  width: 16.327%;
  margin-right: 2.041%;
}

#footer-content .footer-col.right {
  float: right;
  width: 38.776%;
}

#footer-content .footer-col.right .ce-row .ce-column {
  float: right;
  width: 42px;
  margin-right: 12px;
}

#footer-content .footer-col.right .ce-row .ce-column:first-child {
  margin-right: 0;
}

#footer-content .footer-col.right .ce-row .ce-column a {
  display: block;
  height: 42px;
  text-align: center;
  background-color: #68717d;
  color: #fff;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;

  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;

  -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

#footer-content .footer-col.right .ce-row .ce-column a:hover {
  background-color: #29323E;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#footer-content h3 {
  font-family: "droid_sansregular";
  font-size: 2em;
  color: #fff;
  margin: 6px 0;
}

#footer-content a,
#footer-content p {
  color: #68717d;
}

#footer .footer-col.left ul li {
  margin-bottom: 6px;
  position: relative;
  padding-left: 24px;
}

#footer .footer-col.left ul li:before {
  content:"";
  width: 24px;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url("../images/icon-arrow-footer.png");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
}

#footer .footer-col.left a:hover {
  color: #fff;
}


#scrollup {
  z-index:99999999999999;
  background-color:#004996;
  width: 42px;
  height: 42px;
  position:fixed;
  bottom:50px;
  right:50px;
  opacity:0;
  visibility:hidden;
  color:#ffffff;
  border:1px solid #ffffff;
  cursor:pointer;
  -webkit-transition:all 0.25s ease-out;
  -moz-transition:all 0.25s ease-out;
  -o-transition:all 0.25s ease-out;
  transition:all 0.25s ease-out;
}

#scrollup:hover {
  background-color: #60B22A;
}

#scrollup span {
  position:relative;
  left:-3px;
  top:0;
  font-size:3em;
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#scrollup.aktiv {
  opacity:1;
  visibility:visible;
  -webkit-transition:all 0.25s ease-out;
  -moz-transition:all 0.25s ease-out;
  -o-transition:all 0.25s ease-out;
  transition:all 0.25s ease-out;
}



/* -----------------------------
SUBNAVI
-------------------------------- */

#subnavi {
  border-top: 12px solid #004996;
  background-color: rgb(0,73,150);
  background-color: rgba(0,73,150,0.1);
}

.software #subnavi {
  border-color: #0082c0;
  background-color: rgb(0,130,192);
  background-color: rgba(0,130,192,0.1);
}

#subnavi ul li.active a {
  border: none;
}

.software #subnavi ul li.active ul li a.active,
.software #subnavi ul li.active ul li.active a,
.software #subnavi ul li.active ul li a:hover,
.software #subnavi ul li.active a,
.software #subnavi ul li a:hover {
  color:#0082c0;
}

.leistungen #subnavi {
  border-color: #00c375;
  background-color: rgb(0,195,117);
  background-color: rgba(0,195,117,0.1);
}

.leistungen #subnavi ul li.active ul li a.active,
.leistungen #subnavi ul li.active ul li.active a,
.leistungen #subnavi ul li.active ul li a:hover,
.leistungen #subnavi ul li.active a,
.leistungen #subnavi ul li a:hover {
  color:#00c375;
}

.seminare #subnavi {
  border-color: #9bcc64;
  background-color: rgb(155,204,100);
  background-color: rgba(155,204,100,0.1);
}

.seminare #subnavi ul li.active ul li a.active,
.seminare #subnavi ul li.active ul li.active a,
.seminare #subnavi ul li.active ul li a:hover,
.seminare #subnavi ul li.active a,
.seminare #subnavi ul li a:hover {
  color:#88b259;
}

.downloads #subnavi {
  border-color: #DCC651;
  background-color: rgb(188, 166, 43);
  background-color: rgba(188, 166, 43,0.1);
}

.downloads #subnavi ul li.active ul li a.active,
.downloads #subnavi ul li.active ul li.active a,
.downloads #subnavi ul li.active ul li a:hover,
.downloads #subnavi ul li.active a,
.downloads #subnavi ul li a:hover {
  color:rgb(188, 166, 43);
}

#mainbody-subpage #subnavi ul li.active ul li a,
.software #subnavi ul li.active ul li a,
.leistungen #subnavi ul li.active ul li a,
.seminare #subnavi ul li.active ul li a,
.downloads #subnavi ul li.active ul li a {
  color: #484e56;
  border-bottom: none;
  padding-left: 24px;
  font-weight: 300;
}

#subnavi ul li.active ul li a:hover,
.software #subnavi ul li.active ul li a:hover,
.leistungen #subnavi ul li.active ul li a:hover,
.seminare #subnavi ul li.active ul li a:hover,
.downloads #subnavi ul li.active ul li a:hover {
  color: #000000;
}

#subnavi ul li.active ul li a::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border: 1px solid #004996;
  top: 15px;
  left: 3px;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.software #subnavi ul li.active ul li a::before {
  border-color: #0082C0;
}

.leistungen #subnavi ul li.active ul li a::before {
  border-color: #00c375;
}

.seminare #subnavi ul li.active ul li a::before {
  border-color: #88b259;
}

.downloads #subnavi ul li.active ul li a::before {
  border-color: #DCC651;
}

#subnavi ul li.active ul li a.active::before,
#subnavi ul li.active ul li a:hover::before {
  background-color: #004996;
}

.software #subnavi ul li.active ul li a.active::before,
.software #subnavi ul li.active ul li a:hover::before {
  background-color: #0082C0;
}

.leistungen #subnavi ul li.active ul li a.active::before,
.leistungen #subnavi ul li.active ul li a:hover::before {
  background-color: #00c375;
}

.seminare #subnavi ul li.active ul li a.active::before,
.seminare #subnavi ul li.active ul li a:hover::before {
  background-color: #88b259;
}

.downloads #subnavi ul li.active ul li a.active::before,
.downloads #subnavi ul li.active ul li a:hover::before {
  background-color: #DCC651;
}

#subnavi ul ul,
.software #subnavi ul ul,
.leistungen #subnavi ul ul,
.seminare #subnavi ul ul,
.downloads #subnavi ul ul {
  background-color: transparent;
}

#subnavi ul {
  padding: 15px 0 30px 0;
}

#subnavi ul li {
  line-height: 24px;
  margin-bottom: 0;
  padding: 0 30px;
  position: relative;
}

#subnavi ul li.active ul li a,
#subnavi ul li a {
  color: #484e56;
  text-decoration: none;
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #ffffff;
}

#subnavi ul li.active ul li a.active,
#subnavi ul li.active ul li.active a,
#subnavi ul li.active ul li a:hover,
#subnavi ul li.active a,
#subnavi ul li a:hover {
  color: #004996;
}

#subnavi ul li.active ul li a.active,
#subnavi ul ul li.active a,
#subnavi ul li.active a {
  font-weight: 700;
}

#subnavi ul ul li {
  font-size: 1em;
  padding-left: 0;
}

#subnavi ul ul {
  width: 100%;
  padding: 0;
  margin-bottom: 12px;
}

#subnavi ul li.active ul li a,
#subnavi ul ul li a {
  padding: 6px 12px 6px 24px;
  font-weight: 400;
}

#mainbody-subpage > .wrapper > #content {
  max-width: 90%;
  margin: 0 auto;
}

/* -----------------------------
BREADCRUMB
-------------------------------- */

#breadcrumb {
  border-bottom: 1px solid #e5ecf4;
  margin-top: -60px;
  margin-bottom: 45px;
}

#breadcrumb ul {
  overflow: hidden;
}

#breadcrumb ul li {
  float: left;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 100%;
  margin-right: 12px;
  padding-right: 18px;
  background-image: url("../images/icon-breadcrumb-arrow.png");
  background-repeat: no-repeat;
  background-position: right center;
}

#breadcrumb ul li a {
  font-size: 1.4em;
  color: #999999;
  text-decoration: none;
  line-height: 24px;
  display: inline-block;
  padding: 12px 0;
  position: relative;
}

#breadcrumb ul li.active {
  background-image: none;
}

#breadcrumb ul li.active a {
  font-weight: 700;
}


/* -----------------------------
RESPONSIVE IMAGES
-------------------------------- */

/* Einspalter */
.ce-textpic.ce-left.ce-intext .ce-columns-1.ce-gallery .ce-row,
.ce-textpic.ce-right.ce-intext .ce-columns-1.ce-gallery .ce-row,
.ce-textpic.ce-below .ce-columns-1 .ce-row,
.ce-textpic.ce-above .ce-columns-1 .ce-row {
  margin-bottom: 24px;
}

.ce-textpic.ce-below.ce-center .ce-columns-1 .ce-row,
.ce-textpic.ce-above.ce-center .ce-columns-1 .ce-row {
  margin: 0 auto 24px auto;
  width: 61.290%;
}

/* Zweispalter */
.ce-textpic.ce-left.ce-intext .ce-columns-2.ce-gallery .ce-row,
.ce-textpic.ce-right.ce-intext .ce-columns-2.ce-gallery .ce-row,
.ce-textpic.ce-below .ce-columns-2 .ce-row,
.ce-textpic.ce-above .ce-columns-2 .ce-row {
  margin-bottom: 24px;
}

.ce-textpic.ce-below .ce-columns-2 .ce-row .ce-column,
.ce-textpic.ce-above .ce-columns-2 .ce-row .ce-column {
  float: left;
  width: 48.387%;
  margin-right: 3.226%;
}

.ce-textpic.ce-below .ce-columns-2 .ce-row .ce-column.last,
.ce-textpic.ce-above .ce-columns-2 .ce-row .ce-column.last {
  margin-right: 0;
}

/* Dreispalter */

.ce-textpic.ce-left.ce-intext .imagecols-3 .ce-row,
.ce-textpic.ce-right.ce-intext .imagecols-3 .ce-row,
.ce-textpic.ce-left.ce-intext .ce-columns-3.ce-gallery .ce-row,
.ce-textpic.ce-right.ce-intext .ce-columns-3.ce-gallery .ce-row,
.ce-textpic.ce-below .imagecols-3 .ce-row,
.ce-textpic.ce-above .imagecols-3 .ce-row,
.ce-textpic.ce-below .ce-columns-3 .ce-row,
.ce-textpic.ce-above .ce-columns-3 .ce-row {
  margin-bottom: 24px;
}

.ce-textpic.ce-below .imagecols-3 .ce-row .ce-column,
.ce-textpic.ce-above .imagecols-3 .ce-row .ce-column,
.ce-textpic.ce-below .ce-columns-3 .ce-row .ce-column,
.ce-textpic.ce-above .ce-columns-3 .ce-row .ce-column {
  float: left;
  width: 31.25%;
  margin-right: 3.125%;
}

.ce-textpic.ce-below .imagecols-3 .ce-row .ce-column.last,
.ce-textpic.ce-above .imagecols-3 .ce-row .ce-column.last,
.ce-textpic.ce-below .ce-columns-3 .ce-row .ce-column.last,
.ce-textpic.ce-above .ce-columns-3 .ce-row .ce-column.last {
  margin-right: 0;
}

/* Text-Bild-Kombinationen */
.ce-textpic.ce-right.ce-intext .ce-columns-1.ce-gallery,
.ce-textpic.ce-right.ce-intext .ce-columns-2.ce-gallery,
.ce-textpic.ce-right.ce-intext .ce-columns-3.ce-gallery {
  float: right;
  width: 31.25%;
  margin-left: 3.125%;
}

.ce-textpic.ce-left.ce-intext .ce-columns-1.ce-gallery,
.ce-textpic.ce-left.ce-intext .ce-columns-2.ce-gallery,
.ce-textpic.ce-left.ce-intext .ce-columns-3.ce-gallery {
  float: left;
  width: 31.25%;
  margin-right: 3.125%;
}

.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-columns-1.ce-gallery,
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-columns-2.ce-gallery,
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-columns-3.ce-gallery {
  float: left;
  margin-right: 3.125%;
  margin-left: 0;
}

.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-columns-1.ce-gallery,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-columns-2.ce-gallery,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-columns-3.ce-gallery {
  float: right;
  margin-left: 3.125%;
  margin-right: 0;
}

.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-columns-1.ce-gallery,
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-columns-2.ce-gallery,
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-columns-3.ce-gallery {
  float: left;
  margin-right: 3.125%;
  margin-left: 0;
}

.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-columns-1.ce-gallery,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-columns-2.ce-gallery,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-columns-3.ce-gallery {
  float: left;
  margin-right: 3.125%;
  margin-left: 0;
}

.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-columns-2.ce-gallery .ce-column,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-columns-2.ce-gallery .ce-column,
.ce-textpic.ce-right.ce-intext .ce-columns-2.ce-gallery .ce-column,
.ce-textpic.ce-left.ce-intext .ce-columns-2.ce-gallery .ce-column,
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-columns-3.ce-gallery .ce-column,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-columns-3.ce-gallery .ce-column,
.ce-textpic.ce-right.ce-intext .ce-columns-3.ce-gallery .ce-column,
.ce-textpic.ce-left.ce-intext .ce-columns-3.ce-gallery .ce-column {
  margin-bottom: 24px;
}

.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext {
  margin-right: 34.374%;
}

.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext {
  margin-left: 34.374%;
}

.ce-textpic.ce-left.ce-intext.ce-nowrap,
.ce-textpic.ce-right.ce-intext.ce-nowrap {
  overflow: hidden;
}

.frame-iconbox-transparent .ce-textpic.ce-left.ce-intext .ce-columns-1.ce-gallery,
.frame-iconbox-transparent .ce-textpic.ce-left.ce-intext .ce-columns-2.ce-gallery,
.frame-iconbox-transparent .ce-textpic.ce-left.ce-intext .ce-columns-3.ce-gallery,
.frame-iconbox .ce-textpic.ce-left.ce-intext .ce-columns-1.ce-gallery,
.frame-iconbox .ce-textpic.ce-left.ce-intext .ce-columns-2.ce-gallery,
.frame-iconbox .ce-textpic.ce-left.ce-intext .ce-columns-3.ce-gallery {
  width: 17.187%;
}

.frame-iconbox .ce-textpic.ce-left.ce-intext .ce-columns-1.ce-gallery figure.image,
.frame-iconbox .ce-textpic.ce-left.ce-intext .ce-columns-2.ce-gallery figure.image,
.frame-iconbox .ce-textpic.ce-left.ce-intext .ce-columns-3.ce-gallery figure.image {
  background-color: #004996;
  min-height: 132px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.software .frame-iconbox .ce-textpic.ce-left.ce-intext .ce-columns-1.ce-gallery figure.image,
.software .frame-iconbox .ce-textpic.ce-left.ce-intext .ce-columns-2.ce-gallery figure.image,
.software .frame-iconbox .ce-textpic.ce-left.ce-intext .ce-columns-3.ce-gallery figure.image {
  background-color: #0082C0;
}

.software .frame-iconbox-transparent .ce-textpic.ce-left.ce-intext .ce-columns-1.ce-gallery figure.image,
.software .frame-iconbox-transparent .ce-textpic.ce-left.ce-intext .ce-columns-2.ce-gallery figure.image,
.software .frame-iconbox-transparent .ce-textpic.ce-left.ce-intext .ce-columns-3.ce-gallery figure.image {
  background-color: #ffffff;
}

.frame-iconbox-transparent .ce-textpic.ce-left.ce-intext .ce-columns-1.ce-gallery figure.image img,
.frame-iconbox-transparent .ce-textpic.ce-left.ce-intext .ce-columns-2.ce-gallery figure.image img,
.frame-iconbox-transparent .ce-textpic.ce-left.ce-intext .ce-columns-3.ce-gallery figure.image img,
.frame-iconbox .ce-textpic.ce-left.ce-intext .ce-columns-1.ce-gallery figure.image img,
.frame-iconbox .ce-textpic.ce-left.ce-intext .ce-columns-2.ce-gallery figure.image img,
.frame-iconbox .ce-textpic.ce-left.ce-intext .ce-columns-3.ce-gallery figure.image img {
  max-width: 96px;
  margin: 0 auto;
}

.frame-iconbox-transparent .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext,
.frame-iconbox .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext {
  margin-left: 20.312%;
  margin-right: 0;
}

.frame-iconbox-transparent .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext,
.frame-iconbox-transparent .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext,
.frame-iconbox .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext {
  margin-left: 20.312%;
  margin-left: 0;
}


.ce-textpic.ce-intext.ce-nowrap h1,
.ce-textpic.ce-intext.ce-nowrap h2,
.ce-textpic.ce-intext.ce-nowrap h3,
.ce-textpic.ce-intext.ce-nowrap h4,
.ce-textpic.ce-intext.ce-nowrap h5 {
  margin-top: 0;
}

.image-caption {
  font-size: 1.4em;
  background-color: #354252;
  color: #fff;
  line-height: 18px;
  padding: 12px;
  text-align: center;
}


/* -----------------------------
MENU
-------------------------------- */

.mm-menu {
  background-color: rgba(53,66,82,.85);
}

.mm-panel.mm-hasnavbar .mm-navbar {
  background-color: rgb(53,66,82);
  color: #fff;
  border: none;
}

.mm-menu .mm-navbar > *,
.mm-menu .mm-navbar a {
  color: #fff;
  font-size: 1.8em;
}

.mm-listview,
.mm-listview > li {
  font-size: 1em;
}

.mm-listview > li .mm-next::before {
  border-color: rgb(53,66,82);
}

.mm-listview > li {
  border-bottom: 6px solid #336dab;
}

.mm-menu > .mm-panel.element-01 li .mm-next::before,
.mm-menu .mm-listview > li .mm-next::after {
  border-color: #336dab;
}

.mm-menu > .mm-panel.element-02 li,
.mm-menu > .mm-panel.element-02 li .mm-next::before,
.mm-menu > .mm-panel.element-02 li .mm-next::after,
.mm-menu .mm-listview > li.element-02 .mm-next::after,
.mm-listview > li.element-02 {border-color:#339bcd;}

.mm-menu > .mm-panel.element-03 li,
.mm-menu > .mm-panel.element-03 li .mm-next::before,
.mm-menu > .mm-panel.element-03 li .mm-next::after,
.mm-menu .mm-listview > li.element-03 .mm-next::after,
.mm-listview > li.element-03 {border-color:#33cf91;}

.mm-menu > .mm-panel.element-04 li,
.mm-menu > .mm-panel.element-04 li .mm-next::before,
.mm-menu > .mm-panel.element-04 li .mm-next::after,
.mm-menu .mm-listview > li.element-04 .mm-next::after,
.mm-listview > li.element-04 {border-color:#b5e087;}

.mm-menu > .mm-panel.element-05 li,
.mm-menu > .mm-panel.element-05 li .mm-next::before,
.mm-menu > .mm-panel.element-05 li .mm-next::after,
.mm-menu .mm-listview > li.element-05 .mm-next::after,
.mm-listview > li.element-05 {border-color:#ffeb80;}

.mm-listview > li > a,
.mm-listview > li > span {
  color: #fff;
  font-weight: normal;
  font-size: 1.8em;
}

.mm-listview > li:not(.mm-divider)::after {
  display: none;
}

.mm-menu > .mm-panel.element-01 {background-color: rgba(0, 73, 150, 0.98);}
.mm-menu > .mm-panel.element-02 {background-color: rgba(0, 130, 192, 0.98);}
.mm-menu > .mm-panel.element-03 {background-color: rgba(0, 195, 117, 0.98);}
.mm-menu > .mm-panel.element-04 {background-color: rgba(155, 204, 100, 0.98);}
.mm-menu > .mm-panel.element-05 {background-color: rgba(188, 166, 43, 0.98);}

.mm-menu > .mm-panel.element-01.level-03 {background-color: rgba(51, 109, 171, 0.98);}
.mm-menu > .mm-panel.element-02.level-03 {background-color: rgba(51, 155, 205, 0.98);}
.mm-menu > .mm-panel.element-03.level-03 {background-color: rgba(51, 207, 145, 0.98);}
.mm-menu > .mm-panel.element-04.level-03 {background-color: rgba(181, 224, 135, 0.98);}
.mm-menu > .mm-panel.element-05.level-03 {background-color: rgba(255, 235, 138, 0.98);}

.mm-menu > .mm-panel.element-01 .mm-navbar {background-color: #003d7a;}
.mm-menu > .mm-panel.element-01.level-03 .mm-navbar {background-color: #004996;}
.mm-menu > .mm-panel.element-02 .mm-navbar {background-color: #0071a5;}
.mm-menu > .mm-panel.element-02.level-03 .mm-navbar {background-color: #0082c0;}
.mm-menu > .mm-panel.element-03 .mm-navbar {background-color: #00a864;}
.mm-menu > .mm-panel.element-03.level-03 .mm-navbar {background-color: #00C375;}
.mm-menu > .mm-panel.element-04 .mm-navbar {background-color: #88b259;}
.mm-menu > .mm-panel.element-04.level-03 .mm-navbar {background-color: #b5e087;}
.mm-menu > .mm-panel.element-05 .mm-navbar {background-color: #DCC651;}
.mm-menu > .mm-panel.element-05.level-03 .mm-navbar {background-color: #ffeb80;}

.mm-menu > .mm-panel.element-01 li,
.mm-menu > .mm-panel.element-02 li,
.mm-menu > .mm-panel.element-03 li,
.mm-menu > .mm-panel.element-04 li {border-width: 1px;}

/* -----------------------------
LIGHTBOX
-------------------------------- */

#imagelightbox {
  cursor: pointer;
  position: fixed;
  z-index: 10000;

  -ms-touch-action: none;
  touch-action: none;

  -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
  box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}


/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div {
  border-radius: 50%;
}

#imagelightbox-loading {
  width: 2.5em; /* 40 */
  height: 2.5em; /* 40 */
  background-color: #444;
  background-color: rgba( 0, 0, 0, .5 );
  position: fixed;
  z-index: 10003;
  top: 50%;
  left: 50%;
  padding: 0.625em; /* 10 */
  margin: -1.25em 0 0 -1.25em; /* 20 */

  -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
  box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}

#imagelightbox-loading div {
  width: 1.25em; /* 20 */
  height: 1.25em; /* 20 */
  background-color: #fff;

  -webkit-animation: imagelightbox-loading .5s ease infinite;
  animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading {
  from { opacity: .5;  -webkit-transform: scale( .75 ); }
  50%   { opacity: 1;  -webkit-transform: scale( 1 ); }
  to   { opacity: .5;  -webkit-transform: scale( .75 ); }
}

@keyframes imagelightbox-loading {
  from { opacity: .5;  transform: scale( .75 ); }
  50%   { opacity: 1;  transform: scale( 1 ); }
  to   { opacity: .5;  transform: scale( .75 ); }
}


/* OVERLAY */
#imagelightbox-overlay {
  background-color: #4C505B;
  background-color: rgba(53,66,82,.95 );
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}


/* "CLOSE" BUTTON */
#imagelightbox-close {
  width: 2.5em; /* 40 */
  height: 2.5em; /* 40 */
  text-align: left;
  background-color: #666;
  border-radius: 50%;
  position: fixed;
  z-index: 10002;
  top: 2.5em; /* 40 */
  right: 2.5em; /* 40 */
  border: none;

  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}

#imagelightbox-close:hover,
#imagelightbox-close:focus { background-color: #111; }

#imagelightbox-close:before,
#imagelightbox-close:after {
  width: 2px;
  background-color: #fff;
  content: '';
  position: absolute;
  top: 20%;
  bottom: 20%;
  left: 50%;
  margin-left: -1px;
}

#imagelightbox-close:before {
  -webkit-transform: rotate( 45deg );
  -ms-transform: rotate( 45deg );
  transform: rotate( 45deg );
}

#imagelightbox-close:after{
  -webkit-transform: rotate( -45deg );
  -ms-transform: rotate( -45deg );
  transform: rotate( -45deg );
}

/* CAPTION */
#imagelightbox-caption {
  text-align: center;
  color: #fff;
  background-color: #666;
  position: fixed;
  z-index: 10001;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.625em; /* 10 */
}

/* NAVIGATION */
#imagelightbox-nav {
  background-color: #444;
  background-color: rgba( 53,66,82,1 );
  border-radius: 20px;
  position: fixed;
  z-index: 10001;
  left: 50%;
  bottom: 3.75em; /* 60 */
  padding: 0.313em; /* 5 */

  -webkit-transform: translateX( -50% );
  -ms-transform: translateX( -50% );
  transform: translateX( -50% );
}

#imagelightbox-nav button {
  width: 1em; /* 20 */
  height: 1em; /* 20 */
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  display: inline-block;
  margin: 0 0.313em; /* 5 */
}

#imagelightbox-nav button.active{
  background-color: #fff;
}

/* ARROWS */
.imagelightbox-arrow {
  width: 6em; /* 60 */
  height: 6em; /* 120 */
  background-color: #444;
  background-color: rgba( 53,66,82,1 );
  vertical-align: middle;
  display: none;
  position: fixed;
  z-index: 10001;
  top: 50%;
  margin-top: -3.75em; /* 60 */
  border-radius: 50%;
  border: none;
}

.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus  { background-color: rgba( 0, 0, 0, .75 ); }
.imagelightbox-arrow:active { background-color: #111; }

.imagelightbox-arrow-left  { left: 2.5em; /* 40 */ }
.imagelightbox-arrow-right  { right: 2.5em; /* 40 */ }

.imagelightbox-arrow:before {
  width: 0;
  height: 0;
  border: 1em solid transparent;
  content: '';
  display: inline-block;
  margin-bottom: -0.125em; /* 2 */
}

.imagelightbox-arrow-left:before {
  border-left: none;
  border-right-color: #fff;
  margin-left: -0.313em; /* 5 */
}

.imagelightbox-arrow-right:before {
  border-right: none;
  border-left-color: #fff;
  margin-right: -0.313em; /* 5 */
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow {
  -webkit-animation: fade-in .25s linear;
  animation: fade-in .25s linear;
}

@-webkit-keyframes fade-in {
  from  { opacity: 0; }
  to    { opacity: 1; }
}

@keyframes fade-in {
  from  { opacity: 0; }
  to    { opacity: 1; }
}

#rmOrganism img {width:auto;}

#header-top-language {
  position: absolute;
  right: -60px;
  top: 0;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999999;
}

@media only screen and (max-width: 41.250em) {
  #container{
    width: 100%;
  }
  #imagelightbox-close {
    top: 1.25em; /* 20 */
    right: 1.25em; /* 20 */
  }
  #imagelightbox-nav{
    bottom: 1.25em; /* 20 */
  }

  .imagelightbox-arrow{
    width: 2.5em; /* 40 */
    height: 3.75em; /* 60 */
    margin-top: -2.75em; /* 30 */
  }
  .imagelightbox-arrow-left  { left: 1.25em; /* 20 */ }
  .imagelightbox-arrow-right  { right: 1.25em; /* 20 */ }
}

@media only screen and (max-width: 20em) {
  .imagelightbox-arrow-left  { left: 0; }
  .imagelightbox-arrow-right  { right: 0; }
}

@media screen and (max-width: 1700px) {

  .wrapper {
    max-width: 140em;
  }

  .two-cols-layout {
    grid-column-gap: 60px;
  }

}

@media screen and (max-width: 1600px) {

  .content-right #content {
    padding-right: 30px;
  }
}

@media screen and (max-width: 1520px) {

  #preFooter > .wrapper,
  #footer .wrapper {
    max-width: 128em;
  }

  #mainbody-subpage .wrapper {
    max-width: none;
    margin-left: 60px;
    margin-right: 60px;
    width: auto;
  }

  #mainbody-subpage .wrapper .wrapper {
    margin:  0 auto;
    width: 100%;
  }

  .content-right #content {
    padding-right: 60px;
  }

}

@media screen and (max-width: 1450px) {

  #footer .wrapper {
    max-width: 90%;
  }

  .one-col-80 {
    width: 90%;
  }

  #preFooter > .wrapper,
  #context-bottom .wrapper {
    max-width: 90%;
  }

  #context-bottom .two-cols-25-25-25-25 {
    grid-column-gap: 30px;
  }

  #context-bottom .two-cols-25-25-25-25 .hoverbox-with-links h2 {
    font-size: 1.8em;
  }

  #mainbody-subpage .news-single .article .news-img-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom: 60px;
  }

  #mainbody-subpage .news .article .news-img-wrap a,
  #mainbody-subpage .news-text-wrap,
  #mainbody-subpage .news-single .article .news-img-wrap {
    float: none;
    width: 100%;
    overflow: hidden;
    margin: 0;
  }

  #mainbody-subpage .news-single .news-img-wrap .outer {
    float: none;
    margin-bottom: 0;
  }

  #mainbody-subpage .news-single .article .news-img-wrap img {
    width: 100%;
    height: auto;
  }

  #mainbody-subpage .news-text-wrap {
    margin-top: 60px;
  }

}

@media screen and (max-width: 1280px) {

  #slickid-4542 {
    margin-left: 0;
  }

  #footer .wrapper {
    max-width: none;
  }

  #footer .wrapper,
  #mainbody .wrapper {
    width: 95%;
    margin: 0 auto;
  }

  #mainbody-subpage .wrapper {
    max-width: none;
    margin-left: 60px;
    margin-right: 60px;
    width: auto;
  }

  #mainbody .wrapper .wrapper {
    width: 100%;
  }

  #header-social-media {
    top: 75px;
  }

  #mainbody .three-cols-33 .grid-row {
    grid-column-gap: 30px;
  }

  #slickid-3906 .slick-prev {
    left: 0 !important;
  }

  #slickid-3906 .slick-next {
    right: 0 !important;
  }

  .one-col-80 {
    width: 100%;
    padding: 60px 0;
  }

  .two-cols-66-33 .tx-sf-event-mgt,
  .two-cols-33-66 .tx-sf-event-mgt,
  .one-col-80 .news-list-view {
    grid-column-gap: 30px;
  }

  .event-list-item {
    margin-bottom: 30px;
  }

  #footer-content .footer-col {
    width: 25%;
  }

  .two-cols-layout {
    grid-column-gap: 45px;
  }

  #mainbody-subpage .three-cols-33 .grid-row,
  #context-bottom .two-cols-25-25-25-25 {
    grid-template-columns: repeat(2,1fr);
    grid-row-gap: 30px;
  }

  #context-bottom .two-cols-25-25-25-25 .hoverbox-with-links h2 {
    font-size: 2.4em;
  }
}

@media screen and (max-width: 1024px) {

  #header-top-left {
    margin-left: 5%;
  }

  #header-top-language {
    right: 64px;
  }

 .seminare #mainbody-subpage .two-cols-layout .context-left {
    order: 1;
    margin-top: 0;
  }

  .seminare #mainbody-subpage .two-cols-layout .context-right {
    order: 2;
  }

  .seminare #mainbody-subpage #breadcrumb {
    margin: 0;
  }

  #header-bottom .slick-slide::after,
  #header-bottom .slick-slide::before,
  #header-bottom .slick-slide > div::after,
  #header-bottom .slick-slide > div::before {
    display: none;
  }

  #header-bottom .slick-slide .ce-bodytext {
    width: 47.959%;
    bottom: -54px;
    max-width: none;
    background-color: rgba(53,66,82,.9);
  }

  #header-bottom .slick-slide .ce-bodytext p {
    color: #ffffff;
  }

  #header-bottom .slick-slide .ce-textpic {
    padding-bottom: 0;
  }

  #header .wrapper {
    border: none;
  }

  #header-top {
    background-color: rgba(53,66,82,.9);
  }

  #header-top-border {
    border-bottom: 12px solid #004996;
  }

  #header-top-center {
    margin-left: 30px;
  }

  #mainnavi {
    display: none;
  }

  .header a {
    top: 0;
    right: 0;
    left: auto;
    display: block;
    padding: 2px 0;
  }

  #flags,
  #header-top-left #logo {
    left: 0;
  }

  #flags,
  #logo img {
    max-width: 100px;
  }

  #header .wrapper.border::after {
    left: 0;
  }

  #context-bottom .two-cols-25-25-25-25,
  #mainbody-subpage .wrapper,
  #footer .wrapper,
  #mainbody .wrapper {
    width: 90%;
    margin: 0 auto;
  }

  #mainbody .wrapper .wrapper {
    width: 100%;
  }

  #mainbody-subpage .wrapper {
    max-width: none;
    margin-left: 60px;
    margin-right: 60px;
    width: auto;
  }

  .one-col-80 .news-list-view {
    display: block;
  }

  .news.normal-view .news-content {
    margin: 0 0 75px 60px;
  }

  .news.normal-view .article a.biglink {
    padding-bottom: 0;
  }

  .news.normal-view .news-content p.more-link {
    bottom: 30px;
  }

  .news.normal-view .news-footer {
    bottom: 12px;
    right: 180px;
  }

  #mainbody .three-cols-33 .grid-row {
    display: block;
  }

  .product-box {
    margin-bottom: 30px;
  }

  .product-content {
    text-align: left;
    overflow: hidden;
  }

  .product-content p:first-child {
    float: left;
    width: 45%;
  }

  .product-content ul {
    float: right;
    width: 50%;
    margin-bottom: 30px;
  }

  .product-icon .image {
    padding-right: 300px;
  }

  .product-icon .image::after {
    width: 300px;
  }

  .two-cols-66-33 .grid-row,
  .two-cols-33-66 .grid-row {
    display: block;
  }

  #c3939 header {
    text-align: left;
    margin-bottom: 30px;
  }

  .two-cols-66-33 .tx-sf-event-mgt,
  .two-cols-33-66 .tx-sf-event-mgt {
    grid-column-gap: 30px;
  }

  .flexslider {
    padding-bottom: 48px;
  }

  .flex-caption span.flex-shadow {
    position: relative;
    box-shadow: 0 0 0 0 rgba(53,66,82,0) inset;
  }

  .flex-caption span.flex-shadow:after {
    display: none;
    content:"";
    position: absolute;
    width: 100%;
    height: 60px;
    background-color: rgba(53,66,82,.9);
    bottom: 0;
    right: 0;
    z-index: 10;
  }

  .flex-caption span.flex-caption-text {
    z-index: 20;
  }

  .flex-caption span.flex-caption-text {
    width: 47.959%;
    bottom: -54px;
    max-width: none;
  }

  .flex-caption span.flex-caption-text span {
    padding: 30px;
    color: #fff;
  }

  .flex-caption span.flex-caption-text{
    background-color: rgba(53,66,82,.9);
  }

  #mainbody-subpage #maincontent .wrapper {
    width: 100%;
  }

  #customer-slides {
    width: 80%;
  }

  #subnavi {
    display: none;
  }

  #header .wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .two-cols-layout {
    grid-template-columns: 1fr;
  }

  .two-cols-layout .content-right {
    order: 1;
    padding: 0 60px;
  }

  .two-cols-layout .context-left {
    order: 2;
    padding: 0 60px;
  }

  .content-right #content {
    padding-right: 0;
  }

  .fixed-header-border-top {
    display: block;
  }

  #header-image,
 #slickid-3645 .slick-slide figure.image {width:100%;height:400px;}
  #header-image img,
  #slickid-3645 .slick-slide img {width:100%;height:100%;object-fit:cover;}
  
  #mainbody-subpage .three-cols-33 .grid-row {
    display: block;
  }

  #mainbody-subpage .three-cols-33 .grid-row > div {
    margin-bottom: 30px;
  }

  .frame-benefitbox {
    min-height: 0;
  }

  .frame-benefitbox .ce-gallery {
    float: left;
    width: 30%;
  }

  .frame-benefitbox .ce-textpic.ce-above .ce-columns-1 .ce-row img,
  .frame-benefitbox .ce-textpic.ce-above.ce-center .ce-columns-1 .ce-row img {
    margin: 0 30px 0 0;
  }

  .frame-benefitbox .ce-bodytext {
    float: left;
    width: 70%;
  }

  .frame-benefitbox p {
    text-align: left;
  }

  #preFooter {
    padding: 30px 0 90px 0;
  }

  #context-bottom .two-cols-25-25-25-25 {
    width: 100%;
  }

  .grid-container-twocolumns5050 .grid-row {
    display: block;
  }

  .event-footer-buttons.two-buttons.three-buttons {
    display: block;
  }

  .event-list-item .event-footer-buttons.two-buttons.three-buttons {
    position: relative;
    top: 30px;
    border: 2px solid #fff;
  }

  .event-list-item .event-footer-buttons.two-buttons.three-buttons p {
    border-top: none;
  }

  .event-list-item .event-footer-buttons.two-buttons.three-buttons .event-list-value.event-registration p {
    border-top: 2px solid #ffffff;
  }
}


@media screen and (max-width: 760px) {

  .product-content ul,
  .product-content p:first-child {
    float: none;
    width: 100%;
  }

  .frame-layout-14 .customerHeader,
  .grid-container-twocolumns5050 .grid-row,
  .two-cols-66-33 .tx-sf-event-mgt,
  .two-cols-33-66 .tx-sf-event-mgt {
    display: block;
  }

  #slickid-4542 .slick-slide > div,
  #slickid-3994 .slick-slide > div {
    padding:  0 15px;
  }

  #footer-content .footer-col.right,
  #footer-content .footer-col {
    float: none;
    width: 100%;
  }

  #footer-content .footer-col.right .ce-row .ce-column {
    float: left;
  }

  #footer-content .footer-col.right .ce-row .ce-column:first-child {
    margin-right: 12px;
  }

  #mainbody-subpage::after,
  #mainbody-subpage::before {
    display: none;
  }

  #mainbody-subpage .wrapper {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }

  .two-cols-layout .content-right,
  .two-cols-layout .context-left {
    padding: 0;
  }

  #icons {
    position: static;
  }

  #location-box.clicked #locationblock-inhalt,
  #contact-box.clicked #contactblock-inhalt,
  #search-box.clicked #searchblock-inhalt,
  #newsletter-box.clicked #newsletterblock-inhalt {
    margin: 0;
  }

  #locationblock-inhalt,
  #contactblock-inhalt,
  #searchblock-inhalt,
  #newsletterblock-inhalt {
    width: auto;
    box-sizing: border-box;
    left: 0;
    right: 36px;
    background-color: rgba(255,255,255,95);
    top: 75px;
  }

  #maincontent .powermail_fieldwrap.powermail_fieldwrap_type_captcha .powermail_field img,
  #maincontent .powermail_fieldwrap.powermail_fieldwrap_type_captcha .powermail_field input {
    float: none;
    width: 100%;
  }

  #context-bottom .two-cols-25-25-25-25 {
    display: block;
  }

  #context-bottom .two-cols-25-25-25-25 .hoverbox-with-links {
    margin-bottom: 30px;
  }

  #context-bottom .two-cols-25-25-25-25 .hoverbox-with-links a .hoverbox-content {
    padding-left: 120px;
  }

  #context-bottom .two-cols-25-25-25-25 .hoverbox-with-links h2 {
    padding-top: 0;
  }

  #preFooter h3,
  #preFooter h2 {
    padding-right: 0;
  }

  .product-box .product-icon figure.image,
  .product-box .product-icon figure.image img {height:100px;padding-right:0;}
  .product-icon .image::after {width:100px;}
}


@media screen and (max-width: 560px) {

  .news.normal-view .article a.biglink {
    padding-bottom: 30px;
  }

  .news.normal-view .news-footer {
    bottom: 0;
    right: 30px;
  }

  .news.normal-view .news-content p.more-link {
    bottom: 60px;
  }

  .powermail_fieldwrap {width:100% !important;margin:0 !important;}
#c3940 {background-position: 60% 50%;}
}

@media screen and (max-width: 480px) {

  .frame-benefitbox .ce-bodytext,
  .frame-benefitbox .ce-gallery {
    float: none;
    width: 100%;
  }

  .frame-benefitbox .ce-textpic.ce-above .ce-columns-1 .ce-row img,
  .frame-benefitbox .ce-textpic.ce-above.ce-center .ce-columns-1 .ce-row img {
    margin:  0 auto;
  }

  .frame-benefitbox p {
    text-align: center;
  }

  #context-bottom .two-cols-25-25-25-25 .hoverbox-with-links a .hoverbox-content {
    padding-left: 0;
  }

  #context-bottom .two-cols-25-25-25-25 .hoverbox-with-links h2 {
    padding-top: 60px;
  }

  #mainbody-subpage .news-single .article .news-img-wrap {
    grid-template-columns: repeat(1, 1fr);
  }

  .event-list-item .event-footer-buttons {
    display: block;
    position: relative;
    top: 30px;
    border: 2px solid #ffffff;
  }

  .event-list-item .event-footer-buttons p {
    border-top: none;
  }

  .event-list-item .event-footer-buttons .event-list-value.event-registration p {
    border-top: 2px solid #ffffff;
  }

}