/*
Theme Name: pX-Theme
Text Domain: twentytwenty
Version: 1.0
Requires at least: 5.4
Requires PHP: 7.0.0
Description: Basis-Template zur Webseitenerstellung
Tags: Template
Author: pronomiX, Andreas Mennel
Author URI: https://www.pronomix.de
Theme URI: https://www.pronomix.de
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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.
*/

:root{
	--halb: calc((100% - 1200px) / 2);
	--halb-l : calc(50% - 620px);
	--halb-r : calc(50% + 620px);
	--fb-w: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 455.73 455.73"><path style="fill:%23FFF" d="M0,0v455.73h242.704V279.691h-59.33v-71.864h59.33v-60.353c0-43.893,35.582-79.475,79.475-79.475  h62.025v64.622h-44.382c-13.947,0-25.254,11.307-25.254,25.254v49.953h68.521l-9.47,71.864h-59.051V455.73H455.73V0H0z"/></svg>');
	--fb-b: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 455.73 455.73"><path style="fill:%233A559F" d="M0,0v455.73h242.704V279.691h-59.33v-71.864h59.33v-60.353c0-43.893,35.582-79.475,79.475-79.475  h62.025v64.622h-44.382c-13.947,0-25.254,11.307-25.254,25.254v49.953h68.521l-9.47,71.864h-59.051V455.73H455.73V0H0z"/></svg>');
}
a{
	text-decoration:none!important;
}
p{
	margin:0 0 10px 0!important;
}
body{
	padding: 0;
	margin: 0;
	background:linear-gradient(90deg, #FFF 0%, #EEE var(--halb-l), #FFF var(--halb-l), #FFF var(--halb-r), #EEE var(--halb-r), #FFF 100%)
}
.elementor-menu-toggle{
	width:100%;
	outline:none;
}
.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown{
	position: relative!important;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    margin-bottom: 10px;
    box-shadow: none!important;
}
footer .elementor-post__title{
	float:left;
}
footer .elementor-post__meta-data{
	font-family: "Zurich Normal", sans-serif;
	font-size:20px!important;
	position:absolute;
	left:0;
	bottom:0;
}
footer .elementor-post__excerpt{
	clear:both;
}
footer .elementor-post__read-more{
	float:right;
	margin-right:15px;
}

input{
	outline:none!important;
}
.elementor-field-group .elementor-select-wrapper::before{
	display:none!important;
}
select{
	appearance:none!important;
	border-radius:0!important;
	box-shadow:none!important;
	line-height:40px!important;
	height:40px!important;
	font-size:16px!important;
	padding:0 10px!important;
	background:#F4F4F4 url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='17px' height='20px' viewBox='0 0 17 20'><polygon style='fill:%23333' points='8.45,18.62 4.25,11.22 12.75,11.22'/><polygon style='fill:%23000' points='8.45,1.22 12.75,8.52 4.25,8.52'/></svg>") no-repeat 100% 50%!important;
}
input[type="text"], input[type="password"], input[type="email"], input[type="number"]{
	line-height:40px!important;
	height:40px!important;
	font-size:16px!important;
	padding:0 10px!important;
	appearance:none!important;
	border-radius:0!important;
	box-shadow:none!important;
}
input[type="number"]{
	padding-right:0;
}
textarea{
	line-height: 22px;
	font-size:16px;
	padding:10px;
	appearance:none!important;
	border-radius:0!important;
	box-shadow:none!important;
}
input[type="checkbox"], input[type="radio"]{
	appearance:none!important;
	width:20px!important;
	height:20px!important;
	float:left!important;
	margin:0 5px 0 0!important;
	padding:0!important;
	cursor:pointer;
}
input[type="radio"]{
	border-radius:50%!important;
}
input[type="checkbox"]{
	border-radius:0!important;
}
input[type="checkbox"]:checked, input[type="radio"]:checked{
	background:var(--e-global-color-primary)!important;
}
button, input[type="submit"]{
    max-width: 250px;
	width:100%!important;
	border:none;
	background:var(--e-global-color-primary)!important;
	color:#FFF!important;
	cursor:pointer;
	font-size:18px!important;
}
button:hover, input[type="submit"]:hover{
	background:var(--e-global-color-secondary)!important;
	color:#000!important;
}

.tnp-subscription{
	max-width:100%!important;
}
.tnp-field label{
	padding:0!important;
	margin-bottom:5px!important;
	font-weight:400!important;
	line-height:20px!important;
}
.elementor-tab-title{
	background-color:var(--e-global-color-secondary);
	border:none!important;
	margin:0 0 5px 0!important;
}
.elementor-tab-title.elementor-active{
	margin:0!important;
}
.elementor-tab-content{
	border-bottom:1px solid #EEE!important;
	margin:0 0 5px 0!important;
	background:#F8F8F8;
}
.elementor-widget-px-toggle .elementor-tab-content{
	padding-bottom:0!important;
}
.elementor-tab-content > span{
	display:block;
	color:var(--e-global-color-text)!important;
	clear:both;
	margin-bottom:10px;
	position:relative;
	padding:0 0 10px 150px;
	overflow:hidden;
	min-height:40px;
}
.elementor-tab-content > article{
	display:block;
	color:var(--e-global-color-text)!important;
	clear:both;
	position:relative;
	padding:0 0 10px 0;
	overflow:hidden;
	min-height:40px;
}
.elementor-tab-content article + article{
	margin-top:10px;
}
.elementor-tab-content > span:not(:last-child), .elementor-tab-content > article:not(:last-child){
	border-bottom:1px solid #DDD!important;
}
.elementor-tab-content > span > b{
	margin-right:10px;
	display:block;
	float:left;
}
.elementor-tab-content > span > a{
	display:block;
	color:#FFF;
	margin:0 5px 5px 0;
	background:var(--e-global-color-primary);
	font-size:18px;
	font-family:"Zurich normal", sans-serif;
	width: 130px;
    text-align: center;
    padding: 5px 10px;
    position: absolute;
    left: 0;
    top: 0;
}
.elementor-tab-content > span > a:hover{
	background:var(--e-global-color-secondary);
}
.elementor-tab-title:hover{
	background-color:#CCC;
}
.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-right{
    margin-top:4px;
}
.elementor-toggle-icon{
    transition:transform 0.3s;
	transform-origin:center;
}
.elementor-tab-title.aktiv .elementor-toggle-icon{
    transform:rotate(-180deg);
}
.elementor-tab-title, .elementor-tab-title a{
	font-size:22px;
	font-family:"Zurich Bold", sans-serif;
	color:#000!important;
}
/* ZFF INFO */
.zff-info h3{
    margin:0;
}
.zff-info .elementor-toggle-icon i{
    font-size:20px;
	color:#000;
}
.zff-info .elementor-icon i.fa-zffinfo{
	background-image: url(/wp-content/uploads/zff.svg)!important;
    background-repeat: no-repeat;
    background-size: 101%;
}
.zff-info .elementor-toggle-icon{
    position: absolute;
    left:15px;
}
.zff-info .elementor-widget-toggle{
	margin-bottom:0!important;
}
.zff-info .elementor-icon{
	font-size:35px!important;
	padding:10px!important;
	background-color:var(--e-global-color-primary)!important;
}
.zff-info .elementor-icon-box-icon{
	margin-right:15px!important;
}
.zff-info .elementor-toggle-title{
    padding-left: 30px!important;
	font-size:20px!important;
	line-height:22px;
	color:#000!important;
    float:left;
    display:block;
	font-family: "Zurich Bold", sans-serif;
}
.zff-info h4{
	background:#F4F4F4!important;
	color:#000;
	padding:10px;
	width:100%;
	font-size:20px!important;
	margin:10px 0!important;
}
.zff-info .elementor-widget-icon-box + h4{
	margin-top:-10px!important;
}
.zff-info .elementor-tab-title{
    border-bottom:1px solid #FFF!important;
    overflow:hidden;
	background:var(--e-global-color-secondary)!important;
	color:#000;
}
.zff-info .elementor-widget-icon-box:not(:first-of-type){
	margin-top:20px!important;
}
.zff-info .elementor-tab-title:hover{
    background:#DDD!important;
}
.zff-info .elementor-tab-content{
	background:#F8F8F8;
	border:none!important;
}
.zff-info .elementor-icon-box-wrapper{
    background:#F4F4F4;
}

.zff-pub{
	width:100%;
	float:none;
	clear:both;
	padding:0 0 20px 0;
	border-bottom:1px solid var(--e-global-color-secondary);
	margin:0 0 20px 0;
	overflow:hidden;
}
.zff-pub .zff-pub-img{
	display:block;
	margin:0 20px 0 0;
	width:300px;
	height:230px;
	border:1px solid var(--e-global-color-secondary)!important;
	background-color:#FFF;
	background-size:100%;
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	transition:1s;
}
.zff-pub .zff-pub-img:hover{
	background-position:bottom left;
}
.zff-akkordeon{
	margin:0;
	padding:0;
	min-height:50px;
	overflow:hidden;
	display:block;
}
.zff-akkordeon > div{
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:1fr;
	grid-column-gap:0;
	grid-row-gap:0;
	clear:both;
}
.zff-akkordeon span{
	max-height:0;
	width:100%;
	float:none;
	clear:both;
	display:block;
	opacity:0;
	transition:max-height var(--zff-pub-zeit) ease-out, opacity 0.6s;
	pointer-events:none;
	grid-area:1 / 1 / 2 / 2;
}
.zff-akkordeon span.aktiv{
	max-height:var(--zff-pub-max);
	opacity:1;
	pointer-events:all;
}
/*.zff-akkordeon.aktiv svg{*/
/*	transform:rotatez(-180deg);*/
/*}*/
.zff-akkordeon h3{
	font-size:20px;
	color:#FFF!important;
	background:var(--e-global-color-primary);
	width:23.5%;
	margin:0 0 20px 0;
	padding:0 10px;
	height:50px;
	line-height:50px;
	font-family: "Zurich Bold", sans-serif;
	cursor:pointer;
	float:left;
	text-align:center;
}
.zff-akkordeon h3 + h3{
	margin-left:2%;
}
.zff-akkordeon h3:hover{
	background:var(--e-global-color-secondary);
	color:#000!important;
}
.zff-akkordeon h3 svg{
	width:20px;
	height:20px;
	position:absolute;
	top:10px;
	left:10px;
	transition:0.3s;
}

.zff-pub h4{
	font-size:20px!important;
	line-height:24px;
	color:#000;
	width:100%;
	margin:0 0 20px 0;
	padding:5px 5px 5px 320px;
	background:var(--e-global-color-secondary);
}
.zff-pub p{
	width:100%;
	padding-left:320px;
}
.zff-pub a{
	width:125px;
	background:var(--e-global-color-primary)!important;
	color:#FFF!important;
	cursor:pointer;
	height:40px;
	line-height:40px;
	margin:20px 0 10px 320px;
	text-align:center;
	font-family: "Zurich Normal", sans-serif;
	font-size:18px;
	display:block;
}
.zff-pub a:hover{
	background:var(--e-global-color-secondary)!important;
	color:#000!important;
}
.elementor-heading-title{color:#000;}


#zff_info_print{
	background:var(--e-global-color-primary);
	color:#FFF;
	cursor:pointer;
	padding:10px;
	font-size:16px;
	font-family:Roboto,sans-serif;
	position:absolute;
	right:0;
	bottom:25px;
}
#zff_info_print i{
	margin-right:10px;
}
#zff_info_print:hover{
	background:var(--e-global-color-secondary);
	color:#333;
}
#zff_info_print:hover i{
	color:#333;
}

