#brief {
-khtml-box-shadow:rgba(160,160,170,1) 0 4px 10px;
-moz-box-shadow:rgba(160,160,170,1) 0 4px 10px;
-webkit-box-shadow:rgba(160,160,170,1) 0 4px 10px;
background-color:#fff;
border:1px solid #888;
box-shadow:rgba(160,160,170,1) 0 4px 10px;
margin:30px;
padding:0 0 20px;
}

#brief h3 {
margin-bottom:0;
margin-top:0;
padding-top:20px;
}

#hmlogo {
left:-10px;
margin-right:5px;
position:relative!important;
top:0;
}

#kopf {
/* background-color:#c0d9fd;
border-bottom:1px solid #f0a000; 
margin-bottom:2rem; */
padding:1rem 0 .5rem;
/*position:fixed;*/
left:0;
top:3.5rem;
box-sizing:border-box;
width:100%;
z-index:0;
background: url('meer.jpg');
background-size: cover;
background-position-y: 50%;
}

#kopf h1 {
display:table;
font-size:1.3125rem;
line-height:1.4375rem;
}

#kopf h1 > div {
display:table-cell!important;
vertical-align:middle;
text-shadow: 0 0 3px beige;
color: black;
}

#kopf h1 span {
display:block;
font-size:.875rem;
padding-top:.4rem;
}

#koerper {
/*margin-top:174px;*/
background-color:#fff;
border-top:#f0a000 solid 1px;
border-bottom:1px solid #f0a000;z-index:1;
position:relative;
padding:1rem 0;
/* margin-bottom:6rem; */
}

#navi a {
border-bottom:0 solid #fff;
border-radius:2px;
border-right:0 solid #f0a000;
border-top:0 solid #90b0f0;
color:#fff;
display:block;
padding:8px 10px;
text-decoration:none;
}

#navi a.aktiv {
background:url() #fff;
border-bottom-color:#E0F0FF;
border-bottom-width:0;
border-radius:2px;
border-right-width:0;
border-top-left-radius:2px;
border-top-right-radius:2px;
color:#006;
}

#navi a.aktiv:hover {
background-position:left bottom;
}

#navi a:hover {
background-position:0 50%;
color:#006;
}

#navi li {
float:left;
margin-bottom:0;
margin-right:1em;
width:auto;
}

#sigrun {
color:#5060a0;
font-size:18px;
font-weight:700;
height:56px;
line-height:1.3em;
position:absolute;
right:60px;
text-align:right;
top:8px;
width:225px;
}

#sigrun span {
font-size:11px;
font-weight:500;
text-transform:uppercase;
}

#tnv {
padding-top:5rem;
}

* + h3 {
margin-top:1.5em;
}

* + p {
margin-bottom:.5rem;
margin-top:1rem;
}

.anmeldung {
border:1px solid #f0a000;
border-radius:2px;
box-sizing:border-box;
float:none;
margin-left:0;
margin-right:0;
margin-top:1em;
padding:0 0 .3em;
width:auto;
}

.anmeldung .bordertop {
border-top:1px solid #f0a000;
margin-top:.7em!important;
padding-top:.7em!important;
}

.anmeldung h4 {
background-color:#f0a000;
color:#fff;
font-size:1.125rem;
margin:0;
padding:4px .5em;
}

.anmeldung p {
margin:0;
padding:.3em .5em;
}

.anmeldung p+h4 {
margin-top:.7em;
}

.bordertop {
border-top:1px solid #80a0e0;
padding-top:2em;
margin-top:1em;
}

.btn-primary {
 background-color:orange;
 border-color:orange;
}
.butt {
border:1px solid #008;
border-radius:4px;
display:inline-block;
/* margin:0 15px; */
padding:3px 10px;
color:black;
margin-bottom:3px;
}

.butt.fon:before {
color:#FFF;
content:"📞";
display:inline-block;
margin-right:10px;
position:relative;
top:1px;
}

.butt.email:before {
/*color:#FFF;
content:"✉️";*/
content:"@";
display:inline-block;
margin-right:10px;
position:relative;
top:-1px;
}

.butt:hover {
background-color:rgba(0,0,0,0.1);
text-decoration:none!important;
color:black;
}

.card {
 font-size:0.875rem;
 margin-bottom: 1em;
}

/*
@media (max-width: 575px) {
 .card + .card {
  margin-top: 1em;
 }
}
*/

.card-outline-primary {
border-color:#f0a000;
}
.card-block {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}

.clear {
clear:both;
}

.eng {
line-height:1.2em;
padding-bottom:.5em;
}

.hg {
border-bottom:1px solid #f0a000;
font-size:1.2em;
margin-top:2em;
padding:6px 4px 6px 0;
}

.hgorange {
background-color:#ffefdb;
border-radius:2px;
margin-bottom:20px;
padding:1px 0;
}

.hgorange > * {
margin-left:20px;
margin-right:20px;
}

.hgorange > .hg {
margin-top:.5em;
}

.hgorange li {
margin-bottom:.5em;
margin-top:.5em;
}
ul.kurse {
 list-style:none;
 margin: 30px 0;
}
ul.kurse li {
 list-style: none;
 margin: 0;
 padding: 20px 20px 10px 20px;
 border-bottom: 5px solid #fff;
}
ul.kurse b {
 display:inline-block;
 padding-right:2em;
 padding-bottom:5px;
 border-bottom: 1px solid #666;
 margin-bottom:10px;
}

.impressum {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
background-color:#C0D9FD;
font-size:14px;
margin:4em 0 0;
padding:1.5rem 1rem;
text-align:center;
}

