/* birthstone-bounce-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Birthstone Bounce';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/birthstone-bounce-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* birthstone-bounce-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Birthstone Bounce';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/birthstone-bounce-v12-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* standards variables */

:root{
  --logo-color: #008244;
  --logo-color-hover: #19a160;
  --logo-color-rgb: rgba(0,130,68,0.2);
  --styling-color-dark-green: #012313;
  --font-cd-style: 'Helvetica', 'Arial', sans-serif;
  --font-standard:'Helvetica', 'Arial', sans-serif;
  --font-handwriting:'Birthstone Bounce','Arial', sans-serif;;
}

*{
   margin:0px;
   padding:0px;
   letter-spacing: 0.02em;
}

html, body {
	background-color: var(--logo-color);
	height: 100%;
}
header{
   background-color: #fff;
}

#wrapper{
   position: relative;
}

main{
   background-color: #fff;
   height: 100%;
   margin-top:36px;
}

p{
   font-family: var(--font-standard);
   font-style: normal;
   font-weight: normal;
   font-size: 1.0em;
   line-height: 1.9em;
   color:#000;
   hyphens: auto;
   padding:10px;
}

p strong{
   font-family: var(--font-standard);
   font-weight: 800;
   font-style: normal;
   hyphens: auto;
}

a{
   color:var(--styling-color-dark-green);
}

i{
   font-family: var(--font-standard);
   font-style: italic;
   font-weight: normal;
}


li a{
   font-family: var(--font-standard);
   font-style: normal;
   font-weight: normal;
   color:#a7a7a7;
}

ul li{
   font-size: 17px;
   line-height:24px;
   hyphens: auto;
}

.contentstyle ul li{
   padding-right: 10px;
   padding-bottom: 5px;
   font-size: 0.92em;
   line-height: 1.2em;
   font-family: var(--font-standard);
   font-style: normal;
   font-weight: normal;
   color:#808080;
   list-style-type: none;
}

.contentstyle ul li:before{
   font-family: 'Icons';
   content: url("../img/chevron-right_grey.svg");
   vertical-align: -3px;
   color:#808080;
   padding-right: 5px;
   margin-left:-21px;
}



h2{
   font-family: var(--font-handwriting);
   color: var(--styling-color-dark-green);
   font-style: normal;
   font-weight: normal;
   font-size: 2.9em;
   hyphens: auto;
}


h3{
   font-family: var(--font-standard);
   font-style: normal;
   font-weight: normal;
}

a:hover{
   color:#fff;
   text-decoration: none;
}

a img:hover{
   opacity: 0.8;
}

.page-home .wp-block-button__link{
   background-color:#000;
}
.page-home .wp-block-button__link:hover{
   background-color:#423939;

}

.container-fluid .home{
   padding-left: 50px;
   padding-right: 30px;
}


.bi-chevron-right{
	color:green;
}

#wrapper{
	min-height: 100%;
	position: relative;
}

.anchorposition{
   position:relative;
}

.anchor{
   position:absolute;
   top:-0px;
}

.nobr{
	white-space: nowrap;
}

.clear-float{
	clear:both;
}


/* ----- back to top button */
.back-to-top {
   position: fixed;
   z-index: 8;
   bottom:106px;
   right:20px;
   padding:5px 8px;
   border:1px solid #fff;
   background-color: var(--logo-color);
   background-position: 1% 50%;
   background-size: 300% 300%;
   text-decoration: none;
   margin: 0.625rem;
}

.back-to-top span{
   font-size:1.5em;
   color:#fff;
}

.back-to-top:hover{
   background:var(--logo-color-hover);
   color:#000;
}

.btn-close{
   background-color: #fff;
}

/* ------------- Header -------------- */
.headlogo a{
   left: 50%;
    top: 21px;
    position: absolute;
    z-index: 1;
    margin: auto;
    color: #c2c2c2;
}


.headlogo img{
   width: 300px;
   display:block;
   margin-top:-10px;
   margin-left:-150px;
   margin-right: auto;
   padding:15px 0px;
}

