/*
 Theme Name:   Blocksy Child
 Description:  Child Theme
 Author:       Pixelpolka
 Author URI:   https://www.pixelpolka.de
 Template:     blocksy
 Version:      1.0
 Text Domain:  blocksy-child
*/


/* ----------------------------- fonts --------------------------------- */


@font-face {
	font-family: 'Roboto-regular';
	src: local('Roboto'),
		 local('Roboto Regular'),
		 local('Roboto-Regular'),
		 url('fonts/roboto-regular.eot') format('embedded-opentype'),
		 url('fonts/roboto-regular.woff2') format('woff2'),
		 url('fonts/roboto-regular.ttf') format('truetype').
		 url('fonts/roboto-regular.svg') format('svg');
		 font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto-bold';
	src: local('Roboto Bold'),
		 local('Roboto-Bold'),
		 url('fonts/roboto-bold.eot') format('embedded-opentype'),
		 url('fonts/roboto-bold.woff2') format('woff2'),
		 url('fonts/roboto-bold.ttf') format('truetype').
		 url('fonts/roboto-bold.svg') format('svg');
		 font-weight: 700;
    font-display: swap;
}

@font-face {
	font-family: 'Roboto-light';
	src: local('Roboto Light'),
		 local('Roboto-Light'),
		 url('fonts/roboto-light.eot') format('embedded-opentype'),
		 url('fonts/roboto-light.woff2') format('woff2'),
		 url('fonts/roboto-light.ttf') format('truetype').
		 url('fonts/roboto-light.svg') format('svg');
		 font-weight: 300;
    font-display: swap;
}

/* ---------------------------- Custom Properties -------------------- */

:root {

	--max-header-width: 1248.28px;
	--max-content-width: 1234.28px;
	--font-regular: 'Roboto-regular', sans-serif;
	--font-bold: 'Roboto-bold', sans-serif;
	--font-light: 'Roboto-light', sans-serif;
}


/* ---------------------------- Basic Layout -------------------- */


.entry-content > *:not(.home-header, .breadcrumbs-container, .title-full-container),
footer > *,
.breadcrumbs-container > *,
.entry-header > * {
	max-width: var(--max-content-width) !important;
	margin-inline: auto;
}

header#header .ct-sticky-container {
	background-color: white;
}

@media(max-width: 1434px) {
	.entry-content > *:not(.home-header, .breadcrumbs-container, .title-full-container),
	.entry-header > *,
	.breadcrumbs-container > *,
	.title-full-container > *,
	header#header .ct-container,
	.blog main > *,
	footer > * 	 {
	    max-width: calc(100% - ((100% / 14) * 2)) !important;
	}
}

/* ---------------------------- Helper ----------------------------- */

img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.clearfix::after {
	  content: "";
	  clear: both;
	  display: table;
}


/* ------------------------------- Typo ------------------------- */


body, html {
	font-family: var(--font-regular);
	font-size: 15px;
	line-height: 1.5;
}
@media (min-width: 768px) {
	body, html {
		font-size: 16px;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-bold) !important;
}

h1 {
	font-size: 26px !important;
	line-height: 32px !important;
}
h2 {
	font-size: 22px !important;
	line-height: 1.3 !important;
}
h3 {
	font-size: 19px !important;
	line-height: 27px !important;
	letter-spacing: .3px;
}

:is(p, ul) + h2,
:is(p, ul) + h3 {
	margin-block-start: calc(var(--has-theme-content-spacing, 1)*(.3em + 2rem)) !important;
}

@media (min-width: 768px) {
	h1 {
		font-size: 34px !important;
		line-height: 45px !important;
	}
	h2 {
		font-size: 28px !important;
	}
	h3 {
		font-size: 22px !important;
		line-height: 30px !important;
		letter-spacing: 0;
	}
}

@media (min-width: 1280px) {
	h1 {
		font-size: 42px !important;
		line-height: 50px !important;
	}
	h2 {
		font-size: 32px !important;
	}
}

