.h1, .h2, .h3, .h4, h1, h2, h3, h4 {
margin: unset;
font-size: unset;
line-height: unset;
}

html, body {
max-width: 100%;
overflow-x: hidden;
}

body {
font-family: 'Roboto', sans-serif !important;
color:rgba(0,0,0,0.65);
line-height:1.6em;
font-weight: 400;
font-size:18px;
background: rgb(255,255,255);
font-display: swap;
}


.small, small {
    line-height: 1.6em;
}

p {
margin:0 0 1.7em 0;
}

ol, ul {
margin:0 0 1.7em 0;
}

b, strong {
font-weight: 700;
}

hr {
border:none;
border-top:1px solid #ccc;
color:#FFF;
background-color:#FFF;
height:1px;
}

h1 {
font-family:"PT Sans Narrow", sans-serif;
font-size:3em;
line-height:1.1em;
font-weight:700;
color:rgba(0,0,0,0.4);
margin-top:0.8em;
margin-bottom:0.8em;
hyphens: auto;
font-display: swap;
}

.super h1{

margin-top:17vw;
margin-bottom:0.2em;
color:#fff;
}
.superresult h1{

margin-top:22vw;
margin-bottom:0.2em;
color:#fff;
}

h2{
font-family:"PT Sans Narrow", sans-serif;
font-size:1.7em;
line-height:1.2em;
font-weight:700;
color:rgba(0,0,0,0.4);
margin:1.3em 0 1.3em 0;
font-display: swap;
}

h3{
color:rgba(0,0,0,0.87);
font-size:1.0em;
font-weight:700;
margin:1.5em 0 1.5em 0;
}

h4 {
font-size: 1.0em;
line-height:1.6em;
font-weight:700;
text-decoration:none;
color:rgba(0,0,0,0.87);
}


.h2{
font-family:"PT Sans Narrow", sans-serif;
font-size:1.7em;
line-height:1.2em;
font-weight:700;
color:rgba(255,255,255,1.8);
margin:1.3em 0 1.3em 0;
font-display: swap;
}

a{
color:#36879A;
text-decoration:none;

}


a:active {
color:#287384;
text-decoration:none;
}

a:visited {

text-decoration:none;
}

a.ln:visited {
color: #BDB76B;

}

a:hover {
color:#287384;
text-decoration:none;

}

a.ln:hover {
color:#287384;

}

.prg{
  color:#36879A;
  text-decoration:none;
  cursor:pointer;
}

.prg:hover {
  color:#287384;
  text-decoration:none;

}

.diagonalhome {
  background:#fff;

  transform: rotate(-2deg);

  height: 200px;
  width: 101%;

  margin-top: -60px;
  margin-bottom:-200px;


}


.cont {
background:url(/images/sprite-pf.png) no-repeat
}

.sprite-email {
background-position:0 0;
width:42px;
height:42px
}

.sprite-facebook {
background-position:0 -92px;
width:42px;
height:42px
}

.sprite-googleplus {
background-position:0 -184px;
width:42px;
height:42px
}

.sprite-impressum {
background-position:0 -276px;
width:42px;
height:42px
}

.sprite-twitter {
background-position:0 -368px;
width:21px;
height:21px
}

.sprite-youtube {
background-position:0 -460px;
width:42px;
height:42px
}


.breadcrumb {
background:rgba(255,255,255,0);
padding:0px;
display:block;
margin-bottom:0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.breadcrumb li {
font-size:1em;
}





.breadcrumb>.active {
color:rgba(153,153,153,1)
}

.breadcrumb>li+li:before {
color:rgba(204,204,204,1);
content:"\002F\00a0"
}

.loginleiste {
font-size:13px;
color:#ccc;
height:27px;
background-position:center top;
background-color:#000;
padding-top:5px;
z-index:1;
position:relative
}

.loginleiste a {
color:#ccc
}

.loginleiste a:hover {
color:#fff
}

.loginleiste a:active {
color:#c1bb6b
}






ul.bullets
{


    list-style-type: none;
    color:#2E6DA4;
    margin:0px;
	padding-left: 0px;
	font-weight:400;
	font-size:1em;
	margin-top:10px;
	margin-bottom:20px;
}

ul.bullets li
{
  padding: 0 0 10px 40px;
  display: block;
  position: relative;

}
ul.bullets li:before
{

  content: "\e062";
  position: absolute;
  left: 15px;
  font-display: swap;
}
ul.bullets li:hover
{
  color:#c00;
}


ul.bullets_sp
{
    list-style-type: none;


    color:#2E6DA4;
    margin:0px;
	padding-left: 0px;
	font-weight:400;
	font-size:1em;
}

ul.bullets_sp li
{
  padding: 0 0 10px 40px;
  display: block;
  position: relative;

}
ul.bullets_sp li:before
{


  content: "\e041";
  position: absolute;
  left: 15px;
  font-display: swap;
}
ul.bullets_sp li:hover
{
  color:#c00;
}


.transborder{
border: 1px solid rgba(255, 255, 255, .5);
}

.bubblechat{

  padding:15px 20px;
background:rgba(0, 0, 0, .06);
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
margin-bottom:15px;

  position:relative;
}

.bubblechat:after {
 content:"";
 position:absolute;
 top:20px;
 left:-15px;
 border-width:0px 15px 10px 0px;
 border-style:solid;
 border-color:transparent rgba(0, 0, 0, .06);

 display:block;
}

.bubblechatl{

padding:15px 20px;
background:rgba(0, 0, 0, .06);
border-radius:4px;
margin-bottom:25px;
display:inline-block;
margin-right: 15%;
position:relative;
}

.bubblechatr{

padding:15px 20px;
background:rgba(61,101,117, .25);
border-radius:4px;
margin-bottom:10px;
display:inline-block;
float:right;
margin-left: 15%;
clear: both;
  position:relative;
}

.bubblechatr:after {
  content:"";
  position:absolute;
  bottom:15px;
  right:-15px;
  border-width:0px 0px 10px 15px;
  border-style:solid;
  border-color:transparent rgba(61,101,117, .25);

  display:block;
 }

 .bubblechatl:after {
  content:"";
  position:absolute;
  bottom:15px;
  left:-15px;
  border-width:0px 15px 10px 0px;
  border-style:solid;
  border-color:transparent rgba(0, 0, 0, .06);

  display:block;
 }


.bubble {
  position:relative;
  padding:20px;

  margin:0;
  background:rgba(255, 255, 255, 1.0);
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
  box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
}


.bubble + p {margin:15px 0 2em 85px; font-style:italic;}


.bubble:after {
  content:"";
  position:absolute;
  bottom:-15px;
  left:50px;
  border-width:0 20px 15px 0px;
  border-style:solid;
  border-color:transparent rgba(255, 255, 255, 1.0);

  display:block;
  width:0;
}


.bubblefooter {
  position:relative;
  padding:20px;
  font-size: 16px;
  line-height: 1.6em;
  margin:0;
  background:rgba(0, 0, 0, 0.1);
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
  box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
}


.bubblefooter + p {margin:15px 0 2em 85px; font-style:italic;}


.bubblefooter:after {
  content:"";
  position:absolute;
  bottom:-15px;
  left:50px;
  border-width:0 20px 15px 0px;
  border-style:solid;
  border-color:transparent rgba(0, 0, 0, 0.03);

  display:block;
  width:0;
}

.bubbletop {
  position:relative;
  padding:15px 20px;
  margin:0;

  background:rgba(0, 102, 153, .15);

  border-radius:10px;
}


.bubbletop:after {
  content:"";
  position:absolute;
  top:-30px;
  left:50px;
  border-width:30px 20px 0px 0px;
  border-style:solid;
  border-color:transparent rgba(0, 102, 153, 0.15);

  display:block;
  width:0;
}





.seitenbubble {


  background: linear-gradient(-180deg,  rgba(176,161,124,1) 0%, rgba(198,183,146,1) 100%);
  padding: 25px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;

  text-align: center;

  margin-bottom:40px;


  position:relative;

  -webkit-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.4);
  box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.4);



}


