/* GeneratePress Site CSS Desktop */ 

@media (min-width: 769px) {
	#site-navigation .inside-navigation {
		border-bottom: 2px dotted rgba(0,0,0,0.2);
	}

	.header-wrap #site-navigation .inside-navigation {
		border-color: rgba(255,255,255,0.5);
	}
	
	.main-navigation .main-nav > ul > li > a {
		border-bottom: 2px solid transparent;
		transition: border-color 500ms ease, color 500ms ease;
	}

	.main-navigation .main-nav > ul {
		position: relative;
		bottom: -2px;
	}

	.main-navigation .main-nav > ul > li:hover > a,
	.main-navigation .main-nav > ul > li.sfHover > a,
	.main-navigation .main-nav > ul > li[class*="current-menu-"] > a {
		border-color: white;
	}
	
/* Überlappung Content in Headerbild */	
	.page-hero + #page {
    margin-top: -80px;
	}
}

/* Adaptionen Tablet */
@media (max-width: 1025px) {
.page-hero + #page {
    margin-top: -70px;
	}
#page {
		margin: -75px 20px 0 20px;
	}
.site-branding {
	padding: 30px 30px 10px 30px !important;
	}
.main-title {
	font-size:72px !important;
	line-height: 0.5em;
	}
.site-description {
	font-size:18px !important;
	line-height: 1.0em;
	margin-top: -25px !important;
	}
}


/* Adaptionen Mobile */
@media (max-width: 768px) {
.page-hero + #page {
    margin-top: -40px;
	}
#page {
		margin: -80px 10px 0 10px;
	}
.site-branding {
	padding: 20px 30px 5px 30px !important;
	}
.main-title {
	font-size:55px !important;
	line-height: 0.5em;
	}
.site-description {
	font-size:13px !important;
	line-height: 1.0em;
	margin-top: -20px !important;
	}
}

/* GeneratePress Site CSS */ 

.inside-article, .sidebar .widget, .comments-area {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	transition: box-shadow 500ms ease;
	border-radius: 10px 10px 0px 0px;
}

.inside-article:hover, .sidebar .widget:hover, .comments-area:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.no-sidebar:not(.generate-columns-activated) .inside-article > *, .no-sidebar #comments {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.separate-containers .paging-navigation {
	padding: 0;
	background: none;
}

.nav-links > * {
	padding: 10px 15px;
	border-radius: 5px;
}

.nav-links > a {
	background: rgba(0,0,0,0.9);
	color: #fff;
}

.site-info {
	border-top: 1px solid rgba(0,0,0,0.2);
}

button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited, .wp-block-button__link:not(.has-background) {
	border-radius: 5px;
}

.site-branding {
	background: rgba(0,0,0,0.4);
	display: inline-block;
	padding: 40px 60px 10px 60px;
	border-radius: 0px 0px 10px 10px;
	transition: background 500ms ease;
}

.main-title {
	line-height: 0.4em;
	margin-top: 5px;
}
.site-description {
	line-height: 1.2em;
	margin-top: -30px;
}

.site-branding:hover {
	background: rgba(0,0,0,0.4);
}

 /* End GeneratePress Site CSS */



/* Eigene Adaptionen */


/* Gästebuch */
.reply, .avatar, .edit-link {
	display: none;
	}
.comment-body {
	padding: 30px 0px 10px 0px;
	}
h3.comments-title {
	display: none;
	}
.separate-containers .comments-area {
	padding-top: 50px;
	}
.comment-reply-title {
	margin-top: 50px;
	padding-top: 15px;
	border-top: 2px dotted rgba(0,0,0,0.2);
	}
.comment-content {
	margin-top: 18px;
	padding: 20px 0px 20px 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 2px dotted rgba(0,0,0,0.2);
	font-family: 'Special Elite', cursive;
	font-size: 20px;
	color: rgb(0,70,125);
	}
