@charset "UTF-8";
/* CSS Document */


/**, body, button, input, textarea, select {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}
*/
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img {
  border:0;
}
address,caption,cite,code,dfn,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
/*h1,h2,h3,h4,h5,h6 {
	font-size:
  font-weight:thin;
}*/

h1 {
	font-size:2.9rem;
	font-weight:lighter;
	margin-top:40px;
	padding-left:10%;
	margin-left:20px;
}

q:before,q:after {
  content:'';
}
abbr,acronym { border:0;}
	
ul.tabs {
    margin: auto;
    padding: 0;
  	/*  float: left;*/
    list-style: none;
    height: auto; /*--Set height of tabs--*/
    /*border-bottom: 1px solid #999;
    border-left: 1px solid #999;*/
    /*width: 100%;*/
	/*padding-left: 3%;*/
	max-width:1280px;
	margin-left:10%;
}

@media (max-width:768px) {
	ul.tabs {
		padding-left:10%;
	}
	
	h1 {
		padding-left:10%;
	}
}

@media (max-width:1150px) {
	ul.tabs {
		margin-left:5%;
	}
	
	h1 {
		padding-left:5%;
	}
}

@media (min-width:1400px) {
	ul.tabs {
		margin-left:15%;
	}
	
	h1 {
		padding-left:15%;
	}
}

@media (min-width:1570px) {
	ul.tabs {
		margin-left:20%;
	}
	
	h1 {
		padding-left:20%;
	}
}

ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 181px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 31px; /*--Vertically aligns the text within the tab--*/
    border: 0px solid #fff;
    border-left: none;
	text-align: center;
    margin-bottom: 0px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #fff;
	width: 250px;
}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 10px 20px;
    border: 0px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
	transition:all 0.2s;
}
ul.tabs li a:hover {
/*    background: #555;
	border-radius: 10px;*/
	color: #000;
	transition:all 0.2s;
}

ul.tabs li a .picture_small {
	border:0px solid #fff;
	transition:all 0.2s;
}

ul.tabs li a .picture_small:hover {
	box-shadow: 0px 10px 10px #ccc;
	transition:all 0.2s;
	opacity:0.5;
}


html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background:;
    border-bottom: 0px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
    border: 0px solid #fff;
    border-top: none;
    /*overflow: hidden;*/
    clear: both;
    float: left; 
	width: 100%;
    background: #333;
}


.tab_content {
	
	float: left;
    padding: 0px;
    font-size: 1.2em;
	color: #fff;
	padding-left:10%;
	width:100%;
	max-width:1500px;
}
/*
section {
	max-width:none;
}
*/

h3 {
	color: #73711D;
	font-weight: lighter;
	font-size: 1.8em;
}

.text-leitspruch{
	text-align: right;
	margin-right: 30%;
}


.text-leitspruch2{
	text-align: right;
	margin-right: 10%;
	margin-top: -25px;
	margin-bottom: -15px;
}

.tab_picture {
/*	width: 400px;
	margin-left: 5%;
	margin-top: 3%;*/
	border-radius: 15px;
	box-shadow:0px 10px 20px rgba(0,0,0,0.3);
	
	margin-top:50px;
	width:40%;
	max-width:400px;
	margin-bottom:50px;
	float:left;
}

.picture_small {
	border-radius: 10px;
	width:200px;
	height:133px;
}


.tab_zitat {
	/*float: left;
	font-style: italic; 
	width: 300px;
	margin-left: 5%;
	margin-top: 40px;
	position: absolute; */
	
	float:none;
	width:40%;
	max-width:400px;
	margin-left:5px;
	margin-bottom:50px;
}

.tab-zitat-autor {
	float:right;
	font-style: italic;
}

.tab19_zitat {
	float: left;
	font-style: italic; 
	width: 370px;
	margin-left: 5%;
	margin-top: 40px;
	position:absolute;
}



.tab_text {
/*width: 600px;
float:left;
margin-top: -270px;
margin-right: 10%;
margin-left: 500px;
margin-bottom: 30px;*/
	float:right;
	max-width:850px;
	margin-top:-560px;
	margin-bottom:50px;
	margin-right:-2%;
}


.tab2_text {
/*width: 600px;
float:left;
margin-top: -300px;
margin-right: 10%;
margin-left: 500px;
margin-bottom: 30px;*/
	float:right;
	max-width:850px;
	margin-top:-560px;
	margin-bottom:50px;
	margin-right:-2%;
}