._seitenbubble:after {
  content:"";
  position:absolute;
  bottom:-15px;
  left:50px;
  border-width:0 20px 15px 0px;
  border-style:solid;
  border-color:transparent rgba(198,183,146, 1);

  display:block;
  width:0;
}


.insta {
  margin-bottom:15px;
  border-radius:4px;
  padding:0px;
  box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.4);
}

.footer {
color: rgba(255, 255, 255, 1);
font-size: x-small;
line-height:1.6em;
background-position:center top;
padding-top:5em;
padding-bottom:5em;
background: linear-gradient(-180deg,  #b0a17c 0%,#9f926d 100%);

}

.videobalken {
color:#fff;

background:rgba(0,0,0,0.7);

}

.weitereartikel {
position:relative;
padding-bottom:2.5vw;
background:rgba(0,0,0,0.07)
}

.promo {
font-size:16px;
color:#fff;

background:rgba(0,0,0,1.0);
position:relative;
display:block
}

.greystripe {
background:rgba(0,0,0,0.08);
}

.greystripelight {
background:rgba(0,0,0,0.04);
}

.greystripe-dark {

  background: linear-gradient(0deg,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.6) 100%);

}

.whitestripe {
background:rgba(255,255,255,1.0);

}

.cb2 {

background:rgba(255,255,255,1.0);
	padding-top:10px;

position:relative;
display:block;
-webkit-box-shadow: 0px 7px 23px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 23px 10px rgba(0,0,0,0.2);
box-shadow: 0px 7px 23px 10px rgba(0,0,0,0.2);

}

.cb3 {
	padding-top:30px;
  border-top:1px solid #ccc;

background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 31%, rgba(255,255,255,0.9) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 31%,rgba(255,255,255,0.9) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 31%,rgba(255,255,255,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );


}

.mosaicbg {



background: -moz-linear-gradient(-45deg,  rgba(234,234,234,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%); /
background: linear-gradient(135deg,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#00ffffff',GradientType=1 );

}

.promohl {
font-size:1.6em;
line-height:1.4em;
font-weight:300;
text-decoration:none;
margin:1.3em 0;
}

.promobutton {
display:inline;
margin-right:10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:5px;
background-color:#ccc
}

.history {
font-size:12px;
color:#ccc;
background-position:center top;
padding-top:0;
background-image:url(/images/history-bg.png);
background-repeat:repeat-y;
background-color:#333;
clear:both;
position:relative;
display:inline-block;
z-index:22
}

.historyhl {
font-size:21px;
font-style:normal;
margin-bottom:20px;
margin-top:20px;
display:block;
color:#ccc;
font-weight:300
}

.historytext {
font-size:12px;
color:#ccc
}

.historytext a {
color:#ccc
}

.historytext a:hover {
color:#fff
}

.historytext a:active {
color:#c1bb6b
}

.log {
font-size:14px;
height:25px;
padding-top:7px;
color:#999
}

.log a {
color:#999
}

.log a:hover {
color:#C00;
text-decoration:none
}

.log a:active {
color:red;
text-decoration:none
}


.schwerpunktliste {
font-size:15px;
display:inline-block;
margin:0 35px 7px 0;
padding:0;
width:288px;
color:#360
}




.kasten-network {
float:left;
height:164px;
clear:none;
overflow:hidden;
width:120px;
margin-right:44px;
background-image:url(/images/network.jpg);
background-repeat:no-repeat
}

.kasten-orden {
float:left;
height:140px;
clear:none;
overflow:hidden;
width:120px;
margin-right:44px;
margin-top:22px;
background-repeat:no-repeat
}

.kasten2frame {
float:left;
height:125px;
clear:none;
overflow:hidden;
width:80px;
margin-right:19px;
border:1px solid #eee;
text-align:center;
vertical-align:middle;
margin-top:19px
}

.emblem {
padding-left:5px
}

.orden {
width:328px;
overflow:hidden;
display:block;
float:left
}

.headform1 {
clear:left;
float:left;
margin-right:20px;
font-size:14px;
overflow:hidden
}

.headform {
clear:right;
float:right;
font-size:14px;
color:#FFF;
margin-top:5px;
margin-right:20px;
overflow:hidden
}

.kontakt {
clear:right;
overflow:hidden;
width:284px;
margin-right:0;
margin-left:40px;
margin-top:8px;
float:right
}

.kontaktbuttons {
height:30px;
font-size:14px;
width:150px
}

.kontaktbuttons a:link,.kontaktbuttons a:visited {
background:#F5F5F5;
height:30px;
font-size:14px;
padding:2px 13px;
border:1px solid #eee;
text-decoration:none;
color:#41819d
}

.kontaktbuttons a:link.active,.kontaktbuttons a:visited.active {
border:1px solid #eee;
color:#999;
background-color:#fff
}

.kontaktbuttons a:hover {
background:#fff;
border:1px solid #eee;
color:#c00
}



.teaserpic120 {
height:120px;
height:120px;
float:left;
margin-right:44px;
margin-bottom:20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
display:block;
position:relative
}

.trainerteaserbox {
display:inline-block;
position:relative;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#eee;
padding-top:20px;
padding-bottom:30px;
margin-bottom:25px
}

.trainerteasertext {
display:block;
position:relative;
margin-left:164px
}

.teaserpic284 {
height:284px;
height:284px;
float:left;
-moz-border-radius:142px;
-webkit-border-radius:142px;
border-radius:142px;
display:block;
position:relative
}

.querteaserbox284 {
display:inline-block;
position:relative;
padding-top:20px;
margin-bottom:44px
}

.querteasertext284 {
display:block;
position:relative;
margin-left:328px;
line-height:1.5em;
font-weight:300;
font-size:18px
}

#tabnav {
margin-left:66px;
top:67px;
padding:0;
clear:both;
display:block;
position:absolute;
width:510px
}

#tabnav a {
display:block;
cursor:pointer;
padding-top:7px;
text-decoration:none;
color:#ccc
}

#tabnav a:hover {
text-decoration:none;
color:#fff
}

#tabnav a:hover #navindicator {
background-color:#aca863;
opacity:.7;
filter:alpha(opacity=70)
}

#tabnav a:link.active,#tabnav a:visited.active {
color:#fff
}

#tabnav a:link.active #navindicator,#tabnav a:visited.active #navindicator {
background-color:#aca863;
opacity:1
}

#tabnav a:hover.active {
}

#tabnav span {
font-family: 'PT Sans Narrow', sans-serif;

float:left;
clear:none;
overflow:hidden;
margin-right:20px;
font-size:15px;
font-weight:400;
font-style:normal;
text-align:left;
line-height:18px;
white-space:nowrap;
font-display: swap;
}

