@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@charset "UTF-8";
/* -------------------------------------------- */
/* -----------------> THEME <------------------ */
/* -------------------------------------------- */
/* -----------> COLOR REFERENCCE <------------*/
/*(white)*/
/*(grey light)*/
/*(grey medium)*/
/*(grey dark)*/
/*#FF651D; /*(goldfisch)*/
/*(dark red)*/
/*(black)*/
/*(black)*/
/*(red)*/
/*(dark red)*/
/*(black)*/
/*(black)*/
/*(black)*/
/*(black)*/
/*(dark red)*/
/*(black)*/
/*(black)*/
/*(grey dark)*/
/*(dark red)*/
/*(dark red)*/
/*(black)*/
/*(black)*/
/*(black)*/
/*(black)*/
.colorpicker {
  color: #000; }

/* ---------------> ACCORDION <-----------------*/
.ce_accordion {
  margin: 0 0 10px 16px; }

.toggler, .toggler_first {
  font-weight: bold; }

.toggler:hover {
  cursor: pointer;
  color: #000; }

.accordion > div {
  padding: 6px 5px 8px 5px; }

.toggler:hover, .toggler:active, .toggler:focus {
  outline: none; }

.toggler {
  background: #E3E3E3;
  padding: 5px 0 10px 10px;
  color: #7A0E0E;
  font-size: 1.2em;
  font-weight: normal; }

.toggler:hover {
  cursor: pointer; }

.accordion.ui-accordion-content {
  background: #F4F4F4; }

.toggler.ui-state-default:hover, .toggler.ui-state-active:hover {
  color: #000; }

.toggler.ui-state-default {
  color: #7A0E0E; }

.toggler.ui-state-active {
  color: #000; }

.toggler.ui-state-default:after {
  content: '+'; }

.toggler.ui-state-active:after {
  content: '-'; }

.toggler.ui-state-default:after, .toggler.ui-state-active:after {
  width: 1rem;
  position: absolute;
  right: 2rem; }

.accordion {
  padding: 1rem 0 2rem; }

.ce_accordionSingle, .ce_accordionStart {
  position: relative; }

/* -----------------> ASIDE <-------------------*/
#left, #right {
  padding-top: 0px; }

#left .block h2, #right .block h2, #left .block h3, #right .block h3 {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/goldfisch01.png") no-repeat 0px -5px;
  background-size: 30px;
  font-size: 1.3em;
  padding: 0 0 10px 37px;
  border-bottom: 1px solid #ccc; }

/* newsletter */
#left .mod_subscribe, #left .mod_unsubscribe, #right .mod_subscribe, #right .mod_unsubscribe {
  text-align: center; }

/* ----------------> COMMENTS
@import "partials/comments"; <-----------------*/
/* -----------------> CONTAO <------------------*/
.invisible {
  width: 0px;
  height: 0px;
  left: -1000px;
  top: -1000px;
  position: absolute;
  overflow: hidden;
  display: inline; }

.pagination li {
  display: inline;
  list-style: none; }

.pagination p {
  float: left; }

.pagination ul {
  float: right; }

.mod_article .pdf_link {
  text-align: right; }

.block {
  overflow: hidden; }

#container .block {
  margin-bottom: 5px;
  overflow: hidden; }

.highlight {
  border-bottom: 1px solid black; }

/* -------------> CONTAO EVENTS <---------------*/
.mod_eventmenu li {
  list-style: none;
  font-size: 13px; }

.mod_eventmenu li.submenu {
  margin-bottom: 10px; }

.mod_eventmenu li.submenu {
  font-weight: bold; }

.mod_eventlist .layout_list {
  margin: 5px 0 20px; }

.mod_eventlist .header {
  font-weight: bold; }

/*table*/
table.calendar {
  border-left: 1px solid #777777;
  border-top: 1px solid #777777;
  width: 100%; }

table.calendar .head {
  background-color: #ffffff;
  border-bottom: 1px solid #777777;
  border-right: 1px solid #777777;
  padding-bottom: 5px;
  padding-top: 4px;
  text-align: center; }

table.calendar .current {
  background-color: #ffffff; }

table.calendar .label {
  background-color: #777777;
  border-bottom: 1px solid #777777;
  border-right: 1px solid #777777;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  padding-bottom: 4px;
  padding-top: 3px;
  text-align: center; }

table.calendar td {
  background-color: #ffffff;
  border-bottom: 1px solid #777777;
  border-right: 1px solid #777777;
  height: 72px;
  padding: 1px;
  vertical-align: top;
  width: 14%; }

table.calendar td.weekend {
  background-color: #ffffff; }

table.calendar .today {
  background-color: #FFFFCC; }

table.calendar .empty, table.calendar .empty .header {
  background-color: #ffffff; }

table.calendar td .header {
  background-color: #ccc;
  font-size: 10px;
  padding-bottom: 2px; }

table.calendar td .event a {
  font-size: 10px; }

#minicalendar {
  background-color: #ECE4D9;
  margin: 0 5px 20px;
  padding: 5px 5px 10px; }

table.minicalendar {
  border-left: 1px solid #777777;
  border-top: 1px solid #777777;
  width: 100%; }

table.minicalendar td {
  background-color: #ffffff;
  border-bottom: 1px solid #777777;
  border-right: 1px solid #777777;
  padding-bottom: 3px;
  padding-top: 2px;
  text-align: center;
  width: 14%;
  font-size: 80%; }

/*table.minicalendar td, table.minicalendar .active a {
    
}*/
table.minicalendar .weekend {
  background-color: #ffffff; }

table.minicalendar .today {
  background-color: #7A0E0E; }

#content table.minicalendar .today a {
  color: #ffffff; }

table.minicalendar .label {
  background-color: #444;
  border-bottom: 1px solid #777777;
  border-right: 1px solid #777777;
  color: #ffffff;
  font-size: 10px;
  padding-bottom: 3px;
  padding-top: 2px;
  text-align: center; }

table.minicalendar .head {
  background-color: #ffffff;
  border-bottom: 1px solid #777777;
  border-right: 1px solid #777777;
  padding-bottom: 4px;
  padding-top: 3px;
  text-align: center; }

table.minicalendar .current {
  background-color: #ffffff; }

/* ----------------> FONTS <----------------*/
/* muli-300 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: local("Muli Light"), local("Muli-Light"), url("/files/kunstschule-goldfisch01/fonts/muli/muli-v11-latin-300.woff2") format("woff2"), url("/files/kunstschule-goldfisch01/fonts/muli/muli-v11-latin-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* muli-300italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 300;
  src: local("Muli Light Italic"), local("Muli-LightItalic"), url("/files/kunstschule-goldfisch01/fonts/muli/muli-v11-latin-300italic.woff2") format("woff2"), url("/files/kunstschule-goldfisch01/fonts/muli/muli-v11-latin-300italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local("Muli Regular"), local("Muli-Regular"), url("/files/kunstschule-goldfisch01/fonts/muli/muli-v11-latin-regular.woff2") format("woff2"), url("/files/kunstschule-goldfisch01/fonts/muli/muli-v11-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* ----------------> FORMULARE <----------------*/
#left .mod_search .formbody .widget {
  display: inline; }

#left .mod_search input.text, #main .mod_search input.text {
  border: 1px solid #ccc;
  padding: 3px; }

#left .mod_search .formbody .widget button {
  background-color: #ffffff;
  border: none;
  color: #7A0E0E;
  font-size: 15px;
  /*text-shadow: 1px 1px 2px $color-light;*/
  text-transform: uppercase; }

#left .mod_search .formbody .widget button:hover {
  color: #000;
  cursor: pointer; }

.mod_article input.submit {
  background-color: #7A0E0E;
  color: #ffffff;
  border: 1px solid #444;
  margin-bottom: 15px;
  padding: 2px 5px; }

.mod_article input.submit:hover {
  color: #000;
  cursor: pointer; }

#content p.error {
  color: #7A0E0E;
  background: #444;
  font-size: 10px;
  padding: 2px; }

.webform .col_0 {
  width: 110px;
  padding-right: 10px; }

.webform td, .webform th {
  padding: 2px;
  vertical-align: bottom; }

.webform .error {
  color: #FF0000; }

.webform .explanation p {
  margin-left: 120px;
  font-weight: bold; }

.webform input {
  vertical-align: top; }

.webform input.text, .webform select, .webform textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  border-color: #777777;
  background: #ffffff;
  color: #444;
  border-width: 1px;
  border-style: solid;
  padding: 3px;
  width: 300px; }

.webform input.submit {
  font-weight: bold;
  background-color: #ffffff;
  color: #444;
  border-color: #777777;
  padding: 4px 0;
  width: 308px;
  border-style: solid;
  border-width: 1px; }

.webform input.submit:hover {
  background: #000;
  cursor: pointer; }

/*tableless uses conto core form css*/
.tableless .error {
  color: #FF0000; }

.tableless .mandatory {
  color: #ffffff; }

.tableless input[type="text"], .tableless input[type="password"], .tableless input[type="date"], .tableless input[type="datetime"], .tableless input[type="email"], .tableless input[type="number"], .tableless input[type="search"], .tableless input[type="tel"], .tableless input[type="time"], .tableless input[type="url"], .tableless textarea {
  margin: 0 0 2% 10%;
  width: 86%; }

.tableless label {
  margin-left: 10%; }

.tableless .cmms label {
  margin-left: 0; }

.tableless .submit_container {
  margin: 10px 0 0 10%; }

.tableless input[type="submit"], .button {
  background-color: #ccc;
  background-image: linear-gradient(to bottom, #ffffff, #ccc);
  font-size: inherit !important; }

.tableless .checkbox_container span {
  display: block; }

.tableless fieldset.cmms {
  padding-left: 10%; }

.tableless .checkbox_container span.mandatory {
  display: inline; }

/* ----------------> GALLERIES <----------------*/
.ce_gallery ul {
  margin: 0 !important; }

.ce_gallery li {
  list-style: none;
  float: left; }

.ce_gallery li.col_first {
  clear: left; }

.ce_gallery .image_container img {
  border: 1px solid #444;
  background: #ffffff;
  padding: 5px; }

.ce_gallery .image_container img:hover {
  border: 1px solid #000; }

.ce_gallery .image_container .caption {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; }

/*gallery columns*/
.ce_gallery ul.cols_1 li {
  padding: 0;
  width: 95%; }

.ce_gallery ul.cols_2 li {
  padding: 0 3%;
  width: 43%; }

.ce_gallery ul.cols_3 li {
  padding: 0 2%;
  width: 28%; }

.ce_gallery ul.cols_4 li {
  padding: 0 2%;
  width: 20%; }

/*j_colorbox*/
#cboxTitle, #cboxCurrent {
  font-size: 80%; }

/* ------------------> LAYOUT <-----------------*/
@media (min-width: 1070px) {
  /* container */
  #container {
    margin: 0 auto;
    width: 660px; }

  #header .header-container, #footer .inside {
    width: 1020px;
    margin: 0 auto; }

  #header {
    padding: 50px 0 70px; }

  #header .logo {
    width: 360px; }

  /*#main_root, mod_search*/
  #main_root, #left .mod_search {
    height: 40px; }

  /*#main_root li*/
  #main_root li {
    float: left;
    font-size: 16px;
    padding-right: 1.25rem; }

  #main_root li:last-of-type {
    padding-right: 0; }

  /*left .inside*/
  #left .inside {
    padding-right: 50px; }

  /*footer .inside*/
  #footer .inside {
    text-align: left;
    height: 100px; }

  #footer .inside .ce_text {
    padding-left: 360px;
    float: left; }

  /*child nav switcher*/
  #main_child_block {
    display: none; } }
