@font-face { font-family: "Myriad Light"; src: url("../Fonts/Myriad/b3e9f984-f8ca-4650-90c3-d6f0aca0a27d.eot?#iefix"); src: url("../Fonts/Myriad/b3e9f984-f8ca-4650-90c3-d6f0aca0a27d.eot?#iefix") format("eot"), url("../Fonts/Myriad/b984f4e8-e37d-4502-bead-ffd991e64d1f.woff") format("woff"), url("../Fonts/Myriad/82d18baa-8811-4aa8-9338-9bafa08350d0.ttf") format("truetype"), url("../Fonts/Myriad/20e14bb9-6aec-47a9-8ef8-5613bf1d6eae.svg#20e14bb9-6aec-47a9-8ef8-5613bf1d6eae") format("svg"); }
@font-face { font-family: "Myriad Regular"; src: url("../Fonts/Myriad/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix"); src: url("../Fonts/Myriad/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix") format("eot"), url("../Fonts/Myriad/c5b1c170-d8f7-41f9-85c2-0ab670780c6b.woff") format("woff"), url("../Fonts/Myriad/ba1ff8f6-0c27-4e7b-8be5-818b6c3dd801.ttf") format("truetype"), url("../Fonts/Myriad/a379413e-a0b8-44dc-b250-1e000e4092a4.svg#a379413e-a0b8-44dc-b250-1e000e4092a4") format("svg"); }
@font-face { font-family: "Myriad SemiBold"; src: url("../Fonts/Myriad/f71415c0-f68d-42cd-a948-05af81548ea5.eot?#iefix"); src: url("../Fonts/Myriad/f71415c0-f68d-42cd-a948-05af81548ea5.eot?#iefix") format("eot"), url("../Fonts/Myriad/c22866d7-ca67-4170-a113-cae280eea669.woff") format("woff"), url("../Fonts/Myriad/19ce9ea9-076e-4dcd-91a1-454f4830f120.ttf") format("truetype"), url("../Fonts/Myriad/18915124-98e4-4245-9e10-b921e09a6704.svg#18915124-98e4-4245-9e10-b921e09a6704") format("svg"); }
@font-face { font-family: "Myriad Light Condensed"; src: url("../Fonts/Myriad/e5d6ed0d-c1ec-4469-90de-5784ad5c8baa.eot?#iefix"); src: url("../Fonts/Myriad/e5d6ed0d-c1ec-4469-90de-5784ad5c8baa.eot?#iefix") format("eot"), url("../Fonts/Myriad/7703a5c8-61a4-4d32-9768-83ec303e9f2b.woff") format("woff"), url("../Fonts/Myriad/d80f1f4a-8843-425c-8492-ec8015c07eeb.ttf") format("truetype"), url("../Fonts/Myriad/28971b53-c747-4c80-9aa5-107f3d702047.svg#28971b53-c747-4c80-9aa5-107f3d702047") format("svg"); }
@font-face { font-family: 'FontAwesome'; src: url("../Fonts/FontAwesome/fontawesome.eot?seiems"); src: url("../Fonts/FontAwesome/fontawesome.eot?#iefixseiems") format("embedded-opentype"), url("../Fonts/FontAwesome/fontawesome.woff?seiems") format("woff"), url("../Fonts/FontAwesome/fontawesome.ttf?seiems") format("truetype"), url("../Fonts/FontAwesome/fontawesome.svg?seiems#FontAwesome") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-arrow-up:before { content: "\f062"; }

.icon-arrow-down:before { content: "\f063"; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

html, body { line-height: 140%; font-size: 10px; font-weight: 100; color: #333333; font-family: "Myriad Light", "Helvetica Neue", Arial, sans-serif; }

b, strong { font-weight: normal; font-family: "Myriad Regular", "Helvetica Neue", Arial, sans-serif; }

h1, h2, h3, h4, h5 { color: #333; font-weight: 300; margin: 0px 0px 10px; line-height: 140%; }
h1 a, h2 a, h3 a, h4 a, h5 a { color: #333; text-decoration: none; }

.paralax-header h1, .paralax-header h2, .paralax-header h3 { background: rgba(0, 0, 0, 0.6); color: #fff; display: inline-block; padding: 5px 10px; }
.paralax-header h2, .paralax-header h3 { font-size: 20px; font-size: 2rem; font-family: "Myriad Regular", "Helvetica Neue", Arial, sans-serif; font-weight: 100; -webkit-font-smoothing: antialiased; }

@media (min-width: 720px) { .image-outer-wrap { position: relative; }
  .paralax-header { bottom: 0px; height: auto; width: 100%; padding: 0 0 150px 0; position: absolute; z-index: 10; }
  .paralax-header h1 { margin: 0 0 5px; } }
h1 { font-size: 30px; font-size: 3rem; }

h2 { font-size: 30px; font-size: 3rem; }

h3 { font-size: 30px; font-size: 3rem; }
h3 a { font-size: 30px; font-size: 3rem; }

h4 { font-size: 14px; font-size: 1.4rem; }

h5 { font-size: 12px; font-size: 1.2rem; }

p { font-size: 18px; font-size: 1.8rem; -webkit-font-smoothing: antialiased; line-height: 140%; }

.external-link-new-window, .internal-link, .morelink a, .more, a { color: #ff8700; text-decoration: none; font-size: 18px; font-size: 1.8rem; }

.caption { font-size: 14px; font-size: 1.4rem; }

.box-grey { background: #f2f2f2; padding: 15px; }

.box-orange { background: rgba(255, 135, 0, 0.5); padding: 15px; }
.box-orange a { color: #333; text-decoration: underline; }

.box-green { background: rgba(53, 213, 0, 0.5); padding: 15px; }
.box-green a { color: #333; text-decoration: underline; }

a.btn-grey, a.btn-green, a.btn-orange { font-size: 18px; font-size: 1.8rem; font-family: "Myriad Regular", "Helvetica Neue", Arial, sans-serif; border: none; display: inline-block; padding: 10px; margin: 0; -webkit-transition: background 0.2s ease 0; -moz-transition: background 0.2s ease 0; -ms-transition: background 0.2s ease 0; -o-transition: background 0.2s ease 0; transition: background 0.2s ease 0; -webkit-transition: color 0.2s ease 0; -moz-transition: color 0.2s ease 0; -ms-transition: color 0.2s ease 0; -o-transition: color 0.2s ease 0; transition: color 0.2s ease 0; }

a.btn-grey { border: 3px solid #333; color: #333; }
a.btn-grey:hover { background: #333; color: #fff; }

a.btn-green { border: 3px solid #35d500; color: #35d500; }
a.btn-green:hover { background: #35d500; color: #fff; }

a.btn-orange { border: 3px solid #ff8700; color: #ff8700; }
a.btn-orange:hover { background: #ff8700; color: #fff; }

.self-spacing20 { padding: 20px 0; }

.self-spacing40 { padding: 40px 0 0 0; }

.table { font-size: 16px; font-size: 1.6rem; }

.table > thead > tr > th { font-weight: 100; }

.footable-last-column.no-data span.footable-toggle { display: none !important; }

.list { padding-left: 25px; }

#content ul.content-list li { font-size: 18px; font-size: 1.8rem; line-height: 140%; margin: 20px 0; list-style-type: none; position: relative; }

#content ul.content-list li:before { content: "."; left: -26px; position: absolute; top: -22px; font-size: 77px; font-size: 7.7rem; color: #ff8700; }

#content .content-list li { margin: 20px 40px; }

td h3 { margin: 0; }

.spacing .grid-content { padding: 20px; }

.home .grid-content { padding: 20px 20px 0; }

.contentrahmen-grey-grid { margin-bottom: 40px; }
.contentrahmen-grey-grid .col-md-4 { padding: 1px; }
.contentrahmen-grey-grid .col-md-4 .contentrahmen-grey { background: #f8f8f8; padding: 15px; }

img.lazyload { opacity: 0.3; -webkit-transition: opacity 0.3s ease-in 0s; -moz-transition: opacity 0.3s ease-in 0s; -ms-transition: opacity 0.3s ease-in 0s; -o-transition: opacity 0.3s ease-in 0s; transition: opacity 0.3s ease-in 0s; }

.image-center-inner img { margin: 0 auto; }

.fancybox-skin { border-radius: 0; }

/*
	jQuery.mmenu CSS
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; }

.mm-menu .mm-hidden { display: none; }

.mm-wrapper { overflow-x: hidden; position: relative; }

.mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }

.mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; }

.mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); }

.mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); }

.mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); }

.mm-menu > .mm-panel.mm-highest { z-index: 1; }

.mm-menu .mm-list { padding: 10px 0; }

.mm-menu > .mm-list { padding-bottom: 0; }

.mm-menu > .mm-list:after { content: ''; display: block; height: 40px; }

.mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; }

.mm-panel > .mm-list:first-child { padding-top: 0; }

.mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; }

.mm-list { font: inherit; font-size: 14px; }

.mm-list a, .mm-list a:hover { text-decoration: none; }

.mm-list > li { position: relative; }

.mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; }

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; }

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; position: relative; left: auto; }

.mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; }

.mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; }

.mm-list a.mm-subopen.mm-fullsubopen { width: 100%; }

.mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; }

.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; }

.mm-list > li.mm-selected > a.mm-subopen { background: transparent; }

.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; }

.mm-list a.mm-subclose { text-indent: 20px; margin-top: -10px; }

.mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; }

.mm-list > li.mm-spacer { padding-top: 40px; }

.mm-list > li.mm-spacer.mm-label { padding-top: 25px; }

.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; }

.mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; }

.mm-list a.mm-subclose:before { border-right: none; border-bottom: none; left: 22px; }

html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu { background: #333333; color: rgba(255, 255, 255, 0.6); }

.mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); }

.mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); }

.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); }

.mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); }

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); }

.mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page { box-sizing: border-box; position: relative; }

.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; }

html.mm-opened { overflow: hidden; position: relative; }

html.mm-opened body { overflow: hidden; }

html.mm-background .mm-page { background: inherit; }

#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }

html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; }

.mm-menu.mm-offcanvas { display: none; position: fixed; }

.mm-menu.mm-current { display: block; }

.mm-menu { width: 80%; min-width: 140px; max-width: 440px; }

html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }

@media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } }
@media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } }
/* jQuery.mmenu header addon CSS */
.mm-header { background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 70px; position: absolute; z-index: 2; top: 0; left: 0; }

.mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { padding-top: 30px; }

.mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; }

.mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { text-decoration: none; display: block; box-sizing: border-box; min-width: 10px; height: 100%; position: absolute; top: 0; z-index: 1; }

.mm-header .mm-prev { padding-left: 20px; padding-right: 10px; left: 0; }

.mm-header .mm-next, .mm-header .mm-close { padding-left: 10px; padding-right: 20px; right: 0; }

.mm-header [href].mm-prev:before, .mm-header [href].mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.mm-header [href].mm-prev:before { border-right: none; border-bottom: none; margin-left: 2px; margin-right: 5px; }

.mm-header [href].mm-next:after, .mm-header [href].mm-close:after { margin-left: 5px; margin-right: -2px; }

.mm-header [href].mm-next:after { border-top: none; border-left: none; }

.mm-header [href].mm-close:after { content: 'x'; }

.mm-menu.mm-hassearch .mm-header { height: 50px; top: 50px; }

.mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next, .mm-menu.mm-hassearch .mm-header .mm-close { padding-top: 20px; }

.mm-menu.mm-hasheader > .mm-panel { padding-top: 70px; }

.mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 70px; }

.mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { margin-top: -20px; }

.mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; }

.mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { padding-top: 100px; }

.mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); }

.mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after, .mm-menu .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); }

html.mm-opened.mm-black .mm-page { box-shadow: none; }

.mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); }

.mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; }

.mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; }

.mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); }

.mm-menu.mm-black label.mm-toggle:before { background: black; }

.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; }

#header { position: relative; z-index: 2; }
@media (max-width: 767px) { #header { padding-top: 70px; } }

#logo { margin: 16px 0; }
@media (max-width: 767px) { #logo { display: none; } }

#logo .logo-text { margin-left: 20px; color: #404040; font-size: 11px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); display: inline-block; margin-top: 15px; }
@media (max-width: 767px) { #logo .logo-text { display: none; } }

.mobile { background: rgba(0, 0, 0, 0.6); display: none; padding: 0 15px; left: 0; position: fixed; top: 0; width: 100%; }
@media (max-width: 767px) { .mobile { display: block; } }
.mobile .logo { display: none; position: relative; }
@media (max-width: 767px) { .mobile .logo { display: block; } }
.mobile .logo .logo-text { display: none; }
.mobile .logo img { height: 100%; }
.mobile #menu { float: left; width: 45px; padding: 10px; position: relative; z-index: 100; margin-top: 12px; }
.mobile #menu span { border: 1px solid #fff; display: block; margin: 8px auto; width: 100%; }

#navigation { font-size: 16px; font-size: 1.6rem; background: rgba(0, 0, 0, 0.6); height: 44px; position: relative; z-index: 20; }
@media (max-width: 767px) { #navigation { display: none; } }
#navigation ul { list-style: none; padding: 0; margin: 0; }
#navigation ul li { color: #fff; }
#navigation ul li a { color: #fff; display: block; text-decoration: none; }
#navigation ul li:hover a { background: #fff; color: #333; padding-top: 10px; }
#navigation .lvl-0 { overflow: hidden; }
#navigation .ilvl-0 { float: left; }
#navigation .ilvl-0 a { padding: 15px 20px; }
#navigation .ilvl-0:hover { border-top: 5px solid transparent; }
#navigation .ilvl-0:hover .sub-1 { display: block; }
#navigation .ilvl-0.active { border-top: 1px solid #ff8700 !important; }
#navigation .ilvl-0.active:hover > a { margin-top: 4px; }
#navigation .ilvl-0.active > a { padding-top: 10px; margin-top: 4px; }
#navigation .sub-1 { background: #fff; border-bottom: 5px solid rgba(0, 0, 0, 0.6); color: #333; display: none; left: 0; padding: 20px 0; position: absolute; width: 100%; z-index: 100; }
#navigation .lvl-1 { float: left; margin: 0 50px 0 0; }
#navigation .lvl-1 li a { color: #333 !important; border: none !important; }
#navigation .ilvl-1 a { padding: 0px 0px 10px; }
#navigation .ilvl-2 a { padding: 0px 10px 10px; }
#navigation .info { margin: 10px 0px 15px; font-weight: bold; }
#navigation.nav-fixed { position: fixed; top: 0; width: 100%; }

.nav-tabs { border-bottom-color: #d6d6d6; margin: 10px 0 0; }
.nav-tabs li.active > a { background: #fff; line-height: 1; border-bottom-color: transparent; }
.nav-tabs li.active > a > h3 { color: #333; }
.nav-tabs li.active > a:hover { background: #fff; border-bottom-color: transparent; }
.nav-tabs li.active:hover > h3 { color: #333; }
.nav-tabs li { margin: 20px 0 -1px !important; }
.nav-tabs li a { background: #f2f2f2; border-radius: 0; border: 1px solid #d6d6d6; padding: 8px 12px; }
.nav-tabs li a:hover { background: #d6d6d6; border-color: #d6d6d6; }
.nav-tabs li a:hover h3 { color: #333; }
.nav-tabs li h3 { color: #c5c5c5; font-size: 1.5rem; line-height: 100%; margin: 0; }
.nav-tabs li::before { display: none; }

#header.nav-fixed { margin: 0 0 44px; }
@media (max-width: 767px) { #header.nav-fixed { margin: 0; } }

.mm-menu { background: #616161; color: #fff; }
.mm-menu .mm-list li a.mm-subclose { color: #fff; }
.mm-menu .mm-list li a.mm-subclose:before, .mm-menu .mm-list li a.mm-subopen:after { border-color: #fff; }

#content-slider {
    margin: 0;
    position: relative;
}
#content-slider .slider { z-index: 1; }
#content-slider .slider .slider-item .container { height: 100%; }
#content-slider .slider .slider-item .container .valign { width: 100%; height: 100%; position: relative; }
#content-slider .slider .slider-item .container .valign .slider-text { position: absolute; top: 0; left: 0; padding: 50px 0; }
@media (max-width: 991px) { #content-slider .slider .slider-item .container .valign .slider-text { padding: 10px; } }
#content-slider .slider .slider-item .container .valign .slider-text h1, #content-slider .slider .slider-item .container .valign .slider-text h2 { background: rgba(0, 0, 0, 0.6); color: #fff; display: table; padding: 10px; margin: 0 0 20px; font-size: 30px; font-size: 3rem; }
@media (max-width: 990px) { #content-slider .slider .slider-item .container .valign .slider-text h1, #content-slider .slider .slider-item .container .valign .slider-text h2 { padding: 5px; margin: 0 0 10px; } }
@media (max-width: 470px) { #content-slider .slider .slider-item .container .valign .slider-text h1, #content-slider .slider .slider-item .container .valign .slider-text h2 { font-size: 20px; font-size: 2rem; } }
#content-slider .slider .slider-item .container .valign .slider-text p { background: rgba(0, 0, 0, 0.6); display: table; padding: 10px; margin: 0 0 10px; font-size: 20px; font-size: 2rem; }
@media (max-width: 990px) { #content-slider .slider .slider-item .container .valign .slider-text p { padding: 5px; margin: 0 0 5px; } }
@media (max-width: 470px) { #content-slider .slider .slider-item .container .valign .slider-text p { font-size: 16px; font-size: 1.6rem; } }
#content-slider .slider .slider-item .container .valign .slider-image { width: 60%; float: right; }
@media (max-width: 750px) { #content-slider .slider .slider-item .container .valign .slider-image { width: 100%; } }
#content-slider .slider .slider-item .container .valign .slider-image img { height: auto; width: 100%; }
@media (max-width: 440px) { #content-slider .slider.small .slider-item { height: 255px; } }
#content-slider .slider .slick-dots { bottom: 0; z-index: 1; }
#content-slider .slider .slick-dots li { width: 14px; height: 14px; border: 1px solid #333; -moz-border-radius: 14px / 14px; -webkit-border-radius: 14px 14px; border-radius: 14px / 14px; margin: 0 5px; overflow: hidden; }
#content-slider .slider .slick-dots li button { text-indent: -999px; width: 10px; margin: 1px; height: 10px; -moz-border-radius: 10px / 10px; -webkit-border-radius: 10px 10px; border-radius: 10px / 10px; }
#content-slider .slider .slick-dots li.slick-active button { background: #333; }
#content-slider .slick-prev, #content-slider .slick-next { z-index: 7; }
@media (max-width: 767px) { #content-slider .slick-prev { left: 0; } }
@media (max-width: 767px) { #content-slider .slick-next { right: 0; } }

#slider-nav { position: absolute; top: 0; width: 100%; height: 100%; }
@media (max-width: 540px) { #slider-nav.small { width: 100%; } }
#slider-nav > div { position: relative; height: 100%; }

.mm-opened .slider-nav { display: none; }

.news-list-view .article { border-bottom: 1px solid #d6d6d6; list-style: outside none none; margin-bottom: 25px; margin-left: 0; padding-bottom: 25px; }
.news-list-view .article .news-list-date { font-size: 14px; font-size: 1.4rem; }
.news-list-view .article:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.news-list-view .latest-news img { height: auto; width: 100%; }

/* Home Referenzen Slider */
#referenz { position: relative; height: 100%; margin-bottom: 75px; }
#referenz:after { background: none repeat scroll 0 0 #fff; content: "."; height: 100%; position: absolute; width: 1px; z-index: 0; right: 0; top: 0; }
#referenz .ref-item { float: left; width: 381px; height: 430px; margin-bottom: 40px; padding: 20px; border-right: 1px solid #d6d6d6; position: relative; background-color: #fff; }
@media (max-width: 1199px) { #referenz .ref-item { width: 314px; height: 450px; } }
@media (max-width: 989px) { #referenz .ref-item { width: 361px; } }
#referenz .ref-item:hover { background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#F5F5F5), to(#FFFFFF)); background: -moz-linear-gradient(top, #f5f5f5, #fff 50%); }
#referenz .ref-image a img { width: 100%; height: auto; }
#referenz .teaser .more { color: #ff8700; float: right; }
#referenz .teaser .ref-categories { float: left; }
#referenz .teaser .ref-categories > span { float: left; height: 24px; margin: 0 5px 0 0; width: 20px; }
#referenz .teaser .ref-categories > span.category-typo3 { background: url("../../Public/Images/category-typo3.png") no-repeat; }
#referenz .teaser .ref-categories > span.category-magento { background: url("../../Public/Images/category-magento.png") no-repeat; }
#referenz a { color: #333333; }
#referenz .slick-dots { position: relative; height: 24px; bottom: 5px; margin: 0 auto; }
#referenz .slick-dots li { list-style-type: none; height: 24px; bottom: 5px; background-image: url("../Images/old/track.png"); background-position: 9px 10px; background-repeat: no-repeat; width: 35px; }
#referenz .slick-dots li:before { display: none; }
#referenz .slick-dots li.slick-active button { background: #ff8700; display: block; height: 16px; width: 16px; -webkit-border-radius: 15px; border-radius: 15px; margin-top: 5px; }
#referenz .slick-dots li button:before { display: none; }

.arrow { width: 28px; height: 28px; position: absolute; top: 125px; cursor: pointer; background-repeat: no-repeat; }

.slick-prev:before, .slick-next:before { display: none; }

.slick-prev, .slick-next { height: 28px; z-index: 5; }

.slick-prev:hover, .slick-prev:focus, .slick-prev { background-image: url(../Images/arrow-left.png); background-position: top left; left: -15px; }

.slick-next:hover, .slick-next:focus, .slick-next { background-image: url(../Images/arrow-right.png); background-position: top right; right: -15px; }

.slick-disabled { display: none !important; }

.page-navigation p { display: none; }
.page-navigation .f3-widget-paginator { overflow: hidden; padding: 0; float: right; }
.page-navigation .f3-widget-paginator li { color: #c5c5c5; display: inline; float: left; margin: 0 0 0 15px; line-height: 25px; list-style-type: none; font-size: 14px; font-size: 1.4rem; }
.page-navigation .f3-widget-paginator li a { color: #c5c5c5; text-decoration: none; border: 1px solid; border-radius: 2px; display: block; min-width: 26px; line-height: 14px; padding: 5px 4px 4px; text-align: center; font-size: 14px; font-size: 1.4rem; }
.page-navigation .f3-widget-paginator li a:hover { color: #333; }
.page-navigation .f3-widget-paginator li:before { display: none; }
.page-navigation .f3-widget-paginator li.current { color: #333; }
.page-navigation .f3-widget-paginator li.next, .page-navigation .f3-widget-paginator li.previous { text-indent: -1000px; background-image: url(../Images/arrows_pagination.png); background-repeat: no-repeat; width: 20px; }
.page-navigation .f3-widget-paginator li.next a, .page-navigation .f3-widget-paginator li.previous a { border: none; }
.page-navigation .f3-widget-paginator li.next { background-position: -10px 2px; }
.page-navigation .f3-widget-paginator li.next:hover { background-position: -10px -22px; }
.page-navigation .f3-widget-paginator li.previous { background-position: 5px 2px; }
.page-navigation .f3-widget-paginator li.previous:hover { background-position: 5px -22px; }

.more { float: right; }

.news-list-date { color: #c5c5c5; }

.news-single .teaser-text { font-family: "Myriad Regular", "Helvetica Neue", Arial, sans-serif; }

.news-backlink-wrap { margin: 20px 0; }
.news-backlink-wrap a { color: #ff8700; text-decoration: none; font-size: 20px; font-size: 2rem; }

#content .reference-list { position: relative; height: 100%; margin-bottom: 75px; }
#content .reference-list li { list-style: none; }
#content .reference-list li:before { display: none; }
#content .reference-list li.mix { display: none; }
#content .reference-list .ref-item { float: left; width: 33%; margin-bottom: 40px; padding: 20px; position: relative; background-color: #fff; height: 280px; }
@media (max-width: 970px) { #content .reference-list .ref-item { width: 50%; } }
@media (max-width: 750px) { #content .reference-list .ref-item { width: 75%; margin: 20px 12% 40px; } }
@media (max-width: 480px) { #content .reference-list .ref-item { width: 100%; margin: 10px 0 20px; height: auto; } }
#content .reference-list .ref-item h3 { text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 16px; }
#content .reference-list .ref-item h3 a { font-size: 16px; font-size: 1.6rem; line-height: 16px; }
#content .reference-list .ref-item:hover { background: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#F5F5F5), to(#FFFFFF)); background: -moz-linear-gradient(top, #f5f5f5, #fff 50%); }
#content .reference-list .ref-image a img { width: 100%; height: auto; }
#content .reference-list .teaser .more { color: #ff8700; float: right; }
#content .reference-list .teaser .ref-categories { margin: -30px 0 0 15px; position: relative; z-index: 5; }
#content .reference-list .teaser .ref-categories > span { float: left; height: 24px; margin: 0 5px 0 0; width: 20px; }
#content .reference-list .teaser .ref-categories > span.category-typo3 { background: url("../../Public/Images/category-typo3.png") no-repeat; }
#content .reference-list .teaser .ref-categories > span.category-magento { background: url("../../Public/Images/category-magento.png") no-repeat; }
#content .reference-list a { color: #333; }

.reference-menu { font-size: 18px; font-size: 1.8rem; margin: 20px 0; padding: 0 5px; }
.reference-menu .filter { float: left; }
.reference-menu div.sorter { float: right; }
@media (max-width: 970px) { .reference-menu div.sorter { margin-top: 20px; } }
.reference-menu .filter, .reference-menu .sorter { overflow: hidden; }
.reference-menu .filter .label, .reference-menu .sorter .label { color: #333; float: left; font-weight: normal; margin: 2px 10px 0 0; font-size: 16px; font-size: 1.6rem; }
.reference-menu button { background: none; border: 1px solid #c5c5c5; border-radius: 2px; color: #c5c5c5; display: block; float: left; font-size: 14px; font-size: 1.4rem; line-height: 23px; margin: 0 5px; outline: none; padding: 0px 4px; }
@media (max-width: 991px) { .reference-menu button { margin-bottom: 10px; } }
.reference-menu button.active, .reference-menu button:hover { border: 1px solid #ff8700; color: #ff8700; }
.reference-menu button.active i { opacity: 1; }
.reference-menu button:hover { color: #ff8700; }
.reference-menu button.spacer { border: none; height: 100%; width: 20px; }
.reference-menu button i { float: right; margin: 3px 0 0 2px; opacity: 0; }

.powermail_check_outer, .powermail_radio_outer, .powermail_label, .powermail_legend { font-size: 18px; font-size: 1.8rem; color: #333; font-weight: normal; }

.powermail_label, .powermail_legend { padding-bottom: 5px; }

label.powermail_label { float: left; height: 50px; line-height: 50px; margin: 0; width: 80px; padding: 0; }

.powermail_fieldwrap_textarea label.powermail_label { line-height: inherit; margin: 2px 0 0; }

.powermail_input, .powermail_textarea, .powermail_select { font-size: 16px; font-size: 1.6rem; padding-left: 15px; outline: none; width: 50%; }
@media (max-width: 970px) { .powermail_input, .powermail_textarea, .powermail_select { width: 100%; } }

.powermail_input { border: none; border-bottom: 1px solid #c5c5c5; height: 50px; color: #333; margin-bottom: 15px; }

.powermail_textarea { height: 100px; color: #333; padding: 15px; margin-bottom: 15px; border: none; border: 1px solid #c5c5c5; }

.powermail_select { border: 1px solid #c5c5c5; height: 50px; display: block; margin: 0 0 20px; }

.powermail_reset, .powermail_submit { color: #fff; background: #333; border: none; float: right; padding: 15px; margin: 15px 0; font-size: 18px; font-size: 1.8rem; }
.powermail_reset:hover, .powermail_submit:hover { background: #616161; }
.powermail_reset.orange, .powermail_submit.orange { background: #ff8700; }
.powermail_reset.orange:hover, .powermail_submit.orange:hover { background: #dc7400; }
.powermail_reset.disable, .powermail_submit.disable { color: #333; background: #d6d6d6; }

.tx-powermail h3 { display: none; }

.powermail_check_legend, .powermail_radio_legend { margin: 10px 0; padding: 10px 0px; }

.powermail_check_inner, .powermail_radio_inner { float: left; margin: 5px 1.3% 5px 0; width: 32%; }
.powermail_check_inner .powermail_checkbox, .powermail_check_inner .powermail_radio, .powermail_radio_inner .powermail_checkbox, .powermail_radio_inner .powermail_radio { float: left; margin: 0; width: 6%; padding-left: 10px; }
@media (max-width: 767px) { .powermail_check_inner .powermail_checkbox, .powermail_check_inner .powermail_radio, .powermail_radio_inner .powermail_checkbox, .powermail_radio_inner .powermail_radio { width: 10%; } }
.powermail_check_inner label, .powermail_radio_inner label { line-height: 1; margin: 0 0 0 2%; width: 92%; }
@media (max-width: 767px) { .powermail_check_inner label, .powermail_radio_inner label { margin: 0 0 0 0; width: 90%; } }
@media (max-width: 767px) { .powermail_check_inner, .powermail_radio_inner { width: 48%; margin: 5px 2% 5px 0; } }
@media (max-width: 480px) { .powermail_check_inner, .powermail_radio_inner { width: 100%; margin: 5px 0 5px; } }

#page { background: #fff; }

#content {
    margin: 0;
    overflow: hidden;
}

.frame-background-primary { background-color: #f2f2f2; }

#content-slider .carousel .carousel-item h1, .carousel .carousel-item h1,
#content-slider .carousel .carousel-item h1, .carousel .carousel-item h2 {
	background: rgba(0,0,0,.6);
    color: #fff;
    display: table;
    padding: 10px;
    margin: 0 0 20px;
    font-size: 3rem;
}
#content-slider .carousel .carousel-item h1, .carousel .carousel-item p {
	background: rgba(0,0,0,.6);
    display: table;
    padding: 10px;
    margin: 0 0 10px;
    font-size: 2rem;

}
.carousel-control.left {
	background-image: none;
}

.carousel-control.right {
	background-image: none;
}

.carousel .carousel-control-icon {
    background-color: transparent;
}

.carousel .carousel-control-icon:before {
	border-top: 1px solid #666666;
    border-right: 1px solid #666666;
}
.carousel-content .valign {
	display: flex;
	justify-content: center;
    align-items: center;
}

.carousel-inner .carousel-item {
    height: 430px;
}

@media (max-width: 992px) {
    .carousel .carousel-item .valign {
        width: 470px;
    }
}

@media (max-width: 576px) {
    .carousel .carousel-item .valign {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .carousel-content .valign {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .carousel-content .valign p { display: none; }

    .carousel-content .valign img {
        width: 100%;
        height: auto;
    }
}

.logo-wrapper {
    height: 70px;
    padding: 10px;
    width: 70px;
    margin: 0 auto;
}

.desktop-logo .logo-wrapper {
    height: 90px;
    float: left;
    background-color: #FF8700;
    padding: 15px;
    width: 90px;
}
.desktop-logo .logo-wrapper img { width: 100%; }

.desktop-logo .logo-text-wrapper {
    font-size: 14px;
    padding-top: 40px;
    margin-left: 110px;
}

@media (max-width: 767px) {
    .desktop-logo {
        display: none;
    }
}

.carousel-item-type-text_and_image .carousel-image { display: block; }

.menu-logo,
.menu-logo a {
    display: flex;
    justify-content: center;
}

.menu-logo img {
    width: 35%;
    padding-bottom: 10px;
}

.nav-fixed .menu-logo {
    display: block;
    float: left;
    height: 44px;
    width: 44px;
    padding: 8px 0 5px;
    background-color: #FF8700;
}

.nav-fixed .menu-logo img {
    height: 100%;
    width: 100%;
}

.frame-type-image .paralax-header h2, .frame-type-image .paralax-header h3 {
    display: table;
}

.frame-backgroundimage-parallax {
    background-attachment: fixed !important;
    background-repeat: no-repeat;
    /* background-position-y: 44px; */
    /* background-position-x: 0; */
}

/* @media (max-width: 767px) {
    .frame-backgroundimage-parallax {
        background-position-y: 70px;
    }
}

@media (hover: none) {
    .frame-backgroundimage-parallax { background-attachment: fixed; }
} */

.carousel .carousel-content {
    margin-top: 70px;
}
@media (min-width: 768px) {
    .carousel .carousel-content {
        margin-top: 44px;
    }
    .menu-logo { display: none; }
}

.frame-type-header {
    padding-bottom: 0
}

.reference-paralax {
    position: absolute;
    width: 100%;
}

/* Reference paralax */
.reference-paralax > div { height: 330px; }

@media (min-width: 576px) {
    .reference-paralax > div { height: 440px; }
}

@media (min-width: 992px) {
    .reference-paralax > div { height: 570px; }
}
/*Milan*/
li.active span {
    background-color: #ff8700;
    color: #fff;
    padding: 2px 4px;
}