body {
    background-color:#ffffff;
    font-family:"Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
    color:#2D2643;
    font-weight:300
}
body.boxed {
    background:-moz-linear-gradient(75deg,#A2DCEA,#2D2643);
    background:-webkit-linear-gradient(75deg,#A2DCEA,#2D2643);
    background:-o-linear-gradient(75deg,#A2DCEA,#2D2643);
    background:-ms-linear-gradient(75deg,#A2DCEA,#2D2643);
    background:linear-gradient(15deg,#A2DCEA,#2D2643);
    -pie-background:linear-gradient(75deg,#A2DCEA,#2D2643);
    background-attachment:fixed;
}

/* N.R. Nebenkostenabrachnungsservice */
#header {
    background-color:rgba(255,255,255,1);
}
#container {
    background-color:#ffffff;
}

/* N.R. Nebenkostenabrachnungsservice */
#footer {
    background-color:#81393A;
    color:#ffffff;
}

/* N.R. Nebenkostenabrachnungsservice */
#footer a {
    color:#FFF;
}

/* N.R. Nebenkostenabrachnungsservice */
#footer a:hover {
    text-decoration:underline;
    color:#FFF;
}

/* N.R. Nebenkostenabrachnungsservice */
#header-bar {
    background-color:#81393A;
}

/* Max. 20%. If larger, the width of #nav has to be adjusted accordingly */
#logo {
    width:20%;
}

