@charset "UTF-8";

/*
	styles\base.css
*/


/**************** IN JEDER CSS_DATEI **********************/

* {

	//box-sizing: border-box;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	
}

html, body {
	//height: 100%;
}

/************* Navigationsliste ******************************/

nav{
	margin:0;
	padding: 0;
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-color:#ff8a32;
	display:flex;
	align-content: stretch;
	justify-content: space-around;
}

ul.navi {
	list-style-type: none;
	padding: 0;
	margin:0;
	display:flex;
	flex-wrap: wrap;
}


h1{
	padding:1rem;
	color: #ff8a32;
}

.selectieren, .suchen {

	list-style-type: none;
	padding: 0;
	margin: 0.5rem 0.5rem;
	display:flex;
	align-content: stretch;
}

label{
	margin:0 10px;
}

ul.hor {
	display: flex;
	flex-direction: row;
}


ul.navi a {
	color: black;
	text-decoration: none;
	display: inline-block;
	padding: 5px;
	margin:0 1rem;
}

ul.navi li:hover {
	background-color: lightgrey;
}

#append:hover{
	background-color: #ff8a32;
	border:1px solid #c15200;
}

/********************* Hacks *******************************************/

/****** Jump Scrollbar *******************************/

html {
	overflow-x: hidden;
	margin-right: calc(100% - 100vw);
}







/***********************************************************************/
/*************** RWD ***************************************************/

@media only screen and (max-width: 768px) {

	/** Alle spalten auswählen *************/
	[class*="col-"] {
		display: block;
		width: 100%;
	}
}


/*************** Tablets sm **********************************/
@media only screen and (min-width: 768px){
	
	/******** Grid view sm ********************************/
	.col-sm-1 {	width: 8.33%;}
	.col-sm-2 {	width: 16.66%; }
	.col-sm-3 {	width: 25%; }
	.col-sm-4 {	width: 33.33%; }
	.col-sm-5 {	width: 41.66%; }
	.col-sm-6 {	width: 50%; }
	.col-sm-7 {	width: 58.33%; }
	.col-sm-8 {	width: 66.66%; }
	.col-sm-9 {	width: 75%; }
	.col-sm-10 { width: 83.33%; }
	.col-sm-11 { width: 91.66%; }
	.col-sm-12 { width: 100%; }	

}

/************* Notebooks md *******************************/
@media only screen and (min-width: 992px) {
	
/******** Grid view md ********************************/
	.col-md-1 {	width: 8.33%;}
	.col-md-2 {	width: 16.66%; }
	.col-md-3 {	width: 25%; }
	.col-md-4 {	width: 33.33%; }
	.col-md-5 {	width: 41.66%; }
	.col-md-6 {	width: 50%; }
	.col-md-7 {	width: 58.33%; }
	.col-md-8 {	width: 66.66%; }
	.col-md-9 {	width: 75%; }
	.col-md-10 { width: 83.33%; }
	.col-md-11 { width: 91.66%; }
	.col-md-12 { width: 100%; }	

}



/************* large Desktops (lg) *******************/
@media only screen and (min-width: 1200px) {

	/******** Grid view lg ********************************/

	.col-lg-1 {	width: 8.33%;}
	.col-lg-2 {	width: 16.66%; }
	.col-lg-3 {	width: 25%; }
	.col-lg-4 {	width: 33.33%; }
	.col-lg-5 {	width: 41.66%; }
	.col-lg-6 {	width: 50%; }
	.col-lg-7 {	width: 58.33%; }
	.col-lg-8 {	width: 66.66%; }
	.col-lg-9 {	width: 75%; }
	.col-lg-10 { width: 83.33%; }
	.col-lg-11 { width: 91.66%; }
	.col-lg-12 { width: 100%; }

}