/*
 * Main Stylesheet
 *
 * @copyright Copyright (c) 2012 rocksolidthemes.com
 * @license   https://rocksolidthemes.com/agb   No free usage allowed
 */
/* ===========================================
 * # Index: The structure of this stylesheet
 *
 * - Imports (Sass only)
 * - Fonts
 * - Basic settings (Sass only)
 * - Colors (Sass only)
 * - General
 * - Buttons
 * - Wrapper elements
 * - Layout in order of appearance in HTML
 * - Content
 * - Forms
 * - Content elements
 * - Modules (Search, FAQ, News, Events, Comments)
 * - Sidebar / Widgets
 * - Footer
 * - Slider
 * - Grid (design + production helper)
 * ======================================== */
/* ===========================================
 * Fonts
 * ======================================== */

@font-face {
font-family: "RockSolid Icons";
src: url("../fonts/rocksolid-icons.eot");
src: url("../fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../fonts/rocksolid-icons.woff") format('woff'), url("../fonts/rocksolid-icons.ttf") format('truetype'), url("../fonts/rocksolid-icons.svg") format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/* nunito-sans-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 300;
src: url('../fonts/nunito-sans-v12-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
url('../fonts/nunito-sans-v12-latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap;
}

/* nunito-sans-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/nunito-sans-v12-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
url('../fonts/nunito-sans-v12-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap;
}

/* nunito-sans-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 600;
src: url('../fonts/nunito-sans-v12-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
url('../fonts/nunito-sans-v12-latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap;
}

/* nunito-sans-700 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 700;
src: url('../fonts/nunito-sans-v12-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
url('../fonts/nunito-sans-v12-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap;
}

/* nunito-sans-900 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 900;
src: url('../fonts/nunito-sans-v12-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
url('../fonts/nunito-sans-v12-latin-900.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap;
}

/* ===========================================
 * General
 * ======================================== */
:root {
--main-padding-x: 2.66667rem;
--safe-area-left: 0px;
--safe-area-right: 0px;
--safe-area-top: 0px;
--safe-area-bottom: 0px;
--page-padding-left: calc(var(--safe-area-left) + var(--main-padding-x));
--page-padding-right: calc(var(--safe-area-right) + var(--main-padding-x));
--page-inner-width: calc(100% - var(--page-padding-left) - var(--page-padding-right));
}

@media screen and (max-width: 1380px) {
:root {
--main-padding-x: 3.125%;
}
}

@media screen and (max-width: 900px) {
:root {
--main-padding-x: 4.16667%;
}
}

@supports (padding: calc(constant(safe-area-inset-left, 0px) / 1.5)) {
:root {
/* Non-standard iOS 11.1 syntax */
--safe-area-left: calc(constant(safe-area-inset-left, 0px) / 1.5);
--safe-area-right: calc(constant(safe-area-inset-right, 0px) / 1.5);
--safe-area-top: constant(safe-area-inset-top, 0px);
--safe-area-bottom: constant(safe-area-inset-bottom, 0px);
}
}

@supports (padding: calc(max(0px, env(safe-area-inset-left, 0px) - 14px))) and (padding: calc(max(0px, 1px))) {
:root {
/* W3C standard and iOS 11.2 syntax */
--safe-area-left: calc(max(0px, env(safe-area-inset-left, 0px) - 14px));
--safe-area-right: calc(max(0px, env(safe-area-inset-right, 0px) - 14px));
--safe-area-top: env(safe-area-inset-top, 0px);
--safe-area-bottom: env(safe-area-inset-bottom, 0px);
}
}


/*  var(--color1) /  var(--bgcolor1)   */


html {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font: 16px/1.4 "Nunito Sans", sans-serif;
color: var(--maincolor);
-webkit-tap-highlight-color: var(--mainlayoutcolor1);
}

@media screen and (max-width: 599px) {
html {
font-size: 13px;
}
}

body {
background: white none 50% 0 no-repeat scroll;
background-size: auto;
}

body[class^="icon-"]:before,
body[class*=" icon-"]:before {
/* Ignore icon classes on the body element */
content: none;
}

/*
body.background-variation-1 {
background: url("../img/demo/background-boxed.jpg") 50% 0 no-repeat;
background-size: cover;
background-attachment: fixed;
}
*/

body.background-variation-2 {
background-size: cover;
background-attachment: fixed;
}

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

/* Resetting box model for moo_mediabox and j_colorbox */
#mbCenter,
#colorbox {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

::selection {
background: var(--mainlayoutcolor1);
color: white;
text-shadow: none !important;
}

::-moz-selection {
background: var(--mainlayoutcolor1);
color: white;
text-shadow: none !important;
}

button,
input,
select,
textarea {
font-family: inherit;
}

table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid gainsboro;
background: white;
}

table th,
table td {
border: solid #f2f2f2;
border-width: 1px 0 0 1px;
}

table th:first-child,
table td:first-child {
border-left: 0;
}

table > thead > tr:first-child > th,
table > thead > tr:first-child > td,
table > tbody:first-child > tr:first-child > th,
table > tbody:first-child > tr:first-child > td,
table > tfoot:first-child + tbody > tr:first-child > th,
table > tfoot:first-child + tbody > tr:first-child > td {
/* First row of the table */
border-top: 0;
}

table th {
padding: 0.4em 0.66667em;
font-weight: bold;
text-align: left;
}

table td {
padding: 0.4em 0.66667em;
}

table thead {
background: rgba(0, 0, 0, 0.02);
}

table tfoot td {
font-style: italic;
}

strong,
b {
font-weight: bold;
}

a {
color:var(--mainlayoutcolor2);
text-decoration: none;
}

a:hover,
a:focus {
text-decoration: none;
}

a:hover,
a:active {
outline: 0;
}
.ce_text a{color: var(--mainlayoutcolor1);}
.ce_text a:hover{text-decoration:underline;}


a.external-link:after {
font: 0.86667em/1 "RockSolid Icons";
content: "\e151";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-left: 0.26667em;
}

.-highlight-color a {
color: #0b577b;
}

/* Icon attribute */
*[data-icon]:before,
*[class^="icon-"]:before,
*[class*=" icon-"]:before {
font: 100%/1 "RockSolid Icons";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.26667em;
}

*[data-icon]:before {
content: attr(data-icon);
}

*[data-icon].after:before {
content: none;
}

*[data-icon].after:after {
font: 100%/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-left: 0.26667em;
}

.clear {
clear: both;
}

.invisible {
position: absolute;
height: 1px !important;
width: 1px !important;
clip: rect(0 0 0 0);
margin: -1px;
padding: 0 !important;
overflow: hidden;
border: 0;
}
main .block{overflow: hidden;}
.no-border {
border: 0 !important;
}

.no-margin {
margin: 0 !important;
}

.no-margin-top {
margin-top: 0 !important;
}

.no-margin-bottom {
margin-bottom: 0 !important;
}

.left {
float: left;
}

.right {
float: right;
}

.centered {
display: block;
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
}

.syndication {
margin: 0.8em 0 0 1.33333em;
float: right;
}

.syndication a {
margin-left: 0.13333em;
}

.mime_icon {
margin-bottom: -0.25em;
}

.ce_download{margin-bottom: 1.0em;}
.ce_download .download-element{display: inline-block;margin: 0;}


.download-element {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}

.button .download-element.ext-pdf{
background:none;
padding-left: 0;
}


.ce_toplink,
.toplink {
overflow: hidden;
margin: 1.6em 0;
}

.ce_toplink:after,
.toplink:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 100%;
height: 0;
overflow: visible;
margin: 0 -100% 0 0.66667em;
border-top: 1px solid gainsboro;
}

.ce_toplink > a:before,
.toplink > a:before {
font: 100%/1 "RockSolid Icons";
content: "\e00c";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.33333em;
}

/* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */
.dlh_googlemap {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.main-content .dlh_googlemap,
.sidebar .dlh_googlemap {
/* Setting the maps max-width to 100% is best practice, since it becomes fluid that way */
max-width: 100%;
}

.main-content .dlh_googlemap img {
max-width: none;
}

hr,
.headline-hr:before,
.headline-hr:after {
clear: both;
height: 0;
overflow: visible;
margin: 2.4em 0;
border: 0;
border-top: 1px solid gainsboro;
}

hr.-hr-dotted,
.headline-hr.-hr-dotted:before,
.headline-hr.-hr-dotted:after {
border-top-style: dotted;
border-top-color: #717c8e;
}

hr.-hr-shadow,
.headline-hr.-hr-shadow:before,
.headline-hr.-hr-shadow:after {
height: 8px;
background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%);
background: -moz-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%);
background: -o-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%);
background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%);
background-size: 100% 16px;
background-position: 50% -8px;
}

.headline-hr {
overflow: hidden;
clear: both;
}

.headline-hr:before,
.headline-hr:after {
display: inline-block;
vertical-align: middle;
width: 100%;
margin: 0 0.66667em 0 calc(-100% - 0.66667em);
}

.headline-hr:after {
content: "";
margin: 0 calc(-100% - 0.66667em) 0 0.66667em;
}

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

.headline-hr.-centered:before {
content: "";
}

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

.headline-hr.-align-right:before {
content: "";
}

.headline-hr.-align-right:after {
content: none;
}

.icon-hr {
display: block;
}

.icon-hr:before {
position: relative;
display: block;
bottom: -0.53333em;
width: 2em;
margin: 0;
background: white;
}

.icon-hr.-centered:before {
width: 2.4em;
margin: 0 auto;
text-align: center;
}

.icon-hr.-align-right:before {
margin: 0 0 0 auto;
text-align: right;
}

.icon-hr hr {
margin: 0;
}

.confirmation {
color: #b5da44;
}

.information {
color:var(--mainlayoutcolor1);
}

.warning {
color: #df3763;
}

p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
position: relative;
display: block;
overflow: hidden;
margin: 1.66667em 0;
padding: 3em 8em 3em 8em;
border: 1px solid gainsboro;
background: white;
}


p.confirmation:before,
p.information:before,
p.warning:before,
div.confirmation:before,
div.information:before,
div.warning:before,
span.confirmation:before,
span.information:before,
span.warning:before {
font: 1.6em/1 "RockSolid Icons";
content: "\e044";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 50%;
left: 1em;
width: 65px;
height: 65px;
margin: -1.25em 0 0;
padding: 0.66667em;
border-radius: 100%;
color: white;
text-align: center;
background: #b5da44;
}


@media screen and (max-width: 599px) {
p.confirmation,
p.information,
p.warning,
div.confirmation,
div.information,
div.warning,
span.confirmation,
span.information,
span.warning {
padding:2em 8em 2em 8em;
}
p.confirmation:before,
p.information:before,
p.warning:before,
div.confirmation:before,
div.information:before,
div.warning:before,
span.confirmation:before,
span.information:before,
span.warning:before {padding: 0.8em;}

}

p.information,
div.information,
span.information {
color: #1289c1;
}

p.information:before,
div.information:before,
span.information:before {
content: "\e0a6";
/*background: var(--mainlayoutcolor1);;*/
background: none;
border: 3px solid var(--mainlayoutcolor2);
color: var(--mainlayoutcolor2);
}

/* für später */
body.colorlayout-1 div.information:before{}

div.information.bgcolor9:before{/*
border: 3px solid var(--mainlayoutcolor1);
color: var(--mainlayoutcolor1);
*/
}


p.warning,
div.warning,
span.warning {
color: #ae1c42;
}

p.warning:before,
div.warning:before,
span.warning:before {
content: "\e143";
background: #df3763;
}

p.drop-cap:first-letter,
span.drop-cap {
float: left;
margin: 0.14286em 0.42857em 0 0;
padding: 0.39286em;
font-size: 1.86667em;
font-weight: bold;
/* Fixes line-height difference between gecko and webkit */
line-height: 0.7;
color: white;
color:var(--mainlayoutcolor1);
}

p.drop-cap:first-letter {
/* IE8 and IE9 calculate em's from the parent element */
margin: 0.26667em 0.8em 0 0 \9;
}

code {
padding: 0.14286em 0.35714em;
font-family: "Lucida Console", monospace;
font-size: 0.93333em;
line-height: 1.35786;
background-color: #f2f2f2;
}

pre {
margin: 1.71429em 0;
padding: 0.5em 1em;
display: block;
overflow: auto;
font-family: "Lucida Console", monospace;
font-size: 0.93333em;
line-height: 1.715;
background-color: #f2f2f2;
}

pre .hljs,
pre code {
font-size: 1em;
padding: 0;
line-height: inherit;
background-color: transparent;
}

/* ===========================================
 * Buttons
 * ======================================== */
.button-box {
margin: 0.8em 0;
}

.button-box.-left {
text-align: left;
}

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

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

.button-box.-inline {
display: inline;
}



button.-secondary,
.button.-secondary,
input[type="submit"].-secondary,
.main-navigation-search-form button,
.feature-box-link.-secondary,
.headline-box-link.-secondary,
.pricing-table-plan a.-secondary,
.feature-box-link,
.headline-box-link,
.pricing-table-plan a,
.nc360-slider .more a,
button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"]{
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
/*padding: 1.07143em 1.42857em;font-size: 0.93333em;*/
border: 0;
outline: none;
padding: 0.51667em 1.53333em;
font-size: 0.9em;
letter-spacing: 0.1em;
line-height: 1.62929;
color: white;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background: var(--mainlayoutcolor2);
border-radius:2em;
}

a.button.-default,
.ce_hyperlink.button a,
.ce_download.button a,
.feature-box-text a,
.filter-navigation > ul li a{
color: var(--color8);
text-decoration: none;
}




button.-secondary:hover,
.button.-secondary:hover,
input[type="submit"].-secondary:hover,
.main-navigation-search-form button:hover,
.feature-box-link:hover,
.headline-box-link:hover,
.pricing-table-plan a:hover,
button.-secondary:focus,
.button.-secondary:focus,
input[type="submit"].-secondary:focus,
.main-navigation-search-form button:focus,
.feature-box-link:focus,
.headline-box-link:focus,
.pricing-table-plan a:focus,
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
.filter-navigation > ul li a.active {
background-color: var(--mainlayoutcolor1);
text-decoration: none;
}

button.-secondary:active,
.button.-secondary:active,
input[type="submit"].-secondary:active,
.main-navigation-search-form button:active,
.feature-box-link:active,
.headline-box-link:active,
.pricing-table-plan a:active,
button:active,
.button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active{
background-color: #307698;
}

button.-small.-secondary,
.-small.button.-secondary,
input.-small[type="submit"].-secondary,
.main-navigation-search-form button.-small,
.-small.feature-box-link,
.-small.headline-box-link,
.pricing-table-plan a.-small,
button.-small,
.button.-small,
input[type="submit"].-small,
input[type="reset"].-small,
input[type="button"].-small {
padding: 0.66667em 1em;
font-size: 0.8em;
line-height: 1.6675;
}

button.-medium.-secondary,
.-medium.button.-secondary,
input.-medium[type="submit"].-secondary,
.main-navigation-search-form button.-medium,
.-medium.feature-box-link,
.-medium.headline-box-link,
.pricing-table-plan a.-medium,
button.-medium,
.button.-medium,
input[type="submit"].-medium,
input[type="reset"].-medium,
input[type="button"].-medium {
padding: 0.75em 1em;
font-size: 1.2em;
line-height: 1.11167;
}

button.-large.-secondary,
.-large.button.-secondary,
input.-large[type="submit"].-secondary,
.main-navigation-search-form button.-large,
.-large.feature-box-link,
.-large.headline-box-link,
.pricing-table-plan a.-large,
button.-large,
.button.-large,
input[type="submit"].-large,
input[type="reset"].-large,
input[type="button"].-large {
padding: 0.71429em 0.95238em;
font-size: 1.4em;
line-height: 0.95286;
}

button.-super-size.-secondary,
.-super-size.button.-secondary,
input.-super-size[type="submit"].-secondary,
.main-navigation-search-form button.-super-size,
.-super-size.feature-box-link,
.-super-size.headline-box-link,
.pricing-table-plan a.-super-size,
button.-super-size,
.button.-super-size,
input[type="submit"].-super-size,
input[type="reset"].-super-size,
input[type="button"].-super-size {
padding: 0.55556em 0.69444em;
font-size: 2.4em;
line-height: 1.00028;
}

@media screen and (max-width: 599px) {
button.-super-size.-secondary,
.-super-size.button.-secondary,
input.-super-size[type="submit"].-secondary,
.main-navigation-search-form button.-super-size,
.-super-size.feature-box-link,
.-super-size.headline-box-link,
.pricing-table-plan a.-super-size,
button.-super-size,
.button.-super-size,
input[type="submit"].-super-size,
input[type="reset"].-super-size,
input[type="button"].-super-size {
font-size: 1.86667em;
}
}

.-highlight-color button.-secondary,
.-highlight-color .button.-secondary,
.-highlight-color input[type="submit"].-secondary,
.-highlight-color .main-navigation-search-form button,
.main-navigation-search-form .-highlight-color button,
.-highlight-color .feature-box-link,
.-highlight-color .headline-box-link,
.-highlight-color .pricing-table-plan a,
.pricing-table-plan .-highlight-color a,
.-highlight-color button,
.-highlight-color .button,
.-highlight-color input[type="submit"],
.-highlight-color input[type="reset"],
.-highlight-color input[type="button"] {
color: white;
}

button.-small,
.button.-small,
input[type="submit"].-small {
padding: 0.51667em 1.53333em;
font-size: 0.9em;
}

button.-secondary,
.button.-secondary,
input[type="submit"].-secondary,
.main-navigation-search-form button,
.feature-box-link.-secondary,
.headline-box-link.-secondary,
.pricing-table-plan a.-secondary {
padding: 0.92857em 1.28571em;
border: 2px solid #242424;
border-color: currentColor;
color: inherit;
background: transparent;
}

button.-secondary:hover,
.button.-secondary:hover,
input[type="submit"].-secondary:hover,
.main-navigation-search-form button:hover,
.feature-box-link.-secondary:hover,
.headline-box-link.-secondary:hover,
.pricing-table-plan a.-secondary:hover,
button.-secondary:focus,
.button.-secondary:focus,
input[type="submit"].-secondary:focus,
.main-navigation-search-form button:focus,
.feature-box-link.-secondary:focus,
.headline-box-link.-secondary:focus,
.pricing-table-plan a.-secondary:focus {
background-color: transparent;
}

button.-secondary:hover:after,
.button.-secondary:hover:after,
input[type="submit"].-secondary:hover:after,
.main-navigation-search-form button:hover:after,
.feature-box-link.-secondary:hover:after,
.headline-box-link.-secondary:hover:after,
.pricing-table-plan a.-secondary:hover:after,
button.-secondary:focus:after,
.button.-secondary:focus:after,
input[type="submit"].-secondary:focus:after,
.main-navigation-search-form button:focus:after,
.feature-box-link.-secondary:focus:after,
.headline-box-link.-secondary:focus:after,
.pricing-table-plan a.-secondary:focus:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: currentColor;
opacity: 0.2;
border-radius: 2em;
}

button.-secondary:active,
.button.-secondary:active,
input[type="submit"].-secondary:active,
.main-navigation-search-form button:active,
.feature-box-link.-secondary:active,
.headline-box-link.-secondary:active,
.pricing-table-plan a.-secondary:active {
background-color: transparent;
}

button.-secondary:active:after,
.button.-secondary:active:after,
input[type="submit"].-secondary:active:after,
.main-navigation-search-form button:active:after,
.feature-box-link.-secondary:active:after,
.headline-box-link.-secondary:active:after,
.pricing-table-plan a.-secondary:active:after {
opacity: 0.1;
}

button.-large.-secondary,
.-large.button.-secondary,
input.-large[type="submit"].-secondary,
.main-navigation-search-form button.-large,
.-large.feature-box-link.-secondary,
.-large.headline-box-link.-secondary,
.pricing-table-plan a.-large.-secondary,
button.-super-size.-secondary,
.-super-size.button.-secondary,
input.-super-size[type="submit"].-secondary,
.main-navigation-search-form button.-super-size,
.-super-size.feature-box-link.-secondary,
.-super-size.headline-box-link.-secondary,
.pricing-table-plan a.-super-size.-secondary {
border-width: 3px;
}

button.-tertiary,
.button.-tertiary,
input[type="submit"].-tertiary {
padding: 0;
font-size: 1.6em;
letter-spacing: normal;
text-align: left;
text-transform: none;
background: none;
color:var(--mainlayoutcolor1);
}

button.-small.-tertiary,
.-small.button.-tertiary,
input.-small[type="submit"].-tertiary {
font-size: 0.93333em;
line-height: 1.42929;
}

button.-medium.-tertiary,
.-medium.button.-tertiary,
input.-medium[type="submit"].-tertiary {
font-size: 1.2em;
line-height: 1.11167;
}

button.-large.-tertiary,
.-large.button.-tertiary,
input.-large[type="submit"].-tertiary {
font-size: 1.4em;
line-height: 0.95286;
}

button.-super-size.-tertiary,
.-super-size.button.-tertiary,
input.-super-size[type="submit"].-tertiary {
font-size: 2.4em;
line-height: 1.00028;
}

button.-tertiary:before,
.button.-tertiary:before,
input[type="submit"].-tertiary:before {
top: -2px;
font-size: 60%;
}

.-color-inverted button.-tertiary,
.-color-inverted .button.-tertiary,
.-color-inverted input[type="submit"].-tertiary {
color: white;
}

button.-tertiary:hover,
.button.-tertiary:hover,
input[type="submit"].-tertiary:hover,
button.-tertiary:focus,
.button.-tertiary:focus,
input[type="submit"].-tertiary:focus {
color:var(--mainlayoutcolor2);
}

/* ===========================================
 * Wrapper Elements
 * ======================================== */
.content-wrapper {
max-width: 1380px;
margin-right: auto;
margin-left: auto;
}

.mega-dropdown-inner,
.centered-wrapper-inner,
.news-footer > h1,
.news-footer > h2,
.news-footer > h3,
.news-footer-item-inner {
width: 100%;
max-width: 1380px;
margin-right: auto;
margin-left: auto;
}

.mod_article .inside {
max-width: 1380px;
margin-right: auto;
margin-left: auto;
}



@media screen and (max-width: 1380px) {

.main-content .mod_article .inside {max-width:inherit;padding: 0 15px;}

.mega-dropdown-inner,
.centered-wrapper-inner,
.news-footer > h1,
.news-footer > h2,
.news-footer > h3,
.news-footer-item-inner {
width: 93.75%;
width: var(--page-inner-width);
max-width: none;
margin-right: 0;
margin-left: 3.125%;
margin-left: var(--page-padding-left);
}
}

