div.itemIntroText {
    color: #444;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    padding: 4px 0 12px 0;
}

/* ========================================================================
New Support form
 ========================================================================== */

.help-feedback {
    display: inline-block;
    margin-top: 0.5rem;
}

/* ========================================================================
    Mobile Dropdown
 ========================================================================== */

.mobile-menu {
    margin-top: 30px;
    margin-bottom: 15px;
}
.mobile-menu .uk-dropdown {
    margin-top: -5px;
}

/* ========================================================================
    Press center
 ========================================================================== */

.press-tabs .uk-tab-left > li.uk-active > a {
    border-right-color: transparent;
}
.press-tabs .uk-tab-left > li.uk-active > a,
.uk-tab-right > li.uk-active > a {
    border-color: #0085cd;
}
.press-tabs .uk-tab > li.uk-active > a {
    /* background: #0085cd;
    color: #fff; */
    color: #0085cd;
}
.press-tabs .uk-tab-left {
    border-right: 1px solid #0085cd;
}
.press-tabs .uk-nav li.uk-active > a {
    color: orange;
}
.press-tabs .uk-nav-dropdown > li > a:hover {
    color: orange;
}
.press-tabs .uk-nav li {
    margin-bottom: 10px;
}
.press-tabs .uk-nav li:last-child {
    margin-bottom: 0px;
}
.press-tabs .uk-tab-responsive > a:before {
    content: "\f0c9\00a0";
    font-family: FontAwesome;
    margin-right: 7px;
}
@media (max-width: 767px) {
    .press-tabs .uk-tab-left {
        border-right: 0;
    }
    .press-tabs .uk-tab {
        border-bottom: 1px solid #0085cd;
    }
    .press-tabs .uk-tab > li {
        margin-bottom: 0px;
    }
    .press-tabs .uk-dropdown {
        margin-left: 0px;
        background: #777;
    }
}

/* ========================================================================
  Abhackezeichen
 ========================================================================== */

.tick,
.tick-x {
    text-align: center !important;
}
.tick::before {
    content: "✔";
    text-align: center !important;
    color: #009E2C;
    vertical-align: middle;
}
.tick-x::before {
    content: "—";
    text-align: center !important;
    color: #0085cd;
}
.uk-text-xsmall {
    font-size: calc(9.5px + .11vw);
    line-height: 1.1;
}

/* ========================================================================
   Comparison FreeOffice and SoftMaker Office
 ========================================================================== */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.comparison-tabs .uk-smo-tab {
    margin: 0;
}
.comparison .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    -webkit-flex-wrap: wrap;
    background: white;
}
.comparison .row {
    width: 100%;
}
.comparison .header,
.comparison .info,
.comparison .cell {
    width: 25%;
    /*  float:left; */
    text-align: center;
    border-left: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
}
.comparison .header:nth-child(4),
.comparison .info:nth-child(4),
.comparison .cell:nth-child(4) {
    border-right: 1px solid #cfcfcf;
}
.comparison .cell:nth-child(2),
.comparison .cell:nth-child(3),
.comparison .cell:nth-child(4) {
    /*  display: flex; */
    align-items: center;
    justify-content: center;
}
.comparison .bottom {
    border-bottom: 1px solid #cfcfcf;
}
.comparison .subscribe:nth-child(2) {
    background: #384351;
}
.comparison .subscribe:nth-child(3) {
    background: #009E2C;
}
.comparison .subscribe:nth-child(4) {
    background: #009E2C;
}
.comparison .purchase:nth-child(2) {
    background: #384351;
}
.comparison .purchase:nth-child(3) {
    background: #6c85ac;
}
.comparison .purchase:nth-child(4) {
    background: #6c85ac;
}
.comparison .header h4 {
    color: #fff !important;
}
.comparison .cell:nth-child(1) {
    text-align: left;
}
.comparison .header,
.comparison .cell,
.comparison .features {
    padding: 10px;
}
.comparison .uk-icon-chevron-circle-right {
    margin-left: 3px;
}
.comparison .more {
    margin-bottom: 24px;
}
.comparison .features {
    background: #ddd;
    text-align: center;
    width: 100%;
}
.comparison .empty {
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
}
.comparison .space {
    background: #cdcdcd;
}
.comparison .tick-x::before {
    content: "";
    text-align: center !important;
    color: #0085cd;
}
.comparison .price {
    margin-top: 22px;
}
@media (max-width: 767px) {
    .comparison .hidden-small,
    .comparison .empty {
        display: none;
    }
    .comparison .cell:nth-child(1) {
        width: 100%;
        text-align: center;
        border-right: 1px solid #cfcfcf;
    }
    .comparison .header,
    .comparison .info,
    .comparison .cell:nth-child(2),
    .comparison .cell:nth-child(3),
    .comparison .cell:nth-child(4) {
        width: 33.33333%;
    }
    .comparison .features:nth-child(2) {
        width: 100%;
        text-align: center;
    }
    .comparison .header h4 {
        font-size: 16px;
        line-height: 18px;
    }
}
@media (min-width: 768px) {
    .comparison .sticky-header {
        position: -webkit-sticky;
        position: sticky;
        top: 70px;
    }
    .comparison .sticky-subscribe {
        position: -webkit-sticky;
        position: sticky;
        top: 397px;
    }
    .comparison .sticky-purchase {
        position: -webkit-sticky;
        position: sticky;
        top: 375px;
    }
}
.uk-comparison-tab {
    font-size: 25px;
    margin: 0px
}








.comparison-flexipdf .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    -webkit-flex-wrap: wrap;
    background: white;
}
.comparison-flexipdf .row {
    width: 100%;
}
.comparison-flexipdf .header,
.comparison-flexipdf .info,
.comparison-flexipdf .cell {
    width: 20%;
    /*  float:left; */
    text-align: center;
    border-left: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
}

.comparison-flexipdf .header:nth-child(4),
.comparison-flexipdf .info:nth-child(4),
.comparison-flexipdf .cell:nth-child(4) {
    border-right: 0px solid #cfcfcf;
}



.comparison-flexipdf .header:nth-child(5),
.comparison-flexipdf .info:nth-child(5),
.comparison-flexipdf .cell:nth-child(5) {
    border-right: 1px solid #cfcfcf;
}
.comparison-flexipdf .cell:nth-child(2),
.comparison-flexipdf .cell:nth-child(3),
.comparison-flexipdf .cell:nth-child(4) {
    /*  display: flex; */
    align-items: center;
    justify-content: center;
}
.comparison-flexipdf .bottom {
    border-bottom: 1px solid #cfcfcf;
}
.comparison-flexipdf .subscribe:nth-child(2) {
    background: #384351;
}
.comparison-flexipdf .subscribe:nth-child(3) {
    background: #3B4F73;
}
.comparison-flexipdf .subscribe:nth-child(4) {
    background: #009E2C;
}
.comparison-flexipdf .purchase:nth-child(2) {
    background: #384351;
}
.comparison-flexipdf .purchase:nth-child(3) {
    background: #6c85ac;
}
.comparison-flexipdf .purchase:nth-child(5) {
    background: #3C3B3D;
}
.comparison-flexipdf .header h4 {
    color: #fff !important;
}
.comparison-flexipdf .cell:nth-child(1) {
    text-align: left;
}
.comparison-flexipdf .header,
.comparison-flexipdf .cell,
.comparison-flexipdf .features {
    padding: 10px;
}
.comparison-flexipdf .uk-icon-chevron-circle-right {
    margin-left: 3px;
}
.comparison-flexipdf .more {
    margin-bottom: 24px;
}
.comparison-flexipdf .features {
    background: #ddd;
    text-align: center;
    width: 100%;
}
.comparison-flexipdf .empty {
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
}
.comparison-flexipdf .space {
    background: #cdcdcd;
}
.comparison-flexipdf .tick-x::before {
    content: "";
    text-align: center !important;
    color: #0085cd;
}
.comparison-flexipdf .price {
    margin-top: 22px;
}
@media (max-width: 991px) {
    .comparison-flexipdf .hidden-small,
    .comparison-flexipdf .empty {
        display: none;
    }
    .comparison-flexipdf .cell:nth-child(1) {
        width: 100%;
        text-align: center;
        border-right: 1px solid #cfcfcf;
    }
    .comparison-flexipdf .header,
    .comparison-flexipdf .info,
    .comparison-flexipdf .cell:nth-child(2),
    .comparison-flexipdf .cell:nth-child(3),
    .comparison-flexipdf .cell:nth-child(4),
    .comparison-flexipdf .cell:nth-child(5) {
        width: 25%;
    }
    .comparison-flexipdf .features:nth-child(2) {
        width: 100%;
        text-align: center;
    }
    .comparison-flexipdf .header h4 {
        font-size: 16px;
        line-height: 18px;
    }
}
@media (min-width: 992px) {
    .comparison-flexipdf .sticky-header {
        position: -webkit-sticky;
        position: sticky;
        top: 70px;
    }
    .comparison-flexipdf .sticky-subscribe {
        position: -webkit-sticky;
        position: sticky;
        top: 397px;
    }
    .comparison-flexipdf .sticky-purchase {
        position: -webkit-sticky;
        position: sticky;
        top: 375px;
    }
}













.table-free {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 0px;
    table-layout: fixed
}

/* * Add margin if adjacent element */

* + .table-free {
    margin-top: 0px;
}
.table-free th,
.table-free td {
    padding: 8px;
}
.table-free,
.table-free th,
.table-free td {
    border: 1px solid #ededed;
}
.table-free li {
    padding-bottom: 6px;
}

/* * Set alignment and color  */