#navindicator {
width:100%;
height:2px;
clear:both;
display:block;
margin-top:4px
}

#footerlinks a:link,#footerlinks a:visited {
color: rgba(255, 255, 255, 0.7);
}

#footerlinks a:hover,#footerlinks a:active {
color: rgba(255, 255, 255, 1.0);
}

.homelist {
font-size:14px;
width:284px;
overflow:hidden
}



.von {
font-size:14px;
margin-top:5px;
color:#999;
margin-bottom:20px;
clear:both
}

.extralink {
padding-bottom:1px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#eee
}

.link {
color:#41819d;
display:inline
}

.k1 {
margin-bottom:15px;
margin-top:5px;
position:relative
}

.k2 {
font-size:14px;
margin-bottom:15px
}

.tt {
font-size:14px;
width:284px;
margin-right:44px;
padding-bottom:30px;
float:left
}

.review {
clear:both;
display:block;
margin-bottom:34px;
border-left-width:0;
border-left-style:solid;
border-left-color:#ccc;
padding-left:0
}

.reviewtext {
padding-top:0;
font-size:18px;
line-height:1.5em;
display:table;
position:relative;
top:-6px
}

.teaserbreit {
padding-top:0;
font-size:16px;
line-height:1.5em;
display:table;
position:relative;
top:-6px
}

.kastentext {
padding-top:5px;
font-size:14px;
font-weight:300;
font-style:normal;
text-align:left;
line-height:14px;
width:120px;
z-index:auto;
position:absolute;
overflow:visible
}

.kastentext1 {
padding-top:5px;
font-size:16px;
font-style:normal;
text-align:left;
width:284px;
z-index:auto;
position:absolute;
overflow:visible;
text-decoration:none;
clear:both;
display:block
}



.modul {
font-size:14px;
padding:13px;
width:auto;
margin-bottom:20px;
background-color:#F8F8F1;
overflow:hidden
}

.modulhead {
height:13px;
background:#EED;
font-size:14px;
font-weight:700;
text-decoration:none;
color:#666;
border:1px solid #eee;
padding:3px 13px
}



.trenner3 {
width:auto;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#eee;
font-family:Geneva,Arial,Helvetica,sans-serif;

font-size:14px;
padding-bottom:3px;
color:#999;
margin-top:25px;
margin-bottom:3px;
clear:both;
font-weight:700;
font-display: swap;
}

.extralinkkasten {
padding-bottom:1px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#DBDBDB;
margin-bottom:12px;
font-size:14px;
width:auto;
margin-left:80px;
margin-right:60px
}

.pic70 {
float:left;
margin-right:10px;
margin-top:3px;
padding-bottom:7px
}

#txt10 {
font-size:14px;
overflow:hidden;
clear:right;
width:290px;
cursor:hand
}

.thema-rechts {
float:left;
margin-right:10px
}

.lay {
z-index:1;
position:absolute;
top:274px;
background-color:#EED;
width:185px;
padding-top:5px;
left:668px;
height:46px;
filter:Alpha(Opacity=50%);
opacity:.5
}

.weitere {
font-size:14px;
color:#999
}

.bildumflossen {
position:relative;
float:left;
margin:0 20px 15px 0
}

.kastenbild {
height:120px;
height:120px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-webkit-transition:100ms linear 0;
-moz-transition:100ms linear 0;
-o-transition:100ms linear 0;
transition:100ms linear 0;
opacity:1;
filter:alpha(opacity=100)
}

.kastenbild:active {
top:1px;
position:relative
}

.kastenbild:hover {
-webkit-transition:100ms linear 0;
-moz-transition:100ms linear 0;
-o-transition:100ms linear 0;
transition:100ms linear 0;
opacity:.8;
filter:alpha(opacity=80)
}

.kastenbildhistory {
height:60px;
height:60px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-transition:100ms linear 0;
-moz-transition:100ms linear 0;
-o-transition:100ms linear 0;
transition:100ms linear 0;
opacity:1;
filter:alpha(opacity=100)
}

.kastenbildhistory:active {
top:1px;
position:relative
}

.kastenbildhistory:hover {
-webkit-transition:100ms linear 0;
-moz-transition:100ms linear 0;
-o-transition:100ms linear 0;
transition:100ms linear 0;
opacity:.8;
filter:alpha(opacity=80)
}

.kastenbildbig {
display:block;
margin-bottom:19px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-webkit-transition:100ms linear 0;
-moz-transition:100ms linear 0;
-o-transition:100ms linear 0;
transition:100ms linear 0;
opacity:1;
filter:alpha(opacity=100)
}

.kastenbildbig:active {
top:1px;
position:relative
}

.kastenbildbig:hover {
-webkit-transition:100ms linear 0;
-moz-transition:100ms linear 0;
-o-transition:100ms linear 0;
transition:100ms linear 0;
opacity:.8;
filter:alpha(opacity=80)
}

.profilbild {
display:block;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
clear:none;
float:left;
margin-right:44px;
width:284px;
height:284px
}

.profilbild2 {
display:block;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
width:284px;
height:284px;
margin-bottom:44px
}

.profilbild2:active {
top:1px;
position:relative
}

.profilbild2:hover {
-webkit-transition:100ms linear 0;
-moz-transition:100ms linear 0;
-o-transition:100ms linear 0;
-webkit-box-shadow:0 0 15px 5px rgba(255,255,255,.75);
-moz-box-shadow:0 0 15px 5px rgba(255,255,255,.75);
box-shadow:0 0 15px 5px rgba(255,255,255,.75)
}








.bmcbox {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-top:20px;
margin-bottom:35px
}

.dropdown {
color:#039;
clear:none;
float:left;
margin-right:10px
}

.left-nobreakresult {
width:989px;
overflow:visible;
margin:0;
clear:both
}

.artikel-nobreak {
width:989px;
overflow:hidden
}

.trennersuchmaske {
clear:both;
width:auto;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#eee;
font-size:14px;
text-decoration:none;
padding-bottom:3px
}

.nummer-small {
position:absolute;
z-index:7;
height:20px;
width:20px;
clear:none;
float:none;
margin-top:95px;
margin-left:5px
}

.nummer-big {
position:absolute;
z-index:5;
height:20px;
width:20px;
clear:none;
float:none;
margin-top:259px;
margin-left:5px
}


.form1 {
font-size:14px;
color:#06C;
text-align:left
}

.form2 {
font-size:14px;
float:left;
clear:none;
height:23px;
margin-top:10px;
margin-right:22px
}

.form3 {
font-size:14px;
color:#06C;
text-align:left;
clear:right;
border:1px solid #999;
height:22px
}

.form4 {
font-size:14px;
color:#06C;
border:1px solid #FFF;
height:22px
}

.vonbild {
float:left;
margin-right:1px;
padding-bottom:35px
}

.ttbild {
float:left;
margin-right:44px;
padding-bottom:35px
}

.suche-1 {
float:left;
width:448px;
height:120px;
clear:none;
overflow:hidden;
margin-right:44px;
margin-bottom:44px;
background:#41819d;
background-image:url(/images/suchmaskehome_bg.png);
background-repeat:repeat-x;
background-position:top;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px
}

.suche-region {
float:right;
width:498px;
height:448px;
clear:right;
overflow:hidden;
margin-left:0;
margin-bottom:44px;
background:#41819d;
background-image:url(/images/suchmaske_bg.png);
background-repeat:repeat-x;
background-position:top
}

