/* =======================================
	Reset
======================================= */
* { padding: 0; margin: 0; border: 0; }
body { position: relative; font-family: "Helvetica Neue Extended", sans-serif; font-weight: 300; font-size: 100%; color: #000; letter-spacing: 0.025em; }
img { width: 100%; height: auto; }


/* Typography   =========================== */
p { font-size: 0.938em; line-height: 1.438em; }
h1 { font-family: "Helvetica Neue Condensed", sans-serif; font-weight: 700; font-size: 1.5em; line-height: 1.25em; margin-bottom: 5px; }
h2 { font-size: 1.188em; line-height: 1.188em; font-weight: 300; margin-bottom: 15px; }
h3 { font-size: 1.188em; line-height: 1.375em; font-weight: 300; }
strong {  font-weight: 700; }
#utility { font-size: 0.938em; }
header ul, footer ul { list-style-type: none; }
#wrapper_content ul { list-style-type: disc; margin-left: 0.5em; padding-left: 0.5em; }
#wrapper_content li { line-height: 1.5em; padding-bottom: 5px; }
#wrapper_content i, #wrapper_footer i { margin-right: 8px; }
#wrapper_content .kundenliste ul { list-style-type: none; margin-left: 0; padding-left: 0; }
#wrapper_content .kundenliste li { line-height: 1.25em; padding-bottom: 10px; }

/* Linkverhalten   =========================== */
a:link, a:visited, a:active { color: #000; text-decoration: none; border-bottom: 1px solid #000; }
a:focus, a:hover { text-decoration: none; color: #8d2347; border-bottom: 1px solid #8d2347; }
header a:link, header a:visited, header a:active { color: #60381a; border-bottom: none; }
header a:focus, header a:hover { color: #8d2347; border-bottom: 1px solid #8d2347; }
#logo a { border: none; }
ul .current a { color: #8d2347; }
.anker a:link, .anker a:visited, .anker a:active { color: #fff; border-bottom: none; }
.anker:hover { background-color: #8d2347; }
footer a:link, footer a:visited, footer a:active { color: #000; border-bottom: none; }
footer a:focus, footer a:hover { color: #8d2347; padding-bottom: 2px; border-bottom: 1px solid #8d2347; }
footer #socialmedia a:focus, footer #socialmedia a:hover { color: #8d2347; padding-bottom: 0; border-bottom: none; }
footer .footer_logo a:focus, footer .footer_logo a:hover { color: #8d2347; padding-bottom: 0; border-bottom: none; }
.news a:link, .news a:visited, .news a:active { color: #c6a96e; border-bottom: none; }
.news a:focus, .news a:hover { border-bottom: 1px solid #c6a96e; }


/* Layout   =========================== */
#wrapper_header { position: relative; width: 92%; padding: 0 4%; min-width: 280px; max-width: 1230px; margin: 0 auto; transition-duration: 1.5s; }
header { position: relative; height: 50px; transition-duration: 0.5s; }
#logo { width: 200px; padding-top: 8px; }
#utility { display: none; }

#wrapper_content { position: relative; width: 92%; padding: 10px 4% 40px 4%; min-width: 280px; max-width: 1230px; margin: 0 auto; transition-duration: 0.5s; }
.content { padding: 10px 0; overflow: visible; transition-duration: 0.5s; }
.content:nth-of-type(n) { padding-top: 20px; }
.content:nth-of-type(1) { padding-top: 10px; }
.content2 { border-bottom: 1px solid black; }
.content_100 { position: relative; clear:both; }
.content_100:first-of-type { margin-bottom: 30px; }

.content_60 { margin-bottom: 20px; transition-duration: 0.5s; }
.content_40 { padding: 3% 4%; margin-bottom: 20px; transition-duration: 0.5s; background-color: #f1eee6; }
.content_50:nth-of-type(2n) { padding-top: 30px; }
.angebot .content_50:nth-of-type(2n) { padding-top: 0; }

#wrapper_bgfooter { background-color: #cfc7b7; }
#wrapper_footer { position: relative; width: 92%; padding: 0 4% 0 4%; min-width: 280px; max-width: 1230px; margin: 0 auto; }
footer { padding: 20px 0 60px 0; transition-duration: 0.5s; }
footer .content_25 { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #fff; }
footer .content_25:last-of-type { border-bottom: none; }
footer .content_25 img { max-width: 200px; height: auto; padding-bottom: 10px; }
#socialmedia { padding-top: 10px; }
#socialmedia li { float: left; padding-right: 20px; }
.footer_logo { padding-top: 10px; }

.img_right { padding: 0 0 5px 0; }
.news { padding: 8%; color: #fff; background-color: #33331c; border-radius: 10px; }


/* Extras   =========================== */
.home_33 { width: 33.333333%; float: left; background-color: black; }
.home_50 { width: 50%; float: left; background-color: pink; }
.home_66 { width: 66.666666%; float: left; background-color: green; }
.home_100 { width: 100%; background-color: blue; }

#wrapper_anker { position: relative; }
.anker { position: absolute; right: 0; bottom: -40px; font-size: 2em; text-align: center; background-color: #cfc7b7; }
.anker a { display: block; float: left; padding: 0 10px 0 10px; }
#wrapper_anker i { margin-right: 0; }
.clear { clear: both; }


/* =======================================
	Responsive
======================================= */
@media screen and (min-width: 600px) {
#wrapper_headerFix { position: fixed; top: 0; width: 100%; z-index: 10; background-color: rgba(255,255,255,0.9);  -moz-box-shadow: 0 3px 3px -3px rgba(130,120,100,0.3); -webkit-box-shadow: 0 3px 3px -3px rgba(130,120,100,0.3); box-shadow: 0 3px 3px -3px rgba(130,120,100,0.3); }
header { padding-bottom: 55px; }
	
#utility { display: inherit; position: absolute; right: 0; top: 8px; }
#utility li { float: left; padding: 0 15px; transition-duration: 0.5s; }
#utility li:nth-child(3) { padding-right: 0; }
	
#wrapper_content { padding: 120px 4% 40px 4%; }
.content:nth-of-type(n) { padding-top: 40px; overflow: hidden; }
.content2 { padding-bottom: 20px; }
.content_100:first-of-type { margin-bottom: 40px; }
.content .content_60 { width: 55%; float: left; }
.content .content_40 { width: 30%; float: right; margin-top: 5px; }
.content .content_50 { width: 45%; float: left; }
.content .content_50:nth-of-type(2n) { padding-top: 0; float: right; }
.content .google_fluid_wrapper { margin-top: 0; }
.content .google_fluid_wrapper iframe { width: 100%; }

footer { padding: 20px 0 240px 0; overflow: hidden; clear: both; }
footer .content_25 { width: 45%; margin-right: 10%; float: left; }
footer .content_25:nth-of-type(2n) { margin-right: 0; }
footer .content_25:nth-of-type(3) { border-bottom: none; }
    
.img_artikel { width: 65%; height: auto; }
.img_right { float: right; padding: 0 0 27px 20px; }
}


@media screen and (min-width: 1024px) {
h1 { font-size: 2em; }
h2 { font-size: 1.313em; }

#wrapper_header { padding: 20px 4% 0 4%; }
header { padding-bottom: 75px; }
#utility li:nth-child(n) { padding: 0 20px; }
#utility li:nth-child(3) { padding-right: 0; }
#wrapper_content { padding: 160px 4% 40px 4%; }
.content .content_40 { padding: 2% 3%; }
footer { padding: 20px 0 240px 0; }
}


@media screen and (min-width: 1400px) {
.content2 { padding-bottom: 40px; }
.content .content_50 { width: 48%; margin-right: 4%; float: left; }
.content .content_50:nth-of-type(2n) { margin-right: 0; }
footer .content_25:nth-of-type(n) { width: 22%; margin-right: 4%; border-bottom: none; }
footer .content_25:last-of-type { margin-right: 0; }
}