/* =======================================
	Reset
======================================= */
* { padding: 0; margin: 0; border: 0; }
body { position: relative; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 100%; font-style: normal; color: #000; }
img { width: 100%; height: auto; }


/* Typography   =========================== */
p { font-size: 0.938em; line-height: 1.5em; }
h1 { font-size: 1.5em; line-height: 1.375em; font-weight: 400; text-align: center; margin-bottom: 10px; }
h2 { font-size: 1em; line-height: 1.5em; font-weight: 700; margin-bottom: 5px; }
h3 { font-size: 0.938em; line-height: 1.5em; font-weight: 700; }

.halbfett { font-weight: 700; }
.halbfett_2 { font-weight: 700; color: #81a6a3; padding-top: 17px; border-bottom: 1px solid #81a6a3; margin-bottom: 5px; }

#wrapper_header { font-size: 1.064em; }
#wrapper_header ul { list-style-type: none; }
#wrapper_content ul { list-style-type: none; margin-left: 0.5em; padding-left: 0.5em; }
#wrapper_content ul li::before { content: "\25CF"; color: #9ab8b5; display: inline-block; position: relative; top: -1px; width: 1em; margin-left: -1em; }
#wrapper_content #slider ul { margin-left: 0; padding-left: 0; }
#wrapper_content #slider ul li::before { content: none; display: none; list-style-type: none; top: auto; width: auto; margin: auto; }

#wrapper_content li { line-height: 1.5em; padding-bottom: 5px; }
#wrapper_content i, #wrapper_footer i { margin-right: 8px; }
#wrapper_content .highlight .content_75 h1 { text-align: left; }
#wrapper_content .highlight ul { list-style-type: none; margin-left: 0; padding-left: 0; }
#wrapper_content .highlight ul li::before { content: none; }


/* Linkverhalten   =========================== */
a:link, a:visited, a:active { color: #81a6a3; text-decoration: none; }
a:focus, a:hover { text-decoration: none; color: #81a6a3; border-bottom: 1px solid #81a6a3; }
#logo a:link, #logo a:visited, #logo a:active { display: block; border-bottom: none; cursor: pointer; }
#logo a:focus, #logo a:hover { color: #81a6a3; border-bottom: none; }
#utility a:link, #utility a:visited, #utility a:active { color: #000; border-bottom: none; }
#utility a:focus, #utility a:hover { color: #81a6a3; border-bottom: none; }
.highlight a:link, .highlight a:visited, .highlight a:active { color: #000; border-bottom: none; }
.highlight a:focus, .highlight a:hover { color: #000; border-bottom: 1px solid #000; }
footer a:link, footer a:visited, footer a:active { color: #fff; border-bottom: 1px solid #fff; }
footer a:focus, footer a:hover { color: #9ab8b5; border-bottom: 1px solid #9ab8b5; }
ul .current a { color: #9ab8b5; }
footer div:nth-of-type(2) a, footer div:nth-of-type(3) a { border-bottom: none; }

.navi_intern { margin-top: 30px; }

/* Layout   =========================== */
#wrapper_header { position: relative; width: 92%; padding: 0 4%; transition-duration: 1.5s; }
header { position: relative; min-width: 280px; max-width: 1230px; margin: 0 auto; height: 80px; padding-bottom: 10px; transition-duration: 0.5s; }
#logo { position: absolute; z-index: 20; left: 0; top: 0; width: 110px; padding-top: 7px; transition-duration: 0.5s; }

#utility { position: absolute; right: 4%; top: 5px; transition-duration: 1s; }
#utility li { color: #535353; float: left; transition-duration: 0.5s; }
#utility li a:nth-of-type(1) { padding-right: 20px; }

.imagefoto { position: relative; line-height: 0; margin-top: 50px; }

#wrapper_content { position: relative; padding: 20px 0 50px 0; transition-duration: 0.5s; }
.content { width: 92%; padding: 0 4%; max-width: 1230px; margin: 0 auto; overflow: visible; transition-duration: 0.5s; overflow: hidden; }
.content .content_25 { padding: 1.5%; margin-bottom: 20px; }
.content_50 { padding-top: 50px; }
.content_75 { width: 100%; padding: 30px 0; }
.content_33 { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #fff; }
.content_33:last-of-type { border-bottom: none; }

.highlight { width: 92%; padding: 0 4%; background-color: #dee8e7; }
.highlight_content { max-width: 1230px; margin: 0 auto; }

#wrapper_footer { position: relative; width: 92%; padding: 0 4% 0 4%; background-color: #034d47; }
footer { min-width: 280px; max-width: 1230px; margin: 0 auto; padding: 30px 0 60px 0; color: #fff; transition-duration: 0.5s; }
.logo-sqs { text-align: right; }
.logo-sqs img { max-width: 200px; }


/* Extras   ========================== */
.clear { clear: both; }
.trennlinie { max-width: 1230px; margin: 0 auto; border-bottom: 1px solid #9ab8b5; margin-bottom: 50px; padding-bottom: 50px; }
.img_leitbild { max-width: 25%; height: auto; float: left; padding: 0 20px 0 0; margin-top: -15px; }
.img_leitbild_2 { float: right; padding: 0 0 0 20px; }

.wrapper_btn { width: auto; display: flex; justify-content: center; align-items: center; }
.btn_spenden { font-size: 2em; text-align: center; padding: 15px 40px; color: #fff; margin: 20px 0; background-color: rgba(233,81,29,0.8); border-radius: 20px; cursor: pointer;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(3,77,71,0.5);
	-moz-box-shadow: 0px 5px 5px 0px rgba(3,77,71,0.5);
	-ms-box-shadow: 0px 5px 5px 0px rgba(3,77,71,0.5);
	-o-box-shadow: 0px 5px 5px 0px rgba(3,77,71,0.5);
	box-shadow: 0px 5px 5px 0px rgba(3,77,71,0.5); }
.btn_spenden:hover { background-color: rgba(233,81,29,1); }
.wrapper_btn a:focus, .wrapper_btn a:hover { border-bottom: none; }


/* =======================================
	Responsive
======================================= */
@media screen and (min-width: 600px) {

#wrapper_content { padding: 30px 0 70px 0; }
.content { overflow: hidden; }
.content .content_25 { width: 42%; margin-right: 10%; float: left; }
.content .content_25:nth-of-type(2n) { margin-right: 0; }
.content .content_50 {  }
.content .content_50:nth-of-type(2n) {  }
.content_33 { width: 30.666666%; margin-right: 4%; float: left; border-bottom: none; }
.content_33:nth-of-type(3n) { margin-right: 0; }
.content_66 { width: 61.333333%; float: left; }
.content_75 { max-width: 75%; margin: 0 auto; }

footer { overflow: hidden; clear: both; }
}

@media screen and (min-width: 1000px) {
h1 { font-size: 2em; }    
    
#wrapper_header { padding: 0 4% 0 4%; }
#logo { z-index: 1; }
#utility { right: 4%; }

#wrapper_content { padding: 40px 0 70px 0; }
.content { padding: 0; }
.content .content_50 { width: 49%; margin-right: 2%; float: left; }
.content .content_50:nth-of-type(2n) { margin-right: 0; }
    
footer { padding: 40px 0 70px 0; }
}

@media screen and (min-width: 1400px) {
p { font-size: 1em; line-height: 1.563em; }
h2 { font-size: 1.064em; }
h3 { font-size: 1em; }

.content .content_25:nth-of-type(n) { width: 19%; margin-right: 4%; border-bottom: none; }
.content .content_25:last-of-type { margin-right: 0; }
}


@media only screen and ( max-device-width: 600px ) and (orientation: portrait) {
#utility { display: none; }
}