/* Schriftarten angeben */
            
            @font-face {
                font-family: 'Oswald';
                src: local ('Oswald') url('screen/fonts/Oswald-VariableFont_wght.ttf') format('truetype');
            }
            
            @font-face {
                font-family: 'Source Sans Pro';
                src: local ('Source Sans Pro') url('screen/fonts/SourceSansPro-Regular.ttf') format('truetype');
            }
            /* Schriftgröße anpassen an die Größe der Webseite */
            
            @function strip-unit($value) {
                @return $value / ($value * 0+1);
            }
            
            @mixin fluid-type($min-vw,
            $max-vw,
            $min-font-size,
            $max-font-size) {
                $u1: unit($min-vw);
                $u2: unit($max-vw);
                $u3: unit($min-font-size);
                $u4: unit($max-font-size);
                @if $u1==$u2 and $u1==$u3 and $u1==$u4 {
                    & {
                        font-size: $min-font-size;
                        @media screen and (min-width: $min-vw) {
                            font-size: calc(#{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));
                        }
                        @media screen and (min-width: $max-vw) {
                            font-size: $max-font-size;
                        }
                    }
                }
            }
            
            $min_width: 320px;
            $max_width: 1000px;
            $min_font: 14px;
            $max_font: 50px;
            html {
                @include fluid-type($min_width,
                $max_width,
                $min_font,
                $max_font);
            }
            /* Farb Angaben allgemein */
            
             :root {
                --bg-color: hsla(0, 100%, 100%, 1.0);
                --block-color: hsla(0, 100%, 100%, 1.0);
                --block-gray-color: hsla(60, 1%, 47%, 1.0);
                --section-overlay-mask-color: hsla(0, 0%, 4%, 1.0);
                --title-color: hsla(60, 1%, 47%, 1.0);
                --font-color: hsla(0, 0%, 4%, 1.0);
                --parallax-rot: hsla(356, 100%, 49%, 1.0);
                --parallax-white: hsla(0, 100%, 100%, 1.0);
            }
            /* Override site */
            
            #main {
                width: 100%;
                padding: 0;
            }
            
            .content-asset p {
                margin: 0 auto;
            }
            
            .breadcrumb {
                display: none;
            }
            /* Helpers */
            
            .margin-top-10 {
                padding-top: 10px;
            }
            
            .margin-bot-10 {
                padding-bottom: 10px;
            }
            
            .only_for_validate {
                display: none;
            }
            /* Impressum einstellungen */
            
            button {
                background-color: var(--parallax-white);
                border: none;
                text-decoration: underline;
                cursor: pointer;
            }
            
            .modal {
                display: none;
                /* Hidden by default */
                position: fixed;
                /* Stay in place */
                z-index: 1;
                /* Sit on top */
                padding-top: 100px;
                /* Location of the box */
                left: 0;
                top: 0;
                width: 100%;
                /* Full width */
                height: 100%;
                /* Full height */
                overflow: auto;
                /* Enable scroll if needed */
                background-color: rgb(0, 0, 0);
                /* Fallback color */
                background-color: rgba(0, 0, 0, 0.4);
                /* Black w/ opacity */
                /* Modal Content */
            }
            
            .impressum_content {
                background-color: #fefefe;
                margin: auto;
                padding: 20px;
                border: 1px solid #888;
                width: 80%;
            }
            /* The Close Button */
            
            .close {
                color: #aaaaaa;
                float: right;
                font-size: 28px;
                font-weight: bold;
            }
            
            .close:hover,
            .close:focus {
                color: #000;
                text-decoration: none;
                cursor: pointer;
            }
            /* Typography */
            
            #parallax h1 {
                font-family: 'Oswald', sans-serif;
                font-size: 24px;
                font-weight: 400;
                text-transform: uppercase;
                color: black;
                padding: 0;
                margin: 0;
            }
            
            #parallax h2 {
                font-family: 'Oswald', sans-serif;
                font-size: 70px;
                letter-spacing: 10px;
                text-align: center;
                color: white;
                font-weight: 400;
                text-transform: uppercase;
                z-index: 10;
                opacity: .9;
            }
            
            #parallax h3 {
                font-family: 'Oswald', sans-serif;
                font-size: 14px;
                line-height: 0;
                font-weight: bold;
                text-transform: uppercase;
                color: black;
            }
			
           #parallax h4 {
                font-family: 'Oswald', sans-serif;
                font-size: 24px;
                font-weight: 400;
                text-transform: uppercase;
                color: black;
                padding: 0;
                margin: 0;
            }
            
            #parallax p {
                font-family: 'Source Sans Pro', sans-serif;
                font-weight: 400;
                font-size: 14px;
                line-height: 24px;
            }
            
            #parallax i {
                font-family: 'Source Sans Pro', sans-serif;
                font-weight: 400;
                font-size: 14px;
                line-height: 24px;
            }
            
            .first-character {
                font-weight: 400;
                float: left;
                font-size: 84px;
                line-height: 64px;
                padding-top: 4px;
                padding-right: 8px;
                padding-left: 3px;
                font-family: 'Source Sans Pro', sans-serif;
            }
            /* Section - Title */
            
            #parallax .title {
                background: var(--bg-color);
                padding: 60px;
                margin: 0 auto;
                text-align: center;
            }
            
            #parallax .title h1 {
                font-size: 35px;
                letter-spacing: 8px;
            }
            /* Section - Block */
            
            #parallax .block {
                background: var(--block-color);
                padding: 30px;
                width: 900px;
                min-width: 350px;
                margin: 0 auto;
                text-align: center;
            }
            
            #parallax .block-gray {
                background: var(--block-gray-color);
                padding: 60px;
            }
            
            #parallax .geschichte {
                display: flex;
                justify-content: space-between;
            }
            
            #parallax .section-overlay-mask {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: var(--section-overlay-mask-color);
                opacity: 0.70;
            }
            /* Section - Parallax - Das sind die Bilder die im Hintergrund angezeigt werden*/
            
            #parallax .parallax-one {
                padding-top: 200px;
                padding-bottom: 200px;
                overflow: hidden;
                position: relative;
                width: 100%;
                background-image: url(../screen/page/kamera.jpg);
                background-attachment: fixed;
                background-size: cover;
                -moz-background-size: cover;
                -webkit-background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
            }
            
            #parallax .parallax-two {
                padding-top: 200px;
                padding-bottom: 200px;
                overflow: hidden;
                position: relative;
                width: 100%;
                background-image: url(../screen/page/Flugtage-53.jpg);
                background-attachment: fixed;
                background-size: cover;
                -moz-background-size: cover;
                -webkit-background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
            }
            
            #parallax .parallax-three {
                padding-top: 200px;
                padding-bottom: 200px;
                overflow: hidden;
                position: relative;
                width: 100%;
                background-image: url(../screen/page/MHZ-6.jpg);
                background-attachment: fixed;
                background-size: cover;
                -moz-background-size: cover;
                -webkit-background-size: cover;
                background-repeat: no-repeat;
                background-position: center center;
            }
            /* Extras */
            
            #parallax .line-break {
                border-bottom: 1px solid black;
                width: 150px;
                margin: 0 auto;
            }
            
            #parallax .card {
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
                max-width: 300px;
                margin: 20px 20px 20px 10px;
                text-align: center;
            }
            
            #parallax .title {
                color: var(--title-color);
                font-size: 18px;
            }
            
            #parallax .text-block {
                width: 300px;
                text-align: left;
            }
            
            a {
                text-decoration: none;
                font-size: 22px;
                color: var(--font-color);
            }
            
            a:hover {
                opacity: 0.7;
            }
            /*Buttons und Formulare*/
            
             .kunde {
                width: 100%;
                background-color: #4CAF50;
                color: white;
                padding: 14px 20px;
                margin: 8px 0;
                border: none;
                border-radius: 4px;
                cursor: pointer;
            }
            
            /* Media Queries */
            
            @media screen and (max-width: 959px) and (min-width: 768px) {
                #parallax .block {
                    padding: 40px;
                    width: 620px;
                }
            }
            
            @media screen and (max-width: 767px) {
                #parallax .block {
                    padding: 30px;
                    width: 420px;
                }
                #parallax h2 {
                    font-size: 30px;
                }
                #parallax .block {
                    padding: 30px;
                }
                #parallax .parallax-one,
                #parallax .parallax-two,
                #parallax .parallax-three {
                    padding-top: 100px;
                    padding-bottom: 100px;
                }
            }
            
            @media screen and (max-width: 485px) {
                #parallax .block {
                    padding: 20px 20px;
                    width: 290px;
                }
                #parallax .geschichte {
                    display: inline-block;
                    justify-content: space-between;
                }
            }