@charset "UTF-8";
/* Allgemein */


.jobs-menu{
	background-color:#f6e23a;
	padding:10px 20px;
	margin-bottom:20px;
	margin-top:-10px;
}
.kategorie{
	height:200px;
	background: rgb(36,36,36);
	background: radial-gradient(circle, rgba(36,36,36,1) 0%, rgba(0,0,0,1) 100%);
	padding-top:40px;
}


@media only screen and (max-width: 800px) {
	
	#logo{
		width:50%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: -40px;
	}

	
	h3 {
    font-size: 35px!important;
  	text-align:center;
    margin-bottom: 0px!important;
}

h4 {
    font-size: 45px!important;
  	text-align:center;
    margin-top: -20px!important;
    margin-bottom: 20px!important;
}
	
	
	
 
	h10{
	 font-size: 3rem!important;
	 margin-top: -160px!important;
}
}



.button-border-white-2{
background-color:transparent;
	border:solid 1px #ffffff;
	padding:10px 20px;
	text-transform:uppercase;
	margin-left:600px;
	margin-top:30px;
	color:#ffffff;
}

.button-border-white-2 a,
.button-border-white-2 a:link,
.button-border-white-2 a:active,
.button-border-white-2 a:visited{
		color:#ffffff;
}


.button-border-white-1{
	background-color:transparent;
	border:solid 1px #ffffff;
	padding:10px 20px;
	text-transform:uppercase;
	color:#ffffff;
}
.button-border-white-1 a,
.button-border-white-1 a:link,
.button-border-white-1 a:active,
.button-border-white-1 a:visited{
		color:#ffffff;
}


.button-border-white{
	background-color:transparent;
	border:solid 1px #ffffff;
	padding:10px 20px;
	text-transform:uppercase;
	margin-left:650px;
	margin-top:60px;
	color:#ffffff;
}


.button-border-white a,
.button-border-white a:link,
.button-border-white a:active,
.button-border-white a:visited{
		color:#ffffff;
}

.marginbottom{
	margin-bottom:70px;
}

.marginbottomlow{
	margin-bottom:40px;
}

.margintoplow{
	margin-top:20px!important;
}

.margintop{
	margin-top:70px!important;
}

.main{
  width:55%;  
  margin-top:-240px;
  text-align:center;
}

.roller{
  height: 4.125rem;
  line-height: 4rem;
  position: relative;
  overflow: hidden; 
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #e3e3e3;
  font-weight:bold;
  text-transform:uppercase;
  margin-top:90px;
  font-family: 'Anton', sans-serif!important;
  letter-spacing: .2rem!important;
}


#spare-time{
	font-size: 1.5rem!important;
	letter-spacing: .2rem;!important;
	margin-top: 0;
	color: #cdcdcd;
	font-family: 'Anton', sans-serif!important;
  
}

.roller #rolltext {
  position: absolute;
  top: 0;
  animation: slide 15s infinite; 
	font-size:1.5rem;
}

@keyframes slide {
  0%{
    top:0;
  }
  25%{
    top: -4rem;    
  }
  50%{
    top: -8rem;
  }
  72.5%{
    top: -12.25rem;
  }
}

@media screen and (max-width: 600px){
  h1{
  text-align:center;
  text-transform: uppercase;
  color: #F1FAEE; 
  font-size: 2.125rem;
}
  
  .roller{
  height: 2.6rem; 
  line-height: 2.125rem;  
  }
  
  #spare-time {
    font-size: 1rem;

  }
  
  .roller #rolltext {  
  animation: slide-mob 5s infinite;  
}
  
  @keyframes slide-mob {
  0%{
    top:0;
  }
  25%{
    top: -2.125rem;    
  }
  50%{
    top: -4.25rem;
  }
  72.5%{
    top: -6.375rem;
  }
}
}





body {
	margin: 0;
}

body, 
html{
	font-family: 'Lato', sans-serif!important;
	font-size:16px!important;
}

a,
a:link,
a:visited{
	color:#1a1a1a;
}

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

a:active{
	color:#9b9b9b;
}

hr{
	  border-top: 2px solid #9b9b9b;
}
/* ENDE Allgemein */


/*BREADCRUMBS */
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs a:link,
.breadcrumbs a:visited{
	color:#b2b2b2!important;
}


/*SINGLE */



.background-gradient-single img{
	object-fit: cover;
	object-position:50% 40%;
	height: 450px!important;
    width: 100%!important;
	opacity:0.5;
 	
}

.background-gradient-single{
    height: 450px!important;
    width: 100%!important;
	background-color:#000000;

}



/* Bilder */
img {
	border-style: none;
}

#logo{
	max-width:60%;
	padding:10px 0;
}
/* ENDE Bilder */

/*HEADER */
#kontaktaufnehmen{
	background-color:#1a1a1a; 
	height:80px;
	padding:20px 0px;
}


#kontaktaufnehmen span{
	text-align:center;
	color:#ffffff;
	text-transform:uppercase;
	font-size:26px;
	font-weight:100;
}
/* ENDE HEADER */



