 /**
 * This Software is property of ACTIVETRAFFIC and TMEDIA is protected by
 * copyright law - it is NOT Freeware.
 * Any unauthorized use of this software without a valid license agreement
 * will be prosecuted by civil and criminal law.
 *
 * @link        http://www.activetraffic.de, http://www.tmedia.de 
 * @projectlink	http://www.flexia.de
 * @authors     Mario Krell <mario.krell@activetraffic.de>, Johannes Teitge <teitge@tmedia.de>  
 * @copyright   (C) ACTIVETRAFFIC and TMEDIA 2018-2019
 * @module      Flexia's Markdown
 * @version     15.04.2019 1.0.0
 */

 @media only screen and (min-width: 320px) {

     .light h3,
     .light p {
         color: #fff;
     }

     .fusion-fullwidth.full-width-bg {
         margin-left: calc(((100vW - 100%) / 2) * (-1));
         margin-right: calc(((100vW - 100%) / 2) * (-1));
         padding-left: 30px !important;
         padding-right: 30px !important;
     }

     /* Element Artikelboxen */
     .mk-oxid-api-productbox.productBox {
         display: flex;
         flex-direction: column;
     }

     .mk-oxid-api-productbox.productBox {
         width: 100%;
         padding: 0;
         margin-bottom: 50px;
     }

     .mk-oxid-api-productbox.productBox .product-data:last-child {
         margin-top: auto;
     }

     .mk-oxid-api-productbox.productBox .listDetails {
         margin-bottom: 0;
     }

     .mk-oxid-api-productbox.productBox .picture {
         padding: 18% 15px;
         background-color: #fff;
         border-radius: 5px;
         box-shadow: 0 10px 50px rgb(0 0 0 / 8%), 0 13px 45px rgb(0 0 0 / 8%);
         margin-bottom: 25px;
         min-height: 280px;
         height: auto;
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .mk-slider-product-list .mk-oxid-api-productbox.productBox .picture {
         box-shadow: none;
     }

     .mk-oxid-api-productbox.productBox .picture a {
         height: auto;
     }

     .mk-oxid-api-productbox.productBox .picture img {
         width: 100%;
     }

     .mk-oxid-api-productbox.productBox .title {
         font-size: 15px;
         font-weight: normal;
         line-height: normal;
         margin-top: 4px;
         margin-bottom: 0 !important;
     }

     .mk-oxid-api-productbox.productBox .title a:hover {
         text-decoration: none;
         color: #676767;
     }

     .mk-oxid-api-productbox.productBox.text-white .title a:hover {
         color: #ffffff;
     }

     .mk-oxid-api-productbox.productBox .mk-oxid-api-art-no {
         font-size: 12px;
         font-weight: normal;
         line-height: normal;
         margin: 0;
         color: #999999;
     }

     .mk-oxid-api-productbox.productBox .cat-title {
         line-height: normal;
         font-size: 12px;
         color: #676767;
     }

     .mk-oxid-api-productbox.productBox.text-white .cat-title {
         color: #ffffff;
     }

     .mk-oxid-api-product-subtitles {
         line-height: 20px;
         font-size: 14px;
     }

     .mk-oxid-api-productbox.productBox .oldPrice {
         line-height: normal;
     }

     .mk-oxid-api-productbox.productBox .oldPrice del,
     .mk-oxid-api-productbox.productBox .price,
     .mk-oxid-api-productbox.productBox .price-box>div:first-child {
         line-height: 22px;
     }

     .mk-oxid-api-productbox.productBox .oldPrice del.product-nprice,
     .mk-oxid-api-productbox.productBox .n-price {
         line-height: normal;
         font-size: 12px;
     }

     .mk-oxid-api-productbox.productBox .n-price.c-999 {
         color: #444;
     }

     .mk-oxid-api-productbox.productBox .n-price.text-white {
         color: #ffffff;
     }

     .mk-oxid-api-productbox.productBox {
         width: 100%;
     }

     .mk-oxid-api-productbox .mk-oxid-api-label.label-color-red {
         background-color: #e20018;
     }

     .mk-oxid-api-productbox .mk-oxid-api-label.label-color-yellow {
         background-color: #c4cb5c;
     }

     .mk-oxid-api-productbox .mk-oxid-api-label.label-color-blue {
         background-color: #035ca8;
     }

     .mk-oxid-api-productbox .mk-oxid-api-label.label-color-black {
         background-color: #000;
     }

     .mk-slider-product-list .mk-oxid-api-productbox .mk-oxid-api-label,
     .mk-oxid-api-articlelist .mk-oxid-api-productbox .mk-oxid-api-label {
         position: absolute;
         left: -20px;
         top: 20px;
         font-size: 14px;
         padding: 3px 9px;
         text-transform: uppercase;
         vertical-align: text-bottom;
         color: #fff;
         font-weight: bold;
         border-radius: 11px;
         line-height: normal;
     }

     .mk-slider-product-list .mk-oxid-api-productbox .mk-oxid-api-label+.mk-oxid-api-label,
     .mk-oxid-api-articlelist .mk-oxid-api-productbox .mk-oxid-api-label+.mk-oxid-api-label {
         top: 45px;
     }

     /* Verlinkung mit Pfeil */
     @keyframes ctaArrowTextStart {
         0% {
             transform: translateX(6px);
         }

         100% {
             transform: translateX(0);
         }
     }

     @keyframes ctaArrowTextEnd {
         0% {
             transform: translateX(0);
         }

         100% {
             transform: translateX(6px);
         }
     }

     @keyframes ctaArrowLineStart {
         0% {
             transform-origin: left;
             transform: scaleX(1.2) translateY(calc(-50% + 0.5px)) translateZ(0);
         }

         100% {
             transform: scaleX(1) translateY(calc(-50% + 0.5px)) translateZ(0);
         }
     }

     @keyframes ctaArrowLineEnd {
         0% {
             transform-origin: right;
             transform: scaleX(1) translateY(calc(-50% + 0.5px)) translateZ(0);
         }

         50% {
             transform-origin: right;
             transform: scaleX(0) translateY(calc(-50% + 0.5px)) translateZ(0);
         }

         51% {
             transform-origin: left;
         }

         100% {
             transform: scaleX(1.2) translateY(calc(-50% + 0.5px)) translateZ(0);
             transform-origin: left;
         }
     }

     .arrow-links a {
         padding: 0 0 0 25px;
         position: relative;
         line-height: 20px;
         display: block;
     }

     .arrow-links a:hover {
         animation: ctaArrowTextEnd 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards;
         text-decoration: none;
     }

     .mk-oxid-api-productbox.productBox:hover .product-data>a,
     .arrow-links[style="color:#035ca8;"] a:hover {
         color: #035ca8;
     }

     .arrow-links a:before {
         height: 1px;
         width: 15px;
         position: absolute;
         content: '';
         left: 0;
         display: block;
         top: 45%;
         background-color: #035ca8;
         transform-origin: left;
         -webkit-transform: translateY(calc(-50% + 0.5px)) translateZ(0);
         transform: translateY(calc(-50% + 0.5px)) translateZ(0);
         animation: ctaArrowLineStart 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards;
     }

     .arrow-links a:hover:before {
         animation: ctaArrowLineEnd 0.45s cubic-bezier(0.23, 0.46, 0.4, 1) forwards;
         left: -5px;
     }

     .arrow-links a:after {
         position: absolute;
         left: 0%;
         top: 50%;
         width: 16px;
         font-size: 15px;
         opacity: 0;
         transition: opacity 100ms ease-out;
         color: #035ca8;
         content: "\e90e";
         right: -10px;
         padding-left: 5px;
         font-family: christiani;
         transform: translateY(-50%);
     }

     .arrow-links.white a:before {
         background-color: #ffffff;
     }

     .arrow-links.white a:after {
         color: #ffffff;
     }

     .arrow-links a:hover:after {
         opacity: 1;
         transition: opacity 50ms 0.40s ease-out;
     }

     /* Checkliste mit Icon */
     .checklist {
         display: flex;
         flex-flow: row wrap;
     }

     .checklist-item {
         display: flex;
         align-items: center;
         flex-basis: 100%;
         margin-bottom: 40px;
         color: #676767;
         padding-right: 25px;
         hyphens: auto;
         -webkit-hyphens: auto;
         -moz-hyphens: auto;
         -ms-hyphens: auto;
     }

     .checklist-item span {
         padding-right: 10px;
     }

     .checklist-item i {
         font-size: 37px;
         padding-right: 10px;
     }

     /* Block Prüfungen und Veranstaltungen */
     .free-webinare .fusion-button,
     .exams-buttons .fusion-button {
         font-size: 12px;
         padding: 10px;
         box-shadow: none !important;
     }

     .exams-buttons .fusion-button {
         margin-right: 10px;
     }

     .free-webinare .fusion-button:hover,
     .exams-buttons .fusion-button:hover {
         text-decoration: none;
         box-shadow: 0 14px 10px 0 #00000025 !important;
         transform: translateY(-3px);
         -ms-transform: translateY(-3px);
         -webkit-transform: translateY(-3px);
     }

     /* Fusion events Element */
     #wrapper .fusion-events-wrapper>.fusion-events-post {
         border-top: 1px solid rgba(0, 0, 0, 0.12);
         /* bestehend - Ã¤ndern */
         padding: 18.5px 0 18.5px 55px !important;
     }

     #wrapper .light .fusion-events-wrapper>.fusion-events-post {
         border-color: #e20018;
     }

     #wrapper .fusion-events-shortcode {
         margin-left: 0 !important;
         margin-right: 0 !important;
     }

     #wrapper .fusion-events-wrapper>div.fusion-events-post:first-child {
         border-top: none;
     }

     #wrapper .fusion-events-shortcode .fusion-events-thumbnail {
         display: none;
         border: none;
     }

     #wrapper .fusion-events-content-wrapper {
         padding: 0 !important;
     }

     #wrapper .fusion-events-shortcode .fusion-layout-column .fusion-column-wrapper {
         border: none;
     }

     #wrapper .fusion-events-shortcode .fusion-events-meta h3,
     #wrapper .fusion-events-shortcode .fusion-events-meta p {
         font-size: 15px;
         letter-spacing: normal;
         line-height: 25px;
         max-height: 50px;
         overflow: hidden;
     }

     #wrapper .fusion-events-shortcode .fusion-events-meta p {
         padding-left: 25px;
         position: relative;
     }

     #wrapper .fusion-events-shortcode .fusion-events-meta p i {
         position: absolute;
         left: 0;
         top: 50%;
         transform: translateY(-50%);
     }

     #wrapper .fusion-events-meta h3 a {
         font-weight: 600;
         color: inherit;
     }

     #wrapper .fusion-events-meta p {
         font-weight: 400;
     }

     #wrapper .light h2 a,
     #wrapper .light h4 {
         color: #fff !important;
     }

     #wrapper .fusion-events-shortcode .fusion-events-post::before {
         content: "\f133";
         position: absolute;
         color: #e20018;
         font-family: "Font Awesome 5 Free";
         font-size: 38.5px;
         left: 0;
         line-height: normal;
     }
 }

 @media (min-width: 450px) {
     .checklist-item {
         flex-basis: 50%;
     }
 }

 @media (min-width: 768px) {
     .fusion-fullwidth.full-width-bg {
         padding-left: 15px !important;
         padding-right: 15px !important;
     }

     .mk-oxid-api-articlelist.mk-oxid-api-flexbox {
         display: flex;
         height: 100%;
     }

     .mk-oxid-api-productbox.productBox {
         width: 100%;
         margin-bottom: 0;
     }

     .mk-oxid-api-productbox.productBox .picture {
         padding: 11% 15px;
         max-width: 280px;
         min-height: 350px;
     }

     #wrapper.sidebarLeft .mk-oxid-api-productbox.productBox .picture {
         min-height: 270px;
     }

     .checklist-item {
         flex-basis: 33.333333%;
     }
 }

 @media (min-width: 991px) {
     .fusion-fullwidth.full-width-bg {
         padding-left: 30px !important;
         padding-right: 30px !important;
     }

     .mk-oxid-api-productbox.productBox .picture {
         min-height: 280px;
     }
 }

 @media (min-width: 1024px) {
     .fusion-fullwidth.full-width-bg {
         padding-left: 0 !important;
         padding-right: 0 !important;
     }

     .fusion-fullwidth.full-width-bg>.fusion-builder-row {
         flex: 0 0 calc(100% - (((100vW - 100%) * (-1)) + 60px));
         max-width: 977px !important;
     }

     .mk-oxid-api-productbox.productBox .picture {
         height: 280px;
         width: auto;
     }
 }

 @media (min-width: 1200px) {
     .checklist-item {
         flex-basis: 19.8%;
     }

     .fusion-fullwidth.full-width-bg>.fusion-builder-row {
         max-width: 1170px !important;
     }

     .mk-oxid-api-productbox.productBox .picture {
         padding: 14% 15px;
         min-height: 333px;
     }
 }

 @media (min-width: 1300px) {
     .fusion-fullwidth.full-width-bg>.fusion-builder-row {
         max-width: 1245px !important;
     }
 }

 /* Important Fusion Styles */

 @media (max-width: 640px) {
     body .sm-text-align-right {
         text-align: right !important;
     }

     body .sm-text-align-left {
         text-align: left !important;
     }

     .fusion-no-small-visibility {
         display: none !important;
     }
 }

 @media screen and (min-width: 641px) and (max-width: 1024px) {
     body .md-text-align-right {
         text-align: right !important;
     }

     body .md-text-align-left {
         text-align: left !important;
     }

     .fusion-no-medium-visibility {
         display: none !important;
     }
 }

 @media screen and (min-width: 1025px) {
     .fusion-no-large-visibility {
         display: none !important;
     }
 }

 /* ENDE Important Fusion Styles */
