@charset "UTF-8";
.single-kurs { font-size: 15px; line-height: 24px; text-rendering: optimizeLegibility; color: #444444; /* Kurslanding = Titel, Titelbild, Slogan, Rating */ /* Kurs Starten BTN */ }

.single-kurs #content .row.kurslanding { margin-top: 55px; color: #444444; /* Kursbild */ /* Kurstite, Slogan, Rating */ }

.single-kurs #content .row.kurslanding .kurs-headerimg { margin-bottom: 10px; }

@media (min-width: 767px) { .single-kurs #content .row.kurslanding .kurs-headerimg { float: left; margin-bottom: 0; width: 50%; } }

@media (min-width: 900px) { .single-kurs #content .row.kurslanding .kurs-headerimg { width: 40%; } }

@media (min-width: 1100px) { .single-kurs #content .row.kurslanding .kurs-headerimg { width: 30%; } }

.single-kurs #content .row.kurslanding .kurs-title-meta { padding: 15px 15px 5px 15px; }

.single-kurs #content .row.kurslanding .kurs-title-meta p.kurslanding-desktop { margin: 0; font-size: 15px; color: #777777; }

.single-kurs #content .row.kurslanding .kurs-title-meta h1 { font-size: 28px; margin-top: 5px; font-weight: bold; color: #434343; line-height: 1.2em; }

.single-kurs #content .row.kurslanding .kurs-title-meta h2 { margin-top: 5px; font-weight: normal; color: #434343; font-family: "Open Sans", Arial, sans-serif; font-size: 16px; line-height: 23px; }

.single-kurs #content .row.kurslanding .kurs-title-meta .padlockopen-mobile { display: none; }

.single-kurs #content .row.kurslanding .kurs-title-meta .padlockopen { background: transparent url("images/padlock-open.svg") no-repeat scroll 0 0; font-size: 15px; line-height: 22px; margin: 10px 0; padding-left: 26px; color: #777777; }

.single-kurs #content .row.kurslanding .kurs-title-meta .kurs-bewertung .kk-star-ratings { min-height: 25px; width: 120px; }

.single-kurs #content .row.kurslanding .kurs-title-meta .kurs-bewertung .kk-star-ratings .kksr-star.gray { background-image: url("images/empty-crown.svg"); }

.single-kurs #content .row.kurslanding .kurs-title-meta .kurs-bewertung .kk-star-ratings .kksr-star.yellow { background-image: url("images/full-crown.svg"); }

.single-kurs #content .row.kurslanding .kurs-title-meta .kurs-bewertung .kk-star-ratings .kksr-star.orange { background-image: url("images/hover-crown.svg"); }

@media (min-width: 767px) { .single-kurs #content .row.kurslanding .kurs-title-meta { float: left; width: 50%; padding: 0px 15px 15px 30px; }
  .single-kurs #content .row.kurslanding .kurs-title-meta h1 { font-size: 32px; }
  .single-kurs #content .row.kurslanding .kurs-title-meta h2 { font-size: 22px; line-height: 30px; } }

@media (min-width: 900px) { .single-kurs #content .row.kurslanding .kurs-title-meta { float: left; width: 60%; padding: 0px 15px 15px 30px; }
  .single-kurs #content .row.kurslanding .kurs-title-meta h1 { font-size: 32px; }
  .single-kurs #content .row.kurslanding .kurs-title-meta h2 { font-size: 22px; line-height: 30px; } }

@media (min-width: 1100px) { .single-kurs #content .row.kurslanding .kurs-title-meta { float: left; width: 70%; padding: 15px 15px 15px 30px; } }

.single-kurs .course_button.button { border: none; text-transform: uppercase; font-size: 14px; font-weight: normal; letter-spacing: 0.05em; }

/* Kursdetails */
.course_details .icon-padlockedopen { background: transparent url("images/padlock-open.svg") no-repeat scroll 0 0; height: 20px; margin-right: 20px; width: 20px; }

.course_details i.gesamtdauer { font-size: 12px; margin-right: 18px; padding-top: 3px; white-space: nowrap; font-weight: normal; text-transform: none; }

/******************************************************/
/* KURSINFORMATIONEN: Kursbeschreibung, Kurslektionen */
/******************************************************/
#item-body.kurs-informationen { padding: 30px 20px; /* Kursbeschreibung */ /* Kurslektionen*/ }

#item-body.kurs-informationen .course_description h2 { margin-bottom: 15px; color: #434343; margin-top: 0px; font-size: 24px; line-height: 29px; }

#item-body.kurs-informationen .course_description h2.kurslektionen { margin-top: 20px; }

@media (min-width: 767px) { #item-body.kurs-informationen .course_description h2 { font-size: 28px; line-height: 31px; margin-bottom: 20px; } }

#item-body.kurs-informationen .course_description h3 { font-weight: bold; font-size: 20px; line-height: 30px; color: #434343; }

#item-body.kurs-informationen .kurs-kurrikulum .table thead > tr > th, #item-body.kurs-informationen .kurs-kurrikulum .table tbody > tr > th, #item-body.kurs-informationen .kurs-kurrikulum .table tfoot > tr > th, #item-body.kurs-informationen .kurs-kurrikulum .table thead > tr > td, #item-body.kurs-informationen .kurs-kurrikulum .table tbody > tr > td, #item-body.kurs-informationen .kurs-kurrikulum .table tfoot > tr > td { border-top: none; line-height: 1.42857; padding: 8px; vertical-align: top; }

#item-body.kurs-informationen .kurs-kurrikulum table.table { border-top: 1px solid #efefef; border-right: 1px solid #efefef; border-left: 1px solid #efefef; }

#item-body.kurs-informationen .kurs-kurrikulum table.table tr { padding: 5px 3px; }

#item-body.kurs-informationen .kurs-kurrikulum table.table tr td.curriculum-icon { padding: 8px 0 8px 8px; }

@media (min-width: 767px) { #item-body.kurs-informationen .kurs-kurrikulum table.table tr { padding: 10px; }
  #item-body.kurs-informationen .kurs-kurrikulum table.table tr td.curriculum-icon { padding: 8px; } }

#item-body.kurs-informationen .kurs-kurrikulum .course_lesson span.time { font-size: 11px; font-weight: 600; position: absolute; right: 10px; text-transform: uppercase; line-height: 14px; top: 10px; width: 55px; text-align: center; }

#item-body.kurs-informationen .kurs-kurrikulum .course_lesson span.time i.fa-clock-o::before { content: " "; display: inline-block; width: 14px; height: 14px; background: url("images/lektion-dauer.svg") no-repeat center center; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; display: block; margin-left: 22px; margin-bottom: 2px; }

@media (min-width: 767px) { #item-body.kurs-informationen .kurs-kurrikulum .course_lesson span.time { font-size: 11px; font-weight: 600; position: absolute; right: 19px; text-transform: uppercase; line-height: 14px; top: 22px; width: auto; text-align: left; }
  #item-body.kurs-informationen .kurs-kurrikulum .course_lesson span.time i.fa-clock-o::before { display: inline-block; margin: 0; } }

@media (min-width: 767px) { #item-body.kurs-informationen { padding: 60px 70px 60px; } }

/******************************************************/
/* KURS STARTSEITE SIDEBAR: Kursinformationen, Kursbutton, Sponsor */
/******************************************************/
#course-sponsor span { display: block; color: #777777; }

#course-sponsor img { width: 75%; max-width: 180px; margin-top: 10px; }

/******************************************************/
/* KURS STARTSEITE FOOTER                             */
/******************************************************/
.single-kurs footer { margin-top: 65px; }

body.single-lektion { background-color: #f2f2f2; }

header.header-lektion { background: transparent; }

#headertop.headertop-lektion { background: transparent; }

#headertop.headertop-lektion .topmenu { color: grey; }

#headertop.headertop-lektion .topmenu a { color: grey; }

.pusher-lektion { background: #f2f2f2 url("https://selpers.com/wp-content/uploads/2017/03/Kursseiten-header-2.jpg") no-repeat scroll center top/100% auto; margin-top: 0; overflow: auto; position: relative; }

/*****************************************************
  Lektion Inhalt
*****************************************************/
@media (max-width: 767px) { .container.container-lektion { padding: 0px; margin: 0px; }
  .container.container-lektion .kurs-back-btn { margin: 0px; }
  .container.container-lektion .kursstatus-sidebar { display: none; }
  .container.container-lektion #course-sponsor { margin: 0 35px; } }

.kurs-back-btn { color: #b17e3e; font-weight: 600; margin: 0px; }

.kurs-back-btn::before { content: ""; float: left; font-family: "fonticon"; margin-left: 5px; }

.lektion-content { background: #fff none repeat scroll 0 0; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ display: inline-block; margin: 15px 0; /* padding: 20px 0; */ position: relative; width: 100%; padding: 30px 20px 0; font-size: 15px; line-height: 24px; text-rendering: optimizeLegibility; color: #444444; }

.lektion-content .lektions-nummer { color: #979797; margin-bottom: 0px; font-size: 14px; }

.lektion-content h1 { color: #575756; font-size: 28px; line-height: 35px; font-weight: bold; margin: 15px 0 25px; }

@media (min-width: 767px) { .lektion-content h1 { font-size: 34px; line-height: 38px; } }

.lektion-content a { color: #444444; }

.lektion-content h2 { color: #b17e3e; margin: 50px 0 22px; line-height: 33px; }

.lektion-content h3 { font-weight: bold; color: #b17e3e; font-size: 20px; line-height: 30px; }

@media (min-width: 550px) { .lektion-content { padding: 40px 35px 0; } }

@media (min-width: 767px) { .lektion-content { padding: 55px 55px 0; } }

@media (min-width: 992px) { .lektion-content { padding: 65px 75px 0; } }

@media (min-width: 1200px) { .lektion-content { padding: 75px 95px 0; } }

.unit_button.button { border: none; text-transform: uppercase; font-size: 14px; font-weight: normal; letter-spacing: 0.05em; }

/*****************************************************
  Mobiles Lektionsmen+
*****************************************************/
.single-lektion .pagesidebar { background: white none repeat scroll 0 0; }

.single-lektion .pagesidebar .course_timeline-custom { padding: 20px; }

.single-lektion .pagesidebar .course_timeline-custom li { margin-bottom: 5px; }

#headertop.headertop-lektion #trigger .lines { background: #575757 none repeat scroll 0 0; color: #fff; display: inline-block; height: 4px; position: relative; transition: all 0.3s ease 0s; width: 32px; }

#headertop.headertop-lektion #trigger .lines::before, #headertop.headertop-lektion #trigger .lines::after { background: #575757 none repeat scroll 0 0; }

/******************************
**** BTE Kursnavigation
******************************/
.kursstatus-sidebar { display: block; margin-top: 15px; }

.kursstatus-sidebar .kurs-featuredimg { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; background-clip: padding-box; overflow: hidden; }

.kurs-timeline { background: #fff none repeat scroll 0 0; border: 0 none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin-bottom: 25px; margin-top: 0; padding-bottom: 20px; padding-top: 20px; }

.kurs-timeline ol { counter-reset: li; padding-left: 25px; }

.kurs-timeline ol li { border-left: 2px solid #f0efed; padding: 0 10px 16px 25px; position: relative; }

.kurs-timeline ol li:last-of-type { padding-bottom: 0; }

.kurs-timeline ol li::before { background-color: #f0efed; background-position: center center; border-radius: 50%; color: #888888; content: counter(li, decimal); counter-increment: li; font-size: 12px; height: 20px; left: -10px; margin-right: 8px; position: absolute; text-align: center; top: 1px; width: 20px; z-index: 2; }

.kurs-timeline ol li.active::before { background-color: #b17e3e; color: #fff; }

.lektion_prevnext { background: white none repeat scroll 0 0; border-top: 1px solid #e8e3e0; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; font-size: 12px; height: 55px; margin: 0; padding: 16px 25px; text-transform: uppercase; position: fixed; bottom: 0px; left: 0px; z-index: 200; }

.lektion_prevnext .lektion_prevnext-prev { float: left; width: 50%; }

.lektion_prevnext .lektion_prevnext-prev a { color: #646464; font-weight: 600; font-size: 14px; }

.lektion_prevnext .lektion_prevnext-prev a:hover { color: #b17e3e; }

.lektion_prevnext .lektion_prevnext-prev a::after { content: ""; float: left; font-family: "fonticon"; margin-right: 5px; }

.lektion_prevnext .lektion_prevnext-next { float: left; text-align: right; width: 50%; }

.lektion_prevnext .lektion_prevnext-next a { color: #646464; font-weight: 600; font-size: 14px; }

.lektion_prevnext .lektion_prevnext-next a:hover { color: #b17e3e; }

.lektion_prevnext .lektion_prevnext-next a::after { content: ""; float: right; font-family: "fonticon"; margin-left: 5px; }

@media (max-width: 600px) { .lektion_prevnext a span { display: none; } }

@media (max-width: 991px) { .lektion_prevnext { width: 100%; } }

@media (min-width: 992px) { .lektion_prevnext { background: white none repeat scroll 0 0; border-top: 1px solid #e8e3e0; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; font-size: 12px; height: 55px; padding: 25px 30px 0; text-transform: uppercase; position: relative; } }

@media (min-width: 992px) { .lektion_prevnext { margin: 20px -75px; } }

@media (min-width: 1200px) { .lektion_prevnext { margin: 20px -95px; } }

.list-basic { list-style: none; margin-bottom: 15px; }

.list-basic li { margin-bottom: 10px; list-style: none; padding-left: 24px; background: url("images/haekchen.svg") no-repeat 1px 6px; }

.lektion-content .wp-video-container { margin: 0; margin-top: 45px; margin-left: -23px; margin-right: -23px; overflow: hidden; padding: 0; }

@media (min-width: 550px) { .lektion-content .wp-video-container { margin: 0; margin-top: 45px; } }

.videolinks { background-color: #f7f5f5; margin: 0; padding: 20px 13px 13px 20px; margin-left: -23px; margin-right: -23px; margin-bottom: 40px; }

.videolinks .videofragen { list-style-type: none !important; }

.videolinks .videofragen li { background: transparent url("images/icon-videofragen.svg") no-repeat scroll 3px 7px; list-style: outside none none; margin-bottom: 12px; padding-left: 20px; }

.videolinks .videofragen li a:hover { color: #b17e3e; }

.videolinks .videolinks-tipp { display: block; margin: 8px 0; padding-left: 26px; position: relative; }

.videolinks .videolinks-tipp::before { background-clip: padding-box; background-color: #badc5f; border-radius: 20px; color: white; content: "!"; display: block; font-weight: bold; height: 18px; left: 0; line-height: 18px; position: absolute; text-align: center; top: 2px; width: 18px; }

@media (min-width: 550px) { .videolinks { padding: 30px 20px 20px 30px; margin-bottom: 60px; margin: 0; } }

/* Infobox */
.kurs-infobox { padding: 30px; background: #f7f5f5 url("images/infobox-lightbulb-pink.svg") no-repeat top 25px right 28px; }

.kurs-infobox h3 { color: #b17e3e; margin-top: 0px; font-weight: bold; }

.lektion-content .wp-caption-text { text-align: center; font-size: 14px; font-style: italic; color: #979797; }

.kurs-entspannungsbox > .vc_column-inner > .wpb_wrapper { margin-left: -25px; margin-right: -26px; padding: 25px; background: #f7f5f5; }

.kurs-entspannungsbox > .vc_column-inner > .wpb_wrapper h3 { color: #b17e3e; margin-top: 0px; font-weight: bold; font-size: 22px; line-height: 32px; }

@media (min-width: 550px) { .kurs-entspannungsbox > .vc_column-inner > .wpb_wrapper { padding: 30px; margin-left: -5px; margin-right: -5px; } }

.kurs-entspannungsbox-eins h3, .kurs-entspannungsbox-zwei h3, .kurs-entspannungsbox-drei h3, .kurs-entspannungsbox-vier h3, .kurs-entspannungsbox-fuenf h3, .kurs-entspannungsbox-sechs h3 { position: relative; }

.kurs-entspannungsbox-eins h3::before, .kurs-entspannungsbox-zwei h3::before, .kurs-entspannungsbox-drei h3::before, .kurs-entspannungsbox-vier h3::before, .kurs-entspannungsbox-fuenf h3::before, .kurs-entspannungsbox-sechs h3::before { position: absolute; content: "1"; height: 36px; width: 36px; text-align: center; background-color: #b17e3e; left: -48px; color: white; top: -2px; font-size: 20px; line-height: 36px; -webkit-border-radius: 60px; border-radius: 60px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }

@media (max-width: 767px) { .kurs-entspannungsbox-eins h3, .kurs-entspannungsbox-zwei h3, .kurs-entspannungsbox-drei h3, .kurs-entspannungsbox-vier h3, .kurs-entspannungsbox-fuenf h3, .kurs-entspannungsbox-sechs h3 { position: relative; text-indent: 35px; }
  .kurs-entspannungsbox-eins h3::before, .kurs-entspannungsbox-zwei h3::before, .kurs-entspannungsbox-drei h3::before, .kurs-entspannungsbox-vier h3::before, .kurs-entspannungsbox-fuenf h3::before, .kurs-entspannungsbox-sechs h3::before { height: 25px; text-indent: 0px; width: 25px; left: 0px; color: white; top: -2px; font-size: 15px; line-height: 25px; } }

.kurs-entspannungsbox-zwei h3::before { content: "2"; }

.kurs-entspannungsbox-drei h3::before { content: "3"; }

.kurs-entspannungsbox-vier h3::before { content: "4"; }

.kurs-entspannungsbox-fuenf h3::before { content: "5"; }

.kurs-entspannungsbox-sechs h3::before { content: "6"; }

.lektion-content .vc_toggle:last-of-type { margin-bottom: 10px; }

.lektion-content .vc_toggle .vc_toggle_title { text-align: left; padding-left: 0px !important; }

.lektion-content .vc_toggle .vc_toggle_title h4 { font-size: 18px; color: #444444; font-weight: 600; padding-right: 15px; }

.lektion-content .vc_toggle .vc_toggle_title h4::after { content: "(Klicken um weiterzulesen)"; font-size: 14px; margin-left: 7px; color: #777777; font-weight: normal; }

.lektion-content .vc_toggle .vc_toggle_title .vc_toggle_icon { background: transparent url("images/toggleicon.svg") no-repeat scroll left center; display: inline-block; float: right; height: 12px; margin: 5px 15px 0 0; width: 12px; border: 0px; margin-top: 10px; left: auto; position: relative !important; }

.lektion-content .vc_toggle .vc_toggle_title .vc_toggle_icon::before, .lektion-content .vc_toggle .vc_toggle_title .vc_toggle_icon::after { display: none; }

.lektion-content .vc_toggle .vc_toggle_content { background-color: white; padding: 20px; margin-bottom: 10px; }

.lektion-content .vc_toggle .vc_toggle_content p:last-of-type { margin-bottom: 5px; }

.lektion-content .vc_toggle_active .vc_toggle_title { text-align: left; padding-left: 0px !important; }

.lektion-content .vc_toggle_active .vc_toggle_title h4 { font-size: 18px; color: #444444; font-weight: 600; }

.lektion-content .vc_toggle_active .vc_toggle_title h4::after { display: none; }

.lektion-content .vc_toggle_active .vc_toggle_title .vc_toggle_icon { background-position: right center; }

.lektion-content blockquote { border-left: 2px solid #f0eded; padding: 0 20px; margin: 20px 0 30px; }

.lektion-content blockquote p { font-size: 15px; line-height: 25px; }

/* Lektions Quicklinks */
.lektion-quicklinks { border: 1px solid #f0eded; padding: 30px; }

.lektion-quicklinks .quicktipp-links { display: block; margin: 8px 0; padding-left: 26px; position: relative; }

.lektion-quicklinks .quicktipp-links::before { background-clip: padding-box; background-color: #badc5f; border-radius: 20px; color: white; content: "!"; display: block; font-weight: bold; height: 18px; left: 0; line-height: 18px; position: absolute; text-align: center; top: 2px; width: 18px; }

.lektion-quicklinks ol { list-style: none; margin-left: 0px; }

.lektion-quicklinks ol li { counter-increment: count-me; padding-bottom: 7px; list-style: none; position: relative; padding-left: 30px; }

.lektion-quicklinks ol li::before { content: counter(count-me); display: block; position: absolute; height: 20px; width: 20px; text-align: center; line-height: 20px; font-size: 14px; left: 0; top: 2px; color: white; background-color: #b17e3e; -webkit-border-radius: 40px; border-radius: 40px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }

/* Nummerierte Liste mit Zahlen in buntem Kreis */
.main_unit_content .colored-numbered { list-style: none; margin-left: 0px; }

.main_unit_content .colored-numbered li { counter-increment: count-me; padding-bottom: 15px; list-style: none; position: relative; padding-left: 35px; }

.main_unit_content .colored-numbered li::before { content: counter(count-me); display: block; position: absolute; height: 20px; width: 20px; text-align: center; line-height: 20px; font-size: 13px; left: 0; top: 2px; color: white; background-color: #b17e3e; -webkit-border-radius: 40px; border-radius: 40px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }

.page-template-page-kurse .headerimg__container.headerimg__container--sub { background-image: url("images/Hero-Image-Mobile.jpg"); }

@media (min-width: 951px) { .page-template-page-kurse .headerimg__container.headerimg__container--sub { background-image: url("https://better-than-ever.com/wp-content/uploads/2017/09/Hero-Image.jpg"); } }

.page-template-page-kurse #headerimg .headerimg__container { text-align: center; }

.page-template-page-kurse #headerimg .headerimg__container .hero-text { color: white; text-align: center; margin: 0 auto; width: 60%; padding-top: 130px; }

.page-template-page-kurse #headerimg .headerimg__container .hero-text h1 { background: url("images/online-lernen-lebenslust.png") no-repeat center center; background-position: center center; background-size: contain; text-indent: -200%; width: 625px; height: 94px; margin: 0 auto; margin-bottom: 35px; overflow: hidden; }

.page-template-page-kurse #headerimg .headerimg__container .hero-text p { font-size: 24px; line-height: 35px; margin-bottom: 35px; }

.page-template-page-kurse #headerimg .headerimg__container .hero-text a { font-size: 23px; color: #b17e3e; line-height: 35px; padding: 7px 16px; background-color: white; border: 1px solid white; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }

.page-template-page-kurse #headerimg .headerimg__container .hero-text a:hover { background-color: transparent; color: white; }

@media (max-width: 450px) { .page-template-page-kurse #headerimg .headerimg__container .hero-text { padding-top: 40px; width: 80%; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text h1 { margin-bottom: 25px; width: 300px; height: 45px; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text p { display: none; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text a { font-size: 20px; } }

@media (min-width: 451px) and (max-width: 750px) { .page-template-page-kurse #headerimg .headerimg__container .hero-text { padding-top: 35px; width: 90%; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text h1 { margin-bottom: 25px; width: 400px; height: 60px; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text p { margin-bottom: 25px; font-size: 21px; line-height: 31px; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text a { font-size: 20px; } }

@media (min-width: 751px) and (max-width: 950px) { .page-template-page-kurse #headerimg .headerimg__container .hero-text { padding-top: 90px; width: 70%; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text h1 { margin-bottom: 25px; width: 550px; height: 80px; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text p { margin-bottom: 25px; font-size: 22px; line-height: 32px; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text a { font-size: 21px; } }

@media (min-width: 951px) and (max-width: 1180px) { .page-template-page-kurse #headerimg .headerimg__container .hero-text { width: 70%; padding-top: 90px; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text h1 { margin-bottom: 35px; width: 625px; height: 94px; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text p { margin-bottom: 35px; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text a { font-size: 23px; } }

@media (min-width: 1181px) { .page-template-page-kurse #headerimg .headerimg__container .hero-text { width: 60%; padding-top: 130px; font-size: 24px; line-height: 35px; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text h1 { margin-bottom: 25px; }
  .page-template-page-kurse #headerimg .headerimg__container .hero-text p { margin-bottom: 25px; } }

#content.content-kurse { background: #f2f2f2 url("https://selpers.com/wp-content/uploads/2017/03/Kursseiten-header-2.jpg") no-repeat scroll center top/100% auto; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.09) inset; margin-top: 0; overflow: auto; position: relative; padding-bottom: 70px; /* Kurse Einführungstext */ /* Kurs Vorschau Box */ }

#content.content-kurse .kurs-introduction { padding: 15px 0 10px; text-align: center; }

#content.content-kurse .kurs-introduction h1 { color: #b17e3e; font-size: 28px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; }

#content.content-kurse .kurs-introduction p { font-size: 14px; line-height: 22px; }

@media (min-width: 767px) { #content.content-kurse .kurs-introduction { padding: 50px 10% 45px; text-align: center; }
  #content.content-kurse .kurs-introduction h1 { font-size: 39px; margin-bottom: 40px; }
  #content.content-kurse .kurs-introduction p { font-size: 17px; line-height: 25px; } }

@media (min-width: 951px) { #content.content-kurse .kurs-introduction { padding: 50px 15% 45px; } }

#content.content-kurse .kursvorschau-container .kursvorschau-bild { overflow: hidden; margin: 0px; }

#content.content-kurse .kursvorschau-container .kursvorschau-text { background-color: white; padding: 10px 20px; margin: 0; border-bottom: 1px solid #eeeeee; }

#content.content-kurse .kursvorschau-container .kursvorschau-text h3 { font-size: 21px; margin-top: 10px; margin-bottom: 10px; line-height: 28px; }

#content.content-kurse .kursvorschau-container .kursvorschau-text .wpb_wrapper { padding-bottom: 5px; }

#content.content-kurse .kursvorschau-container .kursvorschau-info.vc_row { margin: 0 0 25px  !important; background-color: white; padding: 25px 5px 0; }

#content.content-kurse .kursvorschau-container .kursvorschau-info.vc_row a { background-color: #b17e3e; padding: 6px 12px; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: 1px solid #b17e3e; color: white; text-decoration: none; }

#content.content-kurse .kursvorschau-container .kursvorschau-info.vc_row a:hover { background-color: white; color: #b17e3e; }

#content.content-kurse .kursvorschau-container .kursvorschau-info.vc_row .kursvorschau-website { margin-bottom: 0px; text-align: right; }

#content.content-kurse .kursvorschau-container .kursvorschau-info.vc_row .kursvorschau-website a { background: url("images/kursvorschau-betterthanever.png") no-repeat top left; background-size: cover; display: block; float: right; margin-right: 10px; border: none; padding: 0; -webkit-border-radius: 0px; border-radius: 0px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ width: 93px; height: 29px; text-indent: 100%; white-space: nowrap; overflow: hidden; -webkit-transition: background-position 1s ease; }

#content.content-kurse .kursvorschau-container .kursvorschau-info.vc_row .kursvorschau-website a:hover { background: url("images/kursvorschau-betterthanever-hover.png") no-repeat top left; background-size: cover; }

#content.content-kurse .kursvorschau-container .kursvorschau-info.vc_row .kursvorschau-website-selpers a { background: url("images/kursvorschau-selpers.png") no-repeat top left; background-size: cover; }

#content.content-kurse .kursvorschau-container .kursvorschau-info.vc_row .kursvorschau-website-selpers a:hover { background: url("images/kursvorschau-selpers-hover.png") no-repeat top left; background-size: cover; }

#content.content-kurse .kursvorschau-container .kursvorschau-info.vc_row .kursvorschau-website-schlafcoach a { background: url("images/kursvorschau-schlafcoach.png") no-repeat top left; background-size: cover; }

#content.content-kurse .kursvorschau-container .kursvorschau-info.vc_row .kursvorschau-website-schlafcoach a:hover { background: url("images/kursvorschau-schlafcoach-hover.png") no-repeat top left; background-size: cover; }

/* BTE Kurs Landinpage Footer */
.page-template-page-kurse footer { margin-top: 0px; }

.single-kurs .pusher { background-color: #f2f2f2; }

.single-kurs #content { background: transparent url("https://selpers.com/wp-content/uploads/2017/03/Kursseiten-header-2.jpg") no-repeat scroll center top/100% auto; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.09) inset; margin-top: 0; overflow: auto; position: relative; }

.show-on-mobile { display: block; }

.hide-on-mobile { display: none; }

@media (min-width: 767px) { .show-on-mobile { display: none; }
  .hide-on-mobile { display: block; } }

.show-on-tablet { display: block; }

.hide-on-tablet-mobile { display: none; }

@media (min-width: 900px) { .show-on-tablet { display: none; }
  .hide-on-tablet-mobile { display: block; } }

.show-on-large-tablet { display: block; }

.hide-on-large-tablet-mobile { display: none; }

@media (min-width: 992px) { .show-on-large-tablet { display: none; }
  .hide-on-large-tablet-mobile { display: block; } }