#navigation_main {
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
}
a.logo-text {
/* font-family: 'Allura', cursive; */
font-size: 2em;
text-decoration: none;
color: var(--primary_02);
transition: 0.5s;
background-image: url('../upload/bilder/layout/logo-baum-003.png');
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
padding-left: 1.5em;
}
a.logo-text:hover {
color: var(--primary_01);
transition: 0.5s;
}
img.logo {
height: 2.2em;
width: auto;
margin-top: 0.5em;
}
div.logo-text-underline {
font-size: 1em;
color: var(--primary_02);
line-height: 1em;
margin-top: -0.5em;
}

@media only screen and (max-width: 39em) {
a.logo-text {
font-size: 1.6em;
}
div.logo-text-underline {
font-size: 0.8em;
}
}
div.header_navigation {
opacity: 1;
transition: 0.5s;
}
div.header_navigation a {
text-decoration: none;
color: var(--primary_02);
transition: 0.5s;
white-space: no-wrap;
}
div.header_navigation a:hover {
color: var(--primary_01);
transition: 0.5s;
}
div.header_navigation span {
padding-left: 0.5em;
padding-right: 0.5em;
}
/*
essential styles:
these make the slideshow work
*/
.controls {
margin-top: 0em;
}
#slides{
position: relative;
height: 30em;
overflow: hidden;
font-size: 1em;
}
.slider {
height: 30em;
	border-radius: 2em;
}
.slide{
height: 30em;
position: absolute;
left: 0px;
top: 0px;
height: 30em;
width: 100%;
opacity: 0;
z-index: 1;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.showing{
opacity: 1;
z-index: 2;
}

.slide2{
height: 30em;
position: absolute;
left: 100%;
top: 0px;
height: 30em;
width: 100%;
/*z-index: 1;*/
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.slide2_initial {
left: 0%;
}
.showing2{
left: 0%;
/*z-index: 2;*/
animation: move_left 2s;/* infinite;*/
}
@keyframes move_left {
from {left: 100%;}
to {left: 0%;}
}
	.showing2backward{
	left: 0%;
	/*z-index: 2;*/
	animation: move_right 2s;/* infinite;*/
	}
	@keyframes move_right {
	from {left: -100%;}
	to {left: 0%;}
	}
.fading2 {
left: -100%;
animation: move_left_fading 2s;/* infinite;*/
}
@keyframes move_left_fading {
from {left: 0%;}
to {left: -100%;}
}
	.fading2backward {
	left: 100%;
	animation: move_right_fading 2s;/* infinite;*/
	}
	@keyframes move_right_fading {
	from {left: 0%;}
	to {left: 100%;}
	}

	.off_canvas_left {
	left: -100%;
	}
	.off_canvas_right {
	left: 100%;
	border: 5px solid red;
	}

div.description {
position: absolute;
width: 90%;
padding: 0.2em;
	padding-left: 5%;
	padding-right: 5%;
background-color: rgba(255,255,255,0.7);
color: var(--primary_03);
font-size: 1em;
}
div.description p {
margin-top: 2em;
}
div.description p.stageslide_headline {
margin-top: 1em;
}
div.description p.stageslide_text {
color: var(--primary_01);
margin-top: 1em;
margin-bottom: 0em;
}

div.amount_of_slides {
text-align: center;
min-height: 3.5em;
}

ul.number_of_slide {
padding-left: 0;
margin-top: -0.5em;
margin-bottom: -0.5em;
}
ul.number_of_slide_no,
.control_no {
display: none;
}
ul.number_of_slide li {
list-style-type: none;
display: inline;
font-size: 4em;
line-height: 1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
cursor: pointer;
}
ul.number_of_slide li:hover {
color: var(--primary_03);
transition: 0.5s;
}
li.number_active {
color: var(--primary_03);
transition: 0.5s;
}
li.number_passive {
color:  var(--primary_02);
transition: 0.5s;
}

div.control {
text-align: center;
margin-top: 1em;
}
div.control button  {
background-color: var(--primary_02);
color: var(--primary_06);
border: 1px solid var(--primary_06);
border-radius: 0.3em;
padding: 0.5em;
transition: 0.5s;
width: 3em;
}
div.control button:hover  {
background-color: var(--primary_06);
color: var(--primary_02);
transition: 0.5s;
cursor: pointer;
}

div.slider_nav_button_left,
div.slider_nav_button_right {
position: relative;
z-index: 10;
width: 5%;
height: 30em;
cursor: pointer;
display: table;
}
div.slider_nav_button_left {
float: left;
//background-image: linear-gradient(to left, transparent 0%, var(--primary_04) 100%);
}
div.slider_nav_button_right {
float: right;
//background-image: linear-gradient(to right, transparent 0%, var(--primary_04) 100%);
}
div.slider_nav_button_icon {
display: table-cell;
vertical-align: middle;
text-align: center;
text-shadow: 0px 0px 5px var(--primary_01);
color: var(--primary_02);
font-size: 5em;
opacity: 0.5;
transition: 0.5s;
}
div.slider_nav_button_icon:hover {
opacity: 1;
transition: 0.5s;
}
/*
non-essential styles:
just for appearance; change whatever you want
*/
/*
.slide{
padding: 0px;
box-sizing: border-box;
background: #333;
color: #fff;
}

.slide:nth-of-type(1){
background: red;
}
.slide:nth-of-type(2){
background: orange;
}
.slide:nth-of-type(3){
background: green;
}
.slide:nth-of-type(4){
background: blue;
}
.slide:nth-of-type(5){
background: purple;
}
*/

@media only screen and (max-width: 59em) {
#slides,
.slider,
.slide,
.slide2,
div.slider_nav_button_left,
div.slider_nav_button_right {
height: 20em;
}
div.description p.stageslide_text {
display: none;
}
}
#navigation_main {
display: none;
background-color:var(--primary_04);
position: fixed;
//top: 2.5em;
right: 0em;
z-index: 100000;
padding: 0.5em;
//width: 50%;
max-height: 100%;
overflow-y: auto;
//background-color: blue;
float: right;
}
/*
div.box_navigation_main {
position: relative;
width: 30%;
z-index: 100000;
background-color: purple;
overflow: hidden;
}
*/

div.nav_main_dropdown_box a {
text-decoration: none;
color: var(--text_navigation_primary);
font-family: arial, sans-serif;
font-size: 1.2em;
transition: 0.5s;
}
div.nav_main_dropdown_box a:hover,
div.nav_main_dropdown_box a:focus,
div.nav_main_dropdown_box a.active {
color: var(--text_navigation_secondary);
transition: 0.5s;
}
div.nav_main_dropdown_box ul {
list-style-type: none;
padding-left: 0em;
}

ul.nav_level_0 {
margin-left: 0em;
list-style-type: none;
}
ul.nav_level_1 {
margin-left: 0.5em;
}
ul.nav_level_1 li {
margin-bottom: 1em;
}
ul.nav_level_2 {
margin-left: 1em;
font-size: 0.9em;
}
ul.nav_level_3 {
margin-left: 1.5em;
}
ul.nav_level_4 {
margin-left: 2em;
}
li.hide_li {
display: none;
}
span.open_close_next_level {
color: var(--text_navigation_primary);
cursor: pointer;
font-size: 1.5em;
padding-left: 0.1em;
width: 2em;
text-align: center;
cursor: pointer;
transition: 0.5s;
}
span.open_close_next_level:hover {
color: var(--text_navigation_secondary);
transition: 0.5s;
}

@media only screen and (max-width: 80em) {
#navigation_main {
margin-top: 3.2em;
}
}


