@media all and (max-width: 699px) {
     * {
         margin: 0;
         padding: 0;
         outline: none;
         border: none;
    }
     html {
         font-family: Arial, Helvetica, sans-serif;
         scroll-behavior: smooth;
    }
     body {
         background-image: linear-gradient(to right, white 30%, #e5e8ee 100%);
         background-size: cover;
    }
     p {
         font-size:1.2em;
         letter-spacing: 0.3px;
         line-height: 1.5em;
    }
     a {
         font-size:1.2em;
         letter-spacing: 0.3px;
         line-height: 1.5em;
    }
     h2 {
         font-size:1.3em;
         letter-spacing: 0.3px;
         line-height: 1.5em;
    }
     h3 {
         font-size:1.2em;
         letter-spacing: 0.3px;
         line-height: 1.5em;
    }
     h4 {
         font-size:1.1em;
         letter-spacing: 0.3px;
         line-height: 1.5em;
    }
    /*--------------------------------------------------------------------------------------------------Cookiebanner*/
     #footer-cookie, #footer-cookie * {
         box-sizing: border-box;
         z-index: 3;
    }
     #footer-cookie {
         display: none;
         position: fixed;
         bottom: 0px;
         left: 0px;
         width: 100%;
         height: 60px;
         padding-left: 30px;
         padding-right: 30px;
         line-height: 60px;
         background-color: #c31622;
         color: white;
    }
     #footer-cookie ahref {
         color: yellow;
         font-weight: bold;
    }
     #footer-cookie #description {
         float: left;
    }
     #footer-cookie #accept {
         float: right;
    }
     #footer-cookie #accept a {
         border: 5px solid white;
         border-radius: 5px;
         background-color: white;
         padding: 5px 10px;
         text-decoration: none;
         width: 10%;
         display: block;
         text-align: center;
         font-size: 16px;
    }
     #footer-cookie {
         padding-top: 30px;
         padding-bottom: 30px;
         line-height: inherit;
         height: auto;
         font-size: 16px;
    }
     #footer-cookie #description {
         width: 100%;
    }
     #footer-cookie #accept {
         width: 100%;
         margin-top: 15px;
    }
     #footer-cookie #accept a {
         width: 100%;
         display: block;
         text-align: center;
    }
     #description a {
         color: yellow;
         font-weight: bold;
         font-size: 16px;
    }
     #accept a {
         color: black;
         font-weight: bold;
    }
     #buntsection h2 {
         font-size:20px;
         text-align: center;
    }

     .picneben a  {      
          padding:0px 20px 0px 20px; 
    }
     .picneben a img  {
         width: 70%;
    }
    /*--------------------------------------------------------------------------------------------------header*/	
     #popup {
         background-size: cover;
         width: 92%;
         height:auto;    
		 z-index:1;                
         display: block;
         margin-left: auto;
         margin-right: auto;       
         top:25px;
		 padding:25px 0px 25px 0px;
         position: relative;
         left:0px;
         background-color: rgba(255, 255, 255, 1);
         transform: rotate(0deg);
         -webkit-box-shadow: 0px 0.2px 5px black;
         -moz-box-shadow: 0px 0.2px 5px black;
         box-shadow: 0px 0.2px 5px black;
    }
     #popup img {
         height:auto;
         max-width: 300px;
         display: block;
         margin-left: auto;
         margin-right: auto;

    }
     #popup .mobile {
         display:none;
    }
     #popup a {
         text-decoration:none;
    }
     #popup p {
         color: grey;
         font-size: 18px;
         text-align: center;
         letter-spacing: 0.3px;
         line-height: 1.4em;
         margin-bottom: 20px;
         margin:30px 0px 20px 0px;
    }
    /*--------------------------------------------------------------------------------------------------header2*/	
     #popup2 {
         background-size: cover;
         width: 95%;
         height:auto;    
		 z-index:1;                
         display: block;
         margin-left: auto;
         margin-right: auto;       
         top:25px;
		 padding:0px 0px 25px 0px;
         position: relative;
         left:0px;
         background-color: rgba(255, 255, 255, 1);
         transform: rotate(0deg); 
		 border: 1px solid #1f7333;
    }
     #popup2 img {
         height:auto;
         width: 100%;
         display: block;
         margin-left: auto;
         margin-right: auto;

    }
     #popup2 .mobile {
         display:none;
    }
     #popup2 a {
         text-decoration:none;
    }
     #popup2 p {
         color: grey;
         font-size:1.2em;
         text-align: center;
         letter-spacing: 0.3px;
         line-height: 1.4em;
         margin-bottom: 20px;
         margin:10px 25px 20px 25px;
    }
    .number2 {
        text-align:center;
		color:#c31622                   ;
        font-size: 24px;
		font-weight: bold;
        letter-spacing: 0.3px;
        line-height: 1.5em;
		margin:40px 0px 0px 0px;
    }
    /*--------------------------------------------------------------------------------------------------*/
     .hintergrund {
         background: rgba(255, 255, 255, 0.9);
         padding: 12px;
         border-radius: 5px;
         border-width: 1px;
         border-style: solid;
         border-color: #AD0076;
    }
     .button-popup:hover {
         background: #009900;
         color: #ffffff;
         text-decoration: none;
    }
    .number {
        text-align:center;
		color:#c31622                   ;
        font-size: 19px;
		font-weight: bold;
        letter-spacing: 0.3px;
        line-height: 1.5em;
    }
	
    /*--------------------------------------------------------------------------------------------------header*/
     header img {
         margin-left: auto;
         z-index:2;
         margin-right: auto;
         height:80px;
         width: auto;
         background-color: rgba(255, 255, 255, 1);
         padding:20px;
         margin-top:0px;
         position: absolute;
         right:15px;
         border-radius: 0px 0px 15px 15px;
         -webkit-box-shadow: 0px 0.2px 5px black;
         -moz-box-shadow: 0px 0.2px 5px black;
         box-shadow: 0px 0.2px 5px black;
    }
     #myVideo {
         right: 0;
         bottom: 0;
         width: 100%;
         height: 10%;
         background: url(img/titlescreen.jpg) no-repeat;
         background-size: cover;
		 background-position: center;
    }
     /*#myVideo {
         animation: textwelle 3s;
    }
     @keyframes textwelle {
         0% {
             opacity: 0;
             ;
        }
         100% {
             opacity: 1;
             ;
        }
    }*/
     #startbild p {
         background-position: center;
         width: 100%;
         height: 380px;
         background-repeat: no-repeat;
         background-size: cover;
    }
     #content {
         background: rgba(60, 60, 60, 1);
         color: #f1f1f1;
         padding:30px;
         bottom:5px;
         text-align:center;
         /*box-shadow: 0px 0.2px 4px black;
         -webkit-box-shadow: 0px 0.2px 4px black;
         -moz-box-shadow: 0px 0.2px 4px black;
         box-shadow: 0px 0.2px 4px black;*/
         position: relative;
    }
     #content p {
         text-shadow: 2px 2px #1C1C1C;
         font-size:22px;
         text-align: center;
         animation: myAnim 1.5s ease-in-out 0s 1 normal both;
    }
     #content h1 {
         text-shadow: 2px 2px #1C1C1C;
         text-align: center;
         font-size:26px;
         animation: myAnim 1.5s ease-in-out 0s 1 normal both;
    }
     @keyframes myAnim {
         0% {
             opacity: 0;
             transform: translateX(-1000px);
        }
         100% {
             opacity: 1;
             transform: translateX(0);
        }
    }
     div#slider {
         overflow: hidden;
    }
     div#slider p {
         width: 20%;
         float: left;
         height:380px;
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
    }
     div#slider figure {
         position: relative;
         width: 500%;
         margin: 0;
         left: 0;
         text-align: left;
         font-size: 0;
         animation: 45s slidy infinite;
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
    }
     @keyframes slidy {
         0% {
             left: 0%;
        }
         20% {
             left: 0%;
        }
         25% {
             left: -100%;
        }
         45% {
             left: -100%;
        }
         50% {
             left: -200%;
        }
         70% {
             left: -200%;
        }
         75% {
             left: -300%;
        }
         95% {
             left: -300%;
        }
         100% {
             left: -400%;
        }
    }
     #sliderlogo img {
         z-index:1;
         width: 140px;
         float: left;
         height:auto;
         padding:20px;
         top:260px;
         position: absolute;
         left:30px;
         background-color: rgba(255, 255, 255, 1);
         transform: rotate(-2deg);
         -webkit-box-shadow: 0px 0.2px 5px black;
         -moz-box-shadow: 0px 0.2px 5px black;
         box-shadow: 0px 0.2px 5px black;
    }
     #sliderlogo_drutex img {
         z-index:1;
         width: 150px;
         float: left;
         height:auto;
         padding:20px;
         top:320px;
         position: absolute;
         left:30px;
         background-color: rgba(255, 255, 255, 1);
         transform: rotate(-2deg);
         -webkit-box-shadow: 0px 0.2px 5px black;
         -moz-box-shadow: 0px 0.2px 5px black;
         box-shadow: 0px 0.2px 5px black;
    }
    /*--------------------------------------------------------------------------------------------------Titelbilder*/
        .boxtext {
       
         background: rgba(0, 0, 0, 0.7);
         padding: 4px;      
         color:white;
         margin-top:105px;
    }
     .boxtext p {
         text-align: center;
         font-size:18px;
         color:white;
         padding: 0px 0px 0px 0px;
    }
     .boxtext2 img{
         width:90px;
         height:90px;
         margin-top:5px;
         margin-left:5px;
    }

     #rightcontent {
         width: 99%;
         margin-bottom:10px ;
    }
     #box01,#box02,#box03,#box04 {
         width: 49%;
         height:280px;
         margin-left:1%;
         margin-top:1%;
         float: left;
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
    }
     .rightcontentround {
         display: block;
         padding:10px;
         margin-left: auto;
         margin-right: auto;
         background-color: rgba(110,123,139, 0.1);
         height:600px;
    }
     #box01 {
         background-image: url(img/test1.jpg);
    }
     #box02 {
         background-image: url(img/test4.jpg);
    }
     #box03 {
         background-image: url(img/test3.jpg);
    }
     #box04 {
         background-image: url(img/test2.jpg);
    }
    /*--------------------------------------------------------------------------------------------------Navigation*/
     .bar_background {
         width:70px;
         height:60px;
         padding:10px;
         background-color: rgba(255, 255, 255, 1);
         border-radius: 0px 0px 15px 15px;
         -webkit-box-shadow: 0px 0.2px 5px black;
         -moz-box-shadow: 0px 0.2px 5px black;
         box-shadow: 0px 0.2px 5px black;
    }
     .b-a, .bar, .bar:before, .bar:after {
         transition: all .25s;
         content: "";
         position: absolute;
         left: 0;
         height: 10px;
         width: 60px;
         border-radius: 15px;
         background-color: #c31622;
    }
     .menu-collapsed {
         transition: all .25s;
         position: fixed;
         top: 0px;
         left: 9px;
         height: 60px;
         width: 25%;
         z-index: 2;
         cursor: pointer;
    }
     .menu-collapsed ul {
         transition: all 0s;
         position: fixed;
         left: -9000px;
    }
     .bar_background, .bar {
         position: fixed;
         left: 15px;
    }
     .bar {
         position: fixed;
         left: 30px;
         top: 35px;
    }
     .bar:before {
         top: -16px;
    }
     .bar:after {
         top: 16px;
    }
     .bar:hover {
         color: white;
         opacity: 0.6;
    }
     .bar:hover, .bar:active {
         -webkit-user-select: none;
         -webkit-touch-callout: none;
    }
     .bar_background, .b-a-expanded, .menu-expanded .bar:before, .menu-expanded .bar:after {
         transition: all .25s;
         top: -0px;
    }
     .menu-expanded {
         transition: all .25s;
         text-align: center;
         line-height: 35px;
         height: 100%;
         width: 100%;
         border-radius: 0px;
         top: 0;
         left: 0;
         background-color: #1C1C1C;
         margin-top:0px;
         opacity: 0.99;
    }
     .menu-expanded ul {
         transition: all 0s;
         position: relative;
         left: 0;
         z-index: 2;
         margin-top: 90px;
    }
     .menu-expanded a {
         transition: all .15s;
         text-decoration: none;
         font-size: 1.5em;
         padding: 10px;
         color: white;
         display: block;
    }
     .menu-expanded a:hover {
         background-color: white;
         transition: all .15s;
         letter-spacing: 1px;
         color: #1C1C1C;
    }
     .menu-expanded a:hover, .menu-expanded a:active {
         -webkit-user-select: none;
         -webkit-touch-callout: none;
    }
     .menu-expanded .bar {
         background-color: transparent;
         transition: all .25s;
    }
     .menu-expanded .bar:before {
         transform: rotate(45deg);
    }
     .menu-expanded .bar:after {
         transform: rotate(-45deg);
    }
     .row {
         padding-top: 150px;
    }
    /*--------------------------------------------------------------------------------------------------googlemaps*/
     .ce-google-maps {
         position: relative;
         max-width: 100%;
         height: 0;
         padding-bottom: 100%;
         display: block;
         margin-left: auto;
         margin-right: auto;
    }
     .ce-google-maps {
         padding-bottom: 380px;
    }
     .ce-google-maps>* {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         width: 100%;
         height: 100%;
    }
     .ce-google-maps .gmap-opt-in-button-wrap {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background-image: url(img/kartenbanner.jpg);
         background-size: cover;
    }
     .ce-google-maps .gmap-opt-in-button {
         position: absolute;
         top: 50%;
         left: 50%;
         -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
         cursor: pointer;
         width: 80%;
         max-width: 20em;
         color: #c31622;
         background-color: rgba(255, 255, 255, 1);
         padding: 20px;
         border-radius: 10px;
         border-color: black;
         border-width: 3px;
         border-style: solid;
    }
     .ce-google-maps .gmap-opt-in-button div:first-child {
         text-align: center;
         font-weight: 700;
         margin: 5px;
         text-transform: uppercase;
    }
     .ce-google-maps .gmap-opt-in-button div:last-child {
         font-size: 17px;
         line-height: 1.2;
         text-align: center;
    }
    /*--------------------------------------------------------------------------------------------------Fotogalerie*/ 
     .pictinav1 {
         margin-left: 10px;
         margin-right: 10px;
    }
     .pictinav1 img {
         height: auto;
         width: 100%;
         margin: 0px auto;
		 margin-top:20px;
         box-shadow: 2px 3px 5px black;
         -webkit-box-shadow: 2px 3px 5px black;
         -moz-box-shadow: 2px 3px 5px black;
    }
     .deski {
         display: none;
    }
     #pictirum1 h2, #pictirum2 h2, #pictirum3 h2, #pictirum4 h2 {
         color: white;
         font-size: 19px;
    }
     #pictirum1, #pictirum2, #pictirum3, #pictirum4 {
         background-color: #424242;
         margin: 20px;
         padding: 5px;
         clear:both;
    }
     .mobi {
         width:96%; 
		 margin: 0px auto;
    }
     #projectpic1 {
         background-image: url(img/seidel_bau.jpg);
         background-position: top left;
         width: 40%;
         height: 220px;
         margin: 0.3%;
         background-repeat: no-repeat;
         float: left;
         background-size: cover;
         clear: right;
         box-shadow: 0px 0.2px 4px black;
         -webkit-box-shadow: 0px 0.2px 4px black;
         -moz-box-shadow: 0px 0.2px 4px black;
         box-shadow: 0px 0.2px 4px black;
         margin:0px 20px 0px 0px;
    }
     #projectpic2 {
         background-image: url(img/unsere_projekte_mobile/proj28_ready_mob.jpg);
         background-position: center;
         width: 99%;
         height: 220px;
         margin: 0.3%;
         background-repeat: no-repeat;
         margin:0px 0px 20px 0px;
         background-size: cover;
        box-shadow: 0px 0.2px 4px black;
         -webkit-box-shadow: 0px 0.2px 4px black;
         -moz-box-shadow: 0px 0.2px 4px black;
         box-shadow: 0px 0.2px 4px black;
    }
     #projectpic3 {
         background-image: url(img/test2.jpg);
         background-position: center;
         width: 99%;
         height: 220px;
         margin: 0.3%;
         background-repeat: no-repeat;
         margin:0px 0px 20px 0px;
         background-size: cover;
        box-shadow: 0px 0.2px 4px black;
         -webkit-box-shadow: 0px 0.2px 4px black;
         -moz-box-shadow: 0px 0.2px 4px black;
         box-shadow: 0px 0.2px 4px black;
    }
 
    /*--------------------------------------------------------------------------------------------------Button_Telefon*/
     #calloutmob {
         position: fixed;
         background-color: #c20016;
         height: 50px;
         width: 100px;
         z-index: 2;
         top: 389px;
         border-radius: 5px;
         right: -36px;
         color: white;
         font-size: 20px;
         font-weight: 500;
         box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
         -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
         -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
         box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
    }
     #calloutmob img {
         margin-left: 14px;
         width: 33px;
         height: 33px;
         margin-top: 8px;
    }
     #calloutmob2 {
         position: fixed;
         background-color: #c20016;
         height: 50px;
         width: 100px;
         z-index: 2;
         top: 450px;
         border-radius: 5px;
         right: -36px;
         color: white;
         font-size: 20px;
         font-weight: 500;
         box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
         -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
         -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
         box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
    }
     #calloutmob2 img {
         margin-left: 10px;
         width: 47px;
         height: 47px;
         margin-top: 1px;
    }
     #calloutmob3 {
         position: fixed;
         background-color: #c20016;
         height: 50px;
         width: 100px;
         z-index: 2;
         top: 510px;
         border-radius: 5px;
         right: -36px;
         color: white;
         font-size: 20px;
         font-weight: 500;
         box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
         -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
         -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
         box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
    }
     #calloutmob3 img {
         margin-left: 14px;
         width: 39px;
         height: 39px;
         margin-top: 6px;
    }
     #navitop {
         display:none;
    }
    /*--------------------------------------------------------------------------------------------------Trenner*/
     #start_trenner {
         padding-top: 20px;
         background: rgba(60, 60, 60, 1);
         -webkit-box-shadow: 0px 0.2px 5px black;
         -moz-box-shadow: 0px 0.2px 5px black;
         box-shadow: 0px 0.2px 5px black;
    }
     #begin1 {
         padding-top: 30px;
         clear:both;
    }
     #begin2 {
         padding-top: 55px;
    }
     .begin3 {
         padding-top: 10px;
    }
     #begin3_ {
         padding-top: 10px;
    }
     #begin4 {
         padding-top: 70px;
    }
     .container5 a {
         display: inline-block;
         vertical-align: top;
        /* Adjust if multi-line text */
         margin-left: 6%;
         width: 40%;
         color: #c31622;
         text-align: center;
         text-decoration: none;
         font-weight: 700;
         font-size: 20px;
         margin-bottom:30px;
		 text-align: center;
    }
     .container5 a img {
         display: block;
         width:100%;
         margin: auto;
         border: 0;
    }
     .container5 a span {
         display: block;
         margin-top: 5px;
    }
     .container5 {
         width:99%;
         display: block;
         margin: 0 auto;
    }
     .buttonhover {
         cursor:pointer;
    }
     .nonbuttonhover {
         cursor:default;
    }
     .buttonhover:hover {
         opacity: 0.6;
    }
     #contiback {
         background-color: rgba(110,123,139, 0.1);
         padding: 20px;
    }
    /*--------------------------------------------------------------------------------------------------Schriftbearbeitungen*/
     .Sectionschrift, .Sectionschriftproj {
         text-align: left;
         padding-top:50px;
         padding-bottom:50px;
         display: block;
         margin-left: 20px;
         margin-right: 20px;
         max-width: 900px;
         clear: both;
    }
     .Sectionschrift p strong, .Sectionschriftproj p strong {
         color: #c31622;
    }
     .Sectionschrift ul, .Sectionschriftproj ul {
         color: #c31622;
         list-style:none;
    }
     .Sectionschrift a, .Sectionschriftproj a {
         color: black;
         font-weight: bold;
         font-size:1em;
    }
     .Sectionschrift li, .Sectionschriftproj li {
         color: #c31622;
    }
     .Sectionschrift li a, .Sectionschriftproj li a {
         color: black;
    }
     .Sectionschrift h2, .Sectionschriftproj h2 {
         color: black;
    }
     .Sectionschrift h3, .Sectionschriftproj h3 {
         color: #c31622;
    }
     .buntsection h2 {
         margin-top:20px;
         margin-bottom:10px;
         text-align: center;
    }
     .buntsection h3 {
         text-align: center;
    }
     .buntsection {
         width:100%;
         padding-top:30px;
         padding-bottom:30px;
    }
     .buntsection img {
         width:210px;
         height:auto;
         display: block;
         margin-left: auto;
         margin-right: auto;
         margin-bottom:10px;
    }
     .buntsection li img {
         width:80%;
         height:auto;
         margin-bottom:40px;
    }
     .buntsection li {
         display: block;
         text-align:center;
         margin-left: auto;
         margin-right: auto;
         width:99%;
    }
     .buntsection ul {
         margin-bottom:20px;
    }
     .buntsection img:hover {
         opacity: 0.9;
    }
     .buntsection hr {
         width: 100%;
         height: 1px;
         margin: 0 auto;
         background: black;
    }
     .Sectionueberschrift {
         color: #c31622;
         text-align: center;
    }
     .Sectionschrift img {
         display: block;
         margin-left: auto;
         margin-right: auto;
         margin-bottom:20px;
         width: auto;
         height: 270px;
         margin-top: 25px;
    }
     #kontaktbild {
         background-image: url(img/kontakt.jpg);
         width:100%;
         height:250px;
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
         margin-bottom:20px;
    }
     hr {
         width: 100%;
         height: 1px;
         margin: 0 auto;
         background: black;
    }
     .zwili hr {
         width: 95%;
         height: 1px;
         margin: 0 auto;
         background: black;
    }
     .buntsection img {
         width:80%;
         height:auto;
         display: block;
         margin-left: auto;
         margin-right: auto;
    }
     #firstnav {
         visibility: hidden;
         height: 0px !important;
         position: absolute;
         margin: -50px;
         width: 0%;
         height: 0%;
    }
    /*--------------------------------------------------------------------------------------------------Videodatenschutz*/
     #dschutz {
         font-size: 16px;
         text-align: center;
         color: black;
         display: block;
         margin-left: auto;
         margin-right: auto;
         max-width: 700px;
    }
     #dschutz a {
         font-size: 16px;
         text-align: center;
         color: #c31622;
         list-style-type: none;
         text-decoration: none;
    }
     #dschutz a:hover {
         text-decoration: underline;
    }
     #dschutz a:hover, #dschutz a:active {
         -webkit-user-select: none;
         -webkit-touch-callout: none;
    }
     #aschutz {
         font-size: 0.9em;
         text-align: center;
         color: black;
    }
     #aschutz a {
         font-size: 0.9em;
         text-align: center;
         color: #1f6fb4;
         list-style-type: none;
         text-decoration: none;
    }
     #aschutz a:hover {
         text-decoration: underline;
    }
     #aschutz a:hover, #aschutz a:active {
         -webkit-user-select: none;
         -webkit-touch-callout: none;
    }
    /*--------------------------------------------------------------------------------------------------Kontaktformular*/
     #konti {
         display: block;
         margin-left: auto;
         margin-right: auto;
        /*max-width: 900px;
         */
    }
     #konti iframe {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         border: none;
    }
     #konti {
         position: relative;
        /*padding-bottom: 56.25%;
         */
         padding-bottom: 520px;
         padding-top: 15px;
         height: 0;
         overflow: hidden;
        /*-z-index: 1;
         */
    }
     #Knopf6 {
         color: white;
         font-weight: bold;
         border: 3px solid #c31622;
         text-align: center;
         display: block;
         margin: 0 auto;
         width: 230px;
         border-radius: 4px;
         background-color: #c31622;
         height: 32px;
         -webkit-border-radius: 3;
         -webkit-appearance: none;
    }
     #Knopf6 a {
         color: white;
         margin-top: 10px;
         text-align: center;
         font-size: 18px;
         list-style-type: none;
         text-decoration: none;
    }
     #Knopf6:hover {
         color: white;
         opacity: 0.75;
         cursor: pointer;
         cursor: -moz-pointer;
         cursor: -webkit-pointer;
    }
     #Knopf6:hover, #Knopf6:active {
         -webkit-user-select: none;
         -webkit-touch-callout: none;
    }
     #Knopf4_2 input {
         color: white;
         font-weight: bold;
         font-size: 30px;
         display: block;
         margin: 0 auto;
         width: 60px;
         border-radius: 4px;
         background-color: rgba(0, 0, 0, 0.8);
         height: 50px;
         -webkit-border-radius: 3;
         -webkit-appearance: none;
         margin-bottom:40px;
    }
     #Knopf4_2 a {
         list-style-type: none;
         text-decoration: none;
    }
     #Knopf4_2 input:hover {
         color: white;
         opacity: 0.85;
         cursor: pointer;
         cursor: -moz-pointer;
         cursor: -webkit-pointer;
    }
     #Knopf4_2 input:hover, #Knopf4_2 input:active {
         -webkit-user-select: none;
         -webkit-touch-callout: none;
    }
    /*--------------------------------------------------------------------------------------------------Videodatenschutz*/
     .dschutz p{
         font-size: 17px;
         text-align: center;
         color: black;
         display: block;
         margin-left: auto;
         margin-right: auto;
         max-width: 700px;
    }
     .dschutz a {
         font-size: 17px;
         text-align: center;
         color: #c31622;
         list-style-type: none;
         text-decoration: none;
    }
     .dschutz a:hover {
         text-decoration: underline;
    }
     .dschutz a:hover, .dschutz a:active {
         -webkit-user-select: none;
         -webkit-touch-callout: none;
    }
    /*--------------------------------------------------------------------------------------------------footer*/
     #name{
         width:300px;
         height:10px;
         display: block;
         margin-left: auto;
         margin-right: auto;
         color: black;
         font-size: 16px;
         text-align:center;
         margin-bottom:20px;
    }
     footer {
         background-color: #c31622;
         position: relative;
         height: 50px;
         text-align: center;
         width: 100%;
         z-index: 1;
         top: 62px;
    }
     #footerback {
         height: 100px;
         position: relative;
         width: 100%;
         box-shadow: 0px 0.2px 4px black;
         -webkit-box-shadow: 0px 0.2px 4px black;
         -moz-box-shadow: 0px 0.2px 4px black;
         box-shadow: 0px 0.2px 4px black;
         background-image: url(img/paper.jpg);
         background-size: cover;
         z-index: 0;
    }
     footer a {
         color: white;
         list-style-type: none;
         text-decoration: none;
         font-size: 18px;
         margin: 1%;
    }
     footer li {
         display: inline;
         margin-left: 5px;
         margin-right: 5px;
         font-weight: bold;
    }
     footer ul {
         padding-top: 13px;
         height:20px;
         width: 100%;
         text-align:center;
         display: block;
         margin-left: auto;
         margin-right: auto;
    }
     footer a:hover {
         opacity: 0.7;
    }
     footer a:hover, footer a:active {
         -webkit-user-select: none;
         -webkit-touch-callout: none;
    }
    /*------------------------------------------------------------------------------------------------*/
     .openbtn {
         margin: 0 auto;
         display: block;
         cursor: pointer;
    }
     .openbtn img {
         padding-bottom:15px;
    }
     .text_new img {
         width:190px;
         height:auto;
         margin: 0 auto;
         display: block;
    }
     .text_new{
         padding-bottom:30px;
         padding-top:30px;
    }
     .text_new span {
         position: relative;
         bottom:20px;
         width:180px;
         text-align: center;
         background-color:#c31622;
         font-size: 20px;
         padding:7px 15px 7px 15px;
         color: rgba(255, 255, 255, 1);
         letter-spacing: 0.3px;
         font-weight:700;
         line-height: 1.5em;
         border-color:white;
         -webkit-box-shadow: 0px 0.1px 3px black;
         -moz-box-shadow: 0px 0.1px 3px black;
         box-shadow: 0px 0.1px 3px black;
         margin: 0 auto;
         display: block;
    }
       .text_only {
         top:30px;
       
		 margin: 0 auto;
         display: block;      
		 position: relative;
    }
     .text_only p {
         letter-spacing: 0.3px;
         font-weight:700;
         font-size:1.2em;		 
         padding:7px 15px 7px 15px;
         color: rgba(255, 255, 255, 1);
         text-align: center;
         background-color:#c31622;
         -webkit-box-shadow: 0px 0.1px 3px black;
         -moz-box-shadow: 0px 0.1px 3px black;
         box-shadow: 0px 0.1px 3px black;
    }
     .text_only:hover {
         color: white;
         opacity: 0.7;
    }
    /*------------------------------------------------------------------------------------------------Hintergrundfarbe*/
     #mySidepanel1, #mySidepanel2, #mySidepanel3 {
         background: rgba(0, 0, 0, 0.95);
    }
     .sidepanel {
         position: fixed;
         z-index: 999;
         height: 100%;
         top: 0;
         right: 0;
         transition: 0.5s;
         overflow-y: auto;
         transform: translateX(100%);
         width: 100%;
    }
    /*--------------------------------------------------------------------------------------------------buttonbug_x*/
     .bodymass1 {
         margin: 0 auto;
         margin-top:110px;
         display: block;
         width:95%;
    }
     .bodymass2 {
         margin: 0 auto;
         margin-top:50px;
         display: block;
         width:95%;
    }
     .bodymass1 p {
         color:white;
         margin-top:50px;
    }
     .bodymass1 li {
         padding:3%;
    }
     .bodymass1 img {
         width:60%;
         height:auto;
    }
    /*-------------------------------------------------------------------------------------------------*/
     .sidepanel h3 {
         text-align: center;
         font-size: 40px;
         color: white;
         display: block;
         letter-spacing: 0.3px;
         line-height: 1.5em;
         margin-bottom: 30px;
    }
     .sidepanel h4 {
         text-align: center;
         font-size: 30px;
         margin:30px;
         color: white;
         display: block;
         letter-spacing: 0.3px;
         line-height: 1.5em;
    }
     .sidepanel .closebtn2 {
         position: absolute;
         text-align: right;
         color: #c31622;
         font-size: 120px;
         text-decoration: none;
         font-weight: 400;
         top: -50px;
         left: 25px;
         color: white;
    }
     .closebtn2 {
         height:130px;
         background-color: #c31622;
         padding:0px 8px 0px 8px;
         border-radius: 0px 0px 15px 15px;
    }
     .closebtn2:hover {
         opacity: 0.6;
    }
     .duenn {
         margin-top: -20px;
    }
     .close_background {
         width:70px;
         height:60px;
         padding:10px;
         background-color: rgba(255, 255, 255, 1);
         border-radius: 0px 0px 15px 15px;
         -webkit-box-shadow: 0px 0.2px 5px black;
         -moz-box-shadow: 0px 0.2px 5px black;
         box-shadow: 0px 0.2px 5px black;
    }
     .fensterkategorie {
         width:47%;
         height:510px;
         background-color:white;
         float:left;
         margin-left:2%;
         margin-bottom:30px;
         position: relative;
    }
     .fensterkategorie p {
         width: 100%;
         height:240px;
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
    }
     .fensterkategorie h5 {
         font-size:14px;
         color:white;
         text-align:center;
         padding:10px 0px 10px 0px;
         position: relative;
         position: relative;
         background-color: #c31622;
    }
     .fensterkategorie ul {
         padding-bottom:10px;
    }
     .fensterkategorie ul li p {
         font-size: 13px;
         text-align:center;
         text-align: center;
         margin-top:16px;
         line-height: 1em;
         height:20px;
         color: black;
         display: block;
         letter-spacing: 0.3px;
         font-weight:700;
    }
     .fensterkategorie .button {
         background-color: #c31622;
         border: none;
         color: white;
         padding:10px 0px 10px 0px;
         text-align: center;
         text-decoration: none;
         margin: 0 auto;
         margin-top:45px;
         width:90%;
         margin-bottom:200px;
         display: block;
         font-size: 14px;
         margin: 0 auto;
         margin-top:30px;
         display: block;
    }
     #kategorie1, #kategorie2, #kategorie3 {
         width: 100%;
         height: 2px;
         margin: 0 auto;
         background: white;
    }
 :focus-visible {
    outline: 3px solid blue;
} 

	
}