.background-gradient-unterseite img{
	object-fit: cover;
	object-position:40% 60%;
	height: 450px!important;
    width: 100%!important;
	opacity:0.5;
 	
}

.background-gradient-unterseite{
    height: 450px!important;
    width: 100%!important;
	background-color:#000000;

}



/* NEWS */
#news{
	padding-top:100px;
	padding-bottom:30px;
}



.minheight{
	min-height:500px!important;
}


.button-black{
	background-color:#000000;
	padding:10px 20px;
	text-transform:uppercase;
	color:#ffffff!important;
}
.button-black a,
.button-black a:link,
.button-black a:active,
.button-black a:visited{
	color:#ffffff!important;
}

.imagenews img{
	min-height:250px;
	object-fit:cover;
	width:100%;

}


.auszug{
	margin-bottom:30px;
}

/* ENDE NEWS */





/* Dienstleistungen */
#dienstleistungen{
	background: rgb(36,36,36);
	background: radial-gradient(circle, rgba(36,36,36,1) 0%, rgba(0,0,0,1) 100%);
	justify-content:center;
	padding-top:50px;
	padding:100px 0px;
}

.dienstleistungen-detail{
	margin-top:40px;
}

.dienstleistungen-detail img{
	min-height:300px;
	object-fit:cover;
}

/* ENDE Dienstleistungen */



/* Footer */
#footerblack{
	background: rgb(36,36,36);
	background: radial-gradient(circle, rgba(36,36,36,1) 0%, rgba(0,0,0,1) 100%);
	justify-content:center;
	padding-top:50px;
	padding:100px 0px;
	color:#ffffff;
	font-weight:light!important;
	line-height:1,5;
}

#footerblack a,
#footerblack a:link,
#footerblack a:active{
	color:#ffffff;
}

#footerblack img{
	float:left;
	width:29px;
	height:29px;
	margin-top:20px;
	margin-right:15px;
}

#rechtliches{
	text-align:right;
}

/* ENDE Footer */


/* Überschriften + Fonts */

h3{
	font-size:26px;
	font-weight:400!important;
	text-transform:uppercase;
}

h4{
	font-size:35px;
	font-weight:900!important;

}

h5{
	text-transform:uppercase;
	font-size:17px;
	font-weight:700;
	margin-top:30px;
}


h6,
h6 a:link{
	text-transform:uppercase;
	font-size:19px;
	font-weight:500!important;
	margin-top:0px;
	color:#ffffff;
	text-align:center;
	background-color:#1a1a1a;

}

h6 a,
h6 a:active,
h6 a:visited,
h6 a:focus{

	color:#ffffff;

}


h6{
	padding:12px 0px;
}

h7{
	font-family:'Anton', sans-serif!important;
	font-size:3rem;
	color:#ffffff;
	text-transform:uppercase;
}


h8{
	font-family:'Anton', sans-serif!important;
	font-size:3rem;
	color:#000000;
	text-transform:uppercase;
}

h10{
    text-transform: uppercase!important;
    font-size: 5rem;
    color: #ffffff;
    font-family: 'Anton', sans-serif!important;
    z-index: 99999999!important;
    text-shadow: 2px 2px 10px #000000;
	position:absolute;
	margin-top:-160px;
}



h11{
    text-transform: uppercase!important;
    font-size: 1.5rem;
    color: #ffffff;
    font-family: 'Anton', sans-serif!important;
   
}


h12{
    text-transform: uppercase!important;
    font-size: 5rem;
    color: #ffffff;
    font-family: 'Anton', sans-serif!important;
    z-index: 99999999!important;
    text-shadow: 2px 2px 10px #000000;

}

h13{
	text-transform: uppercase!important;
    font-size: 2rem;
    font-family: 'Anton', sans-serif!important;
    
}


/* Ende Überschriften */


/* PADDING und MARGIN */
.paddingtop30{
	padding-top:30px;
}

/* ENDE PADDING und MARGIN */


/* ID´s */



/* ENDE ID´s */



/* Menü */
.primary-menu-wrapper{
	float:left;
}


.primary-menu-wrapper ul li{
	float:left;
	list-style:none;
	margin-left:20px;
	font-size:20px!important;
	font-weight:500!important;
	

}
	
/* ENDE Menü */


/* HEADER */

#section-header-bg{
	background: rgb(36,36,36);
	background: radial-gradient(circle, rgba(36,36,36,1) 0%, rgba(0,0,0,1) 100%);
	background-color:black; 
	height:675px;
	justify-content:center;
	padding-top:50px;
}


	

transition: left 3s ease;
.wrapper { 
	position: relative;
	height: 100px;
	width: 100%;
}
.rock {
	position: absolute; 
	top:0; left:0;
	width: 100%;
	transition: left 3s 3s;	
}

.slideright {
	left: 100%;
}

.rock img {
	position: absolute;
	left:-200px;
}




@media only screen and (max-width: 782px) {

	.admin-bar {
		--global--admin-bar--height: 46px;
	}
}