.comment-form-comment textarea {
		margin-bottom: 20px;
	}
.comment-form-comment textarea#comment {
	font-family: 'Special Elite', cursive;
	font-size: 20px;
	color: rgb(0,70,125);
	}

.grecaptcha-badge {
	box-shadow: none !important;
	height: 50px !important;
	margin: 20px 0px 20px 0px;
	opacity: 0.4;
	}



/* Titel in Header ausblenden */
.inside-page-hero.grid-container.grid-parent {
		visibility: hidden;
	}

/* Slider in Page-Header */



/* ARW-Logo im Kopfbereich */

/* Auf Startseite Charivari */
.arw-logo-header {
	z-index: 100 !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	}
/* Adaptionen Tablet + Mobile */
@media (max-width: 1025px) {
.arw-logo-header {
	z-index: 100 !important;
	width: 130px;
	margin: 5px 0px 0px 10px;
	}
}
@media (max-width: 768px) {
.arw-logo-header {
	z-index: 100 !important;
	width: 100px;
	margin: -40px 0px 0px 5px;
	}
}

/* Auf Veranstaltungsseiten */
.arw-logo-header-rechts {
	width: auto;
	}
.elementor-element-8f6271c {
	z-index: 1;
}
/* Adaptionen Tablet + Mobile */
@media (max-width: 1025px) {
.arw-logo-header-rechts {
	z-index: 100 !important;
	width: 90px !important;
	margin: -6px 0px 0px 0px !important;
	}
}
@media (max-width: 768px) {
.arw-logo-header-rechts {
	z-index: 100 !important;
	width: 60px !important;
	margin: -4px 0px 0px 0px !important;
	}
}

/* ARW-Logo auf Subseite Aktionsradius */
 #post-242 .elementor-widget-container img {
	box-shadow: none !important;
	border-radius: 0px !important;
	}


/* Smart-Slider Styling */
.n2-section-smartslider {
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
	background-color: transparent;
	}
.n2-ss-slider .n2-ow {
	border-radius: 5px 5px 5px 5px;
	}
div.n2-ss-slider {
	background-color: rgba(0, 0, 0, 0.01) !important;
	}


/* United-Elements */
/* Minified Audioplayer */
.elementor-widget-ucaddon_cat_audio_player .uc_minified_audio_player .uc_container_image {
		padding: 6px 10px 6px 10px;
		border-radius: 5px 5px 5px 5px;
	}
.uc_minified_audio_player .mejs-controls .mejs-button button {
    margin: 6px 0px 0px 2px !important;
}
.uc_minified_audio_player .mejs-volume-button button::after {
    margin: 2px 5px 0px 2px !important;
}
.uc_minified_audio_player .mejs-container .mejs-controls .mejs-time span {
		font-size: 16px !important;
line-height: 1em;
}

/* Solid Audioplayer */
.elementor-widget-container .uc_solid_audio_player {
		border-radius: 5px 5px 5px 5px !important;
	}

/* Solid Playlist-Audioplayer */
.elementor-widget-container .elementor-widget-ucaddon_cat_audio_playlist {
		border-radius: 5px 5px 5px 5px !important;
	}

/* Vimeo Videoplayer */
.vp-controls button.play.rounded-box.state-paused {
	opacity: 0.75 !important;
	bottom: -18em !important;
	left: -38em !important;
}
 /* Geht offenbar nicht: "You can not apply CSS to HTML that is loaded in an iframe, unless you have control over the page loaded in the iframe due to cross-domain resource restrictions." */
.player.no-playbar .vp-controls .play {
	opacity: 0.75 !important;
	/*top: 85% !important;*/
	/*left: 12% !important;*/
	bottom: 10px !important;
   left: 10px !important;
	margin-left: 0 !important;
  margin-top: 0 !important;
}


