.w3-theme-l5 {color:#4a545c !important; background-color:#ffffff !important}
.w3-theme-l4 {color:#000 !important; background-color:#f9fafa !important}
.w3-theme-l3 {color:#000 !important; background-color:#f3f4f5 !important}
.w3-theme-l2 {color:#000 !important; background-color:#eceff0 !important}
.w3-theme-l1 {color:#000 !important; background-color:#e6e9eb !important}
.w3-theme-d1 {color:#000 !important; background-color:#c7ced2 !important}
.w3-theme-d2 {color:#000 !important; background-color:#adb8be !important}
.w3-theme-d3 {color:#fff !important; background-color:#94a2a9 !important}
.w3-theme-d4 {color:#fff !important; background-color:#7b8d95 !important}
.w3-theme-d5 {color:#fff !important; background-color:#65767e !important}

.w3-theme-light {color:#000 !important; background-color:#fdfdfe !important}
.w3-theme-dark {color:#fff !important; background-color:#4a545c !important}
.w3-theme-action {color:#000 !important; background-color:#f79549 !important}

.w3-theme {color:#4a545c !important; background-color:#fddcbf !important}
.w3-text-theme {color:#fddcbf !important}
.w3-border-theme {border-color:#fddcbf !important}

.w3-hover-theme:hover {color:#000 !important; background-color:#fddcbf !important}
.w3-hover-text-theme {color:#fddcbf !important}
.w3-hover-border-theme:hover {border-color:#fddcbf !important}


	body {background-color:#e0e4e6;font-size:14pt;font-family: 'Roboto', sans-serif;}
	.w3-button {margin-left:10pt;margin-right:10pt;font-size:16pt;font-family: 'Roboto Condensed', sans-serif;}
	.motivational {width:100%;max-width:700px;margin-right:4%;margin-left:-16px}
	h1 {color:#4a545c;font-weight:bold;font-size:22pt;font-family:'Roboto Condensed', sans-serif;}
	h2 {color:#4a545c;font-weight:bold;font-size:20pt;font-family:'Roboto Condensed', sans-serif;margin-right:0px;}

	
	.left {box-sizing:border-box;float:left;max-width:716px;width:50%;margin-bottom:10%;min-width:250px;}
	.right {box-sizing:border-box;float:left;width:48%;margin-bottom:10%;margin-right:2%}


	.pic  {box-sizing:border-box;float:left;max-width:257px;width:50%}
	.desc {box-sizing:border-box;float:left;width:50%;margin-top:50px;}

	.dot  {float:right;width:12px;height:12px;margin-top:8px;margin-right:8px;}
	.subtitle {font-size:12pt;color:#4a545c;font-family: 'Roboto Condensed', sans-serif;margin-top:-16px;}

	.ontop {margin-top:6%;margin-bottom:2%;margin-left:5%}
	.avatar {width:100%;max-width:225px;margin-right:0px;margin-left:0px;margin-top:-20px}

	.beschr {font-size:10pt;margin:0px;padding:0px;}

	li {margin-top:1%;margin-bottom:2%;}
	ul {list-style-image:url('dot.png');margin-left:5.5%;margin-right:2%}

	.tab {width:30%;max-width:100px;display:block;float:left;margin-left:8%;}

@media only screen and (max-width: 890px){
	body {font-size:10pt;}
	h1 {font-size:18pt;}
	h2 {font-size:16pt;}
	.w3-button {margin-left:0pt;margin-right:0pt;font-size:12pt;font-family: 'Roboto Condensed', sans-serif;}
}


@media only screen and (max-width: 620px){
	body {font-size:8pt;}
	h1 {font-size:14pt;}
	h2 {font-size:12pt;}
	.w3-button {margin-left:0pt;margin-right:0pt;font-size:10pt;font-family: 'Roboto Condensed', sans-serif;}
}

@media only screen and (max-width: 500px){
	body {font-size:8pt;}
	h1 {font-size:12pt;}
	h2 {font-size:10pt;}
	.w3-button {margin-left:0px;margin-right:0px;font-size:10pt;font-family: 'Roboto Condensed', sans-serif;}
	.motivational {display:none;}
	.left {width:0pt;}
	.right {width:80%;margin-left:10%;margin-right:10%;margin-top:-20px;}


}