/*
Theme Name: Gutenberg 2
Author: Peter Büttiker
Description: Das ist eine Testseite für Gutenberg / Theme!
Version: 1.0
*/

body {
    /*background-color: #0A6DF7;*/
    /*background-color: #F5F5F5;*/
    background-color: #086EF7;
}


/* Google Fonts START */
@font-face {
    font-family: 'Ubuntu-Light';
    src: url("assets/Ubuntu-Light.ttf");
}

.ubuntu-Light {
    font-family: Ubuntu-Light, sans-serif;
    /*color: #0c0c0c;*/
    color: #FFFFFF;
    font-size: 18.4px;
    font-weight: 400;
}

/* Google Fonts END */

/* Schrift für Texte */
.pb-schrifttext {
    font-family: Ubuntu-Light, sans-serif;
    color: blue;
    font-size: 1.5rem;
    /*font-weight: lighter;*/
}

/* Abstand zur Navigationsleiste, damit der obere Seiteninhalt nicht verdeckt wird! */
/* Desktop Version */
.abstandnavigation {
    padding-top: 110px;
}

/* Background-Farbe für Footer */
.b4-footerfarbe {
    /*background-color: #FC4A03;*/
    background-color: #000000;
    /*background-color: #F2F2F2;*/
}

/* Abstand zum Footer, damit der untere Seiteninhalt nicht verdeckt wird! */
/* Desktop Version */
.abstandfooter {
    padding-bottom: 150px;
}

/* Footer in der Höhe einstellen */
.footerhoehe {
    min-height: 50px;
}

/* Footer auf 40px Höhe unter einer Breite von 790px! */
@media screen and (max-width: 790px) {
    .footerhoehe {
        min-height: 40px;
    }
}

/* Abstand Bild ganzseitig zur Navigation */
.abstandnavbild {
    padding-top: 70px;
}

/* Abstand zum Footer, damit der untere Seiteninhalt nicht verdeckt wird! */
/* Desktop Version */
.abstandfooter {
    padding-bottom: 150px;
}

/* Background-Farbe für Navigation */
.b4-navigationfarbe {
    /*background-color: #0EB1F0;*/
    /*background-color: #FFFFFF;*/
    background-color: rgba(1, 58, 100, 1);
}

/* Schriftfarbe Menu von Bootstrap 5 geändert! HEADER-Navigation! */
.navbar-nav a.nav-link {
    /*color: #2a4ce7;*/
    /*color: white;*/
    /*color: #000000;*/
    color: #FFFFFF;
}


/* Schriftfarbe Menu Bootstrap 5 geändert! Hover-Farbe! HEADER-Navigation! */
.navbar-nav .nav-link:hover {
    color: #0a58ca;
}

/* Schriftfarbe des aktiven Menupunktes von Bootstrap 5 geändert! HEADER-Navigation */
.navbar-nav .nav-link.active {
    color: #FF8C00;
    /*color: red;*/
}

/* Schriftfarbe im Header - Logo! */
.logoname {
    color: #FFFFFF;
}

/* Code von Bootstrap CSS - Abgeändert! */
/* START - Navigationsmenu mobile Farben geändert */
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-light .navbar-toggler {
    border: 1px solid #ffffff;
}
/* ENDE - Navigationsmenu mobile Farben geändert */

/* Link-Farbe bei Blog ändern */
.pb-linkfarbeblog a {
    color: #FFFFFF;
}

/* Link-Farbe bei 'Kategorie' im Blog ändern */
ul li a {
    color: #FFFFFF;
}

/* Link-Farbe bei 'category.php' ändern */
h2 a {
    color: #FFFFFF;
}

/* Hintergrundfarbe, Font-Family - Sidebars */
.pb-sidebar-color {
    background-color: #086EF7;
    color: #FFFFFF;
    font-family: Ubuntu-Bold, sans-serif;
}

/* H4 Font-Family - Sidebars */
.pb-sidebar-color h4 {
    font-family: Ubuntu-Light, sans-serif;
    font-size: 18.4px;
}

/* START - Contact Form 7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    /*background-color: #fff;*/
    color: #0c0c0c;
    width: 100%; /* Breite Bildschirm für responsive! */
    /*border-radius: 50px;*/
    /*border-color: red;*/
    /*border-width: 1px;*/
    font-family: Rajdhani-Medium, sans-serif;

}

.wpcf7-not-valid-tip {
    color: #FFFF00;
}

.wpcf7-response-output {
    color: #FFFFFF;
}

.wpcf7-text {
    color: #000000;
    border: 1px solid #000000;
    border-radius: 5px;
}

.wpcf7-textarea {
    color: #000000;
    border: 1px solid #000000;
    border-radius: 5px;
}

.wpcf7 label {
    font-family: Rajdhani-Bold, sans-serif;
    color: #FFFFFF;
}

/* Styling 'submit' button */
.wpcf7-submit {
    border: 3px solid #FFFFFF;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #0b5ed7;
    font-family: Rajdhani-Medium, sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 8px;
}

/* ENDE - Contact Form 7 */