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

CUSTOM STYLESHEET

Creator:        ESE Media GmbH
Client:         LYRICS Magazin
Domain:         lyricsmagazin.ch
Collaborators:  Severin Gamper

Version:        0.1
Last Change     17.06.2019

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


NAVIGATION

1.    Global Styling
2.    Navigation
3.    Footer
4.    Pages
4.1.  Artikel
4.2.  Search
4.3.  Über uns
4.4.  Clip Zone
4.5.  Mediadaten


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


/*-----------------------------------*/
/* 0. Webflow Editor                 */
/*-----------------------------------*/


/* general */

.w-editor-bem-EditorApp_Panel {
	height: 100%;
}
.w-editor-bem-EditorLogoNav + .w-editor-bem-EditorMainMenu_Tabs .w-editor-bem-EditorMainMenu_Tab:nth-child(1),
img + .w-editor-bem-EditorMainMenu_Tabs .w-editor-bem-EditorMainMenu_Tab:nth-child(1) {
	display: none
}
.w-editor-bem-EditorMainMenu_Tabs {
	border-left: 0px
}
.w-dyn-empty {
	display: none;
}

/* Rich text */

.w-editor-bem-RichTextInput_Content {
	font-family: 'Tt norms pro', sans-serif;
	color: #2b2b2b;
	max-width: 645px;
	width: 100%;
	background-color: transparent;
}

.w-editor-bem-RichTextInput {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 40px;
	background-color: transparent;
}

.w-editor-bem-RichTextInput_Content h5 {
	margin-bottom: 25px;
	font-size: 26px;
	line-height: 34px;
	font-family: 'Tt norms pro', sans-serif;
	font-weight: 500;
}
.w-editor-bem-RichTextInput_Content h4 {
	display: flex;
	margin-top: 30px;
	margin-bottom: 16px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 30px;
	line-height: 38px;
	font-family: 'Tt norms pro', sans-serif;
}
.w-editor-bem-RichTextInput_Content h3 {
	font-size: 30px;
	line-height: 38px;
	font-family: 'Tt norms pro', sans-serif;
}
.w-editor-bem-RichTextInput_Content h2 {
	margin-top: 30px;
	margin-bottom: 16px;
	font-size: 35px;
	line-height: 42px;
	font-weight: 700;
	font-family: 'Tt norms pro', sans-serif;
}
.w-editor-bem-RichTextInput_Content h1 {
	font-size: 50px;
	line-height: 60px;
}
.w-editor-bem-RichTextInput_Content p {
	margin-bottom: 30px;
	font-family: 'PT Serif',serif;
	font-size: 18px;
	line-height: 27px;
}
.w-editor-bem-RichTextInput_Content a {
	color: #ea0036;
	font-weight: 700;
	text-decoration: none;
}
.w-editor-bem-RichTextInput_Content a:hover {
	text-decoration: underline;
}
.w-editor-bem-RichTextInput_Content blockquote {
	margin-top: 60px;
	margin-bottom: 60px;
	padding: 0;
	border-left-style: none;
	font-size: 22px;
	line-height: 33px;
	font-style: italic;
	font-weight: 500;
}
.w-editor-bem-RichTextInput_Content h6 {
	font-weight: 500;
	margin-bottom: 25px;
	margin-top: 30px;
	font-size: 20px;
	line-height: 28px;
	color: #2b2b2b;
}



/*-----------------------------------*/
/* 1. Global Styling                 */
/*-----------------------------------*/


/* BROWSER STYLING FIXES */

iframe {
	border: 0;
}


/* DARK MODE */

.body__darkmode .footer {
	background-color: #292929;
}


/* OBJECT FIT */

.objectfitimg, .bildstrecke__img, .artikel__stories__thumbnail, .release__cover {
	object-fit: cover;
}

.objectfitremoved {
	width: 100%;
	height: 100%;
	color: transparent;
	object-fit: cover;
}
}

.objectfitcontain {
	object-fit: contain;
}


/* CLEAR FORM FIELD STYLING */

.locked__formfield.w-password-page.w-input {
	-webkit-appearance: none !important;
	-moz-appearance: none;
  	appearance: none;
	box-shadow: none !important;
}


/* TEXT OVERFLOW WRAPPING */

