/*
Theme Name: Africavenir International 2023
Version: 1.0
Template: kalium
Text Domain: kalium
*/

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


/* --- ALLGEMEIN --- */

/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lato-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/lato-v24-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/lato-v24-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/lato-v24-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-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: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/lato-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/lato-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lato-v24-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/lato-v24-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/lato-v24-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/lato-v24-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

body, p {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400 !important;
    color: #777777;
}

p {
    margin-bottom: 24px;
}

h1 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700 !important;
    color: #000000;
}

h2 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700 !important;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 15px;
}

h3 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700 !important;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 15px;
}

h4 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700 !important;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
}

body.home h3, #newsletter h3 {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 10px;
}

h5 {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500 !important;
    color: #ffffff;
    letter-spacing: 6px;
    text-transform: uppercase;
}

a {
    color: #FF7D00;
}

a:hover {
    color: #FF7D00;
}

.wrapper a:hover {
    color: #FF7D00;
}

.site-footer a::after, .wrapper a::after {
    color: #FF7D00 !important;
    display: none;
}

b, strong {
    font-weight: 700;
    color: #000000;
}

.post-formatting ol li, .post-formatting ul li {
    font-size: 16px;
    line-height: 25px;
    padding: 0px;
    color: #777777;
}

.big p, p.big {
    font-size: 18px;
    line-height: 26px;
}

.vc_btn3-container {
    margin-bottom: 0px;
}

.vc_btn3.vc_btn3-size-md, .rev-btn {
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    color: #ffffff !important;
    min-width: 90px !important;
    text-align: center !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 4px;
    background-color: #ff7d00 !important;
}

.vc_btn3.vc_btn3-size-md:hover, .rev-btn:hover {
    background-color: #ff8d20 !important;
}

.pagination--infinite-scroll .pagination--infinite-scroll-show-more {
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    color: #ffffff !important;
    min-width: 90px !important;
    text-align: center !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 4px;
    background-color: #ff7d00 !important;
}

.pagination--infinite-scroll .pagination--infinite-scroll-show-more:hover {
    background-color: #ff8d20 !important;
}

.pagination--infinite-scroll .pagination--infinite-scroll-show-more .all-items-shown {
    display: none;
}

.pagination--infinite-scroll .pagination--infinite-scroll-all-items-shown {
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    color: #ffffff !important;
    min-width: 290px !important;
    height: 42px !important;
    text-align: center !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 4px;
    background-color: #ff7d00 !important;
}

.pagination--infinite-scroll .pagination--infinite-scroll-show-more .all-items-shown {
    position: relative;
    top: inherit;
    left: inherit;
    bottom: inherit;
    padding: 0;
    opacity: 1 !important;
    visibility: visible !important;
}

.pagination--infinite-scroll .pagination--infinite-scroll-show-more.pagination--infinite-scroll-all-items-shown .all-items-shown {
    display: inline;
}

.pagination--infinite-scroll .pagination--infinite-scroll-show-more.pagination--infinite-scroll-all-items-shown .show-more-text {
    display: none;
}

.vc_btn3.vc_btn3-style-custom {
    background-image: none !important;
}

.rev-btn {
    line-height: 60px !important;
    min-width: 120px !important;
}

.raw-text-widget .vc_btn3.vc_btn3-size-md {
    font-size: 13px !important;
    line-height: 36px !important;
    min-width: 90px !important;
}

.vc_btn3.vc_btn3-size-md.vc_btn3-style-outline-custom {
    color: #ff7d00 !important;
    border: 1px solid #ff7d00 !important;
    background-color: #ffffff !important;
}

.vc_btn3.vc_btn3-size-md.vc_btn3-style-outline-custom:hover {
    color: #ffffff !important;
    border: 1px solid #ff7d00 !important;
    background-color: #ff7d00 !important;
}

#standard {
    margin-top: 80px;
    margin-bottom: 60px;
}

.fliesstext {
    padding-top: 0px;
    padding-bottom: 40px;
}

.fliesstext .vc_column-inner {
    padding-left: 135px;
    padding-right: 135px;
}

.fliesstext .wpb_wrapper .vc_column-inner {
    padding-left: 15px;
    padding-right: 15px;
}

.fliesstext .wpb_content_element {
    margin-bottom: 24px;
}

.fliesstext h2 {
    margin-top: 30px;
    margin-bottom: 15px;
}

.fliesstext h3 {
    font-size: 24px !important;
    line-height: 30px !important;
    margin-top: 30px;
    margin-bottom: 15px;
}

.fliesstext h4 {
    font-size: 18px !important;
    line-height: 22px !important;
    margin-top: 20px !important;
    margin-bottom: 0px !important;
}

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

input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"], textarea {
    border: 1px solid #cbcbcb;
}

input[type="checkbox"], input[type="radio"] {
    border: 1px solid #cbcbcb;
}

input[type="checkbox"]::before, input[type="radio"]::before {
    background-color: #ff7d00;
}


/* --- KOPFBEREICH --- */

.standard-menu-container.menu-skin-main ul.menu>li>a {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.standard-menu-container.menu-skin-main ul.menu>li>a:hover {
    color: #FF7D00;
}

.standard-menu-container ul.menu>li.current_page_item>a {
    color: #FF7D00;
}

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

.standard-menu-container.menu-skin-main .menu > ul > li > a::after, .standard-menu-container.menu-skin-main ul.menu > li > a::after, .toggle-bars.menu-skin-main .toggle-bars__bar-line {
    background-color: #FF7D00;
}

.standard-menu-container.menu-skin-main .menu > ul ul, .standard-menu-container.menu-skin-main ul.menu ul {
    background: #ffffff;
}

.standard-menu-container.menu-skin-main ul.menu ul li a {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.standard-menu-container .menu > ul ul, .standard-menu-container ul.menu ul {
    margin-top: 15px;
    padding: 15px 20px 20px 20px;
    box-shadow: 0px 2px 12px 0px #0000001F;
}

.standard-menu-container.menu-skin-main ul.menu ul li a:hover {
    color: #FF7D00;
}

.standard-menu-container .menu > ul ul li.menu-item-has-children::before, .standard-menu-container ul.menu ul li.menu-item-has-children::before {
    display: none;
}

.header-search-input.menu-skin-main .search-icon a svg {
    fill: #000000;
}

.header-block__items-row .header-block__item {
    padding-left: 10px;
    padding-right: 10px;
}

.header-block__item--type-wpml-language-switcher {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.standard-menu-container ul.menu ul li + li.linie {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #777777;
}


/* --- HAUPTINHALTE --- */

#aufmacher #rev_slider_1_1_wrapper .custom.tparrows {
    width: 42px;
    height: 42px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    background: transparent;
}

#latest {
    position: relative;
    padding-top: 180px;
    padding-top: 210px;
    padding-bottom: 160px;
    z-index: 999;
}

#latest .vc_gitem-post-data-source-post_date {
    font-size: 12px !important;
    line-height: 16px !important;
    color: #8F8F8F;
}

