/*
Theme Name: Thonic 2026
Version: 1.0
Template: kalium
Text Domain: kalium
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/* --- ALLGEMEIN --- */

/* SohoGothicPro - Light */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'SohoGothicPro';
  font-style: normal;
  font-weight: 300;
    src: url("fonts/SohoGothicPro-Light.otf") format("opentype");
}

/* SohoGothicPro - Medium */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'SohoGothicPro';
  font-style: normal;
  font-weight: 600;
    src: url("fonts/SohoGothicPro-Medium.otf") format("opentype");
}

/* SohoGothicPro - Bold */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'SohoGothicPro';
  font-style: normal;
  font-weight: 700;
    src: url("fonts/SohoGothicPro-Bold.otf") format("opentype");
}

/* oxygen-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oxygen-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/oxygen-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oxygen-v16-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/oxygen-v16-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/oxygen-v16-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/oxygen-v16-latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
}

/* oxygen-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/oxygen-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/oxygen-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oxygen-v16-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/oxygen-v16-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/oxygen-v16-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/oxygen-v16-latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */
}

body, p {
    font-family: 'Oxygen' !important;
    font-weight: 400 !important;
    color: #505E5E;
}

h1 {
    font-family: 'SohoGothicPro' !important;
    font-weight: 700 !important;
    color: #505E5E !important;
    margin-bottom: 18px;
}

h1 span {
    color: #C9CA00;
}

h2 {
    font-family: 'SohoGothicPro' !important;
    font-weight: 700 !important;
    color: #505E5E;
    margin-bottom: 18px;
}

h2 span {
    color: #C9CA00;
}

h3 {
    font-family: 'SohoGothicPro' !important;
    font-weight: 300 !important;
    color: #505E5E;
    padding-bottom: 20px !important;
}

h4 {
    font-family: 'SohoGothicPro' !important;
    font-weight: 700 !important;
    color: #505E5E;
    margin-bottom: 20px !important;
}

h5 {
    font-family: 'SohoGothicPro' !important;
    font-weight: 600 !important;
    color: #505E5E;
    margin-bottom: 0px;
}

p {
    margin-bottom: 20px;
}

.big p {
    font-size: 28px;
    line-height: 30px;
}

a {
    color: #ABAC00;
}

a:hover, .wrapper a:hover {
    color: #ABAC00;
    text-decoration: none;
}

a::after {
    display: none !important;
}

.post-formatting a {
    color: #ABAC00;
    text-decoration: underline;
}

.post-formatting ol li, .post-formatting ul li, .widget.widget_media_gallery ol li, .widget.widget_media_gallery ul li {
    font-size: 20px;
    line-height: 30px;
    color: #505E5E;
    padding: 0px;
}

.vc_btn3, .mehr a {
    font-family: 'SohoGothicPro' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 34px !important;
    color: #ffffff !important;
    letter-spacing: 0px !important;
    text-align: left !important;
    padding-top: 10px !important;
    padding-bottom: 11px !important;
    padding-left: 46px !important;
    padding-right: 46px !important;
    background-image: none !important;
    background: #C9CA00 !important;
    border: 0px solid #C9CA00 !important;
    border-radius: 10px !important;
}

.mehr a {
    display: inline-block;
    margin-bottom: 20px !important;
}

.dunkel .vc_btn3 {
    background: #505E5E !important;
    border: 0px solid #505E5E !important;
}

.mit-icon .vc_btn3 {
    font-family: 'Oxygen' !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 28px !important;
    color: #ffffff !important;
    letter-spacing: 0px !important;
    text-align: left !important;
    padding-top: 23px !important;
    padding-bottom: 23px !important;
    padding-left: 110px !important;
    padding-right: 30px !important;
    background-image: none !important;
    background: #C9CA00 url(../../../wp-content/themes/thonic2026/bilder/schedule.png) left 30px center !important;
    background-repeat: no-repeat !important;
    background-size: 64px 64px !important;
    border: 0px solid #C9CA00 !important;
    border-radius: 20px !important;
}

.vc_do_btn {
    margin-bottom: 0px;
}

.quform-submit {
    font-family: 'SohoGothicPro' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 34px !important;
    color: #ffffff !important;
    letter-spacing: 0px !important;
    text-align: left !important;
    padding-top: 10px !important;
    padding-bottom: 11px !important;
    padding-left: 46px !important;
    padding-right: 46px !important;
    background-image: none !important;
    background: #C9CA00 !important;
    border: 0px solid #C9CA00 !important;
    border-radius: 10px !important;
    position: absolute;
    right: 0px;
}

.ohne {
    margin-bottom: 0px !important;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
    margin-bottom: 30px;
}

.zweispaltig {
    column-count: 2;
    column-gap: 40px;
}

.dreispaltig {
    column-count: 3;
    column-gap: 40px;
}

.mehr .wpb_wrapper {
    display: none;
    overflow: hidden;
    margin-top: 20px;
}

.mehr .wpb_wrapper h5 {
    font-size: 20px !important;
    line-height: 24px !important;
    margin-bottom: 20px !important;
}

.toggle-text {
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    text-decoration: none;
}

