/*** 2024 t3 UPDATE ***/
.cc-window {
	font-family: 'PT Sans', sans-serif !important;
}

.news-single div.article div.header h1 {
	  margin: 0;
  padding: 2px 0 2px 0px;
  border-left: 0;
  font-size: 1.5rem;
  font-weight: 500;
}


/*** 2024 t3 UPDATE ENDE ***/


/** interne Seiten AVB 2023 **/

hr {
  margin-left: 10px!important;
	
}

div.aside-item p, 
div.frame-type-felogin_login > p,
div.frame-type-felogin_login form {
  margin: 10px;
}
div.frame-type-felogin_login h3 {
  display: none;
}

.frame-space-before-medium .frame-type-felogin_login form,
.frame-space-before-medium input[type="submit"]  {
	margin-top: 10px;
}

.frame-type-felogin_login fieldset div label,
.frame-type-felogin_login fieldset div label input {
  display: block;
}

#maincontent .frame-type-uploads  {
  padding: 1px 20px 0 10px;
  margin-top: 0;
}

#leftcontent  ul.ce-uploads li {
  list-style: none outside none;
  margin: 1em;
  border-bottom: 1px solid #19479f;
  padding: 10px 0;
}

.ce-uploads img {
  max-height: 100px;
}


/** ENDE interne Seiten AVB 2023 **/

/*** VIDEOS ***/
.youtubeVideo iframe {
  border: 0!important;
}

div.youtubevideo {
	padding: 10px 10px 0 20px;
}

.youtubevideo .covertext,
.youtubevideo > .videoWrapper > .coverimage > .covertext {
	background-color: rgba(255,255,255,.8)!important;
}
.youtubevideo .covertext h2 {
	color: #000!important;
	font-weight: normal;
}

button.coverimage-click {
	border:0 !important;
}

.frame-type-youtubevideo_pi1 h4 {
	padding: 0 5px 0 20px;
    margin-bottom: 0;
	margin-top:10px;
}



/** ks_dmsubscribe **/
/** 2024 fp_newsletter **/ 

#leftcontent div#c2611 {
   margin-top: 0;
}

div.tx-ks-dmsubscribe,
div.tx-fp-newsletter {
  padding: 0 10px;  
}
.tx-fp-newsletter .form-group {
   margin-bottom: 10px;
}



.tx-ks-dmsubscribe input[type="submit"],
.tx-fp-newsletter input[type="submit"] {
    width: 26%;
    padding: 1px;
    cursor: pointer;
}
}
.tx-ks-dmsubscribe div.nlEnd input {
  margin-top: 15px;
}

div#leftcontent div.frame-space-before-extra-small {
  margin-top: 0;
}

#maincontent .news .article div.header h3 {
  margin-bottom: 0;
  background: none; 
  padding:0;
}

/** cookieconsent **/
div.cc-bottom {
    bottom: 3.5em;
}
div.cc-window.cc-floating {
  box-shadow: -5px 5px 25px 0 rgba(26,46,74,.25);
  font-family: 'PT Sans', sans-serif;
}

div.news-single .article .news-img-wrap {
    width: auto;
}

div.dpnTermList h3 {
  margin-top: 30px;
}

p.text-center {
    text-align: center;
}

/** ke_search 2020 **/

div.tx-kesearch-pi1 {
   padding:0 20px;
}

a.kesGreyButt, span.resetbutt a, span.submitbutt input, input.kesGreyButt, span.kesGreyButt {
    max-width: 160px!important;
}

div#kesearch_ordering {
  padding: 1rem 0;
}

div#kesearch_results .result-list-item {
    clear: both;
    margin: 40px 0 30px 0;
    padding: 0;
}


.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
    color: #e1003a!important;
    font-weight: bold;
}

#leftcontent #kesearch_ordering  ul li:first-child {
  padding-top: 0;
}
#kesearch_ordering li.sortlink {
  padding: 2px 5px 2px 5px;
}

.tx-kesearch-pi1 #kesearch_ordering li.sortlink span.down {
  border-color: #e1003a transparent;
  border-width: 8px 6px 0;
  margin-left: 5px;
}

.tx-kesearch-pi1 #kesearch_ordering li.sortlink span.up {
  border-color: #e1003a transparent;
  border-width: 0 6px 8px;
  margin-left: 5px;
}

#kesearch_ordering li.sortlink.down,
#kesearch_ordering li.sortlink.up {
  background: #dddddd;
}

.kesearch_searchbox {
  display: flex!important;
  flex-wrap: wrap!important;
  margin-top: 20px!important;
}

.kesearch_searchbox > span > a,
.kesearch_searchbox > span > input {margin-bottom: 0 !important;}

input#ke_search_sword {
  position: relative;
  margin-right: 10px;
  line-height: 1.35 !important;
}

.kesearch_searchbox > div.kesearchbox {margin-top: 0!important}

.kesearch_btn {
  display: flex;
}

#form_kesearch_searchfield input#ke_search_searchfield_submit {
  margin-left: 5px;
}

div.kesearch_btn span.submitbutt input {
  border-radius: 0!important;
  -webkit-appearance: none;
}

div.kesearch_btn span.resetbutt a.resetButton {
  padding: 8px!important;
}

input#ke_search_sword {
  width: 250px!important;
  box-sizing: content-box;
}
div.tx-kesearch-pi1 form {
  margin:0;  
}
#form_kesearch_pi1 input {
  line-height: 1.5;
}

div.tx-kesearch-pi1 #kesearch_results .teaser_icon img {
   border: 1px solid #eee;
   margin-right: 20px;
}

.tx-kesearch-pi1 #kesearch_num_results {
  margin: 20px 0;
}