#latest .vc_gitem-post-data-source-post_categories {
    font-size: 12px !important;
    line-height: 16px !important;
    text-transform: uppercase;
    color: #868686;
}

#latest .featured-events {
    position: absolute;
    top: -250px;
    left: 10%;
    width: 80%;
    min-height: 120px;
    background: #ffffff;
    box-shadow: 0px 4px 22px 0px #0000001F;
}

#latest .featured-events h4 a::after {
    display: none;
}

#latest .featured-events::before {
    width: 214px;
    height: 40px;
    margin-top: -40px;
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    content: "Aktuell im Fokus";
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #78290F;
}

#latest .featured-events .vc_grid {
    margin: 20px 24px 10px 24px;
}

#latest .featured-events .vc_grid-item-zone-c-right .vc_gitem-animated-block {
    width: 30%;
}

#latest .featured-events .vc_grid-item-zone-c-right .vc_gitem-zone-c {
    width: 70%;
}

#latest .featured-events .vc_gitem_row .vc_gitem-col {
    padding: 0px;
}

#latest .featured-events .vc_gitem-zone-a {
    margin-top: 4px;
    width: 69px !important;
    height: 69px !important;
}

#latest .featured-events .vc_gitem-post-data-source-post_title {
    margin-bottom: 0px;
}

#latest .featured-events .vc_gitem-post-data-source-post_title h4 {
    font-size: 16px !important;
    line-height: 24px !important;
}

#latest .featured-events .vc_grid.vc_row.vc_grid-gutter-20px .vc_grid-item {
    padding-right: 20px;
    padding-bottom: 0px;
}

#latest .spalten .vc_gitem-post-data {
    margin-bottom: 6px;
}

#latest .spalten .vc_gitem_row .vc_gitem-col {
    padding-top: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

#latest .spalten .links .wpb_content_element {
    margin-bottom: 0px;
}

#latest .spalten .links .top-themen .links {
    display: none;
}

#latest .spalten .links .top-themen .vc_grid-item {
    margin-bottom: 20px;
}

#latest .spalten .links .top-themen .vc_grid-item:last-of-type {
    margin-bottom: 0px;
}

#latest .spalten .links .top-themen .vc_grid-item-zone-c-right .vc_gitem-zone-c {
    float: left;
    width: 100%;
}

#latest .spalten .links .vc_gitem-post-data-source-post_date {
    padding-left: 20px;
    margin-bottom: 6px;
}

#latest .spalten .links .vc_gitem-post-data-source-post_date div {
    display: inline-block;
}

#latest .spalten .links .vc_gitem-post-data-source-post_date::before {
    content: " ";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #FF7D00;
    border-radius: 50%;
    margin-left: -20px;
    margin-right: 10px;
    margin-bottom: -3px;
}

#latest .spalten .links .vc_gitem-post-data-source-post_categories {
    padding-left: 0px;
    margin-bottom: 0px;
}

#latest .spalten .links .vc_gitem-post-data-source-post_categories .vc_grid-filter-item::after {
    content: ", ";
    display: inline-block;
}

#latest .spalten .links .vc_gitem-post-data-source-post_categories .vc_grid-filter-item:last-of-type::after {
    content: "";
    display: inline-block;
}

#latest .spalten .mitte {
    min-height: 570px;
    margin-top: 4px;
}

#latest .spalten .mitte .vc_column-inner {
    padding-top: 35px;
    border-radius: 8px;
    background: transparent url(../../../wp-content/themes/africavenir/bilder/bild-africavenir-berlin-min.jpg) left top;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#latest .spalten .mitte .wpb_content_element {
    margin-bottom: 0px;
}

#latest .spalten .mitte .vc_column-inner p {
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
}

#latest .spalten .mitte .vc_column-inner .top-category {
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    margin-left: 10px;
}

#latest .spalten .mitte .vc_column-inner .top-category::after {
    display: block;
    height: 3px;
    background-color: #FF7D00;
}

#latest .spalten .mitte .vc_gitem-post-data-source-post_title h3 {
    text-shadow: 1px 1px 2px black;
}


#latest .spalten .mitte .vc_gitem-post-data-source-post_date {
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
}

#latest .spalten .mitte .vc_column-inner .berlin {
    margin-top: 100px;
}

#latest .spalten .rechts .wpb_content_element {
    margin-bottom: 0px;
}

#latest .spalten .rechts .latest {
    padding-left: 40px;
}

#latest .spalten .rechts .latest .vc_grid.vc_row .vc_grid-item {
    min-height: 100px;
}

#latest .spalten .rechts .latest .vc_grid.vc_row .vc_grid-item:last-of-type {
    min-height: 73px;
}

#latest .spalten .rechts .latest .vc_grid-item-zone-c-right .vc_gitem-animated-block {
    width: 25%;
}

#latest .spalten .rechts .latest .vc_grid-item-zone-c-right .vc_gitem-zone-c {
    width: 75%;
}

#latest .spalten .rechts .latest .vc_gitem_row .vc_gitem-col {
    padding: 0px;
}

#latest .spalten .rechts .latest .vc_gitem-post-data {
    margin-bottom: 0px;
}

#latest .spalten .rechts .latest .latest-img {
    margin-top: 4px;
    width: 69px !important;
    height: 69px !important;
    border-radius: 6px;
}

#detailed-story {
    background: transparent url(../../../wp-content/themes/africavenir/bilder/bild-detailed-story-min.jpg) left top;
    background-repeat: no-repeat;
    background-size: cover;
}

#detailed-story .vc_column-inner {
    padding-top: 0px;
}

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

#detailed-story .vc_btn3-container {
    margin-top: 30px;
}

#detailed-story .links {
    padding-top: 60px;
    padding-bottom: 60px;
}