.toggle-text.less {
    margin-top: 20px;
}


/* --- KOPFBEREICH --- */

.header-block {
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/header-hg@2x.png) bottom center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.header-block__row {
    align-items: flex-start;
}

.standard-menu > nav {
    transform: translate(0px,-6px);
}

.standard-menu .menu > li > a {
    font-family: 'SohoGothicPro' !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 600 !important;
    color: #ABAC00 !important;
}

.site-header--sticky-active .standard-menu .menu > li > a {
    font-size: 16px !important;
    line-height: 22px !important;
}

.standard-menu .menu > li > a:hover {
    color: #505E5E !important;
}

.standard-menu .menu > li > a::after {
    display: none;
}

.standard-menu .menu > li.current-menu-item a {
    color: #505E5E !important;
}


/* --- HAUPTINHALTE --- */

/* --- Startseite --- */

#aufmacher {
    min-height: 37.5vw;
    padding-bottom: 2vw;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/aufmacher-home-min.jpg) top left -10vw;
    background-repeat: no-repeat;
    background-size: 110vw auto;
}

body.home #aufmacher {
    padding-bottom: 7vw;
}

#aufmacher .haupt {
    padding-left: 64%;
}

#einleitung {
    padding-top: 175px;
    padding-bottom: 85px;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/Header_bottom_green.png) top center;
    background-repeat: no-repeat;
    background-size: auto 100px;
}

#einleitung .weiche {
    padding-top: 60px;
}

#einleitung .privatpersonen {
    padding-left: 80px;
    padding-right: 80px;
}

#einleitung .unternehmen {
    padding-left: 80px;
    padding-right: 80px;
}

#einleitung h4 a {
    display: block;
    text-decoration: none;
    color: #505E5E;
}

#einleitung h4 a:hover {
    text-decoration: none;
    color: #505E5E;
}

#einleitung .privatpersonen h4 a {
    padding-top: 154px;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Privat.png) top center;
    background-repeat: no-repeat;
    background-size: 123px 124px;
}

#einleitung .unternehmen h4 a {
    padding-top: 154px;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Unternehmen.png) top center;
    background-repeat: no-repeat;
    background-size: 123px 124px;
}

.einschub {
    position: relative;
    padding-bottom: 100px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/hg-balken-braun-unten.png) bottom center;
    background-repeat: no-repeat;
    background-size: auto 100px;
    z-index: 100;
}

.einschub.dunkel {
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/hg-balken-dunkel-unten.png) bottom center;
    background-repeat: no-repeat;
    background-size: auto 100px;
}

body.home .einschub {
    padding-bottom: 0px;
    background: none;
}

body.home .einschub h4 {
    font-size: 36px;
    line-height: 40px;
}

.einschub .haupt {
    margin: 0 auto;
    padding-top: 120px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    background: #afa08c url(../../../wp-content/themes/thonic2026/bilder/hg-balken-braun-oben.png) top center;
    background-repeat: no-repeat;
    background-size: auto 100px;
}

.einschub.dunkel .haupt {
    background: #505E5E url(../../../wp-content/themes/thonic2026/bilder/hg-balken-dunkel-oben.png) top center;
    background-repeat: no-repeat;
    background-size: auto 100px;
}

.einschub .haupt .vc_column-inner {
    max-width: 1200px;
    margin: 0 auto;
}

.einschub h4, .einschub li, .einschub li a {
    color: #ffffff;
}

.einschub .zahlen {
    margin-bottom: 0px;
}

body.home .einschub .zahlen {
    padding-left: 16%;
    padding-right: 16%;
}

.einschub .zahlen ul {
    list-style: none;
    padding-left: 0px;
}

.einschub .zahlen li {
    position: relative;
    padding-left: 70px;
    font-size: 24px;
    line-height: 40px;
    margin-top: 10px;
}

.einschub .zahlen li:before {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    content: "1";
    width: 36px;
    height: 36px;
    font-family: 'SohoGothicPro' !important;
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    color: #C9CA00 !important;
    text-align: center;
    background: #ffffff;
    border-radius: 50%;
}

.einschub .zahlen li:nth-of-type(1):before {
    content: "1";
}

.einschub .zahlen li:nth-of-type(2):before {
    content: "2";
}

.einschub .zahlen li:nth-of-type(3):before {
    content: "3";
}

.einschub .zahlen li:nth-of-type(4):before {
    content: "4";
}

.einschub .zahlen li:nth-of-type(5):before {
    content: "5";
}

.einschub .zahlen li:nth-of-type(6):before {
    content: "6";
}

#bild-dialog {
    min-height: 50vw;
    min-height: 64vw;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/bild-dialog-min.jpg) top left;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/bild-dialog-neu-min.jpg) top left;
    background-repeat: no-repeat;
    background-size: 100vw auto;
}

#bild-dialog .haupt {
    height: 100px;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/hg-balken-braun-unten.png) top center;
    background-repeat: no-repeat;
    background-size: auto 100px;
}

#unten {
    min-height: 60px;
}

/* --- Für Privatpersonen --- */

#aufmacher.privatpersonen {
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/iStock-2220438821-min.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#aufmacher.privatpersonen .haupt {
    padding-left: 0%;
}