@media (min-width: 1440px) {
	h1 {
		font-size: 45px !important;
		line-height: 55px !important;
	}
	h2 {
		font-size: 34px !important;
	}
}

.title-full :is(p, ul),
.text-big {
	font-size: 19px !important;
	line-height: 1.5 !important;
}
@media (min-width: 1440px) {
	.title-full :where(p, ul),
	.text-big {
		font-size: 20px !important;
	}
}

a {
	font-weight: bold;
	text-decoration: none !important;
	transition: color 200ms ease-in-out
}

menu-hauptmenue a.ct-menu-link {
	transition: color 200ms ease-in-out
}

#menu-hauptmenue a.ct-menu-link:hover {
	color: var(--theme-palette-color-1) !important;
}


/* ------------------------- Info-Box --------------------------------- */

.infobox {
    position: relative;
    border: 1px solid #00883a;
    padding: 12px 12px 13px 70px;
    display: table;
    margin-bottom: 3rem;
}

.infobox .infobox-icon {
    content: '';
    display: block;
    position: absolute;
    background-size: 445px 420px;
    background-image: url(icons/sprites-sprite.svg);
    width: 50px;
    height: 50px;
    background-position: -250px -170px;
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
}


/* ------------------------- Listen --------------------------------- */

.entry-content ul:not([class]) {
	list-style: none;
}
.entry-content ul:not([class]) > li {
    position: relative;
    padding-left: 23px;
    margin-top: 14px;
    overflow: auto;
}
.entry-content ul:not([class]) > li::before {
    content: '';
    display: block;
    position: absolute;
    top: .55em;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: var(--theme-palette-color-1);
}

/* ----------------------- Header ----------------------- */

#header {
	min-width: calc(100% - ((100% / 14) * 2)) !important;
	max-width: 1440px;
	margin: auto;
}

[data-device="desktop"],
[data-sticky="fixed:shrink"],
[data-sticky="yes:shrink"] {
	width: 100vw;
	background-color: white;
}

header#header .ct-container,
.blog main > * {
	padding-inline: 0 !important;
	max-width: calc(100% - ((100% / 14) * 2)) !important;
	max-width: var(--max-header-width) !important;
	background-color: white;
}

#header [data-column="start"] > div {
	align-items: start !important;
}

[data-header*="type-1"] .ct-header [data-id="logo"] {
    --margin: 7px 0px 0px 0px !important;
}

header .ct-container {
	padding-inline: 6vw !important;
	height: var(--header-sticky-height) !important;
}

.ct-sticky-container {
	height: var(--header-sticky-height) !important;
}

.site-branding {
	align-items: start !important;
}

.site-title-container {
	max-width: 27ch;
	margin-inline-start: 7px !important;
	margin-top: 27px;
}
.site-title {
	line-height: 0 !important;
}
.site-title a,
.site-description {
	--theme-font-size: 12px !important;
	font-size: 12px;
	line-height: 1.3;
	text-transform: uppercase !important;
}

@media (max-width: 500px) {
	.site-title-container {
		margin-top: 1rem;
		max-width: 20ch;
	}
}


.site-title a {
	cursor: text;
}

.site-title a:hover {
	color: inherit
}

ul#menu-hauptmenue {
	padding-block: 10px;
}
ul#menu-hauptmenue li:last-child {
	padding-right: 40px;
	border-right: 1px solid #f5f5f5 !important;
}

@media(max-width: 1434px) {
	header#header .ct-container {
	    max-width: calc(100% - ((100% / 14) * 2)) !important;
	}
}

/* --------------------------------- Logo klein auf Unterseiten -------- */

:is(.single, .page-id-435) [data-sticky="fixed:shrink"] .site-logo-container,
:is(.single, .page-id-435) [data-sticky="yes:shrink"] .site-logo-container {
		--logo-max-height: 59px !important;
		--logo-shrink-height: 59px !important;
	}

/* -------------------------------- Mobile Menue ---------------------- */


