/* specials_suche.css */
#header #suchicon {
    margin-left:5px;
    cursor:pointer;
}
#header #suchicon:hover svg path {
    fill:var(--col1)!important;
}

/* Suchfeld Popup */
#suchfeld {
    position:fixed;
    top:-100%;
    width:100%;
    background:var(--col2);
    z-index:10000;
    display: flex;
    align-items: center;
}
#suchfeld.sichtbar {
    height:100%;
    top:0px;
}
#suchfeld .suchformular {
    margin-left: auto;
    margin-right: auto;
}
.suchformular .ce_form {
    border-bottom:2px solid #fff;
}
.suchformular .formbody {
	justify-content: space-between;
	align-items: flex-end;
}
.suchformular .widget-text {
    width:250px;
    margin-bottom:0;
}
.suchformular label {
    color:#fff;
}
.suchformular input[type="text"] {
    border:0px !important;
    color:#fff;
    background: transparent;
    box-shadow: none;
}
.suchformular input[type="text"]:focus {
    background:transparent;
}
.suchformular button[type="submit"] {
    color: transparent;
    padding: 0px !important;
    margin-bottom: 0;
    content: '';
    width:22px;
    height:22px;
    background-color: #fff;
    -webkit-mask: url(../dateien/icons/icon_search.svg) no-repeat center / contain;
    mask: url(../dateien/icons/icon_search.svg) no-repeat center / contain;
}
.suchformular button[type="submit"]:hover {
    background-color: var(--col1);
}
#suchfeld #close {
    width: 20px;
    height: 20px;
    right:20px;
    top:20px;
    position:absolute;
    cursor:pointer;
    background-color: #fff;
    content: '';
    -webkit-mask: url(../dateien/icons/icon_xmark.svg) no-repeat center / contain;
    mask: url(../dateien/icons/icon_xmark.svg) no-repeat center / contain;
}
#suchfeld #close:hover {
    background-color: var(--col1);
}

/* Detailsseite Suche */
#main .mod_search .widget-text {
    width: 100%;
    max-width: 600px;
}
#main .mod_search .widget-submit button {
    margin-top: 30px;
    line-height: 13px;
}