body { font-family: 'Source Sans 3', Helvetica, Arial; font-size:1rem; margin:0; color:#000; line-height:1.3 }	
body, html { padding:0; margin:0 }
img { border:0 }
header { background-color:#000775; text-align:left; position:fixed; z-index:2 }
header { width:100%; }
footer  { width:100% }


footer { background-color:white; color:#454545; font-size:16px }
#footer_logos { margin-left:40px }

footer hr { border-top:0px; margin:10px; margin-top:10px; margin-bottom:0 }

footer a:link, footer a:visited { color:#454545; text-decoration:none }
footer a:active, footer a:hover { text-decoration:underline }
footer p { text-align: right; margin-top: -2.5em; padding-right:40px }

.sm_logos { position:absolute;right:1.5vw;top:0 }
.sm_logos img { display:inline-block;height:6.458333vw;width:auto }

.logo_gif { height:6.458333vw;vertical-align: top }
.logo_svg { height: 3.55vw; padding:1.45vw; padding-left:55px; display:block }

#content { padding-top:calc( 14vw * 9 / 16); }

.text_1sp { max-width:700px; margin-left:auto; margin-right:auto; color:#4c4c4c; margin-top:40px; line-height:1.3 }
.text_1sp a:link, .text_1sp a:visited { color:#004994; }

.copyright_mobil { display:none }

.downloadlink { float:right; padding-right:10px; padding-top:10px }

footer img { width:auto; height:85px }

.content_startseite { padding-left:40px; padding-right:40px; padding-top:20px; padding-bottom:20px; } 

.video_liste { display:grid; gap:45px 18px; grid-template-columns: auto auto auto; }
@media (max-width:1280px) {
    .video_liste { grid-template-columns: auto auto auto; }	
}
@media (max-width:980px) {
    .video_liste { grid-template-columns: auto auto; }	
}
@media (max-width:620px) {
    .video_liste { grid-template-columns: auto; }	
}
.video_liste img { display:block; }
.infotext { color:#000674; display:flex; align-items: center;  margin-bottom:15px }
.infotext1 { width:48%; text-align:right; margin-right:4%; }
.infotext1 h1 { margin-top:10px; margin-bottom:10px; font-size:30px; text-transform:uppercase; font-style:italic }
.infotext2 { width:40%; max-width:640px; line-height:1.4 }
.infotext2 p { margin-top:10px; margin-bottom:10px;  }
.infotext_br { margin-right:50px; display:block }
.videobox { position:relative; text-align:center; text-transform:uppercase; }
.videobox a { color:white }
/*.video_link_overlay {display:none;position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7); align-items: center; justify-content:center;}*/
.video_link_overlay {display:flex;position:absolute; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7); align-items: center; padding:10px }
/*.videobox a:hover .video_link_overlay { display:flex; }
.videobox a:focus .video_link_overlay { display:flex; }*/
.video_link_overlay h3 { font-size:24px; font-style:italic; margin:2px}
.video_link_overlay p { margin:2px}
.play_button { position:relative; top:0px; display:inline-block; width:30px; height:30px; background-image:url(img/play_button.png); background-size:30px 30px; margin-right:10px; background-position:0px 0px; background-repeat:no-repeat; }
.button_nochmal { position:relative; top:10px; display:inline-block; width:45px; height:45px; background-image:url(img/button_nochmal.png); background-size:45px 45px; margin-right:10px; background-position:0px 0px; background-repeat:no-repeat; }
.button_download { position:relative; top:10px; display:inline-block; width:45px; height:45px; background-image:url(img/button_download.png); background-size:45px 45px; margin-right:10px; background-position:0px 0px; background-repeat:no-repeat; }

.link_nochmal { display:flex; text-transform:uppercase; color:white; font-size:32px; text-align:center; font-weight:normal  }
.link_nochmal a { color:white; font-style:italic; text-decoration:none; }
.link_nochmal p { margin-bottom:15px }

h2.blau { background-color:#000674; color:white; font-style:italic; font-size: 24px; width:auto; display:inline-block; padding:8px; padding-left:25px; padding-right:25px; text-transform:uppercase }
.vl1 { width: calc(100% - 170px); text-align: left; margin-left:5px }
.vl2 { display:flex; align-items:center; width:170px; }


/* mobil */

@media (max-width:1200px) {
.logo_gif { height:77px; }
.logo_svg { height:42px; padding:18px; padding-left:30px; }
.sm_logos img { height:77px; }

.vl1 { width: calc(100% - 120px); }
.vl2 { width:120px; }
.play_button { width:42px }
#content { padding-top:90px; }
}
@media (max-width:889px) {
#footer_logos { display:block; margin-left:40px }
footer p { margin-top: 0px; padding-left:40px; padding-right: 40px; }
}
@media (max-width:799px) {
.infotext_br { margin-right:0px; display:inline }
.infotext { display:block }
.infotext1 { width:auto; text-align: left }
.infotext2 { width:auto }
.infotext1 h1 { font-size: 24px; }
.text_1sp { margin-left:15px; margin-right:15px }
}
@media (max-width:550px) {
.logo_gif { height:15vw; }
.logo_svg { height:7.5vw; padding:3vw }
.sm_logos img { height:15vw; }
.content_startseite { padding-left: 15px; padding-right: 15px; }
#footer_logos { margin-left:10px }
footer p { padding-left:10px; padding-right: 10px; }
.mobil_nur_br { visibility:hidden; display:block;}
.link_nochmal { font-size: 24px; }
#content { padding-top:14.5vw; }
}
@media (max-width:359px) {
footer img { height: 75px;
}