/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
body h1, body h2, body h3 { 
	-webkit-text-stroke: rgba(240,240,240,0.5) .75px;
}
#full-wrap { position: relative; z-index: 0; }
#full-wrap article { text-align:center; padding:0; }
#xmap li { padding:5px 0; }
.tm-navbar { font-size:1em !important; background-color:#980609; }
.uk-nav-navbar > li.uk-active > a { color:#fff; }
.uk-nav-navbar > li.uk-active > a:hover { color:#fff; }
.uk-dropdown-navbar { border:1px solid #000; }
.tm-fullscreen { order-top:1px solid #555; order-bottom: 1px solid #555; }
.tm-fullscreen article { border:none !important; }
.tm-headerbar  { background-color:#fff;  }
.tm-headerbar .uk-panel { font-size:4rem; width:80%; text-align:center; padding-top:70px; }
.tm-bottom { background-color:#fff; }
.tm-page { position: relative; z-index: 1; background-color:#fff; }
.tm-page  .tm-block:nth-of-type(2), .tm-bottom { border-top:5px solid #f7f7f7; }
.tm-sidebar-b .uk-panel-box { padding:20px; }
.uk-nav-sub a { padding:5px 0 5px 30px !important; }
.uk-navbar-content { margin-top:5px; }
.tm-logo-small   {  }
.tm-logo-small   img { background-color:#fff; padding:5px; height:170px; width:auto; }


.tm-bottom-c li { text-transform:uppercase; }
.tm-bottom-c a img:hover { opacity:0.7; color:#980609 !important; }
.tm-sidebar-b h3 { font-size:1.5em;  }
.foto-links { float:left; padding:0 20px 15px 0; }
.foto-rechts { float:right; padding:0 0 15px 20px; }
.adresse { width:80px; float:left; }
.adresse_re::after { clear:both; }

.neuigkeiten h1 { font-size:3em; text-transform:uppercase; font-weight:bold; padding:0 !important; border:none; }
.neuigkeiten  { padding-top:50px;  }

.home-page article { border:1px solid #999; padding:20px 0; background-color:#f0f0f0; }
.home-page article img { width:100%; }
.home-page article .uk-align-left { margin-right:0; }
.home-page article h1, .home-page article .tm-article-content, .home-page article .tm-blog-more { padding:0px 20px; }

.home-top { text-align:center; background-color:#980609; }
.home-top h2 {  padding-top:20px; color:#fff; }
.home-top p {  padding:0px 20px 20px 20px; }
.home-top h2 ~ p:first-of-type {  padding:0px; }

.quicklinks { padding: 30px; }
.quicklinks ul { padding:0; list-style:none; }
.quicklinks ul li { padding:9px 0; border-top: 1px solid #8a8a8a;  }
.quicklinks ul li:first-child { border-top: none;  }

.infobox { padding:30px 0; }
.infobox h3, .infobox p  { padding:0 30px; }
.infobox h3 + p  { padding:0 !important; }

.map { width:100% !important; height:auto; }
.uk-overlay-background { background: rgba(0,0,0,.7); color: #fff; }

input.uk-search-field { text-transform:none; width:200px; }
.uk-navbar-toggle { font-size: 40px; padding-left:10px; color:#777; }

@media (min-width: 768px) {
	.tm-bottom { padding-top:140px; background:url(../images/bg-bottom-stage-verleih.png) no-repeat #fff; background-position:center 20px; }
	.uk-width-medium-1-3, .uk-width-1-3 { width:33%;  }
}
@media (min-width: 300px) {
	.uk-width-medium-1-3, .uk-width-1-3 { width:33%;  }
}

@media (max-width: 1219px) { 
	.home-top h2 { font-size:1.7em; }
}
@media (max-width: 920px) { 
	.home-top h2 { font-size:1.4em; }
	.tm-headerbar .uk-panel { font-size:3rem; width:75%; text-align:center; padding-top:70px; }
}
@media (max-width: 840px) {
	.uk-width-1-3, .uk-width-2-6 { width: 50%; }
	.uk-nav-side > li > a {  padding: 4px 0; }
	.uk-width-medium-1-3  { width:100%;  }
}
@media (max-width: 767px) {
	.uk-navbar { background: #fff; color: #999;  height:180px; }
	.uk-container { padding:0 10px; }
	.uk-slidenav-position { margin:0 -10px 0 -10px;  }
}
@media (max-width: 640px) {
	#referenzen img { width:200px;  }
}
@media (max-width: 600px) {
	.uk-article-title { font-size: 1.9em; }
	.neuigkeiten h1 { font-size:2.5em;  }
	
}
@media (max-width: 550px) {
	.uk-width-1-3, .uk-width-2-6 { width: 100%; }
}
@media (max-width: 480px) {
	.uk-article-title { font-size: 1.6em; }
	.neuigkeiten h1 { font-size:2em;  }
	.uk-container { padding:0 10px; }
	#referenzen img { width:150px;  }
	.home-top h2 { font-size:1.2em; }
	.uk-grid { margin-left:-15px; }
	.uk-grid > * { padding-left: 15px; }
	article .uk-grid-width-1-2 > * { width: 49%; }
}
@media (max-width: 420px) {
	html { font-size:.9rem;  }
	.uk-nav-side > li > a {  padding: 3px 0; }
}