@charset "UTF-8";

/* CSS Document gerhard.rihl stylesStartseite*/

html, 
html * {
	padding:0;
	margin: 0;
	box-sizing: border-box;
}

/*header {
}*/

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

/*footer {
}*/

body {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #4268af;
	background-image: url("../IMAGES/Startseite/Hintergrundbild.jpg");
	background-size: 100%;
	background-position: top;
}

.gesamtBereich {
	padding: 50px 0px 60px 0px;
}

.basisTab {
	display: table;
}

.menueLinksTab {
	display: table;
	min-width: 340px;
}

.inhaltTab {
	display: table;
	max-width: 820px;
	min-width: 560px;
}

.menueRechtsTab {
	display: table;
	min-width: 340px;
}

.headlineRow {
	display: table;
	width: 100%;
}

.bildRow {
	display: table;
	width: 100%;
}

.textRow {
	display: table;
}

.logoCell {
	display: table-cell;
	padding-bottom: 50px;
}

.menueLinksCell {
}

.menueRechtsCell {
	min-width: 190px;
}

.strich1Cell {
	height: 3px;
	max-width: 820px;
	margin-top: 0px;
	margin-bottom: 60px;
	visibility: visible;
	background-color: hsla(210,40%,100%,1.00);
	opacity: 0.6;
}

.strich3Cell {
	height: 3px;
	max-width: 820px;
	margin-top: 65px;
	margin-bottom: 60px;
	visibility: visible;
	background-color: hsla(210,40%,100%,1.00);
	opacity: 0.6;
}

.headlineCell {
	visibility: hidden;
	position: fixed;
	display: table;
	padding: 5px 10px 0px 10px;
}

.BildCell {
	display: table;
	width: 100%;
	padding: 10px;
}

.BildBox {
	margin-bottom: 10px;
	width: 100%;
	border: solid;
	border-width: 2px;
	border-color: #DFDFDF;
}

.fliesstextCell {
	display: table;
	visibility: hidden;
	position: fixed;
	text-align: justify;
	width: 100%;
	padding: 25px 10px 0px 10px;
}

.Hauptmenue {
	font-family: rajdhani, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 55px;
	letter-spacing: 0.8px;
	line-height: 1.5;
	text-align: left;
	color: #274969;
	padding: 0px 10px 0px 10px;
}
	
.Hauptmenue a:link {
	color: 	hsla(210,80%,100%,1.00);
	opacity: 0.7;
}

.Hauptmenue a:hover {
	color: hsla(210,80%,90%,1.00);
}

.Hauptmenue a:visited  { 
	color: hsla(210,80%,100%,1.00);
}

.Hauptmenue a:active {
	color: hsla(210,80%,90%,1.00);
}

.Headline {
	font-family: rajdhani, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 95px;
	letter-spacing: 0.8px;
	line-height: 1.5;
	text-align: left;
	color: hsla(0,0%,100%,1.00);
}

.subHeadline {
	font-weight: 400;
}

p {
	font-family: rajdhani, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 33px;
	letter-spacing: 0.8px;
	line-height: 1.6;
}

.weitererAbsatzFliesstext {
	text-indent: 50px;
	font-family: rajdhani, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 33px;
	letter-spacing: 0.8px;
	line-height: 1.6;
}

a  {
	text-decoration: none;
}

a:link  { 
	color: hsla(0,0%,60%,1.00);
}

a:visited  { 
	color: hsla(0,0%,60%,1.00);
}

a:hover  { 
	color: hsla(0,0%,50%,1.00);
}


@media (min-width : 1000px ){

body {
	max-width: 660px;
}
		
.inhaltTab {
}
				
.BildCell {
	display: table-cell;
	width: 50%;
}
	
.strich1Cell {
	height: 2px;
}
	
.strich3Cell {
	height: 2px;
}
	
.BildBox {
	margin-bottom: 0px;
	border-width: 1px;
	border-color: #DFDFDF;
}
	
.Hauptmenue {
	font-size: 30px;
}
	
.Headline {
	font-size: 67px;
}
	
p {
	font-size: 18px;
}

.weitererAbsatzFliesstext {
	font-size: 18px;
}
	
}


@media (min-width : 1320px ){
	
body {
	max-width: 1620px;
}
	
.gesamtBereich {
	padding: 35px 60px 60px 60px;
}
	
.menueLinksTab {
	display: table-cell;
}

.inhaltTab {
	display: table-cell;
	margin-bottom: 60px;
}
	
.menueRechtsTab {
	display: table-cell;
	padding-left: 90px;
}
	
.logoCell {
	position: fixed;
	visibility: hidden;
}
	
.headlineCell {
	display: table-cell;
	visibility: visible;
	padding-top: 187px;
}
	
.fliesstextCell	{
	position: static;
	}
	
.strich1Cell {
	visibility: hidden;
	position: fixed;
}
	
.strich3Cell {
	visibility: hidden;
	position: fixed;
}
	
.menueLinksCell {
	position: fixed;
	padding-top: 200px;
}

.menueRechtsCell {
	position: fixed;
	padding-top: 200px;
}
	
}


@media (min-width : 1450px ){
	
.fliesstextCell {
	display: table-cell;
	width: 50%;
}
	
}
