/*
Theme Name: Taxi Ruf Theme
Theme URI: 
Author: Capahill GmbH
Author URI: http://www.capahill.de/
Description: Erstellt für die Taxi Ruf Köln eG
Version: 1.0
Text Domain: taxiruf
*/
@charset 'utf-8';
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300);*/
@import url(css/fonts.css);
@import url(css/normalize.css);
@import url(css/foundation.css);
@import url(css/owl.carousel.css);
@import url(css/owl.theme.css);
@import url(css/font-awesome.min.css);

/* --- TAXI RUF Theme */
*,h1,h2,h3{
	padding:0;
	margin: 0;
	outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

html {
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
	height: 100%;
	overflow-x: hidden;
}

body {
	height: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: rgb(0,0,0);
	font-size: 16px;
	min-height: 0;
}

.row {
	max-width: 1080px!important;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

ul, ul li{
	list-style: none;
}

img {
    display: block;
    border: 0;
}

a {
	color: rgb(19,21,46);
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a[href*="tel"] {
	text-decoration: none;
}

strong {
	font-weight: 700;
}

p {
	padding: 0 0 20px 0;
}

hr {
	border: 0;
	outline: 0;
    border-bottom: 2px solid #999;
	margin: 15px 0;
}

main {
	display: block;
}
	
/* HEADLINES */
h1, h2 , h3 {
	padding: 0;
	margin: 0;
	line-height: 1.3em;
}

h3 {
	margin-bottom: 10px;
}

/* --- TOPBAR --- */
.topbar {
	min-height: 115px;
	width: 100%;
	background: #353434;
	position: relative;
}

.topbar:before {
	content: "";
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 35px;
	background: #3d3c3c;
 }
 
.topbar .left { 
	width: 50%;
	position: absolute; 
	left: 0; 
	top: 0;
	background: #ffc833;
	background: #fff;
	min-height: 115px;
}

.logo, .logo img {
	height: 115px;
}

.logo:after  {
	content: "";
	background: url(images/arrow-white.png) no-repeat;    
	height: 115px;
	position: absolute;
	right: -42px;
	top: 0;
	width: 42px;
}

 .number span.info {
    text-align: center;
    line-height: 35px;
    font-weight: bold;
    color: white;
    font-size: 14px;
    padding-left: 30px;
 }
 
 .number {
	text-align: center;
 }
 
.number .call {
	display: inline-block;
	text-align: center;
	font-size: 36px;
	font-weight: 300;
	color: rgb(255,200,51);
	background: url(images/callico.png) no-repeat left center;  
	background-size: 58px 58px;	
	padding-left: 80px;
}

.number .call:hover {
	opacity: 0.9;
}

.number .call span {
	font-size:  48px;
	font-weight: 700;
}
 
 /* --- NAVIGATION --- */
 .navigation {
	height: 90px; 
	background: #ddd;
 }
 
.navigation nav ul li {
	display: inline-block;
}

.navigation nav ul li a {
	display: inline-block;
	line-height: 90px;
    padding: 0px 23px;
}

@media only screen and (max-width: 1000px) {
	.navigation nav ul li a {
		padding: 0 12px;
	}
}
.navigation nav ul li a:hover,
.navigation nav ul li.current-menu-item a {
	background: rgb(240,240,240);
}

.navtoggle {
	display: none;
}
/* LANGUAGE */
.language {
	line-height: 90px;
	position: absolute;
	right: 10px;
	top: 0;
}

.language img {
	display: inline-block;
}

.language .de {
	display: inline-block; 
	margin-right: 25px
}

.language .en {
	display: inline-block; 

}

.language img:hover {
	opacity: 0.65;
}

.language ul li {
	display: inline-block;
}

.language ul li:hover {
	opacity: 0.65;
}

.language ul li img {
	display: none;
}

.language ul li.lang-item-de a {
	background: url(images/flag_german.png);
	width: 41px;
	height: 43px;
	display: inline-block;
	vertical-align: middle;
}

.language ul li.lang-item-de {
	margin-right: 25px
}

.language ul li.lang-item-en a {
	background: url(images/flag_english.png);
	width: 41px;
	height: 43px;
	display: inline-block;
	vertical-align: middle;
}

/* --- KEYVISUAL STARTSEITE --- */
.keyvisual {
	position: relative;
}

.keyvisualwrapper {
	height: 100%;  
	position: absolute; 
	width: 100%;
}

.keyvisualitem {
	height: 650px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center!important;
	background-size: cover !important;
}

.slidertext-wrapper {
	margin: 0 auto;
	position: relative;     
	max-width: 980px;
}

.slidertext {
	position: absolute;		
	right: 5px; 
	top: 20%;
}

.slidertext a {
	display: block;
}

.slidertext img {
	display: inline-block;
	float: right;
}

.slidertext span {
	display: inline-block;
	background: rgba(255,255,255,0.7);
	margin-bottom: 5px;
	font-size: 20px;
	padding: 10px 15px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.slidertext span.hl {
	font-size: 32px;
	font-weight: 500;
}

.slidertext span.button-more {
	background: #ffc833;
	position: relative;
	height: 55px;
	line-height: 55px;
	padding: 0 50px 0 20px;
	float: right;
}

.slidertext span.button-more i.fa {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	font-size: 38px;
}

.keyvisual .orderbox {
	padding: 0;
	height: 650px;
	background: rgb(250,185,33);
	z-index: 5;
	overflow: hidden;
}

/* orderbox new */
.orderbox-inner {
	background: rgb(228,228,228);
	height: 100%;
}

.orderbox-inner > * {
	display: block;
}

.colored {
	margin-bottom: 5px;
	background: #ffc833;
	padding: 13px 15px;
	line-height: 1.4em;
	text-transform: uppercase;
}

.orderbox .skyline {
	height: 95px;
	text-align: center;
	background: url(images/skyline.png) no-repeat center center;
	background-size: auto 100%;
}


.orderbox .skyline img {
	bottom: 0;
	left: 0;
	max-height:  100%;
	display: inline-block;
	padding: 1.5% 0;
}

.orderbox .bestellen {
	font-size: 22px;
	line-height: 1.5em;
}

.orderbox .bestellen:hover,
.orderbox .newsinfo:not(.mehr):hover,
.orderbox .taxirechner:hover   {
	opacity: 0.85;
}

.orderbox .bestellen span {
	font-size: 40px;
	font-weight: bold;
}

.orderbox .taxirechner {
	font-size: 22px;
}

.orderbox  .newsinfo {
	font-weight: bold;
	font-size: 17px;
	white-space: nowrap;
}

.orderbox  .newsinfo span {
	font-size: 22px;
	color: red;
	font-weight: bold;
	font-size: 14px;
}

.orderbox  .newsinfo a {
	color: #000;
}

.orderbox  .newsinfo a:hover {
	color: #333;
}

.orderbox  .downloads h2 {
	font-size: 17px;
	padding-bottom: 10px;
	white-space: nowrap;
}

.orderbox  .downloads a {
	display: inline-block;
	width: 48%;
	font-size: 0;
}

.orderbox  .downloads a:hover {
	opacity: 0.85;
}

.orderbox  .downloads a:last-child {
	float: right;
}

.orderbox .closure {
	padding: 25px 15px 0;
	white-space: nowrap;
	max-width: 100%;
}

.orderbox .closure > * {
	float: left;
	display: inline-block;
}

.orderbox .closure > *:last-child {
	float: right;
	max-width: 70%;
}

@media only screen and (max-width: 790px) and (min-width:640px)  {
	.orderbox .newsinfo,
	.orderbox .downloads h2	{
		font-size: 14px;
	}
}


/* orderbox old */

.keyvisual .order {
	background: rgb(228,228,228) url(images/skyline.png) no-repeat center bottom;	
	background-size: cover;
	background-size: 100% 100px;
}

.order span.button-bestellen {
	display: inline-block; 
	margin-top: 50px; 
	margin-bottom: 85px;
	text-transform: uppercase;
	font-size: 30px;
	background: #ffc833;
	max-width: 302px;
	width: 100%;
	line-height: 1.2em;
	color: #000;
	font-weight: bold;
	padding: 20px 25px;
	position: relative;
}

.order span.button-bestellen:hover {
	opacity: 0.9;
}

.order span.button-bestellen span {
	display: block;
	font-weight: normal;
	font-size: 26px;
}

.order span.button-bestellen i.fa{
	position: absolute;
	right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	font-size: 42px;
}

.keyvisual .app_download img{
	display: block;
	margin: 0 auto;
}

.keyvisual .app_download a img:hover {
	opacity: 0.9;
}


.keyvisual .app_download {
	background: rgb(250,185,33);
}

.keyvisual .app_download  h2 {
	font-style: normal;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	padding: 15px 0;
	font-size: 17px;
}

.keyvisual .app_download  a img {
	display: block; 
	margin-bottom: 15px;
}

.keyvisual .slidertext {
	margin-top: 280px;
}

.keyvisual .slidertext > *:hover {
	opacity: 0.9;
}

.keyvisual  .bottomline  {
	position: absolute; 
	bottom: 0; 
	background: rgba(255,255,255,0.5); 
	height: 50px; 
	width: 100%;
}

.keyvisual  .bottomline  .columns {
	text-align: right; 
	line-height: 50px;
}

.keyvisual  .bottomline  .columns img {
	display: inline-block;
}

/* KEYVISUAL SUBPAGE */
.keyvisual-small {
	height: 340px; 
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: cover; 
	position: relative;
}
.keyvisual-small:before {
    content: '';
    background: rgba(255,255,255,0.4);
    position: absolute;
    left: 0;
    top: 0;
    height: 340px;
    width: 30%;
}

.keyvisual-small .order {
    background: rgb(228,228,228) url(images/skyline.png) no-repeat center bottom;
    background-size: 100% 100px;
}

.keyvisual-small .orderbox {
	height: 340px;
	padding: 0;
	background: rgb(250,185,33);
	z-index: 5;
	overflow: hidden;
}

.orderbox .closure .orderbox .order span.button-bestellen {
	margin-top: 60px; 
	margin-bottom: 10px;
}

.keyvisual-small .orderbox .closure {
	padding-top: 0;
}

/* BREADCRUMB */
.breadcrumb {
	background: rgb(228,228,228); 
	min-height: 50px; 
	width: 100%;
}

.breadcrumb .row .columns {
	line-height: 50px; 
	font-size: 14px; 
	color: rgb(59,59,59);
}

.breadcrumb .row .columns a {
	text-decoration: underline; 
	color: rgb(59,59,59);
}

.breadcrumb .row .columns a:hover {
	text-decoration: none; 
}

.breadcrumb .row .columns.logout-column {
	text-align: right;
}

 
/* --- CONTENT --- */
.content {
	min-height: 420px; 
	padding: 50px 0; 
	font-size: 18px; 
	color: #6a6a6a;
}

.content a:hover {
	text-decoration: underline;
}

.content h1 {
	font-size: 30px; 
	font-weight: 700; 
	color: rgb(100,100,100); 
	margin-bottom: 30px;
}

.content .hl {
	color: rgb(100,100,100); 
}

.content h2 {
	color: #666;
	margin-bottom: 15px;
}

.content h3 {
	/*color: #666;*/
}

.content.sub .row .columns:first-child {
	border-right: 1px solid rgb(229,229,229);
}

.content article {
	padding-top: 15px; 
	border-top: 2px dotted #666;
	margin-top: 0;
}

.content article .show-more {
	display: none;
}

.content article .more:before {
	content: '';
	display: block;
}

.content article:last-child {
	border-bottom: 2px dotted #666
}

.content article .close {
	display: inline-block;
	margin-bottom: 15px;
}

/* SIDEBAR-MENU */
.sidebarmenu {
	background: #efefef; 
	padding: 10px; 
	margin-bottom: 20px;
}

.content aside h2 {
	color: #fff;
    display: inline-block;
    background: rgb(53,52,52);
    padding: 2px 10px;
    line-height: 1.2em;
    font-weight: 400;
    font-size: 25px;
}

/* APP */
.app {
	min-height: 405px; 
	background: #3b3b3b; 
	color: #fff; 
	position: relative; 
	width: 100%;
}

.app .left {
	width: 50%; 
	background: #cecece; 
	position: absolute; 
	left: 0; 
	top: 0; 
	min-height: 405px;
}

.app .bigimg {
	height: 337px;
	position: relative;
}

.app .bigimg img {
	position: absolute;
	bottom: 0;
}

.app .left:before{
    background: rgb(250,185,33);
    content: "";
    display: block;
    left: 0;
    min-height: 68px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.app img.taxiapp-big {
	display: block;
}

.app .left-apps a {
	line-height: 68px;
}

.app .left-apps a img {
	display: inline-block; 
	z-index: 10;
	width: 150px;
	max-width: 32%;
}

.app .left-apps a:hover img {
	opacity: 0.90;
}
	
.app .apptext {
	padding: 70px 25px 0 40px;
}

.app .apptext h2 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 20px;
}

.app .apptext a {
	display: block; 
	text-align: right;
}

.app .apptext p{
	padding-bottom: 30px;
}

.app .apptext a img {
	display: inline-block;
}

.app .apptext a:hover img{
	opacity: 0.85;
}

/* About */
.about {
	min-height: 570px; 
	border-bottom: 20px rgb(255,200,51) solid; 
	background: #fff url(images/skyline.png) no-repeat bottom center; 
	padding-top: 140px; 
	text-align: center; 
	font-size: 20px; 
	line-height: 32px; 
	color: rgb(142,142,142); 
}

.about h2 {
	text-transform: uppercase; 
	font-weight: normal; 
	font-size: 26px; 
	margin-bottom: 60px; 
	color: rgb(102,102,102);
}

.about .time {
	display: block; 
	color: rgb(102,102,102); 
	font-weight: 700; 
	font-size: 36px; 
	margin-bottom: 30px;
}

.about p {
	padding-bottom: 30px;
}

.about .switcher {
	text-align: center; 
	margin: 0 auto; 
	padding-bottom: 15px;
}

.about .switcher a img {
	display: inline-block; 
	width: 15px;
}

.about .button {
	margin-top: 5px;
	display: block; 
	text-align: right;
}

.about .button img {
	display: inline-block; 
}

.about .button:hover img {
	opacity: 0.85;
}

/* About Owl */
.owl-theme .owl-controls .owl-page span {
	width: 15px;
	height: 15px;
	background: rgb(53,52,52);
	margin: 0 3px;
}


/* --- SUBPAGE --- */
.subpage .keyvisual .orderbox {
	background: rgb(228,228,228);	
	background-size: cover;
	background-size: 100% 100px;;
}

.subpage .keyvisual .order {
	background: rgb(228,228,228);
}


.keyvisual:before {
	content: '';
	background: rgba(255,255,255,0.4);
	position: absolute;
	left: 0;
	top: 0;
	height: 600px;
	width: 30%;
	z-index: 5;
}

.subpage .keyvisual:before {
	height: 340px;

}

.content ul li {
	padding-left: 30px;
	padding-bottom: 5px;
	position: relative;
}

.content ul {
	margin-bottom: 20px;
}

.content ul li:before {
	content: '•';
	position: absolute;
	left: 10px;
	color: #bbb;
}

/* Kontakt */
.kontaktformular  {
	margin: 30px 0;
}

.kontaktformular table {
	width: 100%;
}
.kontaktformular input,
.kontaktformular select {
		height: 35px;
		width: 100%;
		display: inline-block;
		margin-bottom: 5px;
		border: 1px solid #ccc;
		outline: none;
		padding: 0 5px;
}
.kontaktformular textarea {
		width: 100%;
		border: 1px solid #ccc;
		outline: none;
}

.kontaktformular .agree input {
    height: auto;
    width: auto;
}

/* --- FOOTER --- */
footer {
	min-height: 165px; 
	background: rgb(53,52,52);
	padding: 40px 0 0 0; 
	position: relative; 
	width: 100%;
}

article footer {
	min-height: 0;
	padding: 0;
}

footer img {
	display: inline-block;
}

.footer-nav ul li {
	display: inline-block;
    max-width: 235px;
    width: 100%;
    margin: 0 5px 0 0;
    float: left;
}

.footer-nav ul li a {
	display: inline-block;
	color: #fff;
	background: #3d3b3c;
	padding: 0 20px;
	width: 100%;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	position: relative;
	margin-bottom: 5px;
}

.footer-nav ul li a:hover {
	color: rgb(255,200,51);
}

.footer-nav ul li a i.fa {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	font-size: 26px;
}

footer .social {
	text-align: right; 
	margin-top: 10px; 
	margin-bottom: 36px;
}

footer .social a {
	display: inline-block;
}

footer .social a :hover{
	opacity: 0.65;
}

footer .social a img {
	display: inline-block;
	margin-right: 5px;
}

footer  .meta {
	min-height: 40px; 
	width: 100%;
	background: rgb(60,60,60);
	margin-top: 35px;	
	text-align: right;
	line-height: 40px;
}

footer .meta a:hover {
	opacity: 0.8;
}

footer .meta a img {
	display: block; 
}

footer .meta .columns a:first-child {
	margin-left: 0;
}

footer .meta li {
	display: inline-block; 
	margin-left: 30px;
}

footer .meta li a {
	font-size: 15px;
	color: #fff;
}

/* Owl Overrides */
.keyvisual .owl-theme .owl-controls .owl-page span {
	background: #353434;
	height: 20px;
	width: 20px;
	margin: 0 3px;
}

.keyvisual .owl-theme .owl-controls {
	position: absolute; 
	bottom: 0; 
	background: rgba(255,255,255,0.5); 
	height: 50px; 
	width: 100%;
	text-align: right;
	margin: 0;
}

.keyvisual .owl-theme .owl-controls .owl-pagination {
	height: 100%;
	max-width: 980px;
	margin: 0 auto;
	line-height: 60px;
	vertical-align: middle;
}

/* Distance Calulator*/

#distance-calulator {
	
}

#distance-calulator label,
#distance-calulator input {
	display:block;
	width:100%;
}

#distance-calulator input {
	padding: 5px;
	margin-bottom: 5px;
}

#distance-calulator #calc {
	display: block;
    margin-top: 15px;
    margin-bottom: 25px;
    text-transform: uppercase;
	text-align:center;    
    background: #ffc833;    
    width: 100%;
    line-height: 1.2em;
    color: #000;
    font-weight: bold;
    padding: 10px 15px;
}