/* Links Subseite Trunkenes Schiff */
.elementor-270 .elementor-tab-content a:link {
  color: #b6cbdd;
}
.elementor-270 .elementor-tab-content a:hover {
  color: #EEEEEE;
}
.elementor-270 .elementor-tab-content a:visited {
  color: #b6cbdd;
}
.elementor-270 .elementor-element.elementor-element-3392ab0 > .elementor-widget-container {
    border-style: dotted;
    border-width: 0px 0px 2px 0px;
    border-color: white;
}


/* Eigene CSS-Klassen */

.audio-player {
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
.bild-ohne-schatten img {
	box-shadow: none !important;
	border-radius: 0px !important;
}
.max-screen-height {
	max-height: 100vh !important;
}



/* NextGen Styling */

.ngg-pro-masonry-item, .ngg-pro-mosaic-item {
	box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.5);
}

figure.ngg-figure:hover figcaption.ngg-figcaption {
    opacity: 0.2  !important;
    top: 0;
    left: 0;
}
/* Hover in Accordeon-Masonry-Galerien */
.elementor-accordion .ngg-pro-masonry-wrapper figcaption.ngg-figcaption {
background: rgba(20, 20, 20, .08)  !important;
}
.elementor-accordion .ngg-pro-mosaic-container figcaption.ngg-figcaption {
background: rgba(20, 20, 20, .08)  !important;
}

/* NextGen Pro Masonry auf Mobile 2-spaltig */
@media (max-width: 768px) {
.ngg-pro-masonry-item, .ngg-pro-mosaic-item {
	max-width: 100px;
	}
}
#npl_wrapper.npl_open_with_padding {
	border-radius: 5px;
	}

 /* NextGen-Gallery Alt-Titel in Lightbox ausblenden, Styling 
.galleria-theme-nextgen_pro_lightbox .galleria-info-title {
    display: none !important;
}
*/
.galleria-theme-nextgen_pro_lightbox .galleria-info-title {
		font-family: "Raleway", Raleway;
		font-weight: 400;
    font-size: 15px !important;
		text-transform: none;
    margin: 10px 15px 10px 15px !important;
}
.galleria-theme-nextgen_pro_lightbox .galleria-info-description {
		font-family: "Raleway", Raleway;
		font-weight: 300;
    font-size: 15px !important;
		text-transform: none;
    margin: -5px 15px 10px 15px !important;
}
.galleria-counter {
		font-family: "Raleway", Raleway;
		font-weight: 300;
    font-size: 15px !important;
		visibility: hidden;
}
.ngg-figcaption.ngg-figcaption-slideup {
background: rgba(130, 130, 130, 0.2) !important;
}
.galleria-theme-nextgen_pro_lightbox .galleria-stage {
    padding: 20px 80px 40px 80px;
}
.galleria-theme-nextgen_pro_lightbox .galleria-image img {
	box-shadow: none !important;
	border-radius: 0px !important;
	}

/* NextGen Styling Beschriftung Pro-Slideshow */

.ngg-trigger-buttons {
    color: #888888 !important;
		text-align: center !important;
    font-size: 20px !important;
    line-height: 2em !important;
}
.galleria-theme-nextgen_pro_slideshow .galleria-info {
    color: #555555 !important;
    font-size: 18px !important;
    line-height: 20px !important;
    text-align: center !important;
		padding: 0px 0px 10px 0px !important;
}
.galleria-stage {
    margin-bottom: 10px !important;
}

	
/* Carl */

.blox-album-image .box-overlay {
	border-radius: 5px;
}
.blox-album-image {
	border-radius: 5px 5px 0 0;
}
.blox-album-playlist {
	border-radius: 5px;
}

/* Neue Einträge Universum Cerha */

/* Ausblenden Ankündertext für Livestream
 * funktioniert im I-Frame offensichtlich nicht */

.vp-alert-time {
	visibility: hidden !important;
}
.player .vp-controls .play-box {
	visibility: hidden !important;
}
