@media all {
  *#dm .dmInner nav.u_1998592992 { color:black !important; }

  *#dm .dmInner div.u_1624020922 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1889519271 .dmforminput {
    padding-inline:15px !important;
    padding-block:11px !important;
  }

  *#dm .dmInner div.u_1889519271 .spacing-container {
    margin-inline:-15px !important;
    margin-block:-11px !important;
  }

  *#dm .dmInner div.u_1889519271 .dmformsubmit {
    width:170px !important;
    height:54px !important;
    margin-block-start:51px !important;
  }

  *#dm .dmInner div.u_1181666083 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1905453229 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1819997368 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1457637197 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner *.u_1870441441 .svg { width:100% !important; }

  *#dm .dmInner div.u_1870441441 .svg { fill:var(--color_5) !important; }

  *#dm .dmInner div.u_1870441441 {
    padding:25% !important;
    border-radius:0% !important;
    background-color:var(--color_1) !important;
    border-color:rgb(0,0,0) !important;
    border-width:2px !important;
    background-image:initial !important;
    box-shadow:rgba(0,0,0,0.25) -3px -3px 11px 0px inset !important;
  }

  *#dm .dmInner div.u_1870441441:hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1870441441.hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_625393084 img {
    border-radius:0px 0px 0px 0px !important;
    border-style:solid !important;
    border-color:rgb(34,34,34) rgb(34,34,34) var(--color_1) rgb(34,34,34) !important;
    border-width:0px 0px 9.77778px 0px !important;
    box-shadow:none !important;
  }

  *#dm .dmInner *.u_1901436978 .svg { width:100% !important; }

  *#dm .dmInner div.u_1901436978 .svg { fill:var(--color_5) !important; }

  *#dm .dmInner div.u_1901436978 {
    padding:25% !important;
    border-radius:0% !important;
    background-color:var(--color_1) !important;
    border-color:rgb(0,0,0) !important;
    border-width:2px !important;
    background-image:initial !important;
    box-shadow:rgba(0,0,0,0.25) -3px -3px 11px 0px inset !important;
  }

  *#dm .dmInner div.u_1901436978:hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1901436978.hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1530612530 img {
    border-radius:0px 0px 0px 0px !important;
    border-style:solid !important;
    border-color:rgb(34,34,34) rgb(34,34,34) var(--color_1) rgb(34,34,34) !important;
    border-width:0px 0px 9.77778px 0px !important;
    box-shadow:none !important;
  }

  *#dm .dmInner div.u_1096826742 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner *.u_1310071914 .svg { width:100% !important; }

  *#dm .dmInner div.u_1310071914 .svg { fill:var(--color_5) !important; }

  *#dm .dmInner div.u_1310071914 {
    padding:25% !important;
    border-radius:0% !important;
    background-color:var(--color_1) !important;
    border-color:rgb(0,0,0) !important;
    border-width:2px !important;
    background-image:initial !important;
    box-shadow:rgba(0,0,0,0.25) -3px -3px 11px 0px inset !important;
  }

  *#dm .dmInner div.u_1310071914:hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1310071914.hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner *.u_1027996564 .svg { width:100% !important; }

  *#dm .dmInner div.u_1027996564 .svg { fill:var(--color_5) !important; }

  *#dm .dmInner div.u_1027996564 {
    padding:25% !important;
    border-radius:0% !important;
    background-color:var(--color_1) !important;
    border-color:rgb(0,0,0) !important;
    border-width:2px !important;
    background-image:initial !important;
    box-shadow:rgba(0,0,0,0.25) -3px -3px 11px 0px inset !important;
  }

  *#dm .dmInner div.u_1027996564:hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1027996564.hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1721242362 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner *.u_1257844036 .svg { width:100% !important; }

  *#dm .dmInner div.u_1257844036 .svg { fill:var(--color_5) !important; }

  *#dm .dmInner div.u_1257844036 {
    padding:25% !important;
    border-radius:0% !important;
    background-color:var(--color_1) !important;
    border-color:rgb(0,0,0) !important;
    border-width:2px !important;
    background-image:initial !important;
    box-shadow:rgba(0,0,0,0.25) -3px -3px 11px 0px inset !important;
  }

  *#dm .dmInner div.u_1257844036:hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1257844036.hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner *.u_1101373835 .svg { width:100% !important; }

  *#dm .dmInner div.u_1101373835 .svg { fill:var(--color_5) !important; }

  *#dm .dmInner div.u_1101373835 {
    padding:25% !important;
    border-radius:0% !important;
    background-color:var(--color_1) !important;
    border-color:rgb(0,0,0) !important;
    border-width:2px !important;
    background-image:initial !important;
    box-shadow:rgba(0,0,0,0.25) -3px -3px 11px 0px inset !important;
  }

  *#dm .dmInner div.u_1101373835:hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1101373835.hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1856668568 img {
    border-radius:0px 0px 0px 0px !important;
    border-style:solid !important;
    border-color:rgb(34,34,34) rgb(34,34,34) var(--color_1) rgb(34,34,34) !important;
    border-width:0px 0px 9.77778px 0px !important;
    box-shadow:none !important;
  }

  *#dm .dmInner div.u_1352482235 img {
    border-radius:0px 0px 0px 0px !important;
    border-style:solid !important;
    border-color:rgb(34,34,34) rgb(34,34,34) var(--color_1) rgb(34,34,34) !important;
    border-width:0px 0px 9.77778px 0px !important;
    box-shadow:none !important;
    object-position:50% 100% !important;
    object-fit:cover !important;
  }

  *#dm .dmInner div.u_1521615317 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1974038752 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1940261908 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner a.u_1543966874:hover { border-color:var(--color_6) !important; }

  *#dm .dmInner a.u_1543966874.hover { border-color:var(--color_6) !important; }

  *#dm .dmInner a.u_1353170129:hover { border-color:var(--color_6) !important; }

  *#dm .dmInner a.u_1353170129.hover { border-color:var(--color_6) !important; }

  *#dm .dmInner nav.u_1982787392 { color:white !important; }

  *#dm .dmInner div.u_1470100740 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1888124307 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1519519033 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1007009016 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1975571119 img {
    border-radius:0px 0px 0px 0px !important;
    border-style:solid !important;
    border-color:rgb(34,34,34) rgb(34,34,34) var(--color_1) rgb(34,34,34) !important;
    border-width:0px 0px 9.77778px 0px !important;
    box-shadow:none !important;
    object-position:50% 50% !important;
    object-fit:cover !important;
  }

  *#dm .dmInner div.u_1567975985 img {
    border-radius:0px 0px 0px 0px !important;
    border-style:solid !important;
    border-color:rgb(34,34,34) rgb(34,34,34) var(--color_1) rgb(34,34,34) !important;
    border-width:0px 0px 9.77778px 0px !important;
    box-shadow:none !important;
    object-position:50% 50% !important;
    object-fit:cover !important;
  }

  *#dm .dmInner div.u_1889519271 .dmforminput input { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 .dmforminput textarea { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 .dmforminput .fileUploadLink { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 .checkboxwrapper span { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 .radiowrapper span { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 .optinwrapper div { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 .freetextwrapper { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 .dmforminput select { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 .dmforminput option { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 input::placeholder { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 input.placeholder { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 textarea::placeholder { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 textarea.placeholder { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 select::placeholder { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 select.placeholder { font-size:16px !important; }

  *#dm .dmInner a.u_1475600634 {
    border-style:solid !important;
    border-width:0px 0px 0px 0px !important;
    border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;
  }

  *#dm .dmInner *.u_1835756326 .svg { width:100% !important; }

  *#dm .dmInner div.u_1835756326 .svg { fill:var(--color_5) !important; }

  *#dm .dmInner div.u_1835756326 {
    padding:25% !important;
    border-radius:0% !important;
    background-color:var(--color_1) !important;
    border-color:rgb(0,0,0) !important;
    border-width:2px !important;
    background-image:initial !important;
    box-shadow:rgba(0,0,0,0.25) -3px -3px 11px 0px inset !important;
  }

  *#dm .dmInner div.u_1835756326:hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1835756326.hover {
    background-color:rgba(146,4,10,1) !important;
    background-image:initial !important;
  }

  *#dm .dmInner div.u_1024326137 img {
    border-radius:0px 0px 0px 0px !important;
    border-style:solid !important;
    border-color:rgb(34,34,34) rgb(34,34,34) var(--color_1) rgb(34,34,34) !important;
    border-width:0px 0px 9.77778px 0px !important;
    box-shadow:none !important;
  }

  *#dm .dmInner div.u_1902577423 {
    background-color:var(--color_6) !important;
    background-image:initial !important;
  }
}
@media (min-width:0px) and (max-width:767px) {
  *#dm .dmInner a.u_1353170129 span.text { font-size:16px !important; }

  *#dm .dmInner div.u_1889519271 input[type="submit"] { font-size:16px !important; }

  *#dm .dmInner a.u_1543966874 span.text { font-size:16px !important; }

  *#dm .dmInner a.u_1475600634 span.text { font-size:16px !important; }

  *#dm .dmInner a.u_1579751667 span.text { font-size:16px !important; }
}
separatorHomeCss{color:red !important}separatorHomeCss{color:red !important}@media all {
    
#flex-header {
    --overlapping-background-color: var(--color_6);
    --overlapping-background-image: var(--color_6);
}
}



