/*!
Theme Name: Inncandidate
Theme URI: http://underscores.me/
Author: Manuel Michaelis
Author URI: http://www.innsites.de
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bgm
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Inncandidate is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@import url(css/wp.css);
@import url(fonts/fontawesome/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;500&display=swap');
/* ===========================================
	LAYOUT
=========================================== */
#page{
	display: flex;
	flex-direction: column;
	min-height:100vh;
}
#colophon{
	display: flex;
	justify-content: center; 
}
#content {
	display: flex;
	flex-direction: column;
	height: 100%;
  	min-height: 100%;
  }
#primary{
	display: flex;
	flex: 1;
	flex-direction: column;
	width: 1000px;
	margin: 0 auto;
}
.site-branding{
	display: flex;
	flex-direction: column;
	max-width: 1000px;
	height:auto;
	margin: 0 auto;
	height: 17.5vw;
	background-image: url(images/wernthaler_header_3c_neu.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}
#masthead{
	width:100%;
	height: 17.5vw;
}
.main-navigation {
	background:silver;	
}
/* ===========================================
	HEADER
=========================================== */
.site-header{
	background-image: url(images/header-bg-3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.site-title{
	font-size: 2.7vw;
	font-family: 'Noto Serif', serif;
	font-weight: 500;
	margin: 0;
	width: 50%;
  line-height: 110%;
  padding-top: 1vw;
}
.site-title a{
	text-decoration: none;
	color: white !important;
}
/*.site-title a:before{
	content: "";
display: block;
background: url("images/2026-2.png") no-repeat;
width: auto;
height: 100%;
float: left;
margin: 0 0 0 2vw;
}*/
.site-description {
	width: 100%;
	text-align: center;
	color: white;
	font-size: 1vw;
	font-family: 'Noto Serif', serif;
	font-weight: 500;
	background: #009ba4;
  }
  .site-description p{
	display: none;
  }
  /* ===========================================
	TYPO
=========================================== */
p, ul {
	font-size: 1rem;
}
h1{
	font-family: 'Noto Serif', serif;
  font-weight: 500;
}
h2{
	font-size: 1.4rem;
}
h3{
	font-size: 1.2rem;
}
/* ===========================================
	LINKS
=========================================== */
a {
	color: #4169e1;
	text-decoration: none;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}
/* ===========================================
	SEITEN
=========================================== */
/* ===== HOME ===== */
.home .entry-title{
	display : none;
}
/* ===== IMPRESSUM ===== */
.impressum{
	display: flex;
	flex-direction: column;
}
.page-template-page-impressum .entry-title{
	display: none;
}
/* ===== DATENSCHUTZ ===== */
.page-template-page-datenschutz .entry-title{
	display: none;
}
.disclaimer{
	margin: 2rem 0;
}
/* ===== PRESSE ===== */
.presse, .termine{
	display: flex;
	justify-content: flex-start;
	margin-bottom: 1rem;
	background: silver;
}
.datum, .medium, .presselink, .beschr{
	padding: 0 0.5rem;
}
.presselink, .presselink:visited{
	color:darkblue !important;
}
.presselink:hover{
	color:aqua !important;
}
/* ===== TERMINE ===== */
.termin{
	display: flex;
	flex-direction: column;
}
/* ++++++++++ Accordions ++++++++++ */
  .accordion-title {
	box-shadow: 0 1px 3px #666666;
	cursor: pointer;
	width: 100%;
	font-size: 1rem !important;
	text-decoration: none !important;
	background-color: rgba(238, 238, 238, 0.8);
	border: 0.2rem solid grey;
	color: black;
	padding: 0.5rem;
  }
  .accordion-title::after {
	position: relative;
	float: right;
	content: "\f078";
	font-family: "FontAwesome";
	margin-right: 2rem;
  }
  .accordion-title h3,
.accordion-title a{
	font-size: 1rem !important;
	text-decoration: none !important;
}
/* ===========================================
	LAYOUTS
=========================================== */
.artikel{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 2.5rem;
}
/* ===== VOLL ===== */
.voll{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 3rem 0;
	border-bottom: 1px solid grey;
}
.titel, .titel a {
	display: inline-block;
	width: 100%;
	font-family: 'Noto Serif', serif;
	font-weight: 500;
	text-decoration: none;
	color: rgb(74, 74, 74);
	margin: 0;
  }
  .date{
	display: none;
	font-size: 0.8rem;
	width: 100%;
}
.date:before{
	content: "vom:";
	margin-right: 0.5rem;
}
.artikelbox{
	display: flex;
	justify-content: space-between;
}
.bild{
	display: flex;
	width: 30%;
}
.teaser{
	display: flex;
	flex-direction: column;
	width: 66%;
}
.teaser p{
	column-count: 2;
}
.morelink{
	align-self: flex-end;
	margin-top: auto;
}
.morelink a{
	text-decoration: none;
	color: black !important;
	font-size: 0.8rem;
	font-weight: bold;
}
/* ===== HALB ===== */
.halb {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 48%;
	padding: 3rem 0;
	border-bottom: 1px solid grey;
  }
  .halb p img{
	position: relative;
	float: left;
	max-width: 200px;
	/*margin-right: 20px;*/
  }
 a.titel {
	display: inline-block;
	width: 100%;
	font-family: 'Noto Serif', serif;
	font-weight: 500;
	text-decoration: none;
	color: rgb(74, 74, 74) !important;
	margin: 0;
  }
.halb .morelink{
	width:100%;
	text-align: right;
}
/* ===========================================
	ARTIKEL
=========================================== */
.entry-header,
.entry-footer {
	display: inline;
	width: auto;
	font-size: 0.8rem;
  }
.post .entry-footer{
	display: none; 
}
  .entry-meta{
	background: silver;
	padding: 0 1rem;
	margin-bottom: 2vw;
	display: none;
  }
  .entry-meta a,
  .cat-links a{
	color: black;
	text-decoration: none;
  }
  .entry-title{
	font-family: 'Noto Serif', serif;
	font-size: 2.4vw;
	font-weight: 500;
	color: rgb(74, 74, 74);
  }
  .post-thumbnail {
	position: relative;
	float: left;
	max-width: 20vw;
	margin-right: 1vw;
  }
  .nav-next a,
  .nav-previous a{
	width: auto;
	font-size: 0.8vw;
	color: black;
	text-decoration: none;
	background: silver;
	padding: 0.5vw;
  }
  .nav-subtitle{
	display: none;
  }
  .nav-previous a::before {
	content: "\f100";
	font-family: "FontAwesome";
	margin-right: 0.5rem;
  }
  .nav-next a::after {
	content: "\f101";
	font-family: "FontAwesome";
	margin-left: 1rem;
  }
  /* ===========================================
	KATEGORIE
=========================================== */
.category .page-header{
	font-size: 0.5vw;
	color: silver;
}
.category .post .entry-title a{
	font-family: 'Noto Serif', serif;
	font-size: 2.4vw;
	font-weight: 500;
	color: rgb(74, 74, 74);
	text-decoration: none;
}
/* ===========================================
	NAVIGATION
=========================================== */
.main-navigation {
	position: sticky;
  	top: 0;
	display: flex;
	justify-content: center;
	width: 100%;
}
.menu-hauptmenue-container {
	display: block;
	width: 1000px;
  }
.main-navigation ul{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;

}
.main-navigation ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	display:flex;
	flex-direction: column;
	top: 100%;
	left: -999em;
	min-width:10rem;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: auto;
	padding-left: 0.5rem;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
	margin: 0.5rem 2vw 0.5rem 0;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	font-size: 1.2rem;
	color: rgb(37, 37, 37);
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: none;
}
/* ============================================
    FUSSZEILE
================================================ */
#colophon {
	flex: 0 1 auto;
	padding: 0;
	background-color: #1e191c;
  }