#aufmacher.privatpersonen h2 {
    color: #ffffff;
}

#einleitung.privatpersonen {
    padding-bottom: 65px;
}

#einleitung.privatpersonen h1 {
    padding-left: 130px;
    margin-bottom: 65px;
    line-height: 54px !important;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Privat.png) left top 10px;
    background-repeat: no-repeat;
    background-size: 95px 96px;
}

#einleitung.privatpersonen ul {
    list-style: none;
    padding-left: 0px;
}

#einleitung.privatpersonen li {
    font-size: 16px;
    line-height: 24px;
    padding-left: 65px;
    margin-bottom: 30px;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/check-circle-Filled_green.png) left top 2px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
}

.links-rechts {
    padding-top: 60px;
    padding-bottom: 20px;
}

.links-rechts .wpb_content_element {
    margin-bottom: 0px;
}

.links-rechts .vc_row-o-equal-height {
    margin-bottom: 0px !important;
}

.links-rechts h4 {
    position: relative;
    padding-left: 70px;
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 40px !important;
}

.links-rechts h4:before {
    position: absolute;
    left: 0px;
    top: 3px;
    display: block;
    content: "1";
    width: 31px;
    height: 31px;
    font-family: 'SohoGothicPro' !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-align: center;
    background: #C9CA00;
    border-radius: 50%;
}

.links-rechts.nr1 h4:before {
    content: "1";
}

.links-rechts.nr2 h4:before {
    content: "2";
}

.links-rechts.nr3 h4:before {
    content: "3";
}

.links-rechts.nr4 h4:before {
    content: "4";
}

.links-rechts.nr5 h4:before {
    content: "5";
}

.links-rechts.nr6 h4:before {
    content: "6";
}

.links-rechts p, .links-rechts li, .links-rechts a {
    font-size: 16px;
    line-height: 24px;
}

.links-rechts ul {
    padding-left: 18px;
}

.links-rechts li::marker {
    color: #C9CA00;
}

.links-rechts .links {
    width: 48%;
}

.links-rechts .rechts {
    width: 52%;
    padding-left: 90px;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/Pfeile.png) left 35px top 6px;
    background-repeat: no-repeat;
    background-size: 48px 39px;
}

.links-rechts .mehr, .links-rechts .wpb_raw_code {
    padding-left: 72px;
    padding-right: 72px;
}

#tier  {
    margin-top: 60px;
}

.zwischentext {
    padding-top: 60px;
    padding-bottom: 30px;
}

.zwischentext .mehr, .zwischentext .wpb_raw_code {
    padding-left: 72px;
    padding-right: 72px;
}

#mit-emma {
    min-height: 58vw;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/bild-mit-emma-min.jpg) center center;
    background-repeat: no-repeat;
    background-size: 100vw auto;
}

/* --- Für Unternehmen --- */

#aufmacher.unternehmen {
    padding-bottom: 2vw;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/iStock-1306661736-min.jpg) bottom -12vw center;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/iStock-1306661736-min.jpg) bottom -17vw center;
    background-repeat: no-repeat;
    background-size: cover;
}

#aufmacher.unternehmen .haupt {
    padding-left: 0%;
}

#aufmacher.unternehmen h2, #aufmacher.unternehmen p {
    color: #ffffff;
}

#aufmacher.unternehmen h2 span {
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
}

#einleitung.unternehmen {
    padding-bottom: 65px;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/Header_bottom_grey.png) top center;
    background-repeat: no-repeat;
    background-size: auto 100px;
}

#einleitung.unternehmen h1 {
    padding-left: 130px;
    margin-bottom: 65px;
    line-height: 54px !important;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Unternehmen.png) left top 10px;
    background-repeat: no-repeat;
    background-size: 95px 96px;
}

#einleitung.unternehmen .check {
    padding-top: 40px;
}

#einleitung.unternehmen ul {
    list-style: none;
    padding-left: 0px;
}

#einleitung.unternehmen li {
    min-height: 34px;
    font-size: 16px;
    line-height: 24px;
    padding-left: 65px;
    margin-bottom: 30px;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/check-circle-Filled_grey.png) left top 2px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
}

.zwischentext h3 {
    font-size: 20px !important;
    line-height: 35px !important;
    font-weight: 700 !important;
}

/* --- Über mich --- */

#aufmacher.ueber-mich {
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/aufmacher-ueber-mich-min.jpg) top -3vw center;
    background-repeat: no-repeat;
    background-size: cover;
}

#aufmacher.ueber-mich .haupt {
    padding-left: 0%;
}

#einleitung.ueber-mich h1 {
    margin-bottom: 80px !important;
}

#einleitung.ueber-mich h4 {
    font-size: 20px;
    line-height: 35px;
}

.einschub .wpb_row {
    margin-bottom: 30px !important;
}

#referenzen .kasten .vc_column-inner .wpb_wrapper {
    height: 100%;
    padding: 30px;
    background: #ffffff;
    border-radius: 20px;
}

#referenzen .kasten .vc_column-inner .wpb_wrapper .wpb_wrapper {
    height: inherit;
    padding: inherit;
    background: none;
    border-radius: 0px;
}

