/*
 Theme Name:   JONGO Webagentur
 Theme URI:    http://www.jongo-webagentur.de/
 Description:  endold Child Theme by JONGO Webagentur
 Author:       Christoph Mann
 Author URI:   http://www.jongo-webagentur.de/
 Template:     enfold
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

.booking_form_div .btn, .booking_form_div .button, .booking_form_div .submit, .booking_form_div .button-secondary {
    background: #238c23 none repeat scroll 0 0 !important;
}


.avia-menu a {
	font-size:18px !important;
}


@media only screen and (min-width: 768px) {
	.one-half-contact {padding-top:100px !important; padding-right:90px!important; padding-left:90px!important;}
}


#ablauf li, #philosophy li, .intro-text li {
    list-style: none;
    text-align: -webkit-match-parent;
    background: url(/wp/wp-content/uploads/2019/11/leave.png) 0 0 no-repeat;
    margin: 12px 0px 12px 20px;
    padding: 0px 0px 0px 50px;
}
.av-seperator-icon {
	color:#ffca29 !important;
}

#top .av_inherit_color * {
    
}

.wpdev-help-message.alert.alert-warning, .wpdev-help-message .alert.alert-warning {
    background-image: none;
    background-color: #064b2f !important;
    font-size: .85em;
    box-shadow: none;
}

.calendar-links, .datepick-prev, .datepick-next, .datepick-header, .datepick-title-row, .datepick-week-end-cell  {
	color:black !important;
}


@media only screen and (max-width: 767px) {
	h2 {
		font-size:35px !important;
	}
	
	.avia-icongrid-borders-between li .avia-icongrid-wrapper:after {
    position: relative !important;
	}
	
	.adress-container .avia_textblock  {
    font-size: 14px;
    padding-top: 0%;
}
	
	.adress-container {
		    padding: 80px 20px 80px 20px !important;
	}
}

@media only screen and (max-width: 400px) {
	h2 {
		font-size:28px !important;
	}
}

article.article-icon-entry {
	max-height:180px !important;
}

h4.av_icongrid_title.icongrid_title {
    font-weight: 300;
}

#socket {
	    color: black;
    font-size: 14px !important;
    background-color: #ffca29;
	font-weight:700;
}

#socket a {
	color: black !important;
}

.first_form input, .form_element input, .form_element select {
font-size:12px !important;	
}

.button-front a {
	min-width: 250px !important;
}

.avia-button.avia-color-theme-color {
	color:black !important;
	font-weight:600;
}

form .button {
	color:black !important;
}

[data-av_iconfont='entypo-fontello']:before {
    font-family: 'entypo-fontello';
    font-size: 30px;
}

.footer-div strong,  
.footer-div p, 
.footer-div a  {

	color:white !important;
	
}

.footer-div p a {
	text-decoration:underline;
} 
.control-label {
	font-size:16.5px !important;
}

.av-masonry-pagination.av-masonry-load-more {
    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #ffca29 !important;
    color: black;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 15px;
}

.av-masonry-container.isotope {
	margin-bottom:15px;
}

.news-section .avia_message_box_content {
    font-size: 16px;
    text-transform: none;
}

.news-section {
	margin-top:50px;
}  
	
´/*#team .avia-team-member, .team-member-description  {
	color:white !important;
}
*/

.single_toggle .toggle_icon {
	background-color:#ffca29 !important;
}

.av-elegant-toggle.togglecontainer .av_toggle_section:first-of-type .toggler, .av-elegant-toggle.togglecontainer .single_toggle:first-child .toggler, .av-elegant-toggle.togglecontainer .taglist + .single_toggle .toggler {
    border-color: #ffca29;
	font-weight:600;
}

#top #wrap_all .av-social-link-kriesi a:before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://abi-lab.de/wp/wp-content/uploads/2022/09/001-tiktok.png) no-repeat center center;
    background-size: contain;
}

.note-container .avia_message_box_content, .note-container .avia_message_box_title {
  font-size: 16px !important;
  text-transform: none !important;
  font-weight: 300 !important
	color:black !important;
}

#top .fullsize .template-blog .post-title {
    text-align: left;
    font-size: 40px;
}

.broken_link, a.broken_link {
    text-decoration: none !important;
}

.av-masonry-entry-content.entry-content {
	    font-weight: bold;
    font-size: larger;
}

#top #wrap_all .av-social-link-tiktok a:before{
    content: "";
    width: 27px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://abi-lab.de/wp/wp-content/uploads/2023/01/tiktok-icon.png) no-repeat center center;
    background-size: contain;
	margin-bottom: 15px;
}
@media (max-width:768px) {
#top #wrap_all .av-social-link-tiktok a:before {
	margin-bottom: 7px !important;
}
}

.av-social-link-tiktok a {
	background-color:white !important;
}

.page-id-1257 #header {
	display:none;
}


.html_header_top.html_header_sticky .page-id-1257 #main {
    padding-top: 0px !important;
}

.slide-meta-time.updated {
	display:none !important;
}

.polygon img {
	  aspect-ratio: 1/cos(30deg);
  clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
	margin-top:50px !important;
}
.polygon a.slide-image {
background: transparent !important;
}



/* Grundlegender Stil für das Tab-Container */
.polygon .tabcontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px; /* Abstand zwischen Hexagons */
}

