/*!
Theme Name: wnumzuege
Theme URI: http://underscores.me/
Author: pattn
Author URI: http://pattn.net
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wn
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 with others.

wnumzuege is based on Underscores https://underscores.me/, (C) 2012-2017 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/
*/
@import url('./resources/dist/style.css');

.extras--wrapper {
	padding: 5rem 3rem ;
	display: flex;
}

.extras--wrapper h1{
    width: 100%;
	margin: 0;
    min-width: 370px;
    margin-right: 3rem;
	  line-height: 3rem;
	
}
@media screen and (max-width: 768px) {
	.contact {
		padding: 0 1.5rem;
	}
	.faq {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.extras--wrapper {
		flex-direction: column;
	}
}
.page--wrapper h1, .page--wrapper h2, .page--wrapper h3,
.page--wrapper h4 {
	color: black;
	font-size: 24px;
	
}
.page--wrapper {
	padding: 3rem;
}
.split--wrapper .subtitle {
	font-family: azo-sans-web;

}

.page-id-134 h1 {
	font-size: 3em;
	flex: 1 0 100%;
}
.page-id-134 h2 {
	font-size: 1.75em;flex: 1 0 100%;
}
.page-id-134 h3 {
	font-size: 1.2em;
	flex: 1 0 100%;
}
.page-id-134 label  {
	display: block
}

.terz {
	background: 0;
font-size: 14px;
text-align: center;
line-height: 19.6px;
border-radius: .125rem;
border: 2px solid #2b698b;
padding: 1rem 3rem;
	color:  #2b698b;
}
.contact a {
	display: inline-block;
}
.logo img {
	height:auto;
	width: 250px
}
form > p > .cf7mls_back {
	display:none;
	
}
.liste .tab {
	display: block !important;
	color: white !important;
	background: #2b698b !important;
	
}
.liste h2 {
font-size: 1em;	color: white;

}
.liste .tab li > label > *:not(h2):not(.answer), .liste .tab li > br{
	display: none !important;
}
.liste ul li input[type=checkbox]:checked+label+.answer{
	height: auto;
padding: 3rem;
opacity: 1;
}
.accordion {
  background-color: #2b698b !important;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
	border:1px solid transparent; border-radius: .125rem;
	margin-bottom: 1px;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

	 
.panel {
	padding: 0 3em 0;
	overflow: hidden;
	max-height: 0; display: flex;
	flex-wrap: wrap;
  width: 100%;
  transition: max-height 0.5s ease-out, padding-top 0.5s ease-out;
	
}
.panel > label {
	width: 400px;
	display: inline-block;
	max-width: 100%;
}
.panel .wrappi {
	width: 100%;
}
.panel > label + span label {
	display: flex !important;
	flex-direction: row;
} 
.panel > label + span label input {
	margin-top: 9px;
	width: 12px;
} 
.active + .panel {
	 padding: 1.5em 3em 6em;
}
[type=submit] {
	background: black !important;
	color: white;
	padding: 1.5em 3em !important;
	margin-top: 1.5em;
	margin-left: 0 !important;
	width: auto !important;
}
.wpcf7-validates-as-required > span {
	margin: 0;
	display: flex;
}.wpcf7-validates-as-required > span input {
flex: 1;
	width: auto !important;
	max-width: 12px;
	margin-top: 5px;

}
.sonstige {
	margin-top: 1.5em;
	max-width: none !important;
}

.werbung--wrapper {
	padding: 5rem 3rem;
	display: flex;
	
}
.werbung .text {
	text-align: center;
}

.phone a {
	color: black;
	text-decoration: none;
}
.phone img {
	margin-left: 1em;
	
	
}
.has-error {
	background: darkred !important;
}
.footer--nav a {
	margin-left: 1.5em
}

.contact  .text{
	width: 100%;
}
.contact .text form {
	flex-direction: column;
	margin-top: -2.3rem !important
}
.contact .text form label {
	flex-direction: row;
}
.wpforms-submit-container button {
	padding: .25rem 2.5rem !important;
	font-size: 1rem !important
}

.hero--bar .logo svg * {
	fill: white !important
}

.navbar {
	display: flex;
	flex-wrap: wrap;
}