#detailed-story .links h3 {
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
}

#detailed-story .rechts {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 40px;
    padding-right: 30px;
    background: #000000A6;
}

#detailed-story p {
    font-size: 13px;
    line-height: 19px;
    color: #ffffff;
}

#produkte-oben {
    padding-top: 100px;
}

#produkte-unten {
    padding-bottom: 100px;
}

#produkte-unten .vc_gitem-zone {
    border-radius: 8px;
}

#photos-videos-oben {
    padding-top: 100px;
}

#photos-videos-unten {
    padding-bottom: 100px;
}

#photos-videos-unten .mitte {
    padding-right: 35px;
}

#photos-videos-unten .rechts {
    padding-left: 5px;
}

#photos-videos-unten .vc_gitem-zone {
    border-radius: 8px;
}

#quicklinks {
    padding-bottom: 60px;
}

#quicklinks h2 {
    margin-bottom: 30px;
}

#quicklinks h3 {
    font-size: 24px;
    line-height: 28px;
    color: #000000;
}

#quicklinks p {
    margin-bottom: 15px;
}

#quicklinks .links .wpb_text_column {
    padding-top: 60px;
    background: transparent url(../../../wp-content/themes/africavenir/bilder/icon-quicklinks-links.png) left top;
    background-repeat: no-repeat;
    background-size: 56px 42px;
}

#quicklinks .mitte .wpb_text_column {
    padding-top: 60px;
    background: transparent url(../../../wp-content/themes/africavenir/bilder/icon-quicklinks-rechts.png) left top;
    background-repeat: no-repeat;
    background-size: 45px 42px;
}

#quicklinks .rechts .wpb_text_column {
    padding-top: 60px;
    background: transparent url(../../../wp-content/themes/africavenir/bilder/icon-quicklinks-mitte.png) left top;
    background-repeat: no-repeat;
    background-size: 45px 42px;
}

#newsletter {
    padding-top: 40px;
    padding-bottom: 60px;
    background: #15616D;
}

#newsletter #en {
    display: none;
}

#newsletter #fr {
    display: none;
}

body.woocommerce-page #newsletter {
    display: none;
}

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

#newsletter h3 {
    font-size: 24px;
    line-height: 28px;
}

#newsletter p {
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 0px;
}

#newsletter .feld {
    width: 410px;
    border-radius: 8px;
    margin-top: 20px;
    background: rgba(246,246,246,0.2);
}

#newsletter .feld input[type="email"] {
    display: inline-block;
    width: 74%;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #ffffff;
    padding: 0px 16px;
    border: 0px;
    background: transparent;
}

#newsletter .feld input[type="email"]::placeholder {
  color: #cbcbcb;
  opacity: 1;
}

#newsletter .feld input[type="email"]::-ms-input-placeholder {
  color: #cbcbcb;
}

#newsletter .feld input[type="submit"] {
    display: inline-block;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    color: #ffffff !important;
    min-width: auto !important;
    text-align: center !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    border-radius: 4px !important;
    border: none !important;
    background-color: #ff7d00 !important;
    -webkit-appearance: none !important;
    margin-top: 8px;
    margin-bottom: 8px;
}

#newsletter .feld input[type="submit"]:hover {
    background-color: #ff8d20 !important;
}

#newsletter a {
    font-size: 13px !important;
    line-height: 13px !important;
    color: #ffffff !important;
}

#newsletter a:hover {
    color: #ff7d00 !important;
}

#newsletter input[type="checkbox"]::before {
    background-color: #ff7d00;
}

/* NEU */

.sib-form {
    font-family: 'Lato' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    padding: 0px !important;
}

#sib-container {
    margin: 0px !important;
    padding: 0px !important;
    background: transparent !important;
    background-color: transparent !important;
    max-width: 100% !important;
}

#sib-form div {
    margin: 0px !important;
    padding: 0px !important;
}

.sib-form .entry__field {
    width: 410px !important;
    max-width: 74% !important;
    height: 52px !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
    border: 0px !important;
    background: rgba(246,246,246,0.2) !important;
}

.sib-form .entry__field:active {
    border: 0px !important;
}

.sib-form .input {
    display: inline-block;
    width: 74% !important;
    font-size: 14px !important;
    line-height: 52px !important;
    color: #ffffff !important;
    padding: 0px 16px !important;
    border: 0px !important;
    background: transparent !important;
}

.sib-form .input::placeholder {
    color: #cbcbcb !important;
    opacity: 1 !important;
}

.sib-form .input::-ms-input-placeholder {
    color: #cbcbcb !important;
}

.sib-form .entry__choice {
    text-indent: 0px !important;
}

.sib-form .checkbox {
    vertical-align: -12px !important;
}

#sib-container a {
    text-decoration: none !important;
}

#sib-container a:hover {
    text-decoration: underline !important;
}

.sib-form-block__button {
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    color: #ffffff !important;
    min-width: auto !important;
    text-align: center !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    border-radius: 4px !important;
    border: none !important;
    background-color: #ff7d00 !important;
    -webkit-appearance: none !important;
    margin-top: 8px;
    margin-bottom: 8px;
}

/* --- Seite: Über uns --- */

#aufmacher-ueber-uns {
    padding-top: 60px;
    padding-bottom: 80px;
    background: transparent url(https://www.africavenir.org/wp-content/uploads/2023/12/bild-aufmacher-ueber-uns-bg-min.jpg) center top;
    background-repeat: no-repeat;
    background-size: contain;
}

#aufmacher-ueber-uns .wpb_content_element {
    margin-bottom: 0px;
}

#aufmacher-ueber-uns h1, #aufmacher-ueber-uns b {
    color: #ffffff;
}

#aufmacher-ueber-uns h1 {
    margin-bottom: 80px;
    text-shadow: 1px 1px 2px black;
}

#aufmacher-ueber-uns h5 {
    text-shadow: 1px 1px 2px black;
}

#aufmacher-ueber-uns .titelbild {
    width: 900px;
    height: auto;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
}

#aufmacher-ueber-uns .titelbild img {
    border-radius: 26px;
}

.team .rand .vc_single_image-wrapper {
    border: 1px solid #cbcbcb;
}

#partner-netzwerke {
    margin-bottom: 80px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#partner-netzwerke .vc_row.vc_row-o-equal-height > .vc_column_container .vc_column-inner {
    border: 1px solid #cbcbcb;
    margin-bottom: 0px;
}

