body.body {
  font-family: "Open Sans", sans-serif;
  color: #000; }
  body.body .bg {
    background-color: #0077D4;
    color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transition-timing-function: ease; }
    body.body .bg > a {
      color: inherit;
      text-decoration: none; }
      body.body .bg > a:hover, body.body .bg > a:hover {
        color: inherit; }
  body.body .light-bg {
    background-color: rgba(0, 119, 212, 0.2); }
  body.body .gray-bg {
    background-color: #E7E9EC; }
  body.body p {
    color: #000; }
  body.body a {
    color: inherit;
    text-decoration: none; }
    body.body a:hover, body.body a:hover {
      color: inherit; }

body.body {
  font-size: 16px; }
  body.body .display-block {
    display: block; }
  body.body .inline {
    display: inline; }
  body.body .inline-block {
    display: inline-block; }
  body.body .bold {
    font-weight: bold; }
  body.body .normal {
    font-weight: normal; }
  body.body .up {
    text-transform: uppercase; }
  body.body .clear {
    clear: both; }
  body.body .font-active {
    color: #007595;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transition-timing-function: ease; }
    body.body .font-active:hover, body.body .font-active:focus {
      color: #00252f; }
  body.body .font-highlight {
    color: #880000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transition-timing-function: ease; }
    body.body .font-highlight:hover, body.body .font-highlight:focus {
      color: #007595; }
  body.body .font-blue {
    color: #007595;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transition-timing-function: ease; }
    body.body .font-blue:hover, body.body .font-blue:focus {
      color: #00252f; }
  body.body .font-default {
    color: #00bdf1; }
  body.body .serif {
    font-family: "BlenderProHeavy", Arial, serif; }
  body.body img {
    max-width: 100%; }
  body.body .focuspoint img {
    max-width: none; }
  body.body .bgr-default {
    background-color: #00bdf1;
    color: #fff; }
  body.body .bgr-light {
    background-color: #efefef; }
  body.body .bgr-dark {
    background-color: #00576f;
    color: #fff; }
  body.body .bgr-darkgrey {
    background-color: #404040;
    color: #fff; }
  body.body .bgr-black {
    background-color: #000;
    color: #fff; }
  body.body .bgr-gold {
    background-color: #bd9f52;
    color: #fff; }
  body.body .bgr-blue {
    background-color: #00bdf1;
    color: #fff; }
  body.body .bgr-light {
    background-color: #efefef; }
  body.body .bgr-dark {
    background-color: #00576f;
    color: #fff; }
  body.body .bgr-black {
    background-color: #000;
    color: #fff; }
  body.body .bgr-gold {
    background-color: #bd9f52;
    color: #fff; }
  body.body .bgr-opacity-default {
    background-color: rgba(0, 176, 240, 0.6);
    color: #fff; }
  body.body .bgr-opacity-gold {
    background-color: rgba(189, 159, 82, 0.6);
    color: #fff; }
  body.body .bgr-opacity-blue {
    background-color: rgba(0, 176, 240, 0.6);
    color: #fff; }
  body.body .bgr-blue {
    background-color: #00bdf1;
    color: #fff; }
  body.body body.gold .bgr-default {
    background-color: #bd9f52;
    color: #fff; }
  body.body body.gold .bgr-light {
    background-color: #efefef; }
  body.body body.gold .bgr-dark {
    background-color: #695b39;
    color: #fff; }
  body.body body.gold .bgr-black {
    background-color: #000;
    color: #fff; }
  body.body blockquote {
    font-style: italic;
    padding-left: 20px;
    position: relative;
    /*
    &:before {
      content: '\201c';
      font: {
        family: $text;
        size: 48px;
        weight: bold;
        style: normal;
      }
      color: #dadada;
      position: absolute;
      top: -16px;
      left: -8px;
    }
    */ }
  body.body blockquote + a {
    display: block;
    float: right;
    color: #00576f;
    margin-top: -10px; }
    body.body blockquote + a:hover, body.body blockquote + a:focus {
      color: #00bdf1;
      text-decoration: underline; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #00bdf1; }

article {
  color: #000; }
  article .cikkblock .buttonbox {
    width: 365px; }
  article .image.image-div.inner {
    text-align: center; }
  article .image.image-div .img-container {
    max-width: 100%;
    display: inline-block;
    margin: 0 auto;
    text-align: left; }
    article .image.image-div .img-container img {
      height: auto; }
    article .image.image-div .img-container .img-wrapper .img-subtitle {
      color: #999999;
      font-style: italic; }
      article .image.image-div .img-container .img-wrapper .img-subtitle p {
        color: #999999;
        font-style: italic; }
    article .image.image-div .img-container .cikkkeptable .clear {
      height: 0; }
  article.event .img-wrapper {
    position: relative;
    margin-bottom: 30px; }
    article.event .img-wrapper .img-subtitle {
      position: static;
      left: 0;
      bottom: 20px;
      background-color: rgba(255, 255, 255, 0.4);
      padding: 20px;
      color: #000;
      font-style: normal; }
    article.event .img-wrapper .img + .img-subtitle {
      position: absolute; }
      @media (max-width: 767px) {
        article.event .img-wrapper .img + .img-subtitle {
          position: static; } }
  article.event .content-wrapper .content h3 {
    color: #000; }
  article h2, article h3 {
    margin-bottom: 10px;
    text-transform: uppercase; }
  article h2 {
    font-family: "Open Sans", sans-serif;
    font-weight: 900;
    font-size: 28px; }
  article h3 {
    font-family: "BlenderProHeavy", Arial, serif;
    font-weight: normal;
    font-size: 16px; }
  article h1 {
    font-family: "BlenderProHeavy", Arial, serif;
    font-size: 30px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 auto 15px; }
  article.event h1, article.event h2, article.event h3, article.event h4 {
    font-size: 28px;
    margin: 0; }
  article.event h3, article.event h4 {
    font-family: "BlenderProHeavy", Arial, serif;
    text-transform: uppercase;
    font-weight: normal; }
    article.event h3.bookType, article.event h4.bookType {
      font-family: BlenderProBook; }
  article.event h1 {
    font-family: "BlenderProHeavy", Arial, serif;
    text-transform: uppercase;
    font-weight: normal; }
  article.event h2 {
    font-family: "BlenderProHeavy", Arial, serif;
    text-transform: none;
    font-weight: normal; }
    article.event h2.bookType {
      font-family: BlenderProBook; }
  @media (max-width: 767px) {
    article.event h1 {
      font-size: 24px; }
    article.event h2 {
      font-size: 18px; }
    article.event h3 {
      font-size: 21px; } }
  article .content-wrapper .date {
    color: #00bdf1; }
  article .content-wrapper .lead {
    margin: 30px auto;
    font-weight: bold; }
  article .content-wrapper .content {
    margin-top: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-weight: normal;
    color: #000; }
    article .content-wrapper .content .description {
      margin-top: 20px;
      margin-bottom: 10px; }
    article .content-wrapper .content .long_description::after {
      content: '';
      display: block;
      clear: both; }
    @media (max-width: 767px) {
      article .content-wrapper .content {
        font-size: 16px; } }
    article .content-wrapper .content .image.image-div.left {
      float: left;
      margin: 0 20px 20px 0; }
      @media (max-width: 426px) {
        article .content-wrapper .content .image.image-div.left img {
          width: auto;
          height: auto; } }
    article .content-wrapper .content h3 {
      font-size: 24px;
      font-weight: normal;
      color: #000;
      margin-top: 20px;
      margin-bottom: 10px;
      line-height: 1.5; }
    article .content-wrapper .content h4 {
      text-transform: uppercase;
      color: #000;
      margin-top: 20px;
      margin-bottom: 10px;
      line-height: 1.5;
      font-family: "BlenderProHeavy", Arial, serif;
      font-weight: normal;
      font-size: 20px; }
    article .content-wrapper .content p {
      margin-bottom: 10px; }
    article .content-wrapper .content a {
      color: #00bdf1;
      font-weight: bold; }
      article .content-wrapper .content a:hover, article .content-wrapper .content a:focus {
        color: #00576f;
        text-decoration: underline; }
    article .content-wrapper .content .cikkkeptable .fa.fa-camera {
      float: left;
      margin-top: 5px; }
    article .content-wrapper .content .cikkkeptable .cikkepcim {
      text-align: left; }
    article .content-wrapper .content .kurzusform .file-upload-btn {
      color: #fff; }
    article .content-wrapper .content .kurzusform .error-message {
      opacity: 1;
      color: #880000; }
      article .content-wrapper .content .kurzusform .error-message.disabled {
        opacity: 0; }
    article .content-wrapper .content .kurzusform.bg p {
      color: #fff; }
    article .content-wrapper .content .kurzusform.payment-message {
      background: #00576f; }
      article .content-wrapper .content .kurzusform.payment-message.error-paying {
        background: #C00000; }
      article .content-wrapper .content .kurzusform.payment-message h3 {
        color: white;
        font-family: "BlenderProHeavy", Arial, serif; }
      article .content-wrapper .content .kurzusform.payment-message p {
        color: white;
        font-family: "BlenderProHeavy", Arial, serif;
        font-size: 17px;
        font-weight: 400; }
    article .content-wrapper .content .gallery-embed p {
      margin-bottom: 5px;
      text-transform: uppercase; }
    article .content-wrapper .content:after {
      content: '';
      display: block;
      clear: both; }
    article .content-wrapper .content .similar-event-list .content h4 {
      margin-top: 0px; }
    article .content-wrapper .content .similar-event-list .content h4 a {
      color: inherit; }
    @media (min-width: 768px) {
      article .content-wrapper .content .similar-event-list .date-content .time {
        margin-top: 28px; } }
  article .content-wrapper:after {
    content: '';
    display: block;
    clear: both; }
  article .content-wrapper table {
    margin: 20px 0; }
    article .content-wrapper table td {
      padding: 10px; }
  article .content-wrapper > div {
    margin: 20px 0; }
  article .content-wrapper > .box {
    margin: 20px 0; }

body.kodaly_body article .content-wrapper .lead {
  font-weight: normal;
  margin: 0px; }
body.kodaly_body .justify-content-md-center {
  margin: 0px; }
body.kodaly_body article .content-wrapper .content p {
  line-height: 22px; }

.box.signon {
  width: 100%;
  border-top: none;
  background: #00576f;
  color: #fff;
  padding: 20px; }
  .box.signon.opened {
    padding-bottom: 0; }
  .box.signon > h2 {
    margin: 0;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 25px; }
  .box.signon > p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #efefef; }
  .box.signon > .date {
    font-style: normal;
    font-size: 17px;
    line-height: 25px;
    font-weight: 700;
    background: #efefef;
    padding: 10px; }
  .box.signon > .date > button {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    color: #efefef;
    background: #bd9f52;
    border: none;
    float: right;
    padding: 0 10px; }
  .box.signon > .content {
    margin: 20px -20px 0 -20px;
    padding: 20px;
    background: #cccccc;
    display: none; }
  .box.signon.opened > .content {
    display: block; }
  .box.signon > .content > h2 {
    color: #000;
    margin: 0;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 25px; }
  .box.signon > .content > .tabs {
    background: #fff; }
  .box.signon > .content > .tabs > ul {
    margin: 0;
    padding: 0;
    background: #fff;
    color: #00bdf1;
    border: none;
    list-style: none; }
  .box.signon > .content > .tabs > ul > li {
    height: 36px;
    border: none;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    width: 33%;
    width: calc( (100% / 3) - 2px );
    margin: 1px;
    text-align: center;
    background: #00bdf1;
    float: left;
    padding-top: 8px; }
  .box.signon > .content > .tabs > ul > li:hover, .box.signon > .content > .tabs > ul > li:focus {
    cursor: pointer; }
    .box.signon > .content > .tabs > ul > li:hover a, .box.signon > .content > .tabs > ul > li:focus a {
      color: #880000;
      text-decoration: underline; }
  .box.signon > .content > .tabs > ul > li.ui-state-active {
    background: #fff; }
  .box.signon > .content > .tabs > ul > li a {
    text-align: center;
    width: 100%;
    color: #fff; }
  .box.signon > .content > .tabs > ul > li.ui-state-active a {
    color: #880000; }
  .box.signon > .content > .tabs > .tab {
    display: none;
    padding: 40px 20px 20px; }
    .box.signon > .content > .tabs > .tab.active {
      display: block; }
  .box.signon > .content > .tabs > .tab form input,
  .box.signon > .content > .tabs > .tab form textarea {
    width: 100%;
    border: 1px solid #00bdf1; }
  .box.signon > .content > .tabs > .tab form input[type=submit] {
    background: #880000;
    color: #fff;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    width: auto;
    padding: 5px 10px;
    float: left; }
  .box.signon > .content > .tabs > .tab form input[type=reset] {
    color: #000;
    background: #fff;
    border: none;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    width: auto;
    padding: 5px 10px;
    float: right; }
  .box.signon > .content > .tabs > .tab form label {
    width: 100%;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px; }
  .box.signon > .content > .description {
    margin-top: 20px;
    color: #000; }
  .box.signon .ui-selectmenu-button {
    background: #fff;
    border: 1px solid #00bdf1; }
  .box.signon .ui-selectmenu-button:hover,
  .box.signon .ui-selectmenu-button.ui-state-focus {
    color: #000; }
  .box.signon #error-message-holder {
    text-align: center;
    color: #801D2F;
    padding-bottom: 20px;
    display: none; }
  .box.signon #esemeny-reg-tabs .success-message {
    text-align: center;
    color: #00A200;
    padding: 30px 0 20px 0; }
  .box.signon #esemeny-reg-tabs label.error {
    padding-top: 2px;
    font-size: 12px;
    color: #94001B; }
  .box.signon #esemeny-reg-tabs input[type=text],
  .box.signon #esemeny-reg-tabs input[type=email],
  .box.signon #esemeny-reg-tabs input[type=number] {
    padding: 1px 4px; }
  .box.signon #esemeny-reg-tabs input[type=text].error,
  .box.signon #esemeny-reg-tabs input[type=email].error,
  .box.signon #esemeny-reg-tabs input[type=number].error {
    border: 1px solid #94001B; }
  .box.signon #esemeny-reg-tabs select {
    width: 100%;
    border: 1px solid #b7975a;
    padding: 1px 0; }
  .box.signon .esemeny-preview-message {
    text-align: center;
    background-color: darkorange;
    color: white;
    padding: 5px; }
  .box.signon .esemeny-activation-message {
    text-align: center;
    background-color: #35BD35;
    color: white;
    padding: 10px 0;
    margin-bottom: 40px;
    border-radius: 5px; }
  .box.signon .esemeny-activation-message.fail {
    background-color: #C52626; }
  .box.signon .esemeny-activation-message p {
    padding: 0;
    margin: 0; }
  .box.signon .events form .form-group.order {
    clear: both; }

img[src="/"] {
  display: none !important; }

img[data-origsrc="/"] {
  display: none !important; }

/*# sourceMappingURL=article.css.map */