#referenzen .wpb_text_column {
    margin-bottom: 0px;
}

#referenzen .kasten p {
    font-size: 16px !important;
    line-height: 24px !important;
}

/* --- FAQ --- */

#faq {
    padding-top: 65px;
    padding-bottom: 100px;
}

#faq .wpb_content_element {
    margin-bottom: 0px;
}

#faq h1 {
    margin-bottom: 60px;
}

#faq h2 {
    font-family: 'SohoGothicPro' !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 30px !important;
    color: #505E5E;
    margin-bottom: 20px;
}

#faq h3 {
    font-family: 'SohoGothicPro' !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 30px !important;
    color: #ffffff !important;
    margin-bottom: 0px;
    padding-bottom: 0px !important;
}

#faq .vc_tta-container {
    margin-bottom: 40px;
}

#faq .wpb_wrapper .vc_tta-accordion .vc_tta-panel {
    margin-bottom: 5px;
    border-radius: 0px !important;
    background: #C9CA00;
}

#faq .wpb_wrapper .vc_tta-accordion .vc_tta-panel.vc_active {
    background: transparent;
}

#faq .wpb_wrapper .vc_tta-accordion .vc_tta-panel.vc_active h3 {
    background: #505E5E;
}

#faq .vc_tta.vc_general .vc_tta-panel-title > a {
    color: #ffffff !important;
    padding: 1px 16px 3px 79px;
}

#faq .vc_tta-panel-heading {
    border: none !important;
    border-radius: 0px !important;
}

#faq .vc_tta-panel-heading h3 {
    font-family: 'SohoGothicPro' !important;
    font-style: normal;
    font-weight: 600;
    color: #ffffff;
}

#faq .vc_tta .vc_tta-controls-icon {
    color: #ffffff !important;
    width: 12px;
    height: 12px;
}

#faq .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    border-width: 2px 0 0;
}

#faq .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    border-width: 0 0 0 2px;
}

#faq .vc_tta.vc_general .vc_tta-panel-body {
    padding: 16px 16px 24px 76px;
}

#faq .vc_tta.vc_general .vc_tta-panel-body p, #faq .vc_tta.vc_general .vc_tta-panel-body li {
    font-family: 'Oxygen' !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #505E5E;
}

/* --- Kontakt --- */

#aufmacher.kontakt {
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/iStock-173801134-min.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#aufmacher.kontakt .haupt {
    padding-left: 0%;
}

#aufmacher.kontakt h2, #aufmacher.kontakt p {
    color: #ffffff;
}

#aufmacher.kontakt h2 span {
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
}

#einleitung.kontakt {
    padding-bottom: 20px;
}

#einleitung.kontakt h1 {
    margin-bottom: 30px !important;
}

#formular {
    padding-top: 0px;
    padding-bottom: 160px;
}

.quform input[type="checkbox"], .quform input[type="radio"] {
    width: 18px;
}

/* --- Impressum & Datenschutz --- */

#impressum-datenschutz {
    padding-top: 65px;
    padding-bottom: 100px;
}

#impressum-datenschutz .vc_column-inner {
    padding-left: 20%;
    padding-right: 20%;
}


/* --- FOOTER --- */

.site-footer {
    padding-top: 100px;
    margin-top: -60px;
    /*margin-top: 100px;*/
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/hg-balken-footer.png) top center;
    background-repeat: no-repeat;
    background-size: auto 100px;
}

body.home .site-footer {
    margin-top: -60px;
}

.site-footer .lb-element-footer-container-row {
    padding-top: 20px;
    padding-bottom: 20px;
    background: transparent;
    background: #505E5E;
}

.site-footer .lb-element-footer-container-row-de0c044b3c {
    padding-top: 0px !important;
}

.site-footer .lb-element-footer-container-row-a315057e4c {
    padding: 0px;
}

.site-footer .lb-element-footer-container-row .col-xl-3 {
    text-align: center;
}

.site-footer .widget h4, .site-footer .widget h5, .site-footer .widget p {
    color: #ffffff !important;
}

.site-footer .widget h5 {
    padding-top: 80px;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Telefon.png) top center;
    background-repeat: no-repeat;
    background-size: 70px 70px;
}

.site-footer #text-2 h5 {
    padding-top: 80px;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Mail.png) top center;
    background-repeat: no-repeat;
    background-size: 70px 70px;
}

.site-footer #text-4 h5 {
    padding-top: 80px;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Standort.png) top center;
    background-repeat: no-repeat;
    background-size: 70px 70px;
}

.site-footer #text-6 h5 {
    padding-top: 80px;
    background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Erreichbarkeit.png) top center;
    background-repeat: no-repeat;
    background-size: 70px 70px;
}

.site-footer .widget a {
    color: #ffffff !important;
    text-decoration: none;
}

.site-footer .widget a:hover {
    color: #C9CA00 !important;
}

.site-footer .lb-element-footer-container-row-2385805a38 p {
    font-family: 'Oxygen' !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
}

.site-footer .lb-element-footer-container-row-2385805a38 p a {
    font-family: 'SohoGothicPro' !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
}

