/*******************************************************************************************/
/*************                                                               ***************/
/*************   Zentales Stylesheet zur Seite Praxis Romatzki index.html    ***************/
/*************                       Ordner endversion_draft/html_css_js/    ***************/
/*************   Datum:2017-06-06                                            ***************/
/*************   Zusammenführung der einzelnen Dateien:2917-11-28            ***************/
/*************   Überarbeitung zu Version 2.0 und Re-Launch: 2022-10-17      ***************/
/*******************************************************************************************/





 /*@import url(css/normalize_etc.css);*/
 /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

 
 
 
 /* @import url(css/general.css);*/
 
/*************************************************************************************/
/*************      layout gilt für alle                    **************************/
/*************      viewports   >  59.3125em               ***************************/
/************      aenderungen für < 59.3125em in          ***************************/
/************           desktop_responsive                 ***************************/
/************         und mobile_responsive                ***************************/
/*************************************************************************************/

 html { 
       box-sizing:border-box;
       overflow-y: scroll;
     } 
       
 *, *:before,*:after{
                    box-sizing:inherit;
                   }
* { padding: 0; margin: 0; }
html { line-height: 1.15; /* 1 */
      -ms-text-size-adjust: 100%; /* 2 */
      -webkit-text-size-adjust: 100%; /* 2 */
       box-sizing:border-box;
       overflow-y: scroll; } 
       
*, *:before,*:after{
                    box-sizing:inherit;
                   }
article, aside, details, figcaption, figure, footer, 
header, hgroup, main, nav, section, summary {
                                             display: block;
                                            }