.site-info{
    display: flex;
	width: 100%;
    align-items: center;
    justify-content: center;
    padding-bottom: 2vw;
	background: rgba(200,200,200,0.3);
}
.left{
    display: flex;
    width: 33.3%;
    align-items: center;
    justify-content: center;
}
.iconbox{
    display: flex;
    flex-direction: column;
    width: 50%;
    align-items:flex-start;
    justify-content: space-between;
}
.center{
    width: 33.3%;
    align-items: center;
    justify-content: center;
    }
.right{
    display: flex;
    width: 33.3%;
    align-items: center;
    justify-content: space-around;
}
.adrbox{
    display: flex;
    flex-direction: column;
    padding-top: 1vw;
}
.iconbox a{
    margin:0.5rem  auto;
    font-family: 'Roboto', sans-serif;
    color: white;
    font-size: 100%;
    font-weight: 300;
    text-decoration: none;
}
.adrbox{
}
.bottomline, .legalline{
    display: flex;
    justify-content: center;
    font-family: 'Roboto', sans-serif;
    color: white;
    font-size: 100%;
    font-weight: 300;
}
.bottomline{
    flex-direction: column;
    justify-content: center;
	margin-top: 3rem;
}
.mobileline{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.bottomline a, .legalline a{
    font-family: 'Roboto', sans-serif;
    color: white;
    font-size: 100%;
    font-weight: 300;
    text-decoration: none;
}
.standalone{
	width: 100%;
	text-align: center;
}
.sep, .fas{
    padding: 0 1rem;
}
/* **************************************************
	MOBILE Navigation
************************************************** */

body { 
    -webkit-animation: bugfix infinite 1s; 
    animation: bugfix infinite 1s; 
  }
  @keyframes bugfix { 
    from { padding: 0; } 
    to { padding: 0; } 
  }
  
  /* weiter */
  #mobilemenue{
      position:sticky;
	  top: 0;
      display: none;
      width: 100%;
      height: auto;
      margin: 0 auto;
      z-index: 12000;
	  background: silver;
  }
  #mobilemenue li{
    background: var(--siebte);
      padding: 0 2rem;
  }
  #mobilemenue a{
      display: inline;
      font-size: 100%;
      color: black;
      padding: 0.25rem;
  }
  #button {
      display: none;
  }
  label { 
    cursor: pointer;
    user-select: none;
  }
  #mobilemenue label {
      position: relative;
      width: 100%;
      height: 6rem;
      margin-bottom: 0;
      background-color: transparent;
      width:100% !important;
      text-align: right;
  }
  #mobilemenue label:after {
      position: relative;
      content: "\2261";
      font-size: 5vw;
      font-weight: 400;
      color: black;
      left: 4vw;
      }
  #mobilemenue label:before {
      position: relative;
      content: "Navigation";
      font-size: 4vw;
      font-weight: 400;
      color: black;
      left: 2vw;
      }
  .oben{
      position: absolute;
      width: 16rem;
      left: -500px;
      top:3rem;
      transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out;
      margin-top: 1rem;
      border: 3px solid silver;
      border-radius: 0.5rem;
	  background: white;
	  padding:2rem 0;
  }
  .oben ul{
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      list-style: none;
      margin: 0;
      padding-left: 0;
      width: auto;
  }
  .oben ul li:last-child{
      margin-bottom:0
  }
  .oben ul ul li{

  }
  .oben ul ul li:last-child{
  
  }
  .oben ul li a{
      font-weight: bold;
      color: black!important;
      text-decoration: none;
  }
  .oben ul li a:hover{
      color: grey !important;
  }
  .oben .sub-menu{
      margin-left: 0.5rem !important;
  }
  input:checked ~ .oben {
      left: 2vw;
  }
  /*steuert den aktiven übergeordneten Link */
  #mobilemenue li.current-menu-parent >a {
    color: black !important;
    text-decoration: underline;
}
    /*steuert den aktiven Link */
    #mobilemenue .current-menu-item >a{
    background: silver !important;
    color: black !important;
	width: auto;
}
@media screen and (max-width: 1040px) {
	.site-branding{
		width:40%;
	}
	/* Fusszeile */
.center {
	width: 40%;
  	}
	.left{
		width: 20%;
	}
	.right{
		display:none;
	}
}
@media screen and (max-width: 1023px) {
	#masthead, .site-branding{
		height: 10vw;
	}
	.site-description {
		font-size: 1.5vw;
	  }
	.main-navigation {
		padding: 0 3vw;
	  }
	#primary{
		width: 100%;
		padding: 4vw;
	}
	.category .page-header, .entry-header,
	.nav-next a, .nav-previous a {
		font-size: 1.5vw;
	  }
	.artikel{
		flex-direction: column;
	}
	.halb, .voll{
		width: 100%;
		margin: 0 auto;
	}