@media screen and (max-width: 900px) {
.mega-dropdown-inner,
.centered-wrapper-inner,
.news-footer > h1,
.news-footer > h2,
.news-footer > h3,
.news-footer-item-inner {
width: 91.66667%;
width: var(--page-inner-width);
margin-left: 4.16667%;
margin-left: var(--page-padding-left);
}
}

.page {
zoom: 1;
position: relative;
margin: 0 auto;
padding-top: var(--safe-area-top);
padding-bottom: var(--safe-area-bottom);
background: white;
}

.page:before {
content: "";
display: table;
}

.page:after {
content: "";
display: table;
clear: both;
}

.sidebar-layout .page{background: var(--bgcolor12);}
.sidebar-layout .main-content{padding: 3em; background: #fff;}

.oneo-boxed .page {
max-width: 1380px;
border: solid gainsboro;
border-width: 0 1px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1380px) {
.oneo-boxed .page {
border: 0;
box-shadow: none;
}
}

.oneo-not-boxed .page {
max-width: none;
border: 0;
box-shadow: none;
}

/* ===========================================
 * Layout in order of appearance in HTML
 * ======================================== */
.header-navigation {
position: relative;
z-index: 5;
}

.header-navigation.is-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}

.oneo-boxed .header-navigation.is-fixed {
left: auto;
margin-left: -1px;
max-width: 1380px;
}

.main-navigation-wrapper {
zoom: 1;
position: relative;
border: solid gainsboro;
border-width: 1px 0;
background: white;
}

.main-navigation-wrapper:before {
content: "";
display: table;
}

.main-navigation-wrapper:after {
content: "";
display: table;
clear: both;
}

.main-navigation-wrapper .inside{
max-width: 1410px;
margin:0 auto;
position: relative;
display: flex;
flex-flow: row;
justify-content: space-between;
padding:20px 15px;
}

.main-navigation-wrapper .navibox-sufu-box{
display: flex;
flex-flow: row;
justify-content: space-between;
align-items: center;
}

.logobox{margin: .5em 1.5em .5em 0;max-width: 220px;}

.logo-noventum-consulting{
width: 100%;
}

.logo-noventum-consulting a{
line-height: 0;display: block;
}
.logo-noventum-consulting a img{
width: 100%;height: inherit;
}

@media screen and (max-width: 880px) {
.main-navigation-wrapper .inside{padding: 0;}
.logobox{margin: .8em 1.5em .8em 80px;max-width: 140px;}
.main-navigation-wrapper .navibox-sufu-box{display: none;}

.page-header {
	height: 115px;
}
}

.logo {
position: absolute;
top: 25%;
bottom: 25%;
left: 2.6666em;
left: calc(2.6666em + var(--safe-area-left));
margin: 0;
font-size: inherit;
}

@media screen and (max-width: 900px) {
.logo {
position: static;
float: left;
margin-left: 4.16667%;
margin-left: var(--page-padding-left);
padding-top: 1.6em;
padding-bottom: 0.4em;
}
}

@media screen and (max-width: 599px) {
.logo {
float: none;
text-align: center;
margin-left: 0;
padding-top: 0.8em;
}
}

.logo a {
display: block;
height: 100%;
}

@media screen and (max-width: 900px) {
.logo a {
display: inline;
}
}

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

@media screen and (max-width: 900px) {
.logo img {
display: inline;
height: 2em;
}
}

@media screen and (max-width: 599px) {
.logo img {
height: 2em;
}
}


.tagline .image_container {
display: block;
clear: both;
margin: 0;
padding: 0;
border: 0;
background: none;
box-shadow: none;
}

.tagline img {
display: block;
}

.content-wrapper {
zoom: 1;
}

.content-wrapper:before {
content: "";
display: table;
}

.content-wrapper:after {
content: "";
display: table;
clear: both;
}

@media screen and (max-width: 1380px) {
.content-wrapper {
padding-right: var(--safe-area-right);
padding-left: var(--safe-area-left);
}
}

.tagline + .content-wrapper {
position: relative;
margin-top: -2em;
border-radius: 2px 2px 0 0;
background: white;
}

@media screen and (max-width: 1380px) {
.tagline + .content-wrapper {
border-radius: 0;
}
}

@media screen and (max-width: 599px) {
.tagline + .content-wrapper {
margin-top: 0;
}
}

.oneo-fullwidth .content-wrapper {
max-width: none;
margin-top: 0;
padding-right: 0;
padding-left: 0;
border-radius: 0;padding-top: 3em;
}

.centered-wrapper {
zoom: 1;
position: relative;
clear: both;
background: 50% 50% no-repeat;
background-size: cover;
}

.centered-wrapper:before {
content: "";
display: table;
}

.centered-wrapper:after {
content: "";
display: table;
clear: both;
}

.centered-wrapper.-vertical-centered {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

.centered-wrapper.-border-top {
border-top: 1px solid gainsboro;
}

.centered-wrapper.-border-bottom {
border-bottom: 1px solid gainsboro;
}

.centered-wrapper.-color-inverted {
color: white;
}

.centered-wrapper.-highlight-color {
background-color: var(--mainlayoutcolor1);
}

.centered-wrapper.-background-color-1 {
background-color: #353d47;
}

.centered-wrapper.-background-color-2 {
background-color: whitesmoke;
}

.centered-wrapper.-height-small {
min-height: 300px;
}

@media screen and (max-width: 599px) {
.centered-wrapper.-height-small {
min-height: 200px;
}
}

.centered-wrapper.-height-medium {
min-height: 600px;
}

@media screen and (max-width: 599px) {
.centered-wrapper.-height-medium {
min-height: 400px;
}
}

.centered-wrapper.-height-large {
min-height: 900px;
}

@media screen and (max-width: 599px) {
.centered-wrapper.-height-large {
min-height: 600px;
}
}

.centered-wrapper.-viewport-height {
min-height: 710px;
min-height: calc(100vh - 3.86667em);
}

@media screen and (max-width: 900px) {
.centered-wrapper.-viewport-height {
min-height: 100vh;
}
}

@media screen and (max-width: 599px) {
.centered-wrapper.-viewport-height {
min-height: 500px;
min-height: 100vh;
}
}

.centered-wrapper.-background-mousemove,
.centered-wrapper.-background-mousemove-inverted,
.centered-wrapper.-background-parallax {
overflow: hidden;
}

.centered-wrapper.-fade-in.not-in-view {
opacity: 0;
}

.centered-wrapper.-fade-in.in-view {
-webkit-transition: opacity 1.5s;
-moz-transition: opacity 1.5s;
-o-transition: opacity 1.5s;
transition: opacity 1.5s;
}

.centered-wrapper-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
background: 50% 50% no-repeat;
background-size: cover;
}

.centered-wrapper-background video {
/* Change this to `object-fit: cover;` once all browsers support it, */
/* see http://stackoverflow.com/a/20851590 */
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.-background-mousemove > .centered-wrapper-background,
.-background-mousemove-inverted > .centered-wrapper-background {
right: -12%;
}

.centered-wrapper-background-2 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.1);
}

.centered-wrapper-inner {
position: relative;
}

.centered-wrapper-inner.-fullwidth {
width: 100%;
max-width: none;
margin: 0;
}

.centered-wrapper-inner.-fullwidth-padded {
max-width: none;
padding-right: 2.66667em;
padding-right: var(--page-padding-right);
padding-left: 2.66667em;
padding-left: var(--page-padding-left);
}

@media screen and (max-width: 1380px) {
.centered-wrapper-inner.-fullwidth-padded {
padding-right: 0;
padding-left: 0;
}
}

@media screen and (max-width: 900px) {
.centered-wrapper.-no-background-tablet > .centered-wrapper-background,
.centered-wrapper.-no-background-tablet > .centered-wrapper-background-2 {
display: none;
}
}

@media screen and (max-width: 599px) {
.centered-wrapper.-no-background-mobile > .centered-wrapper-background,
.centered-wrapper.-no-background-mobile > .centered-wrapper-background-2 {
display: none;
}
}



/* ===========================================
 * Content
 * ======================================== */
h1,
h2 {
line-height: 1.3;
}

h3,
h4,
h5,
h6 {
line-height: 1.5;
font-weight: normal;
}

.main-content {
float: right;
width: 72%;
margin: 0 0 2em 0;
}

body.colorlayout-2 .main-content .mod_article{background:  var(--bgcolor14);}
body.colorlayout-2.detailsseite .main-content .mod_article .inside{}
body.colorlayout-2.detailsseite .content-wrapper{padding:2em 0 0 0;}

@media screen and (max-width: 1380px) {
body.colorlayout-2 .content-wrapper{padding:0 .8em 0 .8em;}
}
@media screen and (max-width: 900px) {
.main-content {
float: none;
width: auto;
margin-right: 4.16667%;
margin-left: 4.16667%;
}
body.colorlayout-2 .main-content{margin-right:0;margin-left:0;}
}



.oneo-no-sidebar .main-content {
float: none;
width: auto;
margin-left: 6.25%;
margin-right: 6.25%;
}

@media screen and (max-width: 900px) {
.oneo-no-sidebar .main-content {
margin-right: 4.16667%;
margin-left: 4.16667%;
}
}

.oneo-sidebar-right .main-content {
float: left;
margin-right: 0;
margin-left: 6.25%;
}

@media screen and (max-width: 900px) {
.oneo-sidebar-right .main-content {
float: none;
margin-right: 4.16667%;
margin-left: 4.16667%;
}
}

.oneo-3-columns .main-content {
width: 50%;
margin-right: 25%;
}

@media screen and (max-width: 900px) {
.oneo-3-columns .main-content {
float: none;
width: auto;
margin-right: 4.16667%;
}
}

.oneo-fullwidth .main-content {
margin: 0;
}

.main-content p,
.main-content ul,
.main-content ol,
.main-content table,
.main-content form,
.main-content fieldset {
margin-top: 0;
margin-bottom: 1.0em;
}

.main-content p > span[style] {
padding: 0 0.2em;
}


.main-content ul,
.main-content ol {
padding-left: 1.46667em;
}

.main-content ul li[data-icon],
.main-content ul li[class^="icon-"],
.main-content ul li[class*=" icon-"],
.main-content ol li[data-icon],
.main-content ol li[class^="icon-"],
.main-content ol li[class*=" icon-"] {
list-style: none;
}

.main-content ul li[data-icon]:before,
.main-content ul li[class^="icon-"]:before,
.main-content ul li[class*=" icon-"]:before,
.main-content ol li[data-icon]:before,
.main-content ol li[class^="icon-"]:before,
.main-content ol li[class*=" icon-"]:before {
float: left;
left: -1.46667em;
top: 0.2em;
margin-right: 0;
width: 0;
color:var(--mainlayoutcolor2);
}

.main-content ul {
list-style: disc;
}

.main-content ul ul {
margin-top: 0;
}

.main-content ol {
padding-left: 1.33333em;
list-style: decimal;
}

.main-content .ce_text ol ::marker,
.main-content .ce_list ol ::marker,
.main-content .ce_text ul ::marker,
.main-content .ce_list ul ::marker{
font-weight: bolder;color: var(--mainlayoutcolor1);
}


.main-content ol ol,
.main-content ol ul {
margin-top: 0;
}

.main-content ol ol {
padding-left: 1.6em;
list-style: upper-alpha;
}

.main-content ol ol ol {
list-style: lower-roman;
}

.main-content ol ol ol ol {
list-style: lower-alpha;
}

.main-content blockquote {
position: relative;
margin: 1.28571em 0 1.28571em 1.90476em;
font-size: 1.4em;
line-height: 1.52429;
color: #98a0ab;
}

.-color-inverted .main-content blockquote {
color: gainsboro;
}

@media screen and (max-width: 599px) {
.main-content blockquote {
margin-left: 12.5%;
}
}

.main-content blockquote small,
.main-content blockquote i,
.main-content blockquote em {
display: block;
font-size: 0.7619em;
line-height: 1.6;
font-style: normal;
}

.main-content blockquote:before {
content: "\201c";
float: left;
margin-left: -0.8em;
font-size: 2.38095em;
line-height: 1;
color:var(--mainlayoutcolor1);
}

@media screen and (max-width: 599px) {
.main-content blockquote:before {
margin-left: -12.5%;
}
}

.main-content img {
max-width: 100%;
height: auto;
}

.main-content .gm-style img {
max-width: none;
}

.main-content .rsts-main {
margin: 24px auto;
}

.main-content .main-slider {
margin: 0;
}

/* ===========================================
 * Forms
 * ======================================== */
form h1,
form h2,
form h3,
form h4,
form h5,
form h6 {
clear: both;
}

form .widget {
position: relative;
clear: both;
}

form .widget b.error,
form p.error {
display: block;
margin: 0;
color: #df3763;
}

input,
textarea {
padding: 0.85714em 1.35714em;
line-height: normal;
border: 1px solid gainsboro;
border-bottom-color: #cfcfcf;
font-size: 0.93333em;
color: inherit;
background: white;
}

.valid input,
.valid textarea {
border-color: #b5da44;
}

.invalid input,
input.error,
.invalid textarea,
textarea.error {
border-color: #df3763;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
/* multiple rules, because user agents are required to ignore a rule with an unknown selector */
color: #98a0ab;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
color: #98a0ab;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #98a0ab;
}

input::placeholder,
textarea::placeholder {
color: #98a0ab;
}