.suche-index {
float:right;
width:498px;
height:284px;
clear:right;
overflow:hidden;
margin-left:0;
margin-bottom:44px;
background:#41819d;
background-image:url(/images/suchmaske_bg.png);
background-repeat:repeat-x;
background-position:top
}

.suchfeld {
background-color:#FFF;
border:0;
border-radius:5px;
box-sizing:border-box;
color:#000;
display:block;
font-size:16px;
opacity:.8;
padding:15px 43px 15px 12px;
width:100%
}

.suchrahmen {
background-color:#ccc;
border:0;
border-radius:10px;
display:block;
padding:5px;
width:100%
}

#lupe {
background:url(/_modules/eingabe/images/search2.png) 0 0 no-repeat transparent;
border:0;
cursor:pointer;
height:32px;
opacity:.9;
position:absolute;
right:10px;
top:10px;
width:32px
}

.mapregionpur {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
display:block;
float:right;
width:448px;
height:284px;
clear:right;
overflow:hidden;
margin-left:0;
margin-bottom:44px;
background-color:#CCC;
padding:0;
margin-right:49px
}

.mapregion {
width:418px;
height:315px;
overflow:hidden;
margin:12px 15px 15px
}

.mapregion-2 {
width:418px;
height:340px;
overflow:hidden;
margin:12px 15px 15px
}

.mapregion-3 {
width:418px;
height:175px;
overflow:hidden;
margin:12px 15px 15px
}

.quote {
float:left;
margin-top:5px;
margin-right:12px
}

.suche-2 {
font-size:14px;
color:#FFF;
overflow:hidden;
margin:15px
}

.suche-3 {
clear:none;
float:left;
height:20px;
overflow:hidden;
padding:0;
margin:5px 20px 0 0
}

.schwerpunktbild {
height:120px;
width:284x;
clear:none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
display:block;
float:left;
margin-right:44px;
margin-bottom:40px;
margin-top:7px
}

.artikel2 {
float:left;
clear:none;
overflow:hidden;
width:284px;
margin-right:44px;
display:inline;
min-height:200px
}

.hinweis {
width:100%;
clear:both;
margin-bottom:22px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
display:block;
color:#FFF;
font-size:16px;
font-style:normal;
background:#666
}
.trennerartikel {
width:auto;
border-top-width:1px;
border-top-style:solid;
border-top-color:#eee;
margin-top:10px;
padding-top:5px;
margin-bottom:10px;
clear:both;
height:43px;
}

.commentbox {
background-color:#f5f5f5;
padding:20px;
margin-top:40px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px
}

.townpic {
height:120px;
width:284px;
clear:both;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
display:block;
float:left;
margin-right:44px;
margin-bottom:40px;
margin-top:6px
}

.pic {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin-bottom:15px;
margin-top:0
}

.tippbild {
height:120px;
width:284px;
clear:both;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
display:block;
-webkit-transition:100ms linear 0;
-moz-transition:100ms linear 0;
-o-transition:100ms linear 0;
transition:100ms linear 0;
opacity:1;
filter:alpha(opacity=100)
}

.tippbild:active {
top:1px;
position:relative
}

.tippbild:hover {
-webkit-transition:100ms linear 0;
-moz-transition:100ms linear 0;
-o-transition:100ms linear 0;
transition:100ms linear 0;
opacity:.8;
filter:alpha(opacity=80)
}

.buttonhome {
color:#fff;
margin-top:20px;
margin-bottom:20px;
font-size:18px;
width:380px;
clear:both;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
display:block;
border-style:solid;
border-width:1px;
border-color:#fff;
-webkit-transition:100ms linear 0;
-moz-transition:100ms linear 0;
-o-transition:100ms linear 0;
transition:100ms linear 0;
opacity:.7;
filter:alpha(opacity=70)
}

.buttonhome:active {
top:1px;
position:relative
}

.buttonhome:hover {
-webkit-transition:100ms linear 0;
-moz-transition:100ms linear 0;
-o-transition:100ms linear 0;
transition:100ms linear 0;
opacity:1;
filter:alpha(opacity=100)
}

.rubrikheader {
width:852px;
clear:both;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
display:block;
margin-bottom:44px;
padding:44px
}

.rubriktext {
width:524px;
clear:both;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
display:block;
position:relative;
padding:22px;
background-color:#fff;
background:rgba(255,255,255,0.85);
font-size:18px
}


.hometext {
font-size:18px;

padding:15px;

}




.milkbg {

background: rgb(0,0,0);
background: linear-gradient(20deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);

color:#ffffff;
font-weight:400;
padding-top:7px;
padding-bottom:30px;
padding-left:40px;
padding-right:40px;
margin-top:40px;
margin-bottom:40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
color:#fff;
}



.milkbg h2 {
  color:#fff;
}

.milkbg h1 {
  color:#fff;
}

.milkbg a:hover {
color:#fff;

}

.milkbg a:active {
color:#cc0000;

}



.verlauf {

background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );

}

.verlauf_schwarz {

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.75) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(10%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.75) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.75) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.75) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 );
}



.wetter {
clear:both;
font-size:12px;
margin-left:20px;
padding:0px;
float:right;
text-align:center;
width:90px;
height: 90px;
overflow:hidden;
background:rgba(255,255,255,0.70);
-moz-border-radius:45px;
-webkit-border-radius:45px;
border-radius:45px;
}

.regionstrainer {
padding-top:0px;
position:relative;
padding-bottom:40px;
background:rgba(0,0,0,0.1)
}

.tippheadline {
padding-top:20px;
padding-bottom:15px;
margin:0;
font-size:16px;
font-weight:300;
font-style:normal;
text-align:left;
width:284px;
z-index:auto;
overflow:visible;
display:block
}

.tippautor {
font-size:15px;
color:#A6A5A7;
width:284px;
clear:both;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#eee;
display:block;
margin:0 0 10px;
padding:0 0 4px
}

.tippteaser {
padding-top:0;
padding-bottom:60px;
font-size:16px;
font-style:normal;
text-align:left;
width:284px;
z-index:auto;
overflow:visible;
clear:both;
display:block;
text-decoration:none
}

.bewertungscontainer {
font-size:18px;
font-style:normal;
text-align:left;
clear:both;
display:inline-block;
text-decoration:none;
background-color:#F7F7F7;
padding:40px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin-bottom:60px
}

.artikel3 {
float:left;
clear:none;
overflow:hidden;
width:284px;
height:120px;
margin-right:44px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#eee;
display:inline
}

.liste3 {
float:left;
height:20px;
clear:none;
overflow:hidden;
width:284px;
margin-right:44px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#eee;
font-size:14px;
font-weight:700;
font-style:normal;
text-align:left;
white-space:nowrap;
padding-top:10px;
padding-bottom:5px;
list-style-position:outside
}



.splistekopf {
margin-bottom:57px
}



#titelliste {
list-style:none;
margin:0;
padding:0;
clear:both
}

#titelliste span {
display:inline-block;
width:100%;
height:100%;
background-image:url(/images/bullets.png);
background-repeat:no-repeat;
background-position:0 -539px;
color:#690;
padding:10px 0 10px 22px
}

#titelliste li {
clear:both;
overflow:hidden;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#aacc6f;
line-height:16px;
font-size:16px;
font-weight:300;
font-style:normal;
text-align:left
}