.home__cz__heading, .home__cz__fokus__preheading, .home__cz__fokus__heading, .home__cz__fokus__preheading, 
.heroslider__events__infoblock .events__first-column div, .el__heading, .el__infoblock, .cz__fokus__heading, 
.rlplayer__preheading, .rlplayer__heading, .releaselist__title, .releaselist__artist, .pf__preview__block h6,
.home__events__heading, .home__pc__heading, .home__releases__heading, .rlplayer__heading, .rlplayer__preheading {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


/* TOUCH SCROLLING */

.homenav__dummy, .navburger__menu, .artikel__more__wrapper, .uu__partner, .uu__plattformen__container, .mediacenter__menu, .events__more__wrapper, .cz__more__wrapper, .mag__wrapper, .sht__container, .app__section {-webkit-overflow-scrolling: touch;}
.homenav__dummy::-webkit-scrollbar, .navburger__menu::-webkit-scrollbar, .artikel__more__wrapper::-webkit-scrollbar {
	display: none !important; height: 0 !important; width: 0 !important;
}



.main__cc__quarters, .main__cc__thirds, .main__cc__item, .newslist__item, .storieslist__item, .kontakt__column {
	vertical-align:top;
}
.crt-post .crt-post-content-image, .pf__preview__gradient, .artikel__social__icon, .pc__bottom__gradient, .rlplayer__gradient, .pf__preview, .md__facts__q__overlay__container {
	pointer-events: none;
}

/* INTERNET EXPLORER FIXES */

input::-ms-clear {
    display: none !important;
}
input[type="checkbox"]::-ms-check {
    color: transparent;
}



/*-------------------------------------
2. Navigation
-------------------------------------*/

.homenav__container {
	height: calc(100% + 1px);
}

.homenav__dummy {
	overflow-x: auto;
	overflow-y: hidden;
	height: calc(100% + 25px);
}

.homenav__container {
	overflow-y: hidden;
	margin-bottom: -25px;
}
.homenav__link {
	height: calc(100% - 25px)
}

.navsearch__field__active {
	width: 100%;
	text-align: center;
}
.navsearch__icon__active {
	display: none;
}
.homenav.fixed.hidden {
	top: 0px;
	display: block;
}
.w--current .homenav__link-text:hover {
	color: inherit;
}
#magic-line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 2px;
	margin: 0 0 -1px 0;
}
.magic-line2 {
	background: white;
	height: 1px;
}
@media (min-width: 991px) {
	.homenav__dummy:hover .w--current {
		color: inherit;
	}
}
@media (max-width: 767px) {
	.cookie__artikel-mobile {
		bottom: 50px;
	}
}
@media (max-width: 479px) {
	.cookie__artikel-mobile {
		bottom: 60px;
	}
}


/*-------------------------------------
3. Footer
-------------------------------------*/


.footer__sm__container:hover .footer__sm__link {
	text-decoration: underline;
}
.footer__sm__container:hover .footer__sm__logo {
	color: white;
}



/*-------------------------------------
4. Pages
-------------------------------------*/


/* NEWS PAGES */

.newslist__link-container:hover .newslist__heading {
	text-decoration: underline;
}
@media (max-width: 991px) {
	.newslist__link-container:hover .newslist__heading {
		text-decoration: none;
	}
}


/* KONTAKT PAGE */

.w--current:hover .uu__menu__link-text {
	color:#ea0036;
}
.kontakt__sm__container:hover .kontakt__sm__link {
	text-decoration: underline;
}
.kontakt__telefon__column.nummer:hover .kontakt__telefon__nummer {
	text-decoration: underline;
}
.w-dropdown-toggle {white-space: normal}


/* SEARCH PAGE */

.search__clear__icon-container__hidden {
	display: none;
}


/* ARTIKEL */

