/*
Theme Name: naturheilkunde
Theme URI: 
Author: D ING
Author URI: 
Description: Theme für naturheilkundliche-selbstmedikation.com
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: naturheilkunde
Tags: 
*/

html {
    scroll-behavior: smooth;
}

.dmmainpart {
    background: url(images/Pflanze.png) left top no-repeat;
    /*background-size: auto 100%;*/
}

.page-id-17341 nav.toc-Wrapper, .page-id-19915 nav.toc-Wrapper, .page-id-21144 nav.toc-Wrapper {
    display:none;
}

.pms-subscriptions-list-title {
    display:none;
}

h1 {
    margin-block-start: 0!important;
    margin-block-end: 40px!important;
}

h2 {
    margin-block-start: 20px!important;
    margin-block-end: 30px!important;
}

h3 {
    margin-block-start: 40px!important;
    margin-block-end: 20px!important;
}

.dmcenter {
    padding-right:20px;
    padding-left:20px;
    background:rgba(255,255,255,0.7);
}

.dmsearchform a svg {
    position: relative;
    top: 3px;
    padding-left: 10px;
}

.mega-menu-max_mega_menu_1-mobile-open .dmsearchform path.search-icon-path {
    color:#ffffff;
    fill: #ffffff;
}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1 {
    z-index: 8000!important;
}

.mega-menu-max_mega_menu_1-mobile-open .popup-search-close:before, .mega-menu-max_mega_menu_1-mobile-open .search-close:before {
    border-color: #ffffff;
}

.mega-menu-max_mega_menu_1-mobile-open .popup-search-close:after, .mega-menu-max_mega_menu_1-mobile-open .search-close:after {
    border-color: #ffffff;
}

.swiper {
    width:100%;
}

.swiper-slide .inner {
    padding:0 70px 0 70px;
}

.swiper-slide h4 {
    text-align: center;
    padding-bottom:30px;
}

html .swiper-button-next, html .swiper-button-prev {
    color: var(--wp--preset--color--lightgreen);
}

html .swiper-pagination-bullet-active {
    background: var(--wp--preset--color--lightgreen);
}

.toc-Wrapper {
    border: 1px solid #999999;
    padding:0 15px 0 15px;
}

.toc-Wrapper a {
    display:block;
    margin: 0 0 15px 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration:none;
}

    .toc-Wrapper a:hover {
        text-decoration: underline;
    }

.toc-Wrapper h2 {
    margin:0 0 15px 0;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

/* Formulare */
p.pms-login-error {
    box-sizing: border-box;
    width:320px;
    border: 1px solid #999999;
    padding:20px;
    margin:0 auto 20px auto;

}

    p.pms-login-error strong {
        color: #FC7260;
    }

#pms_login {
    width:320px;
    border: 1px solid #999999;
    padding:20px;
    margin: 0 auto;
    box-sizing: border-box;
}

    #pms_login label {
        display:inline-block;
        width:100%;
        box-sizing: border-box;
    }

    #pms_login input[type="text"], #pms_login input[type="password"] {
        width:100%;
        padding:10px 20px 10px 20px;
        box-sizing: border-box;
        font-size: var(--wp--preset--font-size--medium);
    }

    #pms_login .button-primary {
        background: var(--wp--preset--color--lightgreen);
        border-color: var(--wp--preset--color--lightgreen);
        text-decoration: none;
        text-shadow: none;
        padding:10px 20px 10px 20px;
        font-size: var(--wp--preset--font-size--medium);
    }

#pms_login p {
    width:100%;
}

#pms_login p.login-remember label {
    display:inline;
    width:auto;
}

#pms_recover_password_form {
    width:320px;
    border: 1px solid #999999;
    padding:20px;
    margin: 0 auto;
    box-sizing: border-box;
}

    #pms_recover_password_form label {
        display:inline-block;
        width:100%;
        box-sizing: border-box;
    }

    #pms_recover_password_form input[type="text"], #pms_recover_password_form input[type="password"] {
        width:100%;
        padding:10px 20px 10px 20px;
        box-sizing: border-box;
        font-size: var(--wp--preset--font-size--medium);
    }

    #pms_recover_password_form .button-primary {
        background: var(--wp--preset--color--lightgreen);
        border-color: var(--wp--preset--color--lightgreen);
        text-decoration: none;
        text-shadow: none;
        padding:10px 20px 10px 20px;
        font-size: var(--wp--preset--font-size--medium);
    }

    #pms_recover_password_form ul {
        list-style-type: none;
        padding:0;
    }

    #pms_recover_password_form input[type="submit"] {
        background: var(--wp--preset--color--lightgreen);
        border-color: var(--wp--preset--color--lightgreen);
        text-decoration: none;
        text-shadow: none;
        padding:10px 20px 10px 20px;
        font-size: var(--wp--preset--font-size--medium);
    }

#pms_register-form {
    min-width:320px;
    max-width:640px;
    border: 1px solid #999999;
    padding:20px;
    margin: 35px auto 0 auto;
    box-sizing: border-box;
}

    #pms_register-form .pms-subscription-plan-name, #pms_register-form .pms-subscription-plan-price,  #pms_register-form .pms-subscription-plan-trial, #pms_register-form .pms-subscription-plan-sign-up-fee {
        /*display:none;*/
    }

    .pms-form-design-wrapper#pms_login p.login-extra a {
        white-space: nowrap;
    }

    a.dmbutton {
        padding:10px 15px 10px 15px;
        background:#e5efc4;
        margin:20px auto;
        display:inline-block;
        border: 1px solid #999999;
    }

    .pms-form-design-wrapper .pms-subscription-plan label .pms-subscription-plan-name {
        overflow: visible!important;
        text-overflow: inherit!important;
    }

    .pms-subscription-plan label, .pms-subscription-plan input {
        cursor: default!important;
    }

    #pms_register-form .pms-subscription-plan-description {
        font-style: italic;
        margin-bottom: 20px;
        text-align:center;
    }

    #pms_register-form ul {
        list-style-type: none;
        padding:0;
    }

    #pms_register-form label {
        display:inline-block;
        width:100%;
        box-sizing: border-box;
    }

    #pms_register-form input[type="text"], #pms_register-form input[type="password"], #pms_register-form select {
        width:100%;
        padding:10px 20px 10px 20px;
        box-sizing: border-box;
        font-size: var(--wp--preset--font-size--medium);
        margin-bottom: 15px;
    }

    #pms_register-form #pms_billing_company {
        margin-bottom: 0;
    }

        #pms_register-form .pms-billing-company p {
            padding:0;
            margin:0 0 15px 0;
            font-size: var(--wp--preset--font-size--small);
        }

    #pms_register-form .pms-form-submit {
        background: var(--wp--preset--color--lightgreen);
        border-color: var(--wp--preset--color--lightgreen);
        text-decoration: none;
        text-shadow: none;
        padding:10px 20px 10px 20px;
        font-size: var(--wp--preset--font-size--medium);
    }


/* Bannerwerbung */
.wp_bannerize_layout_vertical img {
    width:100%;
    height:auto;
    border: 1px solid #999999;
    box-sizing: border-box;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    h1 {
        font-size: 25px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 20px;
    }

    .dmmainpart {
        padding-left:10px;
        padding-right:10px;
    }

    header.wp-block-template-part .wp-block-spacer {
        height:10px!important;
    }

    .swiper-slide .inner {
        padding: 0 45px 0 45px;
    }

    .dmmainpart {
        background: none;
        /*background-size: auto 100%;*/
    }
}