/* =======================================
	Reset
======================================= */
* { padding: 0; margin: 0; border: 0; }
body { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 1.125em; color: #000000; background-color: #fff; }
img { width: 100%; height: auto; }


/* Typography   =========================== */
p { font-size: 0.938em; line-height: 1.438em; }
h1 { font-weight: 300; font-size: 2em; line-height: 1em; }
#kontakt h1 { padding-bottom: 40px; }
h2 { font-weight: 600; font-size: 1.25em; line-height: 1.438em; margin-bottom: 20px; }
h3 { font-weight: 400; font-size: 1em; line-height: 1.438em; }
strong { font-weight: 600; }

header { font-size: 1.188em; }
header ul { list-style-type: none; }
#wrapper_content ul { list-style-type: disc; margin-left: 0.5em; padding-left: 0.5em; padding-bottom: 20px; }
#wrapper_content li { line-height: 1.375em; padding: 8px 0; }
#wrapper_content i { padding-right: 10px; }



/* Linkverhalten   =========================== */
a:link, a:visited, a:active { color: #fa7756; text-decoration: none; border-bottom: 1px solid #fa7756; }
a:focus, a:hover { color: #ba3d15; text-decoration: none; border-bottom: 1px solid #ba3d15; }
header a:link, header a:visited, header a:active { color: #000000; border-bottom: none; }
header a:focus, header a:hover { color: #fa7756; border-bottom: none; }
footer a:link, footer a:visited, footer a:active { color: #000; padding-bottom: 1px; border-bottom: 1px solid #000; }
footer a:focus, footer a:hover { color: #fa7756; border-bottom: 1px solid #fa7756; }
#google-map_mobile a { text-decoration: none; border-bottom: none; }
#google-map a { text-decoration: none; border-bottom: none; }


/* Layout   =========================== */
#wrapper_header { position: absolute; top: 0; z-index: 10; padding: 0 3%; width: 94%; min-width: 280px; border-bottom: 1px solid #c5d6cc; transition-duration: 1.5s; }
header { position: relative; height: 65px; max-width: 1230px; margin: 0 auto; padding: 0 20px 10px 20px; transition-duration: 0.5s; background-color: rgba(255, 255, 255, 1); }
#logo { width: 230px; padding-top: 12px; }

#wrapper_content { position: relative; padding: 0 3% 0 3%; width: 94%; min-width: 280px; transition-duration: 0.5s; }
.content { max-width: 1230px; margin: 0 auto; padding: 100px 20px 40px 20px; overflow: hidden; transition-duration: 0.5s; background-color: white; }

.content_100 { overflow: hidden; }
.content_100 .content_50 { padding: 0 0 15px 0; }
.content_100 .content_50:nth-last-of-type(1) { padding: 0 0 15px 0; }

.content_50 { padding-bottom: 40px; }
.content_50:nth-last-of-type(1) { padding-top: 20px; }

.content_50 img { padding-bottom: 20px; }
.content_einleitung { text-align: center; padding-bottom: 20px; }

.content_33 { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #fff; }
.content_33:last-of-type { border-bottom: none; }


#wrapper_footer { position: relative; padding: 0 3%; width: 94%; min-width: 280px; transition-duration: 1.5s; background-color: #c5d6cc; }
footer { position: relative; max-width: 1230px; margin: 0 auto; padding: 40px 20px 10px 20px; transition-duration: 0.5s; overflow: hidden; }



/* Extras   ========================== */
.infobox { margin-top: 20px; padding: 20px; border-radius: 10px; background-color: #f0f5f2; }
#google-map { display: none; }
.trennlinie { border-bottom: 1px solid #c5d6cc; height: 20px; margin: 0 0 40px 0; clear: both; }
.spacer { height: 20px; margin: 0 0 20px 0; }


/* =======================================
	Responsive
======================================= */

@media screen and (min-width: 1000px) {
body { background: linear-gradient(to bottom, rgba(255,255,255,1) 15%, rgba(246,249,247,1) 50%); }
   
h1 { font-size: 2.5em; padding-top: 40px; }
h2 { font-size: 1.313em; }
h3 { font-size: 1.25em; }
#wrapper_content li { font-size: 1.064em; }

    
/* Layout   =========================== */
header { padding: 0 30px 10px 32px; }
    
.content { padding: 140px 30px 60px 30px; }
.content_50 { width: 48%; margin-right: 4%; float: left; }
.content_50:nth-last-of-type(1) { margin-right: 0; padding-top: 0; }
.content_einleitung { padding-bottom: 40px; }
    
.content_33 { width: 30.666666%; margin-right: 4%; float: left; }
.content_33:nth-of-type(3n) { margin-right: 0; }

footer { padding: 40px 30px 10px 30px; }

    
/* Extras   ========================== */
.infobox { margin-top: 0; padding: 25px; }
#google-map_mobile { display: none; }
#google-map { display: block; }
.trennlinie { border-bottom: 1px solid #c5d6cc; clear: both;  }
.spacer { clear: both; }

    
    
    

@media screen and (min-width: 1400px) {
}



/* Mobile only   =========================== */
@media only screen and (min-device-width: 300px) and (max-device-width : 1024px) {

}