*{margin:0;padding:0;}

body	{
	margin:0;
	padding:0;
	font-family:var(--font-body);
	font-size:16px;
	line-height:24px;
  background:var(--color-bg);
  color:var(--color-txt);
	font-weight:400;
	}

p {margin-bottom:20px;}

/* -------------------- Farben -------------------- */
:root{
	--color-bg:#FFFFFF;
	--color-white:#FFFFFF;
	--color-blue:#4caac9;
	--color-dark:#333333;
	--color-txt:#444444;
	--font-body:'roboto', Arial;

	/* Fontsize-Skala (rem, Basis 16px) */
	--fs-h1-mobile:1.875rem;   /* 30px */
	--fs-h1-desktop:2.5rem;    /* 40px */
	--fs-h2-mobile:1.5rem;   /* 24px */
	--fs-h2-desktop:2.25rem;   /* 36px */
	--fs-h3-mobile:1.15rem;  /* 21px */
	--fs-h3-desktop:1.875rem;  /* 30px */
	--fs-headline-mobile:1.75rem;  /* 28px – .content-headline */
	--fs-headline-desktop:2.75rem; /* 44px – .content-headline */
	--fs-body-sm:0.95rem;      /* 15.2px – Modul-Fließtext */
  }


/* -------------------- Headlines -------------------- */

h1, h2,h3{font-family:var(--font-body); font-style:normal;color:var(--color-hdl); font-weight: bold;}
h1 {font-size:var(--fs-h1-mobile);line-height: 40px;margin:0 0 20px 0;}
h2 {font-size:var(--fs-h2-mobile);line-height: 30px;margin:0 0 20px 0;}
h3 {font-size:var(--fs-h3-mobile);line-height: 21px;margin:0 0 5px 0;}

/* -------------------- Header -------------------- */
#header .inside {margin:40px 20px 30px 20px;}
.logo {font-size: 30px; letter-spacing:2px;
	text-transform: uppercase;}
.logo span{font-size: 11px;
letter-spacing:1.5px;}
.logo a {color:var(--color-txt); text-decoration:none}

/* Small Desktop (desktop, 1024 and up) */
@media (min-width: 1024px) {
#header .inside {width: 960px; margin:40px auto 30px auto;}
}
	
/* Desktop (desktop, 1280 and up) */
@media (min-width: 1280px) {
#header .inside {width: 1100px;}
}
/* -------------------- text lang -------------------- */

.colm-1 {margin:0 0 20px 0;}
.colm-1 .content-text {margin:0 20px 30px 20px;}

.colm-1.blue {
	background:var(--color-blue); 
	padding:50px 0 30px 0;
	color:var(--color-white); 
	margin:0 0 50px 0;}

.colm-1.blue ul li {
	list-style: none;
margin: 0 0 4px 0}


/* Small Desktop (desktop, 1024 and up) */
@media (min-width: 1024px) {
.colm-1 {margin:0 0 30px 0;}
.colm-1 .content-text {width: 960px; margin:0 auto 30px auto;}
	
.colm-1.blue {
	background:var(--color-blue); 
	padding:60px 0 40px 0;
	color:var(--color-white); 
	margin:0 0 50px 0!important;}
	
}

/* Desktop (desktop, 1280 and up) */
@media (min-width: 1280px) {
.colm-1 .content-text {width: 1100px;}
}