/* -- FONTS ----------------------------------------------------------------- */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../../../../../lib/fonts/poppins/poppins-v20-latin-regular.woff2') format('woff2');
}


/* -- LAYOUT --------------------------------------------------------------- */

:root {
    --cl-logo: #de0077;
    --cl-text: #454c53;

/* Maße */
    --w-page: 1400px;
    --page-top: 10px;
    --page-bottom: 10px;
    --w-cont: 1170px;


/* Überschriften */

    --cl-h1: #454c53;
    --cl-h2: #454c53;
    --cl-h3: #454c53;
    --cl-h4: #454c53;
    --cl-h5: #454c53;
    --cl-h6: #454c53;

    --fs-h1: 3.2rem;
    --fs-h2: 2.6rem;
    --fs-h3: 2.2rem;
    --fs-h4: 1.8rem;
    --fs-h5: 1.6rem;
    --fs-h6: 1.2rem;


    --cl-bg: #ffffff;
    --cl-body-bg: #efefef;
    --cl-line: #555555;
    --cl-middle: #666666;
    --cl-light: #333333;

    --cl-link: var(--cl-logo);
    --cl-link-hover: var(--cl-text);

    --cl-navbg: var(--cl-bg);
    --cl-navlink: var(--cl-text);
    --cl-navlinkhover: var(--cl-bg);
    --cl-navlinkhoverbg: var(--cl-logo);

    --cl-highlight: #ff1c32;

    --footer-width: 1180px;
    --cl-footer-text: #ffffff;
    --cl-footer-bg: var(--cl-body-bg);

    --kev-accent:        #de0077;
    --kev-accent-dark:   #c4006b;
    --kev-accent-soft:   #fbe6f1;
    --kev-ink:           #454c53;
    --kev-gray:          #444444;
    --kev-body-bg:       #efefef;
    --kev-card-bg:       #e2e2e2;
    --kev-card-bg-hover: #d4d4d4;
    --kev-termin-bg:     #828282;
    --kev-white:         #ffffff;
    --kev-border:        #dddddd;
    --kev-radius:        10px;
    --kev-shadow:        0 0 30px rgba(0,0,0,.06);
    --kev-font:          "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
    --kev-container:     1180px;
}

html { position: relative; min-height: 100%; margin: 0; padding: 0; scroll-behavior: smooth; }

body {
  font-size: 1.6rem;
  font-family: var(--kev-font);
  color: var(--cl-text);
  height: 100%;
  min-height: 100%;
  background: transparent;
  line-height: 1.6;
  
}
.kev-site-header{
  background-color:#efefef;
  padding-block:20px;
}
.kev-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}
.kev-header-inner img{ width:auto; }
.kev-ks-logo-link img{ max-height:92px; }
.kev-europa-logo-link img{ height:70px; max-width: 300px; }

@media (max-width: 768px){
  .kev-header-inner{ justify-content:center; text-align:center; }
}


#page {
    background: rgba(255,255,255,0.9);
    height: 100%;
    width: var(--w-page);
    margin: 0 auto;
    margin-top: var(--page-top);
    margin-bottom: var(--page-bottom);
    padding: 0;
    display: table;
    table-layout: fixed;
    display: flex;
    min-height: calc(100vH - 20px);
    flex-direction: column;
}

#wrapper {
    flex: 1;
    height: 100%;
    background-color: transparent;
    padding-bottom: 0px !Important;
}

.container { width: var(--w-cont); }

.container div.se-cont.container { width: 100% !Important; }
.se-row { margin-right: -15px; margin-left: -15px; }


/* -- ÜBERSCHRIFTEN --------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--kev-font);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 0.25em;
}
h1 { color: var(--cl-h1); font-size: var(--fs-h1); }
h2 { color: var(--cl-h2); font-size: var(--fs-h2); }
h3 { color: var(--cl-h3); font-size: var(--fs-h3); }
h4 { color: var(--cl-h4); font-size: var(--fs-h4); }
h5 { color: var(--cl-h5); font-size: var(--fs-h5); }
h6 { color: var(--cl-h6); font-size: var(--fs-h6); }

.se-section h1, .se-section h2, .se-section h3, .se-section h4, .se-section h5 { margin-top: 0; }

a { color: var(--cl-link); font-weight: 700; text-decoration: none; }
a:hover { color: var(--cl-link-hover); text-decoration: underline; }

/* -- SOCIAL ---------------------------------------------------------------- */
.social {}
.social li a i { color: #333 }
.social li a:hover i { color: #de0077 }

/* -- RECHTLICHES ----------------------------------------------------------- */
.rechtliches p { margin: 0; padding: 0; }
.rechtliches p a { margin: 0; padding: 0; }

/* -- FOOTER ---------------------------------------------------------------- */
.kev-site-footer{ background:#e2e2e2; padding:20px 0; color:#333; }
.kev-site-footer a{ color:#333; font-weight:400; }
.kev-site-footer a:hover{ color:var(--kev-accent); }
.kev-rechtliches ul{ text-align:center; margin:0; padding:0; list-style:none; }
.kev-rechtliches li{ font-size:13px; display:inline; margin-right:5px; padding:5px; }
.kev-copyright{ text-align:center; font-size:1.36rem; margin-top:6px; }



#page { width: 100%; max-width: none; margin: 0; background: var(--kev-body-bg); }

.kev-container { width: 100%; max-width: var(--kev-container); margin-inline: auto; padding-inline: 20px; }

img{ max-width:100%; }

.kev-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--kev-accent);
  color:#fff;
  border:0;
  border-radius:6px;
  padding:12px 22px;
  font-weight:700;
  font-size:1.6rem;
  cursor:pointer;
  font-family:inherit;
  text-decoration:none;
}
.kev-btn:hover{ background:var(--kev-accent-dark); color:#fff; text-decoration:none; }
.kev-btn-lg{ padding:16px 32px; font-size:1.84rem; }

@media only screen and (max-width : 1200px){
    #page { width: 99%; margin: 0px auto; }
    .container { width: 100%; }
}