/*
Theme Name: Webcam
Description: Vorlage für Webcam Achertal
Author: rundum.marketing
Author URI: https://www.rundum.marketing
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

svg.logo,
span.gos-logo a img{height:50px !important;}
div.gos-footer i{margin-right:8px;}

.gos-stellenangebote-contact i,
.hero-kontakt i{margin-right:10px;}

div.gos-text h2.fusion-responsive-typography-calculated{font-size:24px !important;margin-bottom:20px;margin-top:40px;}
div.gos-text h3.fusion-responsive-typography-calculated{font-size:20px !important;margin-bottom:20px;}
div.gos-text h4.fusion-responsive-typography-calculated{font-size:18px !important;margin-top:40px;}

div.gos-legal div.gos-text h2.fusion-responsive-typography-calculated{font-size:20px !important;margin-bottom:20px;}
div.gos-legal div.gos-text h3.fusion-responsive-typography-calculated{font-size:18px !important;margin-bottom:20px;margin-top:40px;}
div.gos-legal div.gos-text h4.fusion-responsive-typography-calculated{font-size:16px !important;margin-top:40px;}

.hero-kontakt div.fusion-text.gos-text{text-transform:uppercase;}
div.company_name h2{hyphens: auto;font-size:0.9em !important;}

.company-logo img{
	max-height: 250px;
	object-fit: contain;
}


div.gos-desc.gos-text h3.fusion-responsive-typography-calculated::after{  content: "";
  display: block;
  width: 50px;
  padding-top: 5px;
  border-bottom: 5px solid var(--awb-color4);
 }
 
div.gos-desc.gos-text h3.fusion-responsive-typography-calculated{
  margin-top:40px;
}

div.gos-desc.gos-text h3.fusion-responsive-typography-calculated:first-of-type{
	margin-top:0px;
}

ul.gos-list li div.fusion-li-item-content{line-height: 1.6 !important;}

.fusion-sharing-box .tagline{
	background-color:var(--awb-color4) !important;
	padding:10px 15px;
}

.fusion-alert{font-size:13px !important;}

p.contact-inner-headline{margin-bottom:5px !important;font-size:16px;}

.awb-swiper-button-next, .awb-swiper-button-prev{
	opacity: 1 !important;	
	background-color: var(--awb-color4) !important;
	color: var(--awb-custom_color_1) !important;
}

.awb-swiper-button-next:hover, .awb-swiper-button-prev:hover{
	background-color: var(--awb-color6) !important;
	color: var(--awb-custom_color_2) !important;
}

div.fusion-image-wrapper.awb-imageframe-style.awb-imageframe-style-navin{
	width:100%;	
	max-width: 695px;
}

.fusion-image-carousel-auto .awb-swiper .fusion-image-wrapper img {
  width: 100% !important;
  max-height: 495px !important;
  min-height: 495px !important;
  object-fit: cover;
}

.fusion-image-carousel-webcam.fusion-image-carousel-auto .awb-swiper .fusion-image-wrapper img {
  width: 1800px !important;
  max-height: 750px !important;
  min-height: 750px !important;
  object-fit: cover;
}

.fusion-image-carousel-webcam.fusion-image-carousel-auto .awb-swiper:not(.swiper-fade) .swiper-wrapper{
  padding:0px !important;
}



.awb-imageframe-style-navin{
  background-color:rgba(0,0,0,0) !important;
}


.awb-imageframe-style-navin img{
	opacity: 1 !important;
	transform: translate3d(0,0,0) !important;
}

.awb-imageframe-style-navin:hover img{
	-webkit-transform: scale(1.1) !important;
	-moz-transform: scale(1.1) !important;
	-ms-transform: scale(1.1) !important;
	-o-transform: scale(1.1) !important;
	transform: scale(1.1) !important;
}

/* Galerie */

.gallery-wrapper {
  width: 100%;
  max-height: 750px !important;
  /*min-height:275px;*/
}

.gallery-wrapper:hover{
  cursor:pointer;
}

.gallery-wrapper img.preview {
  object-fit: cover; 
  object-position: center center;
  width: 100%;
  height: 100%;

}

.gallery-wrapper a span {
  position: absolute;
  bottom:40px;
  left:40px;
  font-size:16px;
  background-color: var(--awb-color4);
  color: var(--awb-custom_color_1);
  padding:0 10px;
  font-weight:500 !important;
}

.gallery-wrapper a div.message {
  position: absolute;
  font-size:16px;
  width:100%;
  background-color: var(--danger_accent_color);
  color: var(--awb-color1);
  padding:10px 10px;
  font-weight:500 !important;
  text-align:center;
  font-size:13px;
}

.fancybox-protected {
  background-image: url("https://www.achertal.webcam/wp-content/uploads/logo-gos-achertal-tag.png");
  background-size: 15%;
  background-repeat: no-repeat;
  background-position: right 2% top 2%;
		
}

.fancybox__container {
	z-index:999999 !important;
}

