@charset "utf-8";

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/lato-v16-latin-regular.eot');
    src: local('Lato Regular'), local('Lato-Regular'), url('fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/lato-v16-latin-regular.woff2') format('woff2'), url('fonts/lato-v16-latin-regular.woff') format('woff'), url('fonts/lato-v16-latin-regular.ttf') format('truetype'), url('fonts/lato-v16-latin-regular.svg#Lato') format('svg');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/lato-v16-latin-700.eot');
    src: local('Lato Bold'), local('Lato-Bold'), url('fonts/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'), url('fonts/lato-v16-latin-700.woff2') format('woff2'), url('fonts/lato-v16-latin-700.woff') format('woff'), url('fonts/lato-v16-latin-700.ttf') format('truetype'), url('fonts/lato-v16-latin-700.svg#Lato') format('svg');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/lato-v16-latin-900.eot');
    src: local('Lato Black'), local('Lato-Black'), url('fonts/lato-v16-latin-900.eot?#iefix') format('embedded-opentype'), url('fonts/lato-v16-latin-900.woff2') format('woff2'), url('fonts/lato-v16-latin-900.woff') format('woff'), url('fonts/lato-v16-latin-900.ttf') format('truetype'), url('fonts/lato-v16-latin-900.svg#Lato') format('svg');
}

/* reset */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* html und body */
html {
    font-size: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Lato', Arial, Verdana, Helvetica, sans-serif;
    font-size: 100%;
    color: hsla(0, 0%, 15%, 1);
    background-color: hsla(219, 6%, 45%, 1);
}

/* clearing */
.hidden {
    display: none;
}

.visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