.slider-info h1{
   color:var(--styling-color-dark-green);
   padding-top: 10px;
   padding-bottom: 5px;
   font-family: 'Birthstone Bounce','Arial', sans-serif;
   font-style: normal;
   font-weight: 500;
   hyphens: auto;
   text-align: center;
}

.slider{
   height: 45vw;
}

.musikline{
   position: relative;
   margin-top: -145px;
   margin-left: -72px;
 }

.cb-slideshow,
.cb-slideshow:after {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   z-index: 0;
   list-style: none;
   padding: 0;
}

.cb-slideshow>li::before {
   content: '';
}

.cb-slideshow li span {
   width: 100%;
   height: 44vw;
   position: absolute;
   top: 113px;
   left: 0px;
   color: transparent;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: none;
   opacity:0;
   z-index: 0;
   animation: imageAnimation 36s linear infinite 0s;
}

.cb-slideshow li div {
   z-index: 1000;
   position: absolute;
   bottom: 10px;
   left: 0px;
   width: 100%;
   text-align: center;
   opacity: 0;
   color: #fff;
   animation: titleAnimation 36s linear infinite 0s;
}

.cb-slideshow li div h3 {
   font-family:'Helvetica' 'Arial Narrow', Arial, sans-serif;
   font-size: 240px;
   padding: 0;
   line-height: 200px;
}