#distance-calulator #calc:hover {
	cursor:pointer;
}

#distance-calulator #map {
	height:300px;
}

#distance-calulator li:before{
	content:none;	
}

#distance-calulator ul {
	margin-bottom: 10px;
}

#distance-calulator li {
	border-top: 1px solid #ccc;
	padding: 5px 5px 7px 5px;
}

#distance-calulator li.price {
	background: #E4E4E4;
	border-bottom: 1px solid #ccc;
	color: #3B3B3B;
}

#distance-calulator li i{
	color: rgba(0,0,0,0.5);
	display:inline-block;
	width: 25px;	
}

#distance-calulator li i.innerico{
	margin-left: 15px;	
}

#distance-calulator .calc-disclaimer{
	font-size: 0.7em;
	color: rgba(0,0,0,0.5);
}

/* --- RESPONSIVE --- */
@media only screen and (max-width: 960px) {

	/* Header */
	.number span.info {
		font-size: 12px;
	}

	/* App Section */
	
	/* Footer */
	footer .right {
		display: none;
	}
			
	footer img {
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 860px) {
	/* Topbar */
	.topbar .row .columns {
		width: 100%;
	}
	
	.topbar .left {
		width: 100%;
	}
	
	.number span.info {
		display: block;
		padding-left: 0;
		padding: 10px 0 5px 0;
		line-height: 1.2em;
	}
	
	.logo {
		text-align: center;
	}
	
	.logo img {
		display: inline-block;
		height: auto;
		line-height: 115px;
	}
	
	.number .call {
		margin-bottom: 10px;
	}
	
	/* Navigation */
	.language {
		text-align: right;
	}
	
	.navigation nav {
		display: none;
	}
	
	.fa.fa-navicon, .fa.fa-close {
		background: #353434;
		color: #fff;
		font-size: 34px;
		width: 60px;
		height: 60px;
		cursor: pointer;
		text-align: center;
		line-height: 60px;
		position: absolute;
		left: 5px;
		top: 15px;
		z-index: 10;
	}
	
	.navigation .navtoggle {
		display: inline-block;
	}
	
	.navigation nav {
		width: calc(100% + 10px);
		position: absolute;
		min-height: 460px;
		left: -10px;
		top: 90px;
		z-index: 50;
		background: #353434;
	}
	
	.navigation nav ul li {
		display: block;
		text-align:	center;
		border-bottom: 2px solid rgba(255,255,255,0.5);
	}
	
	.navigation nav ul li  a{
		color: #fff;
		font-size: 30px;
		display: block;
	}
	
	.navigation nav ul li:hover {
		border-bottom: 2px solid rgb(255,200,51);
	}
	
	.navigation nav ul li  a:hover {
		color: rgb(255,200,51);
		background: none;
	}
	

	/* Keyvisual */
	.keyvisual .owl-theme .owl-controls {
		padding-right: 10px;
	}
	
	.slidertext {
		display: none;
	}
	
	/* Section App */
	.app .apptext {
		padding: 30px 15px 10px 15px;
	}
	
	.app .apptext p {
		padding-bottom: 10px;
	}
		
}

@media only screen and (max-width: 640px) {

	/*Section App */
	.app .left {
		width: 100%;
	}
	.app .bigimg {
		text-align: center;
	}
	
	.app .bigimg img {
		position: relative;
		display: inline-block;
	}
	
	.app .apptext {
		padding: 40px 20px;
	}
	
	/* Section About */
	.about {
		padding-top: 40px;
	}
	
	.about h2,
	.about .time	{
		margin-bottom: 20px;
	}
	
	/* Footer */
	footer .first {
		margin-bottom: 0;
	}

	footer .social {
		text-align: left;
		margin-bottom: 10px;
		margin-top: 15px;
	}
	
	footer .meta {
		text-align: left;
	}
	.breadcrumb .row .columns.logout-column {
		line-height: 120%; 
		display: block;
		padding-bottom: 10px;
		text-align: left;
	}

	.breadcrumb .row {
		border-top: 1px solid #c1c1c1;
	}
}
@media only screen and (max-width: 470px) {
	.app .bigimg img {
		position: absolute;
		left: 0;
	}
}

@media only screen and (max-width: 470px) {
	/* Topbar */
	.logo img {
		position: relative;
		top: 10%;
	}
}


/* News */
.news {
	background: #f7f7f7; 
	border-bottom: 10px rgb(255,200,51) solid; 
	padding-bottom: 30px;
	position: relative;
}

.news:before {
	content: '';
	height: 45px;
	background: #3b3b3b; 
	position: absolute;
	left: 0;
	top: 0;
	width: 40%;
}

.news .newsheadline {
	padding-bottom: 30px;
}

.newsheadicon {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: rgb(255,200,51);
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
    border-radius: 50%;
    font-size: 55px;
    margin: 0;
    margin-top: -3px;
    margin-right: 10px;
    color: #333;
}

.newsheadline h2 {
	color: #fff; 
	line-height: 45px;
}

.newsitem h2 {
    font-size: 24px;
    font-weight: 700;
    color: rgb(100,100,100);
    margin-bottom: 30px;
}

.newsitem h2 {
	position: relative;
	padding-left: 75px;
	min-height: 57px;
}

.newsitem h2 span {
	display: inline-block;
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
}

.newsitem h2 .newsheadicon {
	position: absolute;
	left:0;
	top: 0;
	font-size: 35px;
}

.yellow {
	color: #ffc833!important;
}

.content .spe + ul li::before {
	color: #f00
}

.keyvisual .textwidget,
.keyvisual-small .textwidget  {
	display: inline!important;
}
/* PAGINATION */
.pagination {
	width: 100%;
	margin-top: 30px;
	border-top: 2px dotted #666;
	padding: 10px 0;
}
.pagination ul.page-numbers li {
	display: inline-block;
	list-style-type: none;
	border-bottom: 0;
	margin: 0 2px; 
	padding: 0;
}
.pagination ul.page-numbers li:before {
	content: '';
    position: relative;
}
.content .pagination ul li > * {
	display: inline-block;
	line-height: 30px;
	font-size: 18px;
	margin: 0; 
	padding: 0 10px;
}

.content .pagination ul li > .current {
	background: rgb(255,200,51);
	color: #000;
	font-weight: 600;
}

.content .pagination ul li a:hover {
	color: #fff;
	background: #666;
	text-decoration: none;
}
/* FORMS */
span.wpcf7-not-valid-tip {
	background: red;
	font-size: 14px;
	color: #ffffff;
	padding: 5px;
	border-radius: 5px;
	margin: -3px 0 10px 0;
	position: relative;
}
span.wpcf7-not-valid-tip:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 6px 5px;
	border-color: transparent transparent red transparent;
	position: absolute;
	left: calc(50% - 10px);
	top: -6px;
}
.uam_login_form .input-label {
	font-weight: 600;
}
.uam_login_form input.input {
	height: 35px;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    outline: none;
    padding: 0 5px;
}
.uam_login_form .checkbox_label {
	padding-left: 10px;
}
.uam_login_form input.button {
	height: 35px;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    outline: none;
    padding: 0 5px;
    margin: 10px 0 5px;
}
.uam_login_options {
	font-size: 14px;
	text-align: center;
	padding: 5px 0;
}
/* taxirechner */
#locationField, #controls {
	position: relative;
}
#start, #end {
	position: absolute; top: 0px; left: 0px; width: 99%;
}
#locationField {
	height: 20px;
	margin-bottom: 30px;
}