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

	Theme Name: Sphere Radio
	Template: chaplin
    Text Domain: sphere-radio
	Version: 1.1
-----------------------------------------------------------------------------------*/
	.marquee {
		max-width: 100vw; /* iOS braucht das */
		white-space: nowrap;
		overflow: hidden;
		/* hier evtl. noch font-size, color usw. */
	}

.tippy-box[data-theme~='custom'] {
   color: #6ed26e;
   border-radius: 5 px;
   padding: 5 px;
   background: #6f00ff;
   border: 2px solid #6ed26e;
}

.marquee #marku {
		display: inline-block;
		padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */
		animation: marquee 10s linear infinite;
	}

	.marquee #marku:hover {
		animation-play-state: paused 
	}

	@keyframes marquee {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}


.toggle-text:hover {
	text-decoration: underline;
}

.invertedbutton {
background-color:transparent !important;
color: #6ed26e !important;
border: 2px solid #6ed26e !important;
}

.footer-inner{
padding:4rem 0 !important;
}

#site-footer{
	margin-bottom:4rem !important;
}

#video-stream{
	width:100% !important;
}

.overlay{
position: absolute;
left: 50%;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
}

.preview-media{
position:relative
}

.preview-media:hover{
opacity:0.9;
}

.preview-media:hover .dashicons-controls-play{
opacity:1;

}

.listen, .listensc{
display:block;
width:100%;
height:100%;
}

.dashicons-controls-play{
font-size:16rem !important;
color:white;
opacity:0;
width:35%;
height:35%;

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}

.wpcf7-list-item {
display: block !important;
}

.fc-theme-standard .fc-list {
border-radius:10px;
}



#sketch-div{
	width:100% !important;
	height: auto !important;
	position:fixed;
	z-index:-2;
	display:block;
}

a.language-switch{
	text-decoration:none;
}

.toggle-text.language-switch li{
	margin:0;
}

.toggle-text.language-switch a{
	text-decoration: none;
}

.faux-image img{
	left:0 !important;
	width:100%;
	height: auto;
}

.faux-image{
	width:100%;
}

.post-categories{
	padding-bottom: 0.5em;
}

.featured-media{
	left:auto !important;
	width:50% !important;
}

.faux-image.aspect-ratio-1x1{
	border:2.5px solid;
	border-radius: 10px;
}

.fallback-featured-image{
	border:2.5px solid;
	border-radius: 10px;
}

#menu-buttn{
	padding-left:0 !important;
}

	#defaultCanvas0{
    	display: block;
	width: 100%;
	height: 100%;
	position:fixed !important;
	z-index:-2;
}
	
	canvas{
    	display: block;
}

.header-toggles{
	/* margin-left:0; */
	margin: 0;
}

iframe.dark .widget-header, iframe.dark .widget-tracklist-container, iframe.dark .widget-tracklist-row{
	
	background-color:#6f00ff;
}

iframe.dark .widget-controls{
	border-color:#6f00ff;
}

.site-title, .site-logo{
	
	margin-right:1.5rem !important;
}

.header-inner .section-inner{
	/*max-width:100%;*/
}

.theme-credits{
	visibility:hidden;
}
#site-header{
	padding:1.5rem 0;
	margin-bottom:0 !important;
}

.header-inner.is-sticky, .showing-menu-modal .header-inner.is-sticky{
	box-shadow:0 0 0rem !important;
}

.plyr{
min-width:0px !important;
}

.footer-widgets-outer-wrapper{
margin-top:4rem !important;
}

.frontbutton:first-child {
margin: 5px 5px 5px 0px !important;
}

.frontbutton{
margin: 5px !important;
}

.neuigkeiten {
border-bottom:2px dashed;
padding-bottom:2em;
}

.neuigkeiten:last-child {
padding-bottom:2em;
border-bottom:0px;
}


.program-modal, .chat-modal {
	background: #fff;
	display: none;
	opacity: 0;
	overflow: auto;
	position: fixed;
		bottom: 0;
		left: -99999rem;
		right: 99999rem;
		top: 0;
	transition: opacity .25s ease-in, left 0s .25s, right 0s .25s;
	z-index: 9999;
}

.program-modal.show-modal, .chat-modal.show-modal{
	display: flex;
}

