/*
 Theme Name:    Pixelstoff
 Theme URI:     
 Description:   
 Author:        Jonathan Ferger
 Author URI:    
 Template:      hello-elementor
 Version:       1.0.0
*/

/* Body */

body {
	font-size: 20px !important;
}

/* Typographie */

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	color: #333;
	overflow: hidden;
}

h1 {
	font-size: 3em !important;
}

.elementor-posts h2.elementor-post__title {
	margin: 0 0 15px 0;
}

h2,
.elementor-posts h2.elementor-post__title {
	font-size: 2.5em !important;
}

h3 {
	font-size: 2em !important;
}

h6 {
	color: #8e8e8e !important;
}

/*.elementor-posts .elementor-post__excerpt p {
	font-size: 20px !important;
	color: #333 !important;
}*/

a {
	color: #d9b23d;
}

a:active {
	color: #d9b23d;
}

a:hover {
	color: #d9b23d;
	text-decoration: underline;
}

a:visited {
	color: #d9b23d;
}
	
/* Header */

#pxstff_header_fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}

#pxstff_header_logo {
	float: left;
	width: 70%;
}

#pxstff_header_menu_burger {
	float: right;
	width: 30%;
}

.elementor-widget-breadcrumbs a {
	color: #d9b23d;
}

/*#pxstff_header_menu_burger li:first-child {
	padding-right: 25px;
}*/

#pxstff_header_fixed {
	transition: background 1s;
}

#pxstff_header_logo {
	margin-bottom: 0;
}

#pxstff_header_logo img {
	transition: height 1s;
} 

.pxstff-section-header {
	padding: 125px 0 55px 0;
}

#pxstff_header_content_autoheight {
	padding: 155px 0 55px 0;
}

#pxstff_header_content_autoheight h1 {
	color: #FFF;
}

#pxstff_header_content_autoheight .elementor-text-editor {
	color: #FFF;
}

/* Suche */

.elementor-search-form__input {
	border: none !important;
}

/* Navigation */

#header_menu_overview ul {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
}

#header_menu_overview ul li {
	display: inline-block;
	padding: 0 15px;
}

#header_menu_overview a,
#header_menu_overview a:visited {
	color: #FFF;
}

#header_menu_overview a:hover,
#header_menu_overview a:active {
	text-decoration: underline;
}
	

/* in Verwendung??? */
/*.pxstff-nav-main a {
	padding: 15px 0 !important;
	line-height: 1.1 !important;
	text-align: center;
}*/

/* Content * /
 * 
 * /* Formulare */

