/* css for new design 28-05-2022 */ .astroid-layout .astroid-wrapper{ overflow:hidden; } .search .input-group-prepend .btn{ padding: 0.4rem 10px!important; border-radius: 0 6px 6px 0; } .btn-primary{ background-color: #0094f8!important; border-color: #0094f8!important; } .search.searchPopupBlock { position: absolute; z-index: 99999; background: #ffffff; padding: 36px; right: 0; width: 40vw; box-shadow: 1px 4px 8px 0px #666; } .search.searchPopupBlock .inputbox.search-query { height: 45px; padding: 10px; } .popupsearch{ position:relative; } .searchbtn i{ color:#ff6600; } .mod-cus-place{ display:flex; justify-content: flex-end; padding: 25px 0; } .position-relative{ position:relative!important; } .moduletable.about-us .about-us{ background-size: cover; background-repeat: no-repeat; background-position: center; } .productdetails-view .product-description{ padding: 0 60px; } .hero-title{ text-align: center; padding: 35px 15px; } .banner-top:before { background: linear-gradient(to right, RGBA(255,255,255,1) 0%,RGBA(255,255,255,0.31) 100%); content: ' '; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .banner-top .astroid-banner-title{ position: relative; /*text-align: center;*/ word-wrap: break-word; } .astroid-banner-inner .astroid-banner-subtitle{ color:rgb(34,34,34)!important; } .astroid-banner-subtitle { position: relative; word-wrap: break-word; } .about-section .inner-col{ padding:55px 0 50px 0; position:relative; } .about-section .fcontent{ width: 80%; margin:0 auto; } .content-text{ text-align: justify; font-size:19.2px!important; line-height:1.6; } .contentlist{ list-style: none; } .contentlist li{ font-size:19.2px; padding:0; } .custom.hero-banner:before, .custom.hero-banner:after{ background:#262a33; } .custom.hero-banner{ position: relative; overflow: hidden; padding-bottom: 54px; background-size: cover; background-position: center; background-repeat: no-repeat; } .custom.hero-banner .banner-content{ padding:150px 0 150px; } .mouse-icon i{ font-size:60px; color:#ffffff; } .moduletable.about-us, .moduletable.hero-banner{ padding:0; margin:0; } .moduletable.about-us{ background: #262a33; } .banner-content .banner-text{ font-size:30px; line-height:45px; color:#ff6600; } /*.custom.hero-banner:before { position: absolute; right: 0; top: 100%; width: 100%; height: 1200px; content: ''; margin-top: -15%; transform: rotate(-15deg); margin-left: 12%; left: 40%; } .custom.hero-banner:after{ margin-right: 12%; right: 40%!important; position: absolute; right: 0; top: 100%; width: 100%; height: 1200px; content: ''; margin-top: -15%; transform: rotate(15deg); }*/ .color-orange{ color:#ff6600!important; } .color-blue{ color:#0094f8; } .bg-orange{ background:#ff6600!important; /*color:#ffffff;*/ } .bg-blue{ background:#0094f8; /* color:#ffffff;*/ } td.plan-heading{ position:relative; } td.plan-heading:before { content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: white; width: 6%; border-bottom: 1px solid #ffffff; border-right:1px solid #ffffff; height: 18%; transform: rotate(47deg); margin: -15px auto; } .custom.testimonial { background-repeat: no-repeat; background-size: cover; background-position: center; } .trainer-card{ margin:70px 0; padding:25px 35px 0 35px; } .trainer-card-inner{ padding:0px 35px 0 35px; } .trainer-card.right{ border-left:1px solid #dddddd; } .jd-testimonial{ border-left: 1px solid #ddd; padding: 15px; text-align: center; } .jd-testimonial.first{ border-left:none; } .jd-testi-image img{ width:90px; height:90px; border-radius:999px; } .card{ border:1px solid #ddd; border-radius:5px; box-shadow: 0px 7px 14px 0 #dddddd; } .card-body img{ width:100%; border-radius:5px 5px 0 0; } .card .card-title{ padding:10px 15px 5px; font-weight: normal; font-size:24px; margin-bottom:0; } .card .card-text{ padding:5px 15px 10px; font-size: 18px; line-height: 1.6; } .btn-learnmore-blue{ background: #0094f8 !important; /*box-shadow: 0px 20px 40px rgb(0 40 60 / 30%) !important;*/ } .btn-learnmore-orange{ background: #ff6600!important; /* box-shadow: 0px 20px 40px rgb(0 40 60 / 30%) !important; */ } .btn-outline-primary{ color: #0094f8; border-color: #0094f8; } .moduletable.trainer-section{ padding:35px 0; } .tcontent, .fcontent p, .trainer-card p{ font-size:18px; font-weight: normal; } .jd-text{ padding:0 25px 0; font-size:15px; } .jd-testi-image{ padding:25px 0; } .more-link{ font-weight: 600; } .about-section .fcontent p{ line-height: 1.6; color:#ffffff; } .t-title{ font-size:25px!important; text-align:center; margin-bottom:35px; } .footer-modules .module-title{ position: relative; color:#ff6600; } .footer-modules .module-title:before{ position: absolute; content: ' '; left: 0; right: 0; top: 0; bottom: -10px; border-bottom: 3px solid #0094f8; width: 20%; } .border-orange{ border-top: 1px solid #ff6600; } .subscribe-news{ text-align:center ; } .subscribe-news .module-title{ color:#ff6600; } .subscribe-form{ color:#ffffff; } .subscribe-form .acym_module_form input.acym__user__edit__email{ padding: 2px 15px; border-radius: 5px; border: none; } .contact-section{ position:relative; overflow:hidden; } .contact-section:before { background: rgb(0 0 0 / 70%); position: absolute; content: ' '; left: 0; right: 0; top: 0; bottom: 0; } .remove-container .category-view{ margin-bottom: 0!important; } .remove-container .category-view .category{ padding: 15px; } .build-container{ margin: 40px; } .cert-logo{ box-shadow: 0px 1px 14px 0px #ddd; border-radius: 5px; } .p100{ padding:100px 0; } .custom.hero-style{ position:relative; } .hero-style .custom.hero-style{ background-position:top; background-size:contain; background-repeat:no-repeat; background-blend-mode: overlay; } .custom.hero-style:before{ position:absolute; left:0; right:0; top:0; bottom:0; content:' '; background:linear-gradient(to right, RGBA(255,255,255,1) 0%,RGBA(255,255,255,0.31) 100%); /* background:rgba(0,0,0,0.4);*/ } .hero-style ul.breadcrumb li{ color:#ffffff; } .hero-style ul.breadcrumb li a{ color:#ff6600; } .breadcrumbs-outer{ display: flex; align-items: center; justify-content: space-around; } .container-virtuemart{ overflow: hidden; .astroid-component{ padding: 0!important; } } .hero-style{ /* background:rgba(0,148,248,0.9); */ padding:60px 0; min-height: 400px; } .bg-hero-style{ background:url('/images/content/trainingsplaene/ueberblick-trainingsplaene.png'); background-position: center; background-repeat: no-repeat; background-size: contain; position: relative; padding:160px 0; } .bg-hero-style:after{ /*background: rgba(0,148,248,0.8);*/ background:linear-gradient(to right, RGBA(255,255,255,1) 0%,RGBA(255,255,255,0.31) 100%); position: absolute; content: ''; left: 0; right: 0; top: 0; bottom:0; } .v-content.odd{ background: rgba(221,221,221,0.4); } .v-content.even{ background: #ffffff; } .v-content-inner{ padding: 3rem 1.5rem; } .container-virtuemart .browse-view{ padding:0.5rem 1.5rem; } .container-virtuemart .browse-view{ .product{ :first-child{ margin-left:0; } :last-child{ margin-right:0; } .product-container{ text-align:center; padding:30px 20px; margin:0 15px; border-radius:5px; box-shadow:0px 7px 14px 0 #ddd; .product-price{ text-align:center; float:none; } .product-field{ text-align:center; .chzn-container{ max-width:78%; } } .vm-details-button{ margin-top:15px; } } } .horizontal-separator{ background:none; } } ul.footer-menu li{ padding:0; } ul.footer-menu{ list-style:none; padding-left:0; } .v-content-inner #tabs .tabs h3{ font-size: 22px; margin:4px 0; } .v-content-inner .current dd.tabs{ background:none!important; border-top:solid 1px #dddddd!important; border-bottom: none!important; border-left:none!important; border-right:none!important; border-radius:0!important; } a.morebtn { text-decoration: underline; } .sidebar-cat ul{ list-style: none; padding-left:0; } .sidebar-cat ul li .parent-sep{ border-bottom: 1px solid #ddd; } .sidebar-cat ul li ul{ padding-left:10px; /*background:rgba(221,221,221,0.24);*/ } .VmArrowdown{ background: none!important; } .VmOpen .VmArrowdown{ display: none!important; } .VmClose .VmArrowUp{ display: none!important; } .VmClose .VmArrowdown{ font-size:14px; } .VmOpen .VmArrowUp{ cursor: pointer; float: right; width: 16px; height: 16px; padding: 0 12px; font-size:14px; } .chzn-container-single .chzn-single{ height: 40px!important; padding:6px 0 0 8px!important } div#offcanvascustom { position: fixed; left: 0; background: #ffffff; z-index: 99999; bottom: 50%; padding: 15px; box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.7); border-radius:0px 6px 6px 0px; } /*.cat-menuitem{ display: none!important; }*/ .close-gear { text-align: right; /* position: absolute; */ margin-top: 0px; margin-right: -15px; display: block; padding: 0; } .cat-menuitem{ position: fixed; left: 0; top: 0; background: #ffffff; z-index: 99999; bottom: 0; padding: 30px; box-shadow: 0px 7px 14px #000; overflow-y:scroll; overflow-x:hidden; } .geariconcat{ font-size:38px; } .pmtag-0 p{ padding: 0; margin: 0!important; } /* hdp_form form css */ #hdp_form input[type="text"]{ padding-top: 0; padding-bottom: 0; min-height: 40px; } #hdp_form input[type="radio"], #hdp_form input[type="checkbox"]{ margin-right:10px; } form#hdp_form .control-label{ font-weight: normal; } #hdp_form #hdp_Name_Dateschutzhinweis-lbl, .recaptcha.control-group .control-label{ display: none!important; } div#hdp-container { border: 1px solid #ddd; padding: 30px; box-shadow: 0px 7px 15px 0px #dddddd; border-radius: 10px; } .email-cus{ font-size:16px; } /* team page css */ .team-card{ box-shadow: 0px 7px 15px 0px #dddddd; border-radius: 5px; } /*.team-card-content { display: flex; text-align: left; } .team-card-content.even{ flex-direction: row; } .team-card-content.odd{ flex-direction: row; } .team-card .team-card-img img { width: 100%; height: auto; display: block; box-shadow: 0px 7px 14px #dddddd; border-radius: 5px; }*/ .team-card-desc p{ margin-bottom: 0; } .team-card-img{ width:40%; padding:10px; } .team-card-desc{ width: 80%; padding:10px; margin: 10px; border-radius: 5px; } .grid-team { text-align: center; box-shadow: 0px 7px 14px 0px #ddd; padding: 15px; border-radius: 5px; margin-top: 35px; position: relative; } .mem-title .h4 { padding: 15px 0 0; color: #222222; text-transform: uppercase; font-size: 18px; font-weight: bold; } .grid-team-inner{ cursor:pointer; } .team-content{ position: absolute; height: 100%; width: 100%; bottom:-100%; left:0; opacity: 0; z-index: -1; box-shadow: 0px 7px 14px 0px #dddddd; visibility: hidden; transition: 0.5s ease-in-out; transform: translate(0, -100%); background:linear-gradient( rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1)); border-radius: 5px; } .team-content-inner{ padding: 10px 15px; text-align: left; font-size:17px; line-height: 1.3; display: block; /*color:#ffffff;*/ } .team-content-inner ul{ padding-left: 15px; } .team-content.overlay{ visibility: visible; opacity: 1; z-index: 999999; } .partner-card{ min-height: 425px; } #contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea{ width: 100%; } .contact-form { box-shadow: 0px 7px 14px 0px #dddddd; border-radius: 6px; padding: 30px; } .testi-avatar{ width: 200px; height: auto; padding: 10px; } table.testiauthors { border-radius: 5px; } body.view-productdetails #tabs .tabs h3{ font-size: 22px; margin:4px 0; } body.view-productdetails .current dd.tabs{ background:none!important; border-top:solid 1px #dddddd!important; border-bottom: none!important; border-left:none!important; border-right:none!important; border-radius:0!important; } .parent ul.nav-child.unstyled { list-style: none!important; padding-left: 0px!important; } .megamenu-module .moduletable .h6{ color:rgb(0, 0, 0); font-size:18px; font-weight: 700!important; text-transform: uppercase; } .megamenu-module .navHorizontalView li{ margin: 0 2px 0 0!important; } .megamenu-module ul li{ padding:0 0 4px 0!important; } .megamenu-module ul li a{ color:rgb(51,51,51); font-size:14px!important; } .megamenu-module .deeper.parent a{ border-bottom: 1px solid rgba(0,148,248,0.4); display: block; font-weight: bold; } .megamenu-module .deeper.parent ul.nav-child li a{ border: none; font-weight: normal; } ul.mega-parents{ display: flex; flex-wrap: wrap; } .megamenu-module ul li a.menu-heading{ font-weight: 500 !important; font-size: 20px !important; } .mega-parents a.menu-sub-title { font-weight: 700!important; } /*li.item-1047.deeper.parent{ width: 38%; margin-right: 5px!important; } li.item-4913.deeper.parent { width: 41%; margin-right: 5px!important; } li.item-4102.deeper.parent { width: 20%; margin-right: 0px!important; }*/ .megamenu-module .deeper.parent a.menu-heading{ border:none; } a.menu-heading { position: relative; margin-bottom: 8px; } .astroid-header a.menu-heading:after{ position: absolute; content: ' '; left: 0; right: 0; border-bottom: 3px solid rgba(0,148,248,0.4); width: 20%; } a.menu-sub-title{ position: relative; } .astroid-header a.menu-sub-title:after { position: absolute; content: ''; left: 0; right: 0; border-bottom: 1px solid rgba(0,148,248,0.4); width: 90%; bottom: 3px; } .cat-menuitem .module-title{ border-bottom: 1px solid #0094f8 !important; padding: 6px 0; } .cat-menuitem ul.nav-child.unstyled { padding-left: 20px !important; } .faq-highlights.odd, .faq-highlights.even{ padding:15px; } .faq-highlights.odd{ border-left:2px solid #666666; background: #e1e1e1; margin: 1px; } .faq-highlights.even{ border-left:2px solid #000000; background: #dddddd; margin: 1px; } .faqs-lists{ border: 1px solid #ddd; box-shadow: 1px 7px 14px 0px #dddddd; border-radius: 6px; min-height: 450px; } .faqs-lists ul.category-module.mod-list{ padding: 0; display: block; margin: 0 25px; } .faqs-lists ul.category-module.mod-list li{ padding:0; list-style: none; } .faqs-lists ul.category-module.mod-list li a { border-bottom: 1px dotted #ddd; padding: 0 0 0px; font-size: 16px; line-height: inherit; margin: 0; display: block; } .faqs-lists ul.category-module.mod-list li:last-child a { border-bottom: 0px dotted #ddd; padding: 0 0 0px; font-size: 16px; line-height: inherit; margin: 0; display: block; } .geariconcat .title{ display: none; transition: .8s ease; } .geariconcat:hover .title{ display: inline-block; right: 100%; transform: translate(0%, 0); transition: .8s ease; } /* Article blog layout css */ .article-cus .item-image.text-none img{ width: 100%; } .faq-card-img .item-image.text-none { text-align: center; margin-bottom: -55px; position: relative; } .news-card-img .item-image.text-none{ text-align: center; margin-bottom: 0; position: relative; } .faq-card-body.has-image{ margin: 0 18px; padding: 30px 35px 35px!important; position: relative; z-index: 9; background: #ffffff; } .article-cus .article-info { position: absolute; top: -15px; background: #808080; padding: 0px 10px; } .article-cus .article-info span{ color: #fff!important; font-size: 18px; padding: 0 10px; } .faq-card-body .article-info a{ color: #fff!important; font-size: 18px; padding: 0px 10px; } /* End of Article blog layout css */ /* article News layout css */ .news-items-row .item-image a img{ width: 100%!important; } .news-items.items-leading .item a img{ width: 100%; } ul.category-module.mod-list { padding-left: 15px; } .cat-icon-menu .cat-icon-list{ list-style: none; padding:0; margin:0; display: flex; justify-content: space-around; flex-wrap: wrap; } .sidebarBFixed{ position:fixed; top:20%; right:4%; height:80vh; overflow-y:scroll; } .sidebarBabsolute{ position:absolute; bottom:0; right:0; height:80vh; overflow-y:scroll; } #sidebarB::-webkit-scrollbar { width: 0px; background: transparent; } @media (max-width: 767px){ .hero-banner{ padding:25px 0; } .searchpanel{ width: 90vw; } .hero-style{ background:rgba(0,148,248,0.9); padding:60px 0; min-height: 400px; } .moduletable.top-tool-mobile{ margin-top:-20px; display: flex; flex-wrap: wrap; justify-content: flex-end; } .moduletable.langswitcher{ display: inline-block; } .trainer-card.right{ border-left:0px solid #dddddd!important; } .jd-testimonial{ border-left:0px solid #dddddd!important; } .custom.hero-banner .banner-content{ padding:60px 0 60px!important; } .banner-content .banner-text{ font-size:24px; line-height:35px; color:#ff6600; } .trainers-mod p{ text-align:center!important; padding:30px 0; } .trainers-mod p img{ width:100%!important; } .trainer-card{ margin:0; padding:15px 0 15px; } .v-content-inner{ padding:60px 0!important; } .container-virtuemart .browse-view{ padding:3.5rem 0rem!important; } .team-card-content.even{ flex-direction: row-reverse; } .team-card-content.odd{ flex-direction: row-reverse; } .team-card-content { display: block!important; text-align: left; } .team-card-img, .team-card-desc{ width: 100%!important; } .faq-card-body.has-image { margin: 0 5px; padding: 30px 15px 35px !important; position: relative; z-index: 9; background: #fff; } .astroid-banner-inner{ height: auto!important; } table { border: 0; } table caption { font-size: 1.3em; } table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } table td { display: block; text-align: left; } table td::before { /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } table td:last-child { border-bottom: 0; } /* invoice preview css */ .span6.on-mobile { width: 100%; text-align: left; } .span6.on-mobile .dl-horizontal dt { width: 125px!important; text-align: left!important; } .span6.on-mobile .dl-horizontal dd { margin-left: 60px; } /* end invoice preview css */ /* css product Details */ div[class*="vm-col-"] { width: 100%; margin-bottom: 30px; } .vm-product-details-container .spacer-buy-area h1, .vm-product-details-container .spacer-buy-area h2{ font-size: 1.4rem!important; } .vm-product-container .vm-product-media-container{ width: 100%!important; } select { word-wrap: break-word!important; width: 100%!important; height: 35px!important; } .vm-img-desc, div#offcanvascustom{ display: none!important; } .productdetails-view .product-description{ margin-left: auto; margin-right: auto; padding-left: 35px; padding-right: 35px; } .product-fields{ text-align: left!important; } .tabs dt.tabs{ margin: 10px 0px 0px!important; width: 100%!important; } .uk-slider-container-offset{ padding: 0!important; } } @media (min-width: 768px) and (max-width: 1024px){ .productdetails-view .product-description{ margin-left: auto; margin-right: auto; padding-left: 35px; padding-right: 35px; } select { word-wrap: break-word!important; width: 100%!important; height: 35px!important; } .moduletable.top-tool-mobile{ margin-top:-20px; display: flex; flex-wrap: wrap; justify-content: flex-end; } ul.top-nav-cus{ padding: 10px; } .mod-languages.langswitcher{ position: absolute; top:10px; } div#ac-9c4fq7q54 { display: none; } .searchpanel{ width: 90vw; } } @media (min-width: 992px){ .astroid-header-section .astroid-header-sticky .astroid-logo .astroid-logo-sticky { display: block !important; width: 320px; padding: 20px; } } @media (min-width: 1200px){ .container{ max-width:1350px!important; } } div.search input.search-query { border-radius: 0; border: 1px solid #ddd; padding: 3px; width: 80%; margin-right: 10px; } #finder-search.form-inline label{ display: inline-block!important; } /* --------- mini cart css ------- */ .vmCartModule.minicart, div#vmCartModuletopminicart { position: absolute; right: 0; z-index: 999999; background: #fff; width: 50%; top: 60px; box-shadow: 1px 3px 13px -5px #222; border-radius: 10px; } .vmCartModule.minicart .vmCardModule-inner{ padding: 0 30px 60px; } .close-cart-btn{ text-align: left; } a.close-cart{ padding:3px; } ul.top-nav-cus{ list-style: none; display: flex; } ul.top-nav-cus li.top-nav-item{ } .min-cart-icon{ position: relative; } sup.cart-quantity { top: -1.4em; font-size: 13px; background: orange; border-radius: 50%; width: 20px; height: 20px; color: #fff; position: absolute; line-height: 1.5; right: 10px; font-weight: bold; } ul.top-nav-cus li.top-nav-item a { border-right: 2px solid #ff6600; padding: 0 10px; position: relative; } .show_cart a.details{ border: 1px solid #CAC9C9!important; } ul.top-nav-cus li.top-nav-item:last-child a, .minicart a{ border-right: 0px solid #ff6600!important; } .vm_cart_products .vmcontainer .product_row{ text-align: left!important; } .vm_cart_products { border-bottom: 2px solid #dddd; margin-bottom: 20px; } .show_cart{ margin-top: 20px; } /* --------- mini cart css ------- */ /*.nav-item-id-1046 .megamenu-container{ display: block!important; }*/ /* product cat view */ .browse-view .row .product .spacer{ padding: 15px; } .spacer.product-container{ margin: 10px; text-align: center; } .spacer.product-container .product-price{ text-align: center!important; float: none!important; } .browse-view .row .product .spacer img{ /*height: 180px!important;*/ } p.prod-title.h5{ font-size: 1.5rem!important; } .category-view .horizontal-separator{ margin: 0!important; } .vm-details-button a { width: 90%; font-size: 1rem; } .addtocart-button .carbtn{ width: 100%; } .product-field-display .vmcustom-textinput{ width: 100%; }