.artikel__section figure,
.w-editor-bem-RichTextInput_Content figure {
	margin: 40px 0;
	overflow: hidden;
	border-radius: 7px;
	z-index: 1;
}
.artikel__section figure div,
.artikel__section iframe,
.w-editor-bem-RichTextInput_Content figure div,
.w-editor-bem-RichTextInput_Content iframe {
	overflow: hidden;
	border-radius: 7px;
	z-index: 1;

}
.artikel__section .w-richtext-figure-type-video iframe,
.w-editor-bem-RichTextInput_Content .w-richtext-figure-type-video iframe {
	width: calc(100% + 2px) !important;
	height: calc(100% + 2px) !important;
	margin: -1px;
}
.artikel__content__container {
	margin-right: 30px;
}
.artikel__sidebar__more__link:hover .artikel__sidebar__more__title {
	text-decoration: underline;
}
.artikel__embed {
	text-decoration: none !important;
}
.numberedList {
	min-width: 45px;
	height: 45px;
	border-radius: 8px;
	background-color: #ea0036;
	text-align: center;
	color: white;
	display: inline-block;
	padding: 9px 9px;
	margin: 10px 13px 10px 0;
	box-shadow: 0 5px 15px 0 rgba(234,0,54,.2);
	font-size: 24px;
	line-height: 28px;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
.numberedListText {
	font-size: 24px;
	line-height: 28px;
}
@media (max-width: 767px) {
	.artikel__social__hidden, .events__bottomlinks__hidden {
		bottom: -105%;
	}
}
@media (min-width: 991px) {
	.sidebar__stickycontainer.up,
	.sidebar__stickycontainer__homenav.up {
		top: 106px;
	}
}
/* DEACTIVATED IN FAVOR OF RICH CONTENT

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure {
	width: 100%;
	max-width: 100%;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type=video] {
	padding-bottom: 56.206088992974244% !important;
}*/

.artikel__newslist__link-container:hover h5 {
	text-decoration: underline;
}
@media (max-width: 991px) {
	.artikel__newslist__link-container:hover h5 {
		text-decoration: none;
	}
}

/* Embed */

.artikel__section .w-embed.w-iframe {
	margin: 40px 0;
}
.artikel__section .w-embed.w-iframe figure {
	margin: 0;
}
.artikel__richtext h6 {
	font-weight: 500;
	margin-bottom: 25px;
	margin-top: 30px;
	font-size: 20px;
	line-height: 28px;
	color: #2b2b2b;
}

.artikel__section .os_widget_container {
	margin: 0px !important;
	overflow: hidden;
	border-radius: 8px;
	/*box-shadow: 0 10px 25px 0 rgba(0,0,0,.15);*/
	border: 1px solid #ccc;
	z-index: 1;
	position: relative;
}
.artikel__section .os_widget_container iframe {
	margin: -2px -1px -97px -1px !important;
	width: calc(100% + 2px) !important;
}
.artikel__section .os_poll {
	padding: 50px 0;
}



/* ARTIKEL STORIES */

.artikel-drop-cap::first-letter {
  font-size: 92px;
  float: left;
  font-weight: 600;
  padding-top: 25px;
  padding-right: 8px;
  padding-left: -3px;
  padding-bottom: 10px
}
@media (max-width:479px) {
	.artikel-drop-cap::first-letter {
		font-size: 85px;
		padding-top: 21px;
	}
}
.artikel__richtext .artikel__stories__quote {
	font-size: 30px;
	line-height: 42px;
	font-style: normal;
	margin: 50px 0;
	padding: 40px 0;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
}
.w-richtext figure.w-richtext-align-fullwidth.artikel__stories__figure {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: visible;
	/*height: 570px;
	max-height: 53vw;*/
	padding-bottom: 0 !important;
	height: auto;
}
.w-richtext figure.w-richtext-align-fullwidth>div.artikel__stories__figure__div {
	width: 100vw;
	padding: 0 30px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.artikel__stories__container .w-richtext-align-fullwidth div img,
.artikel__stories__container .w-richtext-align-fullwidth div iframe {
	width: 100% !important;
	max-width: 1004px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}
.stories__body .artikel__next__container {
	margin-top: 80px
}
.stories__body .w-richtext-align-fullwidth div iframe {
}
.stories__body .w-richtext-figure-type-video iframe {
	height: 570px !important;
	max-height: 53vw;
}
.artikel__stories__thumbnail {
	height: calc(100% - 90px)
}
@media (max-width: 767px) { 
	.w-richtext figure.w-richtext-align-fullwidth>div.artikel__stories__figure__div {
		padding: 0;
		border-radius: 0;
	}
	.artikel__stories__container .w-richtext-align-fullwidth div img,
	.artikel__stories__container .w-richtext-align-fullwidth div iframe {
		border-radius: 0;
	}
}
@media (max-width: 479px) {
	.w-richtext figure.w-richtext-align-fullwidth>figcaption {
		font-size: 14px;
		line-height: 18px;
		color: #8e8e8e;
	}
	.artikel__richtext .artikel__stories__quote {
		font-size: 22px;
		line-height: 28px;
	}
}


/* ARTIKEL GENIUS */

.genius__lyrics__richtext a,
.genius__ant__richtext h5 {
	padding: 3px 0 2px 0;
}
.genius__ant__richtext h6::before {
	content: "";
	background-image: url("https://uploads-ssl.webflow.com/5d2773e2f06a31eb4c9fc2b4/5d4eb4602108a915e7cb48cf_lyrics-icon-checkmark-green-small.svg");
  	background-size: cover;
  	background-repeat: no-repeat;
  	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	left:0;
	top:2px;
}
.genius__ant__richtext h5 strong,
.genius__ant__richtext h6 strong,
.genius__ant__richtext h5 em,
.genius__ant__richtext h6 em {
	font-weight: inherit;
	font-style: inherit;
}
.genius__ant__richtext h6::after {
	content: "VERIFIED ANNOTATION";
	font-size: 8px;
	color:#B1B1B1;
	display: block;
	position: absolute;
	bottom: -15px
}
.genius__sidebar {
	max-height: 100vh;
	overflow: auto;
	padding: 0 0 46px;
}
.genius__hidden {
	display:none;
}
.genius__ant__container__active {
	opacity: 1;
	padding-top: 0px;
}
.genius__lyrics__richtext a.genius__lyrics__button__active {
	background-color: #ffed64;
}
.genius__ant__close__active {
	display: block;
}
@media (max-width: 767px) {
	.genius__ant__container__active {
		right: 0vw;
		padding-top:60px;
	}
	.genius__ant__close__show {
		opacity: 1;
	}
}



/* ARTIKEL BILDSTRECKE */

.swiper-button-disabled {
	display: none;
}
.bildstrecke__caption__copy .source {
	color: #b1b1b1;
	font-size: 14px;
}
.w-lightbox {
	cursor: pointer;
	overflow: hidden;
}
.w-lightbox-image {
	max-height: 70vh;
}
.w-lightbox-group .w-lightbox-image {
	max-height: 70vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view:before {
	height: 100vh !important;
}
.w-lightbox-strip {
	height: 0px;
}
.w-lightbox-figure {
	overflow: hidden;
	border-radius: 8px;
}
.w-lightbox-caption {
  width: 100%;
  height: auto;
  background-color: #292929;
  font-family: 'Tt norms pro', sans-serif;
  color: white;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  white-space: normal;
  padding: 20px;
  position: relative;
  margin: 0;
}
@media (max-width: 600px) {
  .w-lightbox-caption {
    font-size: 12px;
    line-height: 16px;
    padding: 15px;
    height: 150px;
    }
}


/* COMMENTO */

.commento-root *,
.commento-root .commento-login-box-container .commento-login-box button, 
.commento-root .commento-login-box-container .commento-login-box input, 
.commento-root .commento-login-box-container .commento-login-box textarea {
	font-family: 'Tt norms pro',sans-serif;
}
.commento-root {
	margin-bottom: 30px;
	overflow: visible;
}
.commento-root input,
.commento-root textarea {
	-webkit-appearance: none !important;
	-moz-appearance: none;
  	appearance: none;
	box-shadow: none !important;
	font-size: 16px;	
}
#commento-textarea-root {
	padding: 20px;
}

.commento-footer, .commento-root .commento-markdown-button {
	display: none;
}
.commento-root .commento-submit-button {
	background-color: #ea0036;
	padding: 11px 35px 9px;
	font-size: 14;
	font-weight: 500;
	box-shadow: none;
	text-transform: none;
	border-radius: 50px;
	line-height: 18px;
	z-index: 50;
	position: relative;
}
.commento-submit-button:hover {
	background-color: #ff003b
}
.commento-root .commento-anonymous-checkbox-container input[type=checkbox]+label {
	text-transform: none;
	font-weight: 400;
}
.commento-root .commento-login .commento-login-text {
	font-weight: 500;
	border-radius: 50px;
	display: inline-block;
	height: auto;
	position: relative;
	bottom: 6px;

}
.commento-login {
	text-align: right
}
.commento-root .commento-login-box-container .commento-login-box .commento-oauth-buttons-container .commento-oauth-buttons .commento-button {
	box-shadow: none;
	border-radius: 50px;
	border: none;
	padding: 2px 18px;
	width: auto;
	margin: 2px;
	font-size: 12px;
	text-transform: none;
}
.commento-root .commento-login-box-container .commento-login-box {
	background-color: #f2f2f2;
	border-radius: 8px;
	margin-top: auto;
	margin-bottom: auto;
	position: relative;
}
.commento-root .commento-login-box-container .commento-login-box .commento-email-container .commento-email {
	border-radius: 50px;
	box-shadow: none;
	overflow: hidden;
}
.commento-root .commento-login-box-container {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: rgba(39, 39, 39, 0.9);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.commento-root .commento-login-box-container .commento-login-box .commento-oauth-buttons-container .commento-oauth-buttons {
	display: block;
	position: relative;
}
.commento-root .commento-anonymous-checkbox-container {
	float: none;
	margin: 20px 0px;
}
.commento-root .commento-login-box-container .commento-login-box .commento-email-container .commento-email .commento-email-button {
	border: none;
	background-color: #ea0036;
	color: white;
	text-transform: none;
	font-weight: 500;
	border-radius: 50px;
}
.commento-root .commento-login-box-container .commento-login-box .commento-email-container .commento-email .commento-email-button:hover {
	background-color: #ff003b;
	color: white;
}
.commento-root .commento-login-box-container .commento-login-box .commento-email-container .commento-email .commento-input {
	padding: 5px 10px 5px 20px;
}
.commento-root .commento-login-box-container .commento-login-box .commento-login-link {
	color: rgb(85, 85, 85);
	text-decoration: underline;
	font-weight: 400;
}
.commento-root .commento-login-box-container .commento-login-box .commento-login-link:hover {
	color: #ea0036;
}
.artikel__disqus .main__sectionheading__container {
	margin-top: 50px;
}
.commento-root .commento-button-margin {
	padding-bottom: 20px
}
.commento-root .commento-card .commento-name {
	width: calc(100% - 50px);
	max-width: none !important;
}
.commento-root .commento-sort-policy-buttons-container .commento-sort-policy-buttons .commento-sort-policy-button-selected {
	font-weight: 500;
	color: black;
}
.commento-root .commento-round-check input[type=checkbox]:checked+label:before, .commento-root .commento-round-check input[type=radio]:checked+label:before {
	background-color: #ea0036;
	border-color: #ea0036;
}
.commento-root .commento-card .commento-header {
	position: relative
}
.commento-root .commento-card .commento-options {
	position: absolute;
	top:0;
	right:0;
}



/* CLIP ZONE */

.heroslider__video-code .heroslider__img-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	height: 100%;
}
.heroslider__img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cz__play__container:hover .cz__play__button,
.home__cz__fokus__block:hover .cz__play__button,
.heroslider__slide:hover .cz__play__button {
	display: flex;
}
.morecontent span {display: none}

.morecontent .morelink {
	text-decoration: none;
	color:white;
}
.morecontent .morelink:hover {
	color: white;
	text-decoration: underline;
}
.heroslider__button__prev, .heroslider__button__next {
	width: calc(50% - 449px);
}
.heroslider__button__prev:focus, .heroslider__button__next:focus {
	outline: 0;
}
.heroslider__button__next:hover .heroslider__button__next__icon-container,
.heroslider__button__prev:hover .heroslider__button__next__icon-container {
	background-color: rgba(0, 0, 0, 0.9);
}
@media (max-width: 991px) {
	.cz__play__container:hover .cz__play__button,
	.home__cz__fokus__block:hover .cz__play__button,
	.heroslider__slide:hover .cz__play__button {
		display: none;
	}
	.cz__play__container .cz__play__button,
	.home__cz__fokus__block .cz__play__button,
	.heroslider__slide .cz__play__button {
		display: none;
	}
}
@media (max-width: 767px) {
	.heroslider__section .swiper-wrapper {display: block}
}


/* MEDIADATEN */

.w--current .md__tabs__divider-right {
	display: none;
}


/* SOCIAL */

.crt-widget-waterfall .crt-post {
	margin: 0 8px 16px;
}
.crt-post .crt-post-content-image {
	border-bottom: 1px solid #E2E2E2;
}
.crt-widget .crt-post-text {
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
	overflow: hidden;
}
.crt-post .crt-post-fullname {
	text-align: left;
	margin-left: 16px;
	font-size: 14px;
	font-weight: 500;
}
.crt-post .crt-post-header {
	padding: 16px 0 5px;
}
.crt-post .crt-post-header .crt-social-icon {
	float:left;
	margin: 0 5px 0 0;
	position: relative;
	bottom: 1px;
}
.crt-post .crt-post-header .crt-social-icon i {
	color: white;
	font-size: 12px;
	padding: 4px 2px;
	background-color: black;
	border-radius: 50px;
	width: 20px;
	height: 20px;
}
.crt-post .crt-post-header .crt-social-icon i.crt-icon-youtube {
	background-color:#FF3446;
}
.crt-post .crt-post-header .crt-social-icon i.crt-icon-facebook {
	background-color:#475993;
}
.crt-post .crt-post-header .crt-social-icon i.crt-icon-instagram {
	background-color:#F77737;
}
.crt-widget .crt-post-date a {
	font-size: 10px;
}
.crt-post-footer {
	display: none;
}
.crt-widget .crt-post {
	border-radius: 4px;
	overflow: hidden;
	border-color: #E2E2E2;
	background-color: #F2F2F2;
	cursor: pointer;
}
.crt-widget .crt-post:hover {
	background-color: #ebebeb;

}
.crt-widget .crt-load-more {
	padding: 13px 100px 14px;
	font-size: 18px;
	line-height: 23px;
	border-radius: 50px;
	font-weight: 500;
	text-align: center;
	background-color: #ea0036;
	display: inline-block;
	color: #fff;
	border: 0;
	text-decoration: none;
	cursor: pointer;
}
.crt-widget .crt-load-more:hover {
	background-color: #ff003b;
}
.crt-widget .crt-load-more-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 54px;
	margin-bottom: 70px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.crt-popup-wrapper .crt-popup .crt-previous, .crt-popup-wrapper .crt-popup .crt-next {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	position: absolute;
	width: 60px;
	height: 100%;
	top: 0;
	bottom: 0;
}
.crt-popup-wrapper .crt-popup .crt-previous {
	left: -60px;
}
.crt-popup-wrapper .crt-popup .crt-next {
	right: -60px;
}
.crt-load-more-container {
	margin-top: 50px
}
.crt-widget-waterfall .crt-feed {
	margin: 0 -8px;
	width: calc(100% + 16px)
}
.crt-popup-underlay {
	background-color: rgba(41,41,41,.9);
}
.crt-popup-wrapper .crt-popup .crt-close {
	width: 20px;
	height: 20px;
	background-image: url(https://uploads-ssl.webflow.com/5d2773e2f06a31eb4c9fc2b4/5d30997cc13cb6aa0f4c482e_lyrics-icon-close-grey.svg);
	background-color: transparent;
	top: -40px;
}
.crt-popup-wrapper .crt-popup .crt-close::before {
	content: "";
}
@media (max-width: 520px) { 
	.crt-popup-wrapper .crt-popup-container {
		padding: 80px 20px;
	}
	.crt-popup-wrapper .crt-popup .crt-previous {
		display: none
	}
	.crt-popup-wrapper .crt-popup .crt-next {
		display: none
	}
	.crt-popup-wrapper .crt-popup.has-image .crt-popup-left {
		min-height: 0 !important;
		width:100% !important;
	}
}

/* Wrapper */

.crt-popup-wrapper .crt-popup .crt-popup-header .crt-post-name {
	padding-bottom: 5px;
}
.crt-popup-wrapper .crt-popup .crt-popup-header .crt-social-icon i {
	font-size: 20px;
	margin-top: 14px; 
}
.crt-popup-wrapper .crt-popup .crt-popup-header img {
	border-radius: 50px;
}
.crt-popup-wrapper .crt-popup .crt-popup-header .crt-post-name {
	font-size: 16px;
	font-weight: 500;
	font-family: 'Tt norms pro',sans-serif;
}
.crt-popup-wrapper .crt-popup .crt-popup-right a {
	font-family: 'Tt norms pro',sans-serif;
	position: relative;
	bottom: 2px;
}
.crt-popup-wrapper .crt-popup .crt-popup-right .crt-post-name a {
	font-size: 12px;
}
.crt-popup-wrapper div {
	font-family: 'Tt norms pro',sans-serif;
}
.crt-popup-wrapper .crt-popup {
	min-height: 450px
}
.crt-popup-wrapper .crt-popup.has-image .crt-popup-left {
	min-height: 450px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}


/* HOME */

.news__link-container:hover .news__heading {
	text-decoration: underline;
}
@media (max-width: 991px) { 
	.news__link-container:hover .news__heading {
		text-decoration: none;
	}
}


/* PROMOCENTER */

.promocenter__container .md__tabs__links:hover {
	color: #fff;
}



/* EVENTS */

@media (max-width: 359px) {
	.events__links {
		display: block;
		margin: 0;
	}
	.smallbutton.blacksquare__stacked, .smallbutton.events__bottomlinks {
		margin: 0 0 8px 0;
	}
}


/* STORIES */

.shb__slides {
	opacity: 0;
	display: block;
}
.shb__slides.hidden {
	display: none;
}
.shb__slides.active {
	opacity: 1;
}

.shb__slides {
	-webkit-transition: opacity 1s cubic-bezier(.215,.61,.355,1), left 1s cubic-bezier(.215,.61,.355,1);
	transition: opacity 1s cubic-bezier(.215,.61,.355,1), left 1s cubic-bezier(.215,.61,.355,1);
}

.sht__linkblock.inactive {
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
	opacity: 0.5
}
.sht__linkblock.inactive:hover {
	opacity: 0.9;
}

.sh__transition {
	-webkit-transition: width 5s linear;
	transition: width 5s linear;

}
@media (max-width: 767px) {
	.sht__linkblock.inactive:hover {
		opacity: 0.5
	}
}
@media (max-width: 991px) {
	.sh__section {
		height: calc(100vh - 75px)
	}
}
@media (max-width: 767px) {
	.sht__container {
		overflow-y: hidden;
		overflow-x: auto;
	}
}

.storieslist__link-container {
	max-width: none;
}

/*.storieslist__link-container:hover {
	margin: -5px -5px -10px -5px;
	width: calc(100% + 10px);
	height: 280px;
	
}
.storieslist__link-container:hover .storieslist__text-container {
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}*/



/* RELEASES */

.heroslider__slide .releases__playbutton,
.w-inline-block .releases__playbutton,
.releases__fokus__container .releases__playbutton,
.home__cz__fokus__block .releases__playbutton  {
	display: none;
}
.heroslider__slide:hover .releases__playbutton,
.w-inline-block:hover .releases__playbutton,
.releases__fokus__container:hover .releases__playbutton,
.home__cz__fokus__block:hover .releases__playbutton {
	display: flex;
}

.releases__playbutton:hover  {
	width: 43px;
	height: 43px;
}
.releases__playbutton:hover .releaselist__play__icon {
	width: 19px;
}
.releases__playbutton.big:hover  {
	width: 66px;
	height: 66px;
}
.releases__playbutton.big:hover .releaselist__play__icon {
	width: 24px;
}
.releases__playbutton.small:hover  {
	width: 55px;
	height: 55px;
}
.releases__playbutton.small:hover .releaselist__play__icon {
	width: 21px;
}


.releaselist__row__item:hover .releaselist__row {
	background-color: #303030;
}
.rlplayer__section.rlplayer__hidden {
	bottom: -30px;
}
.rlplayer__section.rlplayer__started {
	display: block;
}
.rlplayer__hidden .rlplayer__container {
	opacity: 0;
}
.rlplayer__gradient {
	opacity: 0;
}
.rlplayer__gradient__shown {
	opacity: 1;
}
@media (max-width: 991px) {
	.rlplayer__section.rlplayer__hidden {
		bottom: 0px;
	}
	.rlplayer__hidden .rlplayer__container {
		opacity: 1;
	}
	/*.releaselist__row__item:hover .releases__playbutton,
	.el__fokus__container:hover .releases__playbutton,
	.heroslider__slide:hover .releases__playbutton {
		display: none;
	}*/
	.releaselist__row__item:hover .releaselist__row {
		background-color: #292929;
	}
}

@media (max-width: 767px) {
	.rlplayer__column__info {
		max-width: calc(100% - 310px)
	}
}
@media (max-width: 479px) {
	.rlplayer__column__info {
		max-width: calc(100% - 130px)
	}
}


/* PROMOCENTER FORMULARE */

.pf__preview__img {
	height: calc(100% + 1px);
}
.pf__preview__img-container.pf__preview__img-container__transparent {
	background-color: transparent;
}
.pf__radio__inactive {
	cursor: not-allowed;
}
.pf__radio__inactive .pf__radio__container {
	pointer-events: none;
	opacity: 0.3;
}


/* Releases */

.pf__preview__preheading.empty {
	background-color: #8e8e8e;
	margin-bottom: 5px;
	margin-top: 6px;
}
.pf__preview__heading.empty {
	background-color: white;
	margin-top: 5px;
	margin-bottom: 18px;
}
.pf__discription__placeholder.show {
	display: block;
}
.pf__preview__discription.hide {
	display: none;
}

.pf__form select {
	-webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  background-color: transparent;
	  background-image: none;
	  border: 1px solid #4b4b4b;
	  height: 50px;
	  padding-left: 20px;
	  font-size: 16px;
	  cursor: pointer;
	  color:white;
}
.pf__form select:hover {
	background-color: #202020;
}
.pf__form select:focus {
	border-color: #666;
}
.pf__select__arrow {
	pointer-events: none;
}
.pf__form select:invalid {
	color: #b1b1b1;
}
.pf__slide {
	min-height: calc(100vh - 50px)
}
@media (max-width: 797px) {
	.pf__slide {
		min-height: calc(100vh - 40px)
	}
}
.pf__form input[type="checkbox"] {
	-webkit-appearance: none !important;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
  	cursor: pointer;
}   
.pf__form input[type="checkbox"]:checked  {
	background-image: url("https://uploads-ssl.webflow.com/5d2773e2f06a31eb4c9fc2b4/5d6025dfa7638fbeaa52b95f_lyrics-icon-checked.svg");	
  	background-position: 50% 50%;
  	background-size: cover;
	background-repeat: no-repeat;	
	border: 1px solid white;
}
.pf__radio__wrapper input:checked ~ .pf__price {
	color: white;
}
#wf-form-Releases .pf__radio__wrapper input:checked ~ .pf__radio__container {
	border-color: #00d95f;
	background-color: rgba(0, 217, 95, 0.05);
}
.pf__activate__wrapper input:checked ~ .releases {
	background-color: #00d95f;
	border-color: #00d95f;
}
.pf__activate__button {
	cursor: pointer;
}
.pf__activate__wrapper input[type=checkbox]:checked ~ .pf__activate__button .pf__activate__unchecked,
.pf__activate__wrapper input[type=checkbox] ~ .pf__activate__button .pf__activate__checked {
	display: none;
}
.pf__activate__wrapper input[type=checkbox]:checked ~ .pf__activate__button .pf__activate__checked,
.pf__activate__wrapper input[type=checkbox] ~ .pf__activate__button .pf__activate__unchecked {
	display: inline;
}
#overviewUpgradeDeactivated:hover .pf__overview__upgrade__text {
	display: none;
}
#overviewUpgradeDeactivated:hover .pf__overview__upgrade__text.active {
	display:block;
}
#overviewUpgradeDeactivated .pf__overview__upgrade__text.active {
	display: none;
}
.pf__field__warning,
.pf__form select.pf__field__warning {
	border-color: white;
}
#pfLinks select {
	border: none
}
.pf__radio__container img {
	width:20px
}