.program-modal.active, .chat-modal.active {
	left: 0;
	opacity: 1;
	right: 0;
	transition: opacity .25s ease-out;
}

.program-modal a, .chat-modal a {
	color: inherit;
	text-decoration: none;
}

.program-modal-inner, .chat-modal-inner {
	display: flex;
	justify-content: stretch;
	overflow: auto;
	width: 100%;
}

.admin-bar .program-modal-inner { margin-top: 4.6rem; }

@media ( min-width: 782px ) {

#neuigkeiten, #upcoming {
width:calc(50% - 3rem);

}

#neuigkeiten {
margin-left:5rem;
}

#neucoming {
display:flex;
}

.header-toggles .toggle{
padding:0 1.5rem !important;
}
	.admin-bar .program-modal-inner { margin-top: 3.2rem; }
		.site-logo img {
		max-height: 12rem !important;
	}
	.header-inner.is-sticky .site-logo img{
		max-height:7rem !important;
	}
}

.program-wrapper, .chat-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

/* Modal: Menu Toggles ----------------------- */

.program-modal-toggles {
	margin-left: 0;
}

.program-modal-toggles .toggle {
	justify-content: center;
	height: 8rem;
	width: 100%;
}

.fbuttons {
display:flex;
}

.program-modal-toggles .toggle-text {
	display: block;
}

.menu-modal.active {
transition: opacity .3s linear !important;
}

.menu-modal {
transition: opacity .3s linear !important;
}

.livestream-modal {
	background: rgba( 0, 0, 0, .2 );
	display: none;
	opacity: 0;
	position: fixed;
		bottom: 0;
		left: -9999rem;
		top: 0;
	transition: opacity .2s linear, left 0s .2s linear;
	width: 100%;
	z-index: 9999;
}

.livestream-modal-inner {
	transform: translateY( -100% );
	transition: transform .15s linear, box-shadow .15s linear;
}

.admin-bar .livestream-modal-inner { margin-top: 4.6rem; }

@media ( min-width: 782px ) {
	.admin-bar .livestream-modal-inner { margin-top: 3.2rem; }
}

.livestream-modal-inner .section-inner {
	display: flex;
	justify-content: space-between;
	height:16rem;
}

.livestream-modal.active {
	left: 0;
	opacity: 1;
	transition: opacity .2s linear;
}

.livestream-modal.active .livestream-modal-inner {
	box-shadow: 0 0 0 0 rgba( 0, 0, 0, .08 );
	transform: translateY( 0 );
	transition: transform .25s ease-in-out, box-shadow .1s .25s linear;
}

.livestream-untoggle {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	margin-right: -2.5rem;
	padding: 0 2.5rem;
}

.livestream-modal.active .livestream-untoggle {
	animation: popIn both .3s .2s;
}

.livestream-untoggle svg {
	height: 1.5rem;
	transition: transform .15s ease-in-out;
	width: 1.5rem;
}

.livestream-untoggle:hover svg {
	transform: scale( 1.15 );
}

@media ( min-width: 1000px ) {

.header-toggles .toggle{
padding:0 1.5rem !important;
}

.program-modal, .chat-modal {
		background: rgba( 0, 0, 0, .0 );
		opacity: 1;
		justify-content: flex-end;
		transition: background-color .3s ease-in, left 0s .3s, right 0s .3s;
	}

	.program-modal.active, .chat-modal.active {
		background: rgba( 0, 0, 0, .2 );
		transition: background-color .3s ease-out;
	}

	.program-wrapper.section-inner, .chat-wrapper.section-inner{
		width: calc( 100% - 12rem );
	}

	.program-modal-inner, .chat-modal-inner {
		box-shadow: 0 0 2rem 0 rgba( 0, 0, 0, .1 );
		min-width: 64rem;
		opacity: 0;
		transform: translateX( 20rem );
		transition: transform .2s ease-in, opacity .2s ease-in;
		width: 50%;
		max-height:100%;
	}

	.program-modal.active .program-modal-inner, .chat-modal.active .chat-modal-inner {
		opacity: 1;
		transform: translateX( 0 );
		transition-timing-function: ease-out;
	}

	.program-modal-toggles .toggle {
		justify-content: flex-end;
	}

	.program-bottom {
		padding: 6rem 0;
	}

}
	
