/* @import url(//cdn.delta.wien/fonts/catamaran-v8-latin/catamaran.css?family=Catamaran);
    @import url(//cdn.delta.wien/fonts/lato-v17-latin/lato.css?family=Lato);
    @import url(//cdn.delta.wien/fontsfonts/work-sans-v9-latin/work-sans.css?family=Work+Sans);
*/
body {
  font-family: 'Work Sans' !important;
}

#logo {
  width: 70%;
  max-width: 700px;
}

h, p, a {
  font-family: 'Work Sans' !important;
}

.roccoco-font {
}

.head-text {
  color: #2d2d2d;
  font-size: 3rem !important;
}

.main-container {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

}

#main_roccoco {
  background: rgba(111,134,255,0.41);
  padding-top: 3rem;
}

@media (min-width: 996px) {
  #main_roccoco {
    background: rgba(111,134,255,0.41);
    /*padding-bottom: 2rem;*/
  }
}

#main_agency {
  background: rgba(186,57,255,0.22);
  padding-bottom: 40%;
  text-align: right;
}

#agency_intro {
  background: rgba(186,57,255,0.22);
}

@media (min-width: 992px) {
  #agency_intro {
    background: rgba(186,57,255,0.22);
  }
}

@media (min-width: 992px) {
  #main_agency {
    background: rgba(186,57,255,0.22);
    padding-bottom: 5%;
  }
}

.btn {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  
    background: rgb(125 114 216 / 48%);
    color: #ffffff;
    margin-top: 1rem;
    font-size: 1.1rem;
    width: 20vw;
    padding: 0.8rem 0.8rem 0.8rem 0.8rem;
    
}

#nav, #footer {
  background-color: #28206A !important;
}

#nav-logo {
  width: 500px;
  height: 50px;
  /*height: 90%;*/
  background: url("../../assets/img/aufblau.svg") no-repeat;
  background-size: contain;
  display: none;
}

.navbar-toggler {
  margin-top: 1rem;
  /*position: absolute;*/
  /*right: 0;*/
  float: right;
}

#agency_services {
  /*background: url("../../assets/img/AdobeStock_339835647.jpg") 100% 100% / auto 80% no-repeat;*/
  background-color: #fdad3c;
  font-style: white !important;
}

.services-icons {
  width: 72px;
  height: 72px;
  font-size: 72px;
  color: #ff057d !important;

}

#services_website {
  background-color: rgba(111,134,255,0.41);
}

.features-icons-icon {
  margin-bottom: 1rem;
}

h3, h2 {
  font-family: 'Work Sans' !important;
}

p {
  /*font-size: 1.2rem;*/
  font-size: 1.2rem;
}

#form-wrapper {
  background: #f1f7fc;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  padding: 2rem;
  background: rgb(237,240,255);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

h1 {
  font-size: 1.9rem !important;
  font-family: 'Work Sans', sans-serif !important;
}

#usp_roccoco {
  background: rgba(166,68,244,0.41);
  padding-top: 3rem;
  padding-bottom: 3rem;
}

#roccoco-container {
  padding-top: 3rem;
}

h1,h2,h3{
    margin-bottom: 0.8rem;
}

h2 {
  font-size: 1.6rem !important;
  font-family: 'Work Sans', sans-serif !important;
}

h3 {
  color: #ff057d;
}

p {
  margin-bottom: 0.5rem;
}

.pages-column {
  padding: 1rem;
  background-color: white;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.page-content {
  padding: 1rem;
  background-color: white;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.category-column {
  -webkit-column-gap: 0.75rem !important;
  -moz-column-gap: 0.75rem !important;
  -moz-grid-row-gap: 0.75rem !important;
  -webkit-grid-row-gap: 0.75rem !important;
  column-gap: 20px;
  grid-row-gap: 0.75rem !important;
}