@media (max-width: 1229px){
	section.elementor-section-boxed, header, footer{
		padding: 0 10px!important;
	}
	footer .elementor-column-wrap{
		border:none!important;
		padding:0!important;
	}
}
@media (max-width: 767px){
	.zff-pub .zff-pub-img{
		display:block;
		margin:0 auto;
		width:100%;
		/* height:230px; */
		float:none;
		clear:both;
	}
	.zff-pub h4{
		margin:0 auto;
		width:100%;
		padding:15px;
		float:none;
		clear:both;
	}
	.zff-pub p{
		margin:0 auto;
		width:100%;
		padding:15px;
		float:none;
		clear:both;
		background:#F4F4F4;
	}
	.zff-pub a{
		margin:0 auto;
		width:100%;
		float:none;
		clear:both;
	}
	.zff-akkordeon h3{
		margin:0 auto 10px 0!important;
		width:100%;
		float:none;
		clear:both;
	}
	ul > li > ul > li{background:#C35F69;}
	button, input[type="submit"]{
    	max-width:100%;
	}
	.zff-info .elementor-icon-box-wrapper{
		padding:0;
		min-height:55px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		background:linear-gradient(90deg, var(--e-global-color-primary), var(--e-global-color-primary) 55px, #F4F4F4 55px);
	}
	.zff-info .elementor-icon-box-title{
		text-align:left;
		font-size:20px!important;
	}
	.zff-info .elementor-icon{
		font-size:20px;
		display:flex;
	}
	.zff-info .elementor-icon-box-icon{
		margin:0 auto;
		text-align:center;
	}
	.zff-info .elementor-widget-icon-box{
		margin-bottom:5px!important;
	}
	.elementor-tab-content > span{
		margin-bottom:10px;
		padding:50px 0 10px 0;
	}
	.elementor-icon-box-icon{
		float:left;
		margin:0!important;
		
	}
	.elementor-icon-box-content{
		float:none;
		width:100%;
		text-align:left;
		/* padding:5px 0 0 65px; */
		padding:0 0 0 15px;
		line-height: 25px;
	}
	#zff_info_print{
		position:relative;
		right:auto;
		bottom:auto;
	}
}
.elementor-tab-title{
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}