––*, *:before, *:after {-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */-moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */box-sizing: border-box; /* Opera/IE 8+ */}
html    { font-size: 100%; overflow-x: hidden}
body { font-size: 0.9em; font-family: Georgia, "Times New Roman", Times, serif; background-color: #0053a0; }
p { font-size: 1.2em; line-height: 1.6em; color: #0f3c70; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px; }
li { color: #0f3c70; margin: 0; padding: 0; }
a:link, a:visited  { color: #0f3c70; text-decoration: none;  outline-style: none  }

a:hover { color: color: #f00;}

body {  margin: 0; padding: 0; }

h1, h3, h4, h5, h6 { color:#0053a0 ; font-weight: normal; }
h1 { font-size: 3em; line-height: 1.2em; text-align: center; margin-top: 11px; padding-bottom: 20px; }

h2 { color: #73b7ff; font-size: 1.2em; font-weight: normal; line-height: 1.2em; margin: 0; padding: 0; }

h1 a:link, h1 a:visited{ color: #fff; text-decoration: none; }
h1 a:hover{ color: #38a2d3; }

h2 a:link, h2 a:visited{ color: #38a2d3; text-decoration: none; }
h2 a:hover{ color: #fff; }
h3 { color: #0053a0; font-size: 3em; line-height: 1.4em; margin: 20px 0 -6px 20px; padding: 0; }
h3.ita { font-size: 1.8em; margin-bottom: 20px }
h4 { color: #0053a0; font-size: 2em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; margin-top: 20px; margin-bottom: 10px   ; padding-top: 0; }
h5 { color: #0053a0; font-size: 2.5em; font-weight: normal; line-height: 1.2em; margin-top: 20px; margin-bottom: -5px; }
h6 { color: #a9c3fc; font-size: 1.8em; line-height: 1.2em; text-align: center; }

#header { background: #0053a0; height: 76px;  }
#hmenu { display: inline}
#name {padding-top: 16px; margin-left: 80px;}
.logo { display: block; }
#homename  { margin-right: auto; margin-left: auto; }

#navigation { display: none }

#homehead { height: 120px; margin-right: auto; margin-left: auto; }


#bottomline { background-color: #0053a0; width: 100%; height: 14px; float: left }


.button { background-color: #ffed00; width: 130px; height: 27px; float: left; margin-top: 13px;  }
.button-title { color: #fff; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; letter-spacing: 0.02em; padding: 6px; }
.button-title a:link { color: #38a2d3; }

.button-title a:hover { color: #0053a0; }


#hometext { background-color: #fff; float: left; padding-top: 15px; width: 100%;}
#homenavigation { margin-right: auto; margin-left: auto; }
#homenavigation ul { text-align: center; margin: 0 0 20px; padding: 0; }
#homenavigation li { color: #fff; font-size: 2.5em; text-align: center; letter-spacing: 0.01em; margin: 0; padding: 0; list-style:none; display: block       }
#homenavigation li a { color:#0f3c70;  }
#homenavigation li a:hover,li a.active { color:#38a2d3;  }

.line { background-color: #38a2d3; height: 20px; }

#slider{ min-height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; height: 250px; }

#back { background-color: #fff; float: left; width: 100%; padding-bottom: 10px; }
#back ul   { margin-bottom: 20px; margin-left: -20px; }
#back li { font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.55em; margin-bottom: 12px; list-style: disc; }

.content{  }

.text, .introtext, #aside, #pic, #ds { width: auto; float: left; padding-left: 20px; padding-right: 20px;}

#content a:link, a:visited  { border-bottom: 1px dashed #f00 }
#content a:hover { color: #f00;}
#text ul {  }
.intro { color: #0091c8; font-weight: bold; }

#aside img { max-width: 100% }
.sort { font-weight: bold; }

img.aboutportrait { background: #fff; margin: 0 0 0; border: solid 6px #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); zoom: 1; }

.subtext { color: #00326e; font-size: 1em; font-style: italic; line-height: 1.4em; text-align: center; margin-bottom: 0; }


#pic {  }
#pic img { max-width: 100% }

#footer { float: left; padding-top: 15px; width: 100%; padding-bottom: 20px; }
#footnav { margin-right: auto; margin-left: auto; }
#footnav ul { text-align: center; margin: 0; padding: 0; }
#footnav li { color: #fff; font-size: 1em; font-family: "Vectora LT Roman", verdana, sans-serif; line-height: 1.6em; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; margin-right: px; list-style: none; display: block; }


#footnav li a { color:#38a2d3; text-decoration: none; }
#footnav li a:hover,li a.active { color:#fff; text-decoration:none }

#ds .tele a { color: #00326e; cursor: none; text-decoration: none; border-bottom: none} 
.tele a:hover { color: #00326e}
.abstand { color: #00326e; font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.1em; padding-right: 6px; }
.abstand2 { color: #00326e; font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.1em; padding-right: 24px; }
#map { padding-top: 20px; padding-bottom: 20px; width: auto; float: left;}
iframe { max-width: 100%; height: 300px; border: 0; margin: 0; padding: 0 }




@media screen and (min-width:40em) 
{
h1 { font-size: 3.3em ; margin-top: 20px; }
h2 { font-size: 1.6em }
h3.ita { font-size: 2.3em; width: 700px; margin-top: 30px; }
h4 { font-size: 2em; margin-bottom: -6px; }

.button { margin-top: 50px; width: 150px; height: 30px;}
.button-title { font-size: 1.1em }

#homehead { height: 80px }

#header{ height: 95px; }
#name { color: #f00; float: left; padding-top: 18px; margin-left: 20px; }
.logo { display: inline }
#homenavigation ul { margin-top: 20px; margin-bottom: 14px; }
#homenavigation li { font-size: 3em; display: inline; margin-right: 15px; }
#footnav li { display: inline; margin-right: 18px }
#footnav li.last { margin-right: 0px }
#homenavigation li.last { margin-right: 0px }
#footnav ul.fna { text-align: left; margin-left: 40px }

#navigation { float: right; margin-top: 4px; margin-right: 10px; display: inline    }
#navigation li { color: #fff; font-size: 1.25em; letter-spacing: 0.02em; float:left; margin-right: 14px; list-style:none ; display: block  }
#navigation li a { color: #38a2d3; text-decoration: none; }
#navigation li a:hover,#navigation ul li a.active { text-decoration:none; color:#fff}

#slider { height: 550px} 
#hometext { padding-top: 5px; padding-bottom: 10px;}
#back li { font-size: 1.2em; line-height: 1.6em;  } 

#aside  { padding-right: px}

}
@media screen and (min-width:50em) 
{

h1 { font-size: 4em; }
#slider{ height: 650px }
#homehead { height: 95px }
#pic { margin-top: -10px; }

.subtext { padding-bottom: 20px; }
}

@media screen and (min-width:62em) 
{

#navigation { margin-top: 6px  }

p { font-size: 1.05em; line-height: 1.6em; }
#back li { font-size: 1.05em; line-height: 1.6em; margin-bottom: 4px } 
#slider{  }

h3 { font-size: 3.8em; line-height: 1.4em }
.text  { width: 450px; margin-right: 30px; }
.introtext { width: 1000px;  }
.introtext p { font-size: 1.2em; line-height: 1.7em; }
.lp { padding-bottom: 15px }
p.second  { margin-top: -170px; }
#aside  { width: 450px }
#aside img { width: 450px }
img.aboutportrait { margin-top: 10px }
#pic  { margin-top: px }
}

@media screen and (min-width:72em) 
{
	h2 { font-size: 1.8em }
h3 {   }
h4 { font-size: 2em; }
.space { margin-top: 50px  }
#slider{ height: 800px; }
#name {padding-top: 52px; margin-left: 30px;}
#navigation { margin-top: 39px; margin-right: 20px  }
#navigation li {  font-size: 1.5em;  }


p { font-size: 1.1em; line-height: 1.6em;  }
#back li { font-size: 1.1em; line-height: 1.6em; margin-bottom: 4px } 

#back li { margin-bottom: 6px } 
.text  {width: 500px;   }

#aside  {width: 500px; margin-bottom: 20px}
#aside img { width: 500px }


#ds  {width: 1000px }
#imp  {width: 1000px }
}
@media screen and (min-width:80em) 
{
#slider{ }
#content{ width: 1200px; margin-right: auto; margin-left: auto; }
#aside  {width: 550px}
#aside img { width: 560px }