@media ( min-width: 1220px ) {



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

	/* MAIN MENU */

	.program-wrapper.section-inner, .chat-wrapper.section-inner {
		width: calc( 100% - 16rem );
	}

	/* Modal: Menu --------------------------- */

	.program-modal-inner .section-inner {
		margin: 0 0 0 8rem;
		max-width: 64rem;
	}
}

#ui-datepicker-div {z-index:99!important;}

	/* Calendar --------------------------- */

css.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-popover .fc-header {
  background: transparent !important;
}

.fc-unthemed .fc-list-item:hover td {
 background-color:transparent !important!;
}

.fc .fc-list-event-dot{
display: none !important;
}

#scrollinger{
transition:all 0.5s ease-in-out;
}

.fc-list-heading td {
    font-weight: 350;
    color: #95de95;
}
.fc .fc-list-sticky .fc-list-day > *{
	background: transparent !important;
}
.fc table{
	margin:0 !important;
}

.fc-day {
	font-size:0.7em !important;
}
#calendar{
	margin-bottom:4em;
	font-size:1.3em;
}
iframe{
	width:100%;
}

.section-inner{
max-width:112rem !important;
}



/* CAROUSEL ----------------------------- */

.carousel-inner{
	border:5px solid;
}

.carousel {
	margin-bottom:2em;
}

.post-meta a{
	background-color:#6ed26e;
	color:white !important;
	padding:5px;
	line-height:2;
border-radius: 5px;
}

.meta-text a{
	background-color:#6ed26e;
	color:white !important;
	padding:5px;
	line-height:2;
border-radius: 5px;
}
.post-meta .meta-icon{
	display:none;
}

.search-modal-inner .section-inner{
	height:16rem;
}

.header-toggles .toggle:hover, .header-toggles .toggle:focus{
	text-decoration:none !important;
}

@media ( max-width: 600px ) {

#neucoming{
display:block !important;
}

.meta-text a{
font-size:10px;
}

.fbuttons{
font-size:15px;
}

.swiper-slide h2{
font-size:1.4rem;
}

.marquee #marku {
display:none;
}

.embed-container{
	width:100% !important;
}

.featured-media{
	width:100% !important;
}

#sendepause{
	font-size:7px !important;
}

#switsch{
	display:none;
}

#video-flex{
	width:75% !important;
	}
	
#changetoaudio {
	font-size:8px !important;
	cursor:pointer;
	}
#changetovideo {
		font-size:8px !important;

	}
}


.tag {
	background-color:#6ed26e;
	color:white !important;
	padding:5px;
	text-decoration:none;
	line-height:2;
}

#breadcrumbs{
	font-size:14px;
}

.embed-container{
	width:50%;
}

.tooltip-inner {
        background: #333;
        color: white;
        padding: 4px 8px;
        font-size: 14px;
        border-radius: 4px;
		width: 30rem;
}

form#shoutbox {
   width: 200px;
   margin: Auto;
   padding: 10px;
  }

  /* Shoutbox - Überschrift */
  div#caption {
   text-align: Center;
   font-family: Tahoma, Arial, Sans-Serif;
   font-weight: Bold;
   color: #8484C1;
  }

  /* Shoutbox - Nachrichten */
  div#shoutboxNachrichten {
   width: 200px;
   height: 150px;
   margin-bottom: 10px;
   overflow: Auto;
   font-family: Arial, Tahoma, Sans-Serif;
   font-size: 0.90rem;
  }

  /* Shoutbox - Name-Feld */
  input#shoutboxName {
   width: 140px;
   border: 1px solid #5353A8;
   transition: all 0.15s ease-in-out;
  }

  /* Shoutbox - Text-Feld */
  textarea#shoutboxText {
   width: 190px;
   height: 70px;
   border: 1px solid #5353A8;
   transition: all 0.15s ease-in-out;
  }

  input#shoutboxName:focus,
  textarea#shoutboxText:focus {
    box-shadow: 0 0 3px #5353A8;
  }

  input#shout {
   background-color: #C9C9E4;
   color: #5353A8;
   border: 1px solid #5353A8;
  }

  /* Shoutbox - Benutzer */
  span.shoutboxBenutzer {
   color: #5353A8;
  }

  .chosen-container {
    width: 200px !important;
  }

  .searchandfilter {
    margin-bottom: 6rem;
  }

  .searchandfilter > ul {
    margin: 0;
  }