/* 
 Theme Name:     ChroBro
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


body {font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.7em}

p { padding-bottom: 1.7em}

h1 {
    font-weight: 700;
    padding-bottom: 0.4em !important;
}
h2 {
	font-weight: 700;
	padding: 0.75em 0 0.75em 0;
}
h3 {
	padding-bottom: 0.75em;
	font-weight: 600;
}
h4, h5, h6 {font-weight: 400;}


/*
@media only screen and (max-width: 479px) {
h1 {
    font-size: 30px !important;
}
h2 {
    font-size: 24px !important;
    padding-bottom: 0.5em !important;
}
h3 {
    font-size: 22px !important;
    padding-bottom: 0.5em !important;
}
}
*/


#main-content .container {padding-top: 40px;}

#main-content .container:before {
	width: 0px;
}
.et_right_sidebar #sidebar {
	padding-left: 0px;
}

#cegla-logo {max-width: 300px;}

@media only screen and (max-width: 1024px) {
	#cegla-logo {max-width: 200px; margin-right: 20px}
}


/************** - Headerpic Start- ****************/


h2.hdl-header-1 {
	display: inline;
	font-weight: 300;
	line-height: 2.25em;
	color:#1b8ec3 !important;
	padding: 8px 22px;
	font-size: 3em;
	background-color: rgba(255, 255, 255, 0.85);
}
h2.hdl-header-2 {
	display: inline;
	font-weight: 300;
	color:#1b8ec3 !important;
	padding: 8px 22px;
	font-size: 2em;
	background-color: rgba(255, 255, 255, 0.85);
}




.teaser-start h2 {padding-bottom: 0}

.et_pb_button_module_wrapper a:hover {text-decoration: none !important}
.et_pb_button_wrapper a:hover {text-decoration: none !important}



/******************** - Post - ******************/