.tx-kesearch-pi1 #sortSpace {
  max-width: 660px;
  margin: 20px 0;
}
span.result-number {
  display: none;
}

div.tx-kesearch-pi1 #kesearch_ordering div.ordering {
    float: right;
    max-width: 600px;
}

div#kesearch_pagebrowser_top .pages_total, div#kesearch_pagebrowser_bottom .pages_total {
    padding: 8px 0;
    background: transparent;
    margin-bottom: 0;
}
#leftcontent div.kesearch_pagebrowser ul li {
 margin: 0;
}

/** keSearch Ende **/

/*** Kontaktformular - START **/
form[id^="kontaktformular"] div.row {
  display: flex;
}

form[id^="kontaktformular"] div.row > div {
	width: 49%;
}

form[id^="kontaktformular"] div.row > div > fieldset {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
  	margin: 0;
	padding: 0;
  	border: 0;
}

form[id^="kontaktformular"] div.form-group {
  	margin-bottom: 0.2rem;
	padding: 0 5%;
}

form[id^="kontaktformular"] label {
	display: block;
	line-height: 1.2rem;
	font-size: 0.9rem;
}

form[id^="kontaktformular"] input,
form[id^="kontaktformular"] textarea {
	border: 1px solid #cccccc;
	color: #333333;
	display: block;
	margin: 0;
	padding: 0.5% 1.5%;
	width: 96%;
	font-family: 'PT Sans', sans-serif;
	font-size: 0.9rem;
}

form[id^="kontaktformular"] textarea {
  height: 138px;
}

/*** Kontaktformular - ENDE **/

#maincontent div.ce-textpic header h1 {
  border-left: 0;
}


#rightcontent #c1684 .image-embed-item {
  padding-top: 20px;
}

.ce-row {
    margin-bottom: 20px;
}

.ce-row:last-child {
    margin-bottom: 0;
}


/** newsletter anmeldung DS zusatz **/
div#c1371 {
  margin-top: 2.5vw!important;
}

/**  Untermenü Themen ausblenden  **/
div#mainnav ul.sf-menu li.alevel.page_5 ul.sf-menu_sub1 {
   display:none;
}


ul.contentnavi {
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
 /*  -webkit-hyphenate-limit-lines: 2;
   hyphenate-limit-lines: 2;*/
   -webkit-hyphenate-limit-chars: auto 5;
   hyphenate-limit-chars: auto 5;
}

.ui-datepicker .ui-datepicker-header {
  background:#dddddd; 
  border:#dddddd; 
}


/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../fonts/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Italic'), local('PTSans-Italic'),
       url('../fonts/pt-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('../fonts/pt-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/pt-sans-v9-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
       url('../fonts/pt-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/*** fonts Ende **/


div.news-backlink-wrap {
  text-align: right;
}

div.tx-ksrsdb div.news-backlink-wrap, 
div.news-backlink-wrap.merkliste {
  padding-top: 20px;
}



/*** Seite Links img re **/

div#c1349 img {
  max-width: 200px;
  height: auto;
  padding: 3px 0;
}


#leftcontent > .frame-layout-50 {
  margin: 0 10px;
  border: 2px solid #eee;  
}


/*** startseite ***/

div#c1.frame-layout-2 div.news,
div#c1138.contentlayout-0 h4,
div#c1139.contentlayout-0 h4 {
  padding-left: 30px!important; 
}

div#c1143.frame-layout-2 div.rsdb_list {
  padding-left: 10px!important;
  padding-bottom: 20px;
}


.ce-gallery img {
  max-width: 100%;
  height: auto;
}

#mitte.layout-2 #leftcontent {
   width: 57%;
}

#mitte.layout-2 .doublebox:last-child > div {
  margin-left: 0;
  margin-right: 0;
}


#mitte.layout-2 .doublebox:last-child > div:first-child {
  width: calc(50% - 0.5vw);
  flex-grow: 0;
}

#mitte.layout-2 div#rightcontent .doublebox div.ce-media img {
  max-width: 180px;
  height: auto;
}

#maincontent #rightcontent .ce-textpic,
#maincontent #rightcontent div.news {
  border-width: 0 2px 2px 2px;
  border-style: solid;
  border-color: #eeeeee;
  padding: 0 20px;
}





/*** direct mail styles ***/

.newslwarning {
  color: red;
}


.dm_sub {
  padding: 0 20px;
}

.tx-sremailsubscribe-pi1 {padding: 0 20px;}

.tx-sremailsubscribe-pi1 dt {
    clear: both;
    padding-left: 1em;
    text-align: left;
    width: 90%;
}

.tx-sremailsubscribe-pi1 dd {
    text-align: left;
    padding-left: 1em;
    width: 50%;
}

.tx-sremailsubscribe-pi1 input {
    margin: 0 0 1em;
    padding: 0 0.5em;
  padding: 0.5% 1.5%;
}

.newslp, p.newslp2, p.newslwarning {
  font-size: 0.9rem;
}

#fe_ttaddress_email_input {
  margin: 10px 0;
  border: 1px solid #ccc;
  padding: 0.5%;
  width: 9vw;
}

form.dm_sub input {
  border: 1px solid #ccc;
  padding: 0.5% 1.5%;
}

div#c56.csc-default form, p-newslp, p.newslp2, p.newslwarning {
  margin: 0 30px 10px 20px!important;
}
    

/** direct mail styles Ende **/


/******************/
/*** Start RSDB ***/

#rsdb_searchform_toggle, .rsdb_searchreset_extra {
  background: #ccd3e6;
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
}

.rsdb_pdflink, .dublin_pdf {
  padding: 5px 0px;
  margin-bottom: 5px;
  text-align: right;
  min-width: 100px;
}

.dublin_infobar,
.dublin_infobar_2 {
  display: flex;
}