.cb-slideshow li:nth-child(1) span {
   background-image: url(https://wehler-deel.de/wp-content/uploads/sites/2/slider_title_6.jpg);
}
.cb-slideshow li:nth-child(2) span {
   background-image: url(https://wehler-deel.de/wp-content/uploads/sites/2/slider_title_5.jpg);
   animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
   background-image: url(https://wehler-deel.de/wp-content/uploads/sites/2/slider_title_4.jpg);
   animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
   background-image: url(https://wehler-deel.de/wp-content/uploads/sites/2/slider_title_3.jpg);
   animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
   background-image: url(https://wehler-deel.de/wp-content/uploads/sites/2/slider_title_2.jpg);
   animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
   background-image: url(https://wehler-deel.de/wp-content/uploads/sites/2/slider_title_1.jpg);
   animation-delay: 30s;wp-content/
}
.cb-slideshow li:nth-child(2) div {
   animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
   animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
   animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
   animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
  animation-delay: 30s;
}

@keyframes imageAnimation {
   0% { opacity: 0; animation-timing-function: ease-in; }
   8% { opacity: 1; animation-timing-function: ease-out; }
   17% { opacity: 1 }
   25% { opacity: 0 }
   100% { opacity: 0 }
}

@keyframes titleAnimation {
   0% { opacity: 1 }
   8% { opacity: 1 }
   17% { opacity: 1 }
   19% { opacity: 1 }
   100% { opacity: 1 }
   100% { opacity: 1 }
}

.no-cssanimations .cb-slideshow li span {
   opacity: 1;
}

.slider-logo-blog{
   position: relative;
   z-index: 10;
   margin-top:20vw;
}

.slider-logo-blog img{
   width: 50vw;
   display:block;
   margin:auto;
}

.slider-logo-blog h2{
   font-family: 'Yanone Kaffeesatz';
   font-style: normal;
   font-weight: 300;
   letter-spacing: -0.2px;
   font-size: 6vw;
   margin-top:20px;
   color:var(--logo-color);
   text-align: center
}


.slider-info{
   position: relative;
   margin-top:-70px;
   background-color: rgba(255,255,255,0.6);
}
.slider-info img{
   display: block;
   margin:auto;
   width: 30vw;
   padding-top:30px;
}

.slider-info ul{
   display: flex;
   justify-content: center;
   align-items: center;
   padding:0px 0px 30px;
/*  width: 800px;
  margin:auto;*/
}

.slider-info ul li::before{
   content:url("../img/square_small_wd.svg");
    display:inline-block;
    height:20px;
    width:20px;
   padding-right: 8px;
   vertical-align: 1px;

}
.slider-info ul li{
   color: var(--styling-color-dark-green);
   padding-left:20px;
   padding-right: 20px;
   font-size: 1.5em;
   font-weight: 200;
   list-style-type: none;
}

/* -------------  styling navbar  ---------------------- */


.navbar-light .navbar-toggler{
   margin: 24px;
   float:right;
   background-color: #e8e8e8;
}

.navbar{
   clear:both;
   display:block;
}

.nav_vw{
   display:block;
}

.navbar-nav{
   min-height: 85px;
   margin-right: 0px;
   padding-top:20px;
}

.navbar-nav li a{
   font-family:'Yanone Kaffeesatz','Helvetica', 'Arial', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 1.2em;
   letter-spacing: 1.5px;
   font-style: normal;
   display: inline-block;
   text-align: center;
   margin-left:0px;
   color: #fff;
   padding-left:20px;
   display: inline-block;
   margin-right:5px;
   margin-left: 5px;
   border-radius: 10px;
   background-color: var(--logo-color);
   text-transform: uppercase;
   border:2px solid #fff;
   transition: border 2s, background-color 2s;
}
.navbar-expand-lg .navbar-nav .nav-link{
   padding:7px 20px 3px 24px;
}

header .nav-link:focus, header .nav-link:hover{
   color:#fff;
   background-color: var(--logo-color-hover);
   border:2px solid var(--logo-color-hover);
}

.navbar-nav li:last-child a{
   color:#fff;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
/*  background-color: var(--logo-color-hover);*/
   color:#fff;
}

.navbar-nav .dropdown-menu{
   background-color:#fff;
   border:0px solid black;
   margin-top:-27px;
   margin-left:-10px;
   min-width: initial;
   min-width:250px;
   border-radius: 0;
   padding:10px 15px 5px 5px;
}
.navbar-nav .dropdown-menu li{
   padding: 5px 0px;
   border-top: 0px solid #000;
}

.navbar-nav .dropdown-menu li a{
   padding: 7px 20px 3px 20px;
   color:#fff;
}

.navbar-nav .dropdown-menu li a:hover{
   background-color: var(--logo-color-hover);
   color:#fff;
}

.navbar-nav li a:hover{
 /* opacity: 0.7;*/
}

.navbar-expand-lg .navbar-collapse{
   padding-top:18px;
   color:#fff;
   z-index: 55;
}

.navbar-nav .dropdown-menu a{
   padding-left:10px;
   padding-right: 20px;
}

.navbar-nav .dropdown-item.active{
   background-color: var(--logo-color);
}

.navbar-nav .dropdown-toggle::after{
   border-top: initial;
   border-right: initial;
   margin-left: 0px;
}

.theme-logo{
   height: 60px;
   z-index: 5000;
   position: absolute;
   top:3px;
}

.fixed-top{
   position: inherit;
   height: 75px;
   padding-left: 20px;
   background-color: #fff;
   }

.navbar{
   height: 0px;
   display: block;
   background-color: #fff;
   padding:0px;
}

.no_drop{
   padding-right:7px;
}

.navbar-toggler{
   position: relative;
   z-index: 1050;
}

.navbar-toggler-icon{
   width:1.2em;
   height: 1.2em;
}


/* -------------Content------------*/
.content-blog h2{
   font-size: 2.9em;
   padding-left: 20px;
   padding-right: 20px;
}

/*----- contact------*/
.contact{
   background-color: var(--logo-color);
}
.contact h2{
   font-size: 31px;
   color:#fff;
}

.contact p{
   color:#fff;
}

.contact .wp-block-column{
   padding: 0px 10px;
}

.contact .wp-block-column:nth-child(3) {
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
}

.contact .wp-block-columns{
   gap:5px;
}

.page-home .container-fluid{
   margin:0px;
   padding:0px;
   overflow:hidden;
}

.page-home .container-fluid .page-boxes{
   margin:0;
   padding:0;
}

.page-home .container-fluid .page-boxes p{
   padding: 5px 20px;
   color:#fff;
}

.page-boxes .wp-block-cover, .wp-block-cover-image{
   height: 100%;
}


.page-home .container-fluid .page-text p{
   color:var(--logo-color);
   font-size: 1.4em;
   line-height: 1.5em;
   padding: 0px 10px;
}

.page-home .content-blog .wp-block-columns{
   gap:0px;
}

.space-content{
   background-color: #fff;
}

.headline-veranstaltungen{
   background-color: var(--logo-color);
   font-family: var(--font-handwriting);
   font-size:1.8em;
   padding: 10px;
   color:#ffffff;
}

.veranstaltungen p{

}
.veranstaltungen h2{
   padding:5px;
}

.Veranstaltungen-img{
   gap:0px;
   margin-bottom: 0px;
}

.Veranstaltungen-img img{
   width: 100%;
}

.veranstaltungen-liste{
   background-color: var(--logo-color-rgb);
   padding:10px;
   margin-bottom: 0px;
   border-bottom: 2px solid var(--styling-color-dark-green);
   color: var(--styling-color-dark-green);
}

.veranstaltungen-liste:first-child{
      margin-top: -19px;

}



/* ---------- Contact Form---------*/
.contentmenu figure{
   overflow: hidden;
}

.contentmenu figure a img{
   transition: transform 1000ms;
}

.contentmenu figure a:hover img{
   opacity: 1;
   transform:scale(1.1);
}

#contact .captchastyle{
   border:1px solid #808080;
   padding:20px;
   max-width: 500px;
   margin:auto;
}

.captchastyle p{
   font-size: 1.5em;
   padding:10px;
   text-align: center;
   background-color:#e7e7e7;
}

#contact .captchastyle.inputBox .input{
   width: 80%;
   display: block;
   text-align: center;
   margin: auto;
}


#contact .cptchaimg{
   font-size: 0.9em;
   width: 200px;
   display: block;
   margin: auto;
}

#contact .captchastyle .check{
   width: 50px;
   text-align: center;
   display: block;
   margin: auto;
   margin-top: 10px;
}

#contact .captchastyle .check svg{
   border:1px  solid #808080;
   padding:3px;
}

#contact .captchastyle.inputBox .input::placeholder{
   font-size: 1.0em;
   color:#107eaa;
}