.site-footer .lb-element-footer-container-row-2385805a38 p a:hover {
    color: #C9CA00 !important;
}

.go-to-top {
    margin: 30px 30px 35px 30px;
    background-color: #ABAC00;
}

.go-to-top.visible:hover {
    background-color: #ABAC00;
}


/* --- RETINA ----------------------------------------------------------------------------------------------------- */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
   /* Retina-specific stuff here */

}



/* --- RESPONSIVE ------------------------------------------------------------------------------------------------- */


@media only screen and (min-width: 2501px) {

}

@media only screen and (min-width: 2201px) and (max-width: 2500px) {

}

@media only screen and (min-width: 1601px) and (max-width: 2200px) {

    #aufmacher {
        min-height: 43.5vw;
        min-height: 38vw;
        min-height: 40vw;
        
        /*background: transparent url(../../../wp-content/themes/thonic2026/bilder/aufmacher-home-min.jpg) top left;
	background-repeat: no-repeat;
	background-size: 100vw auto;*/
    }
    
    body.home #aufmacher {
        padding-bottom: 10vw;
        padding-bottom: 7vw;
    }

}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {

    #aufmacher {
        min-height: 41.5vw;
        min-height: 39vw;
    }

    body.home #aufmacher {
        padding-bottom: 9vw;
    }

}

@media only screen and (min-width: 1261px) and (max-width: 1400px) {

    #aufmacher {
        min-height: 39.5vw;
        min-height: 38vw;
    }

    body.home #aufmacher {
        padding-bottom: 8vw;
    }

}



/* ==============================================================================================================================
/*
/* 	#Desktop Notebook	<= 1260
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 1260px) {

    body, p {
        font-size: 18px !important;
        line-height: 28px !important;
    }
    
    h1 {
        font-size: 38px !important;
        line-height: 45px !important;
    }
    
    h2 {
        font-size: 38px !important;
        line-height: 45px !important;
    }
    
    h3 {
        font-size: 25px !important;
        line-height: 40px !important;
    }
    
    h4 {
        font-size: 25px !important;
        line-height: 30px !important;
    }
    
    h5 {
        font-size: 15px !important;
        line-height: 28px !important;
    }
    
    .big p {
        font-size: 24px;
        line-height: 28px;
    }
    
    .post-formatting ol li, .post-formatting ul li, .widget.widget_media_gallery ol li, .widget.widget_media_gallery ul li {
        font-size: 18px;
        line-height: 28px;
    }
    
    .vc_btn3, .mehr a {
        font-size: 15px !important;
        line-height: 32px !important;
    }

    .mit-icon .vc_btn3 {
        font-size: 26px !important;
        line-height: 24px !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        padding-left: 100px !important;
        padding-right: 23px !important;
        background: #C9CA00 url(../../../wp-content/themes/thonic2026/bilder/schedule.png) left 23px center !important;
        background-repeat: no-repeat !important;
        background-size: 60px 60px !important;
    }
    
    .header-logo.logo-image {
    	width: 142px;
    	height: auto;
    }
    
    .standard-menu .menu > li > a {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    
    .site-header--sticky-active .standard-menu .menu > li > a {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    #aufmacher {
        min-height: 47.5vw;
        /*padding-bottom: 6vw;*/
    }
    
    #einleitung {
        padding-left: 42px;
        padding-right: 42px;
    }
    
    #einleitung .privatpersonen h4 a {
        padding-top: 144px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Privat.png) top center;
        background-repeat: no-repeat;
        background-size: 113px 114px;
    }
    
    #einleitung .unternehmen h4 a {
        padding-top: 144px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Unternehmen.png) top center;
        background-repeat: no-repeat;
        background-size: 113px 114px;
    }
    
    body.home .einschub h4 {
        font-size: 36px !important;
        line-height: 40px !important;
    }

    .einschub .zahlen {
        padding-left: 25px;
        padding-right: 25px;
    }

    .einschub .zahlen li {
        font-size: 22px;
        line-height: 36px;
    }
    
    .einschub .zahlen li:before {
        top: 3px;
        width: 34px;
        height: 34px;
        font-family: 'SohoGothicPro' !important;
        font-size: 22px !important;
        line-height: 30px !important;
    }

    #einleitung.privatpersonen li {
        font-size: 16px;
        line-height: 24px;
        padding-left: 60px;
        margin-bottom: 30px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/check-circle-Filled_green.png) left top 2px;
        background-repeat: no-repeat;
        background-size: 28px 28px;
    }
    
    .links-rechts h4 {
        font-size: 20px !important;
        line-height: 35px !important;
    }

    .links-rechts p, .links-rechts li {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    
    #einleitung.unternehmen li {
        font-size: 16px;
        line-height: 24px;
        padding-left: 65px;
        margin-bottom: 30px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/check-circle-Filled_grey.png) left top 2px;
        background-repeat: no-repeat;
        background-size: 28px 28px;
    }
    
    #referenzen p {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    #faq {
        padding-left: 42px;
        padding-right: 42px;
    }
    
    #faq h2 {
        font-size: 15px !important;
        line-height: 28px !important;
    }
    
    #faq h3 {
        font-size: 15px !important;
        line-height: 28px !important;
    }
    
    #faq .vc_tta.vc_general .vc_tta-panel-body p, #faq .vc_tta.vc_general .vc_tta-panel-body li {
        font-size: 15px !important;
        line-height: 24px !important;
    }

    .site-footer .lb-element-footer-container-row-2385805a38 p {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    .site-footer .lb-element-footer-container-row-2385805a38 p a {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    .site-footer .widget h5 {
        padding-top: 70px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Telefon.png) top center;
        background-repeat: no-repeat;
        background-size: 60px 60px;
    }
    
    .site-footer #text-2 h5 {
        padding-top: 70px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Mail.png) top center;
        background-repeat: no-repeat;
        background-size: 60px 60px;
    }
    
    .site-footer #text-4 h5 {
        padding-top: 70px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Standort.png) top center;
        background-repeat: no-repeat;
        background-size: 60px 60px;
    }
    
    .site-footer #text-6 h5 {
        padding-top: 70px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Erreichbarkeit.png) top center;
        background-repeat: no-repeat;
        background-size: 60px 60px;
    }

}