[data-header*="type-1"] #offcanvas .ct-panel-inner {
    background-color: var(--theme-palette-color-1);
}
[data-device="mobile"] .ct-panel-content-inner {
	padding-inline: 0;
}

[data-header*="type-1"] #offcanvas {
	--theme-box-shadow: none;
}

.mobile-menu .menu-item {
	transition: background-color .3s;
	cursor: pointer;
	padding-inline: 3rem;
	margin-top: -1px;
}
.mobile-menu .menu-item:hover {
	background-color: #01742C;
}

.mobile-menu .menu-item a:hover {
	color: #fff !important;
}

.mobile-menu .current_page_item {
	background-color: #fff;
}
.mobile-menu [aria-current="page"] {
	color: var(--theme-palette-color-1) !important;
}

.mobile-menu .menu-item a {
	line-height: 4;
	font-size: 16px;
	border-bottom: 1px solid #fff;
    margin-top: -1px;
}

a (max-width: 767px) {
	[data-header*="type-1"] #offcanvas {
	    --side-panel-width: 100vw !important;
	    width: 100vw !important;
	}
	#offcanvas .ct-panel-inner {
		width: 100vw !important;
	}
}

@media (max-width: 999.98px) {
	[data-header*="type-1"] #offcanvas {
	    --side-panel-width: 514px;
	}
}

/* -------------------------------------- Home -------------------------- */

.home-header {
	position: relative;
}

.home .ct-container-full {
	padding-top: 0 !important;
}

.wp-block-group.lead {
	font-family: var(--font-light);
	font-size: 19px;
/* 	font-weight: 100; */
	line-height: 1.45;
	background-color: #fff;
	padding: 20px;
   	width: calc(100% - ((100% / 14) * 2));
    margin-inline: auto;
    margin-top: calc(-16.66667%);
    position: relative;
    display: block;
}

@media only screen and (min-width: 768px) {
	.wp-block-group.lead {
	    width: 50%;
	    margin-inline: unset;
	    height: auto;
	    float: right;
	/*     right: -1px; */
	    margin-bottom: 0;
	    margin-right: 0;
		padding: 40px 40px 20px;
	}
}
@media only screen and (min-width: 1024px) {
	.wp-block-group.lead {
		padding: 25px 40px 20px;
	}
}
@media only screen and (min-width: 1280px) {
	.wp-block-group.lead {
		font-size: 20px;
		line-height: 1.5;
		padding: 25px 40px 30px;
	}
}

.lead figure {
	margin-bottom: 20px;
}

.lead h1 {
	margin-top: 1rem !important;
}
.illu-zeile {
	margin-inline: auto !important;
}
.illu-zeile figure {
	margin-bottom: 0 !important;
}
.illu-zeile h2 {
	margin-top: 0 !important;
}

.home .entries {
	 --grid-template-columns: repeat(3, minmax(0, 1fr));
	 --card-min-height: 250px;
	 --grid-columns-gap: 40px;
}




/* ----------------------- Breadcrumb ------------------------ */


.breadcrumbs-container {
	height: 76.391px;
	background-color: #fff;
	margin-bottom: 16px !important;
}

nav.breadcrumb {
	display: flex;
	padding: 36px 0 15px 0;
	font-size: 12px;
	line-height: 2;
}

nav.breadcrumb :is(a, span) {
	color: var(--theme-palette-color-3);
    letter-spacing: .5px;
    padding-right: 18px;
    margin-right: 4px;
    position: relative;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    margin-left: 3px;
}

nav.breadcrumb a {
	transition: color 200ms ease-in-out;
}

nav.breadcrumb a::before {
    content: '';
    display: block;
    position: absolute;
    height: 4px;
    width: 4px;
    background: #00883a;
    right: 4px;
    top: 9px;
}

nav.breadcrumb a::after {
    content: '';
    display: block;
    position: absolute;
    position: absolute;
    left: 0;
    bottom: 3px;
    width: calc(100% - 18px);
    height: 1px;
    background-color: var(--theme-palette-color-1);
    opacity: 0;
    transition: opacity 300ms ease-in-out;
}