h2, p, ul, ol, blockquote { margin-bottom: 0; margin-top:0;}
main ul, ol{ margin-left:0.7em;}

 @media   screen {  

 
  body{ 
          font-family: "Roboto", -apple-system, "Calibri", "Arial", "Segoe UI",  BlinkMacSystemFont, "Liberation sans",  sans-serif;
           
         background-color:#7ea9bb;
         font-size:1.2em;
       line-height:1.5em;
      }
     /* h1,h2,h3{letter-spacing:0.02em;}*/
      
  .underline{text-decoration:underline;}  
  .bold{font-weight:bold;}
  .kursiv{font-style:italic;}
  .center{text-align:center;}
  .mobile{display:none;}
  .print_inline{display:none;}
  
  .mob_button{display:none;}
  a:active, a:focus {outline: none;}
  
 #wrapper{ 
          position:relative;
          width:100%;
          margin:0 auto;
          max-width:65em; 
          min-width:20em;
         
          background-color:#7ea9bb;
     border: 1px solid #7ea9bb;
         /* box-shadow:1em 1em 0.5em #515151; */
        }      
        
 #left{float:left;
    padding-left:1.5%;
      }   
      
 main,aside,header,nav{font-size:1em;}     
        
  header{  
           
             width:16em;
             margin-left:3%;
            height:15em;   
            margin-top:2em;
            border-right:1px solid black;
            padding-top:2em; 
         
             color:#bcd7e2;
            background-color:#7ea9bb;
        } 
        
        /*h1{letter-spacing:0.008em;}*/
         
      header h1{         margin-top:0;
                        margin-bottom:0;
                           padding:0.5em 0 0.1em 0.4em;
                               font-size: 1.1em;
	                       line-height: 1.1em; 
		            
                    }  
  
                  header h2{ margin-top:0;
                             padding:0.2em 0 0 0 ;
                            font-size: 0.8em;
	                    line-height: 1.1em; 
                           
		        }   

           
        
  aside{ 
                 height:13em;   
                margin-top:2em;
               
                margin-left:19.5em;
                 margin-right:3%;
                margin-bottom:2em;
         
            font-family: "Times New Roman","Kalam", "Liberation serif", serif; 
            font-style: italic; 

             font-size:1.0em;
             line-height:1.2em;      
     } 
     
 
 aside p span{font-size:0.8em;   }                        
                     
        
        
 nav{    
        
         width:16em;
        height:32em;
         margin-left:3%;
         padding-top:2em;
         margin-bottom:2em; 
       background-color:#7ea9bb;
	      color:#2a6781;
       border-right:1px solid black;
        }    	    	              
	              
	              
               nav ul{ width:15em;
                         list-style-type:none; }   
            
	               nav li{
                                font-size:0.9em;
                                line-height:1em;  
	                        list-style-type:none;
                                width:15em;
                                height:2em;
	                      /* padding:0;*/
	                       margin:0 0 0.2em 0;
                               /*padding-top:0.5em;
                                     padding-bottom:0.5em;*/
                                    
                          }
                          
                  
          
                    nav ul li.current{
                                       color:#2a6781;
                                       background-color:#bcd7e2;
                                         font-family:inherit;
                                          padding:0.5em 0 0.5em 0.5em;
                                        }  
                                        
                         nav ul li a{
                                    display:block;
                                     width:15em; 
                                     height:2em;
                                      padding:0.5em 0 0.5em 0.5em;
                                    
                                    }               
                                        
                       nav ul li a:link{
                                    color:#2a6781; 
                                    font-family:inherit;
                                    text-decoration:none;
                                    }
                                    
                        nav ul li a:visited{ 
                                        color:#2a6781; 
                                        font-family:inherit;
                                            text-decoration:none;
                                    }
                                    
                        nav ul li a:hover,a:focus{ 
                                            color:#d1edf9; 
                                            font-family:inherit;
                                            text-decoration:none;
                                            }
                                    
                        nav ul li a:active{ 
                                        color::#d1edf9; 
                                        font-family:inherit;
                                        text-decoration:none;
                                   }           
        
        
   main{       margin-left:19.5em;
                 margin-right:3%;
             height:32em;
           
               padding-left:3%; 
               padding-right:1.5%;
            padding-top:1.5em;
            margin-bottom:2em;
    
         background-color:#bcd7e2;
           color:#2a6781;
            -webkit-hyphens: auto; 
               -moz-hyphens: auto; 
                -ms-hyphens: auto; 
                    hyphens: auto;
     }      
    main h1{  hyphens:none;   }             
  main.div_scroll{ overflow-y:scroll;}   
   
   nav#nav_home{ height:22em;  }    	    	       
     nav#nav_zur_person{ height:29em;  }  
   main#home{   height:22em; overflow-y:visible;}        
    main#main_zur_person{   height:25em; overflow-y:visible;}  
     
    main h1.largespace{
                        line-height: 1.3em;
                        font-size:1.4em;
                        text-align:center;
                        margin:0 0 1em 0;
                      } 
                

    main p{
                        font-size:0.9em;
                        line-height: 1.3em;
                     }    
   
       main p.kl_abschnitt{margin-bottom:0.5em;}    
       
            main h1{
                    line-height: 1.2em;
                    font-size:1.3em;
                    text-align:center;
                    margin:0 0 1.5em 0;
                    
                    }     
               
            main h2{
                       font-size:1.0em;
                     text-align:left;
                    line-height: 1.1em;
	               margin:0.4em 0 0.4em 0;
                    } 
              main h3{
                        font-size:0.9em;
                     text-align:left;
                     line-height: 1.1em;
	               margin:0.2em 0 0.5em 0;
                    }         
              main h4{
                        font-size:0.8em;
                     text-align:left;
                     line-height: 1.1em;
	               margin:0.4em 0 0.2em 0;
                    }                
                    
            /* main p, table {
                      font-size:0.9em;
                     line-height: 1.2em;
                    } */
                    
            main ul { 
                     padding:0.5em 1em;
                     list-style-type:none;
                   }            
        
       main ul li{ 
                   list-style-type:disc;
                   padding:0.1em 0 0.1em 0;
                     font-size:0.9em;
                } 
                
          main ul li ul li{ 
                   list-style-type:disc;
                   padding:0.1em 0 0.1em 0;
                     font-size:0.9em;
                }      
         
               
       /* main pa{
                    color:#0193d2;
                    text-decoration:none;
	          }  
             main a:link{
                    color:#0193d2;
                    text-decoration:none;
	          }  */
        /* main a:hover{
	             color:white;
	              }    */       
        
    
        
        
        
          main a, main summary{
                    color:#0193d2;
                    font-family:inherit;
                    text-decoration:none;
	          }   
	          
           main a:link{
                    color:#0193d2;
                    font-family:inherit;
                    text-decoration:none;
	          }     
	   
                                    
        main a:visited{ 
                        color:#0193d2; 
                        font-family:inherit;
                            text-decoration:none;
                    }
                    
        main a:hover,a:focus{ 
                            color:#0193d2; 
                            font-family:inherit;
                            text-decoration:underline;
                            outline: none;
                            }
                    
        main a:active{ 
                            color:#0193d2; 
                            font-family:inherit;
                            border-color:#7ea9bb;
                           
                      
                    }                 
	          
	    
	main details summary:hover{ cursor: pointer;  text-decoration:underline;}          
	 main details summary{margin-top:0.5em;outline: none;  }   
	 
            
	  main details summary::-webkit-details-marker {  display:none;  }                         
                main details summary::-o-details-marker {  display:none;  }          
	          main details summary::-moz-details-marker {  display:none;  }            
         main details summary::details-marker {  display:none;  }    
        
        
         main ul li span.small_li{ font-size:0.8em;}   
         
         main ol { 
                     padding:0.5em 1em;
                     list-style-type:none;
                   }            
             
       main ol li{ 
                   list-style-type:decimal;
                   padding:0.1em 0 0.1em 0;
                     font-size:0.9em;
                }      
         
         
           
           
        
  footer {
                     margin:inherit;
                    width:inherit;
                    max-width:inherit;
                    min-width:inherit;
                    height:3em;
                 padding-top: 1em;
                   padding-right: 0;
                    padding-bottom: 1em;
                    padding-left: 0;
                      text-align:center;
		    border-top: 1px solid #2a6781;
                  background-color:#7ea9bb;
		     color:#2a6781;
	    font-size:0.9em;
                                   }              
   footer a{
                    color:#2a6781;
                    font-family:inherit;
                    text-decoration:underline;
	          }   
	          
           footer a:link{
                    color:#2a6781;
                    font-family:inherit;
                    text-decoration:underline;
	          }     
	     
     
          footer a:visited{ 
                       color:#2a6781;
                    font-family:inherit;
                    text-decoration:underline;
                    }               
                                    
       
                    
        footer a:hover,a:focus{ 
                           color:#bcd7e2;
                    font-family:inherit;
                    text-decoration:underline;
                            }
                    
        footer a:active{ 
                       color:#bcd7e2;
                    font-family:inherit;
                    text-decoration:underline;    
                      
                    }             
              
              
        
        
        
        
 /*################################################################*/              
          }      /*closes @media screen without any restriction !             
 /*################################################################*/                   
 
 
 /*@import url(css/background-image.css);*/
 
 /*************************************************************************************/