.titellistekopf {
border-top-width:3px;
border-top-style:solid;
border-top-color:#85b72f;
margin-bottom:57px
}

.vonbild2 {
float:left;
margin-right:1px;
padding-bottom:10px
}

.ttbild2 {
float:none;
padding-bottom:0
}

.artikelbild {
margin-bottom:30px;
width:612px;
height:284px;
display:block;
position:relative;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px
}

.artikelbildtext {
bottom:0;
display:inline;
position:absolute
}

.artikelbildheadline {
clear:left;
background-color:#fff;
font-size:32px;
float:left;
font-weight:700;
opacity:.85;
filter:alpha(opacity=85);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin:0 15px 15px;
padding:7px 15px 10px
}

.artikelbildsubline {
clear:right;
background-color:#F30;
font-size:18px;
float:left;
font-weight:700;
color:#FFF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
left:5px;
z-index:52;
margin:10px 10px 0 0;
padding:5px 10px
}

.searchheadline {
font-size:32px;
font-weight:700
}

.trainerheadline {
clear:left;
background-color:#fff;
font-size:32px;
float:left;
font-weight:700;
opacity:.85;
filter:alpha(opacity=85);
position:relative;
left:-80px;
z-index:5;
margin:0 0 15px;
padding:7px 15px 10px
}

.kastenheadline {
font-size:14px;
position:relative;
top:-38px;
display:block
}

.kastentext2 {
padding-top:5px;
font-size:12px;
z-index:auto;
color:#999
}

.dachzeiledunkel {
font-size:16px;
z-index:auto;
color:#fff;
display:block;
top:-45px;
position:relative;
opacity:.75;
filter:alpha(opacity=75);
background-color:#000;
font-weight:400;
padding:7px;
height:32px;
overflow:hidden;
vertical-align:bottom
}

.kastentext3 {
padding-top:8px;
font-size:14px;
z-index:auto;
color:#999
}

.titelbox {
margin-top:35px;
margin-bottom:15px
}

.titelbox2 {
width:656px;
display:block;
position:relative;
clear:both
}

.ansprache {
margin-bottom:22px;
display:block;
position:relative;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding:42px;
clear:both;
background-color:#F1F1F1
}

.left1 {
padding:0;
width:940px;
margin:0;
overflow:hidden
}

.left1-nobreak {
width:612px;
overflow:hidden;
margin-bottom:15px;
float:left;
margin-right:44px;
font-size:18px;
font-style:normal;
text-align:left
}

.right1-nobreak {
width:284px;
overflow:hidden;
margin-bottom:15px;
float:left
}

.end {
clear:both
}

.impressumlink {
clear:both;
min-width:284px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#eee;
padding-top:10px;
margin-top:45px;
margin-bottom:10px;
font-size:14px;
font-style:normal;
text-align:left;
color:#A6A5A7;
display:inline-block
}

.impressum {
clear:both;
margin-top:10px;
margin-bottom:30px;
font-size:14px;
font-style:normal;
text-align:left;
color:#A6A5A7;
display:inline-block
}

.impressumpic {
clear:none;
display:inline-block;
margin-right:10px;
top:8px;
vertical-align:middle
}

.halbkasten {
float:left;
width:448px;
clear:none;
overflow:visible;
margin-right:44px;
margin-bottom:35px
}

.summary {
width:940px;
width:auto;
border-top-width:1px;
border-top-style:solid;
border-top-color:#eee;
margin-top:5px;
padding-top:32px;
padding-bottom:40px;
font-size:18px;
font-style:normal;
text-align:left;
clear:both
}

.skyline {
width:auto;
font-size:18px;
font-style:normal;
text-align:left;
clear:both;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center bottom;
overflow:hidden
}

.weiter {
display:inline;
font-weight:700
}

#teil2 {
height:0;
overflow:hidden
}

.googlead {
width:938px;
border:1px solid #DEDEDE;
clear:both;
margin-top:30px;
margin-bottom:25px;
padding-bottom:15px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
text-align:center
}

.anzeigeschriftzug {
background:#FFF;
top:-10px;
left:20px;
position:relative;
padding-left:10px;
padding-right:10px;
font-size:14px;
color:#CCC;
width:42px
}

.beschreibungresult {
float:right;
width:454px;
clear:right;
overflow:hidden;
margin-left:0;
margin-right:44px;
margin-bottom:44px
}

.beschreibunginnen {
width:448px;
height:120px;
font-size:14px;
color:#999;
background-color:#f5f5f5;
background-image:url(/bilder/info.gif);
background-repeat:repeat-y
}

.anzeigeresult {
float:right;
width:284px;
clear:right;
overflow:hidden;
margin-right:44px;
margin-bottom:44px;
left:-6px;
position:relative;
height:284px
}

.amazon {
width:290px;
clear:both;
overflow:hidden;
position:relative;
left:-6px;
height:233px;
font-size:14px;
color:#999
}

.facebook {
width:294px;
clear:both;
overflow:hidden;
position:relative;
left:-10px;
height:320px;
font-size:14px;
color:#999;
top:0
}


.facebookwall-big {
padding-top:0;

clear:none;
overflow:hidden;
float:none
}

.tabset_tabs {
margin:0;
padding:0;
list-style-type:none;
position:relative;
z-index:2;
white-space:nowrap
}

.tabset_tabs li {
margin:0;
padding:0;
display:inline
}

.tabset_tabs a {
color:#339!important;
background-color:#def!important;
border:1px solid #99c;
text-decoration:none;
padding:0 .6em;
border-left-width:0;
border-bottom:none
}

.tabset_tabs a:hover {
color:#00c!important;
background-color:#eff!important
}

.tabset_tabs a.active {
color:#000!important;
background-color:#fff!important;
border-color:#000;
border-left-width:1px;
cursor:default;
border-bottom:#fff;
padding-top:1px;
padding-bottom:1px
}

.tabset_tabs li.firstchild a {
border-left-width:1px
}

.tabset_content {
background-color:#fff;
position:relative;
z-index:1;
display:none;
padding-top:20px;
padding-bottom:20px
}

.tabset_label {
display:none
}

.tabset_content_active {
display:block
}

@media aural {
.tabset_content,.tabset_label {
display:block
}
}

.trenner {
width:100%;
border-top-width:1px;
border-top-style:solid;
border-top-color:#eee;
margin-top:10px;
margin-bottom:10px;
color:#999;
}



.space {
width:0;
clear:both;
height:20px;
display:block
}

.refine {
font-size:14px;
color:#41819d;
text-decoration:none;
font-weight:400;
padding:0;
border:1px solid #fff;
overflow:hidden;
width:418px;
margin:5px 0 0
}

.forms {
font-size:14px;
color:#41819d;
text-decoration:none;
font-weight:400;
padding:0;
border:1px solid #fff;
overflow:hidden;
float:left;
margin:5px 0 0
}

label,input,select,img {
display:block
}

form {
display:block;
margin:0;
padding:0
}

.mapbutton {
z-index:5;
top:-50px;
position:relative;
visibility:visible;
left:320px;
cursor:pointer
}

.profilmap {



.profilmap2 {
background:#cc0000;
height:120px;
width: 120px;
}

.profilmap3 {

border: 1px solid rgba(0, 0, 0, 0.1);
}

.maptext {
width:284px;
max-height:85px;
overflow:hidden;
font-size:14px;
color:#999
}

.marker1 {
width:300px;
font-size:14px;
color:#999;
height:60px
}

.headlinetest_grau {
font-size:22px;
color:#999
}

#slideshow {
position:relative;
height:284px
}

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8
}

