/*
/*
Theme Name: Tao-Coaching
Theme URI: https://www.tao-coaching.de
Description: Template zur Wordpress-Site www.tao-coaching.de
Author: Franz Thiel
*/
/* CSS für Breiten > 960px
   Einschränkungen der Breiten für bestimmte Elemente dann unten */
/* CSS-Reset */
*        { margin: 0;
           padding: 0;}

ul, ol   { margin-left: 1em }
/* Display: block für ältere Browser */
header, hgroup, nav, article, figure, figcaption, section, aside, footer, main { display: block; }
/* Allgemeine Vorgaben */
body     {font-family: Arial, Verdana, sans-serif;
          background-color: #F1F3CC; /*#e5ebed; */
          overflow-x:hidden;
          }
/* Festlegen der Viewports */
@-ms-viewport { width: device-width; zoom:1; }
@-o-viewport { width: device-width; zoom:1; }
@viewport { width: device-width; zoom:1; }
/* Allgemeine Stilregeln für die Hauptmodule */
#wrapper {}/*overflow:hidden;}*/
#header {width: 100%; background: #acd6e6; overflow:auto;}
#navbar {width: 100%; background: #e1a328;}  /*#e1a328#663612*/

#main {
         line-height: 1.2em;
         background: #F1F3CC;    /*#e5ebed#F1F3CC*/
         color: #663612;
         padding: 0px 0px 70px 0px;
         font-size:1.0em;
         width:100%;
         }
.popup {aria-haspopup:true;}
/* Link-Gestaltung */
a:link { color:#663612; }
a:visited { color:#663612; }
a:hover { font-weight:bold; color:#663612; }
a:active { font-weight:bold; color:#663612; }

#sidebar {width: 14em; background: #ffd074; color: #663612; display: table-cell; vertical-align: top; text-align:center;}
#wrapper_footer {
                 width:100%;
                 font-family:Verdana;
                 font-size:1em;
                 margin: auto;
                 background-color: #e1d690;
                 bottom: 0px;
                 left: 0px;
                 }
#wrapper_footer hr {color:#363322;}
#footer_huelle {margin: auto;}
#footer {
         line-height:1em;
         height: 12em;
         padding-top:1em;
         color: #363322;
         font-size: small;
         padding: 0.3em 0;
         margin-left: auto;
         margin-right: auto;
         text-align: left;
         }
div.ffooterklein {
         line-height:1em;
         height: 20em;
         color: #363322;
         font-size: small;
         text-align: center;
         padding:0;
         margin:0;
         }
.fflinks {float:right;
          font-size:small;
          font-weight:normal;
          border-bottom:0.5px solid #363322;
       }
.fflinks ul {list-style-type: none;
             display:inline;
}
.fflinks ul li {float:left;
                position: relative;
                width:100%;
             }
.fflinks ul li a {
                 display: block;
                 position:relative;
                 color: #363322;
                 text-decoration:none;
                 text-align: center;
                 padding:5px 15px 5px 15px;
}
.fflinks ul li:hover a {
                 background-color: #57a98d;
                 color: white;
                 font-weight:normal;
}
.ffadresse {line-height:1.4em;
            color:#363322;
            padding-top:5px;
            }
.ffadresse a {text-decoration: none;
              color:#363322;
              }
.ffadresse a:hover {font-weight:bold;}

div.headlogo {float:right;width:21%;margin-right:4%;line-height:0;}
div.headimg {float:right;width:75%;line-height:0;}
div.headlogo img {width:100%;}
div.headimg img {width:100%;}
p#name1 {position: absolute;
         top: 3%;
         right: 14%;
         font-weight: bold;
         }
p#name2 {position: absolute;
         top: 7%;
         right: 14%;
         font-style: italic;
         font-size: smaller;
         }
p {margin:0.5em;}
p.wp-caption-text {font-size:0.8em;}
figcaption {font-size:0.8em;}
figcaption.fc_kl {font-size:0.6em;}
h2 {line-height:1.5em;}
ul.nav {
         display: block;
         list-style-type: none;
         padding: 0;
         margin: 0;
         }
div.nav {
         display:block;
         margin-left: auto;
         margin-right:auto;
         overflow-y:visible;
         overflow-x:visible;
         }
hr {color: #663612; width:98.5%;height:0.05px;}

div#sidebar p {color: #663612;
               }
/* css für widget in der sidebar Beginn*/
li#nav_menu-2 {position:fixed;
               background-color: #e1a328;
               /* min-width:155px;  */
               min-width:15em;
               font-size: 0.9em;
               margin:15px;
               padding:5px; }
div#sidebar li {list-style-type: none;
                text-align: left;
                padding-left: 0.8em;
                }
ul#menu-seitenleiste {list-style-type: none;
                      display: block;
                      padding:0;
                      margin:0;
                      }
