/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
       url('../fonts/roboto-slab-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v7-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-bold - latin */
@font-face {
    font-family: 'Roboto Slab';
    src: url('../fonts/RobotoSlab-Bold.eot');
    src: url('../fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoSlab-Bold.woff2') format('woff2'),
        url('../fonts/RobotoSlab-Bold.woff') format('woff'),
        url('../fonts/RobotoSlab-Bold.ttf') format('truetype'),
        url('../fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body {font: 14px 'Open Sans', verdana, sans-serif;}

.page-wrapper {}

.element-gridelements_pi1 .row {padding: 20px;}
.t3-layout-background-primary {background: #333; color: #fff;}
.t3-layout-background-white {background: #fff; color: #333;}

.t3-layout-background-transparent {background:transparent; color: #333;}
.t3-layout-background-light-green {background: #4cb05b; color: #333;}
.t3-layout-background-dark-green {background: #115427; color: #333;}
.t3-layout-background-orange {background: #ef7c00; color: #333;}
.t3-layout-background-red {background: #da0812; color: #333;}
.t3-layout-background-yellow {background: #ffd518; color: #333;}
.t3-layout-background-light-blue {background: #36a9e0; color: #333;}
.t3-layout-background-dark-blue {background: #18407e; color: #fff;}
.t3-layout-background-black {background: #303030; color: #fff;}



.t3-layout-col-4060 {margin: 60px 0; overflow: hidden}
.t3-layout-col-4060 h2,
.t3-layout-col-4060 h3,
.t3-layout-col-4060 h4,
.t3-layout-col-4060 h5,
.t3-layout-col-4060 h6 {margin-top: 0; color: #da0812;}

.header-wrapper {position: relative; height: auto;}
.menu-wrapper {position: relative; z-index: 100; padding: 30px 0;}
.content-wrapper {clear: both;}

.menu-wrapper .logo {float: left; width: 20%}
.menu-wrapper nav {float: right; width: 80%;}
#mmenu { float: right;}

a {color: #ff2233;}

/* Bootstrap GRID System extended 5 columns */

.col-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}

.col-15 {width: 20%; float: left; }

@media (min-width: 768px) {
  .col-sm-15 {width: 20%; flex: 0 0 calc(100% / 5); max-width: 100%; float: left;}
}

@media (min-width: 992px) {
  .col-md-15 {width: 20%; flex: 0 0 calc(100% / 5); max-width: 100%; float: left;}
}

@media (min-width: 1200px) {
  .col-lg-15 {width: 20%; flex: 0 0 calc(100% / 5); max-width: 100%; float: left;}
}

.m-t-1 {margin-top: 30px;}
.m-b-1 {margin-bottom: 30px;}
.m-t-2 {margin-top: 60px;}
.m-b-2 {margin-bottom: 60px;}
.m-t-3 {margin-top: 90px;}
.m-b-3 {margin-bottom: 90px;}

/* Content element Layout Options */

/*

Hintergrundfarben

Hintergrund Weiß
Hintergrund Hellgrau
Hintergrund Dunkelgrau
Hintergrund Schwarz

Animationen

Animation: von links nach rechts
Animation: von rechts nach links
Animation: von unten nach oben
Animation: von oben nach unten

Spezielle Deko Elemente

Zitat
Testimonial
Inhalte zentriert
Kleingedrucktes
Handlungsaufforderung Block

Funktionen

Akkordion
Karrussell 
Tabs vertikal
Tabs horizontal
Responsive Video

*/

.t3-layout-responsive-video { position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/ padding-top: 0px; height: 0; overflow: hidden; }
.t3-layout-responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}


/* MegadropdownMenü */

ul.main-menu.megadropdown { background: transparent; overflow: hidden; height: 76px; margin: 0; float: right;}
ul.main-menu.megadropdown li { float: left; list-style: none;}
ul.main-menu.megadropdown li a { font-size: 15px; color: #000; padding: 31px 20px 26px 20px; display: inline-block; }
ul.main-menu.megadropdown li.last { background: none;}
ul.main-menu.megadropdown li.last a { background: none;}
ul.main-menu.megadropdown li a:hover { border: none; text-decoration: none; }
ul.main-menu.megadropdown li.current a,
ul.main-menu.megadropdown li.open a { }
ul.main-menu.megadropdown li.current a:hover,
ul.main-menu.megadropdown li.open a:hover { border: none; text-decoration: none;}

/* ul.main-menu.megadropdown li .level_2 { display: none;}
ul.main-menu.megadropdown li:hover .level_2 { 
  display: block; 
  background: #fff; 
  position: absolute; 
  top: 77px; 
  left: 10%; 
  width: 80%; 
  height: auto;
  padding: 20px 20px 0 20px; 
  margin: 0;
  z-index: 20;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow:    0px 1px 3px 0px rgba(50, 50, 50, 0.3);
  box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.3);
}
ul.main-menu.megadropdown li:hover .level_2 li { width: 210px; margin: 0 20px 20px 0; background: none;}
ul.main-menu.megadropdown li:hover .level_2 li.last { margin-right: 0;}
ul.main-menu.megadropdown li:hover .level_2 li a { background: none; padding: 0; color: #000; font-weight: bold;}
ul.main-menu.megadropdown li:hover .level_2 li a:hover { text-decoration: underline;}

ul.main-menu.megadropdown li:hover .level_3 li {  margin-bottom: 0;}
ul.main-menu.megadropdown li:hover .level_3 li a { color: #444; font-weight: normal; font-size: 13px;}
 */
ul.main-menu.megadropdown .level_3  {padding-left: 0;}
/*  */

/* DeepFooterMenü */

ul.deep-footer-menu,
ul.deep-footer-menu ul {list-style: none; margin: 0; padding: 0;}


/* Hintergrund des OffCanvas Menüs */
#mm-menu { background:#fff;}
 
/* Overlay für den verschobenen Content der Website */
#mm-blocker { background:rgba(0,0,0,0.3) !important; }
 
/* Highlight des aktiven Menüpunkts */
.mm-selected a { color:#ff2233 !important;}

@media (min-width: 769px) {
  #mmenu { display:none; }
}

@media (max-width: 768px) {
  .menu-wrapper nav { display:none; }
}

/* Hintergrund des OffCanvas Menüs */
#mm-menu {
  background:#fff;
}
 
/* Overlay für den verschobenen Content der Website */
#mm-blocker {
  background:rgba(0,0,0,0.3) !important;
}
 
/* Highlight des aktiven Menüpunkts */
.mm-selected a {
  color:#006AB2 !important;
}

ul.main-menu.dropdown {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
}
ul.main-menu.dropdown li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 20px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul.main-menu.dropdown li:hover {
  background: #eee;
  color: #fff;
}
ul.main-menu.dropdown li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul.main-menu.dropdown li ul li { 
  background: #eee; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
ul.main-menu.dropdown li ul li:hover { background: #666; }
ul.main-menu.dropdown li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}


/* image apearance */
.ce-textpic .ce-left .sce-above
.ce-textpic .ce-center .ce-above
.ce-textpic .ce-right .ce-above
.ce-textpic .ce-center .ce-below
.ce-textpic .ce-left .ce-intext
.ce-textpic .ce-right .ce-intext
.ce-textpic .ce-left .ce-below
.ce-textpic .ce-right .ce-below

/* default styles for extension "tx_frontend" */
  .ce-align-left { text-align: left; }
  .ce-align-center { text-align: center; }
  .ce-align-right { text-align: right; }

  .ce-table td, .ce-table th { vertical-align: top; }

  .ce-textpic, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

  .ce-left .ce-gallery, .ce-column { float: left; }
  .ce-center .ce-outer { position: relative; float: right; right: 50%; }
  .ce-center .ce-inner { position: relative; float: right; right: -50%; }
  .ce-right .ce-gallery { float: right; }

  .ce-gallery figure { display: table; margin: 0; }
  .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
  .ce-gallery img { display: block; }
  .ce-gallery iframe { border-width: 0; }
  .ce-border img,
  .ce-border iframe {
    border: 2px solid black;
    padding: 0px;
  }

  .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
    margin-bottom: 10px;
  }
  .ce-intext.ce-right .ce-gallery { margin-left: 30px; }
  .ce-intext.ce-left .ce-gallery { margin-right: 30px; }
  .ce-below .ce-gallery { margin-top: 10px; }

  .ce-column { margin-right: 10px; }
  .ce-column:last-child { margin-right: 0; }

  .ce-row { margin-bottom: 10px; }
  .ce-row:last-child { margin-bottom: 0; }

  .ce-above .ce-bodytext { clear: both; }

  .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

  .ce-uploads { margin: 0; padding: 0; }
  .ce-uploads li { list-style: none outside none; margin: 1em 0; }
  .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
  .ce-uploads span { display: block; }
/* default styles for extension "tx_felogin_pi1" */
    .tx-felogin-pi1 label {
      display: block;
    }

@media screen and (max-width: 640px) {
  .ce-intext.ce-right .ce-gallery {
    float: none;
    margin-left: 0;
  }
}


/*animation element*/

.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation slide left styled for testimonials*/

.animation-element.slide-left.testimonial {
  float: left;
  width: 47%;
  margin: 0% 1.5% 3% 1.5%;
  background: #F5F5F5;
  padding: 15px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #EAEAEA;
}
.animation-element.slide-left.testimonial:hover,
.animation-element.slide-left.testimonial:active{
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}

.animation-element.slide-left.testimonial:nth-of-type(odd) {
  width: 48.5%;
  margin: 0% 1.5% 3.0% 0%;
}

.animation-element.slide-left.testimonial:nth-of-type(even) {
  width: 48.5%;
  margin: 0% 0% 3.0% 1.5%;
}

.animation-element.slide-left.testimonial .header{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.animation-element.slide-left.testimonial .left{
  float: left;
  margin-right: 15px;
}
.animation-element.slide-left.testimonial .right{
  float: left;
}

.animation-element.slide-left.testimonial img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.5);
}

.animation-element.slide-left.testimonial h3 {
  margin: 0px 0px 5px 0px;
}

.animation-element.slide-left.testimonial h4 {
  margin: 0px 0px 5px 0px;
}

.animation-element.slide-left.testimonial .content {
  float: left;
  width:100%;
  margin-bottom: 10px;
}

.animation-element.slide-left.testimonial .rating{}

.animation-element.slide-left.testimonial i {
  color: #aaa;
  margin-right: 5px;
}


.bounce-up  {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view  {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}




/*media queries for small devices*/
@media screen and (max-width: 678px){
  /*testimonials*/
  .animation-element.slide-left.testimonial,
  .animation-element.slide-left.testimonial:nth-of-type(odd),
  .animation-element.slide-left.testimonial:nth-of-type(even){
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  .animation-element.slide-left.testimonial .right,
  .animation-element.slide-left.testimonial .left,
  .animation-element.slide-left.testimonial .content,
  .animation-element.slide-left.testimonial .rating{
    text-align: center;
    float: none;
  }
  .animation-element.slide-left.testimonial img{
    width: 85px;
    height: 85px;
    margin-bottom: 5px;
  }
  
}

.t3-layout-accordion { margin-bottom: 45px; }
.t3-layout-accordion .csc-default { border-bottom: 1px solid #e6e6e6; }
.t3-layout-accordion .csc-textpic { margin: 20px 0; }
.t3-layout-accordion h4 { cursor: pointer; padding: 5px; position: relative; }
.t3-layout-accordion .csc-header h4 { padding-right: 2em; }
.t3-layout-accordion h4:after { content: "\f107"; font-family: 'FontAwesome'; font-size: 2em; position: absolute; color: #036; right: 10px; top: 50%; margin-top: -16px; }
.t3-layout-accordion h4.active:after { content: "\f106"; color: #fc0; }
.t3-layout-accordion .csc-textpic-text { padding: 5px; }

/* cookie consent adaptations */
body .cc-compliance {
  display: block!important;
  -ms-flex: none!important;
  flex: none!important;
}
body .cc-compliance>.cc-btn {
  display: block!important;
  width: 100%!important;
  -ms-flex: none!important;
  flex: none!important;
}
@media all and (min-width: 0) and (max-width: 991px) {
  body .cc-window {
    font-size: .75em;
  }
}

/* styles necessary for comsolit autosuggest */
span.twitter-typeahead {
  max-width: 230px;
  float: left;
}
div.tt-menu {
  width: calc(100% + 60px);
}
div.tt-menu .tt-dataset {
  padding: 8px 0px 8px;
}
div.tt-menu .tt-dataset .tt-suggestion {
  margin-bottom: 4px;
  padding: 4px 8px 4px 22px;
  transition: background-color .125s ease-in-out;
  position: relative;
}
div.tt-menu .tt-dataset .tt-suggestion:hover::before {
  content: "\f0da";
  position: absolute;
  font-family: "FontAwesome";
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .125s ease-in-out;
  -webkit-animation: indicate-mouseover .75s infinite; /* Safari 4+ */
  -moz-animation:    indicate-mouseover .75s infinite; /* Fx 5+ */
  -o-animation:      indicate-mouseover .75s infinite; /* Opera 12+ */
  animation:         indicate-mouseover .75s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes indicate-mouseover {
  0%   { left: 7px; }
  50%  { left: 9px; }
  100% { left: 7px; }
}
@-moz-keyframes indicate-mouseover {
  0%   { left: 7px; }
  50%  { left: 9px; }
  100% { left: 7px; }
}
@-o-keyframes indicate-mouseover {
  0%   { left: 7px; }
  50%  { left: 9px; }
  100% { left: 7px; }
}
@keyframes indicate-mouseover {
  0%   { left: 7px; }
  50%  { left: 9px; }
  100% { left: 7px; }
}


/* header contact styles */
.header-contact a,
.header-contact a:hover {
  color: #fff;
  text-decoration: none;
}


/*=====================================================================

//
=================    UPDATE WEBDESIGN 2024    ==================

//
=======================================================================*/

/* === Fonts ==================== *


html h2, 
html .theme-body .content-wrapper h2, 
html .theme-body .content-wrapper .element-textmedia h2, 
html .h2, 
html .theme-body .content-wrapper .h2, 
html .theme-body .content-wrapper .element-textmedia .h2,
html body .globalesheaderbild .default-wrap header h2 {
    font-family: "Roboto Slab", Verdana, Arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.25;
    letter-spacing: 0;
    font-weight: 700;
}


/* === Header ==================== *

.theme-body .top-wrapper .top-nav-wrapper .top-menu li a {
    color: #585856;
}