input:hover,
textarea:hover {
border-color: #cfcfcf #cfcfcf #c5c5c5;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

input:focus,
textarea:focus {
border-color: var(--mainlayoutcolor1);
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="url"] {
outline: none;
}

input[type="checkbox"],
input[type="radio"],
input[type="image"] {
width: auto !important;
height: auto !important;
margin: 0;
padding: 0;
border: 0;
box-shadow: none;
}

input[type="checkbox"] {
vertical-align: middle;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
/*appearance: checkbox;*/
}

input[type="radio"] {
vertical-align: middle;
-webkit-appearance: radio;
-moz-appearance: radio;
/*appearance: radio;*/
background: none;
}

input[type="file"] {
height: auto;
padding: 0;
border: 0;
/* IE8 and IE9 */
border: 1px solid gainsboro \9;
background: none;
box-shadow: none;
}

button,
input[type="submit"] {
margin-top: 1.2em;
}

textarea {
height: 223px;
resize: vertical;
line-height: 1.5;
outline: none;
}

fieldset {
margin: 1.2em 0;
border: 1px solid gainsboro;
}

fieldset legend {
padding: 0 0.33333em;
}

fieldset + br {
/* Kill <br> that Contao injects */
display: none;
}

.kontaktform-v1{background: var(--mainlayoutcolor3) !important;}

.kontaktform-v1 .widget.datenschutz fieldset{border:none;padding: 0;}
.kontaktform-v1 .widget.datenschutz a{color:#fff;text-decoration: underline;}

.kontaktform-v1 input{background: transparent;color: #fff;}
.kontaktform-v1 label{color: #fff;}
.kontaktform-v1 label .mandatory{color: #fff !important;}
.kontaktform-v1 input:focus, .kontaktform-v1 textarea:focus {border-color:var(--mainlayoutcolor1);}
.kontaktform-v1 button{background: var(--mainlayoutcolor1); color:var(--color8)}
.kontaktform-v1 button:hover,.kontaktform-v1  button:focus{background: var(--mainlayoutcolor2); }

.main-content form .widget {
/*margin-top: 1.2em;*/
margin-bottom: 1.2em;
}

.main-content label {
display: block;
margin-bottom: 0.35714em;
font-size: 0.93333em;

}



.-color-inverted .main-content label {
color: gainsboro;
}

.main-content label .mandatory {
margin-left: 0.14286em;
color:var(--color3);
}

.main-content input[type="checkbox"] + label {
display: inline;
}

.main-content fieldset p {
margin: 0;
}

.main-content fieldset label {
display: inline;
margin: 0;
}

.main-content fieldset label:after {
/* add line break after label */
content: "\A";
white-space: pre;
}

.main-content input,
.main-content textarea,
.main-content select,
.main-content fieldset {
width:100%;
}

@media screen and (max-width: 599px) {
.main-content input,
.main-content textarea,
.main-content select,
.main-content fieldset {
width: 100%;
}
}

.main-content input[type="submit"] {
width: auto;
}

@media screen and (max-width: 599px) {
.main-content input[type="submit"] {
width: 100%;
}
}

.fullwidth-form input,
.fullwidth-form textarea,
.fullwidth-form select,
.fullwidth-form fieldset {
width: 100%;
}

.explanation p,
.captcha_text p {
margin: 0;
}

.explanation {
font-size: 0.93333em;
margin: -0.85714em 0 1.71429em;
color: #98a0ab;
}

.-color-inverted .explanation {
color: gainsboro;
}

.captcha_text {
display: block;
}

label .captcha_text {
display: inline;
}

.sidebar form input,
.sidebar form textarea,
.sidebar form select,
.sidebar form fieldset,
.sidebar form button {
width: 100%;
}

.sidebar form label {
display: block;
margin-bottom: 0.3125em;
font-size: 1.06667em;
}

.sidebar form input[type="checkbox"],
.sidebar form input[type="radio"],
.sidebar form input[type="image"] {
width: auto;
}

/* ===========================================
 * Content elements
 * ======================================== */
.image_container {
position: relative;
display: inline-block;
vertical-align: top;
max-width: 100%;
width: 100%;
}

.image_container.float_above {
margin-top: 1.6em;
}

.image_container.float_below {
margin-bottom: 1.6em;
}

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

.image_container a {
position: relative;
display: block;
overflow: hidden;
/* Fixes IE bug */
text-decoration: none;
}

.image_container a:hover:before,
.image_container a:focus:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;

}

body.colorlayout-1 .image_container a:hover:before,
body.colorlayout-1 .image_container a:focus:before {background: rgba(234, 44, 88, 0.6);}
body.colorlayout-2 .image_container a:hover:before,
body.colorlayout-2 .image_container a:focus:before {background: rgba(0, 184, 241, 0.6);}
body.colorlayout-3 .image_container a:hover:before,
body.colorlayout-3 .image_container a:focus:before {background: rgba(255, 191, 0, 0.8);}
body.colorlayout-4 .image_container a:hover:before,
body.colorlayout-4 .image_container a:focus:before {background: rgba(42, 187, 142, 0.8);}





.image_container a:hover:after,
.image_container a:focus:after {
font: 1.6em/1 "RockSolid Icons";
content: "\e0cb";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
margin: -0.5em;
color: white;
}

.image_container figcaption,
.image_container .caption {
/* overwrite elements style attribute */
width: 100% !important;
padding: 0.42857em 0 0;
font-size: 0.93333em;
color: #98a0ab;
}

.image_container.float_right,
.image_container.float_left {
float: right;
width: 31.25% !important;
margin: 0.53333em 0 1.06667em 6.25%;
}

@media screen and (max-width: 599px) {
.image_container.float_right,
.image_container.float_left {
margin-left: 0;
float: none !important;
width: auto !important;
width: auto !important;
}
}

.oneo-no-sidebar .image_container.float_right,
.oneo-no-sidebar .image_container.float_left {
margin: 0.53333em 0 1.06667em 3.33333%;
width: 33.33333% !important;
}

@media screen and (max-width: 900px) {
.oneo-no-sidebar .image_container.float_right,
.oneo-no-sidebar .image_container.float_left {
margin-left: 6.25%;
width: 31.25% !important;
}
}

@media screen and (max-width: 599px) {
.oneo-no-sidebar .image_container.float_right,
.oneo-no-sidebar .image_container.float_left {
margin-left: 0;
width: auto !important;
}
}

.no-resize .image_container.float_right,
.oneo-no-sidebar .no-resize .image_container.float_right,
.image_container.float_right.no-resize,
.oneo-no-sidebar .image_container.float_right.no-resize,
.no-resize .image_container.float_left,
.oneo-no-sidebar .no-resize .image_container.float_left,
.image_container.float_left.no-resize,
.oneo-no-sidebar .image_container.float_left.no-resize {
width: auto !important;
}

.image_container.float_left {
float: left;
margin: 0.53333em 6.25% 1.06667em 0;
}

@media screen and (max-width: 599px) {
.image_container.float_left {
margin-right: 0;
}
}

.oneo-no-sidebar .image_container.float_left {
margin: 0.53333em 3.84615% 1.06667em 0;
}

@media screen and (max-width: 900px) {
.oneo-no-sidebar .image_container.float_left {
margin-right: 6.25%;
}
}

@media screen and (max-width: 599px) {
.oneo-no-sidebar .image_container.float_left {
margin-right: 0;
}
}

.no-resize .image_container:not(.float_right):not(.float_left) img,
.image_container:not(.float_right):not(.float_left).no-resize img {
width: auto;
max-width: 100%;
}

.ce_youtube-wrapper,
.ce_vimeo-wrapper {
position: relative;
margin: 1.6em 0;
/* ratio 16 to 9 */
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}

.ce_youtube-wrapper iframe,
.ce_youtube-wrapper object,
.ce_youtube-wrapper embed,
.ce_vimeo-wrapper iframe,
.ce_vimeo-wrapper object,
.ce_vimeo-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.mejs__video:not(.mejs__container-fullscreen) video {
object-fit: cover;
}

.mejs__video button,
.mejs__audio button {
-webkit-appearance: button;
-moz-appearance: button;
/*appearance: button;*/
border-radius: 0;
box-shadow: none;
background-color: transparent;
}

.video_container video,
.audio_container audio {
display: block;
width: 100%;
}

.video_container video {
height: auto;
}

.video_container {

}

.video_container iframe {
border: 0;
}

.video_container .responsive {
position: relative;
padding-bottom: 56.25%;
}

.video_container .responsive.ratio-169 {
padding-bottom: 56.25%;
}

.video_container .responsive.ratio-1610 {
padding-bottom: 62.5%;
}

.video_container .responsive.ratio-219 {
padding-bottom: 42.85714%;
}

.video_container .responsive.ratio-43 {
padding-bottom: 75%;
}

.video_container .responsive.ratio-32 {
padding-bottom: 66.66667%;
}

.video_container .responsive iframe,
.video_container .responsive img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.video_container .responsive a:before {
background:url(../../../files/theme/icons/youtube.svg) no-repeat center center;
height:15%;
width:15%;
line-height:0;
font-size:0;
left: 50%;
margin:-10% 0 0 -10%;
position: absolute;
content:" ";
top: 55%;
cursor: pointer;
display: block;
position: absolute;
z-index: 1;
}

.video_container .responsive a:hover:before {background:url(../../../files/theme/icons/youtube_h.svg) no-repeat center center;}




.ce_gallery > ul.cols_1 > li {
width: 100%;
}

.ce_gallery > ul.cols_2 > li {
width: 49.25%;
}

.ce_gallery > ul.cols_3 > li {
width: 32.33333%;
}

.ce_gallery > ul.cols_4 > li {
width: 23.875%;
}

.ce_gallery > ul.cols_5 > li {
width: 18.8%;
}

.ce_gallery > ul.cols_6 > li {
width: 15.41667%;
}

.ce_gallery > ul.cols_7 > li {
width: 13%;
}

.ce_gallery > ul.cols_8 > li {
width: 11.1875%;
}

.ce_gallery > ul.cols_9 > li {
width: 9.77778%;
}

.ce_gallery > ul.cols_10 > li {
width: 8.65%;
}

.ce_gallery > ul.cols_11 > li {
width: 7.72727%;
}

.ce_gallery > ul.cols_12 > li {
width: 6.95833%;
}

.ce_gallery.partner > ul li{padding:5%;background: #fff;}


@media screen and (max-width: 599px) {
.ce_gallery.ce_gallery > ul > li {
/* doubled class for specificity */
width: 100%;
}
}

.ce_gallery.no-resize > ul > li {
width: auto;
}

.main-content .ce_gallery {
margin: 1.6em 0;
}

.ce_gallery > ul {
zoom: 1;
margin: 0 !important;
padding: 0 0 1.5% 0 !important;
list-style: none !important;
}

.ce_gallery > ul:before {
content: "";
display: table;
}

.ce_gallery > ul:after {
content: "";
display: table;
clear: both;
}

.ce_gallery > ul > li {
float: left;
width: 23.875%;
margin: 1.5% 0 0 1.5%;
}

@media screen and (max-width: 599px) {
.ce_gallery > ul > li {
margin-left: 0;
margin-right: 1.5%;
}
}

.ce_gallery > ul > li.col_first {
clear: left;
margin-left: 0;
}

@media screen and (max-width: 599px) {
.ce_gallery > ul > li.col_first {
clear: none;
}
}

.ce_gallery > ul > li.col_last {
/* for rounding failures */
margin-right: -1%;
}

@media screen and (max-width: 599px) {
.ce_gallery > ul > li.col_last {
margin-right: 1.5%;
}
}

.ce_gallery > ul > li > .image_container {
display: block;
width: 100%;
}

.ce_gallery img {
width: 100%;
height: auto;
}

.enclosure,
.sidebar .enclosure,
.ce_downloads,
.sidebar .ce_downloads {
margin: 1.8em 0;
padding: 1.33333em 2em;
border: 1px solid gainsboro;
}

.enclosure h1, .enclosure h2, .enclosure h3, .enclosure h4, .enclosure h5, .enclosure h6,
.sidebar .enclosure h1,
.sidebar .enclosure h2,
.sidebar .enclosure h3,
.sidebar .enclosure h4,
.sidebar .enclosure h5,
.sidebar .enclosure h6,
.ce_downloads h1,
.ce_downloads h2,
.ce_downloads h3,
.ce_downloads h4,
.ce_downloads h5,
.ce_downloads h6,
.sidebar .ce_downloads h1,
.sidebar .ce_downloads h2,
.sidebar .ce_downloads h3,
.sidebar .ce_downloads h4,
.sidebar .ce_downloads h5,
.sidebar .ce_downloads h6 {
margin: -1.75em -2.58333em 1.66667em !important;
padding: 0.66667em 1.66667em;
font-size: 0.8em !important;
font-weight: bold;
letter-spacing: 0.08333em;
color: var(--color8) !important;
text-transform: uppercase;
background: var(--bgcolor13) ;
}

.enclosure h1:before, .enclosure h2:before, .enclosure h3:before, .enclosure h4:before, .enclosure h5:before, .enclosure h6:before,
.sidebar .enclosure h1:before,
.sidebar .enclosure h2:before,
.sidebar .enclosure h3:before,
.sidebar .enclosure h4:before,
.sidebar .enclosure h5:before,
.sidebar .enclosure h6:before,
.ce_downloads h1:before,
.ce_downloads h2:before,
.ce_downloads h3:before,
.ce_downloads h4:before,
.ce_downloads h5:before,
.ce_downloads h6:before,
.sidebar .ce_downloads h1:before,
.sidebar .ce_downloads h2:before,
.sidebar .ce_downloads h3:before,
.sidebar .ce_downloads h4:before,
.sidebar .ce_downloads h5:before,
.sidebar .ce_downloads h6:before {
font: 1.16667em/1 "RockSolid Icons";
content: "\e06d";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
top: 0.07143em;
float: right;
}

.ce_downloads h1:before,
.ce_downloads h2:before,
.ce_downloads h3:before,
.ce_downloads h4:before,
.ce_downloads h5:before,
.ce_downloads h6:before{float: left;margin-right:.5em;}



.enclosure ul, .enclosure p,
.sidebar .enclosure ul,
.sidebar .enclosure p,
.ce_downloads ul,
.ce_downloads p,
.sidebar .ce_downloads ul,
.sidebar .ce_downloads p {
margin: 0;
padding: 0;
list-style: none;
}

.ce_accordion[data-icon],
.ce_accordion[class^="icon-"],
.ce_accordion[class*=" icon-"] {
position: relative;
}

.ce_accordion[data-icon]:before,
.ce_accordion[class^="icon-"]:before,
.ce_accordion[class*=" icon-"]:before {
position: absolute;
top: 0.75em;
right: 1em;
z-index: 1;
font-size: 1.33333em;
color: #98a0ab;
}

.ce_accordion[data-icon] .toggler,
.ce_accordion[class^="icon-"] .toggler,
.ce_accordion[class*=" icon-"] .toggler {
/*padding-left: 3.33333em;*/
}

.ce_accordion{margin-bottom: 1em;}

.ce_accordion .toggler {
position: relative;
/* collapse borders */
margin-bottom: -2px;
padding: 0.73333em 1.33333em 0.86667em 2.66667em;
border: 1px solid gainsboro;
outline: none;
font-weight:normal;
cursor: pointer;
color: var(--mainlayoutcolor2);
background:  var(--bgcolor11);
}

.ce_accordion .toggler:after {
font: 1.16em/1 "RockSolid Icons";
content: "\2295";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: .8em;
left: .8em;
}

.ce_accordion .toggler:hover {
color: var(--mainlayoutcolor2);
background:  var(--mainlayoutcolor1_hover);
text-decoration: none;
}

.ce_accordion .toggler.active {
color: var(--mainlayoutcolor2);
background:  var(--mainlayoutcolor1_hover);
}

.akkordeon-color .ce_accordion .toggler:hover,
.akkordeon-color .ce_accordion .toggler.active {
color: var(--color8);
background:  var(--mainlayoutcolor1);
}

.ce_accordion .toggler.ui-accordion-header-active:after {
content: "\2296";
}

.ce_accordion .accordion {
zoom: 1;
position: relative;
overflow: hidden;
/* collapse borders */
margin-bottom: -2px;
padding: 1.06667em 2.6em;
border: 1px solid gainsboro;
border-top-color: transparent;
/*background: #f2f2f2;*/
}

.akkordeon-color .ce_accordion .toggler {
color: var(--color8);
background:  var(--mainlayoutcolor2);
}


.ce_accordion .accordion:before {
content: "";
display: table;
}

.ce_accordion .accordion:after {
content: "";
display: table;
clear: both;
}

.feature-box {
zoom: 1;
position: relative;
overflow: hidden;
}

.feature-box:before {
content: "";
display: table;
}

.feature-box:after {
content: "";
display: table;
clear: both;
}

.feature-box.-image-centered {
text-align: center;
}

.feature-box.-vertical-centered {
display: table;
table-layout: fixed;
/* Fixes IE bug */
width: 100%;
}

@media screen and (max-width: 599px) {
.feature-box.-vertical-centered {
display: flex;
flex-direction: column;
justify-content: center;
}
}

.feature-box.-small {
min-height: 300px;
}

.feature-box.-small.-vertical-centered {
height: 300px;
}

@media screen and (max-width: 599px) {
.feature-box.-small {
min-height: 200px;
}

.feature-box.-small.-vertical-centered {
height: auto;
}
}

.feature-box.-medium {
min-height: 600px;
}

.feature-box.-medium.-vertical-centered {
height: 600px;
}

@media screen and (max-width: 599px) {
.feature-box.-medium {
min-height: 400px;
}

.feature-box.-medium.-vertical-centered {
height: auto;
}
}

.feature-box.-large {
min-height: 900px;
}

.feature-box.-large.-vertical-centered {
height: 900px;
}

@media screen and (max-width: 599px) {
.feature-box.-large {
min-height: 600px;
}

.feature-box.-large.-vertical-centered {
height: auto;
}
}

.feature-box.rounded{border-radius: 20px;}



.feature-box-text {
position: relative;
z-index: 1;
margin: 6.66667em 46.66667% 6.66667em 0;
color: #98a0ab;
}

@media screen and (max-width: 900px) {
.feature-box-text {
margin-right: 37.5%;
}
}

@media screen and (max-width: 599px) {
.feature-box-text {
margin: 2.4em 0;
}
}

.-image-left > .feature-box-text {
margin-right: 0;
margin-left: 46.66667%;
}

@media screen and (max-width: 900px) {
.-image-left > .feature-box-text {
margin-left: 37.5%;
}
}

@media screen and (max-width: 599px) {
.-image-left > .feature-box-text {
margin-left: 0;
}
}

.-image-centered > .feature-box-text {
margin-right: 16.66667%;
margin-left: 16.66667%;
}

@media screen and (max-width: 900px) {
.-image-centered > .feature-box-text {
margin-right: 0;
margin-left: 0;
}
}

.-image-centered > .feature-box-text + .feature-box-image {
margin-top: -2.4em;
}

@media screen and (max-width: 599px) {
.-image-centered > .feature-box-text + .feature-box-image {
margin-top: 0;
}
}

.-vertical-centered > .feature-box-text {
display: table-cell;
vertical-align: middle;
width: 56.66667%;
margin: 0;
padding: 4.8em 3.33333% 4.8em 0;
}

@media screen and (max-width: 900px) {
.-vertical-centered > .feature-box-text {
width: 68.75%;
}
}

@media screen and (max-width: 599px) {
.-vertical-centered > .feature-box-text {
display: block;
width: auto;
padding-right: 0;
}
}

.-vertical-centered.-image-left > .feature-box-text {
padding-right: 0;
padding-left: 3.33333%;
}

@media screen and (max-width: 599px) {
.-vertical-centered.-image-left > .feature-box-text {
padding-left: 0;
}
}

.-vertical-centered.-image-centered > .feature-box-text {
width: 100%;
padding-right: 20%;
padding-left: 20%;
}

@media screen and (max-width: 900px) {
.-vertical-centered.-image-centered > .feature-box-text {
padding-right: 0;
padding-left: 0;
}
}

.-vertical-centered.-large-image > .feature-box-text {
width: 40%;
}

@media screen and (max-width: 900px) {
.-vertical-centered.-large-image > .feature-box-text {
width: 68.75%;
}
}

@media screen and (max-width: 599px) {
.-vertical-centered.-large-image > .feature-box-text {
width: auto;
}
}

.-no-image > .feature-box-text {
width: 100%;
}

.-color-inverted .feature-box-text {
color: white;
}

.no-margin .feature-box-text {
margin: 0;
padding: 0;
}

.no-margin-top .feature-box-text {
margin-top: 0;
padding-top: 0;
}

.no-margin-bottom .feature-box-text {
margin-bottom: 0;
padding-bottom: 0;
}

.feature-box-text h1,
.feature-box-text h2,
.feature-box-text h3 {
margin: 0;
color: #242424;
font-size: 1.86667em;
font-weight: normal;
letter-spacing: 0.1em;
text-transform: uppercase;
}

.feature-box-text h1.-small,
.feature-box-text h2.-small,
.feature-box-text h3.-small {
font-size: 1.4em;
}

@media screen and (max-width: 599px) {
.feature-box-text h1.-small,
.feature-box-text h2.-small,
.feature-box-text h3.-small {
font-size: 1.2em;
}
}

.feature-box-text h1.-medium,
.feature-box-text h2.-medium,
.feature-box-text h3.-medium {
font-size: 2.4em;
}

@media screen and (max-width: 599px) {
.feature-box-text h1.-medium,
.feature-box-text h2.-medium,
.feature-box-text h3.-medium {
font-size: 1.86667em;
}
}

.feature-box-text h1.-large,
.feature-box-text h2.-large,
.feature-box-text h3.-large {
font-size: 3.2em;
}

@media screen and (max-width: 599px) {
.feature-box-text h1.-large,
.feature-box-text h2.-large,
.feature-box-text h3.-large {
font-size: 2.4em;
}
}

.feature-box-text h1.-super-size,
.feature-box-text h2.-super-size,
.feature-box-text h3.-super-size {
font-size: 4em;
}

@media screen and (max-width: 599px) {
.feature-box-text h1.-super-size,
.feature-box-text h2.-super-size,
.feature-box-text h3.-super-size {
font-size: 3.2em;
}
}

.feature-box-text h1 + a,
.feature-box-text h2 + a,
.feature-box-text h3 + a {
margin-top: 1.6em;
}

.-color-inverted .feature-box-text h1,
.-color-inverted .feature-box-text h2,
.-color-inverted .feature-box-text h3 {
color: white;
}

.feature-box-text p {
font-size: 1.2em;
margin: 1.33333em 0;
}

.feature-box-text p:before {
content: "";
display: block;
width: 4em;
height: 2px;
margin: 0.8em 0;
background: var(--mainlayoutcolor1);
}

.-image-centered .feature-box-text p:before {
width: 5.71429em;
margin-left: auto;
margin-right: auto;
}

.feature-box-text .feature-box-subheadline {
margin-top: 0.28571em;
font-size: 1.4em;
color:var(--mainlayoutcolor1);
}

.feature-box-image {
display: block;
float: right;
width: 43.33333%;
margin: 3.2em 0 3.2em 3.33333%;
}

@media screen and (max-width: 900px) {
.feature-box-image {
width: 31.25%;
}
}

@media screen and (max-width: 599px) {
.feature-box-image {
width: 100%;
}
}

.-image-left > .feature-box-image {
float: left;
margin-right: 3.33333%;
margin-left: 0;
}

@media screen and (max-width: 599px) {
.-image-left > .feature-box-image {
float: none;
margin-right: 0;
}
}

.-image-centered > .feature-box-image {
float: none;
width: 60%;
margin-right: auto;
margin-left: auto;
}

@media screen and (max-width: 900px) {
.-image-centered > .feature-box-image {
width: 100%;
}
}

.-image-centered > .feature-box-image + .feature-box-text {
margin-top: 3.2em;
}

.-image-top > .feature-box-image {
margin-top: 0;
}

.-image-bottom > .feature-box-image {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
}

@media screen and (max-width: 599px) {
.-image-bottom > .feature-box-image {
position: static;
margin-bottom: 3.2em;
}
}

.-image-bottom.-image-left > .feature-box-image {
right: auto;
left: 0;
}

.-vertical-centered > .feature-box-image {
display: table-cell;
vertical-align: middle;
float: none;
margin: 0;
padding: 3.2em 0;
}

@media screen and (max-width: 599px) {
.-vertical-centered > .feature-box-image {
display: block;
padding-top: 1.6em;
padding-bottom: 1.6em;
}
}

.-image-rounded > .feature-box-image img {
border-radius: 99em;
}

.-large-image .feature-box-image {
width: 60%;
}

@media screen and (max-width: 900px) {
.-large-image .feature-box-image {
width: 31.25%;
}
}

@media screen and (max-width: 599px) {
.-large-image .feature-box-image {
width: 100%;
}
}

.-image-centered.-large-image .feature-box-image {
width: 73.33333%;
}

@media screen and (max-width: 900px) {
.-image-centered.-large-image .feature-box-image {
width: 62.5%;
}
}

@media screen and (max-width: 599px) {
.-image-centered.-large-image .feature-box-image {
width: 100%;
}
}

.not-in-view > .feature-box-text.-fade,
.not-in-view > .feature-box-image.-fade {
opacity: 0;
}

.not-in-view > .feature-box-text.-move,
.not-in-view > .feature-box-image.-move {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
}

.not-in-view > .feature-box-text.-move-right,
.not-in-view > .feature-box-image.-move-right {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}

.not-in-view > .feature-box-text.-move-top,
.not-in-view > .feature-box-image.-move-top {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
}

.not-in-view > .feature-box-text.-move-bottom,
.not-in-view > .feature-box-image.-move-bottom {
-webkit-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
}

.in-view > .feature-box-text,
.in-view > .feature-box-image {
-webkit-transition: opacity 0.6s linear, -webkit-transform 0.6s ease-out;
-moz-transition: opacity 0.6s linear, -moz-transform 0.6s ease-out;
-o-transition: opacity 0.6s linear, -o-transform 0.6s ease-out;
transition: opacity 0.6s linear, transform 0.6s ease-out;
}

.in-view > .feature-box-text.-fade,
.in-view > .feature-box-image.-fade {
opacity: 1;
}

.in-view > .feature-box-text.-move,
.in-view > .feature-box-image.-move {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}

.feature-box-text video,
.feature-box-text img, .feature-box-image video,
.feature-box-image img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}

.fading-boxes {
zoom: 1;
margin: 2.66667em 0;
}

.fading-boxes:before {
content: "";
display: table;
}

.fading-boxes:after {
content: "";
display: table;
clear: both;
}

.fading-boxes > h1,
.fading-boxes > h2,
.fading-boxes > h3,
.fading-boxes > h4,
.fading-boxes > h5,
.fading-boxes > h6 {
margin-top: 0;
margin-bottom: 1.06667em;
}

.fading-boxes-item {
position: relative;
z-index: 0;
color: white;
-webkit-transition: -webkit-transform 0.2s linear;
-moz-transition: -moz-transform 0.2s linear;
-o-transition: -o-transform 0.2s linear;
transition: transform 0.2s linear;
}

.fading-boxes-item.-with-link:hover,
.fading-boxes-item.-with-link.is-hovered {
-webkit-transform: translate3d(0, -2.33333em, 0);
-moz-transform: translate3d(0, -2.33333em, 0);
-ms-transform: translate3d(0, -2.33333em, 0);
-o-transform: translate3d(0, -2.33333em, 0);
transform: translate3d(0, -2.33333em, 0);
}

.fading-boxes-item:hover,
.fading-boxes-item.is-hovered {
z-index: 1;
}

.fading-boxes-item-image {
position: relative;
z-index: 1;
background: 50% 50% no-repeat;
background-size: cover;
}

body.colorlayout-1  .fading-boxes-item-image {background-color: rgba(234, 44, 88, 0.8);}
body.colorlayout-2  .fading-boxes-item-image {background-color: rgba(0, 184, 241, 0.8);}
body.colorlayout-3  .fading-boxes-item-image {background-color: rgba(255, 191, 0, 0.8);}
body.colorlayout-4  .fading-boxes-item-image {background-color: rgba(42, 187, 142, 0.8);}

.main-content .fading-boxes-item:hover .fading-boxes-item-image{background-color: var(--mainlayoutcolor1) !important; background-image: none !important;;}


.-highlight-color .fading-boxes-item-image {
background: #3685ab no-repeat;
}

.fading-boxes-item-image:before {
position: absolute;
top: 2.875em;
right: 50%;
z-index: 1;
margin: -0.5em;
font-size: 2.66667em;
-webkit-transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear;
-moz-transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear;
-o-transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear;
transition: top 0.2s linear, right 0.2s linear, font-size 0.2s linear;
display: none;
}

.fading-boxes-item:hover .fading-boxes-item-image:before,
.fading-boxes-item.is-hovered .fading-boxes-item-image:before {
top: 1.25em;
right: 1.125em;
font-size: 2.13333em;
/* IE8 and IE9 calculate em's wrong */
font-size: 32px \9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fading-boxes-item:hover .fading-boxes-item-image:before,
.fading-boxes-item.is-hovered .fading-boxes-item-image:before {
/* IE10 and IE11 calculate em's wrong */
font-size: 32px;
}
}

.fading-boxes-item-image:after {
content: attr(data-headline);
position: absolute;
top: 33%;
bottom: 33%;
left: 5%;
width: 90%;
font-size: 1.86667em;
text-align: center;
-webkit-transition: opacity 0.1s linear;
-moz-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}

.fading-boxes-item:hover .fading-boxes-item-image:after,
.fading-boxes-item.is-hovered .fading-boxes-item-image:after {
opacity: 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.-has-text-shadow .fading-boxes-item-image:after {
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.fading-boxes-item-text {
min-height: 19.28571em;
/* clearfix */
overflow: hidden;
padding: 1.42857em;

-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}

body.colorlayout-1  .fading-boxes-item-text {background-color: rgba(234, 44, 88, 0.8);}
body.colorlayout-2  .fading-boxes-item-text {background-color: rgba(0, 184, 241, 0.8);}
body.colorlayout-3  .fading-boxes-item-text {background: rgba(255, 191, 0, 0.8);}
body.colorlayout-4  .fading-boxes-item-text {background: rgba(42, 187, 142, 0.8);}


.fading-boxes-item:hover .fading-boxes-item-text,
.fading-boxes-item.is-hovered .fading-boxes-item-text,
.fading-boxes-item:hover .fading-boxes-item-text h3,
.fading-boxes-item:hover .fading-boxes-item-text p{
opacity: 1;
}

.main-content .fading-boxes-item-text h3 {
margin: 1em 0 -0.29167em; text-align: center;
font-size: 1.71429em;
font-weight: normal;
color: inherit;opacity: 0;
}

.fading-boxes-item-text p {
margin: 1.5em 0;opacity: 0;
}

.fading-boxes-item-text a {
color: inherit;
text-decoration: underline;
}

.fading-boxes-item-text a:hover {
text-decoration: none;
}

.fading-boxes-item-link .button{background: var(--mainlayoutcolor1);}
.fading-boxes-item-link:hover{background: var(--mainlayoutcolor3);}

.fading-boxes-item-link {
visibility: hidden;
margin: -5.33333em 0 1.33333em;
padding: 1em 1.33333em;
background: var(--mainlayoutcolor2);
-webkit-transition: margin 0.2s linear, visibility 0s;
-webkit-transition-delay: 0s, 0.2s;
-moz-transition: margin 0.2s linear, visibility 0s 0.2s;
-o-transition: margin 0.2s linear, visibility 0s 0.2s;
transition: margin 0.2s linear, visibility 0s 0.2s;
}

.fading-boxes-item:hover .fading-boxes-item-link,
.fading-boxes-item.is-hovered .fading-boxes-item-link {
visibility: visible;
margin-top: 0;
margin-bottom: -4em;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.fading-boxes-item-link .button {
display: block;
}

.icon-boxes {
zoom: 1;
margin: 2.66667em 0;
}

.icon-boxes:before {
content: "";
display: table;
}

.icon-boxes:after {
content: "";
display: table;
clear: both;
}

.icon-boxes > h1,
.icon-boxes > h2,
.icon-boxes > h3,
.icon-boxes > h4,
.icon-boxes > h5,
.icon-boxes > h6 {
margin-top: 0;
margin-bottom: 1.06667em;
}

.icon-boxes-item {
position: relative;
color: inherit;
text-align: center;
text-decoration: none;
}

.icon-boxes-item:hover,
.icon-boxes-item:focus {
text-decoration: none;
}

.icon-boxes-item h3 {
margin: 0;
color:var(--mainlayoutcolor1);
}

.icon-boxes-item.-icon-color h3 {
color: #242424;
}

.icon-boxes-item p {
margin: 0.46667em 0;
}

.icon-boxes-item.-headline-icon {
padding-left: 5.33333em;
}

.icon-boxes-item.-align-left {
text-align: left;
}

.icon-boxes-item.-align-right {
text-align: right;
}

.icon-boxes-item.-color-inverted,
.-color-inverted .icon-boxes-item {
color: white;
}

.icon-boxes-item.-color-inverted h3,
.-color-inverted .icon-boxes-item h3 {
color: white;
}

.icon-boxes-item.-background-color {
padding: 1.33333em;
}

.icon-boxes-item.-background-color.-headline-icon {
padding-left: 6.66667em;
}

.icon-boxes-item-icon {
display: inline-block;
width: 2.5em;
height: 2.5em;
margin: 0 0 0.625em;
padding: 0.75em;
font-size: 2.13333em;
line-height: 1;
color: white;
background:var(--mainlayoutcolor2);
-webkit-transition: background 0.2s, -webkit-transform 0.2s, color 0.2s;
-webkit-transition-delay: 0s, 0s, 0.3s;
-moz-transition: background 0.2s, -moz-transform 0.2s, color 0.2s 0.3s;
-o-transition: background 0.2s, -o-transform 0.2s, color 0.2s 0.3s;
transition: background 0.2s, transform 0.2s, color 0.2s 0.3s;
}

.icon-boxes-item-icon:before {
margin-right: 0;
}

.not-in-view > .icon-boxes-item > .icon-boxes-item-icon {
color: transparent !important;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}

.in-view > .icon-boxes-item:nth-of-type(12n+1) > .icon-boxes-item-icon {
-webkit-transition-delay: 0s, 0.1s, 0.1s;
-moz-transition-delay: 0s, 0.1s, 0.1s;
-o-transition-delay: 0s, 0.1s, 0.1s;
transition-delay: 0s, 0.1s, 0.1s;
}

.in-view > .icon-boxes-item:nth-of-type(12n+2) > .icon-boxes-item-icon {
-webkit-transition-delay: 0s, 0.2s, 0.5s;
-moz-transition-delay: 0s, 0.2s, 0.5s;
-o-transition-delay: 0s, 0.2s, 0.5s;
transition-delay: 0s, 0.2s, 0.5s;
}

.in-view > .icon-boxes-item:nth-of-type(12n+3) > .icon-boxes-item-icon {
-webkit-transition-delay: 0s, 0.3s, 0.6s;
-moz-transition-delay: 0s, 0.3s, 0.6s;
-o-transition-delay: 0s, 0.3s, 0.6s;
transition-delay: 0s, 0.3s, 0.6s;
}

.in-view > .icon-boxes-item:nth-of-type(12n+4) > .icon-boxes-item-icon {
-webkit-transition-delay: 0s, 0.4s, 0.7s;
-moz-transition-delay: 0s, 0.4s, 0.7s;
-o-transition-delay: 0s, 0.4s, 0.7s;
transition-delay: 0s, 0.4s, 0.7s;
}

.in-view > .icon-boxes-item:nth-of-type(12n+5) > .icon-boxes-item-icon {
-webkit-transition-delay: 0s, 0.5s, 0.8s;
-moz-transition-delay: 0s, 0.5s, 0.8s;
-o-transition-delay: 0s, 0.5s, 0.8s;
transition-delay: 0s, 0.5s, 0.8s;
}

.in-view > .icon-boxes-item:nth-of-type(12n+6) > .icon-boxes-item-icon {
-webkit-transition-delay: 0s, 0.6s, 0.9s;
-moz-transition-delay: 0s, 0.6s, 0.9s;
-o-transition-delay: 0s, 0.6s, 0.9s;
transition-delay: 0s, 0.6s, 0.9s;
}

.in-view > .icon-boxes-item:nth-of-type(12n+7) > .icon-boxes-item-icon {
-webkit-transition-delay: 0s, 0.7s, 1s;
-moz-transition-delay: 0s, 0.7s, 1s;
-o-transition-delay: 0s, 0.7s, 1s;
transition-delay: 0s, 0.7s, 1s;
}

.in-view > .icon-boxes-item:nth-of-type(12n+8) > .icon-boxes-item-icon {
-webkit-transition-delay: 0s, 0.8s, 1.1s;
-moz-transition-delay: 0s, 0.8s, 1.1s;
-o-transition-delay: 0s, 0.8s, 1.1s;
transition-delay: 0s, 0.8s, 1.1s;
}

.in-view > .icon-boxes-item:nth-of-type(12n+9) > .icon-boxes-item-icon {
-webkit-transition-delay: 0s, 0.9s, 1.2s;
-moz-transition-delay: 0s, 0.9s, 1.2s;
-o-transition-delay: 0s, 0.9s, 1.2s;
transition-delay: 0s, 0.9s, 1.2s;
}

.in-view > .icon-boxes-item:nth-of-type(12n+10) > .icon-boxes-item-icon {
-webkit-transition-delay: 0s, 1s, 1.3s;
-moz-transition-delay: 0s, 1s, 1.3s;
-o-transition-delay: 0s, 1s, 1.3s;
transition-delay: 0s, 1s, 1.3s;
}

.in-view > .icon-boxes-item:nth-of-type(12n+11) > .icon-boxes-item-icon {
-webkit-transition-delay: 0s, 1.1s, 1.4s;
-moz-transition-delay: 0s, 1.1s, 1.4s;
-o-transition-delay: 0s, 1.1s, 1.4s;
transition-delay: 0s, 1.1s, 1.4s;
}

.in-view > .icon-boxes-item:nth-of-type(12n+12) > .icon-boxes-item-icon {
-webkit-transition-delay: 0s, 1.2s, 1.5s;
-moz-transition-delay: 0s, 1.2s, 1.5s;
-o-transition-delay: 0s, 1.2s, 1.5s;
transition-delay: 0s, 1.2s, 1.5s;
}

.-inverted-icon > .icon-boxes-item-icon {
width: 2.08333em;
height: 2.08333em;
margin-bottom: 0.41667em;
padding: 0.5em;
border: 2px solid gainsboro;
border-radius: 99em;
font-size: 3.2em;
color: var(--mainlayoutcolor1);
background: white;
background: rgba(255, 255, 255, 0.5);
}

.-headline-icon > .icon-boxes-item-icon {
position: absolute;
top: 0;
left: 0;
width: 2em;
height: 2em;
padding: 0.42857em;
border: 2px solid var(--mainlayoutcolor2);
border-radius: 99em;
font-size: 1.86667em;
color: var(--mainlayoutcolor2);
background: none;
}

.-background-color.-headline-icon > .icon-boxes-item-icon {
margin: 0.71429em;
}

.-highlight-color .icon-boxes-item-icon {
background: #3685ab;
}

*:hover > .icon-boxes-item-icon,
*:focus > .icon-boxes-item-icon {
/*opacity: 0.7;*/
transition: all 0.2s ease;
color: var(--mainlayoutcolor1);
border: 2px solid var(--mainlayoutcolor1);
}

.icon-boxes-item-text {
color: var(--maincolor);
}

.-color-inverted .icon-boxes-item-text {
color: white;
}

.icon-boxes-item-link.-link {
color: var(--mainlayoutcolor1);
}
.icon-boxes-item-link.-link:hover {
color: var(--mainlayoutcolor1);text-decoration: underline;
}

.icon-boxes-item:hover > .icon-boxes-item-link.-link,
.icon-boxes-item:focus > .icon-boxes-item-link.-link {
text-decoration: underline;
}

.-color-inverted .icon-boxes-item-link {
color: white;
}

.area-navigation {
z-index: 1;
position: fixed;
top: 0;
right: 30px;
right: calc(30px + var(--safe-area-right));
height: 100%;
display: table;
}

@media screen and (max-width: 1380px) {
.area-navigation {
right: 1.5625%;
right: calc(1.5625% + var(--safe-area-right));
margin-right: -12px;
}
}

@media screen and (max-width: 900px) {
.area-navigation {
right: 2.08333%;
right: calc(2.08333% + var(--safe-area-right));
}
}

@media screen and (max-width: 599px) {
.area-navigation {
display: none;
}
}

.area-navigation ul {
display: table-cell;
vertical-align: middle;
padding: 0;
width: 24px;
}

.area-navigation li {
margin: 4px 0;
text-align: center;
}

.area-navigation a {
position: relative;
display: inline-block;
width: 18px;
height: 18px;
margin: 0;
padding: 4px;
outline: none;
color: #717c8e;
text-decoration: none;
}

.area-navigation a:after {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid rgba(113, 124, 142, 0);
border-radius: 100%;
background-color: #717c8e;
background-clip: padding-box;
}

.area-navigation a:hover:after,
.area-navigation a.active:after {
border-color: #717c8e;
background-color: rgba(113, 124, 142, 0.25);
}

.area-navigation a.prev,
.area-navigation a.next {
width: 24px;
height: 24px;
padding: 5px;
border: 2px solid currentColor;
border-radius: 100%;
-webkit-transition: -webkit-transform 0.1s;
-moz-transition: -moz-transform 0.1s;
-o-transition: -o-transform 0.1s;
transition: transform 0.1s;
}

@media screen and (max-width: 1380px) {
.area-navigation a.prev,
.area-navigation a.next {
display: none;
}
}

.area-navigation a.prev:after,
.area-navigation a.next:after {
font: 10px/1 "RockSolid Icons";
content: "\e01a";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
}

.area-navigation a.prev:after,
.area-navigation a.prev:hover:after,
.area-navigation a.next:after,
.area-navigation a.next:hover:after {
color: inherit;
background-color: transparent;
border: 0;
}

.area-navigation a.prev:hover,
.area-navigation a.next:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

.area-navigation a.prev.is-disabled,
.area-navigation a.next.is-disabled {
visibility: hidden;
pointer-events: none;
}

.area-navigation a.prev > span,
.area-navigation a.next > span {
display: none;
}

.area-navigation a.next:after {
content: "\e015";
}

.area-navigation a > span {
position: absolute;
top: 50%;
right: 100%;
max-width: 0;
overflow: hidden;
margin: -0.5em 0.5em 0 0;
font-size: 0.93333em;
line-height: 1;
white-space: nowrap;
-webkit-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
-moz-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
-o-transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
transition: max-width 0.3s cubic-bezier(0, 1, 1, 1);
}

.area-navigation a:hover > span {
max-width: 999px;
-webkit-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
-moz-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
-o-transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
transition: max-width 0.6s cubic-bezier(0.75, 0, 1, 1);
}

.area-navigation.-invert-controls a {
color: white;
}

.area-navigation.-invert-controls a:after {
border-color: rgba(255, 255, 255, 0);
background-color: white;
}

.area-navigation.-invert-controls a:hover:after,
.area-navigation.-invert-controls a.active:after {
border-color: white;
background-color: rgba(255, 255, 255, 0.25);
}

.area-navigation.-invert-controls a.prev:hover,
.area-navigation.-invert-controls a.prev.active,
.area-navigation.-invert-controls a.next:hover,
.area-navigation.-invert-controls a.next.active {
color: white;
}

.area-navigation.-invert-controls a.prev:after,
.area-navigation.-invert-controls a.prev:hover:after,
.area-navigation.-invert-controls a.next:after,
.area-navigation.-invert-controls a.next:hover:after {
background-color: transparent;
}

.filter-navigation {
text-align: center;
margin: 1.6em 0 2.4em;
}

.filter-navigation h1,
.filter-navigation h2,
.filter-navigation h3 {
font-size: 0.8em;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
}

.filter-navigation > ul {
margin: 0.8em 0;
padding: 0;
list-style-type: none;
}

.filter-navigation > ul li {
display: inline;
margin: 0 0.66667em;
white-space: nowrap;
}

.filter-navigation > ul li a {
/*display: inline-block;
margin-bottom: 0.35714em;
padding: 0.35714em 0.85714em;
text-decoration: none;
text-transform: uppercase;
font-size: 0.93333em;
line-height: 1;
color: #dbdbdb;
background: #242424;
border-radius: 2px;
-webkit-transition: color 0.3s, border-color 0.3s;
-moz-transition: color 0.3s, border-color 0.3s;
-o-transition: color 0.3s, border-color 0.3s;
transition: color 0.3s, border-color 0.3s;
 */
}


.filter-navigation > ul li a:first-child {
margin-left: 0;
}

.filter-navigation > ul li a:hover {
color: white;
}

.filter-navigation > ul li a.active {

}

.filter-navigation > ul li a.active:hover {
color: white;
}

.portfolio-boxes {
zoom: 1;
margin: 2.66667em 0;
}

.portfolio-boxes:before {
content: "";
display: table;
}

.portfolio-boxes:after {
content: "";
display: table;
clear: both;
}

.portfolio-boxes > h1,
.portfolio-boxes > h2,
.portfolio-boxes > h3,
.portfolio-boxes > h4,
.portfolio-boxes > h5,
.portfolio-boxes > h6 {
margin-top: 0;
margin-bottom: 1.06667em;
}

.mega-dropdown .portfolio-boxes {
margin: 0;
}

.portfolio-boxes-item {
position: relative;
padding-bottom: 5.33333em;
background: white;
}

.portfolio-boxes-item-image {
position: absolute;
top: 0;
right: 0;
bottom: 5.33333em;
left: 0;
background: 50% 50% no-repeat;
background-size: cover;
}

.portfolio-boxes-item-image img {
display: none;
}

.portfolio-boxes-item-image:before {
/* Headline */
content: attr(data-headline);
position: absolute;
right: 0;
bottom: -5.33333em;
left: 0;
display: block;
padding: 2em 0.66667em;
font-size: 1em;
font-weight: normal;
letter-spacing: 0.1em;
color: inherit;
text-align: center;
text-transform: uppercase;
}

.portfolio-boxes-item-text {
position: relative;
display: block;
min-height: 20em;
padding: 2em 1.33333em;
color: white;
text-align: center;
background: black;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}

.portfolio-boxes-item-text:hover,
.portfolio-boxes-item-text:focus,
.portfolio-boxes-item-text.is-hovered {
text-decoration: none;
opacity: 1;
-webkit-transition: opacity 0.1s linear;
-moz-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
}

.portfolio-boxes-item-text h3 {
margin: 0;
font-size: 1em;
font-weight: normal;
letter-spacing: 0.1em;
color: inherit;
text-transform: uppercase;
}

.portfolio-boxes-item-text h3:after {
content: "";
display: block;
width: 5.33333em;
height: 1px;
margin: 1.8em auto 0;
background: white;
}

.portfolio-boxes-item-text p {
margin: 1em 0 0;
}

.portfolio-boxes-item-more {
position: absolute;
bottom: -5.33333em;
left: 0;
width: 100%;
height: 5.33333em;
background:var(--mainlayoutcolor1);
}

.portfolio-boxes-item-more:before,
.portfolio-boxes-item-more:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
background: white;
}

.portfolio-boxes-item-more:before {
width: 2.66667em;
height: 2px;
margin: -1px -1.33333em;
}

.portfolio-boxes-item-more:after {
width: 2px;
height: 2.66667em;
margin: -1.33333em -1px;
}

.portfolio-boxes-item-more span {
display: none;
}

.portfolio-tiles {
clear: both;
width: 100%;
/* Clearfix */
overflow: hidden;
/* For rounding failures */
margin-right: -1%;
}

.portfolio-tiles-item {
position: relative;
float: left;
width: 25%;
}

@media screen and (max-width: 900px) {
.portfolio-tiles-item {
width: 33.33333%;
}
}

@media screen and (max-width: 599px) {
.portfolio-tiles-item {
width: 50%;
font-size: 0.8em;
}
}

.portfolio-tiles-item > img {
display: block;
width: 100%;
height: auto;
}

.portfolio-tiles-item > .no-image {
display: block;
padding-bottom: 75%;
background: #f2f2f2;
}

.portfolio-tiles-item-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 26%;
text-align: center;
opacity: 0;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}


.portfolio-tiles-jobs .portfolio-tiles-item-link {
background: var(--mainlayoutcolor2) !important;
opacity:0.5;
}

body.colorlayout-1  .portfolio-tiles-item-link {background: rgba(234, 44, 88, 0.8);}
body.colorlayout-2  .portfolio-tiles-item-link {background: rgba(0, 184, 241, 0.8);}
body.colorlayout-3  .portfolio-tiles-item-link {background: rgba(255, 191, 0, 0.8);}
body.colorlayout-4  .portfolio-tiles-item-link {background: rgba(42, 187, 142, 0.8);}



.portfolio-tiles-item-link:hover,
.portfolio-tiles-item-link:focus,
.portfolio-tiles-item-link.is-hovered {
text-decoration: none;
opacity: 1;
-webkit-transition: opacity 0.1s linear;
-moz-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
}

.portfolio-tiles-item-link:before {
content: "\2b";
display: none;
width: 1em;
margin: -1.25em auto 0.375em;
font-size: 2.66667em;
line-height: 1;
color:var(--mainlayoutcolor1);
background: white;
}

.portfolio-tiles-jobs .portfolio-tiles-item-link:before {
  background: var(--mainlayoutcolor2);
  opacity: 0.5;
}

.portfolio-tiles-jobs .portfolio-tiles-item > .no-image {
  background: var(--mainlayoutcolor2);
  opacity: 0.8;
}

.portfolio-tiles-jobs .portfolio-tiles-item-link:hover, .portfolio-tiles-jobs .portfolio-tiles-item-link:focus, .portfolio-tiles-jobs .portfolio-tiles-item-link.is-hovered{
  background: var(--mainlayoutcolor1) !important;
  opacity: 0.8;
}


.portfolio-tiles-item-link h3 {
margin: 0;
font-size: 1.33333em;
font-weight: bold;
color: var(--color8) !important;
text-transform: uppercase;
}

.portfolio-tiles-item-link h4 {
margin: 0;
font-size: 1em;
font-weight: normal;
color: var(--color8) !important;
}

.portfolio-detail > .back {
display: none;
}

.counter-boxes {
zoom: 1;
text-align: center;
margin: 2.66667em 0;
overflow: hidden;
}

.counter-boxes:before {
content: "";
display: table;
}

.counter-boxes:after {
content: "";
display: table;
clear: both;
}

.counter-boxes-item {
text-decoration: none;
color: inherit;
}

.counter-boxes-item:link:hover,
.counter-boxes-item:link:focus {
text-decoration: none;
}

.counter-boxes-item:link:hover:before,
.counter-boxes-item:link:focus:before {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

.counter-boxes-item:before {
margin: 0;
font-size: 3.33333em;
color: var(--mainlayoutcolor1);
}

.-highlight-color .counter-boxes-item:before {
color: gainsboro;
}

.counter-boxes-item p {
margin: 0.05556em -0.4em 0.13333em;
font-size: 6em;
line-height: 1;
}

@media screen and (max-width: 1380px) {
.counter-boxes-item p {
font-size: 5.06667em;
}
}

@media screen and (max-width: 900px) {
.counter-boxes-item p {
font-size: 3.86667em;
}
}

@media screen and (max-width: 599px) {
.counter-boxes-item p {
font-size: 3.06667em;
}
}

.counter-boxes-item h3 {
margin: 0;
font-size: 1.2em;
font-weight: normal;
letter-spacing: 0.1em;
color: #98a0ab;
text-transform: uppercase;
}

.-color-inverted .counter-boxes-item h3 {
color: gainsboro;
}

.typing-headline {
margin-top: 2.66667em;
margin-bottom: 2.66667em;
text-align: center;
}

.typing-headline.-align-left {
text-align: left;
}

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

.typing-headline.-small > h2,
.typing-headline.-small > h3 {
font-size: 1.6em;
}

.typing-headline.-small > p {
font-size: 1.2em;
}

.typing-headline.-medium > h2,
.typing-headline.-medium > h3 {
font-size: 2.4em;
}

@media screen and (max-width: 599px) {
.typing-headline.-medium > h2,
.typing-headline.-medium > h3 {
font-size: 1.86667em;
}
}

.typing-headline.-medium > p {
font-size: 1.4em;
}

.typing-headline.-large > h2,
.typing-headline.-large > h3 {
font-size: 3.2em;
}

@media screen and (max-width: 599px) {
.typing-headline.-large > h2,
.typing-headline.-large > h3 {
font-size: 2.13333em;
}
}

.typing-headline.-large > p {
font-size: 1.4em;
}

.typing-headline.-super-size > h2,
.typing-headline.-super-size > h3 {
font-size: 4.8em;
}

@media screen and (max-width: 599px) {
.typing-headline.-super-size > h2,
.typing-headline.-super-size > h3 {
font-size: 2.8em;
}
}

.typing-headline.-not-bold > h2 {
font-weight: normal;
}

.typing-headline h2,
.typing-headline h3 {
position: relative;
margin: 0;
font-size: 4em;
line-height: 1.2;
}

@media screen and (max-width: 599px) {
.typing-headline h2,
.typing-headline h3 {
font-size: 2.4em;
}
}

.modernizr-csstransitions .typing-headline h2 > .typing-headline-dummy,
.modernizr-csstransitions .typing-headline h3 > .typing-headline-dummy {
color: transparent;
pointer-events: none;
}

.typing-headline h2 > .typing-headline-text,
.typing-headline h3 > .typing-headline-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.typing-headline h2 > .typing-headline-text.is-typing:after,
.typing-headline h2 > .typing-headline-text.is-done-typing:after,
.typing-headline h3 > .typing-headline-text.is-typing:after,
.typing-headline h3 > .typing-headline-text.is-done-typing:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 1em;
margin: -0.5em -0.06667em -0.5em 0.03333em;
border-left: 2px solid currentColor;
}

.typing-headline h2 > .typing-headline-text.is-done-typing:after,
.typing-headline h3 > .typing-headline-text.is-done-typing:after {
margin-right: -0.33333em;
margin-left: 0.3em;
-webkit-animation: typing-cursor 0.5s linear infinite alternate;
-moz-animation: typing-cursor 0.5s linear infinite alternate;
-o-animation: typing-cursor 0.5s linear infinite alternate;
animation: typing-cursor 0.5s linear infinite alternate;
}

.typing-headline h2 {
font-weight: bold;
}

.-color-inverted .typing-headline h2 {
color: white;
}

.typing-headline h3 {
font-weight: normal;
}

.-color-inverted .typing-headline h3 {
color: white;
}

.typing-headline p {
margin: 0.75em 16.66667% 1em 16.66667%;
color: #242424;
font-size: 1.6em;
}

@media screen and (max-width: 599px) {
.typing-headline p {
margin-right: 0;
margin-left: 0;
}
}

.-color-inverted .typing-headline p {
color: white;
}

.typing-headline.-align-left > p {
margin-left: 0;
}

.typing-headline.-align-right > p {
margin-right: 0;
}

.typing-headline h2 + .button,
.typing-headline h3 + .button {
margin-top: 2.4em;
}

@-moz-keyframes typing-cursor {
from,
10% {
opacity: 0;
}

to,
60% {
opacity: 1;
}
}

@-webkit-keyframes typing-cursor {
from,
10% {
opacity: 0;
}

to,
60% {
opacity: 1;
}
}

@-o-keyframes typing-cursor {
from,
10% {
opacity: 0;
}

to,
60% {
opacity: 1;
}
}

@keyframes typing-cursor {
from,
10% {
opacity: 0;
}

to,
60% {
opacity: 1;
}
}

.team-boxes {
margin: 3.2em 0;
zoom: 1;
}

.team-boxes:before {
content: "";
display: table;
}

.team-boxes:after {
content: "";
display: table;
clear: both;
}

.team-boxes-item {
text-align: center;
}

.team-boxes-item > h3 {
font-size: 1.06667em;
font-weight: normal;
text-transform: uppercase;
}

.team-boxes-item > h4 {
margin-top: 0.42857em;
font-size: 0.93333em;
color: #98a0ab;
}

.team-boxes-item:hover img,
.team-boxes-item:hover .no-image {
opacity: 0.5;
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
-o-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}

.team-boxes-item:hover .team-boxes-social-links {
bottom: 20px;
}

.-align-left > .team-boxes-item {
text-align: left;
}

.-align-right > .team-boxes-item {
text-align: right;
}

.-small > .team-boxes-item > h3 {
font-size: 0.93333em;
}

.-small > .team-boxes-item > h4 {
font-size: 0.93333em;
}

.-medium > .team-boxes-item > h3 {
font-size: 1.2em;
}

.-medium > .team-boxes-item > h4 {
font-size: 1.06667em;
}

.-large > .team-boxes-item > h3 {
font-size: 1.4em;
}

.-large > .team-boxes-item > h4 {
font-size: 1.2em;
}

.-super-size > .team-boxes-item > h3 {
font-size: 1.6em;
}

.-super-size > .team-boxes-item > h4 {
font-size: 1.4em;
}

.team-boxes-item .team-boxes-social-links {
position: absolute;
top: auto;
right: 0;
bottom: -50%;
left: 0;
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
-webkit-transition: bottom 0.2s ease-out;
-moz-transition: bottom 0.2s ease-out;
-o-transition: bottom 0.2s ease-out;
transition: bottom 0.2s ease-out;
}

.team-boxes-item .team-boxes-social-links > li {
display: inline;
}

.team-boxes-item .team-boxes-social-links > li > a {
display: inline-block;
overflow: hidden;
padding: 0.42857em;
border: 2px solid gainsboro;
border-radius: 99em;
outline: none;
line-height: 0;
/* Fixes Chrome bug */
letter-spacing: -1em;
text-indent: -99em;
text-decoration: none;
background-color: white;
}

.team-boxes-item .team-boxes-social-links > li > a:hover {
border-color: currentColor;
}

.team-boxes-item .team-boxes-social-links > li > a:before {
content: none;
}

.team-boxes-item .team-boxes-social-links > li > a:after {
font: 1.28571em/1 "RockSolid Icons";
content: attr(data-icon);
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
letter-spacing: 0;
color: #98a0ab;
}

.team-boxes-item .team-boxes-social-links > li > a:hover:after,
.team-boxes-item .team-boxes-social-links > li > a:focus:after {
color: inherit !important;
}

.team-boxes-image-wrapper {
position: relative;
background-color:var(--mainlayoutcolor1);
overflow: hidden;
}

.team-boxes-image-wrapper > a {
font-size: 0;
}

.team-boxes-image-wrapper > img,
.team-boxes-image-wrapper > a {
display: block;
width: 100%;
height: auto;
}

.team-boxes-image-wrapper > .no-image {
display: block;
padding-bottom: 150%;
background-color: whitesmoke;
}

.team-boxes-image-wrapper > .no-image:after {
font: 100px/1 "RockSolid Icons";
content: "\e13a";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: -50px;
color: gainsboro;
}

/* team-box NEU */

.team-box{}
.team-box-item{max-width: 225px;}

@media screen and (max-width: 900px){
.team-box-item{
	max-width: 225px;
	margin: 0 auto;
}	
	
}

.team-box-item.-align-left {
display: flex;
flex-flow: row;
max-width: inherit;
}
.team-box-item.-align-left .team-box-kontakt{margin-left: 2em}

.team-box-image{width: 100%;max-width: 225px;margin-bottom: .9em;}
.team-box-image img{width: 100%; height:auto; border-radius: 50%;}

.team-box-kontakt{color: var(--mainlayoutcolor2);max-width: 260px;}
.team-box-kontakt .name{color: var(--mainlayoutcolor1); font-weight: 700;font-size: 1.1em;margin-bottom: .4em;}
.team-box-kontakt .position{margin-bottom: .9em;}
.team-box-kontakt .adresse{margin-bottom: .9em;}
.team-box-kontakt .adresse p{margin-bottom:0;}
.team-box-kontakt .telefon{margin-bottom: .9em;color: var(--mainlayoutcolor1); }

.social-links-box{}
.social-links-box .team-boxes-social-links {list-style: none;margin: 0; padding: 0;}
.social-links-box .team-boxes-social-links li{
display: inline-block;
margin: 0 .6em 0 0;
padding: 0;
text-align: center;
}
.social-links-box .team-boxes-social-links li a{
display: inline-block;
width: 45px;
height: 45px;
overflow: hidden;
border-radius:50%;
background: var(--mainlayoutcolor2);
font-size: 0;
text-decoration: none;
}


.social-links-box .team-boxes-social-links li a::before {
display: block;
width: 100%;
height: 100%;
padding: .8em;
font-size: 18px;
color: var(--color8);
}
.social-links-box .team-boxes-social-links li a:hover:before{color: var(--color8)}
.social-links-box .team-boxes-social-links li a:hover{background: var(--mainlayoutcolor1);}

.kontaktform-v1 .team-box-kontakt{color: var(--color8)}
.kontaktform-v1 .team-box-kontakt .name{color: var(--color8)}
.kontaktform-v1 .team-box-kontakt .telefon{color: var(--color8)}
.kontaktform-v1 .social-links-box .team-boxes-social-links li a:hover{background:var(--bgcolor2);}
.kontaktform-v1 .social-links-box .team-boxes-social-links li a::before {color: var(--color8);}
.kontaktform-v1 .social-links-box .team-boxes-social-links li a:hover::before {color: var(--mainlayoutcolor1);}


/* end team-box NEU */

/* kommentar-image-text NEU / Slider */

.kommentar-image-text .kommentartext,
.kommentar-image-text .textunterschrift{padding-left: 50px;}

.kommentar-image-text {display: flex; flex-flow: row;}
.kommentar-image-text .text{}
.kommentar-image-text .kommentartext {margin-bottom:.4em;}
.kommentar-image-text .kommentartext p{margin: 0;}

.kommentar-image-text .kommentartext p::before,
.kommentar-image-text .kommentartext p::after {
content: "\201c";
line-height: 1;
font-size: 60px;
margin:0 0 0 -2rem;
position: absolute;
}
.kommentar-image-text .kommentartext p::after {
content: "\201d";
margin:0 0 0 6px;
}

.kommentar-image-text.th1 .kommentartext{font-weight: 900;font-size: 2.625em;text-transform: uppercase;color: var(--color8);}
.kommentar-image-text.th2 .kommentartext{font-weight: 400;font-size: 1.750em;color: var(--color8);}
.mod_article.invert .kommentar-image-text .kommentartext,
.mod_article.invert .kommentar-image-text .textunterschrift{color: var(--mainlayoutcolor2);}

.kommentar-image-text.th1 .textunterschrift{font-weight: 400;font-size: 1.750em;color: var(--color8);}
.kommentar-image-text.th2 .textunterschrift{font-weight: 700;font-size: 1.1em;color: var(--color8);}

.kommentar-image-text.color2  .kommentartext,
.kommentar-image-text.color2  .textunterschrift{color: var(--color2);}
.kommentar-image-text.color3  .kommentartext,
.kommentar-image-text.color3  .textunterschrift{color: var(--color3);}
.kommentar-image-text.color4  .kommentartext,
.kommentar-image-text.color4  .textunterschrift{color: var(--color4);}
.kommentar-image-text.color6  .kommentartext,
.kommentar-image-text.color6  .textunterschrift{color: var(--color6);}
.kommentar-image-text.color7  .kommentartext,
.kommentar-image-text.color7  .textunterschrift{color: var(--color7);}


.kommentar-image-text .media{min-width: 156px;margin-left: 2em;}
.kommentar-image-text .media img {width: 100%; max-width: 156px;border-radius: 50%;}

.main-content .rsts-skin-kommentare-slider {max-width: 1200px;margin:24px auto 24px 0;}
.main-content .rsts-skin-kommentare-slider .rsts-view{padding-top: 20px;}

.rsts-skin-kommentare-slider .rsts-prev span,
.rsts-skin-kommentare-slider .rsts-next span{display: none;}

.rsts-skin-kommentare-slider .rsts-next,
.rsts-skin-kommentare-slider .rsts-prev{
position: absolute;
overflow: hidden;
outline: none;
line-height: 0;
width: 30px;
height: 30px;
text-decoration: none;
}
.rsts-skin-kommentare-slider .rsts-next{top:0px;right: 0px;}
.rsts-skin-kommentare-slider .rsts-prev{top:0px;right: 40px;}

.rsts-skin-kommentare-slider .rsts-next:before {content: "\e019";}
.rsts-skin-kommentare-slider .rsts-prev:before {content: "\e018";}

.rsts-skin-kommentare-slider .rsts-next:before,
.rsts-skin-kommentare-slider .rsts-prev:before {
font: 1.4em/1 "RockSolid Icons";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display:block;
color: var(--color2);
width: 30px;
height: 30px;
}

.rsts-skin-kommentare-slider .rsts-next:hover:before,
.rsts-skin-kommentare-slider .rsts-prev:hover:before {color: var(--color8);}

.bgcolor2 .rsts-skin-kommentare-slider .rsts-next:before,
.bgcolor2 .rsts-skin-kommentare-slider .rsts-prev:before {color: var(--color8);}
.bgcolor2 .rsts-skin-kommentare-slider .rsts-next:hover:before,
.bgcolor2 .rsts-skin-kommentare-slider .rsts-prev:hover:before,
.bgcolor10 .rsts-skin-kommentare-slider .rsts-next:hover:before,
.bgcolor10 .rsts-skin-kommentare-slider .rsts-prev:hover:before {color: var(--color3);}



/* end kommentar-image-text  */

.multicolumn-icon-lists {
margin: 0.8em 0 1.6em;
zoom: 1;
}

.multicolumn-icon-lists:before {
content: "";
display: table;
}

.multicolumn-icon-lists:after {
content: "";
display: table;
clear: both;
}

.multicolumn-icon-list {
float: left;
margin: 0;
padding-right: 0.8em;
padding-left: 0;
list-style-type: none;
}

.main-content .multicolumn-icon-list {
margin: 0;
}

.multicolumn-icon-list > h2 {
font-size: 1.4em;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 1.14286em;
}

.multicolumn-icon-list > h2:after {
content: "";
display: block;
width: 2.66667em;
height: 2px;
margin-top: 0.4em;
background:var(--mainlayoutcolor1);
}

.-color-inverted.-highlight-color .multicolumn-icon-list > h2:after {
background: #3685ab;
}

.multicolumn-icon-list ul {
margin: 0;
}

.multicolumn-icon-list li:before {
color:var(--mainlayoutcolor1);
}

.multicolumn-icon-list li a[target="_blank"]:after {
content: none;
}

.-columns-1 > .multicolumn-icon-list {
width: 100%;
}

.-columns-2 > .multicolumn-icon-list {
width: 50%;
}

.-columns-3 > .multicolumn-icon-list {
width: 33.33333%;
}

.-columns-4 > .multicolumn-icon-list {
width: 25%;
}

.-columns-5 > .multicolumn-icon-list {
width: 20%;
}

.-columns-6 > .multicolumn-icon-list {
width: 16.66667%;
}

.multicolumn-icon-list:last-of-type {
margin-right: -1px;
}

@media screen and (max-width: 599px) {
.multicolumn-icon-list.multicolumn-icon-list {
/* doubled class for specificity */
float: none;
width: auto;
}
}

.info-lists {
zoom: 1;
}

.info-lists:before {
content: "";
display: table;
}

.info-lists:after {
content: "";
display: table;
clear: both;
}

.info-list {
float: left;
}

.-columns-1 > .info-list {
width: 100%;
}

.-columns-2 > .info-list {
width: 50%;
}

.-columns-3 > .info-list {
width: 33.33333%;
}

.-columns-4 > .info-list {
width: 25%;
}

.-columns-5 > .info-list {
width: 20%;
}

.-columns-6 > .info-list {
width: 16.66667%;
}

.info-list:last-of-type {
margin-right: -1px;
}

.info-list dt {
margin-top: 1em;
color: #98a0ab;
font-size: 0.8em;
letter-spacing: 0.1em;
text-transform: uppercase;
}

.info-list dt:first-child {
margin-top: 0;
}

.info-list dd {
margin-left: 0;
}

@media screen and (max-width: 599px) {
.info-list.info-list {
/* doubled class for specificity */
float: none;
width: auto;
}
}

.info-list a[target="_blank"]:after {
content: none;
}

.headline-box {
margin: 2.4em 0;
text-align: center;
}

.headline-box.-align-left {
text-align: left;
}

.headline-box.-align-left:before {
text-align: left;
margin-left: 0;
}

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

.headline-box.-align-right:before {
text-align: right;
margin-right: 0;
}

.headline-box.-no-underline:after {
content: none;
}

.headline-box.-small {
margin: 1.6em 0;
}

.headline-box.-small:before {
font-size: 1.6em;
margin-bottom: 0.25em;
}

.headline-box.-no-tracking h2 {
letter-spacing: normal;
text-transform: none;
}

.headline-box:before {
display: block;
width: 1.95455em;
height: 1.95455em;
margin: 0 auto 0.27273em auto;
border-radius: 100%;
font-size: 2.93333em;
font-weight: normal;
line-height: 2.00023;
text-align: center;
background: white;
background: rgba(255, 255, 255, 0.6);
color:  var(--bgcolor3);
}

.-color-inverted .headline-box:before {
background: #353d47;
background: rgba(53, 61, 71, 0.6);
color: white;
}

.headline-box:after {
content: "";
display: inline-block;
width: 8em;
height: 2px;
background:var(--mainlayoutcolor2);
}

.-highlight-color .headline-box:after {
background: #3685ab;
}

.headline-box.-button-only:after {
display: none;
}

.headline-box h2 {
margin: 0.11111em 0;
font-size: 2.4em;
font-weight: normal;
letter-spacing: 0.1em;
color: inherit;
text-transform: uppercase;
}

@media screen and (max-width: 599px) {
.headline-box h2 {
font-size: 1.86667em;
}
}

.headline-box h2.-bold {
font-weight: bold;
}

.headline-box h2.-small {
font-size: 1.6em;
}

.headline-box h2.-medium {
font-size: 2.13333em;
}

@media screen and (max-width: 599px) {
.headline-box h2.-medium {
font-size: 1.6em;
}
}

.headline-box h2.-large {
font-size: 2.8em;
}

@media screen and (max-width: 599px) {
.headline-box h2.-large {
font-size: 2.13333em;
}
}

.headline-box h2.-super-size {
font-size: 3.46667em;
}

@media screen and (max-width: 599px) {
.headline-box h2.-super-size {
font-size: 2.4em;
}
}

.headline-box h3 {
margin: 0;
font-size: 0.93333em;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.5;
color: #98a0ab;
text-transform: uppercase;
}

.-color-inverted.-highlight-color .headline-box h3 {
color: #3685ab;
}

.-color-inverted .headline-box h3 {
color: gainsboro;
}

.headline-box h3.-small {
font-size: 0.86667em;
}

.headline-box h3.-medium {
font-size: 1.06667em;
}

@media screen and (max-width: 599px) {
.headline-box h3.-medium {
font-size: 0.93333em;
}
}

.headline-box h3.-large {
font-size: 1.2em;
}

@media screen and (max-width: 599px) {
.headline-box h3.-large {
font-size: 1.06667em;
}
}

.headline-box h3.-super-size {
font-size: 1.4em;
}

@media screen and (max-width: 599px) {
.headline-box h3.-super-size {
font-size: 1.2em;
}
}

.headline-box.-button-inline h2,
.headline-box.-button-inline h3 {
display: inline;
}

@media screen and (max-width: 599px) {
.headline-box.-button-inline h2,
.headline-box.-button-inline h3 {
display: block;
}
}

h2 + .headline-box-link,
h3 + .headline-box-link {
margin-top: 1.92857em;
}

.-align-left > .headline-box-link {
float: right;
margin: -0.14286em 0 0 3.14286em;
}

@media screen and (max-width: 599px) {
.-align-left > .headline-box-link {
float: none;
margin: 0 0 1em;
}
}

.-align-right > .headline-box-link {
float: left;
margin: -0.14286em 3.14286em 0 0;
}

@media screen and (max-width: 599px) {
.-align-right > .headline-box-link {
float: none;
margin: 0 0 1em;
}
}

.-button-inline > .headline-box-link {
margin: 0 0 0 2.14286em;
}

@media screen and (max-width: 599px) {
.-button-inline > .headline-box-link {
margin: 1em 0 0;
}
}

.teaser-boxes {
zoom: 1;
}

.teaser-boxes:before {
content: "";
display: table;
}

.teaser-boxes:after {
content: "";
display: table;
clear: both;
}

.teaser-boxes-item {
text-align: center;
}

.teaser-boxes-item .no-image {
display: block;
padding-top: 75%;
background: #f2f2f2;
}

.teaser-boxes-item .teaser-boxes-label {
display: inline-block;
margin-bottom: 1.11111em;
padding: 0 0.44444em;
color:var(--mainlayoutcolor1);
border: 2px solid var(--mainlayoutcolor1);
border-radius: 99em;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.05556em;
}

@media screen and (max-width: 599px) {
.teaser-boxes-item .teaser-boxes-label {
font-size: 0.9em;
}
}

.teaser-boxes-item .teaser-boxes-label + .teaser-boxes-content > h3 {
margin-top: 0;
}

.teaser-boxes-item.-align-left {
text-align: left;
}

.teaser-boxes-item.-align-right {
text-align: right;
}

.-boxed > .teaser-boxes-item {
overflow: hidden;
padding: 1.42857em;
border: 1px solid gainsboro;
border-radius: 2px;
outline: none;
background-color: white;
}

.teaser-boxes-content > h3 {
font-size: 1.2em;
font-weight: bold;
}

.teaser-boxes-image {
display: block;
margin-bottom: 1.2em;
}

.teaser-boxes-image > img {
display: block;
margin: 0 auto;
}

.teaser-boxes-image.-image-circle {
border-radius: 99em;
overflow: hidden;
/* Fixes hover in Chrome */
opacity: 0.99;
outline: none;
}

.teaser-boxes-image.-image-circle > img {
/* Fixes android bug with border-radius and overflow */
border-radius: 99em;
}

.teaser-boxes-image.-has-hover:hover img,
.teaser-boxes-image.-has-hover:focus img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

.teaser-boxes-content{margin-bottom: .6em;}


.testimonial,
blockquote.testimonial {
margin: 2.66667em 0;
font-size: inherit;
color: inherit;
text-align: center;
}

.testimonial:before,
blockquote.testimonial:before {
content: "\201c";
float: none;
display: block;
margin: -0.2em 0;
font-size: 6.66667em;
/* IE8 and IE9 calculate em's wrong */
font-size: 100px \9;
line-height: 1;
color:var(--mainlayoutcolor1);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.testimonial:before,
blockquote.testimonial:before {
/* IE10 and IE11 calculate em's wrong */
font-size: 100px;
}
}

.-highlight-color .testimonial:before,
.-highlight-color blockquote.testimonial:before {
color: #3685ab;
}

.testimonial-text {
font-size: 2.66667em;
}

@media screen and (max-width: 599px) {
.testimonial-text {
font-size: 1.86667em;
}
}

.-small .testimonial-text {
font-size: 1.06667em;
}

@media screen and (max-width: 599px) {
.-small .testimonial-text {
font-size: 0.93333em;
}
}

.-medium .testimonial-text {
font-size: 1.4em;
}

@media screen and (max-width: 599px) {
.-medium .testimonial-text {
font-size: 1.2em;
}
}

.-large .testimonial-text {
font-size: 1.86667em;
}

@media screen and (max-width: 599px) {
.-large .testimonial-text {
font-size: 1.6em;
}
}

.-super-size .testimonial-text {
font-size: 3.2em;
}

@media screen and (max-width: 599px) {
.-super-size .testimonial-text {
font-size: 2.4em;
}
}

.testimonial-text p {
margin: 0;
}

.testimonial-author {
margin: 1.33333em 0;
font-size: 0.93333em;
letter-spacing: 0.1em;
text-transform: uppercase;
}

.testimonial-author img {
display: inline;
vertical-align: middle;
overflow: hidden;
margin-right: 0.71429em;
border-radius: 99em;
}

.testimonial-author small {
font-size: inherit !important;
}

.testimonial-author a {
color: inherit;
}

.pricing-table {
zoom: 1;
margin: 2.66667em 0;
}

.pricing-table:before {
content: "";
display: table;
}

.pricing-table:after {
content: "";
display: table;
clear: both;
}

.pricing-table > h1,
.pricing-table > h2,
.pricing-table > h3,
.pricing-table > h4,
.pricing-table > h5,
.pricing-table > h6 {
margin-top: 0;
}

.pricing-table-plan {
position: relative;
float: left;
border: 1px solid #f2f2f2;
text-align: center;
}

.pricing-table-plan h4 {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
margin: -2px;
padding-bottom: 100%;
font-size: inherit;
font-weight: normal;
pointer-events: none;
}

.pricing-table-plan h4 span {
float: left;
margin: -2.07692em;
padding: 0.76923em 2.92308em;
font-size: 0.86667em;
letter-spacing: 0.1em;
text-transform: uppercase;
color: white;
background: #262626;
-webkit-transform: translate(-30%, 0) rotate(-45deg);
-moz-transform: translate(-30%, 0) rotate(-45deg);
-ms-transform: translate(-30%, 0) rotate(-45deg);
-o-transform: translate(-30%, 0) rotate(-45deg);
transform: translate(-30%, 0) rotate(-45deg);
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
}

@media screen and (max-width: 1380px) {
.pricing-table-plan h4 span {
font-size: 0.66667em;
}
}

.pricing-table-plan h3 {
margin: -1px -1px 1px;
padding: 1.42857em 0.71429em;
font-size: 0.93333em;
font-weight: normal;
letter-spacing: 0.1em;
color: white;
text-transform: uppercase;
background: #3685ab;
}

.pricing-table-plan p {
position: relative;
margin: -1px -1px 1px;
padding: 0.3125em 0.125em 0.4375em;
border-bottom: 1px solid #f2f2f2;
font-size: 5.33333em;
line-height: 1;
color: white;
background:var(--mainlayoutcolor1);
}

@media screen and (max-width: 1380px) {
.pricing-table-plan p {
font-size: 4em;
}
}

.pricing-table-plan p:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
margin: -0.125em;
border: 0.125em solid transparent;
border-top-color: var(--mainlayoutcolor1);
border-bottom: 0;
}

.pricing-table-plan p b {
display: inline-block;
vertical-align: top;
margin: 0.26471em -0.47059em 0 0;
font-size: 0.425em;
font-weight: normal;
}

.pricing-table-plan ul {
margin: 1.46667em 1.33333em;
padding: 0;
list-style: none;
color: #98a0ab;
}

.pricing-table-plan li {
padding: 0.46667em 0 0.53333em;
border-top: 1px solid #f2f2f2;
-webkit-transition: background-color 0.3s ease-in;
-moz-transition: background-color 0.3s ease-in;
-o-transition: background-color 0.3s ease-in;
transition: background-color 0.3s ease-in;
}

.pricing-table-plan li:hover {
background-color: #f2f2f2;
-webkit-transition-duration: 0.05s;
-moz-transition-duration: 0.05s;
-o-transition-duration: 0.05s;
transition-duration: 0.05s;
}

.pricing-table-plan li:first-child {
border-top: 0;
}

.pricing-table-plan a {
display: block;
margin: 2.42857em 1.42857em 1.42857em;
}

.pricing-table-plan a.-secondary {
display: block;
}

.pricing-table-plan-price-part {
display: inline-block;
vertical-align: bottom;
text-align: left;
margin-left: 0.0375em;
}

.pricing-table-plan-price-part small {
display: block;
font-size: 0.425em;
}

.pricing-table-plan-price-part small + i {
margin-top: 1.06667em;
}

.pricing-table-plan-price-part small + i:after {
/* Fix empty elements */
content: "\a0";
margin-left: -0.26em;
}

.pricing-table-plan-price-part i {
display: block;
margin-bottom: 0.4em;
font-size: 0.1875em;
font-style: normal;
}

.google-map {
position: relative;
padding-bottom: 56.25%;
}

.google-map > a,
.google-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.google-map > a {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: #e5e3df;
}

.info-map {
position: relative;
clear: both;
}

.info-map-gmap {
height: 31.33333em;
}

@media screen and (max-width: 599px) {
.info-map-gmap {
height: 20em;
/* Add area for touch scrolling */
margin-right: 5.55556%;
margin-left: 5.55556%;
}
}

.info-map-gmap > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: #e5e3df;
}

.skills {
margin: 1.6em 0;
}

.skills-item {
margin: 2.13333em 0;
}

.skills-item:first-child {
margin-top: 0;
}

.skills-item > a {
display: block;
color: inherit;
}

.skills-item > a:hover,
.skills-item > a:focus {
text-decoration: none;
opacity: 0.6;
}

.skills-item h3,
.skills-item h4 {
margin: 0;
margin-bottom: 16px;
font-size: 0.93333em;
font-weight: bold;
letter-spacing: 0.1em;
color: inherit;
text-transform: uppercase;
}

.skills-item h3 {
float: left;
}

.skills-item h3:after {
content: "";
display: table;
}

.skills-item h4 {
color: #98a0ab;
text-align: right;
}

.skills-item-meter {
clear: both;
height: 1.6em;
overflow: hidden;
margin: 1.06667em 0;
background: gainsboro;
}

.skills-item-meter-inner {
height: 100%;
color:var(--mainlayoutcolor1);
background-color: currentColor;
}

.skills-item.not-in-view .skills-item-meter-inner {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}

.skills-item.in-view .skills-item-meter-inner {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: -webkit-transform 2s ease-out;
-moz-transition: -moz-transform 2s ease-out;
-o-transition: -o-transform 2s ease-out;
transition: transform 2s ease-out;
}

.tab-navigation {
border: 1px solid transparent;
border-bottom-color: gainsboro;
text-align: center;
}

.tab-navigation ul,
.tab-navigation li {
margin: 0;
padding: 0;
}

.tab-navigation ul {
display: table;
table-layout: fixed;
display: flex;
align-items: flex-end;
width: 100%;
}

@media screen and (max-width: 599px) {
.tab-navigation ul {
display: inline;
}
}

.tab-navigation li {
display: table-cell;
flex-grow: 1;
list-style-type: none;
vertical-align: bottom;
}

@media screen and (max-width: 599px) {
.tab-navigation li {
display: block;
}
}

.tab-navigation li:first-child a {
margin-left: -1px;
}

.tab-navigation a {
position: relative;
display: block;
margin: -1px -1px 0 0;
padding: 0.6em 1.86667em;
letter-spacing: 0.1em;
text-transform: uppercase;
outline: none;
border: 1px solid gainsboro;
border-bottom-width: 0;
background-color: white;
}

@media screen and (max-width: 599px) {
.tab-navigation a {
margin: 0 -1px;
}
}

.tab-navigation a:hover,
.tab-navigation a:focus {
text-decoration: none;
}

.tab-navigation a.is-active {
z-index: 1;
box-shadow: 0 10px 0 -1px white, 0 -3px var(--mainlayoutcolor1), -3px 0 3px -1px rgba(0, 0, 0, 0.1), 3px 0 3px -1px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 599px) {
.tab-navigation a.is-active {
border-color:  var(--mainlayoutcolor1);
color: white;
background: var(--mainlayoutcolor1);
box-shadow: 0 1px var(--mainlayoutcolor1);
}
}

.tab-navigation.-image-tabs {
border: 0;
}

.tab-navigation.-image-tabs ul,
.tab-navigation.-image-tabs li {
display: inline;
}

.tab-navigation.-image-tabs a {
display: inline-block;
margin: 0;
padding: 0.5625em 1.75em;
border: 0;
font-size: 1.06667em;
color: inherit;
background: none;
}

.tab-navigation.-image-tabs a:hover,
.tab-navigation.-image-tabs a:focus {
color:var(--mainlayoutcolor1);
}

.tab-navigation.-image-tabs a.is-active {
color:var(--mainlayoutcolor1);
box-shadow: none;
}

.tab-navigation.-image-tabs a.is-active:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -0.4375em;
border: 0.4375em solid transparent;
border-top-color: var(--mainlayoutcolor1);
border-bottom: 0;
}

.tab-navigation.-image-tabs a:before {
display: block;
margin: 0 auto 0.25em;
font-size: 3em;
color:var(--mainlayoutcolor1);
}

.tab-navigation.-image-tabs a img {
display: block;
margin: 0 auto 0.8em;
}

.-columns-1 .tab-navigation-item {
width: 100%;
}

.-columns-2 .tab-navigation-item {
width: 50%;
}

.-columns-3 .tab-navigation-item {
width: 33.33333%;
}

.-columns-4 .tab-navigation-item {
width: 25%;
}

.-columns-5 .tab-navigation-item {
width: 20%;
}

.-columns-6 .tab-navigation-item {
width: 16.66667%;
}

@media screen and (max-width: 599px) {
.tab-navigation-item.tab-navigation-item {
width: auto;
}
}

.tab-start.-has-border {
margin-top: -1px;
border: 1px solid gainsboro;
padding-right: 2.66667em;
padding-left: 2.66667em;
}

.timeline {
margin: 2.66667em 16.66667%;
position: relative;
}

@media screen and (max-width: 900px) {
.timeline {
margin-right: 0;
margin-left: 0;
}
}

.timeline:before,
.timeline:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
background: #98a0ab;
}

@media screen and (max-width: 599px) {
.timeline:before,
.timeline:after {
left: 4.54545%;
}
}

.timeline:before {
top: 0;
width: 2px;
margin: 0 -1px;
}

.timeline:after {
width: 10px;
height: 10px;
margin: 0 -5px;
border-radius: 99em;
}

.timeline-item {
position: relative;
min-height: 6em;
/* clearfix */
overflow: hidden;
padding: 0 0 2em;
}

.timeline-item:before {
position: absolute;
top: 1em;
left: 50%;
font-size: 2em;
border-radius: 99em;
}

@media screen and (max-width: 599px) {
.timeline-item:before {
left: 4.54545%;
}
}

.timeline-item.not-in-view:before {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}

.timeline-item.in-view:before {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: -webkit-transform 0.6s ease-out;
-moz-transition: -moz-transform 0.6s ease-out;
-o-transition: -o-transform 0.6s ease-out;
transition: transform 0.6s ease-out;
}

.timeline-item:not([data-icon]):before {
content: "";
width: 0.66667em;
height: 0.66667em;
margin: -0.33333em;
border: 0.06667em solid #98a0ab;
background: white;
}

.timeline-item[data-icon]:before {
width: 2em;
height: 2em;
margin: -1em;
padding-top: 0.5em;
color: white;
text-align: center;
background: var(--mainlayoutcolor1);
}

@media screen and (max-width: 599px) {
.timeline-item[data-icon]:before {
font-size: 1.06667em;
}
}

.timeline-item > h3 {
float: left;
width: 40%;
color: #98a0ab;
text-align: right;
}

@media screen and (max-width: 599px) {
.timeline-item > h3 {
float: none;
width: auto;
margin-left: 13.63636%;
text-align: left;
}
}

.timeline-item:nth-of-type(2n) > h3 {
float: right;
text-align: left;
}

@media screen and (max-width: 599px) {
.timeline-item:nth-of-type(2n) > h3 {
float: none;
}
}

.timeline-item:nth-of-type(2n) > .timeline-item-text {
float: left;
text-align: right;
}

@media screen and (max-width: 599px) {
.timeline-item:nth-of-type(2n) > .timeline-item-text {
float: none;
text-align: left;
}
}

.timeline-item-text {
float: right;
width: 40%;
}

@media screen and (max-width: 599px) {
.timeline-item-text {
float: none;
width: auto;
margin-left: 13.63636%;
}
}

.timeline-item > h3,
.timeline-item-text h3,
.timeline-item-text h4 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
}

