/*
Theme Name: mareike
Theme URI: https://repos.contelli.de/mareike-theme/
Author: Max Mustermann
Author URI: https://contelli.de
Description: Ein einfaches WordPress-Theme für den Einstieg.
Version: 1.0
Text Domain: mareike-theme
*/

/* Hier kannst du deine Styles hinzufügen */
body {
    font-family: Figtree, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    background-color: #edf2f7;
    margin: 0;
    padding: 0;
    line-height: 150%;
}

.container {
    position: relative;
    top: -40px;
    width: 90%;
    margin: 0 auto;
    padding: 0;
    background-color: #e5e7eb;
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
}

.flex-container {
    display: flex;
    min-height: 250px;


}

h2 {
    position: absolute;
    top: 140px;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #e5e7eb;
    border-radius: 10px;
    padding: 0 60px 5px 20px;
    border-left-width: 40px;
    font-size: 12pt;

}

.header {
    background-color: rgb(255, 203, 4);
    color: #fff;
    height: 150px;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
}

.navbar {
    background-color: #e5e7eb !important;
    width: 25rem;
    min-height: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

.navcontainer {
    min-height: 100% !important;
    height: 100% !important;
    background-color: #ffffff;
    margin: 0 !important;

}

.navcontainer ul {
    margin: 0px;
    margin-left: -40px;

}

.navcontainer li {
    border-bottom-color: #e5e7eb;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 10px 0;
    list-style: none;
}

.navcontainer li:hover {
    background-color: #29c2f8;
    color: #ffffff;
}

.navcontainer li a {
    text-decoration: none;
    color: #374151;
    padding-left: 25px;
}

.navcontainer li:hover a {
    color: #ffffff;
}

main {
    background-color: #ffffff !important;
    width: 100%;
    padding-bottom: 650px;
    padding-right: 20px;
    padding-top: 50px;
    color: rgb(107, 114, 128);
}

.content {
    padding-left: 50px;
}

.footer {
    background-color: #e5e7eb;
    color: #fff;
    padding: 1px !important;
    text-align: center;
}

#wpadminbar {
    display: none !important;

}

input[type="text"],
button {
    background-color: #ffffff;
    padding: 7px;
    border-color: #e5e7eb;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
}

button,
input[type="submit"]{
    cursor: pointer;
    border-radius: 10px;
    padding: 10px;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
}

button:hover,
input[type="submit"]:hover {
    background-color: #0d66c2;
    color: #ffffff;
}

select {
    padding: 7px;
    border-color: #e5e7eb;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff;
}

.theme_mareike_mainpage_button {
    background-color:#F3F4F6;
    padding: 5px 30px;
    border-radius: 10px;
    border-style: solid;
    border-width: 0px;
    width: 150px;
    font-size: 12pt;
    text-decoration: none;
    color: #000000;

}


@media screen and (max-width: 767px) {
    .navbar {
        width: 20rem;
    }

    h2 {
        position: absolute;
        top: 140px;
        background-color: #ffffff;
        border-style: solid;
        border-width: 1px;
        border-color: #e5e7eb;
        border-radius: 10px;
        padding: 0 40px 5px 20px;
        border-left-width: 40px;
    }
}



/* Styling für das Registrierungsformular */
.register {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background: #000000;
    border: 1px solid #ddd;
    border-radius: 8px;
}



 .message {
    display: none !important;
}

#registerform {
    position: relative;
    width: 768px;
    left: -200px !important;
}

.login h1 {
    display: none !important;
}

#login #nav,
#backtoblog,
.language-switcher
{
    display: none !important;
}

.register input[type="text"],
.register input[type="password"],
.register input[type="email"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.register input[type="submit"] {
    background: #0073aa;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}

.register input[type="submit"]:hover {
    background: #005177;
}