nav.breadcrumb a:hover {
	color: var(--theme-palette-color-1);
}

nav.breadcrumb a:hover::after {
    opacity: 1;
}




/* ----------------------- Post-Template (Single) ----------------------- */


.single-post .content-wrapper > * {
	width: 100%;
}
@media only screen and (min-width: 768px) {
	.single-post .content-wrapper > * {
	    width: calc(83.33333%);
	}
}
@media only screen and (min-width: 1024px) {
	.single-post .content-wrapper > * {
	    width: calc(91.66667%);
	}
}
@media only screen and (min-width: 1440px) {
	.single-post .content-wrapper > * {
	    width: calc(91.66667%);
	}
}

.title-full {
	position: relative;
    margin-bottom: 110px !important;
	padding-top: 27px;
	font-family: var(--font-light);
}
@media only screen and (min-width: 768px) {
	.title-full {
	    margin-bottom: 100px !important;
	    padding-top: 55px;
	}
}
@media only screen and (min-width: 1440px) {
	.title-full {
	    margin-bottom: 180px !important;
	    padding-top: 80px;
	}
}

.title-full-container {
	padding-right: 2rem;
}

.title-full-container::before {
    content: '';
    display: block;
    position: absolute;
    background-color: #f5f5f5;
    height: calc(100% + 80px);
    display: block;
    z-index: -1;
    top: -27px;
    width: calc(100%);
    flex: 0 0 calc(100%);
}
@media only screen and (min-width: 768px) {
	.title-full-container {
	    width: calc(83.33333%);
	}
	.title-full-container::before {
	    width: calc(83.33333%);
	    flex: 0 0 calc(83.33333%);
	}
}
@media only screen and (min-width: 1024px) {
	.title-full-container {
	    width: calc(91.66667%);
	}
	.title-full-container::before{
	    width: calc(91.66667%);
	    flex: 0 0 calc(91.66667%);
	}
}
@media only screen and (min-width: 1440px) {
	.title-full-container {
	    width: calc(83.33333%);
	}
	.title-full-container::before{
	    width: calc(83.33333%);
	    flex: 0 0 calc(83.33333%);
    top: 0;
	}
}

.title-full-container::after {
    content: '';
    display: block;
    position: absolute;
    background-color: #f5f5f5;
    height: calc(100% + 80px);
    display: block;
    z-index: -1;
    top: -27px;
    left: -50vw;
    width: 100vw;
}
@media only screen and (min-width: 768px) {
	.title-full-container::after {
	    top: -27px;
	    height: calc(100% + 80px);
	}
}
@media only screen and (min-width: 1440px) {
	.title-full-container::after {
	    top: 0;
	    height: calc(100% + 80px);
    }
}


/* ----------------------- Video-Liste Startseite ----------------------- */