.klein {
font-size:12px;
}

.links32 {
float:left;
width:32%;
}

.links50 {
float:left;
width:47%;
}

.links65 {
float:left;
width:62%;
}

.minus-anmeldung {
margin-right:250px;
}

nav.navbar a.nav-link {
color:#eee!important;
}

.nowrap {
white-space:nowrap;
}

.rahmen {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:0 solid #f0a000;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-left:6px #f0a000 solid;
border-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-width:0;
line-height:1.3em;
margin:0 auto;
max-width:900px;
padding:0;
position:relative;
width:auto;
}

.rechts {
float:right;
width:220px;
}

.rechts .anmeldung {
float:none;
margin-left:0;
margin-right:0;
}

.rechts35 {
border-left:1px solid #80a0e0;
float:right;
margin-left:.5em;
padding-left:0;
width:35%;
}

.rechts50 {
float:right;
padding-left:3%;
width:50%;
}

.rechts60 {
float:right;
padding-left:3%;
width:60%;
}

.row > * {
margin-bottom:1rem;
}

.table,.td,.td.rechts {
box-sizing:border-box;
width:auto;
}

.td h3,.td ol,.td ul,.td p,p,h2,h3,ol,ul,.hgorange {
margin-left:0;
margin-right:0;
}

a {
color:#03C;
}

a:hover {
background-color:#fff;
text-decoration:underline;
}
/*
a[href$=".pdf"] {
background:orange;
border-radius:4px;
color:#000;
display:inline-block;
margin:5px 0;
padding:5px 10px 5px 5px;
}
*/

a[href$=".pdf"]:before {
background:rgba(255,255,255,0.8);
background:rgba(255,255,255,0.3);
border:0 solid #000;
border-radius:2px;
color:orange;
color:black;
content:"⇩ ";
content:"\1f4e5";
display:inline-block;
margin-right:8px;
padding:0 4px;
}

b,strong {
color:#006;
}

blockquote {
font-size:1em;
font-style:italic;
}

body {
height: 100%;
background-color:#c0d9fd;
color:#327;
/* font-family:Arial, Helvetica, sans-serif;
font-size:14px;*/
font-size:1rem;
margin:0;
/* min-height:75rem; */
overflow-y:scroll;
padding:3.5rem 0 0!important;
}

div#toggle {
color:#888;
cursor:pointer;
float:right;
font-size:.8em;
font-weight:400;
padding:5px 10px;
text-align:right;
text-transform:uppercase;
width:200px;
}

div.table {
display:table;
/* margin:20px 30px; */
}

div.td {
border-bottom:1px solid #f0a000;
border-top:1px solid #f0a000;
display:table-cell;
padding:0 20px 10px 0;
}

div.td.rechts {
border-left:1px solid #f0a000;
padding:0 0 0 20px;
}

footer {
/* position:fixed; */
box-sizing:border-box;
width:100%;
bottom:0;
left:0;
padding:0;
}

h1 {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-bottom:0 solid #f0a000;
color:#006;
/* font-family:Arial, Helvetica, sans-serif; */
font-size:1.125rem;
font-weight:500;
letter-spacing:1px;
line-height:1.5em;
margin-bottom:0;
margin-top:0;
padding:10px 20px 72px 190px;
}

h1 span {
font-size:.875rem;
letter-spacing:0;
}

h2 {
clear:both;
color:#006;
/* font-family:Arial, Helvetica, sans-serif; */
font-size:1.5rem;
font-weight:700;
padding-top:1em;
}

h3 {
color:#338;
font-size:1rem;
font-weight:700;
padding-bottom:.5rem;
padding-top:1rem;
}

html {
height:100%;
}

img#hmlogo {
width:150px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

img.left {
border:1px solid #89a;
float:left;
margin-bottom:.5em;
margin-right:1em;
padding:5px;
}

/*li {
margin-bottom: 0.5em;
}*/

#koerper li + li {
margin-top:.3em;
margin-bottom: 0;
}

li.nav-item.active,
li.nav-item a:hover {
background-color:#777;
}

/*
p,h2,h3,ol,ul {
margin-left:30px;
margin-right:20px;
}
*/

p,ul,ol {
margin-bottom:.2em;
margin-bottom:1em;
padding:0;
}

p.impressum {
margin-top:0;
}

p.klein {
margin-bottom:0;
}

ul#navi {
height:33px;
left:180px;
position:absolute;
top:129px;
}

ul#navi ul {
background:url();
border:0 solid #f0a000;
border-bottom-width:0;
left:0;
position:absolute;
top:3em;
}

ul#navi ul a {
background:none transparent;
border-width:0;
color:#006;
padding:4px 10px;
}

ul#navi ul a:hover,ul#navi ul a.aktiv {
background:url() 0 12px repeat-x #f0a000;
border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
border-radius:2px;
border-width:0;
color:#fff;
}

ul#navi,ul#navi ul {
/* font-size:13px;*/
list-style:none;
margin:0 0 1em;
padding:0;
position:relative;
top:-1px;
width:auto;
}

ul,ol {
padding-left:2em;
}

@media (max-width: 767px) {
img#hmlogo {
width:100px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

#kopf {
min-height:80px;
}

#kopf h1 img {
margin-bottom:.1em;
}

#tnv {
padding-top:1rem;
}

.anmeldung {
box-sizing:border-box;
margin-left:0;
margin-right:0;
width:100%;
}
}

@media (max-width: 520px) {
/* img#hmlogo {
width:90px!important;
}*/

#kopf h1 {
font-size:1rem;
}

#kopf h1 span {
font-size:.8125rem;
}
}