/*@import '../../yoo_lykka/css/MyFontsWebfontsKit.css';*/
@import '../fonts/MyFontsWebfontsKitOhneStone/MyFontsWebfontsKit.css?v=1';
/*@import '../fonts/MyFontsWebfontsKit/MyFontsWebfontsKit.css';*/
/*@import '../fonts/MyFontsWebfontsKitPRO/MyFontsWebfontsKit.css';*/
html {
    font-family: 'DepotNew-Light', 'DepotNew-Medium', Sans-serif, Arial !important;
}
#bildueberschrift h1 {
    color: #ffffff;
    font-family: 'Roboto Slab', 'StoneInfITCStd-Medium', 'StoneInformalITCPro-Medium', 'Source Sans Pro', sans-serif, Times New Roman;
}


/* manuelles Überschreiben der Überschrifteigenschaften im LYKKA-CSS*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Slab', 'StoneInfITCStd-Medium', 'StoneInformalITCPro-Medium', 'Source Sans Pro', sans-serif, Times New Roman !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
}
.footermenu img {
    display: none;
}
.sprachauswahl {
    text-align: center;
    padding-bottom: 20px;
}
.tm-bottom {
    padding: 60px;
    background: #101010;
    font-family: 'DepotNew-Light', 'DepotNew-Medium', Sans-serif, Arial !important;
    /*font-size: 12px;*/
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
}
.uk-nav-default {
    font-size: 12px;
    font-family: 'DepotNew-Light', 'DepotNew-Medium', Sans-serif, Arial !important;
    letter-spacing: 2px;
}
.tm-bottom .uk-nav-default {
    font-size: 14px;
    font-family: 'DepotNew-Medium', Sans-serif, Arial !important;
}
.tm-bottom .uk-nav-sub a {
    padding: 0;
}
.tm-bottom .uk-nav-sub a, .tm-bottom .uk-nav>li>a {
    padding: 0;
}
.moduletablefootersubmenu,
.moduletable.footersubmenu {
    padding-top: 20px;
}
.moduletablefootersubmenu li,
.moduletable.footersubmenu li {
    margin-top: 0px;
    text-align: left;
    line-height: 1.4em;
    font-size: 0.8em;
}
.footerhauptmenu {
    text-align: center;
    font-family: 'DepotNew-Light', 'DepotNew-Medium', Sans-serif, Arial !important;
    /*font-size: 12px;*/
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
@media screen and (max-width:768px) {
    .footerhauptmenu .uk-subnav {
        display: block !important;
    }
}

.footerhauptmenu .uk-subnav {
    display: inline-flex;
    background-color: unset;
}
.footerhauptmenu .uk-subnav>*>:first-child {
    font-size: 12px;
    font-family: 'DepotNew-Light', 'DepotNew-Medium', Sans-serif, Arial !important;
    letter-spacing: 2px;
}
@media screen and (max-width:768px) {
    .kacheltitel .uk-h5 {
        font-size: 16px !important;
    }
}

/* ###### Formatierungen für den Online Bauplan ########## */

#bauplannavi {
    width: 1200px;
    min-height: 1140px;
    margin: 0 auto;
    position: relative;
}
#bauplannavi-2018 {
    width: 1200px;
    min-height: 1417px;
    margin: 0 auto;
    position: relative;
}

#planungsgrundsaetze {
    position: absolute;
    bottom: 0;
    left: 0;
}

#fixstep {
    position: absolute;
    top: 70px;
    left: 0;
}

#fixstep-inner {
    position: relative;
}

#beton {
    position: absolute;
    top: 70px;
    left: 615px;
}

#beton-inner {
    position: absolute;
}

.bildlink {
    position: relative;
    display: block;
}

.bildlink+.bildlink {
    margin-top: 30px;
}

.bildlink img {
    position: absolute;
    top: 0;
    left: 0;
}

.bildlink img.hover {
    opacity: 1.0;
    transition: opacity 0.5s ease-out;
}

.bildlink:hover img.hover {
    opacity: 0.0;
    transition: opacity 0.2s ease-in;
}