.table-free th {
    text-align: center;
}
.table-free thead th:nth-child(1) {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.table-free th:nth-child(2) {
    background-color: #384351;
}
.table-free tbody td:nth-child(2),
.table-free tbody td:nth-child(3),
.table-free tbody td:nth-child(4) {
    text-align: center;
}
.table-free .sub th:nth-child(3),
.table-free .sub th:nth-child(4) {
    background-color: #009E2C;
}
.table-free .pur th:nth-child(3),
.table-free .pur th:nth-child(4) {
    background-color: #0085cd;
}
.table-free thead h4 {
    color: #fff;
}
.table-free .tick::before {
    content: "✔";
    text-align: center !important;
    color: #009E2C;
}
.table-free .tick-x::before {
    content: "";
    text-align: center !important;
    color: #0085cd;
}
.table-free thead th {
    vertical-align: top;
}

/* * Caption and footer */

.table-free caption,
.table-free tfoot {
    font-size: 14px;
    font-style: none;
}
.table-free caption {
    text-align: left;
    color: #bbbbbb;
}
.subpur > td {
    padding: 5px;
    vertical-align: top;
}
.subpur > td:nth-child(1) {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.subpur > td:nth-child(2),
.subpur > td:nth-child(3),
.subpur > td:nth-child(4) {
    border-bottom: 1px solid #fff;
}
.table-free-price {
    margin-top: 19px;
    margin-bottom: 3px;
}
.table-free-read-more td {
    padding-bottom: 25px;
}

/* ========================================================================
   Component: Nav
 ========================================================================== */

.uk-nav,
.uk-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*
 * Items
 */

.uk-nav li > a {
    display: block;
    text-decoration: none;
}
.uk-nav > li > a {
    /*  padding: 5px 0px 5px 0px; */
    font-size: 14px;
}

/*
 * Nested items
 */

.uk-nav ul {
    padding-left: 15px;
}
.uk-nav ul a {
    padding: 2px 0;
}

/*
 * Item subtitle
 */

.uk-nav li > a > div {
    font-size: 15px;
    line-height: 20px;
}
.uk-nav-navbar ul a:hover {
    color: orange;
}
.uk-dropdown-navbar {
    margin-top: 0;
    background: #777777;
    color: #ffffff;
    outline: 0 none;
}
.login {
    margin-right: 3px !important;
    margin-top: -3px;
}
.cart {
    margin-right: 3px !important;
    margin-top: -3px;
}

/* Sub-object: `uk-nav-sub`
 ========================================================================== */


/*
 * `ul` needed for higher specificity to override padding
 */

ul.uk-nav-sub {
    padding: 0px 0 0px 20px;
}
ul.uk-nav-sub > li > a:before {
    /*  content: "\2013"; */
    padding-right: 5px;
}
.uk-parent > .uk-nav-sub li a {
    font-family: 'Arial', sans-serif;
    font-weight: 100;
}
.uk-nav-navbar > .uk-parent > .uk-nav-sub,
.uk-nav-navbar > .uk-parent > div > .uk-nav-sub {
    background: #777777;
}

/* ========================================================================
   Menu and SubMenu
 ==========================================================================*/


/* SupMenu Container*/

.tl-submenu {
    box-sizing: border-box;
    /*  max-width: 940px; */
    padding: 0;
}

/* Large screen and bigger */

@media (min-width: 960px) {
    .tl-submenu {
        max-width: 1280px;
        padding: 14px;
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 50px;
    }
}
.tl-submenu {
    margin-left: auto;
    margin-right: auto;
}

/* Menü*/

.tl-submenu ul {
    display: table;
    table-layout: fixed;
    margin-top: 50px;
    border-bottom: 1px solid #ddd;
}
.tl-submenu li {
    display: table-cell;
    width: 100%;
    white-space: nowrap;
}
.tl-submenu li a {
    padding: 2px 5px;
    text-align: center;
    font-size: 12px !important;
}
.tl-submenu li.uk-active > a {
    background: orange;
    color: #fff !important;
    border: 0px solid orange;
}
.tl-submenu ul > li:first-child {
    color: #0085cd !important;
    padding-left: -15px !important;
    font-family: 'Open Sans', sans-serif;
}

/* Sub-object: `uk-nav-header`
 ========================================================================== */

.uk-nav-header {
    text-transform: none;
    font-size: 14px !important;
    color: #fff !important;
    font-family: 'Arial', sans-serif;
    font-weight: 100;
    text-align: left !important;
    padding-left: 15px;
    padding-bottom: 5px;
    line-height: 1.2;
}
.uk-nav-header:not(:first-child) {
    margin-top: 25px;
}
.uk-language {
    margin-right: -5px;
}
@media screen and (max-width: 879px) {
    .uk-nav-header:not(: first-child) {
        margin-top: 0;
    }
    .uk-nav-header {
        text-transform: none;
        color: #ffffff !important;
        /*  margin-left: 15px; */
    }
    .uk-nav-offcanvas > .uk-parent > .uk-nav-sub,
    .uk-nav-offcanvas > .uk-parent > div > .uk-nav-sub {
        background: none;
    }
    .uk-nav > li > a {
        padding: 0;
    }
    ul.uk-nav-sub {
        padding: 0px 0 0px 0px;
    }
    .uk-nav-language {
        margin-top: 0px;
    }
    .uk-offcanvas .uk-panel {
        margin: 0px;
    }
    .uk-nav {
        margin: 15px;
    }
    .uk-nav ul {
        margin-left: 5px;
        padding-left: 5px;
    }
    .uk-nav li {
        margin-bottom: 2px;
    }
    .shopON .uk-nav > li > a {
        padding: 5px 15px 5px 15px;
    }
}

/* ========================================================================
   Component: Dropdown
========================================================================== */


/*
 * 1. Hide by default
 * 2. Set position
 * 3. Box-sizing is needed for `uk-dropdown-justify`
 * 4. Set style
 * 5. Reset button group whitespace hack
 */

.uk-dropdown {
    /* 1 */
    display: none;
    /* 2 */
    position: absolute;
    top: 100%;
    left: 0;
    color: #fff;
    z-index: 2000;
    /* 3 */
    box-sizing: border-box;
    /* 4 */
    min-width: 100%;
    margin-top: 0px;
    padding: 15px 35px 15px 35px;
    /*  padding: 20px; */
    background: #777777;
    /* 5 */
    /*  font-size: 14px; */
    vertical-align: top;
    white-space: nowrap;
    outline: 0 none;
    margin-left: 0;
}

/*
 * 1. Show dropdown
 * 2. Set animation
 * 3. Needed for scale animation
 */

.uk-open > .uk-dropdown {
    /* 1 */
    display: block;
    /* 2 */
    -webkit-animation: uk-fade 0.2s ease-in-out;
    animation: uk-fade 0.2s ease-in-out;
    /* 3 */
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

/* ========================================================================
    FaLang language hover
 ========================================================================== */

.uk-dropdown-language {
    margin-left: 10px;
}
nav.uk-dropdown-language {
    height: 0px;
}
.uk-language-choose {
    margin-top: -69px;
    margin-left: 22px
}
.uk-language-flag {
    margin-top: -1px;
}
.uk-language-drop {
    margin-top: -20px;
    margin-left: 25px
}

/* ========================================================================
   SubMenu: Button and hover
 ========================================================================== */

.tl-button-submenu {
    background: #0085cd !important;
    height: auto !important;
    line-height: 20px !important;
    color: #fff !important;
    border-radius: 3px;
    padding-top: 3px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 3px !important;
    margin-top: 22px;
    margin-left: 5px;
    text-align: center;
}
.tl-button-submenu:before {
    height: 0px !important;
    background: rgba(0, 0, 0, 0) !important;
    height: 0px;
}
.tl-button-submenu:hover {
    background: orange !important;
    color: #ffffff !important;
    /*  border-radius: 3px; */
    z-index: 2;
}

/*
@media screen and (max-width: 900px) {
.tl-button-submenu {
  background-color: #0085cd;
  color: #fff !important;
  border: 1px solid #0085cd;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }  
}
*/

.uk-navbar-nav.uk-active > a::after {
    content: "\f107";
    float: right;
    font-family: FontAwesome;
    margin-right: -10px;
    text-align: center;
    width: 26px;
}
.uk-nav li.uk-active > a {
    color: orange;
}
.tl-button-main-menu {
    background: #0085cd;
    color: #fff !important;
}
.uk-vw-img-hero {
    padding-top: 2vw;
    padding-bottom: 2vw;
}
.hero-img {
    background-image: url("../../../../../../images/home/softmaker_office_2018_tpp_en.jpg");
    background-repeat: no-repeat;
    width: 100%
}
.uk-hero-padding-top {
    padding-top: 5vw;
}

/* ========================================================================
 @media / Schriften und Text
==========================================================================*/

.text-grey,
.uk-text-grey {
    color: #777777 !important;
}
.text-white,
.uk-text-white {
    color: #fff !important;
}
.text-blue,
.uk-text-blue {
    color: #0085cd !important;
}
.text-lightgreen,
.uk-text-lightgreen {
    color: lightgreen !important;
}
.text-red,
.uk-text-red {
    color: red !important;
}
.text-orange,
.uk-text-orange {
    color: #664200 !important;
}
.text-green,
.uk-text-green {
    color: #009933 !important;
}
@media (min-width: 395px) and (max-width:767px) {
    h1 {
        font-size: 40px;
        line-height: 42px;
    }
    h2 {
        font-size: 30px;
        line-height: 32px;
    }
    h3 {
        font-size: 20px;
        line-height: 20px;
    }
}
@media (min-width: 100px) and (max-width:394px) {
    h1 {
        font-size: 29px;
        line-height: 30px;
    }
    h2 {
        font-size: 19px;
        line-height: 20px;
    }
    h3 {
        font-size: 16px;
        line-height: 17px;
    }
}
.tooltip {
    position: relative;
    display: inline-block;
    /*    border-bottom: 1px dotted black;    */
    color: #0085cd;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: #0085cd;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;
    opacity: 0;
    transition: opacity 0.07s;
    font-weight: 300 !important;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #0085cd transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.uk-image-center {
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 992px) {
    .uk-image-center-small {
        margin-left: auto;
        margin-right: auto;
    }
}
.uk-aktive-button {
    color: orange !important;
}

/* ==========================================================================
  Größe der Bilder für die Supportseite
==========================================================================*/

.uk-support-img {
    width: 200px;
    height: 200px;
}
@media (max-width: 767px) {
    .uk-support-img {
        width: 100px;
        height: 100px;
    }
}

/* ==========================================================================
  Neues Layout für Schriften
==========================================================================*/


/* Ändert das Padding der H1-Überschrift*/

@media (max-width: 959px) {
    .tl-pt30-hidden {
        padding-top: 30px !important;
    }
}

/* ==========================================================================
  ***ENDE
==========================================================================*/


/* ==========================================================================
		Text Zentrieren bei 767 Pixel
==========================================================================*/

@media (max-width: 767px) {
    .tl-text-center768 {
        text-align: center;
    }
}
@media (max-width: 768px) {
    .tl-pt-small50 {
        padding-top: 50px;
    }
    .tl-pt80-hidden {
        padding-top: 0px !important;
    }
}
@media (min-width: 768px) {
    .uk-visible-small-hr {
        display: none !important;
    }
}
.table-font {
    display: table;
    border: 1px solid #ddd;
    border-collapse: collapse;
    width: 100%;
}
.table-font-row {
    display: table-row;
    border: 1px solid #ddd;
}
.table-font-cell {
    display: table-cell;
    border: 1px solid #ddd;
    padding: 15px;
}
.thead-font {
    font-weight: bold;
    background: #eee;
}
@media only screen and (max-width: 800px) {
    .table-font {
        border: none;
    }
    .table-font-row,
    .table-font-cell {
        display: block;
        border: 1px solid #ddd;
    }
    .table-row {
        margin-bottom: 20px;
    }
}
.tl-image-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.uk-icon-check-square-o {
    color: #424242;
}
.uk-icon-minus-square-o {
    color: red;
}

/* ==========================================================================
    Dropdown-Menü und Button ersätzt das SubMenü
==========================================================================*/


/*
    .dropdown {
        padding-top: 30px;
        margin: 0 auto;
        display: table;
    }

    .dropdown-menu {
        position: absolute;
        z-index: 1000;
    }
*/


/*
    .dropdown-menu {
        box-shadow: none;
        margin-top: 0px;
        padding: 10px 0px;
        background: #eee;
        border: 1px solid #777777;
        border-radius: 2px;
        text-align: left;
        box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.25);

    }

    .dropdown-menu > li > a {
        font-weight: inherit;
        line-height: inherit;
        color: #333;
        padding: 5px 20px;
    }

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-submenu:hover > a,
    .dropdown-submenu:focus > a {
        background: #0085cd;
    }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        background: #0085cd;
    }

    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: top;
        border-top: 10px solid #0085cd;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        content: "";
    }

    .dropdown .caret {
        margin-top: 18px;
        margin-left: 20px;
    }


    .dropdown-button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
*/


/*
    .dropdown-button {
        outline: 0 none;
        min-width: 200px;
        -webkit-appearance: none;
        margin: 0;
        border: none;
        overflow: visible;
        font: inherit;
        color: #777777;
        text-transform: none;
        display: inline-block;
        box-sizing: border-box;
        padding: 0 20px;
        background: transparent;
        vertical-align: middle;
        line-height: 40px;
        min-height: 40px;
        font-size: 14px;
        text-decoration: none;
        text-align: center;
        border-radius: 2px;
        border: 1px solid #777777;
        font-weight: bold;
        box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.25);
    }

    .dropdown-button:not(:disabled) {
        cursor: pointer;
    }
*/


/*
 * Hover */


/*
    .dropdown-button:hover {
        background-color: #777777;
        color: #ffffff;
        outline: none;
        text-decoration: none;
        box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.25);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
*/

.dropdown-button:focus {}

/* Active */


/*
    .dropdown-button:active,
    .dropdown-button.uk-active {
        background-color: #777777;
        color: #ffffff;
    }
*/


/*============== SoftMaker Software GmbH ==============*/

.uk-image-hover {
    opacity: 1.0;
    filter: alpha(opacity=50);
    /* For IE8 and earlier */
}
.uk-image-hover:hover {
    opacity: 0.5;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
}

/* ==========================================================================
    K2 PrintWindow Joomla
==========================================================================*/

.tl-print-k2 {
    padding-top: 20px;
    width: 595px;
    margin-left: auto;
    margin-right: auto;
}

/* ==========================================================================
    Wrapper to fix the footer on the bottom
==========================================================================*/

.blog-recent-post ul {
    margin-top: -20px;
    margin-left: -30px;
    list-style-type: none;
}
.blog-menu ul {
    padding: 0px;
    margin-top: -20px;
    font-size: 14px;
}

/* ==========================================================================
    Container backgrounds for fullscreen areas
==========================================================================*/

.tl-bg-white {
    background: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
    /*  margin-left: -100%;
  margin-right: -100%; */
}
.tl-white-bg {
    /* background: #fff; */
    padding-top: 60px;
    padding-bottom: 60px;
}
.uk-bg-lightblue {
    background: lightblue;
}
.uk-bg-darkgrey {
    background: darkgrey;
}
.uk-bg-lightgrey {
    background: #f9f9f9;
}
.uk-bg-dark {
    background: #2E2E2E;
}
.tl-bg-lightgrey {
    background: #f9f9f9;
    padding-top: 50px;
    padding-bottom: 64px;
}
.tl-lightgrey-bg {
    background: #f9f9f9;
    padding-top: 50px;
    padding-bottom: 60px;
    /*  margin-left: -100%;
  margin-right: -100%; */
    width: 100%;
}
.uk-vw-background-dark {
    background: #2e2e2e;
    padding-top: 3vw;
    padding-bottom: 3vw;
    color: #fff;
}
.uk-vw-background-red {
    background-image: linear-gradient(to bottom, #eee9e9 0%, white 100%);
    padding-top: 3vw;
    padding-bottom: 3vw;
    color: #fff;
}
.uk-vw-background-secondary {
    background-image: linear-gradient(to bottom, #e9e9e9 0%, white 100%);
    padding-top: 3vw;
    padding-bottom: 3vw;
    color: #fff;
}
.uk-vw-background-lightgrey {
    background: #f9f9f9;
    padding-top: 3vw;
    padding-bottom: 3vw;
}
.uk-vw-background-lightblue {
    background-image: linear-gradient(to bottom, #dfe9f3 0%, white 100%);
    padding-top: 3vw;
    padding-bottom: 3vw;
}
.uk-vw-background-lightblue2 {
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    padding-top: 3vw;
    padding-bottom: 3vw;
}
.uk-background-dark-shadow {
    background: #444444;
    color: #fff;
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.25);
}
.uk-background-light-shadow {
    background: #aaa;
    color: #fff;
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.uk-vw-background-white {
    background: #ffffff;
    padding: 3vw;
    padding-bottom: 3vw;
}
.tl-cc {
    margin-left: auto;
    margin-right: auto;
}
.tl-cc50 {
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
}

/* ==========================================================================
    Container sizes and @media
==========================================================================*/

.uk-container-large {
    box-sizing: border-box;
    max-width: 1600px;
    padding: 0 25px;
}

/* Large screen and bigger */

@media (min-width: 1220px) {
    .uk-container-large {
        max-width: 1600px;
        padding: 0 35px;
    }
}
.uk-container-medium {
    box-sizing: border-box;
    max-width: 1280px;
    padding: 0 25px;
}

/* Large screen and bigger */

@media (min-width: 1220px) {
    .uk-container-medium {
        max-width: 1280px;
        padding: 0 35px;
    }
}

/*
 * Micro clearfix
 */

.uk-container-large:before,
.uk-container-large:after {
    content: "";
    display: table;
}
.uk-container-large:after {
    clear: both;
}

/*
 * Center container
 */

.uk-container-large {
    margin-left: auto;
    margin-right: auto;
}
.tl-container-sml {
    box-sizing: border-box;
    max-width: 860px;
    padding: 0 25px;
}

/* Large screen and bigger */

@media (min-width: 960px) {
    .tl-container-sml {
        max-width: 860px;
        padding: 0 35px;
    }
}

/*
 * Micro clearfix
 */

.tl-container-sml:before,
.tl-container-sml:after {
    content: "";
    display: table;
}
.tl-container-sml:after {
    clear: both;
}

/*
 * Center container
 */

.tl-container-sml {
    margin-left: auto;
    margin-right: auto;
}
.tl-container-xsml {
    width: 800px;
}
.tl-container-xxs {
    padding-top: 20px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 395px) and (max-width:767px) {
    .tl-container-xxs {
        padding-top: 20px;
        min-width: 100px;
        max-width: 680px;
        margin-left: auto;
        margin-right: auto;
    }
}
.uk-container-max400 {
    max-width: 400px;
}
.uk-container-max500 {
    max-width: 500px;
}
.uk-container-max600 {
    max-width: 600px;
}
.uk-container-max700 {
    max-width: 700px;
}
.uk-container-max800 {
    max-width: 800px;
}
.uk-container-max900 {
    max-width: 900px;
}
.uk-container-max1024 {
    max-width: 1024px;
}
@media (min-width: 100px) and (max-width:767px) {
    .uk-container-small {
        max-width: 100%;
        padding: 0 35px !important;
    }
}

/* ==========================================================================
    Blog
==========================================================================*/

.tl-blog-bgimage {
    background-image: url(../../../images/blog/blog_teaser.jpg);
    padding-bottom: 188px;
    padding-top: 50px;
    background-repeat: no-repeat;
}

/* =========================================================================
    Blog @Media Einstellungen 
 ==========================================================================*/


/*.tl-blog-bgimage { background-image: url(../../../images/blog/blog_teaser.jpg); padding-bottom: 200px; padding-top: 50px; background-repeat: no-repeat}*/


/*.tl-blog-bgimage img { width: 33%; height: auto; margin:-5px;}*/

#k2Container {
    font-size: 14px;
    border-right-width: 0px;
    padding-right: 0px;
}
.userItemView {
    padding-left: 32px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 0px;
    border-bottom: 1px solid #ccc;
}
.userItemHeader {
    height: 95px;
}
.tm-block {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.itemBody {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
}
.tm-block {
    padding-bottom: 0 !important;
}

/*
@media (min-width: 100px) and (max-width: 2550px){ 
.tl-blog-bgimage { margin-left: 0px; margin-right: 0px; }
*/

@media (min-width: 100px) and (max-width: 768px) {
    #k2Container {
        font-size: 14px;
        border-right-width: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .userItemView {
        padding-left: 20px;
        padding-right: 0px;
    }
    .userItemHeader {
        height: 95px;
    }
    .tm-block {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .itemBody {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
    }
    .tm-block {
        padding-bottom: 0 !important;
    }
    .tl-blog-bgimage {
        background-image: url(../../../images/blog/blog_teaser_sml.jpg);
        padding-bottom: 120px;
        padding-top: 40px;
        background-repeat: no-repeat;
    }
    .tm-block {
        padding-bottom: 0 !important;
    }
    .tl-blog-bgimage div {
        width: 100%;
        height: 100px;
        background-color: #009933;
    }
}

/* ========================================================================
   @media : Umbruch erzwingen
 ==========================================================================*/

@media (max-width: 320px) {
    .tl-break-sml-before::before,
    .tl-break-sml-after::after {
        content: "\A";
        white-space: pre;
    }
}
@media (max-width: 320px) {
    .tl-break-before::before,
    .tl-break-after::after {
        content: "\A";
        white-space: pre;
    }
}
@media (max-width: 591px) {
    .tl-break-before::before,
    .tl-break-after::after {
        content: "\A";
        white-space: pre;
    }
}
@media (max-width: 900px) {
    .tl-break-before::before,
    .tl-break-after::after {
        content: "\A";
        white-space: pre;
    }
}

/* ========================================================================
   Special padding :: Für Fonts-Seite
 ==========================================================================*/

.tl-h3-padding {
    padding-top: 30px;
}
.tl-h1-padding {
    padding-bottom: 30px;
}

/* ========================================================================
   @media :: Versteckt Elemente mit Standard-Pixel-Grösse
 ========================================================================== */

@media screen and (min-width: 960px) {
    .tl-hidden-large-std {
        display: none !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .tl-hidden-medium-std {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .tl-hidden-small-std {
        display: none !important;
    }
}

/* ========================================================================
   @media :: Hide elements :: Text slideshow, 
 ========================================================================== */

@media screen and (max-width: 960px) {
    .tl-hidden-large {
        display: none !important;
    }
}
@media screen and (max-width: 860px) {
    .tl-hidden-medium {
        display: none !important;
    }
}
@media screen and (max-width: 768px) {
    .tl-hidden-small {
        display: none !important;
    }
}
@media screen and (max-width: 768px) {
    .tl-hidden-center {
        margin-left: auto;
        margin-right: auto;
    }
}

/* ========================================================================
   Grid-divider :: Von horizontal zu vertikal
 ========================================================================== */

@media screen and (max-width: 768px) {
    .tl-grid-divider-stack {
        margin-top: 35px;
        border-bottom: 1px solid #dddddd;
    }
}

/* ========================================================================
   Grid-divider :: Von horizontal zu vertikal
 ========================================================================== */

@media screen and (max-width: 768px) {
    .tl-no-margin-top {
        margin-top: 0px;
    }
}

/* ========================================================================
   Colors: 
 ========================================================================== */

.tl-blue {
    color: #0085cd;
}
.tl-white {
    color: #fff;
}
.tl-orange {
    color: rgba(255, 175, 75, 1);
}
.tl-green {
    color: #a4b357;
}

/* ========================================================================
   Padding and Margins:  
 ========================================================================== */

.tl-mt {
    margin-top: 50px
}
.tl-pt1 {
    padding-top: 1px;
}
.tl-pt2 {
    padding-top: 2px;
}
.tl-pt3 {
    padding-top: 3px;
}
.tl-pt4 {
    padding-top: 4px;
}
.tl-pt5 {
    padding-top: 5px;
}
.tl-pt6 {
    padding-top: 6px;
}
.tl-pt7 {
    padding-top: 7px;
}
.tl-pt8 {
    padding-top: 8px;
}
.tl-pt9 {
    padding-top: 9px;
}
.tl-pt10 {
    padding-top: 10px;
}
.tl-pt11 {
    padding-top: 11px;
}
.tl-pt12 {
    padding-top: 12px;
}
.tl-pt13 {
    padding-top: 13px;
}
.tl-pt14 {
    padding-top: 14px;
}
.tl-pt15 {
    padding-top: 15px;
}
.tl-pt16 {
    padding-top: 16px;
}
.tl-pt17 {
    padding-top: 17px;
}
.tl-pt18 {
    padding-top: 18px;
}
.tl-pt19 {
    padding-top: 19px;
}
.tl-pt20 {
    padding-top: 20px;
}
.tl-pt21 {
    padding-top: 21px;
}
.tl-pt22 {
    padding-top: 22px;
}
.tl-pt23 {
    padding-top: 23px;
}
.tl-pt24 {
    padding-top: 24px;
}
.tl-pt25 {
    padding-top: 25px;
}
.tl-pt26 {
    padding-top: 26px;
}
.tl-pt27 {
    padding-top: 27px;
}
.tl-pt28 {
    padding-top: 28px;
}
.tl-pt29 {
    padding-top: 29px;
}
.tl-pt30 {
    padding-top: 30px;
}
.tl-pt31 {
    padding-top: 31px;
}
.tl-pt32 {
    padding-top: 32px;
}
.tl-pt33 {
    padding-top: 33px;
}
.tl-pt34 {
    padding-top: 34px;
}
.tl-pt35 {
    padding-top: 35px;
}
.tl-pt36 {
    padding-top: 36px;
}
.tl-pt37 {
    padding-top: 37px;
}
.tl-pt38 {
    padding-top: 38px;
}
.tl-pt39 {
    padding-top: 39px;
}
.tl-pt40 {
    padding-top: 40px;
}
.tl-pt41 {
    padding-top: 41px;
}
.tl-pt42 {
    padding-top: 42px;
}
.tl-pt43 {
    padding-top: 43px;
}
.tl-pt44 {
    padding-top: 44px;
}
.tl-pt45 {
    padding-top: 45px;
}
.tl-pt46 {
    padding-top: 46px;
}
.tl-pt47 {
    padding-top: 47px;
}
.tl-pt48 {
    padding-top: 48px;
}
.tl-pt49 {
    padding-top: 49px;
}
.tl-pt50 {
    padding-top: 50px;
}
.tl-pt60 {
    padding-top: 60px;
}
.tl-pt65 {
    padding-top: 65px;
}
.tl-pt70 {
    padding-top: 70px;
}
.tl-pt80 {
    padding-top: 80px;
}
.tl-pt90 {
    padding-top: 90px;
}
.tl-pt100 {
    padding-top: 100px;
}
.tl-pt110 {
    padding-top: 110px;
}
.tl-pt120 {
    padding-top: 120px;
}
.tl-pt130 {
    padding-top: 130px;
}
.tl-pt140 {
    padding-top: 140px;
}
.tl-pt150 {
    padding-top: 150px;
}
.tl-mt1 {
    margin-top: 1px;
}
.tl-mt2 {
    margin-top: 2px;
}
.tl-mt3 {
    margin-top: 3px;
}
.tl-mt4 {
    margin-top: 4px;
}
.tl-mt5 {
    margin-top: 5px;
}
.tl-mt6 {
    margin-top: 6px;
}
.tl-mt7 {
    margin-top: 7px;
}
.tl-mt8 {
    margin-top: 8px;
}
.tl-mt9 {
    margin-top: 9px;
}
.tl-mt10 {
    margin-top: 10px;
}
.tl-mt11 {
    margin-top: 11px;
}
.tl-mt12 {
    margin-top: 12px;
}
.tl-mt13 {
    margin-top: 13px;
}
.tl-mt14 {
    margin-top: 14px;
}
.tl-mt15 {
    margin-top: 15px;
}
.tl-mt16 {
    margin-top: 16px;
}
.tl-mt17 {
    margin-top: 17px;
}
.tl-mt18 {
    margin-top: 18px;
}
.tl-mt19 {
    margin-top: 19px;
}
.tl-mt20 {
    margin-top: 20px;
}
.tl-mt21 {
    margin-top: 21px;
}
.tl-mt22 {
    margin-top: 22px;
}
.tl-mt23 {
    margin-top: 23px;
}
.tl-mt24 {
    margin-top: 24px;
}
.tl-mt25 {
    margin-top: 25px;
}
.tl-mt26 {
    margin-top: 26px;
}
.tl-mt27 {
    margin-top: 27px;
}
.tl-mt28 {
    margin-top: 28px;
}
.tl-mt29 {
    margin-top: 29px;
}
.tl-mt30 {
    margin-top: 30px;
}
.tl-mt31 {
    margin-top: 31px;
}
.tl-mt32 {
    margin-top: 32px;
}
.tl-mt33 {
    margin-top: 33px;
}
.tl-mt34 {
    margin-top: 34px;
}
.tl-mt35 {
    margin-top: 35px;
}
.tl-mt36 {
    margin-top: 36px;
}
.tl-mt37 {
    margin-top: 37px;
}
.tl-mt38 {
    margin-top: 38px;
}
.tl-mt39 {
    margin-top: 39px;
}
.tl-mt40 {
    margin-top: 40px;
}
.tl-mt41 {
    margin-top: 41px;
}
.tl-mt42 {
    margin-top: 42px;
}
.tl-mt43 {
    margin-top: 43px;
}
.tl-mt44 {
    margin-top: 44px;
}
.tl-mt45 {
    margin-top: 45px;
}
.tl-mt46 {
    margin-top: 46px;
}
.tl-mt47 {
    margin-top: 47px;
}
.tl-mt48 {
    margin-top: 48px;
}
.tl-mt49 {
    margin-top: 49px;
}
.tl-mt50 {
    margin-top: 50px;
}
.tl-mt60 {
    margin-top: 60px;
}
.tl-mt65 {
    margin-top: 65px;
}
.tl-mt70 {
    margin-top: 70px;
}
.tl-mt80 {
    margin-top: 80px;
}
.tl-mt90 {
    margin-top: 90px;
}
.tl-mt100 {
    margin-top: 100px;
    !important
}
.tl-mt110 {
    margin-top: 110px;
}
.tl-mt120 {
    margin-top: 120px;
}
.tl-mt130 {
    margin-top: 130px;
}
.tl-mt140 {
    margin-top: 140px;
}
.tl-mt150 {
    margin-top: 150px;
}
.tl-pb1 {
    padding-bottom: 1px;
}
.tl-pb2 {
    padding-bottom: 2px;
}
.tl-pb3 {
    padding-bottom: 3px;
}
.tl-pb4 {
    padding-bottom: 4px;
}
.tl-pb5 {
    padding-bottom: 5px;
}
.tl-pb6 {
    padding-bottom: 6px;
}
.tl-pb7 {
    padding-bottom: 7px;
}
.tl-pb8 {
    padding-bottom: 8px;
}
.tl-pb9 {
    padding-bottom: 9px;
}
.tl-pb10 {
    padding-bottom: 10px;
}
.tl-pb11 {
    padding-bottom: 11px;
}
.tl-pb12 {
    padding-bottom: 12px;
}
.tl-pb13 {
    padding-bottom: 13px;
}
.tl-pb14 {
    padding-bottom: 14px;
}
.tl-pb15 {
    padding-bottom: 15px;
}
.tl-pb16 {
    padding-bottom: 16px;
}
.tl-pb17 {
    padding-bottom: 17px;
}
.tl-pb18 {
    padding-bottom: 18px;
}
.tl-pb19 {
    padding-bottom: 19px;
}
.tl-pb20 {
    padding-bottom: 20px;
}
.tl-pb21 {
    padding-bottom: 21px;
}
.tl-pb22 {
    padding-bottom: 22px;
}
.tl-pb23 {
    padding-bottom: 23px;
}
.tl-pb24 {
    padding-bottom: 24px;
}
.tl-pb25 {
    padding-bottom: 25px;
}
.tl-pb26 {
    padding-bottom: 26px;
}
.tl-pb27 {
    padding-bottom: 27px;
}
.tl-pb28 {
    padding-bottom: 28px;
}
.tl-pb29 {
    padding-bottom: 29px;
}
.tl-pb30 {
    padding-bottom: 30px;
}
.tl-pb31 {
    padding-bottom: 31px;
}
.tl-pb32 {
    padding-bottom: 32px;
}
.tl-pb33 {
    padding-bottom: 33px;
}
.tl-pb34 {
    padding-bottom: 34px;
}
.tl-pb35 {
    padding-bottom: 35px;
}
.tl-pb40 {
    padding-bottom: 40px;
}
.tl-pb41 {
    padding-bottom: 41px;
}
.tl-pb42 {
    padding-bottom: 42px;
}
.tl-pb43 {
    padding-bottom: 43px;
}
.tl-pb44 {
    padding-bottom: 44px;
}
.tl-pb45 {
    padding-bottom: 45px;
}
.tl-pb46 {
    padding-bottom: 46px;
}
.tl-pb47 {
    padding-bottom: 47px;
}
.tl-pb48 {
    padding-bottom: 48px;
}
.tl-pb49 {
    padding-bottom: 49px;
}
.tl-pb50 {
    padding-bottom: 50px;
}
.tl-pb60 {
    padding-bottom: 60px;
}
.tl-pb70 {
    padding-bottom: 70px;
}
.tl-pb80 {
    padding-bottom: 80px;
}
.tl-pb90 {
    padding-bottom: 90px;
}
.tl-pb100 {
    padding-bottom: 100px;
}
.tl-mb1 {
    margin-bottom: 1px;
}
.tl-mb2 {
    margin-bottom: 2px;
}
.tl-mb3 {
    margin-bottom: 3px;
}
.tl-mb4 {
    margin-bottom: 4px;
}
.tl-mb5 {
    margin-bottom: 5px;
}
.tl-mb6 {
    margin-bottom: 6px;
}
.tl-mb7 {
    margin-bottom: 7px;
}
.tl-mb8 {
    margin-bottom: 8px;
}
.tl-mb9 {
    margin-bottom: 9px;
}
.tl-mb10 {
    margin-bottom: 10px;
}
.tl-mb11 {
    margin-bottom: 11px;
}
.tl-mb12 {
    margin-bottom: 12px;
}
.tl-mb13 {
    margin-bottom: 13px;
}
.tl-mb14 {
    margin-bottom: 14px;
}
.tl-mb15 {
    margin-bottom: 15px;
}
.tl-mb16 {
    margin-bottom: 16px;
}
.tl-mb17 {
    margin-bottom: 17px;
}
.tl-mb18 {
    margin-bottom: 18px;
}
.tl-mb19 {
    margin-bottom: 19px;
}
.tl-mb20 {
    margin-bottom: 20px;
}
.tl-mb21 {
    margin-bottom: 21px;
}
.tl-mb22 {
    margin-bottom: 22px;
}
.tl-mb23 {
    margin-bottom: 23px;
}
.tl-mb24 {
    margin-bottom: 24px;
}
.tl-mb25 {
    margin-bottom: 25px;
}
.tl-mb26 {
    margin-bottom: 26px;
}
.tl-mb27 {
    margin-bottom: 27px;
}
.tl-mb28 {
    margin-bottom: 28px;
}
.tl-mb29 {
    margin-bottom: 29px;
}
.tl-mb30 {
    margin-bottom: 30px;
}
.tl-mb31 {
    margin-bottom: 31px;
}
.tl-mb32 {
    margin-bottom: 32px;
}
.tl-mb33 {
    margin-bottom: 33px;
}
.tl-mb34 {
    margin-bottom: 34px;
}
.tl-mb35 {
    margin-bottom: 35px;
}
.tl-mb40 {
    margin-bottom: 40px;
}
.tl-mb41 {
    margin-bottom: 41px;
}
.tl-mb42 {
    margin-bottom: 42px;
}
.tl-mb43 {
    margin-bottom: 43px;
}
.tl-mb44 {
    margin-bottom: 44px;
}
.tl-mb45 {
    margin-bottom: 45px;
}
.tl-mb46 {
    margin-bottom: 46px;
}
.tl-mb47 {
    margin-bottom: 47px;
}
.tl-mb48 {
    margin-bottom: 48px;
}
.tl-mb49 {
    margin-bottom: 49px;
}
.tl-mb50 {
    margin-bottom: 50px;
}
.tl-mb60 {
    margin-bottom: 60px;
}
.tl-mb70 {
    margin-bottom: 70px;
}
.tl-mb80 {
    margin-bottom: 80px;
}
.tl-mb90 {
    margin-bottom: 90px;
}
.tl-mb100 {
    margin-bottom: 100px;
}
.tl-pr1 {
    padding-right: 1px;
}
.tl-pr2 {
    padding-right: 2px;
}
.tl-pr3 {
    padding-right: 3px;
}
.tl-pr4 {
    padding-right: 4px;
}
.tl-pr5 {
    padding-right: 5px;
}
.tl-pr10 {
    padding-right: 10px;
}
.tl-pr20 {
    padding-right: 20px;
}
.tl-pr30 {
    padding-right: 30px;
}
.tl-pr35 {
    padding-right: 35px;
}
.tl-pr40 {
    padding-right: 40px;
}
.tl-pr50 {
    padding-right: 50px;
}
.tl-pl1 {
    padding-left: 1px;
}
.tl-pl2 {
    padding-left: 2px;
}
.tl-pl3 {
    padding-left: 3px;
}
.tl-pl4 {
    padding-left: 4px;
}
.tl-pl5 {
    padding-left: 5px;
}
.tl-pl10 {
    padding-left: 10px;
}
.tl-pl20 {
    padding-left: 20px;
}
.tl-pl25 {
    padding-left: 25px;
}
.tl-pl30 {
    padding-left: 30px;
}
.tl-pl35 {
    padding-left: 35px;
}
.tl-pl40 {
    padding-left: 40px;
}
.tl-pl50 {
    padding-left: 50px;
}
.tl-ptb1 {
    padding-top: 1px;
    padding-bottom: 1px;
}
.tl-ptb2 {
    padding-top: 2px;
    padding-bottom: 2px;
}
.tl-ptb3 {
    padding-top: 3px;
    padding-bottom: 3px;
}
.tl-ptb4 {
    padding-top: 4px;
    padding-bottom: 4px;
}
.tl-ptb5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.tl-ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.tl-ptb15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.tl-ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.tl-ptb30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.tl-ptb40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.tl-ptb50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
@media screen and (max-width: 960px) {
    .tl-ptb50-remove {
        padding-top: -50px;
        padding-bottom: 0px;
    }
}
.tl-mb35 {
    margin-bottom: 35px !important;
}
.tl-article-menu {
    padding-right: 20px;
}

/* ==========================================================================
    Home: Tile
========================================================================== */

.tl-tile {
    padding-top: 2px;
}
.tl-tile-padding {
    padding: 20px 40px;
}

/* ========================================================================
  Fonts :: Overview tile
 ========================================================================== */

.sm-grid:not(:empty) {
    margin-left: -25px;
    margin-right: -25px;
}
.sm-grid > * {
    padding-left: 25px;
    padding-right: 25px;
}

/* ==========================================================================
    Border
========================================================================== */

.tl-border-r1w {
    border-right: 1px solid #fff;
}
.tl-border {
    border: 1px solid #ddd;
}
.tl-border3w {
    border: 3px solid #fff;
}
.tl-border-tb1 {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.tl-border-bottom {
    border-bottom: 1px solid #ddd;
}

/* ========================================================================
   Table style big Bulit padding: add-ons,
 ========================================================================== */

.tl-list-big table {
    padding-top: 20px;
}
.tl-list-big th,
.tl-list-big td {
    padding: 15px 10px 10px 10px;
}
.tl-list-big li {
    padding-top: 5px;
}

/* ========================================================================
   Table List-style - like Tips and Tricks, Service pack
 ========================================================================== */

.tl-list dl,
.tl-list ul,
.tl-list ol {
    margin-top: 5px !important;
}
.tl-list li {
    /*padding-top: 5px;*/
    padding-bottom: 5px;
}

/*.tl-list h3 {
 padding-top: 25px;
}*/

.tl-list table {
    margin-top: 15px;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 0;
    font-family: "Arial", Verdana;
    font-size: 14px;
    line-height: 20px;
}
.tl-list thead {
    font-size: 16px;
    line-height: 20px;
    font-family: "Arial", Verdana;
}
.tl-list th,
.tl-list td {
    padding: 5px 5px 5px 5px;
}

/* ========================================================================
   Table padding and fonts: 
 ========================================================================== */

.tl-table-padding-xl td {
    padding: 10px 10px 10px 0px;
}
.tl-table-form td {
    padding: 10px 10px 10px 10px;
    white-space: nowrap;
}
.tl-table-pb-sml li,
.tl-table-pb-sml td,
.tl-table-pb-sml ol {
    line-height: 16px;
    padding: 2px;
}

/* ========================================================================
   Table for comparison Office HD
 ========================================================================== */

.tl-comparison {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 0;
    font-family: "Tahoma", Verdana;
    font-size: 11px;
    line-height: 14px;
}
* + .tl-comparison {
    margin-top: 0;
}
.tl-comparison th,
.tl-comparison td {
    padding-left: 10px;
    padding-right: 10px;
}
.tl-comparison th {
    text-align: left;
    background-color: transparent;
    color: #242729;
    padding-top: 50px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
}
.tl-comparison td {
    vertical-align: top;
}
.tl-comparison thead th {
    vertical-align: bottom;
}
.tl-comparison caption,
.tl-comparison tfoot {
    font-size: 14px;
    font-style: none;
}
.tl-comparison caption {
    text-align: left;
    color: #bbb;
}
.tl-comparison tbody tr.tl-active {
    background: #eee;
}

/* ========================================================================
   Table for fonts
 ========================================================================== */

.tl-table-font {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 0px;
}
* + .tl-table-font {
    margin-top: 0px;
}
.tl-table-font th,
.tl-table-font td {
    padding: 4px 8px 4px 8px;
}
.tl-table-font li {
    padding-bottom: 4px;
}
.tl-table-font th {
    text-align: left;
}
.tl-table-font td {
    vertical-align: top;
}
.tl-table-font thead th {
    vertical-align: bottom;
}
.tl-table-font caption,
.tl-table-font tfoot {
    font-size: 14px;
    font-style: italic;
}
.tl-table-font caption {
    text-align: left;
    color: #bbbbbb;
}
.tl-table-font tbody tr.tl-active {
    background: #eeeeee;
}

/* ========================================================================
    Striped-table
 ========================================================================== */


/* Mit Streifen und Border oben und unten */

.tl-table-striped tbody tr:nth-of-type(odd) {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/* Mit Streifen und Umrandung :: Nur td */

.tl-table-border td {
    border: 1px solid #ddd;
}
@media screen and (max-width:768px) {
    .tl-table-border-off td {
        border: 0px solid #ddd;
    }
}

/* Mit Streifen und Umrandung :: Nur tr */

.tl-table-border-frame tr {
    border: 1px solid #ddd;
}

/* Mit Streifen und Umrandung :: tr und td */

.tl-table-striped-border tbody tr:nth-of-type(odd) {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.tl-table-striped-border tr {
    border: 1px solid #ddd;
}

/* Flexbox-Tabelle mit div’S für SMO Übersicht */

.uk-flex-shadow {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.uk-div-striped-orange div {
    background: #d99347;
    color: #fff !important;
    /*  border-left: 1px solid #2874A6;
  border-right: 1px solid #2874A6; */
    padding: 5px;
}
.uk-div-striped-orange div:nth-of-type(odd) {
    background: #fbd06e;
    /*  border-top: 1px solid #2874A6;
  border-bottom: 1px solid #2874A6; */
}
.uk-div-striped-grey div {
    background: #999;
    color: #fff !important;
    /*  border-left: 1px solid #2874A6;
  border-right: 1px solid #2874A6; */
    padding: 5px;
}
.uk-div-striped-grey div:nth-of-type(odd) {
    background: #888;
    /*  border-top: 1px solid #2874A6;
  border-bottom: 1px solid #2874A6; */
}
.uk-div-striped-lightblue div {
    background: #0a9eee;
    color: #fff !important;
    /*  border-left: 1px solid #2874A6;
  border-right: 1px solid #2874A6; */
    padding: 5px;
}
.uk-div-striped-lightblue div:nth-of-type(odd) {
    background: #a9dbf6;
    /*  border-top: 1px solid #2874A6;
  border-bottom: 1px solid #2874A6; */
}
.uk-div-striped-blue div {
    background: #2874A6;
    color: #fff !important;
    /*  border-left: 1px solid #2874A6;
  border-right: 1px solid #2874A6; */
}
.uk-div-striped-blue div:nth-of-type(odd) {
    background: #2E86C1;
    /*  border-top: 1px solid #2874A6;
  border-bottom: 1px solid #2874A6; */
}
.uk-div-striped-dark div {
    background: #333;
    color: #fff !important;
    /*  border-left: 1px solid #333;
  border-right: 1px solid #333; */
    padding: 5px;
}
.uk-div-striped-dark div:nth-of-type(odd) {
    background: #444;
    /*  border-top: 1px solid #333;
  border-bottom: 1px solid #333; */
}
.uk-div-striped-lightgrey div {
    background: #eee;
    /*  border-left: 1px solid #333;
  border-right: 1px solid #333; */
}
.uk-div-striped-lightgrey div:nth-of-type(odd) {
    background: #e3e3e3;
    /*  border-top: 1px solid #333;
  border-bottom: 1px solid #333; */
}
.uk-div-striped-off div {
    background: transparent;
}
.uk-div-striped-off div:nth-of-type(odd) {
    background: transparent;
}

/* ==========================================================================
    EDU Tabellen CSS
==========================================================================*/

.one {
    background: #444;
}
#two {
    background: #333;
}
#tl-edu-box-container {
    width: 100%;
    background: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    border: 1px solid #ddd;
}
#tl-edu-box1 {
    -webkit-flex: 1;
    flex: 1;
    padding: 10px;
    background: #eee;
    border-bottom: 1px solid #ddd;
}
#tl-edu-box2 {
    height: 160px;
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
#tl-edu-box2de {
    height: 110px;
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
#tl-edu-box3 {
    padding: 10px;
    background: #eee;
    border-bottom: 1px solid #ddd;
}
#tl-edu-box4 {
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
#tl-edu-box5 {
    text-align: center;
    background: #eee;
}
.tl-edu-box-h4 {
    font-size: 22px;
    line-height: 22px;
    color: #0085cd;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}

/* == EDU Tabellen CSS @media Container Einstellung ==*/

@media (max-width:1219px) {
    #tl-edu-box-container {
        width: 100%;
        background: none;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        border: 1px solid #ddd;
        margin-bottom: 50px;
    }
}

/* == EDU @media nur Boxen Einstellung ==*/

@media (max-width:1219px) {
    #tl-edu-box2en {
        height: 75px;
    }
    #tl-edu-box2de {
        height: 105px;
    }
    #tl-edu-box2pr {
        height: 85px;
    }
}
@media (max-width:942px) {
    #tl-edu-box2en {
        height: 85px;
    }
    #tl-edu-box2de {
        height: 130px;
    }
}
@media (max-width:815px) {
    #tl-edu-box2en {
        height: 110px;
    }
    #tl-edu-box2de {
        height: 110px;
    }
    #tl-edu-box2pr {
        height: 110px;
    }
}
@media (max-width:782px) {
    #tl-edu-box2en {
        -webkit-flex: 1;
        flex: 1;
    }
    #tl-edu-box2de {
        -webkit-flex: 1;
        flex: 1;
    }
    #tl-edu-box2pr {
        -webkit-flex: 1;
        flex: 1;
    }
    .tl-edu-box-h4-left {
        text-align: left;
    }
}

