/*
Theme Name: VCK
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/


/* Activate custom burger menu breakpoint */
@media only screen and (max-width: 1100px) {
  #top #header .av-main-nav > li.menu-item {
    display: none !important;
  }
  #top #header .av-burger-menu-main {
    cursor: pointer;
    display: block !important;
  }
}


.special_amp {
	font-family: inherit;
	font-style: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: normal;
	color: inherit!important;
}
.container_wrap { 
	border-top: none !important;
}
@media only screen and (max-width: 767px) {
    .responsive #top  #scroll-top-link {
        display: block;
    }
}
.bg-image{
	background-size: 100% 100%
}
.avia-heading-wrapper.av-special-heading {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 2. Schriftgröße und Abstände des Untertitels anpassen */
.av-subheading {
    font-size: 20px !important; /* Gewünschte Schriftgröße eintragen */
    margin-top: 8px !important;  /* Optional: Feineinstellung Abstand zum Haupttitel */
}




.av-share-box ul li a {
    display: block;
    padding: 0;
    text-decoration: none;
    color: inherit;
    font-size: 24px;
    transition: all .2s ease-in-out;
}
.av-share-box ul li a:hover {
	color: #000000;
}



.card-paper {
  background-color: #ffffff;
  padding: 24px;
  color: #333333;
  position: relative;
  border-radius: 0px;
  /* Deutlicherer Basis-Schatten */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.10);
  margin-top: -58px !important;
  border-top: 8px solid #b51917;
}

/* Alle Überschriften innerhalb des Blocks werden rot */
.card-paper h1,
.card-paper h2,
.card-paper h3,
.card-paper h4,
.card-paper h5,
.card-paper h6 {
  color: #b51917; /* Vereinsrot (kannst du an dein genauer Rot-Ton anpassen) */
  margin-top: 0;
}
.card-paper strong {
  color: #333333; /* Vereinsrot (kannst du an dein genauer Rot-Ton anpassen) */
  margin-top: 0;
}

/* Effekt für die leicht gebogenen unteren Ecken des Papiers */
.card-paper::before,
.card-paper::after {
  content: "";
  position: absolute;
  bottom: 12px;
  width: 40%;
  height: 20%;
  max-width: 300px;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.35);
  z-index: -1;
}

.card-paper::before {
  left: 10px;
  transform: rotate(-3deg);
}

.card-paper::after {
  right: 10px;
  transform: rotate(3deg);
}

.card-paper-rot{
  background-color: #b51917;
  padding: 24px;
  color: #ffffff;
  position: relative;
  border-radius: 0px;
  /* Deutlicherer Basis-Schatten */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.10);
  border-top: 8px solid #ffffff;
}
.card-paper-rot strong {
  color: #ffffff; /* Vereinsrot (kannst du an dein genauer Rot-Ton anpassen) */
  margin-top: 0;
}
.border-weiss img{
	border: 8px solid #ffffff;
}



.runde-masonry .av-masonry-outerimage-container {
    border-radius: 50%;
	border: 8px solid #ffffff !important;
}


.pinselstrich {
  position: relative;
  display: table;
  isolation: isolate;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  z-index: 0;
  margin-bottom: 24px!important;
}

.pinselstrich::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 50%;
  height: 2.4em;
  background: #b51917;
  transform: translateY(-50%) rotate(-1deg);
  clip-path: polygon(
    2% 24%, 6% 14%, 15% 17%, 27% 8%,
    42% 13%, 57% 5%, 72% 12%, 86% 7%,
    97% 15%, 100% 29%, 97% 42%, 100% 56%,
    96% 68%, 99% 82%, 91% 89%, 78% 85%,
    64% 96%, 48% 88%, 34% 97%, 20% 88%,
    8% 94%, 2% 82%, 4% 68%, 0% 54%,
    3% 40%, 0% 31%
  );
}


/* Reitersektion: Icon links neben dem Text ausrichten */
.avia-tab-title-inside {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important; /* Abstand zwischen Icon und Text */
}

/* Umbruch des Icons verhindern */
.avia-tab-title-inside .av-tab-arrow-container,
.avia-tab-title-inside .tab_icon {
    margin-bottom: 0 !important;
    display: inline-block !important;
}

/* Reiter-Breite anpassen (Variante A: Mindestbreite & Abstand) */
.av-section-tab-title {
    min-width: 380px !important; /* Passt die Mindestbreite nach Wunsch an */
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.av-inner-tab-title {
    text-transform: none;
    display: block;
    font-size: 20px;
    text-align: center;
	font-weight: 600;
}

.av-inner-tab-title, .av-tab-arrow-container, .av-tab-section-icon, .av-tab-section-image {
    width: 400px;
}
.av-tab-no-icon.av-tab-no-image .av-inner-tab-title {
    margin-bottom: 8px;
}
.avia-tab-title-padding-default .av-outer-tab-title {
    padding: 10px;
	border: 1px solid #cccccc;
}




/* Copyright + Socket-Menü gemeinsam steuern */
#socket .copyright,
#socket .sub_menu_socket li a {
    font-size: 16px;
}

/* Social Media Icons */
#socket .social_bookmarks li a {
    font-size: 24px;
    line-height: 32px;
}