ul.display-posts-listing {
	padding-inline: 0;
}
li.listing-item {
	list-style-type: none;
}
li.listing-item img {
	width: 370.28px;
	transition: filter .3s;
}
li.listing-item,
li.listing-item .image {
	position: relative;
}
li.listing-item .image::after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 180 146'%3E%3Cg fill='%23fff'%3E%3Cpath d='M178.6 74a2702.8 2702.8 0 0 1-2.2-48 24 24 0 0 0-7-16.2 28 28 0 0 0-20.6-8l-64.6-.7H72a2856 2856 0 0 1-16.3 0h-22c-6.5.2-12 1.5-16.5 4a26.9 26.9 0 0 0-15 23.1l-.4 16.4v1.8l-.3 19-.6 35c-.1 7 .2 15.4 4 23.4a27.1 27.1 0 0 0 13.6 14 67 67 0 0 0 16.5 5c10 1.8 20.2 2 30.1 2.2h.8c1.7 0 3.4.2 5 .3l2.3.2h67.5l3.7-.4c2.7-.3 5.4-.5 8-1 14.3-2.4 23.8-11.8 25.5-25 1.4-11.1 1.8-22.4 1.3-33.6l-.6-11.6ZM168 85.1c-.2 11-.8 21.9-1.5 33.1-.6 10-9.3 14.4-16.6 15-3 .3-5.8.5-8.7.5h-12.6c-20.6.1-41.9.2-62.8.1-11.9 0-23.5-.2-34.7-3.1-3.4-.9-6.7-2.1-9.8-3.7-3.5-1.9-6-5.1-7.8-10a65 65 0 0 1-3.4-21c0-9.1.1-18.5.3-27.5l.1-6.2c.2-10 .3-20.4.7-30.6.3-11.7 7-19.1 18.6-21 6-.9 12.1-1.3 18.3-1.3h.6c10.9 0 22 .3 32.6.6A7046.5 7046.5 0 0 0 95 10a37902.7 37902.7 0 0 0 53.7 1.3c4 .1 8 .6 11.6 3.5 3.4 3 5.1 6 5.3 9.8l.2 2.6a2423.2 2423.2 0 0 1 1.6 34c.3 8 .6 16 .6 24Z'/%3E%3Cpath d='m115 63.3-8-6.2-2.8-2.2a1495 1495 0 0 0-22.7-17.5c-1.3-1-2.8-1.7-4.3-2.2-2.8-1-5.5-.1-6.8 2.2a19.2 19.2 0 0 0-2.9 8.3c-.3 6.3-.4 12.7-.5 18.9v6.6a.7.7 0 0 0-.5.6l-.2 6.2-.6 17.6c0 2.6.7 4.2 2.5 5.2a5 5 0 0 0 2.4.6c1.2 0 2.4-.4 3.4-1l11.1-7.1 29.4-18.8c2.4-1.5 3.6-3.3 3.8-5.3 0-2-1-4-3.3-5.9ZM104 69 75.5 87.7l.7-39.7a302 302 0 0 1 17 12.6c3.5 2.8 7.2 5.6 11 8.4Z'/%3E%3C/g%3E%3C/svg%3E");
	z-index: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20%;
	transform: translate(-50%, -50%);
	transition: width .3s;
}

li.listing-item:hover .image::after {
	width: 23%;
}
li.listing-item:hover img {
	filter: brightness(1.05) opacity(.9);
}

.display-posts-listing.grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 3vw 3vw;
	justify-items: center;
}

@media (min-width: 850px) {
	.display-posts-listing.grid {
		display: grid;
		grid-template-columns: repeat( 3, 1fr );
		gap: 3vw;
	}
}

li.listing-item .title {
	position: absolute;
	left: 1vw;
	bottom: 1vw;
	color: #fff;
	text-decoration: none;
	font-size: 1.4rem;
	font-weight: bold;
	width: 92%;
	text-shadow: 1px 1px 25px var(--theme-palette-color-1);
	line-height: 1.05;
	hyphens: auto;
}

ul.display-posts-listing.hidden-post-list {
   	max-height: 0;
   	overflow: hidden;
   	transition: max-height 0.5s ease-in-out;
}

@media(min-width: 1434px) {
	ul.display-posts-listing.hidden-post-list {
		padding-top: 1.5rem;
	}
}

.more-button-wrapper {
	text-align: center;
	margin-bottom: 4rem;
	position: relative;
	justify-content: center;
}

.more-button-wrapper::after {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	background-color: #E6E6E7;
	height: 1px;
	top: 50%;
	z-index: -1;
}

.more-button {
	background-color: #f5f5f5;
	color: var(--theme-palette-color-1);
	font-weight: bold;
	cursor: pointer;
	position: relative;
}

.more-button a {
	background-color: transparent !important;
	color: var(--theme-palette-color-1) !important;
	border: none !important;
	padding-left: 50px !important;
}
.more-button a:hover,
.more-button:hover a
 {
	background-color: transparent !important;
	color: var(--theme-palette-color-3) !important;
}

