/*
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.
*/
*{
transition: none !important;
}
lbh-veranstaltung{
box-shadow: 0 0 0 2px var(--e-global-color-primary);
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-regular.eot');
src: local(''),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-regular.woff2') format('woff2'),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-regular.woff') format('woff'),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-regular.ttf') format('truetype'),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-regular.svg#Lato') format('svg');
font-display:swap;
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
src: url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-700.eot');
src: local(''),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-700.woff2') format('woff2'),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-700.woff') format('woff'),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-700.ttf') format('truetype'),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-700.svg#Lato') format('svg');
font-display:swap;
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
src: url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-900.eot');
src: local(''),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-900.woff2') format('woff2'),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-900.woff') format('woff'),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-900.ttf') format('truetype'),
url('/wp-content/themes/pX-Theme/fonts/lato-v23-latin-900.svg#Lato') format('svg');
font-display:swap;
}
*{font-family:Lato, sans-serif}
body{margin:0;padding:0}
.elementor-button-wrapper > a{width:100%!important}
.elementor-button-wrapper i{width:18px!important;height:100%;display:flex;justify-content:center;align-items:center}
.lbh_verweis .elementor-button-wrapper i{width:100%!important;height:100%;display:flex;justify-content:center;align-items:center;font-size:30px;margin-bottom:15px}
.lbh_verweis .elementor-button-content-wrapper{display:block}
.elementor-align-left span.elementor-button-text{text-align:left}
.elementor-align-right span.elementor-button-text{text-align:right}
.lbh_bl a span, .lbh_br a span{
z-index:1;
}
lbh-suche button, lbh-veranstaltung a, .lbh_bl a, .lbh_br a, #lbh_login button, #lbh_login a{
padding:0;
margin:0 60px 0 -60px;
text-align:center;
width:260px!important;
height:60px;
line-height:60px;
background: var( --e-global-color-primary);
color: #FFF;
font-size:20px!important;
font-weight:700!important;
letter-spacing:1px;
text-transform:uppercase;
top:-30px;
transition: none !important;
}
lbh-suche button{
color: #FFF !important;
}
lbh-suche button:hover{
color: var(--e-global-color-primary)!important;
}
lbh-veranstaltung a::after, .lbh_bl a::after, .lbh_br a::after, #lbh_login button::after, #lbh_login a::after{
content:'';
position:absolute;
transform:skewX(45deg) !important;
right: 30px;
width:60px;
top:0;
height:60px;
background: var( --e-global-color-primary);
color: #FFF;
z-index:0;
}
lbh-suche button::after{
content:'';
position:absolute;
transform:skewX(-45deg);
right: -30px;
top:0;
width:60px;
height:60px;
background:var(--e-global-color-primary);
z-index:0;
}
.lbh_bl.vo a:after{
transform:skewX(-45deg)!important;
}
.lbh_bl.vo a::after, .lbh_br.vo a::after{
left:230px;
top: 0;
}
.lbh_bl.vo a::after{
left:-30px;
}
lbh-suche button.bl::after{
left: -30px;
}
lbh-veranstaltung a.bl::after, .lbh_bl a::after, #lbh_login a::after{
color: #FFF !important;
left:30px;
}
lbh-suche button.bl:hover{
color: #FFF !important;
}
screen-main button.bl::after, button-main.bl::after,
screen-main button.br::after, button-main.br::after{
content:'';
position:absolute;
transform:skewX(45deg);
right:-30px;
top:0;
width:60px;
height:60px;
background:var(--e-global-color-primary);
z-index:-1;
}
screen-main button.bl::after, button-main.bl::after{
transform:skewX(-45deg);
left:-30px;
right:auto;
}
lbh-suche button:hover, lbh-suche button:hover::after,
lbh-veranstaltung a:hover, lbh-veranstaltung a:hover::after,
screen-main button.br:hover::after, button-main.br:hover::after,
screen-main button.bl:hover::after, button-main.bl:hover::after,
screen-main button.br:active::after, button-main.br:active::after,
screen-main button.bl:active::after, button-main.bl:active::after,
screen-main button.br:focus::after, button-main.br:focus::after,
screen-main button.bl:focus::after, button-main.bl:focus::after,
.lbh_bl a:hover, .lbh_br a:hover, .lbh_bl a:hover::after, .lbh_br a:hover::after, #lbh_login button:hover, #lbh_login a:hover, #lbh_login button:hover::after, #lbh_login a:hover::after{
background:var( --e-global-color-secondary );
}
.lbh_bl a, #lbh_login a{
margin:0 0 0 60px;
}
#lbh_login .elementor-field-group.elementor-column.elementor-field-type-submit{position:absolute;height:0;bottom:0;right:0}
#lbh_login .elementor-field-group.elementor-column.elementor-field-type-submit + .elementor-field-group.elementor-column{position:absolute;height:0;bottom:0;left:0}
#lbh_login button, #lbh_login a{width:290px!important;position:absolute;bottom:-90px;top:auto}
#lbh_login button{right:-120px;cursor:pointer; transition: none!important;}
#lbh_login a{left:-120px}
#lbh_login button::after{right:-30px}
#lbh_login a::after{left:-30px}
#lbh_login .elementor-login__logged-in-message a{left:50%;margin:0 0 0 -145px;bottom:-60px}
#lbh_login .elementor-login__logged-in-message a::after{content:none}
#lbh_login .elementor-login__logged-in-message{text-align:center}
#lbh_desktop_nav nav{
position: fixed;
top: 0;
right: 0;
width: 365px;
height: 100vh;
padding-top:20vh;
margin:0;
box-shadow:0 0 5px rgba(0,0,0,0.2);
overflow-y:auto;
background:#FFF;
}
#lbh_mobile_nav a,
#lbh_desktop_nav nav a{
font-size:30px;
font-weight:700;
line-height: 40px;
padding:0 0 0 40px;
display:block;
cursor:pointer;
color:var(--e-global-color-primary);
position:relative;
}
#lbh_mobile_nav a{
font-size:22px;
line-height:30px;
padding:0 0 0 20px;
}
#lbh_desktop_nav nav a:hover{
color:var(--e-global-color-secondary);
}
#lbh_desktop_nav nav .current-page-ancestor a::before,
#lbh_desktop_nav nav a.elementor-item-active::before{
content:url('data:image/svg+xml,');
height:20px;
width:20px;
position:absolute;
left:10px;
top:0;
}
#lbh_mobile_nav nav a.elementor-item-active{
color:var(--e-global-color-secondary);
}
#lbh_mobile_nav nav ul,
#lbh_desktop_nav nav ul{
margin:0;
padding:0;
}
#lbh_mobile_nav nav li,
#lbh_desktop_nav nav li{
list-style:none;
margin:20px 0 0 0;
}
h1{
/*text-shadow:1px 1px 2px rgba(255,255,255,0.5);*/
}
li +li{margin-top:5px}
#anmeldestatus{display:none;margin-bottom:50px}
lbh-text{background:#FFF;color:#000;padding:30px;display:block;margin:0 0 20px 0}
.php-error #adminmenuback, .php-error #adminmenuwrap{margin-top:0!important}
input[type="checkbox"],input[type="radio"]{display:none}
input[type="checkbox"]+span,input[type="radio"]+span{border-radius:50%;background:#FFF;width:30px;min-width:30px;height:30px;border:none;top:0;float:left;margin:5px 10px 0 0;cursor:pointer;text-align:center;color:#000}
input[type="checkbox"]+span svg path,input[type="radio"]+span svg path{fill:#000}
input[type="checkbox"]+span{border-radius:5px}
input[type="checkbox"]:checked+span,input[type="radio"]:checked+span{color:#FFF;background:#22307EFF url('data:image/svg+xml,') no-repeat center!important;background-size:70%!important}
input[type="radio"]:checked+span{background-size:60%!important}
input[type="checkbox"]:checked+span svg path,input[type="radio"]:checked+span svg path{fill:#FFF}
label div label{float:left;width:auto;display:flex!important;align-items:center;margin:0!important}
label div label + label{margin-left:30px!important}
label div{width:calc(100% - 140px);float:right}
#px_logout{cursor:pointer;padding:0;width:40px;height:40px;border:none;outline:none;appearance:none;background:url('data:image/svg+xml,') center no-repeat;background-size:30px}
#px_logout:hover{background-image:url('data:image/svg+xml,')}
#lbh_nav_btn *, #lbh_nav_btn_mobile *, #lbh_menu_hide *{
pointer-events:none;
}
#lbh_mobile_nav{
transform:translateX(100%);
}
#lbh_mobile_nav.on{
transform:translateX(0);
}
#lbh_mobile_nav{
max-width:300px!important;
}
#lbh_desktop_nav nav{
transform:translateY(-100%);
}
#lbh_desktop_nav nav.on{
transform:translateY(0);
}
select{cursor:pointer;background:#FFF url('data:image/svg+xml,') 100% 50% / 25px 65% no-repeat!important;padding-right:25px!important}
/*a i[aria-hidden="true"]:empty{*/
/* display: none;*/
/*}*/
@media only screen and (max-width:475px){
lbh-veranstaltung a::after, .lbh_bl a::after, .lbh_br a::after, #lbh_login button::after, #lbh_login a::after,
lbh-suche button::after, lbh-buttons a::after, button.br::after, button.bl::after{
content:none!important;
}
#lbh_login button{
position:static!important;
margin:10px 0 0 0;
}
lbh-veranstaltung{
margin:40px 0 0 0;
}
lbh-details.on{
max-height:350vh;
}
lbh-bild{
position:relative;
top:auto;
left:auto;
box-shadow:none;
width:100%;
box-shadow: 3px 3px 8px rgba(200, 200, 200, 0.2);
}
lbh-bild lbh-flag{
top:0;
}
lbh-titel, lbh-thema, lbh-kategorie{
margin:20px 0 0 0;
}
lbh-buttons{
width:100%;
margin:10px 0 0 0;
gap:10px;
flex-direction:row;
flex-wrap:wrap;
}
lbh-buttons a{
width:calc(50% - 5px)!important;
height:40px;
line-height:40px;
margin:0!important;
font-size:14px!important;
}
lbh-tabzeile{
flex-direction:column;
}
lbh-block{
padding:10px;
}
lbh-block:not(.lbh-beruf) > label{
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
gap:10px;
}
lbh-block > label > p, lbh-block > label > select, lbh-block > label > input:not([type="checkbox"]){
width:100%!important;
text-align:left!important;
margin:0;
}
lbh-block.lbh-beruf h3{
outline:10px solid #CCC;
}
lbh-tab-box button{
width:100%!important;
}
}