/*//////////VARIABLES//////////*/

:root {
  /* Colors */
  --blau: #45aaa5; /*Primary Color*/
  --schwarzblau: #30323e; /*Primary Color*/
  --text-color: #6e7078;

  --lightgrey: #e0e0e0;
  --braun: #914e23; /*Secondary Color*/
  --dunkelblau: #006360; /*Secondary Color*/
  --inputs-border-color: var(--text-color) !important;


  --schwarzblau-light: #96A0A2;
  --gray: #96A0AB;
  --gray-light-1: #F0F0F0;
  --gray-light-2: #DEDEDE;
  --white: #fff;
  --warm-grey: #D0CAC7;
  --warm-grey-light: #FAF9F9;
  --cool-grey: #585A61;


  /* Margins */
  --margin-xl: 120px;
  --margin-l: 80px;
  --margin-m: 40px;
  --margin-s: 20px;
  --margin-xs: 10px;

  /* Paddings */
  --padding-xl: 120px;
  --padding-l: 80px;
  --padding-m: 40px;
  --padding-s: 20px;
  --padding-xs: 10px;

  /* Grid Widths */
  --grid-max: 1140px;
  --grid-base: 700px; /* nur für Desktopsize relevant */
  --grid-l: 1040px;
  --grid-m: 700px;
  --grid-s: 90%;

  /* Transition Animation Timing */
  --transition-quick: 0.2s linear 0s;
  --transition-mid: 0.6s ease 0s;

  --font-icons: 'icomoon';
}

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?cvu1z1");
  src: url("fonts/icomoon.eot?cvu1z1#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?cvu1z1") format("truetype"), url("fonts/icomoon.woff?cvu1z1") format("woff"), url("fonts/icomoon.svg?cvu1z1#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* ////////// Formular – Online bewerben ////////// */


.wpcf7-form input:not([type="submit"]):focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
  box-shadow: 0px 0px 0px 1px var(--braun);
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
  font-weight: normal;
  font-size: 0.89em;
  border-radius: 0;
  padding: 1.15em 2em 1em;
  background: var(--blau);
  border-color: transparent;
  color: var(--schwarzblau) !important;
  box-shadow: none;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  box-shadow: none;
  background: var(--braun);
  color: var(--white) !important;
}


input:not([type=submit]), textarea, select {
    font-size: inherit !important;
    border: 2px
  }

input:not([type="submit"]):focus, select:focus, textarea:focus {
      border-color: var(--braun) !important;
  }


/* ////////// FONTS ////////// */

span.kupfer {
  color: var(--braun);
}

body h1 {
  color: var(--schwarzblau) !important;
}

body p a {
    color: var(--braun) !important;
    text-underline-offset: 3px;
}

body p a:hover {
    color: var(--schwarzblau) !important;
    text-underline-offset: 5px;
}

a.mehr-erfahren:link {
  color: var(--braun) !important;
  text-underline-offset: 3px;
}

/* ////////// HEADER ////////// */


/* Beschreibungstexte im Menü hinzufügen */
.w-nav-control::after,
.w-search-open::after {
  display: inline-block;
  margin-left: var(--margin-s);
  font-size: 1.6rem !important;
}


.w-nav-control::after {
    content: "Menü";
}
.w-search-open{
  width: auto !important;
  margin-right: var(--margin-s);
}
.w-search-open::after {
    content: "Suche";
}


header#page-header {
    background: var(--schwarzblau);
}



h1.us_custom_cda6f729 {
  color: var(--white) !important;
}

h1#header-dunkle-schrift {
  color: var(--schwarzblau) !important;
}

/* HEADER STICKY FIXES */

 @media (min-width: 901px) {
    header.pos_fixed {
        position: sticky !important;
        top: 0;
        left: 0;
    }
}

/* ////////// FOOTER ////////// */

 section.l-section.wpb_row.height_auto.color_footer-bottom {
     padding: 1.5em;
}


#page-footer a {
  text-decoration: underline !important;
  text-underline-offset: 7px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--white);
  color: var(--white) !important;
  transition: all 0.3s ease;
}

#page-footer a:hover {
  color: var(--blau) !important;
  text-underline-offset: 10px;
  text-decoration-color: var(--blau) !important;
}

.l-footer p {
   color: var(--white) !important;
}


footer strong {
   font-weight: 400 !important;
}

footer .vc_col-sm-3:first-of-type p:nth-of-type(2),
footer .vc_col-sm-3:first-of-type p:nth-of-type(3),
footer .vc_col-sm-3:nth-of-type(2) p:nth-of-type(2),
footer .vc_col-sm-3:nth-of-type(2) p:nth-of-type(3) {
  line-height: 1.8em;
}


/* ////////// NAVI //////////*/

span.w-nav-title {
  font-size: 2em !important;
  line-height: 2em;
  color: var(--schwarzblau) !important
}

a.w-nav-anchor:hover span.w-nav-title {
  color: var(--braun) !important;
  text-decoration: underline;
  text-underline-offset: 10px;
}


/*////////// BUTTONS //////////*/


/* Button mit Outline  */

a.us-btn-style_5 {
  font-family: serif !important; /* $serif ersetzt durch 'serif', passe ggf. an */
  font-weight: normal;
  font-size: 1.6em;
  border-radius: 0;
  padding: 1.15em 2em 1em;
  box-shadow: inset 0 0 0 2px var(--braun);
  background-color: transparent;
}


