/**
Theme Name: KUF | Child
Author: Kieweg und Freiermuth
Author URI: https://www.kuf.com
Description: Kieweg und Freiermuth - Werbeagentur am Bodensee.
Full-Service Werbeagentur für Print und Digital in Konstanz. Markenentwicklung, Corporate Design, Werbung, Webdesign. Einfach anfragen: +497531 128880.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kuf-child
Template: astra
*/

/*************************************************************************************/
/*** RESPONSIVE *************** RESPONSIVE ******************* RESPONSIVE ***/
/*******************************************************************/



/*************************************************************************************/
/*************************************************************************************/




/*************************************************************************************/
/*** ALLGEMEIN ***********************************************************************/
/*************************************************************************************/

/*** Font ***/
/******************************************/
body, button, input, select, textarea {
    font-weight: 300 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300 !important;
}


/*** Menu ***/
/******************************************/
/*
.bdt-navbar-style-2 .bdt-navbar-nav>li>a:after {
  height: 1px !important;
}*/


/*** Menu Offcanfas ***/
.bdt-offcanvas-bar {
  width: 320px;
}

/*.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  color: transparent !important;
  background: url(https://www.peterstader.de/wp-content/uploads/2019/01/menu-icon-burger.png) no-repeat center center;
  background-size: contain;
}*/

.bdt-offcanvas-close {
  padding: 10px !important;
  color: #333 !important;
}
.bdt-offcanvas-bar .widget_nav_menu {
  font-size: 19px;
  text-align: left;
  padding-left: 20px;
  margin-right: -20px;
}
.bdt-offcanvas-bar .widget_nav_menu li.menu-item {
  border-bottom: 1px solid #333;
  right: -120px;
  padding-top: 12px;
}
.bdt-offcanvas-bar .textwidget {
  color: #333 !important;
  font-size: 16px !important;
  padding-left: 20px;
}
a.offcanvas-textlink {
  line-height: 1.5em;
  font-size: 16px;
}


/*** Menu Weather Widget ***/
/* Reichenau, DE  **Boston, MA** */
.bdt-weather-today-desc, .bdt-weather-today-sunrise, .bdt-weather-today-sunset, .bdt-weather-today-min-temp,
.bdt-weather-today-max-temp, .bdt-weather-today-pressure, .bdt-weather-today-wind {
  display: none !important;
}

.bdt-width-3-5, .bdt-width-2-5, .bdt-width-1-3 {
  position: absolute !important;
  left: 50%;
  margin-left: -40px;
}

[class*='bdt-width'] {
  width: auto !important;
}

.bdt-weather-today-temp, .bdt-weather-today-humidity {
  font-size: 16px !important;
  font-weight: 300 !important;
}

.bdt-weather-today-humidity {
  margin: -10px 0px 0px 60px;
  width: 70px !important;
}

@media not all and (min-resolution:.001dpcm) {
    @media {
      .bdt-weather-today-humidity {
        margin: 0px 0px 0px 60px;
      }
      .bdt-weather {
        margin-top: -15px;
      }
    }
}

.elementor-widget-bdt-weather:not(.bdt-weather-layout-tiny) .bdt-weather-today-icon [class*="bdtw-"] {
  color: #686868 !important;
  font-size: 21px !important;
  text-shadow: none !important;
}

.bdt-weather-today-icon {
  margin-left: -36px !important;
}