@media only screen and (min-width: 652px) {

	:root {
		--global--font-size-xl: 2.5rem;
		--global--font-size-xxl: 6rem;
		--global--font-size-xxxl: 9rem;
		--heading--font-size-h3: 2rem;
		--heading--font-size-h2: 3rem;
	}
}

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}








@media only screen and (min-width: 482px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
		--responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
		--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
	}
}
@media only screen and (min-width: 822px) {

	:root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
		--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
	}
}



.alignfull,
.wp-block-group .wp-block-group__inner-container > *.alignfull,
.full-max-width {
	max-width: var(--responsive--alignfull-width);
	width: var(--responsive--alignfull-width);
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 482px) {

	.alignfull,
	.full-max-width {
		max-width: var(--responsive--alignfull-width);
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
}

.entry-header .post-thumbnail,
.singular .post-thumbnail,
.alignfull [class*=inner-container] > .alignwide,
.alignwide [class*=inner-container] > .alignwide {
	margin-left: auto;
	margin-right: auto;
	width: var(--responsive--alignwide-width);
	max-width: var(--responsive--alignfull-width);
}

@media only screen and (min-width: 482px) {

	.entry-content > .alignleft {

		/*rtl:ignore*/
		margin-left: var(--responsive--alignleft-margin);

		/*rtl:ignore*/
		margin-right: var(--global--spacing-horizontal);
	}
}
@media only screen and (min-width: 482px) {

	.entry-content > .alignright {

		/*rtl:ignore*/
		margin-left: var(--global--spacing-horizontal);

		/*rtl:ignore*/
		margin-right: var(--responsive--alignright-margin);
	}
}

/**
 * Site Structure
 *
 * - Set vertical margins and responsive widths on
 *   top-level wrappers and content wrappers
 * - `--global--width-content` is a responsive variable
 * - See: globals/_global-width-responsive.scss
 */

/**
 * Top Level Wrappers (header, main, footer)
 * - Set vertical padding and horizontal margins
 */
.site-header,
.site-main,
.widget-area,
.site-footer {
	padding-top: var(--global--spacing-vertical);
	padding-bottom: var(--global--spacing-vertical);
	margin-left: auto;
	margin-right: auto;
}

.site-header {
	padding-top: calc(0.75 * var(--global--spacing-vertical));
	padding-bottom: calc(2 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.site-header {
		padding-bottom: calc(3 * var(--global--spacing-vertical));
	}
}

/**
 * Site-main children wrappers
 * - Add double vertical margins here for clearer hierarchy
 */
.site-main > * {
	margin-top: calc(3 * var(--global--spacing-vertical));
	margin-bottom: calc(3 * var(--global--spacing-vertical));
}

.site-main > *:first-child {
	margin-top: 0;
}

.site-main > *:last-child {
	margin-bottom: 0;
}

/*
 * Block & non-gutenberg content wrapper children
 * - Sets spacing-vertical margin logic
 */
.site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*=inner-container] > *,
.wp-block-template-part > *,
.wp-block-post-template :where(li > *) {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.site-main > article > *,
	.site-main > .not-found > *,
	.entry-content > *,
	[class*=inner-container] > *,
	.wp-block-template-part > *,
	.wp-block-post-template :where(li > *) {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}

.site-footer > *,
.widget-area > * {
	margin-top: calc(0.666 * var(--global--spacing-vertical));
	margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {

	.site-footer > *,
	.widget-area > * {
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);
	}
}



.entry-header > *:first-child,
.post-thumbnail > *:first-child,
.page-content > *:first-child,
.comment-content > *:first-child,
.widget > *:first-child {
	margin-top: 0;
}

.entry-header > *:last-child,
.post-thumbnail > *:last-child,
.page-content > *:last-child,
.comment-content > *:last-child,
.widget > *:last-child {
	margin-bottom: 0;
}

/*
 * .entry-content children specific controls
 * - Adds special margin overrides for alignment utility classes
 */
.entry-content > * {

	/* Reset alignleft and alignright margins after alignfull */
}

.entry-content > *.alignleft,
.entry-content > *.alignright,
.entry-content > *.alignleft:first-child + *,
.entry-content > *.alignright:first-child + *,
.entry-content > *.alignfull.has-background {
	margin-top: 0;
}

.entry-content > *:last-child,
.entry-content > *.alignfull.has-background {
	margin-bottom: 0;
}

.entry-content > *.alignfull + .alignleft,
.entry-content > *.alignfull + .alignright {
	margin-top: var(--global--spacing-vertical);
}




html {

	/* Apply border-box across the entire page. */
	box-sizing: border-box;
	font-family: var(--global--font-secondary);
	line-height: var(--global--line-height-body);
}

/**
 * Relax the definition a bit, to allow components to override it manually.
 */
*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	font-size: var(--global--font-size-base);
	font-weight: normal;
	color: var(--global--color-primary);
	text-align: left;
	background-color: var(--global--color-background);
}

button {
	cursor: pointer;
}