@font-face {
	font-family: "pt_sansbold";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/pt-sans/pt_sans-web-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pt-sans/pt_sans-web-bold-webfont.woff2") format("woff2"), url("../fonts/pt-sans/pt_sans-web-bold-webfont.woff") format("woff"), url("../fonts/pt-sans/pt_sans-web-bold-webfont.ttf") format("truetype"), url("../fonts/pt-sans/pt_sans-web-bold-webfont.svg#pt_sansbold") format("svg");
}
@font-face {
	font-family: "pt_sansregular";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/pt-sans/pt_sans-web-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pt-sans/pt_sans-web-regular-webfont.woff2") format("woff2"), url("../fonts/pt-sans/pt_sans-web-regular-webfont.woff") format("woff"), url("../fonts/pt-sans/pt_sans-web-regular-webfont.ttf") format("truetype"), url("../fonts/pt-sans/pt_sans-web-regular-webfont.svg#pt_sansregular") format("svg");
}
h1, h2, h3, h4, h5, h6 {
	color: #48504f;
}
h2 {
    font-size: 22px !important;
  color: #000 ;
    line-height: 24px !important;
}
h3 {
	font-size: 16px !important;
     color: #000 ;
}
h4 {
	font-size: 18px;
}

.container-x {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      margin: 20px;
    }
    /* Linke und rechte Spalte */
    .column-x {
      width: 48%;
    }
    /* Vertikale Trennlinie zwischen den Spalten */
    .separator-x {
      border-left: 2px solid #48504f;
      margin: 0 20px;
      align-self: stretch;
    }
    /* Styling für jeden Schritt */
    .step-x {
      margin-bottom: 20px;
      text-align: center;
    }
    .step-x img {
      width: 100px;
      height: auto;
    }
    .step-x h3 {
      font-size: 1.1em;
      margin: 10px 0 0;
    }
    
.termin-button-container-x {
    text-align: center;
    margin: 20px auto;
}

.termin-button-x {
    display: inline-block;
    text-decoration: none;
    background-color: #B62C33;
    color: #fff;
    border-radius: 6px;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    width: 60%;
}  

.termin-button-x.btn.btn-lg:hover {
  color: #fff;
}

.termin-button-x.btn.btn-lg:hover {
  background-color: #48504f !important;
}  
    