.megalite-2018-bildlink {
    text-align: center;
}
.bildlink.megalite-2018 {
    position: initial;
    border: none;
    text-align: center;
    display: inline-block;
}
.bildlink.megalite-2018 img {
    position: initial;
    width: 100%;
    max-width: 1200px;
    border: none;
}
.bildlink.megalite-2018 img.hover {
    display: none;
}
.bildlink.megalite-2018 img:not(.hover) {
    display: inline;
}

.bildlink.megalite-2018:hover img.hover {
    display: inline;
    opacity: 1.0;
}
.bildlink.megalite-2018:hover img:not(.hover) {
    display: none;
}

#planungsgrundsaetze .bildlink {
    width: 1200px;
    height: 172px;
}
#planungsgrundsaetze .bildlink.megalite {
    height: 243px;
}

#fixstep .bildlink,
#beton .bildlink {
    width: 585px;
    height: 389px;
}

.beschriftung {
    position: absolute;
    font-size: 24px;
}

#planungsgrundsaetze .beschriftung {
    top: 60px;
    left: 50px;
}

#fixstep .beschriftung {
    bottom: 20px;
    right: 20px;
}

#beton .beschriftung {
    bottom: 20px;
    right: 20px;
}


/*** Farbdefinitionen ***/

#planungsgrundsaetze a {
    color: #292929;
}

.fixstep-gruen,
.fixstep-gruen a,
.fixstep-gruen h2 {
    color: #96a82e;
}

.betonrandstein-blau,
.betonrandstein-blau a,
.betonrandstein-blau h2 {
    color: #018086;
}

.betonrandstein-blau h2,
.fixstep-gruen h2 {
    padding-left: 0;
}


/*** Formate für die Detailseite des Bauplans ***/

#bild-deck-detail-wrapper {
    width: 1200px;
    margin-top: 50px;
}

.uk-modal-dialog.detail-dialog {
    padding: 20px;
    width: 800px;
}

.uk-modal-dialog.detail-dialog.megalite-bauplan {
    width: 520px;
}

.detail-kreis-wrapper {
    padding: 20px;
}

.detail-kreis-wrapper img {
    margin: 20px;
}

.detail-kreis-wrapper.ein-kreis {
    width: 265px;
}

.detail-kreis-wrapper.ein-kreis img {
    width: 225px;
    height: 225px;
}

.megalite-bauplan .detail-kreis-wrapper.ein-kreis {
    width: 440px;
}

.megalite-bauplan .detail-kreis-wrapper.ein-kreis img {
    width: 400px;
    height: 400px;
}

.detail-kreis-wrapper.zwei-kreise {
    width: 466px;
}

.detail-kreis-wrapper.zwei-kreise img {
    width: 426px;
    height: 225px;
}

.detail-kreis-wrapper.drei-kreise {
    width: 666px;
}

.detail-kreis-wrapper.drei-kreise img {
    width: 626px;
    height: 225px;
}

.detail-info-text {
    font-size: 1.5em;
}

ul.detail-info-text {
    font-size: 1.5em;
    list-style-type: circle;
}

ul.detail-info-text li {
    margin: 20px 0px;
}

div.uk-grid.tm-leading-article>div>article:nth-child(2n) {
    /*background-color: rgba(51, 51, 51, 0.34902);*/
    /*lightgray;*/
}

div.uk-grid.tm-leading-article>div>article:not(:first-child) {
    border-top: 3px solid rgb(180, 3, 47);
}

.mgw-tm-ac-paragraph {
    display: inline-block;
    margin-bottom: 1em;
    vertical-align: top;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}

div.magazin-start h3 {
    text-align: center;
}

div.magazin-start div.uk-grid div.uk-panel>p {
    text-align: center !important;
}

.uk-dropdown.uk-dropdown-navbar:before {
    /*width: 434px;
    height: 3px;
    background: #b4032f;
    display: inline-block;
    content: '';*/
}

form#searchForm.mgw-seach-form {
    margin-top: 60px;
}

div.mgw-search-result article h1,
div.mgw-search-result article h1>a {
    color: #b4032f;
}

.mgw-print-modal {
    position: absolute;
    top: 12px;
    left: 13px;
    font-size: 27px;
    padding: 10px;
    color: #a72d13;
}

@media print {
    .mgw-print-modal {
        display: none !important;
    }
}