input, 
textarea {
	border: 1px solid #e2e2e2 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
 * 

/* Sections */

.pxstff-sec-bgimg-dark {
	
}

.pxstff-sec-bgimg-dark h1,
.pxstff-sec-bgimg-dark h2,
.pxstff-sec-bgimg-dark h3,
.pxstff-sec-bgimg-dark h4,
.pxstff-sec-bgimg-dark h5,
.pxstff-sec-bgimg-dark h6,
.pxstff-sec-bgimg-dark .elementor-text-editor {
	color: #FFF !important;
}

/* active sticky-Elemente */

.elementor-sticky--active {
	border-bottom: 1px solid #e2e2e2;
}

.elementor-sticky--active h2 {
	font-size: 20px !important;
	transition: font-size 500ms;
}

/* Liste */

.elementor-icon-list-item {
	margin: 8px 0 !important;
}
.pxstff-list-header {
	display: block !important;
	text-transform: uppercase;
}

/* Blog */

.pxstff-blog-cat-list h5 {
	display: none;
}

.pxstff-blog-cat-list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* CTA */

.elementor-cta h1 {
	font-size: 2.5em !important;
}

.elementor-cta h2 {
	font-size: 1.5em !important;
}

/* Buttons */

.elementor-button {
	border-radius: 0 !important;
	transition-duration: 2s !important;
	transition-property: background-color;
}

.elementor-button:hover {
	background-color: #9a8320 !important;
	/*background-color: #b9921d !important;*/
}

.pxstff-btn-left {
	float: left;
	margin-right: 25px;
	margin-bottom: 15px !important;
	width: auto;
}

.pxstff-btn-right {
	float: right;
	margin-bottom: 15px !important;
	width: auto;
}

.pxstff-btn-double-highlight,
.pxstff-btn-double-second {
	border: 2px solid #FFF;
}

.pxstff-btn-double-second a {
	background-color: transparent !important;
}

.pxstff-btn-double-highlight-dark {
	border: 2px solid #d9b23d;
}

.pxstff-btn-double-second-dark {
	border: 2px solid #333;
}

.pxstff-btn-double-second-dark a {
	color: #333;
}

/* Icon Box */

.elementor-widget-icon-box i {
	font-size: 1.7em;
}

.elementor-widget-icon-box .elementor-icon-box-description i {
	font-size: 1em;	
}

.pxstff-btn-double-highlight {
	
}

.elementor-widget-wrap>.elementor-element.pxstff-btn-left,
.elementor-widget-wrap>.elementor-element.pxstff-btn-right {
	width: auto;
}

/* Flip-Box */

.elementor-flip-box__front i {
	font-size: 1.6em;
}

.elementor-flip-box__front .elementor-flip-box__layer__description {
	font-size: 25px;
}

.elementor-flip-box__back  .elementor-flip-box__layer__description {
	font-size: 20px;
}

/* CTA-Box, Flip-Box */

.elementor-cta__content {
	padding: 25px !important;
}

.elementor-cta h1,
.elementor-flip-box h1 {
	font-size: 1.5em !important;
}

.elementor-cta h2,
.elementor-flip-box h3 {
	font-size: 1.7em !important;
}

.pxstff-box-header-second {
	display: block;
	padding-top: 8px;
	font-size: 0.6em;
}


/* Spalten */

/* Icon im Hintergrund unten rechts */

.pxstff-col-icon .elementor-column-wrap {
	overflow: hidden;
}

.pxstff-col-icon .pxstff-icon-background {
	position: absolute;
	right: -75px;
	bottom: -75px;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
}

.pxstff-col-icon .pxstff-icon-background i {
	font-size: 5em;
	color: #f7f7f7;
}

/* Stundenplan */
/* wird das noch benutzt?? */

/*.pxstff-stundenplan {
	text-align: center;
}

.pxstff-stundenplan .elementor-widget-heading h3 {
	margin: 15px 0 0 0;
}

.pxstff-stundenplan h2 {
	font-size: 17px;
	border-bottom: 1px solid #999;
}

.pxstff-stundenplan h3 {
	font-size: 13px;
	font-variant: uppercase;
}

.pxstff-stundenplan p  {
	font-size: 15px;
}

.pxstff-stundenplan p,
.pxstff-stundenplan .elementor-widget-text-editor {
	margin: 0 !important;
	line-height: 1.2;
}*/

/* Footer */


.pxstff-footer {
	font-size: 0.8em !important;
}

.pxstff-footer .elementor-widget-text-editor {
	color: #999 !important;
}

.pxstff-footer .elementor-widget-text-editor {
	/*color: #FFF !important;*/
}

.pxstff-footer h2 {
	margin-bottom: 20px !important;
	font-size: 1.1em !important;
}

.pxstff-footer h3 {
	font-size: 0.9em !important;
}

.pxstff-footer h2,
.pxstff-footer h3 {
	color: #FFF !important;
}

.pxstff-footer .elementor-widget-heading {
	margin-bottom: 0 !important;
}

.pxstff-footer a {
	color: #999 !important;
}

.pxstff-footer .elementor-widget-accordion .elementor-accordion .elementor-tab-content {
	color: #999 !important;
}

#pxstff_footer_menu a {
	color: #FFF !important;
}

#pxstff_footer_menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}

#pxstff_footer_menu ul li {
	display: inline-block;
	padding: 0 8px;
}

/* responsive */

/* tablet */
@media only screen and (max-width: 1024px) {
	
	/* Flip-Box */
	.elementor-flip-box__front .elementor-flip-box__layer__description {
	}

	.elementor-flip-box__back  .elementor-flip-box__layer__description {
		font-size: 17px;
	}
	
	.elementor-cta__description {
		font-size: 17px;
	}
	
	/* CTA-Box, Flip-Box */

	.elementor-cta h1,
	.elementor-flip-box h1 {
		font-size: 1.5em !important;
	}

	.elementor-cta h2,
	.elementor-flip-box h3 {
		font-size: 1.2em !important;
	}
	
	.elementor-cta__content {
		padding: 15px !important;
	}
	
	.elementor-section-boxed {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

/* mobile */
@media only screen and (max-width: 767px) {
	
	/* Header */
	
	#pxstff_header_content_autoheight {
		padding: 125px 0 55px 0;
	}
	
	/* Typographie */
	
	h1 {
		font-size: 2.3em !important;
	}
	h2 {
		font-size: 1.7em !important;
	}
	h3 {
		font-size: 1.5em !important;
	}
	h4 {
		font-size: 1.3em !important;
	}
	
	/* Button */

	.pxstff-btn-res-aw {
		float: none;
	}

	.pxstff-btn-res-fw {
		width: 100% !important;
	}

	.pxstff-btn-res-fw a {
		width: 100% !important;
	}
	
	.pxstff-btn-left{
		margin-right: 0 !important;
	}
	

	/* CTA-Box, Flip-Box */

	.elementor-cta h1,
	.elementor-flip-box h1 {
		font-size: 1.5em !important;
	}

	.elementor-cta h2,
	.elementor-flip-box h3 {
		font-size: 1.2em !important;
	}
	
	.elementor-cta__content {
		padding: 15px !important;
	}
	
	.elementor-section-boxed {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	
	/* Footer */

	#pxstff_footer_menu ul {
		text-align: center;
	}

	#pxstff_footer_menu ul li {
		display: block;
		padding: 0 8px;
	}
}