@media all {
    
#\36 3bd85219866cc3622781521 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    background-color: rgba(0, 0, 0, 0);
    padding: 0px 0px 0px 0px;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: 780px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 4% 0% 4% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.46;
    border-radius: inherit;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
#\36 3bd85219866cc362278151f {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(https://irp.cdn-website.com/e17ed62d/dms3rep/multi/musikschule-frauenfeld.ch-header-startseite-v03.svg);
}
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#widget_6h6 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#widget_osf {
    width: 329px;
    height: auto;
    min-height: 60px;
    max-width: 100%;
    margin-top: 27px;
}
    
#widget_psi {
    width: 69.79%;
    height: auto;
    max-width: 100%;
    order: 0;
    margin-top: -10px;
}
}



@media all {
    
#ac577558 {
    width: 73.50%;
    height: auto;
    max-width: 100%;
}
    
#\34 db3ad49::before, #\34 db3ad49 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.92;
    border-radius: inherit;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
#\34 db3ad49 {
    background-image: url(https://lirp.cdn-website.com/e17ed62d/dms3rep/multi/opt/musikschule-frauenfeld.ch-ein-mann-mit-karriertem-hemd-spielt-eine-gitarre-1920w.jpg);
    box-shadow: rgba(0, 0, 0, 0.39) 0px 12px 11px -9px inset;
    border-width: 12px 0 0 0;
    border-color: var(--color_1) #000000 #000000 #000000;
    border-style: solid;
}
    
#\39 b51e93d {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
}
    
#\36 c39164c {
    min-height: 321px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#\38 eaccbf9 {
    width: 55.25%;
    height: auto;
    max-width: 100%;
    margin-top: -10px;
}
    