#partner-netzwerke .vc_row.vc_column-gap-30 {
    margin-left: -15px;
    margin-right: -15px;
}

#partner-netzwerke .wpb_single_image {
    margin-bottom: 0px;
}

#partner-netzwerke .wpb_single_image img {
    max-width: 100% !important;
}

/* --- Seite Aktuelles --- */

#aktuell {
    padding-top: 80px;
    padding-bottom: 80px;
}

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

#aktuell .artikel {
    margin-top: 40px;
}

#aktuell .vc_grid-filter {
    margin-top: 0px;
    margin-bottom: 40px;
}

#aktuell .vc_grid-filter.vc_grid-filter-color-black > .vc_grid-filter-item.vc_active, #aktuell .vc_grid-filter.vc_grid-filter-color-black > .vc_grid-filter-item:hover {
    background-color: #FF7D00;
}

#aktuell .vc_grid-filter > .vc_grid-filter-item > span {
    font-size: 13px;
    line-height: 13px;
}

#aktuell h3 {
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 10px;
}

#aktuell .vc_gitem-post-data-source-post_categories {
    margin-top: 20px;
    margin-bottom: 10px;
}

#aktuell .vc_gitem-post-data-source-post_date, #aktuell .vc_gitem-post-category-name {
    display: inline;
    font-size: 12px;
    line-height: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#aktuell .vc_gitem-post-category-name span::after {
    display: inline;
    content: =",";
}

#aktuell .vc_grid-item-mini {
    padding: 20px;
    -webkit-box-shadow: rgba(0,0,0,0.25) 0px 0 10px;
    -moz-box-shadow: rgba(0,0,0,0.25) 0 0 10px;
    box-shadow: rgba(0,0,0,0.25) 0 0 10px;
}

#aktuell .vc_gitem_row .vc_gitem-col {
    padding: 10px 20px 20px 20px;
}

.search-results-holder .result-box .result-image a .image-placeholder, .search-results-holder .result-box .result-image a .image-placeholder > img {
    border-radius: unset;
}

body.search .vc-row-container.container {
    width: 100%;
    padding-bottom: 60px;
    background: #15616D;
}

body.search .vc-row-container.container #newsletter {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

body.search .vc-row-container.container #newsletter .vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

body.search .vc-row-container.container #newsletter .wpb_wrapper .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

body.search .vc-row-container.container #newsletter .vc_column-inner .vc_col-sm-6 {
    width: 50%;
    float: left;
}

body.search .vc-row-container.container #newsletter .vc_column-inner .vc_col-sm-6 .vc_column-inner {
    padding-left: 15px;
    padding-right: 15px;
}

body.search .vc-row-container.container #newsletter .vc_column-inner .vc_col-sm-6:nth-of-type(1) .vc_column-inner {
    padding-left: 0px;
    padding-right: 15px;
}

@-webkit-keyframes load7 {
    0%,
    100%,
    80% {
        box-shadow: 0 2.5em 0 -1.3em rgba(255,125,0, .75)
    }
    40% {
        box-shadow: 0 2.5em 0 0 rgba(255,125,0, .75)
    }
}

@keyframes load7 {
    0%,
    100%,
    80% {
        box-shadow: 0 2.5em 0 -1.3em rgba(255,125,0, .75)
    }
    40% {
        box-shadow: 0 2.5em 0 0 rgba(255,125,0, .75)
    }
}

/* --- SINGLE POST --- */

body.single-post .row .post-image {
    padding-top: 40px;
    padding-left: 135px;
    padding-right: 135px;
}

body.single-post article {
    padding-left: 135px;
    padding-right: 135px;
}

body.single-post .post--column {
    padding: 0px;
}

body.single-post .post .entry-header .post-title {
    font-size: 36px;
}

body.single-post .post .entry-header h3.post-title {
    font-size: 16px;
    line-height: 25px;
}

#post-aufmacher .vc_column-inner {
    padding-left: 220px;
    padding-right: 220px;
}

#post-aufmacher .vc_single_image-wrapper {
    padding-top: 40px;
    padding-bottom: 30px;
}

#post-aufmacher .vc_single_image-wrapper img {
    border-radius: 32px;
}

#post-aufmacher.schatten .vc_single_image-wrapper img {
    -webkit-box-shadow: 4px 4px 20px 1px rgba(0,0,0,0.20);
    box-shadow: 4px 4px 20px 1px rgba(0,0,0,0.20);
}

.portfolio-fliesstext {
    padding-left: 200px;
    padding-right: 200px;
    padding-bottom: 80px;
}

.angebot {
    -webkit-box-shadow: 4px 4px 20px 1px rgba(0,0,0,0.20);
    box-shadow: 4px 4px 20px 1px rgba(0,0,0,0.20);
    margin-bottom: 80px;
}

.angebot .rechts .vc_column-inner {
    padding: 70px 70px 35px 70px;
}

#infokasten {
    padding-top: 60px;
}

#infokasten .links .wpb_text_column {
    padding: 30px;
    background: rgba(21,97,109,0.1);
}

.blog-posts .post-item .post-thumbnail .post-hover.post-hover--no-opacity {
    background-color: #ffffff;
    border: 1px solid #999999;
}

body.single-post .vc-row-container.container {
    width: 100%;
    padding-bottom: 60px;
    background: #15616D;
}

body.single-post .vc-row-container.container #newsletter {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

body.single-post .vc-row-container.container #newsletter .vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

body.single-post .vc-row-container.container #newsletter .wpb_wrapper .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

body.single-post .vc-row-container.container #newsletter .vc_column-inner .vc_col-sm-6 {
    width: 50%;
    float: left;
}

body.single-post .vc-row-container.container #newsletter .vc_column-inner .vc_col-sm-6 .vc_column-inner {
    padding-left: 15px;
    padding-right: 15px;
}

body.single-post .vc-row-container.container #newsletter .vc_column-inner .vc_col-sm-6:nth-of-type(1) .vc_column-inner {
    padding-left: 0px;
    padding-right: 15px;
}

/* --- Seite: Aktuelles Projekt --- */

#headline-aktuelles-projekt h1 {
    font-size: 36px;
    padding: 100px 200px 0px 200px;
}

#post-aufmacher .vc_single_image-wrapper {
    padding-top: 40px;
    padding-bottom: 30px;
}

