/*Header*/
.logo-wrapper .logo, .logo-wrapper .logo img{
    max-width: 325px;
  }
.blue-line {
    border-bottom: 5px solid #00f6fe;
}

a {
    color: #020202;
}

footer{
    background: #020202;
    padding: 40px 0 0;
    color: #fff;
    text-align: center;
}

.footer-bottom {
    border-top: 1px solid #151515;
    grid-column-gap: 80px;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    display: block;

}

footer a {
    color: #fff;
	text-decoration: none;
}

.copyright {
    border-top: 1px solid #151515;
    background-color: #151515;
    padding: 14px 0;
    margin: 25px 0 0;
}

 /*Index*/


 .structured_form .formbody > fieldset > legend {
     width: 104.6875%;
    display: block;
    margin-bottom: 12px;
    padding: 10px 20px 10px 40px;
    background: #020202 url(../images/arrow_right.png) left center no-repeat;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    color: #FFF;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -1.5625%;
    background-position: 20px center;
    text-shadow: none;
}

input[type="submit"], button.submit, .button.submit {
    background: #68b603 url(../images/arrow_right.png) left center no-repeat;
    background: url("../images/arrow_right.png") left center no-repeat,-moz-linear-gradient(270deg,#68b603,#03aa03);
    background: url(../images/arrow_right.png) left center no-repeat, -webkit-linear-gradient(270deg, #68b603, #03aa03);
    background: url("../images/arrow_right.png") left center no-repeat,-o-linear-gradient(270deg,#68b603,#03aa03);
    background: url("../images/arrow_right.png") left center no-repeat,-ms-linear-gradient(270deg,#68b603,#03aa03);
    background: url(../images/arrow_right.png) left center no-repeat, linear-gradient(180deg, #68b603, #03aa03);
    -pie-background: url("../images/arrow_right.png") left center no-repeat,linear-gradient(270deg,#68b603,#03aa03);
    border: 1px solid #FFF;
    border-radius: 2px;
    background-position: 15px center;
}
/*Aktuelle-Ausgabe*/
#Slider {
    max-height: 280px;
    overflow: hidden;
    border-bottom: 5px solid #00eefd;
}


 .formbox > .headline_container, .infobox > .headline_container {
    background-color: #020202;
}
.button.blue-button, .aktuellste-hauptausgabe-button.button {
    background: url(../images/arrow_right_black.png) left center no-repeat #00eefd !important;
    background-position: 15px center !important;
	color:#020202 !important;
    text-shadow: none;
}

.button.blue-button:hover, .aktuellste-hauptausgabe-button.button:hover {
    background: url(../images/arrow_right.png) left center no-repeat #020202 !important;
    background-position: 15px center !important;
    color: #fff !important;
    text-shadow: none;
}

.button.blue-button a {
    color: #000;
}

.button.blue-button:hover a {
    color: #fff;
}
h2.ausgabe-monat{
font-size: 24px;
color: #020202;
}

.greeting-text {
    font-size: 35px;
    font-weight: bold;
    color: #020202;
    margin: 20px 0;
    padding: 0;
}

.button{
    padding-right: 30px;
    padding-left: 45px;
    background-position: 30px center;
}

.button:hover{
    padding-right: 30px;
    padding-left: 45px;
    background-position: 30px center;
}

.blue-button  {  background: url(../images/arrow_right_black.png) left center no-repeat #00eefd !important;
    background-position: 15px center !important;
	color:#020202 !important;
    text-shadow: none;
}



.aktuelle-ausgabe #main .ce_download_extended .button, .archiv #main .ce_download_extended .button {

    background-image: url(../images/Icon-PDF.svg);
}

.aktuelle-ausgabe #main .ce_download_extended > .date, .aktuelle-ausgabe #main .ce_download_extended > .title, .aktuelle-ausgabe #main .ce_download_extended > .file, .archiv #main .ce_download_extended > .date, .archiv #main .ce_download_extended > .title, .archiv #main .ce_download_extended > .file {
    display: table-cell;
    padding-top: 12px;
    padding-right: 10px;
    padding-bottom: 12px;
    vertical-align: top;
    border-bottom: 1px solid #d9d9d9;
}

.ce_download_extended a{
    text-decoration: none;
	}
.ce_download_extended a:hover{
color:#00EEFD;
	}
/*Alert*/
.alert-box {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 20px;
  background-color: #fff3cd; /* soft yellow */
  border: 1px solid #ffeeba;
  border-radius: 10px;
  font-family: system-ui, sans-serif;
}

.alert-icon {
  font-size: 28px;
  line-height: 1;
}

.alert-content {
  flex: 1;
}

.alert-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #856404;
}

.alert-text {
  font-size: 15px;
  color: #856404;
}

.alert-text a {
  color: #856404;
  font-weight: 600;
  text-decoration: underline;
}

.alert-text a:hover {
  text-decoration: none;
}
/*Side*/


.li_check_24 ul > li {
    background-image: url(../../images/Icon-Check.svg);
	    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 60px;
    background-position: left top;
    background-repeat: no-repeat;
	    background-size: 45px;
}

.schnellstart-btn {
    background: #00eefd url(../images/arrow_right_black.png) left center no-repeat; 
	margin-bottom: 30px;
}

.schnellstart-btn:hover {
    background: #020202 url(../images/arrow_right.png) 30px center no-repeat;
    color: #ffffff;
}
.schnellstart-btn a{
    color: #020202;
    text-shadow: none;
}

.schnellstart-btn:hover a{
    color: #fff;
    text-shadow: none;
}

#footer {
    background-color: #020202;
}

/* Modal */
.video-btn{
	background: transparent;
    border: none;
    text-transform: uppercase;
}
.video-btn:hover, .schnellstart-btn:hover .video-btn{
	color:#fff;
}
#videoModal.is-open {
  display: block !important;
}

