/*...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.7em; font-weight: 500;}


.frame-has-backgroundimage h2.element-header {color: rgba(127,23,28,1); font-size: 1.9em; font-weight: 500; 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: 2rem; 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: #212529; 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;}

.image>a {display:inline;}

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.5rem!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: #212529; 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;}

/* Ausnahme bei bestimmten Unterseiten */
#p199 .frame-has-backgroundimage h1, #p200 .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; margin-left: 0; }
#p199 .frame-has-backgroundimage p, #p200 .frame-has-backgroundimage p {margin-bottom: 1.5rem}
#p199 .frame-has-backgroundimage .text-uppercase, #p200 .frame-has-backgroundimage .text-uppercase  {background: white; padding: .25rem .5rem; color: rgba(127,23,28,1); font-weight: 400; margin-top: 200px!important;}
#p199 .frame-has-backgroundimage .btn-default, #p200 .frame-has-backgroundimage .btn-default {font-weight: 500;    background: #fff;    border: 1px solid rgba(255,255,255,.9);    color: #7f171c;    font-size: 1.125em;}


/* navigation ##### */



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

.navbar-mainnavigation .nav-link:not(.nav-link-toggle).show:before, .navbar-mainnavigation .nav-link:not(.nav-link-toggle).active:before {
    opacity: 0;
}

/*.navbar-mainnavigation .nav-link-toggle {display: none;}*/

.navbar-mainnavigation .dropdown-menu-mega>.dropdown-nav>.nav-item>.nav-link {
    font-weight: normal;
}

.dropdown-menu {border-radius: 0!important;}

/* content ###### */

figure .caption {font-size:1.2rem; margin-left: 1.2rem; color: black; }

.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)}


.card-footer a.btn {
    background: none;
    border: none!important;
    padding-left: 0;
	box-shadow: none;
	color: rgba(127,23,28,1);
}

.card-footer a.btn::after {content:none;}



.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: auto; margin-right: auto; height: 15em; max-width: 1140px}
.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;}

.gallery-row {margin-left: -1em;}

.frame-type-shortcut .frame-group-container {clear: none;}
.gallery-item img, .gallery-item picture {margin-top: 1rem; width: 100%; height: auto;}
#p7 .gallery-item img, #p7 .gallery-item picture, #p39 .gallery-item img, #p39 .gallery-item picture, #p2 .gallery-item img, #p2 .gallery-item picture {width: 100%; margin-right: 1em}

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

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

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



.frame-type-shortcut .textpic h2 {	font-size: 1.2rem; font-weight: 500; margin-top: 0.75em; 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;}


/* Funktioniert noch nicht*/
.textpic a[href^="mailto:"]::before{ 
    content: "\00a0";
    padding-left: 18px;
    background: url(mail-r.png) no-repeat 0px 6px;
	background-size: 20px;
}

.textpic a[href^="tel:"]::before{
    content: "\00a0";
    padding-left: 18px;
    background: url(phone-r.png) no-repeat 0px 6px; 
	background-size: 20px;
}


/* 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 45px 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}
.pagelevel-0 .breadcrumb-section {display: none}

/* 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.75;}


/*Mouse over Bilder im Contentbereich*/
.gallery-item img, .card img {transition: all 0.4s ease-in-out; width: 93%; 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;}
.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;
}

/* team 

.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;}
.frame-type-shortcut .gallery-item img {width: 75%}


/*news*/

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


.news a.btn {
    background: none;
    border: none!important;
    padding-left: 0;
	color: #7f171c;
	box-shadow: none;
}


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


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

.subcontent-wrap .news-tags-item {
    padding-left: 1em;
    background: no-repeat left url("arrow.svg");
    background-size: 15px;
}

.subcontent-wrap .news-tags-item a {font-size: 1em; line-height: 1em;}


.news-tags-item .btn .badge {color: gray;}

.news-tags-item a.btn::after {width:0;}


/*Sitemap*/


.frame-type-menu_sitemap ul li {
    list-style-type: none;
    font-size: 2rem;
    margin-top: 1.5em;
text-decoration: underline
}



.frame-type-menu_sitemap ul li ul li {
    font-size: 1.5rem;
    margin-top: 1rem;
text-decoration: none;
}


.frame-type-menu_sitemap ul li ul li ul li {
    font-size: 1rem;
    margin-top: 0;
    list-style-type: disc;
    color: black;
	text-decoration: none;
}

.frame-type-menu_sitemap ul li ul li ul li ul li {
    font-size: 1rem;
    margin-top: 0;
    list-style-type: circle;
    color: black;
	text-decoration: none;
}

.frame-type-menu_sitemap ul li ul li a {
    color: #212529!important;
	text-decoration: none;
}






/*Hauptmenü bis Mega Menü funktioniert*/
.nav-item>.dropdown-nav {display: none;}
.navbar-mainnavigation .dropdown-menu {
    width: 85%;
    background: rgba(255,255,255,0.95);
	background-image: url(gc.png);
	background-image-size: 30%;
    background-repeat: no-repeat;
    background-position: bottom right;
}