#post-aufmacher .vc_single_image-wrapper img {
    border-radius: 32px;
}

#post-aufmacher .vc_single_image-wrapper img {
    -webkit-box-shadow: 4px 4px 11px 1px rgba(0,0,0,0.49);
    box-shadow: 4px 4px 11px 1px rgba(0,0,0,0.49);
}

.portfolio-fliesstext {
    padding-left: 200px;
    padding-right: 200px;
    padding-bottom: 80px;
}

#infokasten {
    padding-top: 60px;
}

#infokasten .links .wpb_text_column {
    padding: 30px;
    background: rgba(21,97,109,0.1);
}

/* --- SINGLE PORTFOLIO --- */

.single-portfolio .page-container {
    margin-top: 0px;
}

.single-portfolio-holder {
    padding: 100px 105px 0px 105px;
}

.single-portfolio-holder .title h1 {
    font-size: 36px !important;
    margin-top: 0px;
    transition: none;
}

.single-portfolio-holder h2 {
    font-size: 28px !important;
    line-height: 36px !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

.single-portfolio-holder h3 {
    font-size: 22px !important;
    line-height: 30px !important;
    margin-top: 20px !important;
    margin-bottom: 15px !important;
}

.single-portfolio-holder h4 {
    font-size: 18px !important;
    line-height: 22px !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

body.single-portfolio #main-wrapper {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

body.single-portfolio #main-wrapper .page-container {
    width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

body.single-portfolio .vc-row-container.container {
    width: 100%;
    padding-bottom: 60px;
    background: #15616D;
}

body.single-portfolio .vc-row-container.container #newsletter {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

body.single-portfolio .vc-row-container.container #newsletter .vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

body.single-portfolio .vc-row-container.container #newsletter .wpb_wrapper .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

body.single-portfolio .vc-row-container.container #newsletter .vc_column-inner .vc_col-sm-6 {
    width: 50%;
    float: left;
}

body.single-portfolio .vc-row-container.container #newsletter .vc_column-inner .vc_col-sm-6 .vc_column-inner {
    padding-left: 15px;
    padding-right: 15px;
}

body.single-portfolio .vc-row-container.container #newsletter .vc_column-inner .vc_col-sm-6:nth-of-type(1) .vc_column-inner {
    padding-left: 0px;
    padding-right: 15px;
}

/* --- SHOP --- */

.products-archive .woocommerce-products-header {
    display: none;
}

.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-cart a, .menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-checkout a {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    color: #ffffff;
    min-width: inherit;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    background-color: #ff7d00;
}

.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-cart a:hover, .menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-checkout a:hover {
    background-color: #ff8d20 !important;
}

.woocommerce .shop_table.cart .actions .coupon .button {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    color: #ffffff;
    min-width: inherit;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    background-color: #ff7d00;
}

.woocommerce .shop_table.cart .actions .coupon .button:hover {
    background-color: #ff8d20 !important;
}

.button {
    background: #ff7d00;
}

.button:hover {
    color: #ffffff !important;
    background: #ff8d20 !important;
}

.woocommerce-cart-form .button {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    color: #ffffff;
    min-width: inherit;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    background-color: #ff7d00;
}

.woocommerce-cart-form .button:hover {
    background-color: #ff8d20 !important;
}

.woocommerce-message {
    background-color: #15616D;
}

.woocommerce-cart .cart-collaterals .cart-buttons-update-checkout .button {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    color: #ffffff;
    min-width: inherit;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    background-color: #ff7d00;
}

.woocommerce-cart .cart-collaterals .cart-buttons-update-checkout .button:hover {
    background-color: #ff8d20 !important;
}

.woocommerce-Button.button {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    color: #ffffff;
    min-width: inherit;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    background-color: #ff7d00;
}

.woocommerce-Button.button:hover {
    background-color: #ff8d20 !important;
}

.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-cart a:hover, .menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-checkout a:hover {
    color: #ffffff;
    background-color: #ed7400;
}

.woocommerce .add_to_cart_button {
    color: #000000;
    background: transparent;
}

.woocommerce .add_to_cart_button:active, .woocommerce .add_to_cart_button:hover {
    color: #ff7d00;
    background: transparent;
}

.woocommerce .add_to_cart_button::after {
    background-color: #ff7d00;
}

.woocommerce .shop_table.cart .cart_item:first-child {
    border-top: 1px solid #cbcbcb;
}

.woocommerce .shop_table tr {
    border-bottom: 1px solid #cbcbcb;
}

.german-market-product-image img {
    width: 100%;
    height: auto;
}

.woocommerce .products .product .item-info .item-info-row {
    display: block;
}

.woocommerce .products .product .item-info .item-info-row > .title-column {
    width: 100%;
}

.woocommerce .products .product .item-info .item-info-row > .title-column h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.woocommerce .products .product .item-info h3 a {
    font-size: 18px;
    line-height: 26px;
    color: #333333;
}

.woocommerce .products .product .item-info .item-info-row > .price-column {
    width: 100%;
    padding-left: 0px;
}

.woocommerce .products .product .product-images {
    min-height: 370px;
    max-height: 370px;
    border: 1px solid #cbcbcb;
    overflow: hidden;
}

.woocommerce .single-product-images .kalium-woocommerce-product-gallery {
    border: 1px solid #cbcbcb;
}

.woocommerce .single-product-images .kalium-woocommerce-product-gallery a {
    pointer-events: none;
}

.woocommerce .summary .product_title {
    font-size: 26px;
    line-height: 36px;
    color: #000000;
}

.woocommerce .summary .single_variation_wrap .single_variation, .woocommerce .summary p.price {
    color: #000000;
}

.woocommerce .products .product .item-info .price > .amount {
    color: #000000;
}

.woocommerce .shop-categories .product-category a:hover .woocommerce-loop-category__title, .woocommerce .shop-categories .product-category a:hover h3, .woocommerce .shop_table.cart .cart_item .product-remove a:hover i, .woocommerce .shop_table.cart .cart_item .product-subtotal span {
    color: #000000;
}

.woocommerce-info {
    color: #000000;
    padding: 0px;
    background-color: transparent;
}

.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-details h3 {
    font-size: 14px !important;
    line-height: 18px !important;
    padding: 0;
    margin: 0 0 2px;
}

.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-details h3 a:hover {
    color: #FF7D00;
}

form.woocommerce-checkout {
    margin-left: 0px;
}