/* ==========================================================================
    Table stabel mit Border :: Windows overview-TM,PM,PR,TB
==========================================================================*/


/* Streifen ohne @media */

.tl-table-stack tbody tr:nth-of-type(odd) {
    background: #f5f5f5;
}
.tl-table-stack tbody tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/* Ohne Streifen und Border mit @media */

@media screen and (max-width:768px) {
    .tl-table-stack table {
        margin-left: auto;
        margin-right: auto;
    }
    .tl-table-stack table {
        border: none;
        width: 100%;
    }
    .tl-table-stack thead {
        display: none;
    }
    .tl-table-stack tr {
        float: left;
        width: 100%;
        margin-bottom: 50px;
    }
    .tl-table-stack td {
        float: left;
        padding-bottom: 10px;
        width: 100%;
        text-align: center;
    }
    .tl-table-stack td::before {
        content: attr(data-label);
        width: 100%;
        float: left;
    }
    .tl-table-stack tbody tr:nth-of-type(odd) {
        background: none !important;
    }
    .tl-table-stack tbody tr {
        border: 0 !important;
    }
    .tl-media-pb50 {
        padding-bottom: 50px;
    }
    .tl-media-pb-50 {
        margin-bottom: -50px;
    }
}

/* ========================================================================
   Table-Saw :: Windows overview links-order now, Free trial, Features
 ==========================================================================*/

