/*
  Theme Name: Elke Rudolf
  Author: Ralf Bohnert
  Author URI: http://www.bohnline.net
  Description: Basis WordPress Theme basierend auf Bootstrap 4.0.0
  Version: 1.0
*/

/*------------------------------------*\
    Global
\*------------------------------------*/

html {
	scroll-behavior: smooth;
}

body {
      font-family: 'Merriweather';
      color: #4a4a49;
      background-image: url(img/bg.jpg);
      background-repeat: no-repeat;
      background-position: right top;
      background-attachment:fixed;
}

.text-bl {
    color: #8bae3c;
}

.bg-bl {
    background: #8bae3c;
}

a {
    color: #8bae3c;
}

a:hover {
    color: #678620;
}

h1, h2, h3 {
    color: #b6c77e;
}

.home h2, .home h3{
    font-size: 2.2em!important;
	margin: 0 0 .5rem 0!important;
}

.page-template-default h2, .page-template-default h3, .page-template-default h4 {
	font-size: 1.2em;
	margin: 1em 0;
}

h2:before, h3:before {
    display: block;
    content: ' ';
    height: 65px;
    margin-top: -65px;
    visibility: hidden;
}

.wp-post-image {
    max-width: 100%;
    height: auto;
}

hr {
    margin-top: 3rem;
    margin-bottom: 4rem;
    border: 0;
    border-top: 1px solid #8bae3c;
}

.cta-btn {
    background: #8bae3c;
    color: #fff;
    padding: .8em 2em;
    border-radius: 5px;
    margin-top: 1em;
    font-size: 1.3em;
}

.cta-btn:hover {
    background: #678620;
    color: #fff;
}

main ul {
    list-style: none;
}

main ul li {
    position: relative;
    margin-bottom: .6em;
}

main ul li::before {
    position: absolute;
    left: -2.5em;
    content: url(img/li.gif) " ";
}

.jumbotron{
    background: transparent;
}

.scrolltop {
	background: #8bae3c;
    color: #fff;
    font-size: 1.8em;
    padding: 8px 0px 0px 17px;
    position: fixed;
    bottom: 0em;
    right: 5px;
    z-index: 9999;
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

/*------------------------------------*\
    Header
\*------------------------------------*/

header .jumbotron {
    padding-top: 0;
}

img.elke{
    margin: auto;
    width: 100%;
    max-width: 500px;
    position: absolute;
    top: -21px;
    left: -377px;
}

.brand-img {
    width: 335px;
    height: 335px;
    position: absolute;
    left: -15em;
    background: rgba(255, 255, 255, 0.45);
    border-radius: 50%;
    top: 9.5em;
    padding: 2em;
}

.cta-container {
    position: relative;
    background: hsla(0, 0%, 93%, 0.5);
    padding: 3em 3em 3em 3em;
    border-radius: 2em;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.cta-container p{
    font-size: 1.3em;
    margin-bottom: 1em;
}

.cta-container p.cta-fett {
    font-size: 2em;
    font-weight: bold;
    color: #b6c77e;
}

/*------------------------------------*\
    Search
\*------------------------------------*/

form.site-search {
    margin-bottom: 1em;
}

.site-search input.form-control {
    border-radius: 0px;
}

.site-search input[type=submit] {
    border: 0px;
    color: #fff;
}

/*------------------------------------*\
    Navigation
\*------------------------------------*/

a.nav-link, a.dropdown-item {
    font-size: 0.9em;
}

.dropdown-menu {
    border: 0;
    border-radius: 0;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #8bae3c;
    color: #fff;
}

a.nav-link {
    font-size: 1.5em;
    margin-left: 2em;
}

button.navbar-toggler i {
    color: #8bae3c;
    font-size: 2em;
}

.navbar-collapse a.nav-link {
    margin-left: 0;
    text-align: center;
    font-size: 1.4em;
}

/*------------------------------------*\
    Content
\*------------------------------------*/

.blog article.post,
.custom_loop{
    border-top: 1px solid #eee;
    margin-top: 2em;
    padding-top: 2em;
}

.site-pagination {
    border-top: 1px solid #ddd;
}

.wp-post-image {
    margin: 1em 0em;
}

.single .wp-post-image {
    margin: 0 0 1em 0;
}

blockquote {
    padding-left: 1em;
    font-style: italic;
    border-left: 3px solid #ddd;
}

.content-container {
    background: rgba(247, 247, 247, 0.4);
    padding: 5em;
    border-radius: 2em;
    margin-top: 4em;
    border: 1px solid #eee;
    font-size: 1.2em;
}

.page-template-default .content-container {
	margin-top: 0;
}

.home .content-container {
	margin-top: 4em!important;
}

.main-jumbo{
    margin-top: -5em;
}

.hand-img {
    padding-top: 10%;
}

.referenz-container {
    padding: 5em 1em 1em 1em;
    background: transparent;
    border: 0;
}

.referenz-container p {
    margin-bottom: 3em;
}

.referenz {
    margin-bottom: 2em;
}

/*------------------------------------*\
    Comments
\*------------------------------------*/

.site-comments.comment-form {
    border-top: 1px solid #ddd;
}

textarea#comment {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.comment-list ul {
    list-style: none;
    padding-left: 0;
}

li.single-comment {
    padding: 1em 0;
    border: 1px solid #eee;
    margin-top: 1em;
}

ul.children li.single-comment {
    border: 0;
    margin-left: 3em;
}

.comment-form input#submit {
    background: #8bae3c;
    border: 0;
    color: #fff;
    padding: .5em 1em;
}