.bdtw-humidity:before {
  background: url(https://www.peterstader.de/wp-content/uploads/2019/01/weather-2.png) no-repeat center center;
	background-size: contain;
  color: transparent !important;
  font-size: 21px !important;
}



/*** Slider ***/
/******************************************/
div #header-logo-pstader {
  background: url(https://www.peterstader.de/wp-content/uploads/2021/01/Logo_Peter_Stader_GmbH_negativ.png) no-repeat center center;
	background-size: contain;
  width: 350px !important;
  height: 127px !important;
  float: right;
}

/*** Stoerer ***/
/******************************************/
.stoerer-umschlag 
{
	right: 0px;
    top: 40px;
    height: auto;
    width: 240px !important;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
}

.elementor-element-f0dbce5 
{
	right: 0px;
    top: 40px;
    height: auto;
    width: 240px;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
}

.elementor-element-fdd9348 
{
	right: 0px;
    top: 40px;
    height: auto;
    width: 240px !important;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
}

@media only screen and (max-width: 425px) {
  .elementor-element-fdd9348  {
    display: none;
  }
}



/*************************************************************************************/
/*** CONTENT *************************************************************************/
/*************************************************************************************/

/*** Home ***/
/******************************************/

/*** Animation ****************************/
/*** Main ***/
.iconanim-div {
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
  /*height: 200px;*/
  width: 100%;
}

.icon-elementanim {
	display: block;
	position: absolute;
	z-index: -1;
	left: 50%;
  bottom: 0%;
}

/*** Elemente ***/
#blume-1 {
	background: url(https://www.peterstader.de/wp-content/uploads/2020/01/jungpflanzen-1.png) no-repeat center center;
	background-size: contain;
	height: 52px;
  width: 42px;
  margin-left: -83px;
}
#blume-2 {
	background: url(https://www.peterstader.de/wp-content/uploads/2020/01/jungpflanzen-2.png) no-repeat center center;
	background-size: contain;
	height: 72px;
  width: 48px;
  margin-left: -31px;
}
#blume-3 {
	background: url(https://www.peterstader.de/wp-content/uploads/2020/01/jungpflanzen-3.png) no-repeat center center;
	background-size: contain;
	height: 45px;
  width: 62px;
  margin-left: 22px;
}

#lkw {
	background: url(https://www.peterstader.de/wp-content/uploads/2020/01/lkw.png) no-repeat center center;
	background-size: contain;
	height: 55px;
	width: 110px;
  margin-left: -55px;
}

.kisten {
	background: url(https://www.peterstader.de/wp-content/uploads/2020/01/kiste.png) no-repeat center center;
	background-size: contain;
	height: 29px;
  width: 79px;
}
#kiste-1 {
  margin-left: -39px;
  margin-bottom: 0px;
}
#kiste-2 {
  margin-left: -45px;
  margin-bottom: 24px;
}
#kiste-3 {
  margin-left: -34px;
  margin-bottom: 47px;
}
#kiste-4 {
  margin-left: -41px;
  margin-bottom: 71px;
}
#kiste-5 {
  margin-left: -34px;
  margin-bottom: 94px;
}
#kiste-6 {
  margin-left: -45px;
  margin-bottom: 119px;
}
#kiste-7 {
  margin-left: -34px;
  margin-bottom: 143px;
}

.elementor-element-1f57f73 .elementor-counter-number::after {
  content: " km";
}

.smiley {
	background: url(https://www.peterstader.de/wp-content/uploads/2020/01/mitarbeiter.png) no-repeat center center;
	background-size: contain;
  height: 47px;
  width: 47px;
  /*margin-left: -31px;
  margin-bottom: 0px;*/
}

/*** Die Animationen ***/
/* Blume */
#iconanim-blume.animate #blume-1 {
  -webkit-animation: slideInLeft ease-in-out 2s;
  -moz-animation:    slideInLeft ease-in-out 2s;
  -o-animation:      slideInLeft ease-in-out 2s;
  animation:         slideInLeft ease-in-out 2s;
}

#iconanim-blume.animate #blume-2 {
  -webkit-animation: fadeInDown ease-in-out 3s;
  -moz-animation:    fadeInDown ease-in-out 3s;
  -o-animation:      fadeInDown ease-in-out 3s;
  animation:         fadeInDown ease-in-out 3s;
}

#iconanim-blume.animate #blume-3 {
  -webkit-animation: fadeInRight ease-in-out 4s;
  -moz-animation:    fadeInRight ease-in-out 4s;
  -o-animation:      fadeInRight ease-in-out 4s;
  animation:         fadeInRight ease-in-out 4s;
}

/* LKW */
#iconanim-lkw.animate #lkw {
  -webkit-animation: slideInLeft ease-in-out 4s;
  -moz-animation:    slideInLeft ease-in-out 4s;
  -o-animation:      slideInLeft ease-in-out 4s;
  animation:         slideInLeft ease-in-out 4s;
}