#videoModal{
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.85);
  z-index: 999999;
  align-items: center;
  justify-content: center;
}

#videoModal.active{
  display: flex !important;
}

#videoModal .video-container{
  width: min(1100px, 92vw);
  max-height: 85vh;
  margin: 50px auto !important;
  float: none !important;
  position: relative !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#videoModal video{
  width: 100%;
  height: auto;
  max-height: 85vh;
  display: block;
  margin: 0 auto;
}

#videoModal .video-close{
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 44px;
  color: #fff;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 1000000;
	pointer-events: auto;
}

/* ── Standalone: override all Contao CMS asset paths ────────────────────────
   The bundled CMS stylesheets (f3de8f0df4c8.css, 02cb063e6a64.css) reference
   images via ../../files/hg141117/ which only exists on the Contao server.
   Each rule below replaces a missing asset with a local file or inline SVG. */

/* arrow_right_black.png — nav links and hyperlinks */
.ce_hyperlink,
.mod_newslist > div a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpath d='M0 0l6 5-6 5z' fill='%23222'/%3E%3C/svg%3E");
}

/* bg_box_gradient.jpg — info/form box backgrounds */
.formbox,
.infobox {
    background-image: linear-gradient(to bottom, #f8f8f8, #efefef) !important;
}

/* li_check_blue.png — checklist bullet icons */
.checklist li {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' viewBox='0 0 13 11'%3E%3Cpath d='M1 5l4 4L12 1' stroke='%2300eefd' stroke-width='2' fill='none'/%3E%3C/svg%3E") !important;
}


/* logout nav link — standard power/exit icon, dark to match nav text */
.premium-bereich.logout > a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23020202' d='M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 224c0 17.7 14.3 32 32 32s32-14.3 32-32l0-224zM143.5 120.6c13.6-11.3 15.4-31.5 4.1-45.1s-31.5-15.4-45.1-4.1C49.7 115.4 16 181.8 16 256c0 132.5 107.5 240 240 240s240-107.5 240-240c0-74.2-33.8-140.6-86.6-184.6c-13.6-11.3-33.8-9.4-45.1 4.1s-9.4 33.8 4.1 45.1c38.9 32.3 63.5 81 63.5 135.4c0 97.2-78.8 176-176 176s-176-78.8-176-176c0-54.4 24.7-103.1 63.5-135.4z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 14px 14px !important;
    padding-left: 22px !important;
}


   @media  (max-width: 700px){

	 .footer-inner {
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
}

.footer-link {
    color: #fff;
 	display: block;
    clear: both;
	text-decoration: none;
}
	   
aside{
	margin-top: 50px;
}
}

@media  screen and (max-width: 968px){

	.aktuellste-hauptausgabe-container{
	   display:block;
	text-align:center;
}
	   
.aktuellste-hauptausgabe-thumbnail, .aktuellste-hauptausgabe-content
	   {
	  margin:0 auto;
	text-align:center;
}

}
 @media screen and (min-width:701px){
	 
	 .footer-inner {
    grid-column-gap: 2px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.footer-link {
    color: #fff;
    flex: 0 auto;
    margin-right: 30px;
    transition: color .3s;
		    text-decoration: none;
}
}

 @media screen and (min-width:701px) and (max-width: 968px){
.index     #main.sc2 {
        width: 90%;
    }
.li_check_24 ul > li {
    background-image: url(../../images/Icon-Check.svg);
    padding-top: 3px;
    padding-bottom: 10px;
    padding-left: 40px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 31px;
}
	 .ce_download.button, body.e-books .ce_download_extended.button, .ce_download.button:hover, body.e-books .ce_download_extended.button:hover {
        padding-right: 14px;
        padding-left: 19px;
        background-position: 7px center;
        background-size: 6px;
}
}