.et_animated{opacity:0;animation-duration:1s;animation-fill-mode:both!important}.et_animated.infinite{animation-iteration-count:infinite}.et_had_animation{position:relative}@keyframes et_pb_fade{to{opacity:1}}.et_animated.fade{animation-name:et_pb_fade}@keyframes et_pb_fadeTop{0%{transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.et_animated.fadeTop{animation-name:et_pb_fadeTop}@keyframes et_pb_fadeRight{0%{transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.et_animated.fadeRight{animation-name:et_pb_fadeRight}@keyframes et_pb_fadeBottom{0%{transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.et_animated.fadeBottom{animation-name:et_pb_fadeBottom}@keyframes et_pb_fadeLeft{0%{transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.et_animated.fadeLeft{animation-name:et_pb_fadeLeft}.et_animated.slide{animation-name:et_pb_zoomLeft}.et_animated.slideBottom,.et_animated.slideRight,.et_animated.slideTop{animation-name:et_pb_slideLeft}@keyframes et_pb_slideLeft{to{transform:translateZ(0);opacity:1}}.et_animated.slideLeft{animation-name:et_pb_slideLeft}@keyframes et_pb_bounce{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.et_animated.bounce{animation-name:et_pb_bounce}@keyframes et_pb_bounceTop{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(0,-200px,0)}60%{transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none;opacity:1}}.et_animated.bounceTop{animation-name:et_pb_bounceTop}@keyframes et_pb_bounceRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(200px,0,0)}60%{transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none;opacity:1}}.et_animated.bounceRight{animation-name:et_pb_bounceRight}@keyframes et_pb_bounceBottom{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(0,200px,0)}60%{transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0);opacity:1}}.et_animated.bounceBottom{animation-name:et_pb_bounceBottom}@keyframes et_pb_bounceLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(-200px,0,0)}60%{transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none;opacity:1}}.et_animated.bounceLeft{animation-name:et_pb_bounceLeft}.et_animated.zoom,.et_animated.zoomTop{animation-name:et_pb_zoomLeft}.et_animated.zoomTop{transform-origin:top}.et_animated.zoomRight{animation-name:et_pb_zoomLeft;transform-origin:right}.et_animated.zoomBottom{animation-name:et_pb_zoomLeft;transform-origin:bottom}@keyframes et_pb_zoomLeft{to{transform:scaleX(1);opacity:1}}.et_animated.zoomLeft{animation-name:et_pb_zoomLeft;transform-origin:left}.et_animated.flip{animation-name:et_pb_foldBottom}.et_animated.flipTop{animation-name:et_pb_flipBottom}.et_animated.flipRight{animation-name:et_pb_flipLeft}@keyframes et_pb_flipBottom{0%{transform-origin:center}to{opacity:1;transform:perspective(0) rotateX(0deg)}}.et_animated.flipBottom{animation-name:et_pb_flipBottom}@keyframes et_pb_flipLeft{0%{transform-origin:center}to{opacity:1;transform:perspective(0) rotateY(0deg)}}.et_animated.flipLeft{animation-name:et_pb_flipLeft}.et_animated.fold{transform-origin:center;animation-name:et_pb_foldLeft}.et_animated.foldTop{transform-origin:top;animation-name:et_pb_foldBottom}.et_animated.foldRight{transform-origin:right;animation-name:et_pb_foldLeft}@keyframes et_pb_foldBottom{to{opacity:1;transform:perspective(0) rotateX(0deg)}}.et_animated.foldBottom{transform-origin:bottom;animation-name:et_pb_foldBottom}@keyframes et_pb_foldLeft{to{opacity:1;transform:perspective(0) rotateY(0deg)}}.et_animated.foldLeft{transform-origin:left;animation-name:et_pb_foldLeft}@keyframes et_pb_roll{0%{transform-origin:center}to{transform-origin:center;transform:none;opacity:1}}.et_animated.roll{animation-name:et_pb_roll}@keyframes et_pb_rollTop{0%{transform-origin:top}to{transform-origin:top;transform:none;opacity:1}}.et_animated.rollTop{animation-name:et_pb_rollTop}@keyframes et_pb_rollRight{0%{transform-origin:right}to{transform-origin:right;transform:none;opacity:1}}.et_animated.rollRight{animation-name:et_pb_rollRight}@keyframes et_pb_rollBottom{0%{transform-origin:bottom}to{transform-origin:bottom;transform:none;opacity:1}}.et_animated.rollBottom{animation-name:et_pb_rollBottom}@keyframes et_pb_rollLeft{0%{transform-origin:left}to{transform-origin:left;transform:none;opacity:1}}.et_animated.rollLeft{animation-name:et_pb_rollLeft}/*
 Theme Name:     fyr-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         Daniel Menzel
 Author URI:     https://divi.world
 Template:       Divi
 Version:        1.0.0
*/

/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

.et_menu_container, .vision_nav{
	padding-top: 6px;
	padding-bottom: 6px;
}

/* Main Nav */

#main-header, #main-header.et-fixed-header{
  box-shadow: 0 0 30px rgba(0,0,0,0.2) !important;
}

.logo_container{
  top: 0;
}

.logo_container a{
    position: absolute;
    width: 120px;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    transition: all .4s ease-in-out;
}

#main-header.et-fixed-header .logo_container a{
  width: 125px;
  transition: all .4s ease-in-out;
}