/*
.w-btn.us-btn-style_1 {
  background-color: var(--schwarzblau);
  color: var(--blau) !important;
}


body .w-btn.us-btn-style_1:hover {
  background-color: var(--blau) !important;
  color: var(--schwarzblau) !important;
} */
.w-btn-wrapper.align_left .w-btn.us-btn-style_1,
.w-btn-wrapper.align_center .w-btn.us-btn-style_1,
.w-btn-wrapper.align_none .w-btn.us-btn-style_1 {
  background-color: var(--blau);
  color: var(--schwarzblau) !important;
}
.w-btn-wrapper.align_left .w-btn.us-btn-style_1:hover,
.w-btn-wrapper.align_center .w-btn.us-btn-style_1:hover,
.w-btn-wrapper.align_none .w-btn.us-btn-style_1:hover {
  background-color: var(--braun) !important;
  color: var(--white) !important;
}


  section#home-news-button a.w-btn.bewerben {
   color: var(--schwarzblau) !important;
 }
 section#home-news-button a.w-btn.bewerben:hover {
    background-color: var(--schwarzblau) !important;
    color: var(--blau) !important;
    box-shadow: inset 0px -1px 0px var(--blau);

}


a.mehr-erfahren:link {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}
a.mehr-erfahren:link:hover {
      text-underline-offset: 5px;
}

/* /// Download-Icon /// */
.download-link .icon-icon-download {
    border: 2px solid var(--braun) !important;
}
span.icon-icon-download.dl-w-icon::before {
  color: var(--braun);
}

.download-link:hover .icon-icon-download {
    box-shadow: var(--braun) 0px 0px 0px 30px inset !important;

  }
.download-link:hover .dl-w-icon::before {
    color: var(--white) !important;
}



/*////////// Module //////////*/


section.l-section.wpb_row.us_custom_249d2f97.height_medium {
background: var(--warm-grey-light)!important;
}

.w-grid-list h4,
.w-grid-list p {
 color: var(--schwarzblau) !important;
}

.w-grid-list .usg_post_custom_field_7.email a {
  text-decoration: underline !important;
  text-underline-offset: 3px;
  color: var(--braun) !important;
}
.w-grid-list .usg_post_custom_field_7.email a:hover {
  text-underline-offset: 5px;
  color: var(--schwarzblau) !important;
}



/* ////// Beratungsangebot Banner //////*/


#beratungsangebot span.weiss {
  color: var(--schwarzblau)
}

body .l-canvas.type_wide #beratungsangebot a.w-btn.us-btn-style_1 {
  background-color: var(--white);
}

body .l-canvas.type_wide #beratungsangebot a.w-btn.us-btn-style_1:hover {
  color: var(--white);
  background-color: var(--schwarzblau)!important;
}

/* ////// HOME //////*/
/* sticky header fix */
.home .l-canvas{
  overflow: unset !important;
}

/* ////// Home Banner Studieren an der HFS //////*/



.wpb_text_column.us_custom_6df4bc3a a::before {
      content: "\e910";
      font-size: 110%;
      font-family: var(--font-icons);
      display: inline-block;
      padding-right: var(--s-xs);
      position: relative;
      top: 3px;
}
.wpb_text_column.us_custom_6df4bc3a a {
  /* color: var(--schwarzblau) !important; */
    text-underline-offset: 6px;
}

.wpb_text_column.us_custom_6df4bc3a a:hover {
    text-underline-offset: 9px;
}

/* ////// Accordion //////*/

div.w-tabs.accordion .w-tabs-section.active .w-tabs-section-title {
  color: var(--schwarzblau);
}

div.w-tabs.accordion ul:not(.slick-dots) li:before {
  color: var(--braun) !important;
}

.w-tabs-sections.icon_chevron > div > .w-tabs-section-header .w-tabs-section-control:before {
  color: var(--braun)
}


/* ////// Studium / Fakten auf einen Blick //////*/
.l-section.auf-einen-blick .w-btn-wrapper {
    margin: 0 0 1rem 0;
}

.l-section.auf-einen-blick  .w-btn-wrapper.align_right a.w-btn.us-btn-style_1 {
  background-color: var(--braun);
  color: var(--white) !important;
}

.l-section.auf-einen-blick .w-btn-wrapper.align_right a.w-btn.us-btn-style_1:hover {
  background-color: var(--schwarzblau);
}


/* .l-section.auf-einen-blick a[href="https://hfs.ymnky.space/online-bewerbung/"] {
  color: var(--braun);
} */

.l-section.auf-einen-blick ul.slick-dots {
    margin-top: var(--margin-xs) !important;
}
.l-section.auf-einen-blick span.download-title {
  color: var(--braun);
  text-decoration: underline;
  text-underline-offset: 5px;
  margin-bottom: var(--margin-xs)
}
.l-section.auf-einen-blick span.download-title:hover {
  text-underline-offset: 8px}

  .l-section.auf-einen-blick .download-link .download-info .download-file-details {
    color: var(--text-color);}


/* ////// Studium / Links unten //////*/

#us_grid_2 h3 a {
  font-size: 1.65em;
  text-decoration: underline;
  text-underline-offset: 6px;
  color: var(--white);
  font-weight: 500;
}

#us_grid_2 .w-grid-item-h:hover .usg_post_title_1 a {
  text-underline-offset: 10px;
  }


  /*/////Zitat/////*/

#statement h2 .weiss {
  color: var(--schwarzblau);
}


  /*/////Bulletbanner/////*/

  .us_custom_6df4bc3a h2,
  .us_custom_6df4bc3a li,
  .us_custom_6df4bc3a {
    color: var(--schwarzblau) !important;
  }

  /*/////GENERAL/////*/

/* focus styles for all elements */
*:focus-visible{
  box-shadow: 0 0 0 3px var(--blau);
  transition: all var(--transition-quick);
}

/* General transition for all elements */
a, input{
  transition: all var(--transition-quick);
}


.post-head::before {
  display: none;
}