/*
 * Made By monorom.com 2020 
 */

@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,800,900&display=swap');
@import url(../fontawesome/css/all.css);


body {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

header {
    background: black;
    padding: 0;
    margin: 0;
}

header img {
    width: 100%;
    padding: 50px;
    margin: 0;
}

a {
    color: #e20079;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

p {
    line-height: 2rem;
    padding: 0;
    margin: 0 0 20px;
}

p,
h1,
h2,
h3,
h4,
h5 {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

p.numbers strong {
    display: block;
    font-size: 1.2rem;
}

p.numbers span {
    font-size: 1rem;
}

@media screen and (min-width: 980px) {
    p.numbers strong {
        display: inline;
    }
}

a {
    text-decoration: none;
}

h1,
h2 {
    font-weight: 800;
    font-size: 2.2rem;
}

@media screen and (min-width: 660px) {

    h1,
    h2 {
        font-size: 3.2rem;
    }
}


h1 + p,
h2 + p {
    font-size: 1.2rem;
    line-height: 2rem
}

h3 {
    font-weight: 800;
    font-size: 1.8rem;
    padding: 0;
    margin: 0 0 20px;
}

button {
    padding: 0;
    border: none;

}

.btn {
    background: #212121;
    background: #e20079;
    color: #f8f8f8;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.btn:hover,
.btn-large:hover,
.btn-small:hover {
    background: #ea4ca1;
}

.btn:focus,
.btn-large:focus,
.btn-small:focus {
    background: #e20079;
}

.errors {
    color: #e20079;
    font-weight: 800;
        font-size: 1.3rem;
    line-height: 2rem
}
.message {
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 2rem
}

/* .veranstaltungen p:not(:first-child) {
    padding-left: 35px
} */

img.responsive {
    max-width: 100%;
    height: auto;
}

.hellgrau {
    background: #eee;
}

hr {
border: 0;
}
hr.zwei{
height: 8px;
    margin: 30px 0;    
         background-image: linear-gradient(to right, cyan 50%, magenta 50%);
}
hr{
height: 8px;
    margin: 30px 0;    
         background-image: linear-gradient(to right, magenta 50%, cyan 50%);
}


[type="checkbox"] + span:not(.lever) {
    font-size: 1.2rem !important;
    font-weight: 700;
}
form{
       margin-bottom: 50px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 25px #eee inset !important;
}

/* FOOTER */
footer {
    background: #212121;
    color: #ccc;
}

footer a {
    color: #ccc;
    text-transform: uppercase;
}

footer .fhnw-logo {
    max-width: 300px;
}