/* ===== PRESSE ===== */
	.presse{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-bottom: 1rem;
	}
	.datum{
		width: 20%;
	}
	.medium{
		width: 45%;
	}
	.presselink{

	}
}
@media screen and (max-width: 767px) {
	.main-navigation a{
		font-size: 2vw;
	}
	.teaser p{
		column-count: 1;
	}
	.gt_switcher_wrapper{
		top: 2.5rem !important;

	}
	.gt_selector.notranslate {
		font-size: 2vw !important;
	  }

}
/* ==================================================
	RESIZE
================================================== */
/* Small menu. */
@media screen and (max-width: 650px) {
	#masthead, .site-branding{
		height: 15vw;
	}
	.site-branding{
		width:60%;
	}

		#site-navigation{
			display: none;
		}
		#mobilemenue{
			display: block;
		}
	/*.gt_switcher_wrapper{
		top: 3rem !important
	}*/
	.site-info{
		flex-direction: column;
	}
	.left, .center{
		width:100%;
	}
	.left{
		order:2;
	}
	.iconbox{
		flex-direction:row;
		width: 100%;
	}
/* ===== VOLL ===== */
.artikelbox{
	flex-direction: column !important;
}
.voll{
	display: block;
}
.bild{
	display: inline-block;
	width: 100%;
}
.teaser{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.m-head a{
	background: silver !important;
	width: 100% !important;
}
.m-head .sub-menu li a{
	background: white !important;
}
/* PRESSE */
.datum{
	width: 100%;
}
.medium{
	width: 100 %;
}
}
@media screen and (max-width: 530px) {

	.gt_switcher_wrapper{
		top: 1.5rem !important;

	}

}