/*Theme Name:beflash.AIAuthor:beflashVersion:1.0*/
@media only screen and (min-width:1680px){.checkout-breadcrumbs{padding:15px 0;}
.checkout-breadcrumbs a{display:inline-flex;align-items:center;color:#ccc;}
.checkout-breadcrumbs .divider{margin:0 .5em;top:2px;}
.breadcrumb-step{display:inline-block;width:1.5em;height:1.5em;margin:0 .5em;border-radius:99px;background-color:#ccc;color:#fff;font-size:.7em;font-weight:bolder;line-height:1.5em;text-align:center;position:relative;}
.current .breadcrumb-step{background-color:var(--red);}
.page-header-wrapper .pb-half{padding-top:60px !important;padding-bottom:60px;opacity:1 !important;}
}
@media only screen and (max-width:1550px){.single-post .blog-featured-title .entry-meta{margin-left:0;}
}
@media only screen and (max-width:1480px){.scroll-to-bullets{display:none !important;}
.standart-apps h2,.standart-apps h3{padding-left:0 !important;}
}
@media only screen and (min-width:1450px){.sidebar-menu-tabs a{font-size:110px !important;}
.glossary-container .ln-letters a{font-size:2rem !important;font-weight:400;}
.scroll-text-block .scroll-text{font-size:8rem !important;}
}
@media only screen and (max-width:1450px){.blog-share{text-align:center !important;}
.blog-share .button.icon{display:inline-block;min-width:auto !important;}
.social-button>i,.social-button>span,.social-icons .button.icon:hover>i,.social-icons .button.icon:hover>span,.social-icons .button.icon:not(.is-outline)>i,.social-icons .button.icon:not(.is-outline)>span{color:var(--color10) !important;font-size:1.6rem;margin-left:.3em !important;margin-right:.3em !important;opacity:1 !important;}
.social img,.social-menu img,.social-menu-top img{width:82.5px;height:82.5px;position:relative;}
.social .instagram .img-inner,.social .linkedin .img-inner,.social .pinterest .img-inner,.social .x .img-inner,.social-menu .instagram .img-inner,.social-menu .linkedin .img-inner,.social-menu .pinterest .img-inner,.social-menu .x .img-inner{width:100%;height:220px !important;max-height:220px !important;}
}
@media only screen and (max-width:1320px){.archive-page-header .large-12 h1{padding:0 15px;}
.article-inner .banner .img{width:60% !important;}
.form-row-first,.form-row-last{float:left;width:100% !important;max-width:100% !important;min-width:100% !important;}
.single-page .banner img{height:380px;}
}
@media only screen and (max-width:1260px){.select-typ .post-item,.select-typ .large-4{flex-basis:50%!important;;max-width:50%!important;;}
.related-page-code .col-inner{width:50% !important;}
#main .projekt-link .box-text::before{display:none !important;}
.accordion .toggle{display:none;}
}
@media only screen and (max-width:1129px){.banner-layers .breadcrumb a,.section-content .breadcrumb a,.single-post .breadcrumb a{margin-right:-3px;}
.medium-text-center .pull-left,.medium-text-center .pull-right{float:none;}
#main .social-menu .large-3{padding:unset !important;}
.single-post .large-3{padding:0 15px 0 30px;}
.single-post .large-9{padding:0 30px 0 15px !important;}
.article-inner .banner .img{width:70% !important;}
span.widget-title{font-size:.85em !important;}
.tagcloud a{padding:2px 3px !important;}
.blog-share .button.icon{display:inline-block;}
.social-button>i,.social-button>span,.social-icons .button.icon:hover>i,.social-icons .button.icon:hover>span,.social-icons .button.icon:not(.is-outline)>i,.social-icons .button.icon:not(.is-outline)>span{color:var(--color10) !important;font-size:1.4rem !important;margin-left:unset !important;margin-right:unset !important;}
.social img,.social-menu [class*="image-"] img{width:50px !important;height:50px !important;}
.icon-envelop::before{width:24px !important;top:-6px;}
.three-steps .col-inner,.step-1,.step-2,.step-3{max-width:600px !important;width:100% !important;margin:0 auto !important;}
.step-1 img,.step-2 img,.step-3 img{max-width:600px !important;width:100% !important;margin:0 auto !important;text-align:center !important;}
}
@media only screen and (max-width:1024px){.nextpost .has-hover .box-text a:not(.button),.nextpost .has-hover .box-text h5,.nextpost .has-hover .box-text h6,.nextpost .has-hover:hover .box-text a:not(.button),.nextpost .has-hover:hover .box-text h5,.nextpost .has-hover:hover .box-text h6{font-family:"VoldaSans",sans-serif !important;font-size:1rem !important;margin-top:0 !important;margin-bottom:0 !important;}
.small-columns-2>.col{flex-basis:50% !important;max-width:50% !important;}
.ln-letters a{font-size:16pt !important;}
.accordion-title{font-size:60px;}
.widget_categories a{font-size:1.6rem !important;line-height:1.6;}
.sidebar-menu-top-content{height:19.6px !important;}
.flickity-page-dots .dot{width:110px !important;height:20px !important;}
.box-text .h6,h6{font-size:1.4rem;}
.content-support-faq{width:100% !important;}
.pay-select{height:auto !important;min-height:auto !important;max-height:revert !important;}
.contact-adress:first-of-type{padding:0 !important;}
.support-mini-shop .support-select-delivery .col-inner,.support-mini-shop .support-select-legally .col-inner{padding-top:55px;}
.footer-widgets-new .adress-overload{top:0px !important;}
}
@media screen and (min-width:850px){.banner-basic-start-1{width:100% !important;top:0;background-color:rgba(17,17,20,.2);background-repeat:no-repeat !important;background-size:cover;max-height:1020px !important;height:1020px !important;}
.banner-data,.banner-landing.banner-basic,.banner-service,.banner-service-webdesign,.banner-service-wordpress,.banner-service-digital,.banner-service-uidesign,.banner-contact,.banner-basic-blog,.banner-basic-about,.banner-basic-tech{position:relative;max-height:920px !important;height:920px !important;}
}
@media screen and (max-width:850px){.content-service-post .grid-col-1-2{height:100px !important;}
}
/* Menü auch auf Bildschirmen bis 849px sichtbar machen ***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (max-width:849px){.flex-col.hide-for-medium.flex-right{display:flex !important;/* Wichtig:flex statt block,da es eine Flexbox ist */
 /* visibility:visible !important;*/
 opacity:1 !important;}
/* Sicherstellen,dass die innere Navigationsliste auch angezeigt wird ***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 .flex-col.hide-for-medium.flex-right .header-nav{display:flex !important;}
.has-transparent .header-inner{/* position:relative!important;*/
 /* top:20px !important;*/
}
.stuck .header-inner{position:relative !important;top:0px !important;}
.hide-for-medium,[data-show="hide-for-medium"]{display:block !important;}
}
/* Erzwingt Sichtbarkeit für den Login-Bereich auf Tablets (max 849px) */
@media (max-width:849px){/* Wir zielen spezifisch auf den Header-Inhalt ab */
 .header-main .header-inner .flex-col.hide-for-medium.flex-right,.header-main .flex-col.hide-for-medium.flex-right{display:flex !important;visibility:visible !important;opacity:1 !important;position:relative !important;/* Verhindert absolute Positionierungs-Probleme */
}
/* Falls das UL versteckt ist */
 .header-main .flex-col.hide-for-medium.flex-right ul{display:flex !important;}
}
/* ***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (max-width:849px){.banner .text-box .text-box-content{margin-right:10px !important;}
.top-anmelden,.top-ausloggen{position:fixed;display:block;right:15px!important;top:-5px !important;}
.select-typ .post-item,.select-typ .large-4{flex-basis:100% !important;max-width:100% !important;}
#main li,#main li a,#main p,#main p a,blockquote,body,dl,figure,form,li,ol,p,pre,ul{margin-bottom:0em;line-height:1.6 !important;letter-spacing:0 !important;font-size:1.25rem !important;}
#main p, p {margin-bottom:1.6em !important}
.stuck .header-main .flex-right{position:relative;top:2px !important;}
.scroll-text-block .scroll-text{margin-bottom:0px !important;}
.scroll-to-bullets,.scroll-to-bullets a{display:none !important;}
.sidebar-menu-tabs a{font-size:50px !important;}
.header-inner .nav{flex-wrap:nowrap;top:0px !important;}
#main .install-table .col-inner a,#main .install-table .col-inner ol li{font-size:1rem !important;}
.install-table .col-inner{padding:15px 15px 15px 15px !important;}
.blog .post-meta{text-align:right;font-size:10px !important;font-family:"Lexend Exa",sans-serif !important;color:#ee5c2e;letter-spacing:0;font-weight:400 !important;opacity:1 !important;text-shadow:0 0 0 transparent !important;max-height:20px;min-height:20px;}
/* bild recht responsive abstand *******************************************************************************************************************************************************************************************************************/
 .content-img-page img{margin-bottom:55px}
