/*...ability CSS gencer-coll Relaunch */


body {font-family: franklin-gothic-urw, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;}

/* Allgemein ###### */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    color: #7f171c;
}


h2, .card-title, .frame-type-menu_subpages ul li a {-webkit-hyphens: auto;   -ms-hyphens: auto;   hyphens: auto;}

h1, h2, h3, .text-uppercase {-webkit-box-decoration-break: clone; box-decoration-break: clone;  }

h1 {color: rgba(127,23,28,1)}
h2.element-header {color: rgba(127,23,28,1); font-size: 1.9em; font-weight: 500;}


.frame-has-backgroundimage h2.element-header {color: rgba(127,23,28,1); font-size: 2.8em; font-weight: 300;background-color:white; margin-bottom: 0!important; padding-top: 1rem; width: 50%; margin-top:25%; margin-left:25%}
.frame-background-primary .frame-header h2 {color: white!important; margin-top: 2rem;}

h3 {color: rgba(127,23,28,1); font-size: 1.4rem; line-height: 1.8rem; }
h3.text-left {font-size: 2.5rem; font-weight: 300; padding-right: 1em; line-height: 1.2;  -webkit-hyphens: auto;   -ms-hyphens: auto;   hyphens: auto;}
h3.element-subheader {background-color: white; font-size: 1.5rem; font-weight: 300; color: gray; padding: 1rem; width: 50%; margin-left:25%; margin-bottom: 0.5rem;} 
.subcontent-wrap h3 {font-size: 1em; font-weight: 300; color: #212529; }

h4 {font-size: 1.2em; font-weight: 500; margin-top: 1.5em; clear: both; color: #212529}

h5 {font-size: 1em; font-weight: bold;}

a {text-decoration: none!important}
a:hover, a:focus {text-decoration: underline!important;}


a.btn::after {content: url('arrow.svg'); display: inline-block; width: 1.5em; padding-left: 0.5em;}
a.btn-primary::after, a.btn-outline-default:after, .btn-outline-primary:hover::after, .btn-outline-primary:focus::after, a.btn-primary:hover::after {content: url('arrow-white.svg'); }
a.btn-outline-default:hover::after, a.btn-outline-default:focus::after {content: url('arrow.svg')}

ol, ul {padding-left: 1.2em;}


.btn {margin-bottom: 1em;}


/* Text im Visual ###### */
.frame-has-backgroundimage h1 {color: white!important; background: rgba(127,23,28,.85); padding: 0.2em!important; line-height: 2.1em; font-size:2.0rem; width: fit-content; margin-bottom: 400px!important; max-width: 25em; display: inline; font-weight: 300;}
.frame-has-backgroundimage p {margin-bottom: 0.5rem}
.frame-has-backgroundimage .text-uppercase {background: white; padding: .25rem .5rem; color: rgba(127,23,28,1); font-weight: 400; margin-top: 200px!important;}
.frame-has-backgroundimage .btn-default {font-weight: 500;    background: #fff;    border: 1px solid rgba(255,255,255,.9);    color: #7f171c;    font-size: 1.125em;}


/* h1 und Subline bei Pagelevel 3 und 4 und 5 ###### */


.pagelevel-4 .frame-has-backgroundimage h1, .pagelevel-3 .frame-has-backgroundimage h1, .pagelevel-5 .frame-has-backgroundimage h1 
{background-color:white; color: rgba(127,23,28,1)!important; font-size:2.8rem!important;  font-weight: 300; padding: 0.5em!important; padding-bottom: 0!important; line-height: 1.1em!important;  margin-bottom: 0px!important; display: block; }


.pagelevel-4 .frame-has-backgroundimage h1.element-header, .pagelevel-3 .frame-has-backgroundimage h1.element-header, .pagelevel-5 .frame-has-backgroundimage h1.element-header, .pagelevel-4 .frame-has-backgroundimage h1, .pagelevel-3 .frame-has-backgroundimage h1, .pagelevel-5 .frame-has-backgroundimage h1, .pagelevel-4 h2.element-subheader, .pagelevel-3 h2.element-subheader, .pagelevel-5 h2.element-subheader {width: 90%; margin-top:25%; margin-left:5%}


.pagelevel-4 h2.element-subheader, .pagelevel-3 h2.element-subheader, .pagelevel-5 h2.element-subheader {background-color: white; font-size: 1.5rem; font-weight: 300; color: gray; padding: 1em; margin-top: -2px;}


.frame-has-backgroundimage p {margin-bottom: 0.5rem}


/* Ausnahme bei Videoeinbindung */

 .pagelevel-3 .videotext h1 {color: white!important; background: rgba(127,23,28,.85)!important; padding: 0.2em!important; line-height: 2.1em!important; font-size:2.0rem!important; width: fit-content!important; margin-bottom: 400px!important; max-width: 25em!important; display: inline!important; font-weight: 300;}


/* navigation ##### */
.navbar .navbar-nav .nav-link {
    color: #212529;
    font-weight: 500;
}


/* content ###### */

.framegroup-inner {margin-top:2em!important;}

.centerblock {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.3em;
	margin-top:1em;
	margin-bottom:1em!important;
}


 
.frame-has-backgroundimage .centerblock h2.element-header {font-size: 2.3rem;}

.frame-has-backgroundimage.frame{padding-bottom: 0;}

.frame-has-backgroundimage h2.element-header {margin-top: 20%!important; padding-left: 0.5em; padding-right: 0.5em;}
.frame-has-backgroundimage {min-height:15em}


.subcontent-wrap ul {
    border: 1px solid #dee2e6;
    padding: 1em!important;
	margin-right: -2rem;
}

.subcontent-wrap ul li {
    margin-left: 1em;
    list-style-image: url("arrow.svg");
	margin-bottom: 0;
}

::marker {
  font-size: 1.3em;
}


.card-title {
	color: rgba(127,23,28,1);
}

.card-body {padding: 1em 0 1em 0;}

.card {
    border: none;
}

.card-footer {padding:0;}

.card-footer a.btn-default:hover {border-color: rgba(127,23,28,1)}


.accordion-item  {
border: none;	
background-color: #efefef!important;
}

.accordion-button:not(.collapsed) {
	background-color: transparent;
	font-size: 1.3rem;
	color: rgba(127,23,28,1);
	border: none;
	text-decoration: underline;
	box-shadow: none;
}

.accordion-button {
    font-weight: 500;
    font-size: 1.2rem;
    color: #7f171c;
    margin-top: 0.25em;
	margin-bottom: 0.25em;
    border: none;
	background-color: #efefef!important;
}

.accordion-content-text {margin-top: -1.5em;}

.accordion-button:hover, .accordion-button:focus {
    text-decoration: underline;
}


/* video-Header ###### */

/*Videoeinbindung*/
.videobox {width:100%; height: 100%; margin-left:auto; margin-right:auto; border: 0px solid white}
.videotext {margin-top: -304px; margin-left: 10%; margin-right: 10%; height: 15em;}
.video-hf, .video-quer {height: 100%; width: 100%; object-fit: cover; object-position: center center; opacity: 1; background-repeat: no-repeat}

.video-hf {display: block;}  
.video-quer {display: none;}

/*Video Breakpoint*/
@media (min-width: 768px) {.video-hf {display:none;} .video-quer {display: block;}}

/* mitarbeiter ###### */


.frame-type-shortcut {
    margin-top: 1em;
    margin-bottom: 0;
    background-image: url(../user_upload/allgemein/bg_structure.jpg);
	padding-top: 3em;
}

#p6 .frame-type-shortcut {background-image: none;}


.frame-type-shortcut .frame-group-container {clear: none;}
.gallery-item img, .gallery-item picture {margin-top: 1rem;}

.frame-type-shortcut .textpic {
    width: 49%;
    border: 1px solid lightgray;
	padding: 0.5em;
	margin-right: 1%;
	margin-bottom: 1em;
	font-size: 0.9rem;
	min-height: 22em;
	float:left;
	background: white;
	gap: 10px!important;
}

.frame-type-shortcut::after {content: " "; display: table; clear: both;}

.frame-inner>*:last-child {padding-top:0;}



.frame-type-shortcut .textpic h2 {	font-size: 1.1rem; font-weight: 500; margin-top: 0; padding-top: 0}
.frame-type-shortcut .textpic .btn{font-size:0.8rem; margin-bottom: 0.5em;}
.frame-type-shortcut .textpic img {border-radius: 50%;}
.frame-type-shortcut .textpic .frame {padding-top: 0;}


/* Unterseiten Menü*/

.frame-type-menu_subpages ul li {list-style: none}
.frame-type-menu_subpages ul::after {content: " "; display: table; clear: both;} /*evtl. alternative Lösung suchen*/


.frame-type-menu_subpages ul li a {
    border: 1px solid #7f171c;
    padding: 1em 10% 1em 1em;
    display: block;
    width: 30%;
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    /* text-align: center; */
    transition: all 0.4s ease-in-out;
    font-weight: 500;
    font-size: 1.3em;
    color: #7f171c;
    text-align: left;
    vertical-align: top!important;
    min-height: 7em!important;
    background: url(arrow.svg)  top right no-repeat;
    background-size: 30px;
    background-position-x: 95%;
    background-position-y: 15%;
}

.frame-type-menu_subpages ul li a:hover, .frame-type-menu_subpages ul li a:focus {
	color: white!important; 
	transition: all 0.4s ease-in-out; 
	background: url(arrow-white.svg) top right no-repeat #7f171c;
	background-position-x: 95%!important;
    background-position-y: 15%!important; 
	background-size: 30px!important}


/* breadcrumb ###### */

.breadcrumb-section {background-color: transparent; font-size: 0.8em}


/* footer ######*/
footer {    clear: both;}
footer .footer-section-content-column-middle a.btn::after {content: url('arrow-white.svg'); }



/*Videoeinbindung*/
.videobox {width:100%; height: 100%; margin-left:auto; margin-right:auto; border: 0px solid white} 
.video-hf, .video-quer {height: 100%; width: 100%; object-fit: cover; object-position: center center; opacity: 1; background-repeat: no-repeat}
.video-hf {display: block;}
.video-quer {display: none;}
@media (min-width: 768px) {.video-hf {display:none;} .video-quer {display: block;}}


/*Bildeinfärbung*/
.frame-backgroundimage-sepia {filter: sepia(0.5);}
.frame-backgroundimage-fade {opacity: 0.4;}


/*Mouse over Bilder im Contentbereich*/
.gallery-item img, .card img {transition: all 0.4s ease-in-out; width: 90%; z-index: 999;}
.gallery-item img:hover, .gallery-item picture:focus{
    transform: scale(1.1);
    transition: all 0.4s ease-in-out;
	box-shadow: 5px 5px 5px gray;
}


/*Tabs*/

.tab-content {
    padding: 1em!important;
    background: white;
}

.tab-navigation {margin-bottom: 0;}


/*icongroup*/

.icongroup-item-icon svg {
	width: 200%;
	color: #7f171c;
}

.icongroup-item-text-header {
	text-align: center;
}

.frame-type-icon_group h2.element-header {background-color: transparent; margin-top: 1em!important;}
.frame-type-icon_group h3.element-subheader {background-color: transparent;}
.frame-type-icon_group h3.element-header {background-color: transparent; color: #212529; font-size: 1.6rem; font-weight: 300; width: 100%; margin-bottom: 1em; /*text-align:center*/}
.frame-type-icon_group .icongroup-item-text-header { text-align: left; margin-bottom: 0.8rem} 
.pagelevel-0 .frame-type-icon_group .icongroup-item-text-header { text-align: center;} 
.frame-type-icon_group {margin-bottom:0em!important; margin-top:2em!important;}
.frame-type-icon_group {padding-bottom: 3em!important;}

.icongroup-item {display: block;}


/*eingerueckter Text*/

.frame-layout-embedded>.frame-group-container {border-top: 1px solid #dee2e6;}
.frame-option-indent-left {padding-left: calc(52% - 20em); margin-top: -4em; padding-top: 0;}

.pagelevel-3 .frame-option-indent-left {margin-top: 0;}


/*Footer*/

	.footer-section-meta {
    background: #3b3f43;
	}

.footer-section-content {
    background: #747b80;
	color: white!important;
	}

.footer-section-content p, .footer-section-content h5{
color: white!important;
	}

pe_u {
    color: white;
}

#page-footer a.btn {
    color: white;
    border-color: white;
		width: 12em;
}

.footer-section a {
    color: white!important;
}

.sociallinks-link-icon {
	font-size: 2rem;
}

/* mitarbeiter 

.frame-type-shortcut .textpic {
background: rgba(200,200,200,1);
background: linear-gradient(120deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 70%, rgba(230,230,230,1) 100%);
}*/

.frame-type-shortcut .frame { padding: 0;}


/*news*/

.news-list-view .list-group-item {
    padding-top: 1em;
    border: none!important;
    border-radius: 0!important;
}

.pagelevel-0 .news-list-view .list-group-item {
	margin: 1em;}


/* legal aid */

.legalaid-options_itemwrap {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.legalaid-logo {
    font-size: .8rem;
    margin-left: -1rem;
    position: relative;
    padding: 1rem 1rem;
    background: #7f171c;
    display: inline-block;
}
.legalaid-logo span {
    font-weight: 500;
    letter-spacing: 2px;
    display: inline-block;
    margin-left: .5rem;
}


.legalaid-logo svg {
    width: 17px;
    display: inline-block;
}

#mod-legalaid-container .btn.dropdown-toggle[disabled] {
    border-color: rgba(151,151,151,.5);
    background: 0 0;
    font-style: italic;
    font-weight: 400;
    color: #fff;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#mod-legalaid-container .btn.dropdown-toggle {
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: left;
    border-color: rgba(151,151,151,.5);
    background: rgba(255,255,255,.12);
    font-weight: 500;
}




#mod-legalaid-container .btn.dropdown-toggle {
    max-width: 15em;
    font-size: .9rem;

}


.legalaid-toggler {
	position:fixed;
	top: 1.3rem;
	right: 11em;
	font-size: .8rem;
    color: #212529;
    font-weight: 500;
    letter-spacing: 1px;
    border-color: rgba(0,0,0,.2);
    margin-right: .5rem;
    margin-left: auto;
    padding: .35rem;
	z-index: 9999;
	width: 3em;
	background:rgba(250,250,250,0.8);
	transition: all 0.4s ease-in-out;
}


.legalaid-toggler:hover {
    transform: scale(1.1);
    transition: all 0.4s ease-in-out;
	box-shadow: 5px 5px 5px gray;
	color:white;
}


/* Sprachwahl*/

.langmenu-wrapper{
	z-index: 9999;
	position: fixed;
	top: 2.3rem;
	right: 0.9em;
}



img.langmenu-item_flag{
	border-radius: 50%;
	width: 2em;
	transition: all 0.4s ease-in-out;
}

img.langmenu-item_flag:hover, img.langmenu-item_flag:focus{
    transform: scale(1.1);
    transition: all 0.4s ease-in-out;
	box-shadow: 5px 5px 5px gray;
}


.langmenu-toggle {
    border: none;
    background: transparent;
    border-radius: 50%;
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #ffffff;
    --bs-dropdown-link-active-bg: #7e171b;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c6c6c;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
    box-shadow: var(--bs-dropdown-box-shadow);
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
}

/*Funktionsmenue*/

#funktionsmenue a{
	position: fixed;
	right: 0;
	padding: 0.5em 0.5em 0.5em 2em;
	margin: 0.25em;
	margin-right: -6em;
	display: block;
	border-top-left-radius: 1.2em;
	border-bottom-left-radius: 1.2em;
	width: 8em;
	background-color: rgba(126,23,27,0.9);
	color: white;
	transition: all 0.4s ease-in-out;
}

#funktionsmenue a:hover, #funktionsmenue a:focus{
	margin-right: -2em;
	transition: all 0.4s ease-in-out;
	background-color: rgba(10,10,10,1);
}

#anrufen {top: 16em; background:url(phone.png) no-repeat left; background-size: 30px; }
#email {top: 22em; background:url(mail.png)  no-repeat left; background-size: 30px;}

/*Cookie Banner*/

.cc-window, .cc-revoke {
    background-color: #494949;
}


/*eingerückter Text mit Überschriften*/
.frame-layout-embedded .frame-inner {display: table-row;}
.frame-layout-embedded .frame-inner .frame-header {display: table-cell; width: 30%; padding-right: 1em;}
.frame-layout-embedded .frame-inner p {display: table-cell; width: 66%}



/* Schatten ###### */
.navbar-mainnavigation, /*.frame-type-shortcut .textpic, h3.text-left, .accordion, .news-list-view .list-group-item*/ .tab-content, .frame-type-menu_subpages ul li a:hover, .frame-group-container ul li a:focus,  #funktionsmenue a, .cc-revoke  {box-shadow: 5px 5px 5px rgba(50,50,50,0.3); transition: all 0.4s ease-in-out;}

.navbar-mainnavigation{box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);}

