body, html {
font-family: "Mulish", sans-serif;
height: 100%;
background-color:#4c5260;
background: linear-gradient(0deg,rgba(76, 82, 96, 1) 0%, rgba(92, 98, 112, 1) 47%, rgba(76, 82, 96, 1) 100%);
}

div.topstart {
 background-image: linear-gradient(to right, rgba(15, 23, 42, 0.8), rgba(15, 23, 42, 0.4)), url("bilder/km_header.jpg");
 min-height:100%;
 background-position:40%;
 background-repeat:no-repeat;
 background-size:cover;
 position:relative;
 padding:30px;
}

div.tophalfimage {
 min-height:50%;
 background-position:40%;
 background-repeat:no-repeat;
 background-size:cover;
 position:relative;
 padding:30px 30px 30px 30px;
}

div.km_navi, button.km_navi {
background-color:#0f172a;
color:#fff;
padding:8px;
}

div.km_navi a {
color:#fff;
text-decoration:none;
font-weight:normal;
}

div.km_maintextcontainer {
padding:30px 20px; 
background-color:#fffdfd;
}

div.km_textcard {
width:100%; 
max-width:1280px; 
margin:20px auto; 
background-color:#fff; 
padding:30px;
}

input.form_country {
display:none;
}

/* Schiriftgrößen nach Breakpoints */ 
/* small */ 
@media (max-width:600px){

h1.km_toptitel {
font-size:32px;
}

h2.km_seitenheadline {
font-size:36px;
}

p.km_orangeteaser {
font-size:12px;
}

p.km_subheadline {
font-size:16px;
}

a.km_actionbutton {
font-size:16px;
}

h3, h4 {
font-size:16px;
}

div.km_maintextcontainer p,li {
font-size:14px;
}

div.km_maintextcontainer {
padding:20px 5px; 
}

div.km_navi a {
font-size:12px;
}

}

/* medium */ 
@media (min-width:601px){

h1.km_toptitel {
font-size:36px;
}

h2.km_seitenheadline {
font-size:40px;
}

p.km_orangeteaser {
font-size:14px;
}

p.km_subheadline {
font-size:18px;
}

a.km_actionbutton {
font-size:20px;
}

h3,h4 {
font-size:20px;
}

div.km_maintextcontainer p,li {
font-size:16px;
}

div.km_navi a {
font-size:14px;
}

}

/* large */ 
@media (min-width:993px){

h1.km_toptitel {
font-size:40px;
}

h2.km_seitenheadline {
font-size:48px;
}

p.km_orangeteaser {
font-size:16px;
}

p.km_subheadline {
font-size:20px;
}

a.km_actionbutton {
font-size:24px;
}

h3,h4 {
font-size:24px;
}

div.km_maintextcontainer p,li {
font-size:18px;
}

div.km_navi a {
font-size:18px;
}

}

/* Textauszeichnungen */
h1.km_toptitel a {
text-decoration:none;
color:#fff;
text-shadow: 0px 0px 4px black;
}

h2.km_seitenheadline {
line-height:1em;
font-weight:bold;
color:#fff;
text-shadow: 0px 0px 4px black;
}

h3,h4 {
font-weight:bold;
}

p.km_orangeteaser {
color:#f97316;
text-transform:uppercase;
text-shadow: 0px 0px 4px black;
}

p.km_subheadline {
color:#eee; 
text-shadow: 0px 0px 4px black;
}

ol > li::marker {
  font-weight: bold;
}

a.km_actionbutton {
font-weight:bold;
color:#fff;
background-color:#f97316;
text-transform:uppercase;
}

.km_padded {
padding:8px;
}

.km_bluecheckmark {
background-color:#4c5260; 
color:#fff;
}

.km_orangecheckmark {
background-color:#f97316; 
color:#fff;
}

.kmred {
background-color:#f97316;
color:#fff;
font-weight:bold;
}

.kmbox {
padding:200px 20px 20px;
height:300px;
color:#fff;
font-size:20px;
font-weight:bold;
text-shadow: 0px 0px 4px black;
}

.kmbox a:hover {
color:#ffffff;
text-decoration:none;
}

.kmworum_box {
background-image:url(bilder/worum_background.jpg);
background-position:center;
background-size:cover;
background-color:#707090;
}

.kmkurse_box {
background-image:url(bilder/kurse_background.jpg);
background-position:center;
background-size:cover;
background-color:#707090;
}

.kmkontakt_box {
background-image:url(bilder/kontakt_background.jpg);
background-position:center;
background-size:cover;
background-color:#707090;
}

.lowfooter {
color:#fff;
}

.lowfooter a {
text-decoration:none;
}