.woocommerce-checkout .checkout-form-option--header .woocommerce-info {
    background-color: transparent;
    color: #6d6d6d;
    border-top: 2px solid #FF7D00;
    margin-bottom: 20px;
}

.woocommerce-checkout .checkout-form-option--header .woocommerce-info a {
    color: #FF7D00;
}

.woocommerce-checkout .checkout-form-option--header .woocommerce-info a::after {
    background-color: #FF7D00;
}

.woocommerce-checkout .checkout-form-option--header .woocommerce-info a:hover {
    color: #FF7D00;
}

.woocommerce-info {
    padding: 4px 0px;
}

.woocommerce-checkout .checkout-form-option--content > form {
    width: 100%;
    padding: 30px;
    border: 1px solid #cbcbcb;
}

.labeled-input-row label, .labeled-textarea-row label {
    border-bottom: 1px solid #ff7d00;
}

.woocommerce-form-login__submit {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    color: #ffffff;
    min-width: inherit;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    background-color: #ff7d00;
}

.woocommerce-form-login__submit:hover {
    background-color: #ff8d20 !important;
}

.checkout_coupon .button {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    color: #ffffff;
    min-width: inherit;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    background-color: #ff7d00;
}

.checkout_coupon .button:hover {
    background-color: #ff8d20 !important;
}

.woocommerce form.cart .quantity ~ .button {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    color: #ffffff;
    min-width: inherit;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 4px;
    background-color: #ff7d00;
}

.woocommerce form.cart .quantity ~ .button:hover {
    background-color: #ff8d20 !important;
}

form.woocommerce-checkout .col2-set {
    width: 100%;
    padding: 30px;
    border: 1px solid #cbcbcb;
    margin-bottom: 30px;
}

.woocommerce #ship-to-different-address {
    margin-bottom: 20px;
}

.woocommerce-additional-fields {
    margin-top: 20px;
}

#order_review_heading {
    display: none;
}

#order_review #order_review_heading {
    display: block;
}

.woocommerce-checkout-review-order {
    float: right;
    clear: both;
    width: 50%;
    padding: 30px;
    border: 1px solid #cbcbcb;
}

.woocommerce #order_review #payment_method_heading, .woocommerce .form-row.notes, .woocommerce .woocommerce-shipping-fields h3 {
    margin-top: 0px;
}

#payment {
    border-bottom: 1px solid #cbcbcb;
}

#place_order {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    color: #ffffff;
    min-width: inherit;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    background-color: #ff7d00;
}

#place_order:hover {
    background-color: #ff8d20 !important;
}

.woocommerce-Message--error, .woocommerce-error {
    background-color: #ff7d00;
}

.return-to-shop .button {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    color: #ffffff;
    min-width: inherit;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 4px;
    background-color: #ff7d00;
}

.return-to-shop .button:hover {
    background-color: #ff8d20 !important;
}

.woocommerce-account .woocommerce-form, .woocommerce-account form.edit-account {
    border: 1px solid #cbcbcb;
}

.woocommerce-account .lost_reset_password {
    border: 1px solid #cbcbcb;
}

.dropdown .dropdown-menu li.active a {
    color: #ff7d00;
}

body.single-product iframe.component-frame {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    min-width: 200px !important;
    max-width: 320px !important;
}


/* --- FOOTER --- */

.site-footer {
    background-color: #ffffff;
}

body.woocommerce .site-footer {
    margin-top: 60px;
    border-top: 1px solid #868686;
    background-color: #ffffff;
}

.site-footer .footer-widgets {
    margin-top: 60px;
    margin-bottom: 0px;
}

.site-footer #custom_html-2 {
    width: 100%;
    margin-bottom: 60px;
}

.site-footer #text-2 {
    width: 50%;
}

.site-footer #text-2 .textwidget {
    max-width: 420px;
}

.site-footer #text-2 .textwidget img {
    margin-bottom: 20px;
}

.site-footer #nav_menu-2, .site-footer #nav_menu-4, .site-footer #nav_menu-7 {
    width: 25%;
    padding-top: 11px;
}

.site-footer #nav_menu-3, .site-footer #nav_menu-6, .site-footer #nav_menu-8 {
    width: 25%;
    padding-top: 11px;
}

.site-footer .footer-widgets .widget {
    margin-bottom: 0px;
}

.site-footer .footer-widgets .widget h2 {
    font-size: 20px;
    line-height: 34px;
    color: #000000;
}

.site-footer .footer-widgets .widget p {
    font-size: 16px;
    line-height: 27px;
    color: #868686;
}

.site-footer .footer-widgets .widget li {
    padding: 0px;
}

.site-footer .footer-widgets .widget #newsletter p {
    font-size: inherit;
    line-height: inherit;
    color: #ffffff;
}

.site-footer .footer-widgets .widget a {
    font-size: 16px;
    line-height: 27px;
    color: #868686;
}

.site-footer hr {
    display: none;
}

.site-footer .footer-bottom-content {
    font-size: 16px;
    line-height: 19px;
    font-weight: 400 !important;
    color: #868686;
    padding-top: 0px;
    padding-bottom: 30px;
}

.site-footer .footer-bottom-content h2 {
    font-size: 20px;
    line-height: 32px;
    color: #000000;
}

#footer .footer-bottom ul {
    list-style: none;
}

#footer .footer-bottom li {
    display: inline-block;
    font-size: 16px;
    line-height: 19px;
    margin-right: 7px;
    padding-right: 9px;
}

#footer .footer-bottom li a {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700 !important;
    color: #000000;
    border: 1px solid #000000;
}