/* ==============================================================================================================================
/*
/* 	#Browserfenster kleiner	<= 1200
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 1200px) {

}


/* ==============================================================================================================================
/*
/* 	#Tablet (Portrait) & Mobile	<= 1000			OR Smartphone (Landscape)
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 1000px), only screen and (max-device-width: 844px) and (orientation: landscape) {

}


/* ==============================================================================================================================
/*
/* 	#Tablet (Portrait) & Mobile	<= 820			OR Smartphone (Landscape)
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 820px) {

    body, p {
        font-size: 18px !important;
        line-height: 26px !important;
    }
    
    h1 {
        font-size: 34px !important;
        line-height: 40px !important;
    }
    
    h2 {
        font-size: 34px !important;
        line-height: 40px !important;
    }
    
    h3 {
        font-size: 24px !important;
        line-height: 36px !important;
    }
    
    h4 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
    
    h5 {
        font-size: 15px !important;
        line-height: 28px !important;
    }
    
    .big p {
        font-size: 22px;
        line-height: 26px;
    }
    
    .post-formatting ol li, .post-formatting ul li, .widget.widget_media_gallery ol li, .widget.widget_media_gallery ul li {
        font-size: 18px;
        line-height: 26px;
    }
    
    .vc_btn3, .mehr a {
        font-size: 15px !important;
        line-height: 28px !important;
    }

    .mit-icon .vc_btn3 {
        font-size: 22px !important;
        line-height: 20px !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        padding-left: 80px !important;
        padding-right: 20px !important;
        background: #C9CA00 url(../../../wp-content/themes/thonic2026/bilder/schedule.png) left 20px center !important;
        background-repeat: no-repeat !important;
        background-size: 40px 40px !important;
    }
    
    .header-logo.logo-image {
    	width: 122px;
    	height: auto;
    }
    
    .standard-menu .menu > li > a {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    
    .site-header--sticky-active .standard-menu .menu > li > a {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    
    #aufmacher {
        min-height: 57.5vw;
        padding-bottom: 2vw;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/aufmacher-home-min.jpg) top left -20vw;
        background-repeat: no-repeat;
        background-size: 120vw auto;
    }
    
    body.home #aufmacher {
        padding-bottom: 3vw;
    }
    
    #aufmacher .haupt {
        padding-left: 58%;
    }
    
    #einleitung {
        padding-top: 125px;
        padding-bottom: 45px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    #einleitung .privatpersonen {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    #einleitung .privatpersonen h4 a {
        padding-top: 124px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Privat.png) top center;
        background-repeat: no-repeat;
        background-size: 93px 94px;
    }
    
    #einleitung .unternehmen {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    #einleitung .unternehmen h4 a {
        padding-top: 124px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Unternehmen.png) top center;
        background-repeat: no-repeat;
        background-size: 93px 94px;
    }    
    
    body.home .einschub h4 {
        font-size: 34px !important;
        line-height: 40px !important;
    }
    
    body.home .einschub .zahlen {
        padding-left: 20px;
        padding-right: 20px;
    }

    .einschub .zahlen {
        padding-left: 20px;
        padding-right: 20px;
    }

    .einschub .zahlen li {
        font-size: 20px;
        line-height: 32px;
    }
    
    .einschub .zahlen li:before {
        top: 3px;
        width: 32px;
        height: 32px;
        font-family: 'SohoGothicPro' !important;
        font-size: 20px !important;
        line-height: 30px !important;
    }
    
    #einleitung.privatpersonen {
        padding-bottom: 10px;
    }

    #einleitung.privatpersonen li {
        font-size: 16px;
        line-height: 24px;
        padding-left: 40px;
        margin-bottom: 20px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/check-circle-Filled_green.png) left top 2px;
        background-repeat: no-repeat;
        background-size: 26px 26px;
    }
    
    .links-rechts h4 {
        font-size: 18px !important;
        line-height: 32px !important;
    }

    .links-rechts p, .links-rechts li {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    .mehr .wpb_wrapper h5 {
        font-size: 18px !important;
        line-height: 22px !important;
        margin-bottom: 18px !important;
    }
    
    #einleitung.unternehmen li {
        font-size: 15px;
        line-height: 24px;
        padding-left: 40px;
        margin-bottom: 20px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/check-circle-Filled_grey.png) left top 2px;
        background-repeat: no-repeat;
        background-size: 26px 26px;
    }
    
    #referenzen p {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    .zwischentext {
        padding-top: 30px;
        padding-bottom: 10px;
    }
    
    #aufmacher.ueber-mich {
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/aufmacher-ueber-mich-min.jpg) top 0vw center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .dreispaltig {
        column-count: 2;
        column-gap: 40px;
    }
    
    #faq {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    #faq h2 {
        font-size: 15px !important;
        line-height: 26px !important;
    }
    
    #faq h3 {
        font-size: 15px !important;
        line-height: 26px !important;
    }
    
    #faq .vc_tta.vc_general .vc_tta-panel-body p, #faq .vc_tta.vc_general .vc_tta-panel-body li {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    #formular {
        padding-bottom: 100px;
    }
    
    #impressum-datenschutz .vc_column-inner {
        padding-left: 12%;
        padding-right: 12%;
    }
    
    .site-footer .col-md-3 {
        width: 50%;
        margin-top: 40px;
    }

    .site-footer .lb-element-footer-container-row-2385805a38 p {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    .site-footer .lb-element-footer-container-row-2385805a38 p a {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    .site-footer .widget h5 {
        padding-top: 70px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Telefon.png) top center;
        background-repeat: no-repeat;
        background-size: 60px 60px;
    }
    
    .site-footer #text-2 h5 {
        padding-top: 70px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Mail.png) top center;
        background-repeat: no-repeat;
        background-size: 60px 60px;
    }
    
    .site-footer #text-4 h5 {
        padding-top: 70px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Standort.png) top center;
        background-repeat: no-repeat;
        background-size: 60px 60px;
    }
    
    .site-footer #text-6 h5 {
        padding-top: 70px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Erreichbarkeit.png) top center;
        background-repeat: no-repeat;
        background-size: 60px 60px;
    }

}


/* ==============================================================================================================================
/*
/* 	#Mobile (Landscape)	<= 740																			#Mobile (Portrait)	< 480
/* 
/* =========================================================================================================================== */

