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,#topheader.grid-container {
  display: grid;
  grid-template-columns: 25% 1fr;
  grid-template-rows: auto;
  gap:  0px 35px;
}
.navbereich{width:100%;position:relative;}
#logo{display:block;box-sizing:border-box;width:150%;margin:0}
#meta{text-align:right;padding:0 1em 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%;}
#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{position:absolute;top:5em;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%}
#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}
#map_canvas {
  width: 100%;
  height: 400px;
}
#footer{width:100%}
#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;color:#fff!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}
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-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 > .search_it-button {
        flex: 1 1 100px;  
    }

    .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;
    }

    
    .xform label{display:block;}
    .xform input, .xform select, .xform textarea{width:75%}
    .xformc label{display:inline;}
    .xformc input, .xformc select, .xformc textarea{width:75%} 
    form {
	margin: 0 0 18px;
	background-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

fieldset {
	border: solid 1px #ddd;
	margin: 10px 0;
	padding: 20px;
	border-radius: 5px
}

fieldset p {
	margin: 0;
	padding: 0;
}

legend {
	font-weight: bold;
	background: #fff;
	padding: 5px 10px
}

label,input,button,select,textarea {
	font-weight: normal;
}

label {
	color: #333333;
	margin-bottom: 5px;
	
}

input,textarea,select,#advanced-search-toggle, input.search-query {
	
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 9px;
	padding: 4px;
}

.filter-search-lbl {display:inline}
.filter-search, .display-limit {float:left; margin-right:10px}
.button,button,.profile-edit a {
	border-radius: 3px;
	padding: 4px;
	line-height: 1.2em;
	text-decoration: none;
}

label input,label textarea,label select {
	display: block;
}

input[type="image"],input[type="checkbox"],input[type="radio"] {
	border-radius: 0;
	cursor: pointer;
	height: auto;
	line-height: normal;
	margin: 3px 0;
	padding: 0;
	width: auto;
}

input[type="button"],input[type="reset"],input[type="submit"] {
	height: auto;
	width: auto;
}

select {
	height: 35px;
	line-height: 28px;
	max-width:99%}

select {
	width: 220px;
}

select[multiple],select[size] {
	height: auto;
}

textarea {
	height: auto;
}

.radio,.checkbox {
	padding-left: 18px;
}

input[type="radio"],input[type="checkbox"] {
	display: inline;
	 margin-right : 10px;
	 border:none
}

input,textarea {
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

input:focus,textarea:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(82, 168, 236, 0.6);
	outline: 0 none;
}

input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus
	{
	box-shadow: none;
	outline-offset: -2px;
}
.checkoutnav{display:none;}
#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);}
table.bookings,table.invoices{border-collapse:collapse;}    
table.bookings th{color:#fff}
table.bookings tr:nth-child(odd){background:#fff}
table.bookings tr:nth-child(even){background:#fcfcfc}
table.invoices th a, table.invoices th{color:#fff!important}
table.invoices tr.odd{background:#fff}
table.invoices tr.even{background:#fcfcfc}
table.invoices tr td,table.invoices tr th{padding:0.5em 1em}

@media screen AND (max-width:1000px){
    nav ul li a{font-size:1em!important;}
}
@media screen AND (max-width:805px){
    #hamb{display:block;font-size:2em;text-decoration:none;color:#000}
    #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%;}
}