/* Theme Name: NGS Version: 1.0 Author: Joar Staab URL: members.go-livit.de; Template: enfold */ /*--- TEXT ALIGN ---*/ .left {text-align:left !important;} .right {text-align:right !important;} .center {text-align:center !important;} .justify {text-align:justify !important;} .hidden {visibility: hidden;} /*--- FONT COLOR ---*/ .white {color:#fff !important;} .black {color:#000 !important;} .primary {color: #77bc63 !important; background-image: linear-gradient(45deg,#77bc63,#537c48) !important; text-shadow: none; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;} .secondary {color: #537c48 !important;} .tertiary {color: #2b2b2b !important;} .grey {color: #d5d5d5 !important;} /* --- BACKGROUND COLOR --- */ .bg-black {background-color:#fff !important} .bg-white {background-color:#fff !important;} .bg-primary {background:#77bc63 !important;} .bg-secondary {background: #537c48 !important} .bg-tertiary {background: #ebebeb !important;} .bg-default{background: #f7f7f7 !important} .bg-gradient {background: linear-gradient(to top,#fff 0,#f7f7f7 100%) center center no-repeat fixed;} /*--- FONT STYLING ---*/ body {font-family:'-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Arial','Noto Sans',sans-serif !important; box-sizing:border-box; color:#000; font-weight:400 !important; font-style:normal; font-size:16px ; line-height:1.5;} a { color: #77bc63; font-weight: 400; text-decoration: underline; text-decoration-color: rgba(119, 188, 99,.8); text-underline-position: under; font-weight: 500; word-break: break-word; cursor:pointer;} a:hover, a:focus { color: #537c48; text-decoration-color: rgba(83, 124, 72,.8) !important; text-underline-position: under; font-weight: 500; word-break: break-word;} p {font-family:'-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Arial','Noto Sans',sans-serif !important; font-size:16px ; line-height:1.33; margin:20px 0; font-weight:400 !important;} small, .small {font-size:12px !important; line-height:1.3 !important} * {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} /*---All - Headlines---*/ h1, .hl-xl, h2, .hl-l {font-family:'-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Arial','Noto Sans',sans-serif !important; font-weight:normal !important; font-style:normal !important; text-transform:none !important; letter-spacing:0px !important} h3, .hl-m, h4, .hl-s, h5, .hl-xs, h6, .hl-xxs {font-family:'-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Arial','Noto Sans',sans-serif !important; font-weight:normal !important; font-style:normal !important; text-transform:none !important; letter-spacing:0px !important} h1, .hl-xl {font-size:67px; line-height:1.33;} h2, .hl-l {font-size:50px; line-height:1.33;} h3, .hl-m {font-size:37px; line-height:1.33} h4, .hl-s {font-size:28px; line-height:1.33;} h5, .hl-xs {font-size:21px; line-height:1.33} h6, .hl-xxs {font-size:16px; line-height:1.33} h1.underline {width: 200px; margin: 0 auto; border-bottom: 4px solid #77bc63; padding: 0 0 20px 0;} /*---All - Font Styles---*/ b, strong {font-weight:600 !important} .normal {font-weight:400 !important; font-style:normal !important; text-transform:none !important} .light {font-weight:200 !important} .semi-light {font-weight:300 !important} .regular {font-weight:400 !important} .medium {font-weight:600 !important} .bold {font-weight:900 !important;} .heavy {font-weight:900 !important} .italic {font-style:italic} .upper {text-transform:uppercase !important} #top a.content-link {color: var(--black); text-decoration: underline; text-decoration-color: currentcolor; -webkit-text-decoration-color: rgba(0,0,0,.25); text-decoration-color: rgba(0,0,0,.25); text-underline-position: under; font-weight: 500; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} #top a.content-link:hover, #top a.content-link:focus {-webkit-text-decoration-color: var(--primary); text-decoration-color: var(--primary); color: var(--primary);} /*---All - Text Alignment---*/ .align-left {text-align:left !important} .align-right {text-align:right !important} .align-center {text-align:center !important} .align-justify {text-align:justify !important; text-justify:inter-word !important} /*---All - Floats---*/ .float-left {float:left !important} .float-right {float:right !important} .float-none {float:none !important} /*---All - Padding---*/ #top .no-padding {padding: 0px !important} .padding-5 {padding:5px !important} .padding-10 {padding:10px !important} .padding-20 {padding:20px !important} .padding-25 {padding:25px !important} .padding-head {padding-right: 15px !important;} .margin-top-30 {padding-top: 30px;} /*---All - Margin---*/ .margin-5 {margin-right: 5px; margin-left:5px;} /*---All - Lists---*/ #top ul {margin:0} #top ul.borderlist-not {list-style:square inside !important} #top ul li {padding:0; margin:0 !important; font-size:14px !important; color:#3C424F; -webkit-text-fill-color: initial !important;} #top ul.square {list-style-type:square; margin-left:15px; line-height:24px !important} #top ul.disc {list-style-type:disc; margin-left:15px; line-height:24px !important} #top ul.disc.primary li::marker {color:#77bc63 !important} #top ul.none {list-style-type:none} #top ul.hidden {list-style-type:disc} #top ul.icon-list {list-style-type:none} #top ul.icon-list::before {content:''; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; } #top ul.icon-list li::before {display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased;} /*---All - Hide content---*/ .desktop-hidden {display:block !important} .mobile-hidden {display:none !important} .hidden {display:none !important} /*--- LOGO STYLES ---*/ #top .logo, #top .logo a {height: 100% !important;} #top .logo img {height: 50px; top: 50%; transform: translateY(-50%);} #top #header_meta {background: #f7f7f7 !important; margin-top: 10px;} #top #header_meta .phone-info a {font-weight: 900 !important;} #top #latest-topic-banner {position: relative; top: 0; width: 100%; background-color: #44ae3e; color: #fff; text-align: center; padding: 5px; z-index: 1000; font-size: 16px; line-height: 30px;} #top #latest-topic-banner a {color: #fff; font-weight: 700;} #top #latest-topic-banner a::after {content: '\f152'; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 16px; position: relative; margin-left: 5px;} /*--- N-P MENU STYLES ---*/ .main_menu {right:20px;} .main_menu .avia-menu a span {font-size:13px; line-height:1.1; text-transform:uppercase; transition: 0.25s;} .main_menu .avia-menu a:hover .avia-menu-text, .main_menu .avia-menu a:active .avia-menu-text, .main_menu .avia-menu a:focus .avia-menu-text, .main_menu .avia-menu a:focus-within .avia-menu-text {color:#000 !important; transition: 0.25s;} .sub-menu {border-top: 2px solid #77bc63 !important; padding: 20px 10px !important; } /* .sub-menu {border-left:0.5px solid #77bc63 !important; border-right:0.5px solid #77bc63 !important; border-bottom:0.5px solid #77bc63 !important;} */ .sub-menu a {background:#fff !important; width:max-content !important; } .sub-menu a span {font-size: 14px; line-height: 1.1; text-transform: none !important; transition: cubic-bezier(1,0,0,1) 0.2s;} #top #header .mega_menu_title a {font-size: 13px; font-weight: 300; line-height: 1.1; text-transform: none !important; transition: cubic-bezier(1,0,0,1) 0.2s;} #top #header .mega_menu_title a {padding: 5px; width: 100% !important; transition: cubic-bezier(1,0,0,1) 0.2; text-decoration: none !important;} .header_color .main_menu ul ul {background-color: #fff; color: #f7f7f7; width: max-content; padding-right: 20px !important;} .header_color ul {border-color: transparent !important;} #top .av_header_transparency #header_meta, .html_header_transparency #header_meta {background: #353535;; box-shadow: none; border-bottom: none; display: none !important} .page-id-1873 #header_main, .page-id-2150 #header_main {box-shadow: 0 2px 6px 0 rgba(0,0,0,0.70) !important;} /*--- MENU STYLES ---*/ #top #header .avia_mega_div > .sub-menu > li {padding:10px 10px !important;} #top #header .avia_mega_div > .sub-menu > li > ul li {padding:5px 15px; background:#000 !important} #top #header .avia_mega_div > .sub-menu > li > ul > li a {background:transparent !important;} .sub-menu-box .sub-menu {border: none !important; padding: 5px 5px !important; } .sub-menu-box .sub-menu:active {border-top: 2px solid #77bc63 !important; width:max-content;} .sub-menu-box .sub-menu > li > ul > li a {padding-left:5px !important;} .sub-menu-box .sub-menu .avia-menu-text {font-size:14px !important;} .avia_mega_div .avia-bullet {margin-top: 15px; left: 13px !important;} .user-logout a::before {content: '\f2f5'; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 20px; position: relative; margin-right: 5px; color: #77bc63; line-height: 24px; display: inline-block; top: 5px; transition: ease-in 0.3s; padding: 0 0 10px 0;} .user-profil a::before {content: '\f2bd'; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 30px; position: relative; margin-right: 5px; color: #77bc63; line-height: 30px; display: inline-block; top: 5px; transition: ease-in 0.3s; padding: 0 0 10px 0;} .ps-link a {margin-right: 10px;} /*--- BREADCRUMBS ---*/ ul.breadcrumb {margin-bottom: 10px !important; margin-top: -10px !important; padding: 5px 8px; list-style: none; background-color: #f7f7f7; } ul.breadcrumb li {display: inline; font-size: 18px !important; color:#ebebeb;} ul.breadcrumb li+li:before {padding: 4px; color: #000; content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 14px !important;} ul.breadcrumb li a {color: #77bc63 !important; text-decoration: none; font-size: 18px !important;} ul.breadcrumb li a:hover {color: #000 !important; text-decoration: underline; font-size: 18px !important;} /*--- BREADCRUMBS ---*/ ul.breadcrumb-post {margin-bottom: 10px !important; margin-top: -10px !important; padding: 10px 16px; list-style: none; background-color: transparent; } ul.breadcrumb-post li {display: inline; font-size: 18px; color:#a7a7a7;} ul.breadcrumb-post li+li:before {padding: 0 4px; color: #a7a7a7; content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 14px;} ul.breadcrumb-post li a {color: #77bc63 !important; text-decoration: none;} ul.breadcrumb-post li a:hover {color: #a7a7a7 !important; text-decoration: underline;} /*---All - Breadcrumb---*/ .breadcrumb {min-height:0 !important; padding:10px 0 0} #breadcrumbs a::after {margin:0 5px 0 10px; content:"\f105"; display:inline-block; font-family:'Font Awesome 5 Free'; font-style:normal; font-weight:900; color:#000; font-size:12px; line-height:12px; text-align:center} /*--- BUTTON STYLES --- */ #top .button-ngs {text-align:center; min-height:30px; height:auto; margin-top:20px} #top .button-ngs a, #top .button-ngs button {border-radius:10px; padding:8px 22px; text-decoration:none !important; font-size:16px; line-height:18px; cursor:pointer; display:inline-block; text-align:center; transition: ease-in 0.3s;} #top .button-ngs a:hover, #top .button-ngs a:focus, #top .button-ngs button:hover, #top .button-ngs button:focus {text-decoration:none; border-radius:0} #top .button-ngs.ngs1 a, #top .button-ngs.ngs1 button {border:1px solid #537c48; border-radius:10px; color:#fff; background:#537c48; font-size: 14px; font-weight: bold !important; text-transform: uppercase; transition: ease-in 0.3s;} #top .button-ngs.ngs1 a:hover, #top .button-ngs.ngs1 a:focus, #top .button-ngs.ngs1 button:hover, #top .button-ngs.ngs1 button:focus {border:1px solid #405f38; background:#405f38} #top .button-ngs.ngs2 a, #top .button-ngs.ngs2 button {border: none; border-radius:10px; color:#fff; background:linear-gradient(45deg, #77bc63, #537c48) !important; text-transform: uppercase; font-weight: 700;} #top .button-ngs.ngs2 a:hover, #top .button-ngs.ngs2 a:focus, #top .button-ngs.ngs2 button:hover, #top .button-ngs.ngs2 button:focus {box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.39), 0 20px 20px -20px rgba(0, 0, 0, 0.48); -webkit-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); transform: translate(0px, -5px);} /*--- BUTTON STYLES --- */ #top button.liv1, #top .button-liv {text-align:center; min-height:30px; height:auto; margin-top:20px} #top button.liv1, #top .button-liv a, #top .button-liv button {border-radius:10px; padding:8px 22px; text-decoration:none !important; font-size:16px; line-height:18px; cursor:pointer; display:inline-block; text-align:center; transition: ease-in 0.3s;} #top .button-liv a:hover, #top .button-liv a:focus, #top .button-liv button:hover, #top .button-liv button:focus {text-decoration:none; border-radius:0} #top button.liv1, #top .button-liv.liv1 a, #top .button-liv.liv1 button {border:1px solid #537c48; border-radius:10px; color:#fff; background:#537c48; font-size: 14px; font-weight: bold !important; text-transform: uppercase; transition: ease-in 0.3s;} #top button.liv1:hover, #top button.liv1:focus, #top .button-liv.liv1 a:hover, #top .button-liv.liv1 a:focus, #top .button-liv.liv1 button:hover, #top .button-liv.liv1 button:focus {border:1px solid #405f38; background:#405f38} #top .button-liv.liv2 a, #top .button-liv.liv2 button {border: none; border-radius:10px; color:#fff; background:linear-gradient(45deg, #77bc63, #537c48) !important; text-transform: uppercase; font-weight: 700;} #top .button-liv.liv2 a:hover, #top .button-liv.liv2 a:focus, #top .button-liv.liv2 button:hover, #top .button-liv.liv2 button:focus {box-shadow: 0 20px 20px -15px rgba(0, 0, 0, 0.39), 0 20px 20px -20px rgba(0, 0, 0, 0.48);} /*--- All - Button - Additional Classes --- */ #top .slim-btn a {padding:6px 16px; font-size:14px; line-height:18px} #top .large-btn a {padding:12px 24px} #top .xlarge-btn a {padding: 24px 48px; font-size:22px !important;} #top .xlarge-btn a:hover, #top .xlarge-btn a:focus {letter-spacing: 10px !important;} #top .extreme-btn a {padding:36px 48px; font-size:36px; line-height:40px;} #top .round-btn a, #top .round-btn a:hover, #top .round-btn a:focus {border-radius:5px} /*--- ANMELDEFORUMLAR--- */ .kontakt-box {background: #fff !important;} .kontakt-half {padding: 20px 20px !important;} .kontakt-hole {padding: 60px 30px !important;} #top .kontakt-form a {color: #000 !important;} #top .kontakt-form input[type="text"], #top .kontakt-form input[type="tel"], #top .kontakt-form input[type="email"], #top .kontakt-form select, #top .kontakt-form textarea, #top .kontakt-form input {font-family:'-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Arial','Noto Sans',sans-serif !important; box-sizing:border-box; color:#727272 !important; font-weight:400; font-style:normal; font-size:16px; line-height:22px; padding-left:20px !important; max-height: 28px;} /*--- KONTAKTFORM SPALTEN - Standard---*/ #top .kontakt-form .kontakt-links {float:left; width:60%} #top .kontakt-form .kontakt-rechts {width: 38.5%; margin-left:64.5%;} #top .kontakt-form .kontakt-links-2 {float:left; width:48%} #top .kontakt-form .kontakt-rechts-2 {width:47%; margin-left:53%} /*--- KONTAKTFORM SPALTEN - Ernaehrungscoaching ---*/ #top .kontakt-form.ernaehrungscoaching .wpcf7-form-control-wrap.fullname {width: 99.5% !important; display: inline-block; margin: 0 .5% 0 0;} #top .kontakt-form.ernaehrungscoaching .wpcf7-form-control-wrap.phone, #top .kontakt-form.ernaehrungscoaching .wpcf7-form-control-wrap.email {width: 49.5% !important; display: inline-block; margin: 0 .5% 0 0;} /*#top .kontakt-form.ernaehrungscoaching .wpcf7-form-control-wrap.i-can {width: 29.5% !important; display: inline-block; margin: 0 .5% 0 0;}*/ #top .kontakt-form.ernaehrungscoaching .wpcf7-form-control-wrap.anmerkungen {width: 99.5% !important; display: inline-block; margin: 0 .5% 0 0;} #top .kontakt-form.ernaehrungscoaching .wpcf7-form-control-wrap.i-can {top: -20px;} #top .kontakt-form.ernaehrungscoaching .wpcf7-form-control-wrap.i-can .wpcf7-list-item {width: 100%;} #top .kontakt-form .wpcf7-validation-errors {width:400px; border:0 !important} #top .kontakt-form .wpcf7-not-valid, #top .kontakt-form .wpcf7-acceptance.wpcf7-not-valid input[type=checkbox] + span::after, #top .kontakt-form .wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] + span::after {border-color:#77bc63 !important; background-color:#fae6e9 !important} #top .kontakt-form .wpcf7-acceptance.wpcf7-not-valid, #top .kontakt-form .wpcf7-checkbox.wpcf7-not-valid {border:0 !important; background:none !important} #top .kontakt-form .wpcf7-not-valid::placeholder {color:#77bc63} #top .kontakt-form .wpcf7-not-valid::-moz-placeholder {color:#77bc63} #top .kontakt-form .wpcf7-not-valid::-webkit-input-placeholder {color:#77bc63} #top .kontakt-form .wpcf7-not-valid:-ms-input-placeholder {color:#77bc63} #top .kontakt-form .wpcf7-not-valid-tip {background:transparent; color:#77bc63; padding:5px; font-weight:500; font-size:14px; margin:-10px 0 15px !important} #top .wpcf7-response-output {padding:10px 5px; margin:0; background:transparent; font-weight:500; font-size:14px; color:#77bc63; float:left; border:0; clear:both} #top .kontakt-form label {width:100% !important} #top .kontakt-form label, #top .kontakt-form .wpcf7-list-item-label {padding:5px 0; font-size:16px; line-height:24px; font-weight:500 !important; display:inline-block} #top .kontakt-form .agb .wpcf7-list-item-label {margin:0 0 0 40px} #top .kontakt-form .wpcf7-list-item {margin:0 !important} #top .kontakt-form .wpcf7-checkbox .wpcf7-list-item-label, #top .kontakt-form .wpcf7-radio .wpcf7-list-item-label {padding:5px 20px 5px 45px; display:inline-block; cursor:pointer; position:relative; color:#fff !important; font-size:18px !important; font-weight:500 !important; line-height:24px !important} #top .kontakt-form input[type=checkbox], #top .kontakt-form input[type=checkbox]:active, #top .kontakt-form input[type=checkbox]:checked {display:none !important} #top .kontakt-form input[type=checkbox] + span::after {content:''; font-size:14px; position:absolute; top:50%; transform:translateY(-50%); left:0; color:#291D1E; background:#fff; border:1px solid rgba(0,0,0,.25); box-shadow:none !important; outline:none; padding:9px; box-sizing:border-box; height:30px; width:30px; display:inline-block !important; cursor:pointer} #top .kontakt-form input[type=checkbox]:active + span::after, #top .kontakt-form input[type=checkbox]:checked:active + span::after {border-color:#DBD9D9} #top .kontakt-form input[type=checkbox]:checked + span::after {background:#77bc63 !important; border-color:#77bc63 !important; box-shadow:none; content:'\f00c'; font-family:'Font Awesome 5 Free'; font-weight:600; font-size:20px; position:absolute; top:50%; transform:translateY(-50%); left:0; color:#fff; line-height:30px; text-indent:5px; padding:0} #top .kontakt-form input[type="submit"] {border: 2px solid #77bc63 !important; height: auto; color: #fff !important; font-weight: 500; background: #77bc63 !important; width: auto; font-size: 16px; text-transform: uppercase !important; line-height: 22px; padding: 8px 22px; text-align: center; transition: ease-in 0.3s; font-weight: 700 !important} #top .kontakt-form input[type="submit"]:hover, #top .kontakt-form input[type="submit"]:focus {border:2px solid #0095c1 !important; color:#fff !important; background:#0095c1 !important; transition: ease-in 0.2s;} #top .kontakt-form textarea {max-height:120px; width:100%;} #top .kontakt-form .wpcf7-list-item-label {font-size: 16px !important; line-height: 18px !important;} div.wpcf7-response-output {background: #77bc63 !important; color: #fff !important;} #top .kontakt-form .button-submit {margin-top: 20px; float: right;} #top .ps-form > div::after {content:''; clear:both; display:table} #top .ps-form input, #top .ps-form textarea, #top .ps-form select {font-family:'-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Arial','Noto Sans',sans-serif ; font-size:16px; line-height:20px; font-weight:400; border-top-left-radius:5px; border-top-right-radius:5px; border:0; border-bottom:2px solid #ebebeb !important; background-color:#fff; height:29px; padding:8px 12px; color:#000000; margin:0 0 10px} #top .ps-form textarea {resize:vertical; overflow:auto; height:120px} #top .ps-form input[disabled=disabled], #top .ps-form textarea[disabled=disabled], #top .ps-form select[disabled=disabled] {background-color:#ebebeb; border-color:#ebebeb !important; color:#727271} #top .ps-form input:hover, #top .ps-form textarea:hover, #top .ps-form select:hover {-webkit-box-shadow:none; box-shadow:none} #top .ps-form input:focus, #top .ps-form textarea:focus, #top .ps-form select:focus {border-color:#0C3045 !important; -webkit-box-shadow:0 10px 20px rgba(0,0,0,.05), 0 5px 10px rgba(0,0,0,.05); box-shadow:0 10px 20px rgba(0,0,0,.05), 0 5px 10px rgba(0,0,0,.05)} #top .ps-form .fa-cta.book-directly {margin-top:0; float:right} #top .ps-form .wpcf7-acceptance .wpcf7-list-item-label {padding:5px 20px 5px 40px; display:inline-block; cursor:pointer; position:relative; color:#000000 !important; font-size:16px !important; line-height:24px !important} #top .ps-form .wpcf7-form-control-wrap.paket-hidden, #top .ps-form .wpcf7-form-control-wrap.zusammenfassung-hidden {display:none !important} #top .ps-form button[type=submit], #top .ps-form input[type=submit] {float:left; cursor:pointer; font-family:'-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Arial','Noto Sans',sans-serif; height:auto; color:#fff; border:0 !important; font-weight:500; background:#77bc63; width:auto; border-radius:5px; font-size:18px; line-height:26px; padding:8px 22px; text-align:center} #top .ps-form button[type=submit] {float:none} #top .ps-form input[type=submit]:hover, #top .ps-form input[type=submit]:focus, #top .ps-form button[type=submit]:hover, #top .ps-form button[type=submit]:focus {background:#537c48} #top .ps-form .acf-actions .acf-button {float:right; cursor:pointer; font-family:'-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Arial','Noto Sans',sans-serif; height:auto; color:#fff; border:0 !important; font-weight:500; background:#444 !important; width:auto; border-radius:5px; font-size:18px; line-height:26px; padding:8px 22px; text-align:center; text-decoration: none !important;} #top .ps-form .acf-actions .acf-button {float:none} #top .ps-form .acf-actions .acf-button:hover, #top .ps-form .acf-actions .acf-button:focus, #top .ps-form .acf-actions .acf-button:hover, #top .ps-form .acf-actions .acf-button:focus {background:#292929 !important; text-decoration: none !important;} #top .ps-form input::-webkit-input-placeholder {color:#727271} #top .ps-form input::-moz-placeholder {color:#727271} #top .ps-form input:-ms-input-placeholder {color:#727271} #top .ps-form input::-ms-input-placeholder {color:#727271} #top .ps-form input::placeholder {color:#727271} #top .ps-form input::-moz-placeholder {color:#727271} #top .ps-form input::-webkit-input-placeholder {color:#727271} #top .ps-form input:-ms-input-placeholder {color:#727271} #top .ps-form textarea::-webkit-input-placeholder {color:#727271} #top .ps-form textarea::-moz-placeholder {color:#727271} #top .ps-form textarea:-ms-input-placeholder {color:#727271} #top .ps-form textarea::-ms-input-placeholder {color:#727271} #top .ps-form textarea::placeholder {color:#727271} #top .ps-form textarea::-moz-placeholder {color:#727271} #top .ps-form textarea::-webkit-input-placeholder {color:#727271} #top .ps-form textarea:-ms-input-placeholder {color:#727271} #top .ps-form input::-webkit-input-placeholder {color:#727271} #top .ps-form input::-moz-placeholder {color:#727271} #top .ps-form input:-ms-input-placeholder {color:#727271} #top .ps-form input::-ms-input-placeholder {color:#727271} #top .ps-form input::placeholder {color:#727271} #top .ps-form input::-moz-placeholder {color:#727271} #top .ps-form input::-webkit-input-placeholder {color:#727271} #top .ps-form input:-ms-input-placeholder {color:#727271} #top .ps-form .kontakt-full {clear:both; padding:15px 0} #top .ps-form .fileupload label {width:auto !important} #top .ps-form .kontakt-links {float:left; width:39%} #top .ps-form .kontakt-rechts {width:59%; margin-left:39%} #top .ps-form .kontakt-links-2 {float:left; width:49%} #top .ps-form .kontakt-rechts-2 {width:49%; margin-left:51%} #top .ps-form .wpcf7-validation-errors {width:400px; border:0 !important} #top .ps-form .wpcf7-not-valid, #top .ps-form .wpcf7-acceptance.wpcf7-not-valid input[type=checkbox] + span::after, #top .ps-form .wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] + span::after, #top .ps-form .wpcf7-radio.wpcf7-not-valid input[type=radio] + span::after {border-color:#E6001E !important} #top .ps-form .wpcf7-acceptance.wpcf7-not-valid input[type=checkbox]:checked + span::after, #top .ps-form .wpcf7-checkbox.wpcf7-not-valid input[type=checkbox]:checked + span::after, #top .ps-form .wpcf7-radio.wpcf7-not-valid input[type=radio]:checked + span::after {border-color:#A8D17E !important} #top .ps-form .wpcf7-not-valid-tip {background:transparent; color:#E6001E; padding:5px; font-weight:500; font-size:10px; margin:-10px 0 15px -5px !important} #top .ps-form .btn-text-hidden {display:none !important} #top .ps-form .btn-text-visible {display:inline !important} #top .wpcf7-response-output {padding:10px 0; margin:0; background:transparent; font-weight:500; font-size:12px; line-height:16px; color:#E6001E; float:left; border:0; clear:both} #top .ps-form label, #top .ps-form .wpcf7-list-item-label {padding:5px 0; font-size:16px; line-height:24px; font-weight:400 !important; display:inline-block} #top .ps-form label {width:100% !important; font-weight:500 !important} #top .ps-form .agb .wpcf7-list-item-label {margin:0 0 0 40px} #top .ps-form .wpcf7-list-item {margin:0 !important} #top .ps-form .wpcf7-checkbox .wpcf7-list-item-label, #top .ps-form .wpcf7-radio .wpcf7-list-item-label {padding:5px 20px 5px 40px; display:inline-block; cursor:pointer; position:relative; color:#000000 !important; font-size:16px !important; line-height:24px !important} #top .ps-form input[type=checkbox], #top .ps-form input[type=checkbox]:active, #top .ps-form input[type=checkbox]:checked {display:none !important} #top .ps-form input[type=checkbox] + span::after {content:''; font-size:14px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; color:#000000; background:#fff; border-radius:5px; border:2px solid #ebebeb; -webkit-box-shadow:none !important; box-shadow:none !important; outline:none; padding:9px; -webkit-box-sizing:border-box; box-sizing:border-box; height:30px; width:30px; display:inline-block !important; cursor:pointer} #top .ps-form input[type=checkbox]:active + span::after, #top .ps-form input[type=checkbox]:checked:active + span::after {border-color:#DBD9D9} #top .ps-form input[type=checkbox]:checked + span::after {background:#77bc63 !important; border-color:#77bc63 !important; -webkit-box-shadow:none; box-shadow:none; content:'\f00c'; font-family:'Font Awesome 5 Free', sans-serif; font-weight:600; font-size:16px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; color:#fff; line-height:28px; text-indent:5px; padding:0} #top .ps-form input[type=radio], #top .ps-form input[type=radio]:active, #top .ps-form input[type=radio]:checked {display:none !important} #top .ps-form input[type=radio] + span::after {content:''; font-size:14px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; color:#000000; background:#fff; border-radius:100%; border:2px solid #ebebeb; -webkit-box-shadow:none !important; box-shadow:none !important; outline:none; padding:9px; -webkit-box-sizing:border-box; box-sizing:border-box; height:30px; width:30px; display:inline-block !important; cursor:pointer} #top .ps-form input[type=radio]:active + span::after, #top .ps-form input[type=radio]:checked:active + span::after {border-color:#DBD9D9} #top .ps-form input[type=radio]:checked + span::after {background:#77bc63 !important; border-color:#77bc63 !important; -webkit-box-shadow:none; box-shadow:none; content:'\f111'; font-family:'Font Awesome 5 Free', sans-serif; font-weight:600; font-size:14px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color:#fff; line-height:25px; text-align:center; padding:0} #top .ps-form .wpcf7-form-control-wrap {position:initial; display:block} #top .ps-form .wpcf7-form-control-wrap input[type="file"] {display:none; position:absolute; top:initial; bottom:35px; right:0; margin:0; padding:0; font-size:20px; cursor:pointer; opacity:0; width:auto; height:55px} #top .ps-form .wpcf7-form-control-wrap input[type="file"] + .wpcf7-not-valid-tip {margin:0 !important} #top .ps-form .wpcf7-form-control-wrap + label {display:block; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; margin:0 0 -15px; direction:rtl; text-align:center; background:#0C3045; border:1px solid #0C3045; padding:8px 22px; cursor:pointer; color:#fff !important; font-family:'-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Arial','Noto Sans',sans-serif; font-size:16px; line-height:20px; font-weight:normal} #top .ps-form .wpcf7-form-control-wrap + label:active, #top .ps-form .wpcf7-form-control-wrap + label:hover, #top .ps-form .wpcf7-form-control-wrap + label:focus, #top .ps-form .wpcf7-form-control-wrap + label:active span, #top .ps-form .wpcf7-form-control-wrap + label:hover span, #top .ps-form .wpcf7-form-control-wrap + label:focus span {background:#04141D; border-color:#04141D} #top .ps-form .wpcf7-form-control-wrap + label span {color:#fff; font-size:16px; line-height:20px; font-weight:400} #top .ps-form .wpcf7-form-control-wrap ~ small {text-align:center; display:block} #top #anfrage .ps-form .hl-xs {display:block; padding:15px 0 5px; margin:0 0 5px; border-bottom:1px solid #ebebeb} #top .ihre-auswahl {margin:0 0 10px} #top .ihre-auswahl .wpcf7-list-item {display:inline-block; padding:0} #top .text_area.product-view {min-height:100px} #top .two-columns .ihre-auswahl .wpcf7-list-item {width:50% !important} /*--- ZUSATZMODULE - CHECKBOX ---*/ #top .zusatzmodule.box-design {border:0 !important; padding:10px !important; border-radius:10px !important} #top .zusatzmodule.box-design + .av-flex-placeholder {width:2% !important} .box_one_half.box-design.bg-secondary.zusatzmodule {width: 47.3% !important; margin: 0 1% 0 0 !important; float:left !important;} .box_one_third.box-design.bg-secondary.zusatzmodule {width: 31.3% !important; margin: 0 1% 0 0 !important; float:left !important;} .box-design.bg-secondary.zusatzmodule {min-height: 290px;} #top .zusatzmodule .kontakt-form {padding:0; margin:0; position:initial; overflow:visible; height:0} #top .zusatzmodule .kontakt-form input[type=checkbox], #top .zusatzmodule .kontakt-form input[type=checkbox]:active, #top .zusatzmodule .kontakt-form input[type=checkbox]:checked {display:none !important} #top .zusatzmodule .kontakt-form input[type=checkbox] + label {position:initial} #top .zusatzmodule .kontakt-form input[type=checkbox] + label::before {cursor:pointer; content:''; position:absolute; border-radius:10px; width:calc(100% - 6px); height:calc(100% - 6px); border:3px solid rgba(0,0,0,0); top:0; right:0; left:0; bottom:0; z-index:1} #top .zusatzmodule .kontakt-form input[type=checkbox]:checked + label::before {border:3px solid #77bc63} #top .zusatzmodule .kontakt-form input[type=checkbox] + label::after {content:''; font-size:20px; position:absolute; content:'\f067'; font-family:'Font Awesome 5 Free'; font-weight:600; top:initial; border-top:1px solid #ededed !important; bottom:0; right:0; left:0; width:100%; height:50px; line-height:50px !important; color:#524D4D; text-align:right !important; background:#fff; border:0; box-shadow:none !important; outline:none; padding:0 25px 0 0; box-sizing:border-box; display:inline-block !important; cursor:pointer} #top .zusatzmodule .kontakt-form input[type=checkbox] + label:hover::after, #top .zusatzmodule .kontakt-form input[type=checkbox] + label:focus::after {background-color:#cdcdcd; transition: 0.5s;} #top .zusatzmodule .kontakt-form input[type=checkbox] + label span {position:relative; display:block; cursor:pointer; font-size:0} #top .zusatzmodule .kontakt-form input[type=checkbox] + label span::after {position:absolute; top:235px; font-weight:500; left:0; right:0; bottom:0; width:100%; height:50px; content:'Auswählen'; font-family:'Roboto'; color:#524D4D; font-size:18px; z-index:10} #top .zusatzmodule .kontakt-form input[type=checkbox]:active + label::after, #top .zusatzmodule .kontakt-form input[type=checkbox]:checked:active + label::after {border-color:#DBD9D9} #top .zusatzmodule .kontakt-form input[type=checkbox]:checked + label::after {background:#77bc63 !important; content:'\f00c'; border-bottom-right-radius:7px; border-bottom-left-radius:7px; border-color:#77bc63 !important; box-shadow:none; position:absolute; color:#fff} #top .zusatzmodule .kontakt-form input[type=checkbox]:checked + label span::after {color:#fff; content:'Deine Auswahl'} #top .zusatzmodule .kontakt-form input[type=checkbox]:checked + label::after {background:#77bc63 !important; content:'\f00c'; border-color:#77bc63 !important; box-shadow:none; position:absolute; color:#fff} #top .kontakt-form .wpcf7-form-control-wrap.zusammenfassung-hidden {display: none !important;} /*--- NEWSLETTER FORMULAR ---*/ #top .newsletter-form input[type="text"], #top .newsletter-form input[type="email"] {width: 40%; display: inline-block;} #top .newsletter-form .button-submit {margin-top: 0px; float: right; width: 20%;} /*--- ICONS ---*/ .icon::before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font-weight: 600;} .av-icon-char:hover::before{color: #ebebeb !important;} .clock::before {content: '\f017' !important; font: var(--fa-font-solid); font-size: 20px; color:#444 !important; margin-right: 5px; position: relative; top: 2px;} .fire::before {content: '\f46a' !important; font: var(--fa-font-solid); font-size: 20px; color:#444 !important; margin-right: 5px; position: relative; top: 2px;} .user::before {content: '\f007' !important; font: var(--fa-font-solid); font-size: 20px; color:#77bc63 !important; margin-right: 5px; position: relative;top: 3px;} .users::before {content: '\f0c0' !important; font: var(--fa-font-solid); font-size: 20px; color:#77bc63 !important; margin-right: 5px; position: relative;top: 3px;} .cross::before {content: '\f00d' !important; font: var(--fa-font-solid); font-size: 20px; color:#E6001E !important; margin-right: 5px; position: relative;top: 3px;} .recipe::before {content: '\f02d' !important; font: var(--fa-font-solid); font-size: 20px; color:#77bc63 !important; position: relative;top: 3px;} .chat::before {content: '\f232' !important; font: var(--fa-font-brands); font-size: 20px; color:#77bc63 !important; position: relative;top: 3px;} .drive::before {content: '\f3aa' !important; font: var(--fa-font-brands); font-size: 20px; color:#77bc63 !important; position: relative;top: 3px;} .appointment::before {content: '\f086' !important; font: var(--fa-font-solid); font-size: 20px; color:#77bc63 !important; position: relative; margin-right: 5px;} .countdown::before {content: '\f017' !important; font: var(--fa-font-solid); font-size: 20px; color:#77bc63 !important; position: relative; margin-right: 5px;} .activity::before {content: '\e4fc' !important; font: var(--fa-font-solid); font-size: 20px; color:#77bc63 !important; position: relative; margin-right: 5px;} /*SVG Icons*/ .measurement::before {content: url('/wp-content/uploads/icons/016-measurement.svg'); display: inline-block; margin-right: 8px; height: 100%; width: 50px; top: 6px; position: relative;} .list::before {content: url('/wp-content/uploads/icons/017-recipe book.svg'); display: inline-block; margin-right: 8px; height: 100%; width: 50px; top: 6px; position: relative;} .icon-location::before {content: url('/wp-content/uploads/icons/map-marker-alt-solid.svg'); display: inline-block; margin-right: 6px; height: 100%; width: 12px; position: relative; } .icon-tel::before {content: url('/wp-content/uploads/icons/phone-alt-solid.svg'); display: inline-block; margin-right: 8px; height: 100%; width: 14px; position: relative; } .icon-mail::before {content: url('/wp-content/uploads/icons/envelope-solid.svg'); display: inline-block; margin-right: 8px; height: 100%; width: 16px; position: relative; } /*--- KONTAKT ---*/ .contact.icon-phone, .contact.icon-e-mail {font-size:18px; color:#d1df8e;} .contact.icon-phone a::before {content: '\f10b'; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 20px; position: relative; margin-right: 10px; color: #d1df8e; line-height: 24px; display: inline-block; transition: ease-in 0.3s;} .contact.icon-e-mail a::before {content: '\f0e0'; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 20px; position: relative; margin-right: 10px; color: #d1df8e; line-height: 24px; display: inline-block; transition: ease-in 0.3s;} /*--- BOX DESIGN ---*/ .box-design {box-shadow:0 10px 40px 0 rgba(47,47,47,.1); border-radius:10px !important; background:#fff; position:relative; overflow:hidden; padding:0 !important; transition: 0.25s;} .box-design2 {box-shadow:0 10px 40px 0 rgba(47,47,47,.1); border-radius:10px !important; border: 2px solid #444 !important; background:#fff; position:relative; overflow:hidden; transition: 0.25s;} .box-design2:hover, .box-design2:active, .box-design2:focus {scale: 1.05; transition: 0.25s;} .box-design .av_textblock_section, .box-design2 .av_textblock_section, .box-design4 {padding:25px 20px} .box-design4 {box-shadow: 0 10px 40px 0 rgba(47,47,47,.1); border-radius: 10px !important; border: 2px solid #444 !important; background: #f7f7f7; position: relative; overflow: hidden; transition: 0.25s; width: 80% !important; margin: auto !important; float: none !important; min-width:350px !important} .box-design.padding-20 {padding: 25px 20px !important;} /*--- Scroll-Top-Link ---*/ #scroll-top-link {box-shadow: 0 2px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.15); position: fixed; border-radius: 10px !important; border:2px solid #fff !important; background-color: #fff !important; color: #575757 !important; height: 50px; width: 35px; line-height: 50px; text-decoration: none; text-align: center; opacity: 1 !important; right: 35px; bottom: 50px; z-index: 1030; visibility: hidden;} #scroll-top-link:hover {border: 2px solid #fff !important; background-color: #fff !important; color: #77bc63 !important; } .toggle_content {color:#77bc63 !important} /*--- FOOTER ---*/ #top #footer {background: linear-gradient(to top right,#77bc63 0,#537c48 100%) center center no-repeat fixed !important;} #top #footer .container, #top #footer .content {padding-top: 0; padding-bottom: 10px;} #top #footer h4, #top #footer p, #top #footer .small {color: #fff;} #top #footer a {text-decoration: none;} #top #footer a:hover {cursor: pointer; text-decoration: #fff underline;} #top #wrap_all .av-social-link-instagram a {background:#77bc63 !important;} #top #wrap_all .av-social-link-instagram:hover a {background:#000 !important;} #socket .social_bookmarks li {border-radius: 3px;} #socket .social_bookmarks li a {border-radius: 3px;} #av-consent-extra-info {background: #f7f7f7; border-color: #f7f7f7 !important;} .mfp-content .main_color div {border-color: #f7f7f7 !important;} .mfp-content .tab_inner_content {padding: 10px !important;} #top .av-toggle-switch .toggle-track::before {background: #77bc63 !important} #top .av-toggle-switch label .toggle-track {background: #1d1d1d !important} /*--- TOOGLE ---*/ .togglecontainer {margin: auto; max-width: 600px;} .single_toggle {box-shadow:0 10px 40px 0 rgba(47,47,47,.1); transition: all 0.3s cubic-bezier(.25,.8,.25,1); margin:0 0 10px} .single_toggle .toggler {position:relative; border:0 !important; border-radius:10px; font-size:16px; color:#000 !important; padding:10px 50px 10px 10px !important; background:#333} .single_toggle .toggle_content {min-height: max-content;} .single_toggle .toggler:hover, .single_toggle .toggler:focus {background:#f7f7f7} .single_toggle .toggle_content {border:0 !important; margin:0 !important; padding:25px !important; background:#f7f7f7} .single_toggle .toggle_content hr {border-color:rgba(0,0,0,.1); margin:25px 0} .single_toggle .toggler .hl-sub {font-size:16px; line-height:1.1; font-weight: 700; color: #77bc63;} .single_toggle .toggler .hl-main {font-size:26px; line-height:1.1; font-weight: 900;} .single_toggle .toggler .toggle_icon {right:20px; top:20px; left:initial; border:0; height:20px; width:20px; transition:all .5s ease} .single_toggle .toggler .toggle_icon .vert_icon {height:20px; left:10px; border:1px solid #000} .single_toggle .toggler .toggle_icon .hor_icon {width:20px; top:10px; border:1px solid #000} .single_toggle .toggler.activeTitle {background:#77bc63 !important; color:#fff !important; font-weight:600; border-bottom:2px solid rgba(0,0,0,.05) !important; border-bottom-left-radius:0; border-bottom-right-radius:0} .single_toggle .toggler.activeTitle .hl-sub {color: #000;} .single_toggle .toggler.activeTitle .toggle_icon {transform:rotate(45deg)} .single_toggle .toggler.activeTitle .toggle_icon .vert_icon, .single_toggle .toggler.activeTitle .toggle_icon .hor_icon {border-color:#000 !important} .single_toggle .toggle_content {color:#000 !important;} .trainings-akkordeon .toggle_content {min-height: max-content;} .name-header, .retention-header, .function-header {background: #444 !important;} /*--- POPUP STYLES ---*/ #top .modal-background {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,.2)} #top .modal-content {font-family:'-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Arial','Noto Sans',sans-serif !important; background:#fff; color:#000; box-shadow:0 10px 40px 0 rgba(47,47,47,.1); margin:auto; padding:15px; position:fixed; top:30%; left:50%; transform:translate(-50%,0); width:auto; max-width:500px; height:auto; max-height:500px; overflow-y:auto; overflow-x:auto; z-index:1000; box-sizing:border-box} #top .modal-content h2 {font-size:24px; padding:5px 0} #top .modal-close {float:right; font-size:200%; color:#000; cursor:pointer} #top .modal-close:hover, #top .modal-close:focus {color:#000} #top .modal-background.active, #top .modal-content.active {display:block} #top .white-popup {position:relative; background:#000; padding:20px; width:auto; max-width:800px; margin:50px auto; border: 1px solid #77bc63 !important;} #top .white-popup .inner {padding:5%} #top .white-popup .inner .head {margin-top:15px} #top .white-popup .inner .kontakt-form {margin-top:50px} #top .white-popup .inner .kontakt-form .wpcf7-form-control.wpcf7-submit {width:100%;border:1px solid #77bc63; color:#fff; background:#77bc63; height:auto; margin-top:10px; padding:8px 22px; text-decoration:none !important;font-size:16px; font-weight:500; line-height:20px; cursor:pointer; display:inline-block; text-align:center; border-radius:10px} #top .white-popup .inner .kontakt-form .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {display:none !important} #top .white-popup .inner .kontakt-form .wpcf7-not-valid-tip {display:none !important} #top .mfp-bg {opacity:.3} #top .mfp-content {max-width:80% !important; max-height:80% !important} #top #popup-kontakt-success {display:none;text-align:center;padding:17%} /*--- WP LOGIN ---*/ /*-- LOGIN PAGE ---*/ #top #login-form .container {max-width: 1100px; padding-top: 0px;} #top #login-form .flex_column_table {background: #f7f7f7; border-radius: 20px !important; overflow: hidden; box-shadow: -2px -2px 20px rgba(0,0,0,0.2); min-height: 600px;} #top #login-form .flex_column {padding: 0 !important;} #top #login-form .flex_column + .av-flex-placeholder {width: 0;} #top #login-form .loginbox-left {padding: 60px 20px 20px 20px !important;} #top #login-form .loginbox-right .av_textblock_section::before {content: ''; position: absolute !important; top: 0; left: 0; height: 100%; width: 100%; background: radial-gradient(rgba(255,255,255,0.8) 25%, rgba(255,255,255,0)); z-index: -1;} #top #login-form .login-form {background: #f7f7f7 !important; width: 100% !important; margin: auto; padding: 20px !important;} #top #wpmem_login {padding: 20px !important; background: #f7f7f7; width: 90%; margin: auto; color: #000 !important;} #top #wpmem_login .div_text {width:100% !important} #top #wpmem_reg input, #top #wpmem_login input#log {font-size: 16px;line-height: 20px; font-weight: 400; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0; border-bottom: 2px solid #ebebeb !important; background-color: #fff; height: 42px; padding: 8px 12px; color: #000; margin: 0 0 10px;} #top #wpmem_login input#pwd {font-size: 16px;line-height: 20px; font-weight: 400; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0; border-bottom: 2px solid #ebebeb !important; background-color: #fff; height: 42px; padding: 8px 12px; color: #000; margin: 0 0 10px;} #top #wpmem_reg input:hover, #top #wpmem_login input:hover, #top #wpmem_reg textarea:hover, #top #wpmem_login textarea:hover, #top #wpmem_reg select:hover, #top #wpmem_login select:hover {box-shadow: none;} #top #wpmem_reg input:focus, #top #wpmem_login input:focus, #top #wpmem_reg textarea:focus, #top #wpmem_login textarea:focus, #top #wpmem_reg select, #top #wpmem_login select:focus {border-color: #77bc63 !important; box-shadow: none;} #top #wpmem_reg input[type="submit"], #top #wpmem_login input[type="submit"] {background: linear-gradient(45deg, #77bc63, #537c48) !important; border-radius: 10px; color: #fff !important; font-weight:700 !important; transition: 0.25s;} #top #wpmem_reg input[type="submit"]:hover, #top #wpmem_login input[type="submit"]:hover {background: linear-gradient(45deg, #77bc63, #385330) !important; box-shadow: -2px -2px 20px -15px rgba(0, 0, 0, 0.39)} #top #wpmem_login .link-text {padding: 4px 0; width: 100% !important; text-align: center; font-size: 14px;} #top #wpmem_login .button_div, #top #wpmem_reg .button_div {width: 100% !important;padding: 6px 0;text-align: right;} #top #wpmem_reg legend, #top #wpmem_login legend {display: none;} #top #wpmem_login label, #top #wpmem_reg label {display: initial; font-size: 14px !important; font-weight: 400;} #top #wpmem_login .button_div, #top #wpmem_reg .button_div {width: 100%; padding: 6px 0; text-align: center;} #top #wpmem_reg, .wpmem_msg {width: 100%;} #top .logo-login {width: 30%;} #top #wpmem_profile_form fieldset legend, #top #wpmem_profile_form fieldset .text, #top #wpmem_profile_form fieldset .req-text {color: #000 !important;} .page-id-185 #wpmem_login { padding: 10px 0px !important; width: 100%; margin: auto; background: linear-gradient(45deg, #77bc63, #537c48) !important; color: #fff !important; font-weight:700 !important; transition: 0.25s;} .page-id-185 #wpmem_login input[type="submit"]:hover {background: linear-gradient(45deg, #77bc63, #385330) !important; box-shadow: -2px -2px 20px -15px rgba(0, 0, 0, 0.39)} #top #wpmem_msg, #top .wpmem_msg {background: #ebebeb !important;} #top .wp-pw #wpmem_login {background: transparent !important;} /*--- REGISTRATION ---*/ #top .wpmem_msg {width: 100%; background: #fff !important; padding: 8px 12px; border: 1px solid #ebebeb;} /*--- DASHBOARD -----------------------------------------------------------------------------------------------------------------------------------*/ /*WELCOME-BOX*/ #dashboard .box-design.welcome {padding: 40px !important;} #dashboard .box-design.welcome::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; visibility: visible; background-image: linear-gradient(45deg,#537c48,#537c4869) !important;} #dashboard .box-design.welcome h2 {color:#fff; font-weight: 700 !important;} #dashboard .box-design.welcome div {font-size:18px; color: #fff !important;} /*NEW-LESSON BOX*/ #dashboard .box-design.new-lesson .latest-topic-box {position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-size: cover; background-image: linear-gradient(45deg,#537c48,#537c4880) !important;} #dashboard .box-design.new-lesson .latest-topic-box.flex {gap:40px} #dashboard .box-design.new-lesson .latest-topic-box.flex .column-one-half {flex: 1 0 calc(50% - 40px);} #dashboard .box-design.new-lesson .latest-topic-box.flex .column-one-half img {border-radius: 5px;margin-left: 15px;} #dashboard .box-design.new-lesson .latest-topic-box.flex .column-one-half .button-liv.liv1 {margin: 0 0 0 15px !important;width: 100%;} #dashboard .box-design.new-lesson .latest-topic-box.flex .column-one-half .button-liv a {width: 100%; text-transform: none !important; font-weight: 600 !important; line-height: 30px;} #dashboard .box-design.new-lesson .latest-topic-box.flex .column-one-half h5 { text-transform: uppercase !important; font-size: 16px; color: #fff;} #dashboard .box-design.new-lesson .latest-topic-box.flex .column-one-half h4 {font-size: 26px; font-weight: 600 !important; color: #fff;} /*LINKS*/ #dashboard {background: #f7f7f7;} #dashboard .flex { display: flex; flex-wrap: wrap; gap: 20px; align-items: center;} #dashboard .flex.row-4 .flex-row {position: relative; flex: 1 0 calc(25% - 20px); height: 190px; background: #fff; padding: 20px; border-radius: 20px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);} #dashboard .flex .flex-row a { margin: 0 !important;} #dashboard .flex .flex-row a .icon.user, #dashboard .flex .flex-row a .icon.users, #dashboard .flex .flex-row a .icon.recipe, #dashboard .flex .flex-row a .icon.chat, #dashboard .flex .flex-row a .icon.drive {display: block; margin: auto !important; width: max-content; padding: 12px 12px 15px 15px; background: #ebebeb; border-radius: 10px;} #dashboard .flex .flex-row a .icon::before {font-size: 30px;} #dashboard .flex .flex-row a .content { padding: 10px 0 0; text-align: center;} #dashboard .flex .flex-row a .content h3 { font-size: 22px; font-weight: 600 !important;} #dashboard .flex .flex-row a .content p { margin: 0;} /*COURSES*/ #dashboard .flex.courses .flex-row {min-height: 300px; align-content: center;} #dashboard .flex.courses .flex-row:hover {overflow: hidden;scale: 1.05;animation: ease-in-out 0.2s;} #dashboard .flex.courses .flex-row.bg_course_1 { background: url(https://members.go-livit.de/wp-content/uploads/media/LIVIT_Members_Hub-Click-05-Positive-Toxische-Motivation.jpg) 50% 50%; background-size: cover; background-repeat: no-repeat;} #dashboard .flex.courses .flex-row.bg_course_2 { background: url(https://members.go-livit.de/wp-content/uploads/media/rezept_grillgemuese_chicken.jpg) 50% 50%; background-size: cover; background-repeat: no-repeat;} #dashboard .flex.courses .flex-row.bg_course_3 { background: url(https://members.go-livit.de/wp-content/uploads/media/LIVIT_Members_Hub-Click-04-Zielsetzung.jpg) 50% 50%; background-size: cover; background-repeat: no-repeat;} #dashboard .flex.courses .flex-row.bg_course_4 { background: url(https://members.go-livit.de/wp-content/uploads/media/PES-Performance-Fitness-Kachel.jpg) 50% 50%; background-size: cover; background-repeat: no-repeat;} #dashboard .flex.courses .flex-row::before { content: ''; position: absolute;top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(45deg,#537c48,#537c485e) !important; border-radius: 20px; z-index: 1;} #dashboard .flex.courses .flex-row * { color: #fff !important;} #dashboard .flex.courses .flex-row a { position: relative; z-index: 2;} #dashboard .flex.courses .flex-row a .content { text-align: left;} /*COACH-BOX*/ #dashboard .flex.row-2 .column-two-thirds{ flex: 1 0 calc(90% - 120px);padding: 0 8% 0 0;} #dashboard .flex.row-2 .column-one-thirds{ flex: 1 0 120px !important;} #dashboard .flex.row-2 .column-one-thirds img {border-radius: 100%; border: 10px solid #e9e9e9;} #dashboard .flex.row-2 .column-one-thirds h4 {font-size: 16px;text-align: center;color: #fff;} #dashboard .flex.row-2 .column-one-thirds h3 {font-size: 18px;text-align: center;color: #fff;font-weight: 600 !important;} /*FACTS*/ #dashboard .flex.facts {align-content: flex-start; align-items: flex-start;} #dashboard .flex.row-2.facts .column-two-thirds {flex:0 0 calc(60% - 20px) !important; order: 1; padding: 0;} #dashboard .flex.row-2.facts .column-two-thirds.flex .column-one-half {flex: 1 0 calc(50% - 20px); min-height: 130px; background: #fff; padding: 20px; border-radius: 20px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);} #dashboard .flex.row-2.facts .column-two-thirds.flex .column-full {flex: 0 0 100%; min-height: 298px; background: #fff; padding: 10px; border-radius: 20px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);} #dashboard .flex.row-2.facts .column-one-thirds {flex: 0 0 40% !important; order: 2; background: #fff; padding: 10px; border-radius: 20px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);} #dashboard .flex.row-2.facts .column-one-thirds canvas {width: 100% !important; max-height: 400px; height: 400px !important;} /*FACTS - ACTIVITY*/ #dashboard .flex.row-2.facts .table h5 {margin-bottom: 20px;} #dashboard .flex.row-2.facts .table table {width: 100%; border-collapse: collapse; } #dashboard .flex.row-2.facts .table table th, #dashboard .flex.row-2.facts .table table td {border: 1px solid #ddd;padding: 2px 8px;} #dashboard .flex.row-2.facts .table table th {background-color: #f2f2f2;position: sticky;top: 0;padding: 8px;} #dashboard .flex.row-2.facts .table table td {padding: 2px 8px !important;line-height: 15px;height: 15px !important;max-height: 15px !important;font-size: 14px !important;} #dashboard .flex.row-2.facts .table table td p {font-size: 14px !important;line-height: 0px;} /*FACTS ADMIN*/ #dashboard .flex.admin {gap:20px;} #dashboard .flex.admin .column-full {flex: 1 0 100%; background: #fff; padding: 10px; border-radius: 20px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);} #dashboard .flex.admin .column-full #activityChart {width: 100% !important; height: 400px !important; max-height: 400px !important;} #modul-uebersicht {box-shadow:0 10px 40px 0 rgba(47,47,47,.1); border-radius:10px !important; background:#ebebeb; position:relative; overflow:hidden; padding:0 !important; transition: all 0.3s cubic-bezier(.25,.8,.25,1)} #modul-uebersicht .avia-image-container {width: 30%; float: left; margin: 0 !important;} #modul-uebersicht .av_textblock_section {width: 70%; float: right; padding:40px 20px !important} /*--- EINKAUFSLISTE -----------------------------------------------------------------------------------------------------------------------------------*/ /*ACCORDION*/ #top #einkaufsliste .einkaufsliste-container .headline {background-color: #f7f7f7; padding: 8px 12px; cursor: pointer; border: 1px solid #ddd; border-radius: 10px 10px 0 0; margin-bottom: -1px;font-size: 20px; font-weight: 900;} #top #einkaufsliste .einkaufsliste-container .headline:hover {background-color: #e9ecef;} #top #einkaufsliste .einkaufsliste-container .card {display: none; margin-bottom: 10px;} #top #einkaufsliste .einkaufsliste-container .card.show {display: block } #top #einkaufsliste .einkaufsliste-container .card .body {background-color: #fff; padding: 0; border: 1px solid #ddd; border-top: none; border-radius: 0 0 10px 10px; margin-bottom: 60px;} #top #einkaufsliste .einkaufsliste-container .card .body ul {list-style: none;} #top #einkaufsliste .einkaufsliste-container .card .body ul li {padding: 6px 40px 6px 10px; font-size: 18px !important;} #top #einkaufsliste .einkaufsliste-container .card .body ul li:nth-child(odd) {background:#ebebeb;} #top #einkaufsliste .einkaufsliste-container .card .body ul li label {font-weight: 400;} #top #einkaufsliste .einkaufsliste-container .card .body ul li span {font-size: 18px !important; font-weight: 700 !important;} #top #einkaufsliste .einkaufsliste-container .card .body ul li input {position: absolute; right: 0px; margin-top: -2px; width: 30px; height: 30px; cursor: pointer;} #top #einkaufsliste .einkaufsliste-container .card .body button {text-align: right !important; margin: 10px 10px 10px 0; bottom: 50px; position: absolute; right: 0;} /*--- MODULE ---*/ /*--- KACHEL ---*/ .modul-abstand .column-top-margin {margin-top: 20px !important;} #kategorie-uebersicht {box-shadow:0 10px 40px 0 rgba(47,47,47,.1); border-radius:10px !important; background:#ebebeb; position:relative; overflow:hidden; padding:0 !important; transition: all 0.3s cubic-bezier(.25,.8,.25,1)} #kategorie-uebersicht .avia-image-container {width: 24%; float: left; margin: 0 !important; padding:10px !important} #kategorie-uebersicht .av_textblock_section {width: 76%; float: right; padding:20px 20px !important} #kachel-secondary {box-shadow:0 4px 18px rgba(0,0,0,0.07), 0 10px 10px rgba(0,0,0,0.09); border-radius:10px !important; background:#ebebeb; position:relative; overflow:hidden; padding:0 !important; transition: all 0.3s cubic-bezier(.25,.8,.25,1); padding:20px 20px !important} /*--- TUTOR ---*/ .tutor-img img {width: 150px; height: auto; border-radius: 100%; float: left; margin-right:0.5%} .media-body.media-middle {float: left; width: 60%; margin: 40px 0 0 20px;} .instructor__name {font-weight: 700 !important; margin: 0 !important;} .instructor__title {color: #77bc63 !important; margin: 0;} .tutor-bio {top: 40px !important; position: relative; margin: 0 0 40px 0;} /*--- Performance Rezepte ---*/ /*--- Tab-Bar ---*/ .tab-bar {width: max-content; overflow: hidden; margin: 0 auto 10px;} .tab-bar .tab-bar-item {float: left; border: none; display: block; outline: 0; margin-right: 5px; width: max-content;} .tab-bar .tab-bar-item .pes-button {padding: 10px 20px; width: max-content !important; background: #77bc63; border: none; text-align: center !important; color: #fff; display: inline-block; border-radius: 10px;} .tab-bar .tab-bar-item .pes-button:hover, .tab-bar .tab-bar-item .pes-button.active {background: #537c48} /*--- BLOG REZEPTE ---*/ .blog-layout .av-tab-section-tab-title-container {margin-bottom: 20px !important;} .blog-layout .av-section-tab-title {margin: 0 5px !important; padding: 0px !important; border: 1px solid #f7f7f7; background: #f7f7f7;} .blog-layout .av-section-tab-title:hover {border: 1px solid #77bc63;} .blog-layout .av-section-tab-title.av-active-tab-title {border: 1px solid #77bc63; background: linear-gradient(45deg, #77bc63, #537c48) !important;} .blog-layout .av-outer-tab-title {position: inherit;} .blog-layout .av-inner-tab-title {margin: 0 !important; padding: 10px 20px; width: max-content;} .blog-layout .av-tab-arrow-container {display: none !important;} .js_active .blog-layout .tab {margin: 0 !important; float: initial; border: 0; padding: 0 30px; flex-direction: row;} #top .blog-layout .rezept-two-column {width: calc(50% - 13px); display: inline-block; margin: 0 10px 10px 0; background: #fff; border-radius: 10px; overflow: hidden;} #top .blog-layout .rezept-two-column a {display: flex !important; flex-wrap: wrap;} #top .blog-layout .rezept-two-column a .rezept-img {width: 40%; padding: 0 !important; margin-bottom: 0 !important; overflow: hidden;} #top .blog-layout .rezept-two-column a .rezept-img img {height: 100%; margin: 0 !important; padding: 0 !important; overflow: hidden;} #top .blog-layout .rezept-two-column a .rezept-img .rezept-kalorien{ padding: 3px 6px; background: #ebebeb; border-radius: 5px; position: absolute; left: 5px; margin-top:5px;} #top .blog-layout .rezept-two-column a .rezept-content {width: 60%; padding: 10px;} #top .blog-layout .rezept-two-column a .image-overlay {display: none !important;} #top .blog-layout .rezept-two-column a .rezept-content h3 {font-size: 18px; font-weight: 700 !important; text-transform: uppercase !important;} #top .blog-layout .rezept-two-column a .rezept-info{margin-bottom: 15px;} #top .blog-layout .rezept-two-column a .rezept-content .zubereitungszeit {margin-right: 10px;padding: 6px 4px; background: #ebebeb; border-radius: 5px;} #top .blog-layout .rezept-two-column a .rezept-content .rezept-kalorien {padding: 6px 10px; background: #ebebeb; border-radius: 5px;} #top .blog-layout .rezept-two-column a .rezept-content .rezept-kalorien.desktop-hidden {display: initial !important;} #top .blog-layout .filter-box {padding: 15px; background: #fafafa; margin-bottom: 10px; border-radius: 10px;} #top .blog-layout .filter-box.tags {display: none;} #top .blog-layout #category-cloud, #top .blog-layout #tag-cloud {margin: 0 0 10px;; display: flex; flex-direction: row; flex-wrap: wrap;} #top .blog-layout #category-cloud .category-link, #top .blog-layout #tag-cloud .tag-link {background: #999; padding: 6px 12px; border-radius: 20px; color: #fff; flex-basis: fit-content; margin: 2px 2px;} #top .blog-layout #category-cloud .category-link:hover, #top .blog-layout #tag-cloud .tag-link:hover {background: #999;} #top .blog-layout #category-cloud .category-link.active, #top .blog-layout #tag-cloud .tag-link.active {background: #77bc63;} #top .blog-layout #tag-cloud .tag-link.inactive {background: #E6001E; text-decoration: line-through;} #top .blog-layout .filter-switch {margin: 0 0 10px; display: flex; align-items: center;} #top .blog-layout .filter-switch #toggle-description {margin-left: 5px;} #top .blog-layout .filter-switch .switch {position: relative; display: inline-block; width: 40px; height: 23px;} #top .blog-layout .filter-switch .switch input {opacity: 0; width: 0; height: 0;} #top .blog-layout .filter-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;} #top .blog-layout .filter-switch .slider:before {position: absolute; content: ""; height: 17px; width: 17px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s;} #top .blog-layout .filter-switch input:checked + .slider {background-color: #77bc63;} #top .blog-layout .filter-switch input:focus + .slider {box-shadow: 0 0 1px #77bc63;} #top .blog-layout .filter-switch input:checked + .slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px);} /* Runde Schieberegler */ #top .blog-layout .filter-switch .slider.round {border-radius: 34px;} #top .blog-layout .filter-switch .slider.round:before {border-radius: 50%;} #top .blog-layout .reset-filter {margin: 15px 0;} #top .blog-layout .reset-filter #reset-filter {display: none; background: #fafafa; padding: 10px 15px; border-radius: 20px;} /*--- REZEPTE ---*/ #performance-rezepte .av-masonry-date {display: none !important;} #performance-rezepte .av-sort-by-term .active_sort .inner_sort_button span { color: #77bc63; padding: 5px 10px; border: 1px solid #77bc63; border-radius: 10px;} #performance-rezepte .av-masonry.av-large-gap {background: #333 !important;} #performance-rezepte h3 {color: #000 !important; text-align: left !important;} .rezepte-kachel {box-shadow:0 10px 40px 0 rgba(47,47,47,.1); border-radius:10px !important; background:#ebebeb; position:relative; overflow:hidden; padding:20px 20px !important; transition: all 0.3s cubic-bezier(.25,.8,.25,1)} .rezepte-kachel + .av_two_fifth {margin-left: 2%; width: 40.4%;} .av-styling-no-styling .avia_image {border-radius: 10px !important;} .recipe-markos tr, .recipe-markos th {background: transparent !important; border-color: transparent !important;} .recipe-zutaten {padding: 0px; width: 100%; max-width: 100%; float:left;} .recipe-zutaten, .recipe-zutaten tr, .recipe-zutaten th {background: transparent !important; border-color: transparent !important; font-size: 15px; text-transform: none !important; padding: 6px 2px; color: #444; font-weight: 500;} .recipe-zutaten th:first-child {text-transform: uppercase !important;} .recipe-zubereitung {padding: 20px; display: inline-block; max-width: 100%; width: 100%;} .recipe-number {margin-right: 5px; border-radius: 100px; padding: 5px 12px; background: #77bc63; color: #fff; font-weight: 900;} .portions-angabe {float: left; padding: 20px 20px 0px; background: #77bc63; margin-bottom: 20px; border-radius: 4px;} .portions-angabe select {background: #f7f7f7 !important; border-color: #f7f7f7 !important; width: 50px !important; font-size: 14px !important; color:#000 !important} .portions-angabe select, .portions-angabe span {float: left;} .portions-angabe span {padding: 3px 10px 0 10px;} .rezept-ueberschrift {float:left; width:100%;} .recipe-info * {font-size: 18px !important;font-weight: 600;} .rezept-portion {float:right; width:40%;} #top .rezepte-kachel .recipe-info {margin-bottom:10px;} #top:not(.single-rezept) .rezepte-kachel .icon.clock {margin-right: 10px;padding: 6px 4px; background: #fff; border-radius: 5px;} .recipe-list {position: absolute;right: 22px; top: 22px;} .recipe-list::before {content: '\f291'; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 18px; position: absolute; left: 12px; color: #fff; line-height: 24px; display: inline-block; transition: ease-in 0.3s; top: 4px;} .recipe-list input {border-radius: 10px; padding-left: 42px;} .kalorien, .fett, .kohlenhydrate, .eiweiss {color:#000; font-size:20px; font-weight:700} #top #ingredient {font-size: 18px !important; padding: 10px 0; border-top: 0.5px solid #c6c6c6 !important;} #top .recipe-zutaten .ingredient-name {float: left; width: 60%; text-align: left; word-wrap: break-word;} #top .recipe-zutaten .ingredient-amount {float: right; width: 40%;text-align: right; padding-right: 10px;} /*--- REZPTE BERECHNUNG NEU ----*/ #top #rezeptangabe-neu .rezept-portion {float: right; } #top #rezeptangabe-neu .portions-angabe {margin-bottom: 0 !important; padding: 0; background: transparent;} #top #rezeptangabe-neu .portions-angabe select, #top #rezeptangabe-neu .portions-angabe span {float: none; vertical-align: middle; display: inline-block !important;} #top #rezeptangabe-neu .portions-angabe .hl-xs {padding: 3px 20px 0 10px;} #top #rezeptangabe-neu .portions-angabe .for {padding: 3px 20px 0 20px !important;} #top #rezeptangabe-neu .portions-angabe .portionen {padding: 3px 10px 0 14% !important;} #top #rezeptangabe-neu .portionsgroesse {float: right !important; font-size: 16px; position: relative; line-height: 32px;} .quantity {display: inline-block; } .quantity .input-text.qty {max-width: 65px !important; height: 49px; padding: 0 5px !important; text-align: left; background-color: transparent !important; border: none !important; display: inline-block !important; margin-bottom: 0px !important;} .quantity .input-text.qty:focus {border-radius: 10px !important;} .quantity.buttons_added {text-align: left; position: relative; white-space: nowrap; vertical-align: middle; display: inline-block !important;} .quantity.buttons_added input {display: inline-block; margin: 0; vertical-align: middle; box-shadow: none;} .quantity.buttons_added .minus, .quantity.buttons_added .plus {padding: 0px 12px; height: 49px; background-color: #77bc63; border: 1px solid #77bc63; cursor: pointer; color: #305127 !important; font-weight: 500; border-radius: 10px; margin: 0 10px; font-size: 30px; line-height: 40px;} .quantity.buttons_added .minus:hover, .quantity.buttons_added .plus:hover {background: #77bc63; } .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button {-webkit-appearance: none; -moz-appearance: none;margin: 0; } .quantity.buttons_added .minus:focus, .quantity.buttons_added .plus:focus {outline: none; } .portionsgroesse {position: relative; float: right !important; font-size: 16px; line-height: 28px;} .flex-container.recipe-markos {display: flex; flex-direction: row; justify-content: flex-start; height:max-content; align-items: baseline; width:100%; position: relative; top: 20px; flex-wrap: wrap;} .flex-container.recipe-markos .circle-makros {width: 140px; padding: 30px 30px; text-align: center; margin: 0 20px 20px;} .circle-makros {content: ''; height:auto; border: 3px solid #444; border-radius: 100%; display: block; text-align: center; } .circle-makros.blue {border-color: #77bc63 !important;} /*--- Recipe Tags ---*/ #top .recipe-tags {position: absolute; top: 10px; left: 0; text-align: left;} #top .recipe-tags ul li {background: #77bc63; color: #fff; padding: 6px 12px 6px 6px !important; font-size: 14px !important; text-align: right; width: max-content; margin-bottom: 10px !important; border-top-right-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 3px 4px rgba(0,0,0,0.2);} #top .recipe-tags.cloud {position: relative;top: 10px;} #top .recipe-tags.cloud ul li { background: #666; color: #fff; padding: 2px 8px !important; font-size: 14px !important; text-align: center; width: max-content; margin-bottom: 10px !important; border-radius: 10px; box-shadow: 0px 3px 4px rgba(0,0,0,0.2); display: inline-block;} /*Custom Posttype Rezepte*/ #top.single-rezept .entry-content-header, #top.single-rezept .entry-content-header + .av-vertical-delimiter, #top.single-rezept .post-meta-infos, #top.single-rezept .entry-footer, #top.single-rezept .post_delimiter, #top.single-rezept .related_posts {display: none !important;} /*Zubereitungsliste NEU*/ .zub-liste .step {display: flex;} .zub-liste .step div {margin: 5px 0;} .zub-liste .step:first-child div {margin-top: 20px;} .zub-liste .step div:first-child {padding: 5px 12px; background: #000; display: inline-block; border-radius: 20px; color: #fff; width: 35px; height: 40px; vertical-align: top;} .zub-liste .step div:last-child {margin-left: 10px;} /*--- TRAININGSKONZEPTE ---*/ .trainings-ueberschrift, .trainings-info {margin-bottom:40px} .trainings-ueberschrift {float:left; width:80%} .trainings-info {float:right; width:20%;} .trainings-info {font-weight: bold; font-size: 20px; margin-bottom:5px} .trainings-dauer:before {content: '\f2f2'; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 25px; position: relative; margin-right: 10px; color: #77bc63; line-height: 24px; transition: 0.1s;} .trainings-int:before {content: '\f46a'; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 25px; position: relative; margin-right: 12px; color: #77bc63; line-height: 24px; transition: 0.1s;} .category-fitnesskonzepte .fallback-post-type-icon::before {content: '\f44b'; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 20px; position: relative;} .category-fitnesskonzepte .entry-content-header:hover .fallback-post-type-icon::before {color: #77bc63 !important;} /*--- SUB-MENU NAVIGATION ---*/ #sub-menu-nav {background-color: #f7f7f7 !important; border-bottom:1px solid #333 !important} #sub-menu-nav .av-menu-button > a {background-color: #f7f7f7 !important;} #sub-menu-nav .av-menu-button > a .avia-menu-text {border: 1px solid #ebebeb !important; border-radius: 10px;padding: 5px 10px !important; font-size: 16px !important;} #sub-menu-nav .av-menu-button:hover > a .avia-menu-text, #sub-menu-nav .av-menu-button:focus > a .avia-menu-text #sub-menu-nav .av-menu-button:active > a .avia-menu-text {border: 1px solid #77bc63 !important; color: #77bc63 !important; text-indent: 0.2px !important;} /*--- TITLE TRAININGSPLÄNE ---*/ .title-training {float:right; font-size:14px;} .title-training:before {content: '\f2f2'; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 20px; position: relative; margin-right: 10px; color: #77bc63; line-height: 24px; transition: 0.1s;} /*--- POST VIDEO LEKTIONEN ---*/ #video-lektionen #post-fitnesskonzepte .post-entry .blog-meta {width: 40% !important;} #video-lektionen #post-fitnesskonzepte .post-entry .entry-content-wrapper {width: 59% !important;} /*--- POST TRAININGSKONZEPTE ---*/ #post-fitnesskonzepte .post-entry {box-shadow: 0 10px 40px 0 rgba(47,47,47,.1) !important; border-radius: 10px !important; background: #ebebeb !important; position: relative !important; overflow: hidden !important; padding: 10px 10px !important; transition: all 0.25s; margin-bottom:20px !important} #post-fitnesskonzepte .post-entry:hover {box-shadow: 0 10px 40px 0 rgba(47,47,47,.3) !important} #post-fitnesskonzepte .post-entry .blog-meta {width: 24% !important; float: left !important; margin: 0 !important; display:inline-block !important;} #post-fitnesskonzepte .post-entry .blog-meta .small-preview {width: 100% !important; border-radius: 10px !important; margin: 0 !important; height: 100% !important;} #post-fitnesskonzepte .post-entry .blog-meta .small-preview img {border-radius: 10px !important;} #post-fitnesskonzepte .post-entry .entry-content-wrapper {width: 75% !important; float: right !important; padding: 20px 20px !important; position: relative !important; display: inline-block !important; text-align: left !important;} #post-fitnesskonzepte .post-entry .entry-content-wrapper .post-title {font-size: 16px !important;line-height: 1.2 !important; padding: 0 !important; margin-bottom: 0 !important;} #post-fitnesskonzepte .post-entry .entry-content-wrapper .av-vertical-delimiter, #post-fitnesskonzepte .post-entry .entry-content-wrapper .read-more-link, #post-fitnesskonzepte .post-entry .entry-content-wrapper .post-meta-infos, #post-fitnesskonzepte .post-entry .entry-content-wrapper .entry-footer, #post-fitnesskonzepte .post-entry .entry-content-wrapper .post_delimiter {display: none !important;} /*--- POST ÜBERSICHT AUF VIDEO-SEITE ---*/ #post-fitnesskonzepte.short .post .entry-content-wrapper .entry-content {display: none !important;} /*--- LIVE KEYNOTES ---*/ /*--- WEITERE BEITRÄGE ___*/ #live-keynotes-navigation .post-title, #live-keynotes-navigation .slide-entry-title {text-align: left; margin-bottom: 0;font-size: 18px !important;} #live-keynotes-navigation .post-meta-infos {display: none !important;} #live-keynotes-navigation .bloglist-excerpt .read-more-link {text-align: right; position: relative; margin-top: 0px;} #live-keynotes-navigation .bloglist-excerpt .more-link {color:#fff} #live-keynotes-navigation .bloglist-excerpt .more-link:hover, #live-keynotes-navigation .bloglist-excerpt .more-link:focus, #live-keynotes-navigation .bloglist-excerpt .more-link:active {color:#77bc63} #live-keynotes-navigation-trainingskonzepte-navigation .post-title.entry-title {font-size: 18px !important;} /*--- GOOGLE RECAPTCHA ---*/ .grecaptcha-badge {visibility: hidden !important;} /*--- LEARNDASH OVERRIDES ---*/ /*--- DASHBOARD ---*/ .ld-course-list-items .ld_course_grid .thumbnail.course {background-color: #ebebeb;border: 1px solid #ebebeb; border-radius: 10px; box-shadow: 0 4px 18px rgba(0,0,0,.07),0 10px 10px rgba(0,0,0,.09); display: flex;flex-direction: row;} .ld-course-list-items .ld_course_grid .thumbnail a {width: 28%; border-top-left-radius: 10px; border-bottom-left-radius: 10px;} .ld-course-list-items .ld_course_grid .thumbnail .caption {width: 70%; position: relative; padding: 20px 20px 10px; color: #000 !important; text-transform: none !important;} .ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled {background: linear-gradient(45deg, #77bc63, #537c48) !important;} .ld-course-list-items .ld_course_grid .btn-primary {color: #fff; background: linear-gradient(45deg, #77bc63, #537c48) !important; border:none; transition: 0.25s;} .ld-course-list-items .ld_course_grid .thumbnail.course a.btn-primary {min-width: 200px !important; border-radius: 4px !important;} .ld-course-list-items .ld_course_grid .btn-primary:hover, .ld-course-list-items .ld_course_grid .btn-primary:focus, .ld-course-list-items .ld_course_grid .btn-primary:active, .ld-course-list-items .ld_course_grid .btn-primary.active, .ld-course-list-items .ld_course_grid .open .dropdown-toggle.btn-primary {color: #000; background: linear-gradient(45deg, #77bc63, #537c48) !important; border-color: none; transition: 0.25s} .ld-course-list-items .ld_course_grid .thumbnail .caption p {font-size: 16px !important;} .ld-course-list-items .ld_course_grid .entry-title {font-size: 24px !important;} .ld-course-list-items .ld_course_grid .caption .entry-content {font-size: 14px; font-weight: 400; margin-top: 10px;} /*--- COURSE OVERVIEW ---*/ #top.sfwd-courses-template-default .content {padding: 0 !important;} #top.sfwd-courses-template-default .learndash-wrapper {border-radius: 10px; text-align: left;} #top.sfwd-courses-template-default .learndash-wrapper h2 {margin-top: 0;} #top.sfwd-courses-template-default .ribbon.enrolled {display: none !important;} #top.sfwd-courses-template-default .learndash-wrapper .ld-tab-content .avia-caption-title {display: none;} /*--- LD - MENU ---*/ .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:hover {opacity: 1 !important; background-color: #77bc63 !important;} /*--- COURSE OVERVIEW ---*/ #top .fullsize .template-blog .post .entry-content-wrapper {max-width:100%;} #top .fullsize .template-blog .post .entry-content-wrapper > * {max-width: 100%;} .learndash-wrapper .ld-course-status.ld-course-status-enrolled {background-color: #f7f7f7;} .learndash-wrapper .ld-item-list.ld-course-list .ld-lesson-section-heading, .learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading {font-size: 22px; text-transform: uppercase;} .learndash-wrapper .ld-item-list .ld-item-list-item {border: 2px solid #ebebeb; background: #f7f7f7;} .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {padding: 10px;} .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {color: #000; font-weight: 400 !important;} #top .learndash-wrapper .ld-tab-content h2, #top .learndash-wrapper .ld-tab-content h2 + p, #top .learndash-wrapper .ld-tab-content #performance-rezepte {padding-left: 20px !important;} /*--- LEKTION PAGE ---*/ .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item, .learndash-wrapper .ld-focus .ld-focus-sidebar {background-color: #f7f7f7 !important;} .learndash-wrapper .ld-focus .ld-focus-header {background: #f7f7f7 !important;} .learndash-wrapper .ld-focus .ld-focus-header .ld-progress-steps {color: #000 !important;} .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content, .learndash-wrapper {background: #ebebeb !important; padding: 10px;} .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1, .learndash-wrapper .ld-focus .ld-focus-main .ld-tabs-content p {color: #000 !important;} .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {font-size: 40px !important; padding: 20px 10px 0;font-weight: 700 !important; text-transform: uppercase !important;} .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading a {color: #fff !important; font-weight: 700 !important;} .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list {background-color: #ebebeb !important;} .learndash-wrapper .ld-table-list a.ld-table-list-item-preview {color: #000 !important; font-weight: 400 !important;} /*--- LESSON PAGE ---*/ #top .fullsize .template-blog .blog-meta {display: none !important;} .learndash-cpt .post-entry .post-title {display: none !important;} .learndash-wrapper .ld-breadcrumbs {background: #f7f7f7;} .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span a {color: #000 !important;} .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span::after {content: "\e913" !important;font-family: 'ld-icons' !important; font-weight: 600; font-size: 10px !important; margin: 0px 2px;} .ld-button:hover, .ld-button:active {color: #000 !important;} .learndash-wrapper .ld-button .ld-text {color: #fff !important;} .ld-video {border-radius: 10px !important;} /*--- NUTRITION PAGE ---*/ #top #learndash_post_292 .learndash-wrapper.learndash-wrap {display: none;} /*--- PROFIL PAGE ---*/ #top .ld-profile-summary, #top .ld-item-list.ld-course-list {width:50%; float:left;} #top .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {padding:8px;} #top .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-progress {background: #f7f7f7;} #top .learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-edit-link {display:none; } /*--- Achivements ---*/ #noty_layout__topLeft, .noty_layout {top: initial; bottom: 20px; left: 20px; width: 325px;} .noty_layout .noty_bar .rtl {display: flex; flex-direction: row; text-align: left;} .noty_layout .noty_bar .rtl .text {order: 1;} .noty_layout .noty_bar .rtl .image {order: 2; width: 30%;} .noty_layout .noty_bar .rtl .image img {width: 33px} /*--- PERSONALSPACE --- .container.personalspace {max-width: 100%;padding: 0;} .container.personalspace .container-85 {max-width: 85%; padding:0 50px; margin: 0 auto;}*/ .container.personalspace .container-100 {max-width: 100%; padding: 10px; margin:0 auto; background:#f7f7f7 !important;} /*--- PERSONALSPACE - Welcome Msg---*/ #top .personalspace .welcome-icon {width:50%; display:inline-block;} #top .personalspace .welcome-icon::before {content: ''; position: relative; width: 120px; height: 242px; background: url(/wp-content/uploads/icons/coach_livit.svg) 50% 50% no-repeat; background-position: center; background-size: contain; display: inline-block;} #top .personalspace .welcome-msg {display: inline-block; vertical-align: top; background: #ebebeb; padding: 20px; border-radius: 10px; max-width: calc(100% - 200px);; margin-left: 20px;} #top .personalspace .welcome-msg::before {content: ''; position: absolute; width: 0; height: 0; border-top: 13px solid transparent; border-right: 26px solid #ebebeb; border-bottom: 13px solid transparent; margin: 2px 0 0 -45px;} /*--- PERSONALSPACE - Overview Weight---*/ #top #overview {width: 49.5%; display: inline-block; margin-bottom: 20px; padding: 20px !important; background: #ebebeb; border-radius: 10px;} #top #overview .ov-weight {padding-top: 20px; border-top: 1px solid #b0b0b0 !important; margin-top: 20px;} #top #overview .progressbar {background-color: #f1f1f1; width:100%; border-radius: 16px; margin-top: 10px} #top #overview .progresspercent {background-color: #77bc63; border-radius: 16px; text-align: center; color:#fff; max-width: 100%;} #top #overview .prgr_weight {position: relative; width: max-content; margin-top: 5px; display: inline-block;} #top .personalspace #overview .ov-weight #progress-start::before, #top .personalspace #overview .ov-weight #progress-end::before {content: ''; position: absolute; top: -30px; width: 24px; height: 24px; background: #77bc63; border-radius: 100%; border: 1px solid #444;} #top .personalspace #overview .ov-weight #progress-end {right: 27px; position: absolute !important;} #top .personalspace #overview .ov-weight #progress-end::before {right:-4px;} #top .personalspace #overview .ov-weight #progress-current {left:45%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); font-weight: 700;} #top .personalspace #overview .ov-weight #progress-current::before {content:'Dein aktuelles Gewicht: '; font-weight: initial;} #top .personalspace #overview .ov-weight #progress-current::after {content:' kg';} /*--- PERSONALSPACE - Overview Nutritions---*/ #top #overview .circle-left {width: 100px; display: inline-block; vertical-align: top; height: 100px;} #top #overview .ov-nutritions .bar-right {width: calc(100% - 105px); padding-left:5px; display: inline-block;} #top #overview .bar-right {width: 100%; display: inline-block;} #top #overview .ov-nutritions .progresspercent {text-align: left; text-indent: 15px; font-size: 11px; line-height: 24px; min-width: max-content;} #top #overview #progresskcal {border: 5px solid #7fc6dd; border-radius: 100%; width: 100px; height: 100px; text-align: center; position: relative; padding-top: 32px; margin-top: 5px;} #top #overview #progresscarb {background: #e45840 !important;} #top #overview #progressfat {background: #dbdb25 !important;} /*--- Ergänzung für den Rezeptebereich ---*/ #top .rezepte-kachel #overview {width: 100%; display: block; padding:5px 0 !important} /*--- KUNDENUEBERSICHT ---*/ #top .client-list {display: flex; flex-direction: row; flex-wrap: wrap;} #top .client-list div {width: 24%; background: #fafafa; margin-right: 1%; margin-bottom: 1%; border-radius: 10px; overflow: hidden;} #top .client-list div h2 {padding-left: 10px; width: 100%; background: #77bc63; color: #fff;} #top .client-list ul.icon-list {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: space-between;} #top .client-list ul.icon-list li.user {flex: 0 0 95%; padding: 8px 12px; background: #ebebeb; margin: 5px 2.5% !important; border-radius: 5px;} /*--- PERSONALSPACE - ACCORDION ---*/ #top .personalspace .togglecontainer {width: 100%; max-width: 100%;} #top .personalspace .single_toggle { background: #ebebeb; border-radius: 10px;} #top .personalspace .single_toggle .toggler { background: #ebebeb; font-weight: 600 !important; font-size: 1.2rem; color: #77bc63;} #top .personalspace .single_toggle .toggler.activeTitle { color: #fff !important; background: #77bc63;} #top .personalspace .single_toggle .toggler.activeTitle .toggle_icon .vert_icon, #top .personalspace .single_toggle .toggler.activeTitle .toggle_icon .hor_icon {border-color:#fff !important;} #top .personalspace .single_toggle .toggle_content {background:#fff !important} /*--- PERSONALSPACE - TABS ---*/ .ov_tab_menu {display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%; background: #f7f7f7; border-top-right-radius: 5px; border-top-left-radius: 5px;} .ov_tab_menu a {flex: 1; display: inline-block; text-align: center; padding: 10px 5px; font-size: 18px; text-decoration: none; background: #fff; border-bottom: 4px solid #ebebeb !important;} .ov_tab_menu a.active, .ov_tab_menu a.active:focus {background: #77bc63; color: #fff; border-bottom: 4px solid #77bc63 !important;} .ov_tab_menu a:hover, .ov_tab_menu a:focus {background: #ebebeb; color: #1a1a1a; border-bottom: 4px solid #77bc63 !important;} .ov_tab_menu a:first-child {border-top-left-radius: 5px;} .ov_tab_menu a:last-child {border-top-right-radius: 5px;} /*--- PROFIL - ERNAEHRUNGSKONZEPT ---*/ .nutritable {overflow: auto;} #nutritonconcept { border-collapse: collapse; width: 100%; overflow-x: auto;} #nutritonconcept td, #nutritonconcept th {border: 1px solid #ddd; padding: 8px;} #nutritonconcept tr:nth-child(even){background-color: #f2f2f2;} #nutritonconcept td:hover {background-color: #ddd;} #nutritonconcept th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #77bc63; color: #fff;} #nutritonconcept tr td:first-child {text-transform: uppercase; font-weight: 700;} /*--- PROFIL - ERNAEHRUNGSKONZEPT 2.0 ---*/ #top .personalspace .headline {width: 100%; background: #444; color: #fff; padding: 10px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; position: relative;} #top .personalspace .headline:after { content: "\f054"; /* Font Awesome chevron down icon */ font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease;} #top .personalspace .headline:hover { background-color: #555;} #top .personalspace .ep_abschnitt {background: #ebebeb; margin-bottom: 20px; padding: 0 10px; display: none; /* Initially hidden, except the first one */ transition: max-height 0.3s ease, opacity 0.3s ease;} #top .personalspace .ep_table { padding: 10px 5px !important;} #top #ernaehrungskonzept .ep_eckdaten {display: flex;flex-direction: column;margin: 0 0 10px;border: 1px solid #ebebeb !important;border-radius: 5px;} #top #ernaehrungskonzept .ep_head {order: 1;padding: 5px;background: #77bc63;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #fff;} #top #ernaehrungskonzept .ep_time {display: inline-block;text-align: left;width: max-content;} #top #ernaehrungskonzept .ep_time .ep_day {padding: 0 5px;} #top #ernaehrungskonzept .ep_kcal {display: inline-block;text-align: right; width: max-content; float:right;} #top #ernaehrungskonzept .ep_kcal i {padding: 0 5px 0 0;} #top #ernaehrungskonzept #ernaehrungssprogram {order: 2; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start;} #top #ernaehrungskonzept #ernaehrungssprogram div {padding: 5px 10px; background: #fff; border-right: 1px solid #ebebeb;} #top #ernaehrungskonzept #ernaehrungssprogram:nth-child(2n+1) div { background-color: #f7f7f7;} #top #ernaehrungskonzept #ernaehrungssprogram div:nth-child(1) { min-width: 100px; width: 25%;} #top #ernaehrungskonzept #ernaehrungssprogram div:nth-child(2) { max-width: calc(100% - 300px); width: 45%;} #top #ernaehrungskonzept #ernaehrungssprogram div:nth-child(3) { min-width: 100px; width: 15%;} #top #ernaehrungskonzept #ernaehrungssprogram div:nth-child(4) { min-width: 100px; width: 15%; border: none !important;} /*Accordion specific styles*/ #top .personalspace .headline.active { background-color: #333;} #top .personalspace .headline.active:after {transform: translateY(-50%) rotate(90deg);} #top .personalspace .ep_abschnitt.active { display: block; max-height: 100%; /* adjust as needed */ opacity: 1;} #top .personalspace .ep_abschnitt { max-height: 0; opacity: 0;} #top .personalspace .ep_notizen {background: #ffda6d;padding: 8px 12px !important;border-radius: 20px;} #top .personalspace .ep_notizen .medium {line-height: 30px;} #top .personalspace .ep_notizen .medium::before {content: "\f05a"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:30px; padding-right:5px; position: relative;top: 3px;} #top .personalspace .ep_notizen table {overflow-x: auto !important; display: block; white-space: nowrap;} /*--- PROFIL - ROUTINEN ---*/ #top #routinenprotokoll tr th {background: #77bc63; color: #fff; border-bottom:1px solid #fff;} #top #routinenprotokoll tr th:first-child {border-top-left-radius: 10px;} #top #routinenprotokoll tr th:last-child {border-top-right-radius: 10px;} #top #routinenprotokoll tr td {border: 1px solid #ebebeb;} #top #routinenprotokoll tr:nth-child(2n+1) {background-color: #f7f7f7;} /*--- PROFIL - TRAININGSPROGRAM ---*/ #top .personalspace .trainingstable {padding: 10px 5px !important;} #top #trainingskonzept .tp_eckdaten {margin: 0 0 10px; border: 1px solid #ebebeb !important; border-radius: 5px;} #top #trainingskonzept .tp_head {padding: 5px; background: #444; border-top-left-radius: 5px; border-top-right-radius: 5px; color:#fff;} #top #trainingskonzept .tp_time {display: inline-block; text-align: left; width: max-content;} #top #trainingskonzept .tp_time .tp_day {padding: 0 5px;} #top #trainingskonzept .tp_art{display: inline-block; text-align: right; width: max-content; float: right;} #top #trainingskonzept .tp_art i {padding: 0 5px 0 0;} /*--- PROFIL - PROTOKOLLE - USERVIEW ---*/ #top .gewichtsprotokoll-form .acf-field-radio, #top .aktivitaetsprtokoll-form .acf-field-radio, #top .routinen-form .acf-field-radio {display: none !important;} #top .gewichtsprotokoll-form table, #top .aktivitaetsprtokoll-form table, #top .routinen-form table {border: 10px !important;} #top .gewichtsprotokoll-form table tr, #top .aktivitaetsprtokoll-form table tr, #top .routinen-form table tr {background: transparent !important; border: none !important;} #top .gewichtsprotokoll-form table tr th, #top .aktivitaetsprtokoll-form table tr th, #top .routinen-form table tr th {background: #77bc63 !important; color: #fff; text-transform: uppercase;} #top .gewichtsprotokoll-form table tr th:first-child, #top .aktivitaetsprtokoll-form table tr th:first-child, #top .routinen-form table tr th:first-child {border-top-left-radius: 10px;} #top .gewichtsprotokoll-form table tr th:last-child, #top .aktivitaetsprtokoll-form table tr th:last-child, #top .routinen-form table tr th:last-child {border-top-right-radius: 10px;} #top .gewichtsprotokoll-form table tr th label, #top .aktivitaetsprtokoll-form table tr th label, #top .routinen-form table tr th label {font-size: 14px; font-weight: 900 !important;} #top .gewichtsprotokoll-form .acf-actions, #top .aktivitaetsprtokoll-form .acf-actions, #top .routien-form .acf-actions {margin-top: 20px;} /*--- PROFIL - TRAININGSPROGRAM - TABLE ---*/ #trainingsprogram {overflow: auto;} #trainingsprogram {border-collapse: collapse; width: 100%; overflow-x: auto;} #trainingsprogram table {margin: 0;} #trainingsprogram table tr:first-child {background: #ebebeb !important; font-size: 12px; color: #000;} #trainingsprogram table tr:first-child th {border: 1px solid #ebebeb; background: #bbb !important;} #trainingsprogram tr {background: #fff !important;} #trainingsprogram tr:nth-child(2n) {background: #f7f7f7 !important;} #trainingsprogram tr td {border:1px solid #ebebeb !important;} /*PERSONALSPACE - GEWICHTSPROTOKOLL*/ .personalspace .flex {display: flex !important; gap: 20px; flex-wrap: wrap;} .personalspace .flex > :is(.gp_table,.ap_table) {flex: 0 0 100%; order: 2; max-height: 400px; overflow-y: auto;} .personalspace .flex > :is(.gp_table,.ap_table):has(#gewichtsprotokoll, #aktivitaetsprotokoll) {width: 100%; border-collapse: collapse;} .personalspace .flex > :is(.gp_table,.ap_table):has(#gewichtsprotokoll, #aktivitaetsprotokoll) th, .personalspace .flex > :is(.gp_table,.ap_table):has(#gewichtsprotokoll, #aktivitaetsprotokoll) td {border: 1px solid #ddd;padding: 8px;} .personalspace .flex > :is(.gp_table,.ap_table):has(#gewichtsprotokoll, #aktivitaetsprotokoll) th {background-color: #f2f2f2;position: sticky;top: 0;} .personalspace .flex .gewichtsprotokoll-chart {flex: 0 0 100%; order: 1; position: relative;width: 100%; max-width: 1000px; margin: auto;} .personalspace .flex .gewichtsprotokoll-chart canvas {width: 100% !important; max-height: 400px; height: 400px !important;} /*ACF FORM*/ #top .personalspace .flex > :is(.gp_form, .ap_form) {flex: 0 0 100%;order: 3;} #top .personalspace .flex > :is(.gp_form, .ap_form) #message {display: none;} #top .personalspace .flex > :is(.gp_form, .ap_form) .acf-label {display: none;} #top .personalspace .flex > :is(.gp_form, .ap_form) .acf-fields .acf-field { padding: 0;} #top .personalspace .flex > :is(.gp_form, .ap_form) .acf-actions .acf-button {background: transparent !important;color: #000 !important;text-decoration: underline !important;text-decoration-color: currentcolor !important;-webkit-text-decoration-color: rgba(0,0,0,.25) !important; text-decoration-color: rgba(0,0,0,.25) !important;text-underline-position: under; font-weight: 500; word-break: break-word;-webkit-hyphens: auto !important;-ms-hyphens: auto !important;hyphens: auto;padding: 0;font-size: 16px;} #top .personalspace .flex > :is(.gp_form,.ap_form) .acf-actions .acf-button::before {content: '\f0fe'; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font-weight: 600; font: var(--fa-font-solid); font-size: 20px; color:#444 !important; margin-right: 5px; position: relative; top: 2px;} #top .personalspace .flex > :is(.gp_form,.ap_form) button[type="submit"], #top .personalspace .flex > :is(.gp_form,.ap_form) input[type="submit"] {float: none !important;width: max-content;left: 50%;position: relative;transform: translateX(-50%);} /*--- Mobilemenu --*/ #floating-menu {position: fixed;bottom: 0; width: 100%; background: rgba(51, 51, 51, 0.95); backdrop-filter: blur(2px); padding: 5px 0 12px; z-index:9999; display: none;} #floating-menu ul {margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-between; align-items: center;} #floating-menu li { margin: 0; padding: 0;} #floating-menu li:first-child {padding-left: 10px;} #floating-menu li:last-child {padding-right: 10px;} #floating-menu li a { display: block; padding: 10px; color: #fff; text-align: center;} #floating-menu li:is(.active) a * {color: #77bc63 !important;} #floating-menu li:not(.active) a * {color: #d5d5d5;} #floating-menu li a i { margin:auto;} #floating-menu li a .desc {display: block; text-align: center; font-size: 12px; color:#fff} #menu-overlay {position: fixed;bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 9998;} #menu-overlay ul { position: absolute; bottom: 70px; left: 0; width: 100%; background-color: #ffffff; padding: 10px; list-style: none;} #menu-overlay li { margin: 0; padding: 0;} #menu-overlay li a { display: block; padding: 10px; color: #333333;} #menu-overlay li a i {margin-right: 5px;} /*--- RESPONSIVE DESIGN---*/ @media only screen and ( max-width: 5000px ) { } @media only screen and ( max-width: 1920px ) { /*--- TOP SLIDER ---*/ #slider-startseite .container, #slider-ebene1 .container {height:550px !important;} #slider-ebene2 .container {height:400px !important;} /*--- REZEPTE ---*/ .portions-angabe {float: right; padding: 20px 5px 0px;} } @media only screen and ( max-width: 1500px ) { /*--- REZEPT ÜBERSICHT ---*/ #top.postid-292 .container {max-width: 100% !important;padding: 0 20px !important;} } @media only screen and ( max-width: 1280px ) { /*--- TAB SECTION ---*/ .av-tab-section-tab-title-container {margin-left: 4%;} /*--- REZEPTE ---*/ .rezept-ueberschrift {float:left; width:100%} .rezept-portion {float:left; width:100%;} .portions-angabe {float: left;} /*--- TRAININGSKONZEPTE ---*/ .trainings-ueberschrift, .trainings-info {margin-bottom:10px} .trainings-ueberschrift {float:left; width:70%} .trainings-info {float:right; width:30%;} .title-training {float:right; font-size:14px; width:100% !important} /*--- LEARNDASH ------------------------------------------------------------------------------*/ /*--- DASHBOARD ---*/ .ld-course-list-items .ld_course_grid .thumbnail .caption {width: 68%; top: 0px; position: relative;} .ld-course-list-items .ld_course_grid .thumbnail.course {min-height: 280px !important;} .ld-course-list-items .ld_course_grid .entry-title {font-size: 24px !important;} /*--- PERSONALSPACE ---*/ #top .personalspace .welcome-icon {width: 100%; display: block;} #top .personalspace #overview {width: 100%; display: block;} #top .personalspace #overview #nutritonconcept td {min-width: 150px;} } @media only screen and ( max-width: 1024px ) { /*--- CONTAINER ---*/ .responsive .container {max-width: 100% !important; padding: 0 25px !important;} .modul-abstand .flex_cell {padding: 40px 2.5% 40px 2% !important;} /*--- FONT STYLING---*/ p, body {font-size:14px;} /*--- HEADLINE ---*/ .headline-width {width: 100% !important;} } @media only screen and ( max-width: 989px) { html {min-width: 0 !important;} :not(.page-id-17) header {display: block;} .page-id-17 header {display: block;} .responsive main.content {margin-bottom: 70px;} /*---All - Hide content---*/ .desktop-hidden {display:none !important} .mobile-hidden {display:block !important} /*--- CONTAINER ---*/ .responsive #top #wrap_all .container.personalspace {width: 100% !important; max-width: 100% !important; padding:0 !important} .responsive .container.personalspace .container-85 {max-width: 100% !important; padding: 0 10px !important;} .responsive .container.personalspace .container-100 {max-width: 100% !important; padding: 10px !important; margin: 0 0 50px 0 !important;} /*--- Header Meta ---*/ .responsive #top .phone-info {text-align: right;} .responsive #top .phone-info .user-logout a::before {font-size: 16px; line-height: 22px; top: 2px;} /*--- MENU ---*/ .responsive #top .user-profil a::before {font-size: 22px; line-height: 20px; top: 1px;} /*--- Mobilemenu --*/ /*Headermeta*/ .responsive #header_meta {display: none !important;} /*Mobilemenu*/ .responsive #floating-menu {display: block !important; border-radius: 0px; margin: 0; width: 100%; box-shadow: 0 -2px 10px rgba(0,0,0,0.2);} .responsive #floating-menu #menu-overlay {bottom: 0;} .responsive #floating-menu a {font-size: 16px;} .responsive #floating-menu #menu-toggle {display: block; width: 25%; font-size: 20px;} /*Mobilemenu on Recipe Pages*/ .responsive .single-post #floating-menu, .responsive .single-recipe #floating-menu, .responsive .single-rezept #floating-menu {width: 100% !important; margin: 0 !important; border-radius: 0 !important;} /*#menu-overlay {display: block;}*/ body.ld-in-focus-mode, body.ld-in-focus-mode .learndash-wrapper {max-width: 100vw;} /*--- DASHBOARD -----------------------------------------------------------------------------------------------------------------------------------*/ .responsive #top #dashboard main {margin-bottom: 70px;padding-top: 10px;} /*Important Links Flex*/ .responsive #top #dashboard .flex {gap: 10px;} .responsive #top #dashboard .flex.row-4 .flex-row.flex-row {flex: 1 0 calc(50% - 10px); height: initial; padding: 10px; border-radius: 10px;} .responsive #top #dashboard .flex .flex-row a {display: flex;gap: 10px; align-items: center;} .responsive #top #dashboard .flex .flex-row a .content {padding: 0;} .responsive #top #dashboard .flex .flex-row a .content h3 {font-size: 16px; text-align: left;} .responsive #top #dashboard .flex .flex-row a .content p {display: none;} .responsive #top #dashboard .flex .flex-row a .icon::before {font-size: 20px;} .responsive #top #dashboard .flex .flex-row a .icon {padding: 8px 10px 10px 12px !important;} .responsive #top #dashboard .flex .flex-row a .icon.user, .responsive #top #dashboard .flex .flex-row a .icon.users, .responsive #top #dashboard .flex .flex-row a .icon.recipe, .responsive #top #dashboard .flex .flex-row a .icon.chat, .responsive #top #dashboard .flex .flex-row a .icon.drive {margin: 0 !important; height: initial; width: initial;} /*Welcome-Box*/ .responsive #top #dashboard .welcome .flex.row-2 {flex-wrap: nowrap;} .responsive #top #dashboard .welcome .flex.row-2 .column-two-thirds {flex: 0 0 calc(100% - 100px);} .responsive #top #dashboard .welcome .flex.row-2 .column-one-thirds {flex: 0 0 100px !important;} .responsive #top #dashboard .welcome .flex.row-2 .column-two-thirds div, .responsive #top #dashboard .welcome .flex.row-2 .column-one div {display: none;} .responsive #top #dashboard .welcome .flex.row-2 h2 {font-size: 28px;} /*Welcome-Box - Coach*/ .responsive #top #dashboard .welcome .flex.row-2 .column-one-thirds img {border: 7px solid #e9e9e9;max-width: 100px; margin: 0; display: block;} /*Courses*/ .responsive #top #dashboard .flex.courses .flex-row {min-height: 150px;} .responsive #top #dashboard .flex.courses .flex-row::before {border-radius: 10px;} /*Facts*/ .responsive #top #dashboard .flex.row-2.facts .column-two-thirds, .responsive #top #dashboard .flex.row-2.facts .column-one-thirds {flex: 0 0 100% !important;} .responsive #top #dashboard .flex.row-2.facts .column-two-thirds.flex .column-one-half {height:150px} /*FACTS ADMIN*/ .responsive #top #dashboard .flex.admin.facts .column-full {padding: 0;} .responsive #top #dashboard .flex.admin.facts .column-full table {margin: 0;} .responsive #top #dashboard .flex.admin .column-full:first-child {overflow-x: auto;} .responsive #top #dashboard .flex.admin .column-full:first-child th:first-child, .responsive #top #dashboard .flex.admin .column-full:first-child td:first-child { position: sticky; left: 0; background: #f0f0f0; z-index: 1;} /*--- EINKAUFSLISTE -----------------------------------------------------------------------------------------------------------------------------------*/ /*ACCORDION*/ .responsive #top #einkaufsliste .einkaufsliste-container h1 {text-align: center;} .responsive .page-id-1689 main.content {padding-top: 10px !important;} /*---- LMS - COURSE SINGLE PAGE ---*/ .responsive #top.single-sfwd-courses #wrap_all .container { width: 100% !important; max-width: 100% !important; padding: 0 !important;} .responsive #top.single-sfwd-courses #wrap_all .container .av-vertical-delimiter, .responsive #top.single-sfwd-courses #wrap_all .container .post-meta-infos, .responsive #top.single-sfwd-courses #wrap_all .container .post_delimiter {display: none !important;} .responsive #top .learndash-wrapper .ld-tab-content h2, .responsive #top .learndash-wrapper .ld-tab-content h2 + p, .responsive #top .learndash-wrapper .ld-tab-content #performance-rezepte {padding-left: 10px !important;} /*--- LMS - LESSON/TOPIC SINGLE PAGE ---*/ .single-sfwd-lessons .ld-focus-content, .single-sfwd-topic .ld-focus-content {margin: 0 !important; padding: 20px 10px 0 !important;} .single-sfwd-lessons .learndash-wrapper, .single-sfwd-topic .learndash-wrapper {padding: 0 !important;} /*Custom Fix - Rezepte Page*/ .single-sfwd-courses #learndash_post_292 .learndash-wrapper {padding: 0 0 10px !important;} .single-sfwd-courses #learndash_post_292 .learndash-wrapper .ld-tabs {margin:0 !important} .single-sfwd-courses #learndash_post_292 .ld-tabs h2, .single-sfwd-courses #learndash_post_292 .ld-tabs p, .single-sfwd-courses #learndash_post_292 .ld-tabs #performance-rezepte, .single-sfwd-courses #learndash_post_292 .ld-tabs .blog-layout {padding: 0 10px !important;} .single-sfwd-courses #learndash_post_292 .ld-tabs p:first-child {padding: 0 !important; margin: 0 0 10px;} /*--- BLOG REZEPTE ---*/ .js_active .blog-layout .tab {margin: 0 !important; float: initial; border: 0; padding: 0 30px;} #top .blog-layout .rezept-two-column {width: 100%;} .responsive #top .blog-layout #category-cloud {display: flex; overflow-x: auto; white-space: nowrap;flex-wrap: nowrap; flex-direction: unset; padding: 0 0 10px 0;} .responsive #top .blog-layout #category-cloud .category-link {flex: 0 0 auto; margin: 2px 2px; border-radius: 5px; } .responsive #top .blog-layout .rezept-two-column a .rezept-info {margin-bottom:0; margin-top: 15px;} .responsive #top .blog-layout .rezept-two-column a .rezept-content .rezept-kalorien.desktop-hidden {display: none !important;} .responsive #top .blog-layout .rezept-two-column a .rezept-img .rezept-kalorien.mobile-hidden{display: initial !important;} /*--- REZEPT BEITRAEGE ---*/ .responsive #top #wrap_all #rezept-section .container {width: 100% !important; max-width: 100% !important; padding: 0 !important;} .responsive #top #wrap_all #rezept-section .container .content {padding: 0;} .responsive #top #wrap_all .av-styling-no-styling .avia_image {border-radius: 0px !important;} .responsive #top #wrap_all .mobile-thin {max-height: 250px;} .responsive #top #overview .ov-nutritions .bar-right {padding-left: 0px; width: 100%;} .responsive #top .rezepte-kachel.first {box-shadow: 5px -10px 10px rgba(0,0,0,0.4);} .responsive .recipe-zutaten {display: block !important; width:100%;} .responsive .recipe-zubereitung {display: block !important; padding: 0px !important; width: 100%; margin-bottom: 120px;} /*Custom Posttype Rezepte*/ .responsive #top.single-rezept #wrap_all .container {width: 100% !important; max-width: 100% !important; padding: 0 !important;} .responsive #top.single-rezept #wrap_all .container .content {padding-top: 0 !important; padding-bottom: 0 !important;} .responsive #top.single-rezept #wrap_all .container .rezepte-kachel{padding: 15px 15px !important;} .responsive #top.single-rezept #wrap_all .container .rezepte-kachel.first {width: 100%; margin: 0 0 20px;} .responsive #top.single-rezept #wrap_all .container .rezepte-kachel + .av_two_fifth {width: 100%; margin: 0;} /*Portionsangaben Floating*/ .responsive #top #rezeptangabe-neu .rezept-portion {float: right; width:60%} .responsive #top #rezeptangabe-neu .portions-angabe select, .responsive #top #rezeptangabe-neu .portions-angabe span {display: inline-block;} .responsive #top #rezeptangabe-neu .portions-angabe span {padding:10px 0 0;} .responsive #top #rezeptangabe-neu .portions-angabe .for {padding: 10px 0 10px 10px !important;} .responsive #top #rezeptangabe-neu .portions-angabe .portionen {padding: 10px 10px 10px 0 !important;} .responsive #top #rezeptangabe-neu .portions-angabe .quantity .minus, .responsive #top #rezeptangabe-neu .portions-angabe .quantity .plus {padding: 0px 10px; height: 42px; font-size: 20px; line-height: 20px;} .responsive #top #rezeptangabe-neu .portions-angabe .quantity .minus {margin-left: 0;} .responsive #top #rezeptangabe-neu .portions-angabe .quantity .plus {margin-right: 0;} .responsive #top #rezeptangabe-neu .portions-angabe .quantity .qty {margin-bottom: -10px !important;} .responsive #top #rezeptangabe-neu + .measurement {width: 40%; font-size: 16px;} .responsive #top #rezeptangabe-neu + .measurement::before {width: 42px; top: 10px;} /*Rezeptangaben*/ .responsive #top .recipe-zutaten {padding: 10px 0; list-style-type: none; margin-left: 0;} .responsive #top .recipe-zutaten #ingredient {font-size: 14px !important; padding: 8px 0; height: 35px;} .responsive #top .recipe-zutaten .ingredient-name {float: left; width: 60%; text-align: left; word-wrap: break-word;} .responsive #top .recipe-zutaten .ingredient-amount {float: right; width: 40%;text-align: right; padding-right: 5px;} /*--- TRAININGSKONZEPTE ---*/ .trainings-ueberschrift, .trainings-info {margin-bottom:10px} .trainings-ueberschrift {float:left; width:100%} .trainings-info {float:left; width:100%;} /*--- PROFILE ---*/ #top .ld-profile-summary, #top .ld-item-list.ld-course-list {width: 100% !important;} /*--- PERSONALSPACE ---*/ #top .personalspace #overview .ov-weight #progress-end {right: 27px;position: absolute !important;} #top .personalspace .ov_tab_menu a {font-size: 16px;} /*--- PERSONALSPACE - ERNAEHRUNGSKONZEPT 2.0 ---*/ #top .personalspace .ep_abschnitt {padding:0 !important;} #top .personalspace .ep_table {padding: 5px !important;} #top #ernaehrungskonzept #ernaehrungssprogram div:nth-child(1) {order:1; width: 15%; min-width: 15%; max-width: 100px;} #top #ernaehrungskonzept #ernaehrungssprogram div:nth-child(2) {order:3; width: 50%; min-width: 50%; border-left: 1px solid #ebebeb;} #top #ernaehrungskonzept #ernaehrungssprogram div:nth-child(3) {order:4; width:20%; min-width: 20%; border-left: 1px solid #ebebeb; border-right: none;} #top #ernaehrungskonzept #ernaehrungssprogram div:nth-child(4) {order:2; width: 15%; max-width: 100px; min-width: 15%;} /*PERSONALSPACE - GEWICHTSPROTOKOLL*/ /*ACF FORM*/ #top .personalspace .flex > :is(.gp_form,.ap_form) .acf-actions .acf-button {position: relative;margin: 0 29%;} #top .personalspace .flex > :is(.gp_form,.ap_form) button[type="submit"], #top .personalspace .flex > :is(.gp_form,.ap_form) input[type="submit"] {margin: 20px 0 40px;} #top .personalspace .flex > :is(.gp_form,.ap_form) tr th {padding: 4px 3px;} #top .personalspace .flex > :is(.gp_form,.ap_form) tr th label {font-weight: 700 !important;padding: 0;} /*---Hubspot Chat Widget--*/ .widget-app-container { padding-bottom: 13px;} .widget-app-container .jmmbtf {height:50px; width:50px;} /*--- KUNDENUEBERSICHT ---*/ .responsive #top .client-list div {width: 100%;} } @media only screen and ( max-width: 834px ) { /*--- ALL HEADLINES ---*/ h1, .hl-xl {font-size:40px; line-height:1.1;} h2, .hl-l {font-size:35px; line-height:1.1;} h3, .hl-m {font-size:29px; line-height:1.1} h4, .hl-s {font-size:25px; line-height:1.1;} h5, .hl-xs {font-size:23px; line-height:1.1} h6, .hl-xxs {font-size:21px; line-height:1.1} /*--- TAB SECTION ---*/ .av-tab-section-tab-title-container {margin-left: 6%;} } @media only screen and ( max-width: 768px ) { /*--- LOGO ---*/ .responsive #top .logo {width: max-content; margin:auto;} .responsive #top .logo img {height: 50px !important; top: 35%; transform: translateY(-50%); width: auto; max-width: 100%; display: block; max-height: 50px;} /*--- MENU ---*/ .responsive #top #wrap_all .main_menu {display: none !important;} /*--- CONTAINER ---*/ .responsive #top #wrap_all .container {width: 95% !important; max-width: 95% !important;} .responsive .container {max-width: 100% !important; padding: 0 10px !important;} .responsive .modul-abstand .flex_cell {padding: 40px 0px 0px !important;} .responsive #top #video-lektionen.av-flex-cells .no_margin:nth-child(2) {padding: 0 15px !important;} /*--- ALL HEADLINES ---*/ h1, .hl-xl {font-size:40px; line-height:1.1;} h2, .hl-l {font-size:35px; line-height:1.1;} h3, .hl-m {font-size:29px; line-height:1.1} h4, .hl-s {font-size:25px; line-height:1.1;} h5, .hl-xs {font-size:23px; line-height:1.1} h6, .hl-xxs {font-size:21px; line-height:1.1} /*--- FOOTER ---*/ #footer .widget {margin: 0;} #footer .widgettitle, #footer .textwidget {text-align:center; } #footer .footer-logo {float: none; width: 50% !important; position: relative; background: 50% 50%;} /*--- WP MEMBERS ---*/ .responsive #top #login-form .loginbox-left {padding: 20px !important;} .responsive #top #login-form .loginbox-left #wpmem_login {padding: 0px !important; width: 100%;} .responsive #top #login-form .loginbox-left .login-form {width: 100% !important; padding:10px !important} .responsive #top #login-form .loginbox-right { margin-bottom: 0 !important; min-height: 150px;} /*--- DASHBOARD ---*/ #modul-uebersicht .avia-image-container {width: 100%; float: left;} #modul-uebersicht .av_textblock_section {width: 100%; float: left;} /*--- MODULE ---*/ /*--- KACHEL ---*/ #kategorie-uebersicht .avia-image-container {width: 100%; float: left; margin: 0 !important; padding:10px !important} #kategorie-uebersicht .av_textblock_section {width: 100%; float: right; padding:20px 20px !important} #post-fitnesskonzepte .post-entry .blog-meta {display:none !important; width: 100% !important;} #post-fitnesskonzepte .post-entry .entry-content-wrapper {width: 100% !important; float: right !important;} #performance-rezepte #post-fitnesskonzepte .post-entry .blog-meta {display: block !important;width: 100% !important;} /*--- POST VIDEO LEKTIONEN ---*/ #video-lektionen #post-fitnesskonzepte .post-entry .blog-meta {width: 100% !important; display:block !important} #video-lektionen #post-fitnesskonzepte .post-entry .entry-content-wrapper {width: 100% !important;} /*--- Tab-Bar ---*/ .tab-bar {width: 100% !important; overflow: hidden; margin: 0 auto 0px;} .tab-bar .tab-bar-item {margin-bottom:5px;} .blog-layout .tab {padding: 0 !important;} /*--- REZEPTE ---*/ .recipe-markos table {font-size:10px !important} /*--- BLOG REZEPTE ---*/ .responsive #top .blog-layout .rezept-two-column a .rezept-content p {padding: 0 !important; margin: 10px 0 0 0 !important; line-height: 1.5em; max-height: 4.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;} .responsive #top .blog-layout .rezept-two-column a .rezept-content h3 {font-size: 14px;} /*--- LEARN DASH ---*/ .learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav span {background-color: #000 !important; } .learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions {background: #f7f7f7 !important;} .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content, .learndash-wrapper {max-width: 100vw !important;} .learndash-wrapper .ld-lesson-status, .learndash-wrapper .ld-tabs, .learndash-wrapper .ld-content-actions {max-width: 100% !important;} .learndash-wrapper .ld-focus-content {max-width: 100vw !important;} .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {font-size: 30px !important;} .learndash-wrapper .ld-focus .ld-focus-header {max-width: 100vw !important;} .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content, .learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main .ld-focus-content {margin: 0; padding: 10px;} .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {font-size: 16px !important; margin: 10px 0 !important;} /*--- DASHBOARD ---*/ #top .kachel-logo {display: none;} #top .ld-course-list-items .ld_course_grid {padding: 0; margin-bottom: 10px; width:48%} #top .ld-course-list-items .ld_course_grid:nth-child(n) {margin-right: 2%;} #top .ld-course-list-items .ld_course_grid .thumbnail.course {min-height: initial !important;} #top .ld-course-list-items .ld_course_grid .thumbnail a {width: 100% !important; overflow: hidden; border-radius: 10px; display: block;} #top .ld-course-list-items .ld_course_grid .thumbnail.course {flex-direction: row;} #top .ld-course-list-items .ld_course_grid .thumbnail.course img {padding-top:0 !important} #top .ld-course-list-items .ld_course_grid .thumbnail .caption {display: none;} #top .ld-course-list-items .ld_course_grid .thumbnail .entry-title {font-size: 20px !important;} #top .ld-course-list-items .ld_course_grid .thumbnail .caption .entry-content {display: none;} #top .ld-course-list-items .ld_course_grid .thumbnail.course a.btn-primary {min-width: 100% !important; border-radius: 4px !important; margin-bottom: 5px;} #top .dashboard-right-column .kachel-secondary {margin-bottom:100px !important;} /*Coaches*/ #top .tutor .tutor-img,.tutor .media-body {width: 40%; display: inline-block;} #top .tutor .media-body { float: none; padding: 40px 0 0 20px; width: 58%; vertical-align: top; margin: 0 !important} /*--- COURSE ---*/ .single-sfwd-courses .content {padding: 0;} .single-sfwd-courses .learndash_post_sfwd-courses .learndash-wrapper .ld-tabs {max-width: 100%;} .learndash_post_sfwd-courses .ld-tabs-content .avia-slideshow {margin: 10px 0 !important;} .learndash_post_sfwd-courses .ld-tabs-content .avia-slideshow-inner img {height: 150px;} /*--- PROFIL PAGE ---*/ .repsonsive #top .ld-profile-summary, .repsonsive #top .ld-item-list.ld-course-list {width: initial; float:left;} .repsonsive #top .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {padding:initial;} .repsonsive #top .ld-profile-summary, .repsonsive #top .ld-item-list.ld-course-list {width: 100%; float: left; margin:0;} /*--- PERSONALSPACE ---*/ #top .personalspace .aktivitaetsprtokoll-form .acf-field, #top .personalspace .gewichtsprotokoll-form .acf-field {padding: 0;} #top .personalspace .aktivitaetsprtokoll-form .acf-repeater.-table {overflow: auto;} #top .personalspace .aktivitaetsprtokoll-form .acf-th {min-width: 200px !important; width: 200px !important;} #top .personalspace .aktivitaetsprtokoll-form label, #top .personalspace .gewichtsprotokoll-form label {font-size: 12px !important;} #top .personalspace .aktivitaetsprtokoll-form .acf-input input, #top .personalspace .gewichtsprotokoll-form .acf-input input {font-size: 12px !important;} .repsonsive #top .personalspace .acf-form-submit .button {margin-top: 20px !important;} /*--- Änderungen für den Rezepte-Bereich ---*/ .repsonsive #top .rezepte-kachel #overview {padding: 0 !important; margin-bottom: 20px;} .repsonsive #top .rezepte-kachel #overview #progresskcal {width: 100px !important;} .repsonsive #top .rezepte-kachel #overview .circle-left {width: 100%;} .repsonsive #top .rezepte-kachel #overview .bar-right {width: 100%; display: block;} } @media only screen and ( max-width: 430px ) { /*--- CONTAINER ---*/ .responsive #top #wrap_all .container {width: 95% !important; max-width: 95% !important;} .responsive .container {max-width: 100% !important; padding: 0 10px !important;} /*--- ALL HEADLINES ---*/ h1, .hl-xl {font-size:38px; line-height:1.2;} h2, .hl-l {font-size:32px; line-height:1.2;} h3, .hl-m {font-size:28px; line-height:1.2} h4, .hl-s {font-size:24px; line-height:1.2;} h5, .hl-xs {font-size:18px; line-height:1.2} h6, .hl-xxs {font-size:16px; line-height:1.2} /*--- KONTAKT ---*/ #top .kontakt-form input[type="text"], #top .kontakt-form input[type="tel"], #top .kontakt-form input[type="email"], #top .kontakt-form select, #top .kontakt-form textarea, #top .kontakt-form input {font-size:12px !important;} /*--- POPUP STYLE ---*/ #top .mfp-content {max-width: 100% !important;} /*--- WP MEMBERS ---*/ .logo-login {width: 50%;} /*--- REZEPTE ---*/ .recipe-markos table {font-size:10px !important} .recipe-zutaten, .recipe-zutaten tr, .recipe-zutaten th {font-size:13px !important} /*--- REZPTE BERECHNUNG NEU ----*/ .flex-container.recipe-markos .circle-makros {width: 128px; padding: 30px 30px; text-align: center; margin: 0 10px 20px;} /*--- BLOG REZEPTE ---*/ .blog-layout article .slide-image, .blog-layout article .slide-content {width: 50%;} /*--- LEARN DASH ---*/ .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content, .learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main .ld-focus-content {margin: 0; padding: 10px;} /*--- COURSE ---*/ .single-sfwd-courses .learndash_post_sfwd-courses .learndash-wrapper, .single-sfwd-courses .learndash_post_sfwd-courses .learndash-wrapper .ld-tabs {max-width: 100% !important;} /*--- LESSON ---*/ .single-sfwd-lessons .ld-lesson-topic-list {max-width: 100%;} /*--- TOPIC ---*/ .learndash_post_sfwd-topic + .avia-section .container {padding: 0 !important;} /*--- PERSONALSPACE ---*/ #top .personalspace .welcome-icon {margin-bottom: 10px;} #top .personalspace .welcome-msg {max-width: calc(100% - 144px);} #top .personalspace #overview .circle-left {display: block;} #top .personalspace #overview .bar-right {width: 100%; display: block;} #top .personalspace #nutritonconcept td {min-width: 120px !important;} /*--- PROFIL - ERNAEHRUNGSKONZEPT 2.0 ---*/ #top #ernaehrungskonzept #ernaehrungssprogram div:nth-child(1) {order:1; width: 25%; min-width: 25%;} #top #ernaehrungskonzept #ernaehrungssprogram div:nth-child(2) {order:3; width: 50%; min-width: 50%;} #top #ernaehrungskonzept #ernaehrungssprogram div:nth-child(3) {order:4; width:25%; min-width: 25%;} #top #ernaehrungskonzept #ernaehrungssprogram div:nth-child(4) {display: none;} } @media only screen and ( max-width: 376px ) { }