/*
Theme Name: WPGallery
Author: Peter Büttiker
Description: Ein Theme mit Galerie und Kontaktformular, Über-Seite!
Version: 1.0
*/

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: 300;
}
/* Horizontales Scrolling unterbinden! */
/*
@media (max-width: 786px){
    body{
        overflow-x:hidden!important;
    }
}
*/

h1, h2, h3 {
    /*font-family: Montserrat, sans-serif;*/
    font-family: 'Orbitron', sans-serif;
    font-weight: 500;
    color: #009eff;
    /*font-size: 2rem;*/
}

.farbe {
    background: yellow;
    height: 50px;
}

/* Entfernt alle 'Bullet Points' in WordPress */
ul, li {
    list-style: none;
}

/* Contact Form 7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 100%;
}

/* Header */
.hoehe {
    height: 100vh;
    /*background: yellow;*/
    /*color: black;*/
    background: linear-gradient(rgba(0, 0, 0, .3),
    rgba(0, 0, 0, .5)),
    url("http://wp-en.b4coding.com/wp-content/themes/wpen/images/plans-1867745_1920.jpg");
}

.menu-footermenu-container.footer-menu ul {
    padding-left: 0;
    text-decoration: none;
}

/* Background-Color Footer */
.footercolor {
    background: #bfffbf;
}

/* Contact Form 7 */
input[type="text"],
input[type="email"],
textarea {
    background-color: #F2F2F2;
    color: #00aadc;
    border: 2px solid #00aadc;
}

/* Contact Form 7 - Submit-Button */
.wpcf7-submit {
    background: red;
    color: white;
    border: none;
    border-radius: 5px;
    display: block;
    width: 100% !important;
    height: 40px !important;
}

/* Logo */
@media screen and (max-width: 320px) {

    .logo {
        /*font-family: Orbitron,sans-serif;*/
        /*font-size: 0.8rem;*/
        /*font-weight: bold;*/
        /*color: #009eff;*/
    }
}

@media screen and (max-width: 375px) {
    .logo {
        font-family: Tahoma, sans-serif;
        font-size: 0.9rem;
        font-weight: bold;
        color: #009eff;
    }
}

@media screen and (max-width: 414px) {
    .logo {
        font-family: Orbitron, sans-serif;
        font-size: 1rem;
        font-weight: bold;
        color: #009eff;
    }
}

@media screen and (max-width: 995px) {
    .logo {
        font-family: Orbitron, sans-serif;
        font-size: 1.2rem;
        font-weight: bold;
        color: #009eff;
    }
}

@media screen and (min-width: 1000px) {
    .logo {
        font-family: Orbitron, sans-serif;
        font-size: 2rem;
        font-weight: bold;
        color: #009eff;
    }
}

/* Logo-Text */
@media screen and (min-width: 1000px) {
    .logo-text {
        font-family: Orbitron, sans-serif;
        font-size: 2rem;
        font-weight: bold;
        color: #009eff;
    }
}

@media screen and (max-width: 320px) {
    .logo-text {
        font-family: Orbitron, sans-serif;
        font-size: 0.8rem;
        font-weight: 500;
        color: #009eff;
    }
}


/* Footer */
.b4-bg-footer-copy {
    background-color: #009eff;
}

.b4-bg-footer {
    background-color: #eaeaea;
}

/* Überschriften */
.b4-maintitle {
    color: #cc4a14;
}

.b4-subtitle {
    color: #009eff;
}