@charset "utf-8";
/* CSS Document Ergotherapie Jessica Zimmermann */
/* pt-serif-regular - latin */
@font-face {
  font-family: 'PTSerif400';
  font-weight: 400;
  src: url('../fonts/pt-serif-v18-latin-regular.woff2') format('woff2'); 
}

/* pt-serif-700 - latin */
@font-face {
  font-family: 'PTSerif700';
  font-weight: 700;
  src: url('../fonts/pt-serif-v18-latin-700.woff2') format('woff2'); 
}

* {	margin: 0;
	padding: 0;
	box-sizing: border-box
}
html {
	font:1rem PTSerif400, sans-serif;
}
body {
 hyphens:manual;
}

img {
	max-width: 100%; 
	height: auto;
	display: block;
}
input[id*="checker"] {
			display: none;
}
/* mobile Version -------------------------------------------------*/
@media screen and (max-width:700px)	{
    /*--- Inhalte von oben */
    
#topheader {
	background: #fff;
}

#topinfo {
	background: #006c52;
	min-height: 60px;
	/*display: flex;
	justify-content: space-between;*/
	color: #fff;
	padding: 2rem;
	font-family: PTSerif400;
	}
#topinfo p{
	font-size:1.25rem;
}
#topinfo a {
	text-decoration: none;
	color: #fff;
	}
		/* Burgermenu ------------------------------------------------- */
#burger {
	position: absolute;
	top: 1rem;
	right: 2rem;
	z-index: 102;
	line-height: 48px;
	width: 48px;
	font-size: 4rem;
	text-align: center;
	color: #fff;
    transition: 0.35s;
}
#burger label::before {
	content: "\2261";
	display: block;
	transform: scale(1.5,0.9);
}

#navchecker:checked ~ #burger label::before {
	content: "\00d7";
	transform: scale(1);}
        
#navchecker:checked ~ #topnav {
    position:absolute;
    top: 298px;  
    left:0;
    right: 0;
    z-index: 102;
    transition: 0.5s;
    opacity:1;
    visibility: visible;
/*		overflow: hidden;*/
	}
#topnav {
    position:absolute;
    top: 298px;  
    left:-50px;
    right: 0;
    z-index: -1;
    opacity:0;
    visibility: hidden;
    transition: 0.5s;}
/* -----------------------------------------------------------*/ 
/* alt --------------------------
    #topnav {
	padding-top: 138px;
	padding-left: 2rem;
	z-index: 999;
}
        */

#topnav > ul {
	display: block;
	list-style: none;
    border-top: solid 0.125rem #fff;	
}
#topnav li{
	
    border-bottom: solid 0.125rem #fff;
}
#topnav a {
	text-decoration: none;
	color: #006c52;
	font-size: 1.25rem;
	padding:0 3.25rem 0 2rem;
	display: block;
	transition: 0.35s;
    line-height: 48px;
	width: 100%;
    background: #d2e9d7;
	}
#logo_head {
	padding-left: 2rem;
}
#main_home {
	/*background: url("../img/BG_JZimmermann_Home2_gelb.jpg");*/
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 54px;
	padding: 2rem;
}
#main_ueber_mich {
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 50px;
	padding: 2rem;
}
#main_behandlungen {
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 50px;
	padding: 2rem;
}
#main_datenschutz {
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 50px;
	padding: 2rem;
}
#main_impressum {
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 50px;
	padding: 2rem;
}
#main_kontakt {
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 50px;
	padding: 2rem;
}
#mainheader {
	margin-top:-30px;
	height: 20vh;
	border-bottom: 2px solid #fff;
}
/*#mainheader img {
	height: 25vh;
}*/

#mainheader h1 {
	font: 2.8rem PTSerif700;
	/*color: #fff;*/
	color: #006c52;
	padding: 1rem 0;
	
}
h2 {
	color: #006c52;
	font: 1.75rem PTSerif700;
   
}
h3 {
	color: #006c52;
	font: 1.5rem PTSerif700;
}
p {
	font: 1rem PTSerif400;
}
		
p.fat {
	font: 1rem PTSerif700;
	}
