/*
##########################################################################
#
# Benutzerdefiniertes Stylesheet fur Syst-Se.de
# Stand: 26.10.2023
# Autor: Koerner
#
##########################################################################
*/
@font-face {
    font-family: 'Quicksand-light';
    font-weight: 200 700;
	src: url('../../../1_Fonts/Quicksand-light.woff2') format('woff2');
    font-display: swap;
}

/*
#######################
# Variablen 
#######################
*/
/* FARBEN */
:root {
  --color-page-background: #fef2d3;			/* gelb */
  --color-red-dark: #720a01;				/* Dunkeles Rot */
  --color-red-dark: #940f00;				/* helles Rot */
  --max-width-content: 800px;				/* Maximale Breite des Contentbereichs */
  --bg-menu-top:#940f00;					/* BG Top bei Aenderung wird alles abhaengig geaendert */
  --link-topmenu:#fef2d3;					/* Link Topmenu */
  --link-topmenu-active:#ffffff;			/* Link Topmenu */
  --link-topmenu-hover:#ffffff;				/* Link Topmenu */
  --bg-menu-top-2level:#720a01;				/* BG 2.Level Menu-Top */
  --link-topmenu-2level:#fef2d3;			/* Link Top-Menu 2.Level */
  --link-topmenu-2level-hover:#ffffff;		/* Link Top-Menu 2.Level Hover */
  --burger-position:-23px;					/* Positionierung vertikal Burgericon */
  --menu-top-position:-44px;				/* Positionierung vertikal Menu-Top */
  --menu-top-position:-70px;				/* Positionierung vertikal Menu-Top */
  --bg-menu-right:#940f00;					/* BG Offcanvas rechts */
  --link-offcanvas-first-lvl:#fef2d3;		/* Link Offcanvas 1.Level */
  --link-offcanvas-first-lvl-hover:#fff;	/* Link Offcanvas 1.Level Hover */
  --link-offcanvas-first-lvl-active:#ffff88;/* Link Offcanvas 1.Level Active */
  --link-offcanvas-second-lvl:#ffffe8;		/* Link Offcanvas 2.Level */
  --link-offcanvas-second-lvl-hover:#fff;	/* Link Offcanvas 2.Level Hover */
  --link-offcanvas-second-lvl-active:blue ;	/* Link Offcanvas 2.Level Active */
  --color-link-content: #720a01;			/* Links im Content-Bereich */
  --color-link-content-hover: #940F00;		/* Links im Content-Bereich */
  --color-bg-artikel:#ffffe8;				/* Hintergrund Artikel */
  --color-h1: #090727;
  --color-line-top: #fef2d3;
  --color-text-article: #fff;
  --color-text-article-h1: #fbfbfb;  
  --color-link-content: #00f5ff;
  --color-bg-pagination-galery: #ccc;
  --font-h1-size: 36px;
}