.formBox{
   margin-top: 0px;
   padding: 50px;
}

.formBox .line{
   margin-top:50px;
   margin-bottom: 50px;
}

#contact .formBox  h1{
   margin: 0;
   padding: 0;
   text-align: center;
   margin-bottom: 50px;
   text-transform: uppercase;
   font-size: 48px;
}

#contact .inputBox{
   position: relative;
   box-sizing: border-box;
   margin-bottom: 10px;
}

#contact .inputBox .inputText {
   font-size: 15px;
   transition: .5s;
   color:#808080;
}

#contact .inputBox .input{
   color:#808080;
   position: relative;
   width: 100%;
   height: 45px;
   background: transparent;
   border: none;
   outline: none;
   font-size: 17px;
   border-bottom: 1px solid #808080;
}

/* Date*/
*,
*:before,
*:after{
   padding: 0;
   margin: 0;
   box-sizing: border-box;
}

input[type="date"], input[type="time"]{
   background-color: #fff;
   padding: 0px;
   margin-top:34px;
   padding-left:15px;
   position: absolute;
   transform: translate(-50%,-50%);
   top: 50%;
   left: 50%;
   color: #808080;
   font-size: 18px;
   border: none;
   outline: none;
   border-radius: 0px;
}

::-webkit-calendar-picker-indicator{
   background-color: #ffffff;
   padding: 5px;
   cursor: pointer;
   border-radius: 3px;
}

#contact .focus .inputText{
   transform: translateY(-30px);
   font-size: 18px;
   opacity: 1;
   color: #00bcd4;
}

#contact textarea{
   height: 100px !important;
}

#contact .button{
   display: block;
   margin:auto;
   border-radius: 0px;
   font-size:1.3em;
   margin-top:20px;
   width: 80%;
   height: 50px;
   border: none;
   outline: none;
   background: #808080;
   color: #fff;
}

#contact .form-control{
   padding-left:0px;
   outline: none;
   border:none;
   border-bottom: 1px solid #808080;
   border-radius: 0;
   margin-bottom: 10px;
}

#contact .form-control{
   color:#808080;
   margin-top:30px;
   font-size: 15px;
   line-height: 50px;
   transition: .5s;
}

#contact .form-check{
   margin-top:50px;
}