.timeline-item-text h4 {color: var(--mainlayoutcolor1) !important;}

.timeline-image-caption {
font-size: 0.93333em;
color: #98a0ab;
}

/* ===========================================
 * Modules (Search, FAQ, News, Events, Comments, Sitemap etc.)
 * ======================================== */
.fixed-note {
position: fixed;
display: table;
top: auto;
right: 0;
bottom: 0;
left: 0;
width: 100%;
min-height: 4em;
padding: 0.8em 1.33333em 0.8em 5.33333em;
padding-right: calc(1.33333em + var(--safe-area-right));
padding-left: calc(5.33333em + var(--safe-area-left));
border-top: 1px solid gainsboro;
z-index: 99;
background-color: white;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 900px) {
.fixed-note {
position: static;
}
}

@media screen and (max-width: 599px) {
.fixed-note {
display: block;
padding-left: 1.33333em;
padding-left: calc(1.33333em + var(--safe-area-left));
}
}

.fixed-note:before {
position: absolute;
top: 50%;
margin-top: -0.5em;
left: 0.83333em;
left: calc(0.83333em + var(--safe-area-left));
font-size: 2.4em;
color:var(--mainlayoutcolor1);
}

@media screen and (max-width: 900px) {
.fixed-note:before {
top: 0.66667em;
margin-top: 0;
}
}

