html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

	
body, html {
	color: #404040;
    font-family: 'OpenSans', helvetica, arial, sans-serif;
    font-weight: 300;
    font-size: 100%; /* font-size: 12px; */
    }

p {
	padding: 0.2em 0 1em 0;
	}
	    
a {
    color: #82bc00;
    text-decoration: none;
	}

a:hover, a:focus {
    color: #82bc00; /* #888 */
    text-decoration: underline;
	}

img {
    border: 0;
	}
	

b, strong {
	font-weight: 500;
	}
	
.b_400 {
	font-weight: 400;
	}

.b_dark {
	font-weight: 500;
	color: #222;
	}
	
.b_blue {
	font-weight: 500;
	color: #0088c7;
	}
	
h1, h2, h3, h4, h5 {
    clear: both;
	/*text-align: left;*/
	}

h1 {
	font-size: 2.5rem;
	font-weight: 100;
	text-transform: uppercase;
	padding-bottom: 0.5em;
	color: #888; /* #0088c7 */
	text-align:left;
	}

h2 {
	font-size: 1.4rem;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 1em;
	color: #82bc00;
	}

h3 {
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: uppercase;
	vertical-align: top;
	padding-bottom: 0.5em; /* 1em */
	color: #222; /* #0088c7 */
	}
	
h4 {
	font-size: 0.8rem;
	font-weight: 500;
	text-transform: uppercase;
	vertical-align: top;
	padding-bottom: 1em;
	color: #222; /* #0073a3 */
	}
	
h5 {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	vertical-align: top;
	margin-top: 0px;
	padding-bottom: 1em;
	color: #222; /* #0073a3 */
	}
	
blockquote { 
	quotes: "\00BB" "\00AB";
	font-family: 'gfont', serif;
	font-style: italic;
	color: #666;
	font-size: 2em;
	text-indent: 0em; /*1.5*/
	/*text-align: justify;*/
	margin: 0 0 0 0; /*orul 0 0 0.3em 0em*/
	padding: 0 3em 0 3em; /* */
	display: block;
	}
	
blockquote:before {
	content: open-quote;
	color: #82bc00;
	font-size: 2em;
	line-height: 0.1em;
	margin-left: -0.5em;
	}

blockquote:after {
	content: close-quote;
	color: #82bc00;
	font-size: 2em;
	line-height: 0.1em;
	margin-left: -0.1em;
	/*margin-right: -1.5em\9;*/
	}

blockquote p {
	margin: 0;
	padding: 0;
	display: inline;
	}
	
.quote_note {
	font-family: 'OpenSans', helvetica, arial, sans-serif;
    font-weight: 300;
	color: #555;
	font-size: 1em;
	
	padding-top: 2em;
	padding-right: 10em;
	float: right;
	}

note {
	font-size: 9px;
	}
	
sup {
	position: relative;
    font-size: 40%;
    line-height: 0;
    vertical-align: baseline;
    top: -1.2em;
	}

.clear {
	clear: both;
	display: block;
    margin: 0;
    padding: 0;
	}
	

/* ------------------------------- */
/* siehe: https://www.html-seminar.de/css-flexbox.htm */


#wrapper {
	width:100%;
	min-width: 100%;
	float: none;
	position: absolute;
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 100%;
	}	
	
.header_navbar { 
	width: 100%;
	min-height: 60px; /*min-height 60%*/
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	background-color: white;
	z-index: 2;
	}
	
header { 
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 485px;
	top: 110px;
	left: 0;
	margin: 0 auto;	
	background-color: black;
	background-image: url("../img/addwheel_header_01.jpg");
	background-position: center; /* Center the image */
  	background-repeat: no-repeat;
  	background-size: contain;
	}

	header.smallheaderimage { 
	min-height: 285px;
	background-image: url(../img/hg_014_praxis_behandlung.jpg);
	background-position: center;
	background-size: cover; /* contain*/
	background-repeat: no-repeat;
	}
	
header .slide {
 	position: absolute;
 	/* - */
 	width: 100%;
	min-height: 568px; /*min-height 425px 485px*/
	top: 110px;
	left: 0;
	margin: 0 auto;
	/*background-image: url(../img/hg_001.jpg);*/
	background-position: center;
	background-size: cover; /* contain*/
	background-repeat: no-repeat;
	/* - */
 	animation: slider 20s infinite;
 	z-index: 1;
}
	
header .slide:nth-child(1) {
   background-image: url(../img/hg_001.jpg);
   animation-delay: 0s;
}