.formBox .button{
   border-radius: 5px;
}

.formBox .button:hover{
   opacity: 0.8;
}

.form-group label{
   color:#808080;
   font-size: 18px;
   margin-top: 3px;
}
/*
#contact .inputBox [type="date"] {
  background: #fff url(../img/iconfinder_calendar_grey.png) 97% 50% no-repeat;
  color: #7d7d7d;
  padding-right: 30px;
}*/

#cpmtact .inputBox [type="date"]::-webkit-inner-spin-button {
   display: none;
}

#cpmtact .inputBox [type="date"]::-webkit-calendar-picker-indicator {
   opacity: 0;
}

#flashmessage p{
   color:#000;
}

.modal-footer{
   background: #808080;
}

.modal-footer p{
   line-height: 1.3em;
   font-size: 0.8em;
}

.modal-footer strong{
   line-height: 1.2em;
   color: #000;
   font-size: 1.5em;
}

.modal-header{
   background-color: var(--logo-color);
}

.modal-header h5{
   color:#fff;
   font-size: 1.5em;
}

.modal-header .close{
   color:#fff;
   opacity: 1;
}

.modal-dialog{
   margin-top:150px;
}

.forminfo{
   font-size: 1em;
   margin-left: 20px;
}

.modal-footer{
   display: block;
   padding-left:20px;
}



/*----------------rodeo images*/
.rodeoimages{
   background-color:#fff;
   padding:20px;
}

