/* Scss Document */
@import url("https://use.typekit.net/nlx5aft.css");
/* Scss Document */
html { background-color: #ffffff; padding: 0; margin: 0; }

body { background-color: #ffffff; color: #464646; font-family: ddt, sans-serif; font-weight: 300; font-style: normal; letter-spacing: 0.05em; padding: 0; margin: 0; overflow-y: scroll; overflow-x: hidden; }

h1 { font-size: 2.1em; margin: 0; font-weight: 400; color: #687735; line-height: 1em; }
@media (max-width: 767.98px) { h1 { font-size: 1.8em; } }
@media (max-width: 575px) { h1 { font-size: 1.7em; } }

h2 { font-size: 2.2em; font-weight: 400; margin: 0 0 0.8em 0; color: #687735; }
@media (max-width: 767.98px) { h2 { font-size: 1.6em; } }
@media only screen and (max-width: 575px) { h2 { margin: 0 0 0.5em 0; } }

.datenschutz { font-size: 1.7em; font-weight: 400; margin: 0 0 0.8em 0; color: #687735; }
@media (max-width: 767.98px) { .datenschutz { font-size: 1.4em; } }
@media only screen and (max-width: 575px) { .datenschutz { margin: 0 0 0.5em 0; } }

h3 { font-size: 1.2em; font-weight: 400; margin-bottom: 1em; color: #687735; font-weight: normal; }

h4 { font-size: 1.1em; margin-bottom: 1em; line-height: 1.5em; color: #333; font-weight: 400; }

h5 { font-size: 1.4em; font-weight: 700; color: #464646; margin-bottom: 0.8em; text-transform: uppercase; }

hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.15); margin: 2.3em 0 2.3em 0; clear: both; }

.arr { font-size: 1.6em; font-weight: 500; line-height: 50%; vertical-align: -2px; }

.arrLight { font-size: 1.6em; font-weight: 400; line-height: 50%; vertical-align: -2px; }

.green { color: #687735; }

.grey { color: #464646; }

/******************************* Top logo claim **************************************************/
.logoAround { padding-top: 35px; padding-bottom: 22px; background-color: #ffffff; }
@media (max-width: 575px) { .logoAround { padding-top: 25px; } }

.logo { text-align: center; overflow: hidden; z-index: 10; }
@media (max-width: 575px) { .logo { text-align: left; } }

.wolfgang { font-size: 0.52em; color: #4f4e4e; font-weight: 400; }
@media (max-width: 575px) { .wolfgang { line-height: 16px; margin-top: 10px; letter-spacing: 0em; } }

.onlyMOB { display: none; }
@media (max-width: 575px) { .onlyMOB { display: inline; } }

.logoline { height: 4px; border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; margin-bottom: 2px; background-color: #fff; }

/******************************* head image **************************************************/
.imageAround { background-image: url("../img/BG_headimage.jpg"); background-position: center; text-align: center; }

.headimage { width: 100%; max-width: 1200px; }

.navBG { background-color: #687735; z-index: 100 !important; opacity: 1; height: auto; overflow: visible; }

/******************************* Content  **************************************************/
.contentline { height: 1px; border-top: 1px solid #777; margin-top: 2px; background-color: #fff; }

.content { padding-top: 2.2em; padding-bottom: 1.8em; color: #222; }
@media only screen and (max-width: 575px) { .content { padding-top: 0.8em; padding-bottom: 0.8em; } }
.content strong { font-weight: 500; color: #444; }
.content p { font-size: 0.98em; line-height: 180%; margin-bottom: 1.5em; letter-spacing: 0.06em; }
.content a, .content a:visited { color: #c85710; text-decoration: none; transition: all 0.3s ease; }
.content a:hover, .content a:active { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }
.content ul { margin-left: 1em; margin-bottom: 2em; }
@media (max-width: 575px) { .content ul { margin-left: -1em; } }
.content ul li { margin-bottom: 0.75em; letter-spacing: 0.05em; padding-left: 3px; }

.DAV img { width: 180px; margin-bottom: 1em; }

a.DAV:hover { border-bottom: 0px dotted #000 !important; }

/******************************* claim **************************************************/
.claim { background-color: #786c51; padding: 35px 0; color: #fff; text-align: center; font-weight: 500; font-style: italic; font-size: 1.1em; border-bottom: 2px solid #d9d9d9; }

.telefonAround { background-color: #d9d9d9; padding: 32px 25px; color: #222; font-weight: 400; font-size: 1.1em; border-bottom: 1px solid #666; border-top: 1px solid #777; }

.telefonBox { margin: 0 auto; line-height: 220%; width: 200px; font-size: 0.95em; }
.telefonBox img { margin-top: -2px; margin-right: 10px; }
.telefonBox a, .telefonBox a:visited { color: #444; text-decoration: none; transition: all 0.3s ease; }
.telefonBox a:hover, .telefonBox a:active { color: #000; text-decoration: none; border-bottom: 0px dotted #000; }
@media only screen and (max-width: 575px) { .telefonBox { font-size: 1em; } }

/******************************* Footer **************************************************/
.footerAround { width: 100%; background-color: #828282; overflow: hidden; padding: 2em 0; border-top: 2px solid #d9d9d9; }

.footer { color: #fff; font-weight: 200; font-size: 0.9em; letter-spacing: 0.07em; }
@media only screen and (max-width: 575px) { .footer { font-weight: 300 !important; font-size: 1em; } }
.footer a, .footer a:visited { color: #ffffff; }
.footer a:hover { color: #ffffff; text-decoration: none; border-bottom: 0px dotted #fff; }
.footer .adresse { font-size: 0.95em; line-height: 140% !important; margin-bottom: 2em; }
.footer h2 { font-size: 1.1em; margin-top: 0; font-weight: 400; color: #d5e0d8; border-bottom: 1px solid #a5a5a5; margin-bottom: 1.2em; line-height: 110%; display: block; padding-bottom: 4px; }
.footer ul { list-style: none; margin: -7px 0 1em 0; padding: 0; }
.footer ul li { padding: 0 0 10px 0; line-height: 120%; }

.copyright { background-color: #5b5b5b; padding: 20px; color: #ccc; overflow: hidden; line-height: 120%; text-align: center; font-size: 0.75em; font-weight: 200 !important; }
@media only screen and (max-width: 575px) { .copyright { font-weight: 300 !important; color: #fff; } }

/******************************* mobile **************************************************/
.hamburger { display: none; width: 48px !important; z-index: 100; }
@media only screen and (max-width: 575px) { .hamburger { display: block; float: right; position: absolute; top: 25px; right: 20px; } }