p.small {
    font: 0.8rem PTSerif400;    
    }
#footnav {
	min-height: 160px;
	}

#footnav ul {
	display: block;
	list-style: none;
	justify-content: flex-end;
	
}
#footnav li{
	
}
#footnav a {
	text-decoration: none;
	color: #006c52;
	font-size: 1.25rem;
	padding:1rem 0 0 3.25rem;
	display: block;
	transition: 0.35s;
	width: 100%;
	}
#footinfo{
	background: #006c52;
	min-height: 60px;
	color: #fff;
	padding:2rem;
	font: 1.25rem PTSerif400;
}
#back-top {
    position: fixed;
    bottom: 5rem;
    right: 3rem;
    display: none;
    z-index:101;
    }
#back-top a {
    text-decoration: none;
    color: rgba(255,255,255,1);
    background: rgba(251,185,0,0.5);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    text-align: center;
    display: block;
    transform: scale(1.5,1.5);

}
.st0{
    fill:none;
    stroke:#fff;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:4;}



/* freie Klassen -------------------------------------------*/
.green {
        color:#006c52;
    }
.nonvisible {
	opacity:0;
}
.nowrap {
		white-space: nowrap;
	}
.wrapper1200 {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	}
.Inhalt {
	max-width:620px;
	line-height: 2.25rem;
	padding-bottom: 2.5rem;
}
.Inhalt h2, h3 {
	margin-top: 2.5rem;
	margin-bottom: 1rem;
}
.Inhalt p {
	margin-bottom: 0.5rem;
}
.Inhalt ul {
	list-style-type: square;
	list-style-position: inside;
}
.Inhalt ul ul {
	list-style-type: circle;
	list-style-position: inside;
	padding-left: 1rem; 
}
.Inhalt ul ul li{
	padding-left: 1rem; 
}
.Inhalt a {
	text-decoration: none;
	color: #006c52;
}
.Inhalt_90 {
	max-width: 100%;
}
span {
	color: #fbb900;
}
.green {
	color: #006c52;
}
.header_img {
	max-width: 200px;
	display: flex;
	align-items: flex-end;
}
/* Abstände ---------------------------*/
.margtop_0_15 {
	margin-top: -0.15rem;
}
.margtop1 {
	margin-top: 1rem;
}
.margtop1_25 {
	margin-top: 1.25rem;
	}
.margtop1_5 {
	margin-top: 1.5rem;
}
.margtop2_5 {
	margin-top: 2.5rem;
}
.margbot1_5 {
	margin-bottom: 1.5rem;
}
.margbot2_5 {
	margin-bottom: 1.5rem;
}
.margbot5 {
	margin-bottom: 5rem;
}
.pad2 {
    padding: 2rem;
    }
.padtop1 {
    padding-top: 1rem;
    }
.padtop5 {
	padding-top: 5rem;
}
.padtop2_5 {
	padding-top: 2.5rem;
}

/* Spalter ----------------------------*/
.spalter {
	display: flex;
	flex-direction: column-reverse;  
}
.spalter_Text_Text {
	display: block;
	justify-content: space-between;
}
.spalter_Text_Text > div:nth-of-type(1) {
	flex-basis: 50%;
	}
.spalter_Text_Text > div:nth-of-type(2) {
	flex-basis: 50%;
	}
.spalter_Text_Bild {
	display: flex;
	flex-direction: column-reverse;
    padding-top: 250px;
	gap:8px;
}
.spalter_Text_Bild >div:first-of-type {
	flex-basis: 60%;
}
.spalter_Text_Bild >div:last-of-type {
	flex-basis: 40%;
	margin-top: -265px;
	
}
.spalter_Text_Bild >img {
	border: 2px solid #fff;
}

.greenline {
	background: #006c52;
	/*width: 20%;*/
	height: 2px;
	margin-top: -39px;
	/*margin-left: 1rem;*/
	}
.greenline_bot {
	background: #006c52;
	/*width: 20%;*/
	height: 2px;
}
.nomobile  {
	display: none;
	}
}