#b6a72f61 {
    width: 276px;
    height: auto;
    min-height: 60px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 27px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\35 00e905f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 60%;
    min-width: 4%;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    border-style: solid;
    border-color: var(--color_1) #000000 #000000 #000000;
    border-width: 8px 0 0 0;
    background-color: var(--color_5);
    background-image: initial;
    order: 1;
    padding: 40px 40px 40px 40px;
}
    
#cb45e441 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 36%;
    min-width: 4%;
    background-image: url(https://lirp.cdn-website.com/e17ed62d/dms3rep/multi/opt/DSC_8250_SAM-10741ed5-1920w.png);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    order: 0;
}
    
#\39 0e39e94 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 6% 0% 6% 0%;
}
    
#\39 0294f5f {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#widget_qsi.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#widget_qsi {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0px 0% 0px 0%;
}
    
#\30 837d568::before, #\30 837d568 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.3;
    border-radius: inherit;
}
#\30 837d568 {
    background-color: rgba(241, 241, 241, 0.6);
    background-image: url(https://irp.cdn-website.com/e17ed62d/dms3rep/multi/musikschule-frauenfeld.ch-designelement-rechts-grau.svg);
}
    
#\38 8f19b77.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\38 8f19b77 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    justify-self: auto;
    margin: -20px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#ca3caa79 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 36%;
    min-width: 4%;
    background-image: url(https://lirp.cdn-website.com/e17ed62d/dms3rep/multi/opt/DSC_8910_IVO-1920w.png);
    order: 1;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    background-position: 0% 50%;
}
    
#d03f9cc2.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#d03f9cc2 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin: 0px 0% 0px 0%;
}
    
#c2b75c8d {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 6% 0% 6% 0%;
}
    
#\31 26e831d::before, #\31 26e831d > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.57;
    border-radius: inherit;
}
#\31 26e831d {
    background-color: var(--color_5);
    background-image: url();
    box-shadow: none;
}
    
#\37 9043d90 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 60%;
    min-width: 4%;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    border-style: solid;
    border-color: var(--color_1) #000000 #000000 #000000;
    border-width: 8px 0 0 0;
    background-color: var(--color_5);
    background-image: initial;
    order: 0;
    padding: 40px 40px 40px 40px;
}
    
#cd679145.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#cd679145 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    justify-self: auto;
    margin: -20px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#be997681 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\33 3adbfd6 {
    width: 93.01%;
    height: auto;
    max-width: 100%;
}
    
#e7312616 {
    min-height: 468px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#cea28f55::before, #cea28f55 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.77;
    border-radius: inherit;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
#cea28f55 {
    background-image: url(https://lirp.cdn-website.com/e17ed62d/dms3rep/multi/opt/DSC_5475_ZORA-1920w.jpeg);
    box-shadow: rgba(0, 0, 0, 0.39) 0px 12px 11px -9px inset;
    border-width: 12px 0 0 0;
    border-color: var(--color_1) #000000 #000000 #000000;
    border-style: solid;
}
    
#\37 c6cb26b {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 46.50%;
    min-width: 4%;
    order: 0;
    padding: 0px 0px 0px 0px;
}
    
#ce127e19 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#dbcba108 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\34 c5c3cff {
    width: 49.5%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    background-color: var(--color_5);
    background-image: initial;
    margin-top: -140px;
    margin-bottom: -140px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 11px 0px;
    order: 1;
    padding: 30px 40px 30px 40px;
}
    
#widget_qqq {
    width: 100%;
    height: auto;
    max-width: 100%;
}
}



@media all {
    
#eb33bdfd {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 60%;
    min-width: 4%;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    border-style: solid;
    border-color: var(--color_1) #000000 #000000 #000000;
    border-width: 8px 0 0 0;
    background-color: var(--color_5);
    background-image: initial;
    order: 0;
    padding: 40px 40px 40px 40px;
}
    
#f386c7f5.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#f386c7f5 {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin: 0px 0% 0px 0%;
}
    
#\31 ee3ee9b {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    padding: 6% 0% 6% 0%;
}
    
#\30 d2236a6 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 36%;
    min-width: 4%;
    background-image: url(https://lirp.cdn-website.com/e17ed62d/dms3rep/multi/opt/DSC_4847_IVO-1920w.jpeg);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    order: 1;
}
    
#ac50a414.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#ac50a414 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    justify-self: auto;
    margin: -20px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 db4c07f::before, #\33 db4c07f > .bgExtraLayerOverlay {
    
}
#\33 db4c07f {
    background-color: var(--color_5);
    background-image: initial;
}
    
#\37 782d577 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\34 0c958ee {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    margin-top: -10px;
}
    
#\32 078bebe::before, #\32 078bebe > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.79;
    border-radius: inherit;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
#\32 078bebe {
    background-image: url(https://lirp.cdn-website.com/e17ed62d/dms3rep/multi/opt/musikschule-frauenfeld.ch-ein-mann-mit-langen-haaren-spielt-eine-beige-gitarre-1920w.jpg);
    box-shadow: rgba(0, 0, 0, 0.39) 0px 12px 11px -9px inset;
    border-width: 12px 0 0 0;
    border-color: var(--color_1) #000000 #000000 #000000;
    border-style: solid;
}
    
#d8871e5f {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
}
    
#ea9f8cd2 {
    min-height: 321px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
}
    
#\35 bf648e3 {
    width: 87.50%;
    height: auto;
    max-width: 100%;
}
    
#\38 42b03e8 {
    width: 330px;
    height: auto;
    min-height: 60px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 24px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#d5dfc8c9 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 36%;
    min-width: 4%;
    background-image: url(https://lirp.cdn-website.com/e17ed62d/dms3rep/multi/opt/DSC_4878_IVO-1920w.jpeg);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    order: 0;
}
    
