/* ------------------------------------------------------------------------- */
/*  1. GENERAL
    2. MENU
    3. CONTENT
    4. PAGE CATEGORIES
    5. MEDIA QUERIES
/* ------------------------------------------------------------------------- */


:root {
  --cat-purple: #D952CB;
  --cat-blue: #2D97D7;
  --cat-green: #89DE26;
}

/* ------------------------------------------------------------------------- */
/* GENERAL
/* ------------------------------------------------------------------------- */

.frame-type-menu_subpages ul {
  padding: 0;
  display: flex;
  justify-content: space-evenly;
  list-style: none;
  font-size: 1.4rem;
}
.frame-type-menu_subpages ul a {
  color: var(--main-color);
}
.frame-type-menu_subpages a:hover {
  color: var(--cat-purple);
}
.frame-type-menu_subpages.frame-layout-1 ul {
  display: block;
  columns: 3;
  text-align: center;
  margin-top: 4rem;
}

/* ------------------------------------------------------------------------- */
/* MENU
/* ------------------------------------------------------------------------- */
.subpage-menu #navigation .nav-logo-row img {
  filter: invert(1);
  transition: all .5s ease-in-out;
}
.subpage-menu .osmo-ui .btn-primary {
    background: var(--main-color);
    color: var(--white);
}
.subpage-menu #navigation.shrink .nav-logo-row img {
  transition: all .5s ease-in-out;
}
#navigation.shrink #contact-button {
    padding: 0.75rem 0rem;
    filter: invert(0);
    transition: all .5s ease;
}

/* ------------------------------------------------------------------------- */
/* CONTENT
/* ------------------------------------------------------------------------- */
#content-subpages .image-embed-item {
  width: initial;
  max-width: 80%;
  height: auto;
  margin: 0 auto;
  display: block;
  border-radius: 1em;
}
#content-subpages #teaser-image {
    height: 65vh;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

#content-subpages .image-caption {display: none;}

#content-subpages .btn.btn-primary, #content-subpages .btn.btn-primary.btn-sm {
  background: var(--main-color);
  border-color: var(--main-color);
  transition: all .5s ease-in-out;
  color: var(--white);
  margin: 15px auto;
  display: block;
  padding: 0.4rem 1.5rem; 
}

#teaser-image .hero-element .hero-link a::after, #teaser-image .btn.btn-primary.btn-sm::after {
  content: ' ';
  background-image: url(/fileadmin/user_upload/Assets/arrow.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  width: 27px;
  display: inline-block;
  height: 13px;
  transition: all .5s ease-in-out;
}


/* ------------------------------------------------------------------------- */
/* PAGE CATEGORIES
/* ------------------------------------------------------------------------- */
.cat-purple .hero-badge {
  border: 2px solid var(--cat-purple);
  color: var(--cat-purple);
}
#content-subpages.cat-purple  .btn.btn-primary.btn-sm {
  background: var(--cat-purple);
  border: 2px solid var(--cat-purple);
}
#content-subpages.cat-purple  .btn.btn-primary.btn-sm:hover {
  border: 2px solid var(--cat-purple);
}
.cat-blue .hero-badge {
  border: 2px solid var(--cat-blue);
  color: var(--cat-blue);
}
#content-subpages.cat-blue  .btn.btn-primary.btn-sm {
  background: var(--cat-blue);
  border: 2px solid var(--cat-blue);
}
#content-subpages.cat-blue  .btn.btn-primary.btn-sm:hover {
  border: 2px solid var(--cat-blue);
}
.cat-green .hero-badge {
  border: 2px solid var(--cat-green);
  color: var(--cat-green);
}
#content-subpages.cat-green  .btn.btn-primary.btn-sm {
  background: var(--cat-green);
  border: 2px solid var(--cat-green);
}
#content-subpages.cat-green  .btn.btn-primary.btn-sm:hover {
  border: 2px solid var(--cat-green);
}

#content-subpages.cat-purple .frame-type-header h2::after {
  background: var(--cat-purple);
}
#content-subpages.cat-blue .frame-type-header h2::after {
  background: var(--cat-blue);
}
#content-subpages.cat-green .frame-type-header h2::after {
  background: var(--cat-green);
}

