/*@font-face { font-family: 'Abel';
             src: url('../font/Abel-Regular.ttf') format('truetype'); }*/


* {margin:0; padding:0;box-sizing:border-box;}
.hidden{display:none;}
.clear {clear:both;}
html{font-size:62.5%;}
body {
	overflow-y: scroll;
	font-family: Abel, sans-serif;
	font-size:1.8em;
	background-color: #fff;
	color: #494949;
}

#background {display:none;}
p {margin-bottom:10px;}

a {color:#494949;}
h1, h2, h3, h5 {
	font-size:1.6em;
	color:#aea667;
	margin-bottom:1em;
}
h1, h2 {text-align:center;}

h3 {margin-top:30px;}

h4 {
	font-size:1.1em;
	color:#aea667;
	margin:20px 0 5px;
}
h5 {text-align:left;}

ol {
	list-style-type:none;
	margin:10px 0 25px 35px;
	}
ol li::before {
  content: "\2022";  /* Add content: \25cb is the CSS Code/unicode for a circle */
  color: #aea667; /* Change the color */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  /*line-height: 1em;*/
}
	
header {
	width:100%;
	height:auto;
}
header img {
	width:100%;
	height:auto;
}
nav img {
	float:right;
	position:absolute;
	top:10px;
	right:10px;
	width:50%;
	height:auto;
}

.main {margin-top:70px;}

.full {
	background:#fef8ee;
	padding:30px 40px;
}

.flex {
	display:flex;
	justify-content:space-around;
	flex-wrap: wrap;
	width:100%;
	margin:0 auto;
	padding:0 25px;
}

.flex-text {
	width:100%;
	padding:0 15px;
	margin-bottom:30px;
}
.flex-image {
	width:100%;
	padding:0 15px;
	margin-top:20px;
}
.flex-image img {width:100%;height:auto;}

figure {text-align:center;}
figure img {
	width:60px;
	height:60px;
}
figcaption {color:#aea667;}
.linie {
	width:100%;
	height:5px;
	background:#fef8ee;
}
.darfnicht {display:none;}
input, textarea {
	font:inherit;
	width:100%;
	padding:5px;
	margin-bottom:5px;
}
input[type="radio"] {
	width:auto;
	margin:10px 0 30px 0;
}
input[type="checkbox"] {
	width:auto;
	margin:10px 0;
}
label {margin-right:20px;}
input[type="submit"] {
	border:none;
	color:#fff;
	background:#aea667;
	padding:10px;
}
input[type="submit"]:hover, label:hover {cursor:pointer;}
input:focus, textarea:focus {background:#e3e3e3;}

footer {
	background:#aea667;
	padding:10px 0;
	text-align:center;
}

.desktop {display:none;}
#back-to-top {
    position: fixed;
    bottom: 8px;
    right: 10px;
    z-index: 9999;
	font-size:24px;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 38px;
    background: #aea667;
    color: #fff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
	box-shadow: 0 1px 5px #494949;
}
#back-to-top:hover, input[type="submit"]:hover {
    box-shadow: 0 1px 5px #494949;
	color: #333;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
#back-to-top.show {
    opacity: 1;
}

input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:14px;
    height:14px;
    margin:-3px 5px 0 0;
    vertical-align:middle;
    background:#fff;
	border:solid 1px #aea667;
}
input[type="radio"]:checked + label span {
    background:#aea667;
}

/*input[type="checkbox"] + label::before {
	display:inline-block;
    width:12px;
    height:12px;
    margin:-3px 5px 0 -17px;
    vertical-align:middle;
    background:#fff;
	border:solid 1px #aea667;
	content:"";
}*/
/*input[type="checkbox"]:checked + label::before {background:#aea667;}*/

input, textarea {
	border: solid 1px #aea667;
}
input:focus, textarea:focus{
	background:#fff;
	outline:none;/*für Chrome*/
}

input[type="submit"]:focus {background:#aea667;}
input[type="submit"] {
	margin:7px 0 30px; /*wegtun bzw. säubern!!!!  einfachere Version mit Mobilansicht!*/
}

@media screen and (min-width:510px) {
nav img {width:40%;}	
}

@media screen and (min-width:600px) {
nav img {width:28%;}	
}

@media screen and (min-width:760px) {
nav img {width:18%;}	
}


@media screen and (min-width:600px) {
.desktop {display:block;}
.mobile {display:none;}
.main {margin:0;}

h3 {margin-top:0;}
.flex {padding:40px 40px 30px;}

.flex-text {
	width:75%;
	padding:0 0 0 55px;
}

.flex-image {
	width:25%;
	margin-top:70px;
	padding:0;
}

#einzelberatung, #supervision {padding:0 40px 0 0;}

nav {
	position:relative;
	top:0;
	padding:50px 0 10px calc(12% - 10px);
	width:100%;
	background: #fff;
	z-index:2;
}
nav ul li {
	float:left;
	list-style:none;
	margin:0 10px;
	border-bottom:none;
}
nav a {text-decoration:none;}
nav a:hover {
	color: #aea667;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.kontakt {
	width:38%;
	float:left;
}
form {
	width:49%;
	float:right;
}
address {
	font-style:normal;
}
#section02, #section03, #section04, #section05 {margin-top:-95px;}
}

@media screen and (min-width:1130px) {


#background {display:block;}

.full {padding:30px 12%;}

.flex {
	width:76%;
	padding:40px 0 30px 0;
}
nav {border-bottom:solid 1px #aea667;}
nav img {
	top:20px;
	right:12%;
	width:250px;
}
nav {position:fixed;}

ol li::before {content: "\25cb";}
}

@media screen and (min-width:1460px) {
nav {
	top:0;
	padding:50px 0 10px calc(21% - 10px);
	width:100%;
	background: #fff;
	z-index:2;
	border-bottom:solid 1px #aea667;
}
nav img {right:21%;}

.full {padding:30px 21%;}

.flex {width:58%;}

footer {
	padding:60px 0 20px 21%;
	text-align:left;
}