.tl-table-saw table {
    display: table;
    border: none;
    border-collapse: collapse;
    width: 100%;
}
.tl-table-saw tr {
    display: table-row;
    border: none;
}
.tl-table-saw td {
    display: table-cell;
    border: none;
    padding: 0;
}
.tl-table-saw thead {
    font-weight: bold;
    background: #eee;
}
@media only screen and (max-width: 320px) {
    .tl-table-saw table {
        border: none;
    }
    .tl-table-saw tr,
    .tl-table-saw td {
        display: block;
        border: none;
    }
    .tl-table-saw tr {
        margin-bottom: 0px;
        margin-top: 10px;
    }
    .tl-table-saw h4 {
        margin-top: -10px
    }
}
@media only screen and (max-width: 767px) {
    .tl-table-saw table {
        border: none;
    }
    .tl-table-saw tr,
    .tl-table-saw td {
        display: block;
        border: none;
    }
    .tl-table-saw tr {
        margin-bottom: 0px;
        margin-top: 10px;
    }
    .tl-table-saw h4 {
        margin-top: -10px;
    }
}

/* ========================================================================
  Text-Alignment
 ========================================================================== */

.tl-text-left {
    text-align: left !important;
}
.tl-text-right {
    text-align: right !important;
}
.tl-text-center {
    text-align: center !important;
}
.tl-text-justify {
    text-align: justify !important;
}
.tl-text-top {
    vertical-align: top !important;
}
.tl-text-middle {
    vertical-align: middle !important;
}
.tl-text-bottom {
    vertical-align: bottom !important;
}
.tl-image-center {
    margin-left: auto;
    margin-right: auto;
}