.dublin_infobar > div {
  width: 25%;
  border: 1px solid #eeeeee;
  padding: 0 3px;
  -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
 /*  -webkit-hyphenate-limit-lines: 2;
   hyphenate-limit-lines: 2;*/
   -webkit-hyphenate-limit-chars: auto 5;
   hyphenate-limit-chars: auto 5;
}

.dublin_infobar_2 > div {
  width: 50%;
}

.rsdb_listitem_dublin .rsdb_listitem_left > div {
  
}

.rsdb_listitem_dublin .rsdb_listitem_left div.dublin_infobar {
  margin-bottom: 0px;
}

.rsdb_listitem_dublin .rsdb_listitem_footer {
  font-style: italic;
}

div.tx-ksrsdb div a i.fa.fa-file-pdf-o {
  color: red;
  font-size: 1.75rem;
}

div.rsdb_zitat_container {
  display: flex;
  align-items: center;
  gap: 10px;  
}

div.rsdb_zitat {
  padding-bottom: 10px;
  flex-grow:1;
}

.rsdb_single_headnote p:first-of-type,
.rsdb_single_bodytext p:first-of-type {
  margin-top: 0;
  padding-top: 0;
}

#rsdb_laenderauswahl {
  display: flex;
}

#rsdb_laenderauswahl .rsdb_laenderflagge {
  min-width: 108px;
  max-width: 108px;
  flex-grow: 0;
  margin-right: 20px;
}

#rsdb_laenderauswahl .rsdb_laendertitel h2 {
  margin: 0 0 10px 0;
  padding: 0;
}


#rsdb_laenderauswahl .rsdb_laendertitel {
  flex-grow: 1;
}

#normen_flex {
  display: flex;
}

#fieldcontainer_normen {
  display: inline-block;
  vertical-align: top;
}

#fieldcontainer_normen input {
  display: block;
}

.fa-info-circle::before {
    color: #0A3C98;
}

div.rsdb_helptext {
  font-size: 0.8rem;
  color: #666;
  font-style: italic;
  width: 70%;
  min-width: 320px;
}

div#maincontent div.tx-ksrsdb {
  padding: 20px 10px;
}
div#maincontent #c2546 div.tx-ksrsdb {
  padding: 20px 10px 20px 30px;
}




#rsdb_merkliste_itemlist .merkliste_item {
  margin-bottom: 5px;
}


#rsdb_merkliste_itemlist .merkliste_left {
  display: flex;
}

#rsdb_merkliste_itemlist .merkliste_left a {
  flex-grow: 1;
}

#rsdb_merkliste_itemlist .merkliste_left a:focus,
#rsdb_merkliste_itemlist .merkliste_left a:hover,
#rsdb_merkliste_itemlist .merkliste_left a:active {
  border-bottom: none;
}

#rsdb_merkliste_itemlist .merkliste_left div {
  background: #ccd3e6;
  padding: 0px 1px 8px 4px;
  cursor: pointer;
  width: 15px;
  max-width: 15px;
  height: 15px;
  
}

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }



.rsdb_hidden {
  display: none;
}

form.rsdb_searchform {
  padding-bottom: 40px;
}

form.rsdb_searchform > div {
  padding: 3px 0;
}


form.rsdb_searchform label {
  display: inline-block;
  min-width: 258px;
  font-size: 0.9rem;
}


form.rsdb_searchform div.rsdb_select.limit label {
   min-width: 275px;
}

form.rsdb_searchform input.date,
form.rsdb_searchform input.datefrom,
form.rsdb_searchform input.dateto,
form.rsdb_searchform input.aktenzeichen,
form.rsdb_searchform input.normen,
form.rsdb_searchform input.fulltext,
form.rsdb_searchform input.docnumber,
form.rsdb_searchform input.keywords {
  width: 270px;
}


form.rsdb_searchform input {
  width: 280px;
}

form.rsdb_searchform .keywordConjunction input {
  width: inherit;
}

form.rsdb_searchform select {
  width: 278px;
}

.rsdb_searchform .submit input.submit {
  /*background: #ccd3e6;*/
  background: #0a3c98;
  color: #fff;
  font-weight: bold;
  border: 2px solid #0a3c98;
  padding:1px 3px 3px 3px;
  cursor:pointer;
}


.rsdb_searchform .button_reset {
  margin: 10px 6px 0 0; 
  width: 268px;
  background: #dddddd;
  border: 2px solid #dddddd;
  padding:1px 3px 3px 3px;
  cursor:pointer;
}


.rsdb_listitem_flex {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  padding: 15px 0 5px 0;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}

.rsdb_listitem_left {
  flex-grow: 1;
  padding-right: 20px;
}

.rsdb_listitem_right {
  min-width: fit-content;
  max-width: fit-content
}


.fa-external-link-square::before,
.fa-caret-right::before {
  content: "";
  font-size: 0.9rem;
  padding-right: 0.325em;
}


.rsdb_listitem_court .courttitle {
   font-weight: 600;
}


div.rsdb_listitem_court a span.headnote {
  color: #000;
}

div.rsdb_listitem_court a:focus,
div.rsdb_listitem_court a:hover,
div.rsdb_listitem_court a:active {
  border-bottom: none;
}

div.rsdb_list a:hover .courttitle {
  border-bottom: 1px solid #19479F;
}

.rsdb_merken {
  background: #ccd3e6;
  padding: 0px 10px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  width: fit-content;
  float: right;
}

div#rsdb_merkliste_clear {
  cursor: pointer;
  font-weight: bold;
  display: inline;
}

.rsdb_ecoilink a:focus, 
.rsdb_ecoilink a:hover,
.rsdb_ecoilink a:active {
  border-bottom: none;  
}

