/* smartphone*/
@media screen and (max-width: 681px) {


    .btnplay {
        display: none;
    }
    /*nav*/

    #logo {
        background-image: url('../images/logo/logo-hotel.png');
        height: 50px;
        width: 180px;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 10001;
        background-position: center;
        float: left;
        top: 0;
    }

    #nav_mobile_bar {
        height: 50px;
        background: #272727;
        padding: 5px 10%;
        overflow: hidden;
    }

    #nav_handle {
        background-image: url('../images/menu-icon.jpg');
        height: 21px;
        width: 38px;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 10001;
        background-position: center;
        top: 13px;
        float: right;
        position: relative;
        margin-left: -90px;
    }

    #nav_wrapper {
        position: relative;
        z-index: 100000;
        overflow: hidden;
        display: none;
        background: #272727;
        width: 100%;
    }


    #nav {
        height: 100%;
        top: 0;
        vertical-align: middle;
        width: 100%;
    }




    #menu {
        position: relative !important;
        height: 100%;
    }

        #menu ul {
        }

        #menu li {
            height: 100%;
            line-height: 39px;
            margin: 0;
            padding: 0;
        }

            #menu li:hover {
                cursor: pointer;
            }

            #menu li a {
                font-family: Opificio;
                text-align: center;
                font-size: 16px;
                display: block;
                overflow: hidden;
                color: white;
                height: 100%;
            }

                #menu li a:hover, #menu li.current a {
                    color: #262626;
                    background: #fec551;
                }

            #menu li.current a {
                cursor: default;
            }

    #language {
        width: 110px;
        margin: auto;
        margin-bottom: 10px;
    }

        #language ul {
            overflow: hidden;
        }


        #language li {
            height: 100%;
            line-height: 50px;
            margin: 0;
            margin-left: 5px;
            padding: 0;
            float: left;
            width: 45px;
        }


            #language li a {
                font-family: Opificio;
                text-align: center;
                font-size: 16px;
                display: block;
                overflow: hidden;
                color: white;
                height: 100%;
            }

                #language li a.selected, #language li a:hover {
                    color: #fec551;
                }

            #language li.current a {
                cursor: default;
            }

    /*end of nav*/
    #content_wrapper {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: auto !important;
    }



    #slider_background {
        height: 0;
        position: relative;
        width: 100%;
        /* overflow: hidden; */
        padding-bottom: 44%;
    }

    .carousel {
    }



    #slider_nav {
        display: none;
    }

    .slider_button {
        width: 40px;
        height: 40px;
        margin: 5px;
        top: 0;
        float: left;
        background-repeat: no-repeat;
        -ms-background-size: contain;
        background-size: contain;
        z-index: 500;
        cursor: pointer;
    }

    #prev_button {
        background-image: url('../images/anima-navi/right.png');
    }

    #stop_button {
        background-image: url('../images/anima-navi/stop.png');
    }

    #play_button {
        background-image: url('../images/anima-navi/play.png');
    }



    #next_button {
        background-image: url('../images/anima-navi/left.png');
    }



    .pagination {
        text-align: center;
        height: 20px;
        position: absolute;
        width: 100%;
        bottom: -40px;
        padding: 1px 0;
        z-index: 1000;
    }






        .pagination a {
            z-index: 10;
            display: inline-block;
            margin: 0 5px 0 0;
            width: 18px !important;
            height: 18px !important;
            -ms-border-radius: 10px;
            border-radius: 10px;
            background-color: #6f6f6f;
            cursor: pointer;
        }

            .pagination a.selected {
                background-color: #fec551;
                cursor: default;
            }

            .pagination a span {
                display: none !important;
            }





    #slider_wrapper {
        height: 100%;
        /* overflow: hidden; */
        position: absolute;
        width: 100%;
        opacity: 1;
        z-index: auto;
    }

    #slider {
        position: relative;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-bottom: 44%;
    }


    .slide_wraper {
        position: relative;
        width: 680px;
        height: auto !important;
        overflow: hidden;
    }




        .slide_wraper > img {
            width: 100%;
        }

    #slider_headline_wrapper {
        z-index: 10000;
        position: relative;
        width: 90%;
        overflow: hidden;
        margin: auto;
        height: 100px;
        top: 50px;
    }

        #slider_headline_wrapper.home, #slider_headline_wrapper.preise {
            height: 50px;
        }

    .slider_headline {
        z-index: 10000;
        width: 90%;
    }

        .slider_headline p {
            font-family: Futura-Medium;
            font-size: 4vw;
            color: #610505;
            font-weight: bold;
            display: block;
            float: left;
            max-width: 400px;
            width: 100%;
            height: 100px;
            text-align: center;
        }
    /* home */

    #content_wrapper.home {
        height: auto !important;
        top: 0;
    }

    #home_headline {
        width: 400px;
    }



    #home_info {
        display: none;
    }

    #home_info_wrapper {
        width: 100%;
        z-index: 10000;
        background: #272727;
        position: static;
        left: 50%;
        top: 100px;
        padding-bottom: 20px;
    }





    #home_info_text {
        width: 90%;
        padding: 5%;
        margin-top: -2px;
        font-size: 15px;
        padding-bottom: 50px;
        margin-bottom: 40px;
        text-align: center;
        line-height: 25px;
        background: rgba(255, 255, 255, 1);
    }


        #home_info_text p {
            text-align: left;
            font-family: Futura_Light;
            font-size: 15px;
            max-width: 300px;
            margin: auto;
        }


    #home_info_headline {
        color: #FFFFFF;
        display: inline-block;
        font-size: 24px;
        margin-right: 0;
        margin-bottom: 50px;
        width: 200px;
        font-family: Opificio;
        text-align: center;
        color: #737373;
        margin-top: 20px;
    }




    #home_info_video {
        width: 90%;
        max-width: 340px;
        margin: auto;
        border: 1px #fec551 solid;
        padding: 5px;
        margin-bottom: 20px;
    }

        #home_info_video img {
            width: 100%;
        }


    #home_info_footer {
        overflow: hidden;
        text-align: center;
    }

        #home_info_footer a {
            color: #fec551;
            display: block;
            float: left;
            height: 100%;
            line-height: 30px;
            text-align: center;
        }

    a#home_info_facebook {
        width: 30px;
        color: black;
        font-weight: bolder;
        font-size: 23px;
        background-color: #D8B265;
        -ms-border-radius: 20px;
        border-radius: 20px;
        text-align: center;
        margin-right: 10px;
        margin-left: 42%;
    }

    a#home_info_r {
        width: 30px;
        color: white;
        font-weight: bolder;
        font-size: 23px;
        background-color: #C8A55D;
        -ms-border-radius: 20px;
        border-radius: 20px;
        text-align: center;
        margin-right: 10px;
        clear: right;
        margin-left: 47%;
    }



    a#home_info_tel {
        float: left;
        clear: left;
        width: 100%;
        margin-top: 20px;
    }

    a#home_info_email {
        float: none;
        clear: left;
    }

    #footer_wrapper.home {
        display: none;
    }

    /* end of  home */


    /* zimmer */

    #rooms_wrapper {
        height: 100%;
        width: 100%;
        position: relative;
    }

    .rooms_cat {
        background-size: cover;
        height: 33.3%;
        width: 100%;
        position: relative;
        background-repeat: no-repeat;
        float: left;
    }



    #rooms_cat_1 {
        background-image: url('../smartphone/images/zimmer/main/room-cat-sphone-1.jpg');
    }

    #rooms_cat_2 {
        background-image: url('../smartphone/images/zimmer/main/room-cat-sphone-2.jpg');
    }

    #rooms_cat_3 {
        background-image: url('../smartphone/images/zimmer/main/room-cat-sphone-3.jpg');
    }

    .rooms_cat_list {
        display: none;
        position: absolute;
        z-index: 1000000;
        width: 100%;
        background-color: #4b4b4b;
    }




        .rooms_cat_list li {
        }

            .rooms_cat_list li a {
                color: #272727;
                display: block;
                line-height: 35px;
                height: 35px;
                background: #fec551;
                text-align: center;
                font-family: 'times new roman';
                font-size: 18px;
                margin: 2px 0px;
                cursor: pointer;
            }



    .rooms_cat_title {
        position: absolute;
        top: 50%;
        text-align: center;
        width: 100%;
        height: 70px;
        background: rgba(39, 39, 39, 0.71);
    }

        .rooms_cat_title.smartphone {
            background-color: #4b4b4b;
            top: 0;
            z-index: 10000;
            overflow: hidden;
            display: none;
        }



        .rooms_cat_title span {
            color: white;
            display: block;
            font-size: 18px;
            font-family: 'times new roman';
        }

    .rooms_cat_title_line {
        background-image: url('../images/rooms/room-cat-line.png');
        height: 25px;
        background-repeat: no-repeat;
        margin: auto;
        background-position: center;
        width: 50%;
    }

    .room_hover_wrapper {
        position: absolute;
        display: none;
        top: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        z-index: 10000;
    }

    .room_hover_image {
        position: relative;
        top: 0;
        background: rgba(39, 39, 39, 1);
        overflow: hidden;
    }

        .room_hover_image img {
            width: 100%;
        }


    .room_hover_text {
        text-align: center;
        width: 100%;
        background: rgba(39, 39, 39, 1);
        z-index: 10000;
        padding-bottom: 10000px;
    }

        .room_hover_text span {
            color: white;
            display: block;
            padding: 5px 0;
            font-size: 22px;
            font-family: 'times new roman';
        }

            .room_hover_text span:first-child {
                padding-top: 50px;
            }

    #footer_wrapper.zimmer {
        display: none;
    }

    .smartphone_cat_list_button {
        display: block;
        text-align: center;
        width: 100%;
        height: 20px;
    }

        .smartphone_cat_list_button img {
        }


    /* end of  zimmer */


    /* rooms */

    #rooms_headline {
        width: 400px;
    }



    #rooms_info {
        display: none;
    }

    #rooms_info_wrapper {
        width: 100%;
        z-index: 1000;
        position: relative;
        display: block !important;
        overflow: hidden;
        left: 0 !important;
        top: 0 !important;
        padding-bottom: 20px;
    }





    #rooms_info_text {
        width: 90%;
        padding: 5%;
        font-size: 15px;
        padding-bottom: 50px;
        text-align: center;
        line-height: 25px;
    }


        #rooms_info_text p {
            text-align: left;
            font-family: Futura_Light;
            font-size: 15px;
            max-width: 300px;
            margin: auto;
        }


    #rooms_info_headline {
        color: #FFFFFF;
        display: inline-block;
        font-size: 24px;
        margin-right: 0;
        margin-bottom: 50px;
        width: 200px;
        font-family: Opificio;
        text-align: center;
        color: #737373;
        margin-top: 20px;
    }

    #rooms_info_back {
        display: block;
        font-size: 18px;
        height: 34px;
        line-height: 40px;
        text-align: center;
        width: 90%;
        background: #fec551;
        font-family: Opificio;
        color: #737373;
        margin: auto;
        margin-top: 20px;
    }

    /* end of  rooms */


    /* preise */

    #preise_headline {
        width: 400px;
    }



    #preise_info {
        display: none;
    }

    #preise_info_wrapper {
        width: 100%;
        z-index: 10000;
        /* background: #272727; */
        position: static;
        display: block !important;
        left: 50%;
        top: 100px;
        padding-bottom: 20px;
    }





    #preise_info_text {
        width: 90%;
        padding: 5%;
        font-size: 15px;
        padding-bottom: 50px;
        text-align: center;
        line-height: 25px;
        background: rgba(255, 255, 255, 1);
    }


        #preise_info_text p {
            text-align: left;
            font-family: Futura_Light;
            font-size: 15px;
            max-width: 300px;
            margin: auto;
        }


    #preise_info_headline {
        color: #FFFFFF;
        display: inline-block;
        font-size: 24px;
        margin-right: 0;
        margin-bottom: 50px;
        width: 200px;
        font-family: Opificio;
        text-align: center;
        color: #737373;
        margin-top: 20px;
    }



    /* end of  preise */


    /*   anfrage */
    #content_wrapper.anfrage {
        /* height: auto; */
    }


    #anfrage_headline {
        width: 400px;
    }



    #anfrage_info {
        display: none;
    }

    #anfrage_info_wrapper {
        width: 100%;
        z-index: 10000;
        /* background: #272727; */
        position: static;
        left: 50%;
        display: block !important;
        top: 100px;
        padding-bottom: 20px;
    }

    #anfrage_form_left, #anfrage_form_right {
        /* overflow: hidden; */
    }




    #anfrage_info_text {
        width: 90%;
        padding: 5%;
        font-size: 15px;
        padding-bottom: 50px;
        padding-top: 50px;
        text-align: center;
        overflow: hidden;
        line-height: 25px;
        background: rgba(255, 255, 255, 1);
    }


        #anfrage_info_text p {
            text-align: left;
            font-family: Futura_Light;
            font-size: 15px;
            max-width: 300px;
            margin: auto;
        }


    #anfrage_info_headline {
        color: #FFFFFF;
        display: inline-block;
        font-size: 24px;
        margin-right: 0;
        margin-bottom: 50px;
        width: 200px;
        font-family: Opificio;
        text-align: center;
        color: #737373;
        margin-top: 40px;
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }


        select::-ms-expand {
            /* for IE 11 */
            display: none;
        }

    select {
        display: block;
        margin: 5px auto;
        /* background-image: url('../images/reservation-form/arrow-down.png'); */
        background-position: center right;
        background-repeat: no-repeat;
        width: 100%;
        border: 1px solid rgb(202, 166, 95);
        font-size: 16px;
        height: 38px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #9f8c8c;
        opacity: 1;
        font-style: italic;
        float: left;
    }

    option:checked, option:active {
        color: black !important;
        font-style: normal !important;
    }

    #anfrage_form input, #anfrage_form textarea {
        display: block;
        margin: 5px auto;
        width: 99.7%;
        height: 30px;
        border: 1px solid rgb(202, 166, 95);
        border-radius: 0;
        float: left;
    }

    input#anfrage_ort_plz {
        width: 60%;
        float: left;
    }

    input#anfrage_ort_plz2 {
        width: 36%;
        float: right;
    }



    input#anfrage_anreise {
        width: 30%;
        float: left;
        border-right: none;
    }

    .calendar_icon {
        display: block;
        margin-top: 5px;
        float: left;
        background: white;
        padding: 7px;
        border: 1px solid rgb(202, 166, 95);
        border-left: none;
        height: 18px;
    }

    #anreiseil_anfrage {
        width: 25%;
        float: left;
        margin-left: 5%;
    }

    #frustuck_anfrage {
        width: 25%;
        float: right;
    }

    input#anfrage_abreise {
        width: 30%;
        float: left;
        border-right: none;
    }

    input#anfrage_gastname {
        width: 24.7%;
        float: left;
        margin-left: 5%;
    }

    textarea#anfrage_message {
        height: 100px;
        width: 99%;
    }

    #anfrage_captcha_img {
        width: 40%;
        height: 40px;
        border: 1px solid rgb(202, 166, 95);
        margin: 20px auto;
        display: block;
        float: left;
    }

    input#anfrage_update_button {
        height: 35px;
        margin: 23px auto;
        width: 10%;
        background-image: url('../images/contact-form/refresh.png');
        background-repeat: no-repeat;
        position: relative;
        background-size: contain;
        background-color: rgba(138, 91, 91, 0);
        color: rgba(255, 255, 255, 0);
        cursor: pointer;
        margin-left: 5%;
        border: none;
        display: block;
        float: left;
    }

    input#anfrage_captcha_code {
        width: 38%;
        position: relative;
        margin: 20px auto;
        height: 36px;
        float: right;
    }


    input#anfrage_send_button {
        display: block;
        background: #fec551;
        color: black;
        font-style: italic;
        width: 100%;
        font-size: 18px;
        float: left;
        font-family: 'times new roman';
        height: 40px;
        margin-bottom: 20px;
    }

    #anfrage_error {
        float: left;
        display: block;
        text-align: center;
        width: 100% !important;
        padding-bottom: 20px;
    }

    /* end of  anfrage */


    /* lage */

    #lage_headline {
        width: 400px;
    }



    #lage_info {
        display: none;
    }

    #lage_info_wrapper {
        width: 100%;
        z-index: 10000;
        /* background: #272727; */
        display: block !important;
        position: static;
        left: 50%;
        top: 100px;
        padding-bottom: 20px;
    }





    #lage_info_text {
        width: 90%;
        padding: 5%;
        font-size: 15px;
        padding-bottom: 50px;
        text-align: center;
        line-height: 25px;
        background: rgba(255, 255, 255, 1);
    }


        #lage_info_text p {
            text-align: left;
            font-family: Futura_Light;
            font-size: 15px;
            max-width: 300px;
            margin: auto;
        }


    #lage_info_headline {
        color: #FFFFFF;
        display: inline-block;
        font-size: 24px;
        margin-right: 0;
        margin-bottom: 50px;
        width: 200px;
        font-family: Opificio;
        text-align: center;
        color: #737373;
        margin-top: 20px;
    }



    /* end of  lage */


    /* contact */

    #contact_info {
        display: none;
    }

    #contact_info_wrapper {
        width: 100%;
        z-index: 10000;
        position: static;
        display: block !important;
        left: 50% !important;
        top: 100px !important;
        padding-bottom: 20px;
    }





    #contact_info_text {
        width: 100%;
        margin: auto;
    }


        #contact_info_text p {
            font-family: Futura_Light;
            font-size: 15px;
            line-height: 25px;
            color: #FFF;
        }


    #contact_info_headline {
        color: #FFFFFF;
        display: block;
        font-size: 24px;
        font-family: Opificio;
        text-align: center;
        color: #737373;
        margin-top: 20px;
    }


    #googleMap-wrapper {
        height: 0;
        top: 0;
        right: 0;
        bottom: 0;
        position: relative;
        left: 0;
        width: auto;
        padding-bottom: 53%;
    }

    #googleMap {
        width: 100%;
        height: 0;
        padding-bottom: 53%;
    }

    #contact_wrapper {
        position: relative;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 center;
        background-attachment: fixed;
    }



    #contact_headline_wrapper {
        height: 100px;
        width: 100%;
        top: 45%;
        background: white;
        margin-top: 15%;
        position: relative;
        z-index: 10;
    }

    #contact_headline {
        color: #8b2121;
        display: inline-block;
        text-align: left;
        position: absolute;
        left: 50%;
        font-size: 22px;
        width: 300px;
        margin-top: 10px;
        font-family: opificio;
    }

        #contact_headline span {
            color: black;
            display: block;
            font-size: 18px;
            line-height: 10px;
            margin: auto;
            letter-spacing: -2px;
            margin-bottom: 8px;
            text-align: left;
        }

    #contact_form_wrapper {
        width: 95%;
        margin: auto;
    }

    #contact_form {
        width: 100%;
        margin: auto;
        position: relative;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

        #contact_form input {
            margin: 5px;
            margin-top: 15px;
            width: 95%;
            height: 30px;
            border: 1px solid rgb(202, 166, 95);
        }


    #contact_name {
    }

    #contact_phone {
    }

    #contact_email {
    }

    #contact_message {
        margin: 5px;
        width: 94.8%;
        margin-top: 15px;
        height: 130px;
        border: 1px solid rgb(202, 166, 95);
    }

    #contact_captcha_img {
        position: relative;
        width: 30%;
        left: 0;
        height: 35px;
        top: 15px;
        border: 1px solid rgb(202, 166, 95);
        margin-left: -45px;
    }

    input#contact_captcha_code {
        position: relative;
        width: 52%;
        /* top: -10px; */
        /* height: 0; */
        /* padding-bottom: 7%; */
        /* line-height: 16px; */
        margin-top: 0;
        margin-left: 12%;
    }

    input#contact_send_button {
        display: block;
        background: #fec551;
        color: rgb(0, 0, 0);
        width: 96%;
        font-style: italic;
        top: 170px;
        font-size: 18px;
        font-family: 'times new roman';
        height: 31px;
    }

    input#contact_update_button {
        /* height: 35px; */
        width: 35px;
        background-image: url('../images/contact-form/refresh.png');
        background-repeat: no-repeat;
        position: relative;
        background-size: contain;
        border: none;
        background-color: rgba(138, 91, 91, 0);
        color: rgba(255, 255, 255, 0);
        cursor: pointer;
        /* top: -10px; */
        left: 32%;
    }

    #contact_error {
    }

    ::-webkit-input-placeholder { /* WebKit browsers */
        color: #9f8c8c;
        font-style: italic;
    }

    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #9f8c8c;
        opacity: 1;
        font-style: italic;
    }

    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #9f8c8c;
        opacity: 1;
        font-style: italic;
    }

    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #9f8c8c;
        font-style: italic;
    }

    .small::-webkit-input-placeholder {
        font-size: 10px;
        line-height: 20px;
    }




    .small:-moz-placeholder {
        font-size: 10px;
        line-height: 20px;
    }

    .small::-moz-placeholder {
        font-size: 10px;
        line-height: 20px;
    }

    .small:-ms-input-placeholder {
        font-size: 10px;
        line-height: 20px;
    }

    select.small {
        font-size: 10px;
        line-height: 20px;
    }




       #anfrage_gastname::-webkit-input-placeholder {

           text-align: center;
    }


    #anfrage_gastname:-moz-placeholder {
     
         text-align: center;
    }

    #anfrage_gastname::-moz-placeholder {
        
          text-align: center;
    }

    #anfrage_gastname:-ms-input-placeholder {
         
           text-align: center;
    }






        select.small:focus {
            font-size: 12px;
            line-height: 20px;
        }
    /* end of contact*/



    /* impressum */

    #impressum_headline {
        width: 400px;
    }



    #impressum_info {
        display: none;
    }

    #impressum_info_wrapper {
        width: 100%;
        z-index: 10000;
        /* background: #272727; */
        position: static;
        display: block !important;
        left: 50%;
        top: 100px;
        padding-bottom: 20px;
    }





    #impressum_info_text {
        width: 90%;
        padding: 5%;
        font-size: 15px;
        margin-top: 40px;
        padding-bottom: 30px;
        text-align: center;
        line-height: 25px;
        background: rgba(255, 255, 255, 1);
    }


        #impressum_info_text p {
            text-align: left;
            font-family: Futura_Light;
            font-size: 15px;
            max-width: 300px;
            margin: auto;
        }

            #impressum_info_text p a {
                text-align: left;
                font-family: Futura_Light;
                font-size: 15px;
            }

    #impressum_info_headline {
        color: #FFFFFF;
        display: inline-block;
        font-size: 24px;
        margin-right: 0;
        margin-bottom: 50px;
        width: 200px;
        font-family: Opificio;
        text-align: center;
        color: #737373;
        margin-top: 20px;
    }

      a#reserv.impressum {
          margin-left: auto;
      }

    /* end of  impressum */





    /* footer*/

    #footer_wrapper {
        overflow: hidden;
        text-align: center;
        height: auto;
        position: relative;
    }

    #footer {
        overflow: hidden;
        width: 100%;
    }

        #footer a {
            color: #fec551;
            display: block;
            float: left;
            height: 100%;
            line-height: 30px;
            margin: 5px;
            text-align: center;
        }

    a#facebook {
        width: 30px;
        color: black;
        font-weight: bolder;
        font-size: 23px;
        /* height: 30px; */
        background-color: #D8B265;
        border-radius: 20px;
        text-align: center;
        margin-right: 10px;
        margin-left: 42%;
    }

    a#reserv {
        width: 30px;
        color: white;
        font-weight: bolder;
        font-size: 23px;
        background-color: #C8A55D;
        border-radius: 20px;
        text-align: center;
        margin-right: 10px;
        clear: right;
        margin-left: 47%;
    }



    a#tel {
        float: left;
        clear: left;
        width: 100%;
        margin-top: 20px;
    }

    a#email {
        float: none;
        clear: left;
    }


    /* end of footer*/


    /*end of smartphone*/



}

@media screen and (max-width: 400px) {
    .slider_headline p {
        font-size: 18px;
        text-align: left;
    }
}

@media screen and (max-width: 500px) {
    textarea#anfrage_message {
        height: 100px;
        width: 98.5%;
    }
}

@media screen and (max-width: 300px) {
   input#contact_captcha_code{
       width: 49%;
    }
}