/* ========================================================================
  Feedback Error
 ========================================================================== */

.tl-error li {
    list-style-type: none;
    margin-left: -30px;
}

/* ========================================================================
  Buttoncolor
 ========================================================================== */


/* Button GREEN*/

.tl-button-green {
    background-color: transparent;
    color: #569035;
    border-color: #569035
}

/* Active GREEN*/

.tl-button-green:active,
.tl-button-green.tl-active {
    background-color: #569035;
    color: #fff
}

/* Hover GREEN*/

.tl-button-green:hover,
.tl-button-green:focus {
    background-color: #569035;
    color: #fff;
    box-shadow: inset 0 0 10px 30px #569035
}

/* Button RED*/

.tl-button-red {
    background-color: transparent;
    color: #BC1E1D;
    border-color: #BC1E1D
}

/* Active RED*/

.tl-button-red:active,
.tl-button-red.tl-active {
    background-color: #BC1E1D;
    color: #fff
}

/* Hover RED*/

.tl-button-red:hover,
.tl-button-red:focus {
    background-color: #BC1E1D;
    color: #fff;
    box-shadow: inset 0 0 10px 30px #BC1E1D
}

/* Button ORANGE*/

.tl-button-orange {
    background-color: transparent;
    color: #F89C0A;
    border-color: #F89C0A;
    background-color: #fff
}