#\37 21da6e0 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 6% 0% 6% 0%;
}
    
#\32 7b80ad3.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\32 7b80ad3 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    justify-self: auto;
    margin: -20px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 ad7d1be.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\34 ad7d1be {
    width: 100%;
    height: auto;
    max-width: 100%;
    order: 2;
    margin: 0px 0% 0px 0%;
}
    
#\31 352fa9b {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 60%;
    min-width: 4%;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    border-style: solid;
    border-color: var(--color_1) #000000 #000000 #000000;
    border-width: 8px 0 0 0;
    background-color: var(--color_5);
    background-image: initial;
    order: 1;
    padding: 40px 40px 40px 40px;
}
    
#\37 2e6210a::before, #\37 2e6210a > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.3;
    border-radius: inherit;
}
#\37 2e6210a {
    background-image: url(https://irp.cdn-website.com/e17ed62d/dms3rep/multi/musikschule-frauenfeld.ch-designelement-links-grau.svg);
}
    
#dc7755ef {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 0;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\34 081953a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 48%;
    min-width: 4%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px;
    justify-content: flex-start;
    background-color: var(--color_5);
    background-image: initial;
    padding: 0px 0px 0px 0px;
}
    
#b17786cf {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 0% 1% 0%;
}
    
#a1afd85a {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#\33 a1ddf6c {
    align-items: flex-start;
    width: 100%;
    min-height: 323px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    justify-content: flex-start;
    height: auto;
    align-self: auto;
    order: 1;
    box-shadow: none;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\36 7d67905 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    margin-top: -20px;
    grid-area: auto / auto / auto / auto;
}
    
#\39 d180d0c.flex-element.widget-wrapper > [data-element-type] {
    padding: 14.5px 14.5px 14.5px 14.5px;
}
#\39 d180d0c {
    width: 58px;
    height: auto;
    max-width: 100%;
    order: 2;
    align-self: flex-end;
    margin: -19px 0% 0px 0%;
}
    
#widget_3pt {
    width: 100%;
    height: 234px;
    max-width: 100%;
    order: 0;
}
    
#edaad206 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 48%;
    min-width: 4%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px;
    justify-content: flex-start;
    background-color: var(--color_5);
    background-image: initial;
    padding: 0px 0px 0px 0px;
}
    
#\31 faefa92 {
    width: 100%;
    height: 234px;
    max-width: 100%;
    order: 0;
}
    
#\35 b14ed37 {
    align-items: flex-start;
    width: 100%;
    min-height: 323px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    justify-content: flex-start;
    height: auto;
    align-self: auto;
    order: 1;
    box-shadow: none;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\35 43d9d8f.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\35 43d9d8f {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    margin: -20px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#d11052f1.flex-element.widget-wrapper > [data-element-type] {
    padding: 14.5px 14.5px 14.5px 14.5px;
}
#d11052f1 {
    width: 58px;
    height: auto;
    max-width: 100%;
    order: 2;
    align-self: flex-end;
    margin: -15px 0% 0px 0%;
}
    
#ff6ceecd::before, #ff6ceecd > .bgExtraLayerOverlay {
    border-radius: inherit;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.5;
}
#ff6ceecd {
    background-image: none;
    background-position: 50% 100%;
}
    
#\38 b28e493 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 9e7a7e1 {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\33 0de7be3 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 0% 3% 0%;
}
    
#f7935b21 {
    width: 58px;
    height: auto;
    max-width: 100%;
    order: 2;
    align-self: flex-end;
    margin-top: -8px;
}
    
#edd21611 {
    align-items: flex-start;
    width: 100%;
    min-height: 323px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    justify-content: flex-start;
    height: auto;
    align-self: auto;
    order: 1;
    box-shadow: none;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 761df18 {
    width: 58px;
    height: auto;
    max-width: 100%;
    order: 2;
    align-self: flex-end;
    margin-top: -8px;
}
    
#\37 3e5e408 {
    width: 100%;
    height: 234px;
    max-width: 100%;
    order: 0;
}
    
#\38 db9d9a7 {
    align-items: flex-start;
    width: 100%;
    min-height: 323px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    justify-content: flex-start;
    height: auto;
    align-self: auto;
    order: 1;
    box-shadow: none;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\38 644783d {
    width: 100%;
    height: 234px;
    max-width: 100%;
    order: 0;
}
    
#\39 9983c76 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#e149a529 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 48%;
    min-width: 4%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px;
    justify-content: flex-start;
    background-color: var(--color_5);
    background-image: initial;
    order: 1;
    padding: 0px 0px 0px 0px;
}
    
#\32 07e127e {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    margin-top: -20px;
    grid-area: auto / auto / auto / auto;
}
    
#fda796ac {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 48%;
    min-width: 4%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px;
    justify-content: flex-start;
    background-color: var(--color_5);
    background-image: initial;
    order: 0;
    padding: 0px 0px 0px 0px;
}
    
#\36 03671ad {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    margin-top: -20px;
    grid-area: auto / auto / auto / auto;
}
    
#\32 c237a36 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\39 108d0fb {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#\36 94de19d {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 48%;
    min-width: 4%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px;
    justify-content: flex-start;
    background-color: var(--color_5);
    background-image: initial;
    padding: 0px 0px 0px 0px;
}
    
#d227d22a {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 48%;
    min-width: 4%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px;
    justify-content: flex-start;
    background-color: var(--color_5);
    background-image: initial;
    padding: 0px 0px 0px 0px;
}
    
#\37 9c21283 {
    width: 100%;
    height: 234px;
    max-width: 100%;
    order: 0;
}
    
