@charset "utf-8";
/* CSS Document */
/********************************************************
 * @author			Norbert Kreidt
 * @package			Joomla!
 * @subpackage		HTML5 Kreidt-Template
 * @link			http://www.norbert-kreidt.de
 * @email			kontakt@norbert-kreidt.de
 * @copyright		Norbert Kreidt
 *
 * HTML5 Template. Helix Ultimate
 * Copyright (C) 2020 Norbert Kreidt
*********************************************************
 * TEMPALATEFORMATIERUNGEN
 * TEXT UND ABSTÄNDE	
********************************************************/
/* Color Theme Swatches in Hex */
.Blue-Classic-Pantone-2020-1-hex {color: #164773;} /* Überschriften */
.Blue-Classic-Pantone-2020-2-hex {color: #0C2840;} /* Bei Links hover */
.Blue-Classic-Pantone-2020-3-hex {color: #3E688C;} /* Bei Links standard */
.Blue-Classic-Pantone-2020-4-hex {color: #99B1BF;}
.Blue-Classic-Pantone-2020-5-hex {color: #C5D1D9;} /* Beitragsnavi rechts */
.Grey-Classic-Pantone-1-hex {color: #DEE2E6;} /* Rahmen */

/********************************************************
 * BASIS AUF TEMPLATE
********************************************************/
/* HYPERLINKS überschreiben 
 * Weitere Bereiche die nicht greifen werden im Anschluss definiert.
 * Die Farbänderung werden hier und im SPPB vorgenommen 
********************************************************/
/* LINK: DARSTELLUNG (Type) 
***************************/
a,
.sp-megamenu-parent > li > a,		/* Ebene 1, nicht aktiver Link */
.article-info > span a, 			/* Artikel-Info: Category */
.article-list .article .readmore a, /* Weiterlesen Button in der Category-Blog */
.pager > li a, 						/* Navigation der Beiträge zürück weiter */
.pagination > li > a, 				/* Navigation der Beiträge 1 2 weiter ende */
.sp-module ul > li > a 				/* Alle seitlichen Module bei Themenbereichen */
{color: #3E688C;} /*blau#3E688C*/

/* LINK: HOVER
 * wirkt sich auf die gesamte Seite aus.
 * Einzelbereiche werden gesondert festgelegt.
***************************/
a:hover,
.article-info > span a:hover,				/* Artikel-Info: Category */
.article-list .article .readmore a:hover, 	/* Weiterlesen Button in der Category-Blog */
.pager > li a:hover, 						/* Navigation der Beiträge zürück weiter */
.pagination > li > a:hover, 				/* Navigation der Beiträge 1 2 weiter ende */
.sp-module ul > li > a:hover 		 		/* Alle seitlichen Module bei Themenbereichen */
{color: #0C2840;} /*#0C2840*/

/********************************************************
 * LINKKENNZEICHNUNG	
********************************************************/
/* Externen Link Kennzeichnen
***************************/
*a[href^="http://"]::after, 
a[href^="https://"]::after, 
a[href^="ftp://"]::after {font-family: "Font Awesome 5 Free"; content: "\f14d"; font-size: x-small; padding-left: 4px;}

/* Keine Kennz. innerhalb der eigenen Seite
***************************/
a[href^="http://www.norbert-kreidt.de"]::after, 
a[href^="http://norbert-kreidt.de"]::after, 
a[href^="https://www.norbert-kreidt.de"]::after, 
a[href^="https://norbert-kreidt.de"]::after, 
a[href*=".norbert-kreidt.de"]::after{content: none;} /* (href*)= Alle Links die .norbert-kreidt enthalten. */

/* Externer Link der nicht mit einen Symbol gekennzeichnet werden soll, 
 * muss mit der Klasse .ohneLinkKennz im LinkManager manuell versehen werden. ***/
a.ohneLinkKennz[href^="http://"]::after, 
a.ohneLinkKennz[href^="https://"]::after, 
a.ohneLinkKennz[href^="ftp://"]::after {content: none;}

/* Bilder und Icons sollen keine Linkkennzeichnung erhalten ) */
.sppb-addon .sppb-feature-box-title a[href^="https://"]::after, /* Die Bausteine */
.sppb-section .feed .newsfeed .feed-link a[href^="https://"]::after, /* Newsfeed auf der Startseite */
.article-details .social-share-icon .facebook::after, /* Sozialmedia neben Rating, falls eingeblendet */
.article-details .social-share-icon .twitter::after,  /* Sozialmedia neben Rating, falls eingeblendet */
.article-details .social-share-icon .linkedin::after, /* Sozialmedia neben Rating, falls eingeblendet */
.sppb-addon-gallery .sppb-gallery .sppb-gallery-btn::after /* Picture Gallery */
{display:none;}


/********************************************************
 * HAUPTMENÜ
********************************************************/
/* MEGA MENU & BUTTONS
 * Hover und Active
***************************/
.sp-megamenu-parent > li:last-child > a {padding: 0px 15px 0px;} /* Ebene 1. Durch ein Update wurde der Rand im letzten Element auf 0 gesetzt. */

.sp-megamenu-parent > li:hover > a,							/* -- Ebene 1, nicht aktiver Link(Wenn die Maus bei nicht aktiven Ebene 1 in Ebene 2 hovert) */
.sp-megamenu-parent > li.active > a,						/* -- Ebene 1, wenn aktiver Link */
.sp-megamenu-parent > li.active:hover > a,					/* -- Ebene 1, hover, wenn aktiver Link */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a		/* -- Ebene 2, nicht aktiver Link */
{color: #fff;} /* weiss */

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, /* -- Ebene 2, nicht aktiver Link */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a /* -- Ebene 2, aktiver Link, klickt man auf die Ebene 3, werden alle außer Ebene 1 diese Farbe erhalten. Pfad verfolgung */
{color: #3E688C;} /* blau */

/* LINK: DARSTELLUNG BG BLAU 
***************************/
.sp-megamenu-parent > li:hover > a, 						/* Ebene 1, nicht aktiver Link(Wenn die Maus bei nicht aktiven Ebene 1 in Ebene 2 hovert) */
.sp-megamenu-parent > li.active > a,						/* Ebene 1, aktiv */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner			/* Ebene 2, nicht aktiver Link */
{background-color: #3E688C;} /* blau */

/* LINK: HOVER BG Weiss
***************************/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:not(.sp-group-title):hover, /* Ebene 2, nicht aktiver Link, hovert nur den aktuellen Link */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active /* Ebene 2, aktiver Link, Klickt man auf die Ebene 3, werden alle außer Ebene 1 diese Farbe erhalten. Pfad verfolgung */
{background-color: #FFF;} /* weiss */

/* MEGA MENÜ ABSTÄNDE */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding: 10px 0;}						/* Ebene 2 */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {padding: 10px 15px; display: block;}	/* Ebene 2 */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:not(:last-child) 							/* Ebene 2 */
{ margin-bottom: 1px; }

/********************************************************
 * OFFCANVAS
********************************************************/
/* AUFKLAPP MENU & BUTTONS
 * Hover und Active
***************************/
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {line-height: 40px !important} /* Abstände der Untermenüs */

/* ANKERPUNKTE unterhalb des Sticky-Headers positionieren. 
Die Anker sollen nicht hinter der Leiste verschwinden, da ein Teil des Textes verschwinden würde. */
:target::before {content: ""; display: block; height: 100px;}

/********************************************************
 * ERWEITERUNGEN (MODULE & PLUGINS)
********************************************************/
/* COOKIEHINT
***************************/
/*#redim-cookiehint-modal {background-color: rgba(3, 49, 98, 0.75) !important;} /*Hintergrund leicht transparent*/
/*#redim-cookiehint-modal #redim-cookiehint {background-color: #C5D1D9; border-radius: 5px; box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.33);} /*Hintergrund Fenster*/
/*#redim-cookiehint-modal #redim-cookiehint .cookiecontent {padding-bottom: 15px; color: #0C2840; text-align:left;}/*Text*/
/*#redim-cookiehint .cookiebuttons a.btn {background-color: #3E688C !important;}
/*#redim-cookiehint .cookiebuttons a.btn:hover {background-color: #0C2840 !important;}

/* BREADCRUMB
***************************/
section#sp-breadcrumb {box-shadow: 0 0 4px 0 rgb(0 0 0 / 25%);} /* Styled die Box in der sich der Breadcrumb befindet */
.sp-module-content .breadcrumb {background-color: transparent; margin: 5px 0px;}
.sp-module-content .breadcrumb .float-start {margin-right: 5px; color: #3E688C;} /* Keines Icon vor dem Breadcrumb*/

/* CODE-CONTENT HS-SYNTAXHIGHLIGHT (Plugin)++++++++++++++++++++++++++++++ LÖSCHEN WENN NICHT MEHR VORHANDEN+++++++++++++++++++++++++++++++++++++++++++++
***************************/
.article-details .syntaxhighlighter .toolbar {display: none;}

/********************************************************
 * FRONTSEITE HOME (PAGEBUILDER)
********************************************************/
/* Newsfeed Boxen: Golem
***************************/
.sppb-section .feed {font-family: Varela Round;} /*Schriftart für die ganze Box */
.sppb-section .feed::after {font-size:10px; color: #888484; content:" - Golem.de -";} /*Textfarbe*/
.sppb-section .feed .newsfeed {margin:0; padding:0;}
.sppb-section .feed .newsfeed > li {list-style:none;}
/*.sppb-section .feed .newsfeed > li::after { font-family: "Font Awesome 5 Free"; content: \f09e; color: #FB9D3B; width: 15px; float: left;} RSS-Icon*/
.sppb-section .feed .newsfeed > li::after {font-size: 0.8em; content: "RSS"; line-height:2.2em; color: #FB9D3B; width: 28px; float: left;} /*Ersatz  für oben bis Icon gefunden und eingebunden wird */
.sppb-section .feed .newsfeed > li .feed-link > a {font-size: 0.875em;}
.sppb-section .feed .newsfeed .feed-item-date {font-size:10px; text-align:right; margin-bottom:10px;} 
.sppb-section .feed .newsfeed .feed-item-description {border-top: 1px solid #d4dde4; border-bottom: 1px solid #d4dde4;	padding: 15px 0px; font-size: 0.875em;} /* Einleitung */

/********************************************************
 * ARTIKELSEITEN
********************************************************/
/* Bilder/Icon vor den Absätzen auf eine Linie bringen.
***************************/
p img {display: inline;}
p:empty {margin-bottom: 20px;}

/* ÜBERSCHRIFTEN im Content
***************************/
.article-header,
.article-details h1 {color: #164773; margin-top: 0px;} /* Überschrift soll keinen Abstand nach oben haben. */
.page-header, 
.article-details h2, 
.article-details h3, 
.article-details h4, 
.article-details h5, 
.article-details h6 {color: #164773; margin-top: 40px;} /* Überschriften sollen einen gleichmäßigen Abstand nach oben erhalten. */

/* Überschrift unterstreichen */
.article-details .article-header h1::after {	
	margin: 0;
	width: 20%;
	content: "";
	display: block;
	padding-top: 20px; /* Abstand zwischen Überschrift zur Linie */
	border-bottom: 2px solid #164773;}
	
/* ÜBERSCHRIFTEN im Artikel Blog
***************************/
.article-body .article-header {margin-top: 0px;} /* Überschrift in den Vorschauboxen im Blog */
/* QUELLE des Beitragbild im Artikel
***************************/
.article-details .content-links-a,
.article-details .content-links-a a::after {font-size: x-small;}
.article-details .content-links {text-align: right;}
.article-details .content-links ul {display: inline;}

/* BEITRAGSINFORMATIONEN Autor, Erstelldatum, Aktuallisierung usw. Beide Bereiche (Blog und Artikel)
/* Wird Oben und Unten angezeigt. (Je nach Einstellung im Backend)
***************************/
/* Icons.  */
.article-details .article-info .create::before,
.article-details .article-info .modified::before,
.article-details .article-info > span.published::before{font-family: "Font Awesome 5 Free"; content: "\f073"} /* calender */
.article-details .article-info > span.hits::before {font-family: "Font Awesome 5 Free"; content: "\f06e"} /* calender */
.article-details .article-info > span.createdby::before {font-family: "Font Awesome 5 Free"; content: "\f007"}
.article-details .article-info > span.category-name::before {font-family: "Font Awesome 5 Free"; content: "\f15b"} /* category */
.article-details .article-info {margin-top: 4em;} /* Abstand der Info zum oberen Bereich. */
/* Text.  */
.article-details .article-info > span {color: #0C2840; font-size:0.75em;} /*Text*/
.article-details .article-info > span + span::before {padding-right:0;} /* Abstand Icons */

/* BEITRAGSSEITEN - Navigation beim Mehrseitigen Artikeln
***************************/
.article-details .article-index {float: none !important; box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1); padding: 15px; margin-left: 0px !important;}
/* Die Überschrift: Beitragsseiten. Ist im Plugin Inhalte Seitenumbruch deaktiviert. */
.article-details .article-index h3 {margin-top: 10px; font-size: x-large; color:#164773;} 
.article-details .article-index h3::before {font-family: "Font Awesome 5 Free"; content: "\f02e"; padding-right: 6px;} /* Icon im Inhaltsverzeichnis Beitragsseiten */
.article-details .article-index ul.nav {display: inline-block;  border:none;}
.article-details .article-index ul.nav > li {margin: 0px;} /* Auf Standard zurücksetzen, Listenansicht wurde mit line-heigt bereits formatiert. */
.article-details .article-index ul.nav > li > a.toclink.active {font-weight: 600; color: #000;} /*Darstellung wenn Link aktiv ist. */
.article-details .article-index ul.nav > li > a.toclink.active::before {font-size:larger; content: "|"; padding-right: 2px; color: red;}
.article-details .article-index .card-body .nav li a {letter-spacing: 0.4px; font-size: large;} /*gezogene Schrift*/
.article-details .article-index .card-body .nav li:last-child a {color:gray;}

/********************************************************
 * ARTIKEL-KATEGORIE-BLOG
********************************************************/
/* BOXEN
***************************/
.blog .article-list .article {border: 1px solid #dee2e6;} /*Boxrahmen*/
/* Weiterlesen Button im Blog
***************************/
.blog .article-list .article .readmore {
	padding: 3px;	 
	width: 150px;
	background: #fff;
	margin: 5px auto;
	text-align: center; 
	border-radius:0.25rem;
	transition: all ease 0.5s;
	border: 1px solid #dee2e6; }
.blog .article-list .article .readmore:hover {background-color: #e9ecef;} /* Schaltfläche */

/********************************************************
 * ARTIKEL-KATEGORIE-LISTE
********************************************************/
/* Tabelle Spaltensortierung (Link)
***************************/
span.badge {background-color: #3E688C!important;} /* Zugriffe / Hits */

/********************************************************
 * NAVIGATION VON ARTIKELN
********************************************************/
/* Seite 1 von xx */
.article-details .pagenavcounter {margin-bottom: 10px; text-align: right;}
.article-details .pagenavcounter,											/* Unterhalb des Beitragsseiteninhalts bei Mehrseitigen Artikeln  */
.pagination-wrapper .pagination-counter {font-size:small; color: #3E688C;}	/* Unterhalb der Beitragsstabelle in Category-Blogliste (siehe Blog) */
 			  
/* [zurück][weiter]. Unter dem Artikel mit Seitenumbruch. Navigation innerhalb des Beitrags */
.article-details .pager .pagination {display: flex; justify-content: center;}
.article-details .pager .pagination li {margin: 10px 10px;}

/* [zurück][weiter]. Unter dem Artikel mit Seitenumbruch. Navigieren zum nächsten Artikel */
.article-details .pagenavigation { padding: 5px 5px 5px 5px; border: 1px solid #dee2e6; border-radius: 5px;}
.article-details .pagenavigation .pagination {display: flex; justify-content: space-between; margin: 0px;}

/* << < 1 2 . . > >> Bei Kategorie Blogliste (Siehe Blog)*/
.pagination-wrapper .me-auto {margin:auto;} /*Mittig ausrichten*/
.pagination-wrapper .page-item.active > span:hover {background-color: #0C2840; color: #fff;}
.pagination-wrapper .page-item.active .page-link {background-color: #3E688C; border-color: #3E688C;}
/* << < 1 2 . . > >> Bei Kategorie Blogseite (Siehe Netzwerk)*/
.pagination-wrapper .pagination {margin: auto !important;} /*Mittig ausrichten*/

/* SCHALTFLÄCHEN
***************************/
.btn-secondary {background-color: #3E688C;}
.btn-secondary:hover {color: #fff; background-color:#0C2840; border-color: #0C2840;}
/* Suchen (neben breadcrumb) */
.search .btn-primary {color: #fff; background-color: #3E688C; border: none;}
.search .btn-primary:hover {background-color: #0C2840; border: none;}

/********************************************************
 * RECHTER BEREICH	
********************************************************/
/* SEITLICHE NAV-BOX   nav-beitraege
 * Wird im Modul bei Modulklassensuffix eingefügt.
********************************************************/
/* Bei Links als Überschrift den Zeilenabstand verringern */
#sp-left .sp-module.nav-beitraege ul > li > a,
#sp-right .sp-module.nav-beitraege ul > li > a {line-height: 20px; padding: 10px 0;}
.sp-module.nav-beitraege .mod-articles-category-introtext {font-size: small;} 

.sp-module.nav-beitraege {background-color: #C5D1D9;} /*grau*/
.sp-module.nav-beitraege .current.active a,
.sp-module.nav-beitraege .sp-module-content > ul > li > a.active{color: #3E688C; font-weight:600;}
.sp-module.nav-beitraege .current.active a::before,
.sp-module.nav-beitraege .sp-module-content > ul > li > a.active::before 
{ font-size:larger; content: "|"; padding-right: 2px; color: red;} /*Marker*/

.mod-articles-category-date, 
.mod-articles-category-category {font-size: 0.75em;} /*Kategorie,Datum*/

/********************************************************
 * FORMAT ELEMENT JCE-EDITOR	
********************************************************/
/* Formatierung für den Internen - Editor JCE.
 * Diese CSS-Datei wurde in der Editor Konfiguration
 * (Profile/Editoreinstellungen/Typographie)eingebunden.	 
 * Alle Formatierungen werden auch im Editor unter Styles dargestellt. 
********************************************************/
/* Code Style */
code {
	font-size: 0.9em;
	line-height: 18px;
	color: #090;
	/*display: block;*/
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 50%, #f8f8f8 51%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(50%,#eeeeee), color-stop(51%,#f8f8f8), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 50%,#f8f8f8 51%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 50%,#f8f8f8 51%,#f8f8f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 50%,#f8f8f8 51%,#f8f8f8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 50%,#f8f8f8 51%,#f8f8f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
	background-size: 36px 36px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

/* Allg. vordefinierte Textausgaben und Icons +++++++++++++++++++++++++++++++++++++++++++ Löschen wurde geändert ++++++++++++++++++++++++++++++++*/
.u-abbildung {font-weight: 100; font-size:85%; font-style: italic; margin-bottom: 30px;}
.u-abbildung::before {content: "Abb.: "; font-weight:bold; }
.u-beispiel {font-weight:bold; margin: 1em 0 1em 0; font-size: larger; letter-spacing: 0.20em;}
.u-beispiel::before {content: "Beispiel";}
.u-loesung {font-weight: 100; font-size:1em; }
.u-loesung::before {font-size:1.2em; content: "Tip: "; font-weight:bold; color:#0C0;}
.u-weiterfuehrend {font-weight:bold; margin: 2em 0 0.5em 0; font-size: 0.9em; color: #3E688C; letter-spacing: 0.20em;}
.u-weiterfuehrend::before {content:"Weitere Informationen";}
.u-listpkt {margin: 1em 0 0.5em 0; font-size: large; letter-spacing: 0.15em; color: #3E688C;}
.u-listpkt::before {font-family: "Font Awesome 5 Free"; content: "||"; font-size:2em; padding-right: 5px;}/*f12a*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* ICON für Aufzählung */
.listIcon01 {list-style:none; text-indent:-1.5em;} /* Einrückung nachfolgenden Zeile nach Zeilenubruch */
.listIcon01::before {font-size: 0.9em; font-family: "Font Awesome 5 Free"; content: "\f35a"; color: #3E688C; padding-right: 10px;}

/* Boxen Bootstrap Schatten */
section .alert.alert-primary,
section .alert.alert-secondary,
section .alert.alert-success,
section .alert.alert-danger,
section .alert.alert-warning,
section .alert.alert-info,
section .alert.alert-light,
section .alert.alert-dark {box-shadow: 0 -4px 10px rgba(0,0,0,0.1);}


/********************************************************
 * FORMAT Bootstrap für JCE-EDITOR	
*********************************************************
 * Die Bootstap.css ist im Template als Datei vorhanden und wurde zusätzlich dieser custom.css im JCE-Editor eingebunden.
 * Diese lokale Datei bootstrap.css beinhaltet nicht alle Formatierungen.
 * Es besteht auch eine online-Verknüpfung zu einer externen Bootstrap.css, wo weitere Formatierungen vorhanden sind.
 * Auf der Homepage von Bootstrap sind Formatierungen vorhanden die nicht in JCE-Editor angezeigt werden.
 * Es reicht wenn hier die Klasse notiert wird und keine Formatierungen erhalten. Das bewirkt, dass im Editor diese
 * Formatierung nachfolgend notiert werden. Der Style jedoch wird online abgerufen.
********************************************************/
.table{margin-bottom: 2em;}
.table-hover{margin-bottom: 2em;}
.table-bordered{margin-bottom: 2em;}
.table-responsive{margin-bottom: 2em;}

/********************************************************
 * JCE-EDITOR: HILFESTELLUNG IN DER EDITOR - ANSICHT	
********************************************************/
/* Andere Farbendarstellung der Umbrüche "Weiterlesen einfügen u. Seitenwechsel einfügen" (im Editor selbst ) 
 * Ist erst sichtbar, wenn in den Einstellungen im JCE-Editor diese css-Datei eingefügt wird. */
.mce-item-pagebreak, .mce-item-readmore {background-color: yellow !important;}
/* Soll die hr-Linien angezeigt werden, dann folgende CSS-Zeile auskommentieren *//* hr {border-top: 5px solid #0F0 !important;} */

/* Alle Links mit Hintergrund 
a {background-color: yellow;}*/


/* WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG 
 *
 * BLENDET DEN BEARBEITUNGS-BUTTON AUS; DAMIT MAN DIE DARSTELLUNG BESSER ERKENNEN KANN:
 * DIESEN NACH DER FERTIGSTELLUNG WIEDER ENTFERNEN ODER AUSBLENENDEN
***********************************************************************************************************/
/*.article-can-edit {display: none !important; }*/
/* WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG WICHTIG */