.rodeoimages .img1{
   height: 350px;
   border-left:20px solid #fff;
   border-right: 10px solid #fff;
   border-bottom: 10px solid #fff;
   background-image: url("https://wehler-deel.de/wp-content/uploads/sites/2/kaese.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position:0px 0px;
}

.rodeoimages .img2{
   height: 350px;
   border-left:10px solid #fff;
   border-right: 10px solid #fff;
   border-bottom: 10px solid #fff;
   background-image: url("https://wehler-deel.de/wp-content/uploads/sites/2/antipasti.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position:0px 0px;
}

.rodeoimages .img3{
   height: 350px;
   border-right: 20px solid #fff;
   border-left: 10px solid #fff;
   border-bottom: 10px solid #fff;
   background-image: url("https://wehler-deel.de/wp-content/uploads/sites/2/salatbuffet.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position:0px 0px;
}

.rodeoimages .text_1{
   height:360px;
   margin:-20px -15px 0px -15px;
   padding-left:20px;
   padding-right: 20px;
   background-color:#fff;
   background-color: var(--logo-color);
   border-bottom: 20px solid #fff;
   border-top:20px solid #fff;


    /*background-image: url("http://akk-drochtersen.de/wp-content/uploads/sites/59/IMG_0480-scaled.jpg");
    background-repeat: no-repeat;
    background-size: 110% 100%;
    background-position:-20px -20px;*/
}

.rodeoimages .text_1 .wp-block-button a{
   display: block;
}

.rodeoimages .text_1 h1{
   font-size: 2.0em;
   font-family:   var(--font-handwriting), sans-serif;
   padding-top:40px;
   color:#fff;
   text-align: center;
}

.rodeoimages .text_1 .btn-default{
   border-color:#fff;
   color:#000;
   position: absolute;
   left:60%;
   bottom: 400px;
   text-shadow:none;
   background-image: linear-gradient(to bottom,#252525 ,#252525 100%);

}

.rodeoimages .text_1 .btn-default:hover, .rodeoimages .text_1 .btn-default:focus,.rodeoimages .text_1 .btn-default:visited, .rodeoimages .text_1 .btn-default:active{
   background-position: 0 0px;
   opacity: 0.5;
}

.rodeoimages .text_1 p{
   font-family: 'Helvetica', sans-serif;
   text-align: center;
   line-height: 1.5em;
   font-size:1.2em;
   padding-top:10px;
   color:#000;
}

.rodeoimages .img4{
   height: 740px;
   border-right: 10px solid #fff;
   border-left: 20px solid #fff;
   border-bottom: 10px solid #fff;
   border-top:10px solid #fff;

   background-image: url("https://wehler-deel.de/wp-content/uploads/sites/2/salatbuffet_2.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 0px 0px;
}

.rodeoimages .img5{
   height: 740px;
   border-right: 10px solid #fff;
   border-left: 10px solid #fff;
   border-bottom: 10px solid #fff;
   border-top:10px solid #fff;


   background-image: url("https://wehler-deel.de/wp-content/uploads/sites/2/grillgut.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 0px 0px;
}

.rodeoimages .img6{
   height: 740px;
   border-right: 20px solid #fff;
   border-left: 10px solid #fff;
   border-bottom: 10px solid #fff;
   border-top:10px solid #fff;
   background-color: #fff;
   overflow: hidden;

    background-image: url("https://wehler-deel.de/wp-content/uploads/sites/2/salatbuffet_3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0px;
}

.rodeoimages  .img6 video{
   width: 160%;
   height: 160%;
   margin-top:-180px;
   margin-left:-80px;
}

.rodeoimages .txt_2{
   font-family: 'Helvetica', sans-serif;
   font-weight: bold;
   letter-spacing: 0.05em;
   line-height: 6em;
   font-size: 2.7em;
   color:#808080;
   border-right: 10px solid #fff;
   border-left: 20px solid #fff;
   border-bottom: 20px solid #fff;
   border-top:10px solid #fff;
   margin:auto;
   text-align: center;
}

.rodeoimages .txt_2 span{
   display:inline-block;
   vertical-align: middle;
   text-align: center;
   line-height: 1.2em;
   color: var(--logo-color);
}

.rodeoimages .img7{
   border-right: 10px solid #fff;
   border-left: 20px solid #fff;
   border-bottom: 20px solid #fff;
   border-top:10px solid #fff;

   background-image: url("https://wehler-deel.de/wp-content/uploads/sites/2/tomatensalat.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: 0px 0px;
}

.rodeoimages .img8{
   height: 350px;
   border-right: 15px solid #fff;
   border-left: 10px solid #fff;
   border-bottom: 20px solid #fff;
   border-top:10px solid #fff;

   background-image: url("https://wehler-deel.de/wp-content/uploads/sites/2/brotzeit.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position:  0px 0px;
}
.rodeoimages .img9{
   height: 350px;
   border-right: 10px solid #fff;
   border-left: 10px solid #fff;
   border-bottom: 20px solid #fff;
   border-top:10px solid #fff;

   background-image: url("https://wehler-deel.de/wp-content/uploads/sites/2/fisch_1.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position:  0px 0px;
}

.rodeoimages .img10{
   height: 350px;
   border-right: 20px solid #fff;
   border-left: 10px solid #fff;
   border-bottom: 20px solid #fff;
   border-top:10px solid #fff;

   background-image: url("https://wehler-deel.de/wp-content/uploads/sites/2/salat_fein.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position:  0px 0px;
}

/* ---------- footer -----------*/



footer{
/*  position: absolute;*/
   border-top: 15px solid var(--logo-color);
   bottom: 0;
   width: 100%;
}

footer ul li{
   display: inline-block;
   font-family: var(--font-cd-style);
   font-style: normal;
   font-weight: 300;
   list-style-type: none;
   text-transform: uppercase;
}

footer .address p{
   color:#fff;
}

footer .imprint ul{
   float:right;
   margin-bottom: 0px;
}

footer .imprint ul li{
   padding-left:15px;
   color:#fff;
}

footer li a{
   font-family: var(--font-standard);
   font-style: normal;
   font-weight: 400;
   color:#fff;
}

footer .imprint-menue .nav-link:hover{
   color:#808080;
}

footer .copyright p{
   text-align: center;
   font-size: 0.8em;
   color:#fff;
}

.error404{
   margin-top: 50px;
   margin-bottom: 300px;
}



footer {
   background-color: var(--styling-color-dark-green);
}

.footertxt{
   color:#fff;
}

footer a{
   color:#808080;
   transition: color 1s;
}

footer a:hover{
   text-decoration: none;
   color:#505050;
}

footer h2{
   color:#ffffff;
}

.footermenue .imprint{
   float:right;
}

.footermenue span{
   color:#fff;
}



.data-protection h5, .imprint h5{
   color:#808080;
  }