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

/* ========================================================================
    braun: #351b0a; 
 ========================================================================== */
 
html  {  /* 1 */   font: 300 17px / 150% 'Roboto'; color:#351b0a; }

body { background-color:#fff;   }
body h1, body h2, body h3 { 
	-ebkit-text-stroke: rgba(128,128,128,0.5) .5px; }
#imagelightbox { position: fixed;  z-index: 9999;  -ms-touch-action: none;  touch-action: none; }
	
/* Admin  auch: .mceContentBody */
#tinymce  {  /* 1 */   font: 300 17px / 150% 'Roboto'; color:#555; font-family:'Roboto', 'Helvetica', sans-serif; }
#tinymce div { border:1px solid #cc7777; padding:3px; margin:0 0 5px 5px; }
#tinymce p { margin: 0 0 10px 0; line-height:150%; }
#tinymce .clearfix::after { content: "\00000A"; display: block; visibility: visible; height:auto; }

::selection {   background: rgba(170, 170, 170, 0.5); }
h1, h2, h3, h4, h5, h6 { color:#351b0a; line-height:140%; vertical-align:top;  margin: 10px 0 5px 0;  font-family:'latobold', helvetica, arial, sans-serif; letter-spacing:0px; }
article h2 { line-height:130%; }
article p + h4 { margin-top:20px; }
h1, .uk-h1 {   font-size:29px; margin:10px 0 10px 0; }
h2, .uk-h2 {   font-size:24px; margin:10px 0 10px 0; text-transform:none; }
h3, .uk-h3 {   font-size:20px; }
h4, .uk-h4 {   font-size:19px; text-transform:none; }
h5, .uk-h5, h6, .uk-h6 {   font-size:1rem; margin-bottom:3px; text-transform:none; }

#full-wrap { position: relative; z-index: 0; }
#full-wrap article { text-align:center; padding:0; }
#xmap li { padding:5px 0; }
.clearfix::after { content: "."; clear: both;  display: block; visibility: hidden; height: 0px; }

/* spezielle Content-Formatierungen */
.tm-main article img { order:1px solid #ddd;  }
.foto-links { float:left; padding:0 20px 15px 0; }
.foto-rechts { float:right; padding:0 0 15px 20px; }
.adresse { width: 90px; float:left; }
.links { padding-right:40px; float:left; }
.links-50 { margin-right:2%; float:left; width:48%; }
.rechts-50 { margin-left:2%; float:left; width:48%; }
.rechts::after, .rechts-50::after, .adresse_re::after { clear:both; }
.multi-column { column-count: 3; text-align: left; -moz-column-count: 3; -webkit-column-count: 3;
    column-gap: 20px;     -moz-column-gap: 20px;   -webkit-column-gap: 20px; }
.pdf {  padding:8px 12px; border:1px solid #ccc; margin-left:10px; background-color: #d7d7d7; color:#351b0a; }
.pdf:hover { color:#351b0a; background-color: #b2ddff; }
.pdf img { left:-20px; position:relative;  }
blockquote {   font-size: 22px; line-height: 28px; font-style: italic;  }
blockquote:before {  content: "“"; font-size: 70px; position: relative; left: 0px; top: 15px; color: #7a7a7a; font-family:'times'; font-weight:bold; padding-right:10px; }

.tm-block-top-a  { padding:0; }
.tm-block-top-a .uk-container { ax-width:1200px; padding:0; }
td { vertical-align:top; }
a { color:#351b0a; }
a:hover { color:#888; }

/* navi / top */
.tm-toolbar { height:0; padding:0; }
.tm-headerbar {  background:#fff; }
.tm-navbar p {  margin:0; }
.tm-navbar { font-size:1rem; border-bottom:5px solid #351b0a; ackground-color:#e7e7e7;   }
.tm-navbar, .tm-navbar > div { height: 120px; }
.uk-navbar-nav  { padding-left:20px;  }
.uk-navbar-nav > li > a { font-size:16px; color:#351b0a; line-height:40px; height:120px; letter-spacing:0px; padding:80px 18px 0 18px; 
						font-family:'Roboto'; }
.uk-navbar-nav > li:last-child > a { adding-right:0px;   }
.uk-navbar-nav > li > a:hover{  color:#fff; }
.uk-navbar-nav > li:hover  { background-color:#351b0a; }
.uk-navbar-nav > li.uk-active   { background-color:#351b0a; }
.uk-navbar-nav > li.uk-active  > a { color:#fff; }
/* subnavi */
.uk-dropdown { background-color:rgba(53,27,10,0.8);  margin-top:-0px; border:none; padding:20px;}
.uk-dropdown-navbar:before { border-color: transparent transparent rgba(53,27,10,.9); }
.uk-nav-navbar > li > a { color: #fff; line-height:100%; font-size:.85rem; min-width:200px; text-transform:none; }
.uk-nav-navbar > li.uk-active  > a, .uk-nav-navbar > li > a:hover { font-weight:bold; }
.uk-navbar-toggle { font-size:2.2rem; color: #351b0a; }
.uk-navbar-toggle:hover{ font-size:2.2rem; color: #999; }
/* uk-nav-side   sidebar + bottom-d  */
.tm-sidebar-a  { padding:0;  }
.tm-sidebar-a .uk-panel-box {  padding:20px 0 0 0;  margin-right:50px;  }
.tm-sidebar-a h3 { font-size:1.1rem; margin-bottom:10px;  }
.tm-sidebar-a .uk-nav-side > li > a { padding: 5px 0; box-shadow:none; color: #351b0a; line-height:120%; font-weight:normal; ont-size:.9rem; border-bottom:1px solid #351b0a; }
.tm-sidebar-a .uk-nav-side > li > a { padding: 15px 25px; font-weight:normal;  }
.tm-sidebar-a .uk-nav-side > li.uk-active > a, .tm-sidebar-a .uk-nav-side > li > a:hover { background-color:#351b0a; color:#fff; }
/* offcanvas */
.uk-nav-offcanvas > li > a { color: #ddd; }
.uk-nav-offcanvas .uk-nav-sub > li > a { padding-left:5px; }
.uk-offcanvas-bar, .uk-nav-offcanvas .uk-nav-sub { background: #351b0a; }
.uk-nav-offcanvas .uk-active, .uk-nav-offcanvas .uk-active > a { background: #4d270e !important; }
.uk-nav-offcanvas .uk-nav-sub { border:none; }

.tm-bottom-d > div:last-child .uk-panel-box {  }
.tm-bottom-d > div:last-child .uk-panel-box .menu li { text-align:right;  margin:0; list-style:none;  }
.tm-bottom-d .uk-nav-side > li > a { padding: 5px 0; box-shadow:none; color: #fff; line-height:120%; font-weight:normal; ont-size:.9rem;  }
.tm-bottom-d .uk-nav-side > li.uk-active  a, .tm-bottom-d .uk-nav-side > li > a:hover { color:#ccc;  }

.tm-fullscreen article { border:none !important; }
.tm-page { position: relative; z-index: 1; background-color:#fff; }
.tm-block-main {   max-width: 1240px; margin-left:auto; margin-right:auto; background-color:#fff; min-height:550px !important;  }
.tm-main { padding-top:20px; padding-right:40px; min-height:400px; }
.tm-main + side { border-left:1px solid #ccc; padding-left: 0px !important; }
.tm-block-main .uk-container {  padding-right:0; }
/* blocks */
.tm-top-a .uk-grid-margin { margin:0; }
.tm-top-a  h3{ font-size:2rem; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); }

.home p { margin:0; }
.home .tm-block-top-b  .uk-container { max-width:80%; margin:4% auto 4% auto; }
.home .tm-top-b  .uk-panel-box { padding:0px; }
.home .tm-top-b  [id^='wk-grid'] .uk-panel   { background-color:#351b0a; overflow:hidden; }
.home .tm-top-b  .uk-panel-box  h3{ color:#fff;   }
.home .tm-top-b  [id*='wk-grid'] .uk-panel { padding:0px; order:1px solid #351b0a; text-align:center; }
.home .tm-top-b  [id*='wk-grid'] .uk-panel-title { padding-top:20px; margin:0; font-size:1.5vw; }
.uk-panel-box .uk-panel-title { color:#351b0a; font-size:20px;  }

.tm-block-bottom-d { font-size:.9rem; padding:30px 0 !important; background-color:#351b0a; }
.tm-block-bottom-d .adresse  { width:auto; }
.tm-block-bottom-d  h3{ font-size:18px;   }
.tm-block-bottom-d .uk-panel-box { background:none; padding:20px 0px 0 0; color:#fff; height:150px;   }
.tm-block-bottom-d a { color:#fff; }
.tm-block-bottom-d a:hover { color:#ccc; }
.tm-block-bottom-d .uk-width-medium-1-3, .uk-width-medium-2-6 { idth: 33.333%; }

/* Cookies */
.home .jb h4{ font-size:13px; float:left !important; padding-left:20px; vertical-align:middle; padding-top:5px; }
.jb.cookie p { color: #555 !important; }
.jb.cookies .uk-button { box-shadow:none;  }
.jb.cookie div.cookie-bg { opacity:.9;  }
.jb.cookie  { padding:10px 10px; }
.jb.cookie  p { isplay:none; color:#555; width:90%; float:left; font-size:13px; }
.jb.cookie  h2 { display:none; }
.jb.accept { text-shadow:none; padding:3px 8px; margin:2px 20px; float:right !important; font-size:14px; min-height:10px; line-height:130%; position:absolute; bottom:5px; right:10px; }
.jb.accept { height:25px !important; line-height:25px !important; }
.jb.bottom.red .jb.cookie-bg.white, .jb.bottom.red .jb.cookie-bg.black { border-top: 1px solid #ccc; }


/* footer */
.tm-footer { padding: 0px 50px; background-color:#351b0a; letter-spacing:0.5px; text-transform:none;  } 
.tm-footer .uk-container > div:first-child  { float:right;  } 
.tm-footer a { color:#fff;  } 
.tm-footer a:hover{ color:#aaa;  } 
.tm-footer .uk-panel-box { display:inline; color:#fff; }
.tm-footer .uk-flex { display:flex; max-width:1040px; margin-left:auto; margin-right:auto; }
.tm-footer .uk-subnav > * > * { color: #525252; }
.tm-footer .uk-subnav a:hover { color: #aaa; }
.tm-footer .uk-subnav > .uk-active > * { color: #999; }
.tm-totop-scroller { font-size:32px; margin-top:0 !important;  }

/* .shadow, .tm-block-top-a .uk-container, */
 body:not(.home) .tm-block-main { 
-webkit-box-shadow: 	0px 0px 21px -5px rgba(0,0,0,0.7);
-moz-box-shadow: 		0px 0px 21px -5px rgba(0,0,0,0.7);
box-shadow: 			0px 0px 21px -5px rgba(0,0,0,0.7); }

/* widgetkit */
.uk-modal-dialog { background:none; }
.uk-cover-background  .uk-overlay-panel { background-color:rgba(0,0,0,0.3); }
.uk-cover-background  .uk-overlay-panel:hover { background-color:rgba(0,0,0,0.1); }
.uk-overlay-background { background: rgba(0, 0, 0, 0.2); }
.uk-slidenav-position .uk-slidenav { display:block; }
.uk-nav-dropdown > li > a { color: #fff; }
.uk-nav-dropdown > li.uk-active > a { box-shadow: 0 2px 0 0 #fff; }
.uk-nav-dropdown > li > a:hover, .uk-nav-dropdown > li > a:focus  { color: #ddd;box-shadow: 0 2px 0 0 #ddd; }
.tm-main.uk-overlay-background , .tm-main-bottom  .uk-overlay-background { ackground: rgba(255, 255, 255, 0.75); }
.position article { margin-bottom:5px !important; }
.full { padding:0; }

.projekte article p:first-child  { margin:0; }
.partner [id*='wk-grid'] .uk-panel { 
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-ms-flex-align: center;  -webkit-align-items: center;  align-items: center; 
	-ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;}

.map { width:100% !important; height:auto; }
input.uk-search-field { text-transform:none; width:200px; }
div.fastsocialshare_container { height:25px; display:table; }
.fastsocialshare-share-fbl { margin-left:0px; }
.back { padding-top:8px;  }
#fbox1 { border:1px solid #2874A4; }
#fobx2   img { top:35% !important; left:-34px; }
.iframe-300 { display:none;  }
		
.ba-gallery-items { overflow: hidden; }
		
		
@media (min-width: 1300px) {
body:not .home) .uk-container { max-width: 1160px; padding: 0 40px; }
}
@media (min-width: 768px) {
	.tm-bottom { padding-top:140px; background:url(../images/logo-bottom.png) no-repeat #ccc; 	color:#fff; background-position:center 20px; }
	.tm-bottom a  { color:#fff;  }
	.tm-sidebar-b .uk-panel { padding:30px 0px 0px 0px; }
	.tm-sidebar-b { border-left:1px solid #ccc; }
}

@media (min-width: 100px) {
	.tm-navbar { text-align:center; }
	.tm-navbar .uk-flex { max-width:1240px; margin:auto; }
}
@media (max-width: 1300px) { 

}
@media (max-width: 1219px) { 
	.home-top h2 { font-size:1.7em; }
}
@media (max-width: 1090px) { 
	.uk-navbar-nav > li > a { font-size:.9rem; padding: 80px 15px 0 15px; }
	.tm-navbar > div { padding:0px 25px; }
	.uk-lightbox-content  a.uk-slidenav { display:block; }	
}
@media (max-width: 960px) {
	.tm-navbar > div { padding:0px 15px; }
	.uk-navbar-nav > li > a { font-size:.85rem; padding: 80px 12px 0 12px; }
	.tm-block-bottom-d .uk-width-medium-1-4 { width: 50%; }
	.tm-bottom-d, .tm-bottom-d .uk-nav-side > li > a { line-height:150%; }
	.tm-bottom-d .uk-nav-side > li > a { padding:0; }	
}
@media (max-width: 920px) { 
	.home-top h2 { font-size:1.4em; }
	.uk-navbar-nav > li > a { font-size:.85rem;  }
}
@media (max-width: 880px) {
	.tm-logo  { max-width:30%; }
	.tm-navbar > div { padding-right:0px; }
	.uk-navbar-nav { padding-left:10px; }
}
@media (max-width: 780px) {
	.tm-logo  { max-width:25%; }
}
@media (max-width: 840px) {
	.uk-width-1-3, .uk-width-2-6 { width: 50%; }
	.tm-footer { padding:15px 20px; }
}
@media (max-width: 767px) {
	.tm-navbar, .tm-navbar > div  { position:fixed; height:90px; width:100%;  }
	.tm-sidebar-b .uk-panel-box { padding:20px 0; }
	.uk-grid  { margin-left: -20px; }
	.uk-grid > * { padding-left: 20px; }
	.tm-navbar + .tm-block { padding-top: 95px; }
	.uk-navbar { ackground:#fff; }
	.uk-navbar-content  { height:auto; padding:0; }
	.uk-navbar-nav > li > a { font-size:0.8rem;  }
	.tm-main { padding-right:20px; padding-left:20px; }
	.tm-footer > div { display:block !important; }
	h1 { font-size:24px; } 	h2 { font-size:20px; } 	h3 { font-size:18px; } 
	.links-50, .rechts-50 { width:100%; margin:0; float:none; }
	.uk-modal-dialog-lightbox { max-width:100%; }
	.ba-gallery { padding:0; }
	.tm-block-bottom-d { padding:10px 0 !important;  }
	.tm-bottom-d, .tm-bottom-d .uk-nav-side > li > a { line-height:150%; }
	.tm-bottom-d .uk-nav-side > li > a { padding:0; }
	.home .tm-top-b  [id*='wk-grid'] .uk-panel-title { font-size:4vw; }
	.uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 10px !important; }
}
@media (max-width: 660px) {
	.uk-accordion h3.uk-accordion-title:before { left:93%; }
	.ausbildungen article li { width:40%;  }
}
@media (max-width: 600px) {
	.uk-width-1-3, .uk-width-2-6 { width: 100%; }
	.uk-article-title { font-size: 1.9em; }
	.uk-container { padding:0 15px; }
	.tm-main { padding:15px 12px 20px 20px; }
	.ausbildungen article li { padding:5px 10px; margin:0 10px 20px 0;  width:93%; min-height:30px; }
}
@media (max-width: 520px) {
	.tm-bottom-d .uk-width-medium-1-4 { width:100%; }
}
@media (max-width: 480px) {
	.uk-article-title { font-size: 1.2em; }
	.tm-footer { padding:15px 10px; }
	.tm-top-a  h3{ font-size:1rem; text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8); }
	.uk-accordion h3.uk-accordion-title:before { left:90%; }
	#fobx2   img { top:20% !important; }
}
@media (max-width: 350px) {
	.uk-accordion h3.uk-accordion-title:before { left:89%; }
}
/* 	Flex - Änderungen Safari*/
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .uk-flex {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	box-align: center;
}
.uk-flex > a  > img{ padding:14px 20px 0 0; }
}
@supports (-webkit-appearance:none) {
	.uk-flex { display: flex; }
	.uk-flex > a  > img{ padding:0px; }
}