.et_mobile_menu{
  top: 100%;
}

nav#top-menu-nav, #top-menu{
  float: none;
}

#et-top-navigation .et-cart-info{
  float: none;
  position: absolute;
  top: 30%;
  right: 40px;
}

#main-header #logo{
  max-width: 100%;
}

#et-top-navigation #top-menu .menu-item_maincategory a{
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  font-size: 30px;
}

.menu-item_maincategory a{
  color: #ffffff !important;
  background-color: #00afb9;
  display: inline-block;
}

.menu-item_street a{
  background-color: #f5374b;
}

.menu-item_sport a{
  background-color: #fec82d;
}

.menu-item_style a{
  background-color: #002d5f;
}

#top-menu .sub-menu .menu-item_three-letters a{
	color: #002d5f;
}
#top-menu .sub-menu .menu-item_three-words a{
	color: #007882;
}
#top-menu .sub-menu .menu-item_three-visions a{
	color: #a00064;
}
#top-menu .sub-menu .menu-item_three-goals a{
	color: #f5374b;
}

.et_mobile_menu li a, .nav li li a{
  font-size: 24px
}

.et_mobile_menu li.menu-item_maincategory a:hover, .nav ul li.menu-item_maincategory a:hover{
  background-color: #00afb9;
}

.frame_overlay{
  position: relative;
}

.frame_overlay:after, .frame_overlay:before{
  content: '';
  z-index: 50;
  position: absolute;
  width: 100%;
  height: auto;
  padding-bottom: 15%;
  background-size: 100%;
  background-repeat: no-repeat;
  pointer-events: none;
}

.frame_overlay:after{
  bottom: -1px;
  background-position: bottom center;
}
.frame_overlay:before{
  top: -1px;
  background-position: top center;
}

.hexa_up_down:before, .hexa_up:before{
  background-image: url(//fyr.clothing/wp-content/themes/Divi-Child/images/hexa-frame_1.png)
}
.hexa_up_down:after, .hexa_down:after{
  background-image: url(//fyr.clothing/wp-content/themes/Divi-Child/images/hexa-frame_2.png)
}

.wave_up_down:before, .wave_up:before{
  background-image: url(//fyr.clothing/wp-content/themes/Divi-Child/images/frame-2.png)
}
.wave_up_down:after, .wave_down:after{
  background-image: url(//fyr.clothing/wp-content/themes/Divi-Child/images/frame.png)
}

.hexa_color_up_down:before, .hexa_color_up:before{
  background-image: url(//fyr.clothing/wp-content/themes/Divi-Child/images/hexa-frame_3.png)
}
.hexa_color_up_down:after, .hexa_color_down:after{
  background-image: url(//fyr.clothing/wp-content/themes/Divi-Child/images/hexa-frame_4.png)
}

.aqua_up_down:before, .aqua_up:before{
  background-image: url(//fyr.clothing/wp-content/themes/Divi-Child/images/aquarell-frame_2.png)
}
.aqua_up_down:after, .aqua_down:after{
  background-image: url(//fyr.clothing/wp-content/themes/Divi-Child/images/aquarell-frame_1.png)
}

.hexa_divider_1:after{
  background-image: url(//fyr.clothing/wp-content/themes/Divi-Child/images/hexa-divider_1.png)
}
.hexa_divider_2:after{
  background-image: url(//fyr.clothing/wp-content/themes/Divi-Child/images/hexa-divider_2.png)
}

.letters .et_pb_main_blurb_image{
  width: 80px;
}
.letters .et_pb_blurb_container{
  padding-left: 30px;
  vertical-align: middle;
}

.goals .et_pb_main_blurb_image{
  width: 80px;
}
.goals .et_pb_blurb_container{
  padding-left: 30px;
  vertical-align: middle;
}

#main-footer{
  position: relative;
  margin-top: 10%;
}

#main-footer:before{
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  margin-top: -10%;
  padding-bottom: 10%;
  background-image: url(//fyr.clothing/wp-content/themes/Divi-Child/images/footer-frame.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
}

@media (min-width:981px){

#top-menu.nav .menu-item_logo-left{
  margin-right: 60px
}
#top-menu.nav .menu-item_logo-right{
  margin-left: 60px
}

#et-top-navigation{
  width: 100%;
  text-align: center;
  padding-left: 0 !important;
}

#et-top-navigation .et-cart-info{
  top: 50%;
  right: 0;
}
}
@media (min-width:1024px){

#main-header{
  box-shadow: 0 0 60px rgba(0,0,0,0.2);
}
.logo_container a{
  width: 166px;
}

.vision_nav_wrapper{
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 9999;
	box-shadow: 0 0 60px rgba(0,0,0,0.2);
}
.et_menu_container, .vision_nav{
   padding-top: 24px;
   padding-bottom: 24px;
 }
.vision_nav:before{
	width: 166px;
  height: 168px;
}

#top-menu.nav .menu-item_logo-left{
  margin-right: 100px
}
#top-menu.nav .menu-item_logo-right{
  margin-left: 100px
}

.key_header{
	margin-top: 120px;
}
}

#cookie-notice .cn-button{
  color: white;
  padding: 2px 5px;
  border: 1px solid #ffffff;
  border-radius: 4px;
}
#cookie-notice .cn-button:hover{
  color: #f5374b;
  background-color: #ffffff;
}