/*************     background_images Desktop                ***************************/
/*************************************************************************************/

  @media  screen {  
      
      
      main>div{display:none;}
       /*div#main_aside_startseite p {display:none;}*/
       
   header>img {
                            float: left;
                            width: 3.2em;
                            height: auto;	
                             padding:0 0.3em 0 0;
   	                   transition:all 0.5s ease;
                         
                          }  
                          
     #bild_ablaufschema {
                           
                           width:100%;
                            height: auto;	
                             padding:0 1em 1em 1em;
                         
                          }  
                          
                          
                          
                          
   aside p{ 
        
          font-family: "Times New Roman","Kalam", "Liberation serif", serif; 
            font-style: italic;
             font-size:1.05em;
             line-height:1.26em;      
     } 
     
 
 aside p span{font-size:0.84em;   }                                        
                          

  aside  {  
             z-index:100;
           transition:all 0.5s ease;
        }  
        

  aside.vergr:hover{
         -ms-transform:scale(1.5) translate(-5.5em,1.5em);
         -webkit-transform:scale(1.5) translate(-5.5em,1.5em);
                transform:scale(1.5) translate(-5.5em,1.5em); 
                transition:all 0.5s ease 1.0s;
            }
            
   header>img:hover{
          -ms-transform:scale(2.5) translate(0.2em,-0.5em);
         -webkit-transform:scale(2.5) translate(0.2em,-0.5em);
                transform:scale(2.5) translate(0.2em,-0.5em); 
                transition:all 0.5s ease 1.0s;
            }         
            
            
/**********************************************************/
/**************         Startseite    Desktop     ******************/
            

  #bild_startseite {
                 background-position:top left;
                 
                   background-image:url(Bilder/startende_voegel.jpg);
	         
                 background-size: cover;    

                 }

  #bild_startseite p{
          text-align:right;
	  padding-top:0.6em;
	  padding-right:0.6em;
	 /* font-size:0.9em;*/
	  color:white;
          }  
          
 /**********************************************************/
 /**************     Behandlungsspektrum    Desktop    ******************/
                     
          
          
 #bild_behandlspektrum{
                 background-position:top right;
                 
                   background-image:url(Bilder/burg_im_herbst.JPG);
	        
                 background-size: cover;    

                 }

 #bild_behandlspektrum p{
          text-align:right;
	  padding-top:0.6em;
	  padding-right:0.6em;
	
	  color:black;
          }   
          
 /**********************************************************/
 /**************     Therapierichtungen     Desktop  ******************/
                     
          
          
 #bild_therapierichtungen{
                 background-position:center;
                 
                   background-image:url(Bilder/Brandenberg.JPG);
	         
                 background-size: cover;    

                 }

 #bild_therapierichtungen p{
          text-align:right;
	  padding-top:0.6em;
	  padding-right:0.6em;
	 
	  color:white;
          }      
          
          
  /**********************************************************/
  /**************    neue Methoden      Desktop   ******************/        
          
          
          
  #bild_neue_methoden{
                 background-position:bottom right;
                 
                   background-image:url(Bilder/Blick_ueber_Wolken.jpg);
	         
                 background-size: cover;    

                 }

  #bild_neue_methoden p{
          text-align:right;
	  padding-top:0.6em;
	  padding-right:0.6em;
	 
	  color:black;
          }               
          
          
    /**********************************************************/
    /**************    Weg zum Therapieplatz    Desktop  ******************/        
          
          
          
  #bild_weg_therapieplatz{
                 background-position:center;
                 
                   background-image:url(Bilder/wanderin_in_Bergen.jpg);
	       
                 background-size: cover;    

                 }

  #bild_weg_therapieplatz p{
          text-align:left;
	  padding-top:9em;
	  padding-left:0.8em;
	 
	  color:white;
          }                     
          
          
          
    /****************************************************************************/
    /**************              Kosten  Desktop                 ******************/        
          
          
          
  #bild_kosten{
                 background-position:center top;
                 
                   background-image:url(Bilder/weinberge_Herbst.JPG);
	         
                 background-size: cover;    

                 }

  #bild_kosten p{
          text-align:left;
	  padding-top:8em;
	  padding-left:0.6em;
	 
	  color:white;
          }                     
                 
  .citatorBigGap {padding-left:20em;}        
          
          
          
          
   /**********************************************************/
    /**************    über mich Desktop          ******************/        
          
          
          
 
       
  #bild_zur_person img{
                      float:left;
                      height:17em;
                   
                 }

  #bild_zur_person p{
          text-align:left;  
	    margin-left:15em;
            padding-top:12em;
	 
	  color:white;
          }                                     
     #bild_zur_person{ height:17em; }  
     
    
    
    #aside_bild_p_wrapper{position:relative;}
    
    
   
          
          
          
          
    /**********************************************************/
    /**************    Kontakt  Desktop            ******************/                                                                                  
    
          
          
          
  #bild_kontakt{
                 background-position:center;
                 
                   background-image:url(Bilder/Fluss_mit_Pappeln.jpg);
	         
                 background-size: cover;    

                 }

  #bild_kontakt p{
          text-align:right;
	  padding-top:9em;
	  padding-right:0.6em;
	 
	  color:white;
          }                     
                 
   
                  
   .h1_kontakt{ margin-bottom:0.5em; }     
   
 
  

 .iframe_wrapper iframe {   display:block;
                                position:absolute;
                               top:0;left:0;
                              width:100%;
                           height:100%;
                           border:0;
                                }
  
   .iframe_wrapper{display:block;position:relative;
                       padding-bottom:75%;
                       padding-top:0px;
                       height:0;
                       overflow:hidden;
                        margin-bottom:1em;
                          }


   
  
          
  /**********************************************************/
    /**************   Impressum  Desktop            ******************/                 
          
          
          
  main#impressum, main#datenschutz{ margin-top:2em;
                  height:47em;}
                  
   main#impressum img#adresse, main#datenschutz img#adresse {height:1.2em;margin-top:0.2em;}
   
   
