<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v6.0"></script>


#sp-header {
  background: transparent none repeat scroll 0 0;}

#sp-header {
  background-color: #757373; height: 100px;
}


#sp-header .logo a {color: red; font-size:20px; font-weight:bold; font-style: italic;
}
#sp-header .row {margin-right:-20px;}}
.test1       { background-color: transparent; }  
.test1:hover { background-color: #ddd; }
#sp-bottom {background-color: transparent;}
.test1 { }
.test1:hover { transition: all ease 1.5s;}

.logo-slogan {color: #ea3333;
}
.body-wrapper {
	background: linear-gradient(to right,grey,white,grey);
}
#sp-top-bar {margin-block-end: 20px;; background: #343030;

.offcanvas-menu {background: #ddd; color: #fa0404; 
    }

.container {background: transparent;}

.zentrieren {
        text-align: center; padding: 5px 10px 10px 10px;
        }

img {display:inline;}
img.sppb-img-responsive {
display: block;
margin-left: auto;
margin-right: auto;
}
#offcanvas-toggler {color:#555;}
#sp-position1 {border: 0px solid #f5f5f5; border-radius: 5px; background:transparent;}
#sp-position2 {border: 0px solid #f5f5f5; border-radius: 5px; background:transparent;}
#sp-position3 {border: 0px solid #f5f5f5; border-radius: 5px; background:transparent;}
#article-list .article {border-radius: 5px;}

  @font face {
    font-family: "comic sans ms";
    src: url("https://rote-funken-duisburg.de/font/comicsansms3.ttf") format ("truetype");
}
.jslider-image{max-height: 300px;
}
/*.sp-module-content {padding: 20px 0px 0px 0px;
}*/
.article-details .article-header h1, .article-details .article-header h2 {
    font-size: 28px;    
    background-image: url(../images/orden30.png);
    background-repeat: no-repeat;
    min-height: 32px;
    line-height: 32px;
   /* padding-left: 40px;*/
    margin: 10px 0;
}

.bi-li-zen {
float:left; margin-right:5px; vertical-align: middle;
}
.sp-module-title {background-image: url(../images/orden30.png);
    background-repeat: no-repeat;
    min-height: 32px;
    line-height: 32px;
    padding-left: 40px;
    margin: 10px 0;}
.breadcrumb {background-color: transparent;}

.marquee {
		max-width: 100vw; /* iOS braucht das */
		white-space: nowrap;
		overflow: hidden;
		FONT-WEIGHT:bold;
		COLOR:red;
		/* hier evtl. noch font-size, color usw. */
	}

	.marquee span {
		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;
	}

	/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
	.marquee span:hover {
		animation-play-state: paused 
	}

	/* Make it move */
	@keyframes marquee {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}


/*#sp-modul-lupe, #sp-modul-lupe.header-sticky {
    position: fixed;
    top: 0px !important; z-index:9999;
  padding-left: 135px;
}
#sp-top-bar {
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
}*/

.article-details .article-header {color:#f00;}
.sp-module-title {color:#f00;}

.h1 {color:red;}
/*.clr {
	clear:both;
}
.bild {
    width: 100%;
    height: auto;
}
.row>*{flex-shrink:0;width:auto;max-width:100%; padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}*/

}

/* Externe Links mit extern-link.gif markieren mit class="ext_link" */
.ext_link:after {
 content: url("https://rote-funken-duisburg.de/images/externer-link.png");
  display: inline-block;
  text-decoration: none;
  padding-left: 2px;
  
}
}