@media only screen and (max-width: 39em) {
#navigation_main {
width: 80%;
}
}
div.navigation_main_show_hide {
//position: fixed;
//top: 0em;
//right: 2em;
//z-index: 100000;
float: right;
cursor: pointer;
text-align: center;
font-size: 2em;
font-weight: 900;
color: var(--primary_02);
width: 5%;
height: 1em;
transition: 0.5s;
//background-color: blue;
}
div.navigation_main_show_hide:hover {
color: var(--primary_01);
transition: 0.5s;
}

@media only screen and (max-width: 39em) {
div.navigation_main_show_hide {
margin-right: 0.2em;
}
}
div.table_of_contents_linklist {
border: 1px solid var(--primary_04);
width: 40%;
padding: 0.5em;
padding-right: 1em;
margin-top: 0.5em;
margin-left: 2em;
margin-right: 1em;
margin-bottom: 1em;
float: right;
}
div.table_of_contents_linklist ul {
margin-left: 0em;
padding-left: 0em;
}
div.table_of_contents_linklist li {
list-style-type: none;
}
div.table_of_contents_linklist li.H2 {
font-size: 1em;
}
div.table_of_contents_linklist li.H3 {
font-size: 0.9em;
margin-left: 1em;
list-style-type: none;
}
div.table_of_contents_linklist li.H4 {
margin-left: 2em;
}
div.table_of_contents_linklist li a {
text-decoration: none;
color: var(--primary_01);
}
div.table_of_contents_linklist li a:hover {
color: var(--primary_04);
}
span.table_of_contents_linklist_headline {
font-weight: 900;
padding-left: 1em;
}
div.teaserlist {
overflow: hidden;
}
div.teaserlist_image2_headline {
margin-left: 2%;
}
div.teaserlist_image2_item {
width: 46%;
margin: 2%;
float: left;
cursor: pointer;
transition: 0.5s;
}
div.teaserlist_image2_item:hover .teaserlist_image2_item_text {
border-bottom: 2px solid var(--primary_05);
transition: 0.5s;
}
div.teaserlist_image2_item_headline {
font-weight: 600;
}
div.teaserlist_image2_item_headline a {
color: var(--primary_01);
text-decoration: none;
}
div.teaserlist_image2_item_text {
font-size: 0.9em;
}
div.teaserlist_image2_item_image {
width: 100%;
height: 8em;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
/*filter: grayscale(100%);*/
transition: 0.5s;
border-radius: 1em;
}
div.teaserlist_image2_item:hover .teaserlist_image2_item_image {
filter: grayscale(0%);
transform: scale(1.03);
transition: 0.5s;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
div.teaserlist_image2_item_text {
margin: 0;
line-height: 1.3em;
border-bottom: 2px solid transparent;
transition: 0.5s;
}
div.teaserlist_image2_items {
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: center;
clear: both;
}

@media only screen and (max-width: 39em) {
div.teaserlist_image2_item {
width: 96%;
margin-bottom: 2em;
}
}
ul.navigation_bottom {
list-style-type: none;
}
ul.navigation_bottom li {
display: inline;
}
ul.navigation_bottom li a {
color: var(--primary_02);
text-decoration: none;
transition: 0.5s;
}
ul.navigation_bottom li a:hover {
color: var(--primary_01);
transition: 0.5s;
}
ul.navigation_bottom li span {
padding-left: 0.5em;
padding-right: 0.5em;
color: var(--primary_01);
}
a.icon_whatsapp {
visibility: hidden;
}
div.box_social_share {
position: fixed;
right: 0;
bottom: 2.7em;
z-index: 10000;
}
div.box_social_share a {
text-decoration: none;
}
div.box_social_share img {
width: 2.5em;
height: auto;
opacity: 0.8;
transition: 0.5s;
margin-top: 0.1em;
border: 2px solid var(--primary_04);
}
div.box_social_share img:hover,
div.box_social_share a:focus img {
width: 3em;
opacity: 1;
transition: 0.5s;
}

@media only screen and (max-width: 39em) {
a.icon_whatsapp {
visibility: visible;
}
div.box_social_share {
bottom: 12em;
}
}
div.dl_box_doctolib {
position: fixed;
right: 0;
bottom: 13.5em;
display:block;
font-size:0.9em;
text-align:center;
background-color:var(--primary_04);
border: 2px solid var(--primary_02);
width:8em;
border-radius: 0.5em;
padding:0.2em;
padding-left: 0.4em;
padding-right: 0.4em;
z-index:999;
transition: 0.2s;
}
a.dl_link_1,
a.dl_link_2 {
display:block;
color: var(--text_content_primary);
text-decoration:none;
padding:0.2em;
margin-top:0.2em;
background:var(--primary_02);
border-radius: 0.3em;
border: 2px solid transparent;
transition: 0.1s;
}
a.dl_link_2 {
margin-top:0.4em;
}
img.dl_logo {
display:inline-block;
height:15px;
margin-top:0.2em;
vertical-align:middle;
width:auto;
}

div.dl_box_doctolib:hover {
font-size:1.1em;
width:10em;
bottom: 10.6em;
transition: 0.2s;
}
a.dl_link_1:hover,
a.dl_link_2:hover {
border: 2px solid var(--primary_02);
background-color:var(--primary_04);
color:var(--primary_02);
transition: 0.1s;
}
span.dl_intro {
color: var(--primary_02);
}

@media only screen and (max-width: 39em) {
div.dl_box_doctolib {
font-size:0.7em;
width:7em;
border-radius: 0.5em;
padding:0.2em;
padding-left: 0.4em;
padding-right: 0.4em;
bottom: 4.5em;
}
div.dl_box_doctolib:hover {
bottom: 3em;
}
a.dl_link_1,
a.dl_link_2 {
padding:0em;
margin-top:0.2em;
}
}

/* original doctolib css */
/*
div.dl_box_doctolib {
position:fixed;
top:200px;
right:0;
display:block;
text-align:center;
background-color:#107ACA;
color:#ffffff;
font-size:14px;
width:100px;
border-radius:4px 0 0 4px;
padding:10px;
z-index:999;
box-shadow:1px 2px 4px rgba(0,0,0,0.2);
line-height:1.4;
}
a.dl_link_1 {
display:block;
color:#107ACA;
text-decoration:none;
padding:5px;
margin-top:5px;
background:#fff;
border-radius:4px;
}
a.dl_link_2 {
display:block;
color:#107ACA;
text-decoration:none;
padding:5px;
margin-top:5px;
background:#fff;
border-radius:4px;
}
img.dl_logo {
display:inline-block;
height:15px;
margin-top:10px;
vertical-align:middle;
width:auto;
}
*/