/* Nachbau des YOOtheme-Bento-Looks mit UIkit 3 -- Werte aus der theme.css des alten Templates */
html{font:300 16px/26px Roboto,Helvetica,Arial,sans-serif;color:#636873;background:#fff}
body{margin:0;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:300;color:#636873}
h1,h2,h3,h4,.uk-h1,.uk-h2,.uk-h3,.uk-h4{font-family:Raleway,Helvetica,Arial,sans-serif;font-weight:400;color:#2c3343;margin:0 0 25px}
h1,.uk-h1{font-size:50px;line-height:56px;font-weight:500}
h2,.uk-h2{font-size:36px;line-height:42px;font-weight:500}
h3,.uk-h3{font-size:24px;line-height:28px}
h4,.uk-h4{font-size:20px;line-height:26px}
a{color:#dd0000;text-decoration:none}a:hover{color:#df4a4a;text-decoration:underline}
p{margin:0 0 25px}
img{max-width:100%;height:auto}
.uk-container{max-width:1400px}
.uk-article-title{font-family:Raleway,Helvetica,Arial,sans-serif;font-size:42px;line-height:48px;font-weight:400;text-transform:uppercase;color:#2c3343}
.uk-article-lead,.tm-lead{font-size:20px;line-height:26px}
/* Navigationsleiste: 110px hoch, Logo als Schriftzug, Menue-Icon rechts */
.tm-navbar{height:110px;padding:0 35px;background:#fff}
.tm-navbar-sticky .tm-navbar{box-shadow:0 1px 10px rgba(0,0,0,.08)}
.tm-logo{font-family:Raleway,Helvetica,Arial,sans-serif;font-weight:600;font-size:22px;letter-spacing:.22em;text-transform:uppercase;color:#2c3343}
.tm-logo:hover{color:#dd0000;text-decoration:none}
.tm-navbar .uk-navbar-toggle{color:#2c3343;min-height:110px}
.tm-navbar .uk-navbar-toggle:hover{color:#dd0000}
.tm-sprache{font-family:Raleway,Helvetica,Arial,sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#636873;margin-right:20px}
.tm-sprache:hover{color:#dd0000;text-decoration:none}
/* Vollbild-Menue wie das Overlay-Menue von Bento */
.tm-overlay-menu .uk-modal-dialog{background:#fff;width:100%;min-height:100vh}
.tm-overlay-menu .tm-logo{display:inline-block;margin:40px 0}
.tm-modal-nav{list-style:none;margin:0 0 30px;padding:0}
.tm-modal-nav>li{margin-bottom:10px}
.tm-modal-nav>li>a{display:block;font-family:Raleway,Helvetica,Arial,sans-serif;font-weight:300;font-size:32px;line-height:50px;color:#2c3343}
.tm-modal-nav>li>a:hover,.tm-modal-nav>li.uk-active>a{color:#dd0000;text-decoration:none}
@media(max-width:639px){.tm-modal-nav>li>a{font-size:24px;line-height:40px}}
/* Bloecke */
.tm-block{padding:50px 0}
@media(min-width:960px){.tm-block{padding:100px 0}}
.tm-block-header{padding:0}
.tm-block-default{background:#fff}
.tm-block-muted{background:#f9f9f9}
.tm-block-secondary{background:#ebebeb}
.tm-block>.uk-container>:last-child{margin-bottom:0}
/* Slideshow-Kopf mit umrahmter Ueberschrift */
.tm-header-overlay h1,.tm-header-overlay .uk-heading-large{display:inline-block;margin:15px 0 18px;padding:10px 20px;border:3px solid rgba(0,0,0,.8);font-family:Raleway,Helvetica,Arial,sans-serif;font-weight:400;font-size:72px;line-height:78px;letter-spacing:1px;text-transform:uppercase;color:#2c3343;text-shadow:0 0 10px #fff}
@media(max-width:959px){.tm-header-overlay h1,.tm-header-overlay .uk-heading-large{font-size:36px;line-height:42px;padding:6px 14px}}
.tm-slide-text{background:rgba(255,255,255,.75);color:#2c3343;padding:12px 20px}
.tm-slide-text h3{margin:0}
/* Kacheln */
.tm-panel-space{padding:30px}
.tm-teaser{margin-bottom:25px}
.tm-teaser img{display:inline-block}
.tm-panel-space h3{font-size:20px;line-height:26px}
.tm-galerie{display:block;position:relative;overflow:hidden}
.tm-overlay-weiss{background:rgba(255,255,255,.6);color:#2c3343}
.tm-stack-item{padding:25px 0;border-top:1px solid #dddddd}
.tm-stack-item h3{margin-bottom:10px;font-size:20px;line-height:26px}
.tm-stack-row{margin-bottom:40px}
.tm-termin .uk-card-title{font-size:20px;line-height:26px}
.uk-subnav-pill>*>*{padding:5px 18px;border-radius:18px;font-family:Raleway,Helvetica,Arial,sans-serif;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#636873}
.uk-subnav-pill>*>:hover{background:#f1f1f1;color:#2c3343}
.uk-subnav-pill>.uk-active>*{background:#2c3343;color:#fff}
.uk-dotnav>*>*{background:rgba(44,51,67,.25)}
.uk-dotnav>.uk-active>*{background:#2c3343}
/* Fuss */
.tm-footer{background:#303d4d;color:rgba(155,171,193,.7);font:400 12px/18px Raleway,Helvetica,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;text-align:center;padding:40px 20px}
.tm-footer a{color:#9babc1}.tm-footer a:hover{color:#fff;text-decoration:none}
