@media screen {

    /* head search-button */
    .search-button {
        width: 28px;
        height: 28px;
        float: right;
        margin: 2.5rem 1rem 0 0.5rem;
        background: transparent url("../images/icons/suche.svg") center center no-repeat;
        background-size: 60%;
        display: none;
    }
    /* head search-button ends */


	/* Search light-box style */
	.searchshown #wrapper {
		opacity: 0.5;
		filter: blur(5px);
        transition: opacity .5s, filter .5s;
	}

	.searchshown #cboxContent,
	.searchshown #cboxLoadedContent {
		border: 1px solid #fff;
		background: none;
		border: none;
	}

	.searchopen #cboxLoadingGraphic {
		display: none;
		background: none;
    }


	.searchopen #cboxClose {
		display: none;
	}
    /* Search light-box style ends */

    /* Search style */
    div.search-form {
        display: none;
    }

    form.search-form {
        margin: 0;
        box-sizing: border-box;
        position: relative;
        background: #f6a422;
    }

    .search-form .formbody {
        margin-bottom: 0;
        position: relative;
    }

    .search-form .label_div {
        display: none;
    }

    .search-form .field_div {
        height: 100%;
    }

    .search-form div.widget {
        margin: 0;
    }  
    
    .search-form div.widget-text {
        background: #f6a422;
    }
    .search-form .widget-submit {
        float: right;
        height: 100%;
        width: 70px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .search-form .widget-submit .field_div {
        margin: 0;
        width: 4rem;
    }

    .search-form button.submit {
        text-indent: -10000px;
        width: 100%;
        height: 100%;
        border: none;
        box-shadow: none;
        background: transparent url("../images/icons/search.svg") center center no-repeat;
        background-size: 40%;
        padding: 0;
    }

    .search-form input.text {
        border: none;
        padding: 10px;
        padding-right: 80px;
        -webkit-appearance: none;
        -moz-appearance: none;
        color: #fff;
    }


    #footer .search-form .widget-submit {
        width: 60px;
    }
    
    #footer .search-form input.text {
        padding-right: 60px;
    }

    .search-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color: #fff;
    }

    .search-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #fff;
        opacity: 1;
    }

    .search-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #fff;
        opacity: 1;
    }

    .search-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #fff;
    }

    .search-form ::-ms-input-placeholder { /* Microsoft Edge */
        color: #fff;
    }


    /* Search style end */

    /* search result */
    #searchResult input {
        margin-bottom: 1rem;
    }

    #searchResult button.submit {
        float: right;
    }

    #searchResult h2:after{
        display: none;
    }

    #searchResult span.relevance {
        font-size: 1rem;
        word-wrap: none;
        font-weight: 400;
    }

    #searchResult div.odd,
    #searchResult div.even {
        margin-bottom: 2rem;
    }

    #searchResult p.context {
        margin-bottom: 0;
    }

    #searchResult p.url {
        font-style: italic;
        word-break: break-all;
        word-break: break-word;
        hyphens: auto;
        color: #000;
    }

    #searchResult .highlight {
        background: rgba(246, 164, 34, 0.15);
        padding: 0 0.35rem 0.1rem;
        border-radius: 0.25rem;
    }
}



/* Media Query
---------------------*/

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    #footer .search-form {
        display: none;
    }
}


/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1200px */
@media only screen and (min-width:1200px) {
}