/* tablet Version -------------------------------------------------*/
@media screen and (min-width:700px) and (max-width:1024px){

/* Inhalte von oben -------------------------------------*/
#topheader {
	background: #fff;
}

#topinfo {
	background: #006c52;
	min-height: 54px;
	/*display: flex;
	justify-content: space-between;*/
	color: #fff;
	padding:1rem 2rem;
	font-family: PTSerif400;
	}
#topinfo p{
	font-size:1.25rem;
}
#topinfo a {
	text-decoration: none;
	color: #fff;
	}
#topnav {
	padding-top: 110px;
}

#topnav ul {
	display: flex;
	list-style: none;
	
}
#topnav li{
	
}
#topnav a {
	text-decoration: none;
	color: #006c52;
	font-size: 1.25rem;
	padding:0 1.5rem 0 0;
	display: block;
	transition: 0.35s;
	width: 100%;
	}
#logo_head >img {
	min-width: 100%;
}
#main_home {
	/*background: url("../img/BG_JZimmermann_Home2_gelb.jpg");*/
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 80px;
    padding: 2rem;
}
#main_ueber_mich {
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 80px;
    padding: 2rem;
}
#main_behandlungen {
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 80px;
    padding: 2rem;
}
#main_datenschutz {
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 80px;
    padding: 2rem;
}
#main_impressum {
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 80px;
    padding: 2rem;
}
#main_kontakt {
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 80px;
    padding: 2rem;
}
#mainheader {
	margin-top:20px;
	height: 10vh;
	border-bottom: 2px solid #fff;
}
/*#mainheader img {
	height: 25vh;
}*/

#mainheader h1 {
	font: 3.5rem PTSerif700;
	/*color: #fff;*/
	color: #006c52;
	padding: 0;
	
}
h2 {
	color: #006c52;
	font: 1.75rem PTSerif700;
    
}
h3 {
	color: #006c52;
	font: 1.5rem PTSerif700;
}
p {
	font: 1rem PTSerif400;
}
p.fat {
	font: 1rem PTSerif700;
	}
p.small {
    font: 0.8rem PTSerif400;    
    }
#footnav {
	min-height: 100px;
	}

#footnav ul {
	display: flex;
	list-style: none;
	justify-content: flex-end;
	
}
#footnav li{
	
}
#footnav a {
	text-decoration: none;
	color: #006c52;
	font-size: 1.25rem;
	padding:1rem 0 0 3.25rem;
	display: block;
	transition: 0.35s;
	width: 100%;
	}