#ca4a82d9 {
    width: 100%;
    height: 234px;
    max-width: 100%;
    order: 0;
}
    
#\39 9c1b110 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    margin-top: -20px;
    grid-area: auto / auto / auto / auto;
}
    
#\35 c550955 {
    width: 58px;
    height: auto;
    max-width: 100%;
    order: 2;
    align-self: flex-end;
    margin-top: -5px;
}
    
#bc7429ff {
    align-items: flex-start;
    width: 100%;
    min-height: 323px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    justify-content: flex-start;
    height: auto;
    align-self: auto;
    order: 1;
    box-shadow: none;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#cec14566 {
    align-items: flex-start;
    width: 100%;
    min-height: 323px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    justify-content: flex-start;
    height: auto;
    align-self: auto;
    order: 1;
    box-shadow: none;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 ad34f49.flex-element.widget-wrapper > [data-element-type] {
    padding: 14.5px 14.5px 14.5px 14.5px;
}
#\32 ad34f49 {
    width: 58px;
    height: auto;
    max-width: 100%;
    order: 2;
    align-self: flex-end;
    margin: 48px 0% 0px 0%;
}
    
#c1ef63ad {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 1;
    grid-area: auto / auto / auto / auto;
}
    
#c8f5a4b4 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    margin-top: -20px;
    grid-area: auto / auto / auto / auto;
}
    
#e4ae0512 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 0% 0% 1% 0%;
}
    
#\35 e03afa4 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\31 89ac6b9 {
    width: 100%;
    height: auto;
    max-width: 100%;
}
    
#\39 736a273 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
}
    
#\31 04cd6da {
    min-height: 54px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 10% 0% 0% 0%;
}
    
#e6bc35bd {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-top: -20px;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#e885e1a1 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 47.5%;
    min-width: 4%;
    order: 1;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\38 8bd07ba {
    min-height: 720px;
    column-gap: 5%;
    row-gap: 30px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 0% 12% 0%;
    margin: 0% 0% 0% 0%;
}
    
#\31 ef9c816::before, #\31 ef9c816 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.5;
    border-radius: inherit;
}
#\31 ef9c816 {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://irp.cdn-website.com/e17ed62d/dms3rep/multi/musikschule-frauenfeld.ch-designelement-links.svg");
}
    
#d645f507 {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#c73175e0::before, #c73175e0 > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    border-radius: inherit;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 64%, rgba(0, 0, 0, 1) 100%);
}
#c73175e0 {
    width: 47.5%;
    min-width: 4%;
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    order: 0;
    background-image: url("https://lirp.cdn-website.com/e17ed62d/dms3rep/multi/opt/musikschule-frauenfeld.ch-chris-sam-und-ivo-gemeinsam-auf-einem-foto-erweitert-f41831d3-1920w.jpg");
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 11px 0px;
    justify-content: flex-start;
    padding: 30px 30px 30px 30px;
    margin: 0px 0% 0px 0%;
}
    
#a9eb141c {
    width: 176px;
    height: auto;
    min-height: 60px;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 24px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\34 e490b0e {
    margin: 0px 0% 0px 0%;
}
    
#widget_uon {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    margin-top: 78px;
}
    
#\34 f484edb {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    margin-top: -29px;
}
    
#\35 47e4392.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\35 47e4392 {
    width: 100.00%;
    height: auto;
    max-width: 100%;
    order: 0;
    justify-self: auto;
    align-self: auto;
    margin: -10px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media all {
    
#\36 3c7b8b76c596a2813341bc5 {
    height: auto;
}
    
#\30 1d308cc {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    min-width: 4%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\37 c2da258 {
    min-height: 67px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 6% 0% 1% 0%;
    margin: 0% 0% 0% 0%;
}
    
#e41b5b8e {
    border-width: 0px;
    border-color: rgba(0, 0, 0, 1);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
}
    
#ed685f81 {
    width: 100%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 bc574bd.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\32 bc574bd {
    width: 76.08%;
    height: auto;
    max-width: 100%;
    justify-self: auto;
    align-self: auto;
    order: 0;
    margin: -20px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\32 eeb6e6a {
    margin: 0px 0% 0px 0%;
}
}



@media all {
    
#aaf90961 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    justify-self: auto;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#d67b6af9.flex-element.widget-wrapper > [data-element-type] {
    padding: 14.5px 14.5px 14.5px 14.5px;
}
#d67b6af9 {
    width: 58px;
    height: auto;
    max-width: 100%;
    order: 2;
    align-self: flex-end;
    margin: -15px 0% 0px 0%;
}
    
#\36 abf0c59 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 48%;
    min-width: 4%;
    box-shadow: none;
    justify-content: flex-start;
    background-color: var(--color_5);
    background-image: initial;
    order: 1;
    padding: 0px 0px 0px 0px;
}
    
#\30 efa4f01 {
    min-height: 240px;
    column-gap: 4%;
    row-gap: 24px;
    width: 100%;
    flex-wrap: nowrap;
    padding: 2% 0% 6% 0%;
}
    
#edc2bdee {
    width: 100%;
    height: 234px;
    max-width: 100%;
    order: 0;
}
    
#\38 bb35281 {
    min-height: 8px;
    column-gap: 4%;
    row-gap: 0px;
    width: 48%;
    min-width: 4%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11px 0px;
    justify-content: flex-start;
    background-color: var(--color_5);
    background-image: initial;
    order: 0;
    padding: 0px 0px 0px 0px;
}
    
#\33 7f6a59b {
    align-items: flex-start;
    width: 100%;
    min-height: 323px;
    max-height: 100%;
    row-gap: 24px;
    column-gap: 4%;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    justify-content: flex-start;
    height: auto;
    align-self: auto;
    order: 1;
    box-shadow: none;
    margin: 0px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
    