/* Active ORANGE*/

.tl-button-orange:active,
.tl-button-orange.tl-active {
    background-color: #F89C0A;
    color: #fff
}

/* Hover ORANGE*/

.tl-button-orange:hover,
.tl-button-orange:focus {
    background-color: #F89C0A;
    color: #fff;
    box-shadow: inset 0 0 10px 30px #F89C0A
}

/* =========== Lightbox ========= */

.tl-lightbox {
    display: none;
    position: absolute;
    height: 70%;
    width: 40%;
    top: 0;
    left: 30%;
    padding: 0;
    background-color: #f9f9f9;
    box-shadow: 10px 20px 30px grey;
    -moz-box-shadow: 10px 20px 30px grey;
    -webkit-box-shadow: 10px 20px 30px grey;
    /*  border:1px solid #ddd; */
    background: #fff;
}
.tl-lightbox iframe {
    width: 100%;
    height: 100%;
}
.tl-lightbox a {
    /*  height: 35px;
  width: 35px;
  background: rgba(32,124,229,1);
  background: -moz-linear-gradient(top, rgba(32,124,229,1) 0%, rgba(73,155,234,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,124,229,1)), color-stop(100%, rgba(73,155,234,1)));
  background: -webkit-linear-gradient(top, rgba(32,124,229,1) 0%, rgba(73,155,234,1) 100%);
  background: -o-linear-gradient(top, rgba(32,124,229,1) 0%, rgba(73,155,234,1) 100%);
  background: -ms-linear-gradient(top, rgba(32,124,229,1) 0%, rgba(73,155,234,1) 100%);
  background: linear-gradient(to bottom, rgba(32,124,229,1) 0%, rgba(73,155,234,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ce5', endColorstr='#499bea', GradientType=0 );
  border: 1px solid #ddd;
  border-radius: 100%;
  border: 2px solid #ddd;
  box-shadow: 10px 20px 30px grey;
  -moz-box-shadow: 10px 20px 30px grey;
 -webkit-box-shadow: 10px 20px 30px grey; */
    float: right;
    top: 0.3em;
    right: 0.5em;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #999;
    font-size: 20px;
}
.tl-lightbox a:hover {
    color: #FFAA00;
}

