@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
    font-family: "Open sans", sans-serif;
    
}


a{text-decoration:none;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}

strong{font-weight: 600;}
b {font-weight: 600;}

ol,ul {list-style: none;margin:0;padding:0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%; margin:0; padding:0;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}


/* Custom CSS
 * --------------------------------------- */



.fp-tableCell {
    vertical-align: top;
}
    
    
#fp-nav ul, .fp-slidesNav ul {
    text-align: center;    
}    
    
.fp-slidesNav li a span {background-color: #d0d8e0 !important; }

.fp-controlArrow.fp-prev {
    border-width: 28.5px 43px 28.5px 0;}
    
.fp-controlArrow.fp-next {
    border-width: 28.5px 0 28.5px 43px;}
    
    
body, 
body a {color: #53585d}    /*{color: #486775;}*/

body .rot, 
body .rot a {color: #fff}    /*{color: #486775;}*/


.linie {
    position: absolute;
    width: 0px;
    left: 0px;
    top: 80px;
    border-radius: 0%;
    border-width: 20px;
    border-style: solid;
    border-color: #f0c962;
    border-color: #b14755;

}



.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}







h1 {font-size: 70px;
line-height: 77px;
margin: 0;
    padding: 10px 0 60px 0;}
	
h2 {font-size: 35px;
	margin:0;
	padding: 20px 0 20px 0;
}
	    

h3 {
	font-size: 28px;
	line-height: 48px;
        letter-spacing: 0em;
	font-weight: 300;
}

h4 {
	font-weight: 200;
	font-size: 27px;
	line-height: 18px;
	margin-left: 40px;
    font-family: 'Open Sans';

}
h5 {
	font-weight: 300;
	font-size: 22px;
	line-height: 12px;
	text-transform: uppercase;
}

h6 {	margin-left: 40px; font-size: 20px; line-height: 40px;}

h7 {
	font-weight: 300;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 5px;
}
h8 {
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
	color: #000;
	margin-bottom: 5px;
}



    
p {
    font-size: 24px;
}

.header p i {color: #b14755; font-weight: 700;}




.intro {width: 90%;
	margin: 0 auto; padding-top: 20px; padding-bottom: 150px;}


.intro h1,
.intro h2 {
    font-weight: 100;
}
.intro p 
    line-height: 25px;
}
pre {
	font-size: 20px;
}

.intro p {padding: 0px 0px 20px 0; margin-right: 54%;
	}
.intro pre {white-space: pre-line;}

/*.intro p b {line-height: 35px;} */
.intro pre b {line-height: 30px;}


.intro ol {list-style: disc; list-style-position: outside; padding: 0 0 20px 15px;}

.intro ol li {padding: 5px 10px 5px 0;}

.images {width: 100%; text-align: right;}

img.rund {width: 470px; border-radius: 300px; float:right; margin:-60px 0px 20px 30px; }  






.section{padding-top: 80px;
}


.header {position:fixed; z-index: 70; width: 100%;  height: 45px;  top: 0px;}








#menu li {
	display:inline-block;
	margin: 0px;
	padding: 1px 20px 0 0;
padding: 0px 20px 3px 0;
}

#menu li a {
	text-decoration:none;
    font-size: 19px;
	line-height: 23px;
	border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
}

/*
#menu li:first-child {padding-left: 0px;} */

#menu a:hover,
#menu li.active a {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #c11a1a;
}


.header #menu {
/*	top:0;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0; */
    margin-top: 6px;
    margin-right: auto;
    margin-bottom: 24px;
    margin-left: auto;
    width:90%;
}


.fp-controlArrow.fp-next {border-color: transparent transparent transparent #d0d8e0;}


.fp-controlArrow.fp-prev {border-color: transparent #d0d8e0 transparent transparent;}



.start {position: fixed; width: 100%; z-index: -10; top: 0; left: 0;}

 .start img {
height: auto;
        width: 100%;
z-index: -10;
    right: 0px;
	top: -50px;}



@media (max-width: 750px) {

    h1 {font-size: 60px; line-height: 70px;}
     
    img.rund {width: 100%; border-radius: 300px; float:none; margin: 0px -40px 20px 0px; }  
  
    
	
    .header { height: 150px; background-color: #fff; }
        
 .header #menu {margin-left: 20px;} 
    
    .header #menu li {display: block;}
    
    .intro {
  width: 90%;
    }
    
    
    .start {
    position: relative;
height: auto;
        width: 90vw;
z-index: -10;
	top: -50px; overflow: hidden;}
    
	.start img {width: 150%; margin-left: -50%;}

    #wrapper {padding-top: 60px;}   
    
    #news p {
        margin-left: 0px;}
    
    .images {
  text-align: center;
    display: flex;
        height: 150px;
    }
    
    .images img {
  width: 130px;
  height: 130px;
  margin: 0 7px;
  border-radius: 100px;
  float: left;
        display: inline;}
        
    
    
    .intro pre {
        white-space: inherit; font-size: 18px; line-height: 21px;}
    
    #menu li a {
    border-bottom-width: 2px;
}


#menu a:hover,
#menu li.active a {
    border-bottom-width: 2px;
}
    
    .section {
        padding-top: 60px;}
    
}