ul#menu-seitenleiste li a {text-decoration: none;
                           display:block;
                           margin:5px 0;
                          }
/* css für widget in der sidebar Ende*/
div.post {
           padding: 0.5em;
           margin-bottom: 0.5em;
           width:100%;
          }
div.entry {
           width:100%;
           }
div#nav {
             /*font-size:16px;  */
             color:yellow;
             background-color: #e1a328;
             }
div.box {
         position:fixed;
         border:1px solid #663612;
         padding:2px;
         }
div.box a {
          text-decoration:none;
          }
/*Box für Seiten und Beiträge*/
div.Seite {column-count:1;
           column-gap:0;
           padding:2px;
           min-height:600px;
           }
div.Beitrag {padding:2px;
             max-width:56.85em;
             }
/* Design für ein Formular */
div.Formular {
             color: #663612;
             }
div.Formular label {
                   min-width: 12em;
                   display: inline-block;
                   text-align: left;
                   margin:2px;
                   }
div.Formular input {
                   width: 25em;
                   }
div.Formular select   {
                      width: 35em;
                      }
div.Formular input[type="checkbox"] {
                                    width: auto;
                                    margin-left: 12em;
                                    margin-right: 10px;
                                    }
div.Formular button[type="submit"], input[type="reset"] {
                                                         width: 12em;
                                                         margin-left: 12em;
                                                         }

.alignleft {float:left;
            margin-right:0.8em;}
.aligncenter {display: block;}
.alignright {float:right;}
.entry {line-height: 1.75;width:100%;}
/*css für die Newsletter-Seite */
div.tnp {border:1px solid black;
         padding:6px;}
.tnp-field label {min-width: 6em;
                  display:inline-block;
                  font-weight:bold;
                  }
.tnp-field {margin-bottom:0.4em;}
input.tnp-email {width:20em;}
input.tnp-submit {width:10em;}
.tnp-field-button {margin-left: 6em;}
/*Social Media Bar */
.icon-bar {
  position: fixed;
  z-index:5;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}
.icon-bar a:hover {
  background-color: #57a98d;
}
.facebook {
  background: #c79023;
  color: white;
}
.instagram {
  background: #c79023;
  color: white;
}
.xing {
  background: #c79023;
  color: white;
}
.xing_bew {}
.youtube {
  background: #c79023;
  color: white;
}
.envelope {
  background: #c79023;
  color: white;
}

/*@media only screen and (min-width: 930px){  */
#wrapper {       width:61em;
                 margin: auto;
                 text-align: left;
                 position: relative;
                 color:#663612;
                 }
#footer_huelle {width:61em;
               }
#footer-huelle p {padding:0 5px 0 5px;
                  font-size:1em;
                  color: #363322;
                  }
div.fheader {padding:0 0 5px 0;
           font-style:Verdana;
           color: #363322;
           font-weight:bold;
           }
div.fheader p span {font-size:1em;
                    padding-right:1em;
                    }
div.fheader p span a {text-decoration:none;}
div.fheader p span a:hover {text-decoration:underline;}
div.fheader hr {color: #663612;}
div.ffooter{}
div.ffooterklein{display:none;}
div.fleft {float:left;
           }
div.fleft p a {text-decoration:none;}
div.fkontakt {width:250px;
              text-align: left;
              float:right;
              color: #663612;/*#363322;  */
              }
div.fkontakt a {text-decoration:none;}
#main {width:100%;}
#nav {width:58.5em;
      margin:auto;
      }
div.nav img {display:none;}
.bmenu {width:6em;
        display:none;
        border:1px solid white;
        border-radius:20px;
        padding:4px;
        margin:2px;
        text-align:center;
        color:white;
}
.bemenu a {text-decoration:none;
           color:white;}
.begseite {width:10em;
        display:block;
        border:1px solid #663612;
        border-radius:20px;
        padding:4px;
        margin:2px;
        text-align:center;
        color:#663612;
        }
.begseite a {text-decoration:none;
            }
.endseite {width:11em;
        display:block;
        border:1px solid #663612;
        border-radius:20px;
        padding:4px;
        margin:2px;
        text-align:center;
        color:#663612;
        }
.endseite a {text-decoration:none;
            }
a[title=begseite]:after   {
                                width: 0;
                                height: 0;
                                border: 0.5em solid transparent; /* 5 */
                                border-bottom: none;
                                border-top-color: #663612;
                                content: '';
                                vertical-align: middle;
                                display: inline-block;
                                position: relative;
                                right: -0.5em; /* 5 */
                        }
a[title=endseite]:after   {
                                width: 0;
                                height: 0;
                                border: 0.5em solid transparent; /* 5 */
                                border-top: none;
                                border-bottom-color: #663612;
                                content: '';
                                vertical-align: middle;
                                display: inline-block;
                                position: relative;
                                right: -0.5em; /* 5 */
                        }