/* Kiste */
#iconanim-kiste.animate #kiste-1 {
  -webkit-animation: fadeInk1 1s;
  -moz-animation:    fadeInk1 1s;
  -o-animation:      fadeInk1 1s;
  animation:         fadeInk1 1s;
}
@keyframes fadeInk1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#iconanim-kiste.animate #kiste-2 {
  -webkit-animation: fadeInk2 4s;
  -moz-animation:    fadeInk2 4s;
  -o-animation:      fadeInk2 4s;
  animation:         fadeInk2 4s;
}
@keyframes fadeInk2 {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#iconanim-kiste.animate #kiste-3 {
  -webkit-animation: fadeInk3 4s;
  -moz-animation:    fadeInk3 4s;
  -o-animation:      fadeInk3 4s;
  animation:         fadeInk3 4s;
}
@keyframes fadeInk3 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#iconanim-kiste.animate #kiste-4 {
  -webkit-animation: fadeInk4 4s;
  -moz-animation:    fadeInk4 4s;
  -o-animation:      fadeInk4 4s;
  animation:         fadeInk4 4s;
}
@keyframes fadeInk4 {
  0% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#iconanim-kiste.animate #kiste-5 {
  -webkit-animation: fadeInk5 4s;
  -moz-animation:    fadeInk5 4s;
  -o-animation:      fadeInk5 4s;
  animation:         fadeInk5 4s;
}
@keyframes fadeInk5 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#iconanim-kiste.animate #kiste-6 {
  -webkit-animation: fadeInk6 4s;
  -moz-animation:    fadeInk6 4s;
  -o-animation:      fadeInk6 4s;
  animation:         fadeInk6 4s;
}
@keyframes fadeInk6 {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#iconanim-kiste.animate #kiste-7 {
  -webkit-animation: fadeInk7 4s;
  -moz-animation:    fadeInk7 4s;
  -o-animation:      fadeInk7 4s;
  animation:         fadeInk7 4s;
}
@keyframes fadeInk7 {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Smiley */
#iconanim-smiley.animate #smiley-1 {
  -webkit-animation: fadeInLeft 3s;
  -moz-animation:    fadeInLeft 3s;
  -o-animation:      fadeInLeft 3s;
  animation:         fadeInLeft 3s;
  -moz-transform: rotate(48deg);
  -webkit-transform: rotate(48deg);
  -o-transform: rotate(48deg);
  transform: rotate(48deg);
  margin-left: -51px;
  margin-bottom: 0px;
}

#iconanim-smiley.animate #smiley-2 {
  -webkit-animation: fadeInDown 4s;
  -moz-animation:    fadeInDown 4s;
  -o-animation:      fadeInDown 4s;
  animation:         fadeInDown 4s;
  -moz-transform: rotate(-28deg);
  -webkit-transform: rotate(-28deg);
  -o-transform: rotate(-28deg);
  transform: rotate(-28deg);
  margin-left: -81px;
  margin-bottom: 80px;
}

#iconanim-smiley.animate #smiley-3 {
  -webkit-animation: fadeInRight 3s;
  -moz-animation:    fadeInRight 3s;
  -o-animation:      fadeInRight 3s;
  animation:         fadeInRight 3s;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
  margin-left: 19px;
  margin-bottom: 90px;
}

#iconanim-smiley.animate #smiley-4 {
  -webkit-animation: fadeInUp 2s;
  -moz-animation:    fadeInUp 2s;
  -o-animation:      fadeInUp 2s;
  animation:         fadeInUp 2s;
  -moz-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
  margin-left: 9px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .elementor-6 .elementor-element.elementor-element-1a4bff7 > .elementor-element-populated {
      margin: 0px 0px -27px 0px;
  }
  .elementor-6 .elementor-element.elementor-element-edad2d8 > .elementor-element-populated {
      margin: 0px 0px 33px 0px;
  }
  .elementor-6 .elementor-element.elementor-element-b9abe8e > .elementor-element-populated {
      margin: 0px 0px 33px 0px;
  }
}


/*** TEAM ***/
/******************************************/
@media (max-width: 768px) {
  .page-id-10 .elementor-element .bdt-advanced-button {
      padding: 10px !important;
      font-size: 12px !important;
  }
}



/*************************************************************************************/
/*** FOOTER **************************************************************************/
/*************************************************************************************/
.footer-custom a {
	color: #fff;
}
.elementor-element.elementor-element-197ca33.elementor-section-content-bottom.footer-custom.elementor-hidden-tablet.elementor-hidden-phone.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section
 {
	background-image: url("https://peterstader.kufzwei.com/wp-content/uploads/2019/05/peterstader_footer.png") !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}