:root {
  --accent-color: #9b4a52;
  --paragraph-color: #636363;
  --dark-color: #333;
  --light-color: #ccc;
  --transition: all 0.2s ease-in-out 0s;
}

html{font-size: 17px;}
body{font-size: 1rem; font-family: 'Montserrat', sans-serif;color: var(--paragraph-color);}

.home{background-image:url("../images/bg-home.jpg");background-repeat: no-repeat;background-position: center;background-size: cover;width: 100vw;height: 100vh;background-attachment: fixed;}
#content{display: flex;align-items: center;justify-content: center;height: 100vh;}
#content>.container{background: #fff;background: linear-gradient(to right, #fff 50%, var(--accent-color) 50%);width: 1600px;}
#content>.container .inner{padding: 60px 120px 100px;display: flex;flex-direction: column;}

.accent-content, .accent-content :is(h1, h2, h3, h4, h5, h6){color: #fff;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{color: var(--dark-color);margin-top: 0;}
h1, .h1{font-size: 2rem;margin-bottom: .676em;}
h2, .h2{font-size: 1.765rem;margin-bottom: 1.333em;}
h3, .h3{}
h4, .h4{}
h5, .h5{}
h6, .h6{}
p{line-height: 1.647em;margin-bottom: 1.6em;}
p + p:last-of-type{margin-bottom: 0;}
.simplebar-content a, #tab-gallery a {color: white; text-decoration: underline;}
.simplebar-content a .btn {text-decoration: none;color: var(--accent-color);}
strong{font-weight: 600;}

.bg-accent{background-color: var(--accent-color);}

.logo-signup{height:76px;margin: 60px 120px 0;}

.img-responsive{max-width: 100%;}


.btn{text-transform: uppercase;padding: 1rem;line-height: 1em;height: 53px;transition: var(--transition);}
.btn-accent{background: var(--accent-color);border: 2px solid var(--accent-color);color: #fff;}
.btn-accent:hover{background: #fff;color: var(--accent-color);}

button[type="submit"] {margin: 60px 0 20px;}

.nav > li > a:focus, .nav > li > a:hover {background: none;}
.nav-tabs{margin:0 0 30px;border: none;}
.nav-tabs > li:not(:last-child){margin-right: 20px;}
.nav-tabs > li > a{margin-right: 2px;line-height: 1.42857143;border: none;font-weight: 600;border-radius: 5px;}
.nav-tabs > li > a:hover {border-color: transparent;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{border: none;}

.form-tabs > li{}
.form-tabs > li > a{font-size: .941rem;color: var(--dark-color);padding: 10px 0;border-width: 0 0 2px;border-style: solid;border-color: transparent;position: relative;}
.form-tabs > li > a::after{content: "";width: 100%;height: 2px;background-color: transparent;position: absolute;left: 0;bottom: 0;}
.form-tabs > li > a:focus, .form-tabs > li > a:hover, .form-tabs > li.active > a, .form-tabs > li.active > a:focus, .form-tabs > li.active > a:hover{color: var(--accent-color);}
.form-tabs > li.active > a::after{background-color: var(--accent-color);}

.info-tabs{}
.info-tabs > li > a{background: #fff;font-size: .765rem;text-transform: uppercase;color: var(--dark-color);transition: var(--transition);}
.info-tabs > li > a:focus, .nav > li > a:hover{background: #fff;color: var(--accent-color);}
.info-tabs > li.active > a{color: var(--accent-color);}
.info-tabs > li.active > a, .info-tabs > li.active > a:focus, .info-tabs > li.active > a:hover{color: var(--accent-color);}

.desc-with-icons{}
.desc-with-icons li{position: relative;padding-left: 40px;margin-bottom: 30px;}
.desc-with-icons li i{position: absolute;left: 0;top: 0;}

.login-help{font-size: .824rem;}
.login-help a{color: var(--dark-color);}

.links-imprint{color: var(--light-color);font-size: .706rem;margin-top: auto;}
.links-imprint li{padding: 0;}
.links-imprint li:not(:last-child){margin-right: 20px;}
.links-imprint a{color: var(--light-color);}

.form-group{position: relative;}
.form-group  i[class^="fas"] {position: absolute;left: 20px;font-size: 1rem;bottom: 18px;z-index: 3;}
.form-control{height: 53px;border: 2px solid #E2E2E2;box-shadow: none;padding: 6px 12px 6px 50px;}
label{font-size: .882rem;color: var(--dark-color);font-weight: 400;}

.password-wrap .form-control{border-right: none;}
.password-wrap .input-group-addon{background: none;border-width:2px 2px 2px 0; border-style: solid;border-color: #e2e2e2;}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {position: relative;-webkit-appearance: none;visibility: hidden;}
input[type="checkbox"] + label {position: absolute;padding: 0;display: flex;align-items: center;}
input[type="checkbox"] + label::before {width: 20px;height: 20px;border-radius: 2px;margin-right: 10px;background-color: #fff;display: block;content: "";float: left;z-index: 5;position: relative;border: 2px solid #E2E2E2;transition: var(--transition);}
input[type="checkbox"]:checked+label::before {background-color: var(--accent-color);border-color: var(--accent-color);}

.tns-outer{margin-top: 40px;position: relative;}
.tns-nav{text-align: center;margin-top: 40px;}
.tns-nav > button{width: 10px;height: 10px;border-radius: 50%;border: 1px solid #fff;background-color: transparent;padding: 0;margin: 0 7px;-webkit-appearance: none;appearance: none;}
.tns-nav > button.tns-nav-active{background-color: #fff;}

.tns-controls{text-align: center;margin-top: 40px;
position: absolute;
top: calc(50% - 60px);
transform: translateY(-50%);
left: -40px;
right: -40px;
}
.tns-controls button{background: none;border: none;margin: 0;padding: 15px;}
.tns-controls button[data-controls="prev"]{float: left;}
.tns-controls button[data-controls="next"]{float: right;}

.accent-content .tab-content .tns-controls button i[class*="fa"]{margin: 0;font-size: 1rem;}

.tab-content{height: 630px;}
.accent-content .tab-content i[class*="fa"]{font-size: 1.353rem;margin-right: 15px;}
.tab-content > .tab-pane{height: 100%;}
.simplebar-scrollbar::before{background-color:#fff;}

.gallery-slider{}
.gallery-slider span{margin-top: 20px;font-size: 15px;display: block;/*text-align: center;font-style: italic;*/}

header{border-bottom: 5px solid var(--accent-color);}

.full-bg {background-position: center;background-repeat: no-repeat;background-size: cover;height: 100%;}
.banner{height:300px;}

.navbar{border-radius: 0;min-height: 0;margin: 0;}
.navbar-nav{height: 100%;display: flex;align-items: center;}
.navbar-nav > li > a{color: var(--dark-color);}

.navbar > .container-fluid{display: flex;}
.navbar-brand{height: auto;}
.navbar-brand img{height: 50px;}
.container-fluid > .navbar-collapse{margin-left: auto;}

@media only screen and (max-width: 1920px) {
  #content > .container{width: 1200px;}
  #content > .container .inner{padding: 60px 40px 100px;}
  .logo-signup{margin: 60px 40px 0;}
  .tab-content{height: auto;}
  .links-imprint{position: absolute;bottom: 0;}
}

@media only screen and (max-width: 1600px) {
  #content > .container{width: 1280px;}
  #content > .container .inner {padding: 40px;}
  .logo-signup{margin: 40px 40px 0;height: 60px;}
}

@media only screen and (max-width: 1024px) {
  .home{width: auto;height: auto;padding: 40px 0;}
  #content>.container{width: 970px;}
  .logo-signup{height: 52px;}
}

@media only screen and (max-width: 924px) {
  body{font-size: 0.9rem;}
.home{
  width: auto;

height: 100vh;
padding: 40px 0;
display: flex;
align-items: center;
}
  
  #content{height: auto;}
  .nav-tabs > li:not(:last-child){margin-right: 10px;}
  #content > .container{width: 100vw;}
  #content > .container .inner{padding: 20px;}
  .info-tabs > li > a{font-size: 12px;}

  h1, .h1 {font-size: 1.9rem;}
  h2, .h2{font-size: 1.5rem;}

  .links-imprint{position: static;margin-top: 50px;}
  .links-imprint .list-inline li:first-of-type{margin-bottom: 20px;}

  .logo-signup{margin: 30px 30px 0;}

.tns-controls{left: -25px;right: -25px;}
  .tns-controls button{padding: 0;}
}

}


@media only screen and (max-width: 768px) {

  .tns-ovh{width: 100%;}


}

@media only screen and (max-width: 767px) {
  h1, .h1{font-size: 1.412rem;line-height: 1.333em;}

  .home{height: auto;padding: 0;}

  .logo-signup{margin: 30px auto 0;}

  .accent-content, .accent-content :is(h1, h2, h3, h4, h5, h6){color: var(--dark-color); }


  #content > .container{background:#fff;min-height: 100vh;}
  #content > .container .inner{padding: 40px 20px;}

  .info-tabs{display: flex;justify-content: space-between;position: relative;width: 100%;}
  .info-tabs::before{display: none;}
  .info-tabs::after{content: "";height: 1px;background: var(--accent-color);width: 100%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 0;}
  .info-tabs > li{position: relative;z-index: 1;}
  .info-tabs > li:not(:last-child){margin: 0;}
  .info-tabs > li > a{width: 40px;height: 40px;text-align: center;font-size: 1rem;border-radius: 5px;border: 1px solid var(--accent-color);padding: 0;line-height: 40px;color: var(--accent-color);background: #fff;}
  .info-tabs > li.active > a, .info-tabs > li.active > a:focus, .info-tabs > li.active > a:hover{background: var(--accent-color);color: #fff;}

  .simplebar-content a, #tab-gallery a {text-decoration: none;color: var(--accent-color);}
}