#slideshow IMG.active {
z-index:10
}

#slideshow IMG.last-active {
z-index:9
}

.bmc {
background-color:#ccc;
width:612px;
height:284px;
display:block;
position:relative;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px
}

.counter {
color:#fff;
font-size:12px;
font-weight:300;
margin-left:17px;
line-height:14px;
display:inline-block;
top:0;
padding:12px;
position:relative;
text-align:center;
width:58px;
height:58px;
background-image:url(/images/goldbutton.png);
background-position:center top;
background-repeat:no-repeat;
z-index:15
}

.member {
margin-left:200px;
display:inline;
top:200px;
position:absolute;
z-index:15
}

.tuv {
position:absolute;
z-index:5;
height:80px;
width:80px;
clear:none;
float:none;
margin-top:-61px;
margin-left:216px
}

.tuv-home {
position:relative;
z-index:5;
height:120px;
width:120px;
clear:none;
margin: 15px;
float:right;
margin-right: 0px;
}

.tuv2 {
margin-left:20px;
display:inline;
top:27px;
position:relative;
z-index:15
}

.kontaktliste {
padding-top:10px;
padding-bottom:15px;
margin:0;
padding-left:0;
list-style-type:none;
color:#666
}

.kontaktliste li {
padding-left:25px;
background-image:url(/images/bullets.png);
background-repeat:no-repeat;
background-position:0 -344px
}

.hakenhome {
padding-top:10px;
padding-bottom:15px;
margin:0;
padding-left:0;
list-style-type:none;
color:#fff;
font-weight:700
}

.hakenhome li {
padding-left:25px;
background-image:url(/images/bullets.png);
background-repeat:no-repeat;
background-position:0 -144px
}

.plusliste {
padding-top:10px;
padding-bottom:15px;
margin:0;
padding-left:0;
list-style-type:none;
color:#666
}

.plusliste li {
padding-left:25px;
padding-top:5px;
padding-bottom:5px;
background-image:url(/bilder/starbg.png);
background-repeat:no-repeat;
background-position:0 11px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#ccc
}

.stars {
unicode-bidi:bidi-override;
display:inline-block;
position:relative;
margin:8px 3px 0 1px
}

.stars span {
display:inline-block;
width:17px;
font-size:16px;
color:#ccc773
}

.kalenderblatt {
float:left;
height:120px;
clear:none;
width:120px;
margin-right:44px;
background:#f1f1f1;

margin-bottom:44px;
text-align:center;
line-height:18px;
font-size:18px
}

.kalenderblatt #jahr {
background:#ccc;
font-size:18px;
text-align:center;
padding:4px;
color:#fff;
font-weight:700;

}

.kalenderblatt #tag {
font-size:28px;
font-weight:700;
text-align:center;
padding:6px;
margin-top:7px;
color:#666
}

.kalenderblatt #monat {
font-size:18px;
text-align:center;
color:#999
}


.tname{
white-space:nowrap;
margin-top:0px;
margin-bottom:15px;
padding-top:2px;
font-size: 13px;
font-weight: 400;
overflow:hidden;
position:relative;

width: 100%;
}




.tnametop{
white-space:nowrap;
margin-top:10px;
margin-bottom:10px;
overflow:hidden;

}




.super{
  margin-bottom:40px;
    }

    .superresult{
      margin-bottom:70px;
        }



    .se{
    margin-top:170px;
    margin-bottom:60px;
    }

    .setop {
        margin-top: 24vw;
        margin-bottom: 90px;
    }

    .setop2 {
        margin-top: 20vw;
        margin-bottom: 90px;
        color: #ffffff;
    }

    .setop2 h1{
        color: #ffffff;
    }

    .rubriken a{
        color: #ffffff;
    }

    .rubriken {
        color: #ffffff;
    }

    .darkoverlay {

    background: linear-gradient(17deg, rgba(0,0,0,0.90) 10%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0) 72%);

    }


		.bgfixed{
		background-position:50% 40%;
		background-size:cover;
		background-attachment:scroll;
		margin-bottom:0px;
		height:35vw;
		}

@media (max-width: 767px ) {

	.bgfixed{
	height:55vw;
		background-position:70% 40%;
	}

  .buttonleiste{

  text-align: center;

  }
  .darkoverlay{

  background: linear-gradient(0deg, rgba(0,0,0,0.9) 4%, rgba(0,0,0,0.1) 55%,rgba(0,0,0,0) 66%);

  }

  .se{
  margin-top:140px;
  margin-bottom:22px;
  }

  .setop {
      margin-top: 58vw;
      margin-bottom: 80px;
  }


  .setop2 {
      margin-top: 50vw;
      margin-bottom: 130px;
  }


  .super{
    margin-bottom:25px;
      }

      .superresult{
        margin-bottom:70px;
          }

  .super h1{
		font-size:2em;
  margin-top:26vw;

			}

      .superresult h1{
        font-size:2em;
      margin-top:50vw;

          }


body {

 font-size:17px;
}

 p {
 margin:0 0 14px;
 }


	.tname{
	margin-top:5px;
	margin-bottom:5px;
	}
	.tnametop{
	margin-top:5px;
	margin-bottom:5px;
	font-size: 13px;
	}

	h1{
	font-size: 2em;
	margin-bottom:1.0em;
	}

	h2{
	font-size: 1.5em;
	}

  h3{

  }



	.smallbg{
	background:rgba(0,0,0,0.4);
	}

	.teaserpic{
	margin-left:-15px;
	margin-right:-15px;
	}




	.quote0{
	margin-left:0px;
	}

  .milkbg {
margin-bottom:15px;
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;

padding-top:7px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;


    }

    .autorpadding{
    margin-top: 15px;
  }


}





@media (min-width: 768px) {


  .autorpadding{
  padding-left:0px;
  opacity: 0.9;
}
	.tnametop{

	font-weight:700;
	font-size: 22px;
	margin-bottom:15px;

	}



  .super h1{
		font-size:3.0em;

			}

      .superresult h1{
        font-size:3.0em;

          }


	.related{
	top: -20px;
	}

	.teaserabstand{
		 margin-bottom:40px;
	 }
}
@media (min-width: 992px) {

  .seitenshift {
      margin-left: -60px !important;
  }


  .super h1{
    font-size:3.0em;

      }

      .superresult h1{
        font-size:3.0em;

          }

	.tnametop{
	margin-top:20px;
	font-size: 28px;
	}
	.vita{
	height: 180px;
	max-height: 180px;
	}

		.related{
	top: -25px;
	}

}
@media (min-width: 1200px) {

		.bgfixed{
		height:28vw;
		}

	.vita{
	height: 150px;
	max-height: 150px;
	}
	.tname{
	font-size: 16px;
	}



			.related{
	top: -28px;
	}
}

.captiongold {
	position: absolute;
	top: 0;
	left: 0;

	background: rgba(125,113,64,0.7);
		background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
	color:#fff !important;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height:33px;
	display:none;
	background-image: url("/images/plus2.png");
	background-repeat: no-repeat;
    background-position: center;
	background-size: contain;
	z-index:500;
}

a:hover .captiongold {
    display: block;
}




