body { font-family: 'Source Sans 3', Helvetica, Arial; font-size:1rem; margin:0; color:#000; line-height:1.5 }	
input { font-family: 'Source Sans 3'; font-size: 1rem; line-height: 1.5rem; }
a:-webkit-any-link { color:#004994 }
#checkliste_html em { background-color:#ffff80; font-style:normal}

/*
.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow:visible  }
  auskommentiert weil sonst das Bild übersteht bei: https://neu.bgrci-cms.de/medien/bgrci-magazin
*/

/* Container-Breite Statisches HTML */	
.container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: auto; }	
   /*@media (min-width: 576px)  { .container { max-width: 510px;  } }
   @media (min-width: 768px)  { .container { max-width: 690px; } }*/
/*
   @media (min-width: 992px)  { .container { max-width: 930px;  } }
   @media (min-width: 1200px) { .container { max-width: 1110px; } }
   @media (min-width: 1400px) { .container { max-width: 1290px; } }
*/
/* */	

/* Container-Breite Typo3 */	
:root { --container-max-width: auto; --col-1:calc(100% + 10px / 12 ); --gap:10px }
@media (min-width: 992px) {  :root { --container-max-width: 930px; --col-1:50px; --gap:30px }}
@media (min-width: 1200px) { :root { --container-max-width: 1110px; --col-1:65px; --gap:30px }}
@media (min-width: 1400px) { :root { --container-max-width: 1290px; --col-1:80px; --gap:30px }}
:root { --col-2:calc(var(--col-1) * 2 + var(--gap) *1); }
:root { --col-3:calc(var(--col-1) * 3 + var(--gap) *2); }
:root { --col-4:calc(var(--col-1) * 4 + var(--gap) *3); }
:root { --col-5:calc(var(--col-1) * 5 + var(--gap) *4); }
:root { --col-6:calc(var(--col-1) * 6 + var(--gap) *5); }
:root { --col-7:calc(var(--col-1) * 7 + var(--gap) *6); }
:root { --col-8:calc(var(--col-1) * 8 + var(--gap) *7); }
:root { --col-9:calc(var(--col-1) * 9 + var(--gap) *8); }
:root { --col-10:calc(var(--col-1) * 10 + var(--gap) *9); }

.container,
.content:not(.content_mitte) .frame-type-text,
.content:not(.content_mitte) .frame-type-div,
.content:not(.content_mitte) .frame-type-image,
.content:not(.content_mitte) .frame-type-table,
.content:not(.content_mitte) .frame-type-textmedia,
.content:not(.content_mitte) .frame-type-header,
.content:not(.content_mitte) .frame-type-textpic.frame-layout-0,
.content:not(.content_mitte) .frame-type-textpic.frame-layout-1,
.content:not(.content_mitte) .frame-type-textpic.frame-layout-2,
.content:not(.content_mitte) .frame-type-textpic.frame-layout-3,
.content:not(.content_mitte) .frame-type-textpic.frame-layout-99,
.content:not(.content_mitte) .frame-bg-blue > header,
.content:not(.content_mitte) .frame-bg-blue .ce-textpic,
.content:not(.content_mitte) .frame-bg-lightblue > header,
.content:not(.content_mitte) .frame-bg-lightblue .ce-textpic,
.content:not(.content_mitte) .frame-type-menu_pages.frame-layout-0,
.content:not(.content_mitte) .frame-type-uploads,
.content:not(.content_mitte) .frame-type-textpic.frame-layout-52,
.inpagenavi
{ margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; max-width:var(--container-max-width); }


/* */	
/* */	

#header { height:151px; }
#header .container { position:relative }
.header_logo { }
.header_logo img { width:auto; height:58px; margin-top:71px; }
#metanav { position:absolute; top:13px; right:15px; } 
#metanav ul { list-style-type:none; margin:0; padding:0; }
#metanav li { display:inline; font-size:14px; font-weight:400; line-height:22px }
#metanav li a { color:#4E4C4E; text-decoration:none; padding:12px; padding-top:5px; padding-bottom:5px; display:inline-block  }
#metanav li a.active { color: #004994; font-weight: 400; text-decoration: underline; text-decoration-thickness: .0625rem; text-underline-offset: .25rem; }
#suchfeld { position:absolute; top:75px; right:10px; width:clamp(271px, 24.3vw, 345px); }
#suchfeld input[type=text], #suchfeld_mobil input[type=text]  { border:0.5px solid #555555; padding:12px; padding-bottom:11px; padding-left:10px; padding-right:28px; font-size:16px; width:calc(100% - 40px) }   
#suchfeld input[type=image], #suchfeld_mobil input[type=image] { color: #000; position:absolute; right:17px; top:16px; cursor: pointer; border:0; width:16px; height:16px }
#suchfeld_mobil { display:none }

#hauptmenue { background-color:#004994; position:relative; box-shadow: 4px 4px 8px 1px rgba(0, 0, 0, 0.2); }
#hauptmenue ul.lev1 { list-style-type:none; margin:0; padding:0; margin-left:-10px; margin-right:-10px }
#hauptmenue ul.lev1 > li { display:inline; font-size:18px; line-height:28px; font-weight:600 }
#hauptmenue ul.lev1 > li > a { color:white; text-decoration:none; padding:12px; display:inline-block  }
#hauptmenue ul.lev1 > li > a.aktiv,
#hauptmenue ul.lev1 > li:hover > a { background-color:white; color:#004994 }
         
/*#hauptmenue .lev2 { position:absolute; left:0px; width:100%; background-color:white; z-index:2 }
#hauptmenue .lev2 li a { color:#004994; font-weight:bold }*/

#hauptmenue ul.lev1 { position:relative; }
#hauptmenue ul.lev2 { margin:0; padding:0; padding-top:16px; padding-bottom:32px }
#hauptmenue .lev1 .nav_panel { position:absolute; background-color:white; left:0; width:100%; z-index:10; min-height: 720px; }

#hauptmenue .lev1 > li > .nav_panel { box-shadow: 0 2px 8px 0 rgba(40, 41, 61, .08), 0 20px 32px 0 rgba(96, 97, 112, .24); }

 
#hauptmenue a[aria-haspopup=true]:after { content: " ›"; position:absolute; left:65%  }

#hauptmenue .lev1>li .nav_panel { display:none }
@media (min-width: 993px) { /* Aufklappen bei Hover nur in Desktopversion */
   #hauptmenue .lev1>li:hover > .nav_panel { display:flex; animation: fade_in_show 0.5s }   /* 0.5 s Verzögerung bei Mouseover, damit das Menü nicht unbeabsichtigt aufklappt */
}
@keyframes fade_in_show {
     0% { opacxity: 0; height:0; min-height:0; overflow:hidden }
     100% { opacxity: 1; height:auto; min-height:inherit; overflow:auto }
}


#hauptmenue .lev1 > li > .nav_panel > .nav_teaser { width:33.3% }
.nav_ul { width:33.3% }

#hauptmenue .lev2>li .nav_panel { display:none }
@media (min-width: 993px) { /* Aufklappen bei Hover nur in Desktopversion */
   #hauptmenue .lev2>li:hover > .nav_panel { display:block;  }
}

#hauptmenue .lev2 .nav_panel { background-color:#e4edfc; position:absolute; top:0; left:66.7%; width:33.3%; height:100%  }
#hauptmenue li { list-style-type:none; }
#hauptmenue ul.lev2 li > a { padding:16px; text-decoration:none; color:#004994; display:flex; font-weight:600; font-size:16px; line-height:1.5 }
#hauptmenue ul.lev2 li > a.aktiv,
#hauptmenue ul.lev2 li > a:hover { background-color: #d4edfc; box-shadow: inset 0 -2px 0 -1px #004994; }

#hauptmenue ul.lev3 { margin:0; padding:0; padding-top:16px; padding-bottom:32px}

.nav_teaser { padding:16px; padding-top:32px; padding-bottom:44px }
.nav_teaser h2 { color:#004994; font-size: 24px; font-weight: 700; }
.nav_teaser_button { cursor: pointer; border: 1px solid #004994; color:#000; display: inline-flex; font-weight: 400; font-size:14px;
    line-height: 18px; padding: 8px 16px; text-decoration: none; white-space: nowrap; }	

#banner { background-color:#d4edfc; height:460px; overflow: hidden; }
#banner > .container { max-width:100%; margin:0; padding:0 }
#banner .container { position:relative; height:100% }
/*.banner_bg { position:absolute;  }
.banner_bg img.rechts { width:629px; right:0 }
.banner_bg img.volle_breite { width:100%; z-index:0 }*/
#banner .banner_text { position:relative; z-index:1; width:var(--col-6); height:390px; padding-top:45px;  }
#banner .banner_bild { position:absolute; right:0; width:var(--col-6); height:360px; top:35px }
#banner .banner_bild img { width:100%; height:100%; object-fit:cover; }
#banner .banner_bild p { font-size:14px; color:#1C1816; text-align:right; padding:0; margin:0  }
#banner h1 { color:#004994; font-size: 40px; line-height:1.167; font-weight:900; margin-top:40px; margin-bottom:18px }
#banner p {  color:#4E4C4E; font-size: 24px; line-height:1.167; font-weight:400; margin-top:5px; }

#banner .frame-layout-10 { position:relative; height:100% }
#banner .frame-layout-10 .banner_bild { position:absolute; left:0; width:100%; height:460px; top:0 }
#banner .frame-layout-10 header { display:none }
#banner .frame-layout-10 .banner_text { position:absolute; left:45px; bottom:45px; height:auto }
#banner .frame-layout-10 .banner_text_innen { background-color:#004994; padding:30px;  }
#banner .frame-layout-10 .banner_text_innen h1,
#banner .frame-layout-10 .banner_text_innen p  { color:white  }
#banner .frame-layout-10 .banner_text_innen h1 { margin-top:10px; margin-bottom:15px }
#banner .frame-layout-10 .banner_text_innen p { margin-bottom:5px }


#banner_startseite { background-color:#D3E9F6; height:466px; margin-bottom:50px; 
	  background-image:url(img/banner_startseite.jpg); background-repeat:no-repeat;
	  background-position: center right; background-size: cover; }
#banner_startseite .container { position:relative; height:100%; padding:0 }
/*#banner_startseite .banner_bild { position:absolute; left:0; top:0; width:100%; height:100% }
#banner_startseite .banner_bild img { width:100%; height:100%; object-fit: cover; }*/
#banner_startseite .banner_text { background-color:#004994;
	   position:relative; z-index:1; width:calc(46%); padding:35px; padding-top:27px; top:160px; left:-15px }