@media screen and (max-width: 599px) {
.fixed-note:before {
position: static;
}
}

.fixed-note h1,
.fixed-note h2,
.fixed-note h3 {
font-size: 0.93333em;
margin: 0.42857em 0;
}

.fixed-note p {
font-size: 0.86667em;
margin: 0.46154em 0;
}

.fixed-note-column {
display: table-cell;
vertical-align: middle;
padding: 0 0.66667em;
}

.fixed-note-column:last-child {
text-align: right;
}

@media screen and (max-width: 900px) {
.fixed-note-column:last-child {
text-align: left;
}
}

@media screen and (max-width: 900px) {
.fixed-note-column {
display: block;
margin: 0.8em 0;
padding: 0;
}
}

.fixed-note-link,
.fixed-note-button {
white-space: nowrap;
}

.fixed-note-button {
margin: 0;
}

.fixed-note-closed {
position: fixed;
right: 2em;
right: calc(2em + var(--safe-area-right));
bottom: 0;
z-index: 99;
padding: 0.53333em 0.8em;
color: white;
text-decoration: none;
background: #3685ab;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 900px) {
.fixed-note-closed {
position: absolute;
top: 0.8em;
top: calc(0.8em + var(--safe-area-top));
right: 4.66667em;
right: calc(4.66667em + var(--safe-area-right));
bottom: auto;
padding: 0.26667em 0.8em;
}
}