.mitte {
position: absolute;
color:#fff !important;
font-size: 3.2em;
bottom: 10px;
right: 10px;
opacity:.75;
filter:alpha(opacity=75);
z-index:10;
}


.mittesp {

	position: absolute;
	width: 100%;
	height: 100%;
	color:#fff !important;
	text-align: center;
	display:inline-table;
	z-index:505;
	overflow: auto;
	margin: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}


a:hover .caption {

}
.zentriert {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);

}
.overlay {
overflow: visible;
position: relative;
}

.minidesc{
font-weight:300;
font-size:12px;
padding: 10px;
margin-top:10px;
border-top:1px solid #FFF;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('/images/page-loader.gif') 50% 50% no-repeat rgba(255,255,255,1.0);
}

.spinner{
border-radius: 4px;
background:#fff;
background-image: url(/images/loader3.gif);
background-position:50% 50%;
background-attachment:scroll;
background-repeat:no-repeat;
}

.fotostyle {

    outline: 1px solid rgba(0, 0, 0, 0.1);
	outline-offset: -1px;
	padding:0px;
	background:#fff;

}

.bgfarbeneu {
height:auto;
background-position:50% 20%;
background-size:cover;
background-attachment:scroll;

margin-bottom:30px;
}






.bgfarbe{
		height: 280px;
		width:100%;
		background-position:50% 50%;
  		background-size:cover;
  		background-attachment: scroll;
		position: absolute;
		display:block;

}

.vignette {
    position: relative;
	overflow:hidden;
}
.vignette:after {
   content: '';
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;

    width: 120%;

    padding-bottom: 120%;
    box-shadow: inset 0px 0px 150px 60px rgba(0,0,0,0.8);
    border-radius: 50%;
}



}

  .leak {
    overflow: hidden;
    max-width: 100%;
    position: relative;

  }

  .leak:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
    top: 0; left: 0;


	background: -webkit-linear-gradient(top, rgba(255,145,0,0.2) 0%,rgba(255,230,48,0.2) 60%), -webkit-linear-gradient(20deg, rgba(255,0,0,0.5) 0%,rgba(255,0,0,0) 35%);



    mix-blend-mode: overlay;

  }


.tiletext{
width:100%;
background:rgba(255,255,255,1.0);
padding:10px 10px 4px 10px;
	border-bottom-right-radius:3px;
    -webkit-border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
    -webkit-border-bottom-left-radius:3px;
}

.tiletext-black{
background:rgba(255,255,255,0.15);
}

.greybox .thumbnail2{
background:rgba(255,255,255,0.2);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.greybox .thumbnail2:hover{
background:rgba(255,255,255,0.15);
transition:linear 60ms;
}
.greybox a{
color:#fff;
}

.greybox a:hover{
color:#ccc;
}


.top-rounded{
	border-top-right-radius:4px;
  -webkit-border-top-right-radius:4px;
	border-top-left-radius:4px;
  -webkit-border-top-left-radius:4px;
}

.bottom-rounded{
	border-bottom-right-radius:4px;
  -webkit-border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
  -webkit-border-bottom-left-radius:4px;
}

.hl{
  font-family:"PT Sans Narrow", sans-serif;

font-size:1.1em;
font-weight:400;
margin-bottom:0px;
margin-top:0px;

white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-display: swap;
}

.hl-black{
color:#fff;
}

.starcard{
margin-top: -5px;
margin-bottom: 6px;
font-size:x-small;
color:rgba(0,0,0,0.4);
white-space: nowrap;
overflow: hidden;

}

.sl{
border-top:1px solid rgba(0,0,0,0.1);
width:100%;
padding-top: 7px;
font-size:x-small;
color:rgba(0,0,0,0.4);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

}

.sl-black{
border-top:1px solid rgba(255,255,255,0.2);
color:rgba(255,255,255,0.6);
}

.sl-artikel{

padding-top: 7px;
font-size:small;
color:#fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight:300;
display:inline-block;
}


.square{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;


}
.square img{
    position:absolute;


}

.rect{
    position:relative;
    overflow:hidden;
    padding-bottom:40%;
}
.rect img{
    position:absolute;
    display:block;

}



.minis{

  margin-left:3px;

}

.miniort{
white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.btn-sp{
margin-right:10px;
margin-bottom:10px;
}


.well {
  background-color:#FFFFFF;
}

.nowrap {
  overflow:hidden;
  width: 100%;
  text-overflow:ellipsis;
  white-space: nowrap;
}



.kalenderbl {
height:120px;
background:#f1f1f1;

text-align:center;
line-height:18px;
font-size:18px
}
.kalenderbl #jahr {
background:#ccc;
font-size:18px;
text-align:center;
padding:4px;
color:#fff;
font-weight:700;

}

.kalenderbl #tag {
font-size:28px;
font-weight:700;
text-align:center;
padding:6px;
margin-top:7px;
color:#666
}

.kalenderbl #monat {
font-size:18px;
text-align:center;
color:#999
}






.quote1 {
margin-top: -6px;
margin-bottom: -6px;

}


.quote0 {
padding-left:15px;
border-left:1px solid rgba(255,255,255,1);
display: inline-block;
margin-left: 100px;
position: relative;
color:#fff;
margin-bottom:40px;
font-weight:400;
}

.badge0 {

float: left;
position: absolute;
display: block;
width: 95px;
color:#fff;

}



.badge1 {

  height: 65px;
  width: 65px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border:4px solid rgba(255,255,255,1);
  border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    font-size:0.9em;
line-height:1.3em;
font-weight:400;
font-family:"PT Sans Narrow", sans-serif;
font-display: swap;

}

.badge1::first-line {
    line-height: 1em;
}



  .badge2 {

  height: 65px;
  width: 65px;

  text-align: center;
  vertical-align: middle;
  border:4px solid rgba(255,255,255,1);
  border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    font-size:0.9em;
line-height:1.3em;
font-weight:400;
font-family:"PT Sans Narrow", sans-serif;
font-display: swap;


	position: relative;

	display:block;
	z-index:505;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

 .ghost{


	background: rgba(255, 255, 255, 0.0);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.5);


}

.ghost:hover{

	background: rgba(255, 255, 255, 0.0);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.2);

}

.ghost:active {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.ghost a{
	text-decoration: none;

}


.ghostblack{

 background: rgba(0, 0, 0, 0.4);
 color: #fff;
 border-color:rgba(255, 255, 255, 0.6);
 font-weight:700;




}

.ghostblack:hover{

 background: rgba(0, 0, 0, 0.5);
 color: #fff;
 border-color:rgba(255, 255, 255, 0.9);

}

.ghostblack a{
 text-decoration: none;

}



 .trans{
border: 1px solid rgba(255, 255, 255, 1.0);
background: rgba(255, 255, 255, 0.9);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
 }

 .trans:hover{
border: 1px solid rgba(255, 255, 255, 1.0);
background: rgba(255, 255, 255, 1.0);

}


.rectbtn{
    position:relative;
    overflow:hidden;
    padding-bottom:40%;
    margin-bottom:25px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
    box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
}
.rectbtn img{
    position:absolute;
    display:block;
}

.rectbtn span{
    background-color: red;
    position: absolute;
    bottom: 0;
}

.rectbtn a{
    position: absolute;
    bottom: 0;
    left:10px;
}


.outer {
width: 54px;
font-size:small;
display:inline-block;
	height:22px;

}



.halfstar1 {
    position: relative;
    display:inline-block;
	  font-size:small;
    margin-top: 0px;
    left: 0;
    color: #CCC773;

}
.halfstar2 {
    position: relative;
    display:inline-block;
	  font-size:small;
    margin-top: 0;
    left: 0;
    color: #dddddd;

}


.topictext{
	color:#f4f4f4;

}
.topicgradient{

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%%, rgba(0,0,0,1) 100%%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%%,rgba(0,0,0,1) 100%%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%%,rgba(0,0,0,1) 100%%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 );

}

