/* Bildschirm.css */
.logo {
    max-width:210px;
    float:left;
    margin-top:1em;
    margin-bottom:1em;
}
body {
    height:100%;
}
#wrapper {
    height:100%;
    min-width:320px;
    position:relative;
}
#kopfbild {
    width:100%;
    position:relative;
    margin-right:auto;
    margin-left:auto;
    padding-top:85px;
    background-color:#fafafa;
}
#kopfbild img {
    width:100%;
    margin:0;
    min-height:420px;
    max-height:890px;
    overflow:hidden;
    object-fit: cover;
}
#header {
    width:100%;
    height:85px;
    min-width:70%;
    max-width:100%;
    top:0;
    position:absolute;
    background-color:#fafafa;
    border-bottom:1px solid #d4d4d4;
    z-index:5;
}
#header .inside {
    width:95%;
    max-width:1150px;
    margin-right:auto;
    margin-left:auto;
}
#container {
    margin-right:auto;
    margin-left:auto;
    padding-top:0;
    padding-right:0;
    padding-left:0;
}
#main {
    min-height:450px;
    margin-top:1px;
}
#main .inside {
    width:95%;
    max-width:1170px;
    margin-right:auto;
    margin-left:auto;
    padding-top:1.87em;
    padding-bottom:1.4em;
    background-color:#fafafa;
}
#main .content-text li {
    margin-bottom:.08em;
    margin-left:1.1em;
    list-style-type:circle;
    list-style-image:url("../../files/grafik/point.jpg");
}

