body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px; 
    -webkit-font-smoothing: antialiased;
    color: #676766;
    background: transparent;
}

.fa, .fas { font-family: 'Font Awesome 5 Pro';}
a:active,
a:hover,
a:focus,
a:visited,
button {
    outline: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

html, body { height: auto; min-height: 100%;}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto 50px;
}

#wrap.startseite {margin: 0px}

p:empty {display:none;}

hr.ce-div { margin-top: 0px; margin-bottom: 0px; border: 0; border-top: 1px solid #ccc;}

ol, ul { margin-top: 0; margin-bottom: 10px; padding-left: 20px;}

b, strong {font-weight: 700;}

td:first-child {padding-right: 10px;}

.clearer {float: none; clear: both;}

audio, canvas, progress, video {display: inline-block; vertical-align: baseline; width: 100%;}

h1 { color:#676766; font-weight: lighter; font-size: 32px; padding-bottom: 30px; margin: 0; line-height: 36px;}
h2 { color:#676766; font-size: 26px; padding-bottom: 20px; margin: 0; line-height: 36px;}
h3 { color:#676766; font-size: 22px; padding-bottom: 15px; margin: 0 0 0 0; line-height: 32px;}
h4 { color:#676766; margin: 0; padding-bottom: 15px;font-size: 14px;line-height: 24px; font-weight: bold;}
h5 { color:#676766; margin: 0; padding-bottom: 15px;font-size: 14px;line-height: 24px;font-weight: bold;}

h1 span, h2 span, h3 span, h4 span {color: #8ba72c;}

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

.frame-space-before-extra-small { margin-top: 15px;}
.frame-space-after-extra-small { margin-bottom: 15px;}
.frame-space-before-small { margin-top: 30px;}
.frame-space-after-small { margin-bottom: 30px;}
.frame-space-before-medium { margin-top: 45px;}
.frame-space-after-medium { margin-bottom: 45px;}
.frame-space-before-large { margin-top: 60px;}
.frame-space-after-large { margin-bottom: 60px;}
.frame-space-before-extra-large { margin-top: 75px;}
.frame-space-after-extra-large { margin-bottom: 75px;}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid rgba(102, 102, 102, 0.3);
}

.btn {
    display: inline-block;
    padding: 5px 10px;
    margin: 0;
    font-size: 16px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    background: #676766;
    color: #fff;
  transition: all 0.3s ease-in-out;    
  text-transform: uppercase;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, input[type=submit]:focus {outline: none;}
.btn-default, .btn-primary, .btn-cancel {    
    border: 1px solid transparent;
    color: #fff;
    text-decoration: none;
    width: auto;
    background-color: #676766;
    margin: 0;
    padding: 5px 10px;
    
}
.content .btn-default a, .content .btn-default a:hover {color: #fff;text-decoration: none;}
.btn-default:focus, .btn-default:hover, .btn-default:active:focus, .btn-default:active:hover  {
    color: #fff !important;
    border:1px solid #fff;
    text-decoration: none !important;
    background-color: rgba(51,51,51,0.5);
}
.btn-primary:focus, .btn-primary:hover, .btn-primary:active:focus, .btn-primary:active:hover  {
    color: #fff !important;
    border:1px solid #fff;
    text-decoration: none !important;
    background-color: rgba(51,51,51,0.5);
}
.btn-cancel {margin-right: 10px;}
.btn-cancel:focus, .btn-cancel:hover, .btn-cancel:active:focus, .btn-cancel:active:hover  {
    color: #fff !important;
    border:1px solid #fff;
    text-decoration: none !important;
    background-color: rgba(51,51,51,0.5);
}

.btn.btn-info { background: none; color: #676766; padding: 0; border: none; text-transform: none;}
.btn.btn-info:hover, .btn.btn-info:hover:after {color: rgba(51,51,51,0.5);}
.btn.btn-info:after {
    content: "\f08e";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 0px;
    font-size: 14px;
    top: -2px;
    left: 5px;
    color: #676766;
    padding: 0;
    font-weight: normal;
    transition: all 0.3s ease-in-out;
}
.btn-default.next a:after {
    content: "";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    font-size: 22px;
    top: 2px;
    left: 10px;
    right: -10px;
    color: #fff;
    padding: 0;
    font-weight: 300;
    line-height: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.btn-default.next a {transition: all 0.3s ease-in-out; padding: 5px 10px;}
.btn-default.next a:hover {padding: 5px 20px 5px 10px;transition: all 0.3s ease-in-out;}
.btn-default.next a:hover:after {visibility: visible; opacity: 1; content: "\f105";transition: all 0.3s ease-in-out;}
.btn-default.prev a:before {
    content: "";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-left: 0px;
    font-size: 22px;
    top: 2px;
    left: -10px;
    color: #fff;
    padding: 0;
    font-weight: 300;
    line-height: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.btn-default.prev a {transition: all 0.3s ease-in-out; padding: 5px 10px;}
.btn-default.prev a:hover {padding: 5px 10px 5px 20px;transition: all 0.3s ease-in-out;}
.btn-default.prev a:hover:before {visibility: visible; opacity: 1; content: "\f104";transition: all 0.3s ease-in-out;}

span.btn {padding: 0;}
span.btn a {padding: 5px 10px; display:inline-block;}
span.btn.download {padding: 0;}

.white .btn {border: 1px solid rgba(51,51,51,0.1);}
.white .btn.btn-info { border: none;}

.icon {margin-top: 25px;}
.icon .frame-type-html {display: table; vertical-align: middle; margin: 0 auto;}
.icon .frame-type-html>div {display: table-cell; vertical-align: middle;}
.icon .frame-type-html>div i {
    display: block;
    text-align: center;
    font-size: 40px;
    color: #fff;
    background: #8ba72c;
    width: 100px;
    margin: 0 auto;
    height: 100px;
    border-radius: 100px;
    padding-top: 28px;
}
.content .icon a {text-decoration: none; display: block; text-align: center;}
.content .icon a:hover {text-decoration: underline;}


.control-label {display: none;}
.form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 22px;
    color: #676766;
    background-color: transparent;
    background-image: none;
    border: 1px solid rgba(238, 238, 238, 0.3);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(238, 238, 238, 0.5);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.form-control:focus {
    border: 1px solid #ddd;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input:focus { border-color: #ddd; outline: 0;}
/*textarea {min-height:200px;}*/
textarea:focus {border-color: #ddd; outline: 0;}
select:focus { border-color: #ddd; outline: 0;}

.ce-uploads {padding-left: 0;}
.ce-uploads li {list-style: none; }
.content .ce-uploads a {color: #676766;font-family: 'Open Sans', sans-serif;}
.content .ce-uploads a:hover, .content .ce-uploads a:focus {text-decoration: none; color: #676766;}
.ce-uploads a[href$=".pdf"]:before, .ce-uploads a[href$=".PDF"]:before {
    content: "\f1c1";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 8px;
    font-size: 16px;
    top: 0px;
    left: 1px;
    color: #676766;
    padding: 0;
    transition: ease-in-out 0.3s all;
    font-weight: 300;
}

.ce-uploads a[href$=".pdf"]:hover:before, .ce-uploads a[href$=".PDF"]:hover:before { color: #666;}
.ce-uploads-filesize {margin-left: 10px; font-family: 'Open Sans', sans-serif; font-size: 12px;font-style: italic;}
.ce-uploads a[href$=".jpg"]:before, a[href$=".JPG"]:before {
    content: "\f1c5";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 8px;
    font-size: 16px;
    top: 0px;
    left: 1px;
    color: #676766;
    padding: 0;
    transition: ease-in-out 0.3s all;
    font-weight: 300;
}
.ce-uploads a[href$=".jpg"]:hover:before, a[href$=".JPG"]:hover:before {color: #666;}
.download:before {
    content: "\f019";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: -15px;
    font-size: 16px;
    top: 0px;
    left: 10px;
    color: #fff;
    padding: 0;
    font-weight: 300;
}
span.btn.download a {padding: 5px 10px 5px 35px;}
.telefon:before {
    content: "\f095";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 8px;
    font-size: 16px;
    top: 0px;
    left: 1px;
    color: #676766;
    padding: 0;
    font-weight: 300;
}
.fax:before {
    content: "\f1ac";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 8px;
    font-size: 16px;
    top: 0px;
    left: 1px;
    color: #676766;
    padding: 0;
    font-weight: 300;
}
.email:before {
    content: "\f0e0";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 8px;
    font-size: 16px;
    top: 1px;
    left: 1px;
    color: #676766;
    padding: 0;
    font-weight: 300;
}
.website:before {
    content: "\f0ac";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 8px;
    font-size: 16px;
    top: 0px;
    left: 1px;
    color: #676766;
    padding: 0;
    font-weight: 300;
}
.newsletter:before {
    content: "\f0e0";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 8px;
    font-size: 16px;
    top: 0px;
    left: 1px;
    color: #676766;
    padding: 0;
    font-weight: 300;
}

.cc-revoke {display: none;}

#header {
    position: fixed;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 10px;
    top: 0;
    transition: all 0.3s ease-in-out;
    z-index: 10 !important;
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #ccc;
}
/*#header.holdontop {background: #676766;}*/
#wrap.startseite #header {background: none; border-bottom: none;} 
#wrap.startseite .products a {color: #fff;}
#wrap.startseite .products a:hover, #wrap.startseite .products a:focus, #wrap.startseite .products a:active {color: #676766;}
#wrap.startseite .hamburger-inner, #wrap.startseite .hamburger-inner::before, #wrap.startseite .hamburger-inner::after {background: #fff;}


.image-embed-item { display:block;max-width:100%;height:auto; width: 100%;}

.nivo-html-caption {position: absolute; color: #fff; bottom: 45%; width: 100%;}

.nivo-caption {bottom: 45%; background: none;} 
.htmlcaption {width: 1140px; margin: 0 auto !important;text-align: center; color: #fff;}
.htmlcaption h2, .htmlcaption h3 {margin: 0 0 15px 0; color: #fff; padding: 0;}
.htmlcaption h2 { font-size: 30px;}
.htmlcaption h3 { font-size: 24px;}
.htmlcaption p {font-size: 18px; margin: 0;}

.theme-default .nivo-controlNav a {
    display: inline-block;
    width: 40px;
    height: 2px;
    background: none;
    text-indent: -9999px;
    border: 0;
    margin: 0 2px;
    background: #676766;
    margin: 0 5px;
}
.theme-default .nivo-controlNav a.active, .theme-default .nivo-controlNav a:hover {background: #333;}

.mm-page.mm-slideout { height: auto; margin-bottom: -30px; min-height: 100%;}
.mm-page { position: inherit;}
.mm-slideout {z-index: auto;}
.mm-btn_clear:after, .mm-btn_clear:before, .mm-btn_close:after, .mm-btn_close:before { border: 1px solid transparent; width: 10px; height: 10px;}
.mm-menu_theme-white .mm-navbar a, .mm-menu_theme-white .mm-navbar>* { color: #676766;}
.mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before, .mm-menu.mm-theme-white .mm-listview>li .mm-next:after {border-color: #676766;}
#menu li:focus span a, #menu li:hover span a, #menu li.active span a {color: #8ba72c; background: none;}
#menu li a:focus, #menu li a:hover, #menu li.active a {color: #8ba72c;; background: none;}
.mm-menu_theme-white .mm-btn:after, .mm-menu_theme-white .mm-btn:before {border-color: #676766;}
.mm-menu_theme-white { background: transparent; border-color: #ccc; color: #676766;}
.mm-navbar__btn:first-child { left: auto;}
.mm-btn_clear:before, .mm-btn_close:before { border-right: none; border-bottom: none; right: 15px;}
.mm-btn_clear:after, .mm-btn_close:after { border-left: none; border-top: none; right: 30px;}
.mm-btn_next:after, .mm-btn_prev:before {
    content: '';
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    width: 10px;
    height: 10px;
    transition: all 0.3s ease-in-out;
}
.mm-menu .mm-listview .mm-btn_next:after { border-color: #676766;}
#menu li:hover .mm-btn_next:after, #menu li.active .mm-btn_next:after { border-color: #676766 !important;}
.mm-panel_has-navbar .mm-navbar { padding: 0;}
.mm-navbar { border-bottom: 1px solid; border-color: #ccc;}
/*.mm-navbars_top { border-color: transparent; height: 50px; background: #676766;}*/
.mm-navbars_top { border-color: transparent; height: 50px; background: rgba(238, 238, 238, 0.4);}
.mm-navbar img { margin: 0 auto;}
.mm-navbar>* { padding: 10px 0;}
.mm-menu_navbar_top-1 .mm-panels { top:0; background:transparent;}
.mm-menu a.logo { position: absolute; width: 100%; top: 6px;}
.mm-menu_offcanvas { width: 80%; min-width: 140px; max-width: 330px;}
.mm-navbars_bottom { background: #fff; height: 50px;}
.mm-navbars_bottom .fa-2x {transition: ease-in-out 0.3s all;}
.mm-navbars_bottom .fa-2x:hover { color: #676766; cursor: pointer;}
.mm-panels>.mm-panel_opened, .mm-panels>.mm-panel_opened-parent {background: #fff;}
.mm-listview a {font-weight: 700;transition: all 0.3s ease-in-out;}
.mm-wrapper_opened, .mm-wrapper_blocking { overflow: auto !important;}
.sub.mm-listview a {font-weight: bold;}
.mm-navbars_bottom { border-top-width: 0;}
.mm-menu_navbar_bottom-1 .mm-panels { bottom: 50px; left: 40px;}
.mm-navbars_bottom>.mm-navbar, .mm-navbars_top>.mm-navbar { height: 50px; line-height: 42px;}
.mm-menu_theme-white .mm-iconbar, .mm-menu_theme-white .mm-iconbar a { color: #676766;}
.mm-menu_theme-white .mm-iconbar:hover, .mm-menu_theme-white .mm-iconbar a:hover { color: rgba(51, 51, 51, 1);}
.mm-menu_iconbar-40 .mm-iconbar { width: 50px;background: #fff;left: -10px; border-color: #ccc;}
.mm-menu_iconbar-40 .mm-navbars_top { left: -10px; display: none;}
.mm-menu .fa-2x { font-size: 22px;}
.mm-iconbar__top { top: 5px;}
.mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider { left: 0;}
.mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { left: 0;}
[class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened-parent[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0), [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {border: none;}
.mm-iconbar {z-index: 0;}
.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-page__blocker {
    top: 60px;
}
div#menu {
    top: 60px;
}
.fa-align-justify:before {color: #fff;}


.products ul {margin: 0; padding: 3px 0 0 0;}
.products li {list-style: none; display: inline-block; margin: 0 20px; /*text-transform: uppercase;*/ font-size: 16px;}
.products a, .products a:focus, .products a:active { color: #676766; text-decoration: none; font-weight:bold;}
.products a:hover{color: #8ba72c;}
.products li a.active, .products a span {color: #8ba72c;}

.header.holdontop .products a { color: #676766; text-decoration: none; font-weight:bold;}
.header.holdontop .products a.active {color:#8ba72c;}
.header.holdontop .products a:hover, .header.holdontop .products a:focus, .header.holdontop .products a:active {color:#8ba72c; }

#trailer img {width: 100%;}
#trailerstart {position: fixed; z-index: -1;}
.theme-default .nivoSlider {
    margin-bottom: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 0;
}
.flex-active-slide {z-index: 1 !important;}

#maincontent.start {padding-top: 25%;}

.content .white { background: transparent; padding: 50px 0;}
.content .white.zero {padding: 0;}
.content .white.topzero {padding: 0 0 50px 0;}
.content .white.bottomzero {padding: 50px 0 0 0;}
.content .grey { background: rgba(238, 238, 238, 0.5); padding: 50px 0;}
.content .grey.zero {padding: 0;}
.content .grey.topzero {padding: 0 0 50px 0;}
.content .grey.bottomzero {padding: 50px 0 0 0;}
.content .white .ce-gallery figure {border: 1px solid #EEEEEE; width: 100%;}
.content a {color: #676766; text-decoration: underline;}
.content a:hover {color: #676766; text-decoration: none;}
.content .ce-bodytext hr {margin-top: 15px; margin-bottom: 15px; border: 0; border-top: 1px solid #ccc;}

.content .kunden .ce-outer {float: none; right: 0;}
.content .kunden .ce-outer .ce-inner {float: none; right: 0;}
.content .kunden .ce-outer .ce-inner .ce-column {float: none;}


.scrollToTop {
    font-size: 16px;
    color: white !important;
    background-color:  rgba(51, 51, 51, 0.3);
    cursor: pointer;
    position: fixed;
    bottom: 60px;
    right: 10px;
    display: none;
    border-radius: 0;
    z-index: 1;
    height: 40px !important;
    width: 40px;
    border-radius: 20px;
    line-height: 50px;
    text-align: center;
}
.scrollToTop:hover {background-color: rgba(51, 51, 51, 0.5)}

.tooltip {position: absolute; z-index: 9999;}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: rgba(51, 51, 51, 0.8);;
  border-width: 5px 5px 0;
}
.tooltip-inner {
  color: #fff;
  background: rgba(51, 51, 51, 0.8);;
  border: solid 1px rgba(51, 51, 51, 0.8);;
  font-weight: bold;
  border-radius: 0;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: rgba(51, 51, 51, 0.8);;
  border-width: 5px 0 5px 5px;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: rgba(51, 51, 51, 0.8);;
  border-width: 5px 5px 5px 0;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: rgba(51, 51, 51, 0.8);
  border-width: 0 5px 5px;
}

#t3s-headerslider img {width: 100%;}

.logo {padding-top: 0px;}
.logo img { max-width: 160px;}

section#anchornav { top: 150px; position: absolute; width: 100%; margin: 0 auto;transition: background 0.3s ease-in-out; z-index: 1;}
section#anchornav ul {margin: 0; padding: 0;}
section#anchornav li {list-style: none; display: inline-block;  margin: 0 10px 0 10px;}
section#anchornav.fixed {position: fixed;top: 50px;background: #676766; z-index: 1;}
section#anchornav a {color: #fff;text-decoration: none;text-shadow: 0.05em 0.07em 0.1em rgba(0, 0, 0, 0.70); font-size: 18px;}
section#anchornav a:hover {color: rgba(255, 255, 255, 0.6);}
.anchormain {border-bottom: 1px solid rgba(255, 255, 255, 0.6); min-height: 45px;}
.startseiteicons .anchormain {border-bottom: none;}
section#anchornav.fixed .anchormain {border-bottom: none; min-height: 45px;}
.anchornav {float: right; margin-top: 15px;}
section#anchornav li.active a {/*color:#676766;*/}
section#anchornav.notrailer .container {padding: 0 15px;}

.dark.notrailer section#anchornav a {text-shadow: none;}

.subnavstart { text-align: center;}
section#anchornav .subnavstart li {line-height: 45px; margin-bottom: 20px; width: 30%;}
section#anchornav .subnavstart a {
    color: #fff;
    text-decoration: none;
    background-color: rgba(51, 51, 51, 0.8);
    font-size: 18px;
    border: 1px solid transparent;
    display: block;
    padding: 0px 25px;
    transition: all 0.3s ease-in-out;
}
section#anchornav .subnavstart a:hover {border: 1px solid #fff;}


body.startseite {
  background-image: url(../img/trailer_startseite.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
#wrap.startseite section#anchornav ul:last-child li a {background: none; border: none; color: #676766;}
#wrap.startseite section#anchornav ul:last-child li a:hover {color:#676766; }
#wrap.startseite section#anchornav ul:last-child li {width: auto;}
#wrap.startseite section#anchornav ul:last-child li a:after {
  content: "\f105";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 0;
    font-size:24px;
    top: 1px;
    left: 5px;
    color: #fff;
    padding: 0;
    font-weight: 300;
    float: right;
    transition: all 0.3s ease-in-out;
    color: #676766;
}
#wrap.startseite section#anchornav ul:last-child li a:hover:after {color:#676766; }

#wrap.startseite section#anchornav {top: 38%; background: none; z-index: 1;}

.pagetitle {float: left;}
.pagetitle h1 {display: inline-block;color: #fff;margin: 0;padding: 0;line-height: normal;font-size: 30px;/*text-shadow: 0.08em 0.05em 0.2em rgba(0, 0, 0, 0.70);*/}
.notrailer .pagetitle h1 {text-shadow: none;}
 /* Menü-Button Animation */
.hamburger { padding: 0; }
.hamburger:hover { opacity: 1;}
.hamburger-box {
    width: 25px;
    height: 25px;
    display: inline-block;
    position: relative;
    /*right: 15px;
    top:0px;
    z-index: 999 !important;*/
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 25px;
    height: 1px;
    background-color: #676766;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    z-index: 999;
}

.header.holdontop .hamburger-inner, .header.holdontop .hamburger-inner::before, .header.holdontop .hamburger-inner::after {background: #676766;}
    
.mm-wrapper_blocking { overflow: hidden;}
.mm-wrapper_opened { overflow-x: hidden; position: relative; z-index: 0 !important;}
.hamburger-inner::before {top: -8px;}
.hamburger--collapse .hamburger-inner::after { top: -16px;}

.panel-heading {padding: 0; border-radius: 0;}
.panel-heading a {padding: 10px 15px; display: block; text-decoration: none; color: #333;}
.panel-heading a.accordion-toggle:after {
  content: "\f068";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 0;
    font-size: 16px;
    top: 0px;
    left: 0;
    color: #333;
    padding: 0;
    font-weight: 300;
    float: right;
    transition: all 0.3s ease-in-out;
}
.panel-heading a.accordion-toggle.collapsed:after {
  content: "\f067";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 0;
    font-size: 16px;
    top: 0px;
    left: 0;
    color: #333;
    padding: 0;
    font-weight: 300;
    float: right;
    transition: all 0.3s ease-in-out;
}
.panel-heading a.accordion-toggle:hover:after { color: #333;}
.panel-heading a:hover { color: #333}
.panel-heading h4 {margin: 0; padding: 0; font-weight: normal;}
.panel-default>.panel-heading { color: #333; background-color: #c1c1c1;}
.panel {
    margin-bottom: 20px;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-body header {display: none;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {border: none;}
.panel-group .panel+.panel { margin-top: 10px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #333; cursor: default; background-color: #c1c1c1; border: none; border-radius: 0;}
.nav-tabs>li>a { margin-right: 2px; font-size: 16px; line-height: 1.42857143; border: none; border-radius: 0; color: #676766; text-decoration: none;}
.nav-tabs { border-bottom: 1px solid #c1c1c1;}
.tab-content {padding-top: 15px;}
.tab-content header { display: none;}
.nav>li>a:focus, .nav>li>a:hover { background-color: #c1c1c1; color: #333;}

.flexslider {
    margin: 0 0 20px;
    background: transparent;
    border: 0;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {background: none;}
/*.flex-control-paging li a {background: #676766;}*/
.flex-control-paging li a {
    width: 40px;
    height: 20px;
    display: block;
    /*background: #666;
    background: #676766;*/
    background:none;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    margin-bottom: -10px;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    border-bottom: 2px solid #676766;
    transition: all 0.3s ease-in-out;
}
.flex-control-nav li:hover, .flex-control-nav li.active {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    border-bottom: 2px solid rgba(51, 51, 51, 1);
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 0;
    overflow: hidden;
    opacity: 0; 
    cursor: pointer;
    color: #676766;
    text-shadow: none;
    line-height: 40px;
}
.flex-direction-nav a:before {
    content: "\f053";
    font-family: "Font Awesome\ 5 Pro";
    font-size: 40px;
    display: inline-block;
    color: #676766;
    text-shadow: none;
}
.flex-direction-nav a:hover:before {color: rgba(51, 51, 51, 1);}
.flex-direction-nav a.flex-next:before { content: '\f054';}
.flex-direction-nav .flex-prev {left: -40px;}
.flex-direction-nav .flex-next { right: -40px;}
.flexslider:hover .flex-direction-nav .flex-prev { left: -40px; opacity: 1;}
.flexslider:hover .flex-direction-nav .flex-next { right: -40px; opacity: 1;}

.form-group .table>tbody>tr>td, .form-group .table>tbody>tr>th, .form-group .table>tfoot>tr>td, .form-group .table>tfoot>tr>th, .form-group .table>thead>tr>td, .form-group .table>thead>tr>th {
    padding: 0;
    line-height: 30px;
    vertical-align: top;
    border-top: none;
}
.form-group legend {font-size: 26px; border-bottom: none;}
input[type=checkbox], input[type=radio] { margin: 0 10px 0 0;}
label {font-weight: normal;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { top: 2px; margin-left: -18px;}

.image {overflow: hidden; display: inline-block;}
.image a img {transition: all 0.3s ease-in-out;}
.image a img:hover { 
  -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.6;
}

figcaption.image-caption { color: #676766; font-size: 12px; background: #fff; position: relative;}
.content .grey figcaption.image-caption { color: rgba(51, 51, 51, 1); font-size: 12px; background: rgba(238, 238, 238, 0.5); position: relative;}

.ce-intext.ce-left .ce-gallery { margin-right: 15px;}
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom: 15px;}

#trailer.text { overflow: hidden;}
#trailer.text img { width: 100%; max-width:none;}
.trailertext, .modulicons { color: #fff;  margin-top: 20px;}
.trailertext h3, .trailertext h4 { color: #fff;}
.trailertext h4 {text-transform: uppercase;}
section#anchornav .trailertext li {margin: 0 0 0 16px; list-style: disc; display: list-item;}
section#anchornav .trailertext a:hover {color: #fff;}
.modulicons {position: relative; top: 305px;}
.modulicons .modulsymbole i {font-size: 90px;}
.modulicons .modulsymbole p {font-size: 20px; margin-top: 10px;}

.icons {background-color: rgba(255, 255, 255, 0.55);padding: 30px;position: absolute;width: 910px;}
.icons .row {margin-left: 0; margin-right: 0;}
.icons .row .wow:last-child {margin-right: 0;}
.icons p {color: #676766;font-size: 15px;background: transparent;position: relative;/* font-weight: bold; */margin-top: 0px;}
.icons .row:last-child p {margin-bottom: 0;}
#anchornav .icons p a {color: #676766;text-shadow: none;display: block;font-weight: bold;margin-top:10px;}
.icons .ce-gallery img {display: block; margin: 0 auto; height: 85px; width: 100%;}
.icons .col-sm-4, .icons .col-md-4, .icons .col-lg-4 { width: 150px; margin-right: 100px;}
.icons .image a img:hover {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 1;
}
.icons .ce-gallery { margin-bottom: 0px;}
.icons .ce-textpic.ce-center.ce-above { margin-bottom: 30px;}
/*.icons .row:last-child .ce-textpic {margin-bottom: 0;}*/
.icons .ce-textpic:hover {opacity: 0.6;transition: all 0.3s ease-in-out;}
.icons .frame-type-textpic {margin: 0px -15px;}
.icons #c724 {margin-bottom: 45px;}

footer { line-height: 20px;font-size: 13px; padding: 25px 0;}
footer a {color: #676766; text-decoration: none;}
footer a:hover, footer a:focus, footer a:active  {color: #676766; text-decoration: none;}
footer .frame-type-menu_pages ul {margin: 0; padding: 0;}
footer .frame-type-menu_pages li {list-style: none; display: block; margin: 0 20px 0 0;}
footer p {margin: 0; padding: 0;}

.footertext .fa-2x {margin-left: 10px;transition: all 0.3s ease-in-out;color: #676766;}
.footertext .fa-2x:hover {color: rgba(51, 51, 51, 1); cursor: pointer;}
.footertext .frame-type-html a {display: inline-block;}

.footerbottom {margin-top: 5px;}

footer .footerright .frame-type-menu_pages li {
    list-style: none;
    display: block;
    margin: 0;
    text-align: right;
}

footer.startseite {position: fixed; bottom: 0; width: 100%; padding: 15px 0;}

#footercontact {position: fixed; width: 100%; margin: 0 auto; bottom: 0;background:#c1c1c1; padding: 10px 0; text-transform: uppercase; z-index: 1;}
#footercontact p {margin: 0; padding: 0; line-height: 30px;}
#footercontact a {color: #676766; }
#footercontact a:hover {color: rgba(51,51,51,0.5); text-decoration: none;}
#footercontact .btn.btn-default {display: inline-block; margin-right: 15px; font-size: 14px;}
#footercontact .btn.btn-default a, #footercontact .btn.btn-default a:focus {color: #fff; text-decoration: none;}

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


/*div#language {
    position: fixed;
    right: 0;
    bottom: 20%;
    z-index: 1;
}
#language {
    background: rgba(51, 51, 51, 0.3);
    border: none;
    font-size: 14px;
    text-align: center;
    box-shadow: 0 3px 6px -2px rgba(0, 0, 0, .22), 0 3px 9px -3px rgba(0, 0, 0, .14);
    width: 40px;
    z-index: 200;
}
#language .CUR, #language .SPC {line-height: 35px;}
.linked-language {color: #676766; display: block;}
.linked-language:hover, .linked-language:focus, .linked-language:active  {text-decoration: none; color: #676766;}
#language .CUR {border-bottom: 1px solid rgba(51, 51, 51, 0.4);}*/
.tx-srlanguagemenu.tx-srlanguagemenu-flags {
    text-align: right;
}
.CUR, .SPC {
    width: 30px;
    display: inline-block;
    margin-left: 5px;
}
.CUR img, .SPC img {opacity: 0.5}
.INACT {display: none;}

.anker {
    text-align: center;
    position: fixed;
    z-index: 999;
    background: rgba(51, 51, 51, 0.3);
    height: 40px;
    width: 40px;
    bottom: 60px;
    left: 48.4%;
    border-radius: 20px;
    line-height: 50px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.anker .fal {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 28px;
    color: #fff;
}
.anker:hover {background: rgba(51, 51, 51, 0.5);}

.ce-gallery[data-ce-columns="4"] .ce-column {width: 22%; margin: 15px;}
.ce-gallery[data-ce-columns="4"] .ce-column:first-child  { margin-left: 0;}

.box .frame {border: 1px solid #eee; background: #fff;}
.box .ce-gallery figure {
    display: block;
    margin: 0;
    height:200px;
    overflow: hidden;
}
.box .ce-above .ce-gallery {margin: 0 0 15px 0;}
.box h2 {
    color: #676766;
    font-size: 21px;
    padding: 15px;
    margin: 0;
    line-height: 30px;
}
.box p {padding: 0 15px; height: 60px;}
.box .ce-bodytext p:last-child {height: auto;}
.box span.btn.btn-default { margin: 15px 0 5px 0;border: 1px solid rgba(51,51,51,0.1);}
.box img{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  margin-top: 5px;
}
.box .ce-bodytext p:first-child {height: 200px;}
.box.withouttext .ce-bodytext p:first-child {height: auto;}
.box.withouttext span.btn.btn-default { margin: 0 0 5px 0;}
.box.produktbroschueren .image-embed-item {margin-top: -25px; margin-left: 6px;}

span.btn.btn-default.btn-klein {padding: 2px 5px 2px 6px;}

.tab-content .frame-type-image .ce-gallery .ce-column {
    margin-right: 10px;
    display: table;
    height: 200px;
}
.tab-content .frame-type-image .ce-gallery figure {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
}


.dark .products a{ color: #676766;}
.dark .products a:hover, .dark .products a:focus, .dark .products a:active {color: #8ba72c;}
.dark .pagetitle h1 {color: #676766;}
.dark #anchornav a {color: #676766;}
.dark #anchornav a:hover {color: #8ba72c;}
.dark .anchormain {border-bottom: 1px solid #676766;}
.dark.notrailer #maincontent {margin-top: 190px}
.trailertextdark {color: #676766;}
/*
.dark .hamburger-inner, .dark .hamburger-inner::before, .dark .hamburger-inner::after {background-color: #676766;}
.dark .holdontop .products a, .dark .holdontop .products a:focus, .dark .holdontop .products a:active { color: #fff;}
.dark .holdontop .hamburger-inner, .dark .holdontop .hamburger-inner::before, .dark .holdontop .hamburger-inner::after {background-color: #fff;}
.dark .fixed .pagetitle h1 {color: #fff;}
.dark #anchornav.fixed a {color: #fff;}
.dark .logowhite {display: none; }
.dark .holdontop .logogrey {display: none; }*/

.dark section#anchornav.notrailer {top: 120px;}

.logowhite {display: none; }
/*.holdontop .logowhite {display: block; }
.holdontop .logogrey {display: none; }*/

.parallax .frame { color: #fff; padding: 15px;}
.parallax h2, .parallax h3 {color: #fff;}

/* Powermail */
.tx-powermail { margin: 0 -15px;}
.powermail_create {margin: 0 15px;}
.tx-powermail h3, .parsley-errors-list {display: none;}
.powermail_input, .powermail_select, select.powermail_field, .powermail_textarea, .powermail_captcha, .tx-felogin-pi1 input[type='text'], .tx-felogin-pi1 input[type='password'] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 100%;
    padding: 9px 0 8px 0;
    border: 0px solid #eee;
    color: #676766;
    margin-bottom: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: transparent;
    height: 40px;
    border-bottom: 1px solid #ddd;
}
.powermail_input:focus, .powermail_textarea:focus {border-bottom: 2px solid #676766;}
input[type=submit] {    
    border: 1px solid transparent;
    color: #fff;
    text-decoration: none;
    width: auto;
    background-color: #676766;
    margin: 0;
    padding: 5px 10px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    margin-top: 10px;
}
input[type=submit]:focus, input[type=submit]:hover, input[type=submit]:active:focus, input[type=submit]:active:hover {
    color: #fff !important;
    border: 1px solid #fff;
    text-decoration: none !important;
    background-color: rgba(51,51,51,0.6);
}

.white input[type=submit] {    
    border: 1px solid rgba(51,51,51,0.1);
}
.white input[type=submit]:focus, .white input[type=submit]:hover, .white input[type=submit]:active:focus, .white input[type=submit]:active:hover {
    border: 1px solid rgba(51,51,51,0.2);
    background-color: rgba(51,51,51,0.6);
}
.powermail_textarea.parsley-error, .powermail_input.parsley-error{border-bottom: 1px solid red;}
.radio.parsley-error, .checkbox.parsley-error {border: none; color: red;}
.powermail_fieldwrap_type_text {margin-top: 25px;}
.powermail_fieldwrap_type_check {margin: 15px 0;}
.tx-powermail .checkbox { display: inline-block; margin-right: 30px;}
.tx-powermail .radio{ margin-top: 0; margin-bottom: 5px;}

.auto-growing-editor-container {
    position: initial;
    display: initial;
}
pre.auto-growing-editor {display: none;}

legend {display: none;}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus { outline: 0; outline-offset: 0;}
input[type=file] { display: block; line-height: 10px; margin: 35px 0 8px 0;}
input#button-file { position: absolute; border: none; background: #fff; margin-top: 0px;transition: all 0.3s ease-in-out; padding: 0; padding-right: 20px; line-height: 16px; padding-bottom: 5px;}
input#button-file:hover { }
.powermail_fieldwrap.powermail_fieldwrap_type_file.nolabel { border-bottom: 1px solid #ddd; margin-bottom: 20px;}
/*Powermail ENDE*/

#previewBox {position: fixed; top: 20%; width: 100%; z-index: 20;}
.popup {
    background: rgba(0,0,0,0.6);
    padding: 2rem;
    color: #fff;
    font-size: 18px;
}
.popup h3, .popup a {color: #fff;}
.popup a:hover {color: #fff;}
button#closeButton { background: transparent; float: right; border: none; padding: 0; width: 20px; height: 20px;}
button#closeButton i {font-size: 24px;}

@media (max-width: 1393px){
.products ul {display: none!important;}
.icons .ce-gallery img {height: 65px;}
}

@media (max-width: 1518px) {
  #trailer.text img { width: auto; height: 650px !important; }
}

@media (max-width: 1199px) {
  .box .ce-gallery figure { height: 165px;}
  .htmlcaption {width: 940px}
  .icons {margin-top: 0%; padding: 15px;}
  .icons p {font-size: 14px;}
  .icons #c724 {margin-bottom: 15px;}
  .icons .ce-gallery img { height: 40px;}
  .icons .col-sm-4, .icons .col-md-4, .icons .col-lg-4 { width: 150px; margin-right: 70px;}
  .box.produktbroschueren .image-embed-item {margin-top: -21px;}
}

@media (max-width: 991px) {
  .products li { margin: 0 10px;}
  .footernavi li { margin: 0 5px;}
  section#anchornav .subnavstart li { width: 46%;}
  .footertext .fa-2x {font-size: 23px;}
  .box .ce-gallery figure { height: 125px;}
  .htmlcaption {width: 710px}
    .icons {margin-top: 0%;}
  .icons p {font-size: 13px;}
  .icons .ce-gallery img { height: 35px;}
  .icons .col-sm-4, .icons .col-md-4, .icons .col-lg-4 { width: 135px; margin-right: 25px;}
  .box p {padding: 0 15px; height: auto;}
  .box.produktbroschueren .image-embed-item {margin-top: -14px;}
  .box h2+p {min-height: 96px;}
  .pagetitle h1 {color: #676766; text-shadow: none; font-size: 24px;}
  section#anchornav { top: 30px; position: relative; margin-bottom: 15px;}
  h2 { font-size: 20px; line-height: 30px;}
  h3 { font-size: 18px; line-height: 28px;}
  .icons {position: relative; padding: 0; width: auto;}
  .icons p {font-size: 12px;}
  .icons .col-sm-4, .icons .col-md-4, .icons .col-lg-4 { width: 33.33333333%; margin-right: 0;}
  .content .white:first-child {padding: 50px 0 0 0;}

}

@media (max-width: 815px) {
  .flex-direction-nav .flex-prev {left: 0px;opacity: 0;}
  .flex-direction-nav .flex-next { right: 0px;opacity: 0;}
  .flexslider:hover .flex-direction-nav .flex-prev { left: 0px; opacity: 1;}
  .flexslider:hover .flex-direction-nav .flex-next { right: 0px; opacity: 1;}
}

@media (max-width: 768px) {
  #footercontact .btn.btn-default { width: 48%;margin: 0 0 10px 0;}
  #footercontact .btn.btn-default:last-child {float: right;}
  .scrollToTop {bottom: 120px;}
  #footercontact p.text-right {text-align: center;}
  .pagetitle { float: none;}
  .pagetitle h2 { font-size: 26px; display: block;}
  .anchornav { float: none; margin-top: 10px;}
  section#anchornav.fixed .anchormain {height: 45px;}
  footer {line-height: 30px; font-size: 13px; padding: 10px 0;}
  #wrap { margin: 0 auto 80px;}
  .language.pull-right { width: 100%;}
  .anchornav {display: none;}
  .footermiddle, .footerleft {width: 50%;line-height: 16px;}
  footer .frame-type-menu_pages li { margin: 0 0 10px 0;}
  footer .footerright .frame-type-menu_pages li { text-align: left; line-height: 18px;}
  .footerbottom {line-height: 18px;font-size: 12px;}
  .footerright .ce-headline-right { text-align: left;}
  .footerright .pull-right { float: left !important;}
  .footertext .fa-2x {margin: 0 15px 0 0; font-size: 26px;}
  .footerright .frame-space-before-extra-large { margin-top: 50px;}
  #footercontact p { line-height: 14px;}
  .anker {display: none;}
  .CUR, .SPC {margin: 0;}
  .box {margin-bottom: 25px;}
  .box .ce-gallery figure { height: auto;}
  .htmlcaption {width: 100%}
  #wrap.startseite section#anchornav { margin-top: 20%;}
  .mm-menu_offcanvas {width: 98%; min-width: 98%;}
  #footercontact .btn.btn-default a, #footercontact .btn.btn-default a:focus { font-size: 12px;}
  section#anchornav.notrailer { position: absolute; }
  .anchormain {border-bottom: 1px solid #676766;}
  #trailer.text { margin-top: 60px;}
  #trailer.text img { width: 100%; height: auto !important;}
  .trailertext { color: #676766;  margin-top: 20px;}
  .trailertext h3, .trailertext h4 { color: #676766;}
  .box.produktbroschueren .image-embed-item {margin-bottom: 40px; margin-top: -70px;}
  .content .grey {padding: 0;}
  .icons .frame-type-header {display: none;}
  #c119 {display: inline-block;}
  .frame-space-before-large {margin-top: 10px;}
  .footerright {margin-top: 20px;}
   #previewBox {position: fixed; top: 12%; width: 100%; z-index: 20;}
  .popup { font-size: 14px;}
  .content .kunden .ce-gallery img {height: 120px; width: auto; margin: 0 auto;}
}

@media (max-width: 590px) {
  section#anchornav .subnavstart li { width: 100%; margin: 0 0 20px 0;}
}

@media (min-width: 992px) {
.icons .row:last-child .ce-textpic {margin-bottom: 0;}
}



@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .cc-window.cc-floating {padding: 2em;width:100%;max-width: 100%;-ms-flex-direction: inherit;flex-direction: inherit;}
  .cc-bottom {bottom: 0em;}
  .cc-floating .cc-message {margin-bottom: 1em;width: 100%;}
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  .cc-window.cc-floating {padding: 2em;width:100%;max-width: 100%;-ms-flex-direction: inherit;flex-direction: inherit;}
  .cc-bottom {bottom: 0em;}
  .cc-floating .cc-message {margin-bottom: 1em;width: 100%;}
}

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
  .cc-window.cc-floating {padding: 2em;width:100%;max-width: 100%;-ms-flex-direction: inherit;flex-direction: inherit;}
  .cc-bottom {bottom: 0em;}
  .cc-floating .cc-message {margin-bottom: 1em;width: 100%;}
}
@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape) {
  .cc-window.cc-floating {padding: 2em;width:100%;max-width: 100%;-ms-flex-direction: inherit;flex-direction: inherit;}
  .cc-bottom {bottom: 0em;}
  .cc-floating .cc-message {margin-bottom: 1em;width: 100%;}
}





/* Checkbox styling */
.checkbox { padding-left: 20px; }
.checkbox label {display: inline-block;position: relative;padding-left: 5px; }
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #bbb;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  top: 3px; 
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555; 
}
.checkbox input[type="checkbox"] {opacity: 0;z-index: 1; }
.checkbox input[type="checkbox"]:focus + label::before {outline: thin dotted;outline: none;outline-offset: 0px; }
.checkbox input[type="checkbox"]:checked + label::after {font-family: "Font Awesome\ 5 Pro";content: "\f00c"; font-size: 18px; top: -4px; left: -1px; }
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed; }

.radio {padding-left: 20px; }
.radio label { display: inline-block; position: relative; padding-left: 5px; }
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #bbb;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out; 
  top: 3px;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 6px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); 
}
.radio input[type="radio"] {opacity: 0; z-index: 1; }
.radio input[type="radio"]:focus + label::before {outline: thin dotted;outline: none;outline-offset: 0px; }
.radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed; }

.form-group { margin-bottom: 30px;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {  color:transparent;opacity: 1; transition: all 0.2s ease-in-out;}
input:not(:focus)::-webkit-input-placeholder, textarea:not(:focus)::-webkit-input-placeholder { transition: color 0.4s ease-in-out; color:#676766; transition: all 0.3s ease-in-out;}


input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* IE 10+ */

.placeholder-move {
    opacity:0;
  top:31px;
  padding-left:0;
  line-height: 20px;
}

.placeholder-move-up {
    top:0px;
    position: relative;
    opacity:1;
  z-index:1;
}

.placeholder-move-down {
    top:31px;
    position: relative;
    opacity:0;
  z-index:-1;
}

.placeholder-move-up {  
    transition: all 0.3s ease-in-out;
    position: relative;
    -webkit-animation-name: example-up;  /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s;  /* Safari 4.0 - 8.0 */    
    -webkit-animation-fill-mode: both; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 3s;    
    animation-fill-mode: both;
    font-size: 12px;
}

.placeholder-move-down {
    
    transition: all 0.3s ease-in-out;
    position: relative;
    -webkit-animation-name: example-down;  /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s;  /* Safari 4.0 - 8.0 */    
    -webkit-animation-fill-mode: both; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 3s;    
    animation-fill-mode: both;
}

@-webkit-keyframes example-up {
    from {top: 31px;}
    to {top: 0px;}
}

@keyframes example-up {
    from {top: 31px;}
    to {top: 0px;}
}

@-webkit-keyframes example-down {
    from {top: 0px;}
    to {top: 31px;}
}

@keyframes example-down {
    from {top: 0px;}
    to {top: 31px;}
}

/* noch verschieben */
.modulicons .image-embed-item {
    height: 150px;
    width: 100px;
}

.modulicons #c675 .image-embed-item {
    width: 73px;
}