@charset "utf-8";
/* CSS Document */
/*
Theme Name: textmitsinn
Author: networkerz gmbh
Author URI: https://networkerz.de/
Description: main css
Version: 1.0
License: private
License URI: https://www.networkerz.de
*/
/* font-faces */
/* barlow-300 - 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: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/barlow-v13-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-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: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/barlow-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-500 - 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: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/barlow-v13-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-600 - 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: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/barlow-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


* {
	 margin: 0; padding: 0;
	 box-sizing: border-box;
	 }

html, body {
	font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:18px;
	line-height:1.4;
	margin:0px;
	padding:0px;
  color:var(--main);
}
strong {
	font-weight:600;
}
h1 {
 font-size: 2.1rem;
  font-weight: 600; 
}
h1 {
 font-size: 1.6rem;
  font-weight: 600; 
}
  footer li a {
    font-size:0.9rem
  }

a, .text-wrap p a[href^="tel:"] {
  text-decoration: none;
	color:var(--main);
	}
a[href^="mailto:"],
.text-wrap p a {
  color:var(--orange);
}
a:visited, a:focus {	}
a:focus { outline: none;}
a:hover,
a:focus, .text-wrap p a[href^="tel:"]:hover {
  text-decoration:underline;
	}
footer a {
	text-decoration:none;
}
ul, li {
    margin: 0;
    padding: 0;
}
footer ul, footer li {
	list-style:none;
}
img {
  width:100%;
	height:auto;
	border:none;
	display:block;
	}
h1, h2, h3, p {
  margin-bottom: 30px;
}
.text-wrap.intro p {
  font-size:18px;
  margin-bottom:20px;
}
/*   colors   */
:root { 
  --main:#005482;
  --orange: #EC671F;
  --contrast: #fff;
}
footer, footer a, footer span, footer ul, footer li, footer p {
  color:var(--contrast)
}
/*  header  */
header#site-header {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 10000;
}
.header-logo {
  padding:80px 0 50px;
}
.header-logo img{
  height: 27px;
  width: auto;
}
/*  content  */
header, main, footer {
	width:100%;
  }
main {
  position:relative;
   min-height:calc(100vh - 280px);
}
section {
  margin-bottom:70px;
}
section.imageblock {
  margin-bottom:45px;
}
.container {
  width:100%;
  max-width:960px;
  padding:0 40px;
  margin:0 auto;
	}
/*   Imageblock    */
.imageblock img {
  border-radius: 1em;
}
/*   Textblock    */
.home .textblock {
  margin-bottom:0;
}
.text-wrap {
  margin-bottom: 1.7em;
  padding: 0 1em;
}
.text-wrap.intro {
  max-width: 600px;
  margin-bottom:3.5em;
}
/*  Footer  */
footer {
  margin-top:20px;
}
footer .container .inner-footer {
  display:flex;
  align-items:center;
  background-color: var(--orange);
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;
  padding: 10px 1em 10px;
}
footer .col-8 {
  flex-basis: 80%;
  display:flex;
  align-items:center;
  padding-bottom:40px;
}
footer .col-2 {
  flex-basis: 20%;
  padding-bottom: 40px;
}
footer .col-8 img {
  max-width: 120px;
  display: inline-block;
}
footer .col-8 img,
footer .col-8 span,
footer .col-2 ul {
  margin:0 0.5em;
}
footer .col-2 ul {
  display:flex;
}
footer .col-2 li {
  margin:0 10px;
}
footer span.trenner {
  margin:0;
}
footer .col-8 img {
  margin:0 0.5em 0 0;
}
/*  DESKTOP  */
@media (min-width:600px) {
  main {
  min-height: calc(100vh - 285px);
}
}
@media (min-width: 768px) {
  .container {
    padding:0 60px;
  }
  main {
    min-height:calc(100vh - 253px);
  }
}
@media (min-width:1024px) {
  .header-logo {
    margin-left: -4em;
  }
  .container {
    padding:0 85px;
  }
  main {
   min-height: calc(100vh - 242px);
  }
}
@media (max-width:1023px) {
	html, body {
		font-size:17px;
	}
}
@media(max-width:767px) {
	html, body {
		font-size:15px;
	}
  footer .container .inner-footer {
    flex-wrap:wrap;
  }
  footer .col-2 ul {
    margin-left:0;
  }
  footer .col-8 {
    flex-basis:100%;
    flex-wrap: wrap;
  }
  footer span.trenner {
    display:none;
  }
  footer .col-8 img {
    max-width:120px;
  }
  p {
    font-size:18px;
  }
  footer .col-8 span {
    font-size:15px;
    width: 100%;
    margin: 5px 0 0;
  }
  footer .col-2 {
    padding-bottom:0;
  }
   footer .col-2 li:first-child {
  margin-left:0;
}
}
@media (max-width:599px) {
  .intro p {
  font-size: 1.5rem;
}
  .container {
    padding:0 20px;
  }
  
}