.article-hdl-kicker {color: #1B8EC3;display: block;font-size: 16px;font-weight: 700;}

.article-hdl-title {color: #313131;display: block;font-size: 44px;font-weight: 700;line-height: 1.2}

.article-subline {color: #313131;font-size: 20px;font-weight: 400;line-height: 1.4;}

@media only screen and (max-width: 981px) {
	.article-subline {font-size: 16px;}
}

.et_pb_post .entry-content {padding-top: 0px}


img.alignleft { float: left; margin: 1.5em 2.5em 1em 0; width: 40%}

p:last-of-type {padding-bottom: 1em;}


#main-content a:hover{
	text-decoration: underline;
}

a.external:after {
	position:relative;
    content: url(external-16.png);
    top: 2px;
    left: 5px;
}

.arrow1:before {
	position:relative;
	font-family: 'ETmodules';
	content: "\39";
	color: #1B8EC3;
	top:2px;
	margin-right: 2px;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

hr {height:1px; border:none; color:#ddd; background-color:#ddd; margin-top:5px; margin-bottom:30px}

sub, sup {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}


/******************** - Listen - ******************/

ul.shortly {list-style-type: none !important; padding: 0 0 1em 1em !important;}
ul.shortly li:before {
	position:relative;
	font-family: 'ETmodules';
	content: "\45";
	color: #555;
	margin-right: 0.25em;
	margin-left: -1.25em;
	top:2px;
}

ul.arrow {list-style-type: none !important; padding: 0 0 1em 1em !important;}
ul.arrow li {padding-bottom: 0;}
ul.arrow li:before {
	position:relative;
	font-family: 'ETmodules';
	content: "\39";
	color: #1B8EC3;
	margin-right: 0.25em;
	margin-left: -1.25em;
	top:2px;
}

ul.arrow-1 {list-style-type: none !important; padding: 0 0 1em 1em !important;}
ul.arrow-1 li:before {
	position:relative;
	font-family: 'ETmodules';
	content: "\39";
	color: #1B8EC3;
	margin-right: 0.25em;
	margin-left: -1.25em;
	top:2px;
}

ul.arrow-circle {list-style-type: none !important; padding: 0 0 1em 1.5em !important;}
ul.arrow-circle li {padding-bottom: 0.75em;}
ul.arrow-circle li:before {
	position:relative;
	color: #1B8EC3;
	font-family: 'ETmodules';
	content: "\3d";
	margin-right: 0.5em;
	margin-left: -1.5em;
	top:1px;
}

ul.checkmark {list-style-type: none;}
ul.checkmark li:before {
	position:relative;
	color: #1B8EC3;
	font-family: 'ETmodules';
	content: "\5a";
	margin-right: 10px;
}


/**** Große Zahlen ****/

ol.ol-big-numbr {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    margin: 0;
    margin-left: 3em;
    padding: 0;
    counter-reset: li-counter;
}
ol.ol-big-numbr > li{
	list-style-type: none;
    position: relative;
    margin-bottom: 20px;
    padding: 1em;
    min-height: 3em;
    border-left: 2px solid #CCCCCC;
	background-color: #f4f4f4;
}
ol.ol-big-numbr > li:before {
    position: absolute;
    top: 0;
    left: -1.125em;
    width: 0.8em;
    font-size: 2.75em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #464646;
    content: counter(li-counter);
    counter-increment: li-counter;
}


ol.ol-big-numbr-1 {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    margin: 1em 0 0 3em;
    padding: 0;
    counter-reset: li-counter;
}
ol.ol-big-numbr-1 > li{
	list-style-type: none;
    position: relative;
    margin-bottom: 20px;
    padding: 1em;
    min-height: 3em;
    border-left: 2px solid #CCCCCC;
	background-color: #fff;
}
ol.ol-big-numbr-1 > li:before {
    position: absolute;
    top: 0;
    left: -1.125em;
    width: 0.8em;
    font-size: 2.75em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #464646;
    content: counter(li-counter);
    counter-increment: li-counter;
}





.colorbox {
	padding: 35px 35px 25px;
	background-color: rgba(122, 193, 66, .15);
	border-top: 4px solid #7ac142;
	margin: 35px 0 50px !important
}

.greybox {
	padding: 35px 35px 25px;
	background-color: #eee;
	border-top: 4px solid #999;
	margin: 35px 0 50px !important
}
    
    

/******** - Menu - ********/

#main-header, #et-top-navigation {
    font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
}
#top-menu li li a {
	font-size: 16px;
}



/******** Column Classes
    Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,.four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds {float: left; margin-left: 2.564102564102564%;}
.one-half, .three-sixths, .two-fourths {width: 48.717948717948715%;}
.one-third, .two-sixths {width: 31.623931623931625%;}
.four-sixths, .two-thirds {width: 65.81196581196582%;}
.one-fourth {width: 23.076923076923077%;}
.three-fourths {width: 74.35897435897436%;}
.one-sixth {width: 14.52991452991453%;}
.five-sixths {width: 82.90598290598291%;}
.first {clear: both;margin-left: 0;}



/********** Display Posts Shortcode  **********/

.related-posts {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-left: 20px; margin-top: 30px;}

#left-area h3.hdl-display-posts {margin-top: 25px; font-size: 1.5em; color:#313131; font-weight: 600; padding-bottom: 12px;}

ul.display-posts-listing {padding: 1em 0 23px 1em; line-height: 30px !important; list-style-type: none !important}
ul.display-posts-listing li a {font-size: 18px;}
ul.display-posts-listing li:before {
	position:relative;
	font-family: 'ETmodules';
	content: "\35";
	font-size: 1.25em;
	color: #1B8EC3;
	margin-right: 0.25em;
	margin-left: -1.125em;
	top:2px;
}


/******************** - Bloom - ******************/

.et_bloom .et_bloom_inline_form {margin: 0 !important; padding-top: 50px;}
.optin-hint {padding-top:6px; font-size: 0.875em; text-align: center;}



/******** - Blurbs Home - ********/

.clickable-blurb .et_pb_blurb_container {
    position:relative;
}
.clickable-blurb .et_pb_blurb_container h4 a {
    display:block;
    position:absolute;
    width:100%;
    height:100%;
}
.clickable-blurb .et_pb_blurb_container h4 {
    padding-bottom:1.4em;
}

.shadow-blurb {
    -webkit-transition: all .3s ease-out !important;
    -moz-transition: all 0.3s ease-out !important;
    -ms-transition: all 0.3s ease-out !important;
    -o-transition: all 0.3s ease-out !important;
    transition: all 0.3s ease-out !important;
}
			
.shadow-blurb:hover  {
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15) !important;
}



/******** - Left Featured Image Thumbnail - ********/


@media only screen and (min-width: 981px) {
	.et_pb_posts .et_pb_post img,
	.et_pb_posts .et_overlay {
/* 		height: 180px !important; */
		width: 320px;
		float: left;
		left: 0;
		margin-right: 25px;
	}
}


/*Custom Read More Link on Blog Homepage*/


.blog_list a.more-link {
    clear: both;
    display: block;
    text-align:center;
/*     position: relative; */
    background: #f2f2f2;
    font-size: 16px;
    color: #2b96cc;
    max-width: 100%;
    padding: 5px 20px;
    text-align: center;
    margin-top: 15px;
    letter-spacing: 1px;
}

.blog_list a.more-link:hover {
    background: #e5e5e5;
    color: #2b96cc;
}



/******** - Blog Single Page - ********/

.wp-caption {
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0;
    padding-top: 0;
    border: none;
    background-color: #ffffff;
    text-align: left;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 5px 0 5px 0;
    font-size: 14px;
    line-height: 1.5em
}


/******** - Blog Modul - ********/

.et_pb_blog_grid .et_pb_image_container {
	margin-bottom: 14px;
}
.et_pb_blog_grid .entry-featured-image-url {
	margin-bottom: 15px;
}


/******** - Top Menu - ********/

#top-menu li li {
    margin: 0;
    padding: 0 10px
}