.tab3_text {
	float:right;
	max-width:850px;
	margin-top:-450px;
	margin-bottom:50px;
	margin-right:-2%;
}

.tab4_text {
float:right;
	max-width:850px;
	margin-top:0px;
	margin-bottom:50px;
	margin-right:-2%;
}








a,
a:hover{
	text-decoration: none;
}

a:link,
a:visited {
	color: #FFFFFF;
}

a:hover,
a:active {
	color: #73711D;
}

footer {
	background-color: #555;
	height: 100px;
}



@media (min-width: 1036px) and (max-width: 1120px) {
}

.tab_text {
	width:45%;
	margin-right:5%;
}

.tab2_text {
	width:45%;
	margin-right:5%;
}
.tab3_text {
	width:45%;
	margin-right:5%;
}
.tab4_text {
	width:45%;
	margin-right:5%;
}





@media (min-width: 950px) and (max-width: 1035px) {
	
	
	.tab_text {
		width:50%;
		margin-right:20px;
		
	}
	
	.tab2_text {
		width:50%;
		margin-right:20px;
	}
	
	.tab3_text {
		width:49%;
		margin-right:20px;
	}
	.tab4_text {
		width:49%;
		margin-right:20px;
	}
	
	ul.tabs li {
		width:auto;
	}
}


@media (min-width: 850px) and (max-width: 949px) {

	.tab_text {
/*		width: 45%;
		padding-right: 7%;
		margin-left: 480px;*/
		width:90%;
		float:left;
		margin-top:0px;
		margin-left:5px;
		margin-right:0;
	}
	
	.tab_zitat {
		float:left;
		margin-top:50px;
		margin-left:50px;
		
	}
	
	.tab2_text {
/*		width: 45%;
		padding-right: 7%;
		margin-left: 480px;*/
		width:90%;
		float:left;
		margin-top:0px;
		margin-left:5px;
		margin-right:0;
	}
	
	.tab3_text {
		width:90%;
		float:left;
		margin-top:0px;
		margin-left:5px;
		margin-right:0;
	}
	
	.tab4_text {
		width:90%;
		float:left;
		margin-top:0px;
		margin-left:5px;
		margin-right:0;
	}
	
	

}

@media (min-width: 769px) and (max-width: 849px) {
	
	.tab_text {
/*		margin-left: 7%;
		float: left;
		margin-top: 300px;*/
		width:90%;
		float:left;
		margin-top:0px;
		margin-right:0;
	}
	
	.tab_zitat {
		float:left;
		margin-top:50px;
		margin-left:50px;
	}
	
	.tab2_text {
/*		margin-left: 7%;
		float: left;
		margin-top: 300px;*/
				width:90%;
		float:left;
		margin-top:0px;
		margin-right:0;
	}
	
	.tab3_text {
		width:90%;
		float:left;
		margin-top:0px;
		margin-right:0;
	}
	
	.tab4_text {
		width:90%;
		float:left;
		margin-top:0px;
		margin-right:0;
	}
	
	
	

}

@media (min-width: 690px) and (max-width: 768px) {
	
	.tab_text {
/*		margin-top: 300px;
		float:left;
		margin-left: 7%;*/
		float:left;
		width:90%;
		margin-top:0;
		margin-right:0;
	}
	
	.tab_zitat {
		float:left;
		margin-top:50px;
		margin-left:50px;
	}
	
	.tab2_text {
/*		margin-top: 300px;
		float:left;
		margin-left: 7%;*/
				float:left;
		width:90%;
		margin-top:0;
		margin-right:0;
	}
	
	.tab3_text {
		float:left;
		width:90%;
		margin-top:0;
		margin-right:0;
	}
	
	.tab4_text {
		float:left;
		width:90%;
		margin-top:0;
		margin-right:0;
	}
	
	
	
	.tab3_zitat {
		margin-top: 30px;
		position:absolute;
	}
	

}

