@charset "UTF-8";

div.goldfaden-kontakt-frame
{
    margin-top:80px;
}

div.goldfaden-kontakt-frame a
{
    color:#f46666;
}

div.goldfaden-kontakt-frame a:hover
{
    color:#000000;
}

/* Das Kontaktformuler selber zur Eingabe */
div.kontakt-frame
{
}

div.goldfaden-kontakt-frame .vc_col-sm-4
{
    padding-right:20px;
}

div.kontakt-row
{
    margin-bottom:40px;
}

div.goldfaden-kontakt-frame label
{
    font-family:Futura-Bold;
    color:#000000;
    font-size:2.0rem;
    text-transform: uppercase;

    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

div.goldfaden-kontakt-frame input
{
    width:calc(100% - 60px);

    font-family:Futura-Book;
    color:#000000;
    font-size:1.1rem;

    margin:0px 0px 0px 0px;
    padding:10px 10px 10px 10px;

    border-style:none;

    border-bottom-style:solid;
    border-bottom-color:#000000;
    border-bottom-width:1px;

    outline:none;
}

div.goldfaden-kontakt-frame textarea
{
    width:calc(100% - 80px);
    height: 165px;

    font-family:Futura-Book;
    color:#000000;
    font-size:1.1rem;

    margin:0px 0px 0px 0px;
    padding:10px 10px 10px 10px;

    border-style:none;

    resize: vertical;
    padding: 10px 0;
    line-height: 41px;
    background-image: linear-gradient(#000000 1px,transparent 1px);
    background-size: 100% 41px;
    background-position:0px 40px;

    outline:none;
}

div.goldfaden-kontakt-frame button
{
    width:auto;
    border-bottom-style:none;
    border-style:none;
    float:right;
    padding:0px 0px 0px 0px;
    margin:0px 80px 0px 0px;
    color: #B49F5B !important;
    background:none;
    border-style:none !important;
    border-collapse: collapse;
    font-size:1.1rem !important;
    font-family:Futura-Bold !important;
    display: inline;
    white-space: nowrap;
    text-transform:uppercase;
    cursor:pointer;
    outline:none;
}

div.goldfaden-kontakt-frame button::before
{
    display: inline-block;
    background-image: url(/wp-content/themes/goldfaden/image/button-line.png);
    background-position: 0 50%;
    background-repeat: repeat-x;
    content: url(/wp-content/themes/goldfaden/image/pixel-transparent.png);
    margin-right:20px;
    width:60px;
}

div.goldfaden-kontakt-frame button:hover::before
{
    display: none;
}

div.goldfaden-kontakt-frame button:hover::after
{
    background-image: url(/wp-content/themes/goldfaden/image/button-line.png);
    background-position: 0 50%;
    background-repeat: repeat-x;

    display: inline-block;

    content: url(/wp-content/themes/goldfaden/image/pixel-transparent.png);

    margin-left:20px;
    width:60px;
}

div.kontakt-left-col
{
    width:calc(50% - 20px);
    float:left;
}

div.kontakt-right-col
{
    width:calc(50% - 20px);
    float:left;
}

div.kontakt-nachricht
{
}

div.kontakt-datenschutz
{
    margin:20px 0px 40px 0px;
}

div.kontakt-datenschutz label
{
    font-size: 1.1rem;
    line-height: 1.5rem;
    font-family: Futura-Book;
    color:#000000;
    text-align:left;
    text-transform:none;
}

div.kontakt-datenschutz input
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    width:auto;
    position:relative;
    left:-14px;
}

span.wpcf7-not-valid-tip
{
    font-size: 1.1rem;
    line-height: 1.5rem;
    font-family: Futura-Book;
    color:#000000;
    text-align:left;
    text-transform:none;
    color:#f46666;
    margin-top:10px;
}

div.goldfaden-kontakt-frame .wpcf7 form.invalid .wpcf7-response-output, div.goldfaden-kontakt-frame .wpcf7 form.unaccepted .wpcf7-response-output
{
    padding:6px 10px 6px 10px;
    margin:30px 0px 0px 0px;

    background-color: #f46666;
    border-color: #f46666;
    color:#FFFFFF;

    max-width:78%;
    width:auto;

    font-size: 1.1rem;
    line-height: 1.5rem;
}

div.goldfaden-kontakt-frame p
{
    font-size: 1.1rem;
    line-height: 1.5rem;
}

.wpcf7 form.sent .wpcf7-response-output
{
    padding:6px 10px 6px 14px;
    margin:40px 0px 0px 0px;
    border-color: #21233B;
    background-color:#21233B;
    color:#FFFFFF;
    width:auto;
    max-width:78%;
}