button.f-button i.fusion-social-network-icon{
	font-size:16px;
}

.fancybox__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev{
  background-color: var(--awb-color4);
  color: var(--awb-custom_color_1);
  border-radius:0;
}

.fancybox__nav .f-button.is-prev{
 left:0 !important;
}

.fancybox__nav .f-button.is-next{
 right:0 !important;
}


.fancybox__nav .f-button.is-next:disabled ,
.fancybox__nav .f-button.is-prev:disabled {
  opacity: 0.25;
}

.fancybox__nav .f-button.is-next:hover,
.fancybox__nav .f-button.is-prev:hover{
  background-color: var(--awb-color6);
  color: var(--awb-custom_color_2);
}

.fancybox__caption span{

  background-color: var(--awb-color4);
  color: var(--awb-custom_color_1);
  padding:5px 10px;
  font-size:16px;
    
}

div.preview-button-next, div.preview-button-prev {
	position:absolute;
    width: 45px;
    height: 45px;
    color: var(--awb-custom_color_2);
    background-color: var(--awb-color4);
	top: 50%;
	text-align:center;
	margin-top:-22px;
}


div.preview-button-next {right:45px;}

div.preview-button-prev {left: 0;opacity: 0.35	}

div.preview-button-next i, div.preview-button-prev i{
	display:inline-block;
	margin-top:30%;
	color: var(--awb-custom_color_1);
}

div.preview-button-next:hover i, div.preview-button-prev:hover i{
	color: var(--awb-custom_color_2);	
}

ul.gallery-archiv{padding-left:0px;}

ul.gallery-archiv li.fusion-layout-column{
	padding:0;margin:0px;
}

ul.gallery-archiv li.fusion-layout-column div.fusion-column-wrapper{
	margin:0 20px 20px 0;
}

ul.gallery-archiv li.fusion-layout-column:hover{
	cursor:pointer;
}

ul.gallery-archiv li.fusion-layout-column div.fusion-column-wrapper div.awb-imageframe-caption{
	padding: 2em 2em 3em 1em;
}

    
ul.gallery-archiv li.fusion-layout-column div.fusion-column-wrapper div.awb-imageframe-caption-title{
	font-size:14px;
}





/* Galerie Ende */

/* Kontaktformular Anfang */

form span.privacy{font-size:70%;padding-left:10px;display:inline-block;}

.fusion-form-checkbox label:before{border:1px solid var(--awb-color7) !important;}


div.gos-legal input::placeholder, textarea::placeholder {
  font-size:13px !important;
}


/* Kontaktformular Ende */

/* Datenformular Anfang */

div.acf-form p.description{font-size:70%;}

div.acf-form .acf-repeater > .acf-actions .acf-button{font-weight:700;font-size:16px;padding:10px 0 20px 0;}

div.acf-form .acf-repeater > .acf-actions .acf-button::before {content: '+ ';}

div.acf-form  ::placeholder{color:#c2c2c2;}

div.acf-form .acf-form-submit{
padding:40px 0 0 16px;
}

/* Datenformular Ende */

/* Hauptmenü Anfang */

ul#menu-haupmenue-1 li.menu-item .button-default{
	
    background: var(--awb-color4);
    color: var(--awb-custom_color_1);

}


ul#menu-haupmenue-1 li.menu-item .button-default i{
	color: var(--awb-custom_color_1);
}

ul#menu-haupmenue-1 li.menu-item .button-default:hover,
ul#menu-haupmenue-1 li.menu-item.current_page_item .button-default{
	
    background: var(--awb-color6);
    color: var(--awb-custom_color_2);


}

ul#menu-haupmenue-1 li.menu-item .button-default:hover i,
ul#menu-haupmenue-1 li.menu-item.current_page_item i{
	color: var(--awb-custom_color_2);
}


ul#menu-haupmenue-1 li span.button-icon-divider-left{
	border-right:0px !important;
}

/* Hauptmenü Ende */


span.fusion-imageframe div.awb-imageframe-caption-title,
div.awb-imageframe-style-navin div.awb-imageframe-caption-title{
	background-color:var(--awb-color4);
	color:var(--awb-custom_color_1) !important;
	display:inline-block;
	padding:5px 10px 5px 10px;
	font-weight:500 !important;
}

a.rundum{color: rgba(31, 33, 28, 0.7) !important;}
.vorstand p{line-height:1.4 !important;}	
.vorstand p small{display:inline-block;padding-top:5px;}	


.fusion-alert-content p{margin-bottom:0px !important;}