/* ========================================================================
Modifier: `price-lable`
 ========================================================================== */

.uk-price-lable {
    padding: 15px;
    color: #ffffff;
    font-size: 16px;
    border-radius: 5px;
}
@media (max-width: 992px) {
    .uk-price-lable {
        padding: 10px;
        background: darkgrey;
        color: #ffffff;
        font-size: 12px;
        border-radius: 5px;
    }
}
.flexipdf-price-std {
    background: #444444;
}
.flexipdf-price-nx-home {
    background: #2874b2;
}
.flexipdf-price-pro {
    background: #d70009;
}
.flexipdf-price-nx-universal {
    background: #008800;
}

/* ========================================================================
  Bestellbutton FlexiPDF
 ========================================================================== */

.uk-flexi-order {
    margin-top: -70px !important;
    margin-bottom: 70px !important;
    z-index: 1090;
}
@media (max-width: 879px) {
    .uk-flexi-order {
        margin-top: -25px !important;
        margin-bottom: 25px !important;
    }
}

/* ---------------------------------------------------
    Tab above the SMO-Table
----------------------------------------------------- */

.uk-smo-tab {
    font-size: 25px;
    margin: 20px
}
.uk-smo-tab li {}
.uk-smo-tab > .uk-tab > li > a {
    display: block;
    padding: 15px 20px 15px 20px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    color: #777;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif !important;
}
.uk-smo-tab li:nth-child(n + 1) > a {
    margin-left: 0px;
}
.uk-smo-tab li:nth-child(n + 2) > a {
    margin-right: 0px;
}

/* Platzhalter 
.uk-smo-tab li:nth-child(n+2) {
  margin-left: 10px;
}
*/

.uk-smo-tab > .uk-tab > li:hover,
.uk-smo-tab > .uk-tab > li > a:hover {
    background: #ddd;
    color: orange;
}
.uk-smo-tab > .uk-tab > li:not(.uk-active) {
    background-color: #ddd;
}
.uk-smo-tab > .uk-tab > li:not(.uk-active) > a:hover,
.uk-smo-tab > .uk-tab > li:not(.uk-active) > a:focus,
.uk-smo-tab > .uk-tab > li.uk-open:not(.uk-active) > a {
    margin-bottom: 1px;
    padding-bottom: 14px;
}
.uk-smo-tab > .uk-tab > li.uk-active > a {
    background-color: #0085cd;
    color: white;
}
.uk-smo-tab .uk-tab > li.uk-tab-responsive .uk-dropdown {
    background: #ddd;
    margin-left: 1px;
}
.uk-smo-tab .uk-tab > .uk-tab-responsive .uk-dropdown .uk-dropdown-small {
    width: 10px;
}
.uk-smo-tab .uk-tab > li.uk-tab-responsive .uk-dropdown li.uk-active > a {
    color: #0085cd;
}
.uk-smo-tab .uk-tab > li.uk-tab-responsive .uk-dropdown li:not(.uk-active) > a:hover {
    color: orange;
}
.uk-smo-tab .uk-tab > li.uk-tab-responsive .uk-dropdown li:not(.uk-active) > a {
    color: #777777;
}
@media (max-width: 768px) {
    .uk-smo-tab {
        font-size: 18px;
        margin: 20px
    }
}

/* ---------------------------------------------------
      SMO-Table extra format
----------------------------------------------------- */

.uk-smo-table {
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 20px 0px;
    margin-left: auto;
    margin-right: auto;
}
.uk-smo-table ul {
    margin-top: 0px;
}
.uk-smo-table li {
    list-style: none;
    margin-top: 0px;
    margin-bottom: 10px;
    text-indent: -7px;
}
.uk-smo-table p {
    line-height: 1;
}
.uk-smo-table li:first-child {
    margin-top: -1px;
}
.uk-smo-table li:last-child {
    margin-bottom: -2px;
}
.uk-smo-table .uk-grid > * >:last-child {
    margin-bottom: -2px;
}
.uk-smo-table-head th,
.uk-smo-table-foot td {
    padding-top: 29px;
    padding-bottom: 26px;
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid #cdcdcd;
    text-align: center;
}
.uk-smo-table-body td {
    padding-top: 29px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid #cdcdcd;
    text-align: center;
}
.uk-smo-table-foot td,
.uk-smo-table-body td {
    border-top: 0px solid #cdcdcd;
}
.uk-smo-table-head th {
    vertical-align: top !important;
    width: 25% !important;
    font-weight: normal;
}
.uk-smo-table-head h1,
.uk-smo-table-head h2,
.uk-smo-table-head h3,
.uk-smo-table-body h1,
.uk-smo-table-body h2,
.uk-smo-table-body h3,
.uk-smo-table-foot h1,
.uk-smo-table-foot h2,
.uk-smo-table-foot h3 {
    margin-top: -2px;
    margin-bottom: 27px;
    line-height: 1.2;
}
.uk-smo-table > .uk-button {
    margin: 5px;
}
.uk-smo-table-body td {
    vertical-align: top !important;
    line-height: 1.3;
}
.uk-smo-table-hero-img {
    margin-top: 25px;
    margin-bottom: 25px;
}
.uk-smo-table-button {
    margin: 10px;
}
.uk-smo-table-price {
    margin: 20px 0;
}
.uk-smo-table-body-headline {
    color: #444;
    margin-bottom: 35px;
    line-height: 1;
}
.uk-smo-table-image-title {
    margin-top: 10px;
    margin-bottom: 30px;
}
.uk-smo-table-license {
    margin-top: 35px;
}
.uk-smo-table-system-bar {
    margin-top: 26px;
    padding-left: 20px;
    padding-right: 20px;
}
.uk-smo-table-system-bar h1 {
    margin-bottom: 0px;
}

/* SMO Backgrounds */


/* Head _______________________________*/

.uk-smo-table-head th:nth-child(1) {
    background: #f9f9f9;
}
.uk-smo-table-head th:nth-child(2) {
    background: #f0f0f0;
}
.uk-smo-table-head th:nth-child(3) {
    background: #f9f9f9;
}
.uk-smo-table-head th:nth-child(4) {
    background: #f0f0f0;
}

/* Footer________________________________*/

.uk-smo-table-foot td:nth-child(1) {
    background: #f9f9f9;
}
.uk-smo-table-foot td:nth-child(2) {
    background: #f0f0f0;
}
.uk-smo-table-foot td:nth-child(3) {
    background: #f9f9f9;
}
.uk-smo-table-foot td:nth-child(4) {
    background: #f0f0f0;
}

/* Body____________________________________*/

.uk-smo-table-body td:nth-child(0n + 1) {
    background: #f9f9f9;
}
.uk-smo-table-body td:nth-child(1n + 2) {
    background: #f0f0f0;
}
.uk-smo-table-body td:nth-child(2n + 3) {
    background: #f9f9f9;
}
.uk-smo-table-body td:nth-child(3n + 4) {
    background: #f0f0f0;
}



/****************************************************************************
* Viewport top
*****************************************************************************/

.mtvw1 {
    margin-top: 1vw;
}
.mtvw2 {
    margin-top: 2vw;
}
.mtvw3 {
    margin-top: 3vw;
}
.mtvw4 {
    margin-top: 4vw;
}
.mtvw5 {
    margin-top: 5vw;
}
.mtvw6 {
    margin-top: 6vw;
}
.mtvw7 {
    margin-top: 7vw;
}
.mtvw8 {
    margin-top: 8vw;
}
.mtvw9 {
    margin-top: 9vw;
}
.mtvw10 {
    margin-top: 10vw;
}
.mtvw11 {
    margin-top: 11vw;
}
.mtvw12 {
    margin-top: 12vw;
}
.mtvw13 {
    margin-top: 13vw;
}
.mtvw14 {
    margin-top: 14vw;
}
.mtvw15 {
    margin-top: 15vw;
}
.mtvw16 {
    margin-top: 16vw;
}
.mtvw17 {
    margin-top: 17vw;
}
.mtvw18 {
    margin-top: 18vw;
}
.mtvw19 {
    margin-top: 19vw;
}
.mtvw20 {
    margin-top: 20vw;
}
.mtvw21 {
    margin-top: 21vw;
}
.mtvw22 {
    margin-top: 22vw;
}
.mtvw23 {
    margin-top: 23vw;
}
.mtvw24 {
    margin-top: 24vw;
}
.mtvw25 {
    margin-top: 25vw;
}
.mtvw26 {
    margin-top: 26vw;
}
.mtvw27 {
    margin-top: 27vw;
}
.mtvw28 {
    margin-top: 28vw;
}
.mtvw29 {
    margin-top: 29vw;
}
.mtvw30 {
    margin-top: 30vw;
}
.mtvw31 {
    margin-top: 31vw;
}
.mtvw32 {
    margin-top: 32vw;
}
.mtvw33 {
    margin-top: 33vw;
}
.mtvw34 {
    margin-top: 34vw;
}
.mtvw35 {
    margin-top: 35vw;
}
.mtvw40 {
    margin-top: 40vw;
}
.mtvw41 {
    margin-top: 41vw;
}
.mtvw42 {
    margin-top: 42vw;
}
.mtvw43 {
    margin-top: 43vw;
}
.mtvw44 {
    margin-top: 44vw;
}
.mtvw45 {
    margin-top: 45vw;
}
.mtvw46 {
    margin-top: 46vw;
}
.mtvw47 {
    margin-top: 47vw;
}
.mtvw48 {
    margin-top: 48vw;
}
.mtvw49 {
    margin-top: 49vw;
}
.mtvw50 {
    margin-top: 50vw;
}
.mtvw51 {
    margin-top: 41vw;
}
.mtvw52 {
    margin-top: 42vw;
}
.mtvw53 {
    margin-top: 43vw;
}
.mtvw54 {
    margin-top: 44vw;
}
.mtvw55 {
    margin-top: 45vw;
}
.mtvw56 {
    margin-top: 46vw;
}
.mtvw57 {
    margin-top: 47vw;
}
.mtvw58 {
    margin-top: 48vw;
}
.mtvw59 {
    margin-top: 49vw;
}
.mtvw60 {
    margin-top: 60vw;
}
.mtvw61 {
    margin-top: 41vw;
}
.mtvw62 {
    margin-top: 42vw;
}
.mtvw63 {
    margin-top: 43vw;
}
.mtvw64 {
    margin-top: 44vw;
}
.mtvw65 {
    margin-top: 45vw;
}
.mtvw66 {
    margin-top: 46vw;
}
.mtvw67 {
    margin-top: 47vw;
}
.mtvw68 {
    margin-top: 48vw;
}
.mtvw69 {
    margin-top: 49vw;
}
.mtvw70 {
    margin-top: 70vw;
}
.mtvw71 {
    margin-top: 41vw;
}
.mtvw72 {
    margin-top: 42vw;
}
.mtvw73 {
    margin-top: 43vw;
}
.mtvw74 {
    margin-top: 44vw;
}
.mtvw75 {
    margin-top: 45vw;
}
.mtvw76 {
    margin-top: 46vw;
}
.mtvw77 {
    margin-top: 47vw;
}
.mtvw78 {
    margin-top: 48vw;
}
.mtvw79 {
    margin-top: 49vw;
}
.mtvw80 {
    margin-top: 80vw;
}
.mtvw81 {
    margin-top: 41vw;
}
.mtvw82 {
    margin-top: 42vw;
}
.mtvw83 {
    margin-top: 43vw;
}
.mtvw84 {
    margin-top: 44vw;
}
.mtvw85 {
    margin-top: 45vw;
}
.mtvw86 {
    margin-top: 46vw;
}
.mtvw87 {
    margin-top: 47vw;
}
.mtvw88 {
    margin-top: 48vw;
}
.mtvw89 {
    margin-top: 49vw;
}
.mtvw90 {
    margin-top: 90vw;
}
.mtvw91 {
    margin-top: 41vw;
}
.mtvw92 {
    margin-top: 42vw;
}
.mtvw93 {
    margin-top: 43vw;
}
.mtvw94 {
    margin-top: 44vw;
}
.mtvw95 {
    margin-top: 45vw;
}
.mtvw96 {
    margin-top: 46vw;
}
.mtvw97 {
    margin-top: 47vw;
}
.mtvw98 {
    margin-top: 48vw;
}
.mtvw99 {
    margin-top: 49vw;
}
.mtvw100 {
    margin-top: 100vw;
}

