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


/* Typography   =========================== */
p { font-size: 1em; line-height: 1.625em; }
h1 { font-family: "Montserrat-Light"; font-weight: 300; font-size: 3em; line-height: 1.375em; margin-bottom: 15px; text-align: center; color: #999; }
h2 { font-family: "Montserrat-Bold"; font-weight: 700; font-size: 1.75em; line-height: 1.25em; margin-bottom: 15px; }
.bold { font-family: "Montserrat-Bold"; font-weight: 700; }
#wrapper_header ul { list-style-type: none; }
#wrapper_content ul { list-style: none; margin-left: 1em; padding-left: 0.5em; }
#wrapper_content ul li::before { content: "\25CF"; color: #e9501d; display: inline-block; position: relative; top: -1px; width: 1.5em; margin-left: -1.5em; }
#wrapper_content li { font-size: 1em; line-height: 1.25em; padding-bottom: 10px; }
#wrapper_content .flexslider ul li::before { content: none; }
#wrapper_content i { margin-right: 15px; }


/* 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: #e9501d; border-bottom: 1px solid #e9501d; }
#logo a { border-bottom: none; }
footer a:link, footer a:visited, footer a:active { border-bottom: none; }
footer a:focus, footer a:hover { border-bottom: none; }
ul .current a { color: #e9501d; }
.btn_mail a { border-bottom: none; }
.btn_mail a:hover { opacity: 0.75; }
.flexslider a { border-bottom: none; }
footer .content_25 a:hover { opacity: 0.75; }


/* Layout   =========================== */
#wrapper_header { position: relative; }
header { position: relative; min-width: 280px; height: 50px; transition-duration: 0.5s; }
.wrapper_nav { position: relative; max-width: 900px; margin: 0 auto; }
#logo { position: absolute; z-index: 20; left: 0; top: 0; width: 50px; transition-duration: 0.5s; }
.imagefoto { position: relative; line-height: 0; display: flex; justify-content: center; align-items: center; }

#wrapper_content { position: relative; width: 92%; padding: 20px 4% 50px 4%; background-color: #f5f7e1; transition-duration: 0.5s; }
.content { min-width: 280px; max-width: 900px; margin: 0 auto; overflow: visible; transition-duration: 0.5s; overflow: visible; }

.quote { display: inline-block; font-family: "Montserrat-Light"; font-weight: 300; font-size: 1.45em; line-height: 1.375em; color: #009640; padding: 20px 0 40px 0; }
h2 .quote { font-size: 0.8333333em; line-height: 1.4em; }
.quote_writer { display: inline-block; font-family: "Montserrat-RegularItalic", sans-serif; font-weight: 400; font-style: italic; font-size: 0.6em; line-height: 1.25em; padding-top: 10px; }
h2 .quote_writer { font-size: 0.6em; line-height: 1.3em;  }


#wrapper_footer { position: relative; width: 92%; padding: 0 4% 0 4%; }
footer { min-width: 280px; max-width: 1200px; margin: 0 auto; padding: 30px 0 30px 0; display: flex; flex-wrap: wrap; align-items: center; color: #000; transition-duration: 0.5s; }
footer .content_25 { width: 40%; padding: 0 20% 30px 0; }
footer .content_25:nth-of-type(2n) { padding: 0 0 30px 0; }


/* Extras   ========================== */
.title_coaching { font-size: 2em; }

.btn_mail { text-align: center; padding-top: 40px; }
.btn_mail img { max-width: 405px; }

.tabelle { position: absolute; width: 100%; font-family: "Montserrat-Bold"; font-weight: 700; font-size: 1em; line-height: 1.125em; border-collapse: collapse; color: #fff; }
.tb_breite_1 { display: none; }
.tb_breite_2 { vertical-align: middle; text-align: center; }
.tb_breite_3 { display: none; }

.portraet { max-width: 440px; }
.portraet_home { max-width: 440px; float: left; padding: 0 40px 20px 0; }
.printadress { display: none; }


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

@media screen and (min-width: 1024px) {
p { font-size: 1.188em; line-height: 1.625em; }
h1 { font-size: 4em; margin-bottom: 30px; }
h2 { font-size: 1.75em; }
#wrapper_content li { font-size: 1.188em; line-height: 1.375em; padding-bottom: 20px; }
#wrapper_content .flexslider li { font-size: 1em; }

    
header { height: 70px; }
#logo { z-index: 1; width: 70px; }
  
#wrapper_content { padding: 40px 4% 140px 4%; }

.quote { display: inline-block; font-size: 1.275em; line-height: 1.375em; padding: 0 0 10px 0; }
h2 .quote { font-size: 0.875em; line-height: 1.4em; }
.quote_writer { padding-top: 15px; }
.left { width: 400px; float: left; position: relative; left: -6%;  } 
.right { width: 400px; float: right; position: relative; right: -6%;  } 
    
footer { padding: 40px 0 70px 0; }
footer .content_25 { width: 16%; padding: 0 13% 30px 0; }
footer .content_25:nth-of-type(2n) { padding: 0 10% 30px 0; }
footer .content_25:nth-of-type(4n) { padding: 0 0 30px 0; }

.tabelle { font-size: 1.375em; line-height: 1.25em; }
.tb_breite_1 { display: table-cell; width: 17%; vertical-align: middle; text-align: center; padding-left: 20px; }
.tb_breite_2 { vertical-align: middle; }
.tb_breite_3 { display: table-cell;  width: 17%; vertical-align: middle; text-align: center; padding-right: 20px; }

}

@media screen and (min-width: 1400px) {
.left { left: -15%; }
.right { right: -15%;  } 
}