#footinfo{
	background: #006c52;
	min-height: 60px;
	color: #fff;
	padding:2rem;
	font: 1.25rem PTSerif400;
}
#back-top {
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    display: none;
    z-index:101;
}
#back-top a {
    text-decoration: none;
    color: rgba(255,255,255,1);
    background: rgba(251,185,0,0.5);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    text-align: center;
    display: block;
    transform: scale(1.5,1.5);

}
.st0{
    fill:none;
    stroke:#fff;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:4;}


/* freie Klassen -------------------------------------------*/
.nonvisible {
	opacity:0;
}
.nowrap {
		white-space: nowrap;
	}
.wrapper1200 {
	max-width: 740px;
	margin-left: auto;
	margin-right: auto;
	}
.Inhalt {
	max-width:96%;
	line-height: 2.25rem;
    margin-bottom: 2.5rem;
}
.Inhalt h2, h3 {
	margin-top: 2.5rem;
	margin-bottom: 1.5rem;
}
.Inhalt p {
	margin-bottom: 1.5rem;
}
.Inhalt ul {
	list-style-type: square;
	list-style-position: inside;
}
.Inhalt ul ul {
	list-style-type: circle;
	list-style-position: inside;
	padding-left: 1rem; 
}
.Inhalt ul ul li{
	padding-left: 1rem; 
}
.Inhalt a {
	text-decoration: none;
	color: #006c52;
}
.Inhalt_90 {
	max-width: 90%;
}
span {
	color: #fbb900;
}
.green {
	color: #006c52;
}
.header_img {
	max-width: 200px;
	display: flex;
	align-items: flex-end;
}
/* Abstände ---------------------------*/
.margtop_0_15 {
	margin-top: -0.15rem;
}
.margtop1 {
	margin-top: 1rem;
}
.margtop1_25 {
	margin-top: 1.25rem;
}
.margtop1_5 {
	margin-top: 1.5rem;
}
.margtop2_5 {
	margin-top: 2.5rem;
}
.margtop20 {
    margin-top: 20rem;
}
.margbot1_5 {
	margin-bottom: 1.5rem;
}
.margbot2_5 {
	margin-bottom: 2.5rem;
}
.margbot5 {
	margin-bottom: 5rem;
}
.pad2 {
    padding: 2rem;
    }
.padtop1 {
    padding-top: 1rem;
    }
.padtop5 {
	padding-top: 5rem;
}
.padtop15 {
       padding-top: 15rem; 
    }
.padtop2_5 {
	padding-top: 2.5rem;
}
.padbot1_5 {
	padding-bottom: 1.5rem;
	}

/* Spalter ----------------------------*/
.spalter {
	display: flex;
	justify-content: space-between;
    gap: 2rem;
}
.spalter_Text_Text {
	display: flex;
	justify-content: space-between;
}
.spalter_Text_Text > div:nth-of-type(1) {
		flex-basis: 45%;
	}
.spalter_Text_Text > div:nth-of-type(2) {
		flex-basis: 45%;
	}
.spalter_Text_Bild {
	display: block;
	gap:8px;
}
/*.spalter_Text_Bild >div:first-of-type {
	flex-basis: 60%;
}
.spalter_Text_Bild >div:last-of-type {
	flex-basis: 40%;
	margin-top: -265px;
	
}*/
.spalter_Text_Bild >img {
	border: 2px solid #fff;
}

.greenline {
	background: #006c52;
	/*width: 20%;*/
	height: 2px;
	margin-top: -32px;
	/*margin-left: 1rem;*/
	}
.greenline_bot {
	background: #006c52;
	/*width: 20%;*/
	height: 2px;
}
.notablet {
    display: none;
	}
}

/* desktop Version -------------------------------------------------*/
@media screen and (min-width:1024px){

/* Inhalte von oben -------------------------------------*/
#topheader {
	background: #fff;
}

#topinfo {
	background: #006c52;
	line-height: 48px;
	/*display: flex;
	justify-content: space-between;*/
	color: #fff;
	padding:0 2rem;
	font-family: PTSerif400;
	}
#topinfo p{
	font-size:1.25rem;
}
#topinfo a {
	text-decoration: none;
	color: #fff;
	}
#topnav {
	padding-top: 138px;
}

#topnav ul {
	display: flex;
	list-style: none;
	
}
#topnav li{
	
}
#topnav a {
	text-decoration: none;
	color: #006c52;
	font-size: 1.25rem;
	padding:0 3.25rem 0 0;
	display: block;
	transition: 0.35s;
	width: 100%;
	}
#logo_head {
	
}
#main_home {
	/*background: url("../img/BG_JZimmermann_Home2_gelb.jpg");*/
	background: url("../img/BG_JZimmermann_Home2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 20px;
}
#main_ueber_mich {
	background: url("../img/BG_JZimmermann_UeberMich.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 20px;
}
#main_behandlungen {
	background: url("../img/BG_JZimmermann_Home3.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 20px;
}
#main_datenschutz {
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 20px;
}
#main_impressum {
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 20px;
}
#main_kontakt {
	background: url("../img/BG_JZimmermann_Home4.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 20px;
}
#mainheader {
	margin-top:60px;
	height: 30vh;
	border-bottom: 2px solid #fff;
}
/*#mainheader img {
	height: 25vh;
}*/

#mainheader h1 {
	font: 3.5rem PTSerif700;
	/*color: #fff;*/
	color: #006c52;
	padding: 8rem 0;
	
}
h2 {
	color: #006c52;
	font: 1.75rem PTSerif700;
    
}
h3 {
	color: #006c52;
	font: 1.5rem PTSerif700;
}
p {
	font: 1rem PTSerif400;
}
p.fat {
	font: 1rem PTSerif700;
	}