.cols-4 {
	width: 25%;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: top;
	margin-right: 2%;
}
.cols-4 h5 {
	border: 5px solid #f7d900;
	box-shadow: 0 1px 2px rgba(71,73,72,0.25);
	border-radius: 5px;
	background: #ffffff;
	margin-left: 33px;
}
.cols-4 h5 a {
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	transition: background-color 0.3s ease 0s;
	color: #666;
	line-height: 10px;
}
.cols-4 h5 a:hover {
	background: #e3e3e3;
}
div.serviceBox {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
	border-radius: 5px;
	font-size: 12px;
	line-height: 1.3em;
}
div.serviceBox h4 {
	font-size: 16px;
	margin-bottom: 10px;
}
.desktop {
	display: block;
}
.mobile {
	display: none;
}
@media screen and (max-width:768px)   {
.cols-4 {
	width: 90%;
	padding-left: 8px;
}

      .container-x {
        flex-direction: column;
      }
      .separator-x {
        display: none;
      }
      .column-x {
        width: 100%;
      }
      
.desktop, div.headArtikelBox img {
	display: none;
}
.mobile {
	display: block;
	margin-bottom: 10px;
}
aside {
	padding: 10px;
}
div.headArtikelBox h1 {
	position: inherit;
}
div.headArtikelBox {
	padding: 0;
}
.cols-4 h5 {
	margin-left: 0px;
	line-height: 8px;
	margin-top: -8px;
}
div.serviceBox {
	padding-top: 80px;
	/*! height: 188.6px; */
	display: none;
}
}
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ul {
    list-style-type: disc;
    list-style-position: inside;
}
ol {
    list-style-type: decimal;
    list-style-position: inside;
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
*, *:before, *:after {
	box-sizing: border-box;
}
strong {
	font-weight: bold;
}
u {
	text-decoration: underline;
}
i {
	font-style: italic;
}

.google-maps {
	background-color: #EEE;
	width: 97.5%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 13px 14px 0px rgba(50,50,50,0.5);
}
.google-maps {
	position: relative;
	padding-bottom: 36.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.googlemaps-consent-background {
   background-image: url("../images/kontakt-map-preview.webp");
   background-repeat: no-repeat;
   background-size: cover;
   padding: 20px;
   text-align: center;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}
.googlemaps-consent-background span {
   color: #000000;
   background-color: #fbebe1;
   padding: 10px 20px 6px 20px;
   border-radius: 5px;
}
.googlemaps-consent-background button {
   font-size: 200%;
   padding: 20px 40px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   font-weight: bold;
}

body {
	width: 100%;
	color: #595E5D;
	font-size: 12px;
	word-wrap: break-word;
	margin: auto;
	background-color: #f4f4f4;
	padding-top: 64px;
	font-family: "PT Sans", sans-serif, Arial, Helvetica;
}
/* *********************************************************** */
/*                  Allgemeine Definitionen                    */
/* *********************************************************** */
header {
	background-color: #48504f;
	box-shadow: 0 0 3px 0 #333333;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 300;
	/*! height: 154px; */
}
div.subHeader {
	background-color: #e4dfdb;
}
div.container, div.artikelContainer {
	max-width: 1170px;
	margin: auto;
	position: relative;
	/*! width: 100%; */
	/*! padding-left: 15px; */
	/*! padding-right: 15px; */
	/*! z-index: 1; */
}
div.dateTextList a {
	color: #666;
}
a {
	color: #B72838;
}
a:hover {
	color: #000000;
}
p {
	letter-spacing: 0.9px;
	line-height: 140%;
	margin-bottom: 15px;
}
p.blocks {
	margin-bottom: 35px;
}
div.artikelContainer {
	display: table;
}
article {
	width: 73%;
}
aside {
	width: 25%;
	background: #fff none repeat scroll 0 0;
	border-radius: 5px;
	border-top: 5px solid #b6202a;
	box-shadow: 0 1px 2px rgba(71,73,72,0.25);
	margin-bottom: 0;
	position: relative;
	margin-right: 2%;
}
footer {
	background-color: #e4dfdb;
	/*! margin-top: 45px; */
	/*! padding-top: 45px; */
	clear: both;
}
/* ********************** Tabellen und Floats ***************** */
.flexTable {
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	flex-wrap: wrap;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	margin: auto;
}
.table {
	display: table;
}
.table .tabellenSpalte {
	display: table-cell;
	padding-right: 5px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
	/*! display: inherit; */
	/*! height: -moz-fit-content; */
	/*! position: ; */
}
.box {
	margin: 2%;
	width: 25%;
}
/* ****************** Grössen, Breiten, Höhen ****************** */
.hundertProzent {
	width: 100%;
	height: auto;
}
.fuenfundsiebzigProzent {
	width: 75%;
	height: auto;
}
.sechsundsechzigProzent {
	width: 66%;
	height: auto;
}
.fuenfzigProzent {
	width: 50%;
	height: auto;
	margin-left: 20px;
	margin-bottom: 10px;
}
.vierzigProzent {
	width: 40%;
	height: auto;
	margin-right: 20px;
	margin-bottom: 10px;
}
.vierzigProzentR {
	width: 40%;
	height: auto;
	margin-left: 20px;
	margin-bottom: 10px;
}
.dreiunddreissigProzent {
	width: 33%;
	height: auto;
	margin-right: 20px;
	margin-bottom: 10px;
}
.fuenfundzwanzigProzent {
	width: 25%;
	height: auto;
	margin-right: 20px;
	margin-bottom: 10px;
}
.fuenfundzwanzigProzentX {
	width: 25%;
	height: auto;
	margin-bottom: 10px;
}
/* *********************************************************** */
/*              Designspezifische Definitionen                 */
/* *********************************************************** */
div.logo {
	width: 80%;
}
div.logo img {
	width: auto;
	height: 60px;
}
/* ******************* Artikel Content ********** */
div.artikelContainer {
	margin-top: 15px;
}
div.artikelContainer article section {
	background-color: #ffffff;
	padding: 10px;
	padding-top: 1px;
}
div.artikelContainer aside div {
	padding: 0px 12px 0px 12px;
}
div.artikelContainer aside div h6 {
	font-size: 180%;
	margin-bottom: 25px;
	color: #000000;
	text-transform: uppercase;
}
div.artikelContainer aside div p {
	color: #848484;
}
div.articleContent {
	padding: 30px 30px 50px 30px;
	letter-spacing: 0.8px;
	line-height: 140%;
}
div.headArtikelBox {
	position: relative;
}
div.headArtikelBox h1 {
	position: absolute;
	bottom: 15px;
	left: 0;
	background: rgba(0,0,0,0.55) none repeat scroll 0 0;
	padding: 25px;
	color: #ffffff;
	font-size: 220%;
	border-radius: 5px;
	margin-bottom: 30px;
	/*! height: 86px; */
	/*! align-content: center; */
}
article.hundertProzent div.headArtikelBox h1 {
	position: inherit;
	bottom: auto;
	left: auto;
}
div.headArtikelBox h3.suchergebnisse {
	padding: 15px;
}
/* ****************** Subpages ***************** */
.subpage-box {
	background-color: #fff;
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
	height: auto;
	margin: 15px;
	padding: 0 !important;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
	width: calc(100% / 2 - 25px);
}
.subpage-box:nth-child(2n+1) {
	margin-left: 0;
}
.subpage-box a img {
	height: 90%;
	margin-left: 5%;
	margin-top: 5%;
	width: 90%;
}
.subpage-box a dl {
	background-color: #ffffff;
	bottom: 0;
	color: #afafaf;
	left: 0;
	/* line-height: 2.5;
*/
	margin: 0;
	opacity: 0;
	padding: 15px;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease-in-out 0s;
	overflow: hidden;
}
.subpage-box a dt strong {
	-moz-osx-font-smoothing: grayscale;
	color: #666;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;
}
.subpage-box a dl:hover {
	opacity: 1;
}
.subpage-box h2 {
	background-color: #ffffff;
	height: 44px;
	position: relative;
	width: 100%;
	padding-left: 15px;
	line-height: 44px;
	font-weight: bold;
}
.dateTextList dd strong {
	display: block;
	line-height: 1.4em;
}
aside div {
	margin-top: 35px;
}
/* ******************* Suche ******************** */
form.search {
	position: absolute;
	right: 5px;
	top: 1px;
	width: 45%;
	padding-left: 0%;
}
form.search input {
	border: 0;
	color: #000000;
	padding: 7px;
	margin-top: 15px;
	width: 90%;
	background-color: #dadcdc;
	transition: background-color 0.5s ease 0s;
	height: auto;
	float: left;
}
form.search input:hover {
	background-color: #ffffff;
}
form.search button {
	height: 28px;
	background-color: #b6202a;
	border: 0;
	margin-top: 15px;
	color: #ffffff;
}
/* ******************* Formulare ******************** */
label {
	display: block;
	width: 90%;
	margin-bottom: 10px;
}
input, select, textarea {
	width: 100%;
	height: 25px;
	border: 0;
	background-color: #F5F5F5;
	margin-bottom: 10px;
	padding: 5px;
	height: 40px;
}
div.InputZweiteilig50Prozent label {
	float: left;
	width: 46%;
}
div.InputZweiteilig50Prozent label:nth-child(1), input.InputZweiteilig50Prozent {
	margin-right: 8%;
}
div.InputZweiteilig50Prozent input {
	float: left;
	width: 46%;
}
div.geteiltInput input.inputFirst {
	float: left;
	width: 15%;
	margin-right: 7%;
}
div.geteiltInput input.inputSecond {
	float: left;
	width: 77.5%;
}
div.geteiltInput label.geteilt {
	float: left;
	width: 15%;
}
div.geteiltInput label.geteilt:nth-child(2) {
	width: 76%;
}
div.geteiltInput label.geteilt:nth-child(1) {
	margin-right: 7%;
}
div label span.error {
	color: #F50032;
	font-size: 100%;
	margin-left: 10px;
}
input.error, textarea.error {
	border: 0;
	background-color: #FEE5EA;
	color: #F50032;
}
input[type="submit"], .globalButton {
	width: auto;
	margin-top: 20px;
	background-color: #93bf0d;
	color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
}
.globalButton {
	padding: 15px;
}
input[type="radio"], input[type="checkbox"] {
	width: 15px;
	height: 15px;
}
textarea {
	height: 100px;
}
#formularsenden {
	margin-bottom: 45px;
}
label.error {
	border: 1px solid #ad0000;
	color: #ad0000;
}
input.error {
	border: 1px solid #ad0000;
}
.error {
	padding: 50px 20px;
	font-size: 140%;
}
h4.formErfolg {
	margin-top: 45px;
	font-size: 140%;
	color: #005800;
}
/* **************** Language Auswahl **************** */
.languageBox {
	position: absolute;
	right: 0%;
	top: 15px;
}
.languageBox select {
	color: #cecece;
}
.languageBox select:hover {
	/*! color: #cecece; */
}
/* ******************** Footer ********************* */
footer div.container {
	display: flex;
	display: -webkit-flex;
	align-items: stretch;
	flex-wrap: wrap;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-basis: auto;
	flex-basis: auto;
	/*! margin: auto; */
	/*! margin-left: -10px; */
}
footer div.footBoxes {
	width: 29%;
	margin: 15px 30px 45px;
}
footer div.footBoxes:nth-child(3n+1) {
	margin-left: 0;
}
footer div.footBoxes:nth-child(5n+3) {
	margin-right: 0;
}
footer div.footBoxes h5 {
	font-size: 130%;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	line-height: 140%;
}
footer div.footBoxes p {
	/*! color: #a1a1a1; */
	line-height: 140%;
}
div.copyFooter {
	clear: both;
	background-color: #000;
	min-height: 70px;
}
div.copyFooter span {
	line-height: 40px;
	float: left;
	color: #ffffff;
	margin-top: -26px;
}
div.copyFooter ul {
	float: right;
	width: 100%;
	margin-top: 15px;
}
div.copyFooter ul li {
	float: right;
	margin-left: 15px;
}
div.copyFooter ul li a, div.copyFooter span a, div.copyFooter span a strong {
	color: #ffffff;
	font-weight: normal;
}
.zweispaltigText {
	width: 100%;
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-width: 50%;
	-moz-column-width: 50%;
	-webkit-column-width: 50%;
	column-rule-color: #d9d9d9;
	-moz-column-rule-color: #d9d9d9;
	-webkit-column-rule-color: #d9d9d9;
	column-rule-width: 1px;
	-moz-column-rule-width: 1px;
	-webkit-column-rule-width: 1px;
	column-rule-style: dotted;
	-moz-column-rule-style: dotted;
	-webkit-column-rule-style: dotted;
	column-gap: 70px;
	-moz-column-gap: 70px;
	-webkit-column-gap: 70px;
}
.dreispaltigText {
	width: 100%;
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-width: 50%;
	-moz-column-width: 50%;
	-webkit-column-width: 50%;
	column-rule-color: #d9d9d9;
	-moz-column-rule-color: #d9d9d9;
	-webkit-column-rule-color: #d9d9d9;
	column-rule-width: 1px;
	-moz-column-rule-width: 1px;
	-webkit-column-rule-width: 1px;
	column-rule-style: dotted;
	-moz-column-rule-style: dotted;
	-webkit-column-rule-style: dotted;
	column-gap: 70px;
	-moz-column-gap: 70px;
	-webkit-column-gap: 70px;
}
.zweispaltigTextLinie {
	width: 100%;
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-width: 50%;
	-moz-column-width: 50%;
	-webkit-column-width: 50%;
	column-gap: 70px;
	-moz-column-gap: 70px;
	-webkit-column-gap: 70px;
}
.dreispaltigTextLinie {
	width: 100%;
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-width: 50%;
	-moz-column-width: 50%;
	-webkit-column-width: 50%;
	column-gap: 70px;
	-moz-column-gap: 70px;
	-webkit-column-gap: 70px;
}
/* *************** Responsive Nav **************** */
nav.firstNav {
	position: relative;
	z-index: 10;
	background-color: #ffffff;
	border-bottom: 1px solid #ededed;
}
.nav {
	list-style: none;
	background-color: #fff;
	/*    *zoom: 1;
*/
}
.nav:before, .nav:after {
	content: " ";
	display: table;
}
.nav:after {
	clear: both;
}
.nav ul {
	list-style: none;
	width: 9em;
}
.nav a {
	display: block;
}
.nav li {
	position: relative;
	z-index: 100;
	border-bottom: 1px solid #eeeeee;
}
.nav > li > a {
	line-height: 35px;
	padding: 0px;
	display: block;
	transition: color 0.3s linear 0s;
	text-indent: 12px;
	color: #000000;
	transition: background-color 0.3s ease 0s;
}
.nav > li > a i {
	margin-top: 10px;
	margin-right: 15px;
	position: absolute;
	right: 0;
}
.nav > li a:hover {
	background-color: #e3e3e3;
}
.nav li  ul {
	position: absolute;
	left: -9999px;
	opacity: 0;
}
.nav > li.hover > ul {
	opacity: 1;
	transition: opacity 1.5s;
	left: 100%;
	top: 0;
}
.nav li li.hover ul {
	left: 100%;
	top: auto;
	opacity: 1;
	transition: opacity 1.5s;
	z-index: 101;
}
.nav li li a {
	display: block;
	background: #e4dfdb;
	position: relative;
	z-index: 100;
	min-width: 250px;
	color: #000000;
	padding: 11px;
	box-shadow: 1px 1px 1px 1px #cccccc;
	transition: background-color 0.3s linear 0s;
}
.nav li li a:hover {
	background: #d8d3cf;
}
.nav li li li a {
	background: #d8d3cf;
	z-index: 200;
	left: 100px;
}
.tooltip {
	text-decoration: none;
	position: relative;
	font-weight: bold;
}
.tooltip span {
	display: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: black;
	background: white;
}
.tooltip span img {
	float: left;
	margin: 0px 8px 8px 0;
}
.tooltip:hover span {
	display: block;
	position: absolute;
	top: -80px;
	left: 0;
	z-index: 1000;
	width: auto;
	max-width: 600px;
	min-width: 400px;
	min-height: 128px;
	/* border: 8px solid rgba(186,186,186,.5);
*/
	box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.2);
	margin-top: 12px;
	margin-left: 32px;
	overflow: hidden;
	padding: 8px;
	font-size: 80%;
	color: #606060;
	line-height: 1.2em;
	font-weight: normal;
}
.tooltip:hover span img {
	width: 100%;
	height: auto;
}
div.copyFootersticky {
	display: none;
}
.sm a {
  margin-right: 20px;
}
/* ************** Responsive Eigenschaften ************** */
@media screen and (max-width:980px) {
footer div.footBoxes {
	width: 27%;
}
}
@media screen and (max-width:768px) {
/* ******* Responsive Navigation ******** */
div.copyFootersticky {
	display: inherit;
}
.footIcons img {
  width: 50%;
  margin-top: 50px;
  margin-left: 0px;
}
.google-maps {
min-height: 250px;
}
.googlemaps-consent-background button {
  top: 70%;
}
.active {
	display: block;
}

div.subHeader {
	height: 270px;
}
.nav > li {
	float: none;
}
.nav > li a {
	/*! color: #bfbfbf; */
	padding: 5px 10px 5px 20px;
}
.nav > li li a {
	padding: 12px 10px 12px 30px;
}
.nav > li a:hover {
	color: #999999;
}
.nav > li > .parent {
	background-position: 95% 50%;
}
.nav li li .parent {
	/* background-image: url("../images/downArrow.png");
*/
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.nav ul, table {
	display: block;
	width: 100%;
}
.nav > li.hover > ul , .nav li li.hover ul {
	position: static;
}
.nav li li li a {
	left: 0;
	padding-left: 50px;
}
nav.firstNav {
	position: relative;
	z-index: 10;
	border-bottom: 0px;
	background-color: #B6202A;
	margin-top: -30px;
	height: 54px;
}
.toggleMenu {
	display: none;
	padding: 19px;
	width: 100%;
	color: #ffffff;
	font-size: 16px;
}
.toggleMenu:hover {
	color: #000000;
}
.nav li li a {
	box-shadow: 0px 0px 0px 0px;
}
.languageBox {
	position: inherit;
	text-align: center;
	max-width: 150px;
	margin: auto;
}
/* ********* Allgemeine Pageinformationen ******* */
div.artikelContainer, div.copyFooter {
	/*! padding: 15px; */
	/*! display: initial; */
	margin-top: 10px;
	/*! position: inherit; */
	/*! display: none; */
	/*! height: 0px; */
}
article, aside {
	display: block;
	width: 100%;
	float: none;
	margin-bottom: 25px;
	display: inherit;
	/*! height: auto; */
}
div.copyFooter span {
	display: block;
	float: none;
	text-align: center;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 80px;
}
div.copyFooter ul, div.copyFooter ul li {
	display: block;
	float: none;
	text-align: center;
	line-height: 140%;
	margin: 0;
	/*! margin-bottom: 12px; */
	margin-top: 10px;
}
div.artikelContainer aside div {
	padding: 0 0;
	margin-left: 20px;
	margin-right: 20px;
}
footer div.container {
	-webkit-flex-direction: column;
	flex-direction: column;
	padding-left: 20px;
	padding-right: 20px;
}
footer div.footBoxes, footer div.footBoxes:nth-child(3n+1), footer div.footBoxes:nth-child(5n+3) {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.subpage-box {
	width: 100%;
	margin-left: 0%;
}
form.search {
	position: inherit;
	margin: auto;
	width: 100%;
	text-align: center;
	padding-left: 9%;
}
form.search input, form.search button {
	margin-top: 0;
	float: left;
	text-align: center;
}
form.search input {
	width: 85%;
	margin-left: 5px;
}
div.logo {
	width: 100%;
	text-align: center;
}
body {
	padding-top: 100px;
}
}
@media screen and (max-width:500px) {
	header {
    height: 154px;
}

.termin-button-x {
        width: 80%;
    }
    
div.artikelContainer article h1 {
	font-size: 150%;
	position: inherit;
	margin-bottom: -10px;
	margin-top: -10px;
}

.dreiunddreissigProzent {
  margin-right: 0px;
}

.fuenfzigProzent {
  margin-right: 0px;
}
div.subHeader {
	height: 104px;
	margin-top: -20px;
}
div.headArtikelBox, div.articleContent {
	padding: 10px 15px;
	min-height: 86px;
	margin-top: 20px;
	/*! height: 100px; */
}
.hundertProzent, .fuenfundsiebzigProzent, .sechsundsechzigProzent, .fuenfzigProzent, .vierzigProzent, .vierzigProzentR, .dreiunddreissigProzent, .fuenfundzwanzigProzent, .fuenfundzwanzigProzentX {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.zweispaltigTextLinie, .zweispaltigText, .dreispaltigTextLinie, .dreispaltigText {
	width: 100%;
	column-count: 1;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-width: 100%;
	-moz-column-width: 100%;
	-webkit-column-width: 100%;
	column-rule-color: #ffffff;
	-moz-column-rule-color: #ffffff;
	-webkit-column-rule-color: #fffffff;
	column-rule-width: 0px;
	-moz-column-rule-width: 0px;
	-webkit-column-rule-width: 0px;
	column-gap: 0px;
	-moz-column-gap: 0px;
	-webkit-column-gap: 0px;
}
}