/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :)#e10227 rgb(230, 0, 26)*/
html { font-size: 62.5%; }
body {
  font-size: 1.8em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.5;
  font-family: Arial, Helvetica, sans-serif;
  color: #000; }

/* Larger than tablet */
@media (min-width: 750px) {
    body {
    font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
    line-height: 1.5;
    }
}

footer{display: inline-block;width: 100%;}
*:focus { outline: solid 1px black;}


/* Berlin Portal
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body{
  margin:0;
  background-color:#e2e2e2;
  background-image:-moz-linear-gradient(top, #ececec, #d3d3d3);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#d3d3d3));
  background-image:-webkit-linear-gradient(top, #ececec, #d3d3d3);
  background-image:-o-linear-gradient(top, #ececec, #d3d3d3);
  background-image:linear-gradient(to bottom, #ececec, #d3d3d3);
  background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffececec', endColorstr='#ffd3d3d3', GradientType=0);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-color:#ececec;
}

.berlinheader {border-bottom:solid 1px #b3b3b3;margin-bottom:20px}

@media screen{
.boxshadow{
-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.3);
-moz-box-shadow:3px 3px 10px rgba(0,0,0,0.3);
box-shadow:3px 3px 10px rgba(0,0,0,0.3);
}
}

#blnde-center{
  position:relative;
  padding:0px 20px;
  margin-bottom:0px;
}

#bfw-center{
  position:relative;
  background-color:white;
  padding:5px 5px 20px 5px;
  margin-bottom:50px;
}

/* Larger than mobile */
@media (min-width: 400px) {
  #bfw-center{
    padding:5px 20px 20px 20px;
  }
}

#bfw-wbm a {display:inline-flex}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#uid1 h1.pagetitle {position:absolute;left:-200000px;top:-200000px}
h1, h2, h3, h4, h5, h6 {  margin-top: 0; padding:0; color:rgb(230, 0, 26); font-weight: 300;}
h1 { font-size: 2.6rem; line-height: 1.1; /* letter-spacing: -.1rem;*/}
h2 { font-size: 1.8rem; line-height: 1.1; margin-bottom: 1.2rem; letter-spacing: 0.019rem;}
h3 { font-size: 1.5rem; line-height: 1.3; font-weight:bold; margin-bottom: 0.5rem;/*letter-spacing: -.1rem;*/ }
.teaser h3 { font-size: 1.8rem; line-height: 1.1; margin-bottom: 1.2rem; font-weight:normal !important;}
h4 { font-size: 2.4rem; line-height: 1.35; /*letter-spacing: -.08rem;*/ }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */

@media (min-width: 550px) {
  h1 { font-size: 2.6rem; }
  h2 { font-size: 1.8rem; }
  h3 { font-size: 1.5rem; font-weight:bold;}
  h4 { font-size: 1.5rem; font-weight:bold;}
  h5 { font-size: 1.0rem; }
  h6 { font-size: 1.0rem; }
}

