@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');

html{scroll-behavior: smooth;}

body{font-family:'PT Sans',Arial,sans-serif;font-size:16px;font-weight:300;overflow-x:hidden;color:#fff;background-color:#2C353C;}
ul{font-size:16px;line-height:30px;font-weight:400;margin:30px 0}
.logo{font-size:1.5em;text-transform:uppercase;font-weight:700}
a{transition:all .3s ease;text-decoration:none}
a.bestell{background:#103144;padding:7px 15px 7px 5px;border:1px solid #b8c1c6}
a{color:#cfe5fe}
a.li{text-decoration:underline}
a.konzi{color:#fff;}
a.konzi:hover{color:#9CC;}
a.ter{color:#beeafd;}
a.ter:hover{color:#9CC;}
h3{font-size:18px;font-weight:700}
p.sub{font-size:15px;margin-top:40px}
.konzert{margin-top:70px}
.presse{font-size:15px;padding-bottom:20px}
.release{background:#103144;padding:10px 5px 15px 15px;border-bottom:1px dashed #6c757d;}
.release-ro{background:#004958;padding:10px 5px 15px 15px;border-bottom:1px dashed #6c757d;}
p.konzi{padding:15px 0 0 0;font-weight:500}
p.last{padding-bottom:16px;}
ul{padding:0}
.datum{font-weight:600;}
button:focus{outline:none}
p{line-height:1.8}
#btn-back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
}

.tm-logo{margin-right:20px}
.tm-slogan{font-size:.8rem}
.datum{font-weight:700}
.monat{font-weight:400;font-size:1.1em;text-transform:uppercase;margin-top:40px}
.monat1{font-weight:400;font-size:1.1em;margin:30px 0 20px 30px}
h1{font-size:1.3em;margin-bottom:20px}
h2{font-size:1.1em}
h2.cd{font-size:1.3em;margin:20px 0;box-shadow:none}
h3{font-size:1.1em;margin:20px 0}
.rand{padding:1px;border:2px solid #394853;margin:10px 20px 10px 0}
.konzert{background:rgba(0,0,0,0.9);max-width:400px;padding:10px 10px 20px;border:2px solid #009ee0;font-size:1em}
.konzert1{background:rgba(0,0,0,0.9);max-width:400px;padding:10px 10px 20px;border:2px solid #d43716;font-size:1em;margin-top:30px}
.cd{box-shadow:3px 3px 8px #222}
.navbar-toggler{padding:8px 15px;border:0;border-radius:0;transform:skewX(-15deg);background-color:rgba(0,0,0,0.5);color:#fff;margin-top:-30px;}
.navbar-toggler i{transform:skewX(15deg)}
.navbar-expand-lg{padding-left:0;padding-right:0}
.navbar-expand-lg .navbar-nav .nav-link{padding:0}
.navbar-expand-lg .navbar-nav .tm-nav-link{font-size:.9em;font-weight:400;color:#fff;padding-bottom:30px}
.nav-item{margin-right:12px}
.nav-item:last-child{margin-right:0}
.nav-item.active .tm-nav-link,.nav-item:hover .tm-nav-link{color:#9CC}
.tm-bg{position:absolute;left:0;right:0;width:100%;height:100%;display:flex;z-index:-1000}
.tm-bg-left,.tm-bg-right{position:relative;width:50%;height:100%}
.tm-bg-right{background-color:rgba(0,0,0,0.85)}
.tm-bg-left{border-right:230px solid rgba(0,0,0,0.85);border-top:100vh solid transparent}
.tm-bg-controls-wrapper{display:inline-block;margin-left:-150px}
.tm-bg-control{display:inline-block;width:14px;height:14px;background-color:rgba(255,255,255,0.5);margin:6px;cursor:pointer}
.tm-bg-control.active,.tm-bg-control:hover{background-color:#fff}
.tm-container{width:100%;height:100%;min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:space-between}
.video-container{width:90%;position:relative;display:flex;flex-direction:column;justify-content:space-between;margin-left:3%}
.video-container1{width:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;margin-left:3%}
.konzert-container{width:85%;position:relative;display:flex;flex-direction:column;justify-content:space-between;margin-left:8%}
.vid{padding:5px}
.tm-row{display:flex}
.tm-col-left{width:46%;height:100%;padding-left:40px;padding-right:40px}
.tm-content-kon{margin-top:50px;padding-right:20px}
.tm-col-left-kon{width:50%;height:100%;padding-left:40px;padding-right:40px}
.tm-col-right-kon{width:50%;height:100%;padding-left:70px;padding-right:70px}
.tm-col-right{width:50%;height:100%;padding-left:70px;padding-right:70px}
.tm-content{max-width:660px;margin-top:50px;padding-right:20px}
.tm-about{max-width:525px}
.tm-about-konzert{max-width:625px}
::-webkit-scrollbar{-webkit-appearance:none;width:10px}
::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(255,255,255,.8);box-shadow:0 0 1px rgba(255,255,255,.8)}
.tm-content-title{font-size:1.5rem}
hr{border-top:1px solid #fff}
.btn{padding:10px 25px;border-radius:0}
.btn-big{padding:9px 40px;font-size:1.2rem}
.btn-primary{background-color:#fff;color:#000;border:0}
.btn-primary:hover{background-color:#9CC;color:#000}

.btn1 {
  display: inline-block;
  padding: 6px 12px;
  margin: 2px 4px 2px 0;
  font-size: 1em;
  color: #fff;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: noneuser-select: none;
  background-color:#103144;
  border: 1px solid #60727d;
  border-radius: 4px;
}
.tm-site-footer{padding:40px 0 20px;max-width:660px;font-size:.95rem}
.tm-col-footer{padding-left:0}
.tm-text-link{color:#fff}
.tm-text-link1{color:#fff;font-size:2em}
.tm-text-link:hover,.tm-text-link:focus{color:#dadadf}
.tm-service-text{max-width:365px}
.tm-service-img{margin-right:25px}
.tm-service-img-r{margin-left:25px}
.form-control,textarea{color:#fff;background-color:transparent;background-clip:padding-box;border:none;border-bottom:1px solid #999A9B;border-radius:0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding:10px 0;font-family:'PT Sans',Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}
.form-control:focus{color:#fff;background-color:transparent;box-shadow:none;border-color:#9CC;outline:none}
.mb-85{margin-bottom:85px}
.tm-contact-main{max-width:690px}
.tm-contact{max-width:420px;margin-left:auto;margin-right:auto}
.form-control::-webkit-input-placeholder{color:#fff}
.form-control:-ms-input-placeholder{color:#fff}
.form-control::placeholder{color:#fff}
@media (max-width: 1200px) {
.nav-item{margin-right:15px}
.tm-page-right{padding-left:30px;padding-right:30px}
}
@media (max-width: 992px) {
.tm-nav{position:absolute;background:rgba(0,0,0,0.8);color:#fff;top:44px;right:4px;z-index:55512000 !important;}
.navbar-expand-lg .navbar-nav .tm-nav-link{color:#fff;font-size:1.1rem;padding:10px 10px}
.nav-item{margin-right:0}
.nav-item.active .tm-nav-link,.nav-item:hover .tm-nav-link{color:#9CC}
.tm-content{margin-top:20px}
.tm-site-footer{padding-top:40px}
.tm-col-left{width:40%}
.tm-col-right{width:60%;padding-left:100px;padding-right:30px}
.tm-col-footer{padding-left:0}
}
@media (max-width: 768px) {
.tm-row{flex-direction:column}
.tm-col-left,.tm-col-right,.tm-bg-left,.tm-bg-right{width:100%}
#tm-main-nav{position:fixed;top:50px;right:40px;padding-bottom:0}
.tm-bg{flex-direction:column}
.tm-bg-left{height:200px;border-bottom:50px solid rgba(0,0,0,0.5);border-right:0;border-top:0}
.tm-bg-right{height:calc(100% - 200px)}
.tm-bg-controls-wrapper{margin-left:0;margin-top:50px}
.tm-content{max-height:none;margin-top:40px}
.tm-col-right{padding-top:40px;padding-left:30px}
.tm-col-footer{padding-left:10px;padding-right:10px}
}
@media (max-width: 460px) {
.tm-nav{position:absolute;background:rgba(0,0,0,0.9);color:#fff;top:14px;right:4px;z-index:1200;}	
.tm-logo{margin-right:15px}
.tm-sitename{font-size:1.8rem}
.tm-slogon{font-size:.8rem}
.logo{font-size:1.2em;text-transform:uppercase;font-weight:700}
}
@media (max-width: 450px),(min-width: 768px) and (max-width: 830px),(min-width: 992px) and (max-width: 1040px) {
.tm-service-media{flex-direction:column}
.tm-service-media-img-l{flex-direction:column-reverse}
.tm-service-text{margin-top:20px}
.tm-service-img{margin-right:0}
.tm-service-img-r{margin-left:0}
}