header .slide:nth-child(2) {
   background-image: url(../img/hg_013_praxis.jpg);
   animation-delay: -4s;
}

header .slide:nth-child(3) {
   background-image: url(../img/hg_014_praxis_behandlung.jpg);
   animation-delay: -8s;
}

header .slide:nth-child(4) {
   background-image: url(../img/hg_015_ebersbach_landschaft.jpg);
   animation-delay: -12s;
}

header .slide:nth-child(5) {
   background-image: url(../img/hg_010_team.jpg);
   animation-delay: -16s;
}


@keyframes slider {
  0%, 15%, 100% {
    opacity: 1;
    animation-timing-function: ease;
    z-index: 0;
  }
  20% {
    opacity: 0;
    animation-timing-function: step-end;
    z-index: 0;
  }
  95% {
    opacity: 1;
    animation-timing-function: step-end;
    z-index: -1;
  }
}

/*----------------------------*/
	
main { 
	width: 100%;
	flex: 1;
	left: 0;
	background-color: #f1f3f4;
	/*border-top: #82bc00 solid 6px;*/
	}
	
footer { 
	width: 100%;
	left: 0;
	background-color: #222;
	padding-bottom: 2em;
	}
	
footer a {
    color: #888;
    text-decoration: none;
	}

footer a:hover, a:focus {
    color: #82bc00; /* #888 */
    text-decoration: underline;
	}
	
.shadow_dt_header {
	height: 14px;
	position: relative;
	top: -568px; /* war -14px 20px*/
	background-image: url(../img/shadow_downtop.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	z-index: 2;
	}
	
.shadow_td_footer {
	height: 14px;
	top: 0px;
	background-image: url(../img/shadow_topdown.png);
	background-position: top left;
	background-repeat: repeat-x;
	z-index: 2;
	}

	
.navbar_center, .main_center, .footer_center {
	margin: auto;
	width: 75%; /*50%*/
	}
	
.scroll-to {
	padding-bottom: 0px;
	}

#logo {
	width: 380px;
	height: 60px;
	background-image: url(../img/logo_addwheel.svg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;	
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* Disables the gray highlighting on touch devices */
	-webkit-tap-highlight-color: transparent; /* For some Androids */

	
	opacity: 1;
	-webkit-animation-name: logo_Out;
	 animation-name: logo_Out;
	 	
	 -webkit-animation-duration: 1200ms; /* Safari and Chrome */
	 animation-duration: 1200ms;
	}
	
		@-webkit-keyframes logo_Out {
			from {opacity:0;}
			to {opacity:1;}
		}

		/* Standard syntax */
		@keyframes portfolioItemImg_Out {
			from {opacity:0;}
			to {opacity:1;}
		}
	
#logo:hover, #logo:focus, #logo:active {
	background-image: url(../img/logo_on.svg);	
	
	opacity: 1;
	-webkit-animation-name: logo_In;
	animation-name: logo_In;
	
	-webkit-animation-duration: 1200ms; /* Safari and Chrome */
	animation-duration: 1200ms;
	}

		@-webkit-keyframes logo_In {
			from {opacity:0.3;}
			to {opacity:1;}
		}

		/* Standard syntax */
		@keyframes logo_In {
			from {opacity:0.3;}
			to {opacity:1;}
		}
		
		
.phone_centered {
	background-color: #82bc00;
	color: #fff;
	font-size: 1.67em;
	text-align: center;
	border-radius: 5px;
	padding: 0.125em 0.5em;
	max-width: 300px;
	width: max-content; /* war: width: 230px */
	position: relative;	
	margin: auto;
	margin-bottom: 1.5em;
	}

.phone_centered a {
	color: #fff;
	}
	
.phone_centered a:hover, a:focus {
    color: #000;
	}
	
.main_center: {
	position: absolute;
	top: 0; /* -365px */
	}
	
.main_fullwidth {
	margin-bottom: 3em;
	}

	
#headline_box {
	float: right;
}

#headline_h1 {
	font-family: 'gfont', serif;
	font-size: 2.5em;
	font-weight: 700;
	color: #476e06;
	}

#headline_h2 {
	font-family: 'gfont', serif;
	font-size: 1.67em;
	font-weight: 400;
	color: #666;
	}

.quote_box {
	max-width: 90%; /*75% 90em*/
	margin: 1em 3em 3em; /* o, lr, u */
	}
	
.content_box {
	max-width: 90%; /*75% 90em*/
	margin: 1em 3.75em 3em; /* o, lr, u */
	}