@media (max-width: 1069px) {
  /*#footer .inside*/
  #footer .inside {
    text-align: center;
    height: 50px; } }
@media (min-width: 768px) and (max-width: 1070px) {
  #header {
    padding: 30px 0 50px; }

  #header .logo {
    width: 33%; }

  /*#main_root, mod_search*/
  #main_root, #left .mod_search {
    height: 40px; }

  /*#main_root li*/
  #main_root li {
    float: left;
    font-size: 16px;
    padding-right: 0.75rem; }

  #main_root li:last-of-type {
    padding-right: 0; }

  /*left .inside*/
  #left .inside {
    padding-right: 50px; }

  /*child nav switcher*/
  #main_child_block {
    display: none; } }
@media (max-width: 767px) {
  #header .logo {
    width: 33%; }

  #header {
    padding: 10px 0 20px; }

  /*#left contao 3.4 layout bug?*/
  #left {
    margin-left: 0;
    width: 100%; }

  .block {
    margin-bottom: 5px; }

  /*paddings */
  #left .inside {
    padding-right: 20px; }

  /*#slider .slider-menu*/
  #slider .slider-menu {
    display: none; }

  /*#main_root li*/
  #main_root li {
    float: left;
    font-size: 16px;
    padding-right: 0.75rem; }

  #main_root li:last-of-type {
    padding-right: 0; }

  /*left .inside*/
  #left .inside {
    padding-right: 50px; }

  /*child nav switcher*/
  #main_child {
    display: none; }

  /*#left .mod_search */
  #left .mod_search {
    background: #ccc;
    padding: 10px;
    text-align: center; }

  #left .mod_search input.text {
    width: 50%; }

  /*#left .mod_newsmenu */
  #left .mod_newsmenu ul {
    margin-left: 0px;
    padding: 0px; }

  #left .mod_newsmenu li {
    font-size: 16px;
    line-height: 2em;
    list-style-type: none;
    text-align: center; }

  #left .mod_newsmenu li.year a {
    display: none; }

  #left .mod_newsmenu li.year li span, #left .mod_newsmenu li.year li a {
    display: block; }

  #left .mod_newsmenu a, #left .mod_newsmenu span.active {
    background: #7A0E0E;
    margin-bottom: 2px; }

  #left .mod_newsmenu span, #left .mod_newsmenu a {
    color: #ffffff;
    display: block; }

  #left .mod_newsmenu span.active, #left .mod_newsmenu a:hover {
    background-color: #000;
    text-decoration: none; } }