/****************************************************************************
* Viewport bottom
*****************************************************************************/

.pvw5 {
    padding: 5vw;
}
.mbvw1 {
    margin-bottom: 1vw;
}
.mbvw2 {
    margin-bottom: 2vw;
}
.mbvw3 {
    margin-bottom: 3vw;
}
.mbvw4 {
    margin-bottom: 4vw;
}
.mbvw5 {
    margin-bottom: 5vw;
}
.mbvw6 {
    margin-bottom: 6vw;
}
.mbvw7 {
    margin-bottom: 7vw;
}
.mbvw8 {
    margin-bottom: 8vw;
}
.mbvw9 {
    margin-bottom: 9vw;
}
.mbvw10 {
    margin-bottom: 10vw;
}
.mbvw11 {
    margin-bottom: 11vw;
}
.mbvw12 {
    margin-bottom: 12vw;
}
.mbvw13 {
    margin-bottom: 13vw;
}
.mbvw14 {
    margin-bottom: 14vw;
}
.mbvw15 {
    margin-bottom: 15vw;
}
.mbvw16 {
    margin-bottom: 16vw;
}
.mbvw17 {
    margin-bottom: 17vw;
}
.mbvw18 {
    margin-bottom: 18vw;
}
.mbvw19 {
    margin-bottom: 19vw;
}
.mbvw20 {
    margin-bottom: 20vw;
}
.mbvw21 {
    margin-bottom: 21vw;
}
.mbvw22 {
    margin-bottom: 22vw;
}
.mbvw23 {
    margin-bottom: 23vw;
}
.mbvw24 {
    margin-bottom: 24vw;
}
.mbvw25 {
    margin-bottom: 25vw;
}
.mbvw26 {
    margin-bottom: 26vw;
}
.mbvw27 {
    margin-bottom: 27vw;
}
.mbvw28 {
    margin-bottom: 28vw;
}
.mbvw29 {
    margin-bottom: 29vw;
}
.mbvw30 {
    margin-bottom: 30vw;
}
.mbvw31 {
    margin-bottom: 31vw;
}
.mbvw32 {
    margin-bottom: 32vw;
}
.mbvw33 {
    margin-bottom: 33vw;
}
.mbvw34 {
    margin-bottom: 34vw;
}
.mbvw35 {
    margin-bottom: 35vw;
}
.mbvw40 {
    margin-bottom: 40vw;
}
.mbvw41 {
    margin-bottom: 41vw;
}
.mbvw42 {
    margin-bottom: 42vw;
}
.mbvw43 {
    margin-bottom: 43vw;
}
.mbvw44 {
    margin-bottom: 44vw;
}
.mbvw45 {
    margin-bottom: 45vw;
}
.mbvw46 {
    margin-bottom: 46vw;
}
.mbvw47 {
    margin-bottom: 47vw;
}
.mbvw48 {
    margin-bottom: 48vw;
}
.mbvw49 {
    margin-bottom: 49vw;
}
.mbvw50 {
    margin-bottom: 50vw;
}
.mbvw51 {
    margin-bottom: 41vw;
}
.mbvw52 {
    margin-bottom: 42vw;
}
.mbvw53 {
    margin-bottom: 43vw;
}
.mbvw54 {
    margin-bottom: 44vw;
}
.mbvw55 {
    margin-bottom: 45vw;
}
.mbvw56 {
    margin-bottom: 46vw;
}
.mbvw57 {
    margin-bottom: 47vw;
}
.mbvw58 {
    margin-bottom: 48vw;
}
.mbvw59 {
    margin-bottom: 49vw;
}
.mbvw60 {
    margin-bottom: 60vw;
}
.mbvw61 {
    margin-bottom: 41vw;
}
.mbvw62 {
    margin-bottom: 42vw;
}
.mbvw63 {
    margin-bottom: 43vw;
}
.mbvw64 {
    margin-bottom: 44vw;
}
.mbvw65 {
    margin-bottom: 45vw;
}
.mbvw66 {
    margin-bottom: 46vw;
}
.mbvw67 {
    margin-bottom: 47vw;
}
.mbvw68 {
    margin-bottom: 48vw;
}
.mbvw69 {
    margin-bottom: 49vw;
}
.mbvw70 {
    margin-bottom: 70vw;
}
.mbvw71 {
    margin-bottom: 41vw;
}
.mbvw72 {
    margin-bottom: 42vw;
}
.mbvw73 {
    margin-bottom: 43vw;
}
.mbvw74 {
    margin-bottom: 44vw;
}
.mbvw75 {
    margin-bottom: 45vw;
}
.mbvw76 {
    margin-bottom: 46vw;
}
.mbvw77 {
    margin-bottom: 47vw;
}
.mbvw78 {
    margin-bottom: 48vw;
}
.mbvw79 {
    margin-bottom: 49vw;
}
.mbvw80 {
    margin-bottom: 80vw;
}
.mbvw81 {
    margin-bottom: 41vw;
}
.mbvw82 {
    margin-bottom: 42vw;
}
.mbvw83 {
    margin-bottom: 43vw;
}
.mbvw84 {
    margin-bottom: 44vw;
}
.mbvw85 {
    margin-bottom: 45vw;
}
.mbvw86 {
    margin-bottom: 46vw;
}
.mbvw87 {
    margin-bottom: 47vw;
}
.mbvw88 {
    margin-bottom: 48vw;
}
.mbvw89 {
    margin-bottom: 49vw;
}
.mbvw90 {
    margin-bottom: 90vw;
}
.mbvw91 {
    margin-bottom: 41vw;
}
.mbvw92 {
    margin-bottom: 42vw;
}
.mbvw93 {
    margin-bottom: 43vw;
}
.mbvw94 {
    margin-bottom: 44vw;
}
.mbvw95 {
    margin-bottom: 45vw;
}
.mbvw96 {
    margin-bottom: 46vw;
}
.mbvw97 {
    margin-bottom: 47vw;
}
.mbvw98 {
    margin-bottom: 48vw;
}
.mbvw99 {
    margin-bottom: 49vw;
}
.mbvw100 {
    margin-bottom: 100vw;
}
.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.h-25 {
    height: 25% !important;
}
.h-50 {
    height: 50% !important;
}
.h-75 {
    height: 75% !important;
}
.h-100 {
    height: 100% !important;
}

/****************************************************************************
* SMO Galery mini Lösung
*****************************************************************************/

div.slider {
    overflow: hidden;
    margin: auto;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    background: #fff;
}
div.slider div {
    position: relative;
    width: 500%;
    margin: 0;
    left: 0;
    font-size: 0;
    animation: 15s slider infinite;
}
div.slider div img {
    width: 20%;
    float: left;
    margin-right: 5px;
}
@keyframes slider {
    0% {
        left: 0%;
    }
    20% {
        left: 0%;
    }
    25% {
        left: -100.9%;
    }
    45% {
        left: -100.9%;
    }
    50% {
        left: -201.7%;
    }
    70% {
        left: -201.7%;
    }
    /*75% { left: -300%; }
  95% { left: -300%; } */
}

/*
 * Remove margins
 */

.uk-margin-remove {
    margin: 0 !important;
}
.uk-margin-top-remove {
    margin-top: 0 !important;
}
.uk-margin-bottom-remove {
    margin-bottom: 0 !important;
}
.uk-margin-left-remove {
    margin-left: 0 !important;
}
.uk-margin-right-remove {
    margin-right: 0 !important;
}

/* ========================================================================
   Comparison FreeOffice and SoftMaker Office gehört zur Tabelle ab Zeile 40
 ========================================================================== */

.uk-comparison-tab {
    margin: 0px
}

/* Error page path: warp/layouts/error.php */

.tm-error-headline {
    padding: 50px;
}
.tm-error-icon {
    color: 0085cd;
}

/* ========================================================================
   Shop Modal Prices
 ========================================================================== */

.price-container .price,
.price-container .vat {
    text-align: right;
}
.price-container .price {
    margin-bottom: -3px;
}
.price-container .vat {
    margin-top: 1px;
}
.price-container .btn {
    margin-left: 10px;
}

/* ========================================================================
   Abelssoft Promotion buttons
 ========================================================================== */

.promo .nav-pills .nav-link {
    border-radius: 0.25rem;
    background-color: #222;
    color: #fff;
    margin: 10px;
}
.promo .nav-pills .nav-link.active,
.promo .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
}