#\33 8d8ffbd::before, #\33 8d8ffbd > .bgExtraLayerOverlay {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 1);
    opacity: 0.5;
    border-radius: inherit;
}
#\33 8d8ffbd {
    background-image: url(https://irp.cdn-website.com/e17ed62d/dms3rep/multi/musikschule-frauenfeld.ch-designelement-links.svg);
    background-position: 50% 100%;
}
    
#\30 abd0ca1.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#\30 abd0ca1 {
    width: 100%;
    height: auto;
    max-width: 100%;
    align-self: auto;
    order: 2;
    margin: -20px 0% 0px 0%;
    grid-area: auto / auto / auto / auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 3bd85219866cc3622781520 {
    min-height: 598px;
    padding: 4% 6% 4% 6%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
    
#widget_psi {
    width: 100.00%;
}
    
#widget_osf {
    width: 291px;
}
    
#\36 3bd85219866cc3622781521 {
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0% 0% 0% 0%;
}
    
#\36 3bd85219866cc362278151d {
    margin: 0px 0% 0px 0%;
}
    
#widget_6h6 {
    margin-top: 28px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\34 db3ad49::before, #\34 db3ad49 > .bgExtraLayerOverlay {
    
}
    
#\36 c39164c {
    padding: 6% 6% 6% 6%;
}
    
#f6ece917 {
    margin: 0px 0% 0px 0%;
}
    
#b6a72f61 {
    margin-top: 13px;
    width: 237px;
}
    
#ac577558 {
    width: 82.48%;
}
    
#\38 eaccbf9 {
    width: 81.63%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 0e39e94 {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 40px;
    padding: 6% 6% 6% 6%;
}
    
#\30 837d568::before, #\30 837d568 > .bgExtraLayerOverlay {
    
}
    
#faa9d0c7 {
    margin: 0px 0% 0px 0%;
}
    
#cb45e441 {
    width: 100%;
    min-height: 375px;
    order: 1;
    height: auto;
}
    
#\35 00e905f {
    width: 100%;
    min-height: 80px;
    order: 0;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#c2b75c8d {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 40px;
    padding: 6% 6% 6% 6%;
}
    
#\31 26e831d::before, #\31 26e831d > .bgExtraLayerOverlay {
    
}
    
#\38 e94e64d {
    margin: 0px 0% 0px 0%;
}
    
#\37 9043d90 {
    width: 100%;
    min-height: 80px;
}
    
#ca3caa79 {
    width: 100%;
    min-height: 405px;
    height: auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#e7312616 {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 6% 6% 6% 6%;
}
    
#cea28f55::before, #cea28f55 > .bgExtraLayerOverlay {
    
}
    
#\37 c6cb26b {
    width: 100%;
    min-height: 80px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0% 160px 0%;
}
    
#\34 c5c3cff {
    width: 100%;
    min-height: 527px;
    height: auto;
}
    
#\37 1a3d2f8 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\31 ee3ee9b {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 40px;
    padding: 6% 6% 6% 6%;
}
    
#\33 db4c07f::before, #\33 db4c07f > .bgExtraLayerOverlay {
    
}
    
#\31 172b239 {
    margin: 0px 0% 0px 0%;
}
    
#eb33bdfd {
    width: 100%;
    min-height: 80px;
}
    
#\30 d2236a6 {
    width: 100%;
    min-height: 349px;
    height: auto;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\32 078bebe::before, #\32 078bebe > .bgExtraLayerOverlay {
    
}
    
#ea9f8cd2 {
    padding: 6% 6% 6% 6%;
}
    
#\32 4b75dbb {
    margin: 0px 0% 0px 0%;
}
    
#\35 bf648e3 {
    width: 67.32%;
}
    
#\34 0c958ee {
    width: 82.84%;
}
    
#\38 42b03e8 {
    width: 315px;
    margin-top: 8px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 21da6e0 {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 40px;
    padding: 6% 6% 6% 6%;
}
    
#\37 2e6210a::before, #\37 2e6210a > .bgExtraLayerOverlay {
    
}
    
#\33 8886d9d {
    margin: 0px 0% 0px 0%;
}
    
#d5dfc8c9 {
    width: 100%;
    min-height: 363px;
    order: 1;
    height: auto;
}
    
#\31 352fa9b {
    width: 100%;
    min-height: 80px;
    order: 0;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#b17786cf {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 30px;
    padding: 10px 6% 6% 6%;
}
    
#ff6ceecd::before, #ff6ceecd > .bgExtraLayerOverlay {
    
}
    
#\39 9e7a7e1 {
    margin: 0px 0% 0px 0%;
}
    
#\34 081953a {
    width: 100%;
    min-height: 522px;
    height: auto;
}
    
#edaad206 {
    width: 100%;
    min-height: 80px;
}
    
#\33 a1ddf6c {
    height: auto;
    min-height: 247px;
}
    
#\35 b14ed37 {
    height: auto;
    min-height: 282px;
}
    
#\39 d180d0c {
    margin-top: -17px;
}
    
#d11052f1 {
    margin-top: -49px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\39 108d0fb {
    margin: 0px 0% 0px 0%;
}
    
#\33 0de7be3 {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 30px;
    padding: 3% 6% 10px 6%;
}
    
#e149a529 {
    width: 100%;
    min-height: 80px;
}
    
#fda796ac {
    width: 100%;
    min-height: 80px;
}
    
#\38 db9d9a7 {
    height: auto;
    min-height: 247px;
}
    