p.small {
    font: 0.8rem PTSerif400;    
    }
#footnav {
	min-height: 100px;
	}

#footnav ul {
	display: flex;
	list-style: none;
	justify-content: flex-end;
	
}
#footnav li{
	
}
#footnav a {
	text-decoration: none;
	color: #006c52;
	font-size: 1.25rem;
	padding:1rem 0 0 3.25rem;
	display: block;
	transition: 0.35s;
	width: 100%;
	}
#footinfo{
	background: #006c52;
	min-height: 60px;
	color: #fff;
	padding:2rem;
	font: 1.25rem PTSerif400;
}
#back-top {
    position: fixed;
    bottom: 5rem;
    right: 15rem;
    display: none;
    z-index:101;
}
#back-top a {
    text-decoration: none;
    color: rgba(255,255,255,1);
    background: rgba(251,185,0,0.5);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    text-align: center;
    display: block;
    transform: scale(1.5,1.5);

}
.st0{
    fill:none;
    stroke:#fff;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:4;}


/* freie Klassen -------------------------------------------*/
.nonvisible {
	opacity:0;
}
.nowrap {
		white-space: nowrap;
	}
.wrapper1200 {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	}
.Inhalt {
	max-width:620px;
	line-height: 2.25rem;
}
.Inhalt h2, h3 {
	margin-top: 2.5rem;
	margin-bottom: 1.5rem;
}
.Inhalt p {
	margin-bottom: 1.5rem;
}
.Inhalt ul {
	list-style-type: square;
	list-style-position: inside;
}
.Inhalt ul ul {
	list-style-type: circle;
	list-style-position: inside;
	padding-left: 1rem; 
}
.Inhalt ul ul li{
	padding-left: 1rem; 
}
.Inhalt a {
	text-decoration: none;
	color: #006c52;
}
.Inhalt_90 {
	max-width: 90%;
}
span {
	color: #fbb900;
}
.green {
	color: #006c52;
}
.header_img {
	max-width: 200px;
	display: flex;
	align-items: flex-end;
}
/* Abstände ---------------------------*/
.margtop_0_15 {
	margin-top: -0.15rem;
}
.margtop1 {
	margin-top: 1rem;
}
.margtop1_25 {
	margin-top: 1.25rem;
}
.margtop1_5 {
	margin-top: 1.5rem;
}
.margtop2_5 {
	margin-top: 2.5rem;
}
.margtop20 {
    margin-top: 20rem;
}
.margbot1_5 {
	margin-bottom: 1.5rem;
}
.margbot2_5 {
	margin-bottom: 2.5rem;
}
.margbot5 {
	margin-bottom: 5rem;
}
.pad2 {
    padding: 2rem;
    }
.padtop1 {
    padding-top: 1rem;
    }
.padtop5 {
	padding-top: 5rem;
}
.padtop15 {
       padding-top: 15rem; 
    }
.padtop2_5 {
	padding-top: 2.5rem;
}
.padbot1_5 {
	padding-bottom: 1.5rem;
	}

/* Spalter ----------------------------*/
.spalter {
	display: flex;
	justify-content: space-between;
}
.spalter_Text_Text {
	display: flex;
	justify-content: space-between;
}
.spalter_Text_Text > div:nth-of-type(1) {
		flex-basis: 45%;
	}
.spalter_Text_Text > div:nth-of-type(2) {
		flex-basis: 45%;
	}
.spalter_Text_Bild {
	display: flex;
	gap:8px;
}
.spalter_Text_Bild >div:first-of-type {
	flex-basis: 60%;
}
.spalter_Text_Bild >div:last-of-type {
	flex-basis: 40%;
	margin-top: -265px;
	
}
.spalter_Text_Bild >img {
	border: 2px solid #fff;
}

.greenline {
	background: #006c52;
	/*width: 20%;*/
	height: 2px;
	margin-top: -39px;
	/*margin-left: 1rem;*/
	}
.greenline_bot {
	background: #006c52;
	/*width: 20%;*/
	height: 2px;
}
.nodesktop {
	display: none;
	}
}