/*
Theme Name: Sound Your Voice
Theme URI: https://www.eracht.at
Description: Wordpress-Theme für Sound Your Voice
Version: 1.0
Author: Maximilian Huber
Text Domain: https://soundyourvoice.uk
Author URI: https://www.eracht.at
*/


/* Global */

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clearfix:after {visibility: hidden; display: block; content: ""; clear: both; height: 0;}

body, html {height: 100%; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.8; margin: 0px; color: var(--schwarz); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; scroll-behavior: smooth;}
h1 {font-size: 40px; font-weight: 400; font-family: 'Oswald', sans-serif; color: var(--violett); line-height: 44px; margin: 0px;}
h2 {font-size: 30px; font-weight: 400; font-family: 'Oswald', sans-serif; color: var(--red); line-height: 32px; margin: 0px;}
h3 {font-size: 24px; font-weight: 400; font-family: 'Oswald', sans-serif; color: var(--violett); line-height: 28px; margin: 0px; text-align: left; font-style: normal;}
h4 {font-size: 30px; font-weight: 400; font-family: 'Oswald', sans-serif; color: var(--red); line-height: 32px; margin: 0px;}
h5 {font-size: 24px; font-weight: 400; font-family: 'Oswald', sans-serif; color: var(--violett); line-height: 28px; margin: 0px; text-align: center;}
h6 {font-size: 24px; font-weight: 400; font-family: 'Oswald', sans-serif; color: var(--red); line-height: 28px; margin: 0px; text-align: left; font-style: normal;}
h7 {font-size: 24px; font-weight: 400; font-family: 'Oswald', sans-serif; color: var(--red); line-height: 28px; margin: 0px; text-align: left; font-style: normal;}


.red-text {color: var(--red);}