.fixed-note-closed:hover,
.fixed-note-closed:focus {
background-color: #2a6784;
}

.fixed-note-closed:before {
font: 100%/1 "RockSolid Icons";
content: "\e0a6";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
}

.fixed-note-closed > span {
display: none;
}

.breadcrumbs-wrapper {
padding-bottom: 2em;
}

@media screen and (max-width: 599px) {
.breadcrumbs-wrapper {
padding-bottom: 0;
}
}

.oneo-fullwidth .breadcrumbs-wrapper {
padding-bottom: 0;
}

.breadcrumbs-headline {
float: left;
margin: 0;
font-size: 1.4em;
line-height: 1.5;
font-weight: normal;
color: inherit;
padding: 1.09524em 0 1.19048em;
}

.breadcrumbs-headline:not(:last-child) {
padding-bottom: 0;
}

@media screen and (max-width: 599px) {
.breadcrumbs-headline {
float: none;
padding-top: 0;
padding-bottom: 0;
margin-top: 0.95238em;
margin-bottom: 0.95238em;
text-align: center;
}
}

.mod_breadcrumb {
padding: 0 0 2.07692em 0;
font-size: 0.86667em;
}

.mod_breadcrumb li.last{display: none}

@media screen and (max-width: 599px) {
.mod_breadcrumb {
padding-top: 0;
padding-bottom: 0;
margin-top: 1.53846em;
margin-bottom: 1.53846em;
text-align: center;
}
}

.mod_breadcrumb.-right {
float: right;
}

@media screen and (max-width: 599px) {
.mod_breadcrumb.-right {
float: none;
}
}

.mod_breadcrumb ul,
.mod_breadcrumb li {
display: inline;
margin: 0;
padding: 0;
}

.mod_breadcrumb li:before {
content: " \A0 / \A0 ";
}

.mod_breadcrumb li:first-child:before {
content: none;
}

.mod_breadcrumb a {
color: inherit;
text-decoration: underline;
}

.mod_breadcrumb a:hover {
text-decoration: none;
}

p.back a:before,
p.previous a:before,
p.next a:after {
font: 0.8em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
top: -0.16667em;
margin-right: 0.5em;
vertical-align: middle;
}

p.next a:after {
content: "\e019";
margin-right: 0;
margin-left: 0.5em;
}

.pagination > p {
text-align: center;
}

.pagination ul {
list-style-type: none !important;
text-align: center;padding: 0;
}

.pagination li {
display: inline-block;
}

.pagination li a,
.pagination li strong,
.pagination li span {
padding: 4px 12px;
background-color: white;
}

.pagination li .current,
.pagination li .active {
border-bottom: 1px solid #f2f2f2;
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}

.mod_newslist .pagination {width: 100%; clear: both;padding: 1em 0;}
.mod_newscategories ul {
padding: 0;
}
.mod_newscategories li {
position: relative;
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;
padding: 0;
}
.mod_newscategories li a, .mod_newscategories li strong {
padding: 2px 5px;
margin: 0 2px 0 0;
background-color: #f4f4f4;
color: #000;
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
}
.mod_newscategories li a:hover, .mod_newscategories li strong {
background-color:var(--mainlayoutcolor1_hover);
color: #000;
text-decoration: none;
}
.mod_newscategories li strong {
background-color:var(--mainlayoutcolor1);
color: #fff;
}
.mod_newscategories li::after {
content: "/";margin-left: 10px;
}


.news-image-teaser {
zoom: 1;
position: relative;
margin: 4.53333em 0;
}

.news-image-teaser:before {
content: "";
display: table;
}

.news-image-teaser:after {
content: "";
display: table;
clear: both;
}

.news-image-teaser:first-child {
margin-top: 3em;
}

.news-image-teaser h2 {
margin: 0 3.21429em 0.35714em 0;
font-size: 1.86667em;
font-weight: normal;
line-height: 1.28607;
color: inherit;
}

@media screen and (max-width: 599px) {
.news-image-teaser h2 {
margin-right: 0;
}
}

.news-image-teaser h2 a {
color: inherit;
}

.news-image-teaser h2 a:hover,
.news-image-teaser h2 a:focus {
color:var(--mainlayoutcolor1);
text-decoration: none;
}

.news-image-teaser p {
margin: 0.66667em 0;
color: #98a0ab;
}

.news-image-teaser p.news-image-teaser-info {
margin: -0.46667em 0 0.33333em;
}

.news-image-teaser-image {
float: right;
max-width: 35%;
margin-left: 5%;
}

@media screen and (max-width: 599px) {
.news-image-teaser-image {
float: none;
max-width: none;
margin-left: 0;
margin-bottom: 0.66667em;
}
}

.news-image-teaser-image img {
display: block;
max-width: 100%;
height: auto;
margin: 0;
}

.news-image-teaser-date {
position: absolute;
right: 0.71429em;
top: 0;
width: 1.85714em;
padding: 0.25em 0 0.32143em;
font-size: 1.86667em;
font-weight: bold;
line-height: 1;
color:var(--mainlayoutcolor1);
text-align: center;
background: white;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 599px) {
.news-image-teaser-date {
position: static;
float: right;
}

.news-image-teaser-image ~ .news-image-teaser-date {
position: absolute;
right: auto;
left: 0.71429em;
}
}

.news-image-teaser-date b {
display: block;
margin: -0.05882em 0 0;
font-size: 0.60714em;
font-weight: normal;
text-transform: uppercase;
}

.news-image-teaser-more {
font-size: 0.86667em;
font-weight: bold;
letter-spacing: 0.07692em;
text-transform: uppercase;
}

.news-boxed {
zoom: 1;
margin: 2.66667em 0;
}

.news-boxed:before {
content: "";
display: table;
}

.news-boxed:after {
content: "";
display: table;
clear: both;
}

.news-boxed-item h3 {
margin: 0 0 0.8em 0 !important;
font-size: 1.2em;
font-weight: normal;
line-height: 1.33389;
}

.news-boxed-item h3 > a {
color: inherit;
text-decoration: none;
}

.news-boxed-item h3 > a:hover,
.news-boxed-item h3 > a:focus {
color:var(--mainlayoutcolor1);
}

.news-boxed-item p {
margin:0 0 1.2em 0;
}

.news-boxed-item p.news-boxed-item-info {
margin: 0 0 0.16667em;
font-size: 0.8em;
}

.news-boxed-item-image {
position: relative;
margin-bottom: 1.1em;
}

/*.news-boxed-item-image:after {
font: 1.66667em/1 "RockSolid Icons";
content: "\e0dd";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
right: 0.8em;
padding: 0.32em;
color:var(--mainlayoutcolor1);
background: white;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

 */

.news-boxed-item-image img {
display: block;
width: 100%;
height: auto;
}

.news-boxed-item-image-more > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0.93333em;
font-weight: bold;
letter-spacing: 0.07143em;
color: white;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background: var(--mainlayoutcolor1);
background: rgba(51, 177, 236, 0.5);
opacity: 0;
}

.news-boxed-item-image-more > a:hover,
.news-boxed-item-image-more > a:focus {
opacity: 1;
}

.news-boxed-item-image-more > a:before {
content: "";
display: block;
height: 50%;
margin-bottom: -0.78571em;
}

.news-link-list-item {
margin: 0.8em 0;
min-height: 2.66667em;
}

.news-link-list-item:hover time:before {
top: 0.4em;
}

.news-link-list-item:hover b {
margin-top: 40px;
}

.news-link-list-item time {
position: relative;
float: left;
width: 3.6em;
height: 3.6em;
padding: 0.3em 0 0;
overflow: hidden;
font-size: 0.66667em;
line-height: 1;
color: white;
text-transform: uppercase;
text-align: center;
background: #3685ab;
}

