/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/open-sans-v35-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/open-sans-v35-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/open-sans-v35-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/open-sans-v35-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/open-sans-v35-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/open-sans-v35-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/open-sans-v35-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/open-sans-v35-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/open-sans-v35-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/roboto-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dosis-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/dosis-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/dosis-v27-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body{font-size:16px;font-family:"Open Sans",sans-serif;color:#111;font-weight:300;}
#hamb{display:none;}
#mainwrap,#topheader{width:100%;max-width:1600px;margin:0 auto}
#mainwrap.grid-container{
  display: grid;
  grid-template-columns: 25% 1fr;
  grid-template-rows: auto;
  gap:  0px 35px;
}
#topheader.grid-container {
  display: grid;
  grid-template-columns: 40% 1fr;
  grid-template-rows: auto;
  gap:  0px 0px;
}
.navbereich{width:100%;position:relative;}
#logo{display:block;box-sizing:border-box;width:100%;margin:0}
#meta{text-align:right;padding:0 0 0 0;position:relative;}
#mysfs{color:#750411;font-weight:bold;display:block;font-size:2em;position:absolute;top:50%;translateY(-50%);right:2em}
.navbereich a{text-decoration:none;}
#meta1{text-align:center;position: absolute;top: 3em;left: 50%;transform: translateX(-50%);width: 100%;margin-top:1em;}
#meta1 a:link,#meta1 a:visited,#meta1 a:focus{font-family:"Open Sans Condensed",sans-serif;display:inline-block;padding:2px 5px;color:#333333;font-weight:bold;font-size:1.2em;}
#meta1 a:hover{display:inline-block;padding:2px 5px;color:#750411}
#meta > ul{list-style:none;}
#meta li{display:inline-block}
#meta li a {display:block;padding:10px 5px}
nav.mobile{display:none}
nav{position:absolute;top:6em;width:100%;}
nav > ul{width:75%;list-style:none;margin:2em 1em;padding:0;}
nav ul > li{position:relative;}
nav ul li a:link,nav ul li a:visited,nav ul li a:focus{font-family:"Open Sans Condensed",sans-serif;display:block;color:#333333;line-height:100%;padding:0.5em 0;font-weight:bold;font-size:1.1em;}
nav ul li a:hover,nav ul li a.rex-active,nav ul li a.rex-current{display:block;color:#750411}
nav ul li.item-has-children > a:after{content:' >'}
nav ul li ul{margin:0;padding:0 0 0 10px;list-style:none;display:none;position:absolute;top:0;left:75%;width:auto;background:#fff;z-index:1000;box-shadow: 5px 5px 10px silver;}
nav ul li ul li{margin-left:0px;width:250px;}
nav ul li:hover > ul{display:block}
#contentwrap {font-size:1.1em;grid-column:2/2;}
#contentwrap.grid-container{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 200px 1fr 200px;
  gap: 35px 0px;
}

#main {max-width:1280px;width:100%;font-size:1em;line-height:150%}
.container-fluid{padding-left:0;padding-right:0}
#main .container{width:100%!important}
#picture{background:url(../media/schule_fuer_shiatsu.jpg) no-repeat;background-size:cover;width:100%}

#koerbsche{background:silver;padding:1em;color:black;}

div#footer{background:#eeeeee;font-size:0.8em}
.farbiggrau .text,.farbiggrau .ueberschrift{padding: 0.5em 15px;}

    .farbiggrau {box-shadow: 5px 5px 10px silver;padding:0;margin:0 15px 15px;width:28%}
.farbigblau .text{padding: 0.5em 15px;
    background: #45c7d8;
    border: 1px solid #999;}
.responsive-video, .responsive-video iframe{max-width:100%;}
#main h1{font-family:"Open Sans Condensed",sans-serif;font-weight:600;color:#750411;/*letter-spacing:-0.04em*/}
#main h2{font-family:"Open Sans Condensed",sans-serif;font-weight:400;color:#750411;/*letter-spacing:-0.04em*/}
#main p strong,#main p b,#main li strong,#main li b{font-weight:600;color:#333}
#googelmapsroutenplaner{margin:0 0 2em 0}
figure.image{margin:1rem 0}

#map_canvas {
  width: 100%;
  height: 400px;
}
#footer{width:100%;height:auto}
#footer .container {width:100% !important}

table.kurse{font-size:1em;border-collapse:collapse !important}
table.kurse th,table.checkout th{text-align:left;background-color:#750411 !important}
table.kurse tr:nth-child(even){background:#f2efed;}
table.kurse tr:nth-child(odd){background:#fff;}
table.kurse thead tr{background:#dad3cb !important;color:#fff}
table.kurse td,table.kurse th{padding:0.5em;}
table.kurse td{background-color:transparent !important}
table.kurse .mob{display:none}
div.kursprev2 {border:2px solid #c0d0cd;padding:5px 15px 25px;border-radius:0 0 107px 0;margin:0 0 3em}
a.simbutton2,button.simbutton2{width:auto;display:inline-block;padding:0.5em 1em;background:rgb(51,126,81);color:#fff !important;font-weight:bold;text-decoration:none !important;border-radius:10px;border:1px solid rgb(51,126,81);}
button.simbutton2{float:right;margin:1em}
button.simbutton2:disabled{background:#c8dbc3}
a.simbutton2:visited{color:#fff !important;text-decoration:none !important;}
a.simbutton2:hover, button.simbutton2:hover{color:#fff !important;background:#b02227;text-decoration:underline;border:1px solid #ac8d77}

a.simbutton2:before{content:">";color:#fff !important;margin-right:0.5em}
a.simbutton2:hover:before{content:">";color:#2e7da !important;margin-right:0.5em}
div#kursdetails2{border:3px solid #c0d0cd;padding:15px;margin:0;background:#f0f5f3;border-radius:0 0 107px 0;}
div#kursdetails2 table th, #contentright .tinymcewysiwyg table th{vertical-align: top;text-align:right;}

div.kursprev {border:2px solid #c0d0cd;padding:5px 15px 25px;margin:0 0 3em}
div.kursprev a.simbutton{width:auto;display:inline-block;padding:0.5em 1em;background:/*#009102*/rgb(51,126,81);color:#fff !important;font-weight:bold;text-decoration:none !important;border:1px solid rgb(51,126,81);border-radius:10px;}
div.kursprev a.simbutton:visited{color:#fff !important;text-decoration:none !important;}
div.kursprev a.simbutton:hover{color:#2e7da1 !important;background:#ac8d77;text-decoration:underline;border:1px solid #1d3537}
div.kursprev a.simbutton:before{content:">";color:#fff !important;margin-right:0.5em}
div.kursprev a.simbutton:hover:before{content:">";color:#2e7da !important;margin-right:0.5em}
div#kursdetails{padding:5px 0px 25px;margin:0 0 50px;background:transparent;}
div#kursdetails table th{vertical-align: top;text-align:right;padding:0.5em 0.625em 0.5em 0.5em;background-color:#c0081f !important;color:#fff}
div#kursdetails table td{padding:0.5em;}
table.overview th{background-color:#c0081f !important}

div#kursdetails table td a{font-weight:bold !important}

    .search_it-form {
        box-sizing: border-box;
        font-size: 1.2rem;
        font-family: sans-serif;
        max-width: 500px;
        padding: 1rem;
        margin: 0 auto;
        /*border: 1px solid rgba(0,0,0,0.2);*/
        display: block;
        float:left;
        position:relative;
        top:1.2em;
        left:50%;
        transform:translateX(-50%);
        z-index:10000;
    }
    #search_it-form2{display:none;}
    .search_it-form fieldset {
        display: flex;
        padding: 0;
        margin: 0;
        border: 0;
    }
    .search_it-flex {
        display: flex;
        padding: 0;
        margin: 0;
        border: 0;
    }
    .search_it-form legend, label {
        display: none;  
    }
    .search_it-flex > * {
        /*flex: 2 2 200px;  */
    }
    .search_it-flex > input[type=text] {
        width:75%;
    }
    .search_it-flex > .search_it-button {
        /*flex: 1 1 100px;  */
        width:25%;
    }

    .search_it-form input:focus::-webkit-input-placeholder{
      color: transparent;
    }
    .search_it-form input:focus::-moz-placeholder {
      color: transparent;
    }
    .search_it-form input:focus:-ms-input-placeholder {
      color: transparent;
    }
    .search_it-form input:focus:-moz-placeholder {
      color: transparent;
    }

    

#footer .button .collink{width: auto;
    display: inline-block;
    padding: 0.5em 1em;
    background: rgb(51,126,81);
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
    border-radius: 10px;
    border: 1px solid rgb(51,126,81);}

@media screen AND (max-width:1220px){    
    #picture{background-size:cover;}
}
@media screen AND (max-width:1000px){
    nav ul li a{font-size:1em!important;}
}
@media screen AND (max-width:836px){
 .farbiggrau{width:90%}   
}
@media screen AND (max-width:805px){
    #hamb{display:block;font-size:2em;text-decoration:none;color:#000}
 #topheader.grid-container {
  display: grid;
  grid-template-columns: 40% 1fr;
  grid-template-rows: auto;
  gap:  0px 35px;
}
#search_it-form2{display:block;}
#search_it-form1{display:none;}
#logo {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 1rem 0 0 0;
}
    nav.mobile{display:block}
    nav.desktop{display:none}
    #mainwrap{ display: grid;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto;
  gap:  0px !important;}
    .navbereich{left:-100%;width:50%}
    #contentwrap{grid-column:1/1;position:relative}
    #mainwrap.on .navbereich{left:0;}
    #mainwrap.on #contentwrap{left:50%;}

 #contentwrap.grid-container{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 100px 1fr auto;
  gap: 35px 0px;
}   
}
@media screen AND (max-width:768px){
    #topheader.grid-container {
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-template-rows: auto;
  gap:  0px 35px;
}
@media screen AND (max-width:680px){
    #topheader.grid-container {
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-template-rows: auto;
  gap:  0px 35px;
}
 nav ul li ul{margin:1em 0 0 0;padding:0 0 0 10px;list-style:none;display:none;position:absolute;top:1em;left:25%;width:auto;background:#fff;z-index:1000;box-shadow: 5px 5px 10px silver;}
nav ul li ul li{margin-left:0px;width:150px;}
 /*  #mysfs {
  color: #750411;
  font-weight: bold;
  display: block;
  font-size: 1em;
  position: absolute;
  top: 50%;
  right: 6em;
}*/
table.kurse{font-size:0.9em}
table.kurse .mob{display:inline-block}
table.kurse br.mob{display:none}
    .search_it-form {
        box-sizing: border-box;
        font-size: 1.2rem;
        font-family: sans-serif;
        max-width: 500px;
        padding: 1rem;
        margin: 0 auto;
        /*border: 1px solid rgba(0,0,0,0.2);*/
        display: block;
        float:left;
        position:relative;
        top:1.2em;
        z-index:10000;
    }
}
@media screen AND (max-width:520px){
    nav{position:absolute;top:8em;width:100%;}
    nav > ul{width:75%;list-style:none;margin:0 1em 2em;padding:0;}
  #mysfs {
  color: #750411;
  font-weight: bold;
  display: block;
  font-size: 1em;
  position: absolute;
  top: 66%;
  right: 3em;
}
   .search_it-flex > input[type=text] {
        width:60%;
    }
    .search_it-flex > .search_it-button {
        /*flex: 1 1 100px;  */
        width:40%;
    }
}
/*@media screen AND (max-width:340px){
  #topheader.grid-container {
  display: grid;
  grid-template-columns: 18% 1fr;
  grid-template-rows: auto;
  gap:  0px 35px;
}
#logo {
  display: block;
  box-sizing: border-box;
  width: 200%;
  margin: 1rem 0 0 0;
}   

}
*/