.more-button a::after {
 	content: '\002B';
	color: var(--theme-palette-color-1);
    position: absolute;
    left: 1.45rem;
    top: .85rem;
    font-weight: 100;
    font-size: 1.4rem;
	transition: color 200ms ease-in-out;
}

.more-button:hover a::after {
	color: var(--theme-palette-color-3);
}

.more-button a.expanded::after {
  	content: '\2212';
}

/*
.button-caption::before {
	content: '+ ';
	font-size: 1.6rem;
	font-weight: 300;
	top: 3px;
	position: relative;
}
*/

/* ------------------------------------- Meine bearbeiteten Filme --------------------------------------- */


ul.rated-video-teaser li.listing-item .image {
	margin-top: 7px;
}
ul.rated-video-teaser li.listing-item:first-child .image {
	margin-top: 66px;
}




/* ----------------------------------- Video-Posts und Fragen-zum-Video-Formular ---------------------- */

.single-post figure.wp-block-video {
	max-width: 800px;
	margin-bottom: 3rem;
	cursor: pointer;
}

.rated-video-teaser {
	padding-left: 0;
}

.rated-video-teaser .listing-item {
	grid-auto-flow: column;
    grid-auto-columns: minmax(340px, max-content) 1fr;
    gap: 2rem;
	margin-bottom: 3rem;
}

.get-video-rating *:hover {
	cursor: text;
}
.get-video-rating input[type='radio']:hover  + label::before {
	background: transparent;
	box-shadow: none !important;
	cursor: text !important;
}
.get-video-rating input[type='radio']:checked:hover  + label::before {
	background-color: var(--theme-palette-color-1);
	box-shadow: inset 0 0 0 2px white !important;
}

.video-rating-row {
	border-bottom: 1px solid rgb(207, 207, 207);
}
.video-rating-row + input[type="submit"] {
	margin-top: 2em;
}
@media (min-width:500px) and (max-width:699px) {
	ul.rated-video-teaser .video-rating-row {
		display: grid;
		grid-template-columns: 1fr 200px;
		gap: 1rem;
		align-items: end;
	}
}
@media (min-width:850px){
	ul.rated-video-teaser .video-rating-row {
		display: grid;
		grid-template-columns: 1fr 200px;
		gap: 1rem;
		align-items: end;
	}
}

@media (min-width:550px){
	.video-rating-form .video-rating-row {
		display: grid;
		grid-template-columns: 1fr 200px;
		gap: 1rem;
		align-items: baseline;
	}
}

.video-rating-frage + .video-rating-options {
	padding-top: 16px;
}
.video-rating-row {
	padding-bottom: 16px;
}
.video-rating-options label.inline-label {
	margin-bottom: 0;
}

.video-rating-explanation {
	font-size: 90%;
}
.video-rating-options {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.rating-submit {
	float: right ;
	transition: all 300ms ease-in-out;
}

.rating-submit:disabled,
.rating-submit:disabled:hover {
	opacity: .3 !important;
	background-color: #666;
	border-color: #666;
	color: #fff;
	cursor: not-allowed
}

.rating-submit:before {
	content: '';
    display: block;
/*     position: absolute; */
/*     background-size: 445px 420px; */
	background-image: url("data:image/svg+xml,%3Csvg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill-rule='evenodd' fill='%23fff' points='10.586 9 2 9 2 7 10.586 7 7.293 3.707 8.707 2.293 14.414 8 8.707 13.707 7.293 12.293 10.586 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
/*     position: relative; */
/*     display: inline-block; */
/*     margin-right: 10px; */
    border: 1px solid red;
}


/* ------------------------------------------ Eignungseinschätzung --------------- */

.self-rating {
	margin-block: 3rem;
	background-color: #f5f5f5;
	padding: .1em 2em 1em 2em;
}
.self-rating p {
	margin-bottom: 1rem;
	max-width: 85ch;
}
.self-rating-form textarea {
	margin-block: 1rem;
	border: 1px solid #b3b3b3;
	overflow: hidden;
/* 	resize: none; */
	padding: .75em 1em;
	transition: background-color 300ms ease-in-out, border 300ms ease-in-out;
}
.self-rating-form textarea:focus {
	background-color: #fbfbfb;
}


/* -------------------------------- Formularelemente stylen ------------------------ */

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
	width: auto;
	float: left;
	margin-right: .75em;
	background: transparent;
	border: none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
	background: transparent;
	position: absolute;
	visibility: hidden;
	margin: 0px;
	padding: 0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}

input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display: inline-block;
    width: 17px;
    height: 17px;
    position: relative;
    top: 4px;
    border: 1px solid #bbb;
    background: white;
    transition: background 200ms ease-in-out;
/*     margin-right: 1em; */
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
	border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
	background: #ddd;
	box-shadow: inset 0 0 0 2px white;
    transition: background 200ms ease-in-out;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
	background: var(--theme-palette-color-1);
	box-shadow: inset 0 0 0 2px white;
}

