@import url("color-scheme.css");
@import url("stile-font.css");

@import url("stile-override-bootstrap.css"); 

@import url("stile-custom.css"); /* erstmal einfach von der alten Seite übernommen */

@import url("stile-buttons.css"); /* alte Button erhalten */


@import url("stile-menu.css");
@import url("stile-layout-website.css");
@import url("stile-tables.css");

@import url("stile-slider.css");
@import url("stile-news.css");
@import url("stile-events.css");
@import url("stile-member.css");

/*
@import url("stile-projects.css");
@import url("stile-co-workers.css");
@import url("stile-publications.css");
@import url("stile-ckeditor.css");
*/

* {	box-sizing: border-box; }

body { margin: 0; font-size: 1.1em; line-height: 1.6em; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, body, button, input, select, textarea {
	font-family: "open_sansregular", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	color: var(--var_fontcolor_text_dark); 
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

.clearfix { clear: both; }

img {
  max-width: 100%;
  height: auto;
}

img.pic_bw {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

video {
  width: 100%;
  height: auto;
}

p { margin: 0 0 0.6em 0; line-height: 1.8em; color: var(--var_fontcolor_text_dark);  }
p:last-child {  margin-bottom: 0; }
p.small {font-size: 0.8em; line-height: 1.4em;}

b, strong { font-weight: 700; }
sup{top:-0.5em}

h1,h2,h3,h4,h5,h6 {
	font-family: "open_sansregular", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	color: var(--var_ueberschriften_color);
	font-weight: normal; 
}

h2,h3,h4,h5,h6 {
	margin: 0 0 0.4em 0;
}

hr { border: solid #a4e48c; margin: 1em 0 1em 0; border-width:0 0 1px 0;}


/* OK - Warning - Kasten  ---------------------------------------------------------------------------------------------- */

div.warning, div.ok, div.hinweis, div.box_neutral {
	vertical-align: baseline;
	margin: 1em 0 1em 0;
	padding: 0.8em 0.8em 0.8em 3em;
	line-height: 1.3em;
	min-height: 10px;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	border:1px solid #797979; 
}

div.warning { background-image: url(icons_buttons/warning30px.png); background-color: #FFDFD9; }
div.ok { background-image: url(icons_buttons/ok30px.png); background-color: #D5FCB9; }
div.hinweis { background-image: url(icons_buttons/hinweis30px.png); background-color: #ffe8bd; }

div.box_neutral {

	padding: 0.8em;
	background-color: #F7F7F7;
}
/* OK - warning - Kasten Ende-------------------------------------------------------------------------------------------- */





/* ################################################################################################ */

/*                                     AB HIER Mobile 991.98px                                     */

/* ################################################################################################ */


/* Wenn Mobile */
@media only screen and (max-width: 991.98px) {
  .tmp{}
  	
  	
  	h1 { font-size: 1.8em; line-height: 1.2em; margin-bottom: 0.9em; }
	h2 { font-size: 1.4em; line-height: 1.6em; }
	h3 { font-size: 1.4em; line-height: 1.4em; }
	h4 { font-size: 1.1em; line-height: 1.4em; }

	
 	a, a:active, a:focus, a:visited { 
		color: var(--var_link); 
		cursor: pointer;  
		text-decoration: none;
	}
	
	a:hover { 
		color: var(--var_link_hover);
		text-decoration: none;
	} 
}



/* ################################################################################################ */

/*                                     AB HIER Desktop 991.98px                                       */

/* ################################################################################################ */

/* Wenn Desktop */
@media only screen and (min-width: 991.98px) {
	.tmp{}
	
	
	h1 { font-size: 2.2em; line-height: 1.2em; margin-bottom: 0.9em; }
	h2 { font-size: 1.7em; line-height: 1.6em; }
	h3 { font-size: 1.4em; line-height: 1.4em; }
	h4 { font-size: 1.2em; line-height: 1.4em; }


	a, a:active, a:focus, a:visited { 
		color: var(--var_link); 
		cursor: pointer;  
		text-decoration: underline;
		-webkit-transition: .3s all ease;
		-o-transition: .3s all ease;
		transition: .3s all ease;
	}
	
	a:hover { 
		color: var(--var_link_hover); 
		text-decoration: none;
	} 
	
}