/*=================================== */
	/* Footer CSS Dokument */
	/*=================================== */


    .footer {
        background:#074A59;
        color: #F2F2F2;
        height: 550px;
        position: relative;
    }

    .footer .footer-inhalt {
        height: 500px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .footer .footer-inhalt .footer-abschnitt {
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1;
        padding: 15px;
        border: 1px solid #F2F2F2;
    }

    .footer .footer-inhalt h4 {
        font-family: 'Montserrat Alternates', sans-serif;
        color: #A6A292;
        font-size: 180%;
    }

    .footer .footer-inhalt .links a {
        font-size: 112%;
        font-family: 'Montserrat', sans-serif;
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        padding: 1rem;
    }

    .footer .footer-inhalt .links h4 {
        line-height: 2rem;
    }

    .footer .footer-inhalt .ueber {
        color: white;
        font-size: 100%;
        font-family: 'Montserrat', sans-serif;
        line-height: 1.4rem;
    }

    .footer .footer-inhalt .ueber .passfoto img {
        width:9vw;
        display: block; 
        margin: auto;
        border: 1.5px solid #F2F2F2;
    }

    .footer .footer-inhalt .ueber .kontakt {
        text-align: center;
    }

    .footer .footer-inhalt .kontakt-formular {
        color: white;
        font-family: 'Montserrat', sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 100%;
    }

    .footer .footer-inhalt .kontakt-formular h4 {
        text-transform: capitalize;

    }

    .footer .footer-inhalt .kontakt-formular .kontakt-input {
        font-size: 112;
        height: 25px;
        padding: 10px 10px 10px 5px;
        display: block;
        width: 300px;
        border: none;
        outline: none;
        border-bottom: 1.5px solid #F2F2F2;
        color: #F2F2F2;
        background: rgba(0,0,0,0);
        opacity: 0.8;
        -webkit-transition: 0.2s ease;
        -o-transition: 0.2s ease;
        transition: 0.2s ease;
    }

    .footer .footer-inhalt .kontakt-formular .mitteilung {
        background: rgba(0,0,0,0);
        font-weight: bold;
        color: #F2F2F2;
        border-radius: .25rem;
		font-family: 'Montserrat', sans-serif;
		font-size: 87%;
    }

    .footer .footer-inhalt .kontakt-formular .mitteilung:focus {
        opacity: 1;
        color: white;
    }

    .footer .footer-inhalt .kontakt-formular .kontakt-input:focus {
        background: #074A59;
        outline: none;
        opacity: 1;
        color: white;
    }
	.footer .footer-inhalt .kontakt-formular textarea {
        width: 300px;
        resize: none;
    }

    .footer .footer-inhalt .kontakt-formular .button {
        padding: .5rem 1rem;
        background: #074A59;
        color: white;
        border:  1px solid #F2F2F2;
        border-radius: .25rem;
        line-height: 1.3rem;
        cursor: pointer;
        font-size: 1rem;
        font-family: 'Montserrat', sans-serif;
        text-transform: uppercase;
    }

    .footer .footer-boden {
        color: #074A59;
        height: 60px;
        width: 100%;
        text-align: center;
        position: absolute;
        bottom:0px;
        left:0px;
        padding-top: 20px;
        background-color: #F2F2F2;
        font-size: 100%;
        font-family: 'Montserrat Alternates', sans-serif;
    }

    /* MEDIA QUERIES */

    @media screen and (max-width: 2500px) {
    
        .footer .footer-inhalt .ueber {
            font-size: 130%;
        }

        .footer .footer-inhalt .ueber .passfoto img {
            width:6vw;
        }
    }

    @media screen and (max-width: 1900px) {
    
        .footer .footer-inhalt .ueber {
            font-size: 110%;
        }

        .footer .footer-inhalt .ueber .passfoto img {
            width:8vw;
        }
    }

    @media screen and (max-width: 1360px) {
    
        .footer .footer-inhalt .ueber {
            font-size: 98%;
        }

        .footer .footer-inhalt .ueber .passfoto img {
            width:8vw;
        }
    }
    @media screen and (max-width: 1190px){
        
        .footer .footer-inhalt .ueber {
            font-size: 100%;
            line-height: 1.1rem;
        }

        .footer .footer-inhalt .ueber .passfoto img {
            width:8vw;
        }
        .footer .footer-inhalt h4 {
            font-size: 140%;
        }
    }

    @media screen and (max-width: 996px) {

      .footer {
        height: auto;
      }

      .footer .footer-inhalt {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }

      .footer .footer-inhalt .kontakt-formular {
        padding-bottom: 90px;
      }

      .footer .footer-inhalt .kontakt-formular .contact-btn {
        width: 100%;
      }
        
      .footer .footer-inhalt .ueber .passfoto img {
        width:27vw;
        display: block; 
        margin: auto; 
      }
      .footer .footer-inhalt .ueber {
        font-size: 100%;
        line-height: 1.4rem;
      }
      .footer .footer-inhalt h4 {
        font-size: 180%;
      }
      .footer .footer-boden {
        height: 80px;
      }
    }