:root {--red: #FF2946;}
:root {--black: #3A3A3A;}
:root {--grey: #E1E1E1;}
:root {--violett: #466ca4;}
:root {--white: #FFF;}


.container {width: 100%; height: auto; margin: 0 auto; padding: 0px 30px; max-width: 1300px; }
.container-full {width: 100%; height: auto; margin: 0 auto; padding: 0px 30px; max-width: 1300px;}
.container-post {width: 100%; height: auto; margin: 0 auto; padding: 0px 30px; max-width: 1300px;}

.cli-plugin-main-link {text-decoration: none!important;}
.cli-style-v2 {font-style: italic;}

/* Postings */

.post-text h4 {font-size: 18px; font-weight: 400; font-family: 'Open Sans', sans-serif; color: var(--black); line-height: 24px; margin: 10px 0px 20px 0px; float: left; width: 100%; }

.video {width: 100%; height: auto; float: left; }
.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 30px;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.img-grid-wrapper-post {width: 100%; height: 0; padding-bottom: 50%; float: left; position: relative; margin-bottom: 0px;}
.post-title-wrapper {width: 100%; height: auto; float: left; margin-top: 50px;}
.post-container {width: 60%; height: auto; margin: 0px auto 0px auto;}
.post-text {width: 100%; height: auto; float: left; font-style: italic;}
.post-kurzbeschreibung {font-size: 18px; line-height: 26px; margin-bottom: 20px; float: left; width: 100%; height: auto;}
.post-red {color: var(--red);}
.post-container ul {list-style-type: "\00BB"; padding-left: 10px; list-style-position: outside; line-height: 24px; color: var(--red); font-weight: 400;}
.post-container li {padding-top: 4px; padding-bottom: 4px; list-style-position: outside; padding-left: 10px;}
.button-post {background-color: var(--red); padding: 9px 30px 9px 30px; width: 100%; border: 2px solid var(--red); font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; font-style: normal; color: var(--white); text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; text-align: center; float: left; margin-top: 25px; margin-bottom: 0px;}
.button-post a {color: var(--white);}
.button-post:hover {background-color: transparent; color: var(--red); color: var(--red);}
.post-container h3 {float: left; width: 100%; font-size: 26px; font-weight: 400; font-family: 'Oswald', sans-serif; color: var(--red); line-height: 28px; margin: 0px; text-align: left; margin-top: 50px; margin-bottom: 25px;}
.post-container p {margin: 5px 0 5px 0;}
.post-title-strip {width: 50px; height: 1px; background-color: var(--grey); margin: 0px 0px; float: left;}
.personen-wrapper {float: left; width: 100%; height: auto; margin-top: 30px;}
.person-left {float: left; width: 50%; height: auto; padding-right: 25px; margin-bottom: 0px;}
.person-left-wien {float: left; width: 100%; height: auto; padding-right: 0px; margin-bottom: 0px;}
.person-right {float: right; width: 50%; height: auto; padding-left: 25px; margin-bottom: 0px;}
.person-name {float: left; width: 100%; font-size: 22px; font-weight: 400; font-family: 'Oswald', sans-serif; font-style: normal; color: var(--red); line-height: 28px; text-align: left; margin-top: 50px; margin-bottom: 0px;}
.personen-kurzbeschreibung {float: left; width: 100%; margin-bottom: 20px; font-size: 18px; line-height: 24px;}
.personen-beschreibung {float: left; width: 100%;}

/* Workshops & Courses */

.post-wrapper {width: 100%; height: auto; float: left; margin-top: 25px; margin-bottom: 25px; border: none; padding-bottom: 25px;}
.post-wrapper-left {width: 30%; height: auto; float: left;}
.post-wrapper-right {width: 70%; height: auto; float: right; padding-left: 30px;}
.post-title {text-align: left; width: 100%; height: auto; float: left; font-style: normal;}

.img-grid-wrapper {width: 100%; height: 0; padding-bottom: 100%; float: left; position: relative; margin-bottom: 0px;}
.img-grid {position: absolute; top: 0; right: 0; bottom: 0; left: 0; float: left; margin-bottom: 0px;}
.img-grid-inside {width: 100%; height: 100%; object-fit: cover; border: none;}

.accordion {background-color: var(--white); color: var(--red); border-top: 1px solid #E1E1E1; border-bottom: none; border-left: none; border-right: none; cursor: pointer; margin-top: 30px; padding: 15px 15px 15px 0px; width: 100%; text-align: left; outline: none; font-size: 22px; font-weight: 400; font-family: 'Oswald', sans-serif; line-height: 22px; transition: 0.4s;}
.active, .accordion:hover {background-color: var(--white); color: var(--red);}
.accordion:after {content: '\002B'; color: #777; font-weight: bold; float: right; margin-left: 5px; color: var(--black);}
.accordion.active:after {content: "\2212"; color: var(--red);}
.panel {padding: 0px 0px 0px 0px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border-bottom: 1px solid #E1E1E1; border-top: none; border-left: none; border-right: none;}
.button-container-2 {width: 100%; height: auto; float: left; margin-top: 30px; margin-bottom: 30px; padding: 0px 0px; text-decoration: none;}

/* Booking */

.booking-beschreibung {width: 100%; height: auto; float: left;}

/* Header */

header {width: 100%; height: auto; float: left;}
.logo {width: auto; height: auto; float: left; margin: 45px 0px 30px 0px;}
.custom-logo {width: 112px; height: auto; float: left;}
.navigation {width: 100%; height: auto; float: left; padding: 12px 10px 12px 15px; border-top: 1px solid var(--grey); border-bottom: 1px solid var(--grey); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.navigation-newsletter {width: 100%; height: auto; float: left; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin-top: 30px;}
.button-container-newsletter {width: 100%; height: auto; float: left; margin-top: 0px; padding: 0px 0px; text-decoration: none;}

.menu-menu-1-container {width: 50%; float: left; height: auto;}
.menu {margin: 0px; padding: 0px; line-height: 29px;}
.menu ul {display: inline-block; }

.menu li { padding: 0px; margin: 0px 0px 0px 0px;}
.menu li::marker {color: var(--red); font-weight: 500;}
.menu li:before {display: inline-block; margin-right: 10px;}

.menu li a {padding: 0px; display: inline-block; margin-left: 10px; text-decoration: none; font-size: 16px; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: var(--black); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.menu li a:hover {color: var(--red);}
.current_page_item a {color: var(--red)!important;}
.current-menu-item a {color: var(--red)!important;}

.navigation-contact {width: 50%; float: right; height: auto; text-align: right; line-height: 29px;}
.navigation-contact-mail-number {visibility: visible; float: right; font-size: 16px; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: var(--black); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}

a.mail-number {color: var(--black); text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
a.mail-number:hover {float: right; color: var(--red);}

.navigation-contact-dot {visibility: visible; float: right; font-size: 16px; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: var(--black); padding-left: 10px; padding-right: 10px;}
.navigation-icon-instagram {background: url("https://www.soundyourvoice.at/SYV-Instagram-Icon.png") no-repeat; background-size: 28px 28px; height: 28px; width: 28px; margin-top: 0px; padding: 0px; float: right; margin-right: 5px; }
.navigation-icon-instagram:hover {background: url("https://www.soundyourvoice.at/SYV-Instagram-Icon-hover.png") no-repeat; background-size: 28px 28px; }
.navigation-icon-facebook {background: url("https://www.soundyourvoice.at/SYV-Facebook-Icon.png") no-repeat; background-size: 28px 28px; height: 28px; width: 28px; margin-top: 0px; padding: 0px; float: right; margin-right: 5px;}
.navigation-icon-facebook:hover {background: url("https://www.soundyourvoice.at/SYV-Facebook-Icon-hover.png") no-repeat; background-size: 28px 28px;}
.navigation-icon-soundcloud {background: url("https://www.soundyourvoice.at/SYV-Youtube-Icon.png") no-repeat; background-size: 28px 28px; height: 28px; width: 28px; margin-top: 0px; padding: 0px; float: right; margin-right: 5px;}
.navigation-icon-soundcloud:hover {background: url("https://www.soundyourvoice.at/SYV-Youtube-Icon-hover.png") no-repeat; background-size: 28px 28px;}

/* Slider */

.slider {width: 100%; height: auto; float: left; margin-top: 30px;}

/* Reihe 1 */

.row-1, .row-2 {width: calc(100% + 30px); height: auto; float: left; margin-top: 100px; margin-left: -15px; margin-right: -15px; display: flex; }
.column-1 { width: calc(33.333% - 30px); height: auto; float: left; padding: 0px 30px 0px 0px; margin: 0px 15px; border-right: 1px solid var(--grey);}
.column-2 {width: calc(33.333% - 30px); height: auto; float: left; padding: 0px 0px 0px 0px; margin: auto 15px; text-align: center; }
.column-2-2 {width: calc(33.333% - 30px); height: auto; float: left; padding: 0px 0px 0px 0px; margin: 0px 15px; text-align: center; }
.column-3 {width: calc(33.333% - 30px); height: auto; float: left; padding: 0px 0px 0px 30px; margin: 0px 15px; border-left: 1px solid var(--grey);}

.title-strip-container {width: 100%; height: auto; margin: 30px 0px 15px 0px; float: left;}
.title-strip-left {width: 50px; height: 1px; background-color: var(--grey); margin: 0px 0px;}
.title-strip-center {width: 50px; height: 1px; background-color: var(--grey); margin: 0px auto;}

.column-1-text {width: 100%; height: auto; float: left; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: italic; font-weight: 300; line-height: 26px; text-align: left;}
.column-2-text {width: 100%; height: auto; float: left; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: italic; font-weight: 300; line-height: 26px; text-align: center;}
.column-3-text {width: 100%; height: auto; float: left; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: italic; font-weight: 300; line-height: 26px;}
.column-center-text {width: 100%; height: auto; float: left; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: italic; font-weight: 300; line-height: 26px;}
.testimonials {width: 100%; height: auto; float: left; }
.button-container {width: 100%; height: auto; float: left; margin-top: 30px; padding: 0px 0px; text-decoration: none;}
.button-2 {background-color: var(--red); padding: 9px 30px 9px 30px; width: 100%; border: 2px solid var(--red); font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; color: var(--white); text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; text-align: center;}
a.button-link {text-decoration: none!important; color: var(--white);}
a.button-link:hover {color: var(--red);}
.button-2:hover {background-color: transparent; color: var(--red);}
.size-full {width: 100%; height: auto;}


ul {list-style-type: "\00BB"; padding-left: 10px; list-style-position: outside; line-height: 26px;}
li {padding-top: 4px; padding-bottom: 4px; list-style-position: outside; padding-left: 10px;}

/* Newsletter */

.newsletter-container {background: url("https://www.soundyourvoice.at/Newsletter.jpg") no-repeat; background-position: 50% 50%; background-size: cover; width: 100%; height: auto; margin-top: 100px; float: left; padding: 60px calc(33.33% - 20px) 60px calc(33.33% - 20px); text-align: center;}
.newsletter-title {width: 100%; height: auto; font-size: 22px; font-weight: 400; font-family: 'Oswald', sans-serif; color: var(--white); line-height: 28px; margin: 0px; text-transform: uppercase; }
.newsletter-formular {width: 100%; height: auto; margin-top: 30px; float: left;}

.newsletter-formular p {margin: 0px; padding: 0px; height: auto;}
.wpcf7-form-control, .email, .name, .surname {background-color: transparent; text-align: center; height: 50px; border: 2px solid var(--white); width: 100%; padding-left: 15px; padding-right: 15px; color: var(--white); font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; font-style: italic; margin-bottom: 20px; }
.wpcf7-textarea {padding: 15px; height: 300px; resize: none;}
.wpcf7-submit {background-color: var(--white); border: 2px solid var(--white); color: var(--red); font-weight: 400; cursor: pointer;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; opacity: 1.0;}
.button {background-color: var(--white); border: 2px solid var(--white); color: var(--red); font-weight: 400; cursor: pointer;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; opacity: 1.0; height: 50px; width: 100%; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: italic;}
.wpcf7-submit:hover {background-color: var(--white); border: 2px solid var(--white); color: var(--red); opacity: 0.7;}
.button:hover {background-color: var(--white); border: 2px solid var(--white); color: var(--red); opacity: 0.7;}
.wpcf7-response-output, .wpcf7-validation-errors {margin: 0px!important; border-width: 0!important; background-color: transparent; padding: 0px!important; color: var(--white); font-size: 12px; font-style: italic; }
.wpcf7-not-valid-tip {margin-top: -15px; color: var(--white)!important;}
label {font-size: 12px; font-weight: 400; color: var(--red); font-style: italic;}
input {outline:none;}
.mc-field-group.input-group {float: left; width: 100%; height: auto; text-align: left; margin-top: 20px; margin-bottom: 20px;}
.subtitle-form {font-size: 20px; font-weight: 400; font-family: 'Oswald', sans-serif; color: var(--white); line-height: 28px; text-align: left; font-style: normal; margin-top: 0px; margin-bottom: 15px;}
.mc-field-group.input-group ul {list-style: none; padding-left: 0px; line-height: 26px;}
.mc-field-group.input-group li {padding-left: 0px; }
.mc-field-group.input-group label {font-family: 'Open Sans', sans-serif; font-size: 14px; font-style: italic; font-weight: 500; color: var(--white);}

[type="checkbox"] {
  position: relative;
  left: 0px;
  top: -4px;
  z-index: 0;
  -webkit-appearance: none;
}
[type="checkbox"] + label {
  
}
[type="checkbox"] + label::before {
  width: 26px;
  height: 26px;
  border-radius: 0px;
  border: 2px solid #FFF;
  background-color:rgba(0, 0, 0, 0.0);
  display: block;
  content: "";
  float: left;
  margin-right: 10px;
  z-index: 5;
  position: relative;
}
[type="checkbox"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 0px #FF2946;
  background-color: #FFF;
}

::-webkit-input-placeholder {color: #FFF !important; opacity: 0.8;}
:-moz-placeholder {color: #FFF !important; opacity: 0.8;}
::-moz-placeholder {color: #FFF !important; opacity: 0.8;}
:-ms-input-placeholder {color: #FFF !important; opacity: 0.8;}

/* Testimonials */

.strong-view.wpmtst-default .wpmtst-testimonial-inner {border: 0px solid #FFFFFF!important; padding: 0px!important; margin-top: 15px; }
.strong-view.wpmtst-default .wpmtst-testimonial {border: 0px solid #FFFFFF!important; }
.strong-view.wpmtst-default .wpmtst-testimonial-inner p {padding-left: 15px; border-left: 2px solid var(--red); margin-top: 15px!important; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; font-style: italic; line-height: 20px;}
.strong-view.wpmtst-default .wpmtst-testimonial-inner h3 {font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 500; font-style: italic; line-height: 20px; text-align: left;}
.strong-view.wpmtst-default .wpmtst-testimonial-heading {padding-left: 0px!important; background: none!important;}
.strong-view.nav-position-outside .wpmslider-controls {text-align: left!important;}
.strong-view.pager-style-buttons .wpmslider-pager-link::before {background: var(--red)!important;}

/* Video */

.video-wrapper {width: 100%; height: auto; float: left; margin-bottom: 30px;}
.video-container {margin-top: 0px; position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Impressum */

.page-container {width: 60%; height: auto; margin: 0px auto 0px auto;}
.page-wrapper {width: 100%; height: auto; float: left; margin: 60px 0px 0px 0px;}
.page-container h1 {font-size: 22px; font-weight: 400; font-family: 'Oswald', sans-serif; color: var(--red); line-height: 28px; margin: 0px; text-align: left;}
.page-container h2 {font-size: 18px; font-weight: 400; font-family: 'Oswald', sans-serif; color: var(--red); line-height: 24px; margin: 0px; text-align: left; padding: 30px 0px 10px 0px; font-style: normal;}
.page-text {width: 100%; height: auto; float: left; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: italic; font-weight: 300; line-height: 26px; text-align: left;}
.page-form {width: 100%; height: auto; margin-top: 30px; float: left;}
.page-title-strip-left {width: 50px; height: 1px; background-color: var(--grey); margin: 0px 0px;}

a {text-decoration: none; color: var(--red);}
a:hover {text-decoration: none; color: var(--violett);}

.page-container ul {list-style-type: "\00BB"; padding-left: 15px; list-style-position: outside; line-height: 24px;}
.page-container li {padding-top: 8px; padding-bottom: 8px; list-style-position: outside; padding-left: 15px;}

.page-text, .page-container li {padding-top: 3px!important; padding-bottom: 3px; list-style-position: outside;}

/* Nachrichtenformular */

.page-container .wpcf7-form-control {background-color: transparent; text-align: left; height: 50px; border: 2px solid var(--red); width: 100%; padding-left: 15px; padding-right: 15px; color: var(--red); font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; font-style: italic; margin-bottom: 5px; }
.page-container .wpcf7-textarea {padding: 15px; height: 300px; resize: none;}
.page-container .wpcf7-submit {background-color: var(--red); border: 2px solid var(--red); color: var(--white); font-weight: 400; cursor: pointer;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; opacity: 1.0; text-align: center;}
.page-container .wpcf7-submit:hover {background-color: var(--red); border: 2px solid var(--red); color: var(--white); opacity: 0.7;}
.page-container .wpcf7-response-output, .wpcf7-validation-errors {margin: 0px!important; border-width: 0!important; background-color: transparent; padding: 0px!important; color: var(--red); font-size: 12px; font-style: italic; }
.page-container .wpcf7-not-valid-tip {margin-top: 0px; color: var(--red)!important;}
.page-container label {font-size: 12px; font-weight: 400; color: var(--red); font-style: italic;}

.page-container ::-webkit-input-placeholder {color: var(--red)!important; opacity: 0.8;}
.page-container :-moz-placeholder {color: var(--red)!important; opacity: 0.8;}
.page-container ::-moz-placeholder {color: var(--red)!important; opacity: 0.8;}
.page-container :-ms-input-placeholder {color: var(--red)!important; opacity: 0.8;}
.grecaptcha-badge {display: none!important; visibility: hidden!important;}

/* Footer */

.footer {width: 100%; height: auto; margin-top: 100px; float: left;}
.footer-container {width: 100%; height: auto; padding: 60px 0px 60px 0px; float: left; background-color: var(--red);}
.footer-left {width: 50%; height: auto; float: left; color: var(--white);}
.footer-left-title {width: 100%; height: auto; float: left; color: var(--white); font-size: 22px; font-weight: 400; font-family: 'Oswald', sans-serif; line-height: 28px;}
.footer-right {width: 50%; height: auto; float: right; text-align: right;}
.footer-strip-left {width: 50px; height: 1px; background-color: var(--white);}
.footer-text-left {width: 100%; height: auto; float: left; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: italic; font-weight: 300; line-height: 26px;}
.footer-text-info {width: 100%; height: auto; float: left;}
.footer-text-info a {color: var(--white); text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.footer-text-info a:hover {color: var(--black); text-decoration: none;}

.footer-icon-instagram {background: url("https://www.soundyourvoice.at/SYV-Instagram-Icon-white.png") no-repeat; background-size: cover; height: 28px; width: 28px; margin-top: 0px; padding: 0px; float: right; margin-right: 5px; }
.footer-icon-instagram:hover {background: url("https://www.soundyourvoice.at/SYV-Instagram-Icon.png") no-repeat; background-size: cover; }
.footer-icon-facebook {background: url("https://www.soundyourvoice.at/SYV-Facebook-Icon-white.png") no-repeat; background-size: cover; height: 28px; width: 28px; margin-top: 0px; padding: 0px; float: right; margin-right: 5px;}
.footer-icon-facebook:hover {background: url("https://www.soundyourvoice.at/SYV-Facebook-Icon.png") no-repeat; background-size: cover;}
.footer-icon-soundcloud {background: url("https://www.soundyourvoice.at/SYV-Youtube-Icon-white.png") no-repeat; background-size: cover; height: 28px; width: 28px; margin-top: 0px; padding: 0px; float: right; margin-right: 5px;}
.footer-icon-soundcloud:hover {background: url("https://www.soundyourvoice.at/SYV-Youtube-Icon.png") no-repeat; background-size: cover;}

.footer-line-container {width: 100%; height: auto; padding: 12px 0px 12px 0px; float: left; background-color: #202020; color: var(--white); font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 500; font-style: italic;}
.footer-line-left {width: 50%; height: auto; float: left; padding: 0px 0px 0px 0px;}
.footer-line-right {width: 50%; height: auto; float: right; text-align: right; padding: 0px 0px 0px 0px; border-top: 1px none var(--grey);}

.footer-dot {padding-left: 10px; padding-right: 10px;}

a.link-red {color: var(--red); text-decoration: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
a.link-red:hover {color: #f3bf14;}

@media (max-width: 1100px) {
	.navigation-contact {}
	.menu-menu-1-container {width: 60%;}
	.navigation-contact {width: 40%;}
	.navigation-contact-mail-number {visibility: hidden; height: 0px;}
	.navigation-contact-dot {visibility: hidden; height: 0px;}
}
@media (max-width: 900px) {
	.container {padding: 0px 15px;}
	.container-full {padding: 0px 0px;}
	.container-post {padding: 0px 15px;}
	.logo {margin: 45px 0px 30px 15px;}
	.navigation {padding: 12px 10px 12px 15px;}

	.post-wrapper-left {width: 100%; float: left;}
	.post-wrapper-right {width: 100%; float: left; padding-left: 0px;}
	.post-container, .post-title {text-align: left!important;}
	
	
	.post-container {width: 100%;}
	.person-name {margin-top: 10px; margin-bottom: 0px;}
	.person-left {float: left; width: 100%; padding-right: 0px; margin-bottom: 50px;}
	.person-right {float: left; width: 100%; padding-left: 0px; margin-bottom: 50px;}
	
	.img-grid-wrapper {width: 100%; height: 0; padding-bottom: 100%; float: left; position: relative; margin-bottom: 30px;}
	.img-grid {position: absolute; top: 0; right: 0; bottom: 0; left: 0; float: left; margin-bottom: 0px;}
	.img-grid-inside {width: 100%; height: 100%; object-fit: cover; border: none;}
	
	.column-1 { width: 100%; border-bottom: 1px solid var(--grey); padding: 0px 0px 60px 0px; border-right: 1px none var(--grey); margin: 0px 0px;}
	.column-2 {width: 100%;  padding: 60px 0px 60px 0px; margin: 0px 0px; }
	.column-3 {width: 100%; padding: 60px 0px 0px 0px; margin: 0px 0px; border-left: 1px none var(--grey); border-top: 1px solid var(--grey);}
	.column-2-2 {width: 100%; padding: 60px 0px 60px 0px; margin: 0px 0px; }
	.row-1, .row-2 {width: 100%; margin-left: 0px; margin-right: 0px; display: block; margin-top: 60px;}
	.title-strip-left {width: 50px; height: 1px; background-color: var(--grey); margin: 0px auto;}
	.column-1-text, .column-2-text {text-align: center;}
	h3 {text-align: center;}
	h7 {text-align: center;}
	.post-title {text-align: center;}
	.strong-view.wpmtst-default .wpmtst-testimonial-inner h3 {text-align: center;}
	.strong-view.nav-position-outside .wpmslider-controls {text-align: center!important;}
	.button-container {padding: 0px 0px;}
	.newsletter-container {padding: 60px 15px 60px 15px; margin-top: 60px;}
	
	.footer-line-left {width: 100%; padding: 0px 0px 10px 0px;}
	.footer-line-right {width: 100%; float: left; text-align: left; padding: 10px 0px 0px 0px; border-top: 1px solid var(--black);}
	
	.page-container {width: 100%;}
	
	.footer {margin-top: 60px;}
	
}