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

.diplo {
background:url(/images/darksw.png); 
	width:500px; 
	height:450px; 
	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-family: 'Helvetica';
  font-size: 11px; 
  padding: 10px;
  color: #4a4a4a;
  border: solid 1px #1c1c1c;
  background-color: #1c1c1c;
  padding: 10px;
margin-top:5px;
width:350px;
text-align:justify;
}

.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:500px; overflow:auto; padding:20px;}

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

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

#gesuchsprofilbox
{width:170px; float:left; height:250px; overflow:auto; background:#212222; padding:9px; margin-left:2px; margin-top:2px;  border: solid 1px #1c1c1c; color:#a8a8a8;}

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

#numb {
font-family: Merriwether sans, sans-serif;
font-size: 12px !important;
color: #33606e;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-top:10px;
	z-index:100;
}

#numbb {
font-family: Merriwether sans, sans-serif;
font-size: 46px !important;
color: #161616;
float:right;
	letter-spacing:-2px;
	margin-top:-44px;
	opacity: 0.4;
		z-index:0;
}

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

}

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

.tabordion section {
  display: block;
}

.tabordion section label {
  background: #1c1c1c;
  border:1px solid #212222;
  cursor: pointer;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  padding: 15px 20px;
  position: relative;
  width: 100px;
  z-index:100;
}

.tabordion section article {
  display: none;
  left: 130px;
  width: 600px;
  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 {
    font-size: 1em;
    width: 160px;
  }  

 .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;
}

.testimonial-quote blockquote {
    /* Negate theme styles */
    border: 0;
    margin: 0;
    padding: 0;

    background: none;
    color: #4f4f4f;
    font-family: Georgia, serif;
    font-size: 13px;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;

    z-index: 600;
}

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

.testimonial-quote blockquote p {
    color: #75808a; 
    line-height: 1.4 !important;
}

.testimonial-quote blockquote p:first-child:before {
    content: '\201C';
    color: #81bedb;
    font-size: 5.5em;
    font-weight: 700;
    opacity: .3;
    position: absolute;
    top: -.4em;
    left: -.2em;    
    text-shadow: none;
    z-index: -300;
}