/*
Theme Name: Umweltkonzept Dr. Meyer
Description: Child Theme for Betheme
Template: betheme
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/*   
Farben

türkis: #009eec; / neu # bzw. 108cc4
textdunkelgrau: #303030;
hellgrau: #e6e6e6;
mittelgrau: #9b9b9b;

Icons
[icon type="icon-lamp"]
icon-forward
icon-download
icon-check
icon-lamp



-------------------------------------------------------------- */

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-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('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-regular.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('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.umweltkonzept-dr-meyer.de/fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


html, body, p, h1, h2, h3, h4, h5, h6, ul li, ul li a, a, strong, *
{
	  font-family: 'Source Sans Pro' !important;

}

#lang_sel_list.lang_sel_list_horizontal
{
	position: absolute !important;
	top: 5px;
	right: 10px;
}
#lang_sel_list.lang_sel_list_horizontal ul li a
{
	padding: 0 10px 0 0 !important;
	background-color: white !important;
	border-top: 0 !important;
}

a#logo
{

	width: 250px;
	height: 100px !important;
}

h3
{

}


h1.title, .title, div h1
{
	  font-family: 'Source Sans Pro' !important;
	font-size: 36px !important;
	line-height: 120% !important;
	color: #108cc4 !important;
	font-style: normal !important;
	letter-spacing: 0.01em !important;
	
}

h2.ls-l
{
	  font-family: 'Source Sans Pro';
	text-transform: none !important;
	font-size: 24px;
}


.pb_leistungen h3
{
	border-top: none !important;
	border-bottom: 1px #dedede solid !important;	
	font-size: 1.1em;
	padding-bottom: 7px !important;
}

.pb_leistungen h3 a:hover
{
	text-decoration: underline;
	color: #545454;

}

.hrblau
{
	background-color: #108cc4;
	height: 3px;
	border: none !important;
	margin: 40px 0;
}


.hometext .wpb_wrapper p
{
	font-size: 21px;
	line-height: 140%;
}

.newsbox
{
	background-color: #108cc4;
	padding: 20px;
	color: #fff;
}

.newsbox a, .newsbox ul li
{
	color: #fff;
}

.newsbox a
{
	text-decoration: underline;
}

.newsbox a:hover
{
	color: #fff;
	text-decoration: none;
}

.newsbox .wpb_wrapper h6, .newsbox .wpb_wrapper h5, .newsbox .wpb_wrapper p
{
	color: #ffffff;
	padding: 0 0 3px 0 !important;
	margin: 0;
}

.newsbox .wpb_wrapper h5
{
	margin: 5px 0px 7px 0;
}


.ukm_highlighter, .checkliste_form
{
	background-color: #cfe8f3;
	padding: 40px 60px;
	xborder: 15px #cfe8f3 solid;
	margin-top: 20px;

}

.ukm_highlighter
{
		margin-bottom: 180px !important;
}

.ukm_highlighter h3, .checkliste_form h3
{
	font-weight: bold !important;
	border-top: none !important;
}


/* Ankerliste */

.ankerlist ul
{
	margin: 0;
}

.ankerlist ul li
{


}

.ankerlist ul li a:hover
{

	background-color: #33a9de;
	color: #ffffff;


}




.ankerlist ul li a
{
	
	background-color: #e3e3e3;
	color: #303030;
	padding: 3px 10px;
	border-radius: 10px;
	font-size: 0.85em;
}



.smaller_text p
{
	font-size: 0.9em;
	line-height: 140%;
	color: #666;
}

div#Header_wrapper

{

}
.wpb_wrapper > div
{
	margin-bottom: 15px !important;

}




#Subheader 
{

	padding: 0px 0 25px 0 !important;
	margin: 0 0 35px 0 !important;
	height: auto;
}

.wpb_wrapper
{
	font-size: 20px;
	line-height: 150%;
	margin-right: 25px;
}

.wpb_wrapper > ul li
{

	font-family: 'Source Sans Pro';
	font-size: 20px !important;
	line-height: 140% !important;
	list-style: disc !important;

}

.wpb_wrapper > ul li::marker
{
	font-size: 1.3em;

	color: #118BC4 ;
}





.menu_wrapper
{
	padding-top: 60px;
}


#Top_bar.is-sticky .menu_wrapper
{
	padding-top: 0px !important;
}
#Top_bar.is-sticky
{
	top: 0px !important;
}


.breadcrumbs li
{

	font-size: 13px;
}


.the_content_wrapper ul
{

	padding: 0 0 20px 0;
}

/* ===================================== titles ============================== */
.the_content_wrapper h3
{
	  font-family: 'Source Sans Pro';
	color: #108cc4 !important;
	font-weight: bold;
	border-top: 2px #108cc4 solid;
	margin: 0px 0 0px 0;
	padding: 15px 0 15px 0;

}

.wpb_wrapper h2
{
	  font-family: 'Source Sans Pro';
	text-transform: none !important;
	font-weight: 700 !important;
	font-size: 24px !important;
}

.wpb_wrapper h3
{

}

.wpb_wrapper h4
{

	  font-family: 'Source Sans Pro';
	line-height: 140%;
	font-size: 26px;
	margin: 0;
	padding: 0;
}

/* ===================================== mix typo ============================== */

blockquote:after, blockquote, blockquote:before
{
	background: none !important;
	content: "" !important;
}

.wpb_wrapper blockquote
{
 font-family: "Source Sans Pro" !important;
 font-weight: normal;
 border: 3px #108cc4 solid; 
 padding: 40px !important;
 margin-left: 0 !important;
 margin-right: 0 !important;
 margin-bottom: 50px !important;
 color: #777 !important;
 width: 100%;

}
.wpb_wrapper blockquote p
{


	font-size: 21px !important;
	line-height: 140% !important;



}


.blueline
{

	height: 0px;
	margin: 0;
	padding: 0;

}



a.prettyphoto img
{
	margin: 3px;
}

/* ===================================== boxen ============================== */
.pb_infobox 
{

	background: #108cc4;
	padding: 20px 30px;
	color: #fff;
	margin-bottom: 40px !important;
}

.pb_infobox ul li a, .pb_infobox ul li, .pb_infobox a, .pb_buttonbox a
{

	font-size: 16px;
	color: #fff;

}

.pb_infobox ul li a, .pb_buttonbox a, .pb_infobox a
{
	text-decoration: underline !important;
}

.pb_infobox a:hover, .pb_buttonbox a:hover
{
		color: #fff;
		text-decoration: none !important;

}

.pb_infobox h3
{
	text-transform: none !important;
	color: #fff !important;
	font-weight: lighter !important;
	padding-bottom: 20px;
	padding-top: 0;
	margin: 0 0 20px 0;
	font-size: 1.4em;
}


.pb_buttonbox
{

	background: #108cc4;
	padding: 30px 30px;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
}

.pb_buttonbox > a
{
	background-color: red;
}


.btn_home1
{
	margin-bottom: 10px !important;

}

.btn_home1 a
{
	width: 100% !important;
	width: 370px !important;
}


.farbrow-beige
{
	margin-top: 50px;
	padding: 60px 0;
	background-color: #f4f3f1 !important;
}





/* ====================================== projekte und referenzen ============================= */

.disable_project
{
	display: none !important;
}


.team h4.title
{
	height: 30px;
	font-size: 20px !important;
	font-weight: bold !important;
}




/* ===================================== akkordion ============================== */

.ukm_akkordion .accordion 
{

}

.icon-minus, .icon-plus
{
	font-size: 20px;
}

.acc-icon-minus {
    content: '\e818' !important;
    color: #fff !important;

}

.acc-icon-plus {
    content: '\e81b' !important;

}


.mfn-acc.accordion_wrapper .question
{
	margin-bottom: 10px;
	background-color: #108cc4 !important;
	background: #108cc4 !important;
	border-radius: 5px;
}

.ukm_akkordion .accordion_wrapper .question .answer
{
	margin-bottom: 10px;
	background-color: #E7F3F9 !important;
	border-radius: 5px;
}


.ukm_akkordion .accordion_wrapper .question .answer ul li
{
	font-size: 17px;
}


.accordion_wrapper .question div.title
{

	background-image: none !important;
	background: none !important;
	font-size: 17px !important;
	 -webkit-border-radius: 5px; border-radius: 5px;
	 	color: #fff !important;
}


div.prj_link
{
	text-align: right;
	font-weight: bold;
	padding: 7px 0;

}



img.logogalerie
{
	margin: 5px !important;
	border: 1px #ccc solid;
}


/* ===================================== formular checkliste ============================== */

.checkliste_form div div form h4
{
	font-size: 18px;
	font-weight: bold;
	border-top: 1px #ccc solid;
	padding-top: 10px;
	padding-bottom: 8px;
}


.wpcf7-list-item-label
{
	font-weight: normal;
}

.wpcf7-select
{
	font-size: 15px;
	line-height: 160%;
	width: 100%;
	background-color: #ededed;
}


.wpcf7-submit
{
	width: 200px;
	background-color: #108cc4;
	text-transform: uppercase;
	font-size: 18px;
}


/* ===================================== menu ============================== */

ul.sub-menu li
{
	font-size: 14px !important;
	line-height: 120%;
}
ul.sub-menu li.current-menu-item a
{
	color: #009eec !important;
	font-weight: bold !important;
}

/* ===================================== suche ============================== */

.search_wrapper input[type="text"]
{
	color: #fff !important;
}


#searchform input
{
	color: #ffffff !important;
}



/* ===================================== footer ============================== */
.textwidget, .copyright
{

	font-size: 14px;
	line-height: 140%;
}

.menu-footermenue2_en-container ul li a
{
	text-transform: uppercase;
}

/* ===================================================================================================== */
@media only screen and (min-width: 768px) and (max-width: 1240px)
{	

			#Header .column.one
			{
				height: 150px !important;
			}

				/* ====================================== projekte und referenzen ============================= */



				.team h4.title
				{
					height: 30px;
					font-size: 16px !important;
				}

				.wpb_wrapper
				{
				
					margin-right: 10px;
				}


}

/* ===================================================================================================== */
@media only screen and (max-width: 780px)
{

		#Top_bar
		{
			height: 100px !important;
		}

		#menu, div#menu_wrapper, ul#menu-mainmenu li a
		{
			background: #ededed !important;
			z-index: 3000 !important;
		}

		a#logo
		{

			width: 150px;
			height: auto !important;
		}

		.top_bar_right
		{
			display: none;
		}

		h1.title
		{
			font-size: 20px !important;
			

		}

		.the_content_wrapper h3
		{
			font-size: 16px;

		}


		.wpb_wrapper blockquote
		{
		 padding: 10px !important;
		 margin-left: 0 !important;
		 margin-bottom: 50px !important;



		}


		.ukm_highlighter, .checkliste_form
		{
			background-color: #c5dfec;
			padding: 15px;
			border: 0px #cfe8f3 solid;
		}

		p.ls-l
		{display: none;}
		
		h2.ls-l
		{
			font-size: 18px !important;
		}

					.wpb_wrapper
				{
				
					margin-right: 0px;
					margin-left:  0;
				}

		.content_wrapper .section_wrapper
		{
			padding-left: 10px !important;
			padding-right: 10px !important;
		}


}