.footer_box {
	color: #999;
	margin: 3em 3em 0em; /* war 4 */
	min-width: 300px;
	max-width: 350px;
	float: left;
	}

.footer_text_darker {
	color: #4a4743;
	}

.footer_text_darker a {
	color: #4a4743;
	}
	
.footer_text_darker a:hover, a:focus {
    color: #82bc00;
	}
	
.footer_note {
	color: #999;
	width: 100%;
	display: flex;
  	justify-content: center; /* Zentriert horizontal */
  	padding-top: 5em;
	}
		
/* ------------------------------- */	



.content {
	margin: 5em 20% 0 12em;  /* o, r, u, l */
	background-color: red;
	}

.section {
	}
	
	
.gallery_slider_style {
	border-radius: 10px; /* 25px */
	border: 6px solid #dddfdf; /* 10px */
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19);
	}
	



/* ------------------------------- */

.welcome {
	width: 100%;
	text-align: center;
	margin: 0.5em 0.5em 1em; /* o, lr, u */
	}
	
.welcome h1 {
	text-align: center;
	}

.headline_bar {
	display: inline-block;
	height: auto;
	width: auto;
	margin: 1em auto 1em -20em; /* o,r,u,l */
	padding: 0.125em 0.5em 0.125em 22.25em; 	/* war 0.125em 2em 0.125em 22.25em */
	color: #fff; /* #fff #c65732 */
	font-size: 1.67rem;
	/*font-family: 'gfont', serif;
	font-weight: 300;
    font-style: normal; */
	text-transform: uppercase;
	background-color: #646469; /*  #82bc00 */
	border-radius: 5px;
	border: none;
	/* border-bottom: 3px solid #dce0df; */
	/*box-shadow: 1px 2px 3px #888888;
	text-shadow: inset 1px 2px 3px #888888;*/
	}
	
.headline_bar_txt {
  /*background-color: #565656;
  color: transparent;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;*/
}

.back-to-top {
	display: inline-block;
	height: auto;
	width: auto;
	/*margin: 1em 0 1em auto;  o,r,u,l */
	padding: 0.125em 2em 0.125em 0.5em; 	/* war 0.125em 2em 0.125em 22.25em */
	position: fixed;
	right: -0.5em;
	bottom: 1em;
	color: #fff; /* #fff #c65732 */
	font-size: 1.67rem;
	text-transform: uppercase;
	background-color: #646469; /*  #82bc00 */
	border-radius: 5px;
	border: none;
	z-index: 998;
	}
.back-to-top a {
	color: #fff;
	}
	
.back-to-top a:hover, a:focus {
	color: #fff;
	text-decoration: none;
	}	

.text_box_white {
	margin: 1em 2em 3em 2em; /* o,r,u,l */
	padding: 1em 1.5em 3em 1.5em;
	background: #f5f6f6; /* white #c0c2c2*/
	border-radius: 5px; /* 25px */
	border: 3px solid #dbe0df;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
	}
	
/* Sprechzeiten
-------------------------------------------------------------- */

.sprechzeiten_box {
	/* margin: 2em 3em 4em;*/ /* o, lr, u */
	width: max-content;
	margin: auto;
	}

.sprech_tag, .sprech_am, .sprech_trenn, .sprech_pm {
	font-size: 1.67em;
	height: 1.8em;
	}
	
.sprech_tag {
	width: 2em;
	float: left;
	}
	
.sprech_am {
	float: left;
	}
	
.sprech_trenn {
	width: 1em; /* 25px */
	float: left;
	text-align: center;
	}
	
.sprech_pm {
	float: left;
	}
	
/* Vita
-------------------------------------------------------------- */
	
.vita {
	margin-bottom: 0.8em;
	}
	
.vita_date {
	width: 5.5em;
	margin-right: 1em;
	padding: 0.3em;
	text-align: right;
	font-weight: 400;
	/*background-color: #edede9;*/
	float: left;
	}
	
.vita_txt {
	padding-top: 0.3em;
	text-align: left;
	display: table-cell;
	}
	
.portrait_foto_weimann {
	height: 150px;
	width: 150px;
	background: left url(../img/portrait_weimann.jpg) no-repeat;
	}
	
#portrait_foto_weimann_scale {
	background-size: 100%;
	}
	
/* News-Modul
-------------------------------------------------------------- */

#news_title_bg {
	background: #dcdfdf;
	border-radius: 5px;
	color: #64646a;
	font-weight: 500;
	font-size: 1.25em;
	padding: 0.5em;
	}
	
