/* FARBEN */
body {
/* Hintergrund */
	--hgnormal: #19191D;
	--hgdarker: #726665;
	--hglighter: #CFCECC;
	--hggreyer: #79818C;
	--hgtransp: rgba(25, 25, 29,0.95);
	--hghighlight: #A19A99;
	--kaldays: #393941;
--lightkal:##d9d6cf;
/* Schrift */
	--fontnormal: #19191D;
	--fontkal: #8c8f8a;
	--fonthighlight: #0b1b27;
/* Links */	
	--link1: #F2E5D5;
	--link2: #fdc17b;
	--link3: #BF8563;
	--link4: #7D787E; /* e0bb8f; */
	--linkhover: #A19A99;
	--linkborder: #BF8563;
/* Titel */
	--h1font: #CFCECC;
	--h2font: #d2a481;
	--h3font: #fffbf2;
	--h4font: #fbc483; /* eaa758; */
/* tabs */
	--hg1tab: #fdc17b;
	--hg2tab: #BF8563;
}

/* Listen */
ul { margin: 0; padding: 0px 0px 0px 30px; list-style-type: square; }

/* FLEXBOXEN */
/* aussen */
.boxflex { display: flex; box-sizing: border-box; }
.boxflexw { display: flex; box-sizing: border-box; flex-wrap: wrap; }
.boxflexac { align-items: center; }
.boxflexjc { justify-content: center; }
.boxflexjb { justify-content: space-between; }
.boxflexje { justify-content: flex-end; }
.boxflexjs { justify-content: space-evenly; }
.boxflexaa { align-content: space-around; }

/* innen */
.boxf2 { width: calc(100% / 2); box-sizing: border-box; } 
.boxf3 { width: calc(100% / 3); box-sizing: border-box; } 
.boxf4 { width: calc(100% / 4); box-sizing: border-box; } 
.boxf5 { width: calc(100% / 5); box-sizing: border-box; } 
.boxf6 { width: calc(100% / 6); box-sizing: border-box; }

/* navigation - senktrecht */
.boxp { width: 266px; box-sizing: border-box; }
.boxfa { width: 100px; box-sizing: border-box; }

/* BOXEN */
.bblighter, .timeleg { border: solid 1px var(--hglighter); padding: 10px; margin: 5px 0px; }
.bblighter span, .timeleg span { font-size: 11px;
    line-height: 28px; display: inline-block;
	text-align: justify; }
.bbgreyer { border: solid 1px var(--hggreyer); padding: 10px; font-size: 11px; height: 140px; overflow: hidden; margin: 2px; }


/* TITEL */
/* Usernutzung */
h1 {
 border-bottom: solid 1px var(--hgdarker); background: var(--hgdarker); color: var(--hglighter); text-transform: uppercase; font-family: 'Merriweather Sans', sans-serif; letter-spacing: 2px; font-size: 15px; padding: 10px; line-height: normal; font-weight: normal; margin: 0px;
}

h1 span {
 display: block; text-transform: none; font-style: italic; font-size: 10px; color: #f1eee8;
}

h2 {
 border-bottom: solid 1px #CFCECC; padding: 7px; background: #2c2d35; color: #CFCECC; font-family: 'Merriweather Sans', sans-serif; text-align: center; font-size: 13px; letter-spacing: 2px; line-height: normal; text-transform: uppercase; font-weight: normal; margin: 0px;
}

h2 span {
 display: block; text-transform: none; background: #2c2d35; color: #b8c3cb; letter-spacing: 1px; margin: 2px 0px 0px 0px;  font-size: 10px;
}

h3 {
 border-bottom: solid 1px #63687B; font-family: 'Merriweather Sans', sans-serif; font-size: 12px; text-align: center; text-transform: uppercase; letter-spacing: 2px; line-height: normal; padding: 5px; font-weight: normal;  margin: 0px;
}

h3 span {
 display: block; text-transform: none; color: #b8c3cb; letter-spacing: 1px; margin: 2px 0px 0px 0px;  font-size: 10px;
}

h4 {
 color: var(--h4font); text-transform: uppercase; font-family: 'Merriweather Sans', serif; letter-spacing: 2px; font-size: 15px;line-height: normal; font-weight: normal;  margin: 0px;
}