@media only screen and (max-device-width: 740px) and (orientation: landscape) {

}


/* ==============================================================================================================================
/*
/* 	#Mobile (Portrait)	<= 540																			#Mobile (Portrait)	< 480
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 540px) {

    body, p {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    h1 {
        font-size: 28px !important;
        line-height: 34px !important;
        margin-bottom: 10px;
    }
    
    h2 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    
    h3 {
        font-size: 20px !important;
        line-height: 32px !important;
    }
    
    h4 {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    
    h5 {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    
    .big p {
        font-size: 20px;
        line-height: 26px;
    }
    
    .post-formatting ol li, .post-formatting ul li, .widget.widget_media_gallery ol li, .widget.widget_media_gallery ul li {
        font-size: 15px;
        line-height: 24px;
    }
    
    .vc_btn3, .mehr a {
        font-size: 15px !important;
        line-height: 28px !important;
    }

    .mit-icon .vc_btn3 {
        font-size: 18px !important;
        line-height: 18px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        padding-left: 60px !important;
        padding-right: 16px !important;
        background: #C9CA00 url(../../../wp-content/themes/thonic2026/bilder/schedule.png) left 16px center !important;
        background-repeat: no-repeat !important;
        background-size: 30px 30px !important;
    }
    
    .header-logo.logo-image {
    	width: 100px;
    	height: auto;
    }
    
    .standard-menu .menu > li > a {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    
    .site-header--sticky-active .standard-menu .menu > li > a {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    
    #aufmacher {
        min-height: 90vw;
        padding-bottom: 2vw;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/aufmacher-home-min.jpg) top left -50vw;
        background-repeat: no-repeat;
        background-size: 150vw auto;
    }
    
    body.home #aufmacher {
        padding-bottom: 4vw;
    }
    
    #aufmacher .haupt {
        padding-left: 45%;
    }
    
    #einleitung {
        padding-top: 100px;
        padding-bottom: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #einleitung .weiche {
        padding-top: 20px;
    }
    
    #einleitung .privatpersonen {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 60px;
    }
    
    #einleitung .privatpersonen h4 a {
        padding-top: 74px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Privat.png) top center;
        background-repeat: no-repeat;
        background-size: 63px 64px;
    }
    
    #einleitung .unternehmen {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 60px;
    }
    
    #einleitung .unternehmen h4 a {
        padding-top: 74px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Unternehmen.png) top center;
        background-repeat: no-repeat;
        background-size: 63px 64px;
    }    
    
    body.home .einschub h4 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    
    body.home .einschub .zahlen {
        padding-left: 0px;
        padding-right: 0px;
    }

    .einschub .zahlen {
        padding-left: 0px;
        padding-right: 0px;
    }

    .einschub .zahlen li {
        font-size: 18px;
        line-height: 28px;
    }
    
    .einschub .zahlen li:before {
        top: 3px;
        width: 28px;
        height: 28px;
        font-family: 'SohoGothicPro' !important;
        font-size: 18px !important;
        line-height: 26px !important;
    }
    
    #einleitung.privatpersonen {
        padding-bottom: 0px;
    }
    
    #einleitung.privatpersonen h1 {
        padding-left: 0px;
        padding-top: 90px;
        margin-bottom: 40px;
        line-height: 38px !important;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Privat.png) left top;
        background-repeat: no-repeat;
        background-size: 75px 76px;
    }
    
    .zweispaltig {
        column-count: 1;
        column-gap: 0px;
    }

    #einleitung.privatpersonen li {
        font-size: 16px;
        line-height: 24px;
        padding-left: 40px;
        margin-bottom: 20px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/check-circle-Filled_green.png) left top 2px;
        background-repeat: no-repeat;
        background-size: 26px 26px;
    }
    
    .links-rechts .links {
        width: 100%;
    }
    
    .links-rechts .rechts {
        width: 100%;
        padding-left: 0px;
        padding-top: 70px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Pfeile.png) left 15px top 20px;
        background-repeat: no-repeat;
        background-size: 40px 33px;
    }
    
    .links-rechts h4 {
        font-size: 18px !important;
        line-height: 32px !important;
        padding-left: 50px;
        margin-bottom: 30px !important;
    }
    
    .links-rechts p, .links-rechts li {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    .links-rechts .mehr, .links-rechts .wpb_raw_code {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .mehr .wpb_wrapper h5 {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 16px !important;
    }
    
    .einschub .zahlen li {
        padding-left: 50px;
        font-size: 22px;
        line-height: 32px;
        margin-top: 10px;
    }
    
    .zwischentext .mehr, .zwischentext .wpb_raw_code {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #einleitung.unternehmen h1 {
        padding-left: 0px;
        padding-top: 90px;
        margin-bottom: 40px;
        line-height: 38px !important;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Unternehmen.png) left top;
        background-repeat: no-repeat;
        background-size: 75px 76px;
    }
    
    #einleitung.unternehmen li {
        font-size: 15px;
        line-height: 24px;
        padding-left: 40px;
        margin-bottom: 20px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/check-circle-Filled_grey.png) left top 2px;
        background-repeat: no-repeat;
        background-size: 26px 26px;
    }
    
    #referenzen.einschub .wpb_row {
        margin-bottom: 0px !important;
    }
    
    #referenzen.einschub .wpb_row .kasten {
        margin-bottom: 20px !important;
    }
    
    #referenzen p {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    .zwischentext {
        padding-top: 30px;
        padding-bottom: 10px;
    }
    
    #aufmacher.ueber-mich {
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/aufmacher-ueber-mich-min.jpg) top 0vw center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .dreispaltig {
        column-count: 1;
        column-gap: 0px;
    }
    
    #faq {
        padding-top: 55px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 60px;
    }
    
    #faq h2 {
        font-size: 15px !important;
        line-height: 26px !important;
    }
    
    #faq h3 {
        font-size: 15px !important;
        line-height: 26px !important;
    }
    
    #faq .vc_tta.vc_general .vc_tta-panel-title > a {
        padding: 1px 16px 3px 49px;
    }
    
    #faq .vc_tta.vc_general .vc_tta-panel-body {
        padding: 16px 0px 20px 46px;
    }
    
    #faq .vc_tta.vc_general .vc_tta-panel-body p, #faq .vc_tta.vc_general .vc_tta-panel-body li {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    #formular {
        padding-bottom: 100px;
    }
    
    #impressum-datenschutz {
        padding-top: 55px;
        padding-bottom: 60px;
    }
    
    #impressum-datenschutz .vc_column-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .site-footer .col-12 {
        width: 50%;
    }
    
    .site-footer .lb-element-footer-container-row-2385805a38 {
        width: 100%;
    }
    
    .site-footer .lb-element-footer-container-row-2385805a38 .col-12 {
        width: 100%;
    }
    
    .site-footer .col-md-3 {
        width: 50%;
        margin-top: 40px;
    }

    .site-footer .lb-element-footer-container-row-2385805a38 p {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    .site-footer .lb-element-footer-container-row-2385805a38 p a {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    .site-footer .widget h5 {
        padding-top: 70px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Telefon.png) top center;
        background-repeat: no-repeat;
        background-size: 60px 60px;
    }
    
    .site-footer #text-2 h5 {
        padding-top: 70px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Mail.png) top center;
        background-repeat: no-repeat;
        background-size: 60px 60px;
    }
    
    .site-footer #text-4 h5 {
        padding-top: 70px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Standort.png) top center;
        background-repeat: no-repeat;
        background-size: 60px 60px;
    }
    
    .site-footer #text-6 h5 {
        padding-top: 70px;
        background: transparent url(../../../wp-content/themes/thonic2026/bilder/Icon_Erreichbarkeit.png) top center;
        background-repeat: no-repeat;
        background-size: 60px 60px;
    }

}


@media only screen and (max-width: 375px) {

}


@media only screen and (max-width: 320px) {

}