.news-link-list-item time:before {
font: 2em/1 "RockSolid Icons";
content: "\e0dd";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: -1em;
left: 0.4em;
-webkit-transition: top 0.2s ease-out;
-moz-transition: top 0.2s ease-out;
-o-transition: top 0.2s ease-out;
transition: top 0.2s ease-out;
}

.news-link-list-item time b {
display: block;
font-size: 1.8em;
font-weight: normal;
-webkit-transition: margin 0.2s ease-out;
-moz-transition: margin 0.2s ease-out;
-o-transition: margin 0.2s ease-out;
transition: margin 0.2s ease-out;
}

.-color-inverted .news-link-list-item time {
background: white;
color: #242424;
}

.news-link-list-item a {
display: block;
line-height: 1.33333em;
}

.news-link-list-item time + a {
padding-left: 3.33333em;
}

.sidebar-news > .block {
margin-bottom: 0.71429em;
padding-bottom: 0.71429em;
border-bottom: 1px dotted gainsboro;
}

.sidebar-news .info {
margin-bottom: 0;
}

.sidebar .sidebar-news .image_container {
margin-top: 0;
}

.sidebar .sidebar-news h2 {
margin: 0.85714em 0 0;
}

.sidebar .sidebar-news p {
margin: 0.42857em 0;
}

.nc360-introbox{padding: 30px;color: var(--color8);background:  var(--mainlayoutcolor2);margin-top: 24px;}
.nc360-introbox h2{color: var(--color8) !important;}
.nc360-introbox .social-links h4{color: var(--color8) }
.nc360-introbox .social-links .social-icon-links a {}

.mod_newslist.row .news-boxed-item{margin-bottom: 2.4em}
.mod_newslist.row .news-boxed-item p.news-boxed-item-info {
margin: 0 0 0.16667em;
font-size: 1.0em;
}
.mod_newslist .news-boxed-item p.more a {
color:  var(--mainlayoutcolor1)
}
.mod_newslist .news-boxed-item h2,
.mod_newslist .news-boxed-item h4{color: var(--color1)}

.mod_newslist .news-boxed-item-image {
margin-bottom: 2.2em;
}


.main-content .mod_calendar {
margin: 1.6em 0;
}

.mod_calendar th.previous a:after,
.mod_calendar th.previous a:before,
.mod_calendar th.next a:after,
.mod_calendar th.next a:before {
display: none;
}

.mod_calendar th.current {
border-right: 0;
border-left: 0;
text-align: center;
}

.mod_calendar th.current:before {
font: 16px/1 "RockSolid Icons";
content: "\e037";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 6px;
}

.mod_calendar th.previous {
border-right: 0;
}

.mod_calendar th.next {
border-left: 0;
text-align: right;
}

.mod_calendar th.label {
font-size: 0.8em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.07143em;
}

@media screen and (max-width: 599px) {
.mod_calendar th.label > span {
display: none;
}
}

.mod_calendar td {
vertical-align: top;
width: 14.28571%;
}

@media screen and (max-width: 599px) {
.mod_calendar td {
text-align: center;
}
}

.mod_calendar td.today {
font-weight: bold;
background-color: gainsboro;
}

.mod_calendar .event {
font-size: 0.8em;
}

.mod_calendar .minicalendar .label {
padding-left: 0;
padding-right: 0;
}

.mod_calendar .minicalendar td {
padding: 0.2em;
text-align: center;
}

.mod_newsletterlist ul {
padding-left: 0;
list-style-type: none;
}

.mod_newsletterlist ul li {
border-bottom: 1px solid gainsboro;
padding: 0.53333em 0;
}

.mod_newsletterlist ul li:before {
font: 2em/1 "RockSolid Icons";
content: "\e0ce";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
float: left;
width: 1.33333em;
margin-top: 0.13333em;
color:var(--mainlayoutcolor1);
}

.mod_newsletterlist ul a {
display: block;
font-size: 1.4em;
}

.mod_eventlist {
margin-top: 1.6em;
}

.mod_eventlist > .header {
font-weight: bold;
}

.mod_eventlist .event {
overflow: hidden;
margin-bottom: 3.2em;
}

.mod_eventlist .event > h2 {
margin-top: 0;
font-size: 1.6em;
}

.mod_faqlist ul {
list-style: none;
padding-left: 0;
}

.mod_faqlist li:before {
font: 100%/1 "RockSolid Icons";
content: "\e0f7";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.53333em;
}

.mod_faqpage section {
margin: 2.4em 0;
padding-left: 4.8em;
}

.mod_faqpage h3 {
position: relative;
margin: 1em 0;
padding: 0.47619em 0 0.71429em;
border-bottom: 1px solid #f2f2f2;
font-size: 1.4em;
}

.mod_faqpage h3:before,
.mod_faqpage h3 + *:before {
content: "Q";
position: absolute;
top: 0;
left: -2.57143em;
width: 1.78571em;
padding: 0.35714em 0.39286em 0.42857em;
border-radius: 100%;
font-size: 1.33333em;
line-height: 1;
color: white;
text-align: center;
background: var(--mainlayoutcolor1);
}

.mod_faqpage h3 + * {
position: relative;
}

.mod_faqpage h3 + *:before {
content: "A";
left: -3.75em;
font-size: 1.06667em;
}

.mod_faqpage p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}

.mod_faqpage .info {
font-size: 0.86667em;
color: #98a0ab;
}

.mod_faqreader .info {
font-size: 0.86667em;
color: #98a0ab;
}

.mod_search {
margin: 1.8em 0;
}

.mod_search .widget {
display: inline;
}

.mod_search form input {
vertical-align: middle;
}

.mod_search form input[type="search"] {
width: 74.375%;
margin: 0;
padding-top: 1.06667em;
padding-bottom: 1em;
}

.mod_search form button[type="submit"],
.mod_search form input[type="submit"] {
width: 25%;
margin: 0 -2% 0 0;
}

@media screen and (max-width: 599px) {
.mod_search form button[type="submit"],
.mod_search form input[type="submit"] {
padding-right: 0;
padding-left: 0;
}
}

.mod_search .relevance {
float: right;
margin-top: 0.71429em;
font-size: 0.58333em;
}

.mod_search .header {
padding-bottom: 0.33333em;
border-bottom: 1px solid gainsboro;
color: #98a0ab;
}

.mod_search .highlight {
padding: 0 0.26667em;
font-weight: bold;
background: #d6effb;
}

.mod_search .url {
padding-bottom: 1.42857em;
border-bottom: 1px dotted gainsboro;
font-size: 0.93333em;
color: #98a0ab;
}

.mod_search .url:before {
font: 100%/1 "RockSolid Icons";
content: "\e0b5";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.35714em;
}

.mod_search .url .filesize {
font-size: 0.85714em;
}

.comment_default {
margin: 1.6875em 0;
padding: 1.25em 6.25% 0;
border: 1px solid gainsboro;
font-size: 1.06667em;
background: white;
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.comment_default .info {
margin-top: 0;
border-bottom: 1px solid gainsboro;
}

.comment_default .reply {
margin-left: 6.66667%;
}

.comment_default .reply .info {
font-weight: bold;
}

.ce_comments .form {
margin-top: 2.4em;
}

.ce_comments .form .widget {
clear: none;
margin-top: 1.6em;
}

.ce_comments .form .widget:nth-of-type(-n+4) {
float: left;
width: 46.66667%;
}

@media screen and (max-width: 599px) {
.ce_comments .form .widget:nth-of-type(-n+4) {
width: 100%;
}
}

.ce_comments .form .widget:nth-of-type(-2n+4) {
margin-right: -1%;
margin-left: 6.66667%;
}

@media screen and (max-width: 599px) {
.ce_comments .form .widget:nth-of-type(-2n+4) {
margin-right: 0;
margin-left: 0;
}
}

.ce_comments .form .widget:nth-of-type(5) {
clear: both;
padding-top: 1.6em;
}

.ce_comments .form .widget input {
width: 100%;
}

.ce_comments .form .widget textarea {
width: 100%;
}

.ce_comments .form .checkbox_container {
margin: 0;
border: 0;
margin-top: -1.2em;
padding: 0;
}

.ce_comments h2 + .form,
.ce_comments h2 + .form > form {
margin-top: 0;
}

.mod_sitemap ul {
padding-left: 0;
list-style-type: none;
}

.mod_sitemap ul li:before {
content: none;
}

.mod_sitemap ul li li {
padding: 0.2em 0 0.2em 1.86667em;
}

.mod_sitemap ul li li.submenu ul {
margin: 0;
}

.mod_sitemap > ul > li:before {
font: 100%/1 "RockSolid Icons";
content: "\e083";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
margin-right: 0.66667em;
color:var(--mainlayoutcolor1);
}

.mod_sitemap a:before {
margin-right: 0.53333em;
}

.mod_subscribe .submit,
.mod_unsubscribe .submit {
padding-top: 1em;
padding-bottom: 0.78571em;
}

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

.centered-wrapper .mod_subscribe input[type=text],
.centered-wrapper .mod_subscribe input[type=email] {
width: 30%;
min-width: 17.33333em;
}

.centered-wrapper .mod_subscribe .submit {
width: auto;
}

.sidebar .mod_subscribe input[type=text],
.sidebar .mod_subscribe input[type=email] {
width: 100%;
}

@media screen and (max-width: 599px) {
.sidebar .mod_subscribe input[type=text],
.sidebar .mod_subscribe input[type=email] {
display: inline;
margin: 0;
}
}

.sidebar .mod_subscribe .submit {
width: 100%;
margin-top: 0.26667em;
}

/* ===========================================
 * Sidebar / Widgets
 * ======================================== */
.sidebar {
position: relative;
float: left;
width: 25%;
margin: 0 auto;
}

@media screen and (max-width: 900px) {
.sidebar {
float: none;
clear: both;
width: 100%;
margin-right: 0;
margin-left: 0;
}
}

@media screen and (max-width: 599px) {
.sidebar {
margin-right: 4.16667%;
margin-left: 4.16667%;
}
}

.oneo-sidebar-right .sidebar {
float: right;
margin-right: 3.125%;
margin-left: 0;
}

@media screen and (max-width: 900px) {
.oneo-sidebar-right .sidebar {
float: none;
margin-right: 0;
margin-left: 0;
}
}

@media screen and (max-width: 599px) {
.oneo-sidebar-right .sidebar {
margin-right: 4.16667%;
margin-left: 4.16667%;
}
}

.oneo-3-columns .sidebar.-right {
left: 53.125%;
margin-right: -18.75%;
}

@media screen and (max-width: 900px) {
.oneo-3-columns .sidebar.-right {
left: auto;
clear: none;
margin-right: 0;
}
}

@media screen and (max-width: 599px) {
.oneo-3-columns .sidebar.-right {
margin-right: 4.16667%;
}
}

.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5 {
margin: 0 0 0.5em;
font-size: 1em;
font-weight: bold;
}

.sidebar p,
.sidebar ul,
.sidebar ol,
.sidebar table,
.sidebar blockquote,
.sidebar fieldset,
.sidebar form {
margin: 1.06667em 0;
}

.sidebar ul,
.sidebar ol {
padding: 0;
list-style-type: none;
}

.sidebar > .block {
/*margin:0 0 1.33333em 0;*/
}

@media screen and (max-width: 900px) {
.sidebar > .block {
float: none;
width: 100%;
margin-left: 0;
}
}

@media screen and (max-width: 599px) {
.sidebar > .block {
float: none;
width: 100%;
margin-left: 0;
}
}

.sidebar .ce_youtube-wrapper,
.sidebar .ce_vimeo-wrapper {
margin: 0.8em 0;
}

.sidebar .image_container {
margin:0 0 0.8em 0;
}

.sub-navigation h3,
.sub-navigation h3 a {
color: inherit;
}

.sub-navigation > ul {
font-size: 0.92857em;
}

.sub-navigation ul a,
.sub-navigation ul strong,
.sub-navigation ul span.active,
.sub-navigation ul span.trail,
.sub-navigation ul span.forward {
display: block;
padding: 0.38462em 0;
color: inherit;
}

.sub-navigation ul a:before,
.sub-navigation ul strong:before,
.sub-navigation ul span.active:before,
.sub-navigation ul span.trail:before,
.sub-navigation ul span.forward:before {
margin-right: 0.53846em;
}

.sub-navigation ul strong.active,
.sub-navigation ul strong.trail,
.sub-navigation ul span.active,
.sub-navigation ul span.trail {
font-weight: bold;
}

.sub-navigation ul ul {
margin: 0 0 0 1.53846em;
}

.sub-navigation li[data-icon]:before,
.sub-navigation li[class^="icon-"]:before,
.sub-navigation li[class*=" icon-"]:before {
content: none;
}

/* ===========================================
 * Footer
 * ======================================== */
.news-footer {
margin: 2.66667em 0;
}

.news-footer > h1,
.news-footer > h2,
.news-footer > h3 {
margin-bottom: 0.66667em;
font-size: 2.4em;
font-weight: normal;
letter-spacing: 0.1em;
color: inherit;
text-transform: uppercase;
}

@media screen and (max-width: 599px) {
.news-footer > h1,
.news-footer > h2,
.news-footer > h3 {
font-size: 1.86667em;
}
}

.news-footer > h1:after,
.news-footer > h2:after,
.news-footer > h3:after {
content: "";
display: block;
width: 3.33333em;
height: 2px;
margin-top: 0.66667em;
background: var(--mainlayoutcolor1);
}

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

.news-footer.-centered > h1:after,
.news-footer.-centered > h2:after,
.news-footer.-centered > h3:after {
margin-right: auto;
margin-left: auto;
}

.news-footer-item h3 {
margin: 0;
font-size: 1.6em;
font-weight: bold;
color: inherit;
text-transform: uppercase;
}

@media screen and (max-width: 599px) {
.news-footer-item h3 {
font-size: 1.33333em;
}
}

.news-footer-item p {
margin: 0.13333em 0 0;
color: #98a0ab;
-webkit-transition: color 0.4s linear;
-moz-transition: color 0.4s linear;
-o-transition: color 0.4s linear;
transition: color 0.4s linear;
}

.-color-inverted .news-footer-item p {
color: gainsboro;
}

.news-footer-item > a {
position: relative;
display: block;
color: inherit;
-webkit-transition: color 0.4s linear;
-moz-transition: color 0.4s linear;
-o-transition: color 0.4s linear;
transition: color 0.4s linear;
}

.news-footer-item > a:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 0;
background: var(--mainlayoutcolor1);
-webkit-transition: top 0.6s ease-in, height 0.6s ease-in;
-moz-transition: top 0.6s ease-in, height 0.6s ease-in;
-o-transition: top 0.6s ease-in, height 0.6s ease-in;
transition: top 0.6s ease-in, height 0.6s ease-in;
}

.news-footer-item > a:hover,
.news-footer-item > a:focus {
text-decoration: none;
color: white;
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
transition: color 0.1s linear;
}

.news-footer-item > a:hover:before,
.news-footer-item > a:focus:before {
top: 0;
height: 100%;
-webkit-transition: top 0.2s ease-out, height 0.2s ease-out;
-moz-transition: top 0.2s ease-out, height 0.2s ease-out;
-o-transition: top 0.2s ease-out, height 0.2s ease-out;
transition: top 0.2s ease-out, height 0.2s ease-out;
}

.news-footer-item > a:hover p,
.news-footer-item > a:focus p {
color: gainsboro;
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
-o-transition: color 0.1s linear;
transition: color 0.1s linear;
}

.news-footer-item-inner {
position: relative;
padding-top: 1.6em;
padding-bottom: 1.6em;
}

.icon-text-block {
position: relative;
padding-left: 2em;
}

.icon-text-block > p {
margin: 1em 0;
}

.icon-text-block:before {
position: absolute;
top: 0.26667em;
left: 0;
color:var(--mainlayoutcolor1);
}

.footer-links {
float: right;
margin: 0;
padding: 2.14286em 0;
font-size: 0.93333em;
color: #98a0ab;
}

@media screen and (max-width: 900px) {
.footer-links {
float: none;
padding-top: 0;
}
}

.footer-links ul,
.footer-links li {
display: inline;
margin: 0;
padding: 0;
}

.footer-links li:before {
content: "";
display: inline-block;
width: 1px;
height: 0.78571em;
margin: 0 0.57143em 0 0.35714em;
background: #98a0ab;
}

.footer-links li:first-child:before {
content: none;
}

.footer-links a,
.footer-links strong,
.footer-links span.trail,
.footer-links span.active,
.footer-links span.forward {
color: inherit;
}

.footer-top-link {
position: fixed;
bottom: 6px;
right: 1em;
display: block;
z-index: 1;
clear: both;
width:3em;
height:3em;
overflow: hidden;
margin:0;
color: var(--mainlayoutcolor1) !important;
text-indent: -999em;
background: #fff;
border-radius: 50%;
}

@media screen and (max-width: 599px) {
.footer-top-link {
margin-top: 1.66667em;
}
}

.footer-top-link:after {
font: 1.06667em/1 "RockSolid Icons";
content: "\e01a";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding:.8em;
text-align: center;
/*background: #3685ab;*/
border:1px solid var(--mainlayoutcolor1);
border-radius: 50%;
}

.footer-top-link:hover:after,
.footer-top-link:focus:after {
color: var(--mainlayoutcolor2);
background-color:var(--mainlayoutcolor1_hover);
}

.main-content .icon-links {
padding-left: 0;
list-style-type: none;
}

.icon-links li {
padding-bottom: 0.4em;
}

.icon-links a {
text-decoration: none;
}

.icon-links a:hover span {
text-decoration: underline;
}

.social-icon-links {
margin:0;
padding: 0;
margin-left: -0.53333em;
list-style: none;
}


.social-icon-links li {
display: inline-block;
margin: 0 .6em 0 0;
padding: 0;
text-align: center;
}

.social-icon-links a {
display: inline-block;
margin: 0 0.53333em;
width: 45px;
height: 45px;
overflow: hidden;
color:#fff;
/*border: 1px solid gainsboro;color: #98a0ab;*/
border-radius:50%;
background: var(--mainlayoutcolor1);
font-size: 0;
}

.social-icon-links a:hover,
.social-icon-links a:focus {
color: white;
text-decoration: none;
background:var(--bgcolor10);
}

.social-icon-links a:before {
display: block;
width: 100%;
height: 100%;
padding: .8em;
font-size: 18px;
}
.social-icon-links a:hover:before{color: var(--mainlayoutcolor1)}

.footer-navigation {
margin: 0 2.66667em;
margin-right: var(--page-padding-right);
margin-left: var(--page-padding-left);
text-align: center;
list-style: none;
}

@media screen and (max-width: 599px) {
.footer-navigation {
margin: 1.33333em 4.16667%;
margin-right: var(--page-padding-right);
margin-left: var(--page-padding-left);
}
}

.footer-navigation ul,
.footer-navigation li {
display: inline;
margin: 0;
padding: 0;
}

.footer-navigation li:before {
/* disable icons */
content: none;
display: none;
}

.footer-navigation a,
.footer-navigation strong,
.footer-navigation span.trail,
.footer-navigation span.active,
.footer-navigation span.forward {
display: inline-block;
padding: 0.83333em 1.66667em;
font-size: 0.8em;
letter-spacing: 0.1em;
text-transform: uppercase;
}

@media screen and (max-width: 599px) {
.footer-navigation a,
.footer-navigation strong,
.footer-navigation span.trail,
.footer-navigation span.active,
.footer-navigation span.forward {
padding: 0.5em 0.83333em;
}
}

.footer-copyright {
margin: 0 2.66667em 2.66667em;
margin-right: var(--page-padding-right);
margin-left: var(--page-padding-left);
color: #98a0ab;
text-align: center;
}

.footer-copyright a {
color: inherit;
}

.footer-copyright .rocksolid-copyright {
display: block;
color: inherit;
opacity: 0.75;
}

/* ===========================================
 * Slider
 * ======================================== */
.main-slider {
height: 600px;
}

@media screen and (min-height: 600px) {
.main-slider {
height: calc(100vh - 3.86667em);
}
}

@media screen and (min-height: 600px) and (max-width: 900px) {
.main-slider {
height: calc(100vh - 6.4em - 2em);
}
}

@media screen and (max-width: 599px) {
.main-slider {
height: auto;
}

.main-slider img {
max-width: 100%;
height: auto;
}
}

.rsts-skin-testimonials .testimonial {
margin: 0;
}

.rsts-skin-testimonials.rsts-main {
position: relative;
margin: 1.8em 0;
padding: 2.13333em 0 0 0;
}

.rsts-skin-testimonials .rsts-header {
margin-top: -2.13333em;
}

.rsts-skin-testimonials .rsts-header h1,
.rsts-skin-testimonials .rsts-header h2,
.rsts-skin-testimonials .rsts-header h3,
.rsts-skin-testimonials .rsts-header h4,
.rsts-skin-testimonials .rsts-header h5,
.rsts-skin-testimonials .rsts-header h6 {
margin: 0 0 1.06667em;
padding: 0 5.33333em;
font-size: 0.93333em;
font-weight: bold;
color: #98a0ab;
text-align: center;
}

.rsts-skin-testimonials .rsts-prev,
.rsts-skin-testimonials .rsts-next {
position: absolute;
top: -2.53333em;
right: 1.46667em;
overflow: hidden;
text-indent: -99em;
line-height: 0;
}

.rsts-skin-testimonials .rsts-prev:hover,
.rsts-skin-testimonials .rsts-prev:focus,
.rsts-skin-testimonials .rsts-next:hover,
.rsts-skin-testimonials .rsts-next:focus {
text-decoration: none;
}

.rsts-skin-testimonials .rsts-prev:after,
.rsts-skin-testimonials .rsts-next:after {
font: 0.93333em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
padding: 0.57143em;
color: gainsboro;
}

.rsts-skin-testimonials .rsts-prev:hover:after,
.rsts-skin-testimonials .rsts-prev:focus:after,
.rsts-skin-testimonials .rsts-next:hover:after,
.rsts-skin-testimonials .rsts-next:focus:after {
color: #c3c3c3;
}

.rsts-skin-testimonials .rsts-next {
right: -0.6em;
}

.rsts-skin-testimonials .rsts-next:after {
content: "\e019";
}

.rsts-skin-testimonials .rsts-nav {
position: absolute;
left: -4px;
top: 0;
line-height: 0;
}

.rsts-skin-testimonials .rsts-nav ul {
margin: 0;
padding: 0;
}

