/* ------------------------------------ Very Small ------------------------------------ */
        @media only screen and (min-width: 0px) and (max-width: 559px) { 

            body {
            margin: 0px;
            padding: 0px;
            font-family: 'Jura', sans-serif;
            background-color: #3E3E3E;
            }

        /* --------- header --------- */
            header {
            position: sticky;
            top: 0;
            z-index: 3;
            }

            .header {
            background-color:#3E3E3E;
            text-align: center;
            padding-top: 5px;
            }

            .minibagger_white {
                padding-left: 10px;
                width: 65px;
                margin-top: 5px;
            }

            #headline {
                margin-top: 0px;
                margin-bottom: 5px;
            }
            
            h1 {
                font-family: 'Jura', sans-serif;
                font-size: 22px;
                font-weight: 400;
                color: white;
                display: inline
            }

            #h1_alike {
                font-family: 'Jura', sans-serif;
                font-size: 22px;
                font-weight: 400;
                color: white;
            }

            .mpl{
                font-size: 13px;
                font-weight: normal;
                display: inline;
            }

            .dropbtn {
                display: inline-block;
                border: 2px solid white;
                padding: 4px 4px 4px 4px;
                margin-bottom: 5px;
                margin-left: 10px;
                margin-right: 10px;
            }

            .dropbtn > div {
                width: 20px;
                height: 2px;
                background-color: white;
                margin-top: 3px;
                margin-bottom: 3px;
                background-color:rgb(230, 5, 5);
            }

            .dropdown {
            position: relative;
            display: inline-block;
            font-weight: bold;
            }

            .dropdown-content {
            display: none;
            position: absolute;
            left: -125px;
            font-size: 18px;
            background-color: #f1efef;;
            min-width: 300px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 3;
            }

            .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            }

            .dropdown-content a:hover {background-color: #ffffff;}

            .menu {
            display: none;
            }
        /* --------- header end --------- */

        /* --------- main --------- */

        .view_jump {
        position: relative;
        top: -140px;
        }

        .smartphone_video {
            position: relative;
            background-color: black;
            margin: 0px;
            padding:0px;

        }

        .smartphone_video video {
            width: 100%;
            height: 300px;
            object-fit: cover;
            z-index: -1;
            opacity: 0.25;
        }

        .smartphone_video figcaption {
            position: absolute;
            top: 40%;
            width: 100%;
            color: white;
            font-size: min(4.5vw, 22px);
            text-align: center;
            z-index: 1;
        }

        .smartphone_video a {
                color: #1de6d8;
                text-decoration: none;
        }

        #call_text {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin-left: 30px;
        }
        #mobile_symbol {
            font-size: 50px;
            margin-right: 10px;
        }

        #mobile_number {
            margin-right: 30px;
        }

        .smartphone_video figcaption h2 {
            display: inline;
            color: white;
            font-size: min(4.5vw, 22px);
            font-weight: normal;
        }

        .main {
            scroll-behavior: smooth;
            background-color: #353535;
        }

        .textover {
            background-color: black;
            position: relative;
            margin: 0px;
            padding: 0px;
        }

        .textover img {width: 100%; opacity: 0.2; z-index: -1; min-height: 200px; }

        .textover figcaption  {
            position: absolute;
            box-sizing: border-box;
            top: 40%;
            left: 17.5%;
            width: 65%;
            text-align: center;
            color: white;
            font-size: min(5vw, 20px);
            z-index: 1;
        }

        .roundborder{
                border:0;
                background: none;
                text-align: center;
                border: 2px solid #18CDC2;
                width: 60%;
                outline: none;
                color: white;
                border-radius: 30px;
                padding-top: 4px;
                padding-left:20px;
                padding-bottom: 9px;
                padding-right: 20px;
                transition: 0.25s;
                grid-column: auto;
                transition: .5s;
                animation: animate 3s linear infinite;
            }

            @keyframes animate{
            0%{
            box-shadow:none;
            text-shadow: none;
            }
            
            50%{
            box-shadow: 0 0 13px #18CDC2;
            text-shadow: 0 0 13px #18CDC2;
            }

            100%{
            box-shadow: none;
            text-shadow: none;
            }
            }

            .roundborder:hover
            {
            border-color: #45FCF1;
            }

            .mietpreisliste {
            border-collapse: collapse; 
            border: 2px solid white;
            padding: 2px;
            width: 98%;
            height: auto;
            margin-top: 20px;
            margin-left: 1%;
            margin-bottom: 30px;
            text-align: left;
            font-family: Arial, Helvetica, sans-serif;
            }

            .mietpreisliste td {
            color: white;
            border: 2px solid white;
            padding: 3px 3px 3px 5px;
            font-size: 13px
                
            }

            .mietpreisliste th {
            color: #45FCF1;
            border: 2px solid white;
            padding: 3px 3px 3px 5px;
            font-size: 15px;
            font-family: 'Jura', sans-serif;
            }

            .mietpreisliste th:hover {
            color: #45FCF1;
            }
            #mietpreisliste_col1 {
                width: 84%;
            }


            .flowing_video {
                position: relative;
                background-color: #18CDC2;
                margin: 0px;
                padding:0px;
            }

            .flowing_video > video {
                opacity: 0.22;
                width: 100%;
                height: 550px;
                object-fit: cover;
                z-index: -1;
            }

            .flowing_video figcaption {
            position: absolute;
            background-color: rgba(0,0,0,0.3);
            font-weight: 600;
            box-sizing: border-box;
            top: 5%;
            left: 5%;
            width: 90%;
            padding-bottom: 10px;
            padding-top: 5px;
            text-align: center;
            color: white;
            font-size: min(4vw, 16px);
            z-index: 1;
            }

            .flow_fig_h2 {
                font-size: min(4vw, 16px);
                display: inline;
            }

            .flowing_video figcaption button {
               	background: url("../gallery/pdf_button.png");
                background-size: 100% 100%;
                width: 210px;
                height: 66px;;
                border: none;
                cursor: pointer;
            }

            .textover_contact {
            background-color: black;
            position: relative;
            margin: 0px;
            padding: 0px;
        }

        .textover_contact img {width: 100%; opacity: 0.2; z-index: -1; min-height: 500px; }

        .textover_contact figcaption  {
            position: absolute;
            box-sizing: border-box;
            top: 20%;
            left: 50%;
            transform: translate(-50%,0%);
            width: 65%;
            text-align: center;
            color: white;
            font-size: min(5vw, 20px);
            z-index: 1;
        }

        #contact_call {
            position: absolute;
            text-align: center;
            color:#1de6d8;
            font-size: 50px;
            top: 60%;
            left: 5%;
            z-index: 1;
        }

        #contact_pos {
            position: absolute;
            text-align: center;
            color:#1de6d8;
            font-size: 50px;
            bottom: 45%;
            left: 50%;
            transform: translate(-50%,0%);
            z-index: 1;
        }


        #contact_mail {
            position: absolute;
            text-align: center;
            color:#1de6d8;
            font-size: 50px;
            top: 60%;
            right: 5%;
            z-index: 1;
        }

        .contactbox_font {
            font-size:15px;
        }

        .home_box {
            background-color: #353535; 
            color: white; 
            font-size: 18px; 
            padding: 20px; 
            text-align: center;
        }
        

            /* --------- main end--------- */

            /* --------- footer --------- */
            .footer {
                width: 100%;
                height: 160px;
                text-align: center;
                background-color: #3E3E3E;
            }

            #footerbox {
                background-color: #3E3E3E;
                }

            .footer a:link,.footer a:visited {
                color: white;
                margin-bottom: 5px;
                text-decoration: none;
            }

            #copyright {
                display: inline-block;
                color: white;
                margin: 20px 10px 3px 10px;
                padding: 0px;
            }
            
            #impressum, #datenschutz {
              	margin:30px 0px 30px 0px;
                border-bottom: 2px solid #3E3E3E;
                display: inline-block;
                color: white;
                margin: 10px 10px 0px 10px;
                padding: 0px;
            }

            #impressum:hover, #datenschutz:hover {
            border-bottom: 2px solid #18CDC2;
            }

            #facebook_logo {
                display: inline-block;
                margin-top: 12px;
                margin-right: 50px;
                width: 15px;
                padding-top: 3px;
                padding-left: 8px;
                padding-right: 9px;
                border-radius: 55%;
                transition: .5s;
                animation: animate 3s linear infinite;
            }

            #instagram_logo {
                display: inline-block;
                margin-top: 12px;
                width: 27px;
                padding-top: 4px;
                padding-left: 3px;
                padding-right: 3px;
                border-radius: 50%;
                transition: .5s;
                animation: animate 3s linear infinite;
            }
        }
        /* --------- footer end --------- */
        /* ------------------------------------ Very Small End ------------------------------------ */


        /* ------------------------------------ Small Start ------------------------------------ */
        @media only screen and (min-width: 560px) and (max-width: 767px) {

            body {
            margin: 0px;
            padding: 0px;
            font-family: 'Jura', sans-serif;
            background-color: #3E3E3E;
            }
            
        /* --------- header --------- */
            header {
                position: sticky;
                top: 0;
                z-index: 3;
            }

            .header {
            background-color:#3E3E3E;
            text-align: center;
            padding-top: 5px;
            }

            .minibagger_white {
                padding-left: 10px;
                width: 65px;
                margin-top: 5px;
            }

            #headline {
                margin-top: 0px;
                margin-bottom: 5px;
            }
            
            h1 {
                font-family: 'Jura', sans-serif;
                font-size: 22px;
                font-weight: 400;
                color: white;
                display: inline
            }

            #h1_alike {
                font-family: 'Jura', sans-serif;
                font-size: 22px;
                font-weight: 400;
                color: white;
            }

            .mpl{
                font-size: 15px;
                font-weight: normal;
                display: inline;
            }
  
            .dropbtn {
                display: inline-block;
                border: 2px solid white;
                padding: 4px 4px 4px 4px;
                margin-bottom: 5px;
                margin-left: 10px;
                margin-right: 10px;
            }

            .dropbtn > div {
                width: 20px;
                height: 2px;
                background-color: white;
                margin-top: 3px;
                margin-bottom: 3px;
                background-color: rgb(230, 5, 5);
            }

            .dropdown {
            position: relative;
            display: inline-block;
            font-weight: bold;
            }

            .dropdown-content {
            display: none;
            position: absolute;
            left: -195px;
            font-size: 18px;
            background-color: #f1efef;
            min-width: 440px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 3;
            }

            .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            }
         
            .dropdown-content a:hover {background-color: #ffffff;}

            .menu {
            display: none;
            }
         /* --------- header end --------- */

         /* --------- main --------- */
         .view_jump {
            position: relative;
            top: -140px;
        }


         .smartphone_video {
            position: relative;
            background-color: black;
            margin: 0px;
            padding:0px;

        }

        .smartphone_video video {
            width: 100%;
            height: 350px;
            object-fit: cover;
            z-index: -1;
            opacity: 0.25;
        }

        .smartphone_video figcaption {
            position: absolute;
            top: 40%;
            width: 100%;
            color: white;
            font-size: 22px;
            text-align: center;
            z-index: 1;
        }

        .smartphone_video a {
                color: #1de6d8;
                text-decoration: none;
        }

        #call_text {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin-left: 30px;
        }
        #mobile_symbol {
            font-size: 50px;
            margin-right: 10px;
        }

        #mobile_number {
            margin-right: 30px;
        }

        .smartphone_video figcaption h2 {
            display: inline;
            color: white;
            font-size: 22px;
            font-weight: normal;
        }

         .main {
            scroll-behavior: smooth;
            background-color: #353535;
        }

        .textover {
            background-color: black;
            position: relative;
            margin: 0px;
            padding: 0px;
        }

        .textover img {width: 100%; opacity: 0.2; z-index: -1; min-height: 200px; }

        .textover figcaption {
            position: absolute;
            box-sizing: border-box;
            top: 40%;
            left: 25%;
            width: 50%;
            text-align: center;
            color: white;
            font-size: 20px;
            z-index: 1;

        }
        .roundborder{
                border:0;
                background: none;
                text-align: center;
                border: 2px solid #18CDC2;
                width: 60%;
                outline: none;
                color: white;
                border-radius: 30px;
                padding-top: 4px;
                padding-left:20px;
                padding-bottom: 9px;
                padding-right: 20px;
                transition: 0.25s;
                grid-column: auto;
                transition: .5s;
                animation: animate 3s linear infinite;
            }

            @keyframes animate{
            0%{
            box-shadow:none;
            text-shadow: none;
            }
            
            50%{
            box-shadow: 0 0 13px #18CDC2;
            text-shadow: 0 0 13px #18CDC2;
            }

            100%{
            box-shadow: none;
            text-shadow: none;
            }
            }

            .roundborder:hover
            {
            border-color: #45FCF1;
            }

            .mietpreisliste {
            border-collapse: collapse; 
            border: 2px solid white;
            padding: 2px;
            width: 98%;
            height: auto;
            margin-top: 20px;
            margin-left: 1%;
            margin-bottom: 30px;
            text-align: left;
            font-family: Arial, Helvetica, sans-serif;
            }

            .mietpreisliste td {
            color: white;
            border: 2px solid white;
            padding: 3px 3px 3px 5px;
            font-size: 15px;
                
            }

            .mietpreisliste th {
            color: #45FCF1;
            border: 2px solid white;
            padding: 3px 3px 3px 5px;
            font-size: 17px;
            font-family: 'Jura', sans-serif;
            }

            .mietpreisliste th:hover {
            color: #45FCF1;
            }
            #mietpreisliste_col1 {
                width: 84%;
            }


            .flowing_video {
                position: relative;
                background-color: #18CDC2;
                margin: 0px;
                padding:0px;
            }

            .flowing_video > video {
                opacity: 0.22;
                width: 100%;
                height: 550px;
                object-fit: cover;
                z-index: -1;
            }

            .flowing_video figcaption {
            position: absolute;
            background-color: rgba(0,0,0,0.3);
            font-weight: 600;
            box-sizing: border-box;
            top: 5%;
            left: 10%;
            width: 80%;
            padding-bottom: 10px;
            padding-top: 5px;
            text-align: center;
            color: white;
            font-size: 16px;
            z-index: 1;
            }
            
            .flow_fig_h2 {
                font-size: 16px;
                display: inline;
            }

            .flowing_video figcaption button {
                background: url("../gallery/pdf_button.png");
                background-size: 100% 100%;
                width: 210px;
                height: 66px;;
                border: none;
                cursor: pointer;
            }

            



        .textover_contact {
            background-color: black;
            position: relative;
            margin: 0px;
            padding: 0px;
        }

        .textover_contact img {width: 100%; opacity: 0.2; z-index: -1; min-height: 500px; }

        .textover_contact figcaption  {
            position: absolute;
            box-sizing: border-box;
            top: 30%;
            left: 50%;
            transform: translate(-50%,0%);
            width: 65%;
            text-align: center;
            color: white;
            font-size: min(5vw, 20px);
            z-index: 1;
        }

        #contact_call {
            position: absolute;
            text-align: center;
            color:#1de6d8;
            font-size: 50px;
            top: 50%;
            left: 5%;
            z-index: 1;
        }

        #contact_pos {
            position: absolute;
            text-align: center;
            color:#1de6d8;
            font-size: 50px;
            top: 50%;
            left: 50%;
            transform: translate(-50%,0%);
            z-index: 1;
        }


        #contact_mail {
            position: absolute;
            text-align: center;
            color:#1de6d8;
            font-size: 50px;
            top: 50%;
            right: 5%;
            z-index: 1;
        }

        .contactbox_font {
            font-size:16px;

        }
        
        .home_box {
            background-color: #353535; 
            color: white; 
            font-size: 18px; 
            padding: 20px; 
            text-align: center;
        }
            /* --------- main end--------- */

            /* --------- footer --------- */
            .footer {
                width: 100%;
                height: 160px;
                text-align: center;
                background-color: #3E3E3E;
            }

            #footerbox {
                background-color: #3E3E3E;
            }

            .footer a:link,.footer a:visited {
                color: white;
                margin-bottom: 5px;
                text-decoration: none;
            }

            #copyright {
                display: inline-block;
                color: white;
                margin: 20px 10px 3px 10px;
                padding: 0px;
            }
            
            #impressum, #datenschutz {
                border-bottom: 2px solid #3E3E3E;
                display: inline-block;
                color: white;
                margin: 3px 10px 3px 10px;
                padding: 0px;
            }

            #impressum:hover, #datenschutz:hover {
            border-bottom: 2px solid #18CDC2;
            }


            #facebook_logo {
                display: inline-block;
                margin-top: 8px;
                margin-right: 50px;
                width: 15px;
                padding-top: 3px;
                padding-left: 8px;
                padding-right: 9px;
                border-radius: 55%;
                transition: .5s;
                animation: animate 3s linear infinite;
            }

            #instagram_logo {
                display: inline-block;
                margin-top: 8px;
                width: 27px;
                padding-top: 4px;
                padding-left: 3px;
                padding-right: 3px;
                border-radius: 50%;
                transition: .5s;
                animation: animate 3s linear infinite;
            }
        }
        /* --------- footer end --------- */
      /* ------------------------------------ Small End ------------------------------------ */

      
    /* ------------------------------------ Medium Start ------------------------------------ */
          @media only screen and (min-width: 768px) and (max-width: 1399px) { 

            body {
            margin: 0px;
            padding: 0px;
            font-family: 'Jura', sans-serif;
            background-color: #3E3E3E;
            }
            
        /* --------- header --------- */
        header {
            position: sticky;
            top: 0;
            z-index: 3;
        }

        .header {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color:#3E3E3E;       
        height: 130px;
        width: 100%;
        }

        .minibagger_white {
            width: 75px;
            margin-bottom: 30px;
        }


        #headline {
            margin-top: 0px;
            margin-bottom: 30px;
            margin-left: 2%;
            justify-content: center;
        }
        
        h1 {
            font-family: 'Jura', sans-serif;
            font-size: 40px;
            font-weight: 400;
            color: white;
            display: inline
        }

        #h1_alike {
            font-family: 'Jura', sans-serif;
            font-size: 40px;
            font-weight: 400;
            color: white;
        }


        .mpl{
            font-size: 15px;
            font-weight: normal;
            display: inline;
        }

            .dropbtn {
                display: none;
            }

            .dropbtn > div {
                display: none;
            }

            .dropdown {
                display: none;
            }

            .dropdown-content {
                display: none;
            }

            .dropdown-content a {
                display: none;
            }
        
            .menu {
            display: flex;
            float: right;
            position: absolute;
            justify-content: center;
            width: 100%;
            top: 100px;
            color: white;
            font-size: 20px;
            }

            .menu a {
                color: white;
                text-decoration: none;
            }

            .menu a:hover{
                border-bottom: 2px solid #18CDC2;
            }


            .menu > div {
                margin-right: 5%;
                margin-left: 5%;
            }

        /* --------- header end --------- */

        /* --------- main --------- */
        .view_jump {
            position: relative;
            top: -128px;
        }

        .smartphone_video {
            position: relative;
            background-color: black;
            margin: 0px;
            padding:0px;

        }

        .smartphone_video video {
            width: 100%;
            height: 550px;
            object-fit: cover;
            z-index: -1;
            opacity: 0.25;
        }

        .smartphone_video figcaption {
            position: absolute;
            top: 40%;
            width: 100%;
            color: white;
            font-size: 24px;
            text-align: center;
            z-index: 1;
        }

        .smartphone_video a {
                color: #1de6d8;
                text-decoration: none;
        }

        #call_text {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin-left: 30px;
        }
        #mobile_symbol {
            font-size: 50px;
            margin-right: 10px;
        }

        #mobile_number {
            margin-right: 30px;
        }

        .smartphone_video figcaption h2 {
            display: inline;
            color: white;
            font-size: 24px;
            font-weight: normal;
        }

        .main {
            scroll-behavior: smooth;
            background-color:#353535;
        }
        .textover {
            background-color: black;
            position: relative;
            margin: 0px;
            padding: 0px;
        }

        .textover img {width: 100%; opacity: 0.2; z-index: -1; min-height: 200px; }

        .textover figcaption {
            position: absolute;
            box-sizing: border-box;
            top: 40%;
            left: 30%;
            width: 40%;
            text-align: center;
            color: white;
            font-size: 25px;
            z-index: 1;

        }
        .roundborder{
                border:0;
                background: none;
                text-align: center;
                border: 2px solid #18CDC2;
                width: 60%;
                outline: none;
                color: white;
                border-radius: 30px;
                padding-top: 4px;
                padding-left:20px;
                padding-bottom: 9px;
                padding-right: 20px;
                transition: 0.25s;
                grid-column: auto;
                transition: .5s;
                animation: animate 3s linear infinite;
            }


            @keyframes animate{
            0%{
            box-shadow:none;
            text-shadow: none;
            }
            
            50%{
            box-shadow: 0 0 13px #18CDC2;
            text-shadow: 0 0 13px #18CDC2;
            }

            100%{
            box-shadow: none;
            text-shadow: none;
            }
            }

            .roundborder:hover
            {
            border-color: #45FCF1;
            }

            .mietpreisliste {
            border-collapse: collapse; 
            border: 2px solid white;
            padding: 2px;
            width: 98%;
            height: auto;
            margin-top: 30px;
            margin-left: 1%;
            margin-bottom: 30px;
            text-align: left;
            font-family: Arial, Helvetica, sans-serif;
            }

            .mietpreisliste td {
            color: white;
            border: 2px solid white;
            padding: 3px 3px 3px 5px;
            font-size: 15px;
                
            }

            .mietpreisliste th {
            color: #45FCF1;
            border: 2px solid white;
            padding: 3px 3px 3px 5px;
            font-size: 17px;
            font-family: 'Jura', sans-serif;
            }

            .mietpreisliste th:hover {
            color: #45FCF1;
            }
            #mietpreisliste_col1 {
                width: 70%;
            }


            .flowing_video {
                position: relative;
                background-color: #18CDC2;
                margin: 0px;
                padding:0px;
            }

            .flowing_video > video {
                opacity: 0.22;
                width: 100%;
                height: 450px;
                object-fit: cover;
                z-index: -1;
            }

            .flowing_video figcaption {
            position: absolute;
            background-color: rgba(0,0,0,0.3);
            font-weight: 600;
            box-sizing: border-box;
            top: 5%;
            left: 10%;
            width: 80%;
            padding-bottom: 10px;
            padding-top: 5px;
            text-align: center;
            color: white;
            font-size: 16px;
            z-index: 1;
            }

            .flow_fig_h2 {
                font-size: 16px;
                display: inline;
            }

            .flowing_video figcaption button {
              	background: url("../gallery/pdf_button.png");
                background-size: 100% 100%;
                width: 210px;
                height: 66px;;
                border: none;
                cursor: pointer;
            }






            .textover_contact {
                background-color: black;
                position: relative;
                margin: 0px;
                padding: 0px;
            }
    
            .textover_contact img {width: 100%; opacity: 0.2; z-index: -1; min-height: 500px; }
    
            .textover_contact figcaption  {
                position: absolute;
                box-sizing: border-box;
                top: 30%;
                left: 50%;
                transform: translate(-50%,0%);
                width: 35%;
                text-align: center;
                color: white;
                font-size: min(5vw, 20px);
                z-index: 1;
            }
    
            #contact_call {
                position: absolute;
                text-align: center;
                color:#1de6d8;
                font-size: 60px;
                top: 50%;
                left: 10%;
                z-index: 1;
            }
    
            #contact_pos {
                position: absolute;
                text-align: center;
                color:#1de6d8;
                font-size: 60px;
                top: 50%;
                left: 50%;
                transform: translate(-50%,0%);
                z-index: 1;
            }
    
    
            #contact_mail {
                position: absolute;
                text-align: center;
                color:#1de6d8;
                font-size: 60px;
                top: 50%;
                right: 10%;
                z-index: 1;
            }
    
            .contactbox_font {
                font-size:17px;
                font-weight: bold;
    
            }

            
        .home_box {
            background-color: #353535; 
            color: white; 
            font-size: 18px; 
            padding: 20px; 
            text-align: center;
        }
            /* --------- main end--------- */

            /* --------- footer --------- */
            .footer {
                width: 100%;
                height: 80px;
                background-color: #3E3E3E;
            }

            #footerbox {
            display:flex;
            justify-content: center;
            align-items: center;
            padding-top: 10px;
            background-color: #3E3E3E;
            }

            .footer a:link,.footer a:visited {
                color: white;
                margin-bottom: 5px;
                text-decoration: none;
            }

            #copyright {
                display: inline-block;
                color: white;
                margin-right: auto;
                margin-left: 4%;

            }
            
            #impressum {
                margin-left: auto;
                margin-right: 4%;
            }
            
            #datenschutz{
                margin-right: 4%;
            }

            #impressum, #datenschutz {
                border-bottom: 2px solid #3E3E3E;
                color: white;
                padding: 0px;
                order:1;
            }

            #impressum:hover, #datenschutz:hover {
            border-bottom: 2px solid #18CDC2;
            }


            #facebook_logo {
                display: inline-block;
                margin-top: 8px;
                margin-right: 2%;
                width: 15px;
                padding-top: 3px;
                padding-left: 8px;
                padding-right: 9px;
                margin-bottom: 10px;
                border-radius: 55%;
                transition: .5s;
                animation: animate 3s linear infinite;
            }

            #instagram_logo {
                display: inline-block;
                margin-top: 8px;
                width: 27px;
                padding-top: 4px;
                padding-left: 3px;
                padding-right: 3px;
                border-radius: 50%;
                margin-bottom: 10px;
                transition: .5s;
                animation: animate 3s linear infinite;
            }
        }
        /* --------- footer end --------- */
    /* ------------------------------------ Medium End ------------------------------------ */


    /* ------------------------------------ Large Start ------------------------------------ */
    @media only screen and (min-width: 1400px) {

   
        body {
            margin: 0px;
            padding: 0px;
            font-family: 'Jura', sans-serif;
            background-color: #3E3E3E;
            }
            
        /* --------- header --------- */

        header {
            position: sticky;
            top: 0;
            z-index: 3;
        }

        .header {
        display: flex;
        align-items: center;
        background-color:#3E3E3E;      
        height: 110px;
       /* width: 100%; */
        }

        .minibagger_white {
            margin-top: 20px;
            width: 75px;
            margin-bottom: 30px;
            margin-left: 7%
        }
   
        #headline {
            margin-top: 30px;
            margin-bottom: 30px;
            margin-right: 70px;
            margin-left: 2%;
        }
        
        h1 {
            font-family: 'Jura', sans-serif;
            font-size: 44px;
            font-weight: 400;
            color: white;
            display: inline
        }

        #h1_alike {
            font-family: 'Jura', sans-serif;
            font-size: 44px;
            font-weight: 400;
            color: white;
        }

        
        .mpl{
            font-size: 15px;
            font-weight: normal;
            display: inline;
        }

            .dropbtn {
                display: none;
            }

            .dropbtn > div {
                display: none;
            }

            .dropdown {
                display: none;
            }

            .dropdown-content {
                display: none;
            }

            .dropdown-content a {
                display: none;
            }
        
            .menu {
            display: flex;
            float: right;
            margin-right: 20%;
            position: absolute;
            left: 62%;
            top: 50px;
            color: white;
            font-size: 23px;
            }

            .menu a {
                color: white;
                text-decoration: none;
            }

            .menu a:hover{
            border-bottom: 2px solid #18CDC2;
            }


            .menu > div {
                margin-right: 10%;
                margin-left: 10%;
            }


        /* --------- header end --------- */

        /* --------- main --------- */
        .view_jump {
            position: relative;
            top: -108px;
        }


        .smartphone_video {
            position: relative;
            background-color: black;
            margin: 0px;
            padding:0px;

        }

        .smartphone_video video {
            width: 100%;
            height: 720px;
            object-fit: cover;
            z-index: -1;
            opacity: 0.25;
        }

        .smartphone_video figcaption {
            position: absolute;
            top: 40%;
            color: white;
            width: 100%;
            font-size: 28px;
            text-align: center;
            z-index: 1;
        }

        .smartphone_video a {
                color: #1de6d8;
                text-decoration: none;
        }

        #call_text {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin-left: 30px;
        }
        #mobile_symbol {
            font-size: 50px;
            margin-right: 10px;
        }

        #mobile_number {
            margin-right: 30px;
        }

        .smartphone_video figcaption h2 {
            display: inline;
            color: white;
            font-size: 28px;
            font-weight: normal;
        }


       .main {
            scroll-behavior: smooth;
            background-color: #353535;
        }

        .textover {
            background-color: black;
            position: relative;
            margin: 0px;
            padding: 0px;
        }

        .textover img {width: 100%; opacity: 0.2; z-index: -1; min-height: 200px; }

        .textover figcaption {
            position: absolute;
            box-sizing: border-box;
            top: 40%;
            left: 35%;
            width: 30%;
            text-align: center;
            color: white;
            font-size: 28px;
            z-index: 1;

        }
        .roundborder{
                border:0;
                background: none;
                text-align: center;
                border: 2px solid #18CDC2;
                width: 60%;
                outline: none;
                color: white;
                border-radius: 30px;
                padding-top: 4px;
                padding-left:20px;
                padding-bottom: 9px;
                padding-right: 20px;
                transition: 0.25s;
                grid-column: auto;
                transition: .5s;
                animation: animate 3s linear infinite;
            }


            @keyframes animate{
            0%{
            box-shadow:none;
            text-shadow: none;
            }
            
            50%{
            box-shadow: 0 0 13px #18CDC2;
            text-shadow: 0 0 13px #18CDC2;
            }

            100%{
            box-shadow: none;
            text-shadow: none;
            }
            }

            .roundborder:hover
            {
            border-color: #45FCF1;
            }

            .mietpreisliste {
            border-collapse: collapse; 
            border: 2px solid white;
            padding: 2px;
            width: 98%;
            height: auto;
            margin-top: 30px;
            margin-left: 1%;
            margin-bottom: 30px;
            text-align: left;
            font-family: Arial, Helvetica, sans-serif;
            }

            .mietpreisliste td {
            color: white;
            border: 2px solid white;
            padding: 3px 3px 3px 5px;
            font-size: 15px;
                
            }

            .mietpreisliste th {
            color: #45FCF1;
            border: 2px solid white;
            padding: 3px 3px 3px 5px;
            font-size: 17px;
            font-family: 'Jura', sans-serif;
            }

            .mietpreisliste th:hover {
            color: #45FCF1;
            }
            #mietpreisliste_col1 {
                width: 70%;
            }


            .flowing_video {
                position: relative;
                background-color: #18CDC2;
                margin: 0px;
                padding:0px;
            }

            .flowing_video > video {
                opacity: 0.22;
                width: 100%;
                height: 450px;
                object-fit: cover;
                z-index: -1;
            }

            .flowing_video figcaption {
            position: absolute;
            background-color: rgba(0,0,0,0.3);
            font-weight: 600;
            box-sizing: border-box;
            top: 5%;
            left: 10%;
            width: 80%;
            padding-bottom: 10px;
            padding-top: 5px;
            text-align: center;
            color: white;
            font-size: 16px;
            z-index: 1;
            }

            .flow_fig_h2 {
                font-size: 16px;
                display: inline;
            }

            .flowing_video figcaption button {
               	background: url("../gallery/pdf_button.png");
                background-size: 100% 100%;
                width: 210px;
                height: 66px;;
                border: none;
                cursor: pointer;
            }

            .textover_contact {
                background-color: black;
                position: relative;
                margin: 0px;
                padding: 0px;
            }
    
            .textover_contact img {width: 100%; opacity: 0.2; z-index: -1; min-height: 500px; }
    
            .textover_contact figcaption  {
                position: absolute;
                box-sizing: border-box;
                top: 25%;
                left: 50%;
                transform: translate(-50%,0%);
                width: 30%;
                text-align: center;
                color: white;
                font-size: min(5vw, 20px);
                z-index: 1;
            }
    
            #contact_call {
                position: absolute;
                text-align: center;
                color:#1de6d8;
                font-size: 60px;
                top: 40%;
                left: 20%;
                z-index: 1;
            }
    
            #contact_pos {
                position: absolute;
                text-align: center;
                color:#1de6d8;
                font-size: 60px;
                top: 40%;
                left: 50%;
                transform: translate(-50%,0%);
                z-index: 1;
            }
    
    
            #contact_mail {
                position: absolute;
                text-align: center;
                color:#1de6d8;
                font-size: 60px;
                top: 40%;
                right: 20%;
                z-index: 1;
            }
    
            .contactbox_font {
                font-size:17px;
                font-weight: bold;
    
            }

            
        .home_box {
            background-color: #353535; 
            color: white; 
            font-size: 18px; 
            padding: 20px; 
            text-align: center;
        }

            /* --------- main end--------- */

            /* --------- footer --------- */
            .footer {
                width: 100%;
                height: 80px;
                background-color: #3E3E3E;
            }

            #footerbox {
            display:flex;
            justify-content: center;
            align-items: center;
            padding-top: 10px;
            background-color: #3E3E3E;
            }

            .footer a:link,.footer a:visited {
                color: white;
                margin-bottom: 5px;
                text-decoration: none;
            }

            #copyright {
                display: inline-block;
                color: white;
                margin-right: auto;
                margin-left: 5%;
            }
            
            #impressum {
                margin-left: auto;
                margin-right: 4%;
            }
            
            #datenschutz{
                margin-right: 5%;
            }

            #impressum, #datenschutz {
                border-bottom: 2px solid #3E3E3E;
                color: white;
                padding: 0px;
                order:1;
            }

            #impressum:hover, #datenschutz:hover {
            border-bottom: 2px solid #18CDC2;
            }


            #facebook_logo {
                display: inline-block;
                margin-top: 8px;
                margin-right: 3%;
                width: 15px;
                padding-top: 3px;
                padding-left: 8px;
                padding-right: 9px;
                margin-bottom: 10px;
                border-radius: 55%;
                transition: .5s;
                animation: animate 3s linear infinite;
            }

            #instagram_logo {
                display: inline-block;
                margin-top: 8px;
                width: 27px;
                padding-top: 4px;
                padding-left: 3px;
                padding-right: 3px;
                border-radius: 50%;
                margin-bottom: 10px;
                transition: .5s;
                animation: animate 3s linear infinite;
            }
        }
    /* --------- footer end --------- */
    /* ------------------------------------ Large End ------------------------------------ */