.rsdb_ecoilink img {

}


.rsdb_single_header {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  align-items: center;
  border: 1px solid #C7CEE0;
  padding: 5px;
  margin-bottom: 20px;
  gap: 10px;  
}

.rsdb_header_left {
  flex-grow: 1;
}

.rsdb_court h1 {
  font-size: 1.35rem;
  margin: 0;
  padding: 0 0 0.5rem 0rem;
}

.rsdb_label {
  font-weight: bold;
  display: block;
  margin-top: 20px;
}


/** page browser **/

#maincontent ul.f3-widget-paginator li,
#maincontent .tx-ksrsdb div.rsdb_list ul.f3-widget-paginator li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    float: left;
    padding: 0 2px;
    margin:0;
}

#maincontent ul.f3-widget-paginator {
    display: flex;
	justify-content: flex-end;
}
.rsdb_list .f3-widget-paginator li.current a {
  font-weight: 700;
  border-bottom: 1px solid;
}


/*** Ende RSDB ***/
/******************/


/*** Startseite Publikationen ***/

/*div.startPubl.header h4 {
  margin:10px 0 0 0;
  padding:0;
  line-height: 0.25em;
}*/

/*** News Publikationen ***/

.news div.pub.article {
    padding-bottom: 0px;
    margin-bottom: 20px;
}

/*.news div.pub.article:last-child {
    margin-bottom: 0px;
}*/

.news-list-view div.pub.article div.teaser-text div ul li {
   
}

.news-list-view div ul {
  list-style-position: inside;
}

div.pub.article div.news-img-wrap {
  margin: 5px 12px 5px 0;
}

/*** News Publikation rechte Spalte ***/
div#rightcontent div.teaser-text div p { 
  hyphens: auto;
}


div#rightcontent .news div.pub.article:first-child {
  padding-top: 20px;
}

div#rightcontent .news .article h3 {
    margin-bottom: 0;
    font-size: 1.05em;
}


/*** News Termine ***/

#maincontent div.news-list-view div.termine .togglebutton h3,
.news .termine .footer,
.news .termine.article .teaser-text,
.news .termine .news-text-wrap {
   margin-left: 30px; 
}

div.news .termine.article {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 1px solid #eee;
}

.news .termine .footer {
    border-top: none;
}

.news .termine .footer p {
  line-height: 0;
}

#maincontent .news .termine .footer {
  color: #000;
  font-weight: bold;  
}

div.contenttoggle > div > p:first-child {
  margin-top:0;
}

div.termine div.toggleplus {
  left: 0;
}

/*** sitemap ***/
ul.ce-menu.ce-menu-2 li ul {
  padding-left: 30px;
} 

/** arbeitshilfe **/
.csc-frame-frame2 {
  background: yellow;
}



/** --- **/


hr {
    border-top: 0;
    border-bottom: 1px solid #C7CEE0;
    border-left: 0;
    border-right: 0;
    padding: 0;
    margin: 10px 0 10px 0;
    height: 1px;
}

div.news-text-wrap p a.img:hover, div.news-text-wrap p a.img:focus, div.news-text-wrap p a.img:active {
    text-decoration: none;
    border-bottom: none!important;
}


/** news **/

div.news {
  padding: 10px;
}

div#mitte.layout-2 div.news {
  padding: 10px 20px;
}

div#maincontent .news-list-view div.ce-textpic {
  border: none; 
}

div#maincontent div.news-img-wrap p.news-img-caption {
  font-size: 0.9rem;
}

/*.news-list-view div.article div.teaser-text div ul li {
 
}*/

#maincontent .news .footer {
  clear: both;
  padding: 0px 0 0 0;
  border-top: 1px solid #eee;
  margin-top: 0px;
  color: #888;  
}


#maincontent .news .article .news-img-wrap {
    float: left;
    margin: 5px 12px 5px 0;
    background: #fff;
}


#maincontent .news-single .article .news-img-wrap {
  float: right;
  width: auto;
  margin: 0 0 0 25px;
}

#maincontent .news .article .news-img-wrap a {
  display: block;
  float: right;
  padding: 4px;
  border: 1px solid #ddd;
  background: #fff;
  margin-bottom: 10px;
}


#maincontent .news-single .teaser-text {
  font-size: 15px;
  color: #000;
  font-weight: bold;
}
#maincontent div.news.news-single div.ce-textpic {
  padding:0!important;
}


#maincontent .news-single .footer {
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px 0 0 0;
    border-bottom: 0;
}

#maincontent .news-related {
    width: 100%;
    padding: 0;
    border: none;
    display: block;
}

#maincontent .news-related-files ul li {
    margin-bottom: 10px;
}


/** contentnavi Themen rechts **/

div#nav_rechts ul.contentnavi {
  padding-left: 20px;
}

div.ce-bodytext ul li {
  padding-bottom: 5px;
  padding-right: 5px;
}


.fa-plus-square::before,
.fa-minus-square::before {
  content: "";
  font-size: 1.15rem;
  padding-right: 0.625em;  /**muss festen Abstand haben**/
  color: #17479E;
}

.fa-chevron-right::before,
.fa-chevron-down::before {
  content: "";
  font-size: 0.9rem;
  padding-right: 0.625em;  /**muss festen Abstand haben**/
  color: #17479E;
}

ul.contentnavi li {
  padding-left: 1.25em;
  position: relative;  
}

ul.contentnavi ul.level2 {
  padding-left: 0px;
}


ul.contentnavi li > i {
  position: absolute;
  left: -8px;
  top: 2px;
}


ul.contentnavi .current {
  color: #17479E;
  font-weight:bold;
}

ul.contentnavi a {
  color: #17479E;
  font-weight:normal;
  text-decoration:none;
}


