*                                   { padding: 0; margin: 0; }
*:focus                             { outline: 0; }

body                                { background-color: #fff;
                                      font-family: Verdana,Arial,Helvetica,Sans-serif;
                                      font-size: 12pt;
                                      background-image: url(images/hg.jpg);
                                      background-position: top center;
                                      background-repeat: no-repeat;
                                      color: #000;
                                      background-attachment: fixed;
                                      position: relative;
                                    }
#startseite                         { background-image: url(images/hg-meerjungfrau.jpg); min-height: 1500px; position: relative; background-attachment: scroll; background-position: center 28px; }
                                    
img                                 { border: 0; }

a:focus                             { outline: none; }
a                                   { color: #172983; }
a:link                              { text-decoration: none; }
a:visited                           { text-decoration: none; }
a:active                            { text-decoration: none; }
a:hover                             { color: #172983; text-decoration: none; }

.imgleft                            { float: left; margin-right:30px; margin-bottom:20px; }
.imgright                           { float: right; margin-left:30px; margin-bottom:20px; }

#page                               { /*padding: 5px 20px;*/ padding: 5px 0px 5px 20px; position: relative; padding-top: 132px; }

.wrap                               { max-width: 2000px; margin: 0 auto; }

#head                               { position: fixed; left: 0; top: 0; box-sizing: border-box; padding: 0 20px; height: 132px; background-color: #fff; z-index: 100; width: 100%; max-width: 100%; }
header                              { display: block; max-width: 2000px; margin: 0 auto; position: relative; }
#navigation nav                     { max-width: 1225px; }
#logo-claim                         { position: absolute; left: 0px; top: 45px; }
#logo                               {  }
#logo img                           { width: 325px; }
#claim                              { color: #e20020; letter-spacing: 0.3px; font-size: 10pt; text-align: center; }
#navigation                         { float: right; padding-top: 75px; max-width: 80%; width: 100%; }
#navigation ul                      { list-style: none; padding: 0; text-align: justify; }
#navigation ul li                   { display: inline-block; text-align: -webkit-match-parent; text-transform: uppercase; font-size: 14pt; }
#navigation ul li a                 { padding: 0 35px; }
#nav-imp-ds                         { font-size: 10pt !important; }
#navigation ul li#nav-imp-ds a      { padding: 0; }
#nav-top-100                        { padding-left: 100%; /*display: none !important;*/ }
#navigation ul li a:first-child     { padding-left: 25px; }


#mobile-head                        { display: none; background-color: #fff; border-bottom: 1px solid rgba(23, 41, 131, 0.5); padding-bottom: 5px; }
#mobile-head-table                  { display: table; width: 100%; }
#mh-logo                            { display: table-cell; width: 310px; vertical-align: middle; }
#mh-logo img                        { display: block; height: 60px; padding-left: 5px; padding-top: 5px; }
#mh-claim                           { display: table-cell; text-align: left; vertical-align: middle; }
#mh-claim span                      { display: inline-block; padding-left: 20px; color: #e20020; padding-top: 5px; }
#mh-menu                            { display: table-cell; text-align: right; vertical-align: middle; }
#mobile-menu-button                 { display: inline-block!important; padding: 5px 15px; cursor: pointer; margin-right: 15px; margin-top: 5px; }



#mobile-navigation                  { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.8); z-index: 2600; }
#nav-content                        { width: 90vw; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #fff; }
#ios-menu-korrektur                 { width: 100%; height: 70px; }
#mnav-head                          { position: relative; text-align: center; padding-top: 15px; color: #717171; font-size: 18pt; border-bottom: 2px solid #a0a0a0; padding-bottom: 10px; }
#nav-close                          { position: absolute; top: 12px; right: 10px; color: #515151; width: 25px; height: 25px; border-radius: 26px; background-color: #d3d3d3; border: 1px solid grey; font-weight: bold; padding-left: 1px; padding-top: 1px; font-family: Arial; cursor: pointer; font-size: 15pt; }
#mnav-body                          { padding-top: 5px; }
#mnav-body a                        { text-decoration: none; color: #172983; }
#mnav-body ul                       { list-style: none; padding: 0; margin: 0; }
#mnav-body ul li a                  { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #a0a0a0; display: block; }
#mnav-body ul li                    {  }
.manv0                              { padding-left: 20px; text-transform: uppercase; }
.manv1                              { padding-left: 40px; }
.manv2                              { padding-left: 60px; }
.manv3                              { padding-left: 80px; }
.mnavli0                            { position: relative; }
.mnavli1                            { position: relative; }
.mnavli2                            { position: relative; }
.mnavli3                            {  }
.show-sub-nav                       { position: absolute; top: 1px; right: 0; padding-top: 2px; padding-bottom: 8px; padding-right: 10px; padding-left: 10px; z-index: 3000; cursor: pointer; }
.marrow                             { border: 6px solid #172983; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
.isclicked .marrow                  { border-top-color: transparent; border-bottom-color: #172983; }
.show-sub-nav.isclicked             { top: -2px; padding-top: 0; padding-bottom: 12px; }
.mnavul1                            { display: none; }
.mnavul2                            { display: none; }
.mnavul3                            { display: none; }



#content                            {  }
#inhalt                             { position: relative; float: right; width: 80%; min-height: 300px; padding-top: 14px; }
#inhalt-text                        { background-color: rgba(255, 255, 255, 1); padding: 25px 25px 8px 25px; font-size: 11pt; }
#inhalt-text a                      { color: #e20020; }
#inhalt-text a:hover                { color: #e20020; }
article                             { display: block; max-width: 1200px; }
#infoboxen                          { float: left; width: 325px; padding-top: 45px; min-height: 100px; position: relative; }
#startseite #infoboxen              { padding-top: 135px; }
#infoboxen-content                  { padding: 50px 28px; background-color: #425558; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: fixed; left: 20px; width: 325px; box-sizing: border-box; }
.ifb                                { padding-bottom: 45px; color: #fff; }
.ifb:last-child                     { padding-bottom: 0px; }
.ifb-headline                       { text-align: center; padding-bottom: 35px; font-weight: normal; font-size: 14pt; }
.ifb-text                           { font-size: 10pt; }

#seitentitel                        { padding-bottom: 25px; }
#seitentitel h1                     { font-size: 21pt; font-weight: normal; color: #172983; }
.inh-abs-titel                      { padding-bottom: 20px; }
.inh-abs-titel h2                   { font-weight: normal; font-size: 17pt; color: #172983; }
#inhalt p                           { padding-bottom: 17px; }
#inhalt ul                          { padding-left: 17px; }
#inhalt ol                          { padding-left: 20px; }
.content-trenner                    { width: 100%; height: 30px; }

#startbild-text                     { width: 275px; height: 60px; position: absolute; top: 270px; right: 125px; }
#startbild-text img                 { display: block; }

#footer                             { display: none; padding: 5px 0; background-color: rgba(255, 255, 255, 0.7); position: absolute; bottom: 0; left: 0; width: 100%; }
#mobile-nav                         { text-align: center; font-size: 10pt; }



#cookie-info                        { position: fixed; bottom: 10px; z-index: 10000; width: 100%; display: none; }
#cookie-info-content                { max-width: 625px; margin: 0 auto;  background-color: #fff; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px; border: 2px solid #172983; }
#cookie-info-text                   { font-size: 9pt; }
#cookie-info-button                 {  }
#cookie-info-button span            { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #fff; background-color: #172983; margin-top: 10px; cursor: pointer; font-size: 10pt; }
#cookie-info-spacer                 { height: 105px; width: 100%; display: none; }
#cookie-abstand-content             { height: 105px; width: 100%; display: none; }


@media screen and (min-width: 1700px) and (max-width: 1799px){
  #navigation                         { max-width: 77%; }
  #inhalt                             { width: 77%; }
}

@media screen and (min-width: 1600px) and (max-width: 1699px){
  #navigation                         { max-width: 75%; }
  #inhalt                             { width: 75%; }
}

@media screen and (min-width: 1500px) and (max-width: 1599px){
  #navigation                         { max-width: 72%; }
  #navigation ul li a                 { padding: 0 26px; }
  #startbild-text                     { right: 40px; }
  #inhalt                             { width: 72%; }
}

@media screen and (min-width: 1400px) and (max-width: 1499px){
  #navigation                         { max-width: 72%; }
  #navigation ul li a                 { padding: 0 20px; }
  /*#logo img                           { width: 370px; }*/
  /*#infoboxen                          { width: 370px; }*/
  #claim                              { letter-spacing: 0; }
  #inhalt                             { width: 72%; }
  #startbild-text                     { top: 145px; right: 40px; }
}

@media screen and (min-width: 1300px) and (max-width: 1399px){
  #navigation                         { max-width: 70%; }
  #navigation ul li a                 { padding: 0 10px; }
  /*#logo img                           { width: 370px; }*/
  /*#infoboxen                          { width: 370px; }*/
  #claim                              { letter-spacing: 0; }
  #inhalt                             { width: 70%; }
  #startbild-text                     { top: 145px; right: 40px; }
  #startseite                         { background-position: center 35px; min-height: 1535px; }
}

@media screen and (min-width: 1200px) and (max-width: 1299px){
  #navigation                         { max-width: 69%; }
  #navigation ul li                   { font-size: 12pt; }
  #navigation ul li a                 { padding: 0 10px; }
  /*#logo img                           { width: 300px; }*/
  /*#infoboxen                          { width: 300px; }*/
  #claim                              { letter-spacing: 0; font-size: 9.7pt; }
  #inhalt                             { width: 69%; }
  #startbild-text                     { top: 130px; right: 0px; }
  #startseite                         { background-position: center 35px; min-height: 1535px; }
}

@media screen and (min-width: 1100px) and (max-width: 1199px){
  #head                               { display: none; }
  #mobile-head                        { display: block; }
  #infoboxen                          { width: 375px; }
  #startbild-text                     { top: 25px; right: 258px; }
  .ifb-headline                       { font-size: 15pt; }
  .ifb-text                           { font-size: 11pt; }
  #inhalt                             { width: 62%; }
  #footer                             { display: block; }
  #cookie-info                        { bottom: 25px; }
  #page                               { padding-top: 5px; padding-bottom: 26px; }
}

@media screen and (min-width: 1000px) and (max-width: 1099px){
  #head                               { display: none; }
  #mobile-head                        { display: block; }
  #infoboxen                          { width: 325px; }
  #startbild-text                     { top: 25px; right: 258px; }
  .ifb-headline                       { font-size: 15pt; }
  .ifb-text                           { font-size: 11pt; }
  #inhalt                             { width: 61%; }
  #footer                             { display: block; }
  #cookie-info                        { bottom: 25px; }
  #page                               { padding-top: 5px; padding-bottom: 26px; }
}

@media screen and (min-width: 765px) and (max-width: 999px){
  #head                               { display: none; }
  #mobile-head                        { display: block; }
  #infoboxen                          { width: 325px; }
  #startbild-text                     { top: 25px; right: 205px; }
  .ifb-headline                       { font-size: 15pt; }
  .ifb-text                           { font-size: 11pt; }
  #inhalt                             { width: auto; float: none; }
  #infoboxen                          { float: none; margin: 0 auto; padding-top: 25px; }
  #startseite #infoboxen              { padding-top: 530px; }
  #footer                             { display: block; /*position: static;*/ }
  #mh-claim                           { font-size: 10pt; }
  #cookie-info                        { bottom: 25px; }
  #page                               { padding-top: 5px; padding-bottom: 26px; }
  #cookie-abstand-content             { display: none; }
  #infoboxen-content                  { position: static; }
}

@media screen and (min-width: 0px) and (max-width: 764px){
  #head                               { display: none; }
  #mobile-head                        { display: block; }
  #infoboxen                          { width: 325px; }
  #startbild-text                     { top: 25px; right: 50%; margin-right: -137.5px; }
  .ifb-headline                       { font-size: 15pt; }
  .ifb-text                           { font-size: 11pt; }
  #inhalt                             { width: auto; float: none; }
  #infoboxen                          { float: none; margin: 0 auto; padding-top: 25px; }
  #startseite #infoboxen              { padding-top: 530px; }
  #footer                             { display: block; /*position: static;*/ }
  #mh-claim                           { display: none; }
  #cookie-info                        { bottom: 25px; }
  #page                               { padding-top: 5px; }
  #cookie-abstand-content             { display: none; }
  #page                               { padding: 5px 5px; padding-bottom: 26px; }
  #infoboxen-content                  { position: static; }
}

@media screen and (max-width: 420px){
  #mh-logo img                        { height: 50px; }
  #startseite #footer                 { position: absolute; }
}

@media screen and (max-width: 350px){
  #mh-logo img                        { height: 45px; }
  #infoboxen                          { width: auto; }
}












.cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; }
.cookie-informationen * { box-sizing: border-box; }
.cookie-row { display: table-row; }
.cookie-info-name { display: table-cell; vertical-align: top; white-space: nowrap; padding: 0 0 5px 0; font-weight: bold; font-style: italic; }
.cookie-info-text { display: table-cell; vertical-align: top; padding: 0 0 5px 10px; }
.cookie-info-text p { padding-bottom: 0 !important; margin-bottom: 0 !important; }

.iframe-daten-info { background-color: rgb(128 128 128 / 22%); padding: 50px 10px; text-align: center; }
.idi-text {  }
.idi-text p { padding-bottom: 0; margin-bottom: 0; }
.idi-form { padding-top: 20px; }
.idi-button { border: 0; cursor: pointer; background-color: #e20221; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 8px 15px; }

#cookie-opt-in * { box-sizing: border-box; }                                    
#cookie-opt-in { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 3500; color: #fff; padding: 10px; box-sizing: border-box; font-size: 11pt; }
#coi-center { max-width: 900px; margin: 0 auto; }
#coi-infotext-mobile { display: none; }
.coi-infolinks { padding: 10px 0 5px 0; }
.coi-infolinks a, .coi-infolinks a:hover { color: #e20221; }
#coi-form { padding-top: 10px; }
#coi-form-tbl { display: table; width: 100%; }
#coi-text-and-boxes { display: table-cell; vertical-align: middle; }
#coi-cookies { display: flex; flex-wrap: wrap; }
.coi-checkbox { padding-right: 20px; }
#cookie-opt-in label { display: inline-block; }
#coi-form-trenner { display: table-cell; width: 25px; }
#coi-form-buttons { display: table-cell; vertical-align: top; width: 175px; text-align: center; }
#coi-form button { border: 0; cursor: pointer; background-color: #e20221; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 10px; }
#coi-form button.btn-dark { background-color: #464646; }
#coi-form-buttons button { width: 100%; }
#coi-form-buttons div { text-align: center; margin-top: 15px; font-size: 10pt; color: #888; }
#cookie-info-spacer { width: 100%; height: 33px; }
@media screen and (max-width: 768px){
  .coi-cookie { flex: 0 0 100%; }
  #coi-infolinks { font-size: 10pt; }
  #coi-form { padding-top: 10px; }
  #coi-infotext-mobile { display: block; }
  #coi-infotext { display: none; }
  #coi-center { padding-top: 0; }
}