.black {color:#000;}
.red {color:rgb(230, 0, 26);}
.fs26 { font-size: 2.6rem; }

p {  margin-top: 0;}
.text-center {text-align:center}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table{border-collapse: collapse;border-spacing: 0;}
table caption{text-align:left;font-size:1em;font-weight:bold; margin-bottom:1.1rem; color:black}
th {border-top:none !important}
th, td {  padding: 1rem; text-align: left; vertical-align:bottom; border-bottom: 1px solid black !important; }
th.text-right, td.text-right{text-align:right}
th:first-child,td:first-child {  padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }
/* Preisliste */
#c9969 .ce-table tbody tr td:last-child{ width:100px;text-align:right;vertical-align:bottom;}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button, .button { margin-bottom: 1rem; }
input, textarea, select, fieldset { margin-bottom: 1.5rem; }
pre, blockquote, dl, figure, table, p, ul, ol, form {   margin-bottom: 1.5rem; }

/* Image & Media
–––––––––––––––––––––––––––––––––––––––––––––––––– */
img {image-rendering: -webkit-optimize-contrast}
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-column {width:100%}
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-column figure.image {display: inline-block !important;width:100%}
.ce-gallery .ce-outer, .ce-gallery .ce-outer .ce-inner{max-width:100%}
#maincontent .ce-column figure.image {margin-bottom:0.5em}
#right .ce-image img, #right .ce-textpic img{  width:100%; height:auto;}
.imgcreator {position:absolute;right:0px;bottom:0px;background-color:rgba(255, 255, 255, 0.6);padding: 0 2px;font-size: 0.85rem; letter-spacing: 0.08em;}

@media (max-width: 750px) {
.ce-textpic.ce-intext .ce-bodytext{display:block;width:100%}
.ce-textpic.ce-intext .ce-gallery {float:left}
.ce-intext.ce-right .ce-gallery {margin-left:0px}
}
@media (min-width: 750px) {
    .nine.columns .ce-textpic.ce-right .ce-gallery{width:220px !important}
    .six.columns .ce-textpic.ce-right.ce-intext .ce-gallery[data-ce-columns="1"] {width:50%}
    .twelve.columns .ce-textpic.ce-right.ce-intext .ce-gallery[data-ce-columns="1"] {width:35%}
}
img, figure, canvas, .news-list-image{  max-width: 100% !important; height: auto; width: auto;}
figcaption.image-caption {padding-top:0.1em;font-size:0.9em;line-height:1.2em;display:inline}
video, .video-js-box {  max-width: 100% !important;  height: auto !important;  width: 100% !important;  margin-bottom: 1em;}
iframe, embed, object{  max-width: 100% !important;}
/*iframe youtube video*/
.ytvid{ width:100%; }
.six.columns .ytvid, .eight.columns .ytvid, .nine.columns .ytvid { height:259px;}
#right .ytvid {height:205px;}
@media (min-width: 550px) {.six.columns .ytvid, .eight.columns .ytvid, .nine.columns .ytvid {height:292px;}}
@media (min-width: 650px) { #right .ytvid, .six.columns .ytvid, .nine.columns .ytvid {height:356px;} }
@media (min-width: 750px) {
    .six.columns .ytvid {height:262px;}
    .eight.columns .ytvid {height:349px;}
    .nine.columns .ytvid {height:394px}
    #right .ytvid {height:150px;}
}
/* svg wir retten berlin */
.wrbwrap{ display:inline-block; margin-bottom:1.5em;}
/* Links & Teaser
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.nounderline {text-decoration:none !important}
a,a:link,a:active,a:visited{color:#184198;}
.teaser {cursor:pointer}
.teaser p {padding:0;margin:0;}
h1 a,h1 a:link,h1 a:active,h1 a:hover, h2 a,h2 a:link,h2 a:active,h2 a:hover{color:rgb(230, 0, 26) !important;text-decoration:none;}
.column.element.teaser {margin-bottom:2em}
.pagelist.pagelist-articles hr{display:none}
@media (min-width: 750px) {
.tx-form4teaser-layout-text-pic .element .teaser-image-wrapper{ display:inline-block; width:150px; float:right; margin-left:20px;}
.column.element.teaser {margin-bottom:0px}
.pagelist.pagelist-articles hr{display:block}
#c14585 img {image-rendering: pixelated;}
}
.anythingSlider .to-list{  background: rgba(255, 255, 255, 0.4); color:rgb(230, 0, 26); text-decoration:none; padding:2px 5px; border:solid 1px #b3b3b3; font-size:0.8em; display:inline-block;}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {}
ol { list-style: decimal; }
ol, ul { padding-left: 2rem; margin-top: 0; }
ul ul,ul ol,ol ol,ol ul { margin: 1.5rem 0 1.5rem 3rem; /*font-size: 90%;*/ }
li { }


/* T3 Content Elements
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.frame {display:inline-block; width:100%; box-sizing: border-box;margin-bottom:1.5em}
.frame.frame-ruler-after{ padding:0; padding-bottom:2em; margin-bottom:2.5em; border:none; border-bottom:solid 1px #b3b3b3;}
.frame-ruler-after::after{ display:none !important;}
.frame-border-red {border:solid 1px rgb(230, 0, 26);padding:1.5em 1.5em 0.5em 1.5em;margin-bottom:1.5em}
.frame-border-silver {border:solid 1px #b3b3b3;padding:1.5em 1.5em 0.5em 1.5em;margin-bottom:1.5em}
.frame-bg-silver {background:#F8F8F8;border:solid 1px #b3b3b3;padding:1.5em 1.5em 0.5em 1.5em;margin-bottom:1.5em}
.frame-bg-red {background:rgb(230, 0, 26);border:none;padding:1.5em 1.5em 0.5em 1.5em;margin-bottom:1.5em;color:white;font-size:2rem}
.frame-bg-red h2, .frame-bg-red a:link, .frame-bg-red a:visited {color:white;}
.frame-bg-red h2 {font-size:2.2rem;font-weight:bold;color:white;}
#right .frame {box-sizing: border-box;}
/* CE im Standardlayout in rechter Spalte mit Rand und grauem Hintergrund zeigen */
#right .frame.frame-default.frame-layout-0{  border:solid 1px #b3b3b3;  background:#F8F8F8;  padding:10px 10px 0px 10px; margin-bottom:1.5em;}

/* CE im Layout rechte Spalte grau */
#right.four.columns.silver .frame-default,
#right.three.columns.silver .frame-default { padding:0; padding-bottom:1em; margin-bottom:2.5em; border:none; border-bottom:solid 1px #b3b3b3; }
#right.four.columns.silver .elements { margin-bottom:1.5em;}

/*@media (min-width: 750px) {*/
#right.columns.silver { border:solid 1px #b3b3b3; background:#F8F8F8; padding:10px 10px 30px 10px;}
/*}*/
#right .ce-image{margin-bottom:1em}

/* oooooooooooooooooooooooooo filelinks oooooooooooooooooooooooooo */


/*  Type 0 Icon Dateierweiterung  */
.ce-uploads li.uploadType0 a{
  background-image:url(../Images/Icons/document-16x16.png);
  background-repeat:no-repeat !important;
  background-position: 0px 4px;
  padding-left:25px;
  display:block;
}
.ce-uploads li.uploadType0 a .ce-uploads-fileName {line-height:2rem}
ul.ce-uploads li.uploadType0.pdf a{background-image:url(../Images/Icons/pdf-16x16.png) !important;}
.ce-uploads li.uploadType0.xlsx a{background-image:url(../Images/Icons/xls-16x16.png) !important;}
.ce-uploads li.uploadType0.doc a, .ce-uploads li.uploadType0.docx a{background-image:url(../Images/Icons/docx-16x16.png) !important;}
.ce-uploads li.uploadType0.pptx a{background-image:url(../Images/Icons/ppt-16x16.png) !important;}
.ce-uploads li.uploadType0 span.ce-uploads-description, .ce-uploads li.uploadType0 span.ce-uploads-filesize{padding-left:25px;}

/*  Type 1 Icon BFW Broschüre  */
.ce-uploads li.uploadType1 img{ border-left:solid 1px #f1f1f1; box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2); margin-bottom:3px; padding-right:0 !important;}
.ce-uploads li.uploadType1 span.ce-uploads-fileName,
.ce-uploads li.uploadType1 span.ce-uploads-description,
.ce-uploads li.uploadType1 span.ce-uploads-filesize{display:block;padding-left:70px;}

/*  Type 2 Jahresbericht, Typ 3 Bastelvorlage  */
.ce-uploads li.uploadType2 {display:inline-block;margin:0 0 2em 0;width:47.8%;margin-right:4%;overflow:visible}
@media (max-width: 550px) { .ce-uploads li.uploadType2:nth-child(2n+0) {margin-right:0} }
.ce-uploads li.uploadType3 {display:inline-block;width:100%;margin:0 0 2em 0;}
@media (min-width: 550px) {
  .ce-uploads li.uploadType2, .ce-uploads li.uploadType3 {display:inline-block;float:left;overflow:visible}
  .ce-uploads li.uploadType2 {width:21.8%;margin:0 4% 2.5em 0;}
  .ce-uploads li.uploadType2:nth-child(4n+0) {margin-right:0}
  .ce-uploads li.uploadType3 {width:47.8%;margin-right:4%}
  .ce-uploads li.uploadType3:nth-child(2n+0) {margin-right:0}
}

.ce-uploads li.uploadType2 img,
.ce-uploads li.uploadType3 img,
.ce-uploads li.uploadType5 img{
  border-left:solid 1px #f1f1f1;  border-top:solid 1px #f1f1f1;  box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2);  margin-bottom:3px;  padding-right:0 !important;  display:block; float:none;}

/*  Type 4 Dokumentvorschau  */
.ce-uploads li.uploadType4 img{
border-left:solid 1px #f1f1f1; border-top:solid 1px #f1f1f1;box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2);margin-bottom:3px;padding-right:0 !important;width:120px;}
.ce-uploads li.uploadType4 span.ce-uploads-fileName,
.ce-uploads li.uploadType4 span.ce-uploads-description,
.ce-uploads li.uploadType4 span.ce-uploads-filesize{ display:block; padding-left:140px;}
#right .ce-uploads li.uploadType4 img{ width:99%; border:solid 1px #f1f1f1; box-shadow: none !important; background-color:white;}
#right .ce-uploads li.uploadType4 span.ce-uploads-fileName,
#right .ce-uploads li.uploadType4 span.ce-uploads-description,
#right .ce-uploads li.uploadType4 span.ce-uploads-filesize{display:block;padding-left:0 !important;}

/* oooooooooooooooooooooooooo / filelinks oooooooooooooooooooooooooo */

/* oooooooooooooooooooooooooo ce kontakt oooooooooooooooooooooooooo */
.tt_address_list .address {margin-bottom:0.5em}
.tt_address_list .list-unstyled{list-style-type:none;padding-left:0px !important}
.tt_address_list .list-unstyled li {margin-bottom:0}
.tt_address_list .list-unstyled li i {margin-right:10px;}
.tt_address_list h4 {font-size:1em;font-weight:bold; color:black;letter-spacing:0rem;margin-bottom:0.5em}
/* oooooooooooooooooooooooooo / ce kontakt oooooooooooooooooooooooooo */

/*Sitemap
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.csc-sitemap ul ul,.csc-sitemap ul ol,.csc-sitemap ol ol,.csc-sitemap ol ul{ margin-left:0 !important;}
/* Larger than tablet */
@media (min-width: 750px) { .csc-sitemap ul ul,.csc-sitemap ul ol,.csc-sitemap ol ol,.csc-sitemap ol ul{  margin-left:1.5em !important; } }

/*Document list
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tx-bfwdokumente .ce-uploads li {padding-bottom:1em;border-bottom:solid 1px silver}
.tx-bfwdokumente .ce-uploads li:last-child {border-bottom:none}

/*Service Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#right .frame-type-menu_pages ul,
#right .frame-type-menu_subpages ul{padding:0px 0;}
#right .frame-type-menu_pages ul li,
#right .frame-type-menu_subpages ul li{list-style-type:none;margin: 0;padding:5px 0;border-bottom:dotted 1px #b3b3b3;}
#right .frame-type-menu_pages ul li:first-child,
#right .frame-type-menu_subpages ul li:first-child{border-top:dotted 1px #b3b3b3;}
#right .frame-type-menu_pages ul li a,
#right .frame-type-menu_pages ul li a:link,
#right .frame-type-menu_pages ul li a:active,
#right .frame-type-menu_pages ul li a:hover,
#right .frame-type-menu_subpages ul li a,
#right .frame-type-menu_subpages ul li a:link,
#right .frame-type-menu_subpages ul li a:active,
#right .frame-type-menu_subpages ul li a:hover{color: #000;text-decoration:none;}

/* ooooooooooooooooooooooo  Tabellen für JB-Zahlen  oooooooooooooooooooooo */
.bfwJbTable ul {list-style: none !important;padding:0;margin-bottom:2.5rem}
.bfwJbTable ul li {display:inline-block;width:100%;border-bottom: solid 1px black;padding:1rem 0 1rem 0;}
.bfwJbTable ul li span {display:inline-block;}
.bfwJbTable ul li span.tdValue{text-align:right}
.w20 {width:20%}
.w30 {width:30%}
.w35 {width:35%}
.w65 {width:65%}
.w70 {width:70%}
.w80 {width:80%}
/* ooooooooooooooooooooooo / Tabellen für JB-Zahlen  oooooooooooooooooooooo */

/* ooooooooooooooooooooooo  f3-widget-paginator  oooooooooooooooooooooo */
ul.f3-widget-paginator{margin:0 0 1.5em 0;padding:0;display:inline-block;}
ul.f3-widget-paginator li{font-size:0.9em;list-style-type:none;display:inline-block;padding:0.5em 0.5em;margin:0 0.5em 1em 0; border-style: solid;border-width: 1px; border-color: #b3bebe; background-color: none;border-radius: none;}
@media (min-width: 550px) { 
    ul.f3-widget-paginator li{ padding:0.5em; margin-right:0.5em;}
}
ul.f3-widget-paginator li.current,
ul.f3-widget-paginator li:hover{  background: #e2e2e2; border-style: solid; border-width: 1px; border-color: silver;}
ul.f3-widget-paginator li a,
ul.f3-widget-paginator li a:link,
ul.f3-widget-paginator li a:active,
ul.f3-widget-paginator li a:hover,
ul.f3-widget-paginator li a:visited,
ul.f3-widget-paginator li span{ text-decoration:none; padding:0 0.5em;}
ul.f3-widget-paginator li.current{ padding-left:0.9em; padding-right:0.9em;}
/* ooooooooooooooooooooooo /  f3-widget-paginator  oooooooooooooooooooooo */

/* ooooooooooooooooooooooo  bfw termine  oooooooooooooooooooooo */
.tx_bfwtermine h2.cal-month {margin-bottom:2rem}
.tx_bfwtermine .listItem h2 {font-size:1.8rem}
.tx_bfwtermine .listItem h3 {font-size:1.8rem;font-weight:normal;margin-bottom:1rem;text-decoration:none !important}
.tx_bfwtermine .listItem a h3 {text-decoration:none !important}
.tx_bfwtermine .teaser-text p, .date-time-location {color:black !important}
.tx_bfwtermine .listItem {padding-bottom:1.5rem; margin-bottom:1.5rem;border-bottom:solid 1px silver}
.tx_bfwtermine .listItem:last-child {border-bottom:none}
.tx_bfwtermine .listItem .news-list-datetime {font-size:1.2rem}
.tx_bfwtermine .listItem .teaser-text {display:inline-block;width:65%}
.tx_bfwtermine .listItem .teaser-text.noimg {width:100%}
.tx_bfwtermine .listItem .img-wrap {float: right;margin-left: ;width:35%;text-align:center}
.tx_bfwtermine .ce-uploads li, .tx_bfwtermine .ce-uploads li a{display:inline-block !important;}
.tx_bfwtermine .ce-uploads li, .tx_bfwtermine .ce-uploads li {margin-right:3rem}
.tx_bfwtermine .maplink {background:#e2e2e2;padding: 0 5px}
.date-time-location {display:inline-block;float:left;margin-right:2em; margin-bottom:1em}
.date-time-location:last-child {margin-right:0px},
/* ooooooooooooooooooooooo  / bfw termine  oooooooooooooooooooooo */


/* ooooooooooooooooooooooo  jq ui  oooooooooooooooooooooo */
.tx-bfwabkuerzungen .jqtabs{border:none !important}
.jqtabs ul{  -webkit-border-radius: 0px;  -moz-border-radius: 0px;  border-radius: 0px;  padding:0;  border-top:0;  border-left:0;  border-right:0;}
.jqtabs ul li{  padding:0px;  margin:0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.jqtabs .ui-tabs-panel {padding: 0 !important;}
.jqtabs .ui-tabs-panel figure.video {padding: 0 !important; margin: 0 !important;}
.jqtabs .ui-tabs-panel figure.video video {padding: 0 !important; margin: 0 !important;}
/* / jquery ui tab*/
.ui-accordion-content-active{ height:auto !important; }
/* header.ui-accordion-header {font-size:85%} */
.accordionright.ui-accordion .ui-accordion-content{padding:1em 1em !important}
.ui-accordion ul.ui-accordion-content{padding:0 0.5em}

.tx-typoscript2ce .jqaccordion, .jqaccordionbfw {margin-bottom:2rem !important}
/* ooooooooooooooooooooooo  / jq ui  oooooooooooooooooooooo */

/* Socialmedia shariff
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.shariff .theme-white .shariff-button { border: 1px solid #b3b3b3 !important;}

/* Einsatzzähler Startseite
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#einsatzahlen{
  background-image: url(../Images/bemap203x167.png); background-repeat:no-repeat; background-position:50% 30px; border:none; min-height:193px; padding:0px;
}
.eight.columns #einsatzahlen{  border-bottom:solid 1px silver; margin-bottom:1.5em; }
#einsatzahlen h2{ font-size:2rem; margin-bottom:3rem;}
#einsatzahlen div.row{ display:inline-block;width:100%;margin-bottom:1.5rem;padding: 0 3rem 0 3rem;box-sizing: border-box;}
#einsatzahlen span.cat{display:inline-block;width:80%;}
#einsatzahlen span.val{display:inline-block;width:20%;text-align:right}
#einsatzahlen hr{ display:none;}
@media (min-width: 750px) { #einsatzahlen hr{ display:block; } }
#bfw-ez-info{display:none; position:absolute; left:0px; bottom:70px; z-index:100; background-color:white; border:solid 1px silver; padding:10px; font-size:0.8em;  cursor:pointer;}

/* Liste Bewerbungsverfahren
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bfwbewerbung-list-item{  border-bottom:dotted 1px silver;  margin-bottom:1em;  padding-bottom:1em;}
.bfwbewerbung-list-item:last-child {border-bottom:none;margin-bottom:0px;}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],input[type="reset"],input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #b3b3b3;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus {  color: #000;  border-color: black;  outline: 0; }
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary {  color: #FFF;
  background-color: #33C3F0;  border-color: #33C3F0; }
.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus {  color: #FFF;  background-color: #1EAEDB;  border-color: black; }

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="date"],textarea,select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #b3b3b3;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="date"],textarea {
  -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea {  min-height: 65px;  padding-top: 6px;  padding-bottom: 6px; }
input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="date"]:focus,textarea:focus,select:focus {  border: 1px solid black;  outline: 0; }
  
label,legend {  display: block;  margin-bottom: .5rem; }
fieldset { border: 1px solid #b3b3b3; padding:1rem; margin-bottom: 3rem; }
legend{  padding:0;  margin-bottom:1.5rem;  display:inline-block; }
  
input[type="checkbox"],input[type="radio"] {  display: inline; }
label > .label-body {  display: inline-block;  margin-left: .5rem;  font-weight: normal; }


#iAmNotASpamBot {float:left}
.subscribe .hidden {display:none}
label input[type="text"] {display:block;width:100%}
.form-group .input input[type="text"],.form-group .input input[type="email"],.form-group .input input[type="tel"],.form-group .input textarea {display:block;width:100%}
.form-group .input textarea {height:300px}
label.label {margin-left:7%}
form .error,
form .-mt-4.text-sm{color:red;}
.input .help-block {display:block; margin-bottom:3rem;}

/* Search input
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#sucheingabe{
  position:absolute;
  left:5px;
  top:7px;
  width:80%;
  z-index:1020;
  height:45px;
}
#sucheingabe label{
  position: absolute;
  font-size:1px;
  left:-100000px;
}
#sucheingabe #suchformularsword{
  width:100%;
  border-radius: 0px;
}

#sucheingabe .suchbutton{

  background-image: url(../Images/Icons/lupe.svg);
  background-repeat:no-repeat;
  background-position:center;
  background-size: 16px 16px;
  height:38px;
  width:38px;
  border:none !important;
  padding:0 2rem;
  position:absolute;
  top:0px;
  right:0px;
  z-index:1030;
}



/* Larger than tablet */
@media (min-width: 750px) {
  #sucheingabe{
    position:relative;
    width:100%;
    left:0px;
    top:18px;
  }
  #sucheingabe #suchformularsword{}  
  #sucheingabe .suchbutton{
  /*width:24px;*/
  }  
  
}


/* Listfilter
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bfwFilter label{font-weight:normal;margin-bottom:0.2rem}
.bfwFilter input, .bfwFilter select{width:100%}
.bfwFilter button{border:none !important;padding:0 !important;font-size:3rem}
.bfwFilter a:link,.bfwFilter a:visited {text-decoration:none; color:#555;font-size:2.5rem}

/* Indexsuche
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*   Sucheingabe  */
.tx-indexedsearch-searchbox legend,
.tx-indexedsearch-searchbox label{ display:none}
.tx-indexedsearch-searchbox fieldset { border:none !important; margin:0; padding:0}
.tx-indexedsearch-searchbox fieldset div { display:inline}
/*  Pager */
ul.tx-indexedsearch-browsebox li { display:inline-block; float:left; margin-right:10px }
/*  Ergebnisliste */
.tx-indexedsearch-title a {color: rgb(230, 0, 26); text-decoration:none;}
.tx-indexedsearch-res{ border-bottom:solid 1px silver; margin-bottom:1.5em; padding-bottom: 1.5em;}
.tx-indexedsearch-res p{display:inline}
.tx-indexedsearch-text-item-created {margin-right:20px}



.skiplink:not(:focus) {
		position:absolute;
		height:1px;
		width:1px;
		overflow:hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(100%);
		white-space:nowrap;
}