@media only screen and (min-width : 481px) {
  .flex-row.row {
    display: flex;
	 flex-wrap: wrap;
  }
  .flex-row.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }
  .flex-row.row:after,
  .flex-row.row:before {
	 display: flex;
  }
  .flex-row.row > [class*='col-'] > .box {
    display: flex;
	 flex: 1;
  }
}

.thumbnail2 {
  background:rgba(255, 255, 255, 0.2);
  margin-bottom:30px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-webkit-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);

}

.thumbnail2:hover {
  background:rgba(255, 255, 255, 0.25);
transition:linear 60ms;

}

  .thumbnail2 h3{
    color:#fff;
        margin: 0 0 1.5em 0;
}

  .thumbnail2 .sl1{
color:rgba(255,255,255,0.5);
}


.thumbnailgrau {
  background:rgba(0, 0, 0, 0.05);
  margin-bottom:30px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;


}

.thumbnailgrau:hover {
  background:rgba(0, 0, 0, 0.1);
transition:linear 60ms;
background-position:50% 20%;

}



  .thumbnailgrau h3{
    color:#fff;
        margin: 0 0 1.5em 0;
}

  .thumbnailgrau .sl1{
color:rgba(255,255,255,0.5);
}

.thumbnaillight {
  background:rgba(255, 255, 255, 0.9);
  margin-bottom:30px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-webkit-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);

}

.thumbnaillight:hover {
  background:rgba(255, 255, 255, 1);
transition:linear 60ms;

}

  .thumbnaillight h3{
    color: unset;
        margin: 0 0 1.5em 0;
}
.thumbnaillight .sl1{
color:rgba(0,0,0,0.5);
}

.thumbnaildark {
  background:rgba(255, 255, 255, 0.2);
  margin-bottom:30px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-webkit-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);
box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.2);

}

.thumbnaildark:hover {
  background:rgba(255, 255, 255, 0.25);
transition:linear 60ms;

}

  .thumbnaildark h3{
    color:#fff;
        margin: 0 0 1.5em 0;
}

.thumbnaildark .sl1{
color:rgba(255,255,255,0.5);
}

.caption {
padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:9px;
}


.flex-row .thumbnail2,
.flex-row .thumbnaillight,
.flex-row .thumbnaildark,
.flex-row a,
.flex-row .caption {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
}


.flex-row .caption h3.flex-text,
.flex-row .caption p.flex-text {
	flex-grow: 1;
}

.flex-row img {

width: 100%;
height: auto;
}


.qgpt-small {
position:absolute;
z-index:50;
top: -10px;
left: -10px;

}

.ratio-2-1{
    position:relative;
    width: 100%;
    height: 0;
    padding-bottom: 40% ;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.ratio-1-1{
    position:relative;
    width: 100%;
    height: 0;
    padding-bottom: 100% ;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.rounded-top{
border-top-right-radius:4px;
border-top-left-radius:4px;

}

.rounded{
border-radius:4px;
}




pre {
	display: flex;
	flex: 1;
}
.flex-row.flex-code.row > [class*='col-'] .flex-text {
	flex-grow: 1;
	display: flex;
}

.shadow{
-webkit-box-shadow: 0px 10px 28px -10px rgba(204,198,204,1);
-moz-box-shadow: 0px 10px 28px -10px rgba(204,198,204,1);
box-shadow: 0px 10px 28px -10px rgba(204,198,204,1);
}

.gmember {
display:block;
position:absolute;
margin:8px;
z-index:5;
bottom: 0;
}

.gmemberresult  {
position:absolute;
margin-top: 8px;
margin-right: 8px;
margin-bottom: 8px;
margin-left: 8px;
z-index:5;
bottom: 0;
width:17%;
}

.tuvresult  {
display:block;
position:absolute;
margin-top: 8px;
margin-right: 8px;
margin-bottom: 55px;
margin-left: 8px;
z-index:5;
bottom: 0;
}

.dotti2{
font-size:1.2em;
margin-right: 15px;
width: 50px;
height: 50px;
font-weight:400;
color:#FFF;
background-color:#316c84;
position:relative;
text-align: center;
border-radius: 100px;
display: inline-flex;
align-items: center;
justify-content: center;
float: left;
}

.dotti3{
margin-right: 15px;
width: 50px;
height: 50px;
position:relative;
border-radius: 100px;
float: left;
background-size: cover;
margin-left:0px;
}

.dotti4{
width: 50px;
height: 50px;
position:relative;
border-radius: 100px;
background-size: cover;
}



.dottif{
width: 23px;
height: 23px;
border:1px solid #fff;
padding:3px;
background-color: rgba(255, 0, 0, 1);
border-radius: 50%;
margin-right: 3px;
align-items: center;
justify-content: center;
display: inline-flex;

}


.price{
  top:-4px;
  height: 23px;
  border:1px solid #fff;
  padding:6px;
  background-color: rgba(255, 0, 0, 1);
  margin-right: 3px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
    font-size: x-small;
        line-height: normal;
    color: #FFF;
    position: relative;
    text-align: center;
    border-radius: 100px;


}

.tuvicon{
background-color: rgba(81, 152, 169, 1);
}

.bpticon{
background-color: rgba(81, 152, 169, 1);
}

.liveicon{
background-color: rgba(81, 152, 169, 1);
}

.goldicon{
background-color: rgba(198,183,146, 1);
}


.icons  {
position:absolute;

left: 14px;
z-index:5;
bottom: -15px;
}

.morecontent span {
	display: none;
}

.opa
{
opacity: 0.7;
}

.fa-star{
	margin-right: 2px;

  color:rgba(176,161,124,1.0);


}

.ttext{
margin-top:3px;
line-height:1.6em;
}

.nwspalte {
	white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
			margin-bottom:4px;
}


.darkbg{
	color:#fff;
	background:rgba(0,0,0,0.6);
}

.sl1{

width:100%;
font-size:x-small;
    padding-top: 2em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight:400;
}


.hp{
  display:none;
}

figure{
   width:1px;
  height:1px;
   overflow: hidden;
   margin:0;
}
figure img{
   display:block;
   margin:0 -38.885%;
   width:177.777%;
}

.searchframe{
  padding:7px;
  background:rgba(255, 255, 255, 0.2);
  border-radius: 4px;



}

.kostars {
background-image:url(/images/gbg.jpg);


background-repeat: repeat-y;
background-attachment: scroll;


 background-clip: text;
 -webkit-background-clip: text;
 display:inline;
}

.kostars .fa-star {
color: transparent;
display:inline;
}

.fly {
  opacity: 0;
  transition: all 600ms ease-in-out;
  transform: translateY(100px) scale(1.05) translate3d(0,0,0);
}

.show-block {
  opacity: 1;
  transform: translateY(0) scale(1) translate3d(0, 0, 0);
}