*{
padding: 0;
margin: 0;
}
html{
height: 100%;
}
body{
position: relative;
min-height: 100%;
background: white;
font-family: "Times New Roman"Georgia,serif;;
font-size: 19px;
padding-bottom: 5px;
display: flex;
flex-direction: column;
}
h1, h2, h3{
padding: 0;
margin: 0;
font-weight: normal;
}
/* Smartphone Querformat (Landscape)
@media only screen
and (min-width: 480px)
and (max-width: 767px) {
/************ desktop *****************/
/* header */
/*don't show mobile version*/
#main-menu-mobile{
display: none;
}
#main-menu-mobile-hr{
display: none;
}
#logo-startpage-mobile{
display: none;
}
.title_startpage-mobile{
display: none;
}
#main_text-mobile{
display: none;
}
.header{
position: fixed;
top: 0;
width: 100vw;
}
.headertop{
display: flex;
background: #507e80;
width: 100%;
color: #edf0f1;
font-family: "Times New Roman",Georgia,serif;
font-size: 16px;
height: 56px; /*original Höhe 36px*/
top: 0;
justify-content: center;
align-items: center;
text-align: center;
}
.headertop a{
text-decoration: none;
color: #edf0f1;
font-family: Times New Roman;
font-size: 16px;
letter-spacing: 2px;
}
.main-menu{list-style: none; padding-top: 0px; padding-bottom: 0px; background: white;}
.show-sx{padding: 10px;}
.logo a{width:200 px;}
.logo a img{ display: block; width: 220px; height: 95px; padding-top: 15px; padding-left: 5px;} /*padding top logo a img 5px original*/
.main-menu a{color: rgb(80, 126, 128);
font-size: 17px;
font-family: Times New Roman;
text-transform: uppercase;
text-decoration: none;}
.main-menu a:hover,.main-menu a:focus{ color: #243c3d; text-decoration: underline overline;}
@media screen and (min-width: 479px){
.navbar{max-width:1300px; margin: 0 auto;}
.main-menu{display: flex; align-items: center; justify-content: space-between;}
.show-sx{display: none;}
}
/*display none-mobile version*/
.main-menu-mobile{
display: none;
}
.logo-startpage-mobile{
display: none;
}
.main_startpage-mobile{
display: none;
}
.main_text-mobile{
display: none;
}
#startpage_sitemap_mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
#skype_startpage_mobile{
display: none;
}
/** main area */
/** main area startpage*/
#skype_startpage{
color: #507e80;
font-size: 19px;
font-weight:600;
text-align: center;
font-family: Times New Roman;
padding-top: 10px;
}
.title_startpage{
color: snow;
font-size: 18px;
font-family: 'PT Serif',Georgia,"Times New Roman",serif;
padding-top: 80px; /**160px original*/
font-weight: bolder;
}
#main_startpage{
background: url("../IMG/blumen_startpage_1.jpg");
background-repeat: no-repeat;
background-size: 590px 510px; /**original size 1390px 510px*/
background-position: top;
margin-top: 0px;
min-height: 510px;
text-align: center;
}
.main_text{
background: #507e80;
margin: 0 auto;
width: 800px;
font-size: 18px;
text-transform: uppercase;
color: snow;
line-height: 0.5em;
min-height: 54px;
margin-top: 25px;
padding-top: 20px;
text-align: center;
width: 100%;
position: relative;
}
.main_text ul{
margin: 0;
color: #507e80;
padding-left: 31%;
list-style: none;
text-align: right;
}
.main_text ul li{
float: none;
display: inline-block;
}
.main_text ul li a{
color: #edf0f1;
font-size: 16px;
font-family: Times New Roman;
text-transform: uppercase;
text-decoration: underline;
display: block;
padding: 18px 15px;
}
.main_text ul li a:hover{
color: #243c3d;
text-decoration: underline;
}
.impressum_startpage{
display: flex;
float: right;
padding-right: 30px;
text-transform: uppercase;
}
.impressum_startpage a{
text-decoration: none;
color: #375758;
font-size: 14px;
}
.impressum_startpage a:hover{
text-decoration: underline;
}
#startpage_sitemap {
display: flex;
float: left;
padding-right: 350px;
padding-bottom: 25px;
padding-left: 20px;
}
#startpage_sitemap a{
text-decoration: none;
color: #507e80;
}
#startpage_sitemap a:hover{
color: #243c3d;
text-decoration: underline;
}
.methoden_home{
padding-top: 15px;
}
.methoden_home a{
color: #edf0f1;
font-size: 16px;
font-family: Times New Roman;
text-transform: uppercase;
text-decoration: underline;
}
.methoden_home a:hover{
color: #243c3d;
text-decoration: underline;
}
/**** main area Schwerpunkte****/
/** display none mobile*/
.main-menu-mobile{
display: none;
}
.main-menu-mobile-hr{
display: none;
}
#title_schwerpunkte-mobile{
display: none;
}
#main_schwerpunkte-mobile{
display:none;
}
#schwerpunkte-mobile{
display: none;
}
#ziel-mobile{
display: none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_schwerpunkte{
color: snow;
text-align: center;
font-size: 38px;
font-family: Times New Roman;
padding-top: 320px;
}
.bg_schwerpunkte{
background-image: url(../IMG/Schwerpunkte.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1200px 400px;
height: 400px;
}
.main_schwerpunkte{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 100px;
column-gap: 1em;
padding-top: 0px;
}
.textbox_left_schwerpunkte{
display: grid;
grid-column-start: 3;
grid-column-end: 5;
border-width: 1px;
border-top-color: 1px solid white;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 35px;
}
.textbox_left_schwerpunkte h2{
color:snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_left_schwerpunkte p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_center_schwerpunkte{
grid-column-start: 6;
grid-column-end: 8;
font-size: 16px;
margin-top: 35px;
}
.textbox_center_schwerpunkte h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_center_schwerpunkte p{
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
color: #626666;
font-size: 15px;
}
.textbox_right_schwerpunkte{
grid-column-start: 9;
grid-column-end: 11;
margin-top: 35px;
}
.textbox_right_schwerpunkte h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_right_schwerpunkte p{
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
color: #626666;
font-size: 15px;
}
/** main area methoden*/
/** display none mobile version*/
#bg_methoden-mobile{
display: none;
}
.main-menu-mobile{
display: none;
}
.main-menu-mobile-hr{
display: none;
}
#title_methoden-mobile{
display: none;
}
#main_methoden-mobile{
display:none;
}
#verhaltenstherapie-mobile{
display:none;
}
#ansatz-mobile{
display: none;
}
#methoden-mobile{
display: none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_methoden{
color: snow;
text-align: center;
font-size: 38px;
font-family: Times New Roman;
padding-top: 180px;
}
.main_methoden{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 100px;
column-gap: 1em;
}
.bg_methoden{
background-image: url(../IMG/kontakt.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1200px 400px;
height: 400px;
}
.textbox_left_methoden{
display: grid;
grid-column-start: 3;
grid-column-end: 5;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
margin-top: 100px;
}
.textbox_left_methoden h2{
color:snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_left_methoden p{
padding-top: 72px;
font-family: 'Arial Narrow', Arial, sans-serif;
color: #626666;
font-size: 15px;
}
.textbox_center_methoden{
grid-column-start: 6;
grid-column-end: 8;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
margin-top: 100px;
}
.textbox_center_methoden h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_center_methoden p{
padding-top: 39px;
font-family: 'Arial Narrow', Arial, sans-serif;
color: #626666;
font-size: 15px;
}
.textbox_right_methoden{
grid-column-start: 9;
grid-column-end: 11;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
margin-top: 100px;
}
.textbox_right_methoden h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_right_methoden p{
padding-top: 39px;
font-family: 'Arial Narrow', Arial, sans-serif;
color: #626666;
font-size: 15px;
}
.textbox_right_methoden li{
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
color: #626666;
font-size: 15px;
}
.leer{ /**don't remove!!*/
height: 50px;
}
/** main area Kontakt*/
/** display none mobile version*/
#bg_kontakt-mobile{
display: none;
}
#main-menu-mobile{
display: none;
}
#main-menu-mobile-hr{
display: none;
}
#title_kontakt-mobile{
display: none;
}
#main_kontakt-mobile{
display:none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_kontakt{
color: #507e80;
text-align: center;
font-size: 38px;
font-family: 'Times New Roman';
padding-top: 155px; /*originel 125px*/
}
/*.bg_kontakt{
background-image: url(../IMG/kontakt.jpg);
background-size: 1200px 400px;
background-repeat: no-repeat;
background-position: center;
height: 400px;
}*/
.main_kontakt{
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 1em;
}
.textbox_left_kontakt{
display: grid;
grid-column-start: 3;
grid-column-end: 5;
border-width: 1px;
border-top-color: snow;
font-size: 16px;
margin-top: 160px;
}
.textbox_left_kontakt h2{
color:#507e80;
font-size: 28px;
padding-top: 4px;
text-align: center;
}
.textbox_left_kontakt p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_left_kontakt a{
text-decoration: none;
}
.textbox_center_kontakt{
grid-column-start: 6;
grid-column-end: 8;
border-width: 1px;
border-top-color: snow;
font-size: 16px;
margin-top: 160px; /*originel 180px*/
}
.textbox_center_kontakt h2{
color: #507e80;
font-size: 28px;
padding-top: 4px;
text-align: center;
}
.textbox_center_kontakt p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_right_kontakt{
grid-column-start: 9;
grid-column-end: 11;
font-size: 16px;
margin-top: 160px;
border-width: 0px;
border-style: solid;
border-top-color: none;
}
.textbox_right_kontakt h2{
color: #507e80;
font-size: 28px;
padding-top: 4px;
text-align: center;
}
.textbox_right_kontakt p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
/** main area Kontakt Pressbaum*/
/** display none mobile version*/
#bg_kontakt-pressbaum-mobile{
display: none;
}
#main-menu-mobile{
display: none;
}
#main-menu-mobile-hr{
display: none;
}
#title_kontakt-pressbaum-mobile{
display: none;
}
#main_kontakt-pressbaum-mobile{
display:none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_kontakt-pressbaum{
color: #626666;
text-align: center;
font-size: 38px;
font-family: 'Times New Roman';
padding-top: 175px;
}
.bg_kontakt-pressbaum{
background-image: url(../IMG/kontakt_wien_bearbeitet.jpg);
background-size: 1200px 400px;
background-repeat: no-repeat;
background-position: center;
height: 400px;
}
.main_kontakt-pressbaum{
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 1em;
}
.textbox_left_kontakt-pressbaum{
display: grid;
grid-column-start: 3;
grid-column-end: 5;
border-width: 1px;
border-top-color: snow;
font-size: 24px;
margin-top: 135px;
}
.textbox_left_kontakt-pressbaum h2{
color:snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_left_kontakt-pressbaum p{
color: #626666;
padding-top: 80px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 18px;
}
.textbox_left_kontakt-pressbaum a{
text-decoration: none;
}
.textbox_center_kontakt-pressbaum{
grid-column-start: 5;
grid-column-end: 7;
border-width: 1px;
border-top-color: snow;
font-size: 16px;
color: #626666;
padding-top: 120px;
}
.textbox_center_kontakt-pressbaum h2{
color: snow;
font-size: 78x;
padding-top: 4px;
text-align: center;
}
.textbox_center_kontakt-pressbaum p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_right_kontakt-pressbaum{
grid-column-start: 9;
grid-column-end: 11;
font-size: 16px;
margin-top: 105px;
border-width: 1px;
border-style: solid;
border-top-color: snow;
}
.textbox_right_kontakt-pressbaum h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_right_kontakt-pressbaum p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
/** main area Info*/
/**don't show mobile*/
#bg_info-mobile{
display: none;
}
.main-menu-mobile{
display: none;
}
.main-menu-mobile-hr{
display: none;
}
#title_info-mobile{
display: none;
}
#main_info-mobile{
display:none;
}
#info_kosten{
display: none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_info{
color: snow;
text-align: center;
font-size: 38px;
font-family: 'Times New Roman';
padding-top: 320px; /*original 120px*/
}
.bg_info{
background-image: url(../IMG/background_info.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1200px 400px;
height: 400px;
}
.main_info{
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 1em;
}
.textbox_left_info{
display: grid;
grid-column-start: 3;
grid-column-end: 11;
font-size: 16px;
margin-top: 50px; /*original 185px*/
color: #626666;
}
.textbox_left_info h2{
color:black;
font-size: 15x;
padding-top: 45px;
text-align: left;
}
.textbox_left_info p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_center_info{
grid-column-start: 6;
grid-column-end: 8;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
font-size: 16 px;
margin-top: 155px;
}
.textbox_center_info h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_center_info p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_right_info{
grid-column-start: 9;
grid-column-end: 11;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
margin-top: 155px;
}
.textbox_right_info h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_right_info p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
/** main area Über mich*/
/**don't show mobile*/
#bg_uebermich-mobile{
display: none;
}
.main-menu-mobile{
display: none;
}
.main-menu-mobile-hr{
display: none;
}
#title_uebermich-mobile{
display: none;
}
#main_uebermich-mobile{
display:none;
}
.taetigkeiten-mobile{
display: none;
}
.ausbildungen-mobile{
display: none;
}
.mitglidschaften-mobile{
display: none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_uebermich{
color: snow;
text-align: center;
font-size: 38px;
font-family: Times New Roman;
padding-top: 155px;
}
.bg_uebermich{
background-image: url(../IMG/ueber_mich.jpg);
background-size: 1200px 400px;
background-repeat: no-repeat;
background-position: center;
height: 400px;
}
.main_uebermich{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 100px;
column-gap: 1em;
}
.textbox_left_uebermich{
display: grid;
grid-column-start: 4;
grid-column-end: 5;
border-color: rgb(80, 126, 128);
color: #507e80;
font-size: 16px;
margin-top: 215px;
text-align: center;
}
.textbox_left_uebermich h3{
color: #626666;
font-size: 10x;
padding-top: 4px;
text-align: center;
text-decoration: none;
}
.textbox_left_uebermich p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_center_uebermich{
grid-column-start: 6;
grid-column-end: 8;
border-width: 1px;
border-style: solid;
border-top-color: snow;
font-size: 16px;
margin-top: 195px;
}
.textbox_center_uebermich h2{
color: snow;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 26px;
padding-top: 4px;
text-align: center;
}
.textbox_center_uebermich p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_right_uebermich{
grid-column-start: 9;
grid-column-end: 11;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
margin-top: 195px;
}
.textbox_right_uebermich h2{
color: snow;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 26px;
padding-top: 4px;
text-align: center;
}
.textbox_right_uebermich p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
/** main area Impressum*/
/**don't show mobile*/
#bg_impressum-mobile{
display: none;
}
.main-menu-mobile{
display: none;
}
.main-menu-mobile-hr{
display: none;
}
#title_impressum-mobile{
display: none;
}
#main_impressum-mobile{
display:none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_impressum{
color: snow;
text-align: center;
font-size: 38px;
font-family: Times New Roman;
padding-top: 155px;
}
.bg_impressum{
background-image: url(../IMG/Impressum.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1200px 400px;
height: 400px;
}
.main_impressum{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 100px;
column-gap: 1em;
}
.textbox_left_impressum{
display: grid;
grid-column-start: 3;
grid-column-end: 5;
font-size: 16px;
margin-top: 155px;
}
.textbox_left_impressum h2{
color:black;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_left_impressum p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_left_info a{
text-decoration: none;
}
.textbox_center_impressum{
grid-column-start: 6;
grid-column-end: 11;
font-size: 16px;
margin-top: 155px;
}
.textbox_center_impressum h2{
color: black;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_center_impressum p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_right_impressum{
grid-column-start: 4;
grid-column-end: 6;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
margin-top: 155px;
}
.textbox_right_impressum h2{
color: black;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_right_impressum p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
/** main area Sitemap*/
#bg_sitemap-mobile{
display: none;
}
.main-menu-mobile{
display: none;
}
.main-menu-mobile-hr{
display: none;
}
.title_sitemap-mobile{
display: none;
}
#main_sitemap-mobile{
display:none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_sitemap{
color: snow;
text-align: center;
font-size: 38px;
font-family: Times New Roman;
padding-top: 135px;
}
.bg_sitemap{
background-image: url(../IMG/Schwerpunkte.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1200px 400px;
height: 400px;
}
.main_sitemap{
display: grid;
grid-template-columns: repeat(6, 1fr);
column-gap: 1em;
padding-top: 150px;
}
.textbox_left_sitemap{
display: grid;
grid-column-start: 2;
grid-column-end: 2;
border-width: 1px;
border-top-color: snow;
font-size: 20px;
margin-top: 40px;
}
.textbox_left_sitemap h1{
color:black;
font-size: 10x;
padding-top: 4px;
text-align: left;
}
.textbox_left_sitemap p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_left_sitemap a{
color: #507e80;
padding-top: 26px;
text-decoration: none;
line-height: 2em;
}
/** main footer area */
.footer {
position:fixed;
bottom: 0;
width: 100%;
background: #507e80;
height: 40px;
text-align: center;
font-size: 15px;
color: white;
justify-self: center;
}
.footer_impr_sitem{
display: flex;
float: right;
margin-right: 100px;
margin-left: -225px;
text-transform: uppercase;
}
.footer_impr_sitem a{
text-decoration: none;
color: white;
font-size: 10px;
}
.impressum_startpage a:hover{
text-decoration: underline overline;
}
.sitemap_startpage a:hover{
text-decoration: underline overline;
}
/*******Tablet Version********/
@media screen and (max-width: 1100px){
/* don't display mobile version*/
#main-menu-mobile{
display: none;
}
#main-menu-mobile-hr{
display: none;
}
#logo-startpage-mobile{
display: none;
}
.title_startpage-mobile{
display: none;
}
#main_text-mobile{
display: none;
}
.header{
position: fixed;
top: 0;
width: 100vw;
}
.headertop{
display: flex;
background: #507e80;
width: 100%;
color: #edf0f1;
font-family: "Times New Roman",Georgia,serif;
font-size: 16px;
height: 56px; /*original 36px*/
top: 0;
justify-content: center;
align-items: center;
text-align: center;
}
.headertop a{
text-decoration: none;
color: #edf0f1;
font-family: Times New Roman;
font-size: 16px;
letter-spacing: 2px;
}
.main-menu{list-style: none; padding-top: 0px; padding-bottom: 20px; background: white;}
.show-sx{padding: 10px;}
.logo a{width: 130px;}
.logo a img{ display: block; width: 150px; height: 75px; padding-top: 18px; padding-left: 5px;}
.main-menu a{color: rgb(80, 126, 128);
font-size: 15px;
font-family: Times New Roman;
text-transform: uppercase;
text-decoration: none;}
.main-menu a:hover,.main-menu a:focus{ color: #243c3d; text-decoration: underline overline;}
@media screen and (min-width: 480px){
.navbar{max-width:1300px; margin: 0 auto;}
.main-menu{display: flex; align-items: center; justify-content: space-between;}
.show-sx{display: none;}
}
/*display none-mobile version*/
#main-menu-mobile{
display: none;
}
#skype_startpage_mobile{
display: none;
}
#main-menu-mobile-hr{
display: none;
}
#logo-startpage-mobile{
display: none;
}
.title_startpage-mobile{
display: none;
}
#main_text-mobile{
display: none;
}
/** main area */
/** main area startpage*/
#skype_startpage{
color: #507e80;
font-size: 20px;
font-weight: bolder;
text-align: center;
font-family: Times New Roman;
}
.title_startpage{
color: snow;
font-size: 12px;
font-family: Times New Roman;
padding-top: 80px; /** original padding 120px*/
}
#main_startpage{
background: url("../IMG/blumen_startpage_1.jpg");
background-repeat: no-repeat;
background-size: 400px 375px; /** original size 900px 400px*/
background-position: top;
margin-top: 0px;
min-height: 400px;
text-align: center;
}
.main_text{
background: #507e80;
margin: 0 auto;
width: 800px;
font-size: 18px;
text-transform: uppercase;
color: snow;
line-height: 0.5em;
min-height: 54px;
margin-top: 25px;
padding-top: 20px;
text-align: center;
width: 100%;
position: relative;
}
.main_text ul{
margin: 0;
color: #507e80;
padding-left: 31%;
list-style: none;
text-align: right;
}
.main_text ul li{
float: none;
display: inline-block;
}
.main_text ul li a{
color: #edf0f1;
font-size: 16px;
font-family: Times New Roman;
text-transform: uppercase;
text-decoration: underline;
display: block;
padding: 18px 15px;
}
.main_text ul li a:hover{
color: #243c3d;
text-decoration: underline;
}
.impressum_startpage{
display: flex;
float: right;
padding-right: 30px;
text-transform: uppercase;
}
.impressum_startpage a{
text-decoration: none;
color: #375758;
font-size: 14px;
}
.impressum_startpage a:hover{
text-decoration: underline;
}
#startpage_sitemap {
display: flex;
float: left;
padding-right: 350px;
padding-bottom: 25px;
padding-left: 20px;
}
#startpage_sitemap a{
text-decoration: none;
color: #507e80;
}
#startpage_sitemap a:hover{
color: #243c3d;
text-decoration: underline;
}
.methoden_home{
padding-top: 15px;
}
.methoden_home a{
color: #edf0f1;
font-size: 16px;
font-family: Times New Roman;
text-transform: uppercase;
text-decoration: underline;
}
.methoden_home a:hover{
color: #243c3d;
text-decoration: underline;
}
/** main area Schwerpunkte*/
/** display none mobile*/
#main-menu-mobile{
display: none;
}
#main-menu-mobile-hr{
display: none;
}
#title_schwerpunkte-mobile{
display: none;
}
#main_schwerpunkte-mobile{
display:none;
}
#schwerpunkte-mobile{
display: none;
}
#ziel-mobile{
display: none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_schwerpunkte{
color: snow;
text-align: center;
font-size: 38px;
font-family: Times New Roman;
padding-top: 295px;
}
.main_schwerpunkte{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 100px;
column-gap: 1em;
}
.bg_schwerpunkte{
background-image: url(../IMG/Schwerpunkte.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1200px 400px;
height: 400px;
}
.textbox_left_schwerpunkte{
display: grid;
grid-column-start: 3;
grid-column-end: 5;
border-width: 1px;
border-top-color: 1px solid white;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 55px;
}
.textbox_left_schwerpunkte h2{
color:snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_left_schwerpunkte p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_center_schwerpunkte{
grid-column-start: 6;
grid-column-end: 8;
font-size: 16px;
margin-top: 55px;
}
.textbox_center_schwerpunkte h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_center_schwerpunkte p{
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
color: #626666;
font-size: 15px;
}
.textbox_right_schwerpunkte{
grid-column-start: 9;
grid-column-end: 11;
margin-top: 55px;
}
.textbox_right_schwerpunkte h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_right_schwerpunkte p{
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
color: #626666;
font-size: 15px;
}
/** main area methoden*/
/** display none mobile version*/
#bg_methoden-mobile{
display: none;
}
#main-menu-mobile{
display: none;
}
#main-menu-mobile-hr{
display: none;
}
#title_methoden-mobile{
display: none;
}
#main_methoden-mobile{
display:none;
}
#verhaltenstherapie-mobile{
display: none;
}
#ansatz-mobile{
display: none;
}
#methoden-mobile{
display: none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_methoden{
color: snow;
text-align: center;
font-size: 38px;
font-family: Times New Roman;
padding-top: 155px;
}
.main_methoden{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 100px;
column-gap: 1em;
}
/*.bg_methoden{
background-image: url(../IMG/kontakt.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1200px 400px;
height: 400px;
}*/
.textbox_left_methoden{
display: grid;
grid-column-start: 2;
grid-column-end: 4;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
margin-top: 110px;
}
.textbox_left_methoden h2{
color:snow;
font-size: 25px;
padding-top: 4px;
text-align: center;
}
.textbox_left_methoden p{
padding-top: 58px;
font-family: 'Arial Narrow', Arial, sans-serif;
color: #626666;
font-size: 15px;
}
.textbox_center_methoden{
grid-column-start: 6;
grid-column-end: 8;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
margin-top: 110px;
}
.textbox_center_methoden h2{
color: snow;
font-size: 25px;
padding-top: 4px;
text-align: center;
}
.textbox_center_methoden p{
padding-top: 30px;
font-family: 'Arial Narrow', Arial, sans-serif;
color: #626666;
font-size: 15px;
}
.textbox_right_methoden{
grid-column-start: 9;
grid-column-end: 12;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
margin-top: 110px;
}
.textbox_right_methoden h2{
color: snow;
font-size: 25px;
padding-top: 4px;
text-align: center;
}
.textbox_right_methoden p{
padding-top: 30px;
font-family: 'Arial Narrow', Arial, sans-serif;
color: #626666;
font-size: 15px;
}
.textbox_right_methoden li{
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
color: #626666;
font-size: 15px;
}
.leer{ /**don't remove!!*/
height: 50px;
}
/** main area Kontakt*/
/** display none mobile version*/
#bg_kontakt-mobile{
display: none;
}
#main-menu-mobile{
display: none;
}
#main-menu-mobile-hr{
display: none;
}
#title_kontakt-mobile{
display: none;
}
#main_kontakt-mobile{
display:none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_kontakt{
color: #507e80;
text-align: center;
font-size: 38px;
font-family: 'Times New Roman';
padding-top: 155px;
}
.main_kontakt{
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 1em;
}
/*.bg_kontakt{
background-image: url(../IMG/kontakt_wien_bearbeitet.jpg);
background-size: 1200px 400px;
background-repeat: no-repeat;
background-position: center;
height: 400px;
}*/
.textbox_left_kontakt{
display: grid;
grid-column-start: 3;
grid-column-end: 5;
border-width: 1px;
border-top-color: snow;
font-size: 16px;
margin-top: 155px;
}
.textbox_left_kontakt h2{
color:#507e80;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_left_kontakt p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_left_kontakt a{
text-decoration: underline;
}
.textbox_left_kontakt a:link{
color:#626666;
}
.textbox_left_kontakt a:visited{
color:#626666;
}
.textbox_center_kontakt{
grid-column-start: 6;
grid-column-end: 8;
border-width: 1px;
border-top-color: snow;
font-size: 16px;
margin-top: 155px;
}
.textbox_center_kontakt h2{
color: #507e80;
font-size: 28px;
padding-top: 4px;
text-align: center;
}
.textbox_center_kontakt p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_right_kontakt{
grid-column-start: 9;
grid-column-end: 11;
font-size: 16px;
margin-top: 155px;
border-width: 0px;
border-style: solid;
border-top-color: none;
}
.textbox_center_kontakt h2{
color: #507e80;
font-size: 28px;
padding-top: 4px;
text-align: center;
}
.textbox_center_kontakt p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
/** display none mobile version*/
#bg_kontakt-pressbaum-mobile{
display: none;
}
#main-menu-mobile{
display: none;
}
#main-menu-mobile-hr{
display: none;
}
#title_kontakt-pressbaum-mobile{
display: none;
}
#main_kontakt-pressbaum-mobile{
display:none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_kontakt-pressbaum{
color: snow;
text-align: center;
font-size: 38px;
font-family: 'Times New Roman';
padding-top: 125px;
}
.bg_kontakt-pressbaum{
background-image: url(../IMG/kontakt_mobile.jpg);
background-size: 1200px 400px;
background-repeat: no-repeat;
background-position: center;
height: 400px;
}
.main_kontakt-pressbaum{
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 1em;
}
.textbox_left_kontakt-pressbaum{
display: grid;
grid-column-start: 3;
grid-column-end: 5;
border-width: 1px;
border-top-color: snow;
font-size: 16px;
margin-top: 220px;
}
.textbox_left_kontakt-pressbaum h2{
color:snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_left_kontakt-pressbaum p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 18px;
}
.textbox_left_kontakt-pressbaum a{
text-decoration: none;
}
.textbox_center_kontakt-pressbaum{
grid-column-start: 5;
grid-column-end: 7;
border-width: 1px;
border-top-color: snow;
font-size: 16px;
margin-top: 30px;
}
.textbox_center_kontakt-pressbaum h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_center_kontakt-pressbaum p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_right_kontakt-pressbaum{
grid-column-start: 9;
grid-column-end: 11;
font-size: 16px;
margin-top: 30px;
border-width: 0px;
border-style: solid;
border-top-color: none;
}
.textbox_right_kontakt-pressbaum h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_right_kontakt-pressbaum p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
/** main area Info*/
/**don't show mobile*/
#bg_info-mobile{
display: none;
}
#main-menu-mobile{
display: none;
}
#main-menu-mobile-hr{
display: none;
}
#title_info-mobile{
display: none;
}
#main_info-mobile{
display:none;
}
.info_kosten{
display: none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_info{
color: snow;
text-align: center;
font-size: 38px;
font-family: 'Times New Roman';
padding-top: 25px;
}
.bg_info{
background-image: url(../IMG/background_info.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1200px 250px;
height: 400px;
padding-top: 140px; /**padding-bottom navbar beachten*/
}
.main_info{
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 1em;
}
.textbox_left_info{
display: grid;
grid-column-start: 3;
grid-column-end: 11;
font-size: 16px;
margin-top: 215px;
color: #626666;
}
.textbox_left_info h2{
color:black;
font-size: 15x;
padding-top: 45px;
text-align: left;
}
.textbox_left_info p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_center_info{
grid-column-start: 6;
grid-column-end: 8;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
font-size: 16 px;
margin-top: 155px;
}
.textbox_center_info h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_center_info p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_right_info{
grid-column-start: 9;
grid-column-end: 11;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
margin-top: 155px;
}
.textbox_right_info h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_right_info p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
#leer-info{
height: 75px;
}
/** main area Über mich*/
/**don't show mobile*/
#bg_uebermich-mobile{
display: none;
}
#main-menu-mobile{
display: none;
}
#main-menu-mobile-hr{
display: none;
}
#title_uebermich-mobile{
display: none;
}
#main_uebermich-mobile{
display:none;
}
.taetigkeiten-mobile{
display: none;
}
.leer-mobile{
display: none;
}
.mitglidschaften-mobile{
display: none;
}
.ausbildungen-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_uebermich{
color: snow;
text-align: center;
font-size: 38px;
font-family: Times New Roman;
padding-top: 155px;
}
.main_uebermich{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 100px;
column-gap: 1em;
}
.bg_uebermich{
background-image: url(../IMG/ueber_mich.jpg);
background-size: 1200px 400px;
background-repeat: no-repeat;
background-position: center;
height: 400px;
}
.textbox_left_uebermich{
display: grid;
grid-column-start: 2;
grid-column-end: 3;
border-color: rgb(80, 126, 128);
color: #507e80;
font-size: 16px;
margin-top: 215px;
text-align: center;
}
/*.textbox_left_uebermich IMG{
}*/
.textbox_left_uebermich h3{
color: #626666;
font-size: 10x;
padding-top: 4px;
text-align: center;
text-decoration: none;
}
.textbox_left_uebermich p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_center_uebermich{
grid-column-start: 4;
grid-column-end: 6;
border-width: 1px;
border-style: solid;
border-top-color: snow;
font-size: 16px;
margin-top: 195px;
}
.textbox_center_uebermich h2{
color: snow;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 26px;
padding-top: 4px;
text-align: center;
}
.textbox_center_uebermich p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_right_uebermich{
grid-column-start: 8;
grid-column-end: 10;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
margin-top: 195px;
}
.textbox_right_uebermich h2{
color: snow;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 26px;
padding-top: 4px;
text-align: center;
}
.textbox_right_uebermich p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.leer{
height: 70px;
}
/** main area Impressum*/
/**don't show mobile*/
#bg_impressum-mobile{
display: none;
}
#main-menu-mobile{
display: none;
}
#main-menu-mobile-hr{
display: none;
}
#title_impressum-mobile{
display: none;
}
#main_impressum-mobile{
display:none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_impressum{
color: snow;
text-align: center;
font-size: 38px;
font-family: Times New Roman;
padding-top: 155px;
}
.main_impressum{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: 100px;
column-gap: 1em;
}
.bg_impressum{
background-image: url(../IMG/Impressum.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1200px 400px;
height: 400px;
}
.textbox_left_impressum{
display: grid;
grid-column-start: 3;
grid-column-end: 5;
font-size: 16px;
margin-top: 155px;
}
.textbox_left_impressum h2{
color:snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_left_impressum p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_left_info a{
text-decoration: none;
}
.textbox_center_impressum{
grid-column-start: 6;
grid-column-end: 11;
font-size: 16px;
margin-top: 155px;
}
.textbox_center_impressum h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_center_impressum p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_right_impressum{
grid-column-start: 4;
grid-column-end: 6;
border-color: #507e80;
border-width: 1px;
border-style: solid;
border-top-color: snow;
margin-top: 155px;
}
.textbox_right_impressum h2{
color: snow;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_right_impressum p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
/** main area Sitemap*/
.bg_sitemap-mobile{
display: none;
}
.main-menu-mobile{
display: none;
}
.main-menu-mobile-hr{
display: none;
}
.title_sitemap-mobile{
display: none;
}
.main_sitem-mobile{
display:none;
}
.leer-mobile{
display: none;
}
#footer-mobile{
display: none;
}
.footer_impr_site-mobile{
display: none;
}
.impressum_startpage-mobile{
display: none;
}
.sitemap_startpage-mobile{
display: none;
}
.title_sitemap{
color: black;
text-align: center;
font-size: 38px;
font-family: Times New Roman;
padding-top: 15px;
}
.main_sitemap{
display: grid;
grid-template-columns: repeat(6, 1fr);
column-gap: 1em;
}
.bg_sitemap{
background-image: url(../IMG/Schwerpunkte.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 1200px 400px;
height: 400px;
}
.textbox_left_sitemap{
display: grid;
grid-column-start: 2;
grid-column-end: 3;
border-width: 1px;
border-top-color: snow;
font-size: 16px;
margin-top: 165px;
margin-bottom: 75px;
}
.textbox_left_sitemap h2{
color:black;
font-size: 10x;
padding-top: 4px;
text-align: center;
}
.textbox_left_sitemap p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
}
.textbox_left_sitemap a{
color: #507e80;
padding-top: 26px;
text-decoration: none;
line-height: 2em;
}
/** main footer area */
.footer {
position:fixed;
bottom: 0;
width: 100%;
background: #507e80;
height: 40px;
text-align: center;
font-size: 15px;
color: white;
justify-self: center;
}
.footer_impr_sitem{
display: flex;
float: right;
margin-right: 100px;
margin-left: -225px;
text-transform: uppercase;
}
.footer_impr_sitem a{
text-decoration: none;
color: white;
font-size: 10px;
}
.impressum_startpage a:hover{
text-decoration: underline overline;
}
.sitemap_startpage a:hover{
text-decoration: underline overline;
}
}
/*************** Tablet small format***************/
@media screen and (max-width: 780px){
.navbar{
display: none;
}
#main_startpage{
display:none;
}
#skype_startpage{
display: none;
}
.title_startpage{
display: none;
}
.main_text{
display: none;
}
.header{
position: fixed;
top: 0;
width: 100vw;
}
.startpage_sitemap{
display: none;
}
.impressum_startpage{
display:none;
}
/*CSS*/
.headertop{
display: flex;
background: #507e80;
width: 100%;
color: #edf0f1;
font-family: "Times New Roman",Georgia,serif;
font-size: 16px;
height: 56px; /*original 36px*/
top: 0;
justify-content: center;
align-items: center;
}
.headertop a{
text-decoration: none;
color: #edf0f1;
font-family: Times New Roman;
font-size: 16px;
letter-spacing: 2px;
}
#main-menu-mobile{
display: flex;
flex-direction: column;
width: 100vw;
background: white;
align-items: center;
position: fixed;
top: 40px; /*original 10px*/
padding-top: 10px;
}
#main-menu-mobile ul{
list-style: none;
background: white;
text-align: center;
padding: 15px;
margin: 0;
}
#main-menu-mobile li{
display: inline-block;
padding: 9px;
}
#main-menu-mobile a{
display: block;
color: rgb(80, 126, 128);
width: 100%;
font-size: 15px;
font-family: Times New Roman;
text-transform: uppercase;
text-decoration: none;
}
#main-menu-mobile-hr{
display: block;
color: rgb(80, 126, 128);
position: fixed;
top: 40px;
}
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
/**startpage*/
#main_startpage-mobile{
background: url("../IMG/blumen_startpage_mobile_1.jpg");
background-repeat: no-repeat;
background-size: 192px 219px; /**orginal size 480px 230px */
background-position: top;
text-align: center;
min-height: 230px;
padding-top: 70px;
}
.title_startpage-mobile{
display: block;
color: snow;
font-size: 12px; /**original font-sze: 20px*/
font-family: Times New Roman;
padding-top: 0px; /**original padding-top 40px*/
}
#skype_startpage_mobile{
display: block;
width: 100%;
color: #507e80;
font-size: 18px;
font-weight: bolder;
text-align: center;
font-family: Times New Roman;
padding-bottom: 10px;
}
.title_startpage-mobile h1{
font-size: 12px; /**original font-sze: 22px*/
}
#main_text-mobile{
display: block;
background: #507e80;
width: 100%;
font-size: 15px;
text-transform: uppercase;
color: snow;
line-height: 1.2em;
min-height: 70px;
margin-top: 5px;
text-align: center;
position: relative;
padding-top: 15px;
}
#methoden_home_mobile a{
line-height: 1.2em;
font-size: 15px;
color: snow;
text-decoration: none;
}
#methoden_home_mobile a:hover{
color: #243c3d;
text-decoration: underline;
}
#methoden_home_mobile2 a{
line-height: 1.2em;
font-size: 15px;
color: snow;
text-decoration: none;
}
#methoden_home_mobile2 a:hover{
color: #243c3d;
text-decoration: underline;
}
#startpage_sitemap_mobile a{
color: #507e80;
}
#startpage_sitemap_mobile{
display: flex;
float: right;
padding-right: 30px;
text-transform: uppercase;
}
#startpage_sitemap_mobile a{
text-decoration: none;
color: #243c3d;
font-size: 12px;
}
#startpage_sitemap_mobile a:hover{
text-decoration: underline;
}
#impressum_startpage-mobile{
display: flex;
float: left;
padding-left: 30px;
text-transform: uppercase;
}
#impressum_startpage-mobile a{
text-decoration: none;
color: #243c3d;
font-size: 12px;
}
#impressum_startpage-mobile a:hover{
text-decoration: underline;
}
/* Arbeitsbereiche*/
/* don't show dektop/tablet version */
.bg_schwerpunkte{
display: none;
}
.title_schwerpunkte{
display: none;
}
.main_schwerpunkte{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
/*CSS*/
#main_startpage-mobile{
display: block;
margin-top: 50px;
}
#title_schwerpunkte-mobile{
display: block;
background-image: url(../IMG/Schwerpunkte_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 579px 180px;
margin-top: 40px;
padding-top: 120px; /**padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
color: white;
}
#main_schwerpunkte-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
}
#main_schwerpunkte-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#main_schwerpunkte-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#schwerpunkte-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;;
max-width: 700px;
}
#schwerpunkte-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#schwerpunkte-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#ziel-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
padding-bottom: 75px;
}
#ziel-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#ziel-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
.leer-mobile{
height: 100px;
}
/* .footer{
display: none;
}*/
#footer-mobile{
position: absolute;
background:#507e80;
bottom: 0;
width: 100%;
text-align: center;
color: white;
font-size: 14px;
}
.impressum_startpage-mobile{
display: flex;
float: left;
margin-left: 10px;
text-transform: uppercase;
}
.impressum_startpage-mobile a{
color: #333535;
font-size: 11px;
}
.impressum_startpage-mobile a:active{
color: #333535;
font-size: 11px;
}
.impressum_startpage-mobile a:visited{
color: #333535;
font-size: 10px;
}
.sitemap_startpage-mobile{
display: flex;
float: right;
margin-right: 10px;
font-size: 10px;
text-transform: uppercase;
}
.sitemap_startpage-mobile a{
color: #333535;
font-size: 10px;
}
.sitemap_startpage-mobile a:active{
color: #333535;
font-size: 10px;
}
.sitemap_startpage-mobile a:visited{
color: #333535;
font-size: 10px;
}
.impressum_startpage-mobile a:hover{
text-decoration: underline overline;
}
.sitemap_startpage-mobile a:hover{
text-decoration: underline overline;
}
/**methoden*/
.bg_methoden{
display: none;
}
.title_methoden{
display: none;
}
.main_methoden{
display: none;
}
.footer{
display: none;
}
#logo-startpage-mobile{
display: none;
}
#bg_methoden-mobile{
display: block;
background-image: url(../IMG/kontakt_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 579px 180px;
margin-top: 40px;
padding-top: 0px; /**padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
}
#title_methoden-mobile{
display: block;
color: white;
padding-top: 140px;
}
#main_methoden-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
}
#verhaltenstherapie-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 20px;
max-width: 700px;
}
#verhaltenstherapie-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#verhaltenstherapie-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#ansatz-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
}
#ansatz-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#ansatz-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#methoden-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
padding-bottom: 75px;
}
#methoden-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#methoden-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
/**info*/
.bg_info{
display: none;
}
.title_info{
display: none;
}
.main_info{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
#bg_info-mobile{
display: block;
}
#title_info-mobile{
display: block;
background-image: url(../IMG/Sanduhr_bearbeitet.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 579px 180px;
margin-top: 40px;
padding-top: 120px;
text-align: center;
font-size: 28px;
color: white;
}
#main_info-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
padding-bottom: 75px;
}
.info_kosten{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
}
.info_kosten h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
.info_kosten p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
/*über mich*/
.bg_uebermich{
display: none;
}
.title_uebermich{
display: none;
}
.main_uebermich{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
#main_uebermich-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
padding-top: 60px;
color: #626666;
max-width: 700px;
}
#main_uebermich-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#main_uebermich-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
.ausbildungen-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
}
.ausbildungen-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
.ausbildungen-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
.taetigkeiten-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
}
.taetigkeiten-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
.taetigkeiten-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
.mitglidschaften-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
padding-bottom: 75px;
}
.mitglidschaften-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
.mitglidschaften-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
/*kontakt*/
.bg_kontakt{
display: none;
}
.title_kontakt{
display: none;
}
.main_kontakt{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
#bg_kontakt-mobile{
display: block;
}
#title_kontakt-mobile{
display: block;
background-image: url(../IMG/kontakt_wien_mobile_bearbeitet.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 579px 180px;
margin-top: 40px;
padding-top: 120px; /**padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
color: #507e80;
}
#main_kontakt-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
padding-bottom: 75px;
}
#main_kontakt-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#main_kontakt-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#main_kontakt-mobile a{
color: blue;
text-decoration: none;
}
#main_kontakt-mobile a:active{
color: blue;
text-decoration: none;
}
#main_kontakt-mobile a:visited{
color: blue;
text-decoration: none;
}
/*kontakt Pressbaum*/
.bg_kontakt-pressbaum{
display: none;
}
.title_kontakt-pressbaum{
display: none;
}
.main_kontakt-pressbaum{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
#bg_kontakt-pressbaum-mobile{
display: block;
}
#title_kontakt-pressbaum-mobile{
display: block;
background-image: url(../IMG/kontakt_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 579px 180px;
margin-top: 40px;
padding-top: 120px; /**padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
color: white;
}
#main_kontakt-pressbaum-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
padding-bottom: 75px;
}
#main_kontakt-pressbaum-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#main_kontakt-pressbaum-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#main_kontakt-pressbaum-mobile a{
color: blue;
text-decoration: none;
}
#main_kontakt-pressbaum-mobile a:active{
color: blue;
text-decoration: none;
}
#main_kontakt-pressbaum-mobile a:visited{
color: blue;
text-decoration: none;
}
/*impressum*/
.bg_impressum{
display: none;
}
.title_impressum{
display: none;
}
.main_impressum{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
#bg_impressum-mobile{
display: block
}
#title_impressum-mobile{
display: block;
background-image: url(../IMG/Impressum_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 579px 180px;
margin-top: 40px;
padding-top: 120px; /**padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
color: white;
}
#main_impressum-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
padding-bottom: 75px;
}
#main_impressum-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#main_impressum-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
/*Sitemap*/
/* don't show dektop/tablet version*/
.bg_sitemap{
display: none;
}
.title_sitemap{
display: none;
}
.main_sitemap{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
/*CSS*/
#bg_sitemap-mobile{
display: block;
}
#main_sitemap-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
padding-top: 100px;
padding-left: 10px;
padding-bottom: 75px;
}
#main_sitemap-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#main_sitemap-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
.leer-mobile{
height: 100px;
}
/* footoer & impressum*/
.footer{
display: none;
}
/* footer & impressum*/
#footer-mobile{
display: block;
position: absolute;
background:#507e80;
bottom: 0;
width: 100%;
text-align: center;
color: white;
font-size: 14px;
}
.impressum_startpage-mobile{
display: flex;
float: left;
margin-left: 10px;
text-transform: uppercase;
}
.impressum_startpage-mobile a{
color: #333535;
font-size: 11px;
}
.impressum_startpage-mobile a:active{
color: #333535;
font-size: 11px;
}
.impressum_startpage-mobile a:visited{
color: #333535;
font-size: 10px;
}
.sitemap_startpage-mobile{
display: flex;
float: right;
margin-right: 10px;
font-size: 10px;
text-transform: uppercase;
}
.sitemap_startpage-mobile a{
color: #333535;
font-size: 10px;
}
.sitemap_startpage-mobile a:active{
color: #333535;
font-size: 10px;
}
.sitemap_startpage-mobile a:visited{
color: #333535;
font-size: 10px;
}
.impressum_startpage-mobile a:hover{
text-decoration: underline overline;
}
.sitemap_startpage-mobile a:hover{
text-decoration: underline overline;
}
}
/*************** Smartphone ***************/
@media screen and (max-width: 400px){
.navbar{
display: none;
}
#main_startpage{
display:none;
}
#skype_startpage{
display: none;
}
.title_startpage{
display: none;
}
.main_text{
display: none;
}
.header{
position: fixed;
top: 0;
width: 100vw;
}
.startpage_sitemap{
display: none;
}
.impressum_startpage{
display:none;
}
/*CSS*/
.headertop{
display: flex;
background: #507e80;
width: 100vw;
color: #edf0f1;
font-family: "Times New Roman",Georgia,serif;
font-size: 16px;
height: 76px; /*original 36px*/
top: 0;
justify-content: center;
align-items: center;
text-align: center;
}
.headertop a{
text-decoration: none;
color: #edf0f1;
font-family: Times New Roman;
font-size: 14px;
letter-spacing: 2px;
}
#main-menu-mobile{
display: flex;
flex-direction: column;
width: 100vw;
background: white;
justify-content: center;
align-items: center;
position: fixed;
top: 56px; /*original 26px*/
padding-top: 30px;
}
#main-menu-mobile ul{
list-style: none;
background: white;
text-align: center;
padding: 0;
margin: 0;
}
#main-menu-mobile li{
display: inline-block;
}
#main-menu-mobile a{
display: block;
color: rgb(80, 126, 128);
width: 100%;
font-size: 15px;
font-family: Times New Roman;
text-transform: uppercase;
text-decoration: none;
}
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
#main_startpage-mobile{
background: url("../IMG/blumen_startpage_mobile_1.jpg");
background-repeat: no-repeat;
background-size: 292px 292px;
margin-top: 75px;
margin-left: 20px; }
#skype_startpage{
color: #507e80;
font-size: 12px;
text-align: center;
font-family: Times New Roman;
}
.title_startpage-mobile{
color: snow;
font-size: 16px;
font-family: Times New Roman;
padding-top: 30px;
}
#main_text-mobile{
/*background: ;*/
width: 100%;
font-size: 15px;
text-transform: uppercase;
color: snow;
line-height: 1.2em;
min-height: 70px;
margin-top: 5px;
text-align: center;
padding-top: 15px;
}
#methoden_home_mobile a{
line-height: 1.2em;
font-size: 15px;
color: snow;
text-decoration: none;
}
#methoden_home_mobile a:hover{
color: #243c3d;
text-decoration: underline;
}
#methoden_home_mobile2 a{
line-height: 1.2em;
font-size: 15px;
color: snow;
text-decoration: none;
}
#methoden_home_mobile2 a:hover{
color: #243c3d;
text-decoration: underline;
}
#startpage_sitemap_mobile{
display: flex;
float: right;
padding-right: 30px;
text-transform: uppercase;
}
#startpage_sitemap_mobile a{
text-decoration: none;
color: #243c3d;
font-size: 12px;
}
#startpage_sitemap_mobile a:hover{
text-decoration: underline;
}
#impressum_startpage-mobile{
display: flex;
float: left;
padding-left: 30px;
text-transform: uppercase;
}
#impressum_startpage-mobile a{
text-decoration: none;
color: #243c3d;
font-size: 12px;
}
#impressum_startpage-mobile a:hover{
text-decoration: underline;
}
/* Schwerpunkte*/
/* don't show dektop/tablet version */
.bg_schwerpunkte{
display: none;
}
.title_schwerpunkte{
display: none;
}
.main_schwerpunkte{
display: none;
}
.leer{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
/*CSS*/
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
#title_schwerpunkte-mobile{
background-image: url(../IMG/Schwerpunkte_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 400px 180px;
margin-top: 60px; /*original 40px*/
padding-top: 120px; /**padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
color: white;
}
#main_schwerpunkte-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 355px;
}
.main_schwerpunkte-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
.main_schwerpunkte-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#schwerpunkte-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 355px;
}
#schwerpunkte-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#schwerpunkte-mobile li{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#schwerpunkte-mobile li a{
color: #626666;
font-family: 'Arial Narrow', Arial, sans-serif;
}
#ziel-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 75px;
max-width: 355px;
}
#ziel-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#ziel-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
.leer-mobile{
height: 100px;
}
/**methode*/
.bg_methoden{
display: none;
}
.title_methoden{
display: none;
}
.main_methoden{
display: none;
}
.leer{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
#bg_methoden-mobile{
background-image: url(../IMG/kontakt_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 400px 180px;
padding-top: 0px;
/*padding-top: 10px; *padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
color: white;
}
#main_methoden-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 355px;
}
#main_methoden-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#main_methoden-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#verhaltenstherapie-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 355px;
}
#verhaltenstherapie-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#verhaltenstherapie-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#ansatz-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 355px;
}
#ansatz-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#ansatz-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#methoden-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 75px;
max-width: 370px;
}
#methoden-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#methoden-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
/**info*/
.bg_info{
display: none;
}
.title_info{
display: none;
}
.main_info{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
#title_info-mobile{
background-image: url(../IMG/background_info_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 400px 180px;
margin-top: 40px;
padding-top: 140px; /*original 120px*/
text-align: center;
font-size: 28px;
color: snow;
}
#main_info-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 350px;
padding-bottom: 75px;
}
#main_info-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#main_info-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
/*über mich*/
.bg_uebermich{
display: none;
}
.title_uebermich{
display: none;
}
.main_uebermich{
display: none;
}
.footer{
display: none;
}
#logo-startpage-mobile{
display: none;
}
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
#main_uebermich-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 120px; /*original 80px*/
color: #626666;
max-width: 370px;
}
.main_uebermich-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
.main_uebermich-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
.taetigkeiten-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
color: #626666;
max-width: 370px;
}
.taetigkeiten-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-bottom: 0px;
}
.taetigkeiten-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 10px;
}
.ausbildungen-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
color: #626666;
max-width: 370px;
}
.ausbildungen-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-bottom: 0px;
}
.ausbildungen-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 10px;
}
.mitglidschaften-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
color: #626666;
padding-bottom: 75px;
}
.mitglidschaften-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-bottom: 0px;
}
.mitglidschaften-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 10px;
}
.leer-mobile{
height: 1000px;
}
/*kontakt*/
.bg_kontakt{
display: none;
}
.title_kontakt{
display: none;
}
.main_kontakt{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
#title_kontakt-mobile{
background-image: url(../IMG/kontakt_wien_mobile_bearbeitet.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 400px 180px;
margin-top: 40px;
padding-top: 120px; /**padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
color: darkcyan;
}
#main_kontakt-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 75px;
}
#main_kontakt-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#main_kontakt-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#main_kontakt-mobile a:link{
color: blue
}
#main_kontakt-mobile a:visited{
color: blue
}
/*kontakt Pressbaum*/
.bg_kontakt-pressbaum{
display: none;
}
.title_kontakt-pressbaum{
display: none;
}
.main_kontakt-pressbaum{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
#bg_kontakt-pressbaum-mobile{
display: block;
}
#title_kontakt-pressbaum-mobile{
display: block;
background-image: url(../IMG/kontakt_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 579px 180px;
margin-top: 40px;
padding-top: 120px; /**padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
color: white;
}
#main_kontakt-pressbaum-mobile{
display: block;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 700px;
padding-bottom: 75px;
}
#main_kontakt-pressbaum-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#main_kontakt-pressbaum-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#main_kontakt-pressbaum-mobile a{
color: blue;
text-decoration: none;
}
#main_kontakt-pressbaum-mobile a:active{
color: blue;
text-decoration: none;
}
#main_kontakt-pressbaum-mobile a:visited{
color: blue;
text-decoration: none;
}
/*impressum*/
.bg_impressum{
display: none;
}
.title_impressum{
display: none;
}
.main_impressum{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
.title_impressum-mobile{
background-image: url(../IMG/kontakt_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 400px 180px;
margin-top: 40px;
padding-top: 140px; /*original 120px*/
text-align: center;
font-size: 28px;
color: white;
}
.main_impressum-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 75px;
}
.main_impressum-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
.main_impressum-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
/*Sitemap*/
/* don't show dektop/tablet version*/
.bg_sitemap{
display: none;
}
.title_sitemap{
display: none;
}
.main_sitemap{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
/*CSS*/
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
.main_sitemap-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
padding-top: 160px; /*original 100px*/
padding-left: 10px;
padding-right: 10px;
padding-bottom: 75px;
}
.main_sitemap-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 20px;
}
.main_sitemap-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
.leer-mobile{
height: 100px;
}
.footer{
display: none;
}
/* footoer & impressum*/
.footer{
display: none;
}
/* footoer & impressum*/
#footer-mobile{
display: block;
position: absolute;
background:#507e80;
bottom: 0;
width: 100%;
text-align: center;
color: white;
font-size: 14px;
}
.impressum_startpage-mobile{
display: flex;
float: left;
margin-left: 10px;
text-transform: uppercase;
}
.impressum_startpage-mobile a{
color: #333535;
font-size: 11px;
}
.impressum_startpage-mobile a:active{
color: #333535;
font-size: 11px;
}
.impressum_startpage-mobile a:visited{
color: #333535;
font-size: 10px;
}
.sitemap_startpage-mobile{
display: flex;
float: right;
margin-right: 10px;
font-size: 10px;
text-transform: uppercase;
}
.sitemap_startpage-mobile a{
color: #333535;
font-size: 10px;
}
.sitemap_startpage-mobile a:active{
color: #333535;
font-size: 10px;
}
.sitemap_startpage-mobile a:visited{
color: #333535;
font-size: 10px;
}
.impressum_startpage-mobile a:hover{
text-decoration: underline overline;
}
.sitemap_startpage-mobile a:hover{
text-decoration: underline overline;
}
/*************** CSS GRID NOT SUPPORTED ***************/
@supports not (display: grid){
.navbar{
display: none;
}
#main_startpage{
display:none;
}
.title_startpage{
display: none;
}
.main_text{
display: none;
}
.header{
position: fixed;
top: 0;
width: 100vw;
}
.startpage_sitemap{
display: none;
}
.impressum_startpage{
display:none;
}
/*CSS*/
.headertop{
display: flex;
background: #507e80;
width: 100vw;
color: #edf0f1;
font-family: "Times New Roman",Georgia,serif;
font-size: 16px;
height: 36px;
top: 0;
justify-content: center;
align-items: center;
text-align: center;
}
.headertop a{
text-decoration: none;
color: #edf0f1;
font-family: Times New Roman;
font-size: 14px;
letter-spacing: 2px;
}
#main-menu-mobile{
display: flex;
flex-direction: column;
width: 100vw;
background: white;
justify-content: center;
align-items: center;
position: fixed;
top: 26px;
padding-top: 10px;
}
#main-menu-mobile ul{
list-style: none;
background: white;
text-align: center;
padding: 0;
margin: 0;
}
#main-menu-mobile li{
display: inline-block;
}
#main-menu-mobile a{
display: block;
color: rgb(80, 126, 128);
width: 100%;
font-size: 15px;
font-family: Times New Roman;
text-transform: uppercase;
text-decoration: none;
}
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
#main_startpage-mobile{
background: url("../IMG/Startpage_bild_new_mobile.jpg");
background-repeat: no-repeat;
background-size: 480px 230px;
margin-top: 75px;
}
.title_startpage-mobile{
color: snow;
font-size: 20px;
font-family: Times New Roman;
padding-top: 30px;
}
#main_text-mobile{
background: #507e80;
width: 100%;
font-size: 15px;
text-transform: uppercase;
color: snow;
line-height: 1.2em;
min-height: 70px;
margin-top: 5px;
text-align: center;
padding-top: 15px;
}
#methoden_home_mobile a{
line-height: 1.2em;
font-size: 15px;
color: snow;
text-decoration: none;
}
#methoden_home_mobile a:hover{
color: #243c3d;
text-decoration: underline;
}
#methoden_home_mobile2 a{
line-height: 1.2em;
font-size: 15px;
color: snow;
text-decoration: none;
}
#methoden_home_mobile2 a:hover{
color: #243c3d;
text-decoration: underline;
}
#startpage_sitemap_mobile{
display: flex;
float: right;
padding-right: 30px;
text-transform: uppercase;
}
#startpage_sitemap_mobile a{
text-decoration: none;
color: #243c3d;
font-size: 12px;
}
#startpage_sitemap_mobile a:hover{
text-decoration: underline;
}
#impressum_startpage-mobile{
display: flex;
float: left;
padding-left: 30px;
text-transform: uppercase;
}
#impressum_startpage-mobile a{
text-decoration: none;
color: #243c3d;
font-size: 12px;
}
#impressum_startpage-mobile a:hover{
text-decoration: underline;
}
/* Schwerpunkte*/
/* don't show dektop/tablet version */
.bg_schwerpunkte{
display: none;
}
.title_schwerpunkte{
display: none;
}
.main_schwerpunkte{
display: none;
}
.leer{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
/*CSS*/
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
#title_schwerpunkte-mobile{
background-image: url(../IMG/Schwerpunkte_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 400px 180px;
margin-top: 40px;
padding-top: 120px; /**padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
color: white;
}
#main_schwerpunkte-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 355px;
}
.main_schwerpunkte-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
.main_schwerpunkte-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#schwerpunkte-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 355px;
}
#schwerpunkte-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#schwerpunkte-mobile li{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#schwerpunkte-mobile li a{
color: #626666;
font-family: 'Arial Narrow', Arial, sans-serif;
}
#ziel-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 75px;
max-width: 355px;
}
#ziel-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#ziel-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
.leer-mobile{
height: 100px;
}
/**methode*/
.bg_methoden{
display: none;
}
.title_methoden{
display: none;
}
.main_methoden{
display: none;
}
.leer{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
#bg_methoden-mobile{
background-image: url(../IMG/kontakt_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 400px 180px;
padding-top: 0px;
/*padding-top: 10px; *padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
color: white;
}
#main_methoden-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 350px;
padding-bottom: 75px;
}
#main_methoden-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#main_methoden-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#verhaltenstherapie-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 350px;
padding-bottom: 75px;
}
#verhaltenstherapie-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#verhaltenstherapie-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#ansatz-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 350px;
padding-bottom: 75px;
}
#ansatz-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#ansatz-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#methoden-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 350px;
padding-bottom: 75px;
}
#methoden-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#methoden-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
/**info*/
.bg_info{
display: none;
}
.title_info{
display: none;
}
.main_info{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
#title_info-mobile{
background-image: url(../IMG/background_info_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 400px 180px;
margin-top: 40px;
padding-top: 120px; /**padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
color: white;
}
#main_info-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
max-width: 350px;
padding-bottom: 75px;
}
#main_info-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#main_info-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
/*über mich*/
.bg_uebermich{
display: none;
}
.title_uebermich{
display: none;
}
.main_uebermich{
display: none;
}
.footer{
display: none;
}
#logo-startpage-mobile{
display: none;
}
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
#main_uebermich-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 80px;
color: #626666;
max-width: 370px;
}
.main_uebermich-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
.main_uebermich-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
.taetigkeiten-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
color: #626666;
max-width: 370px;
}
.taetigkeiten-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-bottom: 0px;
}
.taetigkeiten-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 10px;
}
.ausbildungen-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
color: #626666;
max-width: 370px;
}
.ausbildungen-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-bottom: 0px;
}
.ausbildungen-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 10px;
}
.mitglidschaften-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
color: #626666;
padding-bottom: 75px;
}
.mitglidschaften-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-bottom: 0px;
}
.mitglidschaften-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 10px;
}
.leer-mobile{
height: 1000px;
}
/*kontakt*/
.bg_kontakt{
display: none;
}
.title_kontakt{
display: none;
}
.main_kontakt{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
#title_kontakt-mobile{
background-image: url(../IMG/kontakt_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 400px 180px;
margin-top: 40px;
padding-top: 120px; /**padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
color: white;
}
#main_kontakt-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 75px;
}
#main_kontakt-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
#main_kontakt-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
#main_kontakt-mobile a:link{
color: blue
}
#main_kontakt-mobile a:visited{
color: blue
}
/*impressum*/
.bg_impressum{
display: none;
}
.title_impressum{
display: none;
}
.main_impressum{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
.title_impressum-mobile{
background-image: url(../IMG/Impressum_mobile.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 400px 180px;
margin-top: 40px;
padding-top: 120px; /**padding-bottom navbar beachten*/
text-align: center;
font-size: 28px;
color: white;
}
.main_impressum-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 75px;
}
.main_impressum-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
.main_impressum-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
/*Sitemap*/
/* dont show dektop/tablet version*/
.bg_sitemap{
display: none;
}
.title_sitemap{
display: none;
}
.main_sitemap{
display: none;
}
.footer{
display: none;
}
.logo-startpage-mobile{
display: none;
}
/*CSS*/
.title-header-mobile{
padding-top: 70px;
color: rgb(80, 126, 128);
font-size: 16px;
font-family: Times New Roman;
text-align: center;
}
.main_sitemap-mobile{
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 16px;
padding-top: 100px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 75px;
}
.main_sitemap-mobile h3{
color: #626666;
font-size: 10x;
text-align: left;
padding-top: 15px;
padding-bottom: 0px;
}
.main_sitemap-mobile p{
color: #626666;
padding-top: 26px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 15px;
padding-top: 0px;
}
.leer-mobile{
height: 100px;
}
.footer{
display: none;
}
/* footoer & impressum*/
.footer{
display: none;
}
/* footoer & impressum*/
#footer-mobile{
display: block;
position: absolute;
background:#507e80;
bottom: 0;
width: 100%;
text-align: center;
color: white;
font-size: 14px;
}
.impressum_startpage-mobile{
display: flex;
float: left;
margin-left: 10px;
text-transform: uppercase;
}
.impressum_startpage-mobile a{
color: #333535;
font-size: 11px;
}
.impressum_startpage-mobile a:active{
color: #333535;
font-size: 11px;
}
.impressum_startpage-mobile a:visited{
color: #333535;
font-size: 10px;
}
.sitemap_startpage-mobile{
display: flex;
float: right;
margin-right: 10px;
font-size: 10px;
text-transform: uppercase;
}
.sitemap_startpage-mobile a{
color: #333535;
font-size: 10px;
}
.sitemap_startpage-mobile a:active{
color: #333535;
font-size: 10px;
}
.sitemap_startpage-mobile a:visited{
color: #333535;
font-size: 10px;
}
.impressum_startpage-mobile a:hover{
text-decoration: underline overline;
}
.sitemap_startpage-mobile a:hover{
text-decoration: underline overline;
}
}