#menu {float:right;
       font-size:1.2em;
       font-weight:normal;
       }
#menu ul {
         list-style-type: none;
         display:inline;
}
#menu ul li {
             float:left;
             position: relative;
             }
#menu ul li a {
                 display: block;
                 position:relative;
                 color: white;
                 text-decoration: none;
                 text-align: left;
                 background-color:  #e1a328;
                 padding:13px 15px 13px 15px;
}
#menu ul li a:hover {
                 background-color: #57a98d;
                 color: white;
                 font-weight:normal;
}
#menu ul li ul {
                         display: none;
                         position: absolute;
}
#menu ul li:hover ul {
                         display: block;
                         margin-left:0;
                         z-index:1;
}
#menu ul li:hover ul a {
                         display: block;
                         font-weight:normal;
                         width: 9em;
                         border-left: 0px;
                         background-color: #e1a328;
                         opacity:0.8;
}
#menu ul li:hover ul li:hover a {
                         background-color: #57a98d;
}
#menu ul li.popup a[title=popup]:after   {
                                width: 0;
                                height: 0;
                                border: 0.5em solid transparent; /* 5 */
                                border-bottom: none;
                                border-top-color: white;
                                content: '';
                                vertical-align: middle;
                                display: inline-block;
                                position: relative;
                                right: -0.5em; /* 5 */
                        }
/*}*/
@media only screen and (min-width:760px) and (max-width: 990px){
#wrapper {width:100%}
#footer_huelle {width:100%;}
#menu {font-size:1em; float:left;}
div.nav {margin-left:0;}
p#name1 {top: 1%;
         right: 12%;
         }
p#name2 {top: 4%;
         right: 12%;
         }
.icon-bar a {  padding:10px;}
}
/* für Bildschirmgrößen kl. 650 px */
@media only screen and (max-width: 760px){
#sidebar {display:none;}
#wrapper {width:100%;}
.icon-bar a {  padding:10px;}
div.headimg {background-color:white;
             opacity:0.4;}
p#name1 {top: 1em;
         left: 1.5em;
         font-size:1.2em;
         color:#363636;
         }
p#name2 {top: 3em;
         left: 1.5em;
         font-size:1em;
         color:#363636;
         font-weight:bold;
         }
#wrapper_footer {width:100%;
                 background-color:#e1d690;}
#footer_huelle {width:100%;}
#footer {width:100%;
         display:none;}
div.fheader {display:none;}
div.ffooter {display:none;}
div.ffooterklein {display:block;
                  width:100%;}
#navbar {width:100%;}
#nav {width:100%;
      margin-left:0;}
#main {width:auto;}
#nav {font-size:1em;padding:0;border-top:1px solid #e1a328;}/*{font-size:1em;float:left;} */
#nav a {text-decoration:none;
        color:white;}
#menu {font-size:1em; float:none; width:100%;margin:0;}
#menu ul li a {
                 padding:6px 0 6px 0;
                 background-color:  #e1ad46;
}
#menu ul li ul {
                         display: block;
                         position: relative;
                         width:100%;
}
#menu ul li ul a {
                         display: block;
                         font-weight:normal;
                         width: 100%;;
                         border-left: 0px;
                         background-color: #e1bd75;
                         opacity:1;
}
#menu ul li:hover ul a {
                         display: block;
                         font-weight:normal;
                         width: 100%;
                         border-left: 0px;
                         background-color: #e1bd75;
                         opacity:1;
}
/*#menu ul li:hover ul li:hover a {background-color: #e1bd75;} */
#menu ul li ul li a:hover {background-color: #57a98d; }
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
        {
            display: block;
        }
#nav ul {list-style-type:none; margin:0;padding:0; display:none; }
#nav:target > #menu ul {
                   display: block;
                 }
/*#nav > #menu
    {
        position: relative;
    }  */

    /* first level */

    #nav > ul
    {
        height: auto;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
    }
        #nav:target > ul
        {
            display: block;
        }
        #nav ul li
        {
            width: 100%;
            float: none;
            text-align:center;
        }
        #nav ul li a {text-align:center;}
        #nav ul li ul li {width: 100%;
                          display: block;}

    /* second level */

    /*#nav li ul
    {
        position: static;
    } */

/*div.entry img {width:60%; height:auto;   */
div.entry img {width:175px; height:auto;
.alignright {display: block;}
.alignrightleft {display: block;}
}
div.Seite {column-count:1;
           column-gap:0.0em;
           padding:2px;
           }
/*div.Seite img {display:block; margin:4px auto;}   */
/*div.Beitrag {padding:2px;
             width:100%;
             }   */
}
/* Diese Bilder sollen auf jeder Bildschirmgröße gleich bleiben */
div.entry img.wp-image-453 {width:20px; height:20px;}
div.entry img.wp-image-170 {width:100px; height:100px;}
div.entry img.wp-image-136 {width:16px; height:16px;}