#top-menu li li a {
    width: 220px;
    padding: 10px 10px;
    border-bottom: 1px solid #f0f0f0;    
}

.nav li ul {padding: 10px 0px 20px 0px; border-top: 2px solid #2ea3f2;}
.nav li ul {top: 40px !important;}
.nav li li {line-height: 1.4em}



/******** - Sidebar - ********/

h4.widgettitle {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 3px;
	padding: 8px 0 18px 0;
}

#sidebar ul.display-posts-listing {
	padding: 1em 0 23px 1em;
	padding: 0;
    line-height: 26px;
    list-style-type: none;
}
#sidebar ul.display-posts-listing li {
	padding: 0 0 12px 0;
	border-bottom: 1px solid #ebebeb;
}
#sidebar ul.display-posts-listing li a {
	text-decoration: none;
	color: #313131;
}
#sidebar ul.display-posts-listing li a:hover {
	color: #2b96cc;
}
#sidebar ul.display-posts-listing li:before {
	font-family: 'ETmodules';
	content: "\39";
	margin-right: 2px;
	font-size: 18px;
	position: relative;
	top: 2px;
	left: -2px;
	color: #2b96cc;
}

.et_pb_widget_area_right {
    padding-left: 0;
    border-left: none;
}


/******** - Footer - ********/

/* #main-footer {border-top:1px solid #f1f3f7} */

#footer-widgets {padding: 4% 0 1% 0}

/******** - remove bullets and padding - ********/

#footer-widgets .footer-widget li:before {display: none!important;} 
#footer-widgets .footer-widget li {padding: 0;}

#footernavcontainer ul {margin: 0; padding: 0; list-style-type: none;}
#footernavcontainer ul li { display: inline; border-right: 1px solid #bbbbbb; }
#footernavcontainer ul li:last-child { border-right: none; }
#footernavcontainer ul li a {text-decoration: none; padding: 0 0.75em;}

#logo-footer {margin-top: 10px}


/******** - Collapsing Mobile Menu - ********/

/*
#main-header .et_mobile_menu li ul.hide {
    display: none !important;
}
#mobile_menu .menu-item-has-children {
    position: relative;
}
#mobile_menu .menu-item-has-children > a {
    background: transparent;
}
#mobile_menu .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #444;
    font-size: 16px;
    font-family: ETmodules;
}
span.menu-closed.menu-open:before {
    content: "\4d";
}
*/


/******** - Remove Line under Menu before Scroll - ********/

/*
#main-header {
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none;
}
*/


/******** - Change Active Menu Item Colour by Divi Soup - ********/

/* Change the active main menu item colour */
/*
#top-menu li.current-menu-item > a {
    color: #8d2e34 !important;
}
*/

/* Change the active main menu item colour when a submenu item is active */
/*
#top-menu li.current-menu-ancestor > a {
    color: #8d2e34 !important;
}
*/

/* This will change the active submenu item colour */
/*
.nav li ul .current-menu-item a {
    color: #8d2e34 !important;
}
*/


/******** - Fixing Responsive Navigation - ********/

@media (max-width: 1100px) {
#top-menu li, #top-menu li a {padding-right: 5px;}
}
 
@media (max-width: 1024px) {
#et_mobile_nav_menu {display: block;}
#top-menu {display: none;}
}



/******** - Change Content Width - ********/

.container {width: 90%;}

.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row {
    width: 90%
}

@media only screen and (max-width: 1024px) {
/*
#top-header > .container,
#main-header > .container,
#et_search_outer > .container,
*/
#main-content > .container,
div.et_pb_row,
div.et_pb_row.et_pb_row_fullwidth {
	width: 90% !important; 
}
}


/******** - sub menu position - ********/

/* .nav li ul {top: 40px !important;} */


/******** - Blog Home - ********/

/*
.blog-home .et_pb_post {margin-bottom: 8% !important; padding-bottom: 0px !important; min-height: 280px; background-color: transparent;}
.blog-home .et_pb_blog_grid .et_pb_post {}
.blog-home .et_pb_post .post-content {display: none;}
.blog-home .et_pb_post .entry-featured-image-url {margin-bottom: 15px;}
.blog-home .et_pb_image_container {margin: -20px -20px 15px -20px;}
.blog-home h2.entry-title {margin-left: -20px;}
*/

/******** - Anzeigen - ********/

.admark:before {
display: block;
content: "- Anzeige -";
margin-left: auto;
margin-right: auto;
color: #999;
font-family: "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
font-size: .5625em;
letter-spacing: .15em;
line-height: 1;
margin-bottom: .5rem;
text-align: right;
text-transform: uppercase;
}

@media all and (min-width: 980px) {
	.adcontent {
	margin-left: 2em;
}
}


.footer-disclaimer {
	font-size:1em;
	line-height:1.5em;
}