@font-face { font-family: 'Raylway';
             src: url('/templates/jp-1page/fonts/Raleway-Regular.woff2') format('woff2'); }

@media (min-width: 768px) {
	#jp-left {padding: 0 5px;}
}


@media (max-width: 768px) {
  #jp-left .inner {padding: 0px;}
  .uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {padding: 0 20px;}
  .jk-img {max-width:33%;}
}

@media (max-width: 500px) {
  div.list p, div.list h3 {  margin-left: 10px !important;}
  div.list img {display:block; width:90%; margin-bottom:10px !important;}
  div.list {margin-bottom: 40px;}
}

#main::after, .page-header, .thumbnail {border: 0px;}

#main.uk-container {padding-bottom: 0px !important;}
#bottom-a.uk-container {padding-top: 0px !important;}

.tm-content {padding: 0px;}

.tm-leading-article .uk-article:last-child {border: 0px;}

#jp-left .inner {max-width: 250px;}

.sprocket-strips-s a.uk-button {padding: 0px !important;}
.sprocket-strips-s a.uk-button-primary {border: 0px !important;}

.logo-left {border: 0;}


div.list {
  display: block;
  min-height: 150px;
  margin-top: 10px;
}

div.list p, div.list h3 {
  margin-left: 170px;
}

.impr {font-size: 0.8em; padding-top: 20px !important; color: #322f2f !important;}
.impr a {color: #322f2f !important;}
.impr a:hover {color: #0736A1 !important;}

#offcanvas .impr a {color: #ccc !important;}
#offcanvas .impr a:hover {color: #fff !important;}
#offcanvas .uk-nav-header {color: #ccc !important; padding: 0px 15px !important; font-size: unset !important;}
#offcanvas .uk-nav-sub a {font-size: 12px !important;}


#zeitleiste {
  position: relative;
  margin-top: 5.5em;
  margin-left: 0.5em;
  list-style-type: none;
}	

#zeitleiste::after {
  position: absolute;
  content: "";
  top: -1.5em;
  left: 0;
  bottom: 0;
  background: #949292;
  width: 0.4em;
}

#zeitleiste::before {
  position: absolute;
  content: "";
  top: -3.5em;
  left: -0.8em;
  width: 0;
  height: 0;
  border-width: 1em;
  border-style: solid;
  border-color: transparent transparent #949292 transparent;
}

#zeitleiste >li::before{
  position: absolute;
  margin-top: 0.2em;
  content: "";
  width: 1em;
  height: 1em;
  left: -0.5em;  
  border-radius: 50%;
  border: 0.2em solid #949292;
  background: #949292;
} 

#zeitleiste >li {
  margin-bottom: 3em;
}

li p {
  margin: 0em 0 0.2em;
}

time {
  display: block;
  font-weight: bold;
  margin-left: -10em;
  width: 6.5em;
  text-align:right;
}




dl.dl-horizontal {padding-top: 50px;}
.dl-horizontal dt {width: 20px;}
.dl-horizontal dd {margin-left: 30px;}

.contact-form textarea {min-height: 150px;}

h1 {margin-bottom: 20px !important}