#edd21611 {
    height: auto;
    min-height: 247px;
}
    
#\33 761df18 {
    margin-top: -18px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\36 9665717 {
    margin: 0px 0% 0px 0%;
}
    
#e4ae0512 {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 30px;
    padding: 20px 6% 20px 6%;
}
    
#\36 94de19d {
    width: 100%;
    min-height: 80px;
}
    
#d227d22a {
    width: 100%;
    min-height: 80px;
}
    
#bc7429ff {
    height: auto;
    min-height: 247px;
}
    
#cec14566 {
    height: auto;
    min-height: 247px;
}
    
#\35 c550955 {
    margin-top: -24px;
}
    
#\32 ad34f49 {
    margin-top: -28px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\31 04cd6da {
    min-height: 244px;
    padding: 20% 6% 0% 6%;
}
    
#b19b1e99 {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\38 8bd07ba {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    padding: 2% 6% 12% 6%;
}
    
#\34 e490b0e {
    margin: 0px 0% 0px 0%;
}
    
#c73175e0::before, #c73175e0 > .bgExtraLayerOverlay {
    
}
#c73175e0 {
    width: 100%;
    min-height: 514px;
    order: 1;
    height: auto;
}
    
#\31 ef9c816::before, #\31 ef9c816 > .bgExtraLayerOverlay {
    
}
    
#e885e1a1 {
    width: 100%;
    min-height: 80px;
    order: 0;
}
    
#a9eb141c {
    margin-top: 12px;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#\37 c2da258 {
    padding: 6% 6% 1% 6%;
}
    
#\32 eeb6e6a {
    margin: 0px 0% 0px 0%;
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#db3f3e86 {
    margin: 0px 0% 0px 0%;
}
    
#d67b6af9 {
    margin-top: -49px;
}
    
#\38 bb35281 {
    width: 100%;
    min-height: 80px;
}
    
#\33 7f6a59b {
    height: auto;
    min-height: 282px;
}
    
#\33 8d8ffbd::before, #\33 8d8ffbd > .bgExtraLayerOverlay {
    
}
    
#\36 abf0c59 {
    width: 100%;
    min-height: 522px;
    height: auto;
}
    
#\30 efa4f01 {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 0;
    row-gap: 30px;
    padding: 10px 6% 6% 6%;
}
}



@media (max-width: 767px) {
    
#\36 3bd85219866cc3622781521 {
    min-height: 492px;
    align-items: flex-start;
    width: 100%;
    height: auto;
}
    
#\36 3bd85219866cc3622781520 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 6% 6% 18% 6%;
}
    
#\36 3bd85219866cc362278151f::before, #\36 3bd85219866cc362278151f > .bgExtraLayerOverlay {
    
}
    
#widget_psi {
    width: 100.00%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -10px;
}
    
#\36 3bd85219866cc362278151d {
    margin: 0px 0% 0px 0%;
}
    
#widget_6h6.flex-element.widget-wrapper > [data-element-type] {
    padding: 0px 0px 0px 0px;
}
#widget_6h6 {
    margin: 110px 0% 0px 0%;
}
    
#widget_osf {
    margin-top: 11px;
    width: 277px;
}
}



@media (max-width: 767px) {
    
#\34 db3ad49::before, #\34 db3ad49 > .bgExtraLayerOverlay {
    
}
    
#\39 b51e93d {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\36 c39164c {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 8% 6% 8% 6%;
}
    
#b6a72f61 {
    width: 211px;
    align-self: flex-start;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 11px;
}
    
#f6ece917 {
    margin: 0px 0% 0px 0%;
}
    
#ac577558 {
    width: 100.00%;
}
    
#\38 eaccbf9 {
    width: 100.00%;
}
}



@media (max-width: 767px) {
    
#\35 00e905f {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 0;
    padding: 30px 30px 30px 30px;
    margin: 0px 0% 0px 0%;
}
    
#cb45e441 {
    width: 100%;
    min-height: 239px;
    align-items: center;
    height: auto;
    order: 1;
}
    
#\39 0e39e94 {
    min-height: unset;
    flex-direction: column;
    padding: 10% 6% 10% 6%;
}
    
#\30 837d568::before, #\30 837d568 > .bgExtraLayerOverlay {
    
}
    
#faa9d0c7 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#ca3caa79 {
    width: 100%;
    min-height: 244px;
    align-items: center;
    height: auto;
}
    
#c2b75c8d {
    min-height: unset;
    flex-direction: column;
    padding: 10% 6% 10% 6%;
}
    
#\37 9043d90 {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 30px 30px 30px 30px;
    margin: 0px 0% 0px 0%;
}
    
#\31 26e831d::before, #\31 26e831d > .bgExtraLayerOverlay {
    
}
    
#\38 e94e64d {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#e7312616 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 8% 6% 8% 6%;
}
    
#cea28f55::before, #cea28f55 > .bgExtraLayerOverlay {
    
}
    
#\37 c6cb26b {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
}
    
#\34 c5c3cff {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 20px 20px 20px 20px;
    margin: 0px 0% -120px 0%;
}
    
#\37 1a3d2f8 {
    margin: 0px 0% 0px 0%;
}
    
#\33 3adbfd6 {
    width: 100.00%;
}
}



@media (max-width: 767px) {
    
#eb33bdfd {
    width: 100%;
    min-height: 80px;
    align-items: center;
    padding: 30px 30px 30px 30px;
    margin: 0px 0% 0px 0%;
}
    
#\31 ee3ee9b {
    min-height: unset;
    flex-direction: column;
    padding: 10% 6% 10% 6%;
}
    