.rsts-skin-testimonials .rsts-nav li {
display: inline;
}

.rsts-skin-testimonials .rsts-nav a {
float: left;
width: 18px;
height: 18px;
overflow: hidden;
outline: none;
padding: 5px;
text-indent: -99em;
}

.rsts-skin-testimonials .rsts-nav a:after {
content: "";
display: block;
width: 6px;
height: 6px;
border: 1px solid gainsboro;
border-radius: 100%;
background: gainsboro;
background: rgba(220, 220, 220, 0.5);
}

.rsts-skin-testimonials .rsts-nav a:hover:after,
.rsts-skin-testimonials .rsts-nav a.active:after {
background-color: gainsboro;
}

.rsts-skin-testimonials .rsts-nav-prev,
.rsts-skin-testimonials .rsts-nav-next {
display: none !important;
}

.rsts-skin-oneo.rsts-main {
position: relative;
}

.rsts-skin-oneo .rsts-caption {
padding: 0.4em 0;
color: #98a0ab;
}

.-color-inverted .rsts-skin-oneo .rsts-caption {
color: gainsboro;
}

.rsts-skin-oneo .rsts-prev,
.rsts-skin-oneo .rsts-next,
.rsts-skin-oneo .rsts-video-play,
.rsts-skin-oneo .rsts-video-stop {
position: absolute;
top: 50%;
left: 1.33333em;
left: calc(1.33333em + var(--safe-area-left));
overflow: hidden;
margin-top: -1.73333em;
border: 2px solid var(--mainlayoutcolor2);
border-radius: 99em;
outline: none;
line-height: 0;
color: var(--mainlayoutcolor2);
text-indent: -99em;
background-color:#fff;
opacity: 0;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}

.rsts-skin-oneo .rsts-prev:hover,
.rsts-skin-oneo .rsts-prev:focus,
.rsts-skin-oneo .rsts-next:hover,
.rsts-skin-oneo .rsts-next:focus,
.rsts-skin-oneo .rsts-video-play:hover,
.rsts-skin-oneo .rsts-video-play:focus,
.rsts-skin-oneo .rsts-video-stop:hover,
.rsts-skin-oneo .rsts-video-stop:focus {
text-decoration: none;
background-color: var(--mainlayoutcolor1_hover);
}

.sidebar .rsts-skin-oneo .rsts-prev,
.sidebar .rsts-skin-oneo .rsts-next,
.sidebar .rsts-skin-oneo .rsts-video-play,
.sidebar .rsts-skin-oneo .rsts-video-stop {
bottom: 0.4em;
}

.rsts-skin-oneo .rsts-prev:after,
.rsts-skin-oneo .rsts-next:after,
.rsts-skin-oneo .rsts-video-play:after,
.rsts-skin-oneo .rsts-video-stop:after {
font: 0.93333em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
padding: 1.21429em;
}

.rsts-skin-oneo:hover .rsts-prev,
.rsts-skin-oneo:hover .rsts-next,
.rsts-skin-oneo:hover .rsts-nav {
opacity: 1;
}

.rsts-skin-oneo .rsts-next {
left: auto;
right: 1.33333em;
right: calc(1.33333em + var(--safe-area-right));
}

.rsts-skin-oneo .rsts-next:after {
content: "\e019";
}

.oneo-fullwidth .tagline .rsts-skin-oneo .rsts-prev {
left: 0;
}

.oneo-fullwidth .tagline .rsts-skin-oneo .rsts-next {
right: 0;
}

.rsts-skin-oneo .rsts-nav {
position: absolute;
left: 0;
bottom: 5%;
width: 100%;
opacity: 0;
}

@media screen and (max-width: 599px) {
.rsts-skin-oneo .rsts-nav {
bottom: 30px;
}
}

.rsts-skin-oneo .rsts-nav ul {
/* Setting height to zero to fix click area */
height: 0;
margin: 0;
padding: 0;
text-align: center;
}

.rsts-skin-oneo .rsts-nav li {
display: inline;
}

.rsts-skin-oneo .rsts-nav a {
display: inline-block;
outline: none;
margin: 3px;
padding: 5px;
}

.rsts-skin-oneo .rsts-nav-bullets a {
overflow: hidden;
width: 22px;
height: 16px;
margin: 0;
padding: 4px;
line-height: 0;
text-indent: -99em;
}

.rsts-skin-oneo .rsts-nav-bullets a:after {
content: "";
display: block;
width: 12px;
height: 12px;
border: 2px solid var(--mainlayoutcolor2);
border-radius: 100%;
background-color: #fff;
background-clip: padding-box;
}

.rsts-skin-oneo .rsts-nav-bullets a:hover:after,
.rsts-skin-oneo .rsts-nav-bullets a.active:after {
border-color: var(--mainlayoutcolor2);
background-color:var(--mainlayoutcolor2);
}

.rsts-skin-oneo .rsts-nav-numbers a,
.rsts-skin-oneo .rsts-nav-tabs a {
margin: 5px;
border: 2px solid #717c8e;
font-size: 0.86667em;
line-height: 0.61538em;
color: #98a0ab;
background-color: #717c8e;
}

.rsts-skin-oneo .rsts-nav-numbers a:hover,
.rsts-skin-oneo .rsts-nav-numbers a.active,
.rsts-skin-oneo .rsts-nav-tabs a:hover,
.rsts-skin-oneo .rsts-nav-tabs a.active {
color: #717c8e;
background-color: #717c8e;
text-decoration: none;
}

.rsts-skin-oneo .rsts-nav-thumbs a {
margin: 0;
padding: 0;
}

.rsts-skin-oneo .rsts-nav-prev,
.rsts-skin-oneo .rsts-nav-next {
display: none !important;
}

.rsts-skin-oneo .rsts-video-play,
.rsts-skin-oneo .rsts-video-stop {
opacity: 1;
}

.rsts-skin-oneo .rsts-video-play {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
width: 5.6em;
height: 5.6em;
margin: -2.8em 0 0 -2.8em;
border-width: 3px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}

.rsts-skin-oneo .rsts-video-play:after {
content: "\25b6";
padding: 0;
margin-left: 0.21429em;
font-size: 1.86667em;
line-height: 2.78571em;
text-align: center;
}

.rsts-skin-oneo .rsts-video-stop {
top: 20px;
right: 20px;
left: auto;
margin-top: 0;
}

.rsts-skin-oneo .rsts-video-stop:after {
content: "\d7";
padding: 0.78571em;
}

.rsts-skin-oneo .rsts-video-youtube > .rsts-video-stop {
top: 30px;
right: 10px;
}

.rsts-skin-oneo .rsts-video-vimeo > .rsts-video-stop {
top: 10px;
right: auto;
left: 10px;
}

.rsts-skin-oneo .rsts-video-ipad > .rsts-video-iframe {
padding-top: 38px;
}

.rsts-skin-oneo .rsts-video-ipad > .rsts-video-stop {
top: 1px;
right: 10px;
left: auto;
}

.rsts-skin-oneo.rsts-video-playing .rsts-nav,
.rsts-skin-oneo.rsts-video-playing .rsts-prev,
.rsts-skin-oneo.rsts-video-playing .rsts-next {
display: none;
}

.rsts-skin-oneo.rsts-touch .rsts-nav {
opacity: 1;
}

.rsts-skin-oneo .rsts-progress {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 2px;
background-color: black;
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}

.rsts-skin-oneo .rsts-progress div {
height: 100%;
background-color: white;
}

.rsts-skin-oneo .rsts-progress.rsts-progress-active {
opacity: 0.3;
}

.rsts-skin-oneo.rsts-invert-controls .rsts-prev,
.rsts-skin-oneo.rsts-invert-controls .rsts-next,
.rsts-skin-oneo.rsts-invert-controls .rsts-video-play,
.rsts-skin-oneo.rsts-invert-controls .rsts-video-stop {
border-color: white;
color: white;
}

.rsts-skin-oneo.rsts-invert-controls .rsts-prev:hover,
.rsts-skin-oneo.rsts-invert-controls .rsts-prev:focus,
.rsts-skin-oneo.rsts-invert-controls .rsts-next:hover,
.rsts-skin-oneo.rsts-invert-controls .rsts-next:focus,
.rsts-skin-oneo.rsts-invert-controls .rsts-video-play:hover,
.rsts-skin-oneo.rsts-invert-controls .rsts-video-play:focus,
.rsts-skin-oneo.rsts-invert-controls .rsts-video-stop:hover,
.rsts-skin-oneo.rsts-invert-controls .rsts-video-stop:focus {
background-color: rgba(255, 255, 255, 0.25);
}

.rsts-skin-oneo.rsts-invert-controls .rsts-nav-bullets a:after {
border-color: rgba(255, 255, 255, 0);
background-color: white;
}

.rsts-skin-oneo.rsts-invert-controls .rsts-nav-bullets a:hover:after,
.rsts-skin-oneo.rsts-invert-controls .rsts-nav-bullets a.active:after {
border-color: white;
background-color: rgba(255, 255, 255, 0.25);
}

.rsts-skin-oneo.rsts-invert-controls .rsts-nav-numbers a,
.rsts-skin-oneo.rsts-invert-controls .rsts-nav-tabs a {
border-color: white;
color: gainsboro;
background-color: white;
}

.rsts-skin-oneo.rsts-invert-controls .rsts-nav-numbers a:hover,
.rsts-skin-oneo.rsts-invert-controls .rsts-nav-numbers a.active,
.rsts-skin-oneo.rsts-invert-controls .rsts-nav-tabs a:hover,
.rsts-skin-oneo.rsts-invert-controls .rsts-nav-tabs a.active {
color: white;
background-color: white;
}

.rsts-skin-testimonials-centered.rsts-main,
.rsts-skin-partner.rsts-main {
position: relative;
margin: 2.4em 0;
}

.rsts-skin-testimonials-centered .rsts-view,
.rsts-skin-partner .rsts-view {
padding: 0 4em;
}

@media screen and (max-width: 599px) {
.rsts-skin-testimonials-centered .rsts-view,
.rsts-skin-partner .rsts-view {
padding-right: 2em;
padding-left: 2em;
}
}

.rsts-skin-testimonials-centered .rsts-nav ul,
.rsts-skin-partner .rsts-nav ul {
height: 0;
margin: 0;
}

.rsts-skin-testimonials-centered .rsts-prev,
.rsts-skin-testimonials-centered .rsts-next,
.rsts-skin-partner .rsts-prev,
.rsts-skin-partner .rsts-next {
position: absolute;
top: 50%;
left: 0;
margin-top: -1.06667em;
border: 1px solid #f2f2f2;
overflow: hidden;
text-indent: -99em;
line-height: 0;
background-color: white;
}

.rsts-skin-testimonials-centered .rsts-prev:hover,
.rsts-skin-testimonials-centered .rsts-prev:focus,
.rsts-skin-testimonials-centered .rsts-next:hover,
.rsts-skin-testimonials-centered .rsts-next:focus,
.rsts-skin-partner .rsts-prev:hover,
.rsts-skin-partner .rsts-prev:focus,
.rsts-skin-partner .rsts-next:hover,
.rsts-skin-partner .rsts-next:focus {
text-decoration: none;
}

.sidebar .rsts-skin-testimonials-centered .rsts-prev,
.sidebar .rsts-skin-testimonials-centered .rsts-next,
.sidebar .rsts-skin-partner .rsts-prev,
.sidebar .rsts-skin-partner .rsts-next {
bottom: 0.4em;
}

.rsts-skin-testimonials-centered .rsts-prev:after,
.rsts-skin-testimonials-centered .rsts-next:after,
.rsts-skin-partner .rsts-prev:after,
.rsts-skin-partner .rsts-next:after {
font: 0.93333em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
padding: 0.57143em;
color: #98a0ab;
}

.rsts-skin-testimonials-centered .rsts-prev:hover:after,
.rsts-skin-testimonials-centered .rsts-prev:focus:after,
.rsts-skin-testimonials-centered .rsts-next:hover:after,
.rsts-skin-testimonials-centered .rsts-next:focus:after,
.rsts-skin-partner .rsts-prev:hover:after,
.rsts-skin-partner .rsts-prev:focus:after,
.rsts-skin-partner .rsts-next:hover:after,
.rsts-skin-partner .rsts-next:focus:after {
color: #7c8694;
}

.rsts-skin-testimonials-centered .rsts-next,
.rsts-skin-partner .rsts-next {
left: auto;
right: 0;
}

.rsts-skin-testimonials-centered .rsts-next:after,
.rsts-skin-partner .rsts-next:after {
content: "\e019";
}

.rsts-skin-testimonials-centered .rsts-nav-prev,
.rsts-skin-testimonials-centered .rsts-nav-next,
.rsts-skin-partner .rsts-nav-prev,
.rsts-skin-partner .rsts-nav-next {
display: none !important;
}

.rsts-skin-testimonials-centered .rsts-nav,
.rsts-skin-partner .rsts-nav,
.rsts-skin-mega-dropdown .rsts-nav,
.rsts-skin-carousel .rsts-nav {
line-height: 0;
}

.rsts-skin-testimonials-centered .rsts-nav ul,
.rsts-skin-partner .rsts-nav ul,
.rsts-skin-mega-dropdown .rsts-nav ul,
.rsts-skin-carousel .rsts-nav ul {
padding: 0;
text-align: center;
}

.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item,
.rsts-skin-partner .rsts-nav .rsts-nav-item,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item,
.rsts-skin-carousel .rsts-nav .rsts-nav-item {
display: inline;
}

.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a,
.rsts-skin-partner .rsts-nav .rsts-nav-item a,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
overflow: hidden;
outline: none;
padding: 5px;
text-indent: -99em;
}

.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:after,
.rsts-skin-partner .rsts-nav .rsts-nav-item a:after,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:after,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a:after {
content: "";
display: block;
width: 6px;
height: 6px;
border: 1px solid gainsboro;
border-radius: 100%;
background: gainsboro;
background: rgba(220, 220, 220, 0.5);
}

.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover,
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active,
.rsts-skin-partner .rsts-nav .rsts-nav-item a:hover,
.rsts-skin-partner .rsts-nav .rsts-nav-item a.active,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a.active {
text-decoration: none;
}

.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active:after,
.rsts-skin-partner .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-partner .rsts-nav .rsts-nav-item a.active:after,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active:after,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover:after,
.rsts-skin-carousel .rsts-nav .rsts-nav-item a.active:after {
background-color: gainsboro;
}

.rsts-skin-partner .rsts-nav {
margin: 1.6em 0;
}

.rsts-skin-mega-dropdown.rsts-main {
margin: 0;
}

.rsts-skin-mega-dropdown .rsts-view {
padding: 0;
}

.rsts-skin-mega-dropdown .rsts-prev,
.rsts-skin-mega-dropdown .rsts-next {
position: absolute;
top: 50%;
overflow: hidden;
margin-top: -3.33333em;
padding: 1.33333em;
line-height: 0;
color: inherit;
text-indent: -99em;
background: white;
}

.rsts-skin-mega-dropdown .rsts-prev:after,
.rsts-skin-mega-dropdown .rsts-next:after {
content: "";
display: block;
width: 1.86667em;
height: 1.86667em;
border: 2px solid currentColor;
border-top: 0;
border-left: 0;
text-indent: 0;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.rsts-skin-mega-dropdown .rsts-prev:hover,
.rsts-skin-mega-dropdown .rsts-prev:focus,
.rsts-skin-mega-dropdown .rsts-next:hover,
.rsts-skin-mega-dropdown .rsts-next:focus {
outline: none;
}

.rsts-skin-mega-dropdown .rsts-prev {
right: 103.33333%;
}

.oneo-boxed .rsts-skin-mega-dropdown .rsts-prev {
right: auto;
left: -3.33333%;
}

@media screen and (max-width: 1380px) {
.rsts-skin-mega-dropdown .rsts-prev.rsts-prev {
/* doubled class for specificity */
right: auto;
left: 0;
margin-left: -1.33333em;
}
}

.rsts-skin-mega-dropdown .rsts-prev:after {
margin-right: -1em;
}

.rsts-skin-mega-dropdown .rsts-next {
left: 103.33333%;
}

.oneo-boxed .rsts-skin-mega-dropdown .rsts-next {
right: -3.33333%;
left: auto;
}

@media screen and (max-width: 1380px) {
.rsts-skin-mega-dropdown .rsts-next.rsts-next {
/* doubled class for specificity */
right: 0;
left: auto;
margin-right: -1.33333em;
}
}

.rsts-skin-mega-dropdown .rsts-next:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-left: -1em;
}

.rsts-skin-mega-dropdown .rsts-nav {
text-align: center;
}

.rsts-skin-mega-dropdown .rsts-nav-prev,
.rsts-skin-mega-dropdown .rsts-nav-next {
display: none !important;
}

.rsts-skin-carousel .rsts-nav ul {
margin: 0.4em 0;
}

.rsts-skin-carousel .rsts-prev,
.rsts-skin-carousel .rsts-next {
display: none !important;
}

.rsts-skin-carousel .rsts-nav-prev,
.rsts-skin-carousel .rsts-nav-next {
display: inline;
margin-right: 1.33333em;
}

.rsts-skin-carousel .rsts-nav-prev a,
.rsts-skin-carousel .rsts-nav-next a {
display: inline-block;
vertical-align: middle;
overflow: hidden;
text-indent: -99em;
line-height: 0;
}

.rsts-skin-carousel .rsts-nav-prev a:after,
.rsts-skin-carousel .rsts-nav-next a:after {
font: 1.06667em/1 "RockSolid Icons";
content: "\e018";
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
text-indent: 0;
display: inline-block;
position: relative;
display: block;
padding: 0.5em;
color: var(--mainlayoutcolor1);
}

.-color-inverted .rsts-skin-carousel .rsts-nav-prev a:after,
.-color-inverted .rsts-skin-carousel .rsts-nav-next a:after {
color: white;
}

.rsts-skin-carousel .rsts-nav-prev a:hover,
.rsts-skin-carousel .rsts-nav-prev a:focus,
.rsts-skin-carousel .rsts-nav-next a:hover,
.rsts-skin-carousel .rsts-nav-next a:focus {
text-decoration: none;
}

.rsts-skin-carousel .rsts-nav-prev a:hover:after,
.rsts-skin-carousel .rsts-nav-prev a:focus:after,
.rsts-skin-carousel .rsts-nav-next a:hover:after,
.rsts-skin-carousel .rsts-nav-next a:focus:after {
color: #7c8694;
}

.-color-inverted .rsts-skin-carousel .rsts-nav-prev a:hover:after,
.-color-inverted .rsts-skin-carousel .rsts-nav-prev a:focus:after,
.-color-inverted .rsts-skin-carousel .rsts-nav-next a:hover:after,
.-color-inverted .rsts-skin-carousel .rsts-nav-next a:focus:after {
color: #e6e6e6;
}

.rsts-skin-carousel .rsts-nav-next {
margin-left: 1.33333em;
margin-right: 0;
}

.rsts-skin-carousel .rsts-nav-next a:after {
content: "\e019";
}

.rsts-skin-light .rsts-nav {
position: absolute;
bottom: 20px;
margin: 0;
width: 100%;
}

/*
.oneo-laptop-slider {
position: relative;
overflow: hidden;
background: url("../img/laptop-background.png") 50% 50% no-repeat;
background-size: 100% 100%;
}

.oneo-laptop-slider:after {
content: "";
position: absolute;
top: 0.5%;
right: 9.6%;
z-index: 2;
width: 30%;
height: 0;
padding-top: 48%;
background: url("../img/laptop-reflection.png") 50% 50% no-repeat;
background-size: 100% 100%;
pointer-events: none;
}
*/

.oneo-laptop-slider .rsts-view {
margin-top: 3.5%;
margin-right: 12%;
margin-left: 12%;
margin-bottom: 8.5%;
}

.oneo-laptop-slider .rsts-nav {
bottom: 20%;
}

.slider-navigation {
margin: 2.4em 0 1.6em;
text-align: center;
}

.slider-navigation-prev,
.slider-navigation-next {
display: inline-block;
vertical-align: middle;
overflow: hidden;
padding: 1em;
line-height: 0;
color: inherit;
text-indent: -99em;
}

.slider-navigation-prev:after,
.slider-navigation-next:after {
content: "";
display: block;
width: 1.86667em;
height: 1.86667em;
border: 2px solid currentColor;
border-top: 0;
border-left: 0;
text-indent: 0;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.slider-navigation-prev:hover,
.slider-navigation-prev:focus,
.slider-navigation-next:hover,
.slider-navigation-next:focus {
outline: none;
}

.slider-navigation-prev {
margin-right: 6em;
}

@media screen and (max-width: 599px) {
.slider-navigation-prev {
margin-right: 1.33333em;
}
}

.slider-navigation-next {
margin-left: 6em;
}

@media screen and (max-width: 599px) {
.slider-navigation-next {
margin-left: 1.33333em;
}
}

.slider-navigation-next:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}


.nc360-slider.rsts-skin-oneo .rsts-view{padding:0 0 30px 0;}


.nc360-slider.rsts-skin-oneo .rsts-prev,
.nc360-slider.rsts-skin-oneo .rsts-next,
.nc360-slider.rsts-skin-oneo .rsts-nav{
opacity: 1;
}



.nc360-slider.rsts-skin-oneo .rsts-prev {left: -80px;}

.nc360-slider.rsts-skin-oneo .rsts-next {right: -80px;}

@media screen and (max-width: 1600px) {
.nc360-slider.rsts-skin-oneo .rsts-view{padding:0 100px 30px 100px;}
.nc360-slider.rsts-skin-oneo .rsts-prev {left:0;}
.nc360-slider.rsts-skin-oneo .rsts-next {right:0;}
}

@media screen and (max-width: 880px) {
.nc360-slider.rsts-skin-oneo .rsts-view{padding:0 0 30px 0;}
.nc360-slider.rsts-skin-oneo .rsts-prev {display:none}
.nc360-slider.rsts-skin-oneo .rsts-next {display:none}
}


div[data-rsts-name="Solutionseite"] {
  padding: 0 20px;
}

.headline-white h2 {
	color: white !important;
}

.small-size .image_container img {
	width: 200px !important;
}

.normal-size .image_container img {
	width: 250px !important;
}

.big-size .image_container img {
	width: 300px !important;
}

body.colorlayout-4.detailsseite .content-wrapper {
  padding: 2em 0 0 0;
}

h1 {
    max-width: 100%;
    word-wrap: break-word;
    white-space: normal;
}