/* Clip Zone */

.preview__img-container__clipzone, .preview__img-container__events {
	width: calc(100% + 40px);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
#wf-form-Clip-Zone .pf__radio__wrapper input:checked ~ .pf__radio__container {
	border-color: #af16e7;
	background-color: rgba(175, 22, 231, 0.1);
}
#wf-form-Clip-Zone .pf__overview__upgrade__text.active {
	color: #af16e7;
}
@media (max-width: 340px) {
	.pf__label__text span {
		display: none;
	}
}
.pf__activate__wrapper input:checked ~ .clipzone {
	background-color: #af16e7;
	border-color: #af16e7;
}
#wf-form-Clip-Zone .pf__price {
	color: #af16e7;
}


/* Events */

#wf-form-Events .pf__price {
	color: #ffa617;
}
#wf-form-Events .pf__radio__wrapper input:checked ~ .pf__radio__container {
	border-color: #ffa617;
	background-color: rgba(255, 166, 23, 0.2);
}
.pf__activate__wrapper input:checked ~ .events {
	background-color: #ffa617;
	border-color: #ffa617;
}
#wf-form-Events .pf__overview__upgrade__text.active {
	color: #ffa617;
}
.heroslide__events__location.empty {
	background-color: white;
	width: 80px;
	height: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#targetDay1.empty,
#targetDay2.empty {
	background-color: white;
	width: 20px;
	height: 16px;
	margin-top: -2px;
	margin-bottom: 3px;
}
#targetMonth1.empty,
#targetMonth2.empty {
	background-color: #b1b1b1;
	width: 16px;
	height: 8px;
	margin-left: 2px;
}
#targetWeekday.empty {
	background-color: white;
	width: 60px;
	height: 9px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#targetTime.empty {
	background-color: white;
	width: 45px;
	height: 9px;
	margin-bottom: 4px;
	margin-top: 2px;
}
#targetTime.empty::after {
	content: "";
}
#targetTime::after {
	content: " Uhr";
}