div#nav_rechts ul.contentnavi a:hover,
div#nav_rechts ul.contentnavi a:focus,
div#nav_rechts ul.contentnavi a:active {
  border-bottom: 1px dotted #17479E; 
}


ul.contentnavi i.fa.fa-chevron-right {
    left: 2px;
    position: absolute;
    top: 4px;
}

ul.contentnavi i.fa.fa-chevron-down {
    left: 0px;
    position: absolute;
    top: 4px;
}

#rightcontent div#nav_rechts {
  margin: 20px 0 20px 0;
}


ul.level3 {
  padding-left:10px;
}


/*** content navi rechts Ende **/



/*******************************/

a {
 text-decoration: none;
 color: #19479F;
}

a:hover,
a:focus,
a:active {
 text-decoration: none;
 border-bottom: 1px solid #19479F;
}


ol {
 padding-right: 20px;
}

#buttonup {
  display: block;
  position: fixed;
  bottom: 60px;
  right: 0px;
  color: #000;
/*  background: rgba(247, 147, 30, 0.9) none repeat scroll 0 0;*/
  background: #ccd3e6;
  padding: 0px 15px;
  z-index: 1001;
  height: 50px;
  line-height: 50px;
  font-family: 'PT Sans', sans-serif;
}

a#buttonup.on:hover,
a#buttonup.on:focus,
a#buttonup.on:active {
 text-decoration: underline;
 border-bottom: none;
}

.fa-chevron-up::before {
    margin-right: 5px;
}





/*** toggle ***/


#maincontent .contenttoggle .ce-textpic {
  border-color: #ffffff;
  padding-left: 30px;
}

.einspaltig {
  position: relative;
  margin-top: 5px!important;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccd3e6;
  margin-left: 20px;
}

.news-list-view div.header {
  position: relative;
}

#maincontent div.news-list-view div.header h3 {
  padding: 3px 20px 0 0px;
  margin: 0 ;
  background: none;
}

div.csc-header.layout-100 h4,
div.einspaltig h4 {
  padding: 3px 20px 0 30px;
  margin: 0 ;
}
 
 

div.einspaltig div.ce-bodytext {
  margin: 0 0 0 10px;
}

div.zweispalten {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  
  justify-content: space-between;
  margin-left: 0px;
}
  
div.zweispalten .zweispalten_links {
  width: 48%;
  flex-grow: 1;
  margin-right: 0.75vw;
}
                 
div.zweispalten .zweispalten_rechts {
  width: 48%;
  flex-grow: 1;
  margin-left: 0.75vw;
}



#maincontent .zweispalten_links .ce-textpic,
#maincontent .zweispalten_rechts .ce-textpic {
  padding: 0 0 0 30px;
}

div.zweispalten_rechts div.ce-bodytext {
  margin: 0;
}

div.toggleplus {
  width: 20px;
  position: absolute;
  top: 5px;
  left: 8px;
}


a.togglebutton {
  color: #17479e;
  text-decoration: none;
}


.layout-100 {
  position: relative;
  margin-left: 20px;
}

.contentlayout-100 {
  margin: 5px 0;
}

#leftcontent > div.contentlayout-100 {
  margin-top: 0;
}

#maincontent div.csc-header.layout-100 .togglebutton h3 {
  padding: 4px 20px 4px 30px;
  font-size: 1.025rem;
  margin-top: 5px;
}

#maincontent .contentlayout-100 h5 {
  font-size: 1rem;
  margin: 20px 0 0 0;
}

/*** zwei spalten unter Toggle ohne Rahmen **/

#maincontent div.zweispalten{
  margin-top: 20px;
}

#maincontent div.zweispalten .ce-textpic {
  border: 1px solid #fff;
}


/*************************/
/*** Grid ***/
/*************************/
body {
  margin: 0;
  padding: 0;
}


.anzeigebereich {
  width: 90vw;
  max-width: 1280px;
  margin: 0px auto;
  position: relative;
  font-family: 'PT Sans', sans-serif;
 /*   border: 1px solid blue;*/
}

.anzeigebereich_full {
  background: #eeeeee;
}

#header {
  padding: 10px 0px;
}

#inner_header {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  align-items: center;
  padding-left: 5px;
}

div#iconnav_footer {
  display: none;
}

#iconnav_footer,
#iconnav_header {
  flex-grow: 1;
  
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

#iconnav_footer a,
#iconnav_header a {
  margin-bottom: 5px;
  margin-left: 5px;  
 }

div#iconnav_footer a:hover,
div#iconnav_footer a:focus,
div#iconnav_footer a:active,
div#iconnav_header a:hover,
div#iconnav_header a:focus,
div#iconnav_header a:active {
  border-bottom: none; 
}


#header img {
  display: block;
}

#ke_search_searchfield_sword {
  border: 1px solid #cccccc;
  font-size: 1.0rem;
  padding: 2px 5px;
  width: 230px;
  margin-left: 20px;
}

div.tx-indexedsearch {
  padding: 10px;
}
#tx_indexedsearch table th, #tx_indexedsearch table td {
   padding: 0.25em;
}

input.search[type="submit"] {
  font-family: FontAwesome;
  border: 1px solid #fff;
  background: #fff;
  cursor:pointer;
  color: #17479e;
  font-size: 1em;
}

#footernav {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  
  align-items: center;
  justify-content: space-between;
}

#footer ul {
  list-style: none;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin: 0;
}

#footer ul li a {
  display: block;
  text-decoration: none;
  color: #000000;
  padding: 5px;
}

#footer ul li a:focus,
#footer ul li a:hover,
#footer ul li a:active {
  text-decoration: underline;
  border-bottom: none;
}

#service ul li:last-child {
  border-right: 0px;
}

