<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/**
*
* Styles for KlientenInfo
* 2019 Nightwork - Marc Müller, https://nightwork.at
*
**/
#klifo {max-width:1000px; margin:0 auto;}
#klifo-container {clear:both; overflow:hidden; float:none;}
.klifo-content-all {}
.klifo-content-detail {}
h1.klifo-pagetitle {}
.klifo-item {clear:both; overflow:hidden; margin-bottom:50px;}
.klifo-item:last-child {margin-bottom:25px;}

.klifo-item.has-image .klifo-item-block-odd {float:left; width:30%; box-sizing:border-box; padding:0 30px 0 0;}
.klifo-item.has-image .klifo-item-block-even {float:right; width:70%; box-sizing:border-box; padding:0 0 0 30px;}

.klifo-item.no-image .klifo-item-block-odd {display:none;}
.klifo-item.no-image .klifo-item-block-even {}

#klifo a {cursor:pointer;}

.klifo-item h2.klifo-titel {margin:10px 0 15px 0;}
.klifo-item .klifo-intro {}
.klifo-item .klifo-link {}
.klifo-item .klifo-link a.ext-link-a {text-decoration:underline;} /* Link to detail page */
.klifo-item .klifo-link a.ext-link-b {text-decoration:underline;} /* Link back to overview */
.klifo-item .klifo-text {}
.klifo-item .klifo-bild {}
.klifo-content-detail .klifo-item .klifo-bild {float:right; margin:0 0 30px 30px;}
.klifo-item .klifo-bild img {max-width:100%;}
#klifo iframe {width:1px; min-width:100%; height:300px;}

.klifo-bild .copyright {display:block; margin-bottom:15px; font-size:13px;}


/* KLIFO ARTIKEL */
#klifo .content ol {margin:0 0 15px 0; padding:0;}
#klifo li p {display:inline;}
#klifo a {color:blue;}
#klifo ol, #klifo ul {padding:0;}
#klifo sup {font-size:12px; padding:0 3px 0 3px;}
#klifo sup a {color:blue;}
#klifo table {width:100%; border:1px solid #ddd; margin-bottom:20px; border-collapse:collapse;}
#klifo table thead {}
#klifo table tbody {border:medium none;}
#klifo table tbody tr {background-color:#FFF;}
#klifo table tbody tr:nth-child(odd) {background-color:#EEE;}
#klifo table tbody:first-child tr:first-child {background-color:#AAA;}
#klifo table tbody tr td {border:1px solid #ddd; padding:5px;}
#klifo table tbody tr td p {margin:0;}

#klifo .field-name-field-fu-noten {font-size:14px; margin-top:35px; border-top:1px solid #DDD; padding-top:7px;}
#klifo .field-name-field-fu-noten p {margin:0;}

#klifo .menu {}
#klifo .menu ul {margin:0; padding:0;}
#klifo .menu ul li {display:inline-block; margin:0 1rem 1rem 0;}
#klifo .menu ul li .klifo-menu-link {display:block; cursor:pointer; padding:5px 10px; background-color:#FFF; color:#222; border-radius:3px;}
#klifo .menu ul li .klifo-menu-link:hover {text-decoration:underline; color:#444;}
#klifo .menu ul li .klifo-menu-link.active {text-decoration:underline;}

#klifo h3.klifo-tools-label {margin-top:0;}

#klifo-topic-filter {
  padding: 0.5rem 1rem;
  width: 100%;
}

.klifo-tools {
  overflow:hidden;
  clear:both;
  background-color:#EAEAEA;
  padding:1.5rem 1.5rem 1rem 1.5rem;
}

.klifo-tools-menu {float:left; width:70%;}
.klifo-tools-filter {float:right; width:25%;}




/**
*
* Mobile / Small screen version
*
**/
@media screen and (min-width:100px) and (max-width:768px) {
  .klifo-item .klifo-item-block-odd {float:none; width:auto; padding:0; margin-bottom:20px;}
  .klifo-item .klifo-item-block-even {float:none; width:auto; padding:0;}

  .klifo-item.has-image .klifo-item-block-odd {float:none; width:auto; box-sizing:border-box; padding:0;}
  .klifo-item.has-image .klifo-item-block-even {float:none; width:auto; box-sizing:border-box; padding:0;}
  .klifo-item .klifo-bild {float:none; margin:0;}
}
</style>
<!-- end Simple Custom CSS and JS -->
