.kleinertext {
 
	font-size:10px; 
	height:70px; 
	overflow:auto;
}

.diplo {
background:url(/images/warbg.png); 
	width:500px; 
	height:420px; 
	overflow:auto; 
	margin:auto;
padding:20px;
}

.diplo2 {
width:450px; height:80px; overflow:auto; background:#eeeeee; padding:10px;  border: solid 1px #fff; margin:auto; opacity:0.9;
}

.charaname {
height:70px; 
border-left: 5px solid #fff;
line-height:30px; 
width:60px; 
font-family:Merriweather sans; 
margin-left:90px; 
padding-left:10px; 
padding-top:20px; 
font-size:30px; 
color:#fff;
 text-transform:uppercase; 
position:absolute;
 text-shadow: 1px 1px 2px black; 
font-weight:bold;
}

.spielername {
border-bottom: 5px solid #fff; font-family:Merriweather sans; margin-left:90px; font-size:24px; color:#fff; width:135px; padding-left:10px; text-shadow: 1px 1px 2px black; text-transform:uppercase;
}

.textselec1 {
  font-size: 11px; 
  padding: 10px;
  padding: 10px;
margin-top:5px;
width:350px;
text-align:justify;
	border-top: 12px solid #1c3347; 
	border-bottom:8px solid #1c3347;
}

.profilunten {
width:350px;
height:159px;
padding:10px;
  border: solid 1px #1c1c1c;
}

.viereck {
width:50px; 
height:50px;
background:#4a4a4a;
outline: 1px #4a4a4a;
outline-offset:3px;
outline-style:solid;
margin:auto;
margin-top:10px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

transform: rotate(30deg);
}

.steckiprofil {
height:680px; overflow:auto; padding:20px; margin:auto;
}

#gesuchfix {
	margin-top: 0px;
	-webkit-transition: 2s;
	transition: 2s;
}

#gesuchhover:hover  #gesuchfix {
 margin-top: -220px;
}

#gesuchsprofilbox {
width:180px; float:left; height:250px; overflow:auto; background:var(--white); padding:9px; margin-left:2px; margin-top:2px;  border: solid 1px var(--gray); color:#161616;
}

.gesuchkasten {
overflow:hidden;
margin-top: 100px;
height: 350px;
position: absolute;
}

.tabordion {
  color: #333;
  display: block;
  font-family: Merriwether sans, sans-serif;
  position: relative;
}

.tabordion input[name="sections"] {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.tabordion section {
  display: block;
}

.tabordion section label {
  cursor: pointer;
  z-index:100;
}

.tabordion section article {
  display: none;

  padding: 0 0 0 21px;
  position: absolute;  
  top: 0;
}

.tabordion input[name="sections"]:checked + label {
 
  background: #1c1c1c;
  color: #bbb;
}

.tabordion input[name="sections"]:checked ~ article {
  display: block;
}

@media (max-width: 533px) {
  
  h4 {
    width: 100%;
}

.tabordion {
    width: 100%;
}

.tabordion section label {
}

.tabordion section article {
    left: 200px;
}

.tabordion section article:after {
    background-color: #ccc;
    bottom: 0;
    content: "";
    display: block;
    left:-199px;
    position: absolute;
    top: 0;
    width: 200px;
}


}

@media (max-width: 768px) {
  h4 {
    width: 96%;
}

.tabordion {
    width: 96%;
}


}

@media (min-width: 1366px) {
  h4 {
    width: 70%;
}

.tabordion {
    width: 70%;
}


}

.testimonial-quote {
    font-size: 16px;
	margin-left:20px;
}

.testimonial-quote blockquote {
    /* Negate theme styles */
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    color: var(--gold);
    font-size: 15px;
	font-family: 'Didact Gothic', sans-serif;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;

    z-index: 600;
}

.testimonial-quote blockquote * {
    box-sizing: border-box;
}

.testimonial-quote blockquote p {
    color: var(--gold); 
	font-family: 'Didact Gothic', sans-serif;
    line-height: 1.4 !important;
}

.testimonial-quote blockquote p:first-child:before {
    content: '\201C';
	font-family: 'Didact Gothic', sans-serif;
    color: var(--gold);
    font-size: 70px;
    font-weight: 700;
    opacity: .6;
    position: absolute;
    top: -.4em;
    left: -.2em;    
    text-shadow: none;
    z-index: -300;
}