/*
 Theme Name:     Startup & Innovation Summit
 Theme URI:      https://startup-innovation-summit.de
 Description:    Startup & Innovation Summit
 Author:         agenturkappa.com – Alexander Sperrle
 Author URI:     https://agenturkappa.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* ------------------------------------------------------- */


/* Webfonts */

/* ubuntu-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../cms/fonts/ubuntu-v21-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../cms/fonts/ubuntu-v21-latin_latin-ext-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ubuntu-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('../cms/fonts/ubuntu-v21-latin_latin-ext-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../cms/fonts/ubuntu-v21-latin_latin-ext-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ubuntu-400-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../cms/fonts/ubuntu-v21-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../cms/fonts/ubuntu-v21-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ubuntu-400-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('../cms/fonts/ubuntu-v21-latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../cms/fonts/ubuntu-v21-latin_latin-ext-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ubuntu-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../cms/fonts/ubuntu-v21-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../cms/fonts/ubuntu-v21-latin_latin-ext-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ubuntu-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('../cms/fonts/ubuntu-v21-latin_latin-ext-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../cms/fonts/ubuntu-v21-latin_latin-ext-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ubuntu-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../cms/fonts/ubuntu-v21-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../cms/fonts/ubuntu-v21-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ubuntu-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: url('../cms/fonts/ubuntu-v21-latin_latin-ext-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../cms/fonts/ubuntu-v21-latin_latin-ext-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Variablen Colors, Typo */


/* Typografie */

 /*Silbentrennung, Rendering */
body, p, h1, h2, h3, h4, h5, h6 {
 -moz-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto; 
 text-rendering: optimizeLegibility; 
 font-synthesis: none;
 
}


/* Formatvorlagen */


/* Layout */


/* Inhalt vertikal zentrieren*/
.content-vertical-align-center {  
  display: flex;  
  flex-direction: column;  
  justify-content: center!important;
}

.centered {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.bottomed {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
}

/* Inhalt vertikal unten ausrichten */
.content-vertical-align-bottom {  
  display: flex;  
  flex-direction: column;  
  justify-content: flex-end!important; 
}

/* Inhalt vertikal oben ausrichten */
.content-vertical-align-top {  
  display: flex;  
  flex-direction: column;  
  justify-content: flex-start!important; 
}


/* =Small Margins Template Shortcodes Columns
-------------------------------------------------------------- */

.full_width  {
  width: 100%;
}
.one_half {
  width: 49%;
  margin-right: 2%;
}
.one_half.last_column {
  width: 49%;
  margin-right: 0px;
}
.one_third {
  width: 32% !important;
  margin-right: 2% !important;
}
.one_third.last_column {
  width: 32% !important;
  margin-right: 0px !important;
}
.two_third {
  width: 66% !important;
  margin-right: 2% !important;
}
.two_third.last_column {
  width: 66% !important;
  margin-right: 0px !important;
}
.one_fourth {
  width: 23.5% !important;
  margin-right: 2% !important;
}
.one_fourth.last_column {
  width: 23.5% !important;
  margin-right: 0px !important;
}
.three_fourth {
  width: 74.5% !important;
  margin-right: 2% !important;
}
.three_fourth.last_column {
  width: 74.5% !important;
  margin-right: 0px !important;
}
.one_fifth {
  width: 18.4% !important;
  margin-right: 2% !important;
}
.one_fifth.last_column {
  width: 18.4% !important;
  margin-right: 0px !important;
}
.two_fifth {
  width: 39% !important;
  margin-right: 2% !important;
}
.two_fifth.last_column {
  width: 39% !important;
  margin-right: 0px !important;
}
.three_fifth {
  width: 59% !important;
  margin-right: 2% !important;
}
.three_fifth.last_column {
  width: 59% !important;
  margin-right: 0px !important;
}
.four_fifth {
  width: 79.6% !important;
  margin-right: 2% !important;
}
.four_fifth.last_column {
  width: 79.6% !important;
  margin-right: 0px !important;
}
.one_sixth {
  width: 15% !important;
  margin-right: 2% !important;
}
.one_sixth.last_column {
  width: 15% !important;
  margin-right: 0px !important;
}

/* =Responsive shortcode Columns
-------------------------------------------------------------- */
/* Maximum width of 600 pixels. */
@media (max-width: 768px) {
  .full_width,
  .one_half,
  .one_third,
  .two_third,
  .one_fourth,
  .three_fourth,
  .one_fifth,
  .two_fifth,
  .three_fifth,
  .four_fifth,
  .one_sixth,
  .five_sixth
  .one_half.last_column,
  .one_third.last_column,
  .two_third.last_column,
  .one_fourth.last_column,
  .three_fourth.last_column,
  .one_fifth.last_column,
  .two_fifth.last_column,
  .three_fifth.last_column,
  .four_fifth.last_column,
  .one_sixth.last_column,
  .five_sixth.last_column {
    clear: both;
    width: 100%!important;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1em;
  }
}

/* Tastaturnavi */

/* Basis: nur Tastaturnutzer sehen den Ring */
:where(a[href], button, input:not([type="hidden"]), select, textarea,
       [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 3px solid var(--color-gray-hover); !important;
  outline-offset: 5px !important;
  border-radius: inherit!important;
  box-shadow: none !important; /* falls Plugin/Theme Fokus via Schatten macht */
}

/* Fallback für sehr alte Browser ohne :focus-visible (heute selten) */
:where(a[href], button, input:not([type="hidden"]), select, textarea,
       [role="button"], [tabindex]:not([tabindex="-1"])):focus {
  outline: 3px solid var(--color-gray-hover)  !important;
  border-radius: inherit!important;
  outline-offset: 5px !important;
}

/* Für Sprungmarken (#hash) */
a:focus-visible {
  outline: 2px solid var(--color-gray-hover); !important;
  outline-offset: 2px !important;
  border-radius: inherit;
 } 

:target {
outline: none;
}

/* Hintergrund */

body {

    background-image: linear-gradient(90deg, #f1f1f1 0%, #ffffff 18%, #ffffff 82%, #f1f1f1 100%) !important;
}

/* Menu Footer ohne Dropdown */

.et-l--footer {

  @media (max-width: 980px) {

    .et_pb_menu__menu {
      display: block;
    }
    .et_mobile_nav_menu {
      display: none;
    }

  }
}