/* DGUVMetaWeb */
@font-face {
  font-family: 'DGUVMetaWeb';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/DGUVMetaWeb-Normal.eot'); /* IE9 Compat Modes */
  src: url('fonts/DGUVMetaWeb-Normal.woff') format('woff');
}
/* DGUVMetaWeb-italic - latin */
@font-face {
  font-family: 'DGUVMetaWeb';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/DGUVMetaWeb-NormalIta.eot'); /* IE9 Compat Modes */
  src: url('fonts/DGUVMetaWeb-NormalIta.woff') format('woff');
}
/* DGUVMetaWeb-700 - latin */
@font-face {
  font-family: 'DGUVMetaWeb';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/DGUVMetaWeb-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/DGUVMetaWeb-Bold.woff') format('woff');
}
/* DGUVMetaWeb-700italic - latin */
@font-face {
  font-family: 'DGUVMetaWeb';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/DGUVMetaWeb-BoldIta.eot'); /* IE9 Compat Modes */
  src: url('fonts/DGUVMetaWeb-BoldIta.woff') format('woff');
}

body, textarea { font-size:16px; line-height:1.35; font-family: 'DGUVMetaWeb', Arial, Helvetica, sans-serif; color: #4B555D; }

a { color:#18448F}
textarea, input { max-width:100% }

/* template */

body,html { margin:0; padding:0 }
header { min-height:92px }
#fp_logo { position:absolute; top:12px; left:44px }
#topnav { margin-left:300px; margin-right:300px; text-align:center; position:relative; top:23px }
ul.topnav { list-style-type:none; margin:0; padding:0; display:inline }
ul.topnav li { margin:0; padding:0; display:inline }
ul.topnav a { font-size:16px; font-weight:normal; color:#020202; text-transform:uppercase; padding:23px; padding-top:10px; padding-bottom:10px; text-decoration:none  }
#topnav .mobil_menu_button { position:relative; top:7px }
#topnav .mobil_menu_button img { padding:6px; display:inline-block }
                      
#logo { position:absolute; right:15px; top:19px  }
.clear { font-size:0; clear:both }

   #mobil_nav { display:none; list-style-type:none; 
   	position:absolute; z-index:2 ; top: 20px; right: -130px; width: 300px; margin:0; padding:0;
       text-align:center; background-color:#004995 }
   #mobil_nav li a { border-bottom:1px solid white; text-decoration:none  }
   #mobil_nav li a { color:white; display:block; padding:10px  }


.button { background-color:#004995; border:1px solid #004995; padding-top:10px; padding-bottom:8px; padding-left:14px; padding-right:14px; border-radius:20px; color:white; text-decoration:none; text-transform:uppercase }
.button:hover { background-color:white; color:#004995; }
.button_blau { background-color:#004995; border:1px solid white; padding-top:10px; padding-bottom:8px; padding-left:14px; padding-right:14px; border-radius:20px; color:white; text-decoration:none; text-transform:uppercase }
.button_blau:hover { background-color:white; color:#004995!important; }
.button_sw { background-color:#000; border:1px solid #000; padding-top:10px; padding-bottom:8px; padding-left:14px; padding-right:14px; border-radius:20px; color:white; text-decoration:none; text-transform:uppercase; cursor:pointer }
.button_sw:hover { background-color:white; color:#000!important; }
.button_sw:focus { 	outline:2px solid #000; border:1px solid #fff }
.button_gr { background-color:#888; border:1px solid white; padding-top:10px; padding-bottom:8px; padding-left:14px; padding-right:14px; border-radius:20px; color:white; text-decoration:none; text-transform:uppercase }
.button_gr:hover { background-color:white; color:#888!important; }

.subnav_icon { background-image:url(img/icon_sw_pfeil_re.png); background-size:25px 24px; background-repeat:no-repeat; background-position:right 50%;
padding-right:30px; }
.icon_download {  background-image:url(img/icon_sw_download.png);}
.icon_link {  background-image:url(img/icon_sw_extern_link.png);}
.icon_teilen {  background-image:url(img/icon_sw_teilen.png);}

.seitenbreite { width:79.2vw; margin-left:10.4vw }
.flexbox { display:flex; justify-content: space-between; }
.flex_links { width:45.9vw; margin-right:12.2vw }
.flex_rechts { width:21.0vw; align-self: flex-end; }
.subnav_rechts { margin:0; padding:0; list-style-type:none }
.subnav_rechts li { margin:0; padding:0; border-bottom:1px solid black; margin-top:20px }
.subnav_rechts li a { text-decoration:none; display:block; padding-top:10px; padding-bottom:4px; color:black; font-weight:bold }

footer { background-color:black; color:white; text-align:center}
footer ul { list-style-type:none; margin:0; padding:22px; width:auto; display:inline-block;  }
footer li { margin:0; padding:0; display:inline }
footer a { font-size:16px; font-weight:normal; color:white; text-transform:uppercase; padding:23px; padding-top:10px; padding-bottom:10px; text-decoration:none  }

#bereich_content { margin-top:40px; margin-bottom:60px; }
#bereich_content .seitenbreite { margin-left:auto; margin-right:auto; width:calc(100% - 20px); max-width:900px } 
#bereich_content h1 { font-size:28px }
#bereich_content textarea,
#bereich_content input[type=text] { padding:4px }

#content h3 { margin-bottom: 0.5em; }

/* Startseite */

#bereich_slider { position:relative }
#bereich_slider .sliderbild { width:100% }
.slider_text { position:absolute; z-index:1; right:4.7vw; top:25.1vw; width:342px; padding:35px; padding-top:20px; padding-bottom:20px; background-color:white }

#bereich_gewinner  h2,
#bereich_teilnehmen h2,
#bereich_informieren h2  { color:#094C9B; font-size:23px; text-align:center; margin-top:45px }

#bereich_gewinner  h3,
#bereich_teilnehmen h3,
#bereich_kategorien h2,
#bereich_informieren h3 { color:#000; font-size:80px; text-align:center;  margin-top: 25px; margin-bottom:50px }

#bereich_informieren h3 { margin-bottom:35px }
#bereich_informieren h4 { color:#000; font-size:23px; }


/* */
#bereich_der_foerderpreis  { background-image:url(img/bg_teilnehmen.jpg); background-repeat:no-repeat; background-color:#0055A0; background-size:100% 100%; color:white; padding-top:60px; padding-bottom:60px }
#bereich_der_foerderpreis  a { color:white }
#bereich_der_foerderpreis .fp_logo_links { width:21.44vw } 
.bereich_der_foerderpreis_l { margin-right:7.4vw; }
.bereich_der_foerderpreis_r { width:38vw; }
@media (max-width:1400px) {
   #bereich_der_foerderpreis .fp_logo_links { width:26.8vw } 
   .bereich_der_foerderpreis_r { width:50vw; }
}

/* */

#bereich_kategorien { background-image:url(img/bg_kategorien.jpg); background-repeat:no-repeat; background-color:#B1B1B1; background-size:100% auto; padding-top:10px;
	  padding-bottom:50px }
#bereich_kategorien h2 { text-align:center }

.flexbox_vertical { display:flex; justify-content: space-between; flex-direction: column; }
.bereich_gewinner_kat1 { border-left:10px solid #02B2EB; padding-left:19px; margin-bottom:10px; cursor:pointer }
.bereich_gewinner_kat2 { border-left:10px solid #2B962E; padding-left:19px; margin-bottom:10px; cursor:pointer }
.bereich_gewinner_kat3 { border-left:10px solid #BD3285; padding-left:19px; margin-bottom:10px; cursor:pointer }
.bereich_gewinner_kat4 { border-left:10px solid #E1760C; padding-left:19px; margin-bottom:10px; cursor:pointer }
.bereich_gewinner_kat1 .kat_name { color:#017DBC }
.bereich_gewinner_kat2 .kat_name { color:#52791B }
.bereich_gewinner_kat3 .kat_name { color:#B81278 }
.bereich_gewinner_kat4 .kat_name { color:#AA5909 }
.bereich_gewinner_li { margin-right:5.6vw }
.bereich_gewinner_re video, .bereich_gewinner_re img { width:49vw; }
.bereich_gewinner_li h4 { margin:0 }
.bereich_gewinner_li p { margin-top:0 }
.zeile_mit_button { text-align:center; padding-bottom:40px; padding-top:30px }
                
#bereich_teilnehmen { background-image:url(img/bg_teilnehmen.jpg); background-repeat:no-repeat; background-color:#0055A0; background-size:100% 100%; padding-top:10px;
	  padding-bottom:10px }
#bereich_teilnehmen,
#bereich_teilnehmen a,
#bereich_teilnehmen h2,
#bereich_teilnehmen h3,
#bereich_teilnehmen h4 { color:white }
#bereich_teilnehmen h4 { font-size:23px }
#bereich_teilnehmen h3 { margin-bottom:0px }
.teilnehmen_li { width: 40vw; margin-left: auto; margin-right: 2vw; }
.teilnehmen_li ul { margin:0; padding:0; list-style-type:none; font-weight:bold; font-size:18px }
.teilnehmen_li li { margin:0; padding:0; padding-left:35px; background-image:url(img/pfeil_ws.png); background-repeat:no-repeat; background-size:23px auto;
	 background-position:0px 50%;
	 margin-bottom:10px; margin-top:10px }
.teilnehmen_re { display:flex; align-items: center }
.teilnehmen_re img { width:18vw; padding:2vw }

#bereich_kategorien a { text-decoration:none;  }
.kat_kasten { border-radius:10px; display:block; color:white; padding:1.5vw; width:15.5vw }
.kat_kasten_col1 { background-color:#0195DB }
.kat_kasten_col2 { background-color:#6BA022 }
.kat_kasten_col3 { background-color:#B81278 }
.kat_kasten_col4 { background-color:#E1760C }

a .kat_kasten { font-weight:bold; text-align:center; color:white; font-size:20px }
.kat_kasten img { width:100%; }

#bereich_informieren { padding-bottom:20px }

/* Slider */ 
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

#bereich_slider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
}

#bereich_gewinner .swiper-wrapper {
	flex-direction:row;
	margin-bottom:15px
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* */


/* suche.aspx */
#content { display:flex; margin-top:10px; min-height:35vw }
#content input[type=checkbox] { width:20px; height:20px; position:relative; top:4px }
#content input[type=text] { padding:4px }
#content select { padding:4px }
#content_mitte {   padding-left:10vw; padding-right:5.6vw; width: calc(100vw - 21.5vw - 15.6vw);}
#content_rechts { min-height:500px; width: 21.5vw; background-color:#E7E7E7; padding-top:2vw; padding-left:4.9vw; padding-right:3.1vw }
.input_titel { margin-bottom:-10px; margin-top:26px }

.beitrag_item { border-bottom:1px solid #000; margin-bottom:15px; padding-bottom:10px;
	background-image:url(img/pfeil_beitrag.png); background-repeat:no-repeat; background-position:bottom 10px right 0px;
	background-size:20px auto }
.beitrag_item { display:flex; justify-content: space-between }
.beitrag_img { width:200px; }
.beitrag_img img { width:188px; max-height:140px; object-fit:cover }
.beitrag_item a { text-decoration:none; color:#000 }
.beitrag_item h5 { color:#D40A10; font-weight:normal; font-size:16px; margin-top:0; margin-bottom:16px }
.beitrag_item h3 { color:#000; font-size:20px; margin-top:16px; margin-bottom:10px }
.beitrag_info { margin-right:25px; width: calc(100% - 240px); }
.beitrag_info .firmename { margin-bottom:10px; font-weight:bold; color:#4B555D }
.beitrag_info .teaser { font-weight:normal }
/* beitrag.aspx */ 
.vorschau_bild { margin-right:30px; width:300px; overflow:hidden; min-height: 330px; float:left;  }
.vorschau_bild img { width:300px; height:250px; object-fit: cover }

#content_rechts table {} 
#content_rechts th { font-weight:normal; text-align:left; vertical-align:top; padding-bottom:16px; padding-right:16px} 
#content_rechts td { vertical-align:top} 
#content_rechts .zurueck_button { margin-top:2vw; margin-bottom:10vw }
.content_rechts_innen { height:calc(100vh - 2vw - 92px - 30px); display:flex; flex-direction:column; justify-content: space-between; }

.blaetter_pfeile { display: flex; justify-content: space-between; }
.blaetter_pfeile a { text-decoration:none; text-transform:uppercase; color:black }


.nur_mobil { display:none!important }

/* mobil */
@media (max-width:1279px) {
   #topnav { margin-left: 170px; margin-right: 246px }
   #topnav a { padding-left:10px; padding-right:10px }
}

@media (max-width:990px) {
   #topnav ul { display:none }
   .nur_mobil { display:block!important }
   .nicht_mobil { display:none }
   
   .content_beitrag { display:block!important }
   .content_beitrag #content_mitte { width:auto; padding-left:20px; padding-right:20px }
   .content_beitrag #content_rechts { min-height:0; width:auto; }
   .content_beitrag .content_rechts_innen { height:auto; display:block }
   .content_beitrag #content_rechts .zurueck_button { margin-top:10px; margin-bottom:10px }
   .content_beitrag .subnav_rechts  { padding-bottom:20px }

   .content_suche { display:block!important }
   .content_suche #content_mitte { width:auto; padding-left:20px; padding-right:20px; padding-bottom:20px }
   .content_suche #content_rechts { min-height:0; width:auto; }
   .content_suche .subnav_rechts  { padding-bottom:20px }
   .content_suche p { margin:0 }
   .content_suche .input_titel { margin-top:15px }

   #bereich_der_foerderpreis .flexbox { display:block }
   .bereich_der_foerderpreis_l { margin:0; text-align:center }
   .bereich_der_foerderpreis_r { width:auto}
}

@media (min-width:1279px) {
   .nur_mobil2 { display:none }
}
@media (max-width:1278px) {
   .nicht_mobil2 { display:none }
}

@media (min-width:640px) {
	#bereich_gewinner .swiper-button-next,
	#bereich_gewinner .swiper-button-prev,
	#bereich_gewinner .swiper-pagination { display:none!important }
	#bereich_gewinner .swiper-wrapper { display:block!important; transform:none!important }
	.umbruch_mobil { margin-right:10px}

}
@media (max-width:639px) {
   #topnav {  margin-left: 100px;  margin-right: 100px; }
   #logo { right: 20px;}
   #fp_logo { left:19px }
   .seitenbreite { width: auto; margin-left:10px; margin-right:10px }                     

	#bereich_der_foerderpreis { padding-top: 20px; padding-bottom: 20px; }

    #bereich_gewinner  h2,
    #bereich_teilnehmen h2,
    #bereich_informieren h2  { font-size:20px; margin-top:25px }
    
    #bereich_gewinner  h3,
    #bereich_teilnehmen h3,
    #bereich_kategorien h2,
    #bereich_informieren h3 { font-size:42px; margin-top: 25px; margin-bottom:25px }
    
    #bereich_teilnehmen .flexbox { display:block }

   .teilnehmen_li { width: auto; margin:0 }
   .teilnehmen_re { display:block; text-align:center }
   .teilnehmen_re img { width: 170px }
   
   #bereich_informieren .flexbox { display:block }
   .flex_links { width:auto; margin:0 }
   .flex_rechts  { width:auto; margin:0 }
   
   #bereich_gewinner .flexbox { display:block }
   .bereich_gewinner_re video, .bereich_gewinner_re img { width:100%	 }
   #bereich_gewinner .swiper-button-prev:after,
   #bereich_gewinner .swiper-button-next:after { color:#888; }
   #bereich_gewinner .swiper-button-prev,
   #bereich_gewinner .swiper-button-next { top:var(--swiper-navigation-top-offset,80%) }
   .umbruch_mobil { display:block; margin-bottom:20px }

   #bereich_gewinner {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --swiper-navigation-color: var(--swiper-theme-color);
    --swiper-pagination-color: var(--swiper-theme-color);
   }
   
   a .kat_kasten { font-size:14px; }
   .kat_kasten { width:19vw; }
   #bereich_kategorien .seitenbreite { margin-left:5px; margin-right:5px }
   
   
   footer li { display: inline-block; max-width:calc(33% - 10px); }
   footer li a { padding:0 }

	.beitrag_item { display:block!important }
	.beitrag_info { width:auto }
	
   #content_mitte video { max-width:100% !important}

}

@media (max-width:639px) {
   #logo { right: 5px; top: 0px; }
   #logo img { width:140px }
}
.no_displ { display:none }