body {
    margin: 0; 
	padding: 0;
	color: var(--primary);
	font-family: var(--font);
	font-weight: 300;
    background-color: var(--zero);
}

* {
  box-sizing: border-box;
}

html,
body {
	width: 100%;
    height: 100%;
}

/* HEADER - SECTION */


/*
header {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative; 
    width: 100%;
    height: 100%;
    background-position: top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--zero);
}
*/

header.halb {
    position: fixed;
    width: 100%;
    height: 80px;
    z-index: 1;
}

@media screen and (min-width:480px) {
	header.halb {
		height: 120px;
    }
}

header.header-scrolled {
    background-color: var(--secondary);
}


.splitter {
  display: block;
  width: 100%;
  height: 100vH;
}
.splitter div {
  height: 50vH;
    width:100%;
  color: #fff;
  text-align: center;
    display: flex;
    justify-content: center;
    align-items:center; 
}

.splitter div:hover {
  flex: none;
}
.splitter .left {
  background: #fff;
    color:#000;
    padding-top:70px;
}
.splitter .left:hover h1 {
  color: #000;
}
.splitter .right {
  background-image: url("../images/content/startbild.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.splitter .right:hover h1 {
  color: #fff;
}

@media (min-width:480px) {
    .splitter {
      display: flex;
      flex-direction: row;
      width: 100vw;
      height: 100vh;
    }
    .splitter div {
      flex: 1;
      height: 100vh;
      transition: flex 0.5s ease-out;
      color: #fff;
      text-align: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items:center; 
    }

    .splitter div:hover {
      flex: 1.5;
    }
    .splitter .left {
      background: #fff;
        color:#000;
    padding-top:inherit;
    }
    .splitter .left:hover h1 {
      color: #000;
    }
    .splitter .right {
      background-image: url("../images/content/startbild.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .splitter .right:hover h1 {
      color: #fff;
    }
}

/* LAYOUT */

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container {
        width: auto;
    }
}

@media (min-width:992px) {
    .container {
        width: auto;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
}


/* LINKS */

a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
    text-decoration: none;
    color: var(--primary);
}

#impressum a,
#impressum a:visited {
    color: var(--primary);
    background-color: var(--secondary);
	outline: none;
    text-decoration: none;
    font-weight: 600;
    padding: 1px 2px 2px 2px;
    margin-left: 5px; 
    margin-right: 5px;
}

#impressum a:hover, 
#impressum a:focus, 
#impressum a:visited:hover {
    color: var(--zero);
    background-color: var(--primary);
    text-decoration: none;
	outline: none;
}

a,
a:visited {
    color: var(--primary);
	outline: none;
    text-decoration: none;
}

a:hover, 
a:focus, 
a:visited:hover {
    color: var(--secondary);
    text-decoration: none;
	outline: none;
}


/* LISTEN */

ul.standardlisten {
	margin-top: -20px;
	margin-bottom: 1.2em;
	padding-inline-start: 30px;
}







.row.hinweis {
    margin-bottom: 0px;
}

.hinweis h4 {
    display: inline-block;
    background-color: var(--primary);
    color: var(--zero);
    padding: 5px;
}

.hinweis p {
    display: inline-block;
    background-color: var(--zero);
    padding: 5px;
}

section { 
    background-color: #fff; 
    padding: 9em 0em 5em 0em; 
}


@media (min-width:768px) {
    section { 
        padding: 9em 0em 5em 0em; 
    }
}




section#kontakt {
	background-color: var(--secondary);
}




.row { margin-bottom: 30px; }

@media screen and (min-width:992px) {
	.row { margin-bottom: 50px; }
}

.nopadding { padding: 0px; }

.nodistance { margin: 0px; }


@media (min-width: 768px) {
	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  flex-wrap: wrap;
      justify-content: center; 
	}
}

	

/* MAP */

.responsiveContainer {
  position: relative;
  height: 300px;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* FOOTER */

footer {
	width: 100%;
    background: var(--primary);
	padding: 15px 15px 5px 15px;
	font-weight: 300;
}

footer p {
    margin: 0;
	color: var(--zero) !important;
    margin-bottom: 10px;
}

footer a { color: var(--zero) !important; text-decoration: none; }
footer a:hover { color: var(--tertiary) !important; text-decoration: none; }
footer a:visited { color: var(--zero) !important; }
footer a:visited:hover { color: var(--tertiary) !important; text-decoration: none; }
footer a:focus { color: var(--zero) !important; }


footer .text-left {
	text-align: center;
}
footer .text-right {
	text-align: center;
}

@media (min-width: 768px) {
	footer .text-left {
		text-align: left;
	}
	footer .text-right {
		text-align: right;
	}
}

footer .kgp-signet {
	font-size: 2em;
}


/* Datenschutz langer Link */

#ds a {
	word-wrap: break-word;
}