/* Stil für jedes Tab (Hexagon) */
.polygon .tab {
    position: relative;
    width: 150px; /* Breite des Hexagons */
    aspect-ratio: 1 / cos(30deg); /* Hexagon-Proportionen */
    clip-path: polygon(50% -50%, 100% 50%, 50% 150%, 0 50%); /* Hexagon-Form */
    background-color:#f6f2f7;/* Hexagon-Hintergrundfarbe */
    text-align: center;   
    align-items: center;
    justify-content: center;
    color: white; /* Schriftfarbe */
    font-size: 14px; /* Schriftgröße */
    font-weight: bold; /* Schriftgewicht */
    cursor: pointer;
    transition: transform 0.3s, background-color 0.3s; /* Animationen für Hover */
	border:none !important;
}

 @media (min-width: 768px) {
.polygon .tab {
	   padding: 30px 30px 30px 30px !important;
}
}

/* Stil für aktives Tab */
.polygon .tab.active_tab {
    background-color: #ffca29 !important;
}

/* Hover-Effekt */
.polygon .tab:hover {
    background-color: #ffca29;
}

/* Fokus-Stil für Tastatur-Navigation */
.polygon .tab:focus {
    outline: 3px solid #ffcc00;
    outline-offset: 3px;
}

/* Responsive Anpassung für kleinere Bildschirme */
@media (max-width: 768px) {
    .polygon .tab {
        width: 250px !important; /* Kleinere Hexagons auf kleineren Bildschirmen */
    }
}

/* Zentrierung des Textes */
.polygon .tab span {
    display: inline-block;
    transform: translateY(-50%);
    vertical-align: middle;
    line-height: 1.5;
}


.arrow-section-below:after {
    content: " ";
    transform: translateX(-50%) rotate(180deg);
    position: absolute;
    top: 0px;
    left: 50%; /* Exakt mittig im Container */
    border-width: 25px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    z-index: 1;
}


.arrow-section-below {
    position: relative;
}

.adress-container .av_textblock_section {
position: relative;
  width: 500px;
  aspect-ratio: 1 / cos(30deg);
  clip-path: polygon(50% -50%, 100% 50%, 50% 150%, 0 50%);
  background-color: #ffcd35;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  font-weight: bold;
  transition: transform 0.3s, background-color 0.3s;
  border: none !important;
}

.adress-container .av_textblock_section a:hover{
	text-decoration:underline !important;
}

#top .av-video-slide .avia-slide-wrap {
  background-position: center right;
}


@media only screen and (max-width: 360px) {
	#start .avia_video  {
		left:-130px !important;
	}
	}

.social_bookmarks li {
	margin-right:15px !important;
}


#header_main .social_bookmarks_tiktok a:hover {
	background-color: transparent !important;
	color:#000000 !important;
}

#header_main .av-social-link-youtube a:hover {
    background-color: transparent !important;
	color:#000000 !important;
}

#header_main .av-social-link-instagram a:hover {
    background-color: transparent !important;
	color:#000000!important;
}

#header_main .av-social-link-youtube a:before, #header_main .av-social-link-instagram a:before {
	color:#000000!important;
}

.footer-div .av-share-box ul li a {
    padding: 12px 0 !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {
    max-width: 100px !important;
}

@media (max-width: 768px) {
    .pojo-a11y-toolbar-overlay {
        position: absolute;
        top: -260px;
        right: 0;
    }
}

.footer-div .av-social-link-tiktok a:before {
    content: "";
    width: 30px !important;
    height: 33px !important;
    display: inline-block;
    vertical-align: middle;
    background: url(https://abi-lab.de/wp/wp-content/uploads/2023/01/tiktok-icon.png) no-repeat center center;
    background-size: contain;
	margin-bottom: 15px;
}

@media (max-width:768px) {
.pojo-a11y-toolbar-overlay {
position: absolute;
    top: -260px;
    right: 0px;
}
}
	@media (max-width:974px) {
	.adress-container .av_textblock_section {
		width:350px !important;
	}
}

@media (max-width: 420px) {
    .adress-container .av_textblock_section {
        width: 250px !important;
    }
}

.open-sidebar-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.open-sidebar-link::before {
    content: '';
    display: inline-block;
    width: 32px; /* Breitere Fläche um das Icon */
    height: 32px; /* Höhere Fläche um das Icon */
    background: url('https://tgzchemie.de/wp/wp-content/uploads/2024/10/Barrierefreiheit.svg') no-repeat center center;
    background-size: 24px 24px; /* Größe des Icons bleibt gleich */
    background-color: #fecc36; /* Hintergrundfarbe */
    margin-right: 4px; /* Abstand zwischen Icon und Text */
    border-radius: 4px; /* Optional: Abrundung des Icons */
}

.open-sidebar-link a {
	padding-left:0 !important;
}

.pojo-a11y-toolbar-toggle {
	display:none;
}

.alert-div p{
	color:#4F5F39 !important;
	
}

.alert-div p strong, .alert-div a {
		color:#4F5F39 !important;
}
.alert-div {
background-color:#E0F1B5 !important;
	min-height:110px;
	display: flex;
  align-items: center;
  justify-content: center;
}
	.alert-div a {
		text-decoration:underline !important;
	}

.custom-icon-text:before {
    font: normal normal normal 14px/1 FontAwesome;
  font-weight: 900;
  content: "\f0f3"; /* Unicode für das Glocken-Icon */
  margin-right: 8px;
  display: inline-block;
	font-size:20px;
}

.wpbc_structure_form .btn.btn-default {
	padding: 15px 48px 15px 48px !important;
}


@media (max-width: 768px) {
.adress-container {
  display: flex !important;
    align-items: center;
    justify-content: center;
}
	.polygon .tab {
	display: flex !important;
	}
}