/*therapie.css, by Markus Büsser
All associated graphics copyright © 2025, Markus Büsser
Erstellt am: 08.03.2020
Zuletzt geändert am: 22.03.2025*/

h1 {margin-bottom:50px;}
h2 {padding:0 0 10px;}

section.therapeut {display:table;clear:both;width:100%;margin:0;}
section.therapeut + section.therapeut {margin-top:70px;}

p.diplome{display:flow-root;float:left;clear:left;margin:0;font-size: 0.85em;text-align:left;}
div.portrait{display:flow-root;width:160px;height:160px;margin:0;padding:20px 0 5px;}
img.portrait{display:block;width:100%;margin:0;padding:0;}

div.therapien {float:left;clear:left;width:auto;margin:0 0 3px;padding:0;}
li {width:auto;}

p.kontakt {float:left;clear:left;margin:0;}
a.weitereinfos{float:left;clear:left;margin:7px 0 0 0;}


/* Für Bildschirmgrösse: 16px zusätzlich zu berechneter Grösse (wird von Browsern als Rand dazugezählt!) */
@media only screen and (min-width:300px) {
div.portrait{margin-left:calc((100% - 190px)/2);}}

@media only screen and (min-width:516px) {
p.diplome {width:calc(100% - 180px);}
div.portrait{float:right;margin:0;padding:0;}
div.therapien {width:calc(100% - 200px);}}

@media only screen and (min-width:739px) {
section.therapeut {width:590px;margin-left:calc((100% - 590px)/3);}
div.therapien {width:calc(100% - 200px);}}