@media (max-width: 1024px) {
  #content > .row > .less-padding {
    padding: 0px;
  }
}
nav.desktop div.nav-items div.nav-item.startseite {
  background-color: #2A4187;
}
nav.desktop div.nav-items div.nav-item.startseite a {
  color: white;
}
nav.mobile #mobile-menu-list div.startseite {
  background-color: #2A4187;
}
nav.mobile #mobile-menu-list div.startseite a {
  color: white;
  font-weight: 400;
}
.special {
  height: auto;
  width: 25%;
  z-index: 3;
  -webkit-transform: translate(10%, -100%);
          transform: translate(10%, -100%);
  position: absolute;
  max-width: 550px;
}
@media (max-width: 1024px) {
  .special {
    display: none;
  }
}
.flexbox .boxes {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flexbox .boxes > div {
  width: 50%;
  padding: 0;
}
@media (max-width: 1024px) {
  .flexbox .boxes {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flexbox .boxes > div {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
.no-flexbox .boxes > div {
  display: inline-block;
  width: 50%;
  padding: 0 5px;
  font-size: 14px;
  vertical-align: top;
}
.header-video {
  margin-bottom: -87px;
  z-index: 12;
  display: block;
  min-width: 28%;
  right: 5%;
}
@media (max-width: 1364px) {
  .header-video {
    right: 8%;
  }
}
@media (max-width: 1279px) {
  .header-video {
    margin-bottom: -100px;
  }
}
.header-video .big7-videoplayer {
  margin: 0 0 5px;
  padding: 0px!important;
  background-color: #000;
}
@media (max-width: 1024px) {
  .header-video .big7-videoplayer {
    overflow: visible !important;
    margin: 0 15px 5px;
    padding: 3px;
  }
}
.header-video > div {
  height: 100%;
}
@media (max-width: 1024px) {
  .header-video > div {
    padding: 8px 0px;
  }
}
.header-video a {
  margin: 5px 0 0;
  font-size: 22px;
  color: white;
  font-weight: 400;
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media (max-width: 1024px) {
  .header-video a {
    font-size: 17px;
  }
}
.header-video a > i {
  font-size: 16px;
  vertical-align: middle;
  color: lime;
}
.header-video a.chat i {
  color: white;
  vertical-align: middle;
  margin-top: -7px;
  font-size: 30px;
}
.header-video a.msg {
  background-position: center right 5px;
  background-size: 40px;
  margin-top: 15px;
}
.header-video a.msg > i {
  font-size: inherit;
  color: #FFFFFF;
}
@media (max-width: 1024px) {
  .header-video a.msg {
    background-size: 25px;
  }
}
@media (max-width: 1024px) {
  .header-video a {
    font-size: 3vw;
    letter-spacing: 2px;
  }
}
@media (max-width: 600px) {
  .header-video a {
    font-size: 4.6vw;
  }
}
.lebensmotto {
  color: #fff;
  text-align: left;
  font-size: 16px;
}
.lebensmotto > h2 {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 6px;
  color: #f740ad;
}
.info {
  margin-bottom: 10px;
}
.info .pic-stat-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.info > div {
  padding: 8px;
}
.info > div > div {
  font-size: 16px;
}
.info > div .startpic,
.info > div .stats {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}
@media (orientation:portrait) and (max-width: 600px) {
  .info > div .startpic,
  .info > div .stats {
    width: 100% !important;
    margin-bottom: 10px;
  }
}
.info > div .startpic {
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  width: calc(70% - 14px);
  margin-right: 10px;
}
.info > div .startpic > div {
  padding: 10px 6px;
  background-color: #353535;
}
.info > div .startpic > div > h2 {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 6px;
  color: #f740ad;
}
.info > div .startpic > div > h2 > span {
  color: #FFFFFF;
}
.info > div .startpic > div > div {
  padding: 5px;
  color: #2e2e2e;
  border-radius: 3px;
  background-color: #D7D7D7;
}
.info > div .startpic > img {
  border-radius: 6px;
}
.info > div .stats table {
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  color: #FFFFFF;
}
.info > div .stats table tr:nth-child(odd) {
  background: #353535;
}
.info > div .stats table tr td {
  padding: 5px 10px;
}
.info > div .sprachen {
  margin-top: 15px;
}
.info > div .sprachen div:last-child {
  font-size: 12px;
}
.info > div .sprachen div:last-child span {
  margin-right: 5px;
}
.info > div .vorlieben-fadeout {
  display: none;
  position: absolute;
  width: 100%;
  height: 28px;
  margin-top: -27px;
  padding: 10px;
  border-radius: 6px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,353535+100&0+0,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #353535 39%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#353535', GradientType=0);
  /* IE6-9 */
}
.aboutme {
  width: 100%;
}
@media (max-width: 1024px) {
  .aboutme {
    margin: 0 15px 15px;
  }
}
.aboutme > div {
  width: 62.25%;
  z-index: 12;
  background: rgba(0, 0, 0, 0.42);
}
.aboutme > div p {
  padding: 20px;
  min-height: 250px;
}
@media (min-width: 1025px) {
  .aboutme > div {
    /*background: rgba(0, 0, 0, 0.7);*/
  }
}
@media (max-width: 1364px) {
  .aboutme > div {
    width: -webkit-fit-content;
    width: fit-content;
    width: -moz-fit-content;
  }
}
@media (max-width: 1024px) {
  .aboutme > div {
    width: 100%;
    padding: 0;
    background-color: initial;
  }
}
#index-wrapper {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 0;
}
@media (max-width: 1024px) {
  #index-wrapper {
    padding: 0px 5% 25px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
}
#index-wrapper .boxes {
  padding: 0 5%;
  margin-top: 0;
  width: 100%;
  padding-top: 8vw;
}
@media (max-width: 1024px) {
  #index-wrapper .boxes {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    padding-top: 25px;
  }
}
#index-wrapper .boxes .profile-video {
  width: 100%;
}
#index-wrapper .boxes .profile-video > div {
  padding-right: 43%;
}
#index-wrapper .boxes .info {
  width: 0%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
}
#index-wrapper .boxes .info > img {
  position: absolute;
  top: 0;
  right: 0;
}
#index-wrapper .boxes .info .startpic {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-shadow: inset 0 0 0 5000px rgba(0, 0, 0, 0.8);
  border-bottom: 3px solid #f740ad;
  position: relative;
}
#index-wrapper .boxes .info .startpic .ama-nickname {
  color: white;
  font-size: 30px;
}
#index-wrapper .boxes .info .startpic:after {
  content: '';
  width: 145px;
  height: 105px;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  background-position: center;
}
#index-wrapper .boxes .info .stats {
  background-color: #FFF;
  padding-top: 25px;
}
#index-wrapper .boxes .info .stats table {
  font-size: 20px;
  width: 100%;
}
#index-wrapper .boxes .info .vorlieben {
  box-shadow: inset 0 0 0 5000px rgba(0, 0, 0, 0.8);
  font-size: 20px;
  color: #FFF;
  margin-top: 20px;
}
#index-wrapper .boxes .info .vorlieben h3 {
  font-size: 20px;
  color: #f740ad;
}
#index-wrapper .boxes .info .lebensmotto {
  box-shadow: inset 0 0 0 5000px rgba(0, 0, 0, 0.8);
  font-size: 20px;
  padding-bottom: 20px;
}
#index-wrapper .boxes .info .lebensmotto h2 {
  color: #f740ad;
}
#index-wrapper .boxes .info .send-message {
  background-color: #FFF;
  color: #62c67e;
  border: 2px solid #62c67e;
  font-size: 28px;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
}
#index-wrapper .boxes .info .send-message .bold {
  font-weight: bold;
}
#index-wrapper .aboutme {
  padding: 0 5%;
  padding-bottom: 22px;
  font-size: 22px;
  text-align: left;
  color: #FFFFFF;
  z-index: 10;
}
@media (max-width: 1024px) {
  #index-wrapper .aboutme {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    padding: 0!important;
    margin: 0;
  }
}
#index-wrapper .aboutme .heading {
  z-index: 6;
  padding: 20px;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 34px;
  text-transform: uppercase;
  color: #FFF;
  background-color: #2A4187;
}
#index-wrapper .aboutme .heading.friends {
  margin-top: 45px;
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  #index-wrapper .aboutme .heading.friends {
    padding-bottom: 6px;
    margin-top: 16px;
  }
}
@media (max-width: 1024px) {
  #index-wrapper .aboutme .heading {
    font-size: 24px;
    margin-top: 0;
    background-position: top 12px left;
    margin-bottom: 0!important;
  }
}
#index-wrapper .aboutme .heading.friends {
  z-index: 6;
  margin-bottom: 2vw;
}
#index-wrapper .aboutme .friends-wrapper {
  z-index: 6;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#index-wrapper .aboutme .friends-wrapper .friend {
  width: 32%;
  position: relative;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 24;
}
#index-wrapper .aboutme .friends-wrapper .friend a {
  display: block;
  width: 100%;
  height: 100%;
}
#index-wrapper .aboutme .friends-wrapper .friend a img {
  width: 100%;
}
#index-wrapper .aboutme .friends-wrapper .friend a div.top-line {
  display: none;
  color: #FFF;
  position: absolute;
  top: 10px;
  left: 20px;
  background-color: #141414;
  padding: 5px 10px;
}
#index-wrapper .aboutme .friends-wrapper .friend a div.top-line img {
  width: 16px;
  border: 1px solid #2e2e2e;
}
@media (max-width: 1024px) {
  #index-wrapper .aboutme .friends-wrapper .friend a div.top-line {
    font-size: 15px;
    top: 5px;
    left: 5px;
  }
}
#index-wrapper .aboutme .friends-wrapper .friend a div.bottom-line {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 3px;
  color: #2e2e2e;
}
@media (max-width: 1300px) {
  #index-wrapper .aboutme .friends-wrapper .friend a div.bottom-line {
    font-size: 16px;
  }
}
#index-wrapper .aboutme .friends-wrapper .friend a div.bottom-line span.status {
  color: #FFF;
  background-color: #5eb65f;
  display: block;
  font-size: 20px;
  padding: 0 5px;
}
@media (max-width: 1300px) {
  #index-wrapper .aboutme .friends-wrapper .friend a div.bottom-line span.status {
    font-size: 14px;
  }
}
#index-wrapper .aboutme .friends-wrapper .friend a div.bottom-line span.status.offline {
  background-color: #d14a97;
}
@media (max-width: 1024px) {
  #index-wrapper .aboutme .friends-wrapper .friend {
    margin-bottom: 15px;
  }
  #index-wrapper .aboutme .friends-wrapper .friend a div.bottom-line {
    padding: 2px 3px;
    font-size: 3vw;
  }
  #index-wrapper .aboutme .friends-wrapper .friend a div.bottom-line span.status {
    font-size: 2.8vw;
  }
}
@media (max-width: 425px) {
  #index-wrapper .aboutme .friends-wrapper .friend {
    margin-bottom: 10px;
  }
  #index-wrapper .aboutme .friends-wrapper .friend a div.bottom-line {
    padding: 2px 3px;
    font-size: 2.7vw;
  }
  #index-wrapper .aboutme .friends-wrapper .friend a div.bottom-line span.status {
    font-size: 2.8vw;
  }
}
#index-wrapper .bottom-boxes {
  padding: 60px 0 112px;
  font-size: 21px;
  text-align: left;
  color: #FFFFFF;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 5%;
}
@media (max-width: 1024px) {
  #index-wrapper .bottom-boxes {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    padding: 0;
    min-width: initial;
    background: none;
    margin: 0;
  }
}
#index-wrapper .bottom-boxes .blank {
  width: 16.66%;
  min-width: 16.66%;
  max-width: 16.66%;
}
#index-wrapper .bottom-boxes .vorlieben,
#index-wrapper .bottom-boxes .lebensmotto {
  font-size: 21px;
}
@media (max-width: 1380px) {
  #index-wrapper .bottom-boxes .vorlieben,
  #index-wrapper .bottom-boxes .lebensmotto {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  #index-wrapper .bottom-boxes .vorlieben,
  #index-wrapper .bottom-boxes .lebensmotto {
    font-size: 16px;
  }
}
#index-wrapper .bottom-boxes .vorlieben > div,
#index-wrapper .bottom-boxes .lebensmotto > div {
  padding: 20px;
}
#index-wrapper .bottom-boxes .stats,
#index-wrapper .bottom-boxes .vorlieben,
#index-wrapper .bottom-boxes .lebensmotto {
  background: rgba(0, 0, 0, 0.42) 0% 0% no-repeat padding-box;
  width: 33%;
  min-width: 230px;
  z-index: 10;
}
@media (max-width: 1024px) {
  #index-wrapper .bottom-boxes .stats,
  #index-wrapper .bottom-boxes .vorlieben,
  #index-wrapper .bottom-boxes .lebensmotto {
    width: 100%;
    margin-bottom: 15px;
    min-width: initial!important;
  }
}
#index-wrapper .bottom-boxes .stats h3,
#index-wrapper .bottom-boxes .vorlieben h3,
#index-wrapper .bottom-boxes .lebensmotto h3 {
  background-color: #2A4187;
  margin: 0;
  padding: 20px;
}
#index-wrapper .bottom-boxes .stats {
  min-width: 330px;
}
#index-wrapper .bottom-boxes .stats .info {
  padding: 15px;
}
#index-wrapper .bottom-boxes .stats table {
  font-size: 21px;
  width: 100%;
  padding: 15px;
}
@media (max-width: 1380px) {
  #index-wrapper .bottom-boxes .stats table {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  #index-wrapper .bottom-boxes .stats table {
    font-size: 16px;
  }
}
#index-wrapper .bottom-boxes .stats table tr td {
  padding: 5px;
}
#index-wrapper .bottom-boxes .stats table tr td.bold {
  font-weight: 500;
}
@media (max-width: 1024px) {
  #index-wrapper .boxes {
    padding: 0;
    box-shadow: none;
    background: none;
    margin-top: 0;
    width: 100%;
  }
  #index-wrapper .boxes .info {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
  #index-wrapper .boxes .info > div > div {
    font-size: 20px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #index-wrapper .boxes .info > div > div .mobile-small-img {
    display: inline-block;
    border-radius: 50em;
    background-position: center;
    background-size: cover;
    width: 20vw;
    height: 20vw;
    max-width: 20vw;
    max-height: 20vw;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  #index-wrapper .boxes .info .startpic::after {
    width: 175px;
    height: 95px;
  }
  #index-wrapper .boxes .info .stats table {
    font-size: 22px;
    min-width: initial;
  }
  #index-wrapper .boxes .info .lebensmotto {
    box-shadow: none;
    background: rgba(0, 0, 0, 0.42) 0% 0% no-repeat padding-box;
    min-width: initial;
  }
  #index-wrapper .boxes .info .send-message {
    display: none;
  }
  #index-wrapper .boxes .info .vorlieben {
    box-shadow: none;
    background: rgba(0, 0, 0, 0.42) 0% 0% no-repeat padding-box;
    min-width: initial;
    margin-top: 0;
    font-size: 18px;
  }
  #index-wrapper .boxes .profile-video {
    margin-bottom: 0;
    width: 100%;
    padding: 0;
  }
  #index-wrapper .boxes .profile-video a {
    margin: 20px auto 20px;
    font-size: 22px;
  }
  #index-wrapper .boxes .profile-video div {
    padding: 0;
  }
  #index-wrapper .boxes .profile-video div div.loginsas {
    padding: 0;
    width: 100%;
  }
  #index-wrapper .boxes .profile-video div div.volume {
    display: none;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    position: absolute;
    right: -17px;
    bottom: 87px;
  }
  #index-wrapper .boxes .profile-video .big7-videoplayer div {
    padding: 0;
  }
  #index-wrapper .aboutme {
    width: 100%;
    background: none;
    box-shadow: none;
    font-size: 20px;
    font-weight: 100;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 20px;
    min-width: initial!important;
  }
  #index-wrapper .aboutme p {
    min-height: 0;
    background: rgba(0, 0, 0, 0.42) 0% 0% no-repeat padding-box;
  }
  #index-wrapper .aboutme .heading {
    margin-bottom: 15px;
  }
}
@media (max-width: 1024px) and (max-width: 320px) {
  #index-wrapper .boxes .profile-video div div.loginsas .fa {
    display: none;
  }
}
@media (max-width: 450px) {
  #index-wrapper .boxes .info .startpic {
    display: none;
  }
  #index-wrapper .boxes .info .stats {
    width: 100%;
    background: rgba(0, 0, 0, 0.42) 0% 0% no-repeat padding-box;
  }
  #index-wrapper .boxes .info .stats table {
    font-size: 16px;
  }
  #index-wrapper .boxes .info .vorlieben {
    box-shadow: none;
    background: rgba(0, 0, 0, 0.42) 0% 0% no-repeat padding-box;
    font-size: 16px;
  }
  #index-wrapper .boxes .info .vorlieben h3 {
    font-size: 23px;
  }
  #index-wrapper .boxes .info .lebensmotto {
    background: rgba(0, 0, 0, 0.42) 0% 0% no-repeat padding-box;
  }
  #index-wrapper .boxes .info .lebensmotto h2 {
    font-size: 23px;
  }
  #index-wrapper .boxes .info > div > div {
    font-size: 16px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #index-wrapper .boxes .info > div > div.volume {
    display: none;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    position: absolute;
    right: -9px;
    bottom: 87px;
  }
  #index-wrapper .boxes .profile-video {
    margin-bottom: 0;
  }
  #index-wrapper .boxes .profile-video a {
    margin: 55px auto 20px;
    font-weight: 400;
  }
  #index-wrapper .aboutme {
    font-size: 16px;
    padding: 8px;
    padding-bottom: 25px;
  }
  #index-wrapper .aboutme .heading {
    margin-bottom: 5px;
  }
}
@media (max-width: 450px) and (max-width: 1024px) {
  #index-wrapper .boxes .profile-video a {
    margin: 4px auto 16px;
  }
}
.mobile-small-img {
  display: none;
}
@media (min-width: 451px) {
  .dmn {
    display: none;
  }
}
@media (max-width: 450px) {
  .ddn {
    display: none;
  }
}
.big7-videoplayer {
  border: black solid 5px;
}
.big7-videoplayer .video-controls {
  bottom: 0;
  width: 100%;
}
.big7-videoplayer .video-controls .fa-play,
.big7-videoplayer .video-controls .fa-pause {
  color: #EF475E!important;
}
.big7-videoplayer .video-controls .video-progress {
  background: #EF475E!important;
}
.big7-videoplayer .video-controls .video-buffer {
  background: #828788!important;
}