.news_title_pre { 
	/*span */
	
	}
	
.news_eintrag {
	background: #fff;
	border-radius: 5px;
	padding: 0 1em 0.5em 1.9em;
	margin-bottom: 2em;
	}
	
.news_verfasst {
	font-size: 0.5em;
	}

/* Leistungen
-------------------------------------------------------------- */

.leistungen-flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: start;
	align-content: flex-start;
}

.leistungen-flex-item {
	width: 300px;
	height: 250px;
	background-color: #fff;
	border-radius: 25px;
	margin: 12px;
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

.leistungen-icon {
	width: 112px;
	height: 112px;
	margin: 0 auto;
}

.leistungen-flex-item h3 {
  text-align: center;
  margin: 0;
}

.leistungen-flex-item p {
  text-align: center;
  margin: 0
}

/* Team
-------------------------------------------------------------- */

.team-flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: start;
	align-content: flex-start;
}

.team-flex-item {
	width: 300px;
	height: auto;
	/*background-color: #fff;
	border-radius: 25px;*/
	margin: 12px;
	padding:10px;
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

.team-flex-item-gruppenfoto {
	width: 100%;
	height: 600px;
	background-color: #fff;
	background: center center url(../img/team_gruppenfoto.jpg) no-repeat;
	background-size: cover; /* contain auto */
	border-radius: 25px;/**/
	margin-bottom: 2em;
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

.team-flex-item-vita {
	width: auto;
	height: auto;
	background-color: #fff;
	border-radius: 25px;/**/
	margin-bottom: 2em;
	padding: 1em;
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

.team-img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	margin-bottom: 1em;
	border-radius: 100px;
	border: 1px solid #555;
}

#team-img-1 {
	background: center center url(../img/portrait_weimann.jpg) no-repeat;
	background-size: cover;
}

#team-img-2 {
	background: center center url(../img/portrait_02.jpg) no-repeat;
	background-size: cover;
}

#team-img-3 {
	background: center center url(../img/portrait_03.jpg) no-repeat;
	background-size: cover;
}

#team-img-4 {
	background: center center url(../img/portrait_04.jpg) no-repeat;
	background-size: cover;
}

#team-img-5 {
	background: center center url(../img/portrait_05.jpg) no-repeat;
	background-size: cover;
}

#team-img-6 {
	background: center center url(../img/portrait_06.jpg) no-repeat;
	background-size: cover;
}


.team-flex-item h3 {
  text-align: center;
  margin: 0;
}

.team-flex-item p {
  text-align: center;
  margin: 0
}


/* Leaflet-Karten-Plugin
-------------------------------------------------------------- */

#mapid { 
	width: 100%;
	height: 400px;
	margin-bottom: 2em;
	}


/* Fotoslider responsivelsides
-------------------------------------------------------------- */
#sliderbox {
	margin: 1em 2em 3em 2em; /* o,r,u,l */
	/*background: #f5f6f6; */	
	}
	
.rslides {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
	}
	

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }
  
  /* Download-Buttons
-------------------------------------------------------------- */
.listButtonElements {
         margin-bottom: 2rem;
         display: flex;
         flex-wrap: wrap;
      }
      
.ButtonObject {
	order: 1;
	margin-right: 3rem;
	}
	
.ButtonText {
	order: 2;
	line-height:40px;
	vertical-align: middle;
	}

@media screen and (max-width: 68.75em) { /* war 40em*/
	    
    .ButtonObject {
    	order: 2;
    	float: left;
    	margin-left: 1rem;
		}
	
	.ButtonText {
		order: 1;
		width: 100%;
		font-size: 1.1rem;
		margin-left: 1rem;
		margin-bottom: 1rem; /* war 0.5 */
		line-height: normal; 
		}
	
	.ButtonText::after {
        content: ':';    
		}
	
}

/* SlickNav Menu
-------------------------------------------------------------- */
.slicknav_menu  {
	display: none;
	position: fixed;
	width: 100%;
	float: right;
	z-index: 1000;
	}

/*----------- */

#nav {
	height: auto;
	text-transform:uppercase;
	font-weight:300;
	font-size:1.125em;
	padding:0.7em 0 0 0.8em; /*orul*/
	color:#555;
	float: right;
	z-index:999;
	}

#nav ul {
	padding: 0 0 0 0; /*1.5em*/
	margin: 0;
	}
		
#nav li {
	display:inline-block;
	padding:0.25em 0.5em;
	}
	