/* Mobile Navigation N.R. Nebenkostenabrachnungsservice */
.nav-side {
    background-color:#81393A;
}
.hero {
    background:-moz-linear-gradient(290deg,#2D2643,#75A60C);
    background:-webkit-linear-gradient(290deg,#2D2643,#75A60C);
    background:-o-linear-gradient(290deg,#2D2643,#75A60C);
    background:-ms-linear-gradient(290deg,#2D2643,#75A60C);
    background:linear-gradient(160deg,#2D2643,#75A60C);
    -pie-background:linear-gradient(290deg,#2D2643,#75A60C);
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.5em;
    background-attachment:fixed;
    background-size: 100%;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);
}

/* N.R. Nebenkostenabrachnungsservice */
a {
    color:#81393A;
}

/* N.R. Nebenkostenabrachnungsservice */
nav a {
    color:#FFF;
}

/* N.R. Nebenkostenabrachnungsservice */
section-1 h4 a {
    color:#81393A;
}

/* N.R. Nebenkostenabrachnungsservice */
a:hover {
    text-decoration:underline;
    color:#81393A;
}

/* N.R. Nebenkostenabrachnungsservice */
nav a:hover {
    text-decoration:underline;
    color:#FFF;
}
p.info,
p.time {
}
h1 {
    font-family:"Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}
h2 {
    font-family:"Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}
h3 {
    font-family:"Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}
h4 {
    font-family:"Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}
h5 {
    font-family:"Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}
h6 {
    font-family:"Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:300
}
h1braun,
h2braun,
h3braun,
h4braun,
h5braun,
h6braun {
    font-weight:bold;
    color:#81393A;
}
blockquote,
q {
    color:#2D2643;
}

/* N.R. Nebenkostenabrachnungsservice */
*::selection {
    background-color:#F59DA0;
}
mark {
    padding:2px;
    background-color:#75A60C;
    border-radius:3px;
}
.light {
    color:#fff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
.box {
    border-color:#2D2643;
}
.infobox {
    background-color:#A2BA24;
}
.mod_article .ce_text.intro {
    font:2.5rem "Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
    font-weight:normal;
}
td.weekend {
    background-color:#A2DCEA;
}

/* Button normal N.R. Nebenkostenabrachnungsservice */
*[class*="btn"] a,
a.btn,
a.btn-large,
a.btn-small,
input[type="submit"],
button {
    border-color:#FFF;
    color:#2D2643;
}
*[class*="btn"] a:hover,
a.btn:hover,
a.btn-large:hover,
a.btn-small:hover,
input[type="submit"]:hover,
button:hover {
    border-color:#616F8E;
    color:#616F8E;
}

/* Button inverted */
*[class*="btn"].invert a,
a.btn.invert,
a.btn-small.invert,
a.btn-large.invert {
    background-color:#2D2643;
    color:#fff;
}

/* Button inverted N.R. Nebenkostenabrachnungsservice */
*[class*="btn"].invert a,
a.btn.invert,
a.btn-small.invert,
a.btn-large.invert {
    background-color:#81393A;
    color:#FFF;
}

/* Button inverted hover N.R. Nebenkostenabrachnungsservice */
*[class*="btn"].invert a:hover,
a.btn.invert:hover,
a.btn-small.invert:hover,
a.btn-large.invert:hover {
    background-color:#81393A;
    text-decoration:underline;
}

/* Button light */
.light *[class*="btn"] a,
.light a.btn,
.light a.btn-large,
.light a.btn-small,
.light input[type="submit"],
*[class*="btn"].light a,
.light.btn-large a,
.light.btn-small a,
.light button {
    border-color:#fff;
    color:#fff;
}
.light *[class*="btn"].invert a,
*[class*="btn"].light.invert a {
    color:#2D2643;
}
.light *[class*="btn"] a:hover,
a.btn:hover,
a.btn-large:hover,
a.btn-small:hover,
.light.input[type="submit"]:hover,
*[class*="btn"].light a:hover,
a.btn.light:hover,
a.btn-large.light:hover,
a.btn-small.light:hover,
.light button:hover {
    border-color:#616F8E;
    color:#616F8E;
}

/* Dropdown Navigation primary color */
#nav li ul,
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a,
#nav ul.level_1 li.trail {
    background-color:rgba(45,38,67,.3);
}

/* Dropdown Navigation secondary color level 1 */
#nav ul.level_1 > li.active {
    background-color:#2D2643;
}

/* Dropdown Navigation secondary color level 2 & 3 */
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a,
#nav ul li.active {
    background-color:rgba(117,166,12,.6);
}

/* Dropdown Navigation link color */
#nav li a {
    color:#2D2643;
}

/* Dropdown Navigation link color hover */
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a,
#nav ul.level_1 li.trail,
#nav ul.level_1 li.trail a {
    color:#fff;
}

/* Dropdown Navigation active link color (visible on click) */
#nav li a:active {
    background-color: #616F8E !important;
}

/* Dropdown Navigation background level 2 */
#nav li ul {
    background-color:#2D2643;
}

/* Dropdown Navigation font size level 1 */
#nav > ul > li > a,
#nav > ul > li strong.active,
#nav ul > li strong.forward,
#nav > ul.level_1 li strong.active {
    font:1.5rem/8rem "Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}

/* Dropdown Navigation font size level 2 */
#nav li ul.level_2 a,
#nav ul.level_2 li strong.active {
    font-size:1.4rem;
    line-height:1rem;
}

/* Dropdown Navigation hover level 2 */
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {
    background-color:#75A60C;
}

/* Dropdown Navigation expand arrow */
#nav a.submenu:after,
#nav span.submenu:after {
    border-top-color:#00ADD3;
}
.color-1 {
    background-color:#2D2643;
}
.color-2 {
    background-color:#75A60C;
}
.color-3 {
    background-color:#616F8E;
}
.color-4 {
    background-color:#CD9500;
}
.color-5 {
    background-color:#A2BA24;
}
.color-6 {
    background-color:#00ADD3;
}
.color-7 {
    background-color:#A2DCEA;
}
.color-8 {
    background-color:#95C7DD;
}
.color-9 {
    background-color:#dedede;
}
figcaption {
    border-color:#75A60C;
    color:#FFF;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    background-color:rgba(45,38,67,.1);
    border-top:0px solid #2D2643;
    border-right:0px solid #2D2643;
    border-bottom:1px solid #2D2643;
    border-left:0px solid #2D2643;
    color:#2D2643;
}

/* Section Style 1 */
.style-1 {
    background-color:#75A60C;
    color:#ffffff;
}

/* Section Style 2 */
.style-2 {
    background-color:#616F8E;
    color:#95C7DD;
}

/* Section Style 3 */
.style-3 {
    background-color:#00ADD3;
    color:#ffffff;
}

/* Section Style 4 */
.style-4 {
    background-image:url("files/freestyle-fx/niro-adobestock/290562464-1280x960x72.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment: fixed; background-size: cover; /*creates parallax effect (sort of). Disabled for tablet and small screens. */
}

/* Section Style 5 */
.style-5 {
    background-image:url("files/freestyle-fx/images/5.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment: fixed; background-size: cover; /*creates parallax effect (sort of). Disabled for tablet and small screens. */
}

/* You can create complex gradients p.e. under http://angrytools.com/gradient */
.overlay-1:before {
    background-color:rgba(45,38,67,.9);
    background: -moz-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(71,91,114,0.5)), color-stop(75%, rgba(71,91,114,1)), color-stop(100%, rgba(71,91,114,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#475B72', endColorstr='#475B72',GradientType=0 ); /* ie6-9 */
}
.overlay-2:before {
    background-color:rgba(117,166,12,.9);
}
.overlay-3:before {
    background-color:rgba(97,111,142,.9);
}
.overlay-4:before {
    background-color:rgba(205,149,0,.9);
}
.overlay-5:before {
    background-color:rgba(162,186,36,.9);
}
.overlay-6:before {
    background-color:rgba(255,255,255,.8);
}