@charset "utf-8";
/* CSS Document */

/* FONTS */

/* exo-2-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-2-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/exo-2-v26-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/exo-2-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/exo-2-v26-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ENDE FONTS */

/* ALLGEMEIN */

body {
   	width: 100%;
	height: 100.02%; 
    margin: 0;
    padding: 0;
	background-color: #fff;
	color: #4D5958;
	font-family: 'Exo 2', 'Verdana', 'Arial', 'Helvetica', sans-serif;

}

hr {
	
	height: 1px;
	background-color: #000000;
	margin: 0 auto;
	width: 100%;
}

h1 {
	font-size: 2rem;
	font-family: 'Exo 2', 'Verdana', 'Arial', 'Helvetica', sans-serif;
	color: #000000;
	margin-bottom: 16px;
	margin-top:0px;
	font-weight:700;
}

h2 {
	font-size: 1.375rem;
	font-family: 'Exo 2', 'Verdana', 'Arial', 'Helvetica', sans-serif;
	color: #000000;
	font-weight:700;
}

h3 {
	font-size: 1.125rem;
	font-family: 'Exo 2', 'Verdana', 'Arial', 'Helvetica', sans-serif;
	color: #000000;
	font-weight:700;
}


p {	
	font-size: 1rem; 
	font-family: 'Exo 2', 'Verdana', 'Arial', 'Helvetica', sans-serif;
	line-height: 1.5;
	color: #000000;
	
}

.subheading {font-size: 1rem !important; color:#4D5958 !important;}

a:link { color: #4D5958; font-size: 1rem; text-decoration: none; transition: color 0.5s ease;}
a:visited { color: #4D5958; text-decoration: none;}
a:hover { color: #DF9E45; transition: color 0.5s ease;text-decoration: none;}

div.wrapper {width:100%; position:relative;}

div.header-top , div.footer-top {height:15px;width:100%;background-image: url("../img/heimattaxi_border_02.jpg"); background-repeat:repeat-x;}
div.header-wrapper {width: 100%; max-height: 180px; box-sizing:border-box; position:fixed;z-index:1000;background-color:#fff;}
div.header-content { display:flex; flex-direction:row; box-sizing:border-box; height:120px; margin-left:40px; margin-right:40px;}
div.header-content h1 {font-size:3rem;margin-left:15px;margin-top:51px;}
div.header-bottom  , div.footer-bottom {height:30px;width:100%;background-image: url("../img/heimattaxi_border_01.jpg"); background-repeat:repeat-x;}
div.main {width: 100%; position:relative;top:165px; box-sizing:border-box; display:flex; flex-wrap: wrap;background-color:#000;}
div.left {width: 60%; display:block;position: relative; box-sizing:border-box;background-image:url("../img/heimattaxi_hero.jpg");background-size:cover;background-repeat:no-repeat;background-position:top center;}
div.right {width: 40%; position: relative; box-sizing:border-box; padding: 40px;}
div.right p {color:#fff;}
div.right i {color:#ffdd00 !important; margin-right:5px;}
div.right hr {color:#fff;background-color:#fff;}
div.footer-wrapper {position:relative;top:165px;}
div.footer-content {width: 100%; position: relative; box-sizing:border-box; height: 120px; background-color: #ffdd00; color: #000; text-align:center;}

img.logo {margin:0px;height:auto;padding-top:15px;width:100%;max-width:165px;}
img.hero {width:100%;height: auto;}
.msg {font-weight: 600;}

.f-link {position:relative; top:45%; color:#000; margin:0px;}
div.footer a:link { color: #000; transition: color 0.5s ease;text-decoration: none;}
div.footer a:visited { color: #000; text-decoration: none;}
div.footer a:hover { color: #666; transition: color 0.5s ease;text-decoration: none;}

@media screen and (min-width:1800px){div.left{height:100vh;}}
@media screen and (min-width:1201px){div.main{min-height:650px;}}
@media screen and (max-width:1200px){div.left{width:100%;background-image:none;}div.right{width:100%;}img.hero{display:block;visibility:visible;position:relative;margin-top:-100px;}div.footer-wrapper {min-height:200px;}div.footer{position:absolute;bottom:-6px;}}
@media screen and (max-width:1023px){div.footer-wrapper {min-height:0px;}div.footer-content{position:relative;}}
@media screen and (max-width:599px){div.header-content h1 {font-size:2rem;} img.logo {padding-top:18px;}}
@media screen and (max-width:360px){div.header-content {flex-direction:column;} img.logo{display:block;margin:15px auto;} div.header-content h1 {text-align:center;}}
@media screen and (min-width:1300px){div.main{min-height:750px;}}
@media screen and (min-width:1930px){div.main{min-height:90vh;}}