#nav li .trenner::before {
	color: #82bc00;
	content: "|";
	}
	
	/*.lt-ie8 {
		display:inline;
		zoom:1;
	}*/
	
#nav a {
	color:#555;/*#333333*/
	text-decoration:none;
	cursor: pointer;
	}
	
#nav a:hover {
	color:#82bc00;
	}
	
.submenubox {
	}
		
.submenu {
	color: #000;
	font-size:85%;
	clear: both;
	white-space: nowrap;
	margin: 0.5em;
	}
		
li.submenu::before {
	/*color: #c65732;*/
	content: "»"; /*•*/
	}
	
li.submenu:hover {
	color: #c65732;
	}

.submenu:hover {
	/*text-decoration: underline;*/
	}
	
#main-menu {
	padding-top:5.688em;
	}

	/*----------- */
	
	
@media screen and (max-width: 64em) { /* entspr. 1024px, war 50em/800px */

	body, html {
		font-size: 1.1rem; /* 11px */
	}
	.js #slicknav_menu_off {
		display: none;
	}
	.js .slicknav_menu {
		display: block;
	}
	
	li.submenu::before {
	content: "";
	}
}

/* Drop Menu
-------------------------------------------------------------- */
/* CSSTerm.com Simple Horizontal DropDown CSS menu */
@media screen and (min-width: 64em) { /* entspr. 1024px, war 50em/800px */
.drop_menu {
	height: 2.5em; /*50px*/
	}

.drop_menu li {
	float:left;
	}
	
.drop_menu li a {
	}

/* Submenu */

.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
	z-index: 100000;
	}
	
.drop_menu li:hover {
	position:relative;
	}
	
.drop_menu li:hover ul {
	left:0px;
	top:30px;
	background:#fff; /* 777 */
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 0.8em;
	}
 
.drop_menu li:hover ul li a {
	margin: 0 1.5em 0 1.5em;
	}

.drop_menu li:hover ul li a:hover {
	/*background:#eb0029;*/
	}
	
}

/* Drop Menu End
-------------------------------------------------------------- */

/* Footer Menu
-------------------------------------------------------------- */

#footer_nav {
	display: inline-block;
	text-transform: uppercase;
	}

#footer_nav .footer_trenner::before {
	color: #82bc00;
	content: "|";
	margin: 0 1em; /* ou, lr war padding*/
	}

/* jQuery Accordion
-------------------------------------------------------------- */
.ui-accordion {
	width: 100%;
	margin-bottom: 60px;
	}
	
.ui-accordion-header {
	padding-left: 30px;
	border: none;
	}
	
.ui-accordion-icons {
	 /*background: no-repeat url(../img/icon_26px.svg);*/
	}
	
.ui-accordion-content {
	}
	
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
	}
	
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 10px 0 0 0;	
	min-height: 0; /* support: IE7 */
	background-color: #8fba38;
	color: #fff;
	padding-bottom: 0;
	border-radius: 5px;
	}
	
.ui-state-focus {
	outline: none;
	}
	
#accordion i {
	float: right;
	font-size: 1.0rem;
	line-height: 1.8rem;
	vertical-align: middle;
	margin-right: 0.5em;
	cursor: pointer;
	}
	
.ui-accordion-header:before {
    content: "\f00c";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:-4px;
    position:absolute;
    top:0;
    color: #646369;
    filter: drop-shadow(1px 2px 2px rgb(0 0 0 / 0.3));
 }

	
/* ------------------------------- */

@media screen and (min-width: 68.750em) and (max-width: 93.750em) {
	
	.navbar_center, .footer_center {
	margin: auto;
	width: 95%; /*50%*/
	}
	
	.main_center {
	width: 90%; /* 75% */
	}

}

/* ------------------------------- */

@media screen and (max-width: 68.75em) {
	
	.navbar_center, .footer_center {
	margin: auto;
	width: 95%; /*50%*/
	}
	
	.main_center {
	width: 95%; /* 75% */
	}

}

/* ------------------------------- */

@media screen and (max-width: 64em) {
	
	h1, .welcome h1 {
     font-size: 1.625rem;
     }
    
    blockquote { 
	font-size: 1.75em;
	padding: 0; /* 0 0.5em 0 0.5em */
	}
	
	.quote_note {
	font-size: 1.0em;
	padding-top: 1.0em;
	padding-right: 2em;
	}
	
	.navbar_center, .footer_center {
	margin: auto;
	width: 95%; /*50%*/
	}
	
	

}