/* Date Picker */

.tail-datetime-calendar .calendar-datepicker {
	background-color: transparent;
}
.tail-datetime-calendar .calendar-actions {
	background-color: transparent;
}
.tail-datetime-calendar {
	background-color: transparent;
}
.tail-datetime-calendar .calendar-datepicker table tr td {
	color: white;
}
.tail-datetime-calendar .calendar-datepicker table tr td.date-previous, .tail-datetime-calendar .calendar-datepicker table tr td.date-next {
	background-color: #202020;
}
.tail-datetime-calendar {
	border: 1px solid #4b4b4b;
}
.tail-datetime-calendar .calendar-datepicker table tr th {
	border-bottom-color: #4b4b4b;
	border-top-color: #4b4b4b;
}
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-select span.inner {
	background-color: #ffa617;
	border-color: #ffa617;
}
.tail-datetime-calendar .calendar-datepicker table tr td.date-today:before {
	background-color: #ffa617;
}
.tail-datetime-calendar .calendar-datepicker table tr th,
.tail-datetime-calendar .calendar-actions span {
	color: white;
}
.tail-datetime-calendar .calendar-actions span[data-action]:hover,
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month:hover, 
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year:hover, 
.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade:hover {
	background-color: #202020;
	color: white;
}
.tail-datetime-calendar .calendar-datepicker table tr th.calendar-week:hover span.inner, .tail-datetime-calendar .calendar-datepicker table tr td.calendar-day:hover span.inner {
	border-color: #ffa617;
}
.tail-datetime-calendar .calendar-actions span.action-prev {
	background-image: url(https://uploads-ssl.webflow.com/5d2773e2f06a31eb4c9fc2b4/5d35d88db22e67e5499456ce_lyrics-icon-arrow-left-small-white.svg)
}
.tail-datetime-calendar .calendar-actions span.action-next {
	background-image: url(https://uploads-ssl.webflow.com/5d2773e2f06a31eb4c9fc2b4/5d35d88efa1e1cceffa03dcb_lyrics-icon-arrow-right-small-white.svg)
}
.tail-datetime-calendar {
	border-radius: 2px;
}
.tail-datetime-calendar.calendar-static {
	margin: 0;
}
.pf__date__input__container input {
	display: none;
}


/* MITARBEITER */

@media (max-width: 328px) {
	.main__sectionheading__desktop {
		display:none;
	}
}



/* HOME PAGE */

#homeSocial .crt-grid-post-tokyo .crt-post-hover, 
#homeSocial .crt-grid-post-tokyo .crt-grid-post-image {
	border-radius: 0px;

}
#homeSocial .crt-widget .crt-grid-post .crt-post-hover {
	display: none;
	background-color: rgba(41, 41, 41, 0.1);
	color: white;
	transition: none;
}
#homeSocial .crt-widget .crt-grid-post .crt-post-hover div {
	display: none
}
#homeSocial .crt-grid-post .crt-post-c {
	border-radius: 8px;
	border: 1px solid #e2e2e2;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#homeSocial .crt-widget-grid .crt-grid-post {
	padding: 0 8px;
}

