/* GERUEST */

.kvitravn-profil {
	width: 100%;
	height: auto;
	background: var(--kvitravn-col6);
	border: 1px solid var(--kvitravn-col5);
}

/* HEAD */
.kvitravn-p-head {
	width: 100%;
	background: var(--kvitravn-col14);
	height: 250px;
	display: inline-flex;
}

.kvitravn-p-quote {
	box-sizing: border-box;
	padding: 20px;
	width: 357px;
	height: 250px;
	background: linear-gradient(to right, var(--kvitravn-col17),var(--kvitravn-col11));
	border-right: 5px solid var(--kvitravn-col19);
}

#kvitravn-p-fa { font-size: 30px; opacity: 0.5; color: var(--kvitravn-col19); }

.kvitravn-p-text {
	height: 80px;
	width: 265px;
	position: relative;
	left: 10px;
	top: -15px;
	text-align: justify;
	font-size: 12px;
	overflow: auto;
}

.kvitravn-p-qinf, .kvitravn-p-bigf {
	box-sizing: border-box;
	width: 270px;
	height: 30px;
	padding: 3px 20px 3px 10px;
	background: linear-gradient(to right, var(--kvitravn-col19), var(--kvitravn-col23));
	border-radius: 15px;
	border: 3px solid var(--kvitravn-col17);
	margin-top: 5px;
	position: relative;
	text-align: right;
}

.k-p-qif {
	display: inline-block;
	padding: 1px;
	position: absolute;
	left: 10px;
	top: 5px;
}

.kvitravn-p-himg { width: 700px; height: 250px; position: relative; }

.kvitravn-p-name, .kvitravn-ml-name {
	position: absolute;
	bottom: 0;
	right: 0;
	color: var(--kvitravn-col10);
	font-family: var(--kvitravn-font1);
	font-size: 40px;
	font-weight: bold;
	font-style: italic;
	text-transform: lowercase;
	padding: 10px 20px;
	background: linear-gradient(to left, rgba(8, 8, 8, 0.35), transparent);
}

.kvitravn-p-himg img { height: 250px; width: 695px; }
 
.kvitravn-p-icon img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 5px solid var(--kvitravn-col19);
	position: absolute;
	margin-left: -58px;
	margin-top: 65px;
	z-index: 5;
}

/* TAB ZEILE */