/* ------------------------------- */

@media screen and (max-width: 64em) { /* entspr. 50em/800px vorher 580px */

	body, html {
    font-size: 1.025rem; /* 1.125rem*/
    }
    
    #wrapper {
	min-width: 600px;
	}
    
    h1 {
	font-size: 1.5rem;
	font-weight: 300;
	}
	
	header {
	/*min-height: 650px;*/
	}
	
	footer {
	padding-bottom: 3em;
	}
	
	.header_navbar { 
	top: 50px;
	}
	
	.navbar_center {
	margin: auto;
	width: 300px;
	}
	
	#logo {
	position: relative;
	left: -40px;
	}	
	
	header.smallheaderimage { 
	background-position: 50% 40px;
	}
	
	.main_center, .footer_center {
	margin: auto;
	width: 100%;
	}
	.shadow_td_header {
	top: 110px;
	}
	
	#headline_box {
    float: left;
    padding-top: 0.5em;
	}

	#headline_h1 {
	font-family: 'Vollkorn', serif;
	font-size: 0.9rem;
	font-weight: 700;
	color: #476e06;
	}

	#headline_h2 {
	font-family: 'Vollkorn', serif;
	font-size: 0.75rem;
	font-weight: 400;
	color: #666;
	}
	
	.quote_box {
	margin: 2em 1.3em 4em; /* o, lr, u */
	}
	
	blockquote { 
	font-size: 1.5em; /* war 1.25em */
	padding: 0 0.5em 0 1em; /* o, r, u, l */
	}
	
	.quote_note {
	font-size: 1.0em;
	padding-top: 1.0em;
	padding-right: 2em;
	}
	
	.content {
	margin: 3em 5% 0 3em;  /* o, r, u, l */
	}
	
	.headline_bar {
	display: block;
	/*max-width: 100%;*/
	margin: 1em 1.5em 2em 1.5em; /* o,r,u,l */
	padding: 0.5em 1.5em 0.5em 1.5em;
	/*text-align: center;*/
	/* color: #fff; */
	font-size: 1.2em;
	/* background-color: #c65732; #dce0df */
	border-radius: 5px;
	border: none;
	}
	
	.sprech_tag, .sprech_am, .sprech_trenn, .sprech_pm {
	font-size: 1.25em;
	height: 1.6em;
	}
	
	.leistungen-flex-item {
	width: 400px;
	height: 250px;
	}
	
	.team-flex-item-gruppenfoto {
	height: 360px;
	}

	
	.footer_box {
	width: 100%; /* war 300px */
	margin: 1em 3em 0em; /* o, lr, u */
	font-size: 1.125rem; /* 0.9rem */
	/* clear: both; */
	}
	
	
}

/* ------------------------------- */

@media only screen and (max-width: 428px) {
  /* For mobile phones:  iPhone 12 / 13 Pro Max */
  
  	body, html {
    font-size: 1rem; /* entspr. 16px*/
    }
    
     h1, .welcome h1 {
     font-size: 1.438rem;
     }
    
   	#wrapper {
	min-width: 428px;
	}
	
	#logo {
	margin-top: 6px;
	margin-left: 6px;
	}
	
	header, header .slide { 
	min-height: 350px; /*min-height 485px*/
	}

	header .slide {
	background-size: auto 350px; /* cover contain */
	background-position: 48% 65px; /* 50px */
	}

	
	.headline_bar {
	height: auto;
	max-width: auto; /* 375px 100% */
	margin: 0.5em 0 1em; 
	padding: 0.125em auto 0.125em; 	/* initial 0.125em 0.5em 0.125em 22.25em */
	border-radius: 0;
	}
	
	.sprechzeiten_box {
	width: 100%;
	margin: auto;
	}
		
	.leistungen-flex-item {
	width: 100%;
	height: auto; /* 300px */
	margin: 0.5em auto 1em;
	}
	
	.leistungen-flex-item h3 {
  	margin: auto 0.5em 0.25em;
	}

	.leistungen-flex-item p {
  	margin: auto 0.5em 0.25em;
	}
	
	.content_box {
	width: 100%; /* 90%*/
	margin: 0.5em auto 1em; /* o, lr, u */
	padding: 1em;
	}
	
	.footer_box {
	width: 100%;
	margin: 0.5em 0 1em; /* o, lr, u war 4 */
	padding: 1em;	
	font-size: 1.1em;
	text-align: center;
	float: left;
	}

}

/* ------------------------------- */

