/* --Allgemeine definitionen --*/

html{height:101%;}

body{font:12px arial, helvetica,sans-serif;}
* .hidden{position:absolute;left:-5000px;top:-50000px;width:0px;height:0px;overflow:hidden;display:inline;}


body{text-align:center;margin:0;padding:0;}

.wapper{margin:0 auto;width:955px;}

.rsstopcount {
	list-style-type: none;
	counter-reset: num;
	padding-left: 0; /* Setze den linken Einzug auf 0 */
	margin-left: 0; /* Setze den linken Rand auf 0 */
  }
  
.rsstopcount li {
	padding-left: 0; /* Setze den linken Einzug auf 0 */
  }
.rsstopcount li::before {
	content: counter(num, decimal-leading-zero);
	counter-increment: num;
	display: inline-block;
	width: 2em; /* Ändere die Breite, um sicherzustellen, dass alle Zahlen den gleichen Platz einnehmen */
	text-align: right;
	font-size: 1.5em; /* Ändere die Schriftgröße nach Bedarf */
	margin-right: 0.5em; /* Abstand zwischen Zahl und Text */
	margin-left: 0; /* Setze den linken Einzug des Pseudo-Elements auf 0 */
  }


h1.errorpage {
    color: red;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    background-color: #f8f8f8;
    padding: 20px;
    border: 1px solid #CCC;
    border-radius: 5px;
}
h2.errorpage {
    
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    background-color: #f8f8f8;
    padding: 20px;
    border: 1px solid #CCC;
    border-radius: 5px;
}
h3.errorpage {
    
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    background-color: #f8f8f8;
    padding: 20px;
    border: 1px solid #CCC;
    border-radius: 5px;
}


  /*----- BAnner ---*/

.vertical-layout .inner-div {
  flex-direction: column;
}

.vertical-layout .left-side,
.vertical-layout .right-side {
  width: 100%;
}

.responsive-image {
  width: 100%;
  height: auto;
}
.dynamisches-div {
  background-color: #eee;
  border-radius: 10px;
  width: 100%;
  min-height: 200px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin: 0px 0px 20px 0px;
}

.inner-div {
  display: flex;
}

.left-side, .right-side {
  flex: 1;
  width: 50%;
  height: 100%;
}

.responsive-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.right-side {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
}

.promo-text {
  color: #8B2B0E;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  font-size: 16px;
}