.kvitravn-p-change {
	width: 100%;
	background: var(--kvitravn-col21);
	border: 5px solid var(--kvitravn-col19);
	height: 50px;
	border-left: 0;
	border-right: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.kvitravn-p-change button { color: var(--kvitravn-col8); border: 3px solid rgb(144, 113, 82); }
.kvitravn-p-change button:hover { border: 3px solid var(--kvitravn-col19); background: var(--kvitravn-col19);}
.kvitravn-p-change button.active { border: 3px solid var(--kvitravn-col5); }

.kvitravn-p-tab, .kvitravn-p-tab2 {
	width: 150px;
	height: 30px;
	background: rgba(213, 175, 136, 0.51);
	border-radius: 15px;
	border: 3px solid var(--kvitravn-col19);
	margin-left: 10px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-family: var(--kvitravn-font1);
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* MAIN */

.kvitravn-p-main {
	width: 100%;
	background: var(--kvitravn-col6);
	height: auto;
	display: inline-flex;
}

/* left */
.kvitravn-p-left { width: 350px; border-right: 5px solid var(--kvitravn-col19); background: var(--kvitravn-col14); }
.kvitravn-p-limg img, .kvitravn-p-licon img { width: 350px; height: 250px; border-bottom: 5px solid var(--kvitravn-col19); }

.kvitravn-p-licon img {
	height: 130px;
	width: 350px;
	border: 5px solid var(--kvitravn-col19);
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
}

.kvitravn-p-stats { background: linear-gradient(to right, var(--kvitravn-col17),var(--kvitravn-col11)); height: 325px; }

.kvitravn-p-bigf {
	width: 300px;
	height: 30px;
	padding: 7px;
	border-radius: 20px;
	margin: auto;
}

.kvitravn-p-bigfill {
	width: 50%;
	max-width: 100%;
	background: var(--kvitravn-col20);
	border-radius: 15px;
	height: 10px;
}

.kvitravn-p-bigfti { text-transform: uppercase; padding: 10px 10px 5px 32px; font-family: var(--kvitravn-font1); }

/* right - basic */

.kvitravn-p-right { width: 695px; background: rgba(199, 163, 127, 0.88); position: relative; }

.kvitravn-p-r-title {
	box-sizing: border-box;
	padding: 20px;
	background: var(--kvitravn-grad5);
	width: 695px;
	height: 58px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.kvitrav-p-r-tittext { padding: 0px 10px; font-family: var(--kvitravn-font3); font-size: 14px; }
#k-p-r-i { font-size: 30px; opacity: 0.3; }

.kvitravn-p-r-basic {
	box-sizing: border-box;
	width: 695px;
	padding: 20px;
	height: auto;
}

.kvitravn-p-r-binf, .krbi {
	position: relative;
	height: 30px;
	width: 304px;
	display: inline-flex;
	background: rgba(207, 174, 139, 0.49);
	border-bottom: 3px solid var(--kvitravn-col19);
}

.kvitravn-p-r-bbox, .kvitravn-p-r-bbdiv, .krbb, .krbbh {
	box-sizing: border-box;
	width: 310px;
	height: auto;
	background: var(--kvitravn-col23);
	border-radius: 15px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border: 3px solid var(--kvitravn-col19);
}

.kvitravn-p-r-bbdiv, .krbbh {
	height: 35px;
	border-bottom: 0;
	border-radius: 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	display: flex;
	align-items: center;
	padding-left: 20px;
	font-family: var(--kvitravn-font3);
	text-transform: uppercase;
	font-weight: bold;
}

.kvitravn-p-r-bbox.sum, .krbb { 
	height: 187px; 
	width: 315px; 
	padding: 10px 15px;
	overflow: auto;
	text-align: justify;
}

.kvitravn-p-r-bbdiv.sum { width: 315px; }
.kvitravn-p-r-bbox.vis {width: 315px; padding: 0; }
.kvitravn-p-r-binf.vis { width: 309px; }
.kvitravn-p-r-binf.inf { width: 369px;}
#k-p-r-bbfa { padding-right: 10px; }

.kvitravn-p-r-btit, .krbt {
	background: var(--kvitravn-col20);
	padding: 7px 20px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

.kvitravn-p-r-bans, .krbf { padding: 6px 10px; position: absolute; right: 0; }

/* Inplaytracker */

.kvitravn-p-r-ipin, .relaall {
	box-sizing: border-box;
	padding: 10px;
	height: auto;
	width: 100%;
	background: var(--kvitravn-col11);
	margin-bottom: 10px;
	border-radius: 15px;
}

.kvitravn-p-r-iplink {
	text-transform: uppercase;
	background: linear-gradient(to left, var(--kvitravn-col8), var(--kvitravn-col17));
	padding: 5px 10px;
	border-radius: 15px;
	font-family: var(--kvitravn-font3);
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
}

.kvitravn-p-r-iplink a:link, .kvitravn-p-r-iplink a:visited { color: var(--kvitravn-col19); }
.kvitravn-p-r-ipdes { padding: 10px 20px; text-align: justify;}
.kvitravn-p-r-ipdes.player { background: var(--kvitravn-grad5); border-radius: 15px; text-align: center; padding: 3px; } 

/* Relas */

/*.tborder.rel { 
	border-radius: 15px; 
	z-index: 6; 
	width: 50%; 
	margin: auto;
	background: var(--kvitravn-col6);
	border: 3px solid var(--kvitravn-col19);
	padding: 10px;
}

.trow1.rel { 
	background: var(--kvitravn-col16);
	padding: 5px 10px;
	color: var(--kvitravn-col9);
	border: 3px solid var(--kvitravn-col19);
}*/

.kvitravn-p-r-bbdiv.rel { border: 3px solid var(--kvitravn-col19); border-radius: 15px; width: 100%; }

/* ZUSATZ */

.kvitravn-p-r-add { width: 655px; height: 616px; overflow: auto; }

/* SUB */

.kvitravn-p-qinf.sub { 
	width: 100%; 
	height: auto; 
	display: inline-flex; 
	align-items: center; 
	text-align: left;
	padding: 3px 0px; 
	margin-bottom: 5px;
}

.k-p-qif.sub { 
	font-weight: bold;
	text-transform: uppercase; 
	font-family: var(--kvitravn-font3); 
	top: 0; 
	width: 130px; 
	position: relative;
}

.k-p-qifs { width: 170px; text-align: right; padding-right: 10px; }

.kvitravn-p-stats.sub { 
	padding: 20px; 
	background: linear-gradient(to right, var(--kvitravn-col17),var(--kvitravn-col11)); 
	height: 287px; 
	box-sizing: border-box; 
} 

.kvitravn-p-s-sig {
	width: 695px;
	height: 287px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.kvitravn-p-s-sig img { max-width: 555px; max-height: 200px; border: 5px solid var(--kvitravn-col19); }

.kvitravn-p-s-da { 
	box-sizing: border-box;
	width: 590px;
	height: 287px;
	padding: 15px;
	border-right: 5px solid var(--kvitravn-col19);
	float: left;
	overflow: auto;
}

.kvitravn-p-s-acs img { 
	border: 5px solid var(--kvitravn-col19); 
	border-radius: 15px; 
	width: 110px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
} 


.kvitravn-p-s-soc { width: 104px; height: 287px; float: left; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.kvitravn-p-s-spos { width: 104px; height: 50px; display: flex; align-items: center; justify-content: center; }
#k-p-s-pin, #k-p-s-spo { font-size: 40px; color: rgb(128, 80, 80); }
#k-p-s-spo { color: rgb(80, 126, 80); }
.kvitravn-p-s-da.awa { width: 550px; padding: 25px; }
.kvitravn-p-s-soc.icfi { width: 144px; align-items: initial; padding: 20px;}
.kvitravn-p-s-spos.icco { display: inline; }
.kvitravn-p-s-spos.icco img { width: 100px; height: 100px; margin: 10px 0px; border: 3px solid var(--kvitravn-col19); }
.kvitravn-p-s-da.in { width: 450px; }
.kvitravn-p-s-ctit { padding: 3px 10px; text-align: center; }

.kvitravn-p-s-soc.in { 
	width: 244px; 
	display: block; 
	height: 125px; 
	border-bottom: 5px solid var(--kvitravn-col19);
	overflow: auto;
}

.kvitravn-p-s-soc.in.ges { border-bottom: 0; height: 140px;}

.kvitravn-p-r-bbdiv.club {
	width:230px; 
	border-bottom: 3px; 
	border-radius: 15px; 
	border-bottom: 3px solid var(--kvitravn-col19);
	margin: auto;
	margin-top: 10px;
}

#k-p-s-awa { 
	border: 3px solid var(--kvitravn-col19); 
	border-radius: 15px; 
	padding: 10px; 
	margin-left: 2px; 
	margin-bottom: 5px;
	width: 50px;
}

/* Zusatz */

/* normale Box wie bei Anschluss */
.krbbh { width: 100%;} /* Ueberschrift */
.krbb { width: 100%; height: 100%;} /* Box */
.krb { width: 100%; height: auto; display: flex; margin-bottom: 10px; } /* All umfassende Box einer Reihe */
.krbw { width: 100%; margin-right: 10px;} /* Umfaesst Ueberschrift und Textbox */

/* Box wie bei Infos */
.krbb.if { padding: 0; height: auto;} 
.krbi { width: 100%; }
.krbi:last-child { border-bottom: 0; }

.kvitravn-profil li { color: var(--kvitravn-col8); }