/* -- IMPORTE -------------------------------------------------------------- */
@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');
}


/* -- Variablen ------------------------------------------------------------- */
:root {

/* Seite */
  --wininfo: block;
  --pg-width: 100%;
  --ct-width: 1400px;
  --pg-background: #fff;
/* Sections */
  --sc-width: 100%;
  --sc-background: transparent;
  --sc-margin-top: 0em;
  --sc-margin-bottom: 0em;
  --sc-padding-top: 1em;
  --sc-padding-bottom: 1em;

/* Farben */
  --cl-logo: #e2017b;
  --cl-logo2: #828282;
  --cl-logo-trans: rgba(226,1,123,0.8);
  --cl-gray: #444;

  --cl-border: #333;
  --cl-font: #454c53;
  --cl-body: #444;
  --cl-link: blue;
  --cl-link-hover: red;
  --cl-red: red;
  --cl-white: white;
  --cl-green: green;
  --cl-blue: blue;
  --cl-orange: orange;
  --cl-foo-background: transparent;

/* Schrift */
  --fs-body: 1em;
  --fs-h1: 1.8em;
  --fs-h2: 1.6em;
  --fs-h3: 1.4em;
  --fs-h4: 1.2em;
  --fs-h5: 1.1em;

/* Header */
/* Footer */
  --fo-margin-top: 2em;

}

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

.vsland { display: block; }
.kshome { display: none; }

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

body {
  height: 100%;
  width: 100%;
  font-size: 16px;
  color: var(--cl-body);
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  background-color: #efefef;
  scroll-behavior: smooth;
}

#page {
  padding: 0;
  margin: 0;
  border: 0;
  display: grid;
  grid-template-rows: min-content 1fr min-content;
  width: 100%;
  min-height: 100vh;
  min-width: 100%;
}

a { color: #de0077; font-weight: bold;}
a:hover { color: #de0077; font-weight: bold; text-decoration: underline;}

.btn.btn-ks {
  background: #de0077;
  color: #fff;
  border: 0;
  text-shadow: none;
}
.btn-ks:hover { background: #c4006b; color: #fff; text-shadow: none; }
.btn-ks i { color: #fff; font-size: 18px; margin-right: 10px; }

.ht-txt {
    margin-bottom: 20px;
}

.ht-logo {
    width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
}

header {
	height: 130px;
  background-color: #efefef:
	width: 100%;
  padding-top: 20px;
  margin-bottom: 20px;
}
.kslogo a img { float: left; width: 190px; }

.logo .logo-inner { width: 300px; float: right; }

.logo a.logo-txt { font-family:"Poppins"; font-weight: bold; text-align: right; display: block; font-size: 28px; color: #cd2028; width: 100%; margin-left: 0px; padding-top: 0px; padding-bottom: 0px;  }
.logo h1 { margin-bottom: 15px; }
.logo h2 { font-size: 26px; margin-top: 10px; }
.logo a.logo-img img { width: 100%; }

.logo a xh1 { font-size: 28px; padding-left: 0px; color: #ddd; }
.logo a:hover { color: #6f003d; text-decoration: none;}

@media only screen and (max-width : 996px) {
  header {
	  height: auto;
    background-color: #efefef:
    width: 100%;
    padding-top: 20px;
    margin-bottom: 20px;
  }
.kslogo a img { float: none; margin: 0 auto; width: 190px; }
.logo .logo-inner { width: 100%; }
}

.se-content.leistungen { width: 1140px !Important; }

#wrapper { background-color: none; padding-bottom: 40px !Important; }

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

.no-padding { padding-left: 0; padding-right: 0; }

hr.ks-trenner {
  border: 0;
  height: 2px;
  background-color: #de0077;
  margin: 26px auto;
}

/* -- ÜBERSCHRIFTEN --------------------------------------------------------- */
h1,h2,h3,h4,h5 { color: var(--cl-font); margin-bottom: 16px; }
h1 { font-size: var(--fs-h1); color: var(--cl-gray); }
h2 { font-size: var(--fs-h2); color: var(--cl-gray); }
h3 { font-size: var(--fs-h3); }
h4 { font-size: var(--fs-h4); }
h5 { font-size: var(--fs-h5); }

/* -- FOOTER ---------------------------------------------------------------- */
footer { background: #e2e2e2; padding:20px 0 20px 0; color: #333; }
footer a { color: #333; font-weight: normal; }

/* -- RECHTLICHES ----------------------------------------------------------- */
.rechtliches p { display: block; float: left; margin: 0; padding: 0; margin-right: 10px; }
.rechtliches p a { margin: 0; padding: 0; }

.rechtliches .arecht ul { text-align: center; margin: 0; padding: 0; }
.rechtliches .arecht li { font-size: 13px; display: inline; list-style: none; margin-right: 5px; padding: 5px; background: transparent; }

/* -- MEDIA-QUERIES --------------------------------------------------------- */


@media only screen and (max-width : 996px) {
}

@media only screen and (max-width : 768px) {
}

@media only screen and (max-width : 480px) {
  .container { width: 100%; }
}

@media only screen and (max-width : 320px) {
}