.invisible {
    visibility: hidden;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

main:after,
.row:after,
.col:after,
.clr:after {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* ueberschriften */
h1 {
    margin-top: 1em;
    margin-left: 0.5em;
    font-size: 2.4rem;
    font-weight: bold;
    text-transform: uppercase;
    word-break: break-all;
}

h2 {
    margin-top: 0.5em;
    font-size: 2.7rem;
    font-weight: normal;
}

h3 {
    margin: 0.5em 1em 0 1em;
    font-size: 1.5rem;
}

@media screen and (min-width: 0px) and (max-width: 739px) {
    h1 {
        font-size: 1.9rem;
    }

    h2 {
        font-size: 1.75rem;
    }
}

/* verweise */
a,
a:visited,
a:focus,
a:hover,
a:active,
.weiter {
    color: hsla(348, 74%, 39%, 1);
    text-decoration: none;
}

a:hover,
.weiter:hover {
    color: hsla(0, 0%, 15%, 1);
    text-decoration: none;
}

/* textstrukturierung */
p,
ul {
    margin-top: 1em;
    margin-bottom: 0.25em;
}

li {
    margin-left: 2em;
    margin-bottom: 0.25em;
}

.box li {
    font-size: 0.9rem;
}

.site-footer li,
.site-footer li:hover {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 26px;
    list-style-type: none;
    background-image: url('../img/all/circle-right2.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px 14px;
}

.site-footer li:hover {
    color: hsla(348, 74%, 39%, 1);
    background-image: url('../img/all/circle-right.svg');
}

hr {
    display: block;
    height: 1px;
    margin: 0;
    border: 0;
    border-top: 2px solid hsla(198, 62%, 53%, 1);
    padding: 0;
}

.fsmall {
    font-size: 0.8rem;
}

.unklar {
    color: hsla(360, 100%, 50%, 1);
}

.nw {
    white-space: nowrap;
    word-break: normal;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.shadow {
    -webkit-box-shadow: 2px 2px 5px 0 hsla(0, 0%, 13%, 1);
    box-shadow: 2px 2px 5px 0 hsla(0, 0%, 13%, 1);
}

.nowrap {
    white-space: nowrap;
}

.todo {
    font-style: italic;
    color: cadetblue;
}

.pad1 {
    padding: 1em;
}

.pad2 {
    padding: 2em;
}

@media screen and (min-width: 0px) and (max-width: 739px) {
    .pad1 {
        padding: 0.5em;
    }

    .pad2 {
        padding: 1em;
    }
}

figure {
    display: inline-block;
    margin: 0.5em;
}

figcaption {
    font-size: 0.9rem;
    font-style: italic;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
}

.seite {
    width: 100%;
    margin: 0 auto;
    background-color: hsla(360, 100%, 100%, 1);
}

.row {
    max-width: 1415px;
    margin: 0 auto;
    padding: 1.5em 4em 1em 4em;
}

.col {
    display: block;
    float: left;
    width: 100%;
}

@media screen and (min-width: 0px) and (max-width: 739px) {
    .small-1 {
        width: 25%;
    }

    .small-2 {
        width: 50%;
    }

    .small-3 {
        width: 75%;
    }

    .small-4 {
        width: 100%;
    }

    html {
        font-size: 90%;
    }
}

@media screen and (min-width: 740px) and (max-width: 1079px) {
    .medium-1 {
        width: 12.5%;
    }

    .medium-2 {
        width: 25%;
    }

    .medium-3 {
        width: 37.5%;
    }

    .medium-4 {
        width: 50%;
    }

    .medium-5 {
        width: 62.5%;
    }

    .medium-6 {
        width: 75%;
    }

    .medium-7 {
        width: 87.5%;
    }

    .medium-8 {
        width: 100%;
    }
}

@media screen and (min-width: 1080px) {
    .large-1 {
        width: 4.16666666667%;
    }

    .large-2 {
        width: 8.33333333333%;
    }

    .large-3 {
        width: 12.5%;
    }

    .large-4 {
        width: 16.6666666667%;
    }

    .large-5 {
        width: 20.8333333333%;
    }

    .large-6 {
        width: 25%;
    }

    .large-7 {
        width: 29.1666666667%;
    }

    .large-8 {
        width: 33.3333333333%;
    }

    .large-9 {
        width: 37.5%;
    }

    .large-10 {
        width: 41.6666666667%;
    }

    .large-11 {
        width: 45.8333333333%;
    }

    .large-12 {
        width: 50%;
    }

    .large-13 {
        width: 54.1666666667%;
    }

    .large-14 {
        width: 58.3333333333%;
    }

    .large-15 {
        width: 62.5%;
    }

    .large-16 {
        width: 66.6666666667%;
    }

    .large-17 {
        width: 70.8333333333%;
    }

    .large-18 {
        width: 75%;
    }

    .large-19 {
        width: 79.1666666667%;
    }

    .large-20 {
        width: 83.3333333333%;
    }

    .large-21 {
        width: 87.5%;
    }

    .large-22 {
        width: 91.6666666667%;
    }

    .large-23 {
        width: 95.8333333333%;
    }

    .large-24 {
        width: 100%;
    }
}

main {
    display: block;
}

.site-header {
    background-color: hsla(0, 0%, 15%, 0.92);
}

.site-header .row {
    background-color: hsla(0, 0%, 15%, 1);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 25%, 1)), to(hsla(0, 0%, 15%, 1)));
    background: -o-linear-gradient(top, hsla(0, 0%, 25%, 1) 0%, hsla(0, 0%, 15%, 1) 100%);
    background: linear-gradient(to bottom, hsla(0, 0%, 25%, 1) 0%, hsla(0, 0%, 15%, 1) 100%);
}

.site-nav {
    background-color: rgba(227, 6, 19, 1);
}

.site-nav .row {
    padding: 0;
    background-color: hsla(356, 97%, 89%, 1);
    background: -webkit-gradient(linear, left top, left bottom, from(#9e050f), to(#e30613));
    background: -o-linear-gradient(top, #9e050f 0%, #e30613 100%);
    background: linear-gradient(to bottom, #9e050f 0%, #e30613 100%);
}

nav a {
    width: 20%;
    display: inline-block;
    border-left: 1px solid #e30613;
    background-repeat: no-repeat;
    background-position: center 1.5em;
    background-size: 18%;
}

@media screen and (min-width: 499px) and (max-width: 739px) {
    nav a {
        background-size: 16%;
    }
}

nav a:last-child {
    border-right: 1px solid #e30613;
}

nav a span {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: hsla(360, 100%, 100%, 1);
    font-weight: bold;
    display: inline-block;
    padding-top: 3.5em;
    margin-top: 1em;
    padding-bottom: 1.5em;
    text-shadow: 1px 1px 3px hsla(0, 0%, 15%, 0.5);
}

@media screen and (min-width: 0px) and (max-width: 850px) {
    nav a span {
        font-size: 1rem;
    }
}

@media screen and (min-width: 0px) and (max-width: 739px) {
    nav a span {
        text-indent: -99999px;
        padding-top: 2em;
        width: 25%;
    }

    nav a:nth-child(1),
    nav a:nth-child(2),
    nav a:nth-child(3),
    nav a:nth-child(4) {
        width: 50%;
        border-bottom: 1px solid #9e050f;
    }
}

nav a:nth-child(1) {
    background-image: url('../img/all/aktuelles.svg');
}

nav a:nth-child(2) {
    background-image: url('../img/all/leistungen.svg');
}

nav a:nth-child(3) {
    background-image: url('../img/all/unternehmen.svg');
}

nav a:nth-child(4) {
    background-image: url('../img/all/kontakt.svg');
}

nav a:hover,
nav a.on {
    color: hsla(0, 100%, 100%, 1);
    background-color: #9e050f;
    text-shadow: none;
}

.site-eyecatcher {
    background-color: hsla(0, 0%, 95%, 0.92);
}

.site-eyecatcher .row {
    padding: 0;
}

.site-eyecatcher .col {
    position: relative;
}

.site-eyecatcher .textaufbild {
    position: absolute;
    bottom: 1em;
    left: 2.5em;
    padding: 0.75em 1.5em;
    display: block;
    font-size: 1.5rem;
    color: hsla(360, 100%, 100%, 1);
    line-height: 1.2;
    text-align: left;
    background-color: hsla(220, 54%, 33%, 0.9);
}

.site-eyecatcher h4 {
    margin-bottom: 0.25em;
    font-size: 2.6rem;
    font-weight: bold;
    text-shadow: 1px 1px 3px hsla(0, 0%, 15%, 0.78);
}

@media screen and (min-width: 0px) and (max-width: 739px) {
    .site-eyecatcher .textaufbild {
        position: relative;
        bottom: 1em;
        left: 0;
        width: 100%;
        background-color: hsla(220, 54%, 33%, 1);
    }

    .site-eyecatcher h4 {
        font-size: 1.6rem;
        font-weight: bold;
    }
}

.site-content {
    background-color: hsla(0, 0%, 95%, 0.92);
}

.site-content.bghellblau {
    background-color: hsla(210, 21%, 93%, 0.92);
}

.site-content .row {
    padding: 1.5em 2.5em 1em 2.5em;
    background-color: hsla(360, 100%, 100%, 1);
}

.site-content.bghellblau .row {
    background-color: hsla(210, 21%, 88%, 1);
}

.site-content.bghellblau .col {
    padding: 220px 0 0 0;
}

.site-content.bghellblau .col p {
    padding: 0 30px;
}

.site-content.bghellblau .col h3 {
    padding: 20px 30px 0 30px;
}

.flex-container,
.flex-container2,
.flex-container4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

@media screen and (min-width: 0px) and (max-width: 739px) {
    .flex-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
}

@media screen and (min-width: 740px) and (max-width: 1079px) {
    .flex-item {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin: 1%;
    }

    .flex-container2 .flex-item {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin: 1%;
    }
}

@media screen and (min-width: 1080px) {
    .flex-item {
        -ms-flex-preferred-size: 31.3333333333%;
        flex-basis: 31.3333333333%;
        margin: 1%;
    }

    .flex-container2 .flex-item {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin: 1%;
    }

    .flex-container4 .flex-item {
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
        margin: 1%;
    }
}

.box {
    position: relative;
    /* wg. fotogalerie */
    padding-bottom: 1em;
    border: 1px solid hsla(0, 0%, 90%, 1);
    line-height: 1.5;
}

.box h5 {
    margin: 1.6em 0 0 0;
    padding: 0 1em;
    font-size: 1.1rem;
    font-weight: bold;
}

.box h2 {
    margin: 0;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0 0.5em;
}

.box p {
    margin-top: 0.5em;
    padding: 0 1em;
    font-size: 0.9rem;
}

.box table {
    border-collapse: collapse;
    background-color: hsla(360, 100%, 100%, 1);
    width: 92%;
    margin: 1em 4%;
    font-size: 100%;
    color: hsla(0, 0%, 30%, 1);
    line-height: 1.5;
}

.box caption {
    display: table-caption;
    padding: 0.25em 0 0.25em 0.25em;
    text-align: left;
    font-weight: bold;
}

.box tr {
    vertical-align: top;
    border-bottom: 1px solid hsla(360, 100%, 100%, 1);
}

.box thead th,
.box tbody td {
    border: 1px solid hsla(360, 100%, 100%, 1);
    padding: 0.25em 0.5em 0.25em 0.5em;
    font-size: 0.9rem;
    text-align: left;

}

.box thead tr th:first-child,
.box tbody tr td:first-child {
    width: 40%;
}

.box tbody tr:nth-child(odd) {
    background-color: hsla(0, 0%, 92%, 1);
}

.box tbody tr:nth-child(even) {
    background-color: hsla(0, 0%, 96%, 1);
}

.box tbody tr:hover {
    background-color: hsla(0, 0%, 88%, 1) !important;
}

.box .fotogalerie {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    border: 2px solid hsla(0, 0%, 80%, 1);
    border-radius: 50%;
    background-color: hsla(360, 100%, 100%, 1);
    background-image: url('../img/all/zoom-in.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    opacity: 0.7;
}

.box .fotogalerie:hover {
    opacity: 1;
    cursor: pointer;
}

.box .fotogalerie a:first-child {
    display: inline-block;
    width: 40px;
    height: 40px;
}

.site-news {
    background-color: hsla(37, 100%, 47%, 0.92);
}

.site-news .row {
    padding: 0;
    background-color: hsla(37, 100%, 47%, 1);
}

.site-news h5 {
    font-size: 2.2rem;
    text-shadow: 1px 1px 3px hsla(0, 0%, 15%, 0.35);
}

.site-news a,
.site-news a:hover {
    padding-left: 26px;
    font-size: 1rem;
    font-weight: bold;
    list-style-type: none;
    background-image: url('../img/all/circle-right2.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px 16px;
}

.site-news a:hover {
    color: hsla(360, 100%, 100%, 1);
    background-image: url('../img/all/circle-right.svg');
}

.site-footer {
    background-color: hsla(0, 0%, 15%, 0.92);
}

.site-footer .row {
    color: hsla(360, 100%, 100%, 1);
    line-height: 1.5;
    background-color: hsla(0, 0%, 15%, 1);
}

.site-footer li a {
    color: hsla(360, 100%, 100%, 1);
}

.site-footer a:hover {
    color: hsla(348, 74%, 39%, 1);
}


.site-footer .col:first-of-type a:hover {
    color: hsla(0, 100%, 100%, 1);
}

.site-meta {
    color: hsla(0, 100%, 100%, 1);
    background-color: hsla(0, 0%, 95%, 0.92);
    background-color: hsla(0, 0%, 35%, 0.92);
}

.site-meta .row {
    padding-bottom: 2em;
    background-color: hsla(360, 100%, 100%, 1);
    background-color: hsla(0, 0%, 25%, 1);
}

.site-meta a,
.site-meta span {
    display: inline-block;
    margin-right: 2em;
    padding-left: 26px;
    font-size: 1rem;
    list-style-type: none;
    color: hsla(360, 100%, 100%, 1);
    background-image: url('../img/all/circle-right2.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px 16px;
}

.site-meta span {
    margin-right: 2em;
    padding-left: 0;
    background-image: none;
}

@media screen and (min-width: 0px) and (max-width: 739px) {

    .site-meta a,
    .site-meta span {
        margin-right: 1em;
        margin-bottom: 0.5em;
    }
}

.site-meta span:first-child,
.site-meta a:first-child {
    margin-left: 0;
}

.site-meta a:hover {
    color: hsla(348, 74%, 39%, 1);
    background-image: url('../img/all/circle-right.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px 16px;
}

@media screen and (min-width: 0px) and (max-width: 739px) {
    .site-meta .right {
        text-align: left;
        margin-top: 1em;
    }
}

.site-meta .right a,
.site-meta .right a:hover {
    margin-right: 0;
    background-image: url('../img/all/circle-up2.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px 16px;
}

.site-meta .right a:hover {
    color: hsla(348, 74%, 39%, 1);
    background-image: url('../img/all/circle-up.svg');
}

/* site-news */
.verlauf1,
.verlauf2,
.verlauf3 {
    font-size: 1.8rem;
    color: hsla(360, 100%, 100%, 1);
    padding: 1.5em 1.5em 1.5em 2.5em;
    border-right: 1px solid #f19c14;
}

.verlauf1 {
    background: #e87e14;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(37, 89%, 51%, 1)), to(hsla(30, 84%, 49%, 1)));
    background: -o-linear-gradient(top, hsla(37, 89%, 51%, 1) 0%, hsla(30, 84%, 49%, 1) 100%);
    background: linear-gradient(to bottom, hsla(37, 89%, 51%, 1) 0%, hsla(30, 84%, 49%, 1) 100%);
}

.verlauf2 {
    background: #e87e14;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(37, 89%, 51%, 1)), to(hsla(30, 84%, 46%, 1)));
    background: -o-linear-gradient(top, hsla(37, 89%, 51%, 1) 0%, hsla(30, 84%, 46%, 1) 100%);
    background: linear-gradient(to bottom, hsla(37, 89%, 51%, 1) 0%, hsla(30, 84%, 46%, 1) 100%);
}

.verlauf3 {
    background: #e87e14;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(37, 89%, 51%, 1)), to(hsla(30, 84%, 43%, 1)));
    background: -o-linear-gradient(top, hsla(37, 89%, 51%, 1) 0%, hsla(30, 84%, 43%, 1) 100%);
    background: linear-gradient(to bottom, hsla(37, 89%, 51%, 1) 0%, hsla(30, 84%, 43%, 1) 100%);
}

.box8,
.box16 {
    background-color: hsla(360, 100%, 100%, 1);
    margin: 1.5%;
}

.box8 {
    width: 32%;
}

.box16 {
    width: 62%;
}

.boximg {
    height: 210px;
    position: relative;
    overflow: hidden;
}

.boximg img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

.boxtext {
    padding: 2em;
    max-height: 250px;
    overflow: hidden;
}

/* accordeon */
dl {
    width: 100%;
    position: relative;
}

dt {
    margin: 0;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
}

dt a.closed .weiter::after,
dt a.open .weiter::after,
dt a.closed h2::after,
dt a.open h2::after,
dt a.closed h3::after,
dt a.open h3::after,
dt a.closed .h2::after,
dt a.open .h2::after,
dt a.closed .h3::after,
dt a.open .h3::after,
dt a.closed .fbig::after,
dt a.open .fbig::after {
    margin-left: 10px;
    content: "\25bc";
    font-size: 1.5rem;
    color: hsla(198, 100%, 40%, 1);
}

dt a.closed .fbig::after,
dt a.open .fbig::after {
    color: hsla(360, 100%, 100%, 1);
}

dt a.open .weiter::after,
dt a.open h2::after,
dt a.open h3::after,
dt a.open .h2::after,
dt a.open .h3::after,
dt a.open .fbig::after {
    content: "\25b2";
    color: hsla(360, 100%, 100%, 1);
}

dt a.closed .weiter::after,
dt a.open .weiter::after,
dt a.closed h3::after,
dt a.open h3::after,
dt a.closed .h3::after,
dt a.open .h3::after {
    font-size: 1rem;
}

dt a h2,
dt a .h2 {
    color: hsla(360, 100%, 100%, 1);
}

dt a:hover h2,
dt a:hover .h2 {
    color: hsla(169, 85%, 34%, 1);
}

dd {
    display: none;
    width: 100%;
    border: 0;
    padding: 0 1em;
    vertical-align: top;
    text-align: left;
}

/* slideshow */
.rslides {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.rslides li {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
}

.rslides li:first-child {
    display: block;
    position: relative;
    float: left;
}

.rslides img {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    border: 0;
}

.site-news a,
.site-news a:hover {
    padding-left: 26px;
    font-size: 1rem;
    font-weight: bold;
    list-style-type: none;
    background-image: url('../img/all/circle-right2.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px 16px;
}

.btn {
    display: inline-block;
    margin-top: 0.5em;
    padding: 0.5em 1em;
    border-radius: 6px;
    color: hsla(0, 100%, 100%, 1);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(37, 89%, 51%, 1)), to(hsla(30, 84%, 49%, 1)));
    background: -o-linear-gradient(top, hsla(37, 89%, 51%, 1) 0%, hsla(30, 84%, 49%, 1) 100%);
    background: linear-gradient(to bottom, hsla(37, 89%, 51%, 1) 0%, hsla(30, 84%, 49%, 1) 100%);
}

.btn:hover {
    color: hsla(0, 100%, 100%, 1);
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(30, 84%, 49%, 1)), to(hsla(37, 89%, 51%, 1)));
    background: -o-linear-gradient(top, hsla(30, 84%, 49%, 1) 0%, hsla(37, 89%, 51%, 1) 100%);
    background: linear-gradient(to bottom, hsla(30, 84%, 49%, 1) 0%, hsla(37, 89%, 51%, 1) 100%);
}

.btn img {
    width: 18px;
    margin-right: 0.5em;
    vertical-align: middle;
}


/* lightbox */
body.lb-disable-scrolling {
    overflow: hidden;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: hsla(0, 0%, 0%, 1);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
    outline: none;
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;

    /* Image border */
    border: 4px solid hsla(0, 100%, 100%, 1);
}

.lightbox a img {
    border: none;
}

.lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;

    background-color: hsla(0, 100%, 100%, 1);
}

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

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../img/all/lightbox/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container > .nav {
    left: 0;
}

.lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev,
.lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../img/all/lightbox/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../img/all/lightbox/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

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

.lb-data {
    padding: 0 4px;
    color: hsla(0, 0%, 80%, 1);
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}

.lb-data .lb-caption a {
    color: hsla(204, 83%, 60%, 1);
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: hsla(0, 0%, 60%, 1);
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../img/all/lightbox/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

@media print {

    .page-break,
    /* body.leistungen #baugruppenfertigung, */
    body.leistungen #lasertechnik,
    /* body.leistungen #stanztechnik, */
    body.leistungen #fraestechnik,
    /* body.leistungen #drehtechnik, */
    body.leistungen #abkanttechnik,
    /* body.leistungen #rundbiegetechnik, */
    body.leistungen #schweisstechnik,
    /* body.leistungen #oberflaechentechnik */
    .site-footer {
        display: block;
        page-break-before: always;
    }

    body,
    .site-header,
    .site-header .row,
    .site-content,
    .site-footer,
    .site-footer .row {
        color: hsla(0, 0%, 15%, 1);
        background: hsla(0, 100%, 100%, 1);
    }

    .row {
        padding: 1.5em 2.5em 1.5em 2.5em;
    }

    nav,
    .site-eyecatcher,
    .fotogalerie,
    .site-news,
    .site-meta,
    .btn {
        display: none;
    }

    .flex-container,
    .flex-container2,
    .flex-container4 {
        display: block;
    }

    body.kontakt .flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    body.kontakt .flex-item {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    }

    body.kontakt .box:nth-of-type(4) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    body.kontakt .box img {
        max-width: 90%;
    }

    body.kontakt .box:first-of-type .boxfoto {
        display: none;
    }

    body.kontakt .box table {
        max-width: 100%;
        margin: 1em 0;
    }

    .box {
        margin-bottom: 1em;
        border: 0;
        border-bottom: 1px solid hsla(0, 0%, 0%, 0.5);
    }

    .box p {
        padding: 0;
    }

    .box img {
        max-width: 45%;
    }

    h1 {
        margin-left: 0;
    }

    .box h2 {
        padding: 0 0.5em 0 0;
    }

    h3 {
        margin: 0.5em 1em 0 0;
    }

    .box h5 {
        padding: 0 1em 0 0;
    }

    a,
    a:visited,
    a:focus,
    a:hover,
    a:active,
    .weiter,
    .site-footer li a {
        color: hsla(0, 0%, 15%, 1);
    }

    .site-footer li,
    .site-footer li:hover {
        background-image: url('../img/all/circle-right_print.svg');
    }

    .rslides li {
        display: block;
        float: left;
    }
}

/*
+++++++++++++++++++++++++++++++++++
STANDARD-CSS - www.dirion-metalltechnik.de - 07.11.2019
Copyright: Wolf Ware GmbH
+++++++++++++++++++++++++++++++++++

farben
164194 blau hsla(220, 74%, 33%, 1)
6b7079 grau hsla(219, 6%, 45%, 1)
252525 dunkelgrau hsla(0, 0%, 15%, 1)
ac1a38 rot hsla(348, 74%, 39%, 1)
f09300 orange hsla(37, 100%, 47%, 1)
e8ecf0 hellblau hsla(210, 21%, 93%, 1)

fotos abmessungen
1450 x  544 px eyecatcher
 640 x  320 px boxfoto
*/