input[type='radio']:disabled:hover,
input[type='radio']:disabled:hover + label
input[type='radio']:disabled:hover + label::before,
input[type='radio']:disabled + label:hover,
input[type='radio']:disabled + label:hover::before {
	cursor: default;
}
[placeholder]::-webkit-input-placeholder {
  	transition: color 300ms ease-in-out;
}
[placeholder]:focus::-webkit-input-placeholder {
  	color: transparent;
}

/* -------------------------------------- Video-Seite (BLOG) ------------ */

.entry-card .entry-title {
	color: #fff;
}

.entry-card .ct-media-container:after {
	background-color: var(--theme-link-initial-color) !important;
	mix-blend-mode: color;
	filter: saturate(0.6) contrast(1.1) brightness(1.2);
}


/* -------------------------------- MySELF: personalisierte Seiten (Ultimate-Member-Plugin) ------------------- */

.um-page .entry-content :not(h1, h2, h3, h4, h5, .button input[type=submit].um-button, a, .rating-caption) {
/*
	font-size: inherit;
	font-weight: inherit;
*/
	font-family: inherit !important;
/* 	line-height: inherit; */
}
.um-own-page .entry-content * {
	color: inherit !important;
}

div.um-account-profile-link a{
	font-weight: bold;
	text-decoration: none !important;
	transition: color 200ms ease-in-out;
	color: var(--theme-palette-color-1) !important;
}

div.um-account-profile-link a:hover,
div.um-account-name a:hover{
	color: var(--theme-palette-color-1) !important;
}


a.um-account-link.current,
a.um-account-link.current span[class^="um-account"] {
	background-color: var(--theme-palette-color-1) !important;
	color: #fff !important;
}

.um-profile-photo {
	display: none;
}
.um-header.no-cover {
	min-height: unset;
	height: 2rem;
}

.um-profile-nav-item.active a {
	border-radius: 0;
	background-color: var(--theme-palette-color-1) !important;
}

.um-profile-nav {
	background-color: var(--theme-palette-color-3) !important;
	margin-bottom: 4rem;
}

div.um-account-main a.um-request-button {
	border-bottm: unset !important;
	border-bottom: 1px solid var(--theme-palette-color-1) !important;
}

.um-own-page .button,
input[type=submit].um-button,
a.um-request-button {
	font-family: var(--theme-button-font-family, var(--theme-font-family)) !important;
    font-size: var(--theme-button-font-size) !important;
    font-weight: var(--theme-button-font-weight) !important;
    font-style: var(--theme-button-font-style) !important;
    line-height: var(--theme-button-line-height) !important;
    letter-spacing: var(--theme-button-letter-spacing) !important;
    text-transform: var(--theme-button-text-transform) !important;
    -webkit-text-decoration: var(--theme-button-text-decoration) !important;
    text-decoration: var(--theme-button-text-decoration) !important;
    position: relative !important;
    color: var(--theme-button-text-initial-color) !important;
    border: var(--theme-button-border) !important;
    background-color: var(--theme-button-background-initial-color) !important;
	display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: var(--theme-button-min-height) !important;
    padding: var(--theme-button-padding) !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    text-align: center !important;
    border-radius: var(--theme-button-border-radius, 0) !important;
    border-radius: 0 !important;
    transition: all .12s cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
    --has-link-decoration: var(--false) !important;
}
.um-own-page .button:hover,
input[type=submit].um-button:hover,
a.um-request-button:hover {
	color: var(--theme-button-text-hover-color) !important;
    border-color: var(--theme-button-border-hover-color) !important;
    background-color: var(--theme-button-background-hover-color) !important;
}