@media (max-width: 600px) {
  /*#main_root li*/
  #main_root li {
    float: none;
    line-height: 2.5em;
    margin-bottom: 2px;
    text-align: center;
    width: 100%; }

  #main_root li a, #main_root li span {
    color: #ffffff !important; }

  #main_root li a {
    background: #ccc;
    display: block; }

  #main_root li a:hover {
    background: #777777; }

  #main_root li.active span {
    color: #ffffff; }

  #main_root li.active, #main_root li.forward {
    background: #777777; }

  #main_root li.trail a {
    background: #777777; }

  #main_root li.parent a {
    background: #777777; } }
@media (max-width: 420px) {
  ul {
    margin-bottom: 0px; } }
/* default paddings */
#main .inside {
  padding: 0 20px 20px 20px; }

#left .inside {
  padding-left: 20px; }

#container {
  padding-top: 15px; }

/* ----------------> LANGUAGES <----------------*/
li.lang-de {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/languages/de_grey.png") no-repeat 0px; }

li.lang-en {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/languages/en_grey.png") no-repeat 0px; }

li.lang-fr {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/languages/fr_grey.png") no-repeat 0px; }

li.lang-nl {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/languages/nl_grey.png") no-repeat 0px; }

li.active.lang-de, li.lang-de:hover {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/languages/de.png") no-repeat 0px; }

li.active.lang-en, li.lang-en:hover {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/languages/en.png") no-repeat 0px; }

li.active.lang-fr, li.lang-fr:hover {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/languages/fr.png") no-repeat 0px; }

li.active.lang-nl, li.lang-nl:hover {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/languages/nl.png") no-repeat 0px; }

.language_switch {
  float: left; }

.language_switch li {
  padding: 0 24px;
  display: inline; }

.language_switch li.active a {
  color: #fff; }

/* --------------> VIDEO AUDIO <---------------*/
/*Video via iFrame einbinden*/
.video-container iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-container {
  position: relative;
  padding-bottom: 65%;
  /* 56.25% Default for 1600x900 videos 16:9 ratio, 65% for 4:3*/
  padding-top: 0px;
  height: 0;
  overflow: hidden; }

/* Maps Google via iframe einbinden*/
.map-container {
  height: 0;
  overflow: hidden;
  padding-bottom: 260px;
  position: relative; }

.map-container iframe {
  border: medium none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

/*HTML5 Video , jQuery j_mediaelement muss im Seitenlayout aktiviert sein*/
/*Seitenverhaeltnis des Containers beibehalten */
/*contao responsive.css überschreiben*/
.responsive.ratio-43, .responsive.ratio-169, .responsive.ratio-1610, .responsive.ratio-219, .responsive.ratio-32 {
  padding-bottom: 0 !important; }

.video_container .ratio-169 {
  position: relative;
  width: 100% !important;
  height: auto !important;
  padding-top: 56.25% !important;
  /* 56.25% for 16:9 */ }

.video_container .ratio-43 {
  position: relative;
  width: 100% !important;
  height: auto !important;
  padding-top: 65% !important;
  /* 65% for 4:3 */ }

.video_container iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important; }

/* ---------------> NAVIGATIONS <---------------*/
#top_root {
  float: right; }

#top_root li {
  margin-left: 10px;
  padding-right: 10px;
  padding-left: 15px;
  display: inline; }

#top_root li.active, #top_root li:hover {
  color: #000; }

#main_root {
  margin-top: 2px; }

#main #main_root ul {
  margin: 0px 0px 3px;
  padding: 0; }

#main_root li {
  display: block;
  list-style-type: none;
  /*text-shadow: 1px 1px 2px $color-light;*/
  text-transform: uppercase; }

#main_root li, #main_root li a {
  color: #7A0E0E; }

#main_root li.active, #main_root li.forward {
  color: #000; }

#main_root li.trail a {
  color: #000; }

#main_root li a:hover {
  text-decoration: none;
  color: #000; }

#main .mod_breadcrumb ul {
  list-style-type: none;
  margin: 10px 0; }

.mod_breadcrumb li {
  float: left; }

.mod_breadcrumb li, #main .mod_breadcrumb a {
  color: #7A0E0E; }

#main .mod_breadcrumb a:hover {
  color: #000; }

.mod_breadcrumb li::after {
  margin-right: 3px;
  padding-left: 1px;
  content: " > "; }

#main_child ul {
  padding-left: 10px; }

#main_child li {
  font-size: 16px;
  line-height: 2em;
  list-style-type: none; }

#main_child li.submenu {
  font-size: 16px;
  line-height: 1.2em;
  margin-bottom: 10px; }