@media only screen and (max-width: 1200px) {
    #bauplannavi, #bauplannavi-2018,
    #bild-deck-detail-wrapper {
        zoom: 0.8;
        -moz-transform: scale(0.8);
        -moz-transform-origin: 0 0;
    }

}




@media only screen and (max-width: 960px) {
    #bauplannavi, #bauplannavi-2018,
    #bild-deck-detail-wrapper {
        zoom: 0.6;
        -moz-transform: scale(0.6);
        -moz-transform-origin: 0 0;
    }
}

/* ========================================================================
   Component: Close
 ========================================================================== */
/*
 * Removes inner padding and border in Firefox 4+.
 */
.uk-close::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/*
 * 1. Correct inability to style clickable `input` types in iOS.
 * 2. Remove margins in Chrome, Safari and Opera.
 * 3. Remove borders for `button`.
 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
 * 7. Remove default `button` padding and background color
 * 8. Style
 */
.uk-close {
    /* 1 */
    -webkit-appearance: none;
    /* 2 */
    margin: 0;
    /* 3 */
    border: none;
    /* 4 */
    overflow: visible;
    /* 5 */
    font: inherit;
    color: inherit;
    /* 6 */
    text-transform: none;
    /* 7. */
    padding: 0;
    background: transparent;
    /* 8 */
    display: inline-block;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    opacity: 0.3;
}
/* Icon */
.uk-close:after {
    display: block;
    content: "\f00d";
    font-family: FontAwesome;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 * 3. Required for `a` elements
 */
.uk-close:hover,
.uk-close:focus {
    opacity: 0.5;
    /* 2 */
    outline: none;
    /* 3 */
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
/* Close in modal
 ========================================================================== */
.uk-modal-dialog > .uk-close:first-child {
    margin: -10px -10px 0 0;
    float: right;
}

/* Icons */
.uk-icon-print:before {
    content: "\f02f";
}

/* Zweispaltige */
@media (min-width: 768px) {
    .tm-article-columns p:not([class]) {
        text-align: justify;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}
@media (min-width: 768px) and (min-width: 1220px) {
    .tm-article-columns p:not([class]) {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
}

.mgw-tm-ac-paragraph {
    display: inline-block;
    margin-bottom: 1em;
    vertical-align: top;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}
/* Layout Anpassung - Topmenü - Nadine */
body>.tm-page>.tm-toolbar {
    padding: 0;
    padding-right: 8%;
    background-color: #911e2e;
}
.container.uk-flex.uk-flex-middle.uk-container-expand, .uk-container.uk-flex.uk-flex-middle.uk-container-expand {
    margin-right: -1px;
    padding-left: 0;
}
body>.tm-page>.tm-toolbar>.container>.uk-margin-auto-left>.uk-grid>div ul>li a, body>.tm-page>.tm-toolbar>.uk-container>.uk-margin-auto-left>.uk-grid>div ul>li a {
    font-size: 18px;
    line-height: 34px;
    padding-left: 13px;
    padding-right: 13px;
}
/*body>.tm-page>.tm-toolbar>.container>.uk-margin-auto-left>.uk-grid>div ul>li.active-menu a, body>.tm-page>.tm-toolbar>.uk-container>.uk-margin-auto-left>.uk-grid>div ul>li.active-menu a {
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
}*/
body>.tm-page>.tm-toolbar>.container>.uk-margin-auto-left>.uk-grid>div ul>li, body>.tm-page>.tm-toolbar>.uk-container>.uk-margin-auto-left>.uk-grid>div ul>li {
    border-right: 1px solid #fff;
}
body>.tm-page>.tm-toolbar>.container>.uk-margin-auto-left>.uk-grid>div ul>li:first-child, body>.tm-page>.tm-toolbar>.uk-container>.uk-margin-auto-left>.uk-grid>div ul>li:first-child {
    border-left: 1px solid #fff;
}
.uk-subnav {
    padding-right: 0;
}
body>.tm-page>.tm-toolbar>.container>.uk-margin-auto-left>.uk-grid>div ul>li, body>.tm-page>.tm-toolbar>.uk-container>.uk-margin-auto-left>.uk-grid>div ul>li {
    padding: 0;
}
#module-197 {
    float: right;
}
.sprachauswahl img {
    border-radius: 0px;
}
.uk-subnav>.uk-active>a {
    color: #fff !important;
    font-weight: 700;
}
/* Kachelauswahl in Startseite gewerblich */
div.kacheltitel > div.js-filter > div.el-item > a {
    left: 0;
    transform: none;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    text-align: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/* CSS Änderungen nach UPDATE von Joomla */
/* ------------------------------------- */

/* Anpassung Overlay Header */
/*div.tm-page>div.uk-section[uk-height-viewport^="expand: true;"] .uk-grid>div .uk-position-top-right .el-meta.uk-margin-top, div.tm-page>div.uk-section[uk-height-viewport^="expand: true;"] .uk-grid>div .uk-position-top-right .el-title.uk-margin-top {
    text-align: right;
}*/
div.uk-overlay>.el-title.uk-margin-top.uk-margin-remove-bottom {
    margin-bottom: 0!important;
    font-size: 3vw;
    font-weight: 700;
    line-height: 1.2;
    position: absolute;
    bottom: 19.00149743%;
    right: 10%;
    font-family: DepotNew-Light,DepotNew-Medium,Sans-serif,Arial!important;
    width: 82%;
}
div.uk-overlay>div.el-meta.uk-h5.uk-margin-top.uk-margin-remove-bottom {
    font-size: 1.75vw;
    line-height: 1.4;
    bottom: 8%;
    position: absolute;
    right: 10%;
    width: 82%;
    font-weight: 300;
}
div.uk-overlay.uk-position-top-right.uk-margin-remove-first-child.uk-overlay-primary>h4.el-title.uk-margin-top.uk-margin-remove-bottom {
    bottom: 8%;
}
/* Doppelte social-media icons raus */
ul.uk-grid-small.uk-flex-inline.uk-flex-middle.uk-flex-nowrap.uk-grid>li>a.uk-icon[uk-icon]>:not(:first-child) {
    display: none;
}
/* Anpassung der Button */
.uk-section-secondary .btn-danger, .uk-section-secondary .btn-warning, .uk-section-secondary .uk-button-danger, .uk-section-secondary:not(.uk-preserve-color) .btn-danger, .uk-section-secondary:not(.uk-preserve-color) .btn-warning, .uk-section-secondary:not(.uk-preserve-color) .uk-button-danger {
    background-image: none!important;
    background-color: #353b41!important;
    color: #fff!important;
    border: 2px solid #fff;
}
.uk-section-secondary .btn-danger:hover, .uk-section-secondary .btn-warning:hover, .uk-section-secondary .uk-button-danger:hover, .uk-section-secondary:not(.uk-preserve-color) .btn-danger:hover, .uk-section-secondary:not(.uk-preserve-color) .btn-warning:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-danger:hover {
    background-color: #fff!important;
    color: #5a5849!important;
}
div.tm-page > #tm-main>div.uk-section[uk-height-viewport^="expand: true;"] .uk-grid>div .tbx-bild-schlagwoerter .uk-flex-middle.uk-child-width-auto.uk-flex-left.uk-grid a {
    /*background: rgba(255,255,255,.8)!important;
      color: #777568!important;
      border-radius: 3px!important;
      border: none!important;
      padding: 5px;
      line-height: 1;
      font-size: 16.5px;
      font-family: DepotNew-Light,DepotNew-Medium,Sans-serif,Arial!important;*/
}

.uk-section-default .btn-info, .uk-section-default .btn-primary, .uk-section-default .uk-button-primary, .uk-section-default:not(.uk-preserve-color) .btn-info, .uk-section-default:not(.uk-preserve-color) .btn-primary, .uk-section-default:not(.uk-preserve-color) .uk-button-primary {
    background-image: none!important;
    background-color: #f2f1f0!important;
    color: #b4032f!important;
    border: 2px solid #b4032f;
}
div.kacheltitel>div.uk-grid>div>div.el-item>div.uk-position-center {
    /*width: unset;
    display: table;*/
}
@media (min-width: 960px) {
    div#das-megawood-magazin>div.uk-container>div.uk-grid-margin.uk-grid>div.uk-first-column {
        padding-left: 40px;
    }
}