footer a.current{ padding:0.1em;
                  color:#2a6781;
                  background-color:#bcd7e2;
                        font-family:inherit;
                }  
                            
          
  /*################################################################*/              
          }      /*closes @media screen without any restriction ! */            
 /*################################################################*/   
 
 
 
 
 /*####################################################################################################*/ 
 
 /*#############################    Tablet quer version ab apprx 800 px     ###########################*/
 
 
 /*####################################################################################################*/
 
 
 
 
 
 
 @media only screen and (max-width: 63em) /*and (orientation:landscape)*/{
     
                         aside{display:none;}  
                         
                       main>div{display:block;
                                             height:13em;   
                                       margin-bottom:1em;
                                       border-bottom:1em solid #7ea9bb;
                                       
                                          font-family: "Times New Roman","Kalam", "Liberation serif", serif; 
                                           font-style: italic;
                                     }
                 main>div.iframe_wrapper  { margin:1em;border-bottom:none;  } 
    
     /**********************************************************/
/**************         Startseite      Tablet quer   ******************/


                        div#main_aside_startseite {
                                        background-position:center;
                                        
                                        background-image:url(Bilder/startende_voegel.jpg);
                                       
                                        background-size: cover;    

                                        }

                        div#main_aside_startseite p{
                                            text-align:right;
                                            padding-top:0.6em;
                                            padding-right:0.6em;
                                            
                                            color:white;
                                            }  
     
     /**********************************************************/
 /**************     Behandlungsspektrum    Tablet quer    ******************/
                     
          
          
             #main_aside_behandlspektrum{
                           background-position:top right;
                        
                           background-image:url(Bilder/burg_im_herbst.JPG);
                          
                        background-size: cover;    

                        }

        #main_aside_behandlspektrum p{
                text-align:right;
                padding-top:0.6em;
                padding-right:0.6em;
                
                color:black;
                }   
     /**********************************************************/
 /**************     Therapierichtungen     Tablet quer  ******************/
                     
          
          
 #main_aside_therapierichtungen{
                 background-position:center;
                 
                   background-image:url(Bilder/Brandenberg.JPG);
	          
                 background-size: cover;    

                 }

 #main_aside_therapierichtungen p{
          text-align:right;
	  padding-top:0.6em;
	  padding-right:0.6em;
	 
	  color:white;
          }      
          
          
  /**********************************************************/
  /**************    neue Methoden      Tablet quer   ******************/        
          
          
          
  #main_aside_neue_methoden{
                 background-position:bottom right;
                 
                   background-image:url(Bilder/Blick_ueber_Wolken.jpg);
	          
                 background-size: cover;    

                 }

  #main_aside_neue_methoden p{
          text-align:right;
	  padding-top:0.6em;
	  padding-right:0.6em;
	 
	  color:black;
          }               
          
          
    /**********************************************************/
    /**************    Weg zum Therapieplatz   Tablet quer  ******************/        
          
          
          
  #main_aside_weg_therapieplatz{
                 background-position:center;
                 
                   background-image:url(Bilder/wanderin_in_Bergen.jpg);
	        
                 background-size: cover;    

                 }

  #main_aside_weg_therapieplatz p{
          text-align:left;
	  padding-top:10em;
	  padding-left:0.8em;
	 
	  color:white;
          }                     
          
          
          
    /**********************************************************/
    /**************    Kosten   Tablet quer  ******************/        
          
          
          
  #main_aside_kosten{
                 background-position:center top;
                 
                   background-image:url(Bilder/weinberge_Herbst.JPG);
	         
                 background-size: cover;    

                 }

  #main_aside_kosten p{
          text-align:left;
	  padding-top:9em;
	  padding-left:0.6em;
	 
	  color:white;
          }                     
                 
  .citatorBigGap {padding-left:17em;}        
          
          
          
          
   /**********************************************************/
    /**************    über mich    Tablet quer      ******************/        
          
          
          
 
       
  #main_aside_zur_person img{
                      float:left;
                      height:17em;
                   
                 }

  #main_aside_zur_person p{font-size:1em;
          text-align:left;
	    margin-left:14em;
            padding-top:12em;
	 
	  color:white;
          }                                     
     #main_aside_zur_person{ 
                             height:18em; 
                             background-color:#7ea9bb;
                             
                           }  
     
    #main_zur_person{ height:42em; }  
    
    #bild_p_wrapper{position:relative;}
    
    
                  
          
          
          
          
          
    /**********************************************************/
    /**************    Kontakt  Tablet quer       ******************/                                                                                  
    
          
          
          
  #main_aside_kontakt{
                 background-position:center;
                 
                   background-image:url(Bilder/Fluss_mit_Pappeln.jpg);
	         
                 background-size: cover;    

                 }

  #main_aside_kontakt p{
          text-align:right;
	  padding-top:10em;
	  padding-right:0.6em;
	 
	  color:white;
          }                     
                 
   
                  
   .h1_kontakt{ margin-bottom:0.5em; }     
          
  
  /**********************************************************/
    /**************   Impressum   Tablet quer  ******************/                 
          
          
          
  main#impressum{ margin-top:2em;
                  height:47em;}
  
