/*===========================================================
 Custom Variable
============================================================*/
:root {
    /* Hamber menu icon style */
    --hamWidth: 40px;
    --hamHeight: 4px;
    --hamMargin: 6px;
    /* summation of --hamMargin adn --hamHeight */
    --hamTranslate: 10px;
    /* summation of --hamMargin adn --hamHeight */
    --hamTranslate3: -10px;
    --hamBg: #d25131;
    /* --preloaderBg:  green; */

    --naturfinanz-blau: #005c7d;
    --naturconsult-blau: #81c3df;

    --naturfinanz-gruen: #9ac955;
    --naturconsult-gruen: #a5b34c;

    --brotschrift: #000;

    --website-blau: var(--website-blau);
    --website-gruen: var(--website-gruen);
    --website-blau-real: var(--website-blau);

    --website-hauptmenue: var(--website-blau);
    --website-hautpmenu-dropdown: var(--website-blau);
    --website-hautpmenu-dropdown-hover: var(--brotschrift);
    --hauptueberschrifte: var(--website-blau);
    --webiste-hauptmenue-unten-nicht-fix: var(--website-blau);
    --website-brotschrift: var(--brotschrift);
    --website-hauptueberschrifte: var(--hauptueberschrifte);
    --website-kartenueberschrifte: var(--website-blau);
    --website-footer-farbe: var(--website-blau);

    --website-hauptmenue-mobil: #fff;
}


/*===========================================================
 Common CSS
============================================================*/

body {
    font-size: 17px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    color: var(--brotschrift);
    letter-spacing: normal;
    overflow-x: hidden;
}

html,
body {
    width: 100%;
}

ul {
    padding: 0;
    margin: 0;
}


li,
li:hover,
a:hover,
.btn,
.btn:hover {
    transition: all .3s ease;
}

a:hover {
    text-decoration: none !important;
}

*:active,
*:focus {
    outline: none;
    border: 0;
}

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

img.lazy {
    background-image: url('../img/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50px auto;
    height: auto;
}

strong {
    font-weight: 700;
}

u {
    border-bottom: 1px solid #fff;
    line-height: 1;
    text-decoration: unset;
}

.cboth {
    overflow: hidden;
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

button {
    background-color: transparent;
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
.nf-excerpt {
    margin-bottom: 10px;
}

button:active,
button:focus {
    outline: 0;
    outline: 0;
}

#npreOverlay {
    background: var(--preloaderBg);
}

#main {
    /*padding-top: 26px;*/
}

h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.33;
    color: var(--hauptueberschrifte);
}

h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.27;
    color: var(--hauptueberschrifte);
}

h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.46;
    color: var(--hauptueberschrifte);
}

h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.7;
    color: var(--website-gruen);
}
li,
p {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    color: var(--brotschrift);
    text-decoration: none;
}

a {
  color: var(--website-blau);
}

.gx-60px {
    --bs-gutter-x: 60px ;
}

.gy-50px {
    --bs-gutter-y: 50px ;
}

/*===========================================================
 Placeholder Style
============================================================*/

::-webkit-input-placeholder {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.39px;
}

:-moz-placeholder {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.39px;
}

::-moz-placeholder {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.39px;
}

:-ms-input-placeholder {
    color: #6c6c6c;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.39px;
}



/*===========================================================
 Scroll To Top
============================================================*/

.go-top {
    bottom: 15px;
    display: none;
    position: fixed;
    right: 15px;
    z-index: 999;
}

.go-top img {
    width: 35px;
}

.go-top span {
    /*background-color: #4285F4;*/
    color: rgba(255, 255, 255, .6);
    cursor: pointer;
    float: right;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding: 5px 10px;
}

.go-top span:hover {
    color: #fff;
}


/*===========================================================

===========================================================*/