h4 span {
 border-top: solid 1px #084259; display: block; text-transform: none; font-size: 10px; padding: 3px 0px 0px 0px; color: #b8c3cb;
}

h5 {
 color: #fdc17b; margin: 0px; text-transform: uppercase; font-family: 'Merriweather Sans', sans-serif; letter-spacing: 2px; font-size: 11px; text-align: center; font-weight: normal;  margin: 0px;
}

h6 {
 padding: 3px; background: #fdc17b; color: #084259; font-family: 'Merriweather Sans', sans-serif; text-transform: lowercase; text-align: center; font-size: 11px; letter-spacing: 2px;  line-height: normal; font-weight: normal;  margin: 0px;
}
/* im Design */
.desingh1, .designh1 { /* z.B. Titel vom Abstammungsverzeichnis */
	background: #2c2d35; 
    color: var(--h1font);
    text-transform: uppercase;
    font-family: 'Merriweather Sans', sans-serif;
    letter-spacing: 2px;
    font-size: 15px;
    padding: 8px;
}
.designh2 { /* z.B. welcome unterm Header */
    border-left: solid 1px #63687B;
    border-right: solid 1px #63687B;
    background: #3E414C;
    padding: 6px;
    color: var(--h1font);
    text-transform: uppercase;
    font-family: 'Merriweather Sans', sans-serif;
    letter-spacing: 2px;
    font-size: 10px;
    text-align: center;
}	
.designh3, .headh2, .timelineh2 { /* z.B. Boxtitel im Header */
	border-left: solid 1px #3E414C;
    border-right: solid 1px #3E414C;
    background: #2c2d35;
    padding: 3px;
    margin: 3px 0px;
    text-transform: uppercase;
    font-family: 'Merriweather Sans', sans-serif;
    letter-spacing: 2px;
    font-size: 8px;
    text-align: center;
}	
.designh4 { /* z.B. Boxtitel im Footer */
	color: var(--h1font);
    text-transform: uppercase;
    font-family: 'Merriweather Sans', sans-serif;
    letter-spacing: 2px;
    font-size: 8px;
    text-align: center;
    margin: 0px 0px 10px 0px;
}	
.designh5 { /* z.B. Monate überm Headerkalender */
	color: var(--h4font);
    text-align: center;
    letter-spacing: 1px;
    font-size: 10px;
    font-family: verdana, sans-serif;
    margin: 0px 0px 5px 0px;
    font-weight: bold;
}
.designh6 { /* z.B. Titel in Boxen mit hellem blauem Rahmen */
	color: #fdc17b;
    text-transform: uppercase;
    font-family: 'Merriweather Sans', serif;
    letter-spacing: 2px;
    font-size: 8px;
    margin: 0px 0px 10px 0px;
}
.designh7, legend  { /* z.B. Titel in Boxen mit hellem blauem Rahmen */
    text-transform: uppercase;
    font-family: 'Merriweather Sans', sans-serif;
    letter-spacing: 2px;
    font-size: 8px;
    text-align: center;
    margin: 0px 0px 10px 0px;
}