#banner_startseite h1 { color:#fff; font-size: 40px; font-weight:900; margin-top:0px; margin-bottom:10px }
#banner_startseite p { color:#fff; font-size: 22px; font-weight:400; margin-top:5px; line-height: 1.3; }
#banner_startseite p:last-child { margin-bottom:0 }

#banner .icon_link_email,
#banner a[href="#"] { padding:5px; padding-left:40px; display:inline-block;
	  background-image:url(img/icon_email.png); background-size:32px 32px; background-repeat:no-repeat; background-position:0 center; }

#breadcrumb { margin-top:40px; margin-bottom:20px; color:#555; font-size:14px; }
#breadcrumb ul { list-style-type:none; margin:0; padding:0; }
#breadcrumb li { display:inline-block; padding:5px; padding-right:10px; margin-right:3px }
#breadcrumb li a { color:#004994; text-decoration:none;
	background-image:url(icons/breadcrumb-arrow-right.svg); background-size:auto 12px; background-repeat:no-repeat; background-position:right center; padding-right:16px; }

#banner a:link, #banner a:visited { color:#004994 }
.content { margin-top:30px; padding-top:1px }

.content_mitte { margin-top: 0 }
.content_mitte .container { display:grid; gap: 30px; grid-template-columns: 8fr 4fr; padding-left: 0; padding-right: 0 }
/*.content_mitte .content_links { margin-left:-15px; }
.content_mitte .content_rechts { margin-right:-15px; }*/
#content_unten { margin-top:0; }
.content_rechts { margin-top:30px }