@media only screen and (max-width: 840px) {
	
	button.button-send span.fusion-button-text,
	.fusion-form-form-wrapper .fusion-form-field .fusion-form-input-with-icon>i,
	.fusion-form-form-wrapper input,
	.fusion-form-form-wrapper select,
	.fusion-form-form-wrapper textarea{
		font-size:14px !important;
		
	}
	
	form span.privacy{hyphens: auto;}
	
	.company-logo img{
		/*max-width:250px !important;*/
		max-height: 100px;
		min-height: 100px;
        object-fit: contain;
	}
	
	svg.logo,
	span.gos-logo a img{min-width:150px !important;max-width:175px !important;}
	
	div.preview-button-prev {left:8px;}
	div.preview-button-next {right:8px;}
	div.preview-button-next, div.preview-button-prev{height:30px;width:30px;}
	div.preview-button-next i, div.preview-button-prev i{margin-top:10%;}
	
	.gallery-wrapper a span {
	  bottom:-32px;
	  left:0;
	  font-size:13px;
	  padding:5px 10px;
	  text-align:center;
	  width:100%;
	}

	.gallery-wrapper a span.preview {
	  bottom:14px !important;
	  width: calc(100% - 50px);
	  margin-left:25px;
	}	
	
	.fancybox__caption{padding:0px !important;}
	
	.fancybox__caption span{
	  display:inline-block;
	  text-align:center;
	  width:100%;
	  padding:5px 0px;
	  font-size:13px;
		
	}	

	
	.f-button.is-next,.f-button.is-prev{width:30px;height:30px;}
	.f-button.is-next svg,.f-button.is-prev svg{width:13px;height:13px;}
	
	h1.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated{font-size:28px !important;}
	h2.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated{font-size:26px !important;}
	h3.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated{font-size:20px !important;margin-top:20px !important;}
	
	div.gos-legal div.gos-text h2.fusion-responsive-typography-calculated{font-size:20px !important;margin-bottom:10px;margin-top:40px;}
	div.gos-legal div.gos-text h3.fusion-responsive-typography-calculated{font-size:18px !important;margin-bottom:10px;margin-top:20px;}
	div.gos-legal div.gos-text h4.fusion-responsive-typography-calculated{font-size:16px !important;margin-top:20px;}
		
	div.gos-headline-data h2.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated{font-size:18px !important;}	
		
	.mitglieder-postcard h3.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated{font-size:14px !important;margin:0px !important;}
	
	
	p.contact-inner-headline{margin-top:30px !important;font-size:16px !important;}
	p.contact-inner-headline:first-of-type{margin-top:0px !important;}
	
	.awb-background-mask{background-image:none !important;}
	div.fusion-title.gos-lead div.fusion-title-heading.fusion-responsive-typography-calculated{font-size:14px !important;}

	div.toggle-content p,
	span.fusion-toggle-heading,
	div.fusion-text.gos-text,
	.gos-text li,
	ul.fusion-checklist.gos-text{font-size:16px !important;}
	
	
	.hero-kontakt div.fusion-text.gos-text{text-transform:none !important;}
	
	span.fusion-imageframe div.awb-imageframe-caption-title,
	div.awb-imageframe-style-navin div.awb-imageframe-caption-title,
	.gos-footer p, .gos-footer a {font-size:14px !important;}
	
	
	.fusion-image-carousel-auto .awb-swiper .fusion-image-wrapper img {
	  max-height: 320px !important;
	  min-height: 320px !important;
	  width:100vw !important;
	}
	
	#content {margin-bottom:0px !important;}
	
	.fusion-sharing-box .tagline{
		margin-bottom:30px !important;
		font-size:16px !important;
	}
	
	ul.gallery-archiv li.fusion-layout-column div.fusion-column-wrapper{
		margin:0 0 20px 0;
	}	
	
	a.rundum{font-size:12px !important;}



}

@media only screen and (min-width: 840px) and (max-width: 2000px)  { 
	
	h1.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated{font-size:32px !important;}
	h2.fusion-title-heading.title-heading-left.fusion-responsive-typography-calculated{font-size:28px !important;}

	
	div.fusion-title.gos-lead div.fusion-title-heading.fusion-responsive-typography-calculated{font-size:14px !important;}
	
	.fusion-image-carousel-auto .awb-swiper .fusion-image-wrapper img {
	  max-height: 320px !important;
	  min-height: 320px !important;
	  min-width: calc(32vw - 15px);
	  object-fit: cover;	  
	}	
	
	span.fusion-imageframe div.awb-imageframe-caption-title,
	div.awb-imageframe-style-navin div.awb-imageframe-caption-title,
	.gos-footer p, .gos-footer a {font-size:14px !important;}	
	
	.hero-startseite div.fusion-builder-row {max-height:500px !important;}

	.gallery-wrapper {
	  width: 100%;
	  max-height: 500px !important;
	}	
	
	.gallery-wrapper img.preview{
		max-height: 500px !important;
		min-height:500px !important;
	}	
	
	ul#menu-haupmenue-1 li{margin:0px 10px 0px 10px !important;}
	ul#menu-haupmenue-1 li span.button-large{font-size:13px !important;padding-left:15px !important;}
	
	.company-logo img{max-height: 150px;}

	
	
}

::selection {
  background: var(--awb-color4);
  color: var(--awb-color1);
}