#main_child li li {
  font-size: 14px;
  line-height: 1.5em; }

#main_child li a {
  color: #7A0E0E; }

#main_child li a:hover, #main_child li.active li a:hover, #main_child li.trial:hover {
  color: #000;
  text-decoration: none; }

#main_child li a.parent {
  color: #444444; }

#main_child li.trail {
  color: #7A0E0E; }

#main_child li.active {
  /* #current */
  color: #000; }

#main_child li.active li {
  /*  den #current style wieder aufheben */
  color: #7A0E0E; }

/* -------------------------------------------- */
/* ----------> NAV MAIN CHILD BLOCK <---------- */
/* -------------------------------------------- */
#main_child_block ul {
  margin-left: 0px;
  padding: 0px; }

#main_child_block li {
  font-size: 16px;
  line-height: 2em;
  list-style-type: none;
  text-align: center; }

#main_child_block a, #main_child_block span.active {
  background: #ccc;
  margin-bottom: 2px; }

#main_child_block span, #main_child_block a {
  color: #ffffff;
  display: block; }

#main_child_block span.active, #main_child_block a:hover {
  background-color: #777777;
  text-decoration: none; }

#footer_root ul {
  font-size: 13px;
  margin: 0;
  padding: 0px; }

#footer_root li {
  display: inline;
  padding: 0 5px; }