#homeSocial .crt-widget {
	padding: 0;
}
.crt-grid-post .crt-play {
	z-index: 10;
}
.crt-grid-post .crt-play .crt-play-icon,
.crt-post.crt-post-has-video .crt-play-icon,
.crt-popup-wrapper .crt-popup.has-video a.crt-play .crt-play-icon {
	opacity: 1;
	border: none;
}
.crt-grid-post .crt-play .crt-play-icon::after,
.crt-post.crt-post-has-video .crt-play-icon::after,
.crt-popup-wrapper .crt-popup.has-video a.crt-play .crt-play-icon::after {
	border: 1px solid #fff;
	border-radius: 100px;
	background-color: rgba(25,25,25,.7);
	box-shadow: 0 0 2px 0 rgba(0,0,0,.2);
	top: -11px;
	left: -21px;
	position: absolute;
	opacity: 1;
	width: 60px;
	height: 60px;
	-webkit-transition: all 50ms ease,height 50ms ease;
	transition: all 50ms ease,height 50ms ease;
	transform: scale(1.1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}
.crt-grid-post .crt-play .crt-play-icon::before,
.crt-post.crt-post-has-video .crt-play-icon::before,
.crt-popup-wrapper .crt-popup.has-video a.crt-play .crt-play-icon::before {
	content: url(https://assets-global.website-files.com/5d2773e2f06a31eb4c9fc2b4/5d35b3a947f4bb86d39eb5ee_lyrics-icon-play-white.svg);
	border: 0;
	width: 19px;
	height: 19px;
	position: absolute;
	top: 10px;
	left: 3px;
	-webkit-transition: all 50ms ease,height 50ms ease;
	transition: all 50ms ease,height 50ms ease;
	transform: scale(1.1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}
.crt-grid-post .crt-play .crt-play-icon:hover::after,
.crt-post-content:hover .crt-play-icon::after,
.crt-popup-wrapper .crt-popup.has-video a.crt-play:hover .crt-play-icon::after {
	width: 66px;
	height: 66px;
	top: -14px;
	left: -24px;
}
.crt-grid-post .crt-play .crt-play-icon:hover::before,
.crt-post-content:hover .crt-play-icon::before,
.crt-popup-wrapper .crt-popup.has-video a.crt-play:hover .crt-play-icon::before {
	width: 21px;
	height: 21px;
	top: 9px;
	left: 2px;
}



@media (max-width: 767px) {
	#homeSocial .crt-feed {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: calc(100% + 16px);
	}
	#homeSocial .crt-feed-window {
		display: flex;
		overflow: hidden;
		margin-right: -12px;
		margin-left: -12px;
		padding-right: 12px;
		padding-left: 12px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		width: 100vw;
	}
	#homeSocial .crt-grid-post {
		width: 90vw !important;
		width: 350px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	.crt-feed-window {
		height: auto !important
	}

}




.home__events__wrapper {
	width: calc(100% + 16px);
}

@media (max-width: 479px) {
	.home__container__item {
		/*width: calc(100vw - 40px);*/
	}

}
.home__curator__desktop {display:block;}
.home__curator__mobile {display:none;}

@media (max-width: 767px) {
	.home__curator__desktop {display:none;}
	.home__curator__mobile {display:block;}
}