@media (min-width:580px) and (max-width:689px) {
	
	.tab_text {
/*		margin-top: 300px;
		float:left;
		margin-left: 7%;*/
		margin-top:0;
		float:left;
		width:90%;
		margin-right:0;
	}
	
	.tab_picture {
		width:50%;
	}
	
	.tab_zitat {
		float:none;
		width:50%;
		margin-bottom:50px;
	}
	
	.tab2_text {
/*		margin-top: 300px;
		float:left;
		margin-left: 7%;*/
				margin-top:0;
		float:left;
		width:90%;
		margin-right:0;
	}
	
	.tab3_text {
		margin-top:0;
		float:left;
		width:90%;
		margin-right:0;
	}
	
	.tab4_text {
		margin-top:0;
		float:left;
		width:90%;
		margin-right:0;
	}
	
	

	
	.tab3_zitat {
		margin-top: 30px;
		position:absolute;
	}

}

@media (min-width: 441px) and (max-width: 579px) {
		

	.tab_picture {
		width: 90%;
	}
	
	
	.tab_text {
/*		margin-top: 300px;
		float:left;
		margin-left: 7%;
		width: 90%;*/
		margin-top:0;
		width:90%;
		float:left;
		margin-right:0;
	}
	
	.tab_zitat {
		width:90%;
		margin-bottom:50px;
	}
	
	.tab2_text {
/*		margin-top: 300px;
		float:left;
		margin-left: 7%;
		width: 90%;*/
		margin-top:0;
		width:90%;
		float:left;
		margin-right:0;
	}
	
	.tab3_text {
		margin-top:0;
		width:90%;
		float:left;
		margin-right:0;
	}
	
	.tab4_text {
		margin-top:0;
		width:90%;
		float:left;
		margin-right:0;
	}
	
	.text-leitspruch {
		display:none;
	}
	
	.text-leitspruch2 {
		display:none;
	}

.navbar {
		margin-top:-70px;
	}
	
	.tab3_zitat {
		margin-top: 30px;
		position:absolute;
	}
}

@media (min-width: 351px) and (max-width: 440px) {
	

	ul.tabs li {
		width:170px;
		height:150px;
	}
	
	ul.tabs li a {
		padding:0;
	}
	
	ul.tabs {
		padding-left:0;
	}
	
	h1 {
		padding-left:10px;
	}
	
	.picture_small {
		width:150px;
		height:110px;
	}
	
	.tab_picture {
		width: 85%;
	}
	
	
	
	.tab_text {
/*		margin-top: 300px;
		float:left;
		margin-left: 7%;
		width: 90%;*/
		margin-top:0;
		width:90%;
		float:left;
		margin-right:0;
	}
	
	.tab_zitat {
		width:90%;
		margin-bottom:50px;
	}
	
	.tab2_text {
/*		margin-top: 300px;
		float:left;
		margin-left: 7%;
		width: 90%;*/
		margin-top:0;
		width:90%;
		float:left;
		margin-right:0;
	}
	
	.tab3_text {
		margin-top:0;
		width:90%;
		float:left;
		margin-right:0;
	}
	
	.tab4_text {
		margin-top:0;
		width:90%;
		float:left;
		margin-right:0;
	}
	
	.text-leitspruch {
		display:none;
	}
	
	.text-leitspruch2 {
		display:none;
	}

.navbar {
		margin-top:-70px;
	}
	
	.tab3_zitat {
		margin-top: 30px;
		position:absolute;
	}
}
@media (max-width: 350px) {
	
	ul.tabs li {
		width:130px;
		height:140px;
		margin-left:-30px;
		margin-right:30px;
		font-size:1.3rem;
		line-height:15px;
	}
	
	.picture_small {
		width:105px;
		height:75px;
		margin-bottom:5px;
	}
	

	.tab_picture {
		width: 90%;
	}
	
	.tab_text {
		width:100%;
		margin-top:0;
		float:left;
		margin-right:0;
		padding-right:30px;
	}
	
	.tab2_text {
		width:100%;
		margin-top:0;
		float:left;
		margin-right:0;
		padding-right:30px;
	}
	
	.tab3_text {
		width:100%;
		margin-top:0;
		float:left;
		margin-right:0;
		padding-right:30px;
	}
	
	.tab4_text {
		width:100%;
		margin-top:0;
		float:left;
		margin-right:0;
		padding-right:30px;
	}
	
	.tab_zitat {
		width:90%;
		margin-bottom:50px;
	}
	
	.text-leitspruch {
		display:none;
	}
	
	.text-leitspruch2{
	display:none;
}
	
	.navbar {
		margin-top:-70px;
	}
	
}