/* 01. STYLING */
/* 02. FONT STYLING */
/* 03. TEAM STYLING */
/* 04. FOOTER STYLING */
/* 05. PADDING CONTENT ELEMENTS */
/* 06. ACCORDEON STYLING */
/* 07. BULLET LIST STYLING */
/* 08. REMOVE TITLE BAR */
/* 09. COUNTER FONT STYLING */




/* 01. STYLING */

/* Body Font: Merriweather 400 */
/* Head Font: Lato 700 */

/* Body Size: 18px */
/* H5 Size: 18px */
/* H4 Size: 22px */
/* H3 Size: 30px */
/* H2 Size: 40px */
/* H1 Size: 50px */

/* hellblau #d5e2f4 */
/* dunkelblau #0288d1 */




/* 02. FONT STYLING */

.sh-nav > li.menu-item > a {
    font-family: lato, sans-serif !important;
    font-weight: 400 !important;
	  font-size: 18px !important;
	  letter-spacing: 0.02em !important;
}

body {
	font-family: Merriweather, serif; !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	color: #424242 !important;
	line-height: 1.8em !important;
}

h1 {
	font-family: lato, sans-serif !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 50px !important;
	color: #424242 !important;
	line-height: 1.4em!important;
}

h2 {
	font-family: lato, sans-serif !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 40px !important;
	color: #424242 !important;
	line-height: 1.4em!important;
}

h3 {
	font-family: lato, sans-serif !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 30px !important;
	color: #424242 !important;
	line-height: 1.4em !important;
	margin-top: 1.5em !important;
}

h4 {
	font-family: lato, sans-serif !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 22px !important;
	color: #424242 !important;
	line-height: 1.4em !important;
	margin-top: 1em !important;
}

h5 {
  font-family: lato, sans-serif !important;
	font-style: normal;
	font-weight: 400 !important;
	font-size: 18px !important;
	color: #0288d1 !important;
	line-height: 1.4em!important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	display: inline-block;
  position: relative;
}
h5::after {
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1.2em;
  width: 100%;
  border-bottom: 4px solid #0288d1;
  margin-top: 10px;
}

h6 {
  font-family: lato, sans-serif !important;
	font-style: normal;
	font-weight: 400 !important;
	font-size: 18px !important;
	color: #757575 !important;
	line-height: 1.6em !important;
	text-transform: uppercase !important;
}

.wpb_content_element {
    margin-bottom: 5px !important;
}

@media screen and (max-width: 600px) {
  h1 { font-size: 40px !important; }
  h2 { font-size: 30px !important; }
}




/* 03. TEAM STYLING */

.sh-team-name h3 {
	text-transform: none !important;
	font-family: Merriweather !important;
	font-size: 18px !important;
	font-style: normal !important; 
	font-weight: 700 !important; 
	line-height: 1em !important;
  margin-top: -20px !important;

}
.sh-team-role {
	text-transform: none !important;
	font-family: Raleway !important;
	font-size: 16px !important;
	font-style: normal !important; 
	font-weight: 500 !important; 
	line-height: 1em !important;
	margin-bottom: 20px !important;
}
.sh-team-style4 .sh-team-description {
    margin-bottom: 50px !important;
}




/* 04. FOOTER STYLING */

footer p {
	line-height: 1.3em !important;
	font-size: 14px !important;
}

footer h3 {
	line-height: 1.3em !important;
}

footer h4 {
  font-family: lato, sans-serif !important;
	font-style: normal;
	font-weight: 400 !important;
	font-size: 16px !important;
	color: #fafafa !important;
	line-height: 1.5em!important;
	text-transform: none !important;
}

footer {
	background-color: #757575 !important;
}




/* 05. PADDING CONTENT ELEMENTS */

.vc_column_container>.vc_column-inner {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.wpb_single_image img, .vc_row .sh-team-image img {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.sh-team-style4 .sh-team-name h3 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.sh-team-role {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.sh-team-description {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.sh-team-style4 .sh-team-name h3 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.sh-team-role {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.sh-team-description {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.sh-iconbox {
    margin: 0px 6px 15px 6px !important;
}




/* 06. ACCORDEON STYLING */

/* Accordeon Title Color */
.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a {
    color: #424242 !important;
}

/* Accordeon Title Active Color */
.vc_tta-color-white.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #0288d1 !important;
}

/* Accordeon Title Padding */
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a {
	padding: 0px 0px 20px 0px !important;
}

/* Accordeon Border */
.wpb-js-composer .vc_tta.vc_tta-style-modern .vc_tta-panel-body, .wpb-js-composer .vc_tta.vc_tta-style-modern .vc_tta-panel-heading {
	border-width: 1px 0px 1px 0px !important;
	border-color: #424242 !important;
}

/* Accordeon Control Icon Color */
.vc_tta-color-white.vc_tta-style-modern .vc_tta-controls-icon::after, .vc_tta-color-white.vc_tta-style-modern .vc_tta-controls-icon::before {
    border-color: #424242 !important;
}

/* Accordeon Control Icon Active Color */
.vc_tta-color-white.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-white.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: #0288d1 !important;
}

/* Accordeon Control Icon Padding */
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
    position: absolute;
    top: 28% !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px !important;
}

/* Accordeon Control Icon Styling */
.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-style: solid;
    border-width: 3px 0 0 0 !important;
}
.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 50%;
    bottom: 0;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 0 0 0 3px !important;
}


/* Accordeon Control Icon Size */
.wpb-js-composer .vc_tta .vc_tta-controls-icon {
    height: 20px !important;
    width: 20px !important;
}

/* Accordeon Body Padding */
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {
    padding: 20px 0px 20px 40px !important;
}




/* 07. BULLET LIST STYLING */

.entry-content ul li {
    list-style-image:url(https://kollgermany.de/wp-content/uploads/2020/09/logo_bullet-2.png);
padding: 10px 0px 10px 15px !important;
}





/* 08. REMOVE TITLE BAR */

.sh-titlebar {
    display: none !important;
}




/* 09. COUNTER FONT STYLING */

.sh-counter-title {
    font-family: lato, sans-serif !important;
    font-weight: 400 !important;
	  font-size: 24px !important;
	  letter-spacing: 0.02em !important;
}