body {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  background: #000;
  max-width: 100vw;
}
::-webkit-scrollbar {
  display: none;
}
.menu {
  width: 100vw;
  max-width: 100vw;
  background: #001131;
  height: 6vh;
  padding-bottom: 2vh;
}
.menu table {
  width: 100vw;
  padding: 0;
}
.menu table .menuitems {
  text-align: right;
}
.menu table .menuitems a {
  text-decoration: none;
}
.menu .logo {
  font-size: 6vh;
  max-height: 6vh;
  color: #fff;
}
.menu .menuitem {
  font-weight: 500;
  display: inline-block;
  margin-left: 2vw;
  margin-right: 2vw;
  font-size: 1vw;
  color: #fff;
}
.menuitem a {
  text-decoration: none;
  color: #fff;
}
.activem {
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 23 100%;
}
.lang {
  color:rgba(255,255,255, 1);
  width:2vw;
  display: inline-block;
}
.lline {
  color:rgba(255,255,255, 1);
}
.de {
text-align: left;
}
.activel {
  color: rgba(62, 167, 242, 1);
}
/*
.cont1 {
  border: 1px solid transparent;
  padding: 5vh;
  border-image: url(/assets/img/border-image-bottom.png) 1 fill;
}
*/
.cont1 {
  background: linear-gradient(to bottom, rgba(0, 19, 53, 1), rgba(0, 4, 11, 1));
  max-width: 100vw;
  height: 25vw;
  padding-bottom: 5vh;
  clip-path: polygon(50% 100%, 100% 75%, 100% 0, 0 0, 0 75%);
}
.cont1 .htc h1 {
  padding-top: 5vw;
  text-transform:uppercase;
  color:rgba(255, 255, 255, 1);
  font-size: 10vh
}
.cont1 .htc hr {
  position: relative;
  left:20%;
  border-width: 3px;
  width: 59%;
  border-image: linear-gradient(90deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 23 100%;
  font-size: 10vh
}
/*
.cont2 {
  border: 1px solid transparent;
  padding: 5vh;
  border-image: url(/assets/img/border-image-both-v2.png) 1 fill;
}
*/
.cont-mid {
  text-align: left;
  max-width: 100vw;
  background: rgba(255, 255, 255, 1);
  background-size:cover;
  margin-bottom: 5vw;
}
.cont-mid .info-table {
  margin-left: auto;
  margin-right: auto;
  width: 80vw;
}
.cont-mid .info-table .middle-cell {
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(to bottom, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 10 0%;
}
.cont-mid .info-table td {
  padding-left: 2vw;
  padding-right: 2vw;
}
.cont-mid .info-table td h1 {
  text-transform: uppercase;
  color: rgba(0, 19, 53, 1);
}
.cont-mid .info-table td a {
  text-align: justify;
  color: rgba(155, 155, 155, 1);
}
.cont-mid .subtitle {
  position: relative;
  left:30%;
  border-width: 3px;
  font-size: 3vw;
  text-transform: uppercase;
  color:rgba(9, 37, 99, 1);
}
.cont-mid .subtitlel {
  position: relative;
  left:20%;
  border-width: 3px;
  width: 80%;
  border-image: linear-gradient(90deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 23 100%;
  font-size: 10vh
}
.cont-mid .text-cont {
  position: relative;
  left:30%;
  border-width: 3px;
  font-family: 'Roboto', sans-serif;
  background: rgba(255, 255, 255, 1);
  color: rgba(155, 155, 155, 1);
  padding-top: 2vw;
  padding-bottom: 2vw;
  width: 50%;
  max-width: 50%;
  height: auto;
  margin-bottom: 9vw;
}
.cont-mid .latest {
  width: 30vw;
  position: relative;
  color: rgba(0, 19, 53, 1);
  text-transform: uppercase;
  right:-70vw;
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 0 10%;
}

.cont2 {
  max-width: 100vw;
  background: #fff;
}
.cont-site {
  max-width: 100vw;
  background: #fff;
  margin-top: -7vh;
}
.cont2 .hic {
  background: rgba(0, 19, 53, 1);
  color:rgba(124,124,124, 1);
  clip-path: polygon(50% 0%, 100% 15%, 100% 100%, 0 100%, 0 15%);
}
.cont2 .hic table {
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: rgba(63,169,245,1);
}
.cont2 .hic table .socials {
  padding-top: 2vw;
  font-size: 2vw;
  text-align: center;
  text-decoration: none;
  color: rgba(63,169,245,1);
}
.cont2 .hic table .socials a {
  text-decoration: none;
  color: rgba(63,169,245,1);
}
.cont2 .hic table .socials i {
  margin-left: 2vw;
  margin-right: 2vw;
}
.cont2 .hic table .footer_info {
  height: 5vw;
  text-align: center;
  text-decoration: none;
  color: rgba(63,169,245,1);
}
.cont2 .hic table .footer_info_cell {
  width:20%;
}
.cont2 .hic table a {
  text-decoration: none;
  color: rgba(255,255,255,1);
}
.cont2 .hic .copyright {
  color: rgba(255, 255, 255, 1);
  padding-top: 0.8vw;
  padding-bottom: 0.8vw;
  text-align: center;
  border-top: 0.1vw rgba(178, 178, 178, 1) solid;
  background: rgba(7, 10, 38, 1);
}
.artists-follows-str {
  font-weight: 200;
  color: rgba(255, 255, 255, 1);
}
.category-cont {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width:20vw;
}
.category-cont .category-text {
  min-width: 20vw;
  max-width: 20vw;
  color: rgba(0, 19, 53, 1);
  font-size: 1.3vw;
  text-transform: uppercase;
  font-weight: 600;
  text-align: right;
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 23 100%;
}
.category-cont .categories {
  position: relative;
  margin-top: 2vw;
  padding-top: 1.5vw;
  background: rgba(0, 19, 53, 1);
  border-top-right-radius:1vw;
  border-bottom-right-radius: 1vw;
  height: 40vw;
  padding-left:2vw;
}
.category-cont .categories a {
  text-decoration:none;
}
.category-cont .categories .category {
  width: 12vw;
  color: rgba(255, 255, 255, 1);
  font-size: 1.3vw;
  text-transform: uppercase;
  padding-bottom: .5vw;
  margin-bottom: 3vw;
  font-weight: 600;
}
.category-cont .categories .activec {
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 23 100%;
}
.profile-cont {
  display: inline-block;
  position: relative;
  width: 79.6vw;
  margin-bottom: 5vw;
}
.profile-cont-homepage {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  object-position: center;
  margin-bottom: 5vw;
}
.profile-cont .pttext-cont {
  width: 100%;
  margin-bottom: 2vw;
}
.profile-cont .artists-text {
  position: absolute;
  right: 0;
  min-width: 20vw;
  max-width: 20vw;
  color: rgba(0, 19, 53, 1);
  font-size: 1.3vw;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 23 100%;
}
.pagination {
  text-align: center;
}
.pagination a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(86, 179, 246, 1);
}
.show-artists {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(86, 179, 246, 1);
}
.main-gcm-profile {
  display:inline-block;
  background: rgba(255, 255, 255, 1);
  margin-top: 2vw;
  margin-right: .5vw;
  margin-left: .5vw;
  width: 25vw;
  height: 19vw;
  padding-top: 2vh;
  border-radius: 0.5vw;
  -webkit-box-shadow: 20px 20px 45px -10px rgba(0,0,0,0.5);
  box-shadow: 20px 20px 45px -10px rgba(0,0,0,0.5);
}
.main-gcm-profile img {
  position: relative;
  width: 7vw;
  max-width: 10vw;
  border-radius: 5vw;
  margin-bottom: 2vw;
  border:3px solid #fff;
}
.main-gcm-profile-homepage{
  display:inline-block;
  background: rgba(255, 255, 255, 1);
  margin-top: 2vw;
  margin-right: .5vw;
  margin-left: .5vw;
  width: 20vw;
  height: 18vw;
  max-height: 20vw;
  padding-top: 2vh;
  border-radius: 0.5vw;
  -webkit-box-shadow: 20px 20px 45px -10px rgba(0,0,0,0.5);
  box-shadow: 20px 20px 45px -10px rgba(0,0,0,0.5);
}
.main-gcm-profile-homepage img {
  position: relative;
  width: 7vw;
  max-width: 10vw;
  border-radius: 5vw;
  margin-bottom: 2vw;
  border:3px solid #fff;
}
.name {
  font-weight: 600;
  color: rgba(86, 179, 246, 1);
  position: relative;
  font-size: 1.5em;
}
.white {
  display: inline-block;
  position: relative;
  width: 4vw;
  background:rgba(255,255,255,0) !important;
  border-radius: 0.2vw;
  height: 4vw;
  color:#fff;
  margin-top:1vw;
}
.white table {
  text-align: center;
  color: rgba(255, 255, 255, 1) !important;
  width: 4vw;
}
.counter {
  display: inline-block;
  position: relative;
  width: 4vw;
  background:rgba(255,255,255,1);
  border-radius: 0.2vw;
  height: 4vw;
  color:#fff;
  margin-top:1vw;
}
.counter table {
  text-align: center;
  color: rgba(9, 37, 99, 1);
  width: 4vw;
}
.counter table tr {

}
.counter table i {
  text-align: left;
  font-size: 2vw;
}
.counter table a {
  font-size: .8vw;
}
.contact-table {
  margin-top: 5vw;
  margin-left: auto;
  margin-right: auto;
  width: 80vw;
}
.contact-left {
  vertical-align: top;
  width: 50%;
  max-width: 50%;
}
.contact-left div {
  padding-left: 2vw;
  width: 100%;
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(180deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 10 0%;
  border-right: 0px;
}
.contact-left h1 {
  font-size: 4vw;
  color: rgba(0, 19, 53, 1);
  text-transform: uppercase;
}
.contact-form {
  border-radius: 1vw;
  padding: 2vw;
  padding-bottom: .5vw;
  margin-left:5vw;
  background:rgba(227, 236, 255, 1);
}
.contact-form input[type=text], input[type=email] {
  outline: none;
  margin-bottom: 5vh;
  font-size: 2vw;
  height: 10vh;
  width:100%;
  border-radius: 1vw;
  color: rgba(0, 0, 0, 1);
  border:none;
}
.contact-form textarea {
  outline: none;
  height: 30vh;
  width:100%;
  border-radius: 1vw;
  color: rgba(0, 0, 0, 1);
  border:none;
  resize: none;
}
.contact-form button {
  position: relative;
  left: 20vw;
  background: rgba(0, 0, 0, 0);
  outline: none;
  color: rgba(0, 19, 53, 1);
  height: 3vh;
  width:8vw;
  font-weight: 600;
  font-size: 1vw;
  border-radius: 1vw;
  border:none;
  resize: none;
}

.services {
  margin-top: 5vh;
}
.right-service {
  margin-left: auto;
  margin-right: auto;
  width: 80vw;
}
.right-service td {
  width: 50%;
}
.left-service {
  margin-left: auto;
  margin-right: auto;
  width: 80vw;
}
.left-service td {
  width: 50%;
}
.service-name {

}
.right-service .service-name h1 {
  text-align: right;
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 23 100%;
}
.service-name h1 {
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 23 100%;
}
.service-desc {
  padding-left: 2vw;
  padding-right: 2vw;
}
.service-desc h1 {
  font-size: 3vw;
  font-weight: 300;
  color: rgba(155, 155, 155, 1);
}
.service-desc a {
  font-weight: 300;
  color: rgba(155, 155, 155, 1);
}
.service-name h1 {
  color: rgba(0, 19, 53, 1);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 2.5vw;
}
.service-img {
  background-repeat: no-repeat, no-repeat;
  background-size: contain,auto;
  background-position: center;
  border-radius: 1vw;
  width: 30vw;
  height: 35vh;
}

.impressum-cont {
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(180deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 10 0%;
  border-right: 0;
  padding-left: 1vw;
  margin-left: auto;
  margin-right: auto;
  width: 80vw;
}
.impressum-cont h1 {
  color: rgba(0, 19, 53, 1);
  font-size: 3vw;
  font-weight: 600;
  text-transform: uppercase;
}

.faq-table {
  border:none !important;
  border-spacing: 0;
  border-collapse: collapse;
}
.question-cont {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width:20vw;
}
.question-cont .question-text {
  min-width: 20vw;
  max-width: 20vw;
  color: rgba(0, 19, 53, 1);
  font-size: 1.3vw;
  text-transform: uppercase;
  font-weight: 600;
  text-align: right;
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 23 100%;
}
.question-cont .questions {
  position: relative;
  margin-top: 2vw;
  padding-top: 1.5vw;
  background: rgba(0, 19, 53, 1);
  border-top-right-radius:1vw;
  border-bottom-right-radius: 1vw;
  height: 40vw;
  padding-left:2vw;
  overflow-x: hidden;
}
.question-cont .questions a {
  text-decoration:none;
}
.question-cont .questions .question {
  width: 12vw;
  color: rgba(255, 255, 255, 1);
  font-size: 0.8vw;
  text-transform: uppercase;
  padding-bottom: .5vw;
  margin-bottom: 3vw;
  font-weight: 400;
}
.question-cont .questions .activeq {
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 23 100%;
}
.answer-cont {
  padding-left: 2vw;
  padding-right: 2vw;
  padding-top: 5vw;
  vertical-align: top;
}

.privacy-cont {
  padding-left: 1vw;
  margin-left: auto;
  margin-right: auto;
  width: 80vw;
}
.privacy-cont h1 {
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(90deg, rgba(0, 71, 166, 1),rgba(35, 194, 217, 1)) 0 23 100%;
  color: rgba(0, 19, 53, 1);
  font-size: 3vw;
  font-weight: 600;
  text-transform: uppercase;
}