a:link {
  color: #3640A8; 
  text-decoration: none;
}

a:visited {
  color: #3640A8; 
  text-decoration: none;
}

/* Überschriften */

h1 {
font-size: calc(1.5rem);
text-shadow: 2px 2px 8px rgba(150, 150, 150, 1);
}

h2 {
font-size: calc(1.4rem);
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}

h3 {
font-size: calc(1.3rem);
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}

h4 {
font-size: calc(1.2rem);
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}

h5 {
font-size: calc(1.1rem);
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}

h6 {
font-size: calc(1.0rem);
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}

/* Sonstige Schriften */

.t1 {
font-size: calc(1.00rem);
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
color: #364048;
margin-top: 10px;
margin-bottom: 20px;
}

.t2 {
font-size: calc(1.00rem);
font-weight: bold;
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
color: #364048;
margin-top: 10px;
margin-bottom: 20px;
}

.t2purple {
font-size: calc(1.10rem);
font-weight: bold;
color: #361552;
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
margin-top: 10px;
margin-bottom: 20px;
}

.t2green {
font-size: calc(1.10rem);
font-weight: bold;
color: #0F3E38;
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
margin-top: 10px;
margin-bottom: 20px;
}


/* Zitatebene */

blockquote p {
box-sizing: content-box;
width: 85%;
margin: auto;
margin-bottom: 25px; 
padding: 10px;
border-radius : 20px;
background-color: #F4F6F1;
box-shadow: 5px 10px 8px silver;
border-radius: 5px;
}

/* Vorformatiert. Element in HTML repräsentiert vorformatierten Text, der genau so angezeigt werden soll, wie er in der HTML-Datei geschrieben ist. */

pre {
box-sizing: content-box;
width: 85%;
margin: auto;
margin-bottom: 25px; 
padding: 5px;
background-color: #E0E6E7;
border: 1px solid #0069D1;
box-shadow: 5px 10px 8px silver;
border-radius: 5px;
}

/* Code-Zeilen Container */

code {
font-family: courier new,courier,gorgia,terminal;
color: #E3989D;
box-sizing: content-box;
width: 85%;
margin-top: 5px;
margin-bottom: 25px; 
padding: 5px;
background-color: #19134C;
border: 1px solid #0069D1;
box-shadow: 5px 10px 8px silver;
border-radius: 5px;
}

/* Header und Footer der Seite */

.container-header {
border-bottom: 1px solid #CACACA;
box-shadow: 3px 3px 3px silver;
background-color: #FFFFFF;
background-image: url(/images/headers/intrografikrechts.jpg);
background-position: right top;
background-repeat: no-repeat;
}

.container-footer {
border-top: 1px solid #CACACA;
box-shadow: 0 -4px 5px -2px silver;
background-color: #ffffff;
background-image: url(/images/headers/intrografiklinks.jpg);
background-size: 100% 100%;                    
background-repeat: no-repeat;
background-position: center center;
}

/* Zwischenraum Banner Position zum Rest der Seite */
.container-banner {
display: block;
margin: 0;
}

.footer {
color: #364048;
}

.footer a:link {
color: #3640A8;
text-decoration: none !important;
}

.footer a:hover, .footer a:active {
text-decoration: none;
color: #0E005A !important;
}

/* Menübezeichnung */ 
.mymenuetitle {
font-size: calc(1.20rem);
font-weight: bold;
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
color: #364048;
}

/* Weblinkliste 
.list-group-item {
box-shadow: 0 0 5px #3339421a, 0 2px 5px #33394214, 0 2px 5px #33394214, inset 0 0.25px 0;
}*/

/* Seitenleiste */
.sidebar-left {
border-right: 1px solid #DEE2E6;
} 

/* Navigationsmeü */
.mod-menu.mod-list {
font-style: italic;
text-decoration: none !important;
}

.mod-menu.mod-list a:hover,.mod-menu.mod-list a:active {
font-weight: bold;
color: #19194E;
text-decoration: none !important;
}

/* Menüdropdown Zeile für Zeile */
.metismenu-item {
display: block !important;
font-style: italic;
text-decoration: none !important;
margin: 0px;
color: #3640A8;
}
  
/* Broadcrumps */
.mod-breadcrumbs__wrapper {
border: 1px solid #D5D9E0;
box-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}

/* Artikelinfospalte, Name+Datum
.article-info {
display: flex;
flex-direction: row;
gap: 1.0rem;
}  */

/* Weblink eigenes Modul */
.weblinkeinzelmodul {
display: block;
font-size: calc(1.00rem);
text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
color: #364048;
}

/* Autor und Datum in der Blog/Listen-Übersicht ausblenden */
.com-content-category-blog__item .article-info, 
.com-content-featured__item .article-info {
display: none;
}

/* Autor und Datum in der Einzelansicht explizit anzeigen */
.com-content-article .article-info {
display: flex !important;
flex-direction: row;
gap: 0.25rem;
}


/* Bilder */

.bildlinks {
float: left;
border-width: 0px; 
border-style: none; 
margin-top: 5px; 
margin-right: 30px; 
margin-bottom: 30px; 
margin-left: 5px; 
box-shadow: 5px 10px 8px silver;
border-radius: 15px;
}