#service ul a,
#service ul li.current span {
  color: #000000;
  text-decoration: none;
  display: block;
 /* padding: 0 0.5rem 0 0.5rem ;*/
}

div#footernav ul li.current {
  padding: 5px;
  font-weight: 600;
}

#mainnav_container {
  background: #eeeeee;
  list-style: none;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  
  align-items: stretch;
  justify-content: space-between;
}

.socialnav {
  padding: 0 0 0 10px;  
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  align-items: center;
}

#socialnav_oben {
  float: right;
}


div.socialnav div a:hover,
div.socialnav div a:focus,
div.socialnav div a:active {
  border-bottom: none; 
}

.socialnav > div {
  margin-right: 8px;
  font-size: 1.5rem;
}

.socialnav > div:last-child {
  margin-right: 0px;
}

#mainnav ul.sf-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;  
  font-size: 1.5em;
}


#mainnav ul.sf-menu > li:focus ul.sf-menu_sub1,
#mainnav ul.sf-menu > li:hover ul.sf-menu_sub1,
#mainnav ul.sf-menu > li:active ul.sf-menu_sub1 {
  display: block;
}

#mainnav ul.sf-menu > li {
  flex-grow: 1;
  margin-left: 2px;
  
  height: 100%;
  position: relative;
}

#mainnav ul.sf-menu > li:first-child {
  margin-left: 0px;
}

#mainnav ul.sf-menu > li > a {
  display: block;
  padding: 10px 1.5vw 10px 1.5vw;
  background: #eeeeee;
  text-align: center;
  text-decoration: none;
  color: #000000;
}

#mainnav ul.sf-menu > li > a:focus,
#mainnav ul.sf-menu > li > a:hover,
#mainnav ul.sf-menu > li > a:active,
#mainnav ul.sf-menu > li.current > a {
  background: #19479F;
  color: #ffffff;
  border-bottom: none;
}


/**submenue***/

#mainnav ul.sf-menu_sub1 {
  display:none;
  position: absolute;
  z-index: 99;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  box-shadow: 0px 6px 10px #999;
}


#mainnav ul.sf-menu_sub1 li.sublevel a {
  font-size: 1rem;
  padding: 10px 15px;
  color: #000;
  text-decoration:none;
  border-bottom: 1px solid #eee;
  display:block;
}

#mainnav ul.sf-menu_sub1 > li > a:focus,
#mainnav ul.sf-menu_sub1 > li > a:hover,
#mainnav ul.sf-menu_sub1 > li > a:active,
#mainnav ul.sf-menu_sub1 > li.current > a {
  background: #19479f;
  color: #ffffff;
}


#mainnav ul.sf-menu_sub2,
#mainnav ul.sf-menu_sub3 {
  list-style: none;
}

#mainnav ul.sf-menu_sub2 li.sublevel2 a ,
#mainnav ul.sf-menu_sub3 li.sublevel3 a {
  font-size: 0.9rem;
  padding: 5px!important;
  border: 1px solid blue;
}



/* contentnavi */
ul.contentnavi li {
    position: relative;
  list-style-type: none;
}

#breadcrumb {
  padding: 1vw 0px 1vw 10px;
  display:flex;
  justify-content: space-between;
}

#breadcrumb a {
  text-decoration: none;
}

#mitte {
  padding: 0px;
}

#maincontent {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  align-items: stretch;
  margin-bottom: 20px; 
}



/* Inhaltebereich Seitenlayout 1: Übersichtsseiten */
#mitte.layout-1 #leftcontent {
 /* width: 66%;*/
  flex-grow: 2;
}

#mitte #rightcontent {
  width: 33%;
  flex-grow: 1;
  margin-left: 10px;
/*  border: 1px solid red;*/
}

#mitte.layout-0 #rightcontent  header h1,
#mitte.layout-0 #rightcontent  header h2,
#mitte.layout-1 #rightcontent  header h1,
#mitte.layout-1 #rightcontent  header h2,
#maincontent #rightcontent header h2 {
  font-size: 1.2rem;
  border-left: 0px;
  background: #CCD3E6;
  padding-left: 20px;
  margin:0;
}

div#leftcontent .contentlayout-0 {
   margin-top: 0;
}

#mitte.layout-1 .doublebox > div:first-child {
  margin-right: 0.75vw;
}

#mitte.layout-1 .doublebox > div:last-child {
  margin-left: 0.75vw;
}

#leftcontent {
  width: 70%;
}

#rightcontent {
/*  max-width: 427px;
  min-width: 320px;*/
}


/** startseite rechts unten - Anzeigen **/
div#rightcontent div#c9 .ce-column {
  margin-right: 20px;
}

div#rightcontent div#c9 .ce-column:last-child {
  margin-left: 20px;
  margin-right: 0;
}

.ce-below .ce-gallery {
    margin-top: 10px;
    margin-bottom: 10px;
}
.ce-above .ce-gallery {
	margin-top: 20px;
}

/**************************/




.doublebox {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  align-items: stretch;
}

.doublebox > div {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  
  flex-direction: column;
}

.doublebox > div > div:last-child {
  flex-grow: 1;
}

.doublebox > div:first-child {
  margin-right: 0.5vw;
  width: 50%;
  flex-grow: 1;
}

.doublebox > div:last-child {
  margin-left: 0.5vw;
  width: 50%;
  flex-grow: 1;
}

div.doublebox div.ce-bodytext p {
  padding-left: 10px; 
}


#leftcontent > div:first-child {
  margin-top: 0px;
}

#leftcontent > div {
  margin-right: 0.5vw;
  margin-top: 1.5vw;
}

#rightcontent > div {
  margin-left: 1.0vw;
  margin-bottom: 1vw;
}

