/*
 Theme Name:   Proelan
 Description:  Projekt: proelan.eu
 Author:       webgaroo webdesign studio
 Author URI:   www.webgaroo.de
 Template:     onepress
 Version:      1.0.0
 Text Domain:  onepress-child
*/
body, button, input, select, textarea {font-size: 16px;}
strong {font-weight: normal;}
em {font-style: normal;	font-weight: bold;color: #398d8f;}
pre {font-family: "Open Sans", Helvetica, Arial, sans-serif; background-color: #EBEBEB;}
.container a:hover {
	text-decoration: none;

}
blockquote,.entry-content blockquote p, .entry-content blockquote {font-size: 16px;	font-weight: 300;}
.widget-area a {color: #398d8f;	font-size: 14px; text-decoration: underline;}
.entry-content h3 {font-size: 16px;	color:#1f858a; line-height: 25px;}
.entry-content ul { padding-left: 5px;}
.entry-content ol { padding-left: 17px;}
.entry-content ul li, .entry-content ol li {margin: 0; /*8px*/}
.entry-content ul li {
	list-style-type: none;
	background-image: url(images/list.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 20px;
}
ul.ul2  { margin-left: 20px;}/*ul abstand left*/
ul.ul2 li {background-image: url(images/list2.png);}
/*--------------FOOTER---------------------*/
.site-footer .btt a, .site-footer .site-info a {color: #ffffff;}
.site-footer  a:hover {
	text-decoration: none;
}
.site-footer h3  {
	font-size: 12px;
	color:#17666A;
	line-height: 15px;
	text-transform: uppercase;
	margin-top: 250px;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #17666A;
	border-bottom-color: #17666A;
	border-bottom-width: 1px;
	margin-bottom: 100px;
}
.highlight {font-weight: normal; font-size: 20px; color: #398d8f;}
/*TABLE STYLE--------------------------------*/
#cv table {border: none; }
/* Zebra striping */
#cv tr:nth-of-type(odd) { background: #eee; }/*row color*/
#cv tr:nth-of-type(even) {background: #ffffff;}
#cv td, #cv th { padding: 10px; text-align: left; vertical-align: top;}
#cv th, .tableft {color: white; font-weight: bold; background-color: #398d8f;}
#cv tr:hover {background-color: #dfeded;}
/*--------------SHORT CODES ULTIMATE Colomns Style---------------------*/
.leistungen h2 {
	font-size: 18px;
	border-top: solid 1px  #1f858a;
	border-bottom: solid 1px  #1f858a;
	margin-top: 30px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
}
.leistungen h3 {
    font-size: 16px;
    font-weight: normal;
	line-height: 20px;
	color:#1f858a;
}
.profil h2 {
	font-size: 16px;
	border-top: solid 1px  #1f858a;
	border-bottom: solid 1px  #1f858a;
	margin-top: 30px;
	padding-top: 15px;
	color:#1f858a;
	min-height: 100px;	
	 line-height: 25px;	
}
/*PlUGIN - cookie-notice--------------------------------*/
#cookie-notice .button.bootstrap {background-color: #b82937; background-image: none}
#cookie-notice .button.wp-default:hover, #cookie-notice .button.wp-default:focus {background: linear-gradient(to bottom, #b82937, #b82937) repeat scroll 0 0 #b82937; border-color: #b82937;}
.www {
	color:#17666A;
	margin-top: 100px;
}

@media screen and (min-width:980px) {
a.tel, a.tel2 { pointer-events:none; cusor:default; color: #666666;}
a.tel2 {color: #333333;}
}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	#cv table, #cv thead, #cv tbody, #cv th, #cv td, #cv tr { display: block; }
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#cv thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#cv tr { border: 1px solid #ccc; }
	
	#cv td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 45%;
	}
	
	#cv td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 10px;
		left: 10px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	/*
	Label the data
	*/
	#cv td:nth-of-type(1):before { content: "Jahr"; }
	#cv td:nth-of-type(2):before { content: "Auftraggeber"; }
	#cv td:nth-of-type(3):before { content: "Projekt"; }
	#cv td:nth-of-type(4):before { content: "Leistungen "; }
	#cv td:nth-of-type(5):before { content: "Werkzeuge"; }
}
@media screen and (max-width: 490px) { 
#cv td, #cv th {font-size:14px;}
#cv {
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
      }
}