/* Custom Stylesheet hash:14842298361492679287 dated 16 Sep, 2024 16:17:14+Europe/Berlin */
/* Add custom CSS here */

/* Header */
.header__top{height: 44px; background: #4a4a4a none repeat scroll 0 0;}
  .header__top__wrapper{height: 44px;}
    .header__top__wrapper .menu a{color: #ffffff;}
    .header__top__wrapper .menu__truncate{color: #ffffff;}
    .header__top__wrapper .menu__link.active{background-color: #4a4a4a;}
    .header__top__wrapper .nav__menu{background-color: #4a4a4a;}
      .header__top__wrapper .nav__menu a:hover{background-color: #4a4a4a;}

.yuneec_header{background: rgba(0, 0, 0, 0) url("https://rma.yuneec.de/uploads/header.png") no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;}    
  .yuneec_header .heading--kilo{color: #fff;}
  
/* Footer */
.service-hotline{float: left; color: #dc3111; font-size: 18px; font-weight: 600; letter-spacing: 2.16px; line-height: 48px;}
  .service-hotline .fa-phone{color: #666; font-size: 20px; font-weight: 600;}
.service-social{float: right; font-size: 18px;}
  .service-social .btn-social{display: inline-block; height: 48px; width: 48px; margin-right: 5px; border: 1px solid #d3d3d3;}
    .service-social span{display: block; height: 46px; padding-top: 14px; position: absolute; width: 46px;}
    .service-social .btn-social .fa-facebook{color: #3b5998;}
      .service-social .btn-social .fa-facebook:hover{background-color: #3b5998; color: #fff;}
    .service-social .btn-social .fa-twitter{color: #3fb9ea;}
      .service-social .btn-social .fa-twitter:hover{background-color: #3fb9ea; color: #fff;}
    .service-social .btn-social .fa-youtube-play{color: #c83233;}
      .service-social .btn-social .fa-youtube-play:hover{background-color: #c83233; color: #fff;}
    .service-social .btn-social .fa-instagram{color: #3f729b;}
      .service-social .btn-social .fa-instagram:hover{background-color: #3f729b; color:#fff;}

@media (max-width: 767px) {
  .service-hotline{width: 100%;}
  .service-social{width: 100%;}
} 

/* Home page */
section.home-category .u-inlineblock{display: none !important;}
section.home-category ul.listing li{background-color: #000; width: 625px; height: 205px; max-height: none; margin-bottom: 0px; text-align: center;}
  section.home-category ul.listing li h2{padding-top: 90px; font-size: 22px;}
    section.home-category ul.listing li h2 a{color: #fff; text-transform: uppercase;}
section.home-category h2.heading--3{color: #dc3111;}    

.svg-btn {
    color: #000;
    cursor: pointer;
    display: inline-block;
    height: 43px;
    padding: 5px 2px;
    position: relative;
    text-align: center;
    transition: all 250ms ease 0s;
    width: 240px;
}

.svg-btn::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 2px;
    position: absolute;
    right: -2px;
    top: -2px;
    transition: width 125ms ease 0s;
    width: 0;
}
.svg-btn .svg-inner::before, .svg-btn::after {
    background: #fff none repeat scroll 0 0;
    bottom: -3px;
    content: "";
    position: absolute;
    width: 2px;
}
.svg-btn::after {
    border: 0 none;
    height: 0;
    left: auto !important;
    right: -2px !important;
    transition: height 125ms ease 125ms;
}
.svg-btn .svg-inner {
    text-transform: uppercase;
}
.svg-btn .svg-inner::after {
    border-bottom: 2px solid #fff;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 40%;
    position: absolute;
    right: 40%;
    transition: border-bottom-width 0.2s ease 0.6s, left 0.15s ease 0.25s, right 0.15s ease 0.25s, border-bottom-color 0.1s ease 0.7s;
}
.svg-btn .svg-inner::before {
    height: 0;
    left: -2px;
    transition: height 250ms ease 0s;
}
.svg-btn:hover::before {
    transition: width 250ms ease 350ms;
    width: 244px;
}
.svg-btn:hover::after {
    height: 47px;
    transition: height 0.1s ease 250ms;
}
.svg-btn:hover .svg-inner::after {
    border-bottom-color: #fff;
    border-bottom-width: 2px;
    left: -2px;
    right: -2px;
    transition: border-bottom-width 0.5s ease 0.1s, left 0.3s ease 0.1s, right 0.15s ease 0.1s, border-bottom-color 0.1s ease 0s;
}
.svg-btn:hover .svg-inner::before {
    height: 47px;
    transition: height 250ms ease 350ms;
}

/* Product  Backround-Images*/
section.home-category ul.listing li.section-2{background: rgba(0, 0, 0, 0) url("https://rma.yuneec.de/uploads/typhoon_h.jpg") no-repeat scroll -74px -92px;}
section.home-category ul.listing li.section-3{background: rgba(0, 0, 0, 0) url("https://rma.yuneec.de/uploads/breeze_4k.jpg") no-repeat scroll -74px -92px;}
section.home-category ul.listing li.section-4{background: rgba(0, 0, 0, 0) url("https://rma.yuneec.de/uploads/typhoon_4k.jpg") no-repeat scroll -232px -92px;}
section.home-category ul.listing li.section-5{background: rgba(0, 0, 0, 0) url("https://rma.yuneec.de/uploads/tornado_h920.jpg") no-repeat scroll -74px -126px;}
section.home-category ul.listing li.section-6{background: rgba(0, 0, 0, 0) url("https://rma.yuneec.de/uploads/ego_2.png") no-repeat scroll -74px -92px;}
section.home-category ul.listing li.section-9{background: rgba(0, 0, 0, 0) url("http://files.yuneec.de/Kayako/header-h520.jpg") no-repeat scroll -74px -92px;}

@media (max-width: 767px) {
  section.home-category ul.listing li{width: 100%;}
    section.home-category ul.listing li h2{margin-top: 0px;}
}

.all_news{margin-top: 70px;}
  .all_news h1 a{color: #dc3111;}
  .all_news .listing--requests > .media:last-child{border-bottom: medium none;}
  .all_news .nachrichten{border-top: medium none; float: left; margin-right: 18px; width: 48%;}
    .all_news .nachrichten .published{float: left; font-size: 44px; line-height: 44px; width: -moz-fit-content; margin-right: 10px; font-weight: 300;}
      .all_news .nachrichten .published .published-day{color: #4a4a4a;}
      .all_news .nachrichten .published .published-month{color: #c4c4c4;}
    .all_news .nachrichten h2{color: #4a4a4a; font-size: 20px; font-weight: 600; margin-bottom: 5px; margin-top: 3px;}
    .all_news .nachrichten .artikel_btn{margin-top: 13px;}
      .all_news .artikel_btn a{font-size: 18px; color: #dc3111;}
      .all_news .nachrichten .artikel_text{font-size: 16px; font-weight: 300;}
      
@media (max-width: 767px) {
  .all_news .nachrichten{width: 100%;}
}
html, .select, .drill-default {
	font-family: Lato, sans-serif;
}
a, a:hover, a:focus, a:active, .u-visuallink, .u-visuallink:hover,
.heading--blue,
.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active,
.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active.fr-selected,
.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab,
.tab__notCurrent a:hover {
	color: #4b556b;
}

.button--primary,
.button--primary:hover:enabled,
.button--primary:focus:enabled,
.button--primary:active:enabled,
.nav__menu a:hover, .nav__menu a:active, .dd__link:hover,
.fr-popup .fr-checkbox input:checked + span,
.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after,
.fr-image-resizer .fr-handler,
.fr-image-progress-bar-layer > div.fr-loader span,
.autocomplete--field__item:hover, .autocomplete--field__item.is-selected {
	background-color: #4b556b;
}

.textfield:focus,
.search-wrapslim .inputaddon__field:focus,
.file-btn:focus, .file-btn.is-active, .dz-drag-hover {
	border-color: #4b556b;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 4px -1px #4b556b;
}

.button--primary:focus:enabled, .button--primary:active:enabled,
.select:focus, .drill-default:focus, .drill-default.drill-focus {
	box-shadow: 0 0 3px 0 #4b556b;
}

.tab > li,
.textfield.picker__input--active,
.textfield--heading:focus,
.pager__selected,
.tab__notCurrent:hover,
.picker__select--month:focus, .picker__select--year:focus,
.picker__day--highlighted, .picker__day--selected:hover,
.picker--focused .picker__day--selected, .picker__button--clear:focus,
.picker__button--close:focus,
.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line textarea:focus,
.fr-popup .fr-checkbox input:checked + span,
.fr-popup .fr-checkbox input:focus + span,
.fr-image-resizer, .fr-image-upload-layer.fr-drop,
table td.fr-selected-cell, table th.fr-selected-cell,
.fr-table-resizer div,
.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
	border-color: #4b556b;
}

input[type="checkbox"].switch:focus + div {
	box-shadow: 0 0 .2em 1px #4b556b, 0 1px 1px hsla(0,0%,100%,.6);
}

.picker__day--today:before,
.picker__button--today:before {
	border-top-color: #4b556b;
}