a.um-button.um-alt {
	padding: var(--theme-button-padding) !important;
    border-radius: var(--theme-button-border-radius, 0) !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.um-account-name {
	text-align: left;
}

p.um-notice.success {
	background-color: var(--theme-palette-color-1) !important;
}

.um-link-alt {
	text-align: right !important;
}

.um-field-block div {
    text-align: left !important;
}
.um-center .um-button {
    float: right !important;
}

.um-profile.um .um-profile-edit-a.active,
.um-profile.um .um-profile-headericon a:hover {
    color: var(--theme-palette-color-1) !important;
}

.um-dropdown-b {
	text-align: left !important;
}

:where(.um-dropdown-b, .um-account-side) ul li::before {
	display: none !important;;
}

@media (min-width: 700px) {
	.rated-video-teaser .listing-item {
		display: grid;
		grid-template-columns: minmax(230px, 16vw) 1fr;
	}
}


/* -------------------------------------------------------------------------  */

.arrow-down {
	margin-bottom: 2rem;
}


/* ---------------------------------- Footer ----------------------------- */

footer {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 193px;
    background: #232323 url('https://cms-cdn.lmu.de/assets/img/footer-bg.svg') -45% center no-repeat;
    background-size: 150% 150%;
}
footer h2 {
	color: #fff;
}
footer p {
	color: #c0c1c3 !important;
}
footer a {
	color: #66b889;
	font-weight: 400 !important;
	transition: all 200ms ease-in-out;
}
footer a:hover {
	color: #fff !important;
}

.ct-footer-copyright {
	text-align: right;
	color: #c0c1c3 !important;
}

footer .ct-container {
	padding-top: 60px !important;
	padding-bottom: 40px !important;
}

#menu-footer-menue a.ct-menu-link:hover {
	color: #c0c1c3 !important;
}

#menu-footer-menue a.ct-menu-link::after {
    content: '';
    display: block;
    position: absolute;
    position: absolute;
    left: 11px;
    bottom: 1px;
    width: calc(100% - 22px);
    height: 1px;
    background-color: #c0c1c3;
    opacity: 0;
    transition: opacity 300ms ease-in-out;
}


#menu-footer-menue a.ct-menu-link:hover::after {
    opacity: 1;
}

/* ------------------------------------ Feedback ------------------------------ */

.indicator {
	width: 40vw;
	border: 1px solid var(--theme-palette-color-1);
	height: 12px;
}
.indicator div {
	background-color: var(--theme-palette-color-1);
	height: 100%
}
.scale {
	display: flex;
	width: 40vw;
	font-size: 80% !important;
	color: #b8b7b7;
	justify-content: space-between;
}


@media (min-width: 1000px) {
	.padding-left {
		padding-left: 11rem;
	}
	.infobox.msg-not-logged-in {
		margin-left: 11rem;
	}
}

.infobox.msg-not-logged-in {
	margin-top: 5rem;
	margin-left: 9.4rem;
	width: fit-content;
}

/*
.zustimmung {
	font-family: var(--font-light) !important;
	font-size: medium;
	color: var(--theme-text-color);
}
*/

.zustimmung {
	display: inline;
}

/* -------------------------------------- Spider Chart ------------------------------------- */


.responsive-wrap {
  position: relative;
  margin: 40px auto 0;
  max-width: 800px;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}
.responsive-wrap .chart-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

canvas {
  height: auto;
  max-width: 100%;
}

.info {
  display: none;
}
.info.active {
  display: block;
}