/* Farbfilter für Fotos von Original -> Rubrikbild fehlt noch*/
.card-img-top, .img-fluid, .gallery-item img {
    -webkit-filter: sepia(.2) grayscale(10%) contrast(105%);
    filter: sepia(.2) grayscale(10%) contrast(105%);
}




/* Bis Layouts wählbar sind für Rubrikbild ###### */

div#c39, div#c44, div#c66,  div#c122, div#c187, div#c193, div#c106, div#c222, div#c841, div#c252, div#c269, div#c286, div#c459, #c222, #c363, #c379, #c387, #c395, #c371, #c411, #c419, #c427, #c435, #c443, #c451, #c84, #c913, #c761, #c769, #c881, #c889, #c897, #c905, #c1532, #c1541, #c68, #c293, #c297, #c301, #c305, #c309, #c313, #c317, #c321, #c325, #c329, #c333, #c341, #c349, #c353  {height: 650px; padding-top: 400px;}
@media (max-width: 576px) {div#c39, div#c44, div#c66,  div#c122, div#c187, div#c193, div#c106, div#c222, div#c841, div#c252, div#c269, div#c286, div#c459, #c222, #c363, #c379, #c387, #c395, #c371, #c411, #c419, #c427, #c435, #c443, #c451, #c84, #c913, #c761, #c769, #c881, #c889, #c897, #c905, #c1532, #c1541, #c68, #c293, #c297, #c301, #c305, #c309, #c313, #c317, #c321, #c325, #c329, #c333, #c341, #c349, #c353  {height: 500px; padding-top: 200px; }}
@media (max-width: 992px) {div#c39, div#c44, div#c66,  div#c122, div#c187, div#c193, div#c106, div#c222, div#c841, div#c252, div#c269, div#c286, div#c459, #c222, #c363, #c379, #c387, #c395, #c371, #c411, #c419, #c427, #c435, #c443, #c451, #c84, #c913, #c761, #c769, #c881, #c889, #c897, #c905, #c1532, #c1541, #c68, #c293, #c297, #c301, #c305, #c309, #c313, #c317, #c321, #c325, #c329, #c333, #c341, #c349, #c353  {height: 500px; padding-top: 250px; }}



/* BREAKPOINTs ###### */


@media (min-width: 576px) { 
	.legalaid-logo svg {width: 30px;}
	.frame-option-indent-left .frame-inner {margin-left: 0%!important;}
}

	
@media (min-width: 768px) {
	.legalaid-logo {
    padding: 2rem 0 2rem 1.5rem;
    width: 10rem;}
		
.legalaid-options_itemwrap {
    padding-top: 1rem;
    padding-bottom: 1rem;}

.langmenu-wrapper{top: 1.3em;right: 0.9em;}

.centerblock h2 {font-size:1.5em; }
	
}



@media (min-width: 992px) {
.langmenu-wrapper{
	top: 1em;
	right: 3em;
	}
.centerblock {
    padding-left: 15rem;
    padding-right: 15rem;
	}
	
.pagelevel-0 .news-list-view .list-group {
	flex-direction: unset
}

.pagelevel-0 .news-list-view .list-group-item {
	margin: 1em;
	width: 30%;}
	
.pagelevel-0 .row.news-list-item.mb-3 .col-md-3 {
    width: 100%;
    margin-bottom: 1em;
	background: url(arrow.svg)  top right no-repeat;
    background-size: 30px;
    background-position-x: 95%;
    background-position-y: 15%;
}

}


@media (min-width: 2200px) {
	.frame-option-indent-left {padding-left: calc(52% - 20em)!important;}}


@media (min-width: 1500px) {
	.frame-has-backgroundimage h1 {font-size: 3rem;}
	h1 {    font-size: 3rem!important;}
	}


@media (min-width: 1400px) {
.frame-container-default, .frame-layout-embedded>.frame-group-container {
    max-width: 1140px;
}
.frame-layout-embedded .frame-inner .frame-header {width: 400px;}
	
}


@media (min-width: 1200px) {
	.frame-option-indent-left {padding-left: calc(52% - 11.1em);}
.pagelevel-4 .frame-has-backgroundimage h1.element-header, .pagelevel-3 .frame-has-backgroundimage h1.element-header, .pagelevel-5 .frame-has-backgroundimage h1.element-header, .pagelevel-4 .frame-has-backgroundimage h1, .pagelevel-3 .frame-has-backgroundimage h1, .pagelevel-5 .frame-has-backgroundimage h1, .pagelevel-4 h2.element-subheader, .pagelevel-3 h2.element-subheader, .pagelevel-5 h2.element-subheader {width: 90%; margin-left:5%}
	
	.pagelevel-4 .frame-has-backgroundimage h1.element-header, .pagelevel-3 .frame-has-backgroundimage h1.element-header, .pagelevel-5 .frame-has-backgroundimage h1.element-header, .pagelevel-4 .frame-has-backgroundimage h1, .pagelevel-3 .frame-has-backgroundimage h1, .pagelevel-5 .frame-has-backgroundimage h1, .pagelevel-4 h2.element-subheader, .pagelevel-3 h2.element-subheader, .pagelevel-5 h2.element-subheader {width: 90%; margin-left:5%}
}







@media (max-width: 991.98px) {
h1 {font-size: 1.4rem;}
body {font-size:1rem;}
.legalaid-toggler {top: 1.3em; right:9em; font-size: .8rem}
.frame-type-menu_subpages ul li a {font-size:1em;}
.frame-has-backgroundimage h2.element-header, .frame-has-backgroundimage h3.element-subheader {width: 80%; margin-left: 10%; margin-right: 10%; padding-left: 1em; padding-right: 1em}
.frame-type-shortcut .textpic {width: 100%;}
h3.text-left {font-size:1.5em}
	.frame-option-indent-left {padding-left: calc(52% - 8.5em)!important;}
}

@media (max-width: 1199px) {
.frame-option-indent-left {padding-left: calc(52% - 9.6em);}
}

@media (max-width: 1499px) {
.frame-type-shortcut .textpic{ min-height:18em; }
h1 {    font-size: 1.5rem!important;}
}

@media (max-width: 767px) {
	
	.frame-has-backgroundimage h2.element-header {width: 80%; margin-top:10%; margin-left:10%}


	h2.element-header {
    font-size: 1.4em;
}
	
	h3.element-subheader {
	font-size: 1.2rem;
	line-height: 1.4rem;
	}
	
	.icongroup-item-icon svg {
    width: 100%;
}
	
	.videotext {
    margin-top: -200px;
    margin-left: 2.5%;
    margin-right: 2.5%;
}
	
	.frame-has-backgroundimage {
    min-height: 11.5em;
}
	
	.frame-layout-embedded .frame-inner p {
    display: inline;
    width: 100%;
}
	.frame-layout-embedded .frame-inner .frame-header {
    display: inline-block;
    width: 100%;
}
	
	h3.text-left {
    font-size: 1.5rem;
}

	.frame-type-shortcut .textpic {text-align:center;}
	
	.centerblock {
    font-size: 1.2rem;
    font-weight: 300;
}
	
	.centerblock h2 {
    font-size: 1.5rem;
		
}
	
	.subcontent-wrap ul {
    margin-right: 0;
}
	
	.frame-has-backgroundimage h2.element-header, h3.element-subheader {
  	width: 95%;
    margin-left: 2.5%;
}
	
	.frame-type-menu_subpages ul li a {width: 45%}	
	
	.news-list-view h3 {font-size: 1.1rem; margin-top: 1rem;}
	.news-list-view p {font-size: 1rem;}
	
	footer {margin-top: 0!important;}

	.langmenu-wrapper {
    top: 1.2em;
    right: 4em;
	}
	
	#anrufen {top: 8em;}
	#email {top: 12em; }
		

	div#c39, div#c44, div#c66,  div#c122, div#c187, div#c193, div#c106, div#c222   {padding-right: 0; padding-left: 0}
	
	.frame-has-backgroundimage h2.element-header, .frame-has-backgroundimage h3.element-subheader {width: 90%; margin-left: 5%; margin-right: 5%; padding-left: 1em; padding-right: 1em}
	.frame-option-indent-left {padding-left: 2em!important;}

}

@media (max-width: 575px) {	
	.frame-type-menu_subpages ul li a {width: 90%!important; min-height: 3em!important; background-position-y: 1em;}
.frame-option-indent-left {padding-left: 1em!important;}
}


.dropdown-menu {
    display: none; /* Anfangs verborgen */
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
  }
  
  .dropdown-menu.show {
    display: block; /* Wird angezeigt, wenn die Klasse 'show' hinzugefügt wird */
  }