@media screen {
    #footerHandy {
        display: none;
    }
    #footerTablet {
        display: none;
    }
    footer {
        clear: both;
        background-color: #163e81;
        height: 213px;
        width: 100%;
    }
    #contentFooter {
        margin: 0 auto;
        width: 960px;
    }

    #adresse {
        float: left;
        width: 300px;
        height: 213px;
    }
    #haus img {
        width: 27px;
        margin-left: 125px;
        margin-top: 52px;
    }
    #adresse p {

        color: #c8c8c8;
        margin-top: 12px;
        margin-left: 80px;
    }
    #footerlogo {
        float: left;
        width: 360px;
        height: 213px;
    }
    #kontakt {
        float: left;
        width: 300px;
        height: 213px;
    }
    #kontakt a {
        color: #c8c8c8;
    }
    #telefon img {
        width: 25px;
        float: left;
        margin-top: 37px;
        margin-left: 60px;

    }
    #telefon p {
        float: left;
        color: #c8c8c8;
        margin-top: 40px;
        margin-left: 14px;

    }
    #fax {
        clear: both;
    }
    #fax img {
        width: 40px;
        float: left;
        margin-top: 15px;
        margin-left: 54px;
    }

    #fax p {
        color: #c8c8c8;
        float: left;
        margin-top: 23px;
        margin-left: 5px;
    }
    #email {
        clear: both;
    }
    #email img {
        width: 29px;
        float: left;
        margin-left: 60px;
        margin-top: 10px;
    }
    #email a {
        color: #c8c8c8;
        float: left;
        margin-left: 12px;
        margin-top: 13px;


    }

    #footerlogo img {
        height: 88px;
        margin-top: 30px;
        margin-left: 26px;
    }
    #links p {
        color: #c8c8c8;
        float: left;
        margin-left: 10px;
        margin-right: 16px;
    }
    #links1 {
        padding-left: 95px;
        padding-top: 30px;

    }
    #links1 p a {
        color: #c8c8c8;
    }

    #links {
        margin-top: 10px;
        margin-left: 20px;
    }
    #links p a {
        color: #c8c8c8;
    }

    #links p {
        color: #c8c8c8;

    }

}

@media (max-width: 960px) {
    #contentFooter {
        display: none;
    }
    #footerTablet {
        display: block;
    }
    #footerTablet {
        max-width: 960px;
        width: 100%;
    }
    .tabletinfos {

        margin-left: 65%;
    }

    .tabletinfos ul li {
        list-style-type: none;
        display: inline;
        float: left;
        padding-right: 3%;
        margin-top: -100px;

    }
    .tabletinfos ul p {
        font-size: 12px;
        color: #c8c8c8;
    }


    #tabletkontaktphone {
        display: block;
        margin-top: -90px;
        text-align: left;
    }
    #tabletkontaktphone a {
        font-size: 14px;
        color: #c8c8c8;
        text-decoration: none;
    }



    #tablettelefon1 {
        width: 35px;
        height: 55px;
        margin-left: 8%;

    }

    #tabletanschrift {
        width: 26px;
        height: 21px;
        margin-left: 15%;
        margin-top: 70px;
    }
    #tabletAdresse {
        margin-left: 10%;
        color: #c8c8c8;
        font-size: 14px;
        margin-top: -10px;
    }

    #tabletfax1 {
        width: 50px;
        height: 50px;
        margin-left: 4%;
        margin-top: -15px;
    }

    #tabletmail {
        width: 50px;
        height: 40px;
        margin-left: 4%;

    }
    #ttelefon {}
    #tfax {
        margin-top: 33px;
        font-size: 14px;
    }
    #tmail {
        margin-top: 25px;

    }
    #tmail a {
        color: #c8c8c8;
        font-size: 14px;
        text-decoration: underline;
    }
    #tabletlogoFooter img {
        margin-top: -150px;
        width: 200px;
        margin-left: 35%;

    }
    #tabletlogoFooter {
        margin-top: -40px;
    }
    #tabletverweise {
        margin-top: 15px;
        margin-left: 35%;
    }
    #tabletverweise ul li {
        list-style-type: none;
        margin-top: 10px;
    }
    #tabletverweise a {
        color: #c8c8c8;
        font-size: 14px;
    }
    #tabletverweise ul li a {
        font-size: 14px;
        color: #c8c8c8;
    }
    #tabletverweise ul li a b {
        font-size: 14px;
    }
    #tabletverweise1 a {
        color: #c8c8c8;
        font-size: 14px;

    }
    #tabletverweise1 {
        padding-top: 10px;
        margin-left: 38%;
        float: left;
    }

    #tabletkontaktlink {
        float: left;
    }
    #tabletimpressumlink {
        float: left;
        padding-left: 20px;

    }
    #tabletdatenschutzlink {
        float: left;
        padding-left: 20px;

    }





}

