/* Oswald lokal hinterlegen */
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-ExtraLight.woff') format('woff'),
         url('fonts/Oswald-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Light.woff') format('woff'),
         url('fonts/Oswald-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Regular.woff') format('woff'),
         url('fonts/Oswald-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Medium.woff') format('woff'),
         url('fonts/Oswald-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-SemiBold.woff') format('woff'),
         url('fonts/Oswald-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Bold.woff') format('woff'),
         url('fonts/Oswald-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/*
Theme Name: Brooklyn Child
Theme URI: http://www.unitedthemes.com
Description: Creative Portfolio
Version: 4.6
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: brooklyn
*/




/* gesendetes Formular ausblenden */
.wpcf7-form.sent .slide_wrap { display: none; }

/* Fehlermeldung */
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #DC3545;
    border: 1px solid #DC3545;
    padding: 10px;
}

/* Erfolgsmeldung */
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #28A745;
    border: 1px solid #28A745;
    padding: 10px;
}

.slide_wrap {
    
}

/* ungültige Eingabefelder farblich markieren */
.slide_wrap input[aria-invalid=true] {
    border-color: #ff0000;
}

/* Titel 'Jetzt anmelden' */
.slide_title {
    cursor: pointer;
}

/* Icon/V */
.slide_title .down {
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* Icon 180° drehen, wenn Felder sichtbar */
.slide_title.open .down {
    -moz-transform: rotate(-179.9deg);
    -o-transform: rotate(-179.9deg);
    -webkit-transform: rotate(-179.9deg);
    -ms-transform: rotate(-179.9deg) !important;
    transform: rotate(-179.9deg);
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    zoom: 1;
    z-index: 1;
}

/* Aufklappender Bereich mit dem Formular */
.slide_down {
    /*display: none;*/ /* wird über JavaScript ausgeblendet, damit Formular ohne JS sichtbar */
}

/* Aufklappender Bereich mit dem Formular, wenn der Titel angeklickt und der Bereich damit sichtbar ist */
.slide_title.open + .slide_down {
    /*display: block;*/
}