#maincontent header h1 {
  margin: 0;
  padding: 2px 20px 2px 0px;
  border-left: 10px solid #fff;
  background: #fff;
  font-size: 1.5rem;
  font-weight: normal;
}


#maincontent header h2 {
  margin: 0 0 0 10px;
  padding: 2px 20px 2px 10px;
  border-left: 10px solid #FF9525;
  background: #eeeeee;
  font-size: 1.25rem;
  font-weight: normal;
}

#maincontent div h3 {
  margin: 0;
  padding: 2px 20px 2px 20px;
  border-left: 0;
  background: #eee none repeat scroll 0 0;
  font-size: 1.15rem;
  font-weight: bold;
}

#maincontent .contentlayout-0 h4 {

} 

/** Startseite - weitere Nachrichten, weitere Entscheidungen **/
#maincontent div#c1138 h4,
#maincontent div#c1139 h4 {
  padding: 2px 20px 2px 20px;
  margin: 0;
  padding: 2px 20px 2px 20px;
  border-left: 0;
  font-size: 1rem;
  font-weight: bold;
}


#maincontent .ce-textpic,
 #maincontent .frame-type-text p {
  padding: 1px 20px 0 10px;
}

div.frame-layout-2 ul {
  padding: 1px 20px 0 25px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  border-color: #eeeeee;
  margin: 0 0 0 10px;
}

div.frame-layout-2 div.ce-textpic {
    padding: 1px 20px 0 20px;
    border-width: 0 2px 2px 2px;
    border-style: solid;
    border-color: #eeeeee;
    margin: 0 0 0 10px;
}

div.doublebox div.ce-textpic.ce-right.ce-intext div.ce-bodytext ul,
div.doublebox div.ce-textpic.ce-center.ce-above div.ce-bodytext ul,
div.doublebox div.ce-textpic.ce-right.ce-intext div.ce-bodytext ul {
    padding-left: 15px;
    border: 0;
    margin: 0;
}

div.doublebox div.ce-textpic.ce-right.ce-intext div.ce-bodytext ul li:first-child {
   padding-top: 15px!important;
}

div.zweispalten div.ce-bodytext ul {
  padding-left: 10px!important;
}


ul {
  margin:0;
}

#leftcontent div.zweispalten ul li {
  margin: 0;  
}
#leftcontent ul li {
  margin:0 10px;
  padding-top: 3px;
}

/*#leftcontent ul li:first-child,*/
#leftcontent .doublebox ul li:first-child,
#leftcontent .zweispalten ul li:first-child,
#leftcontent.frame-layout-50 ul li:first-child,
ul.ce-menu.ce-menu-1 li:first-child {
  padding-top: 18px;
} 
#leftcontent ul li:last-child,
ul.ce-menu.ce-menu-1 li:last-child {
  padding-bottom: 20px;
} 

#maincontent .contentlayout-1 .ce-textpic {
  border-color: #ffffff;
}

#maincontent .contentlayout-0 .ce-textpic {
  border-color: #ffffff;
}

#maincontent #rightcontent .ce-textpic {
  border-color: #eeeeee;
  margin-left: 0;
}


#maincontent p {
  
}

#footer {
  padding: 0px 20px;
}

#fixedfooter {
   background: rgba(238, 238, 238, 0.95) none repeat scroll 0 0;
    bottom: 0;
    color: #222;
    left: 0;
    padding: 8px 0;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 222;

}

/*** Headings ***/
header h1,
header h2 {
  background: #eeeeee;
  margin: 0px;
  padding: 0.2vw 1vw;
  font-size: 1.2rem;
  font-weight: normal;
}




/***********************************************/
/* Kontaktformular */

#leftcontent div.Tx-Formhandler {
  margin-top: 0;
}


div.Tx-Formhandler h3 {
 margin-left: 20px;
}

#errorMessage {
  display: none;
  color: #b01110;
}

.Tx-Formhandler form {
  padding-top: 0px;
}

div.formtext {
  font-size: 0.70rem;
  text-align: center;
  color: #333333;
  margin: 0.5rem 0 0.5rem 0;
  line-height: 1.2rem;
}

div#content_elements > h2 {
  margin-bottom: 0px;
}

.Tx-Formhandler {
  padding-bottom: 2rem;
  padding-top: 1rem;
}

#formwrapper {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#formwrapper > div {
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 49%;
}

#formwrapper > div > div {
  margin-bottom: 0.2rem;
  padding: 0 5%;
}

#formwrapper label {
  display: block;
  line-height: 1.2rem;
  font-size: 0.9rem;
}

#formwrapper .formsubmit {
    width: 100%;
}

#formwrapper input, #formwrapper textarea {
  border: 1px solid #cccccc;
  color: #333333;
  display: block;
  margin: 0;
  padding: 0.5% 1.5%;
  width: 96%;
  font-family: 'PT Sans', sans-serif;
  font-size: 0.9rem;
}

div.error input,
div.error textarea,
input.error,
textarea.error {
  background-color: #ffecec;
}

small.error {
  display: block;
  line-height: 1rem;
}

#formwrapper textarea {
  height: 90px;
}

#formwrapper input.submit {
  background: #dddddd none repeat scroll 0 0;
  color: #000000;
  margin-top: 1rem;
  width: 99%;
  cursor: pointer;
}

.form2 {
  padding: 0 20px;
}

.form2 input,
.form2 textarea{
  display: block;
  border: 1px solid #cccccc;
  color: #333333;
  width: 98%;
}

.form2 textarea {
  height: 100px;
}

.form2 > div {
  margin-bottom: 1rem;
}


/**
 **** MOBILE MENU
 *
 * responsive elements adapted from
 * http://t3-developer.com tutorial
 * thanks to Klaus Heuer  
 **/        
        
