/** **** BASIS-CSS ********* */
/** **** für Einstellungen, die nicht in den Abschnitt-CSS oder Plugin-CSS behandelt werden ********* */

html, body {
    scroll-behavior: smooth;
}

/** **** Schriftarten ********* */
@font-face {
    font-family: 'Catamaran';
    src: url('../fonts/catamaran/Catamaran-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Catamaran';
    src: url('../fonts/catamaran/Catamaran-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/** **** Farbschema ********* */
:root {
  --farbe-01: #fdfce8;	/* background body */
  --farbe-03: #21862e;	/* haupt-schriftfarbe */
  --farbe-06: transparent;	/* transparenter background */
  --farbe-07: #f3f19a;	/* background rechteck kopf und fussbereich */
  --farbe-21: #72a462;	/* linkfarbe im text sowie hover in menü und impressum u. datenschutz in fusszeile  */
}

/** **** Schriftformate ********* */
ul {
	display: block;
	list-style-type: disc;
	margin-top: 20px;
	margin-bottom: 36px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 20px;
	line-height: 1.7;
	font-size: 142%;
}

/** *************** LINKS ********************** */
a {
    color: var(--farbe-21);
    outline: none;
}
a:hover {
    color: var(--farbe-03);
    outline: none;
}
#titel-in-der-kopfzeile a {
	color: #939292;
}



/** **** Abstand-Schemata ********* */

/* ************* */
.abstand-nach-unten-schema-00 {
	margin-bottom: 0;
}

/* ************* */
.abstand-nach-unten-schema-30 {
	margin-bottom: 30px;
}
	@media screen and (max-width: 880px) {
		.abstand-nach-unten-schema-30 {
			margin-bottom: 20px;
		}
	}

/* ************* */
.abstand-nach-unten-schema-50 {
	margin-bottom: 50px;
}
	@media screen and (max-width: 880px) {
		.abstand-nach-unten-schema-50 {
			margin-bottom: 40px;
		}
	}

/* ************* */
.abstand-nach-unten-schema-80 {
	margin-bottom: 80px;
}
	@media screen and (max-width: 1200px) {
		.abstand-nach-unten-schema-80 {
			margin-bottom: 60px;
		}
	}
	@media screen and (max-width: 600px) {
		.abstand-nach-unten-schema-80 {
			margin-bottom: 40px;
		}
	}
	@media screen and (max-width: 500px) {
		.abstand-nach-unten-schema-80 {
			margin-bottom: 100px;
		}
	}

/* ************* */
.abstand-nach-unten-schema-100 {
	margin-bottom: 100px;
}
	@media screen and (max-width: 1200px) {
		.abstand-nach-unten-schema-100 {
			margin-bottom: 70px;
		}
	}
	@media screen and (max-width: 600px) {
		.abstand-nach-unten-schema-100 {
			margin-bottom: 60px;
		}
	}

/* ************* */
.abstand-nach-unten-schema-120 {
	margin-bottom: 120px;
}
	@media screen and (max-width: 1200px) {
		.abstand-nach-unten-schema-120 {
			margin-bottom: 80px;
		}
	}
	@media screen and (max-width: 900px) {
		.abstand-nach-unten-schema-120 {
			margin-bottom: 70px;
		}
	}
	@media screen and (max-width: 630px) {
		.abstand-nach-unten-schema-120 {
			margin-bottom: 64px;
		}
	}

/* ************* */
.abstand-nach-unten-schema-150 {
	margin-bottom: 150px;
}
	@media screen and (max-width: 880px) {
		.abstand-nach-unten-schema-150 {
			margin-bottom: 110px;
		}
	}

/* ************* */
.abstand-nach-unten-schema-180 {
	margin-bottom: 180px;
}
	@media screen and (max-width: 1200px) {
		.abstand-nach-unten-schema-180 {
			margin-bottom: 130px;
		}
	}
	@media screen and (max-width: 880px) {
		.abstand-nach-unten-schema-180 {
			margin-bottom: 80px;
		}
	}

/* ************* */
.abstand-nach-unten-schema-220 {
	margin-bottom: 220px;
}
	@media screen and (max-width: 880px) {
		.abstand-nach-unten-schema-220 {
			margin-bottom: 190px;
		}
	}

/** **** Breite-Schemata ********* */

/* ************* */
.breite-schema-1520px {
	width: 1520px;
}
	@media screen and (max-width: 1850px) {
		.breite-schema-1520px {
			width: 1424px;
		}
	}
	@media screen and (max-width: 1600px) {
		.breite-schema-1520px {
			width: 1360px;
		}
	}

/* ************* */
.breite-schema-1320px {
	width: 1320px;
}
	@media screen and (max-width: 1500px) {
		.breite-schema-1320px {
			width: 1200px;
		}
	}	
	@media screen and (max-width: 1360px) {
		.breite-schema-1320px {
			width: 80%;
		}
	}

/* ************* */
.breite-schema-1250px {
	width: 1250px;
}
	@media screen and (max-width: 880px) {
		.breite-schema-1250px {
			width: 1250px;
		}
	}

/* ************* */
.breite-schema-1100px {
	width: 1100px;
}
	@media screen and (max-width: 880px) {
		.breite-schema-1100px {
			width: 1100px;
		}
	}

/* ************* */
.breite-schema-100 {
	width: 100%;
}

/* ************* */
.breite-schema-90 {
	width: 90%;
}
	@media screen and (max-width: 880px) {
		.breite-schema-90 {
			width: 90%;
		}
	}

/* ************* */
.breite-schema-84 {
	width: 84%;
}
	@media screen and (max-width: 880px) {
		.breite-schema-84 {
			width: 84%;
		}
	}

/* ************* */
.breite-schema-76 {
	width: 76%;
}
	@media screen and (max-width: 880px) {
		.breite-schema-76 {
			width: 76%;
		}
	}

/* ************* */
.breite-schema-70 {
	width: 70%;
}
	@media screen and (max-width: 880px) {
		.breite-schema-70 {
			width: 70%;
		}
	}

/* ************* */
.breite-schema-64 {
	width: 64%;
}
	@media screen and (max-width: 880px) {
		.breite-schema-64 {
			width: 64%;
		}
	}

/* ************* */
.breite-schema-60 {
	width: 60%;
}
	@media screen and (max-width: 880px) {
		.breite-schema-60 {
			width: 60%;
		}
	}

/* ************* */
.breite-schema-56 {
	width: 56%;
}
	@media screen and (max-width: 880px) {
		.breite-schema-56 {
			width: 56%;
		}
	}

/* ************* */
.breite-schema-50 {
	width: 50%;
}
	@media screen and (max-width: 880px) {
		.breite-schema-50 {
			width: 50%;
		}
	}



/* ************* */
.breite-schema-440px {
	width: 440px;
}
	@media screen and (max-width: 880px) {
		.breite-schema-440px {
			width: 400px;
		}
	}