/*
Theme Name: Inszenio
Theme URI: http://example.com/twenty-fifteen-child/
Description: Storefront Child Theme
Author: T.Bortels
Author URI: http://example.com
Template: storefront
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: inszenio
*/
@charset "UTF-8";
/* CSS Document */
/* ==========================================================================
fonts
========================================================================== */
/* Webfont: RobotoCondensed-Regular */@font-face {
font-family: 'RobotoCondensedRegular';
src: url('fonts/roboto-condensed/RobotoCondensed-Regular.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: RobotoCondensed-Italic */@font-face {
font-family: 'RobotoCondensedItalic';
src: url('fonts/roboto-condensed/RobotoCondensed-Italic.ttf') format('truetype');
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: RobotoCondensed-Bold */@font-face {
font-family: 'RobotoCondensedBold';
src: url('fonts/roboto-condensed/RobotoCondensed-Bold.ttf') format('truetype');
font-style: normal;
font-weight: bold;
text-rendering: optimizeLegibility;
}
/* Webfont: RobotoCondensed-BoldItalic */@font-face {
font-family: 'RobotoCondensedBoldItalic';
src: url('fonts/roboto-condensed/RobotoCondensed-BoldItalic.ttf') format('truetype');
font-style: italic;
font-weight: bold;
text-rendering: optimizeLegibility;
}
/* Webfont: RobotoCondensed-Light */@font-face {
font-family: 'RobotoCondensedLight';
src: url('fonts/roboto-condensed/RobotoCondensed-Light.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: RobotoCondensed-LightItalic */@font-face {
font-family: 'RobotoCondensedLightItalic';
src: url('fonts/roboto-condensed/RobotoCondensed-LightItalic.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
body, html {
font-size: 16px;
}
@media screen and (max-width: 1080px) {
body, html {
font-size: 14px;
}
}
@media screen and (max-width: 720px) {
body, html {
font-size: 13px;
}
}
html {
scroll-behavior: smooth;
}
body {
background-color: transparent;
}
body {
font-family: 'RobotoCondensedLight', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
color:#333333;
}
strong, b {
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-weight: normal;
letter-spacing:0.04em;
}
em {
font-family: 'RobotoCondensedLightItalic', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-style:normal;
letter-spacing:0.02em;
}
sub {
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-size:0.6em;
}
a,
a:visited,
.site-footer a,
.hentry .entry-content a {
color: #583212;
text-decoration: none;
transition: all 0.2s ease-out;
}
a:hover {
color: #74b53e;
}
.meter.red > span {
background: #74b53e;
}
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + header h2,
form + h2,
form + h3,
form + h4,
form + header h2,
ol + h2, ol + h3,
ol + h4, ol + header h2, p + h2, p + h3, p + h4, p + header h2, table + h2, table + h3, table + h4, table + header h2, ul + h2, ul + h3, ul + h4, ul + header h2 {
margin-top: 3rem;
}
h1, h2, h3 {
font-family: 'RobotoCondensedLight', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-size: 2.0rem;
line-height: 1.1;
letter-spacing: 0.01em;
/*font-weight: 700;*/
font-weight: normal;
margin: 0 auto 2rem auto;
color: #404040;
/* max-width: 60rem; */
}
h4 {
font-size: 1.75rem;
line-height: 1.2;
}
h1.tabbed,
h2.tabbed,
h3.tabbed {
max-width: 45rem;
}
h1.center,
h2.center,
h3.center {
text-align: center;
}
h1 {
/* font-size: 2.5rem; */
margin: 0 auto 0 0;
}
@media screen and (max-width: 580px) {
h1 {
font-size: 2rem;
}
}
p {
margin: 0 0 1rem 0;
}
p,
.text,
.content,
ul,
li {
font-size: 1.25rem;
line-height: 1.4;
}
ol, ul {
margin: 0 0 2rem 2rem;
padding: 0;
}
blockquote {
display: inline-flex;
padding: 0 0 0 2rem;
margin: 0 0 2rem 0;
border: none;
font-style: normal;
font-family: 'RobotoCondensedLightItalic', sans-serif;
}
.note_block blockquote {
padding: 0 2rem;
margin: 0;
}
@media screen and (max-width: 720px) {
.note_block blockquote {
padding: 0 1rem;
margin: 0;
}
}
.note_block blockquote::before {
height: 2rem;
width: 2rem;
content:url('data:image/svg+xml;charset=UTF-8, ');
padding: 0 0.75rem 0 0;
margin-right: 0.4rem;
font-size: 1.5rem;
color: rgba(89,139,47,1.00); /* dark green */
}
.note_block.post_it blockquote::before {
content:url('data:image/svg+xml;charset=UTF-8, ');
}
.note_block.card blockquote::before {
content:url('data:image/svg+xml;charset=UTF-8, ');
}
img {
border-radius: 0;
}
.intro,
.intro ul,
.intro li {
font-size: 1.5rem;
margin-bottom: 1.4rem;
line-height: 1.35;
}
.caption {
font-size: 0.9rem;
margin: 0.5rem 0;
color: #404040;
}
.site-header {
padding-top: 1rem;
}
.site-header .header-bar {
background-color:#74b53e;
min-height:10px;
}
.header-bar .container {
max-width: 67.5rem;
max-width: 68.8rem;
display:flex;
margin:0 auto;
padding:0 10px;
justify-content: space-between;
justify-content: flex-end;
border-left:10px solid #FFF;
border-right:10px solid #FFF;
}
.header-bar .text {
flex-basis: 50%;
margin:10px 0 10px 0;
}
.header-bar .text {
}
.header-bar .text img {
width:100%;
height:auto;
margin:1.5rem auto 0 1rem;
}
.header-bar .photo {
flex-basis: 50%;
text-align:right;
}
.header-bar .photo img {
width:100%;
max-width:478px;
margin:10px 0 10px auto;
height:auto;
}
.site-header .header-bar h3 {
max-width: 67.5rem;
margin: 0 auto;
padding:0.8rem 0 0.75rem;
color:#FFF;
}
@media screen and (max-width: 1080px) {
.header-bar .text {
padding:0 2rem 0 0;
}
}
@media screen and (max-width: 580px) {
.header-bar .photo {
display:none;
}
.header-bar .text {
flex-basis: 100%;
}
.header-bar .text img {
margin: 0 auto 0 1rem;
}
}
.site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
margin-bottom: 4.5rem;
}
.page .site-main .entry-header .label,
.course-overview .text_block .label,
.single-course .header .label,
.widget_sensei_course_progress header h2,
.widget_sensei_course_progress .course-progress-module h2 {
text-transform: uppercase;
letter-spacing: 0.06rem;
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-size: 0.95rem;
word-spacing: 0.1em;
margin: -1rem 0 0.6rem 0.08em;
line-height: 1.3;
font-weight: 300;
}
.page .site-main .entry-header .label a,
.course-overview .text_block .label a,
.single-course .header .label a,
.widget_sensei_course_progress header h2 a,
.widget_sensei_course_progress .course-progress-module h2 a,
.widget-area .widget .course-title a {
color: #74b53e; /* corporate green */
color: rgba(95,148,50,1.00);
}
.page .site-main .entry-header .label a:hover,
.course-overview .text_block .label a:hover,
.single-course .header .label a:hover,
.widget_sensei_course_progress header h2 a:hover,
.widget_sensei_course_progress .course-progress-module h2 a:hover,
.widget-area .widget .course-title a: {
color: rgba(88,50,18,1.00); /* braun */
}
.widget_sensei_course_progress ul.course-progress-navigation,
details.course-progress-details .course-progress-summary {
display: none;
}
@media screen and (max-width: 580px) {
.site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
margin-bottom: 1rem;
}
.page .site-main .entry-header .label {
margin: 1rem 0 0.6rem 0.08em;
}
}
@media screen and (max-width: 480px) {
.lesson iframe {
height:280px !important;
}
}
@media screen and (max-width: 400px) {
.lesson iframe {
height:220px !important;
}
}
.col-full {
max-width: 67.5rem;
}
@media (max-width:66.4989378333em) {
/*
.col-full {
margin-left: 0;
margin-right: 0;
padding: 0;
}
*/
.page-id-5 .col-full, /* Warenkorb */
.single-course .col-full,
.single-lesson .col-full {
margin-left: 2rem;
margin-right: 2rem;
padding: 0;
}
}
.page-id-5 .button.alt { /* Warenkorb */
color: #FFF;
}
.page .col-full {
max-width: 100%;
padding: 0;
}
.site-header .col-full,
.site-footer .col-full,
.blog .col-full,
.single-post .col-full {
max-width: 67.5rem;
margin-left: auto;
margin-right: auto;
padding: 0 2.0rem;
box-sizing: content-box;
position: unset;
}
@media screen and (max-width: 580px) {
.site-header .col-full {
padding: 0 2rem;
}
}
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation,
.woocommerce-active .site-header .secondary-navigation {
float: right;
margin-right:0;
}
/*
.site-header-cart .cart-contents {
padding: 0.4rem 0;
}
.site-header-cart .cart-contents .amount,
.site-header-cart .cart-contents .count {
display:none;
}
.woocommerce-active .site-header .site-header-cart {
width: 1rem;
}
.site-header-cart .cart-contents::after {
line-height:1.2rem;
}
*/
.secondary-navigation .menu {
font-size: 1rem;
line-height:1.2rem;
}
.secondary-navigation .menu a {
padding: 0.4rem 0.5rem;
}
.secondary-navigation .menu:last-of-type a {
padding: 0.4rem 0.5rem 0.4rem 0.5rem;
}
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
padding: 0.4rem 1rem 0.4rem 1rem;
margin: 0.25rem 0 0.25rem 0;
}
.main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a {
padding: 0.4rem 1rem 0.3rem 1rem;
}
@media screen and (max-width: 1080px) {
.main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a {
padding: 0.4rem 0.8rem 0.3rem 0.8rem;
}
}
.main-navigation ul ul li a,
.secondary-navigation ul ul li a {
width: 200px;
}
.site-header ul.menu ul li.current-menu-item > a {
background-color:rgba(255,255,255,0.50)!important;
}
@media screen and (max-width: 580px) {
.main-navigation ul ul li a,
.secondary-navigation ul ul li a {
width: 100%;
}
.main-navigation li {
line-height: 1;
}
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
margin-top: 1rem;
}
.main-navigation ul.menu > li:first-child > a,
.main-navigation ul.nav-menu > li:first-child > a {
margin-top: 2rem;
}
.site-header ul.menu li.current-menu-item > a,
.site-header ul.menu li.current-page-ancestor > a {
background-color:rgba(255,255,255,0.0)!important;
color: rgba(52,114,0,1.00)!important;
}
.site-header ul.menu ul li.current-menu-item > a {
color: #FFF;
background-color:rgba(255,255,255,0.0)!important;
}
}
.main-navigation ul.menu ul li:last-child,
.main-navigation ul.nav-menu ul li:last-child {
margin-bottom: 2rem;
}
.site-header-cart .cart-contents {
padding: 0.4rem 1rem 0.3rem 0;
}
.sensei-course-filters,
.sensei-ordering {
display:none;
}
.content-area.course-overview,
.left-sidebar .content-area.course-overview {
width:100%;
}
.course-meta .status.in-progress {
display:none;
}
/* inline overwrite */
.site-header {
border-bottom: none;
border-top: rgba(0,0,0,0) 0.75rem solid;
border-top: none;
padding-top: 1.75rem;
background-color: rgba(0,0,0,0.025);
background-color: #74b53e;
background-image: linear-gradient(135deg, #74b53e, #68A338);
background-image: linear-gradient(165deg, #7BBE43, #74b53e);
/*
background-color: rgba(116,181,62,0.175);*/
}
.main-navigation ul.menu > li:first-child,
.main-navigation ul.nav-menu > li:first-child {
margin-left: 0;
}
.site-header ul.menu li.current-menu-item > a,
.site-header ul.menu li.current-page-ancestor > a,
.single-lesson .menu-item-2341 > a,
.page-id-7 .meta-navigation ul li.menu-item-310 > a,
.page-id-50 .meta-navigation ul li.menu-item-310 > a {
/*color: #FFF;
background-color: #74b53e;*/
color: #74b53e; /* corporate green */
color: rgba(89,139,47,1.00); /* dark green */
background-color: #ffffff;
}
.main-navigation ul li a:hover, .main-navigation ul li:hover > a {
color: #FFF;
background-color:#CCC;
}
/* ++ */
.meta-navigation {
margin: 1.25rem 0 0 0;
position: absolute;
top: 0.75rem;
right: 6rem;
}
.meta-navigation ul {
list-style: none;
font-size: 0.75rem;
display: flex;
align-items: center;
}
.meta-navigation ul li {
display: inline-block;
}
.meta-navigation ul li a {
padding: 0.3em 0.65em;
letter-spacing: 0.03em;
}
.meta-navigation li .im:before {
font-size: 1.1rem;
}
/* ++ */
.primary-navigation {
}
.secondary-navigation {
}
.site-header-cart .cart-contents {
display: none;
}
.handheld-navigation,
.main-navigation.toggled
.handheld-navigation,
.main-navigation.toggled div.menu,
.menu-toggle {
display: block;
}
/* Navigation */
.main-navigation .menu-main-navigation-de-container,
.main-navigation .menu-main-navigation-en-container {
display: block;
display: none;
}
.main-navigation.toggled .menu-main-navigation-de-container,
.main-navigation.toggled .menu-main-navigation-en-container {
display: none;
}
.main-navigation .menu-burger-menu-de-container,
.main-navigation .menu-burger-menu-en-container {
display: block;
}
.main-navigation .menu-burger-menu-de-container .sub-menu,
.main-navigation .menu-burger-menu-en-container .sub-menu {
display: block;
max-height: 0px;
overflow: hidden;
transition: all 0.5s ease-out;
}
.main-navigation.toggled .menu-burger-menu-de-container,
.main-navigation.toggled .menu-burger-menu-en-container {
display: block;
}
.main-navigation.toggled .menu-burger-menu-de-container .sub-menu,
.main-navigation.toggled .menu-burger-menu-en-container .sub-menu {
display: block;
max-height: 400px;
overflow: hidden;
transition: all 0.5s ease-out;
}
.site-header .col-full {
display: flex;
align-items: flex-start;
}
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding,
.site-header .col-full .site-branding {
width: 12.5rem;
margin: 0 6% 0 0;
flex: 0 0 11.5rem;
}
@media screen and (max-width: 800px) {
.storefront-secondary-navigation.woocommerce-active .site-header .site-branding,
.site-header .col-full .site-branding {
width: 10rem;
margin: 0rem 6% 0 0;
}
}
.woocommerce-active .site-header .main-navigation {
flex: 0 0 75% !important;
width: 77.5% !important;
}
.site-header .col-full .main-navigation {
margin: 4.7rem 0 0 0;
}
@media screen and (min-width: 768px) {
/*
.main-navigation ul.menu,
.main-navigation ul.nav-menu {
max-height: 0;
overflow: hidden;
margin-left: -1em;
-webkit-transition: none;
transition: none;
}
*/
}
@media screen and (min-width: 800px) {
}
@media screen and (max-width: 800px) {
.site-header .col-full .main-navigation {
margin:0rem 0 0 0;
}
}
@media screen and (min-width: 799px) {
.main-navigation ul, .secondary-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
display: block;
}
}
button.menu-toggle {
cursor: pointer;
text-align: left;
float: right;
position: absolute;
top:1rem;
right:1rem;
}
button.menu-toggle span::before {
border-radius: 0;
}
button.menu-toggle,
button.menu-toggle:hover {
border-color: transparent;
border: none;
}
button.menu-toggle .txt {
display: none;
}
.main-navigation ul ul {
display: block;
margin-left: 0;
}
.main-navigation ul li,
.secondary-navigation ul li {
display: block;
}
.woocommerce-active .site-header .main-navigation {
width: 100%;
margin-right: 4.347826087%;
}
.added_to_cart, .button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, button, input[type="button"], input[type="reset"], input[type="submit"] {
font-weight: normal;
}
@media screen and (max-width: 800px) {
.site-header .col-full {
display: block;
}
.woocommerce-active .site-header .main-navigation {
flex: 0 0 100% !important;
width: 100% !important;
}
.main-navigation ul.menu > li:first-child,
.main-navigation ul.nav-menu > li:first-child {
margin-left: 0;
margin: 0.25rem 1rem 0 0;
}
}
/* toggle menu repair */
button.menu-toggle span::before,
button.menu-toggle::after,
button.menu-toggle::before {
content: '';
display: none;
}
/* Small menu. */
.menu-toggle.nu,
.main-navigation.toggled ul {
display: block;
}
/* toggle buttn */
button.menu-toggle.nu {
background:transparent !important;
}
.menu-toggle.nu {
display: block;
position: relative;
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 3.3rem;
height: 4rem;
font-size: 0;
text-indent: -9999px;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
transition: background 0.1s;
top: 1.15rem;
right: 1.25rem;
z-index: 9999;
}
.logged-in .menu-toggle.nu {
top: 1.15rem;
}
.menu-toggle.nu:focus {
border:none;
outline:none;
}
.menu-toggle.nu span {
display: block;
position: absolute;
top: 22px;
left: 9px;
right: 9px;
height: 4px;
background-color: rgba(255,255,255,1);
}
.menu-toggle.nu span::before,
.menu-toggle.nu span::after {
position: absolute;
display: block;
left: 0%;
right: 0%;
width: 100%;
height: 4px;
background-color: rgba(255,255,255,1);
content: "";
margin: 0 auto;
}
.menu-toggle.nu span::before {
top: -0.75rem;
}
.menu-toggle.nu span::after {
bottom: -0.75rem;
}
.menu-meta-navigation-container .wpmenucartli .cartcontents {
display: none !important;
}
@media screen and (max-width: 920px) {
.menu-toggle.nu {
width: 36px;
height: 36px;
}
.menu-toggle.nu span {
top: 21px;
left: 6px;
right: 6px;
height: 3px;
}
.menu-toggle.nu span::before,
.menu-toggle.nu span::after {
height: 3px;
}
.menu-toggle.nu span::before {
top: -8px;
}
.menu-toggle.nu span::after {
bottom: -8px;
}
}
/* */
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
outline: none;
}
/* toggled X */
.menu-toggle.nu span {
transition: background 0s 0.1s;
}
.menu-toggle.nu span::before,
.menu-toggle.nu span::after {
transition-duration: 0.1s, 0.1s;
transition-delay: 0.1s, 0s;
}
.menu-toggle.nu span::before {
transition-property: top, transform;
}
.menu-toggle.nu span::after {
transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.toggled .menu-toggle.nu {
background-color: #cb0032;
}
.toggled .menu-toggle.nu span {
background: none;
}
.toggled .menu-toggle.nu span::before {
top: 0;
transform: rotate(45deg);
}
.toggled .menu-toggle.nu span::after {
bottom: 0;
transform: rotate(-45deg);
}
.toggled .menu-toggle.nu span::before,
.toggled .menu-toggle.nu span::after {
transition-delay: 0s, 0.1s;
}
/* toggle menu repair */
.toggled button.menu-toggle span::before {
opacity: 1;
}
/* --- */
.main-navigation ul.menu > li.menu-item-has-children > a::after,
.main-navigation ul.menu > li.page_item_has_children > a::after,
.main-navigation ul.nav-menu > li.menu-item-has-children > a::after,
.main-navigation ul.nav-menu > li.page_item_has_children > a::after {
line-height: inherit;
vertical-align: baseline;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: none;
margin-left: 0;
}
.main-navigation ul ul, .secondary-navigation ul ul {
float: none;
position: relative;
top: 100%;
z-index: 1;
left: 0;
}
.main-navigation ul.menu {
display: flex;
margin: 0;
margin-top: 0.2rem;
}
.main-navigation ul.menu .menu-item {
flex: 0 0 auto;
}
.main-navigation ul ul, .secondary-navigation ul ul {
float: none;
position: relative;
top: 0;
z-index: 1;
left: 0;
}
.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children {
background-color: rgba(0,0,0,0);
}
.main-navigation ul.menu ul a:hover,
.main-navigation ul.menu ul li.focus,
.main-navigation ul.menu ul li:hover > a,
.main-navigation ul.nav-menu ul a:hover,
.main-navigation ul.nav-menu ul li.focus,
.main-navigation ul.nav-menu ul li:hover > a {
background-color: rgba(0,0,0,0);
}
.main-navigation ul li a,
.main-navigation ul li > a {
color: rgba(255,255,255,1);
transition: color 0.2s ease-in-out;
}
.meta-navigation ul li a,
.meta-navigation ul li > a {
color: rgba(255,255,255,0.95);
transition: color 0.2s ease-in-out;
}
.main-navigation ul li a:hover,
.main-navigation ul li:hover > a {
color: #74b53e;
color: #583212;
background-color: rgba(0,0,0,0);
transition: color 0.2s ease-in-out;
}
.meta-navigation ul li a:hover,
.meta-navigation ul li:hover > a {
color: #74b53e;
color: rgba(88,50,18,1.00); /* braun */
transition: color 0.2s ease-in-out;
background-color: rgba(0,0,0,0);
}
/* --- */
@media screen and (min-width: 960px) {
.site-header-cart .cart-contents {
display: block;
}
.main-navigation ul li,
.secondary-navigation ul li {
display: inline-block;
}
.primary-navigation {
display: block;
}
.secondary-navigation {
display: block;
}
.site-header-cart {
position: relative;
}
.site-header-cart .cart-contents::after {
display: inline-block;
}
/*
.handheld-navigation,
.main-navigation.toggled
.handheld-navigation,
.main-navigation.toggled div.menu,
.menu-toggle {
display: none;
}
*/
.site-header .site-branding {
display: block;
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%;
clear: both;
}
.woocommerce-active .site-header .main-navigation {
width: 73.9130434783%;
}
}
@media screen and (max-width: 1080px) {
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
padding: 0.3rem 0.8rem 0.25rem 0.8rem;
}
}
.site-header ul.site-header-cart.menu li.current-menu-item > a {
color: #000;
background-color:#FFF;
}
.site-header ul.menu .menu-item {
font-family: 'RobotoCondensedLight', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-size:1.25rem;
font-weight: normal;
text-transform: lowercase;
letter-spacing:0.025em;
letter-spacing:0.05em;
}
.site-header .meta-navigation ul.menu .menu-item {
font-size: 0.95rem;
font-weight: normal;
text-transform: uppercase;
/* letter-spacing: 0.035em; */
}
.main-navigation ul li.ueber-uns-mobil,
.main-navigation ul li.kontakt-mobil,
.main-navigation ul li.mein-konto-mobil,
.main-navigation ul li.logout-mobil,
.main-navigation ul li.warenkorb-mobil,
.main-navigation ul li.aktuell-mobil,
.main-navigation ul li.wpml-ls-menu-item {
display: none;
}
@media screen and (max-width: 800px) {
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
padding: 0.5rem 0.8rem 0.25rem 0;
}
.main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a {
padding: 0.4rem 1rem 0.3rem 0;
}
}
@media screen and (max-width: 580px) {
.meta-navigation {
display: none;
}
.main-navigation ul li.ueber-uns-mobil,
.main-navigation ul li.kontakt-mobil,
.main-navigation ul li.mein-konto-mobil,
.main-navigation ul li.logout-mobil,
.main-navigation ul li.warenkorb-mobil,
.main-navigation ul li.aktuell-mobil,
.main-navigation ul li.wpml-ls-menu-item {
display: block;
}
.site-header ul.menu .menu-item.ueber-uns-mobil,
.site-header ul.menu .menu-item.kontakt-mobil,
.site-header ul.menu .menu-item.mein-konto-mobil,
.site-header ul.menu .menu-item.logout-mobil,
.site-header ul.menu .menu-item.warenkorb-mobil,
.site-header ul.menu .menu-item.aktuell-mobil,
.site-header ul.menu .menu-item.wpml-ls-menu-item {
text-transform: uppercase;
}
.main-navigation ul.menu {
display: block;
margin: 1rem 0 0 0;
}
.main-navigation ul.menu > li:first-of-type {
margin: 1rem 0 0 0;
}
.main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a {
padding: 0.75rem 1rem 0.3rem 0;
}
.main-navigation ul.menu ul li a::before,
.main-navigation ul.nav-menu ul li a::before {
content: '▪ ';
padding-right: 0.2em;
}
.main-navigation ul.menu ul li:last-child,
.main-navigation ul.nav-menu ul li:last-child {
margin-bottom: 0rem;
}
}
/* Footer */
.footer-widgets {
padding-top: 4.2em;
border-bottom: none;
}
.footer-widgets.col-4 .block {
width: 21.7391304348%;
float: left;
padding: 0;
margin-right: 4.347826087%;
}
@media screen and (max-width: 920px) {
.footer-widgets.col-4 {
display: flex;
flex-wrap: wrap;
}
.footer-widgets.col-4 .block {
width: 48%;
float: none;
margin-right: 0;
}
}
@media screen and (max-width: 480px) {
.footer-widgets.col-4 .block {
width:100%;
margin-right: 0;
}
}
.footer-widgets.col-4 .block .gamma::before {
content: attr(hr);
display: block;
width: 2rem;
height: 3px;
background-color: #74b53e;
margin-bottom: 1.7rem;
}
.textwidget {
color: #333333;
}
.site-footer hr {
width: 100%;
}
.site-footer .widget_nav_menu ul li::before {
content: "\f15c";
content: "";
}
.site-footer .widget {
font-size: 1.1rem;
margin-bottom: 3.2em;
}
.site-footer .widget p,
.site-footer .widget li {
font-size: 1.1rem;
margin-bottom: 1em;
}
.widget .widget-title,
.widget .widgettitle {
font-size: 1.35rem;
letter-spacing: 0;
border-bottom: none;
padding: 0;
}
.site-footer .widget_nav_menu ul li,
.site-footer .widget_links ul li,
.site-footer .widget_product_categories ul li,
.site-footer .widget_layered_nav ul li,
.site-footer .widget_layered_nav_filters ul li {
padding-left: 0;
margin: 0 0 0.75rem 0;
}
.site-footer .widget.social-media p {
display: flex;
}
.site-footer .widget.social-media a {
display: inline-block;
margin: 0 1.25rem 0 0;
color: #404040;
}
.site-footer .widget .im:hover {
color: #74b53e;
}
.footer-widget-1 ul > li:first-of-type,
.footer-widget-2 ul > li:first-of-type,
.gamma.widget-title {
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.site-footer .widget .menu-meta-navigation-container li {
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.footer-widget-1 ul ul li:first-of-type,
.footer-widget-2 ul ul li:first-of-type {
font-family: 'RobotoCondensedLight', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 1.1rem;
text-transform: none;
letter-spacing: 0;
}
.widget ul ul {
margin: 0.75rem 0 0 0;
padding-left: 0
}
.widget ul ul li {
text-indent: 1rem;
}
.site-footer .widget_nav_menu ul ul li::before {
content: "•";
text-indent: 1.9rem;
}
.site-footer .widget_nav_menu ul li::before {
margin-left: -1.85rem;
}
.site-footer .widget_nav_menu ul li a {
margin-left: 0;
}
/* -- */
.welcome-text {
display:flex;
margin-bottom:3rem;
}
.welcome-text .column {
flex-basis: 50%;
}
.welcome-text .column.single {
flex-basis: 100%;
}
.welcome-text .column:first-of-type {
margin:0 1rem 0 0;
}
.welcome-text .column:last-of-type {
margin:0 0 0 1rem;
}
.welcome-text .column.single:last-of-type {
margin:0;
}
.hentry .entry-header {
margin-bottom: 0.25rem;
border-bottom: none;
}
.entry-content > .text {
margin: 0 0 2rem 0;
}
/* startseite / hero image */
.block.img_hero {
padding: 0 0 2rem 0;
margin: -4.5rem auto 0 auto;
}
.block.img_hero.text_block .block_container {
max-width: 100%;
padding: 0;
margin: 0 auto;
}
.block.img_hero.text_block.has_img .container {
display: block;
}
.block.img_hero.text_block.has_img .image {
width: 100%;
}
.block.img_hero.text_block.has_img .image img {
object-fit: cover;
min-height: 480px;
}
.block.img_hero.text_block.has_img .container .image {
position: relative;
}
.block.img_hero.text_block.has_img .container .image .title-container {
width: 100%;
position: absolute;
top: 38%;
}
.block.img_hero.text_block.has_img .container .image .title-container .entry-title {
max-width: 67.5rem;
margin-left: auto;
margin-right: auto;
padding: 0 1.0rem;
color: #ffffff;
text-align: center;
font-size: 4rem;
}
.block.img_hero.text_block.has_img .text {
max-width: 67.5rem;
max-width: 52.5rem;
padding: 0 2rem;
margin: 4rem auto 0 auto;
}
@media screen and (max-width: 800px) {
.block.img_hero.text_block.has_img .container .image .title-container .entry-title {
font-size: 3.2rem;
}
.block.img_hero.text_block.has_img .container .image .title-container {
top: 37.5%;
}
}
@media screen and (max-width: 580px) {
.block.img_hero.text_block.has_img .container .image .title-container .entry-title {
}
.block.img_hero.text_block.has_img .container .image .title-container .entry-title br {
display: none;
}
.block.img_hero.text_block.has_img .container .image .title-container {
top: 35%;
}
}
/* -- news / aktuell -- */
.single-post.left-sidebar .content-area,
.blog.left-sidebar .content-area {
max-width: 67.5rem;
max-width: 47.5rem;
width: 65%;
float: left;
}
.single-post.left-sidebar .widget-area,
.blog.left-sidebar .widget-area {
width: 25%;
float: right;
margin: 4.75rem 0% 0 10%;
}
.blog .post-author,
.blog .post-comments,
.single-post .post-author,
.single-post .post-comments {
display: none;
}
.blog h2.entry-title,
.single-post h1.entry-title {
font-size: 2.5rem;
margin: 0 0 2rem 0;
}
.wp-caption-text {
color: #333;
text-align: right;
font-size: 0.85rem;
margin: 0 0 2rem 0;
}
.hentry .wp-post-image {
margin-bottom: 1rem;;
}
.blog .hentry {
margin: 0 0 5rem;
}
.archive h1.page-title {
margin: 0 0 2rem 0;
}
/* mobile footer */
.storefront-handheld-footer-bar {
display: none;
}
/* -- content blocks -- */
.block {
padding: 2rem;
margin: 0 auto;
clear: both;
}
.footer-widgets .block {
clear: none;
}
.block.post_it,
.block.card {
padding-bottom: 4rem;
}
.block.post_it:last-child,
.block.card:last-child {
padding-bottom: 0;
}
@media screen and (max-width: 720px) {
.block {
padding: 1rem 2rem;
}
.block.post_it,
.block.card {
padding-top: 0;
padding-bottom: 2rem;
}
}
.entry-header.text_block {
padding: 0 2rem;
}
.block.gray .block_container {
}
.block.gray {
background-color: rgba(0,0,0,0.05);
}
.block .block_container,
.site-footer .block_container {
max-width: 67.5rem;
margin: 0 auto 0;
}
.block.new_background {
margin: 2rem auto 0;
}
.block.new_background:last-child {
margin: 2rem auto 0;
}
.block.new_background.gray {
padding: 4rem 2rem 2rem 2rem;
}
.block .intro_text {
margin: 0 0 2rem 0;
}
.block li {
margin: 0 0 0.75rem 0;
}
.block li:last-of-type {
margin: 0 0 0 0;
}
.block .txt li,
.block .text li,
.content-area .site-main > ul li {
margin: 0 0 0.75rem 0;
text-indent: -1.5rem;
}
.block .txt li:last-of-type,
.block .text li:last-of-type,
.content-area .site-main > ul li:last-of-type {
margin: 0 0 0 0;
}
.block .txt ul,
.block .text ul,
.content-area .site-main > ul {
list-style: none;
}
.block .txt li::before,
.block .text li::before,
.content-area .site-main > ul li::before {
content: "";
margin-top: 0.25em;
margin-right: 0.8em;
background: rgba(116,181,62,1); /* corporate green */
height: 0.4em;
width: 0.4em;
display: inline-block;
flex-shrink: 0;
position: relative;
top: -0.15rem;
}
.post-6 .block .text li::before { /* payment page */
display: none;
}
.block .text .wc_payment_methods li,
#payment .payment_methods > .wc_payment_method > label {
text-indent: 0rem;
}
.woocommerce-checkout-review-order #order_review_heading {
width: 95%;
margin: 1rem auto 0 auto;
text-align: center;
}
/* ---- my account / mein konto ---- */
/* hide teaser image from course-excerpt */
.page-id-50 #sensei-user-courses .course-content .course-excerpt img {
display: none;
}
.page-id-50 #sensei-user-courses .course-content img.woo-image {
margin: 2rem 2rem 2rem 0;
}
.block .text .course-container li,
.block .text .woocommerce-MyAccount-navigation li {
text-indent: 0;
}
.block .text .course-container li::before,
.block .text .woocommerce-MyAccount-navigation li::before,
.content-area .site-main > .woocommerce-MyAccount-navigation ul li::before {
content: "";
margin-top: 0.25em;
margin-right: 0.8em;
background: none;
height: 0.4em;
width: 0.4em;
display: none;
flex-shrink: 0;
position: relative;
top: -0.15rem;
}
/* text_block */
.block.text_block.followup {
padding: 0 2rem 2rem 2rem;
}
.text_block .block_container {
max-width: 67.5rem;
/* max-width: 52.5rem; */
padding: 0;
margin: 0 auto;
}
.text_block.one_column .block_container .container {
max-width: 45rem;
margin: 0 auto;
}
.text_block.has_img.img_left .block_container,
.text_block.has_img.img_left .block_container .container,
.text_block.has_img.img_right .block_container,
.text_block.has_img.img_right .block_container .container {
padding: 0;
max-width: 67.5rem;
}
/*
.text_block.has_img .title {
max-width: 60rem;
margin: 0 auto 2rem auto;
padding: 0 2rem;
}
*/
.text_block.has_img .container {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 720px) {
.text_block.has_img .container {
display: block;
}
}
.text_block.has_img.img_center_large .container,
.text_block.has_img.img_center_small .container {
display: block;
}
.text_block.has_img .image {
flex: 0 0 42.5%;
margin: 0 0 2.8rem 0;
}
.text_block.has_img.img_center_small .image {
width: 32.5rem;
margin: 0 auto 2rem auto;
}
.text_block.has_img.img_center_large .image {
max-width: 52.5rem;
margin: 0 auto 2rem auto;
}
.text_block.has_img .content {
flex: 0 0 52.5%;
}
@media screen and (max-width: 1080px) {
.text_block.has_img .image {
flex: 0 0 48%;
}
.text_block.has_img .content {
flex: 0 0 48%;
}
}
@media screen and (max-width: 800px) {
.text_block.has_img .image {
margin: 0 0 1.5rem 0;
}
}
.text_block.has_img.img_left_small .image {
flex: 0 0 32.5%;
}
.text_block.has_img.img_left_small .content {
flex: 0 0 62.5%;
}
.text_block.has_img.img_center_small .content,
.text_block.has_img.img_center_large .content {
width: 100%;
}
.text_block.has_img.img_right .content {
order: 1;
}
.text_block.has_img.img_right .image {
order: 2;
}
.image img {
width: 100%;
height: auto;
}
.text_block.two_columns .container .content {
display: flex;
justify-content: space-between;
}
.text_block.two_columns .container .content .text {
flex: 0 0 48%;
}
.text.content.header_text::before {
content:attr(hr);
display: inline-block;
width: 3.2rem;
height: 4px;
background-color: #74b53e;
margin-bottom: 1.4rem;
}
@media screen and (max-width: 800px) {
.text.content.header_text::before {
margin-top: 0.6rem;
margin-bottom: 1rem;
}
}
hr {
display: block;
width: 3.2rem;
height: 4px;
background-color: #74b53e;
margin-top: 1.9rem;
margin-bottom: 1.8rem;
}
.site-footer hr {
background-color: #FFFFFF;
}
/* teaser_block */
.teaser_block {
margin: 0 auto;
}
.teaser_block > .title,
.teaser_block > .intro_text {
text-align: center;
}
.teaser_block .teaser {
background-color: #74b53e;
background-color: rgba(116,181,62,0.2);
/* box-shadow: -0.25rem -0.25rem 0 0.5rem rgba(116,181,62,0.8); */
/* border-right: 0.5rem solid rgba(116,181,62,0.8);
border-bottom: 0.5rem solid rgba(116,181,62,0.8); */
background-color: #efefef;
background-color: rgba(0,0,0,0.05);
}
.teaser_block .teaser .container {
padding: 2rem 1.75rem 1.75rem 1.75rem;
}
@media screen and (max-width: 980px) {
.teaser_block .teaser .container {
padding: 2rem 1rem 1.25rem;
}
}
.teaser_block .teaser a {
display: block;
margin: 0 0 4.5rem 0;
position: relative;
height: 100%;
}
.teaser_block.list .teaser:last-child a {
margin: 0 0 0 0;
}
.teaser_block .teaser .container .button {
position: absolute;
bottom: 2rem;
}
@media screen and (max-width: 680px) {
.teaser_block .teaser a {
margin: 0 0 2rem 0;
}
.teaser_block .teaser .container .button {
position: inherit;
bottom: 2rem;
}
}
.teaser_block.list .teaser .container .button {
position: inherit;
bottom: 2rem;
}
.teaser_block.list .teaser {
margin: 0 0 2rem 0;
min-height: 14.45rem;
}
.teaser_block.list .teaser:last-of-type {
margin: 0 0 0 0;
}
.block.columns .content_container,
.block.columns2 .content_container,
.block.columns3 .content_container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.block.columns .teaser {
flex: 0 0 auto;
width: 48%;
margin: 0 0 4% 0;
}
.block.columns2 .entry {
flex: 0 0 auto;
width: 48%;
margin: 0 0 0 0;
}
.block.columns2 .entry.row {
width: 100%;
}
@media screen and (max-width: 680px) {
.block.columns .content_container,
.block.columns2 .content_container,
.block.columns3 .content_container {
display: block;
}
.block.columns .teaser {
width: 100%;
}
.block.columns2 .entry {
width: 100%;
}
}
.image_block.block.columns .teaser,
.image_block.block.columns2 .entry {
margin: 0 0 4% 0;
}
.block.columns3 .teaser,
.block.columns3 .entry {
flex: 0 0 auto;
width: 31%;
margin: 0 0 4.5rem 0;
}
@media screen and (max-width: 680px) {
.block.columns3 .teaser,
.block.columns3 .entry {
flex: none;
width: 100%;
}
}
.table_block.block.columns3 .teaser,
.table_block.block.columns3 .entry {
margin: 0 0 0 0;
}
.image_block.block.columns3 .teaser,
.image_block.block.columns3 .entry {
margin: 0 0 3.5% 0;
}
.teaser_block .teaser h3.title {
color: rgba(89,139,47,1.00);
margin: 0 0 1rem 0;
transition: all 0.25s;
}
.teaser_block.columns3 .teaser.online::before,
.teaser_block .teaser.online::before {
display: block;
float: left;
position: absolute;
margin: 1.25rem 0 0 0;
z-index: 9999;
background-color: rgba(116,181,62,1);
width: auto;
height: auto;
content: "online";
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-size: 1rem;
color: #FFF;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 0.5rem 0.9rem;
}
/* */
.teaser_block .teaser.has_img,
.teaser_block .teaser.has_img a {
display: flex;
}
.teaser_block.columns .teaser.has_img,
.teaser_block.columns3 .teaser.has_img,
.teaser_block.columns .teaser.has_img a,
.teaser_block.columns3 .teaser.has_img a {
display: block;
}
.teaser_block .teaser .img_container {
background-color: #FFFFFF;
}
.teaser_block.list .teaser a {
display: flex;
}
.teaser_block.list .teaser a {
display: flex;
}
@media screen and (max-width: 680px) {
.teaser_block.list .teaser a {
display: block;
}
}
.teaser_block.list .teaser .image {
flex: 0 0 25%;
background-color: #fff;
}
.teaser_block.columns3 .teaser.has_img .image {
flex: 0 0 25%;
padding: 0rem 0rem 0 0rem;
}
.teaser_block .teaser.has_img .container {
flex: 0 0 70%;
}
.teaser_block.graphics .teaser .image {
background-color: #fff;
}
.teaser_block.graphics .teaser .img_container {
padding: 65% 0 0 0;
margin: 0 auto;
width: 65%;
position: relative;
background-color: #fff;
}
.teaser_block.columns3.graphics .teaser .img_container {
padding: 80% 0 0 0;
width: 80%;
}
@media screen and (max-width: 980px) {
.teaser_block.graphics .teaser .image {
padding-top: 1rem!important;
}
.teaser_block.columns3.graphics .teaser .img_container {
margin: 0 1rem!important;
}
}
.teaser_block.columns3.graphics .teaser .img_container {
margin: 0 1rem;
}
.teaser_block.columns3.graphics .teaser .img_container.portrait img {
width: 80%;
margin: 0 10%;
}
.teaser_block.graphics .teaser .img_container img {
position: absolute;
bottom: 0;
top: 0;
}
.teaser_block .teaser .button,
.sensei div.sensei-message a.next-lesson,
.sensei p.sensei-message a.next-lesson,
.lesson input[type="submit"],
.lesson .preview-label,
.module-lessons .preview-label {
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
background-color: rgba(116,181,62,1); /* corporate green */
border: 2px solid rgba(116,181,62,1); /* corporate green */
color: rgba(255,255,255,1); /* white */
padding:0.4rem 0.5rem 0.4rem 0.75rem;
margin: 1rem 0 0 0;
text-transform: uppercase;
font-size: 0.95rem;
letter-spacing: 0.065em;
transition: all 0.25s ease-out;
}
.sensei div.sensei-message.tick a.next-lesson {
margin: 0;
}
.sensei div.sensei-message.tick {
margin: 1.5rem 0 0.5rem 0;
}
.lesson .preview-label,
.module-lessons .preview-label {
border: none;
padding:0.6rem 0.95rem 0.6rem 1rem;
transform: rotate(2.8deg);
box-shadow: 0.5rem 1rem 2rem -1rem rgba(0,0,0,0.175);
}
.sensei div.sensei-message a.next-lesson,
.sensei p.sensei-message a.next-lesson {
display: block;
white-space: nowrap;
}
.teaser_block .teaser a:hover .button,
.sensei div.sensei-message a.next-lesson:hover,
.lesson div.sensei-message a.next-lesson:hover,
.sensei p.sensei-message a.next-lesson:hover,
.lesson p.sensei-message a.next-lesson:hover {
background-color: rgba(255,2558,255,0.50); /* dark blue */
color: rgba(116,181,62,1); /* corporate green */
transition: all 0.25s;
}
.teaser_block .teaser .button .button_text::after {
content: '►';
margin: 0 0 0 0.65rem;
font-size: 1.1rem;
line-height: 1rem;
}
.sensei div.sensei-message.tick,
.lesson div.sensei-message.tick {
background-color: transparent;
padding: 0;
}
.teaser_block .teaser a:hover .title {
color: rgba(116,181,62,1);
transition: all 0.25s;
}
.teaser_block .teaser a .text,
.teaser_block .teaser a:visited .text {
color: rgba(0,0,0,0.8);
}
.teaser_block .teaser a:hover .text {
color: rgba(0,0,0,1);
}
/* image block */
.image_block.video .image {
background-color: #000000;
padding: 2rem 0;
}
/* note block */
.note_block .block_container {
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
max-width: 45rem;
margin: 0.8rem auto 1.5rem;
box-shadow: 0.5rem 1.5rem 2.5rem -1.5rem rgba(0,0,0,0.065);
}
.note_block .block_container {
padding: 2.5rem;
}
.note_block.post_it h3,
.note_block.card h3 {
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-weight: normal;
}
.note_block em {
font-family: 'RobotoCondensedItalic', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.note_block.post_it .block_container {
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
background-color: rgba(250,244,182,1.00);
transform: rotate(1.4deg);
}
.note_block.cta .block_container {
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
background-color: rgba(250,244,182,1.00);
text-align: center;
}
.note_block.cta .block_container p {
font-size: 1.5rem;
}
.note_block.cta .title::before {
display: none;
}
@media screen and (max-width: 720px) {
.note_block .block_container {
padding: 2rem 1rem 1rem 1rem;
}
.note_block.post_it .block_container {
transform: rotate(0deg);
}
}
.note_block.card .block_container {
background-color: rgba(255,255,205,1.00);
background-color: rgba(116,181,62,0.15);
transform: rotate(0deg);
max-width: 45rem;
text-align: center;
}
.note_block.card .block_container blockquote,
.note_block.card .block_container .text.check {
text-align: left;
}
.note_block .title {
display: block;
margin: 0.5rem auto 2rem auto;
text-align: center;
font-size: 1.5rem;
text-transform: uppercase;
letter-spacing: 0.07em;
}
@media screen and (max-width: 580px) {
.note_block .title {
padding: 0 1rem;
}
}
.note_block .title::before {
content:attr(hr);
display: block;
width: 3.2rem;
height: 4px;
background-color: rgba(233,211,116,1.00);
margin-bottom: 1.4rem;
margin: 0 auto 2.4rem;
}
.note_block.card .title::before {
background-color: rgba(179,219,171,1.00);
}
.note_block .title,
.note_block .text {
color: rgba(89,139,47,1.00); /* dark green */
color: rgba(46,98,139,1.00); /* dark blue */
color: rgba(135,97,41,1.00); /* braun */
color: rgba(65,111,158,1.00); /* dark blue2 */
color: rgba(0,0,0,0.8); /* grayscale */
}
.note_block .content {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.note_block .content .entry,
.note_block.columns2 .content .entry {
flex: 0 0 48%;
margin: 0 0 4% 0;
padding: 0 0 0 0;
}
@media screen and (max-width: 800px) {
.note_block .content .entry,
.note_block.columns2 .content .entry {
flex: 0 0 100%;
}
}
.note_block .content .entry:last-of-type {
margin: 0 0 2% 0;
}
.note_block.columns1 .content .entry {
flex: 0 0 100%;
}
.note_block.columns3 .content .entry {
flex: 0 0 31%;
}
.note_block p {
margin-bottom: 0;
}
.note_block .content .entry:last-of-type p {
margin-bottom: 1.2rem;
}
.note_block .content .entry .text {
display: inline-flex;
}
.note_block .content .entry .text.check::before {
display: inline-flex;
flex-shrink: 0;
height: 2rem;
width: 2rem;
/* content:url('data:image/svg+xml;charset=UTF-8, '); */
content:url('data:image/svg+xml;charset=UTF-8, ');
padding: 0 0.75rem 0 0;
font-size: 1.5rem;
}
.content .entry .text.download::before {
display: inline-flex;
flex-shrink: 0;
height: 1.4rem;
width: 1.4rem;
content:url('data:image/svg+xml;charset=UTF-8, ');
padding: 0 0.75rem 0 0;
font-size: 1.5rem;
}
.note_block.card .content .entry .text.download::before {
content:url('data:image/svg+xml;charset=UTF-8, ');
}
.note_block.post_it .content .entry .text.download::before {
content:url('data:image/svg+xml;charset=UTF-8, ');
}
.content .entry .text.action::before {
display: inline-flex;
flex-shrink: 0;
color: rgba(88,50,18,1.00);
height: 1.65rem;
width: 1.65rem;
content:url('data:image/svg+xml;charset=UTF-8, ');
padding: 0 0.75rem 0 0;
font-size: 1.5rem;
margin: 0.125rem 0 0 0;
}
.note_block.card .content .entry .text.action::before {
content:url('data:image/svg+xml;charset=UTF-8, ');
}
.note_block.post_it .content .entry .text.action::before {
content:url('data:image/svg+xml;charset=UTF-8, ');
}
.hentry .entry-content .text.action a:hover {
color: rgba(89,139,47,1.00);
}
/* references_block */
.references_block,
.word_cloud_block {
margin: 0 auto 4rem auto;
max-width: 62rem;
text-align: center;
}
.references_block .content,
.word_cloud_block .content {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 420px) {
.references_block .content,
.word_cloud_block .content {
display: block;
}
}
.references_block .entry {
margin: 0 0.75rem 1.0rem;
}
.word_cloud_block .entry {
margin: 0 1rem 2rem;
}
.references_block .entry {
display: inline-block;
flex: 0 0 16.5%;
}
.references_block .entry.logo .image {
max-width: 10rem;
padding: 1rem;
}
.word_cloud_block .entry:last-child {
margin-bottom: 0;
}
.references_block .entry .text,
.word_cloud_block .entry .text {
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
padding: 1rem 2rem;
background-color: rgba(0,0,0,0.425);
color: rgba(255,255,255,1);
letter-spacing: 0.02em;
transition: all 0.25s ease-out;
box-shadow: 0.5rem 1rem 2rem -1rem rgba(0,0,0,0.1);
}
.word_cloud_block .entry .text {
background-color: rgba(116,181,62,1); /* corporate green */
border-radius: 4rem;
}
@media screen and (max-width: 680px) {
.references_block .entry,
.word_cloud_block .entry {
margin: 0 0.4rem 0.8rem;
}
.references_block .entry .text,
.word_cloud_block .entry .text {
padding: 0.4rem 0.8rem;
}
}
.references_block .entry .link .text {
background-color: rgba(0,0,0,0.425);
}
.references_block .entry .link .text {
padding: 1rem 1rem 1rem 2rem;
}
.references_block .entry .link .text::after {
content: '►';
margin: 0 0 0 0.65rem;
font-size: 1.1rem;
line-height: 1rem;
color: rgba(255,255,255,0.75);
transition: all 0.25s ease-out;
}
.references_block .entry a:hover .text {
background-color: rgba(116,181,62,1); /* corporate green */
transition: all 0.25s ease-out;
}
.references_block .entry a:hover .text::after {
color: rgba(255,255,255,1);
transition: all 0.25s ease-out;
}
/* table_block */
.table_block .container {
margin: 0rem auto 4rem auto;
max-width: 67.5rem;
}
.table_block .content,
.table_block .content .text {
font-size: 1.025rem;
}
.table_block h3.title {
text-align: left;
}
.table_block .content {
background-color: rgba(116,181,62,0.15); /* corporate green */
}
.table_block .row {
display: flex;
}
.table_block .row,
.table_block table tbody tr:nth-child(2n) td {
background-color: rgba(255,255,255,0.1); /* dark green */
}
.table_block .row:nth-last-of-type(2n),
.table_block table tbody td {
background-color: rgba(116,181,62,0.075); /* corporate green */
}
.table_block .row_title {
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
background-color: rgba(116,181,62,0.9); /* corporate green */
border-top: 2.4rem solid #ffffff;
padding: 0.8rem 0.8rem 0.58rem 1.2rem ;
font-size: 1.42rem;
font-weight: normal;
color: #FFFFFF;
}
.table_block .row_title:first-of-type {
border-top: 1rem solid #ffffff;
}
.table_block .label.column p {
font-style: normal;
font-size: 1.1rem;
}
.table_block .text.column p {
font-style: normal;
font-size: 1.1rem;
}
.table_block .entry.columns.row b,
.table_block .entry.columns.row strong {
font-style: normal;
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 0.07em;
}
.table_block .entry.columns.row .text.column:last-of-type b::after,
.table_block .entry.columns.row .text.column:last-of-type strong::after {
padding-right: 0.2rem;
padding-left: 0.4rem;
content: "/";
}
.table_block .entry.columns.row .column:first-of-type p {
font-family: 'RobotoCondensedRegular', sans-serif;
font-size: 1.05rem;
}
.table_block .entry.columns.row .column:nth-of-type(2) p {
font-size: 1.15rem;
}
.table_block .entry.columns.row i,
.table_block .entry.columns.row em {
}
.teaser_block .teaser h3.title {
color: rgba(89,139,47,1.00);
margin: 0 0 1rem 0;
transition: all 0.25s;
}
.table_block.block.columns3 .teaser,
.table_block.block.columns3 .entry {
width: 100%;
}
.table_block .column {
flex: 0 0 50%;
padding: 0.9rem 1rem 1rem 1.2rem;
border-left: 3px solid rgba(116,181,62,0.15);
}
.table_block .column:first-of-type {
border-left: none;
}
.table_block.columns3 .column {
flex: 0 0 33.33%;
padding: 0.9rem 1rem 1rem 1.2rem;
}
.table_block.columns3 .column:first-of-type {
border-left: none;
}
.table_block.columns4 .column {
flex: 0 0 25%;
padding: 0.9rem 0 1rem 1.2rem;
}
.table_block.columns4 .column:last-of-type {
padding: 0.9rem 1rem 1rem 1rem;
}
.video_container {
max-width: 52.5rem;
margin: 0 auto 2rem auto;
position: relative;
}
.video_block .content {
max-width: 52.5rem;
margin: 0 auto;
}
.video_block h3.title {
text-align: center;
}
@media screen and (max-width: 540px) {
.table_block .row {
display: block;
}
.table_block .row .column {
border-bottom: 0.125rem solid rgba(116,181,62,0.5);
}
}
/* -- image block -- */
/* -- courses sensei -- */
.course-container {
max-width: 67.5rem;
margin:0 auto 3rem auto;
}
#main .course, #main .course-container {
position: relative;
padding: 0 0 1em;
border-bottom:none;
}
.course-overview .course-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
}
.course-overview h2.title {
/* text-align: center; */
max-width: 67.5rem;
margin:0 auto 2rem auto;
}
.course-overview .course-wrapper {
display:inline-block;
width:30%;
flex: 0 0 30%;
margin: 0 5% 5% 0;
transition: all 0.25s ease-out;
text-align: center;
}
.course-overview .course-wrapper .single-course {
display: block;
margin: 0 0 1rem 0;
border: 2px solid rgba(0,0,0,0.1);
}
.course-overview .course-wrapper:hover a .single-course {
border: 2px solid rgba(116,181,62,1.0);
transition: all 0.25s ease-out;
}
.course-overview .course-wrapper .image-container {
border: 0.5rem solid #FFFFFF;
}
.course-overview .course-wrapper .image {
border: 0.75rem solid #ffffff;
}
.course-overview .course-wrapper:last-of-type,
.course-overview .course-wrapper:nth-of-type(3n) {
margin:0 0 5% 0;
}
.course-overview .course_count_4 .course-wrapper {
flex: 0 0 30%;
margin: 0 5% 5% 0;
}
.course-overview .course_count_4 .course-wrapper:nth-of-type(2n-1) {
margin: 0 5% 5% 5%;
}
.course-overview .preview {
margin:0 auto 0.75rem auto;
background-color: rgba(116,181,62,1); /* corporate green */
border: 2px solid rgba(116,181,62,1); /* corporate green */
padding:0.75rem 1rem 0.75rem 1rem;
border-radius: 0;
text-align:left;
color: rgba(255,255,255,1); /* white */
font-size:1rem;
letter-spacing: 0.075em;
width:auto;
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
display:inline-flex;
text-transform: uppercase;
transition: all 0.25s ease-out;
}
.course-overview a:hover .preview {
margin:0 auto 0.75rem auto;
background-color: rgba(255,255,255,1); /* white */
color: rgba(116,181,62,1); /* corporate green */
transition: all 0.25s ease-out;
}
.course-overview .fa-play-circle,
.course-overview .fa-play-circle-o {
margin:0.15rem 0 0 0.6rem;
font-size: 1.25rem;
}
.course-overview .fa-play-circle-o {
font-size:1.05rem;
}
.course-overview .fa-play-circle-o {
display:none;
}
/*
.course-overview a:hover .fas.fa-play-circle {
display:none;
}
.course-overview a:hover .fa-play-circle-o {
display:inline-block;
}
*/
@media screen and (max-width: 960px) {
.course-overview .course-wrapper {
display:inline-block;
width:32.133%;
margin:0 1.2% 20px 0;
background-color:#74b53e;
}
.course-overview .course-wrapper:nth-of-type(2) {
margin:0 1.2% 20px 0;
}
.course-overview .course-wrapper:nth-of-type(3) {
margin:0 0 20px 0;
}
}
@media screen and (max-width: 800px) {
.course-overview .course-wrapper {
display:inline-block;
width:46%;
flex: 0 0 auto;
margin:0 2% 20px 0;
background-color:#74b53e;
}
.course-overview .course-wrapper:nth-of-type(2),
.course-overview .course-wrapper:nth-of-type(3),
.course-overview .course-wrapper:nth-of-type(4) {
margin:0 2% 20px 0;
}
.course-overview .course-wrapper:nth-of-type(2n) {
margin:0 0 20px 2%;
}
}
@media screen and (max-width: 520px) {
.course-overview .course-wrapper {
display:inline-block;
width:90%;
margin:0 auto 20px auto;
background-color:#74b53e;
}
.course-overview .course-wrapper:nth-of-type(2),
.course-overview .course-wrapper:nth-of-type(3),
.course-overview .course-wrapper:nth-of-type(4) {
margin:0 0 20px 0;
}
}
.course-overview .single-course {
background:#FFF;
/*
border-top: 10px solid #74b53e;
border-right: 10px solid #74b53e;
border-left: 10px solid #74b53e;
*/
}
.course-overview .single-course .image {
width:100%;
padding-top:100%;
background-size:contain;
background-repeat: no-repeat;
background-position:center center;
}
.course-overview .single-course h3 {
font-size:1.25rem;
font-weight:bold;
color:#583212;
text-align:center;
padding:0.4rem;
margin:0.5rem 0;
letter-spacing: 0.02em;
line-height: 1.75;
}
/* shop buttons */
.course-container a.button,
.course-container a.button:visited,
.course-container a.comment-reply-link,
.course-container #commentform #submit,
.course-container .submit,
.course-container input[type="submit"],
.course-container input.button,
.course-container button.button,
.course a.button, .course a.button:visited,
.course a.comment-reply-link,
.course #commentform #submit,
.course .submit,
.course input[type="submit"],
.course input.button,
.course button.button,
.lesson a.button,
.lesson a.button:visited,
.lesson a.comment-reply-link,
.lesson #commentform #submit,
.lesson .submit,
.lesson input[type="submit"],
.lesson input.button,
.lesson button.button,
.quiz a.button,
.quiz a.button:visited,
.quiz a.comment-reply-link,
.quiz #commentform #submit,
.quiz .submit,
.quiz input[type="submit"],
.quiz input.button,
.quiz button.button,
.lesson input.quiz-submit.complete,
.quiz input.quiz-submit.complete {
cursor: pointer;
overflow: visible;
width: auto;
line-height: 1.618em;
font-family: 'RobotoCondensedRegular', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
background-color: rgba(116,181,62,1); /* corporate green */
border: 2px solid rgba(116,181,62,1); /* corporate green */
color: rgba(255,255,255,1); /* white */
padding:0.5rem 0.75rem 0.5rem 1.25rem;
margin: 1rem 0 1rem 0;
text-transform: uppercase;
font-size: 1rem;
letter-spacing: 0.075em;
transition: all 0.25s ease-out;
border-radius: 0.25rem;
}
.lesson input.quiz-submit.complete {
width: 100%;
}
.course-container a.button:hover,
.course-container a.button:visited:hover,
.course-container a.comment-reply-link:hover,
.course-container #commentform #submit:hover,
.course-container .submit:hover,
.course-container input[type="submit"]:hover,
.course-container input.button:hover,
.course-container button.button:hover,
.course a.button:hover,
.course a.button:visited:hover,
.course a.comment-reply-link:hover,
.course #commentform #submit:hover,
.course .submit:hover,
.course input[type="submit"]:hover,
.course input.button:hover,
.course button.button:hover,
.lesson a.button:hover,
.lesson a.button:visited:hover,
.lesson a.comment-reply-link:hover,
.lesson #commentform #submit:hover,
.lesson .submit:hover,
.lesson input[type="submit"]:hover,
.lesson input.button:hover,
.lesson button.button:hover,
.quiz a.button:hover,
.quiz a.button:visited:hover,
.quiz a.comment-reply-link:hover,
.quiz #commentform #submit:hover,
.quiz .submit:hover,
.quiz input[type="submit"]:hover,
.quiz input.button:hover,
.quiz button.button:hover {
text-decoration: none;
background-color: rgba(255,255,255,0.50); /* white */
color: rgba(116,181,62,1); /* corporate green */
transition: all 0.25s;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-noreviews,
p.no-comments {
background-color: #74b53e;
font-weight:600;
}
.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a,
.woocommerce-noreviews a,
p.no-comments a {
font-weight:800;
border-bottom:1px solid #B5D28E;
}
.woocommerce-error a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover,
.woocommerce-noreviews a:hover,
p.no-comments a:hover,
.woocommerce-error .button:hover,
.woocommerce-info .button:hover,
.woocommerce-message .button:hover,
.woocommerce-noreviews .button:hover,
p.no-comments .button:hover {
background: 0 0;
color:#424242;
opacity: .7;
}
/* warning */
.sensei p.sensei-message.alert,
.sensei div.sensei-message.alert,
.course-container p.sensei-message.alert,
.course-container div.sensei-message.alert,
.course p.sensei-message.alert,
.course div.sensei-message.alert,
.lesson p.sensei-message.alert,
.lesson div.sensei-message.alert,
.quiz p.sensei-message.alert,
.quiz div.sensei-message.alert,
.learner-info p.sensei-message.alert,
.learner-info div.sensei-message.alert {
background: #efefef;
}
.sensei p.sensei-message.alert a,
.sensei div.sensei-message.alert a,
.course-container p.sensei-message.alert a,
.course-container div.sensei-message.alert a,
.course p.sensei-message.alert a,
.course div.sensei-message.alert a,
.lesson p.sensei-message.alert a,
.lesson div.sensei-message.alert a,
.quiz p.sensei-message.alert a,
.quiz div.sensei-message.alert a,
.learner-info p.sensei-message.alert a,
.learner-info div.sensei-message.alert a {
color: #583212;
text-decoration:none;
border-bottom:1px solid #583212;
}
.sensei p.sensei-message.alert a:hover,
.sensei div.sensei-message.alert a:hover,
.course-container p.sensei-message.alert a:hover,
.course-container div.sensei-message.alert a:hover,
.course p.sensei-message.alert a:hover,
.course div.sensei-message.alert a:hover,
.lesson p.sensei-message.alert a:hover,
.lesson div.sensei-message.alert a:hover,
.quiz p.sensei-message.alert a:hover,
.quiz div.sensei-message.alert a:hover,
.learner-info p.sensei-message.alert a:hover,
.learner-info div.sensei-message.alert a:hover {
color: #74b53e;
border-bottom:1px solid #74b53e;
}
.sensei p.sensei-message.info a,
.sensei div.sensei-message.info a,
.course-container p.sensei-message.info a,
.course-container div.sensei-message.info a,
.course p.sensei-message.info a,
.course div.sensei-message.info a,
.lesson p.sensei-message.info a,
.lesson div.sensei-message.info a,
.quiz p.sensei-message.info a,
.quiz div.sensei-message.info a,
.learner-info p.sensei-message.info a,
.learner-info div.sensei-message.info a {
color: #583212;
text-decoration:none;
border-bottom:1px solid #583212;
}
.sensei p.sensei-message.info a:hover,
.sensei div.sensei-message.info a:hover,
.course-container p.sensei-message.info a:hover,
.course-container div.sensei-message.info a:hover,
.course p.sensei-message.info a:hover,
.course div.sensei-message.info a:hover,
.lesson p.sensei-message.info a:hover,
.lesson div.sensei-message.info a:hover,
.quiz p.sensei-message.info a:hover,
.quiz div.sensei-message.info a:hover,
.learner-info p.sensei-message.info a:hover,
.learner-info div.sensei-message.info a:hover {
color: #74b53e;
border-bottom:1px solid #74b53e;
}
.lesson div.sensei-message a.next-lesson:hover
/* .sensei p.sensei-message a.next-lesson:hover,
.sensei div.sensei-message a.next-lesson:hover, */
.course-container p.sensei-message a.next-lesson:hover,
.course-container div.sensei-message a.next-lesson:hover,
.course p.sensei-message a.next-lesson:hover,
.course div.sensei-message a.next-lesson:hover,
/* .lesson p.sensei-message a.next-lesson:hover,
.lesson div.sensei-message a.next-lesson:hover, */
.quiz p.sensei-message a.next-lesson:hover,
.quiz div.sensei-message a.next-lesson:hover,
.learner-info p.sensei-message a.next-lesson:hover,
.learner-info div.sensei-message a.next-lesson:hover {
background: #74b53e;
color: #fff;
}
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.completed a::before,
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.completed span::before {
content: '\f058';
color: #74b53e;
}
.single-lesson .lesson_button_form {
display: block;
text-align:right;
}
.widget_sensei_course_progress .course-progress-module h3 {
margin: 2rem 0 0.5rem 0;
}
.widget_sensei_course_progress .course-progress-module:first-of-type h3 {
margin: 1rem 0 0.5rem 0;
}
.single-lesson nav.post-entries {
display: none;
}
/* free preview */
.module .module-lessons ul li a .preview-label {
background:#74b53e;;
}
.module .module-lessons ul li a .preview-label::before {
font-family: FontAwesomeSensei,FontAwesome;
display: inline-block;
margin-right: 0;
line-height: 1em;
width: 0;
content: '';
}
/* layout - sidebar */
/* default */
.left-sidebar .widget-area {
width: 28.3332%;
float: right;
margin-right: 0%;
}
.left-sidebar .content-area {
width: 66.6667%;
width: 100%;
float: left;
margin-right: 5%;
margin-right: 0;
}
.post-type-archive-product.left-sidebar .content-area,
.woocommerce-cart.left-sidebar .content-area,
.woocommerce-checkout.left-sidebar .content-area {
width: 100%;
margin-right: 0;
}
.single-lesson.left-sidebar .widget-area {
width: 28.3332%;
float: left;
margin-right: 5%;
}
.single-lesson.left-sidebar .content-area {
width: 66.6667%;
float: right;
margin: 1.5rem 0 0 0;
}
.single-lesson .sensei-breadcrumb {
display:none;
}
.faq-container .entry {
margin-bottom:2rem;
}
.star-rating span::before,
.quantity .plus,
.quantity .minus,
p.stars a:hover::after,
p.stars a::after,
.star-rating span::before,
#payment .payment_methods li input[type="radio"]:first-child:checked + label::before {
color: #74b53e;
}
@media screen and (max-width: 1080px) {
.single-course.left-sidebar .content-area {
width: 100%;
float: none;
margin-right: 0;
}
.single.logged-in #main .type-course header h1 {
margin-right: 0;
}
}
@media screen and (max-width: 780px) {
.single-lesson.left-sidebar .content-area {
width: 100%;
float: none;
margin-right: 0;
}
.single-lesson.left-sidebar .widget-area {
width: 100%;
float: none;
margin-right: 0;
}
}
@media screen and (max-width: 680px) {
.left-sidebar .content-area {
width: 100%;
float: none;
margin-right: 0;
}
.left-sidebar .widget-area {
width: 100%;
float: none;
margin-right: 0%;
}
}
/* FAQ */
.faq-container {
margin:0 0 0 0;
}
/* warenkorb, kasse */
.page-id-5.right-sidebar .content-area,
.page-id-6.right-sidebar .content-area {
width: 100%;
float: left;
margin-right: 0;
}
.form-row label {
display: inline;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
margin-right:0.5rem;
}
/* === sensei interface === */
#user-course-status-toggle a {
color: #74b53e;
}
/* login */
.page-id-50 .content-area {
width:100%;
}
.single-course .widget-area,
.page-id-50 .widget-area {
display:none;
}
.page-id-50 .sensei-login-submit a {
margin-left:1rem;
}
/* Kurse Detailansicht */
.course header h2 {
display:none;
}
.course .module header h2 {
display:block;
font-size: 1.2rem;
line-height: 1.4rem;
margin: 0 auto 0 0;
}
.course .module .module-description {
display:none;
}
.course .module header h2 a {
font-weight: 400;
}
.course .module-lessons header,
.course .module-lessons header h3 {
display:none;
}
.module .module-lessons ul li a::before {
font-size: 1.55rem;
margin-right: .618em;
position: absolute;
left: 20px;
top: .5em;
content: '\f10c';
color: rgba(88,50,18,0.7);
}
.module .module-lessons ul li a:hover::before {
color: #74b53e;
color: rgba(116,181,62,0.8);
}
.module header {
clear: both;
}
/* Hide PREV / NEXT course */
.single-course .post-entries {
display:none;
}
/* inszenio-teaser */
.inszenio-teaser {
padding:10px;
background-color:#74b53e;
}
.inszenio-teaser .textwidget {
padding:12px 18px 2px 22px;
background-color:#FFF;
}
/* Lektionen */ /* lessons */
.lesson iframe {
border:10px solid #74b53e;
margin: 1rem 0 0 0;
/* padding: 0.25rem; */
box-sizing: border-box;
background-color: #74b53e;
}
._brlbs-fluid-width-video-wrapper iframe {
width: 100%;
height: 414px;
height: calc(100% + 0.5rem);
}
.widget-area .widget a:not(.button) {
text-decoration:none;
}
.widget.widget_sensei_course_progress h3 {
color:#404040;
}
.widget_sensei_course_progress {
padding: 0;
background: rgba(0,0,0,0);
}
.widget.widget_sensei_course_progress header h3.module-title {
display:none;
}
.widget-area .widget a,
.widget-area .widget a:visited {
}
.widget.widget_sensei_course_progress header {
padding: 0 0 0.5rem 0;
}
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-module {
border: none;
border-bottom-width: medium;
border-bottom-style: none;
border-bottom-color: currentcolor;
border-bottom: none;
border-top: none;
margin: 0;
padding: 0.5rem 0 0.5rem 0;
background: rgba(255,255,255,0.6);
}
.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson a, .widget_sensei_course_progress .course-progress-lessons .course-progress-lesson span {
display: block;
border-bottom: 1px solid rgba(0,0,0,0.25);
padding: 0.618em 0 0.618em 2.5em;
font-weight: bold;
background: rgba(255,255,255,0.8);
position: relative;
}
.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson a,
.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson:last-of-type a {
border-bottom: 1px solid rgba(0,0,0,0);
}
.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson a::before, .widget_sensei_course_progress .course-progress-lessons .course-progress-lesson span::before {
font-family: FontAwesomeSensei, FontAwesome;
display: inline-block;
font-size: 150%;
margin-right: 0.618em;
font-weight: 400;
line-height: 1em;
width: 1em;
position: absolute;
left: 0.2em;
top: 0.5em;
content: '\f10c';
color: rgba(0,0,0,0.1);
}
.widget-area .widget a:hover {
color: #74b53e;
}
.widget-area .course-progress-navigation {
display:none;
}
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson a::before,
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson span::before {
content: '\f10c';
color: rgba(0,0,0,0.4);
font-size:1.4rem;
}
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson a:hover::before {
content: '\f10c';
content: '\f138';
color: #74b53e;
color: rgba(0,0,0,0.4);
}
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.current span::before {
content: '\f10c';
content: '\f138';
color: rgba(0,0,0,0.6);
color: #74b53e;
font-size:1.4rem;
}
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson a,
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson span {
background: #fff;
color: rgba(0,0,0,0.4);
font-weight:bold;
font-size:1rem;
border-top: 1px solid rgba(0,0,0,0.12);
}
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson a:hover {
color: #74b53e;
}
.widget.widget_sensei_course_progress .course-progress-lessons .course-progress-lesson.current span {
background: #fff;
color: #74b53e;
color: rgba(95,148,50,1.00);
font-weight:bold;
border-top: 1px solid rgba(0,0,0,0.04);
}
.nav-next,
.nav-prev {
margin-bottom:2rem;
}
/* */
table tbody td {
background-color: #efefef;
}
/* contact widget */
#text-3 {
background-color:#afafaf;
font-family: 'RobotoCondensedBold', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-weight: 700;
color:#FFF;
padding:0.8rem 0.8rem 0.8rem 0.8rem;
overflow:auto;
}
#text-3 .widget-title {
font-family: 'RobotoCondensedBold', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
font-weight: 700;
font-size:1rem;
letter-spacing: 0;
border-bottom: none;
padding:0;
text-transform:uppercase;
}
#text-3 a {
color:#FFF;
}
#text-3 a:hover {
color:#333;
}
#text-3 .contact_break {
clear:both;
height:10px;
margin-bottom:5px;
}
#text-3 .textwidget .image {
float:right;
margin-top:5px;
}
#text-3 .textwidget .first {
float: left;
}
#text-3 .textwidget .second {
float: left;
padding-top:10px;
}
#text-3 .textwidget .third {
float: right;
padding-top:10px;
}
/* My Account */
.left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-navigation {
width: 17.6470588235%;
float: left;
margin-right: 0;
}
.left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-content {
width: 76.4705882353%;
float: left;
margin-left: 5.8823529412%;
margin-right:0;
}
.woocommerce-MyAccount-navigation-link--downloads {
display:none;
}
.storefront-breadcrumb {
display:none;
}
/* FAQ / Q&A */
.q_text {
font-size:1.2rem;
line-height:1.4rem;
margin:0 0 0.75rem 0;
cursor:pointer;
font-weight:normal;
}
.q_text:hover {
color: #74b53e;
}
/*--------------------------------------------------------------
# Photoswipe
--------------------------------------------------------------*/
.slideshow .image .details {
display: none;
}
figure {
margin: 0;
}
button {
border-radius: 0;
}
.pswp__bg {
background: rgb(255, 255, 255, 1)!important;
}
.pswp__caption {
background-color: rgba(255, 255, 255, 0)!important;
padding-left: 3rem;
}
@media screen and (max-width: 840px) {
.pswp__caption {
padding-left: 0;
}
}
.pswp__caption .pswp__caption__center {
display: table;
margin-left: 0;
margin-right: 0;
padding-left: 1rem;
padding-right: 1rem;
width: auto;
background-color: rgba(255, 255, 255, 1);
text-align: left;
min-height: 3.2rem;
}
@media screen and (max-width: 840px) {
.pswp__caption .pswp__caption__center {
text-align:center;
margin-left: auto;
margin-right: auto;
}
}
.pswp__caption .pswp__caption__center div {
margin: 0 0 0 0;
}
.pswp__caption .pswp__caption__center div:last-of-type {
margin: 0 0 0 0;
}
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
background-color: rgba(255,255,255,0);
}
.pswp--svg .pswp__top-bar .pswp__button,
.pswp--svg .pswp__button--arrow--left::before, .pswp--svg .pswp__button--arrow--right::before {
background-image: url(/wp-content/themes/inszenio/js/photoswipe/hws-skin/skin.svg);
}
.pswp__button,
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
background: url(/wp-content/themes/inszenio/js/photoswipe/hws-skin/skin.svg) 0 0 no-repeat;
background-color: rgba(0, 0, 0, 0);
background-position-x: 0px;
background-position-y: 0px;
background-image: url(/wp-content/themes/inszenio/js/photoswipe/hws-skin/skin.svg);
background-size: auto;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
.pswp__button--close,
.pswp__button--fs {
background-color: rgba(255, 255, 255, 0.3) !important;
}
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
content: '';
top: 35px;
background-color: rgba(255, 255, 255, 0.3);
height: 44px;
width: 44px;
position: absolute;
overflow: hidden;
}
.pswp__button.pswp__button--fs {
float: left;
}
.pswp__button--arrow--left::before {
left: 0px;
background-position: -134px -36px !important;
}
.pswp__button--arrow--right::before {
right: 0px;
background-position: -88px -36px !important;
}
/* debugging */
.pswp__caption.pswp__ui--idle, .pswp__ui--idle .pswp__top-bar,
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
opacity: 1;
}
.pswp__caption {
background-color: rgba(255,255,255,0.3);
background-color: rgba(0,0,0,0.3);
}
.pswp__top-bar {
background-color: rgba(0,0,0,0);
}
.pswp__caption .img_container .caption {
height: auto;
}
.pswp__caption .tecrec div {
/* white-space: nowrap; */
}
.img_container figcaption {
display: none;
}
.pswp__caption__center {
display: table;
max-width: none;
width: auto;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__button--close,
.pswp__ui--idle .pswp__button--fs,
.pswp__ui--idle .pswp__button {
opacity: 0;
}
/* Cookie-Box */
#BorlabsCookieBox ._brlbs-block-content._brlbs-bg-dark {
background: rgba(116,181,62,0.5); /* corporate green */
background: rgba(0,0,0,0.3);
}
#BorlabsCookieBox ._brlbs-box, #BorlabsCookieBox ._brlbs-bar {
box-shadow: 0 1rem 2rem rgba(0,0,0,0.2);
}
#BorlabsCookieBox ._brlbs-bar, #BorlabsCookieBox ._brlbs-box {
border-radius: 0;
color: #333;
font-size: 1rem;
padding: 2rem;
}
#BorlabsCookieBox h3, #BorlabsCookieBox ._brlbs-h3 {
text-align: left;
}
#BorlabsCookieBox .cookie-logo {
display: none;
}
#BorlabsCookieBox ._brlbs-flex-center {
justify-content: left;
}
#BorlabsCookieBox p {
}
#BorlabsCookieBox .col-2 {
display: none;
}
.BorlabsCookie .col-10 {
flex: 0 0 100%;
max-width: 100%;
}
#BorlabsCookieBox ._brlbs-btn {
background-color: rgba(0,0,0,0.15);
border-radius: 0;
}
#BorlabsCookieBox ._brlbs-btn:hover {
border-radius: 0;
}
#BorlabsCookieBox ._brlbs-btn-accept-all {
background-color: rgba(116,181,62,1); /* corporate green */
border-radius: 0;
}
#BorlabsCookieBox ._brlbs-btn-accept-all:hover {
background-color: rgba(116,181,62,0.8); /* corporate green */
border-radius: 0;
}
.BorlabsCookie ._brlbs-checkbox input:checked ~ ._brlbs-checkbox-indicator {
background-color: #28a745;
border-color: #28a745;
}
.BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator {
border-color: rgba(88,50,18,1); /* braun */
border-color: rgba(116,181,62,1); /* corporate green */
border-radius: 0;
}
.BorlabsCookie ._brlbs-checkbox input:checked ~ ._brlbs-checkbox-indicator {
background-color: rgba(116,181,62,1); /* corporate green */
border-color: rgba(116,181,62,1); /* corporate green */
}
.BorlabsCookie ._brlbs-checkbox input:disabled ~ ._brlbs-checkbox-indicator {
background-color: #e6e6e6;
border-color: #e6e6e6;
}
#BorlabsCookieBox a {
color: rgba(116,181,62,1); /* corporate green */
}
#BorlabsCookieBox a:hover {
color: rgba(116,181,62,0.8); /* corporate green */
}
#BorlabsCookieBox ._brlbs-manage a {
color: rgba(116,181,62,1); /* corporate green */
}
#BorlabsCookieBox ._brlbs-manage a:hover {
color: rgba(116,181,62,0.8); /* corporate green */
}
.BorlabsCookie ._brlbs-btn-switch input:checked + ._brlbs-slider {
background-color: rgba(116,181,62,1); /* corporate green */
}
#BorlabsCookieBox ._brlbs-branding {
display: none;
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a {
color: rgba(116,181,62,0.8); /* corporate green */
}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a:hover {
color: rgba(116,181,62,1); /* corporate green */
}
.BorlabsCookie ._brlbs-video-vimeo a._brlbs-btn {
background-color: rgba(116,181,62,1); /* corporate green */
border-radius: 0;
color: #FFF;
}
.BorlabsCookie ._brlbs-video-vimeo a._brlbs-btn:hover {
background: #fff;
color: #00adef;
}
._brlbs-fluid-width-video-wrapper {
padding: 56.2963% 0 0 0;
padding: 0 0 0 0;
position: relative;
width: 100%;
}
.page ._brlbs-fluid-width-video-wrapper {
padding: 56.2963% 0 0 0;
position: relative;
width: 100%;
}
._brlbs-fluid-width-video-wrapper .video {
padding: 56.2963% 0 0 0;
position: relative;
width: 100%;
}
.wpml-ls-statics-footer {
display: none;
}
.logged-in.admin-bar .wpml-ls-statics-footer {
display: block;
}
/* shop corrections */
.post-type-archive-product ul.products {
list-style: none;
}
.post-type-archive-product .content-area .site-main > ul.products li::before {
width: 0;
height: 0;
}
.post-type-archive-product .add_to_cart_button {
display: none;
}
.post-type-archive-product .woocommerce-result-count,
.post-type-archive-product .woocommerce-ordering {
display: none;
}
/* search page / Suche */
.search-results .site-content .page-header {
margin: 0 0 5rem 0;
}
.search-results .hentry {
margin: 0 0 2rem;
}
.search-results .alpha {
font-size: 2rem;
}
.search-results .site-content img {
max-width: 20rem;
margin-left: 0;
}
/* PDF Viewer */
div.pdfemb-toolbar {
background-color: #74b53e !important;
color: #FFFFFF !important;
}
div.pdfemb-toolbar div {
color: #FFFFFF !important;
}
div.pdfemb-viewer {
border: 1px solid #74b53e !important;
}
/* SEOpress */
.seopress-beacon-el {
filter: saturate(0%);
background-color: #999 !important;
width: 3rem !important;
height: 2rem !important;
}
body:not(.wp-admin) .diZYay.diZYay.diZYay {
left: 1.42%;
top: 92.5% !important;
}
.seopress-beacon-el img {
transform: rotate(45deg);
}
/* Error 404 / Fehlerseite */
.error404 .page-title,
.error404 p,
.error404 .search-form {
margin: 0 0 4rem 0;
}