#\30 d2236a6 {
    width: 100%;
    min-height: 257px;
    align-items: center;
    height: auto;
}
    
#\33 db4c07f::before, #\33 db4c07f > .bgExtraLayerOverlay {
    
}
    
#\31 172b239 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\32 078bebe::before, #\32 078bebe > .bgExtraLayerOverlay {
    
}
    
#d8871e5f {
    width: 100%;
    min-height: 80px;
    align-items: flex-start;
}
    
#ea9f8cd2 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 8% 6% 8% 6%;
}
    
#\32 4b75dbb {
    margin: 0px 0% 0px 0%;
}
    
#\35 bf648e3 {
    width: 100.00%;
}
    
#\38 42b03e8 {
    width: 283px;
    align-self: flex-start;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 10px;
}
}



@media (max-width: 767px) {
    
#d5dfc8c9 {
    width: 100%;
    min-height: 249px;
    align-items: center;
    height: auto;
    order: 1;
}
    
#\37 21da6e0 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 10% 6% 10% 6%;
}
    
#\31 352fa9b {
    width: 100%;
    min-height: 80px;
    align-items: center;
    order: 0;
    padding: 30px 30px 30px 30px;
    margin: 0px 0% 0px 0%;
}
    
#\37 2e6210a::before, #\37 2e6210a > .bgExtraLayerOverlay {
    
}
    
#\33 8886d9d {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\34 081953a {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#b17786cf {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4px 6% 20px 6%;
}
    
#widget_3pt {
    height: 240px;
}
    
#edaad206 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\31 faefa92 {
    height: 240px;
}
    
#ff6ceecd::before, #ff6ceecd > .bgExtraLayerOverlay {
    
}
    
#\33 a1ddf6c {
    padding: 30px 30px 0px 30px;
    margin: 0px 0% 0px 0%;
}
    
#\35 b14ed37 {
    padding: 30px 30px 0px 30px;
    margin: 0px 0% 0px 0%;
}
    
#\39 9e7a7e1 {
    margin: 0px 0% 0px 0%;
}
    
#d11052f1 {
    margin-top: -10px;
    width: 50px;
}
    
#\39 d180d0c {
    width: 50px;
    margin-top: 4px;
}
}



@media (max-width: 767px) {
    
#\33 0de7be3 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 6% 6% 20px 6%;
}
    
#\37 3e5e408 {
    height: 240px;
}
    
#\38 644783d {
    height: 240px;
}
    
#e149a529 {
    width: 100%;
    min-height: 612px;
    align-items: center;
    height: auto;
}
    
#fda796ac {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\39 108d0fb {
    margin: 0px 0% 0px 0%;
}
    
#\38 db9d9a7 {
    padding: 30px 30px 40px 30px;
    margin: 0px 0% 0px 0%;
}
    
#edd21611 {
    padding: 30px 30px 0px 30px;
    margin: 0px 0% 0px 0%;
}
    
#f7935b21 {
    margin-top: -20px;
    width: 50px;
    height: auto;
}
    
#\33 761df18 {
    margin-top: 7px;
    width: 50px;
}
}



@media (max-width: 767px) {
    
#\36 9665717 {
    margin: 0px 0% 0px 0%;
}
    
#\36 94de19d {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#d227d22a {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\37 9c21283 {
    height: 240px;
}
    
#ca4a82d9 {
    height: 240px;
}
    
#e4ae0512 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4px 6% 20px 6%;
}
    
#bc7429ff {
    padding: 30px 30px 0px 30px;
    margin: 0px 0% 0px 0%;
}
    
#\35 c550955 {
    margin-top: 0px;
    width: 50px;
}
    
#cec14566 {
    padding: 30px 30px 0px 30px;
    margin: 0px 0% 0px 0%;
}
    
#\32 ad34f49 {
    width: 50px;
    margin-top: -5px;
}
}



@media (max-width: 767px) {
    
#\39 736a273 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\31 04cd6da {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 35% 6% 0% 6%;
}
    
#b19b1e99 {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#e885e1a1 {
    min-height: 80px;
    align-items: center;
    width: 100%;
    order: 0;
}
    
#\38 8bd07ba {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 2% 6% 10% 6%;
}
    
#c73175e0::before, #c73175e0 > .bgExtraLayerOverlay {
    
}
#c73175e0 {
    width: 100%;
    min-height: 606px;
    align-items: center;
    height: auto;
    order: 1;
}
    
#a9eb141c {
    align-self: flex-start;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 9px;
    width: 142px;
}
    
#\31 ef9c816::before, #\31 ef9c816 > .bgExtraLayerOverlay {
    
}
    
#\34 e490b0e {
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#\30 1d308cc {
    min-height: 80px;
    align-items: center;
    width: 100%;
}
    
#\37 c2da258 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 10% 6% 1% 6%;
}
    
#\32 eeb6e6a {
    margin: 0px 0% 0px 0%;
}
    
#\32 bc574bd {
    width: 100.00%;
}
}



@media (max-width: 767px) {
    
#edc2bdee {
    height: 240px;
}
    
#db3f3e86 {
    margin: 0px 0% 0px 0%;
}
    
#d67b6af9 {
    margin-top: -10px;
    width: 50px;
}
    
#\38 bb35281 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\33 7f6a59b {
    padding: 30px 30px 0px 30px;
    margin: 0px 0% 0px 0%;
}
    
#\33 8d8ffbd::before, #\33 8d8ffbd > .bgExtraLayerOverlay {
    
}
    
#\36 abf0c59 {
    width: 100%;
    min-height: 80px;
    align-items: center;
}
    
#\30 efa4f01 {
    min-height: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 4px 6% 10% 6%;
}
}