/* 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 form{
    line-height: 2.5em!important;
}


#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;
}

#mod-legalaid-container select {
	width: 10em;
    appearance: none;
    line-height: 1.5em;
    padding: 0.2em;
    border: 1px solid gray;
	border-radius:0;
}


.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;
}

footer .mod-legalaid {
	appearance: none;
    line-height: 1.5em;
    border: 1px solid gray;
	border-radius:0;
    position: fixed;
    top: 31.5em;
    right: -13em;
    width: 15em;
    padding: 0.2em 1em 1em 2em!important;
    padding-left: 0;
    height: 11.5em;
	font-size: 1.1rem;
   	border-top-left-radius: 1.2em;
	border-bottom-left-radius: 1.2em;
	background-color: rgba(126,23,27,0.9)!important;
	transition: all ease-in-out 04s;
	background:url(legal-aid.png)  no-repeat left; background-size: 26px;
	background-position: 4px;
}

#p1 footer .mod-legalaid {display: none;}

footer #mod-legalaid-container form{
    line-height: 1.5em!important;
}

footer .mod-legalaid:hover {
right: -2em;
	transition: all ease-in-out 0.4s;
}


/* Sprachwahl*/
.sprachwahl {
    position: fixed;
    top: -6.5em;
    z-index: 9999;
    width: 30px;
    right: 4.5em;
}

.sprachwahl:hover, .sprachwahl:focus {
    top: 30px;
    transition: all 0.5s ease-in-out;
}

.sprachwahl:not(:hover) {
	top: -6.8em;
  transition: all 0.5s ease-in-out;
}

.sprachwahl a.sprache img {
    margin-bottom: 33px;
}

/* Sprachwahl alt*/

.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;}

.frame-container {
    /*Inhalte einrücken wegen Funktionsmenü*/
    padding-right: 75px;
}


/*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: 50%; padding-right: 1em;}
.frame-layout-embedded .frame-inner p {display: table-cell; width: 50%}



/* Schatten ###### */
.navbar-mainnavigation, .frame-type-shortcut .textpic:hover, /* 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, footer .mod-legalaid, .sprachwahl:hover img, .sprachwahl:focus img {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%);
}




/* Höhe Rubrikbilder ###### */




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, #c817  {height: 625px; padding-top: 300px;}

@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, #c817  {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, #c817  {height: 500px; padding-top: 250px; }}




#c427  {height: 650px; padding-top: 250px!important;}
@media (max-width: 576px) {#c427  {height: 500px; padding-top: 50px!important; }}
@media (max-width: 992px) {#c427  {height: 500px; padding-top: 100px!important; }}



/* rechtshilfe  ###### */

#p263 #page-content li a{
    display: block;
    border: 1px solid lightgray;
    padding: 0.5em;
  
}

#p263 #page-content li {
  list-style-type: none;
    margin: 0.25em;
    float: left;
    clear: none;
    box-shadow: 3px 3px 3px lightgray;
}


/* 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.2em;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;
	}
	
.news-list-view .list-group {
	flex-direction: row;
	flex-wrap: wrap;
}
	
.news-list-view .list-group-item {
	margin: 0 0.3em 0.3em 0;
	width: 48%;
	flex-wrap: wrap;
	}

 .pagelevel-0 .news-list-view .list-group-item {
	margin: 1em;
	width: 29%;
	flex-wrap: wrap;
	}
	
 .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: 2370px) {
.frame-container-default, .frame-layout-embedded>.frame-group-container {max-width: 1140px!important;}}

@media (min-width: 2000px) {
.frame-option-indent-left {padding-left: calc(50% - 8em)!important;}
.frame-container-default, .frame-layout-embedded>.frame-group-container {max-width: 1140px!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;
	padding-right: 35px;
}
/*.frame-layout-embedded .frame-inner .frame-header {width: 400px;}*/

.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
	max-width: 1140px;	}
	
}


@media (min-width: 1200px) {
.frame-option-indent-left {padding-left: calc(50% - 11em);}
.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:4%}
}


@media (min-width: 992px) {
	.frame-has-backgroundimage h2.element-header, h3.element-subheader {width:66%; margin-left: 22%;}
}




@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: 0!important}
	.gallery-item img {width: 100%;}
		.gallery-item img, .gallery-item picture{width: 95%;}
	.sprachwahl{right: 6.5em; top: -6.9em;}



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

}

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

@media (max-width: 767px) {
	
	footer .mod-legalaid {top: 18em;}
	
	.frame-has-backgroundimage h2.element-header {width: 80%; margin-top:10%; margin-left:10%}
	.pagelevel-3 .frame-option-indent-left {padding-left: 0!important;}
	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;}


}


@media (min-width: 2000px) {
	.frame-option-indent-left {padding-left: calc(50% - 8em)!important;}}