.go-to-top:hover {
    background-color: #FF7D00 !important;
}


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

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

}



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


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

    .header-block__row-container {
    	width: 1330px;
    }

}

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

    .header-block__row-container {
    	width: 1330px;
    }

}

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

    .header-block__row-container {
    	width: 1330px;
    }

}

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

    .header-block__row-container {
    	width: 1330px;
    }

}

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

    .header-block__row-container {
    	width: 1230px;
    }
    
}


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

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

    p {
        font-size: 15px;
        line-height: 24px;
    }
    
    h1 {
        font-size: 32px !important;
        line-height: 40px !important;
    }
    
    h2 {
        font-size: 32px !important;
        line-height: 40px !important;
    }
    
    h3 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    
    h4 {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    
    h5 {
        font-size: 18px !important;
        line-height: 18px !important;
    }
    
    .post-formatting ol li, .post-formatting ul li {
        font-size: 15px;
        line-height: 24px;
    }
    
    .big p, p.big {
        font-size: 17px;
        line-height: 26px;
    }
    
    .standard-menu-container ul.menu > li + li {
    	margin-left: 16px;
    }
    
    #latest .featured-events::before {
        width: 214px;
        height: 40px;
        margin-top: -40px;
        font-size: 13px;
        line-height: 40px;
    }

    #latest .featured-events .vc_gitem-post-data-source-post_title h4 {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    #latest .spalten .mitte .vc_column-inner .top-category {
        font-size: 13px;
        line-height: 16px;
    }
    
    #detailed-story p {
        font-size: 13px;
        line-height: 19px;
    }

    #quicklinks h3 {
        font-size: 22px !important;
        line-height: 26px !important;
    }
    
    #newsletter h3 {
        font-size: 22px !important;
        line-height: 26px !important;
    }
    
    #aktuell h3 {
        font-size: 19px !important;
        line-height: 23px !important;
    }
    
    .fliesstext h2 {
        margin-top: 30px;
        margin-bottom: 15px;
    }
    
    .fliesstext h3 {
        font-size: 22px !important;
        line-height: 28px !important;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    
    .fliesstext h4 {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-top: 20px !important;
        margin-bottom: 0px !important;
    }

    body.single-post .post .entry-header .post-title {
        font-size: 32px !important;
    }
    
    body.single-post .post .entry-header h3.post-title {
        font-size: 15px !important;
        line-height: 24px !important;
    }
    
    #headline-aktuelles-projekt h1 {
        font-size: 32px !important;
    }
    
    .woocommerce .products .product .item-info h3 a {
        font-size: 17px !important;
        line-height: 26px !important;
    }
    
    .woocommerce .summary .product_title {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    
    body.single-product .paypal-button-container {
        margin-top: 30px !important;
        min-width: 200px !important;
        max-width: 320px !important;
    }
    
    body.single-product .paypal-button-row {
        height: 45px !important;
    }

    .site-footer .footer-widgets .widget h2 {
        font-size: 18px !important;
        line-height: 30px !important;
    }
    
    .site-footer .footer-widgets .widget p {
        font-size: 15px !important;
        line-height: 25px !important;
    }
    
    .site-footer .footer-widgets .widget a {
        font-size: 15px !important;
        line-height: 25px !important;
    }
    
    .site-footer .footer-bottom-content {
        font-size: 15px !important;
        line-height: 18px !important;
    }
    
    .site-footer .footer-bottom-content h2 {
        font-size: 18px !important;
        line-height: 30px !important;
    }
    
    #footer .footer-bottom li {
        font-size: 15px;
        line-height: 18px;
    }
    
    #footer .footer-bottom li a {
        font-size: 15px;
        line-height: 18px;
    }

}


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

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

    .wpb-content-wrapper {
        padding: 0 15px;
    }
    
    .container, .content-area {
    	width: 100%;
    }
    
    .header-block__items-row .header-block__item {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .standard-menu-container ul.menu > li + li {
    	margin-left: 15px;
    }
    
    .mobile-menu-wrapper .mobile-menu-container div.menu>ul li a:hover, .mobile-menu-wrapper .mobile-menu-container ul.menu li a:hover {
        color: #ff7d00 !important;
    }
    
    .mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a:hover, .mobile-menu-wrapper .mobile-menu-container div.menu>ul li.current-menu-ancestor>a, .mobile-menu-wrapper .mobile-menu-container div.menu>ul li.current-menu-item>a, .mobile-menu-wrapper .mobile-menu-container div.menu>ul li.current_page_ancestor>a, .mobile-menu-wrapper .mobile-menu-container div.menu>ul li.current_page_item>a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-ancestor>a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item>a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_ancestor>a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_item>a {
        color: #ff7d00 !important;
    }
    
    #darum .wpb_single_image img {
        max-width: 100% !important;
    }

    #zertifiziert .wpb_single_image img {
        width: 100% !important;
    }
    
    body.single-product .paypal-button-container {
        margin-top: 30px !important;
        min-width: 200px !important;
        max-width: 320px !important;
    }
    
    body.single-product .paypal-button-row {
        height: 45px !important;
    }

}


