.clearfix:before, 
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
} @font-face {
font-family: 'docswp';
src:  url(//www.miaplan.de/wp-content/plugins/bsf-docs/assets/fonts/docswp.eot?61dqmw);
src:  url(//www.miaplan.de/wp-content/plugins/bsf-docs/assets/fonts/docswp.eot?61dqmw#iefix) format('embedded-opentype'),
url(//www.miaplan.de/wp-content/plugins/bsf-docs/assets/fonts/docswp.ttf?61dqmw) format('truetype'),
url(//www.miaplan.de/wp-content/plugins/bsf-docs/assets/fonts/docswp.woff?61dqmw) format('woff'),
url(//www.miaplan.de/wp-content/plugins/bsf-docs/assets/fonts/docswp.svg?61dqmw#docswp) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="docswp-"], [class*=" docswp-"] {
font-family: 'docswp' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
width: 1em;
height: 1em;
font-size: 1em;
line-height: 1em;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.docswp-file-text2:before {
content: "\e926";
}
.docswp-home:before {
content: "\e901";
}
.docswp-search:before {
content: "\e986";
}
.docswp-keyboard_arrow_right:before {
content: "\e900";
}
#bsf-live-search {
background: #f5f5f5;
padding: 25px 0;
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.docs-single-templates-enabled .bsf-search-container,
.docs-tax-templates-enabled .bsf-search-container {
max-width: 1240px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
:not(.search).docs-tax-templates-enabled,
:not(.search).docs-single-templates-enabled,
:not(.search).docs-tax-templates-enabled,
:not(.search).docs-single-templates-enabled {
background: #fff;
}
.docs-tax-templates-enabled .docs-wraper article {
position: relative;
border-bottom: none;
padding: 0 0 0 35px !important;
margin: 15px 0 !important;
}
.docs-tax-templates-enabled .docs-wraper article:before {
content: "\e926";
color: #333;
font-family: 'docswp' !important;
speak: none;
position: absolute;
font-size: 1.2em;
left: 0;
top: 50%;
transform: translateY(-50%);
} :not(.search).docs-single-templates-enabled .site-content > .ast-container,
:not(.search).docs-tax-templates-enabled .site-content > .ast-container {
max-width: 100%;
padding: 0;
} :not(.search).docs-single-templates-enabled .site-content,
:not(.search).docs-tax-templates-enabled .site-content {
padding: 0;
}
.docs-tax-templates-enabled .docs-archive-wraper,
.docs-single-templates-enabled .docs-archive-wraper {
display: block;
max-width: 1240px;
margin: auto;
padding-left: 20px;
padding-right: 20px;
}
.docs-single-templates-enabled .wrap.docs-wraper,
.docs-tax-templates-enabled .wrap.docs-wraper {
max-width: 1240px;
margin: auto;
padding-left: 20px;
padding-right: 20px;
}
#bsf-search-wrap {
position: relative;
}
#bsf-live-search #bsf-searchform {
width: 100%;
display: block;
background: #fff;
border: 1px solid #d1d1d1;
position: relative;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
#bsf-live-search #bsf-sq { width: 100%;
background: none;
color: #595959;
font-size: 1em;
padding: 20px 25px;
border: none;
box-shadow: none;
position: relative;
outline: 0;
}
#bsf-sq::placeholder { color: #333333;
opacity: 1; }
#bsf-sq:-ms-input-placeholder { color: #333333;
}
#bsf-sq::-ms-input-placeholder { color: #333333;
} .widget_bsf_docs_cat_widget .children li {
padding: 0 0 0 1.5em;
position: relative;
list-style: none;
}
.widget_bsf_docs_cat_widget .children li:before {
content: "\e900";
font-family: 'docswp' !important;
speak: none;
position: absolute;
font-size: 1.2em;
line-height: 1.7;
left: 0.2em;
top: 0;
}
.widget_bsf_docs_cat_widget a {
color: #333333;
}
.widget_bsf_docs_cat_widget ul.children {
margin: 0.5em 0;
}
.widget_bsf_docs_cat_widget ul.children li {
padding-left: 1.5em;
} span.bsf-docs-tag-label {
display: block;
margin-bottom: 1em;
font-weight: bold;
}
ul.bsf-docs-tag {
margin: 2em 0 !important;
list-style: none;
display: block;
}
ul.bsf-docs-tag li {
display: inline-block;
padding: 0.3em 0.7em;
font-size: 0.9em;
margin-right: 7px;
background: #f5f5f5;
color: #636363;
border-radius: 2px;
}
ul.bsf-docs-tag li a {
color: #636363;
} #bsf-search-result {
position: absolute;
background: #fff;
list-style: none;
font-size: 0.9em;
top: 20px;
left: 5px;
margin: 0;
padding: 10px 5px;
border: 1px solid #f5f5f5;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
z-index: 9999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
min-width: 300px;
}
#bsf-search-result:before {
border-color: transparent transparent #fff;
z-index: 9999;
border-style: solid;
border-width: 12px;
content: "";
height: 0;
left: 40px;
position: absolute;
top: -23px;
width: 0;
}
#bsf-search-result a {
display: block;
color: #444;
padding: 5px 10px;
white-space: nowrap;
}
#bsf-search-result a:hover {
text-decoration: none;
background: #F5F5F5;
border-radius: 5px;
}
.bsf-search-loader.spinner {
display: none;
float: right;
position: absolute;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
right: 25px;
width: 25px;
height: 21px;
margin: 0;
}
.bsf-search-loader.spinner img{
vertical-align: top;
}
#bsf-live-search #bsf-sq.live-search-loading + .live-search-loading{
display: inline-block;
} .docs-single-templates-enabled .bsf-categories-wrap .bsf-cat-col:nth-child(4n+1) {
clear: left;
}
.bsf-categories-wrap .bsf-cat-col {
margin: 0 !important;
width: 33.33%;
float: left;
min-height: 1px;
position: relative;
}
.post-type-archive-docs .bsf-categories-wrap .bsf-cat-col {
width: 25%;
}
.bsf-categories-wrap .bsf-cat-col {
padding-left: 0;
}
.bsf-categories-wrap a.bsf-cat-link {
display: block;
background: #fbfbfb;
border: 1px solid #c6c6c6;
padding: 30px 20px;
color: #4d4d4d;
margin: 20px;
text-align: center;
box-shadow: none;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear;
transition: all 150ms linear;
text-decoration: none;
}
.bsf-categories-wrap a.bsf-cat-link:hover {
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
transform: translateY(-1px);
}
.bsf-categories-wrap h4:first-child {
color: #000;
font-size: 1em;
margin: 0 0 5px;
letter-spacing: normal;
font-weight: normal;
text-transform: none;
}
.bsf-categories-wrap .bsf-cat-count{
color: #808285;
font-size: 0.9em;
margin: 0;
}
.docs-title {
margin: 30px 0 0px 20px;
border-bottom: 1px solid #e6e6e6;
padding: 0 0 30px;
}
.bsf-categories-wrap {
margin: 30px 0;
}
.docs-tax-templates-enabled .docs-wraper .bsf-page-header {
border-bottom: 1px solid #e6e6e6;
margin: 0 0 30px;
padding: 0 0 0.5em;
position: relative;
}
.bsf-page-header > h1,
.docs-single-title > h1 {
margin: 0 0 0.5em;
line-height: 1.5 !important;
}
.docs-single-templates-enabled .docs-single-main,
.docs-tax-templates-enabled .bsf-main-wrap {
position: relative;
margin: 0;
}
.bsf-main-wrap article {
border-bottom: none;
margin: 0 !important;
}
.bsf-main-wrap article i {
font-size: inherit;
line-height: inherit;
margin-right: 10px;
}
.entry-content.bsf-entry-content img.attachment-post-thumbnail {
margin-bottom: 2em;
}
h2.bsf-entry-title > a {
color: #3a3a3a;
}
h2.bsf-entry-title > a:hover {
color: #2e8ece;
}
.bsf-entry-title {
display: inline-block;
font-size: 1em;
font-weight: 400;
margin: 0;
}
.bsf-main-wrap .bsf-entry-title a {
text-decoration: none;
}
.bsf-main-wrap .bsf-entry-title a:visited:hover {
color: #2e8ece;
text-decoration: none;
}
.bsf-main-wrap .bsf-entry-title a:visited {
color: #45454C;
}
.docswp-keyboard_arrow_right {
padding-right: 7px;
} .docs-sidebar-area .widget {
padding: 0 !important;
}
.docs-single-templates-enabled #secondary.docs-sidebar-area,
.docs-tax-templates-enabled #secondary.docs-sidebar-area {
border-left: 1px solid #e6e6e6;
left: -1px;
margin: 0;
padding: 45px 0 40px 30px;
}
.docs-single-templates-enabled .docs-wraper #primary.content-area, 
.docs-tax-templates-enabled .docs-wraper #primary.content-area {
margin: 45px 0 !important;
padding-top: 0;
padding-right: 30px;
}
.docs-single-templates-enabled #primary.bsf-options-form-wrap {
padding: 40px 40px 50px 0;
}
.docs-single-templates-enabled .ast-container #primary.bsf-options-form-wrap {
border-right: 1px solid #e6e6e6;
margin-bottom: 0 !important;
}
.docs-tax-templates-enabled #primary, 
.docs-single-templates-enabled #primary, 
.docs-tax-templates-enabled #secondary
.docs-single-templates-enabled #secondary {
display: block;
position: relative;
float: left;
}
@media only screen and ( max-width: 480px ) {
.post-type-archive-docs .docs-archive-wraper .bsf-categories-wrap .bsf-cat-col {
width: 100%;
}
}
@media (min-width: 769px) {
:not(.search).docs-tax-templates-enabled #primary,
:not(.search).docs-single-templates-enabled #primary {
width: 70%;
}
:not(.search).docs-tax-templates-enabled #secondary,
:not(.search).docs-single-templates-enabled #secondary {
float: left;
width: 30%;
}
} .bsf-options-form-wrap .entry-header {
border-bottom: 1px solid #e6e6e6;
margin: 0 0 30px;
padding: 0;
}
.docs-single-title > p {
margin: 0;
}
.docs-single-title {
padding-bottom: 0.5em;
}
@media (max-width: 768px ) {
.post-type-archive-docs .bsf-categories-wrap .bsf-cat-col {
float: left;
width: 50%;
}
.bsf-categories-wrap .bsf-cat-col {
float: none;
width: 100%;
} #bsf-live-search {
margin: auto -7px;
}
.bsf-search-label {
display: none;
}
.docs-single-templates-enabled .docs-wraper #primary.content-area, 
.docs-tax-templates-enabled .docs-wraper #primary.content-area {
padding-right: 0;
border: 0;
}
.docs-single-templates-enabled #secondary.docs-sidebar-area, 
.docs-tax-templates-enabled #secondary.docs-sidebar-area {
border-left: 0;
border-top: 1px solid whitesmoke;
margin: 0;
padding: 50px 0;
}
.tax-breadcrumb {
margin-top: 5px;
} .docs-tax-templates-enabled .docs-archive-wraper, 
.docs-single-templates-enabled .docs-archive-wraper {
padding-left: 0;
padding-right: 0;
}
.bsf-entry-title {
font-size: inherit;
line-height: inherit;
}
#bsf-search-result {
min-width: auto;
}
#bsf-search-result a {
white-space: inherit;
}
.docs-single-templates-enabled .site-header .ast-container, 
.docs-tax-templates-enabled .site-header .ast-container {
width: 100%;
}
}