/*------------------------------------*\
    Sidebar
\*------------------------------------*/

.site-sidebar .widget ul {
    list-style: none;
    padding: 0;
}

/*------------------------------------*\
    Footer
\*------------------------------------*/

footer.jumbotron.site-footer {
    margin-bottom: 0;
    padding: 0;
}

.site-footer .widget {
    width: 100%;
    padding: 1em;
    background: #3d434a;
}

.site-footer .widget ul {
    list-style: none;
    padding: 0;
}

.site-footer .site-footer-widgets {
    margin-top: 2em;
    margin-bottom: 2em;
}

.kontakt-footer {
    color: #fff;
    background-image: url(img/kontakt.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 640px 649px;
    font-size: 1.8em;
    height: 645px;
    padding-top: 290px;
    padding-right: 73px;
}

.kontakt-footer span{
    font-size: 2em;
}

.kontakt-daten {
    color: #8bae3c;
    border-top: 1px solid #eee;
    padding: 3em 5em;
}

span.hk {
    text-transform: uppercase;
    font-weight: bold;
    color: #4a4a49;
}

/*------------------------------------*\
    Mobile
\*------------------------------------*/

@media (max-width: 480px) {
    .kontakt-footer {
        font-size: 1.2em!important;
        padding-right: 1em!important;
        text-align: center!important;
    }
}

@media (max-width: 768px) {
    article img {
        width: 100%;
        height: auto;
    }

    img.avatar {
        max-width: 25px;
        height: auto;
    }

    .kontakt-footer {
        background-size: 521px 523px;
        font-size: 1.4em;
        padding-top: 375px;
        padding-right: 2em;
        margin-top: -10em;
    }
}

@media (min-width: 480px) and (max-width: 1200px)  {
    .brand-img-m img {
        max-width: 200px;
    }
}

@media (max-width: 991.98px) {
    .bg-w {
        background: rgba(255, 255, 255, 0.48);
        border-bottom: 3px solid #8aad3c;
        margin-bottom: 2em;
    }

    .wp-post-image {
        width: 100%;
    }

    .cta-container {
        padding: 0em;
        border: 0;
        background: transparent;
    }

    .content-container {
        padding: 3em 1em;
        text-align: center;
        border-radius: 1em;
        margin-top: 2em;
    }

    .content-container li {
        text-align: left;
    }

    .cta-container p{
        font-size: 1em;
        text-align: center;
    }

    h2{
        font-size: 1.5em;
    }

    .cta-container p.cta-fett {
        font-size: 1.5em;
    }

    .cta-btn {
        font-size: 1em;
        width: 100%;
    }

    a.nav-link {
        font-size: 1em;
        padding: .5em 1em;
    }

    .site-footer .footer-widget {
        margin-bottom: 2em;
    }
}

@media (min-width: 992px) and (max-width: 1550px)  {
    a.nav-link {
        font-size: 1.3em;
        margin-left: 1em;
    }
}

@media (max-width: 1200px){
    .kontakt-daten {
        background: rgba(255, 255, 255, 0.45)!important;
        border-top: 3px solid #8bae3c!important;
    }
}

@media (min-width: 1200px){
    .brand-img-m img {
        max-width: 300px;
    }

    .cta-container {
        min-height: 430px;
        padding-right: auto;
        padding-left: 10em;
    }

    .kontakt-daten {
        padding: 1em 3em;
    }

    .kontakt-footer {
        background-size: 521px 523px;
        font-size: 1.5em;
        padding-top: 375px;
        padding-right: 2em;
    }
}

@media (min-width: 1700px){
    .cta-container {
        padding-right: 25%;
    }

    .kontakt-footer {
        background-size: 640px 649px;
        font-size: 1.8em;
        height: 645px;
        padding-top: 290px;
        padding-right: 73px;
    }

    .kontakt-daten {
        padding: 3em 5em;
    }
}

@media (min-width: 2000px){
    .hand-img {
        padding-top: 3%;
    }
}