/* ==============================================================================================================================
/*
/* 	#Browserfenster kleiner	<= 1000
/* 
/* =========================================================================================================================== */

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

    #latest .featured-events .vc_grid.vc_row.vc_grid-gutter-20px .vc_grid-item {
        width: 50%;
        margin-bottom: 10px;
    }
    
    #latest .spalten .links, #latest .spalten .mitte, #latest .spalten .rechts {
        width: 50%;
        margin-bottom: 20px;
        padding-right: 15px;
    }
    
    #latest .spalten .rechts {
        width: 100%;
        margin-top: 20px;
        padding-left: 0px;
    }
    
    #latest .spalten .rechts .latest {
        padding-left: 0px;
    }
    
    #latest .spalten .rechts .latest .vc_grid.vc_row .vc_grid-item {
        width: 50%;
        padding-right: 15px;
    }
    
    #latest {
        padding-top: 200px;
        padding-bottom: 80px;
    }
    
    body.single-product .paypal-button-container {
        margin-top: 30px !important;
        min-width: 200px !important;
        max-width: 320px !important;
    }
    
    body.single-product .paypal-button-row {
        height: 45px !important;
    }

}


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

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

    .header-block__row-container {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    
    #latest .vc_col-sm-4\/5 {
        width: 75%;
    }

    #latest .vc_col-sm-1\/5 {
        width: 25%;
    }
    
    #detailed-story .rechts {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 20px;
    }

    #produkte-oben .vc_col-sm-4\/5 {
        width: 75%;
    }

    #produkte-oben .vc_col-sm-1\/5 {
        width: 25%;
    }
    
    #newsletter {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    #newsletter .feld {
        width: 100%;
    }
    
    #newsletter .feld input[type="email"] {
        width: 71%;
    }
    
    body.single-post .row .post-image {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    body.single-post article {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .blog-posts>.loading-posts, .blog-posts>li {
        width: 33.333333%;
    }
    
    #aufmacher-ueber-uns .titelbild {
        width: 80%;
    }
    
    .fliesstext .vc_column-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #headline-aktuelles-projekt h1 {
        padding: 80px 0px 0px 0px;
    }
    
    #post-aufmacher .vc_column-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .portfolio-fliesstext {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 60px;
    }
    
    #angebote-schueler.vc_row {
        margin-left: 0px;
        margin-right: 0px;
    }

    #angebote-lehrer.vc_row {
        margin-left: 0px;
        margin-right: 0px;
    }

    #angebote-eltern.vc_row {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    body.woocommerce-shop .content-area {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .woocommerce .products.columns-4 .product {
        width: 50%;
    }
    
    .woocommerce .products .product .product-images {
        max-height: 530px;
    }
    
    .woocommerce-checkout-review-order {
        float: none;
        width: 100%;
    }

    body.single-product .paypal-button-container {
        margin-top: 30px !important;
        min-width: 200px !important;
        max-width: 320px !important;
    }
    
    body.single-product .paypal-button-row {
        height: 45px !important;
    }

}


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

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

    .header-block__row-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .header-block__items-row .header-block__item {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .header-block__item--mobile-menu-toggle {
        padding-right: 15px !important;
    }
    
    .header-block__item--type-search-field {
        display: none;
    }
    
    .menu-cart-icon-container .cart-icon-link {
        font-size: 26px;
        line-height: 26px;
    }
    
    .raw-text-widget .vc_btn3.vc_btn3-size-md {
        font-size: 12px !important;
        line-height: 30px !important;
        min-width: 70px !important;
        padding-left: 0px !important;
	padding-right: 0px !important;
    }
    
    #aufmacher .vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    #latest {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    #latest .vc_column-inner {
        padding-left: 15px;
        padding-right: 15px;
    }

    #latest .wpb_wrapper .vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    #latest .featured-events {
        position: relative;
        margin-top: 100px;
        top: 0px;
        left: 5%;
        width: 90%;
        min-height: 120px;
    }
    
    #latest .featured-events::before {
        width: 100%;
    }
    
    #latest .featured-events .vc_grid.vc_row.vc_grid-gutter-20px .vc_grid-item {
        width: 100%;
    }
    
    #latest .spalten .links, #latest .spalten .mitte, #latest .spalten .rechts {
        width: 100%;
    }
    
    #latest .spalten .rechts {
        width: 100%;
    }
    
    #latest .spalten .rechts .latest .vc_grid.vc_row .vc_grid-item {
        width: 100%;
        padding-right: 0px;
    }
    
    #latest .vc_col-sm-4\/5 {
        width: 100%;
    }

    #latest .vc_col-sm-1\/5 {
        width: 100%;
    }
    
    #detailed-story h3 {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    
    #detailed-story .links {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #detailed-story .rechts {
        margin-bottom: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #produkte-oben {
        padding-top: 80px;
        padding-bottom: 40px;
    }
    
    #produkte-oben .vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    #produkte-oben .vc_col-sm-4\/5 {
        width: 100%;
    }

    #produkte-oben .vc_col-sm-1\/5 {
        width: 100%;
    }
    
    #produkte-unten {
        padding-bottom: 80px;
    }
    
    #produkte-unten .vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #quicklinks .vc_column-inner {
        padding-left: 15px;
        padding-right: 15px;
    }

    #quicklinks .wpb_wrapper .vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    #newsletter {
        padding-top: 20px;
        padding-bottom: 40px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    #newsletter .vc_column-inner {
        padding-left: 15px;
        padding-right: 15px;
    }

    #newsletter .wpb_wrapper .vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    #newsletter .feld {
        width: 100%;
    }
    
    #newsletter .feld input[type="email"] {
        width: 71%;
    }
    
    body.single-post .row .post-image {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    body.single-post article {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .blog-posts>.loading-posts, .blog-posts>li {
        width: 33.333333%;
    }
    
    #aufmacher-ueber-uns .titelbild {
        width: 80%;
    }
    
    .fliesstext .vc_column-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #partner-netzwerke .vc_col-sm-3 {
        width: 50%;
    }
    
    #headline-aktuelles-projekt h1 {
        padding: 80px 0px 0px 0px;
    }
    
    #post-aufmacher .vc_column-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .portfolio-fliesstext {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 60px;
    }
    
    #angebote-schueler.vc_row {
        margin-left: 0px;
        margin-right: 0px;
    }

    #angebote-lehrer.vc_row {
        margin-left: 0px;
        margin-right: 0px;
    }

    #angebote-eltern.vc_row {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .angebot .links .vc_column-inner {
        min-height: 240px;
    }
    
    .angebot .rechts .vc_column-inner {
        padding: 20px 20px 0px 20px;
    }
    
    body.woocommerce-shop .content-area {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .woocommerce .products.columns-4 .product {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    /*.woocommerce .products .product .product-images {
        width: 60%;
        height: auto;
        min-height: 326px;
        max-height: 326px;
    }*/
    
    .woocommerce .products {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    body.single-product .paypal-button-container {
        margin-top: 30px !important;
        min-width: 200px !important;
        max-width: 320px !important;
    }
    
    body.single-product .paypal-button-row {
        height: 45px !important;
    }

    body.woocommerce .site-footer {
        margin-top: 40px;
    }
    
    .site-footer .footer-widgets {
        margin-top: 40px;
    }
    
    .site-footer #text-2 {
        width: 100%;
    }
    
    .site-footer #text-2 .textwidget {
        max-width: 100%;
    }
    
    .site-footer #nav_menu-2, .site-footer #nav_menu-4, .site-footer #nav_menu-7 {
        width: 100%;
    }
    
    .site-footer #nav_menu-3, .site-footer #nav_menu-6, .site-footer #nav_menu-8 {
        width: 100%;
        margin-top: 20px;
    }
    
    .site-footer .footer-widgets .widget h2 {
        font-size: 18px;
        line-height: 30px;
    }
    
    .site-footer .footer-widgets .widget p {
        font-size: 15px;
        line-height: 24px;
    }
    
    .site-footer .footer-widgets .widget a {
        font-size: 15px;
        line-height: 24px;
    }
    
    .site-footer .footer-bottom-content {
        font-size: 15px;
        line-height: 24px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .site-footer .footer-bottom-content h2 {
        font-size: 18px;
        line-height: 30px;
    }
    
    #footer .footer-bottom li {
        font-size: 15px;
        line-height: 18px;
    }
    
    #footer .footer-bottom li a {
        font-size: 15px;
        line-height: 18px;
    }

}


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

}