.content a:not([class]),
.content a.underline_hover { color: #004994; text-decoration: underline; text-decoration-color: #004994; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.content a.underline_hover { text-decoration:none }

.content h1, .content h2, .content h3 { font-weight: 900; }
.content h2 { font-size:36px; margin-bottom:0.5em }
.content h3 { font-size:32px; line-height:1.125; color:#004994; margin-bottom:0.5em }
.content .ce-bodytext > header > h3 { margin-top:0.5em }
.content h4 { font-size:24px; line-height:1.125; margin-bottom:0.5em; margin-top:0.5em }
.content h5 { font-size:100%; line-height:1.125; color:#004994;  margin-top:0.5em; margin-bottom:0.5em }

.content hr { border:0; border-top:1px solid #DADADA; margin-top:1em; margin-bottom:1em }

.content p { margin-top:0px }
.content p + ul { margin-top:-10px }

.content table { border-collapse:collapse }
.content table th { background-color:#004994; border:1px solid white; text-align:left; color:white; padding:10px }
.content table tr td { background-color:#ffffff; border:1px solid #DADADA; :white; padding:10px  }
.content table tr:nth-child(odd) td { background-color:#EDEDED; }

.button_standard_m { position: relative; top: 10px; border:1px solid #0063AF; color:#000; font-weight:600; font-size:18px; line-height:32px; text-decoration:none; 
	  margin:1px; padding:10px; padding-left:23px; padding-right:23px; background-color:#fff }
.button_standard_m:hover {margin:0px; padding:11px; padding-left:24px; padding-right:24px; }
/*.button_standard_m:active { }*/
.frame-bg-blue .button_standard_m { border:0px; background-color:#4ebfef; }
.content .frame-bg-blue a.button_standard_m { color:#000; }

/*
.textmedia_bild img { width:100%; height:auto }
.textmedia_text h3 { margin-top:0 }
*/
.content .frame-type-textpic.frame-layout-0 .ce-gallery { width:calc( (100% + 30px) / 12 * 4 - 30px); }
.content .frame-type-textpic.frame-layout-1 .ce-gallery { width:calc( (100% + 30px) / 12 * 6 - 30px); }
.content .frame-type-textpic.frame-layout-3 .ce-gallery { width:calc( (100% + 30px) / 12 * 3 - 30px); }
.content .frame-type-textpic.frame-layout-0 .ce-gallery img,
.content .frame-type-textpic.frame-layout-1 .ce-gallery img,
.content .frame-type-textpic.frame-layout-3 .ce-gallery img { width:100%; height:auto; }
.content .ce-intext.ce-left .ce-gallery { margin-right: 30px; }
.content .ce-intext.ce-right .ce-gallery { margin-left: 30px; }

.content .frame-type-div.frame-layout-70 hr { border:0 }

.content .frame-bg-blue { max-width:100%!important; background-color:#194E95; padding-top:50px; padding-bottom:35px; color:white }
.content .frame-bg-lightblue { max-width:100%!important; background-color:#A7DBF7; padding-top:50px; padding-bottom:35px; }
.content .frame-bg-blue h2,
.content .frame-bg-blue h3 { color:#fff }
.content .frame-bg-blue a  { color:white }
.content .frame-bg-blue a:not([class]) { text-decoration-color: white; }

.content .frame-bg-blue.frame-type-textpic.frame-layout-0 .ce-textpic { font-size:24px; } 
.content .frame-bg-blue.frame-type-textpic.frame-layout-0 .ce-textpic h3 { font-size:40px; } 

.inpagenavi ul { max-height: 300px; overflow: auto; }

.subnav { background-color:#D8ECFA; width:var(--col-3); float:right; margin-left:var(--gap); }
.subnav h5 { margin-left:20px; margin-bottom:0; color: #000; margin-top:1.5em }
.subnav ul { list-style-type:none; margin:0; padding:5px; padding-right:15px; padding-top:20px; padding-bottom:0px; line-height:1.25; font-size:15px }
.subnav > ul > li > ul { padding-bottom:5px; }
.subnav li { margin-bottom:1em; margin-left: 14px; }
.subnav li a { display:inline-block; padding-left:27px; background-image:url(icons/arrow-right-blue.png); background-size:15px 15px; background-repeat:no-repeat; background-position:0px center }
.subnav li a { color:#004994; font-weight:bold }
.subnav li a:hover { text-decoration:underline }
.subnav li li a { background-image:none; padding-left:10px; font-weight:normal }
.subnav li > a.active { text-decoration:underline }
.subnav li li a.active { text-decoration:none; font-weight:bold }

.content blockquote { color:#004994; font-size:20px; margin-inline-start: 5vw; margin-inline-end: 5vw; font-style:italic }
.content blockquote cite { font-size:14px; font-style:normal; font-weight:bold }
/* content_2_spalten */
.frame-layout-20 { column-count:2; column-gap:36px; margin-bottom:30px }
.frame-layout-20 h3, .frame-layout-20 h2 { column-span: all; }
.frame-layout-20 p { margin-top:0 }
.frame-layout-20 h4:first-child { margin-top:0 }
.umbruch_naechste_spalte { break-before: column }
.frame-layout-20 .umbruch_naechste_spalte { margin-top:0 }

/* content_3_spalten */
.frame-layout-21 { column-count:3; column-gap:20px; margin-bottom:30px }
.frame-layout-21 h3, .frame-layout-21 h2 { column-span: all; }
.frame-layout-21 p { margin-top:0 }

.content_3_spalten_grid { display:grid; gap:30px 30px; grid-template-columns: 4fr 4fr 4fr; }
.content_4_spalten_grid { display:grid; gap:30px 30px; grid-template-columns: 3fr 3fr 3fr 3fr; }

.break_inside_avoid { break-inside: avoid; }


.no_underline { text-decoration:none }
/*.infocard { max-width:320px; }*/
/*
.infocard img { width:100%; height:235px; background-color:#eee; display:block }
.infocard_unten { border:1px solid #000; border-top:0; overflow:hidden; padding:24px; height:calc(179px - 24px - 24px) }
.infocard h3 { font-size:22px; color:#004994; margin-top:0; margin-bottom:10px }
.infocard p { color:#4E4C4E; margin-top:10px }
*/
.infocard { height:462px; background-color:white;  border:0.5px solid #555555; hyphens: auto }
.infocard:hover { box-shadow: 0 0 2px 0 rgba(40, 41, 61, .04), 0 4px 8px 0 rgba(96, 97, 112, .16); }
.infocard img { width:100%; height:239px; object-fit:cover; background-color:#eee; display:block }
.infocard_unten { overflow:hidden; padding:24px; padding-top:20px; height:calc(179px); }
.infocard h3 { font-size:20px; line-height:30px; font-weight:700; color:#004994; margin-top:0 }
.infocard p { color:#4E4C4E; margin-top:10px; font-size:18px; line-height:28px; }

.infocard_mini_1spalte .infocard { height:100px; margin-bottom: 30px }
.infocard_mini_1spalte .infocard img { width:100px; height:100px; float:left; }
.infocard_mini_1spalte .infocard_unten { overflow:hidden; padding:24px; padding-top:15px; padding-bottom:15px; height:calc(100px - 30px); display: table-cell; vertical-align: middle; }
.infocard_mini_1spalte h3 { margin-top: 10px; }
.frame-layout-53 { margin-top: 35px; }

.frame-layout-50 { margin-bottom:30px }
.frame-layout-51 { margin-bottom:30px }
.content_4_spalten_grid .infocard { height:362px }
.content_4_spalten_grid .infocard img { height:176px; }
.content_4_spalten_grid .infocard_unten { height:139px; padding:20px; padding-top:16px; }
.content_4_spalten_grid .infocard p { font-size:16px; line-height:1.3 }

/* Infocard einspaltig */
.frame-layout-52 .ce-textpic { display:flex; width:100%; border:1px solid #585757; margin-bottom:20px }
.frame-layout-52 .ce-textpic .ce-gallery { width:300px; flex-grow:0; flex-shrink:0; margin-right:30px; margin-bottom:0 }
.frame-layout-52 .ce-textpic .ce-bodytext { margin-right:30px; }
.frame-layout-52 .ce-textpic .ce-gallery img { height:208px; width:300px; object-fit:cover; display:block }
.frame-layout-52 .ce-textpic h3 { font-size:128%; /*margin-top:15px;margin-bottom:0*/ }
.frame-layout-52 .ce-textpic h4 { color:#000; font-weight:normal; font-size:128%; margin-top:15px;margin-bottom:0 }
.frame-layout-52 .ce-textpic p { color:#000; margin-top:0;margin-bottom:0 }
.frame-layout-52 .ce-textpic:hover h3 { color:#004994 }

.content_2_spalten .frame-layout-60 div.infocard_bild { width:80px; }
.content_3_spalten .frame-layout-60 div.infocard_bild { width:80px; }

/* content_blau */
/*.frame-layout-40, .frame-layout-41 { background-color:#194E95; padding-bottom:50px; color:white }
.frame-layout-40 h2, .frame-layout-41 h2
.frame-layout-40 h3, .frame-layout-41 h3 { color:#fff }
.frame-layout-40 a, .frame-layout-41 a { color:white }
*/

/*
.textmedia_1 { padding-top:50px; display:grid; gap:43px; grid-template-columns:33% 66%; }
.textmedia_bild img { width:100%; height:auto }
.textmedia_text h3 { margin-top:0 }

.textmedia_2 { padding-top:50px; }
.textmedia_2 .textmedia_bild { float:right; margin-left:43px; width:calc(33% - 14px); display: flex; justify-content: right; }
.textmedia_2 .textmedia_bild img { text-align:right }
.textmedia_2 .textmedia_text { width:calc(66% - 28px) }
*/

.frame-layout-60, .inpage_navigation, .frame-layout-60 h3 { color:#3D3D3D; font-size:inherit}
.frame-layout-60 ul, .inpage_navigation ul { padding-left:16px; list-style-type: none; border-left: 2px solid #dadada; }
.frame-layout-60 li, .inpage_navigation li { margin:0; padding:0; margin-bottom:16px }
.frame-layout-60 li a:not([class]),
.inpage_navigation li a:not([class]) { text-decoration:none; font-weight:bold; color:#004994; 
	   padding-right: 24px; background-image:url(icons/arrow-down.svg); background-size:auto 12px; background-repeat:no-repeat; background-position:right center; }

.frame-accordion-closed header,
.frame-accordion-open header { display:block; background-repeat:no-repeat; 
	  background-size:28px 28px; background-position:right 15px center;
	  background-image:url(img/acc_icon_hoch_blau.png);
	  color:black; text-decoration:none; line-height:70px; font-weight:700;
	  padding: 16px 70px 16px 24px;
	  cursor:pointer; user-select:none }
.frame-accordion-closed header:hover,
.frame-accordion-open header:hover { background-color:#D7EEFB; }
.frame-accordion-closed:after { content:''; display:block; border-bottom:1px solid #A7A8A9;}
.frame-accordion-open header, .frame-accordion-open .ce-textpic { background-color:#D7EEFB; color:black; }
.frame-accordion-open:after { content:''; display:block; border-bottom:1px solid #68BAE2 }
.frame-accordion-closed .ce-textpic,
.frame-accordion-open .ce-textpic { padding-left: 24px; padding-right: 24px; padding-bottom: 0.1px; }
.frame-accordion-closed header h4,
.frame-accordion-open header h4 { margin:0; padding: 0; font-size:18px; } 
.frame-accordion-closed header { background-image:url(img/acc_icon_runter_blau.png); }
.frame-accordion-closed .ce-textpic { display:none }

.content figure.table { margin-left:0 }

.content .frame-type-menu_pages ul { padding:0; margin:0; display: grid; gap: 30px 30px; grid-template-columns: 3fr 3fr 3fr 3fr; }
.content .frame-type-menu_pages li { padding:0; margin:0; list-style-type:none; background-color: white; border: 0.5px solid #555555; padding:20px;
	  font-weight:bold; font-size:18px  }
.content .frame-type-menu_pages li a { text-decoration:none; color:#004994; }
.content .frame-type-menu_pages.frame-layout-0 { margin-bottom:30px }

.content .frame-layout-99 { position:relative }
.content .frame-layout-99  header { width:32px;  position: absolute; right: 0; margin-top: -59px; }
.content .frame-layout-99  header:hover { background-color:inherit }
.content .frame-layout-99.frame-accordion-open header { background-color:inherit }
.content .frame-layout-99  header h3 { display:none ; }
.content .frame-layout-99.frame-accordion-closed:after { display:block; border-bottom: 0px }
.content .frame-layout-99.frame-accordion-closed header { background-image:url(img/info.png); }


/* Rechte Spalte, Infobox */
.frame-type-text.frame-layout-80 { border:0.5px solid #555555; hyphens: auto; margin-bottom:1em }
.frame-type-text.frame-layout-80 h3 { font-size:1em; color:#004994; margin-bottom:0 }
.frame-type-text.frame-layout-80 p { margin-top:0 }
.frame-type-text.frame-layout-80 p strong { color:#004994 }
.frame-type-text.frame-layout-80 header,
.frame-type-text.frame-layout-80 p { padding-left:12px; padding-right:12px; }
.frame-type-text.frame-layout-80:before { content:""; background-color:#E9E9E9; display:block; height:33px;
	  background-image:url(img/icon_infocard_rechte_spalte.svg); background-repeat:no-repeat; background-position:top left; }

.content_links .frame-type-text.frame-layout-80 { position:absolute; margin-top:15px; margin-left:calc(var(--col-9) + var(--gap)); width:var(--col-3) }
	
ul.ce-uploads li { border:1px solid #EDEDED; max-width:600px; line-height: 1.2 }
ul.ce-uploads li img { padding:22px; background-color:#EDEDED; margin-right:13.5px }
.ce-uploads-fileName { font-weight:bold; font-size:18px; margin-top:8px; color:#004994 }
.ce-uploads span.uploads-file-extension { display:inline }
.ce-uploads span.ce-uploads-filesize { display:inline }
ul.ce-uploads li a:not([class]) { text-decoration:none; color:inherit }


#links_services { background-color:#ECECEE; padding-top:12px; margin-top:10px; padding-bottom:59px }
#links_services h2 { font-size:32px; font-weight:900; color:#004994; }
#links_services h3 { font-size:16px; color:#004994; font-weight:bold; margin-top:0 }
#links_services ul { list-style-type:none; margin:0; padding:0; column-count:3 }
#links_services li { margin-bottom:1em; text-indent: -14px; margin-left: 14px; }
/*#links_services li a:before { content:'>  '; font-weight:700; color:#004994;   }*/
#links_services li a { padding-left:17px; background-image:url(img/icon_aufzaehlung.svg); background-size:13.5px 13.5px; background-repeat:no-repeat; background-position:0px center }

#links_services li a { text-decoration:none; color:#004994; font-weight:bold  }
#links_services li a:hover { text-decoration:underline }
.extern { background-image:url(); background-size:13px 13px; background-repeat:no-repeat; background-position:right center; padding-right:20px }

#footer { background-color:#004994; color:white; padding-top:70px; padding-bottom:40px; line-height:1.7 }
#footer h4 { margin-top:0; margin-bottom:15px }
.footer_2 { line-height:2.0 }
#footer a { color:white; text-decoration:none; }
.footer_spalten { display:grid; gap:24px 24px; grid-template-columns:33% 33% 33%; }
.footer_link { font-size:20px; font-weight:normal; line-height:33px; background-repeat:no-repeat; background-size:16px 16px; background-position:left center; padding-left:24px; display:inline-block }
/*
.footer_link_linkedin { background-image:url(img/icon_linkedin.png); }
.footer_link_insta { background-image:url(img/icon_instagram.png); }
.footer_link_xing { background-image:url(img/icon_xing.png); }
.footer_link_facebook { background-image:url(img/icon_facebook.png); }
.footer_icon_notfallnummer { width:24px; height:24px; display:block; background-image:url(img/icon_notfallnummer.png); background-repeat:no-repeat; background-size:24px 24px; background-position:0px 0px; padding-left:40px; position:absolute; margin-left:-38px; margin-top:2px }
*/

ul.footer_quicklinks { list-style-type:none; margin:0; padding:0; margin-top:44px }
.footer_quicklinks li { display:inline; font-size:14px; font-weight:700; margin-right:4px }
.footer_quicklinks li:first-child:before { content: "" }
.footer_quicklinks li:before { content: "· " }

.footer_quicklinks li a { padding:5px; padding-left:5px; display:inline-block  }
.footer_quicklinks li:first-child a { padding-left:0 }

.visually-hidden { position: absolute; position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;	}

/* Startseite */
.quicklinks ul { margin:0; padding:0; list-style-type:none; }
.quicklinks ul li { margin:0; padding:0; background-color:#EBEBEB; border-bottom:2px solid #004994;  background-repeat:no-repeat; background-size:34px 34px; background-position:right 15px center;
	  background-image:url(img/startseite/links_pfeil_runter.png); }
.quicklinks ul li.offen { background-image:url(img/startseite/links_pfeil_hoch.png); }
.quicklinks ul + hr { border:0 } /* hr sind im Quicklink-Block unsichtbare Trenner zwischen den 3 Blöcken */
.quicklinks ul li > a:not([class]) { display:block; height:70px; width:100%; background-repeat:no-repeat; background-size:34px 34px; background-position:15px center; padding-left:63px;
	  color:#004994; text-decoration:none; line-height:70px; font-weight:700; font-size:22px }
#quicklink1 a { background-image:url(img/startseite/notfallrufnummer.png); }
#quicklink2 a { background-image:url(img/startseite/unfallmelden.png); }
#quicklink3 a { background-image:url(img/startseite/zustaendigkeiten.png); }
#quicklink4 a { background-image:url(img/startseite/fachwissen.png); }
#quicklink5 a { background-image:url(img/startseite/bgrcimagazin.png); }
#quicklink6 a { background-image:url(img/startseite/platzhalter.png); }
#quicklink7 a { background-image:url(img/startseite/meinebgrci.png); }
#quicklink7_text { background-image:none; height:120px;padding:22px;padding-bottom:0; background-color:#E7F4FA }
#quicklink7_text p { margin:0; margin-bottom:20px }

#credits { margin-top:49px; margin-bottom:0px } 
.image-copyright { display:none }
#credits h4 { margin-bottom:0; font-size:14px; line-height:1.2 }
#credits p { margin-top:0; font-size:14px; line-height:1.2 }

/* */


/* Mobil */

@media (max-width: 1399px) {
   #hauptmenue ul.lev1 > li { font-size: 17px; }
   #hauptmenue ul.lev1 > li > a { padding-left: 10px; padding-right: 10px; }
    
   #banner_startseite h1 { font-size: 32px; }
   #banner_startseite p { font-size: 20px; }

   .content_4_spalten_grid { gap: 20px 20px; }
}

@media (max-width: 1200px) {
   #hauptmenue ul.lev1 > li { font-size: 16px; }
   #hauptmenue ul.lev1 > li > a { padding-left: 7px; padding-right: 7px; }

   #banner_startseite h1 { font-size: 28px; }
}

#mobil_menu_button { display:none }
@media (max-width: 992px) {
   #mobil_menu_button { display:block; position:absolute; right:14px; top:31px }
   #header { height:auto }
   .header_logo img {  margin-top: 11px; margin-bottom:7px; margin-left:-3px }
   #suchfeld { display:none }
   #suchfeld_mobil { display:block; position:relative; top:15px; margin-bottom:30px }
   #metanav { display:none }
   #hauptmenue { display:none }
   #hauptmenue ul {  }
   #hauptmenue ul.lev1 > li { display:block; font-size:18px; font-weight:normal }
   #hauptmenue ul.lev1 > li > a { padding-left: 15px; display:block; background-repeat:no-repeat; background-size:16px 16px; background-position:right 15px center;
   	    background-image:url(img/acc_icon_runter_ws.png); }
   #hauptmenue .lev1 .nav_panel { position: static; min-height: auto }
   .nav_ul { width:auto }
   .nav_teaser { padding-top:1px; padding-bottom:16px }
   #hauptmenue .lev1 > li > .nav_panel > .nav_teaser { width: auto }
   #hauptmenue ul.lev2 { padding-bottom: 1px; }   	    
   #hauptmenue .lev2 .nav_panel { position: static; width:auto }   	
   #hauptmenue .lev1>li > .nav_panel.menu-open  { display:block }
   #hauptmenue .lev2>li > .nav_panel.menu-open { display:block;  }
   
   #banner_startseite { height:auto }
   #banner_startseite .container { overflow:auto; height:auto }
   #banner_startseite .banner_text { width:auto; position:static; margin-top:200px; padding: 15px; }
   #banner_startseite h1 { font-size: 28px; }
   #banner_startseite p { font-size: 18px; }

#banner .banner_text { width:auto; height:auto; margin-top: 45px; padding: 20px; background-color: white; position: relative; top: 20px; }
#banner .banner_bild { top:auto}
  #banner h1 { font-size: 28px; margin-top: 10px; }
  #banner p { font-size: 18px; }
   
   .content_3_spalten { display:block }
   .content_4_spalten_grid { gap: 15px 15px; grid-template-columns: 3fr 3fr; width: 442px; }
   .content_4_spalten_grid .infocard img { height: 120px; width: auto; }
   .content_4_spalten_grid .infocard_unten { height:auto }
   .content_4_spalten_grid .infocard { height: auto } 
   
   #links_services ul { column-count: 1; }
   .footer_spalten { display: block }
}

@media (max-width: 991px) {
.content_links .frame-type-text.frame-layout-80 { position:static; margin-top:10px; margin-left:0; width:auto }
}

@media (max-width: 599px) {
/* Infocard einspaltig */
.frame-layout-52 .ce-textpic { display:block; }
.content .frame-layout-52 .ce-intext.ce-left .ce-gallery { margin-right:0 }
.frame-layout-52 .ce-nowrap .ce-bodytext { overflow:visible }
.frame-layout-52 .ce-textpic .ce-gallery { float:right; margin-left:15px; }
.frame-layout-52 .ce-textpic .ce-bodytext { margin:15px }

.content_4_spalten_grid { gap: 15px 15px; grid-template-columns: 3fr; width:auto }
}

@media (max-width: 450px) {
.frame-layout-52 .ce-textpic .ce-gallery { width:30vw; margin-bottom:10px }
.frame-layout-52 .ce-textpic .ce-gallery img { width: 30vw; height:calc(30vw * 116 / 194); }

}

.spalte_zahlen { white-space: nowrap;vertical-align:top }
@media (max-width:480px) {
.spalte_zahlen { white-space: normal;  width: 78px !important;}
.zahl_button margin-bottom: 7px;
}