@media only screen and (max-width: 414px) {
  /* For mobile phones: iPhone 8 plus */
  
  	body, html {
    font-size: 1rem; /* entspr. 16px*/
    }
    
    h1, .welcome h1 {
     font-size: 1.375rem;
     }
    
   #wrapper {
	min-width: 414px;
	}
	
	#logo {
	margin-top: 6px;
	margin-left: 6px;
	}
	
	header, header .slide { 
	min-height: 350px; /*min-height 485px*/
	}

	header .slide {
	background-size: auto 350px; /* cover contain */
	background-position: 48% 65px; /* 50px */
	}

	
	.headline_bar {
	height: auto;
	max-width: auto; /* 375px 100% */
	margin: 0.5em 0 1em; 
	padding: 0.125em auto 0.125em; 	/* initial 0.125em 0.5em 0.125em 22.25em */
	border-radius: 0;
	}
	
	.sprechzeiten_box {
	width: 100%;
	margin: auto;
	}
		
	.leistungen-flex-item {
	width: 100%;
	height: auto; /* 300px */
	margin: 0.5em auto 1em;
	}
	
	.leistungen-flex-item h3 {
  	margin: auto 0.5em 0.25em;
	}

	.leistungen-flex-item p {
  	margin: auto 0.5em 0.25em;
	}
	
	.content_box {
	width: 100%; /* 90%*/
	margin: 0.5em auto 1em; /* o, lr, u */
	padding: 1em;
	}
	
	.footer_box {
	width: 100%;
	margin: 0.5em 0 1em; /* o, lr, u war 4 */
	padding: 1em;	
	font-size: 1.1em;
	text-align: center;
	float: left;
	}

}

/* ------------------------------- */

@media only screen and (max-width: 412px) {
  /* For mobile phones: Galaxy S20 ultra */
  
   #wrapper {
	min-width: 412px;
	}

}


/* ------------------------------- */

@media only screen and (max-width: 390px) {
  /* For mobile phones: iPhone 12 / 13 + pro */
  
  	body, html {
    font-size: 1rem; /* entspr. 16px*/
    }
    
    h1, .welcome h1 {
     font-size: 1.313rem;
     }
    
   #wrapper {
	min-width: 390px;
	}
	
	#logo {
	width: 350px;
	height: 55px;
	margin-top: 6px;
	margin-left: 16px;
	}
	
	header, header .slide { 
	min-height: 300px; /*min-height 485px*/
	}

	header .slide {
	background-size: auto 300px; /* cover contain */
	background-position: 48% 60px; /* 50px */
	}


	.headline_bar {
	height: auto;
	max-width: auto; /* 375px 100% */
	margin: 0.5em 0 1em; 
	padding: 0.125em auto 0.125em; 	/* initial 0.125em 0.5em 0.125em 22.25em */
	border-radius: 0;
	}
	
	.sprechzeiten_box {
	width: 100%;
	margin: auto;
	}
		
	.leistungen-flex-item {
	width: 100%;
	height: auto; /* 300px */
	margin: 0.5em auto 1em;
	}
	
	.leistungen-flex-item h3 {
  	margin: auto 0.5em 0.25em;
	}

	.leistungen-flex-item p {
  	margin: auto 0.5em 0.25em;
	}
	
	.content_box {
	width: 100%; /* 90%*/
	margin: 0.5em auto 1em; /* o, lr, u */
	padding: 1em;
	}
	
	.footer_box {
	width:100%;
	margin: 0.5em 0 1em; /* o, lr, u war 4 */
	padding: 0.75em;	
	font-size: 1em;
	text-align: center;
	float: left;
	}

   
}


/* ------------------------------- */

@media only screen and (max-width: 375px) {
  /* For mobile phones: */
  
  	body, html {
    font-size: 1rem; /* entspr. 16px*/
    }
    
    h1, .welcome h1 {
     font-size: 1.25rem;
     }
    
   #wrapper {
	min-width: 375px;
	}
	
	#logo {
	width: 350px;
	height: 55px;
	margin-top: 6px;
	margin-left: 16px;
	}
	
	header, header .slide { 
	min-height: 300px; /*min-height 485px*/
	}

	header .slide {
	background-size: auto 300px; /* cover contain */
	background-position: 48% 60px; /* 50px */
	}


	.headline_bar {
	height: auto;
	max-width: auto; /* 375px 100% */
	margin: 0.5em 0 1em; 
	padding: 0.125em auto 0.125em; 	/* initial 0.125em 0.5em 0.125em 22.25em */
	border-radius: 0;
	}
	
	.sprechzeiten_box {
	width: 100%;
	margin: auto;
	}
		
	.leistungen-flex-item {
	width: 100%;
	height: auto; /* 300px */
	margin: 0.5em auto 1em;
	}
	
	.leistungen-flex-item h3 {
  	margin: auto 0.5em 0.25em;
	}

	.leistungen-flex-item p {
  	margin: auto 0.5em 0.25em;
	}
	
	.content_box {
	width: 100%; /* 90%*/
	margin: 0.5em auto 1em; /* o, lr, u */
	padding: 1em;
	}
	
	.footer_box {
	width:100%;
	margin: 0.5em 0 1em; /* o, lr, u war 4 */
	padding: 0.75em;	
	font-size: 1em;
	text-align: center;
	float: left;
	}

   
}