/**** MOBILE ANPASSUNGEN ********/

#mobilMenu {
  height: 38px;
  background-color: #ffffff;
  overflow: hidden;
  outline: 0px !important;
}

#mobilMenu > a.showmobile:focus {
  outline: 0px !important;
}

#toggle {
  display: block;
  width: 28px;
  height: 30px;
  margin: 15px 10px;
}

#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle span:after{
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 4px;
  background-color: #888;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

.layout-100 {
    position: relative;
    margin-left: 10px;
}

/* on activation */
#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menu {
  opacity: 1;
  visibility: visible;
}

.mobil-menuLink, a.mobil-homeLink {
  padding: 0;
  display: block;
  font-size: 11px;
  color: #fff;
  text-decoration: none;
  line-height: 28px;
  text-transform: uppercase;
}

.mobil-menuLink {
  float: left;
  margin: 3px 5px 0 0;
  width: 50px;
}

.rsdb-menuLink a i.fa.fa-database {
  float: left;
  color: #888;
  font-size: 1.35em;
  margin-top:10px;
}

div.rsdb-link a {
  float:left;
  color: #888;
  font-size: 0.8em;
  line-height: 0.9em;
  padding: 8px; 
}

#mobilMenuListe {
  background-color: #666;
  color: #dcda09;
  padding: 10px 0;
}

#mobilMenuListe.none-desk ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#mobilMenuListe ul li {
  padding: 5px;
 /* border-bottom: 1px solid #fff; */
  margin: 0px 2vw 0px 2vw;  
}

#mobilMenuListe ul li.mobile_sub1 {
  border-top: 1px solid #fff;
  border-bottom: 0px;
  margin: 0px 10px 0px 20px;
  padding: 8px 10px;
}

#mobilMenuListe ul li.mobile_sub1:first-child {
  margin-top: 10px;
}

#mobilMenuListe ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
}

#mobilMenuListe ul li a:hover {
  border-bottom:none;
  color: #fff!important;
}

.hide-desktop {
  display: none ;
}
  
.metamenu-logos  {
  display: none;
}
  
body .hidden {
  display: none;
}


/*******************************/
/*******************************/
/*******************************/





/************/
/**** media queries ********/
/************/

@media screen and (min-width: 921px) and (max-width: 1024px) {

div#mitte.layout-2 .doublebox:last-child > div:first-child {
  width: 100%;
}

div#footernav {
  flex-direction: column;
}
div#copyright {
  order: 2;
}

#mitte.layout-2 #leftcontent {
    width: 60%;
}

#mainnav ul.sf-menu {
    font-size: 1.25em;
  }

.doublebox {
  display: block;
}

div.doublebox > div:first-child {
  margin-right: 0;
  margin-bottom: 1vw;
  width: 100%;
  
}

div.doublebox > div:last-child {
  margin-left: 0;
  width: 100%; 
}

}



@media screen and (min-width: 601px) and (max-width: 920px) {

div#mitte.layout-2 .doublebox:last-child > div:first-child {
  width: 100%;
}

div#socialnav_rechts {
  display: none;
}

div#socialnav_oben.socialnav {
    padding: 5px 0 0 10px!important;
}

div#footernav {
  flex-direction: column;
}
div#copyright {
  order: 2;
}

#mitte.layout-2 #leftcontent {
    width: 60%;
}

.doublebox {
  display: block;
}

div.doublebox > div:first-child {
  margin-right: 0;
  margin-bottom: 1vw;
  width: 100%;
}

div.doublebox > div:last-child {
  margin-left: 0;
  width: 100%;
}

.none-mobile {
  display: none;
}

.none-desk {
  display: block;
}

div#mainnav {
  display: none;
}

}


@media screen and (min-width: 481px) and (max-width: 600px) {

div#mitte.layout-2 .doublebox:last-child > div:first-child {
  width: 100%;
}
div#socialnav_rechts {
  display: none;
}

div#socialnav_oben.socialnav {
    padding: 5px 0 0 10px!important;
}

div#footernav {
  flex-direction: column;
}
div#copyright {
  order: 2;
}

div#maincontent {
  display: block;
}

div#leftcontent {
  width: 100% !important;
}

div#iconnav_header {
  display: none;
}

div#iconnav_footer {
  display: flex;
}

.none-mobile {
  display: none;
}

.none-desk {
  display: block;
}

div#mainnav {
  display: none;
}

#mitte div#rightcontent {
  width: 95%;
}

}
/* end @media */

/************************************************/

@media screen and (min-width: 1px) and (max-width: 480px) {

div#mitte.layout-2 .doublebox:last-child > div:first-child {
  width: 100%;
}

div#socialnav_rechts {
  display: none;
}

div#socialnav_oben.socialnav {
    padding: 5px 0 0 10px!important;
}

div#footernav {
  flex-direction: column;
}
#footer ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
div#copyright {
  order: 2;
}

div#maincontent {
  display: block;
}

div#leftcontent {
  width: 100% !important;
}

div#iconnav_header {
  display: none;
}

div#iconnav_footer {
  display: flex;
}

.none-mobile {
  display: none;
}

.none-desk {
  display: block;
}

div#mainnav {
  display: none;
}

#mitte div#rightcontent {
  width: 95%;
}

.doublebox {
  display: block;
}

div.doublebox > div:first-child {
  margin-right: 0;
  margin-bottom: 1vw;
  width: 100%;
}

div.doublebox > div:last-child {
  margin-left: 0;
  width: 100%;
}

div.rsdb_listitem_flex {
  display: block;
}

div.rsdb_merken {
  width: 110px;
}

#buttonup {
  bottom: 10px;
 }
}
/* end @media */

/************************************************/