/* VERLINKUNGEN */
.kullera, .usernava {
    border-color: #63687B !important;
    color: #fdc17b !important;
    transition: 0.5s;
}
.sanda, .quoteinhalt a  {
  color: #63687B !important;
}
.kullera:hover, .sanda:hover, .pseudoa:hover, .quoteinhalt a:hover, .usernava:hover {
    border-color: var(--linkhover) !important;
    color: var(--linkhover) !important;
    transition: 0.5s;
} 
.menuea {
	font-family: 'Merriweather Sans', serif;
    font-size: 8px;
    text-transform: lowercase;
    letter-spacing: 2px;
	display: inline-block;
	padding: 3px 0px 0px 0px;
}	
.pseudoa { 	color: #CFCECC;
	text-decoration: none; font-size: 10px;
letter-spacing: 0.5px; font-family: 'Merriweather Sans', serif;
border-color: #BF8563; }


/* HEADERTABELLE */
.headerhg { background: url(https://owlways.makemerun.de/images/headneu.png); height: 500px; display: flex; }
.headerboxleft { padding: 40px 0px 20px 20px; }
.headerboxright {padding: 40px 20px 20px 20px; }
.headertext { 
    font-size: 10px;
    line-height: 19px;
    text-align: justify;
    padding: 0px 10px 0px 5px;
}	
.headernewsp {
margin: 10px 0px 0px 0px; font-family: verdana, sans-serif; font-size: 10px; line-height: 19px; text-align: justify; max-height: 380px; overflow: auto; padding: 0px 10px 0px 5px; border-bottom: solid 1px var(--hggreyer);
}
.headplotp {     
	margin: 10px 0px 0px 0px;
	height: 160px;
    overflow: auto;
    padding: 0px 10px 0px 0px; }
/* Kalender */
.rkalhead {
    display: flex;
    text-align: center;
    background: #2c2d35;
    font-size: 10px;
    font-weight: bold;
}
.rkalcont {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    color: #8c8f8a;
    border: solid 1px #2c2d35;
    font-size: 10px;
}
.rkalday {
    box-sizing: border-box;
    width: 14%;
    padding: 2px;
}
.rkalday_belegt {
	background: var(--hglighter);
		color: var(--fontnormal):
}
/* Listenhover */
.listhbr { 
	width: 50px;
    height: 50px;
    margin: 15px auto;
}
.listbutton { 
	display: inline-block;
    border: none;
    width: 50px;
    height: 50px;
    border: solid 1px #63687B;
    background: #2C2D35;
    border-radius: 100%;
    color: #fdc17b;
    font-size: 16px;
    text-align: center;
    padding: 2px 0px 0px 0px;
    box-sizing: border-box;
    transition: 0.5s;	
}
.listcont { 
	width: 200px;
    min-height: 300px;
    border: solid 1px #726665;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 10px;
    color: #fefefe;
    line-height: 17px;
    text-align: justify;
    box-sizing: border-box;
    display: none;
    position: absolute;
    background: rgba(62, 65, 76,0.9);
    z-index: 1;
    margin: -25px 0px 0px 25px;	
}

.listcont a {color:#ccc;}

.listhbr:hover .listcont {
display: block;
}
.listhbr:hover .listbutton, .listbutton:hover {
    border: solid 1px var(--linkhover);	
    color: var(--linkhover);
	transition: 0.5s;
}
.listconth1 { 
	background: #19191D;
    font-family: 'Merriweather Sans', sans-serif;
    letter-spacing: 2px;
    font-size: 8px;
    text-transform: uppercase;
    text-align: center;
    color: #A19A99;
}
/* Ingamelinks */
.headigaflex {
    margin: 20px 0px 15px 0px;
}
/* Nutzer- / Gastblock */
.headwelcome { padding: 0px 20px; }
.usernav {  padding: 10px 30px; text-align: center; }

/* Cookies */
.cookieline1 {
 background: #BF8563; color: #0b1b27; padding: 8px;
    text-transform: uppercase;
    font-family: 'Merriweather Sans', serif;
    letter-spacing: 2px;
	margin: 0px 20px;
}

.cookieline2 {
 background: #fdc17b; color: #0b1b27; text-align: justify; padding: 8px;
    font-size: 12px;
    line-height: 32px;
	margin: 0px 20px;	
}

.cookieline3 {
 background: #BF8563; color: #0b1b27; padding: 8px; text-align: right;
	margin: 0px 20px;	
}

/* INDEX UND SUBFOREN */
.kattitle { 
	color: #fdc17b;
    text-transform: uppercase;
    font-family: 'Merriweather Sans', serif;
    letter-spacing: 2px;
    font-size: 8px;
    padding: 0px 0px 0px 0px;
}
.forenbox { 
	display: flex;
    padding: 10px 5px;
    align-items: center;
    border: solid 1px #968880;
    margin: 5px 0px;
}
.forumcount {
	width: 10%;
    box-sizing: border-box;
    border-right: solid 1px #19191d;
    padding: 5px 0px;
	text-align: center;
    font-size: 9px;
    text-transform: lowercase;
    line-height: 10px;
}
.forumbild { 
	width: 45%;
    box-sizing: border-box;
    display: flex;
    align-items: center; 
	background: url(/images/ticon2.png);
    background-repeat: no-repeat;
	border-left: 1px solid #19191D;
}
.forumbild a { color: #f2e5d5; }
.forumnew { 
	width: 50px;
    box-sizing: border-box;
    padding: 25px 0px 0px 0px;
	height: 80px;	
}
.forumtitle { }
.forumtitleh1 { 
	text-transform: uppercase;
    font-family: 'Merriweather Sans', sans-serif;
    letter-spacing: 1px;
    font-size: 20px;
}
.forumtitlelastpost { 
	font-size: 10px;
    line-height: 15px;
}
.forumdesc {     
	width: 45%;
    box-sizing: border-box;
    padding: 0px 0px 0px 10px;
}
.forumdescp {     
	text-align: justify;
    font-size: 10px;
	max-height: 80px;
    overflow: auto;
    padding: 0px 5px 0px 0px;
    line-height: 19px;
}
.forumlastpost { 
	text-transform: lowercase; font-family: 'Merriweather Sans', sans-serif; letter-spacing: 2px; font-size: 11px;
}
.quotemark { color: #A19A99; font-size: 80px; font-style: italic; height: 90px;
    overflow: hidden; text-align: right;
    padding: 0px 5px 0px 0px; 
	width: 9%; box-sizing: border-box;
}
.quoteinhalt { width: 91%; box-sizing: border-box; text-align: left; }
.quotecont { padding: 0px 5px 0px 0px;  max-height: 80px;
    overflow: auto; font-size: 11px; font-style: italic;
    line-height: 18px;
}
.rumormark { color: #A19A99; font-size: 40px; font-style: italic; height: 90px;
    overflow: hidden; text-align: right;
    padding: 20px 5px 0px 0px; 
	width: 9%; box-sizing: border-box; }

/* THREADLISTE */
.threadhr { border-bottom: solid 1px #3E414C; padding: 5px 0px; }
.threadhg { width: 50%; background: url(/images/ticon.png); background-repeat: no-repeat; }
.threadnew { width: 40px; height: 80px; box-sizing: border-box; padding: 30px 0px 0px 10px; }
.threadcount { width: 15%; box-sizing: border-box; text-align: center; font-size: 9px; text-transform: lowercase; line-height: 10px; }
.threadlastp { width: 30%; box-sizing: border-box; font-size: 10px; line-height: 15px; }


/* THEMENANSICHT */
.themefact1 { background: #726665; margin: 1px 0px; border-right: solid 1px #112432; width: 140px; box-sizing: border-box; font-family: 'Merriweather Sans', serif; letter-spacing: 1px; font-size: 9px; color: #fffbf2; text-align: center; padding: 3px; }
.themefact2 { background: #726665; margin: 1px 0px; border-left: solid 1px #112432; width: 140px; box-sizing: border-box; font-family: 'Merriweather Sans', serif; letter-spacing: 1px; font-size: 9px; color: #fffbf2; text-align: center; padding: 3px; }
.themedesc { width: 280px; box-sizing: border-box; margin: 10px 0px 10px 0px; font-size: 11px; line-height: 19px; text-align: justify; max-height: 200px; overflow: auto; padding: 0px 10px 0px 5px; font-family: Verdana, Tahoma, Arial, Sans-Serif; }
.threadende { font-size: 11px;
    background: #3E414C;
    padding: 6px; }
.userstatus { box-sizing: border-box; font-family: 'Merriweather Sans', serif; letter-spacing: 1px; font-size: 9px; text-align: center; padding: 3px; }
.reactionshr { border-top: solid 1px var(--hgdarker); border-bottom: solid 1px var(--hgdarker); text-align: right; padding: 9px; }


/* FOOTER */
.footerhg { background: url(/images/owlfoot.png); background-position: bottom;  display: flex; }
.footerboxleft { padding: 20px 0px 20px 20px; }
.footerboxright {padding: 20px 20px 20px 20px; }

/* RUMORS */
.rumorhead { border-bottom: solid 1px var(--hggreyer); padding: 3px;  font-family: 'Merriweather Sans', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; line-height: normal; margin: 0px 0px 3px 0px; }
.rumorcont { font-size: 11px;
    line-height: 28px; padding: 0px 30px;
	text-align: justify; }

/* MOD-CP und LISTE */
.ankerrahmen { width:100%; height:520px; overflow:hidden; text-align: justify; }
.ankerbox { height:520px; overflow:hidden; }
.ankertdtext { line-height: 32px; font-size: 12px; padding: 10px; text-align: justify; }
.ankerscroll {  height: 460px; overflow: auto; padding: 0px 15px 0px 0px; }

/* MITGLIEDERLISTE */
.memberavabox { display: flex; align-items: center; width: 332px; }
.memberava { width: 280px; height: 230px; overflow: hidden; }
.memberinfos { width: 695px; box-sizing: border-box; padding: 10px 0px 0px 0px; }
.membertext { box-sizing: border-box; margin: 10px 0px 0px 0px; font-size: 11px; line-height: 19px; text-align: justify; height: 120px; overflow: auto; padding: 0px 10px 0px 5px; }
.plotuserfact span {
    font-size: 9px;
    line-height: normal;
    text-align: center;
}

/* TEAMSEITE */ 
.teamtext { 
    font-size: 11px;
    line-height: 19px;
    text-align: justify;
}

/* KALENDER */ 
.calbox { vertical-align: top; border:1px solid var(--hglighter); box-sizing: border-box; padding: 5px; min-height: 80px; }
.caleintrag { max-height:80px; overflow:auto; padding-right: 5px; }
.calminyday { color: #8c8f8a;
    font-size: 10px;
    font-family: verdana, sans-serif; }

/* DESIGNBESONDERHEITEN */ 
/* Navigationstabs überm Header */ 
.naviambox { margin: auto; box-sizing: border-box; display: flex; justify-content: flex-end; width: 1100px; padding: 10px 0px 0px 0px; }
.naviamtab { width: 150px; display: flex; }
.naviambox .lightleft, .profilscene .lightleft { width: 0px; height: 0px; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #63687B transparent; }
.naviambox .lightright, .profilscene .lightright { width: 0px; height: 0px; border-style: solid; border-width: 20px 0 0 20px; border-color: transparent transparent transparent #63687B; }
.naviambox .lightmiddle, .profilscene .lightmiddle { background: #63687B; padding: 6px 0px 0px 0px; color: #CFCECC; text-transform: uppercase; font-family: 'Merriweather Sans', sans-serif; letter-spacing: 2px; font-size: 8px; text-align: center; width: 100px; box-sizing: border-box; display: inline-block; }
.naviambox .darkleft, .profilscene .darkleft { width: 0px; height: 0px; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #2C2D35 transparent; }
.naviambox .darkright, .profilscene .darkright { width: 0px; height: 0px; border-style: solid; border-width: 20px 0 0 20px; border-color: transparent transparent transparent #2C2D35; }
.naviambox .darkmiddle, .profilscene .darkmiddle { background: #2C2D35; padding: 6px 0px 0px 0px; color: #A19A99; text-transform: uppercase; font-family: 'Merriweather Sans', sans-serif; letter-spacing: 2px; font-size: 8px; text-align: center; width: 100px; box-sizing: border-box; display: inline-block; }

/* runde Rahmen um Icons */
.radius50ms { /* 50x50 Kreis, Abstand nach oben und unten */
	width: 50px; height: 50px; margin: 15px auto; 
}
.radius50 { /* 50x50 Kreis mit Icon */
	width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 16px;
    text-align: center;
    padding: 16px 0px 0px 0px;
    box-sizing: border-box; 
	border-style: solid;
    border-width: 1px;
	background: #2c2d35;
} 
.radius30mw { /* 30x30 Kreis, Abstand nach links und rechts*/
	width: 30px;
    height: 30px;
    margin: auto 10px; 
}
.radius30 { /* 30x30 Kreis mit Icon */
	width: 30px;
    height: 30px;
    border-radius: 100%;
    font-size: 11px;
    text-align: center;
    padding: 9px 0px 0px 0px;
    box-sizing: border-box;
    display: inline-block;
    border-style: solid;
    border-width: 1px;
}


/* eigene Scrollleiste */
.headerp::-webkit-scrollbar {
 width: 5px; background: #0b1b27;
}
.headerp::-webkit-scrollbar-thumb {
 background: #BF8563;
}