/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

.ebook3-heading-blue {
	background-image: none !important;
}
.ebook3-heading-blue {
    position: relative;
    display: inline-block;
    padding: 0.4em 1.4em;
    font-weight: 500;
    z-index: 1;
	text-transform: uppercase;
}
	.ebook3-heading-blue::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 40px;
    background: #219efa; /* dein Blau */
    border-radius: 999px; /* Pillenform */
    z-index: -1;
}


.ebook3-heading-white {
	background-image: none !important;
}
.ebook3-heading-white {
    position: relative;
    display: inline-block;
    padding: 0.4em 1.4em;
    font-weight: 500;
    z-index: 1;
	text-transform: uppercase;
}
	.ebook3-heading-white::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 40px;
    background: #ffffff; /* dein Blau */
    border-radius: 999px; /* Pillenform */
    z-index: -1;
}


.ebook3-heading-gray {
	background-image: none !important;
}
.ebook3-heading-gray {
    position: relative;
    display: inline-block;
    padding: 0.4em 1.4em;
    font-weight: 500;
    z-index: 1;
	text-transform: uppercase;
}
	.ebook3-heading-gray::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 40px;
    background: #f4f4f4; /* dein Blau */
    border-radius: 999px; /* Pillenform */
    z-index: -1;
}
.column_column ul {
	margin-left: 18px !important;
}
.bewerbungsformular input::placeholder,
.bewerbungsformular textarea::placeholder {
    color: #ffffff; /* deine Wunschfarbe */
    opacity: 0.4;     /* wichtig, sonst wirkt der Text zu hell */
}
.bewerbungsformular input, .bewerbungsformular textarea {
	color: #ffffff !important;
}
.bewerbungsformular .cf7-success {
	font-size: 34px;
	padding: 20px 0 0 100px !important;
	line-height: normal !important;
}
/* Icon einfügen */
.bewerbungsformular .cf7-success::before {
    content: "\e841"; /* mfn-icon-check (Font Icon) */
    font-family: "mfn-icons"; /* wichtig: das ist die BeTheme Icon-Font */
    font-size: 100px;
    color: #ffffff;
    position: absolute;
    left: 70px;
}
.highlight-left::after, .highlight-right::after {
  background: #21699E !important;
}
@media all and (min-width: 768px){
#Header .column.one {
	padding: 0 100px;
}
#Top_bar.is-sticky {
	padding: 20px 0;
}
}
@media all and (max-width: 768px){
#Top_bar {
	position:fixed;
	padding: 20px 0;
	background-color: rgba(255,255,255,0.7) !important;
}
	.autotrennung {
		hyphens: auto;
	}
	}
#Top_bar.is-sticky {
  background-color: rgba(255,255,255,0.7) !important;
}
/* CCM 19 Widget */

.ccm-settings-summoner--link.ccm--ctrl-init {
  box-shadow: none !important;
}
.ccm-modal-inner {
  border-radius: 20px !important;
  overflow: hidden !important;
}
.ccm-widget--logo {
  margin-bottom: 0px !important;
}
.ccm-settings-summoner.ccm-show {
  border-radius: 100px !important;
  overflow: hidden !important;
  max-width: 45px !important;
  height: 45px !important;
  background: #3c3c3b !important;
  margin: 0 0 0 20px !important;
  bottom: 20px !important;
}
.ccm-root .ccm-settings-summoner--icon {
  width: 80% !important;
  height: 80% !important;
  margin: 0 0 0 5px !important;
  padding: 2px !important;
}
#Side_slide .extras {
	display: none;
}