/* Konfiguration bild */
#grey {
    margin-top:2.5em;
    margin-bottom:0;
    padding-bottom:0;
    background-color:#f2f2f2;
    width:100%;
    min-height:250px;
    overflow:hidden;
    object-fit: cover;
}
#grey .inside {
    width:100%;
}
#grey .content-text {
    width:95%;
    max-width:1170px;
    clear:both;
    margin-right:auto;
    margin-left:auto;
    margin-top:2.4em;
    margin-bottom:2em;
}
#grey img {
    width:100%;
    margin:0;
    width:100%;
                height:auto;
                display:inline-block;
}
.grid3,
.grid4,
.grid6,
.grid8,
.grid9,
.grid12 {
    float:left;
    margin-top:1%;
    margin-right:1%;
    margin-bottom:1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.grid12 {
    width:99%;
    margin-right:.5%;
    margin-left:.5%;
    padding:0;
}
.grid8 {
    width:65.66%;
    margin:.5%;
}
.grid6 {
    width:49%;
    margin:.5%;
}
.grid4 {
    width:31.83%;
    min-width:240px;
    max-width:100%;
    margin-right:1%;
    margin-left:.5%;
    padding:0;
}
.grid3 {
    width:24.5%;
    margin:.5%;
}
.leer {
    height:0px;
    display:block;
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    color:#fff;
}
.start {
    background-color:#e8e8e8;
    border-radius:4px;
}
.start img {
    width:100%;
}
.start p a {
    float:right;
    clear:both;
    margin:1.34em 1em 1.47em 0;
    padding:7px 14px 7px 17px;
    background-color:#74af45;
    border:1px solid #74af45;
    border-radius:4px;
    font-size:1rem;
    text-decoration:none;
    color:#fff;
}
.start img a:hover {
    color:#74af45;
    background-color:rgba(255,255,255,1);
    transition: ease-in 0.3s;
}
.start p {
    margin-bottom:14px;
    padding-right:4px;
    padding-left:15px;
    z-index: 5;
}
start p a:hover {
    background-color:#688c46;
    border-color:#688c46;
}
.start h2 {
    padding-right:4px;
    padding-left:15px;
    font-size:1.37em;
}
.info {
    margin-top:-0.4em;
    padding-right:.7em;
    padding-left:.7em;
    background-color:#e8e8e8;
    border-radius:4px;
}
.cta a {
    float:right;
    clear:both;
    margin-top:1.07em;
    margin-right:0;
    margin-bottom:1.47em;
    padding:7px 14px 7px 17px;
    background-color:#74af45;
    border:1px solid #74af45;
    border-radius:4px;
    font-size:1.2125rem;
    text-decoration:none;
    color:#fff;
}
.cta a:after {
    margin-left:.4em;
    font-size:1em;
    content: "⇨";
}
.cta a:hover {
    background-color:#688c46;
    border-color:#688c46;
    transition: ease-in 0.4s;
}
.impressum {
    margin-top:7px;
    padding-top:11px;
    text-align:right;
    border-top:1px solid #f2f2f2;
    font-size:.875em;
    text-transform:uppercase;
    margin-top: -5px !important;
}
.box {
    padding:.6em;
    background-color:#f5f7fa;
}
.mod_rocksolid_slider .content-text {
    position: absolute;
            padding-right: 2%;
            padding-left: 2%;
            min-height: 3em;
            bottom: 0;
            flex-direction: column;
            left: 0;
            max-width: 1170px;
            margin-left: auto;
            margin-right: auto;
            right: 0;
            justify-content: center;
            height: 100%;
            display: flex;
}
.mod_rocksolid_slider h2 {
    font-size:3.0em;
            color:#fff;
            text-shadow: 4px 4px 7px #777
}
.mod_rocksolid_slider h3 {
    font-size:2.0em;
            color:#fff;
            text-shadow: 4px 4px 7px #777
}
.mod_rocksolid_slider p {
    font-size:1.2em;
            color:#fff;
            text-shadow: 4px 4px 7px #777
}
.mod_rocksolid_slider a {
    float:right;
        clear:both;
        margin-top:1em;
        margin-left:auto;
        padding:6px 15px;
        background-color:#74af45;
        border-radius:8px;
        text-decoration:none;
        color:#fff;
        text-shadow:none;
}
.mod_rocksolid_slider a:hover {
    background-color:#3a912a;
    transition: ease-in 0.2s;
}
.referenz a:hover,
.start a:hover {
    filter: brightness(0.60);
    transition-duration: 0.5s;
}
.news {
    padding-right:7px;
    padding-left:7px;
    background-color:#f2f2f2;
    border-bottom:1px solid #74af45;
}
.referenz p a {
    margin-right:1em;
    margin-left:1em;
    text-decoration:none;
    color:#fff;
}
.referenz {
    background-color:#303030;
}
#footer .grid3 {
    width:23.5%;
    min-width:210px;
    max-width:100%;
    margin-top:1px;
    margin-bottom:7px;
    padding:0 1% 0 .5%;
}
#footer h3 {
    padding-bottom:7px;
    font-size:19px;
    color:#d1d1d1;
    font-weight:600;
}
#footer {
    width:100%;
    min-height:13em;
    bottom:0;
    position:relative;
    margin:0;
    padding:0;
    background-color:#303030;
    z-index:5;
}
#footer .inside {
    width:95%;
    max-width:1150px;
    margin-right:auto;
    margin-left:auto;
    padding-top:.5em;
    font-size:85%;
    line-height:147%;
    color:#f2f2f2;
}
#footer p a img:hover {
    text-decoration:underline;
    color:#f2f2f2;
    transform: scale(1.1,1.1);
    transition: 0.4s;
}
#footer a {
    text-decoration:none;
    color:#f2f2f2;
}
#footer a:hover {
    text-decoration:none;
    color:#adadad;
}
#kontaktformular input,
#kontaktformular textarea {
    width:98%;
    margin-bottom:1.6em;
    padding:.7em;
    border:1px solid #c9c9c9;
    border-radius:4px;
}
form#kontaktformular {
    width:95%;
    padding-top:.4em;
    padding-bottom:.4em;
}
#kontaktformular input::placeholder,
#kontaktformular textarea::placeholder {
    color:#f3f3f3;
}
#kontaktformular .submit {
    width:100%;
    padding-top:9px;
    padding-bottom:9px;
    background-color:#74af45;
    border:1px solid #74af45;
    border-radius:4px;
    font-size:103%;
    color:#fff;
}
#kontaktformular .submit:hover {
    background-color:#688c46;
    border-color:#688c46;
    color:#fff;
}
#kontaktformular .select {
    width:100%;
}
div .submit_container {
    width:103%;
}
form .checkbox_container label {
    display:block;
    margin-bottom:26px;
    margin-left:17px;
    padding:0;
    font-size:.82em;
}
#kontaktformular .check input {
    width:4%;
    margin-top:4px;
}
form .checkbox_container input {
    float:left;
    margin:2px 0 0;
}
form label {
    display:block;
    margin-bottom:1em;
    padding:0;
}