.promo-button {
  display: inline-block;
  background-color: #8B2B0E;
  color: white !important;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.promo-button:hover {
  background-color: darkred;
 color: white; 
}

.promo-button:active { /* Neue Regel */
  color: white;
}
/*----- Head ------*/
.mainBox{background: url(/static/image/frontend/rss-verzeichnis/head/head_middle.gif) repeat-x;float:left; margin-top: 25px;}
.keks{background: url(/static/image/frontend/rss-verzeichnis/head/keks.gif) no-repeat 0px 0px;}
.barcode{background: url(/static/image/frontend/rss-verzeichnis/head/barcode.gif) no-repeat right 0px;height:91px;padding:0 0 0 120px;}

.search{width:203px;float:right;padding:10px 10px 0px 0px;}
.search input.feld{float:left;border:0px;padding:2px 3px 0px 4px;background:transparent;}
.search form{float:left;background: url(/static/image/frontend/rss-verzeichnis/head/searchbg.gif) no-repeat;}
textarea{font:12px arial, helvetica,sans-serif;}


/* Pageinfo */
.PageTitle{font:bold 16px  helvetica,sans-serif;padding-top:5px;}
.Pageinfo{color:#868686;}

#one{width:550px;}
#two{padding-left:30px;width:500px;}
#three{padding-left:100px;width:500px;}
#four{padding-left:150px;width:460px;}

.claim{width:270px;float:right;background: url(/static/image/frontend/rss-verzeichnis/head/logo_barcode.gif) no-repeat right top;text-align:left;margin-top:5px;padding:5px 0 7px 2px;}

/*------ Content ----------*/

.bantop{float:right;width:750px;font:11px tahoma, helvetica,sans-serif;padding:0px 0px 15px 0px;color:#bbbbbb;}


.urhere{padding:15px 0 40px 30px;color:#333;}
.urhere a{color:#333;}
.rsscol {color:#B23C0E;}

.infonav{float:right;font:12px tahoma, helvetica,sans-serif;padding:15px 15px 10px;color:#333;text-align:right;}
.infonav a{font:12px tahoma, helvetica,sans-serif;color:#333;}

/* Balken1 */
.iconbar{background: url(/static/image/frontend/rss-verzeichnis/backgrounds/HPbalken.gif);height:84px;padding:10px 0 0 4px;margin-bottom:15px;}

#icon{width:33.0%;font-size:11px;}
#icon img{float:left;margin:4px;border:0px;}


.ContentMainBox{background:none;text-align:left;}

.l{width:510px; /*width:529px;*/ padding-left: 10px; }
	/*.trimmer { width:510px; }*/
.s{width:50%;}
.sl{width:35%;}
.sll{width:30%;}
.x{width:25%;}
.xs{width:22.5%;}
.xxs{width:20%;}

.xxl{width:100%}

.Box1{float:left;text-align:left;width: 100%;}

.Box2{float:right;text-align:left;}
.Box3{float:left;text-align:left;margin-right:12px;}


.Boxheadline{clear:left;float:left;color:#4F4F4F;font:bold 12px arial;}
.schmal{width:88%;}
.medium {width:92%;}
.breit{width:96%;}

/* Boxen Layout */
.BoxHead{
background:#f0f0f0;
border-bottom:1px solid #dedede;
border: 1px solid #e3e3e3;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 0px;
} 


.BoxHeadContent{background-position: 0px -26px;background-repeat:no-repeat}
.BoxHeadCornerRight{background-position: right 0px;background-repeat:no-repeat;padding:0px 5px 0px 15px;height:18px;}

.BoxContent{border: 1px solid #e3e3e3;border-top:0px;border-bottom:0px;}

.BoxFooter{
margin-bottom:12px;
border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0px 0px 5px 5px;
} 


.BoxFooterContent{background-position: 0px 0px;background-repeat:no-repeat}
.BoxFooterCornerRight{background-position: right -18px;background-repeat:no-repeat;height:7px;}


/* TopTenn Liste*/


/* Verzeichnis navigation */
.verzeichnis{list-style:none;margin:0px;padding:0;}
.verzeichnis li{background: url(/static/image/frontend/rss-verzeichnis/nav/li_sep_l1.gif);padding-bottom:1px;}

.level1 a{display:block;padding:5px 3px 5px 15px;background:#fff;color:#6d6d6d;text-decoration:none;}
.level1 a span{color:#bdbdbd;}

.level1 a.activ, .level1 a.open, .level1 a.Current {font-weight:bold;background:#f8f8f8;border-left:3px solid #8B2B0E;color:#636363;padding:5px 3px 5px 12px;}
.level1 a:hover{background: #f8f8f8;}
.level1 a.open, .level1 a.Current{border-bottom:#f1f1f1 1px solid;}

.level2 a{display:block;padding:5px 10px 5px 28px;background:#f8f8f8;color:#6d6d6d;text-decoration:none;border-left:3px solid #e0e0e0;}
.level2 a span{color:#bdbdbd;}

.level2 a.activ{background:#f8f8f8;border-left:3px solid #d74712;color:black;padding:5px 3px 5px 26px;}
.level2 a:hover{background: #f1f1f1;}

.level2 a.Current { font-weight: bold; padding:5px 3px 5px 28px; }


/* BoxContent */
#content .Headline{color:#8B2B0E;font-weight:bold;font-size:14px;margin-top:0px;}
.Headline{color:#8B2B0E;font-weight:bold;font-size:12px;text-decoration:none;}
h1{font-weight:bold;font-size:18px;margin-top:0px;}
h2{font-weight:bold;font-size:16px;margin-top:0px;}
h3{font-weight:bold;font-size:14px;margin-top:0px;}


/* blogderwoche */
#blogderwoche {text-align:justify;padding:7px 10px 0px 15px;color:#52504c;}
#blogderwoche p{margin:0px;padding:5px 0px;}
#blogderwoche a.url{display:block;text-align:right;color:#8B2B0E;font-weight:italic;font-size:11px;padding:2px;}


/* tabelle */
  .error {color:#000;font-size:20px;}
  .BoxContent table{width:100%;}
  .BoxContent td, .BoxContent th{padding:4px 5px 4px 10px;}
  .BoxContent th{color:#868686;border-bottom:1px solid #d3d3d3;font-size:11px;}
  .BoxContent td{color:#767676;margin-bottom:1px;background:#fff url(/static/image/frontend/rss-verzeichnis/nav/li_sep_l1.gif) repeat-x bottom left;}
  
  .BoxContent td.mitte{border-width:0px 1px;border-style:solid;border-color:#ececec;}
  .BoxContent th.mitte{border-width:0px 1px;border-style:solid;border-color:#dedede;border-bottom:1px solid #d3d3d3;}
  
  .BoxContent td a{color:#868686;text-decoration:none;}
  .BoxContent td a:hover{color:black;}  
  .BoxContent td a.new{color:#8B2B0E;text-decoration:underline;}


  
/* Menu */
.mainMenu{list-style:none;margin:2px 0px 0px 0px;padding:0px 2px 0px 0px;background: url(/static/image/frontend/rss-verzeichnis/head/seperator.gif) repeat-x;float:left;}
.mainMenu li{padding:0px 0px 0px 2px;float:left;}
.mainMenu a, .mainMenu a.mainactiv{text-decoration:none;color:#fff;float:left;display:block;padding:10px 16px 12px 16px;list-style:none;margin:0px;background: url(/static/image/frontend/rss-verzeichnis/head/head_middle.gif) repeat-x 0px -2px;}
.mainMenu a:hover, .mainMenu a.mainactiv{background: url(/static/image/frontend/rss-verzeichnis/head/activbg.gif) repeat-x 0px 0px;}

/*.subMenu{list-style:none;margin:2px 0px 0px 0px;padding:0px 2px 0px 0px;clear:left;float:left;width:60%;}*/
.subMenu{list-style:none;margin:3px 0px 0px 0px;padding:0px 2px 0px 0px;clear:left;float:left;width:60%;}
.subMenu li{float:left;}
.subMenu a, .subMenu a.subactiv{float:left;display:block;padding:5px 5px 5px 5px;text-decoration:none;color:black;}
.subMenu a:hover, .subMenu a.subnactiv{font-weight:bold;}

.ContentMainBox p a 		{text-decoration:none;color:#8B2B0E;}
.ContentMainBox p a:hover	{text-decoration:underline;}

.BoxContent p a 		{text-decoration:none;color:#8B2B0E;}
.BoxContent p a:hover 		{text-decoration:underline;}
.BoxContent li 			{margin-bottom:0px;}

.liste a                 {text-decoration:none;color:#8B2B0E;}
.liste a:hover           {text-decoration:underline;}



	.footer {line-height: 1.7;margin:50px 0px 0px 0px;
		/* border-top:1px solid #F6B17A;*/
		float:left;
		width:100%;
		padding:35px 0 35px 0px;
		color:#ffffff;
		background-color:#4F4A45	}
	.footer a {color:#ED7D31;}
	.footer a:hover {text-decoration:none;color:#F6F1EE;}

	.footer .promo-button-footer a {
		color: #ffffff !important; /* Farbe des Links */
	}

	.footer .promo-button-footer {
		display: inline-block;
		background-color: #ED7D31;
		color: white;
		text-decoration: none;
		padding: 10px 20px;
		border-radius: 10px;	
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
	}

	.footer .promo-button-footer:hover {
		background-color:#ED7D31;
	color: white; 
	}
	
	.footer .promo-button-footer:active { /* Neue Regel */
		color: white;
	}


p{margin:0px;padding:5px 5px 5px 0px;}

a {color:#D64411;}


/* ############################## */

#hyperColMain { width: 1111px; margin: 0 auto;}

#hyperColLeft { float: left; width: 955px; padding: 0px 0px 0px 18px; }
#hyperColRight { float: right; width: 120px; padding: 0px 0px 0px 18px; margin-top: 174px; }

/* ############################## */


.PageTitleNew { font: bold 26px  helvetica, sans-serif; padding: 5px 0px 0px 7px; color: #4a4844; }

/*.domainName { float: left; font: bold 20px arial, sans-serif; padding: 8px 0px 0px 14px; color: #4a4844; }
.domainName img { border: 0px !important; }*/

a.domainName { 
	float: left; 
	margin: 8px 0px 0px 14px;
	width: 185px; height: 20px;
	background: url(/static/image/frontend/rss-verzeichnis/head/rss-verzeichnis.png) left bottom no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	}

.urhere a:hover { color: #6D6D6D; }

/* Textelemente Add-ons */

/*.pp4 { padding: 4px 0px 0px 4px; }*/

h1{color:#6d6d6d;}
h2{color:#6d6d6d;}
/*h3{color:#6d6d6d;padding-left:11px;}*/



.wiki a {color: #8B2B0E;
    text-decoration: none;}
    
.p11  { padding-left: 0px; }
.text { padding: 0px; color: #868686; color: #333; }
.text2 { padding: 0px; color: #333; }

.subtitle { font-weight: bold; font-size: 16px; color: #6D6D6D; margin: 12px 0px; }
.subtitle2 { font-weight: bold; font-size: 12px; color: #6D6D6D; margin: 12px 0px 0px 11px; /*color:#333;*/ }

h1.Headline { padding-top: 4px; }

/* Ratgeber */

h1.rat{ color: #D64411;  }
#h2.rat{ color: #6d6d6d; font-size: 14px; margin: 0px 0px 12px 0px; padding: 0px 0px 0px 11px; text-indent: 0px; }

.rat { padding: 0px 0px 16px 11px; color: #333;  /*text-align: justify;*/ }

.meta { padding: 1px 5px 0px 0px; color: #999; font-size: 11px; float: right; }

a.tagGroup1, a.tagGroup2, a.tagGroup3, a.tagGroup4, a.tagGroup5, a.tagGroup6 { float: left; padding: 0px 10px 0px 0px; text-decoration: none; }
a.tagGroup1:hover, a.tagGroup2:hover, a.tagGroup3:hover, a.tagGroup4:hover, a.tagGroup5:hover, a.tagGroup6:hover { padding: 0px 10px 0px 0px; text-decoration: underline; }
a.tagGroup1 { font-size: 9px; }
a.tagGroup2 { font-size: 10px; }
a.tagGroup3 { font-size: 11px; }
a.tagGroup4 { font-size: 12px; }
a.tagGroup5 { font-size: 14px; }
a.tagGroup6 { font-size: 16px; }

.tagPages { margin: 0px 0px 0px 11px; padding: 10px 0px 0px 0px; }


/* RSS-Kategorie-Seite */

.catCount {
	padding: 5px 11px 0px 11px; 
	margin-bottom: 14px;
	float: right;
	width: 100px; 
	color: #6d6d6d; 
	text-align: right; 
	}

a.last { margin: 0px 11px; line-height: 24px; font-weight: bold; border-bottom: 1px dashed #E0E0E0; }

.pagination { text-align: left; padding: 12px 10px 10px 11px; }
.pagination span {  font-weight: bold; color: #767676; }
.pagination a:link, .pagination a:hover, .pagination a:visited { font-weight: bold; }
.pagination a.nextPrev { text-decoration: none; font-size:16px; }
	
	

/* RSS-Entry-Seite */

.description { padding: 5px 0px 0px 0px; }

.rssEntry { 
	margin: 10px 0px; 
	padding: 4px 12px 14px 0px;
	border-bottom: 1px dotted #aaa;
	color: #868686;
	line-height: 17px;
	}


.rssEntry img {
width: 100%;
}

img.rss-preview {
    border:  2px solid #ddd;
	padding: 3px;
	margin: 3px;
	float: right;
	width: 250px;
	border-radius: 5px;
}

@media only screen and (max-width: 600px) {
	img.rss-preview {
		width: 150px;
	}
}

a.title { font-weight: bold; }
.date { padding: 10px 0px 6px 0px; color: #999; }
.rssEntryText { color: #333; }

.feedEntrysHeadline { font-weight: bold; font-size: 16px; color: #6D6D6D; margin: 12px 0px; }


/* Box2 mod */

.slim { width: 502px; margin-left: 6px; margin-bottom: 6px; }




/* Liste; Infoseite */

ul.liste { padding: 0px 0px 0px 14px; }
ul.liste li { padding: 0px 0px 7px 0px; }

ul.errors li { font-size:12px; color:#CC0000; list-style-type:none; padding:0px; }

.liste a { text-decoration: none; color: #8B2B0E; font-weight: bold; line-height: 17px; }




/* Feed-Suggest */

.suggestEntry { color: #AFAFAF !important; }

a.feedLink { color: #D14813 !important; }
a.feedLink:hover { text-decoration: underline !important; }




/* Suchformular */
/*
.search input.feld { 
	float: left;
	width: 134px;
	border: 0px !important;
	padding: 2px 3px 0px 4px !important;
	background: transparent url(http://www.google.de/cse/intl/de/images/google_custom_search_watermark.gif) 3px 2px no-repeat scroll !important;
	}

.search input.feld:focus { 
	background: transparent !important;
	}

.search input.searchSubmit { 
	background: url(/static/image/frontend/rss-verzeichnis/icons/lupe_002.gif) no-repeat; 
	margin-left: 10px;
	width: 29px; 
	height: 20px; 
	border: 0px;
	}
*/
	
/* Suchformular - NEU */
	
.searchNew { float: right; margin: 0px 0px 0px 0px; position: relative; width:400px;}

.searchNew .input { 
	border: 1px solid #818181 !important; 
}

.searchNew .button { padding: 0px !important; }








/* Sidebar Left - Navigation */

.naviOpen { 
	background: url(/static/image/frontend/rss-verzeichnis/icons/navi-open-close.png) 0px 0px no-repeat; 
	float: right;
	width: 18px;
	}






/* Kommentarfunktionen */


#kommentare { margin: 32px 0px 16px 0px; clear: both; }

.kommentareHead { 
	text-transform: uppercase; 
	font-size: 14px; 
	color: #868686; 
	font-weight: bold; 
	border-bottom: 1px solid #e3e3e3; 
	padding: 0px 0px 1px 11px; 
	margin: 0px 0px 0px 0px;
	position: relative; /*zoom: 1;*/
	}
	
.kommentarButton { 
	font-size: 14px; 
	color: #D14813; 
	font-weight: bold; 
	text-transform: none; 
	float: right; 
	padding: 0px 4px 0px 0px;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	}
.kommentarButton:hover { text-decoration: underline; }
.kommentarButtonBottom { padding: 2px 0px 32px 0px; }


.noEntrys { width: auto; margin: 12px 0px 12px 11px; color: #7b7b7b; }



/* Kommentar - Eintrag */

.kommentarEntry { margin: 16px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.kEntryleft { float: left; background: url(/static/image/frontend/rss-verzeichnis/icons/comment.png) no-repeat; width: 40px; height: 50px; }
.kEntryright { float: right; width: 440px; border-bottom: 1px dotted #e3e3e3; }
	.kEntryheadline { font-weight: bold; color: #333; line-height: 14px; } 
	.kEntrydate { font-size: 10px; color: #8b8b8b; line-height: 16px; }
	.kEntrytext { color: #333; margin: 0px 0px 15px 0px; line-height: 17px; }




/* Kommentar - Formular */

#kommentarFormular { width: 509px; display: none; margin: 0px 0px 12px 0px; position: relative; zoom: 1; z-index:1000; }

#bubble { position: relative; zoom: 1; }

#kommentarFormular .top, #bubble .top { height: 31px; background: url(/static/image/frontend/rss-verzeichnis/backgrounds/commentForm2.png) 0px 0px no-repeat; }
#kommentarFormular .middle, #bubble .middle { border-left: 3px solid #e3e3e3; border-right: 3px solid #e3e3e3; padding: 16px 14px; background: #fff;}
#kommentarFormular .bottom, #bubble .bottom { height: 8px; background: url(/static/image/frontend/rss-verzeichnis/backgrounds/commentForm2.png) 0px -31px no-repeat; }


.label { display: block; color: #333; margin: 3px; }

input.guestname { width: 312px; margin: 0px 0px 16px 0px; }
textarea.comment { width: 468px; margin: 0px 0px 16px 0px; }
input.captchaInput { width: 108px; margin: 0px 0px 22px 0px; vertical-align: 5px; }

.close { 
	float: right; 
	width: 80px; height: 13px;
	margin: 1px 2px 0px 0px; 
	cursor: pointer; 
	background: url(/static/image/frontend/rss-verzeichnis/icons/close-sprite.png) 0px 0px no-repeat; 
	}
.close:hover { background: url(/static/image/frontend/rss-verzeichnis/icons/close-sprite.png) 0px -13px no-repeat; }
	
#captchaDiv { border: 1px solid #b6b6b6; cursor: pointer; }
img.arrow { margin: 0px 10px; vertical-align: 1px; }

.info { float: right; font-size: 10px; margin-right: 12px; color: #7b7b7b; color: #D14813; }

.errorText { color: #900; margin: 12px 2px 0px 2px; font-weight: bold; }

.formSubmit { cursor: pointer; }



/* Formulare */

input.rssFeedEintragen { width: 140px; } /*Submit-Button*/




/* Archiv */

#archiv { padding: 6px 10px 4px 10px; color: #e0e0e0; }
	#archiv a { text-decoration: none; }
	#archiv a:hover { text-decoration: underline; }
	#archiv b { color: #333;  }
	
.archivYear { border-bottom: 1px dashed #e0e0e0; padding: 0 0 2px 0; }
	.archivYear a, .archivYear b { font-size: 13px; }
.archivMonth { padding: 4px 0 0 0; }

/* --- */

.archivTable { margin: 12px 0 0 0; font-size: 10px;}
.archivTableHead th { width: 20px !important; padding: 0 !important; text-align: center; }

td.day, td.dayCurrent { width: 20px !important; padding: 0 !important; text-align: center; }
td.dayCurrent { color: #333 !important; font-weight: bold; }

/* --- */

#archiveEntrys { margin: 24px 0 20px 10px; }
.entry { margin: 0 0 12px 0; }
.entryDate { color: #868686; }
a.entryHead { font-weight: bold; }

.archivFilter { margin-bottom: 20px; }




/* Bilder */

div.img-left { float: left; margin: 4px 16px 6px 0px; }
div.img-right { float: right; margin: 4px 0px 6px 16px; }
div.img-left-bottom { float: left; margin: 4px 16px px 0px; padding-bottom: 20px; }

div.img-left img, 
div.img-right img, 
div.img-left-bottom img { border: 1px solid #E3E3E3; padding: 4px; /*width: 190px;*/ }

div.img-left div, 
div.img-right div,
div.img-left-bottom div { font-size: 9px; line-height: 10px; color: #bebebe; padding-left: 2px; width: 196px; }
div.img-right div { text-align: right; padding-right: 2px; }

div.img-left a, div.img-left a:link, div.img-right a, div.img-right a:link, div.img-left-bottom a, div.img-left-bottom a:link 
	{ 
	font-size: 9px; color: #bebebe !important; text-decoration: none !important; background: none; padding: 0; 
	}




/* ------------------------------------------------- */

/* Clearfix-Methode zum Clearen der Float-Umgebungen */


 .clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* IE-Clearing: Ben�tigt nur der Internet Explorer und �ber iehacks.css zugeschaltet */
#ie_clearing { display: none; }


.mainactiv { font-weight: bold;}

#bodyAdmin { text-align:left; margin: 10px 0 0 15px; }

li.inactive a { color: #dddddd; }

form dl dt { width: 120px; float: left; clear: both; font-weight: bold; padding: 5px 0 5px 0; }
form dl dd { width: 450px; float: left; padding: 5px 0 5px 0; }
form#feedEntry dl dd { width: 300px; }

form dl dd input[type=text] { width: 450px; }
form#feedEntry dl dd input[type=text] { width: 300px; }
form dl dd select { width: 300px; }
form#feedEntry dl dd select { width: 306px; }
form dl dd select.small { width: 50px; }
form dl dd textarea { width: 450px; }
form#feedEntry dl dd textarea { width: 300px; height: 100px; }
form dl dd textarea.small { height: 80px; }
form#feedEntry dl dd p { float: right; padding: 3px 50px 0 0; }

table#feeds { border: 2px solid #000000; border-collapse: collapse; }
table#feeds tr td { border: 1px solid #000000; padding: 2px 5px 2px 5px; }
table#feeds tr#feedsHeader { font-weight: bold; text-align:center; font-size: 1.1em; }


a.googleLabel { 
color: #525252!important;  
text-decoration: none !important; 
font-size: 12px; 
font-family: arial !important; 
line-height: 28px;
}

.adWrapper { 
margin: 2px -4px 0px -4px; 
padding: 7px 4px 6px 4px;
}

.adWrapper:hover { background: #f8f8f8; }

a.afcLink { 
color: #D64411 !important; 
text-decoration: underline !important; 
font-size: 14px !important; 
font-family: arial;
line-height: 21px;
}
a.afcLink:hover { color: #BF3100 !important; text-decoration: underline !important; }

.afcText { color: #333; font-size: 12px; }

a.afcUrl { color: #333 !important; font-size: 12px; text-decoration: none !important; }
a.afcUrl:hover { text-decoration: none !important; }

.rss-reader {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	width: 100%;
  }
  
  .ranking {
	font-size: 48px;
	margin-right: 20px;
	width: 60px;
	text-align: center;
  }
  
  .content h2 {
	margin: 0 0 10px 0;
  }
  
  .details {
	display: flex;
	align-items: start;
  }
  
  .logo {
	margin-top:25px;
	width: 140px;
	height: 140px;
   
  
  }
  
  .description {
	flex: 1;
  }
  
  .info {
	margin-top: 10px;
  }
  
  .info button {
	border: none;
	color: white;
	padding: 5px 10px;
	margin-right: 5px;
	cursor: pointer;
	border-radius: 5px;
	font-size: 14px;
  }
  
  .language {
	background-color: #007bff;
  }
  
  .platform {
	background-color: #28a745;
  }
  
  .topreader {
	margin-bottom: 30px; /* Abstand zwischen den Zeilen */
	margin-top: 20px;
	background: #fff;
	border: 1px solid #ccc; /* Rahmen um das gesamte Element */
	position: relative; /* Position für die Platzierungsbox */
	box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Einen leichten Schatten hinzufügen */
  }
  
  .readers-content {
	padding: 15px; /* Abstand innerhalb der Box */
  }
  
  .row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
  }
  
  
  
  .platform-button.active { background-color: green; }
  .platform-button.inactive { background-color: grey; }
  .language-button.active { background-color: green; }
  .language-button.inactive { background-color: grey; }
  
  /* Filter-Buttons Container */
  .filter-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px; /* Setzt Abstände zwischen den Buttons */
	justify-content: center; /* Zentriert die Buttons */
	margin-bottom: 20px; /* Abstand unterhalb des Filterbereichs */
  }
  
  /* Allgemeine Styles für Plattform- und Sprach-Buttons */
  .platform-button, .language-button {
	border: none;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase; /* Macht den Text groß */
	border-radius: 20px; /* Weiche Ecken */
	transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s; /* Glatter Übergang für die Interaktion */
  }
  
  /* Styles für den aktiven Zustand */
  .platform-button.active, .language-button.active {
	background-color: #007bff; /* Heller Blauton für aktive Buttons */
	color: white;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Schatten für einen "schwebenden" Effekt */
  }
  
  /* Styles für den inaktiven Zustand */
  .platform-button.inactive, .language-button.inactive {
	background-color: #f8f9fa; /* Sehr helles Grau für inaktive Buttons */
	color: #6c757d; /* Dunkelgrau für den Text */
  }
  
  /* Besondere Styles für die "Alle" Buttons */
  .all-platforms, .all-languages {
	font-weight: bold;
	background-color: #28a745; /* Grün für "Alle" Buttons */
	color: white;
  }
  
  /* Hover-Effekt für die Buttons */
  .platform-button:hover, .language-button:hover {
	transform: translateY(-2px); /* Hebt den Button leicht an */
	box-shadow: 0 6px 12px rgba(0,0,0,0.2); /* Stärkerer Schatten für den Hover-Effekt */
  }
  
  
 
    /* Styling für die Filter-Labels */
	.filter-label {
		text-align: left; /* Zentriere die Beschriftung */
		margin-bottom: 5px; /* Abstand nach unten */
		font-size: 18px; /* Größere Schrift für die Beschriftung */
	  }
	  
  /* Verstecke Dropdown-Menüs auf größeren Bildschirmen */
  .filter-dropdown {
	display: none; /* Standardmäßig unsichtbar */
  }
  
  /* Stil für Dropdown-Menüs (sichtbar nur auf kleinen Bildschirmen) */
  @media (max-width: 768px) {
	.filter-buttons {
	  display: none; /* Verstecke die Button-Gruppe auf kleinen Bildschirmen */
	}
  
	.filter-dropdown {
	  display: block; /* Zeige Dropdown-Menüs an */
	}
  }
  
  /* Grundlegendes Styling für den Filter-Container */
  .filter-container {
	background-color: #333; /* Hintergrundfarbe */
	padding: 10px; /* Polsterung */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Schatten für Tiefe */
	position: sticky; /* Mach den Container am oberen Rand klebend */
	top: 10px; /* Positioniere am oberen Rand */
	z-index: 10; /* Stelle sicher, dass der Filter über anderen Elementen liegt */
	border-radius: 10px;
	color:#ffffff;
  }
  
  /* Vergrößerte und einfach zu tippende Dropdown-Menüs für die mobile Ansicht */
  @media (max-width: 768px) {
	.filter-dropdown {
	  display: block;
	  width: 100%; /* Dropdowns nehmen die volle Breite ein */
	  margin-bottom: 10px; /* Abstand zwischen den Dropdowns */
	  padding: 15px; /* Größere Polsterung für leichteres Tippen */
	  border: 1px solid #ddd; /* Grenzfarbe */
	  border-radius: 8px; /* Abgerundete Ecken */
	  font-size: 16px; /* Größere Schrift für bessere Lesbarkeit */
	  color:#000000;
	  height: 55px;
	}
  
	.filter-buttons {
	  flex-direction: column; /* Staple Buttons vertikal auf kleinen Bildschirmen */
	  align-items: stretch; /* Dehne Buttons auf volle Breite aus */
	}
  
	.platform-button, .language-button {
	  padding: 10px; /* Polsterung für die Buttons */
	  margin: 5px 0; /* Vertikaler Abstand zwischen den Buttons */
	  font-size: 16px; /* Größere Schriftgröße für bessere Lesbarkeit */
	  width: 100%; /* Volle Breite für die Buttons */
	}
  
	/* Setze die Abstände für die "Alle" Buttons */
	.all-platforms, .all-languages {
	  margin-bottom: 10px;
	}
  }
  

  
  /* Button Grund-Styles */
  .reader-link {
	display: block;
	margin: 10px;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	color:#512e11;
	background-color: #ffd7b2; /* Blauer Hintergrund */
	transition: background-color 0.2s, box-shadow 0.2s;
  }
  
  /* Hover-Effekt für die Buttons */
  .reader-link:hover {
	background-color: #fae4a2; /* Dunklerer Blau für Hover */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Schatten für "Lift"-Effekt */
  }
  
  /* Abstände zwischen den Buttons */
  .reader-link + .reader-link {
	margin-top: 10px;
  }
  
  /* Trenner-Style */
  .reader-divider {
	text-transform: uppercase;
	font-weight: bold;
	margin: 20px 0;
	position: relative;
  }
  
  .reader-divider::after {
	content: '';
	width: 100%;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
  }
  
  .reader-divider span {
	background-color: #fff;
	padding: 0 10px;
  }
  
  /* Container für Pro und Kontra */
  .pro-con-container {
	/* display: flex;*/
	justify-content: space-around;
	margin-top: 20px;
  }
  
  /* Standardmäßig ohne min-height für mobile Ansichten */
  .readerinfo,
  .readerlinks {
	/* Standard-Styles (ohne min-height) */
	width: 100%;
  }
  
  div.readerinfo h4  {
	height: 55px;
	font-size: 20px;
	margin-top: 20px;
	  margin-bottom: 10px;
  
  }
  
  div.readerdesc  {
	margin: 0px 10px;
	min-height: 85px;
  }

  div.podcatcherdesc  {
	margin: 0px 10px;
	height: 150px;
  }  
  div.pro-con ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0px 10px;
  }
  
  div.pro-con li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 5px;
  }
  
  div.pro-con ul li::before {
	content: "\271A"; /* Unicode für ein grünes Pluszeichen */
	color: green;
	position: absolute;
	left: 0;
	top: 0.6em; /* Reduzierter Wert, um das Zeichen weiter nach oben zu verschieben */
	transform: translateY(-50%); /* Zentriert das Zeichen vertikal zur ersten Zeile */
	font-size: 18px;
	font-family: "Arial", sans-serif;
  }
  
  div.pro-con ul li.con::before {
	content: "\2212"; /* Unicode für ein langes Minuszeichen */
	color: red;
	font-weight: bold;
	transform: translateY(-50%) scaleY(1.2); /* Anpassung für vertikale Positionierung und Dicke */
  }
  
  
  
  /* Media Query für Ansichten breiter als 768px (z. B. Tablets und Desktops) */
  @media (min-width: 768px) {
	.readerinfo,
	.readerlinks {
	  min-height: 250px; /* min-height nur für größere Ansichten */
	}
  }
  
  .pro-con {
	text-align: left;
	font-size: 13px;
	flex: 1;    
  }
  
  @media (min-width: 768px) {
	.pro-con {
	  min-height: 150px; /* min-height nur für größere Ansichten */
	}
  }
  
  .pro-con:not(:last-child) {
	margin-right: 0px;
  }
  
  /* Stil für Pro und Kontra Texte */
  .pro-text, .con-text {
	padding: 5px 10px;
	display: inline-block;
	color: #fff;
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
  }
  
  .pro-text {
	background: #28a745; /* Grün */
  }
  
  .con-text {
	background: #dc3545; /* Rot */
  }
  
  .language-icon {
	  width: 20px;       /* Breite des Icons */
	  height: 20px;      /* Höhe des Icons */
	  background-size: cover; /* Sorgt dafür, dass das Bild die Elementgröße komplett ausfüllt */
	  display: inline-block; /* Ermöglicht die Verwendung in Zeilen, wie bei Inline-Elementen */
	  
	  font-size: 2rem;
	  vertical-align: bottom;
	  margin-bottom: 2px;
  }
  
  .platform-icon .language-icon  {
	margin: 0px 8px 4px 0px;
  }
  .language-button .language-icon  {
	opacity: 0.7;
	vertical-align: middle;
	margin-right: 5px;
  }  
  .language-de {
	  background-image: url('/img/frontend/rss-verzeichnis/icons/language_de.png');
  }
  
  .language-en {
	  background-image: url('/img/frontend/rss-verzeichnis/icons/language_en.png');
  }
  
  .detail-toggler {
	text-align: center;
	width: 100%;
	cursor: pointer;
  }
  
  .detail-toggler button {
	background: none;
	border: none;
	color: #007bff;
	font-size: 1.5rem;
  }
  
  .details {
	display: block; /* Oder 'none', wenn die Details standardmäßig ausgeblendet sein sollen */
  }
  #toggleAllDetails {
  
	justify-content: center;
	align-items: center;
  
	margin: 20px; /* Abstand nach Bedarf anpassen */
	cursor: pointer;
	border: none;
	border-radius: 20px; /* Abgerundete Ecken für den Schalter */
	background-color: #ccc; /* Grau für den OFF-Zustand */
	color: #fff; /* Weiße Schrift */
	font-weight: bold;
	font-size: 14px;
  
  }
  
  #toggleAllDetails.on {
	background-color: #8FBC8F; /* Grüner Hintergrund für den ON-Zustand */
  }
  
  /* Detail-Switch-Stil */
  .detail-switch {
	position: relative;
	display: inline-block;
	width: 52px;
	height: 26px;
  }
  
  /* Versteckt die Checkbox */
  .detail-switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  /* Stil für den Slider */
  .switch-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .4s;
	border-radius: 26px;
  }
  
  .switch-slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	transition: .4s;
	border-radius: 50%;
  }
  
  input:checked + .switch-slider {
	background-color: #2196F3;
  }
  
  input:focus + .switch-slider {
	box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .switch-slider:before {
	transform: translateX(26px);
  }
  
  /* Stil für den Label-Text */
  label[for="toggleAllDetails"] {
	margin-left: 10px;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
  }
  
  /* Grundlegende Textstile */
  .svg-text {
	  fill: black; /* Farbe des Textes */
	  text-anchor: middle; /* Zentriert den Text horizontal */
	  dominant-baseline: middle; /* Zentriert den Text vertikal */
  }
  
  /* Spezifische Stile für die Bewertungszahl */
  .rating-number {
	font-size: 30px;
	font-weight: bold;
  }
  
  /* Spezifische Stile für die Bewertungsqualität */
  .rating-quality {
	  font-size: 12px; /* Schriftgröße für die Bewertungsqualität */
  }
  
  .svg-container {
	position: absolute;
	top: 20px;
	left: 15px;
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid #ccc;
	padding: 5px 5px;
	font-weight: bold;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	font-size: 20px;
  }
  
  .placement-box {
	position: absolute;
	top: -25px;
	left: 15px;
	background: white;
	border: 1px solid #ccc;
	padding: 5px 5px;
	font-weight: bold;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	font-size: 20px;
	width: 100px;
  }
  
  
  .svg-icon {
	  width: 90px;  /* Feste Breite */
	  height: 90px; /* Feste Höhe */
  }
  
  
  .collapsible {
	  background-color: #f1f1f1;
	  color: #444;
	  cursor: pointer;
	  padding: 18px;
	  width: 100%;
	  border: none;
	  text-align: left;
	  outline: none;
	  font-size: 18px;
	}
  
  
  
	.active, .collapsible:hover {
	  background-color: #ccc;
	}
  
	.collapsible:after {
	  content: '\002B';
	  color: #777;
	  font-weight: bold;
	  float: right;
	  margin-left: 5px;
	  }
  
  .active:after {
  
  }
  
  .content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
  }
  
  @media (min-width: 992px) {
	.textcontainer {
	  padding-right: 30px;
	  padding-left: 30px;
	}
  }
  
  @media (min-width: 1200px) {
	.textcontainer {
	  padding-right: 10px; /* Oder ein anderer Wert, der für dich passt */
	  padding-left: 10px;  /* Oder ein anderer Wert, der für dich passt */
	}
  }
  
  
  .centered-col {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
  }
  
  .space-col{
	margin-bottom: 45px 
  }
  
  .reader-content {
	display: ruby;
  
  }
  
  div.inhalt ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0px 10px;
  }
  
  div.inhalt li {
  
	margin: 10px 10px;
  }
  
  
  .readercount {
	  text-align: right;
	  margin: 15px 0px;
  }

  /* Allgemeine Einstellungen für den Anker */
.anchor::before {
	display: block;
	content: "";
	height: 60px; /* Höhe gleich der Höhe des größten Headers */
	margin-top: -60px; /* Negativer Margin gleich der Höhe des größten Headers */
	visibility: hidden;
  }
  
  /* Anpassungen für Mobilgeräte */
  @media (max-width: 768px) {
	.anchor::before {
	  height: 135px; /* Höhe des mobilen Headers */
	  margin-top: -40px; /* Negativer Margin für mobile Ansicht */
	}
  }
  
  .button-container {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  margin-top: 20px;
  }
  
  .button {
	  padding: 10px 20px;
	  color: white;
	  text-decoration: none;
	  border-radius: 5px;
	  font-size: 16px;
	  font-weight: bold;
  }
  
  .blue-button {
	  background-color: #007BFF;
  }
  
  .green-button {
	  background-color: #28A745;
  }
  
  .blue-button:hover, .green-button:hover {
	  color: #ebebeb;
	  text-decoration: none;
  }  

  



  /* ----------------------------------------
   Container-Breite
----------------------------------------- */
@media (min-width: 1200px) {
	.container {
	  width: 1170px;
	  margin: 0 auto;
	}
  }
  
  /* ----------------------------------------
   Site Header + Layout
----------------------------------------- */
.site-header {
	position: relative;
	background: #fff;
	color: #3e1e00;
	font-family: sans-serif;
	border-bottom: 1px solid #eee;
  }
  
  .header-row {
	display: flex;
	align-items: center;
	position: relative;   /* bleibt für das Dropdown */
	justify-content: flex-start;  /* Logo ganz links */
  }
  
  /* ----------------------------------------
	 Logo
  ----------------------------------------- */
  .rsslogo img {
	width: 50px;
	height: 50px;
	object-fit: contain;
  }
  
  /* ----------------------------------------
	 Main Navigation + Actions
  ----------------------------------------- */
  .nav-group {
	display: flex;
	align-items: center;
	gap: 24px;
	position: static;     /* kein Bezugspunkt mehr */
	margin-left: auto;    /* drückt Nav-Gruppe ganz nach rechts */
  }
  
  .actions {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-left: 0;
  }
  
  .btn-icon {
	background: transparent;
	border: none;
	font-size: 20px;
	cursor: pointer;
	line-height: 1;
  }
  
  .btn-signin {
	padding: 6px 16px;
	border-radius: 4px;
	background: #237ef7;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
  }
  
  /* ----------------------------------------
	 Main Navigation
  ----------------------------------------- */
  .main-nav {
	background: #fff;
  }
  
  .nav-list {
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0;
  }
  
  .nav-item {
	position: static;
  }
  
  .nav-link {
	position: relative;
	display: block;
	padding: 20px 16px;
	color: #3e1e00;
	text-decoration: none;
	font-size: 15px;
	transition: color .2s;
  }
  
  .nav-link:hover {
	color: #237ef7;
  }
  
  /* Unterstreichung */
  .nav-item:hover .nav-link::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 16px;
	right: 16px;
	height: 3px;
	background: #237ef7;
	border-radius: 2px 2px 0 0;
  }
  
  /* ----------------------------------------
	 Dropdown: zentriert unter Header-Container
  ----------------------------------------- */
  .nav-item .dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;         /* 100% der .header-row (1170px) */
	max-width: 1200px;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	padding: 24px 0;
	z-index: 1000;
  }
  
  .nav-item:hover .dropdown {
	display: flex;
	justify-content: space-between;
  }
  
  .menu-icon {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	flex-shrink: 0;
  }

  .dropdown-col {
	list-style: none;
	padding: 0 24px;
	margin: 0;
	flex: 1;
  }
  
  .dropdown-col li + li {
	margin-top: 8px;
  }
  
  .dropdown-col a {
	color: #3e1e00;
	text-decoration: none;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: color .2s;
  }
  
  .dropdown-col a:hover {
	color: #237ef7;
  }
  
  /* ----------------------------------------
	 Responsive: Mobile ausblenden
  ----------------------------------------- */
  @media (max-width: 991px) {
	.main-nav {
	  display: none;
	}
  }
  
  /* --------------------------------------------------
	 5) Off-Canvas Sidebar (Tablet & Phone)
  -------------------------------------------------- */
  .offcanvas {
	position: fixed;
	top: 0;
	left: -280px;
	width: 280px;
	height: 100%;
	background: #171b33;
	color: #fff;
	overflow-y: auto;
	transition: left .3s ease;
	z-index: 1500;
	box-shadow: 2px 0 8px rgba(0,0,0,0.2);
  }
  .offcanvas.show {
	left: 0;
  }
  .offcanvas-header {
	display: flex;
	align-items: center;
	padding: 16px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	justify-content: flex-end; 
  }
  .offcanvas-header .close {
	background: none;
	border: none;
	color: #fff;
	font-size: 30px;
	cursor: pointer;
	margin-right: 0px;  
	margin-bottom: 15px;
  }
  .offcanvas-header .logo img {
	max-height: 28px;
  }
  .offcanvas-nav-list,
  .offcanvas-sublist {
	list-style: none;
	margin: 0;
	padding: 0;
  }
  .offcanvas-nav-list > li {
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.05);
  }
  .offcanvas-nav-list > li > a {
	display: block;
	padding: 14px 16px;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
  }
  .offcanvas-nav-list > li > a:hover {
	background: rgba(35,126,247,0.1);
  }
  .sub-toggle {
	position: absolute;
	right: 16px;
	top: 14px;
	background: none;
	border: none;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	transition: transform .2s;
  }
  .sub-toggle.open {
	transform: rotate(180deg);
  }
  .offcanvas-sublist {
	display: none;
	padding-left: 16px;
  }
  .offcanvas-sublist.show {
	display: block;
  }
  .offcanvas-sublist li a {
	padding: 10px 16px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
  }
  .offcanvas-sublist li a:hover {
	background: rgba(35,126,247,0.1);
	color: #237ef7;
  }
  
  /* ----------------------------------------
   Seitenname / Shortname neben Logo
----------------------------------------- */
.site-shortname {
	margin-left: 12px;
	font-size: 20px;
	font-weight: 600;
	color: #3e1e00; /* dunkles Braun wie Nav-Links */
  }
  
  .site-default {
	margin-left: 8px;
	font-size: 18px;
	color: #aaa;    /* helles Grau */
  }

  /* ----------------------------------------
   Shortname in kleinstem Mobile View ausblenden
----------------------------------------- */
@media (max-width: 575px) {
	.site-shortname,
	.site-default {
	  display: none;
	}
  }