.bildrechts {
float: right;
border-width: 0px; 
border-style: none; 
margin-top: 5px; 
margin-right: 5px; 
margin-bottom: 20px; 
margin-left: 20px;
box-shadow: 5px 10px 12px silver;
border-radius: 15px;
}

.bildcenter {
display: block;
margin: auto;
border-width: 0px; 
border-style: none; 
margin-top: 2px; 
margin-bottom: 30px; 
box-shadow: 10px 20px 15px silver;
border-radius: 20px;
}

.bildrundlinks {
float: left;
clip-path: circle(35%);
border-width: 0px; 
border-style: none; 
margin-top: 2px; 
margin-right: 15px; 
margin-bottom: 5px; 
margin-left: 2px; 
}

.bildrundrechts {
float: right;
clip-path: circle(35%);
border-width: 0px; 
border-style: none; 
margin-top: 2px; 
margin-right: 5px; 
margin-bottom: 5px; 
margin-left: 5px; 
}

.bildrundcenter {
display: block;
float: right;
clip-path: circle(35%);
border-width: 0px; 
border-style: none; 
margin-top: 2px; 
margin-right: 5px; 
margin-bottom: 5px; 
margin-left: 5px; 
}

.bildeckiglinks {
float: left;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
border-width: 0px; 
border-style: none; 
margin-top: 5px; 
margin-right: 40px; 
margin-bottom: 5px; 
margin-left: 5px;
}

.bildeckigrechts {
float: right;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
border-width: 0px; 
border-style: none; 
margin-top: 5px; 
margin-right: 5px; 
margin-bottom: 5px; 
margin-left: 40px; 
}

.bildeckigcenter {
display: block;
margin: auto;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
border-width: 0px; 
border-style: none; 
margin-top: 5px; 
margin-bottom: 5px; 
}

/* Eigene DIV Container */

.divindex {
box-sizing: content-box;
width: fit-content;
height: fit-content;
background-color: #FBFFFF;
border: 1px dotted #000000;
margin-left: 10px; 
margin-bottom: 10px; 
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}

.diva {
box-sizing: border-box;
width: 85%;
background-color: #ECECEC;
border: 1px inset #0069D1;
box-shadow: 5px 10px 8px silver;
padding: 15px;
margin-left: 25px;
margin-bottom: 25px;
margin-top: 5px;
}

.divaa {
box-sizing: border-box;
width: 85%;
background-color: #ECECEC;
border: 1px solid #0069D1;
box-shadow: 5px 10px 8px silver;
border-radius: 15px;
padding: 15px;
margin-left: 25px;
margin-bottom: 25px;
margin-top: 5px;
}

.divb {
box-sizing: border-box;
width: 85%;
background-color: #E7F4E5;
border: 1px inset #0069D1;
box-shadow: 5px 10px 8px silver;
padding: 15px;
margin-left: 25px;
margin-bottom: 25px;
margin-top: 5px;
}

.divbb {
box-sizing: border-box;
width: 85%;
background-color: #E7F4E5;
border: 1px solid #0069D1;
border-radius: 15px;
box-shadow: 5px 10px 8px silver;
padding: 15px;
margin-left: 25px;
margin-bottom: 25px;
margin-top: 5px;
}

.divc {
box-sizing: border-box;
width: 85%;
background-color: #DBE2F5;
border: 1px inset #0069D1;
box-shadow: 5px 10px 8px silver;
padding: 15px;
margin-left: 25px;
margin-bottom: 25px;
margin-top: 5px; 
}

.divcc {
box-sizing: border-box;
width: 85%;
background-color: #DBE2F5;
border: 1px solid #0069D1;
box-shadow: 5px 10px 8px silver;
border-radius: 15px;
padding: 15px;
margin-left: 25px;
margin-bottom: 25px;
margin-top: 5px; 
}

.divd {
box-sizing: border-box;
width: 85%;
background-color: #DBD5F5;
border: 1px inset #0069D1;
box-shadow: 5px 10px 8px silver;
padding: 15px;
margin-left: 25px;
margin-bottom: 25px;
margin-top: 5px; 
}

.divdd {
box-sizing: border-box;
width: 85%;
background-color: #DBD5F5;
border: 1px solid #0069D1;
box-shadow: 5px 10px 8px silver;
border-radius: 15px;
padding: 15px;
margin-left: 25px;
margin-bottom: 25px;
margin-top: 5px; 
}

.dive {
box-sizing: border-box;
width: 85%;
background-color: #F0F5D7;
border: 1px inset #0069D1;
box-shadow: 5px 10px 8px silver;
padding: 15px;
margin-left: 25px;
margin-bottom: 25px;
margin-top: 5px; 
}

.divee {
box-sizing: border-box;
width: 85%;
background-color: #F0F5D7;
border: 1px solid #0069D1;
box-shadow: 5px 10px 8px silver;
border-radius: 15px;
padding: 15px;
margin-left: 25px;
margin-bottom: 25px;
margin-top: 5px; 
}

.divbg1 {
width: 100%;
height: fit-content;
background-color: #F9F9F9;
padding: 1px 1px 1px 1px;
}

.divbg2 {
width: 100%;
height: fit-content;
background-color: #FAFDFE;
padding: 1px 1px 1px 1px;
}

.divbg3 {
width: 100%;
height: fit-content;
background-color: #FFFDF9;
padding: 1px 1px 1px 1px;
}

/* padding: Oben Rechts Unten Links; */