/* Poeteus Bootstrap Sass Theme */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/* BASE - Base styles */
/* base */
/* base - colors */
/* base - bootstrap grid */
.container { padding-left: 0; padding-right: 0; }
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }
.container .row { margin-right: 0; margin-left: 0; }

/* base common */
body { background-color: #f7dbb5; color: #737373; font-family: Arial, sans-serif; }

.content { background-color: #fafafa; border: 1px solid #000000; margin-bottom: 20px; }

/* MODULES - Induidual Site Components */
h2 { color: #000000; font-size: 18px; margin-top: 10px; }

.title { font-size: 16px; color: #000000; border-color: #000000; border-style: solid; border-width: 0 0 1px 0; }
@media (min-width: 992px) { .title { font-size: 18px; } }

a { color: #2f9dc0; text-decoration: none; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 992px) { a { font-size: 14px; } }
a:hover, a:focus { background: #2f9dc0; color: #fff; text-decoration: none; }

p { line-height: 16px; font-size: 13px; }
@media (min-width: 768px) { p { font-size: 14px; line-height: 18px; } }

.col-right { float: right; margin-bottom: 30px; }

.col-left { float: left; }

.widget-quotes { padding: 30px 0 0 0; border-color: #d9d9d9; border-style: solid; border-width: 1px; background: #f5f5f5; }
@media (min-width: 768px) { .widget-quotes { border-width: 0 1px 1px 1px; } }

.quote-box { box-shadow: 2px 3px 15px 0 rgba(0, 0, 0, 0.15); font-size: 18px; background-color: #ffffff; padding: 15px 15px 10px; margin: 0 0 30px; }
.quote-box .quote-text { word-wrap: break-word; font-size: 14px; line-height: 18px; }
@media (min-width: 992px) { .quote-box .quote-text { font-size: 16px; line-height: 20px; } }
.quote-box .quote-author { margin: 10px 0; }
.quote-box .share { border-color: #d9d9d9; border-style: solid; border-width: 1px 0 0; padding: 10px 0 0 0; }
.quote-box .share .sb-list .sb-item { width: 20px; display: block; margin: 0 10px 0 0; float: left; }
.quote-box .share .sb-list .sb-item a { color: #2f9dc0; cursor: pointer; display: block; }
.quote-box .share .sb-list .sb-item a:hover { background-color: #2f9dc0; color: #ffffff; }
.quote-box .share .sb-list .sb-item a:focus { background: none; color: #2f9dc0; }
.quote-box .share .sb-list .sb-item a:focus:hover { background-color: #2f9dc0; color: #ffffff; }
.quote-box .share .sb-list .sb-item a i { font-size: 14px; border: 1px solid #2f9dc0; width: 20px; height: 20px; line-height: 18px; text-align: center; }

.fb-page.fb_iframe_widget { display: block; overflow: scroll; }
.fb-page.fb_iframe_widget span { margin: auto; display: block; }

.widget-authors { margin: 0; }
.widget-authors .list-authors { list-style: outside none none; padding: 0; word-wrap: break-word; }
.widget-authors .list-authors li { border-color: #d9d9d9; border-style: solid; border-width: 0 0 1px; padding: 10px 70px 10px 0; display: block; font-size: 14px; }
.widget-authors .list-authors li span { float: right; position: absolute; right: 0; top: 50%; margin-top: -6px; }

.nav-tabs.nav-justified .active a { color: #000000; background-color: #f5f5f5; }
@media (min-width: 768px) { .nav-tabs.nav-justified .active a { border-bottom-color: #f5f5f5; } }
.nav-tabs.nav-justified .active a:hover, .nav-tabs.nav-justified .active a:focus { background-color: #f5f5f5; color: #000000; }
@media (min-width: 768px) { .nav-tabs.nav-justified .active a:hover, .nav-tabs.nav-justified .active a:focus { border-bottom-color: #f5f5f5; } }
.nav-tabs.nav-justified li a { font-size: 14px; color: #737373; border-radius: 0; }
@media (min-width: 992px) { .nav-tabs.nav-justified li a { font-size: 16px; } }
.nav-tabs.nav-justified li a:hover { color: #000000; background: #ffffff; border-color: #d9d9d9; }

.contact-info p { margin-top: 10px; }
.contact-info p i { margin-right: 10px; }

.back-to { margin: 15px 0; }

.wrap-box { background: #ffffff; border: 1px solid #d9d9d9; margin: 15px; }

.banner { margin-bottom: 75px; }
.banner.hide-on-mobile { display: none; }
.banner.hide-on-desktop { display: block; margin-top: 30px; }
.banner .row { margin-left: -15px; margin-right: -15px; }
.banner .banner-content { display: flex; flex-direction: column; align-items: center; gap: 20px; }
.banner .title { width: 100%; margin: 0; }
.banner .title:after { content: "Anzeige"; font-size: 12px; color: #ccc; float: right; }
.banner .image { max-width: 500px; overflow: hidden; }
.banner .image img { width: 100%; height: auto; transition: 0.5s all ease-in-out; }
.banner .image img:hover { transform: scale(1.2); }
.banner .text { font-size: 16px; line-height: 20px; }
.banner .button { display: inline-block; }
@media (min-width: 768px) { .banner.hide-on-mobile { display: block; }
  .banner.hide-on-desktop { display: none; } }

.quotes .banner.hide-on-desktop { margin-top: 0; }

.button { -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 2px 10px rgba(33, 76, 94, 0.2); -webkit-box-shadow: 0 2px 10px rgba(33, 76, 94, 0.2); box-shadow: 0 2px 10px rgba(33, 76, 94, 0.2); font-style: normal; font-weight: 700; display: inline-block; padding: 16px 20px; background-image: none; border: 0; cursor: pointer; font-size: 16px; line-height: 1; background-color: #e6007e; color: #fff; }
.button:hover { box-shadow: 0 1px 5px rgba(33, 76, 94, 0.5); background-color: #be0064; text-decoration: none; }
.button:focus { background-color: #e6007e; }

/* LAYOUTS - Page Layout Style  */
.navbar-brand { height: auto; line-height: none; padding: 0; }
.navbar-brand:hover, .navbar-brand:focus { background: none; }

.navbar { margin: 20px 0; }
.navbar h3 { padding-top: 0; }
@media (min-width: 768px) { .navbar h3 { margin-left: -15px; padding-top: 36px; } }
@media (min-width: 992px) { .navbar h3 { margin-left: -35px; padding-top: 36px; } }
@media (min-width: 1200px) { .navbar h3 { margin-left: -95px; padding-top: 36px; } }

.navigation { float: none; margin: 0 0 10px 15px; }
@media (min-width: 768px) { .navigation { float: right; margin-right: 15px; } }
.navigation li { display: inline-block; }
.navigation li .btn { border-radius: 0; }
.navigation li .glyphicon { top: 3px; }

.quote { position: relative; overflow: hidden; max-width: 1300px; height: auto; background-color: #ffffff; margin: 15px 15px 30px; border: 1px solid #d9d9d9; }
@media (min-width: 768px) { .quote { min-height: 300px; } }
.quote header { display: block; margin: 30px auto 15px auto; }
@media (min-width: 768px) { .quote header { display: block; margin: 50px auto 25px auto; } }
.quote header .quote-text { color: #737373; font-size: 20px; font-weight: 900; text-align: left; margin-left: 15px; margin-right: 15px; line-height: 24px; }
@media (min-width: 768px) { .quote header .quote-text { font-size: 24px; line-height: 28px; width: 85%; } }
.quote footer { height: auto; padding: 15px 0; }
.quote footer .author-subline { margin: 0 0 30px; line-height: 16px; font-size: 13px; }
@media (min-width: 992px) { .quote footer .author-subline { line-height: 18px; font-size: 14px; } }
.quote footer .likebox { font-size: 12px; margin-top: 15px; }
@media (min-width: 992px) { .quote footer .likebox { margin-top: 0; font-size: 14px; } }
.quote footer .likebox .sb-list .sb-item { width: 30px; display: block; margin: 10px 10px 0 0; float: left; }
.quote footer .likebox .sb-list .sb-item a { color: #2f9dc0; cursor: pointer; display: block; }
.quote footer .likebox .sb-list .sb-item a:hover { background-color: #2f9dc0; color: #ffffff; }
.quote footer .likebox .sb-list .sb-item a:focus { background: none; color: #2f9dc0; }
.quote footer .likebox .sb-list .sb-item a:focus:hover { background-color: #2f9dc0; color: #ffffff; }
.quote footer .likebox .sb-list .sb-item a i { font-size: 20px; border: 1px solid #2f9dc0; width: 30px; height: 30px; line-height: 28px; text-align: center; }

.author { max-width: 1300px; margin: 15px 0 30px 0; padding: 0 15px; }
@media (min-width: 768px) { .author { min-height: 215px; } }
.author .author-image { text-align: center; margin-bottom: 15px; }
@media (min-width: 768px) { .author .author-image { float: left; text-align: left; padding-right: 15px; } }
.author .author-content { margin-bottom: 50px; }
.author .author-content h1 { margin-bottom: 15px; color: #737373; font-size: 16px; font-weight: 600; }
@media (min-width: 992px) { .author .author-content h1 { font-size: 18px; margin: 0 0 15px 0; } }
.author .author-content h1 span { font-size: 12px; }
.author .author-content .author-text { margin: 0 0 15px 0; line-height: 18px; text-align: justify; }
.author .likebox { font-size: 12px; margin-top: 45px; float: right; }
@media (min-width: 992px) { .author .likebox { margin-top: 0; font-size: 14px; } }
.author .likebox .sb-list .sb-item { width: 30px; display: block; margin: 10px 10px 0 0; float: left; }
.author .likebox .sb-list .sb-item a { color: #2f9dc0; cursor: pointer; display: block; }
.author .likebox .sb-list .sb-item a:hover { background-color: #2f9dc0; color: #ffffff; }
.author .likebox .sb-list .sb-item a:focus { background: none; color: #2f9dc0; }
.author .likebox .sb-list .sb-item a:focus:hover { background-color: #2f9dc0; color: #ffffff; }
.author .likebox .sb-list .sb-item a i { font-size: 20px; border: 1px solid #2f9dc0; width: 30px; height: 30px; line-height: 28px; text-align: center; }

.footer { margin-top: 30px; border-style: solid; border-width: 1px 0 0 0; border-color: #d9d9d9; text-align: center; font-size: 12px; padding: 16px 0; }
@media (min-width: 768px) { .footer { font-size: 13px; text-align: left; } }
.footer .footer-links { margin-top: 15px; }
@media (min-width: 768px) { .footer .footer-links { text-align: right; margin: 0; } }
.footer .footer-links li { display: inline-block; margin-left: 10px; }
.footer .footer-links li:first-of-type { margin-left: 0; }
.footer .footer-links li a { color: #737373; font-size: 11px; }
@media (min-width: 768px) { .footer .footer-links li a { font-size: 12px; } }
.footer .footer-links li a:hover, .footer .footer-links li a:focus { text-decoration: underline; background: none; }