/* ------------------------------------------------------------------------- */
/* MEDIA QUERY - < 591
/* ------------------------------------------------------------------------- */
@media(max-width: 591px) {
  .frame-default.frame-type-header {
    margin-top: 5rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  #content-subpages #teaser-image {
    height: 85vh;
    align-items: baseline;
    padding-top: 8em;
  }
  .subpage-menu #navigation .nav-logo-row img {
    filter: invert(0);
  }
  #text-animation .container .row.e-elementColumns1:nth-child(even) {
    display: flex;
    flex-direction: column-reverse;
  }
  /* MArketing LExikon*/
  .frame-type-menu_subpages.frame-layout-1 ul {
    display: block;
    columns: 1;
  }
  .frame-type-menu_subpages ul {
    padding: 0;
    display: block;
    list-style: none;
    font-size: 1.4rem;
    columns: 5;
  }
  .frame-type-menu_subpages ul li { text-align: center;}
}

@media(min-width: 2200px) {
  #content-subpages #teaser-image {
    height: 56vh !important;    
    padding-top: 6em;
  }
}

/* AGENTUR */

.desktopPhoto.bg:nth-child(1) {
  background-image: url(/fileadmin/user_upload/Team/stefanie_jany_geschaeftsfuehrerin_coupling_media.jpg) !important;
}
.desktopPhoto.bg:nth-child(2) {
  background-image: url(/fileadmin/user_upload/Team/daniela-michel-senior-manager-online-marketing-coupling-media.jpg);
}
.desktopPhoto.bg:nth-child(3) {
  background-image: url(/fileadmin/user_upload/Team/kristina-wiemann-senior-webdeveloper-coupling-media.jpg);
}
.desktopPhoto.bg:nth-child(4) {  
  background-image: url(/fileadmin/user_upload/Team/franziska-werner-grafikerin_coupling_media.jpg);
}
.desktopPhoto.bg:nth-child(5) {  
  background-image: url(/fileadmin/user_upload/Team/Mitarbeiter-Fotos-coupling-webseite-1000x1000px-Gerda.jpg);
}
.desktopPhoto.bg:nth-child(6) {  
  background-image: url(/fileadmin/user_upload/Team/adrian-uhe-werkstudent-informatik-coupling-media.jpg);
}

/* MOBILE Version */
.right { margin: 0;}

.mobilePhoto {
    min-height: 300px;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.mobilePhoto .portfolio-element {
    position: absolute;
    bottom: -6px;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding: 12px 18px;
}
.mobilePhoto .portfolio__categories { margin-bottom: 1em;}
.mobilePhoto .portfolio__categories_item { padding: 0;}

.mobilePhoto.bg:nth-child(1) {
  background-image: url(/fileadmin/user_upload/Team/stefanie_jany_geschaeftsfuehrerin_coupling_media.jpg) !important;
}
.mobilePhoto.bg:nth-child(2) {
  background-image: url(/fileadmin/user_upload/Team/daniela-michel-senior-manager-online-marketing-coupling-media.jpg);
}
.mobilePhoto.bg:nth-child(3) {
  background-image: url(/fileadmin/user_upload/Team/kristina-wiemann-senior-webdeveloper-coupling-media.jpg);
}
.mobilePhoto.bg:nth-child(4) {
  background-image: url(/fileadmin/user_upload/Team/franziska-werner-grafikerin_coupling_media.jpg);
}
.mobilePhoto.bg:nth-child(5) {
  background-image: url(/fileadmin/user_upload/Team/Mitarbeiter-Fotos-coupling-webseite-1000x1000px-Gerda.jpg);
}
.mobilePhoto.bg:nth-child(6) {
  background-image: url(/fileadmin/user_upload/Team/adrian-uhe-werkstudent-informatik-coupling-media.jpg);
}

.referenceItem { visibility: hidden;}
.follower__content {
  color: #fff;
  font-size: 0.9625rem !important;
}