/* Produkt Kategorien. ***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 .small-columns-2>.col{flex-basis:100% !important;max-width:100% !important;}
/* Produkt Kategorien */
 .featured-title .page-title-inner{padding-top:210px !important;padding-bottom:220px !important;}
.has-hover .box-text .portfolio-year{bottom:620px !important;}
.article-inner .banner .img{width:80% !important;}
.nav-dropdown-simple{display:none;}
.sidebar-menu-top-content{height:120px;}
.medium-4,.medium-8,.large-6{flex-basis:100% !important;max-width:100% !important;}
.social img,.social-menu img,.social-menu-top img{width:55px;height:55px;position:relative;}
.lightbox-content,.off-canvas-left .mfp-content,.off-canvas-right .mfp-content{padding:15px 15px 35px 15px !important;margin:110px 0 110px 0 !important;}
.themenreihe .message-box h2,#comments .comment-respond .comment-reply-title,.cart-popup-inner .cart-popup-title,.cart-popup-title .uppercase,.cart-popup-title>span,.lightbox-content .col:first-of-type h3,.lightbox-content h3,div#ez-toc-container .ez-toc-title{font-size:2rem !important;letter-spacing:0 !important;color:var(--color7) !important;margin-bottom:2rem !important;}
.ez-toc-list{position:relative;top:-28px;}
.single-post .products-minimal,.related-page-code{display:none !important;}
.app-service-tiles__grid{grid-template-columns:1fr !important;}
.app-service-tile{height:auto !important;min-height:unset !important;}
.app-service-tile__icon{width:3rem !important;height:3rem !important;color:#fff !important;filter:invert(.1) !important;}
.app-service-tile__icon svg{width:1.75rem !important;height:1.75rem !important;color:#fff !important;}
.medium-text-center .pull-left{float:left !important;}
#menu-footer-bottom-shortcut li a{font-size:.75rem !important;}
#menu-footer-bottom-shortcut .medium-text-center{float:left !important;text-align:left !important;width:100% !important;}
.copyright-footer{position:relative;left:0;margin-bottom:55px;text-align:left;}
.follow-us{position:relative !important;top:-242px !important;}
}
@media only screen and (max-width:768px){.box-text h1,.box-text h2,.box-text h3,.box-text h4,.box-text h6{font-size:1.2rem !important;}
.accordion-title{font-size:45px !important;}
.header-main{height:70px !important;transition:max-height .8s !important;}
.archive-page-header .large-12 h1{font-size:2rem !important;line-height:1.1 !important;}
#search-lightbox{font-size:1.5em;margin:0 auto;position:relative;top:0 !important;width:100% !important;max-width:700px !important;text-align:center;}
.searchform .button{font-size:unset !important;}
.autocomplete-suggestion img{width:60px !important;height:60px !important;}
.autocomplete-suggestion img+.search-name,.autocomplete-suggestion strong{font-size:.8rem !important;}
.callbox .button,.callbox-design .button,.callbox-digital .button{font-size:1.2rem !important;}
.footer-1,.footer-2{border-top:0 solid transparent !important;padding-bottom:4rem;}
#wrapper>.message-wrapper{position:absolute;top:90px;right:0 !important;left:0 !important;z-index:99;margin:0 auto;padding-top:.65em;padding-bottom:.75em;margin-bottom:10px;text-align:center;font-size:.8em;background-color:transparent;}
#ez-toc-container{margin:55px 0 !important;}
.lightbox-content,.off-canvas-left .mfp-content,.off-canvas-right .mfp-content{padding:15px 15px 35px !important;margin:55px 0 !important;}
.inner-content-pics{margin-top:2px;margin-bottom:28px !important;}
.glossary-link-title{font-size:20px !important;}
.single-post .large-3{padding:55px 15px 0 15px !important;}
span.widget-title{font-size:1.2em !important;}
.tagcloud a{font-size:1.2rem !important;padding:6px 3px 0 !important;line-height:2;}
.kontakt .left,.kontakt .text{flex-basis:100% !important;max-width:100% !important;}
.kontakt .text{padding-left:0 !important;}
.product-info .price{font-size:1.4em !important;}
.woocommerce-tabs{width:100% !important;font-size:3rem !important;}
.woocommerce-tabs a{font-size:3rem !important;}
.nav-tabs+.tab-panels{padding:10px;}
.umwelt .text-box{width:90% !important;}
.widget_categories a{font-size:1.4rem !important;line-height:1.4;}
.widget_categories li{margin-bottom:.5em !important;}
.faq .accordion-title{font-size:1rem;opacity:1;}
.related-page-code h3{font-size:2rem !important;}
#ez-toc_container li,#ez-toc_container li a,#ez-toc_container ul,#ez-toc_container ul a{line-height:1.6 !important;letter-spacing:.5px !important;}
#main ul,#ez-toc_container ul{margin-top:.3rem !important;margin-bottom:.3rem !important;}
#ez-toc-container li a{font-size:1rem !important;}
#ez-toc-container ul ul{margin-left:0 !important;}
.page-id-730436,.page-id-730436 [data-animate]{opacity:1 !important;}
span.glossaryLink:after{background-size:16px 16px !important;}
.app-service-tiles__grid{grid-template-columns:1fr !important;}
.app-service-tile{height:auto !important;min-height:unset !important;}
.app-service-tile__icon{width:3rem !important;height:3rem !important;color:#fff !important;filter:invert(.1) !important;}
.app-service-tile__icon svg{width:1.75rem !important;height:1.75rem !important;color:#fff !important;}
.back-to-top{width:86px !important;height:86px !important;background-color:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.6) !important;}
.back-to-top.icon.circle>i:only-child{margin:0;right:12.5px !important;top:-15px;}
.ln-letters a{font-size:16pt !important;}
}
@media only screen and (max-width:549px){ 
.stuck .header-main .flex-right{position:relative;top:9px !important;}
	.top-anmelden,.top-ausloggen {
    position: fixed;
    display: block;
    right: 15px;
    top: -8px !important
}
#menu-footer-bottom-shortcut li a{font-size:.65rem !important;}
#main .nextpost .has-hover .box-text a:not(.button),#main .nextpost .has-hover .box-text h5,#main .nextpost .has-hover .box-text h6,#main .nextpost .has-hover:hover .box-text a:not(.button),#main .nextpost .has-hover:hover .box-text h5,#main .nextpost .has-hover:hover .box-text h6{font-family:"VoldaSans",sans-serif !important;font-size:1rem !important;margin-top:0 !important;margin-bottom:0 !important;}
}
@media only screen and (max-width:449px){.accordion-title{font-size:35px !important;}
}
@media only screen and (max-width:349px){.stuck .header-main .flex-right{position:relative;top:16px !important;}
.accordion-title{font-size:25px !important;}
}