/*
 Theme Name:   Training Empathy
 Description:  Training EmpathyChild Theme
 Author:       mafiart
 Author URI:   https://mafiart.de
 Template:     twentynineteen
 Version:      1.0
 Text Domain:  twenty-nineteen-child
*/
/* CSS Document */
/* farben
color: rgb(255|213|0);// gelb
color: rgb(249,181,0)// gelb 12.06.2019
#ffd500 //15.08
color:rgb(145,146,148); rgb(112,113,115)  grau
color:rgb(238,127,0); orange*/
/** fonts**/

@font-face {
    font-family: 'FedraSansScreen-Italic';
    src: url('fonts/FedraSansScreen-Italic.eot');
    src: url('fonts/FedraSansScreen-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/FedraSansScreen-Italic.svg#FedraSansScreen-Italic') format('svg'),
        url('fonts/FedraSansScreen-Italic.ttf') format('truetype'),
        url('fonts/FedraSansScreen-Italic.woff') format('woff'),
        url('fonts/FedraSansScreen-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
a:focus,a:active{outline: none; outline-width: 0; text-decoration: none; align-content: }
html, body{font-size: 16px; }
/*html{height:100%} */ /*out 09-02*/
body {
height: 100%;
}
body{font-family:'FedraSansScreen-Italic'; font-size: 13px; line-height: 17px;background-color: rgb(255,255,255);overflow-x:hidden; font-weight: normal;}
a{color:#000; text-decoration: none; }
figcaption{font-size: 13px!important;font-family:'FedraSansScreen-Italic'!important; }
.wrapper{ box-sizing: border-box; margin: 0 auto; height: 100%; -webkit-overflow:scroll;}
header{min-height: 188px;box-sizing: border-box; padding: 10px;background-color: rgb(255,255,255);margin:0; z-index: 10; }
header a{display:block;  color:rgb(145,146,148); text-decoration: none;}
header img { padding: 0 0 10px; }/* gleich der weite der Navigation*/
header nav {display: none; text-align: left; margin-right: 30px;position: absolute; top: 60px; left:-300px; background-color: #fff; padding: 10px;}
header nav ul, header nav li {list-style: none; margin:0; padding: 0; line-height: 20px;}

header nav{width:250px;}
header nav a,header nav  a:focus header nav a:active, header nav a:visited {font-size: 16px; line-height: 20px; color:rgb(112,113,115); }
header nav  a:hover{color: black;} 
.header-inner{display: block;  }
.menu-aussen, .logo, #sidebar-header{ line-height: 20px;}
.logo {box-sizing: border-box; padding: 0 10px; width:100%; text-align: center;}               /* fallback for browsers without support for calc() */
.logo img {height:190px; } 
.logo img.logo-klein{ height: 80px;}

.logo-gross{
    display: none;
}
.container{max-width:100%;  }

.container-innen{min-height: 100%; margin: 277px auto 100px auto; max-width:95%;  text-align:center; }

.container h1 {font-size: 20px; line-height: 22px; font-weight: normal; text-align: center; margin-bottom:50px; }
footer{background-color: #fff; bottom:0px; z-index:200; border:none;}
footer a{background: #fff; display: block; height: 60px;}
.embed{position: absolute; left: 0px;  width: 100%;opacity: 0; display: block;height: 0;  top: 101%; overflow:hidden ;
       /* script für iframe iphone*/
      /* overflow: auto;*/
       -webkit-overflow-scrolling: touch!important; }/* war 96%*/
/*iphone */

    
    
.embed, iframe{ border:0; }
iframe{overflow:hidden;}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) {
    }
.training-empathy{display:none; opacity: 0}
.schule-empathy{display: block; background-color:#ffd500 ; opacity: 1;}
.schule-empathy img {height: 60px;}

.nav-kontakt{ margin-top:13px;}
/** menue**/
.menu-aussen{position:absolute; display: block;left:20px; top:20px;}
.menu-aussen img {display:block;}
.mopen{height:60px; width: 60px;position:absolute; opacity: 1; display: block; cursor:pointer;}
.mclose{height:60px; width: 60px; position:absolute; opacity: 0; display: none;cursor:pointer;}
nav{text-align: left;}

.menu-aussen img{margin-left:0; }
.entry-content a{color:rgb(145,146,148); }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .orange  , .orange-kursiv  , .top, figcaption{color:rgb(238,127,0); }
.top{text-align: right;}
/** worpdress*/
.entry .entry-content, .entry .entry-summary, .entry .entry-content > *, .entry .entry-summary > * {
    max-width: 100%;
    margin:0; 
    padding: 0;
}
.entry .entry-content .wp-block-image .aligncenter {width:100%; max-width: 100%}
hr {display:none;}
.entry  .wp-block-image{margin-top:30px;}
.entry .entry-content .wp-block-image + h2{margin-top:20px}
.entry .entry-content > p.orange{margin-top:10px;}
h1, h2, h3, h4, h5, p {margin:0; padding: 0; font-weight:normal;font-family:'FedraSansScreen-Italic'; font-size:1rem; }
.entry .entry-content h2, .entry .entry-summary h2, .entry .entry-summary h2 {margin-top:40px;}
h1:not(.site-title):before, h2:before {
    background: none;
    content: "";
    display: block;
    height: 0px;
    margin: 0;
}

.container p, .entry  .entry-content > p {margin-top:22px; line-height: 22px;}
.container p.ohneRand{margin:0;}
.container h1,  .container h2, .container h3 .container h4{font-size: 20px; line-height: 22px; font-weight: normal; text-align: center; margin-bottom:50px; }
#sidebar-header{text-align:center; width: 90%; margin: 0 auto;}
#sidebar-header a{color:rgb(145,146,148); display: inline;}

#sidebar-header p{float:none; display:inline;}
#sidebar-header aside{float:none; display:inline;}

@media screen and  (min-width: 768Px){
    .logo-klein{display:none;}
    .logo-gross{
        display: inline-block;
    }
    #sidebar-header{text-align:right;}
    #sidebar-header p{float:right; width: 200px; font-size: 16px}
    #sidebar-header aside:after{content:""; display: block; clear: right;}
    nav {background-color: none; text-align: right; width: 250px }
    header{height: 188px;}
    header nav{display: block; position:absolute; left: -28px; top:-30px; margin-right: 30px; }
    header nav a {display: inline-block; padding: 0 0;}
    .header-inner{display: flex; justify-content: space-between;  }
    .menu-aussen, .logo, #sidebar-header{flex-grow:1; flex-basis: 33%;  flex-shrink: 1}
    .logo {box-sizing: border-box; padding: 0 10px;}               /* fallback for browsers without support for calc() */
    .logo { text-align: center; margin-left: 0; }
    .logo img {height:180px; }  
    .menu-aussen{position:relative; display:block;}
    .mopen{ opacity: 0; display: none;}
    .mclose {position:absolute; opacity: 0; display: none; }
    .container-innen{min-height: 100%; margin: 207px auto 100px auto; max-width:60%;  text-align:center; }
}
/* wpml*/
.wpml-ls-display{display: none;}
.wpml-ls{font-size:16px;padding: 0;    margin-top: -4px;}
.wpml-ls li{line-height: 1.2em}
.wpml-ls li a{padding:0;}
.wpml-ls li.wpml-ls-current-language a span{color:#000;}
.wpml-ls li:after{content:'/';}
.wpml-ls li:last-child:after{content:'';}

/*subnavigation*/
nav a{display:block;}
nav .menu-item-has-children .sub-menu{ margin-right: 20px; display: none;}


/*nav .current-menu-parent.menu-item-has-children .sub-menu {display:block; opacity: 1}*/
nav .li:hover{color:#000 !important;}
/*.menu-item-has-children>a:after{display: inline-block; content:""; background-image: url('bilder/pfeil-klein.svg'); 
      background-repeat: no-repeat; 
      width: 22px;
      height:11px; 
      background-position: center;
      background-size: 70%;
     padding-left: 20px;
     transform:rotate(90deg);
}*/
a:after{
    transform:rotate(90deg);
}
nav .menu-item-has-children .sub-menu
{
    display:block;
    margin-left:20px;
}

@media screen and  (min-width: 768Px){
    nav .menu-item-has-children .sub-menu
    {position:absolute; left:200px; top:10px;
     display: block;
     visibility:hidden;
     width:200px;
     opacity:0; 
     -webkit-transition: all 1s linear 0.3s;
     -moz-transition: all 1s linear 0.3s;
     transition: all 1s linear 0.3s;
     background-color:#fff;
     height: 160px;
    }
    /*nav .menu-item-has-children a:hover {display:inline-block; width:100%}
    nav .menu-item-has-children a:hover + .sub-menu{opacity: 1; z-index: 100;}*/
    nav .menu-item-has-children a:hover {display:inline-block; width:100%}
    nav .menu-item-has-children:hover  .sub-menu{ display: block; visibility:visible; opacity: 1; z-index: 100;}
    .menu-item-has-children>a:after{
        transform:rotate(0deg);
    }

    nav .current-menu-item.menu-item-has-children .sub-menu {visibility:visible;display:block; opacity: 1}

}
/** cookie **/
#cn-notice-icon{display:none!important}
#cookie-notice span{
    font-size: 16px!important; 
    line-height: 24px;
    padding-bottom: 20px!important;
    display: block;
    }
#cookie-notice{
   position: absolute!important;
    background-color: rgba(255, 213,0,0.8)!important; 
    color:#000!important;
    bottom:160px; 
    width:600px!important;min-width:00px!important;
    left:50%!important; 
    margin-left:-300px;
    padding: 30px;
}