/*
#######################
# Generell
#######################
*/
.site{background-color:var(--color-red-dark); color:#fff;} /* hintergrund rot, Schrift weiss */
.site{background-color:var(--color-page-background); color:#333;} /* hintergrund gelb, Schrift grau */
.site a {color:#720a01;}
.site a:hover, .site a:active, .site a:focus, .article a:hover, .article a:active{color:var(--color-link-content-hover); text-decoration:underline;}



/*
#######################
# Top MENU/LOGO
#######################
*/
/* Linie unter Navigation + Hoehe Top */
#sp-header.header-has-modules{ border-bottom: 1px solid var(--color-line-top); height:80px;}   

/* Logo Bild / Text */
.logo-image {/*padding-top:10px;*/} /* Logo Abstand Oben Image */
#sp-logo{padding:0 0 0 0; margin:-22px 0 0 0; height:130px !Important;}
#sp-menu{padding:0 0 0px 0; margin-top:var(--menu-top-position);} /* TopMenu Abstand Oben */

/* Farben Top-Menu */
.sp-megamenu-parent > li.active>a, .sp-megamenu-parent a{
	color:var(--link-topmenu-active) !Important;	/* Auskommentieren wenn ovales dropdown; Farbe wenn Dropdown aktiv */ 
	text-decoration:none;
}
.sp-megamenu-parent>li.active:hover>a{
	color:var(--link-topmenu-hover) !Important; /* Auskommentieren wenn ovales dropdown; Farbe wenn Droppdown aktiv */ 
	text-decoration:none;
}
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li > span:hover, #sp-header {
	background-color: var(--bg-menu-top); /* Auskommentieren wenn ovales dropdown, Hauptmenueintrag bg gleich wie BG Menu */
	color: #fff !important;  /* Einfuegen wenn ovales Dropdown */
}
li.sp-menu-item.current-item.active a{ color: #fff19a !Important; } /* Linkfarbe wenn aktiv */

/* Untermenues */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
	background-color: var(--bg-menu-top-2level);
	/* Auskommentieren wenn ovales Dropdown */
	/* border-bottom-left-radius:5px;
	border-bottom-right-radius:5px; */ 
	opacity:90%;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{
	color: yellow ;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{
	color: red;
}
/* Farbe Untermenue bg link */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner a{
	background-color: transparent;
}

/* BG li Topmenu ; Einstellung Menue Vertikal */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	padding: 0px 20px 0 0 !important; /* Abstand zwischen den horizontalen Menuepunkten, Top verändert vertikale Position */
	background-color:var(--color-red-dark); 
	height: 10px; /* dort beginnen dann auch die Untermenues */
}

/* Farben Top-Menu */
.sp-megamenu-parent > li.active>a.sp-megamenu-parent>li.active:hover>a{
	/* color:var(--link-topmenu-active) !important; */ /*Auskommentieren wenn ovales dropdown*/ 
}
.sp-megamenu-parent .sp-has-child a {
	color:#fff !important; /*Auskommentieren wenn ovales dropdown / Menu-Top-1.Ebende mit Dropdown */ 
}
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li > span:hover {
	background-color: var(--color-bg-menu-top); /*Auskommentieren wenn ovales dropdown*/ 
	color: #fff !important;
}

/* Untermenues */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
	background-color: var(--bg-menu-top-2level) !Important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{
	color: var(--link-topmenu-2level) !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{
	color: var(--link-topmenu-2level-hover) !Important;
}

/* Dropdown Menu oval Farbtropfen */
.sp-dropdown-inner a{background-color:#1d1d1d;} /* Untermenue link bg color */
.sp-dropdown-inner {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-radius:100% 0% 100% 0% / 45% 61% 39% 55%;
	border-radius:63% 37% 87% 13% / 12% 61% 39% 88%;
	border-radius:50% 50% 50% 50% / 70% 70% 30% 30%;
	border-radius:51% 49% 48% 52% / 58% 38% 62% 42%;
	border-radius:15% 85% 56% 44% / 58% 49% 51% 42%;
	width:200px;
	height:auto;
}

/*
########################
# Offcanvas
########################
*/
.offcanvas-menu{background-color:var(--bg-menu-right);} /* Menu rechts BG */

/* Burger-Icon */
div.burger-icon{background-color:var(--bg-menu-right);}   	/* BG Color gleich dem BG des Top-Bereichs */
.burger-icon span{background-color:#fff;}		/* Farbe Burger-icon */
.close-offcanvas span{background-color:#fff !Important;color:#fff !Important;} /* Color Close OffCanvas */
#offcanvas-toggler{background-color:var(--bg-menu-right); height:25px; padding-top:0px;margin-top:var(--burger-position);}	/* BG Color gleich dem BG des Top-Bereichs / Positionierung Burger*/
.offcanvas-inner a{background-color:var(--bg-menu-right);} 	/* BG Color gleich dem BG des Burgermenues */

div.d-flex.align-items-center.p-3.pt-4{ padding: 25px 0 0 0;height:100px} /* Logo Offcanvas positionieren */
.logo-image{margin-left:-10px;padding-right:25px} /* Logo nach links verschieben */

.fa-user {color:#fff !Important;} /* User-Icon Offcanvas */
.sp-profile-wrapper{position:relative;z-index:1000;} /* Logout Flymenu im Offcanvas nach vorn bringen */
ul.sp-profile-dropdown{background-color:#820e01 !important;} /* LogIn */
.sp-profile-dropdown {border: 1px solid #5d0902 !important;} /* LogIn */
.sp-profile-dropdown li>a{background-color:transparent;} /* Login */
.sp-profile-dropdown li>a{color:#fef2d3 !important;} /* Login */
.sp-profile-dropdown li>a:hover{color:#fff !important;} /* Login */
.sp-profile-dropdown-item{}

.offcanvas-inner .mod-finder{margin-top:10px;} /* Suchfeld offcanvas tiefer */
div.offcanvas-inner{ padding-top:0px;} /* Suche Offcanvas hoeher */
div.d-flex.header-modules.mb3{ margin:0px;} /* Menu Offcanvas hoeher */

/* Offcanvas-Menu Pfeile EINGEBLENDET! */
.offcanvas-menu .offcanvas-inner .sp-module ul > li > a{ color:var(--link-offcanvas-first-lvl) !Important;} /* Menu 1.Ebene Color */
.offcanvas-menu .offcanvas-inner .sp-module ul > li > a:hover{ color:var(--link-offcanvas-first-lvl-hover) !Important;} /* Menu 1.Ebene Link Color Hover*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a{ color:var(--link-offcanvas-first-lvl-active) !Important;} /* Menu 1.Ebene aktiver Link Color */
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler{ /* Menu Pfeile rechts Color */
	color:#fff !Important;
}
/* Offcanvas-Menu Pfeile AUSGEBLENDET! */
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-deeper > a{ color:var(--link-offcanvas-first-lvl) !Important;} /* Menu 1.Ebene Color */
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-deeper > a:hover{ color:var(--link-offcanvas-first-lvl-hover) !Important;} /* Menu 1.Ebene Color Hover */
.offcanvas-menu .offcanvas-inner .sp-module li.current.active  a{ color:var(--link-offcanvas-first-lvl-active) !Important;} /* Menu 1.Ebene Color Active mit untermenu */
.offcanvas-menu .offcanvas-inner .sp-module ul.menu-child > li > a{ color:var(--link-offcanvas-second-lvl) !Important;} /* Menu 2.Ebene Color */
.offcanvas-menu .offcanvas-inner .sp-module ul.menu-child > li > a:hover{ color:var(--link-offcanvas-second-lvl-hover) !Important;} /* Menu 2.Ebene Color Hover */
.offcanvas-menu .offcanvas-inner .sp-module ul.menu-child > licurrent.active > a{ color:var(--link-offcanvas-second-lvl-active) !Important;} /* Menu 2.Ebene Color active / Funktioniert noch nicht*/


/* Menueelemente im Burgermenu ausgeklappt anzeigen, gefolgt vom Entfernen
des kleinen Pfeils der dann nicht mehr funktioniert */

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
	display: block !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler, 
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler::after, 
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler {
	display: none;
}

.offcanvas-inner .menu-deeper { color:#fff !Important; } /* Admin im Offcanvas */

/*
#############################################################
# Schrift über den Uebersichts-Head-Images mittig zentrieren
#############################################################
*/
#banner-top-outer {
	height: 25%; 
	width: 100%; 
	position: relative;
}
#banner-top-inner {
	color: #ffffff;
	width: 100%;
	padding: 1% 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}
#head-overlay{
	font-size: calc(30px + (120 - 30) * ((100vw - 320px) / (1600 - 320))); /* Berechnung der Schriftgroesse je nach Display */
	font-family: georgia, palatino;
	opacity: 0.7; /* Transparente Schrift zum ausblenden*/
}
#banner-top-inner h1{
	/*text-shadow: 1px 1px 2px #fbfbfb, 0px 0px 1px black, 0 0 1px black;
	color:#000;*/
}

/*
#############################################################
# Artikelueberschrift im Head-Image unten anzeigen
#############################################################
*/
.sp-page-title {
	color: #fff;
	background-color:#940f00;
	height: 40px;
	border-top: 1px solid #fff; }
}

/*
########################
# Buttonz & NIVIGATION
########################
*/
/* Bearbeiten Button unter Editor im Frontend*/
.link-edit-article{
	background-color:#fef2d3; /* Schrift */
	color:white;
}
.btn-primary, .btn-secondary, .sppb-btn-primary{
	background-color:#720a01;
	border-color:#720a01;
}
.btn-primary:hover,.btn-secondary:hover,.sppb-btn-primary:hover{
	border-color:#720a01;
	background-color:#720a01;
}
.btn-primary a:hover,.btn-secondary a:hover,.sppb-btn-primary a:hover{
	color:#fef2d3 !Important ;
}

/* Weiter / Zurueck Button unter Artikeln */
.btn,.btn a, .link-edit-article{
	color: #720a01 !Important;
	background-color: #33333300;
	padding: 10px  30px;
	border: solid #fbfbfb 0px;
	box-shadow: #940f00 2px 2px 12px -4px;
	border-radius: 50px;
	transition : 629ms;
	transform: translateY(0);
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer;
	text-transform: capitalize;
}
.btn:hover, .article-can-edit .link-edit-article:hover{
	transition : 629ms;
	padding: 10px 50px;
	transform : translateY(-4px);
	color:#fff !Important;
}
a.btn.btn-sm.btn-secondary.previous:hover, a.btn.btn-sm.btn-secondary.next:hover{color:#fff !Important;}
.icon-chevron-left{padding-right:5px;} /* Pfeil Abstand Text */
.icon-chevron-right{padding-left:5px;}

/* ToTop Button */
.sp-scroll-up { background:#720a01;}
.fa-angle-up {color:#fdfdfd;} /* Color Arrow */
.sp-scroll-up:hover{ 
	background:#720a01;
	box-shadow:0px 2px 10px #000;
}

/* Socials ausblenden */
.article-ratings-social-share { display:none !important; }

/* .article-details .article-can-edit a{display:background:#000000;color:#fff;padding:5px 12px;border-radius:3px;font-size:14px} */
 


/*
#############################################################
#
# Artikel LINES Bilder
#
#############################################################
*/  
/* Rahmen um Artikel */
 .article {border-color:#000; }
 .article-list .article, .article-details, #jevents_body {
	border:1px solid #202020; 
	border: 1px solid #919292;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	box-shadow:0px 2px 10px #a7a8a8;
	box-shadow:0px 4px 8px #ccc;
	min-height: 200px;
	padding: 10px 10px 10px 10px;
	background-color: var(--color-bg-artikel);  /* BG Artikel */
} 
.article a, .article-details a  {color:#940F00 !Important; }
.article a:hover, .article-details a:hover {color:#720A01 !Important; }

.article h2 a, .article h2 a:hover, .page-header h1, article h2 {font-weight: 650;}  /*Artikelueberschriften Blog */
.article-details h2 { font-size: 22px !Important; font-weight:650; color: #940f00; color:#666; } /* Detailansicht Artikel */
.article-details h1, #jevents h1 { font-size:20px !Important; color: #720a01; color: #d8d8d8; color: #940f00;  font-weight: 700; } /* Detailansicht Artikel */
#jevents h1 { font-size:25px !Important; color: #720a01; color: #d8d8d8; color: #940f00;  font-weight: 700; }
#jevents h5 { color:#666; font-size:20px} /* Datum Termine */


/*
#############################################################
#
# Formulare
#
#############################################################
*/
/* Suchfeld Top */
.header-modules{		/* Suchfeld Top positionieren */
	height:20px;
	margin-top: -20px;
}
.align-items-center .sp-module{border-right:0px !Important;} /* Trenner neben Suche Top ausblenden */
.js-finder-search-query::placeholder{color:#fef2d3;} /* Schriftfarbe Suche Placeholder */
#mod-finder-searchword0{
	background-color:#820e01;
	color:#fff !Important;
	border: 1px solid #6c0a02;
	/*font-family: var(--font-quicksand-light); */
	letter-spacing:1px;
	height:25px;
	width:10em;
	padding:10px; 
	margin:0;
	width:40%;
	float:right;
}
#mod-finder-searchword0:hover {
	background-color:#600901;
	color:#fff;
}
#mod-finder-searchword0:focus{
	background-color:#600901;
	color:#fff;
	transition: width 0.5s ease-in-out;
	width:100%
}

/* LogIn Top */  
/* .signin-text{ font-family: var(--font-quicksand-light);font-size: 14px; } */

/* Erweiterte Suche Hintergrund Erklaerung */
.card-body{ background:#151515; color:#fff;border:none}

/* Bearbeiten-Button Frontend ARTIKEL */
.article-can-edit a { background-color: transparent !Important; }
.article-can-edit .link-edit-article { background-color: white; }
.article-can-edit .link-edit-article:hover { color: green !Important; }
.link-edit-article { background-color: white !Important; }

/* #############################
#
# Abstaende und Positionierung
#
################################
*/

#sp-main-body {
  padding: unset;
  padding-top:50px; /* Abstand Content zu Top */
  max-width: 1140px ;
  max-width: var(--max-width-content);
  margin: 0 auto;
}
#sp-component{padding-bottom:100px;} /* Abstand Content zu Footer */


/*##################################
  #
  # Termine JEvents 
  #
  ##################################
*/
.ev_fieldset {display:none !Important; } /* Events fuer ausblenden wenn ueber Kalender aufgerufen */
.ev_navigation, #cal_title, .float-end {display:none !Important;}
.ev_td_left{ /* links datum */
	background-color:transparent !Important; 
	border: 0px !Important; 
	padding-top:20px !Important;
	/*border: 1px solid #919292;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	box-shadow:0px 2px 10px #a7a8a8;*/
	width: 80px;
    display: inline-block;
	margin-left:auto !Important;
	margin-right:auto !Important;
	writing-mode: sideways-lr;
	
}
.cal_td_daysnames{
	background-color:transparent !Important;
	border:0px;
	font-size: 30px !Important; 
	display:none !Important;
}
.ev_td_li { border:0px !Important; padding-bottom:25px !Important;}
.jeventpage table, .ev_td_right { border:0px !Important ; }
h5 {font-weight:bold;} /*datum*/
.ev_link_row{ font-size:16px !Important; } /* Thema groesser */
.nav_bar_cell {background-color:#ffffe8 !Important; }

/*##################################
  #
  # Footer Modules Style 
  #
  ##################################
*/
#sp-bottom, #sp-footer {background-color:#4d1c1c !Important;}
#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
	margin: 5px;
	padding-top:5px;
	padding-bottom:30px;
	max-width:300px;
	margin:0 auto;
	opacity:0.9;
}
#sp-bottom{ 
	padding:50px 0 0 0; 
	margin:0; 
	display:flex; 
	align-items: center;
	justify-content: center;
}
#sp-bottom1 h3, #sp-bottom2 h3, #sp-bottom3 h3, #sp-bottom4 h3{
	font-size: 28px !Important;
	font-weight: bold !Important;
	color: #fef2d3 !Important; 
	text-transform:uppercase !Important;
	letter-spacing:2px;
}

/*##################################
  #
  # MOBILES style 
  #
  ##################################
*/

 /* Extra small devices (phones, 600px and down  vorher 500) */
@media only screen and (max-width: 600px) {
	/* .logo{ background-color:green} */ 
	/* Headerimage bei Mobiles ausblenden */ 
	#banner-top-outer{ 
		display:none;
	}
	/*img.logo-image.d-none.d-lg-inline-block.ls-is-cached.lazyloaded {
		height:136px !Important;
	}*/
	#sp-logo, #sp-logo img{padding: 0 0 0 0px;margin:0 0 0 0;}
	.logo-image-phone{height:60px !Important;}
	#menu-right{padding:0 0 0 0;margin:0 0 0 10px;}
	/*#sp-logo{background-color:green;}*/
	#mod-finder-searchword0{display:none;}
	.d-none{display:none;}
	.offcanvas-inner #mod-finder-searchword0 { display: block !Important; } /* Suche einblenden Offcanvas */
		
	/*#sp-header .align-items-center{ height:90px !Important; padding: 5px 0 0 0 !Important; }*/
	/*.logo { padding: 5px 0 0 0 !Important; width:300px;}*/
	.logo{ padding-top:20px;}
	.logo-image {
		height: 70px !important;
		width: 300px !important;
	}
	
	/* FusszeilenModule zentrieren */
	#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
		display: flex;
		align-items: center;
		justify-content: left;
		align-self: stretch;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	/* .logo{ background-color:blue} */ 

	/* Headerimage bei Mobiles ausblenden */ 
	#banner-top-outer{ 
		display:none;
	}

	#sp-logo, #sp-logo img{padding: 0 0 0 0px;margin:0 0 0 0;}
	.logo-image-phone{height:60px !Important;}
	#menu-right{padding:0 0 0 0;margin:0 0 0 10px;}
	
	#mod-finder-searchword0{display:none;}
	.d-none{display:none;}
	.offcanvas-inner #mod-finder-searchword0 { display: none !Important; } /* Suche einblenden Offcanvas */
	
	.logo{ padding-top:20px;}
	.logo-image {
		height: 70px !important;
		width: 300px !important;
	}
	
	/* FusszeilenModule zentrieren */
	#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
		display: flex;
		align-items: center;
		justify-content: left;	
		align-self: stretch;
	}
	
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	/*.logo{ background-color:yellow} */ 
	#sp-menu{display:block !Important;}
	#mod-finder-searchword0{display:none !Important;}
	.align-items-center .sp-module{display:block;}
	.d-none{display:block;}
	.offcanvas-inner #mod-finder-searchword0 { display: none !Important; } /* Suche einblenden Offcanvas */
		
	/* Banner Top wieder einblenden */
	#banner-top-outer{ 
		display:block;
	}
	/* FusszeilenModule zentrieren */
	#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
		display: flex;
		align-items: flex-start;
		justify-content: center;	
	}
	
}

/* Large devices (laptops + desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	/* .logo{ background-color:white} */ 
	#mod-finder-searchword0{display:none !Important;}
	.d-none{display:none;}
	.offcanvas-inner #mod-finder-searchword0 { display: block !Important; } /* Suche einblenden Offcanvas */

	.logo{ padding-top:10px;margin:0px;height:70px !Important;} /* Height Div zu gross fur Image */
	.logo-image {
		height: 70px !important;
		width: 300px !important;
	}
	/* Banner Top wieder einblenden */
	#banner-top-outer{ 
		display:block;
	}
	/* Top-Menu positionieren */
	#sp-menu{ margin-top:-73px;} /* TopMenu Abstand Oben */
	
	/* FusszeilenModule zentrieren */
	#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
		display: flex;
		align-items: flex-start;
		justify-content: center;	
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) Vorher max-width 1350 */
@media only screen and (min-width: 1250px) {
	/* .logo{ background-color:black} */
	.logo{ padding:11px 0 0 0 !important; margin: 0 0 0 0; height:70px !Important;} /* Height Div zu gross fur Image */
	.logo-image {
		height: 70px !important;
		width: 300px !important;
	}
	/* Suche einblenden */
	#mod-finder-searchword0{display:block !Important;} 
	.mod-finder{display:block !Important;}
	.d-none{display:block;} 
	
	/* Banner Top einblenden */
	#banner-top-outer{ 
		display:block;
	}
	
	/* FusszeilenModule */
	#sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {
		display: block;
	}
}