/* ------------------------------- */

@media only screen and (max-width: 360px) {
  /* For mobile phones: Galaxy S20*/
   
   	body, html {
    font-size: 0.984rem; /* entspr. 15,75px */
    }
    
    h1, .welcome h1 {
     font-size: 1.25rem;
     }
    
   #wrapper {
	min-width: 360px;
	}
	
	#logo {
	width: 340px;
	height: 54px;
	margin-top: 6px;
	margin-left: 20px;
	background-image: url(../img/logo_addwheel.svg);
	}
	
	header, header .slide { 
	min-height: 280px; /*min-height 485px*/
	}

	header .slide {
	background-size: auto 280px; /* cover contain */
	background-position: 48% 65px; /* 50px */
	}
	
	.headline_bar {
	height: auto;
	max-width: 360px; /* 100% */
	margin: 0.5em auto 1em; 
	padding: 0.125em auto 0.125em; 	/* initial 0.125em 0.5em 0.125em 22.25em */
	border-radius: 0;
	}
	
	.sprechzeiten_box {
	width: 100%;
	margin: auto;
	}
		
	.leistungen-flex-item {
	width: 100%;
	height: auto; /* 300px */
	margin: 0.5em auto 1em;
	}
	
	.leistungen-flex-item h3 {
  	margin: auto 0.5em 0.25em;
	}

	.leistungen-flex-item p {
  	margin: auto 0.5em 0.25em;
	}
	
	.content_box {
	width: 100%; /* 90%*/
	margin: 0.5em auto 1em; /* o, lr, u */
	padding: 1em;
	}
	
	.footer_box {
	width: 100%;
	margin: 0.5em 0 1em; /* o, lr, u war 4 */
	padding: 0.5em;	
	font-size: 0.9em;
	text-align: center;
	float: left;
	}
	
}


/* ------------------------------- */

@media only screen and (max-width: 320px) {
  /* For mobile phones: iPhoneSE*/
   
   	body, html {
    font-size: 0.938rem; /* entspr. 15px*/
    }
    
     h1, .welcome h1 {
     font-size: 1.125rem;
     }
    
   #wrapper {
	min-width: 320px;
	}
	
	#logo {
	width: 310px;
	height: 49px;
	margin-top: 6px;
	margin-left: 36px;
	background-image: url(../img/logo_addwheel.svg);
	}
	
	header, header .slide { 
	min-height: 250px; /*min-height 485px*/
	}

	header .slide {
	background-size: auto 250px; /* cover contain */
	background-position: 48% 65px; /* 50px */
	}
	
	.headline_bar {
	height: auto;
	max-width: 320px; /* 100% */
	margin: 0.5em auto 1em; 
	padding: 0.125em auto 0.125em; 	/* initial 0.125em 0.5em 0.125em 22.25em */
	border-radius: 0;
	}
	
	.sprechzeiten_box {
	width: 100%;
	margin: auto;
	}
		
	.leistungen-flex-item {
	width: 100%;
	height: auto; /* 300px */
	margin: 0.5em auto 1em;
	}
	
	.leistungen-flex-item h3 {
  	margin: auto 0.5em 0.25em;
	}

	.leistungen-flex-item p {
  	margin: auto 0.5em 0.25em;
	}
	
	.content_box {
	width: 100%; /* 90%*/
	margin: 0.5em auto 1em; /* o, lr, u */
	padding: 1em;
	}
	
	.footer_box {
	width: 100%;
	margin: 0.5em 0 1em; /* o, lr, u war 4 */
	padding: 0.5em;	
	font-size: 0.9em;
	text-align: center;
	float: left;
	}
	
}


/* ------------------------------- */