/*-----------------------------------------------------------------------------------
Version: 1.0
Theme Name: Total-wk-child
Description: Total Theme (Webkoenig modifications)
Template: Total
*/

button.submit, div.recaptcha {
	background-color: blue !important;
	color: white !important;
}

.wk-subpage-header{
	min-height:300px;
	}

/* CONTACT FORM -------------------------------------------------------------- */

.lehrstellen-form label {
	font-weight: 600;
}

.form-container {
	display: flex;
	gap: 15px;
	width: 100%;
}

.form-group input.wpcf7-form-control {
	width: 100%;
}

.form-group {
	margin-bottom: 1vw;
}

span.required {
	color: red;
}

/* SIDEBAR CSS START -------------------------------------------------------------- */
#sidebar-info-overlay {
    background-color: black;
    position: fixed; top:0; left:0;
    width: 100%; height: 100%;
    display: none;
    z-index: 9998;

    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    opacity: 0.5;
}
#sidebar-info {
    background-color:white;
    border-left: #0170bf 4px solid;
    position: fixed;
    top: 0; right: 0;
    display: block;
    width: 0; height: 100%;
    z-index: 9999;
}
#sidebar-info .info-box {
    white-space: nowrap;
    padding: 30px 20px;
}
#sidebar-info .info-box h2, #sidebar-info .info-box h3, #sidebar-info .info-box h4, #sidebar-info .info-box h5, #sidebar-info .info-box h6 {
    line-height: normal;
    margin: 0 0 10px;
}
#sidebar-info-open-icon {
    position: fixed;
    top: 100px; right: 0;
    background-color: #0170bf;
    font-size: 30px;
    color: white;
    z-index: 9999;
}
#sidebar-info-open-icon i.fa-info {
    cursor: pointer;
    display: block;
    padding: 15px;
}
/* SIDEBAR CSS END -------------------------------------------------------------- */

/* Custom Footer ----------*/

@media screen and (max-width: 1326px) {
    #main .wk-h1-small-font h1 {
        font-size: 2.5em;
    }
}
@media screen and (max-width: 1240px) {
    #main .wk-h1-small-font h1 {
        font-size: 2.0em;
    }
}
@media screen and (max-width: 959px) {
    #main .wk-h1-small-font h1 {
        font-size: 1.6em;
    }
}
@media screen and (max-width: 480px) {
    #wk-ek-footer {
        align: center;
        margin-left:-50%;
        width: 100%;
        display: block;
        float: left;
    }
    #wk-ek-footer2 {
        margin-top:20px;
        align: center;
        display: block;
        width: 100%;
        float: left;
    }
    .wk-subpage-heaeder{
        max-height:150px;
     }
}

#site-header-inner {
    position: relative;
    padding-top: 0px;
    padding-bottom: 10px;
    height: 100%;
}


/* Ipad fixes */
@media only screen and (max-device-width : 767px) {
    #main .entry h1 {
        font-size: 1.5em;
    }
    #main span.wpcf7-form-control-wrap {
        display: block;
    }
    #main span.wpcf7-form-control-wrap input[type="text"], 
    #main span.wpcf7-form-control-wrap input[type="email"], 
    #main span.wpcf7-form-control-wrap input[type="number"], 
    #main span.wpcf7-form-control-wrap textarea {
        width: 100%; box-sizing: border-box;
    }
}