@media (max-width: 768px) {

    footer {
        clear: both;
        background-color: #163e81;
        bottom: -500px;
        height: 450px;
        text-align: center;
    }

    #footerTablet {
        display: none;
    }
    #contentFooter {
        display: none;
    }
    #footerHandy {
        display: block;

    }
    .footerinfos {
        margin-top: 20px;
        margin-left: 35%;
    }

    .footerinfos ul li {
        list-style-type: none;
        display: inline;
        float: left;
        padding-right: 3%;

    }
    .footerinfos ul p {
        font-size: 12px;
        color: #c8c8c8;
    }
    .footerinfos ul {

        height: 220px;
        padding-bottom: 10%;

    }

    #footerkontaktphone {
        display: block;
        margin-top: 25px;
        text-align: left;
    }
    #footerkontaktphone a {
        font-size: 12px;
        color: #c8c8c8;
        text-decoration: none;
    }



    #footertelefon1 {
        width: 35px;
        height: 55px;
        margin-left: 8%;
        margin-top: 15px;
    }

    #footeranschrift {
        width: 26px;
        height: 21px;
        margin-left: 12%;
        margin-top: 50px;
    }

    #footerfax1 {
        width: 50px;
        height: 50px;
        margin-left: 4%;
        margin-top: -15px;
    }

    #footermail {
        width: 50px;
        height: 40px;
        margin-left: 4%;

    }
    #htelefon {
        margin-top: 25px;
    }
    #hfax {
        margin-top: 33px;
    }
    #hmail {
        margin-top: 27px;

    }
    #hmail a {
        color: #c8c8c8;
        font-size: 12px;
        text-decoration: underline;
    }
    #logoFooter img {
        margin-top: 10px;
        width: 200px;
        margin-left: -20px;
    }
    #verweise {
        margin-top: 15px;
    }
    #verweise ul li {
        list-style-type: none;
        margin-top: 10px;
    }
    #verweise a {
        color: #c8c8c8;
        font-size: 12px;
    }
    #verweise ul li a {
        font-size: 12px;
        color: #c8c8c8;
    }
    #verweise ul li a b {
        font-size: 12px;
    }




}

@media (max-width: 480px) {
    #footerTablet {
        display: none;
    }
    #contentFooter {
        display: none;
    }
    #footerHandy {
        display: block;

    }
    .footerinfos {
        margin-top: 20px;
        margin-left: 25%;
    }

    .footerinfos ul li {
        list-style-type: none;
        display: inline;
        float: left;
        padding-right: 3%;

    }
    .footerinfos ul p {
        font-size: 12px;
        color: #c8c8c8;
    }
    .footerinfos ul {

        height: 220px;
        padding-bottom: 10%;

    }

    #footerkontaktphone {
        display: block;
        margin-top: 25px;
        text-align: left;
    }
    #footerkontaktphone a {
        font-size: 12px;
        color: #c8c8c8;
        text-decoration: none;
    }



    #footertelefon1 {
        width: 35px;
        height: 55px;
        margin-left: 8%;
        margin-top: 15px;
    }

    #footeranschrift {
        width: 26px;
        height: 21px;
        margin-left: 12%;
        margin-top: 50px;
    }

    #footerfax1 {
        width: 50px;
        height: 50px;
        margin-left: 4%;
        margin-top: -15px;
    }

    #footermail {
        width: 50px;
        height: 40px;
        margin-left: 4%;

    }
    #htelefon {
        margin-top: 25px;
    }
    #hfax {
        margin-top: 33px;
    }
    #hmail {
        margin-top: 27px;

    }
    #hmail a {
        color: #c8c8c8;
        font-size: 12px;
        text-decoration: underline;
    }
    #logoFooter img {
        margin-top: 10px;
        width: 200px;
        margin-left: -20px;
    }
    #verweise {
        margin-top: 15px;
    }
    #verweise ul li {
        list-style-type: none;
        margin-top: 10px;
    }
    #verweise a {
        color: #c8c8c8;
        font-size: 12px;
    }
    #verweise ul li a {
        font-size: 12px;
        color: #c8c8c8;
    }
    #verweise ul li a b {
        font-size: 12px;
    }
}

@media(max-width: 380px) {
    .footerinfos {
        margin-left: 18%;
    }
    #logoFooter img {
        width: 200px;
        margin-left: 0px;
    }

}