#footer_root li.active {
  color: #000; }

/* --------------------> NEWS <-----------------*/
.mod_article p.info {
  color: #444;
  font-size: 0.9em; }

#main .mod_newsarchive h1 {
  display: none; }

#main .mod_newsarchive .layout_full h1 {
  display: block; }

.mod_newsmenu ul {
  padding-left: 10px; }

.mod_newsmenu li {
  font-size: 16px;
  list-style-type: none; }

.mod_newsmenu li li {
  font-size: 14px; }

/* ----------------> NEWSLETTER <---------------*/
.mod_nl_reader h1 {
  font-size: 15px;
  font-weight: bold; }

/* -----------------> SLIDER <------------------*/
#slider {
  line-height: 0.6em; }

#slider .slider-control {
  /*display: none;*/
  height: 0px !important; }

#slider .slider-control a {
  display: none; }

#slider .slider-control a:focus {
  outline: none; }

#slider .slider-control a.slider-prev {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/slider-arrow-left.png") no-repeat right 0; }

#slider .slider-control a.slider-next {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/slider-arrow-right.png") no-repeat left; }

#slider .slider-menu {
  top: -30px; }

#slider .slider-menu b {
  color: #ccc;
  font-size: 22px;
  padding: 0 2px; }

#slider .slider-menu b:hover {
  color: #ffffff; }

