/* 
  Stylesheet GWH-ThüringenHaus
	@updated 2026-04-30 by Thomas Jirasko
*/

/* Farben
	 Thüringen Blau: #0089c1 0,137,193
	 Hellblau: #2a8ee7 42,142,231
	 Dunkelblau: #00314c 0,49,76
	 Thüringen Rot: #e53517 229,53,23
	 Dunkelrot: #8b2939 139,41,57
	 Grau #727676 114,118,118
*/

::selection{background-color:#727676;}

iframe:selection{background:#727676 !important;}
iframe:-moz-selection{background:#727676 !important;}

html{background:linear-gradient(to right,rgb(0,137,193) 0%,rgb(47,170,223) 100%);}

body{color:#222;}

h1{font-size:2.25em;text-transform:uppercase;}
h2{font-size:1.9em;}
h3{font-size:1.7em;}

/* --- Font/Text --- */
h1{color:#0089c1;text-transform:uppercase;}
h2{color:#0089c1;}
h3{color:#0089c1;}
h4{color:#0089c1;}
h5{color:#0089c1;}
h6{color:#0089c1;}

h1 a, h1 a:hover{color:#0089c1;}
h2 a, h2 a:hover{color:#0089c1;}
h4 a, h4 a:hover{color:#0089c1;}
h3 a, h3 a:hover{color:#0089c1;}
h5 a, h5 a:hover{color:#0089c1;}
h6 a, h6 a:hover{color:#0089c1;}

h2.highlight{box-sizing:border-box;background:linear-gradient(to right,rgb(0,137,193) 0%,rgb(47,170,223) 100%);color:#fff;max-width:1200px;margin:0 auto;padding:2% 6%;-webkit-border-radius:0;border-radius:0;}

big, .big{font-size:20px;line-height:28px;}
.xxl{font-size:33px;line-height:43px;}

@media only screen and (max-width:767px) {
	h1{font-size:2em;}
	h2{font-size:1.65em;}
	h2.highlight{font-size:1.65em;padding-left:20px;padding-right:20px;}
	h3{font-size:1.45em;}

	big, .big{font-size:17px;line-height:25px;}
	.xxl{font-size:25px;line-height:33px;}
}
@media only screen and (max-width:479px) {
	h1{font-size:1.8em;}
	big, .big{font-size:15px;line-height:22px;}
	.xxl{font-size:22px;line-height:30px;}
}
@media only screen and (max-width:379px) {
	h1{font-size:1.6em;}
}

.column_column ul, .column_column ol, .the_content_wrapper ul, .the_content_wrapper ol{color:#333;}

/* --- Header --- */
#Top_bar .one.column{width:100%;margin-left:0;margin-right:0;}

/* --- Header Logo --- */
#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo{margin:30px 0;height:60px !important;line-height:60px;}
@media only screen and (min-width:1400px) {
	#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo, #Top_bar.is-sticky .logo{margin-left:1%;}
}

/* --- Header Menu --- */
#Top_bar .menu_wrapper{top:32px;}

/* --- Header sticky --- */
#Top_bar.is-sticky{top:-70px;height:70px;}
#Top_bar.is-sticky #logo img{min-height:35px !important;height:35px !important;max-width:180px;}

/* --- Header Menu Toggle --- */
#Top_bar a.responsive-menu-toggle{position:absolute;color:#88c432;width:40px;height:36px;top:12px;right:0;}
#Top_bar.is-sticky a.responsive-menu-toggle{width:35px;height:35px;top:0;}
#Top_bar a.responsive-menu-toggle i{font-size:30px;line-height:36px;}
#Top_bar.is-sticky a.responsive-menu-toggle i{font-size:25px;line-height:25px;}

@media only screen and (max-width:1239px) {
	#Top_bar a.responsive-menu-toggle{right:0;top:46px;}
	#Top_bar.is-sticky a.responsive-menu-toggle{top:24px;}
}
@media only screen and (min-width:768px) {

	/* --- Header sticky Logo --- */
	#Top_bar.is-sticky .logo{min-height:35px !important;}
	#Top_bar.is-sticky .logo #logo{line-height:65px !important;margin:0;padding:0 !important;}
	#Top_bar.is-sticky{top:-70px;height:70px;}
	#Top_bar.is-sticky #logo img{min-height:54px !important;height:54px !important;}

	/* --- Header Menu Toggle --- */
	#Top_bar .menu_wrapper{float:none;}
	#Top_bar.is-sticky .menu_wrapper{top:17px;}
	
	.header-transparent #Top_bar.is-sticky .menu > li > a span:not(.description){line-height:53px;}
}

@media only screen and (max-width:767px) {

	/* --- Header Logo --- */
	#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo{padding:0;margin:10px 0 20px 0;}

	/* --- Header sticky Logo --- */
	.mobile-sticky #Top_bar.is-sticky #logo img{max-height:35px !important;min-height:35px !important;height:35px !important;}
	
	/* --- Header Menu Toggle --- */
	.mobile-sticky #Top_bar a.responsive-menu-toggle{top:24px !important;right:20px !important;}
}

@media only screen and (max-width:479px) {

	/* --- Header sticky Logo --- */
	.mobile-sticky #Top_bar.is-sticky #logo img{max-width:64vw;}
}

/* --- Header Logo --- */
@media only screen and (min-width: 768px) {
	#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo{margin:15px 0;height:75px !important;line-height:75px;}
}

/* --- Header Menu --- */
#Top_bar a.responsive-menu-toggle{top:35px;}
@media only screen and (min-width: 1240px) {
  #Top_bar .menu_wrapper{top:33px;}
}
#Top_bar .menu > li > a{color:#0089c1;}
#Top_bar .menu > li:hover > a, #Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a, #Top_bar .menu > li.current-menu-parent > a, #Top_bar .menu > li.current-page-parent > a, #Top_bar .menu > li.current-menu-ancestor > a, #Top_bar .menu > li.current-page-ancestor > a, #Top_bar .menu > li.current_page_ancestor > a, #Top_bar .menu > li.hover > a{background-color:#0089c1;color:#fff;}

/* --- Header Menu Toggle --- */
#Top_bar a.responsive-menu-toggle{color:#0089c1;}

/* --- Mobile Menu --- */
#Side_slide #menu > ul > li a:not(.action_button){color:#fff;background-color:#0089c1;}
#Side_slide #menu > ul > li.current-menu-item > a:not(.action_button),
#Side_slide #menu > ul > li.current-menu-item:hover > a:not(.action_button),
#Side_slide #menu > ul > li:hover > a:not(.action_button){background-color:#e53517;color:#fff;}

/* --- Links --- */
a.content_link .title{color:#88c432;}
a,a:hover{color:#e53517;;}

/* --- Buttons --- */
a.button_theme{background:#0089c1;color:#fff;}

/* --- Subheader (Motiv) --- */
#Subheader{padding:calc(100vh - 378px) 0 0 0;}

@media only screen and (max-width:1239px) {
	#Subheader{padding-top:calc(100vh - 339px);}
}
@media only screen and (max-width:959px) {
	#Subheader{padding-top:calc(100vh - 326px);}
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
  .section_wrapper, .container, .with_aside .content_wrapper {
    max-width: 96%;
    width: 96%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .section_wrapper, .container, .with_aside .content_wrapper {
    max-width: 96%;
  }
  .entry-content > .section.frame-layout-1 {
    max-width: 96%;
  }
}

/* --- Fourcolumn Teaser --- */
.fourcolumn .one-fourth.column{background-color:#0089c1;color:#fff;}

/* --- Iconbox --- */
.iconbox_wrapper .iconbox{background:#0089c1;color:#fff;}
.iconbox_wrapper .iconbox p{color:#fff;}

/* --- Bannerslider --- */
.section.banner h1 {display:inline-block;color:#0089c1;text-transform:none;}
.bannerslider span.prev, .bannerslider span.next {background-color:rgba(211,36,46,.85);}
.bannerslider .section.banner .section_wrapper{max-width:inherit;}
.bannerslider .section.banner .section_wrapper.text-content{text-align:center;}
.bannerslider .section.banner .section_wrapper.text-content h1{font-size:2.75em;/*text-shadow:0 0 1px #fff;*/background:rgb(255,255,255,.7); padding:.5em 1.75em;}
.bannerslider .section.banner .section_wrapper.text-content{position:absolute;display:flex;align-items:center;height:100%;z-index:2;top:0;width:85vw;left:calc(50% - 85vw/2);font-weight:600 !important;line-height:1.4em;color:#fff;}
@media only screen and (min-width:1239px) {
	.bannerslider .section.banner .section_wrapper.text-content{width:1160px;left:calc(50% - 595px);}
}
@media only screen and (min-width:768px) {
	.bannerslider span.prev,
	.bannerslider span.next{line-height:34px;}
}

/* --- HH Slider --- */
.frame-type-hhslider_slider .slider-button-prev, .frame-type-hhslider_slider .slider-button-next{background-color:rgba(0,137,193,.8) !important;}
#Content :is(.slider-button-prev, .slider-button-next):hover{background-color:rgba(47,170,223,.8) !important;}


/* --- FAQ --- */
.faq .question .title, .accordion .question .title {color:#00314c;}
.faq .question.active .title, .accordion .question.active .title {color:#00314c;}
.faq .question .title > .acc-icon-plus, .faq .question .title > .acc-icon-minus{color:#00314c;}

/* --- Slider --- */
.section.banner a.button_theme{background-color:#e53517;color:#fff;}
.section.banner {background:linear-gradient(to right,rgb(0,137,193) 0%,rgb(47,170,223) 100%);}

/* --- Gallery --- */
.gallery.one.column{width:100%;margin:0;}
@media only screen and (min-width:768px) {
	.gallery-columns-3 .gallery-item .gallery-icon{width:97.5%;margin-left:1.25% !important;margin-right:1.25% !important;margin-bottom:2.5% !important;}
	.gallery-columns-3 .gallery-item:nth-child(3n + 1) .gallery-icon{margin-left:0 !important;margin-right:2.5% !important;}
	.gallery-columns-3 .gallery-item:nth-child(3n) .gallery-icon{margin-left:2.5% !important;margin-right:0 !important;}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	.gallery-columns-3 .gallery-item .gallery-icon{width:97.5%;margin-left:1.25% !important;margin-right:1.25% !important;margin-bottom:2.5% !important;}
	.gallery-columns-3 .gallery-item:nth-child(2n + 1) .gallery-icon{margin-left:0 !important;margin-right:2.5% !important;}
	.gallery-columns-3 .gallery-item:nth-child(2n) .gallery-icon{margin-left:2.5% !important;margin-right:0 !important;}
}
@media only screen and (max-width:479px) {
	.gallery-columns-3 .gallery-item .gallery-icon{width:100%;margin-left:0 !important;margin-right:0 !important;margin-bottom:2.5% !important;}
}

/* --- Content with sidebar --- */
body.layout-0 .content-with-sidebar .section-sidebar-right h3{background:linear-gradient(to right,rgb(0,137,193) 0%,rgb(47,170,223) 100%);}
body.layout-0 .content-with-sidebar .section-sidebar-right .highlight-box{background:linear-gradient(to right,rgb(0,137,193) 0%,rgb(47,170,223) 100%);}

/* --- Special Content - Highlight Box --- */
body.layout-0 .highlight-box{background:linear-gradient(to right,rgb(0,137,193) 0%,rgb(47,170,223) 100%);}

/* --- News List Teaser --- */
.grid .post-desc-wrapper h2.entry-title{color:#6f6f6f;}
.image_frame .image_wrapper .image_links, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc{background:rgba(211, 36, 46, 0.8);}
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after, .masonry.tiles .post-item.no-img, .masonry.tiles .post-item.format-quote, .blog-teaser li .desc-wrapper .desc .post-title:after, .blog-teaser li.no-img, .blog-teaser li.format-quote{background:#e53517;}
.image_frame .image_wrapper .image_links a:hover{color:#e53517;}
.post-meta{color:#222;}
.image_frame .image_wrapper .mask, .edd_download_image:after{-webkit-box-shadow:none;box-shadow:none;}
ul.f3-widget-paginator li a{border:1px solid #0089c1;}

/* --- News Detail --- */
.post-nav.minimal a{background-color:#0089c1;}
.post-nav.minimal a:hover{background-color:#e53517;}
.post-wrapper-content-blog .single-photo-wrapper.image.first{margin-bottom:2.25em;}
.post-wrapper-content-blog .column_image_gallery{max-width:768px;}

/* --- Category Selector --- */
body.layout-0 .category-selector ul li{background-color:#0089c1;}
body.layout-0 .category-selector ul li.label{background-color:transparent;color:#0089c1;}
body.layout-0 .category-selector ul li.act,
body.layout-0 .category-selector ul li:not(.label):hover{background-color:#727676;}

/* --- Footer --- */
#Footer .footer_left{width:180px;}
#Footer .footer_left a.logo {height:100%;width:auto;padding-top:0;}
#Footer .footer_left a.logo img{height:auto;}
#Footer a:hover{color:#e53517;}
#Footer .footer_logo a img{width:55px;height:55px;}

/*
.image_frame .image_wrapper .mask, .edd_download_image::after {
  -webkit-box-shadow: none;
  box-shadow: none;
}
*/

@media only screen and (min-width:768px) and (max-width:959px) {
	
	.bannerslider .section.banner .section_wrapper.text-content h1{font-size:4vw;}
	
	#Footer .footer_menu ul{text-align:left;padding-left:10%;}
	#Footer .footer_menu ul li{display:inline-block;width:calc(50% - 80px);}
}
@media only screen and (max-width:767px) {
	
	.bannerslider .section.banner .section_wrapper.text-content{max-width:85% !important;}
	.bannerslider .section.banner .section_wrapper.text-content h1{font-size:4.25vw;}

  #Content > .content_wrapper > .sections_group > .entry-content > .section.bannerslider + .section:not(.heading-banner){padding-top:0 !important;}
	
	#Footer .footer_left a.logo {height:65px;}
	#Footer .footer_left a.logo img{height:100%;}
  #Footer .footer_logo a img{width:70px;height:70px;}
}