footer a.current{ padding:0.1em;
                  color:#2a6781;
                  background-color:#bcd7e2;
                        font-family:inherit;
                }  
     
     
  /*############################################################################################*/    
                                         }    /*ende media*/                     
 


 
 
 
 
 
 /*@import url(css/responsive.css);*/
 
 
/*************************************************************************************/
/************* Layout und Groessenangaben       ***************************/
/*************  für Desktop  viewports RESPONSIVE        ***************************/
/*************************************************************************************/

    @media only screen and (max-width:77em){  #wrapper{  box-shadow:none; max-width:100%; } 
                                                }  

                                                
                                                
    @media only screen and (max-width:77em){
                                                    body{   
                                                           font-size:1.1em;
                                                           line-height:1.32em;
                                                        } 
                                                        
                                                    main{       margin-left:19.25em;}
                                                   aside{       margin-left:19.25em;}
                                              
                                                    header{     width:15.9em;}
                                                    nav{     width:15.9em;} 
                                                    
                                                    
               /*#################################################################################################*/ 
  /*#############################                   TWEAKPOINT                    ###################*/
 
  /*#############################    Navi touchbar       ###################*/
  /*#############################                                                 ###################*/
  /*#################################################################################################*/                                          
                                                    
                                                    
                                      
                                                    
                                  
                                   
                        nav ul li{
                                    margin-bottom:0.4em;
                                    border-radius:0.2em;
                                    /*box-shadow:0.5em 0.5em 0.5em #515151;*/
                                  }    
                      
                     nav ul li a:link{
                                    color:#2a6781; 
                                    background-color:#8AB7CB;
                                    font-family:inherit;
                                    text-decoration:none;
                                   /* border:1px solid #2a6781;*/
                                    border-radius:0.2em;
                                    }
                                    
                        nav ul li a:visited{ 
                                        color:#2a6781; 
                                         background-color:#8AB7CB;
                                        font-family:inherit;
                                            text-decoration:none;
                                            /*border:1px solid #2a6781;*/
                                            border-radius:0.2em;
                                    }
                                    
                        nav ul li a:hover,a:focus{ 
                                            color:#d1edf9; 
                                            font-family:inherit;
                                            text-decoration:none;
                                            }
                                    
                        nav ul li a:active{ 
                                        color:#2a6781;
                                       background-color:#bcd7e2;
                                        font-family:inherit;
                                        text-decoration:none;
                                   }                                           
                                   
                                   
                                   
                           nav ul li {  height:2.5em;    }  
                                               nav ul li.current { padding-top:0.8em;     }
                                            nav ul li a{  height:2.5em;padding-top:0.8em;    }  
                                            
                        /*******************************************************/
                        /*********  das muss nur rein für main navi touchbar ****/
                                            
                              main#home{height:24em;}        
                              nav#nav_home{ height:24em;  } 
                              
                              
                              
                              
                                                } /* Ende media*/ 
  
 
 

    @media only screen and (max-width: 71em){
                                                    body{ 
                                                            font-size:1.05em;
                                                            line-height:1.26em;
                                                        }   
                                                    main{       margin-left:19.0em;}
                                                   aside{       margin-left:19.0em;}
                                                    header{     width:15.8em;}
                                                    nav{     width:15.8em;} 
     
                                                }  
                                                
                
                                    
  /*#################################################################################################*/ 
  /*#############################                   TWEAKPOINT                    ###################*/
  /*#############################                                                 ###################*/
  /*#############################    Tablet Landscape version ab apprx 800 px     ###################*/
  /*#############################    Navi touchbar   main+bild scrollbar          ###################*/
  /*#############################                                                 ###################*/
  /*#################################################################################################*/                                  
                                    
   
   
   
       @media only screen and (max-width: 63em)/* and (orientation:landscape)*/{
                                                    body{ 
                                                            font-size:1.0em;
                                                            line-height:1.2em;
                                                        }  
                                                        
                                                        
                                                        
                                                       main{       margin-left:16.5em;
                                                                 overflow-y: scroll;
                                                                  margin-top:1em;
                                                                  margin-bottom:1em;
                                                                  margin-right:0;
                                                                  padding:0;
                                                                 height:42em;
                                                           }
                                                           
                                                      main#impressum {margin-top:1em;
                                                                  margin-bottom:1em;
                                                           height:42em;
                                                                          }    
                                                      main>h1#h1_impr,  main>h1#h1_datensch{ margin-top:1em;}     
                                                       main p{
                                                                  padding-right:0.5em; 
                                                                  padding-left:1em;
                                                                 }  
                                                         main>ul, main>ol,main>table { margin-left:1em; }   
                                                         
                                                       main h2,h3,h4 {padding-left:1em;}   
                                                                 
                                                         main,main#home,main#main_zur_person { margin-right:1em; }      
                                                     main#home,main#main_zur_person{  overflow-y:visible;
                                                                  margin-top:1em;
                                                                  margin-bottom:1em;
                                                                 
                                                                  padding:0;
                                                                 height:auto;}  
                                                      nav#nav_zur_person {height:23em; }        
                                                                 
                                                     main#home p{
                                                                  padding-right:0.5em; 
                                                                  padding-left:1em;
                                                                 }   
                                                   
                                                 /* main a:link{text-decoration:underline;}*/
                                                  
                                       main details summary{margin-top:0.5em;text-decoration:underline;}
                                      
                                      
                                       
                                                    header{   border:none;
                                                              height:12em;
                                                              margin-left:1%; 
                                                              margin-top:0;
                                                              width:14.7em;
                                                        
                                                          }
                                                           
                                                      nav{  border:none;
                                                           margin-left:1%; 
                                                           width:14.7em;
                                                           height:20em;
                                                    } 
                                                    
                                                    
                      
                   
                                   
                       nav ul li{
                                    margin-bottom:0.4em;
                                    border-radius:0.2em;
                                  }    
                      
                     nav ul li a:link{
                                    color:#2a6781; 
                                    background-color:#8AB7CB;
                                    font-family:inherit;
                                    text-decoration:none;
                                   /* border:1px solid #2a6781;*/
                                    border-radius:0.2em;
                                    }
                                    
                        nav ul li a:visited{ 
                                        color:#2a6781; 
                                         background-color:#8AB7CB;
                                        font-family:inherit;
                                            text-decoration:none;
                                            /*border:1px solid #2a6781;*/
                                            border-radius:0.2em;
                                    }
                                    
                        nav ul li a:hover,a:focus{ 
                                            color:#d1edf9; 
                                            font-family:inherit;
                                            text-decoration:none;
                                            }
                                    
                        nav ul li a:active{ 
                                        color:#2a6781;
                                       background-color:#bcd7e2;
                                        font-family:inherit;
                                        text-decoration:none;
                                   }                                  
                  
  
                div#wrapper>footer{text-align:center;}
                                               
                 nav ul li {  height:2.5em;    }  
                                               nav ul li.current { padding-top:0.8em;     }
                                            nav ul li a{  height:2.5em;padding-top:0.8em;    }                              
                                               
                      main#home{height:35em;}    
    nav#nav_home{ height:22em;  } 
                                          }
                                          
                                          
                                          
           @media only screen and (max-width: 63em) and (orientation:portrait){ 
           
           
                                            
                                 main.div_scroll, main#home,main#main_zur_person, main#impressum, main#datenschutz{
                                                                                                   display:block;
                                                                                                   overflow-y: hidden;
                                                                                                    height:auto;
                                                                                                    margin-right:1em;
                                                                                                                }                      
                                               
                                               main#home{height:35em;}    
                                                 }                                     
                                          
                                          
                                          
                                          
                                          
      /* @media only screen and (max-width: 50em) /*and (orientation:landscape){ 
           
           
                                                 body{ 
                                                        font-size:0.78em;
                                                        line-height:0.94em;
                                                    }                                  
                                        main{       margin-left:16em;
                                                    } 
                                                    
                                         header,nav{ 
                                                           width:14.7em;
                                                           
                                                    }            
                                                    
                                          
                                                 }    */
                                                 
      
 /*##########################################################################################################*/ 
 /*#############################                    BREAKPOINT                    ###########################*/
 /*#############################                                                  ###########################*/
 /*#############################    Tablet Landscape version ab apprx 600 px,     ###########################*/
 /*#############################    Umbruch zu verdeckter Navi                    ###########################*/
 /*#############################                                                  ###########################*/
 /*##########################################################################################################*/                                                               
                                                 
                                                 
                                                 
        @media only screen and (max-width: 50em) /*and (orientation:landscape)*/{ 
            
            main,aside,header,nav{font-size:1em;}   
            
            main p{
                        font-size:0.9em;
                        line-height: 1.3em;
                     }  
                     
             main h1{
                    line-height: 1.2em;
                    font-size:1.3em;
                    text-align:center;
                    margin:0 0 1.5em 0;
                    
                    }     
               
            main h2{
                       font-size:1.0em;
                     text-align:left;
                    line-height: 1.1em;
	               margin:0.4em 0 0.4em 0;
                    } 
              main h3{
                        font-size:0.9em;
                     text-align:left;
                     line-height: 1.1em;
	               margin:0.2em 0 0.5em 0;
                    }                  
               main h4{
                        font-size:0.8em;
                     text-align:left;
                     line-height: 1.1em;
	               margin:0.4em 0 0.2em 0;
                    }                   
            main ul li{ 
                   list-style-type:disc;
                   padding:0.1em 0 0.1em 0;
                     font-size:0.9em;
                } 
                
              main ul li ul li{ 
                   list-style-type:disc;
                   padding:0.1em 0 0.1em 0;
                     font-size:0.9em;
                }      
                
            main ul li span.small_li{ font-size:0.8em;}
            
             main ol li{ 
                   list-style-type:decimal;
                   padding:0.1em 0 0.1em 0;
                     font-size:0.9em;
                }      
            
            
                 
                 body{overflow-y: hidden;}
            #wrapper{min-width:16em;}       
                                                      
        #left{ display:block; 
                 position:relative;
                  width:100%; 
                   margin:0;
                     padding:0;
                     }
                                                  
                  header{ display:block; 
                      position:relative;               /*wegen der absoluten Positionierung des Menuebuttons*/
                            /*    float:left; */
                            width:90%;
                            height:4.5em;
                            margin:0 auto; 
                            padding-top:0.5em;
                            
                            }
                            
                            
                            /************************************************************************/
                            /************                                                ************/
                            /************            Beginn mobile Navigation            ************/
                            /************                                                ************/
                     
         /*  nav.not_mobile{display:none;}            */
                          
                 header div.mob_button{display:block;
                                 position:absolute;
                                  /* position:fixed;*/
                                  z-index:10;
                                  top:1em;
                                  right:0;
                                     /* padding:0.5em;*/
                                      background-color:#7ea9bb;
                                      color:white;
                                      border-radius:0.4em;
                                          border:1px solid white;
                                          outline: none;
                                          width:;
                                          height:auto;
                                         
                                          
                                     }
                                     
                    
               header div.mob_button img{      
                                            float:right;
                                             padding:0.6em 0.6em 0.6em 0.6em ;
                                             width:3em;
                                           }
                                           
                  header div.mob_button a.hide_navi{display:none;}
                  
                  
                       nav#nav_home,nav#nav_zur_person ,nav {margin:0 auto ;
                                     text-align:center;
                                   width:50%;
                                   min-width:16em;
                                   height:auto;
                                    }
                                    
                             nav#nav_zur_person {margin-bottom:0;  }  
                              nav#nav_home{  
                                             margin-bottom:0;  } 
                        nav#nav_home ul,nav#nav_zur_person ul,nav ul{
                                                                      overflow:hidden;
                                                                      transition:1.0s;
                                                                      max-height:0; /*Liste ausblenden, solange mob_navi nicht target*/   
                                                                     width:100%;
                                                                      min-width:15em;
                                                                    
                                                                }
                                          
                        nav#nav_home ul li,nav#nav_home ul li a{
                                                                width:100%;
                                                                min-width:15em; }
                          nav#nav_zur_person ul li,nav#nav_zur_person ul li a{
                                                                width:100%;
                                                                min-width:15em; } 
                           nav ul li,nav ul li a{
                                                                width:100%;
                                                                min-width:15em; } 
                                                                
                           
                           
                           #mob_navi:target ul.nav_list{max-height:30em;margin-bottom:1em;}
                           
                            #mob_navi:target     a.show_navi{display:none;}
                            
                            #mob_navi:target     a.hide_navi{display:block;}
                            
                             #mob_navi:target header div.mob_button{background-color:#8AB7CB;}
                            
                            
                /* nav ul li {  height:2.5em;    }  
                                               nav ul li.current { padding-top:0.8em;     }
                                            nav ul li a{  height:2.5em;padding-top:0.8em;    }   */                
                                                                                    
                 
                                     
                /***************               Ende mobile Navigation                  ******************/
                /***************                                                      ******************/
                /***************************************************************************************/
                                     
                                      
                 
               /* nav ul li{  margin-left:0.2em;
                            width:16em;
                         text-align:center;
                        }    
             
               nav ul a{
                            display:block;
                                width:16em; 
                                height:2em;
                                padding:0.5em 0.5em 0.5em 0.5em;
                                
                                 
                                text-align:center;
                            }*/    
                                
                                    
                                    
             
             
                        main.div_scroll{  display:block;
                            position:relative; 
                            width:90%;
                            margin:0 auto;
                                overflow-y: hidden;
                                margin-top:1em;
                                margin-bottom:1em;
                                
                                height:auto;
                        }
                        
                        
                        
                  main#home,main#main_zur_person, main#impressum,main#datenschutz  {  display:block;
                            position:relative; 
                            width:90%;
                            margin:0 auto;
                                overflow-y: hidden;
                                margin-top:1em;
                                margin-bottom:1em;
                                
                                height:auto;
                        }
                       
                  main>div{height:14em; }       
                
          
                 footer{display:block;
                        height:3em;
                       }
                 
                 
                main.div_scroll>p span.not_mobile{display:none;}
                                         main.div_scroll>p a.mobile{display:inline;} 
                 
                 
          /****************************************************************************/          
                 
                           }     /* Ende Media*/                               
                                                 
                                                 
            @media only screen and (max-width: 36em) { 
                
                
                   main,aside,header,nav{font-size:1em;}  
                   
                  main p{
                        font-size:0.9em;
                        line-height: 1.3em;
                     }     
                             
                 main.div_scroll, header,main#home,main#main_zur_person, main#impressum, main#datenschutz{width:95%;}
                            /* body{ 
                                                        font-size:0.95em;
                                                        line-height:1.14em;
                                                    }     */  
                
                
                            #main_aside_zur_person p{ padding-top:10em;  }     
                                 #main_aside_kontakt p{   padding-top:8em; }   
                                 
                                      header{height:2.5em;
                                              position:relative;
                                              min-width:16em;
                                              z-index:2;

                                        }
                                     header>div.mob_button{
                                                  right:1em;}
                                                 
                                        header span, h2.not_mobile{display:none;}
                                        
                                        
                                         header>h1{   font-size: 1em; padding:0em 0 0.1em 0.4em;}
                                         
                                                    header>h2.mobile{  display:block;
                                                                        margin-top:0;
                                                                        padding:0.2em 0 0 0 ;
                                                                        font-size: 0.75em;
                                                                        line-height: 0.9em; 
                                                                        
                                                                    }   
                        
                                        
                                        
                                        
                                        main.div_scroll, main#home,main#main_zur_person, main#impressum, main#datenschutz{margin-top:5em;/*overflow-y:scroll;*/}
                                       
                                               main>div{height:12em; }  
                                               
                                                 main>p,main#home p{ font-size:0.9em;}
                                                 main#main_zur_person ul{ font-size:1em;}
                                                 
                                                   main>h1{ font-size:1.2em;}  
                                                    main>h2{ font-size:0.95em;}  
                                                    main>h3{ font-size:0.83em;}  
                                                     main>h4{ font-size:0.78em;}  
                                                        main>p.largespace{ font-size:0.80em;}
                                                        
                                                    main>ul,main>ol,main>table{ font-size:0.90em;}   
                                                    
                                                      
                                                    
                                    
                                        #main_aside_zur_person img{
                                                               
                                                                height:14em;
                                                            
                                                            }

                                            #main_aside_zur_person p{
                                                    
                                                        margin-left:11em;
                                                        padding-top:8em;
                                                    
                                                 
                                                    }                                     
                                                #main_aside_zur_person{ 
                                                                        height:15em; 
                                                                        background-color:#7ea9bb;
                                                                        
                                                                    }  
                                         main>p{line-height:1.5em;}
                                                        
                                      footer{display:block;
                                           font-size:0.80em;
                                             line-height:1.2em;
                                                height:4em;
                                            }                                   
                                                    
                                     }  /*Ende Media*/    
                                     
            @media only screen and (max-width: 32em)   { 
                                                         
                                                         
                  main,aside,header,nav{font-size:1em;}                                            
                                                         
                                                         
                main>div{ height:11.2em;}  
            main>div  p{ font-size:0.8em;}   
                                        #main_aside_zur_person p{
                                                        margin-left:11em;
                                                        padding-top:7em;   
                                                                 }                                             
                                     
                                                }
                                                
                                                
                                                
                                     
                  @media only screen and (max-width: 28em) 
                                                     { 
                     main,aside,header,nav{font-size:1em;}                                           
                                                         
                main>div{ height:10em;}  
            main>div#main_aside_behandlspektrum p{ font-size:0.7em;}   
                                        #main_aside_zur_person p{
                                                          margin-left:11em;
                                                        padding-top:5em;  
                                                                 }                                             
                                       #main_aside_kontakt p{   padding-top:7em; }   
                                                }   
                                                
                @media only screen and (max-width: 26em) {  main#home>div p{ font-size:0.68em;  } }  
                
              @media only screen and (max-width: 23em) 
                                                     { 
                main>div{ height:9em;}  
             main>div#main_aside_behandlspektrum p, main#home>div p{ display:none  }   
                                        #main_aside_zur_person p{  display:none  }                                             
                                    
                                                }                                         
                             
                                                   
                                                   
                
 /* @import url(css/print.css);*/
 @media only print{
     
     
     
                   *{color:#000 ;
                    background:transparent ;
                     box-shadow:none  ;   
                      }
                      
                 html{background-color:#fff !important;} 
                 
                 span.screen{display:none}
                 .print_inline{display:inline;}
                  .bold{font-weight:bold;}
                 .not_print{display:none}
                 main#main_zur_person>h2.print_inline{display:block;text-align:center;}
                 
                    body{ /*font-style:;*/
                        margin-left:40px;
                        margin-right:35px;
                        font-size:16px;
                        line-height:22px;
                        font-family:serif; 
                        }
                        
                     
                       
                      header{display:none;}
                        aside{display:none;}
                        nav{display:none;}
                           main>div>img{display:none;} 
                            main>div {margin-bottom:1em;}   
                           
                           
                        a{
                            color:black;
                            text-decoration:none;
                        }
                        
                a.print[href]:after{content:" (" attr(href) ")";font-style: italic;}
                           
                      main h1{
                    line-height: 1.2em;
                    font-size:1.3em;
                    text-align:center;
                    margin:0 0 1.5em 0;
                    
                    }     
                    
                
             
               
            main h2{
                       font-size:1.0em;
                     text-align:left;
                    line-height: 1.1em;
	               margin:0.4em 0 0.4em 0;
                    } 
              main h3{
                        font-size:0.9em;
                     text-align:left;
                     line-height: 1.1em;
	               margin:0.2em 0 0.2em 0;
                    }         
               main h4{
                        font-size:0.8em;
                     text-align:left;
                     line-height: 1.1em;
	               margin:0.4em 0 0.2em 0;
                    }                
                    
             main p, table {
                      font-size:0.9em;
                     line-height: 1.2em;
                    } 
                    
            main ul { 
                     padding:0.5em 1em;
                     list-style-type:none;
                   }            
        
       main ul li{ 
                   list-style-type:disc;
                   padding:0.1em 0 0.1em 0;
                     font-size:0.9em;
                }       
                        
          main ol { 
                     padding:0.5em 1em;
                     list-style-type:none;
                   }            
             
       main ol li{ 
                   list-style-type:decimal;
                   padding:0.1em 0 0.1em 0;
                     font-size:0.9em;
                } 
                
       main img {     width: 100%;
                            height: auto;	
                             padding:0 1em 1em 1em;
                            /* margin:0 auto;*/
                          }  
        main img.print_inline { width:19em;
                            height: auto;	
                             padding:0 1em 1em 0;
                            /* margin:0 auto;*/
                          }  
       main details summary::details-marker {  display:none;  }    
      main details summary::-webkit-details-marker {  display:none;  }                         
                main details summary::-o-details-marker {  display:none;  }   
                
  
                         
                                    
                                    
   /* iframe {  width:auto;}*/

     img#Karte{width:100%;height:auto;}   
                              
  footer {
                     margin:inherit;
                    width:inherit;
                   
                    height:3em;
                 padding-top: 1em;
                   padding-right: 0;
                   
                    padding-left: 0;
                      text-align:center;
		    border-top: 1px solid #2a6781;
                  background-color:white;
		     color:black;
	    font-size:0.9em;
                                   }    
                        

 }