/* ----------------> STYLING <------------------*/
/* tags */
body {
  font-family: Muli, "Century Gothic", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif, sans-serif;
  font-style: normal;
  font-weight: 300;
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/dr-floral01.png");
  -webkit-text-size-adjust: none;
  /*iPhone no textzoom*/ }

a {
  color: #7A0E0E;
  text-decoration: none; }

a:hover {
  color: #000;
  text-decoration: none; }

a:focus {
  outline: 1px dotted #7A0E0E; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

h1 {
  font-size: 1.3em; }

p {
  margin: 3px 0 5px; }

/*iframe*/
.map-container {
  height: 0;
  overflow: hidden;
  padding-bottom: 260px;
  /*hoehe*/
  position: relative; }

.map-container iframe {
  border: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

#main h1 {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/goldfisch01.png") no-repeat 0px -5px;
  padding: 0 0 10px 37px;
  border-bottom: 1px solid #ccc; }

#main h2 {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/goldfisch-h2.png") no-repeat 0px 1px;
  padding: 0 0 3px 37px;
  border-bottom: 1px dotted #ccc; }

h2 {
  font-size: 1.1em; }

h3 {
  font-size: 1.1em; }

h4 {
  font-size: 1.1em; }

/* wrapper */
#wrapper {
  background: #ffffff;
  font-size: 14px;
  line-height: 1.5em; }

/* Listen */
#main ul {
  list-style-type: disc;
  /* overwrite contao reset */ }

/* main a */
#main a {
  font-style: normal;
  font-weight: 400; }

/* main action buttons */
#main .read-more, #main .mail-request {
  margin-bottom: 15px; }

#main .read-more p, #main .mail-request p {
  margin-top: 1px; }

#main .read-more a, #main .mail-request a {
  background: #eee;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd #ccc #ccc #ddd;
  color: #7A0E0E;
  font-style: normal;
  font-weight: 400;
  padding: 2px 10px 2px 5px; }

#main .read-more a:hover, #main .mail-request a:hover {
  color: #000; }

#main .read-more a:before, #main .mail-request a:before {
  border-right: 1px solid #ffffff;
  margin-right: 10px;
  padding: 2px 10px 2px 5px; }

#main .read-more a:before {
  content: '+'; }

#main .mail-request a:before {
  content: '@'; }

/* main table */
#main table {
  width: 100%;
  border-collapse: collapse; }

#main td {
  font-size: 13px; }

/* footer */
#footer {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/dr-floral01.png"); }

#footer .inside {
  padding-top: 5px; }

#footer p {
  color: #444;
  font-size: 13px;
  margin: 0; }

/* header */
#header {
  background: url("../../files/kunstschule-goldfisch01/scss/scss_images/dr-floral01.png"); }

#header .inside {
  background: #ffffff; }

#header .logo {
  float: left; }

#header .logo .image_container {
  padding: 5% 0 0 5%; }

#header .image_container img {
  border: none; }

/* images */
.image_container img {
  border: 1px solid #ffffff; }

.image_container a img:hover {
  border: 1px solid #000; }

.image_container .caption {
  color: #777777;
  margin-left: 6px;
  font-size: 0.9em; }

.image_container.float_left {
  margin-right: 10px; }

.image_container.float_right {
  margin-left: 10px; }

/* sidebar */
.sidebar {
  margin-top: 50px; }

/* visibility */
.hidden {
  display: none; }

/* ------------------> EXTRAS <-----------------*/