/*
Theme Name: Laurentius
Theme URI: https://laurentius.com/
Author: der Arthur GmbH
Author URI: http://der-arthur.de
Description: Laurentius Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: laurentius
*/



/*normalizer*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,div,input { -webkit-box-sizing:border-box;box-sizing:border-box;display: block; } audio,canvas,video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden],template { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } a { background: transparent; } a:focus { outline: thin dotted; } a:active,a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } abbr[title] { border-bottom: 1px dotted; } b,strong { font-weight: bold; } dfn { font-style: italic; } hr { box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000000; } code,kbd,pre,samp { font-family: monospace,serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "“" "”" "‘" "’"; } small { font-size: 80%; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button,input,select,textarea { font-family: inherit; font-size: 100%; margin: 0; border-radius: 0; } button,input { line-height: normal; } button,select { text-transform: none; } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled],html input[disabled] { cursor: default; } input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; }
/*style-wp*/
.entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } embed, iframe, object, video { max-width: 100%; } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft { margin: 5px 20px 5px 0; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } img.alignright { margin: 5px 0 5px 20px; } .wp-caption.alignright { margin: 5px 0 5px 10px; } img.aligncenter { margin: 5px auto; } img.alignnone { margin: 5px 0; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #220e10; font-size: 18px; font-style: italic; font-weight: 300; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption.alignleft + ul, .wp-caption.alignleft + ol  { list-style-position: inside; } .attachment .hentry { background-color: #fefcf0; margin: 0; padding: 0; } .attachment .entry-header { margin-bottom: 0; max-width: 1040px; padding: 30px 0; } .attachment .entry-title { display: inline-block; float: left; font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif; margin: 0; } .attachment .entry-title:before { content: "\f416"; font-size: 32px; margin-right: 10px; } .attachment .entry-meta { clear: none; color: inherit; float: right; max-width: 604px; padding: 9px 0 0; text-align: right; } .hentry.attachment:not(.image-attachment) .entry-meta { max-width: 104px; } .attachment footer.entry-meta { display: none; } .attachment-meta:before { content: "\f307"; } .full-size-link a:before { content: "\f402"; } .full-size-link:before { content: none; } .attachment .entry-meta a, .attachment .entry-meta .edit-link:before, .attachment .full-size-link:before { color: #ca3c08; } .attachment .entry-content { background-color: #fff; max-width: 100%; padding: 40px 0; } .image-navigation { margin: 0 auto; max-width: 1040px; position: relative; } .image-navigation a:hover { text-decoration: none; } .image-navigation .nav-previous, .image-navigation .nav-next { position: absolute; top: 50px; } .image-navigation .nav-previous { left: 0; } .image-navigation .nav-next { right: 0; } .image-navigation .meta-nav { font-size: 32px; font-weight: 300; vertical-align: -4px; } .attachment .entry-attachment, .attachment .type-attachment p { margin: 0 auto; max-width: 724px; text-align: center; } .attachment .entry-attachment .attachment { display: inline-block; } .attachment .entry-caption { text-align: left; } .attachment .entry-description { margin: 20px auto 0; max-width: 604px; } .attachment .entry-caption p:last-child, .attachment .entry-description p:last-child { margin: 0; } .attachment .site-main .sidebar-container { display: none; } .site-main .mu_register { margin: 0 auto; max-width: 604px; width: 100%; } .mu_alert { margin-top: 25px; } .site-main .mu_register input[type="submit"], .site-main .mu_register #blog_title, .site-main .mu_register #user_email, .site-main .mu_register #blogname, .site-main .mu_register #user_name { font-size: inherit; width: 270px; } .site-main .mu_register input[type="submit"] { width: auto; }


.home img{width:100%;}


/*\\\\\\\\\\\\\\\\\\\\ FORMAT ////////////////////*/
/*\\\\\\\\\\\\\\\\\\\\ FORMAT ////////////////////*/
/*\\\\\\\\\\\\\\\\\\\\ FORMAT ////////////////////*/


h1, h2, h3, h4, h5, h6{line-height: 140%;  font-weight:500; padding:0; margin:0 0 0 0; font-family: 'Antonio', Helvetica, Helvetica Neue, Arial;}
h1,h2{ font-size: 3rem; font-weight: 500;}
h3{ font-size: 2.5rem;}
h4{	font-size: 1.3rem;}
strong {font-weight: 700;}
#content ul{ /*overflow:auto;*/ padding-left:20px;}	
.btn, button, input[type="submit"], input[type="button"], input[type="reset"] {padding: 20px 30px; border:4px solid #651122 ;  outline: none; color: #651122; text-decoration: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: inline-block; text-align: center; margin: 0 auto; width: auto; font-size: 1rem; font-weight: 400; border-radius: 15px; margin-bottom: 5px;}
a:link.btn, a:visited.btn, a:active.btn, a:hover.btn{ color:#651122; }
a:link, a:active, a:visited, a:hover{	color:#651122;	text-decoration:none;	}
footer a:link, footer a:active, footer a:visited,footer  a:hover{	color:#fff;	text-decoration:none;	}
a.button:hover{	background-color:#651122; color:#fefcf0;	}

@media screen and (max-width:1660px){	
	h1, h2{	font-size: 2.5rem; }	
	h3{	font-size: 2rem }
	.btn, button, input[type="submit"], input[type="button"], input[type="reset"] {	font-size: 1.2rem;	padding:20px 30px;	}
}

@media screen and (max-width:1340px){
	h1, h2{	font-size: 2rem; }	
	h3{	font-size: 1.7rem; }
	.btn, button, input[type="submit"], input[type="button"], input[type="reset"] {		font-size: 1rem;		padding:15px 30px;	}
}
@media screen and (max-width:960px){
	h1{	font-size: 1.5rem;}
	h2{	font-size: 1.5rem;}
	h3{	font-size: 1.2rem;}
	.btn{	font-size:17px; width:auto; }
}

form{	width:100%;	}
input.wpcf7-form-control.wpcf7-submit {    margin: 0 auto;}
input, textarea, select{ 	width:100%;	display:block;	padding:15px; border: none; border: 4px solid #fff; outline:0; vertical-align:top; background: #ededed; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius: 0 !important; }
input[type="checkbox"], input[type="radio"] { width: auto; display: inline-block; margin-top: 7px; margin-right: 5px; }
select { height: 66px; background: #ededed; width: 100%; border-radius: 0 !important;  }
fieldset{border:none;}
#kontaktformular label.error{ /*text von feldern bei falscheingabe*/ color:red; font-size:12px; width:95%; margin:0; text-align:right; }
#kontaktformular input.error,#kontaktformular textarea.error{ /*farbe von feldern bei falscheingabe*/ background-color:#faaaaa; color:#232323; }
textarea { height: 100px; }
select.wpcf7-form-control.wpcf7-select { padding: 0 10px; }
 /*schriftfarbe von placeholdern bei falscheingabe*/
input.error::-webkit-input-placeholder {color: #232323;} textarea.error::-webkit-input-placeholder {color: #232323;}
input.error:-moz-placeholder {color: #232323;} textarea.error:-moz-placeholder {color: #232323;}
input.error::-moz-placeholder {color: #232323;} textarea.error::-moz-placeholder {color: #232323;}
input.error:-ms-input-placeholder {color: #232323;} textarea.error:-ms-input-placeholder {color: #232323;}

.c02 { width: 50%; float: left; }

.video-lightbox { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; display: flex; align-items: center; justify-content: center; }
.video-lightbox-backdrop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); }
.video-lightbox-content { position: relative; z-index: 10000; width: 90%; max-width: 960px; aspect-ratio: 16 / 9; background: #310e0e; border-radius: 10px; overflow: hidden; box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; padding: 0; /* wichtig! */ }
.video-wrapper { width: 100%; height: 100%; }
.video-wrapper iframe { width: 100%; height: 100%; border: 0; display: block; }
.video-lightbox-close { position: absolute; top: 10px; right: 10px; background: rgba(0, 0, 0, 0.5); color: white; font-size: 2rem; border: none; border-radius: 50%; width: 36px; height: 36px; cursor: pointer; line-height: 36px; text-align: center; display: block; padding: 0; }
button.video-trigger { background: transparent; padding: 0; border: 0; margin: 0; }
button.video-trigger img { display: block; }





@font-face { font-display: swap; font-family: 'Antonio'; font-style: normal; font-weight: 400; src: url('fonts/antonio-v22-latin-regular.woff2') format('woff2');  } 
@font-face { font-display: swap; font-family: 'Antonio'; font-style: normal; font-weight: 600; src: url('fonts/antonio-v22-latin-600.woff2') format('woff2');  } 
@font-face { font-display: swap; font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('fonts/inter-v20-latin-regular.woff2') format('woff2');  } 
@font-face { font-display: swap; font-family: 'Inter'; font-style: normal; font-weight: 500; src: url('fonts/inter-v20-latin-500.woff2') format('woff2');  } 
@font-face { font-display: swap; font-family: 'Inter'; font-style: normal; font-weight: 700; src: url('fonts/inter-v20-latin-700.woff2') format('woff2');  }

/*\\\\\\\\\\\\\\\\\\\\ FORMAT END////////////////////*/


/*\\\\\\\\\\\\\\\\\\\\ MAIN ////////////////////*/	

html, body{ width:100%; height:100%; padding:0; margin:0; font-size: 24px; background-color:#fefcf0; line-height:140%; font-weight:100; color: #000000; font-family: 'Inter', Helvetica, Helvetica Neue, Arial; -webkit-box-sizing:border-box; box-sizing:border-box; }
#page { width: 100%; height: auto; max-width: 2050px; overflow: hidden; clear: both; margin: 0 auto; }

body.page-template-page-builder {    padding-top: 58px;}
.home body {    padding-top: 0px;}

div#logo { width: 10%; position: fixed; top: 10px; left: 120px; background: #fefcf0; z-index: 1000; padding: 10px 10px 5px;  -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;}
.home div#logo { top: -150px;}
.hide-nav div#logo, div#logo {  top: 10px;   }

#logo img{	width:100%;	position: relative;	}

@media screen and (max-width:1340px){ 
	div#logo { width: 15%; left: 30px; }
	html, body{	font-size: 22px;	}
}
@media screen and (max-width:1340px){ 
	div#logo { width: 15%; left: 30px; }
	html, body{	font-size: 20px; }
}
@media screen and (max-width:1080px){ 
	#logo {	width: 142px; left: 23px; padding: 10px 0px 0 10px;	}
}
@media screen and (max-width:768px){ 
	.hide-nav div#logo, div#logo { width: 40%; top: 0; left: 0; border-top: 0; border-left: 0; }
	body.page-template-page-builder { padding-top: 47px; }
}
	
/* \\\\\\\\\\\\\\\\\\\\ NAVIGATION ///////////////////// */	

.menu-hauptmenue-container { position: fixed; top: 0; left: 0; width: 100%; background: #ffffff; z-index: 1000; }
ul#menu-hauptmenue { padding: 0; margin: 0; text-align: center; }
ul#menu-hauptmenue li { font-size: 0.7rem; position: relative; display: inline-block; padding: 14px 23px; -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;}
.hide-nav ul#menu-hauptmenue li { font-size: 0.5rem; padding: 5px 20px; }
.menu-hauptmenue-container a:link, .menu-hauptmenue-container a:hover, .menu-hauptmenue-container a:active, .menu-hauptmenue-container a:visited {    color: #000000;}
.menu-hauptmenue-container a:hover{color:#651122;}
	ul#menu-hauptmenue li.current_page_item > a, ul#menu-hauptmenue ul.sub-menu li.current_page_item a { color: #651122; font-weight: 600; } 

ul.sub-menu li { background: #ffffff; border-radius: 5px; margin-bottom: 5px; } 
ul.sub-menu { position: absolute; top: 61px; left: 0; text-align: left; margin: 0; padding: 0; padding-top: 5px; display:none;     width: 700px;}
.hide-nav ul.sub-menu { top: 43px;}
ul#menu-hauptmenue li:hover ul.sub-menu { display:block;}


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

.hide-nav ul#menu-hauptmenue li { font-size: 0.5rem; padding: 5px 9px; }

}

@media screen and (max-width:768px){	
	.menu-hauptmenue-container { overflow-y: scroll; position: fixed; top: -100%; padding: 120px 30px; right: 0%; width: 100%; height: 100%; background: #ffffff; font-size: 30px; -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all; z-index: 100000; text-align: center; } 
	ul#menu-hauptmenue, ul#menu-hauptmenue li { margin: 0; padding:0; } 
	ul#menu-hauptmenue li { padding: 10px; display: block; } 
	ul#menu-hauptmenue li a { font-size: 30px; display: block; } 
	.toggle-on .menu-hauptmenue-container {    top: 0%;  } 
	ul#menu-hauptmenue a, ul#menu-hauptmenue li.current_page_item ul.sub-menu a {  line-height: 140%; } 
	ul#menu-hauptmenue li.current_page_item > a, ul#menu-hauptmenue ul.sub-menu li.current_page_item a { color: #651122; font-weight: 600; } 
	ul.sub-menu { margin: 0; padding: 20px 0; } 
	.menu-button {  padding: 15px 0 15px 0; background: #ffffff; border-radius: 3px; width: 60px; height: 60px; position: fixed; overflow: hidden; cursor: pointer; right: 10px; top: 10px; z-index:100000; } 
	.menu-button div { background: #651122; width: 30px; position: absolute; height: 4px; top: 18px; left: 15px; border-radius: 5px; -webkit-transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); cursor: pointer; } 
	.menu-button div:nth-child(2) { top: 28px; } 
	.menu-button div:nth-child(3) { top: 38px; } 
	.toggle-on .menu-button div:nth-child(2) { transform: rotate(45deg); } 
	.toggle-on .menu-button div:nth-child(1), .toggle-on .menu-button div:nth-child(3) { transform: rotate(-45deg); top: 28px; }
	
	ul#menu-hauptmenue li .sub-menu a {    font-size: 20px;}
	ul.sub-menu {        position: static;}
	
	.hide-nav ul#menu-hauptmenue li, ul#menu-hauptmenue li { font-size: 0.7rem; padding: 5px 0px; }
	
	ul.sub-menu {   width: auto;}

 }		


	
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ CONTENT /////////////////////////*/

#wrapper{	width:100%;	min-height:100%; float:left;	}	
#content { width: 1280px; height: auto; padding: 120px 0 30px 180px; overflow: hidden;}
img.kontakt-icon { position: fixed; bottom: -14px; width: 115px; right: 5.6%; }

@media screen and (max-width:1660px){ 
#content {
    padding: 80px 0 30px 180px;
}
}
@media screen and (max-width:1340px){ 
	#content { width: 100%; padding: 80px 30px 30px 30px; }
}


@media screen and (max-width:910px){ 
	.page-template-default #content .con, .page-template #content .con {	width: 100%;}
	#content { width: 100%; padding: 60px 30px 30px 30px; }
	img.kontakt-icon { position: fixed; width: 80px; right: 30px; }
}


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\  FOOTER ///////////////////////// */

.menu-footermenue-container { padding: 60px 80px;  }
ul#menu-footermenue { padding: 0; margin: 0; }
ul#menu-footermenue li { list-style: none; padding: 0; margin: 0; padding-right: 40px; display:inline-block; }
ul#menu-footermenue li a{font-size: 1.3rem; color:#fff; }
.menu-footermenue-container { padding: 0px 80px 30px; clear: both; }

footer {margin: 0 auto; max-width: 2050px; position: relative; padding: 80px 80px 80px; color: #fff; background-image: url(images/footer01.webp); background-repeat: no-repeat; background-size: auto 100%; background-position: top center; overflow: hidden; position: relative; width: 100%; height: 800px; }
img.logo-footer { position: absolute; left: 14%; width: 23%; top: 29%; max-width: 2050px; margin: 0 auto; }

.footer-con { width: 30%; float: right; font-size: 1.2rem; line-height: 140%; font-weight: 300; }
a.routenplaner { padding: 20px 0px 30px; background-size: 100px; background-repeat: no-repeat; background-position: left center; margin-top: 30px; display: block; }


.kundenlogos .c01 { text-align: center; width: 100%; margin: 0 auto; clear: both; float: none; padding: 80px 0; } 
.kundenlogos { width: 100% !important; clear: both; float: none; overflow: hidden; margin: 0 auto; max-width: 2050px;} 
.kundenlogos .c01 img{ margin: 0 auto; max-width: 2050px; vertical-align: middle; mix-blend-mode: multiply;width: 15%; display:inline-block;  padding: 0 3%; -webkit-box-sizing: border-box; box-sizing: border-box; } 
@media screen and (max-width:750px){ 
	.kundenlogos .c01 img { width: 32.333%; display: inline-block;  padding: 0 3%; -webkit-box-sizing: border-box; box-sizing: border-box; }
}

.sticky-contact .btn { height: auto; padding: 5px 15px; display: inline-block !important; font-size: 0.7rem; background: #651122; color: #fff !important; }
.sticky-contact { z-index:100; position: fixed; bottom: -150px; width: 100%; height: 60px; background: #fefcf0; text-align: right;  -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;; }
.sticky-contact-inner-wrapper { margin: 0 auto; max-width: 2050px; padding: 5px 120px 5px 5px;}
.hide-nav .sticky-contact {  bottom: 0px; }

.sticky-contact-inner-wrapper p { margin: 0; padding: 0; display: inline; }

@media screen and (max-width:1660px){ 
}
@media screen and (max-width:1440px){ 
	.footer-con { width: 40%;  }
	footer { background-position: left -400px top; }
}
@media screen and (max-width:1024px){ 
	.footer-con { width: 50%;  }
	footer { background-position: left -600px top; }
}
@media screen and (max-width:768px){
	footer { padding: 250px 30px 30px 30px; background-size: 100%; background-position: top 0 left 0; color: #000; }
	.footer-con { width: 100%;  padding:30px 0 0 0px;}
	.menu-footermenue-container { padding: 30px; }
}
/*\\\\\\\\\\\\\\\\\\\\ MAIN END ////////////////////*/

.lightbox-kontakt-wrapper, .lightbox-rueckrufservice-wrapper { position: fixed; width: 100%; height: 100%; top: -100%; right: 0; background: #fff; color: #310e0e; z-index: 20000; overflow: scroll; padding: 30px;  background-position: left -1000px center; background-size: contain; background-repeat: no-repeat; -webkit-transform: translateZ(0); -webkit-transition: 1s ease-in-out all; transition: 1s ease-in-out all; } 
span.wpcf7-form-control.wpcf7-checkbox span { font-size: .8rem;  }
span.wpcf7-form-control.wpcf7-checkbox input { margin-top: 11px; }
.lightbox-kontakt-wrapper h2, .lightbox-rueckrufservice-wrapper h2, .lightbox-kontakt-wrapper h3, .lightbox-rueckrufservice-wrapper h3, .lightbox-kontakt-wrapper h4, .lightbox-rueckrufservice-wrapper h4{color:#310e0e;} 
.rueckruf-on .lightbox-kontakt-wrapper, .rueckrufservice-on .lightbox-rueckrufservice-wrapper{top:0;   background-position: left 0px center;   } 
.rueckruf-on .lightbox-rueckrufservice-wrapper { top: 0; }
.lightbox-kontakt.con h2 { text-align: center; } .lightbox-kontakt.con, .lightbox-rueckrufservice.con { width: 850px; text-align: center; } 
.lightbox-kontakt input.wpcf7-form-control.wpcf7-submit, .lightbox-rueckrufservice input.wpcf7-form-control.wpcf7-submit { margin: 0 auto; } 
.lightbox-rueckrufservice.con h2 { font-size: 2rem; }
.lightbox-rueckrufservice.con { margin: 0 auto; }
.lightbox-rueckrufservice.con form div p { margin: 0; }

img.close-rueckruf { position: absolute; right: 30px; top: 30px; width: 50px; cursor: pointer; }

.page-id-20 div#content { width: 100%; }


@media screen and (max-width:960px){ .lightbox-kontakt.con, .lightbox-rueckrufservice.con { width: 100%; text-align: center; } } 
@media screen and (max-width:768px){ .lightbox-kontakt-wrapper, .lightbox-rueckrufservice-wrapper { padding: 160px 30px 30px; } }

/*\\\\\\\\\\\\\\\\\\\\ LAYOUT ////////////////////*/

.headbild-text { position: absolute; bottom: 10%; left: 9%; } 
#logo-head {    width: 28%; padding: 0; position: absolute; left: 9%; top: 27%; -webkit-transition:1s ease-in-out all;transition:1s ease-in-out all;} 
h1 span { font-size: 1.5rem; } 
.ankuendigung { float: right; padding: 0px 30px 0; }
.leistungs-btns .btn { margin-bottom: 10px; } 
section#text-rotator { padding-left: 180px; font-size: 1rem; } 
section.text-rotator { padding-left: 120px; }
.page-template-page-builder section#text-rotator { padding-left: 120px; font-size: 1rem; } 
.line { display: none; padding:40px 30px 30px 100px; background-image: url("images/plus.svg"); background-size:75px; background-repeat: no-repeat; background-position: left; } 
.line:nth-child(even) { background-image: url("images/plus02.svg"); } 
#heart { font-size: 2rem; transition: color 0.3s ease; } 
.heart-black { color: black; } 
.heart-pink { color: hotpink; }
video.leistungen-video { width: 62%;     display: none;}
section#leistungen { padding-left: 0px; position: relative; margin-top:80px; } 
.leistungs-btns a:nth-child(1) { margin-left: 0px; } 
.leistungs-btns a:nth-child(5) { margin-left: 0px; } 
.leistungs-btns a:nth-child(7) { margin-left: 0px; } 
.leistungs-btns a:nth-child(9) { margin-left: 0px; } 
.leistungs-btns a:nth-child(11) { margin-left: 0px; } 
section#leistungen img { width: 55%; /* padding-left: 10%; */ display: block; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.leistungs-btns { position: absolute; top: 17%; height: auto; left: 57%; }
.page-id-11 section#leistungen { margin: 0 0 80px 0; }
section#marjam { padding-top: 180px; }
.marjam-wrapper img { display: block; }
.marjam-content { width: 55%; float: left; padding: 80px 120px; }
.marjam-wrapper { width: 30%; float: left; padding-right:80px; position:relative;}
.marjam-wrapper img {    border-radius: 10px;}
section#galerie-start-salon { padding: 0px 0 0 110px; clear: both; overflow: hidden;      }
.galerie-inner-wrapper img { margin-bottom: 19px; }
.galerie-salon_inner-wrapper { clear: both; float: left; height: 1100px;  width: 1820px; overflow: hidden;  }
.galerie-salon_einstieg { clear: both; padding: 120px 0px 30px; }
section#galerie-start-salon img { width: 100%; }
.galerie-salon_end { padding: 30px 20px; clear: both; width: 1280px; }
section#galerie-start-salon.galerie-salon_modul .galerie-salon_einstieg { padding: 0 0 30px 5px; }
button.video-trigger.video-btn01 { position: absolute; width: 150px; left: -50px; top: 65%; }
.sprechblase { position: absolute;   display: none;  padding: 18px 40px 60px 40px; width: 45%; top: -80px; left: -80px; background-image: url("images/sprechblase.svg"); background-repeat: no-repeat; background-size:center center; background-size:100%;}
.home section#galerie { padding-top: 120px; }
.galerie-einstieg { clear: both; padding: 80px; width: 1660px; position: relative; }
section#galerie, section.galerie { clear: both; overflow: hidden; }
section#galerie img, section.galerie img { width: 20%; border: 10px solid transparent; display: block; float: left; -webkit-transition: 1s ease-in-out all; transition: 1s ease-in-out all; box-sizing: border-box; }
.galerie-inner-wrapper { padding: 0 15px; }
section#galerie  img:hover , section.galerie img:hover {    }
section.galerie.thumbnail-s img {    width: 10%;}
section.galerie.thumbnail-s { padding: 0 80px; }
section#ueber_uns_text { clear: both; padding: 80px 120px; width: 1660px; position: relative; }
button.video-trigger.salon-video-btn, button.video-trigger.ks-video-btn { color: #000000; width: 100px; font-size: .5rem; position: absolute; bottom: 60px; left: 400px; }
button.video-trigger.salon-video-btn { display: none; }
section#ueber_uns_text button span, button.video-trigger.ks-video-btn span { padding-top: 10px; display: block; }
section#socialmedia img { width: 60px; margin-right: 30px; }
section#socialmedia {padding-left:120px ;   }
section#kundenstimmen { padding: 120px 120px 0; }
.ks-stimme { width: 33.333%; float: left; padding-left: 0px; position: relative; padding-right: 30px;     min-height: 100px;}
.ks-text span { width: 50%; display: block; font-size: .8rem; }
.ks-text h3 { font-size: 1rem; font-weight: 400; }
.ks-einleitung { padding-bottom: 30px; }
img.sterne { position: absolute; left: 60%; top: 0; width: 30%; }
.ks-text { position: relative; }
.ks-stimmen { clear: both; overflow: hidden; }
.ks-bewertung { margin-top: 15px; font-size: .85rem; line-height: 1.5; } 
.ks-langtext { display: none; margin-top: 10px; } 
.ks-mehr-btn { background: none; border: none; padding: 0; margin-top: 0px; font-size: .5rem; font-weight: 600; cursor: pointer;  text-transform: uppercase; } 
.ks-mehr-btn:hover { text-decoration: underline; }
p.ks-kurztext { margin-bottom: 0; }
#news{	padding:160px 0px 80px 120px;     overflow: hidden;}
.news_intro { padding-bottom: 40px; }
.news-inner-wrapper { width: 100%; float:left;}
.news-inner-wrapper p, .news-inner-wrapper span {  line-height: 140%; }
.news-start-img img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; width:100%; }
.news-inner-wrapper article { margin-bottom: 64px; }
.news-inner-wrapper article { margin-bottom: 64px; overflow: hidden; }
.news-inner-wrapper .c66 {    width: 52.666%;    float: right;}
#auszeichnungen{	 padding:120px 80px 80px;}
.auszeichnungen_galerie {    overflow: hidden;    }
.auszeichnungen_galerie img { width: 10.5%;  display:block;box-sizing: border-box; border: 5px solid transparent;float: left;}
.auszeichnungen_intro { padding-bottom: 50px; }
#kontakt{	 padding:120px 80px 80px;}
.kontakt_intro { padding-bottom: 50px; }
.content_modul { clear: both; }
.preis-inner-wrapper { border-radius: 15px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #cdc6b6; color:#310e0e; padding:30px 30px 100px 30px; -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;}
article.preis-wrapper:hover .preis-inner-wrapper { top: -4%; left: -4%; width: 108%; height: 108%; background-color: #9e7452; color:#000000; z-index: 10;}
article.preis-wrapper .preis-title h3{  line-height:140%; -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all; }
article.preis-wrapper .angebot { height:100%; padding:0 0 30px 0; overflow-y: scroll; font-size:.5rem;color:#cdc6b6; -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all; line-height: 140%; opacity: .3;}
article.preis-wrapper:hover  .angebot  { font-size:.8rem; opacity: 1;  color:#310e0e;}
.preis-wrapper { position: absolute; bottom: 10px; }
.preis-wrapper > div { display: inline-block; padding-right: 20px; /* position: absolute; */ font-size: .7rem; }
.preis-zusatzinfo { font-size:.4rem; opacity: .3; }
article.preis-wrapper { width: 16.666%; position: relative; float: left; border: 15px solid transparent; color:#fff;  }
.preis-placeholder {display:block; width:100%;}
section.preise-wrapper { width: 100%; padding-left:65px; padding-right:30px;}
article.preis-wrapper .preis-title h3 { font-size: 1rem; }
.angebot ul { padding: 0 0 0 13px; }
.nach-preisen.con { clear: both; width: 1280px; padding: 0 30px 120px 80px; }
#rabatt-wrapper{	background-color:#cdc6b6; padding:120px 80px 80px; background-image: url("images/laurentius-rabatt01.jpg"); background-repeat: no-repeat; background-size: cover; background-position: bottom center; height: 600px;}
.rabatt { width: 35%; }
section.absagen.con { /*background-image: url(images/plus02.svg); */ background-repeat: no-repeat; background-position: left 6% center; padding: 120px; background-size: 27%; }
section.absagen.con .c01{ width: 960px; margin: 0 auto; }
section#hero-el { position: relative; }
.hintergrundbild-inner-wrapper.con img { width: 100%; display: block; }
.hintergrundbild-inner-wrapper.con { position: relative;  overflow: hidden;}
.textbox-hintergrundbild { position: absolute; width: 600px; left: 120px;  top: 50%; transform: translateY(-50%); }
section.ankuendigung h3 { font-size: 1.1rem; text-align: right; padding-top: 10px; line-height: 180%; }


button.preis-layer-close { background: #fefcf0; }


.page-template-page-bewertungen img.sterne { position: static; }
.page-template-page-bewertungen .bewertungen-wrapper { padding-top: 50px !important; clear: both; overflow: hidden; }
.bewertung_content { padding: 0 80px 0 0; }
.page-template-page-bewertungen div#content { width: 100%; }
.bewertungen-wrapper .c03 { width: 100%; }

.single-post h1 { padding-bottom: 30px; }

.wpgv-items-wrap, .wpgv-according-title,div#wpgv_payment_gateway, .acceptVoucherTerms, .voucherNote,.wpgv-buttons { background: #fefcf0 !important;  }
.wpgv-item button { font-size: .5rem !important; font-weight: bold; }


a.gutscheine-storer img { width: 100%; display: block; } 
a.gutscheine-storer { position: absolute; right: 10%; top: 200px; width: 200px; display: block; }


@media screen and (max-width:1900px){
	section.preise-wrapper { width: 100%;  }
	.hintergrundbild-inner-wrapper.con img { width: 1920px;  }	
.galerie-salon_inner-wrapper {  height: 900px;  width: 1600px; }
}

@media screen and (max-width:1660px){
	#logo-head { width: 23%;  top: 25%; left:4%; }
	.headbild-text { bottom: 8%; left:4%; }
	section#ueber_uns_text { width: 100%; }	
	.sprechblase { font-size: .8rem; line-height: 100%; }
	.marjam-content {  padding: 0 30px 0 80px; }	
	article.preis-wrapper { width: 25%;  }	
	.galerie-einstieg { padding: 30px 30px 30px; width: 100%;  }	
	section#kundenstimmen { padding: 60px 80px; }
	.galerie-salon_inner-wrapper {  height: 800px;  width: 1280px; }
	section#galerie-start-salon { padding: 0px 0 0 80px;     }
}
@media screen and (max-width:1440px){
	#logo-head {  top: 20%;  }
	.leistungs-btns .btn { font-size: 1rem; padding: 10px 30px; }
	.sprechblase { font-size: .6rem; padding:; }
	.home section#galerie { padding-top: 0; }
		.menu-footermenue-container { padding: 0px 80px 30px; clear: both; position: absolute; bottom: 0; }
	footer { position: relative; }
	
	.footer-con { width: 28%; } 
	.footer-con { width: 30%; float: right; font-size: 1rem; line-height: 140%; font-weight: 300; }
}
@media screen and (max-width:1340px){
	
	a.gutscheine-storer {  top: 80px; width:150px;  }
	
	
	#news { padding: 80px 0px 80px 120px; overflow: hidden; }
	section.ankuendigung h3 { font-size: .8rem; }
	.galerie-salon_end { padding: 30px 20px; clear: both; width: 100%; }	
	.home section#galerie { padding-top: 0px; }
	section.galerie.thumbnail-s { padding: 0 30px; }
	section#ueber_uns_text { padding: 30px 30px; }
	section#text-rotator { padding-left: 30px; }	
	section#kundenstimmen { padding: 120px 30px; }
	.galerie-salon_inner-wrapper { height: 600px; width: 1000px; } 
	section#leistungen { padding-left: 0px; margin-top: 50px; }
	.sprechblase { font-size: .5rem;  }
	button.video-trigger.video-btn01 {  width: 150px; left: 5%;  }
	section#marjam {    padding-top: 120px;}
	.marjam-content { padding: 0 30px 0 30px; }
	section#socialmedia { padding-left: 30px; }
	section#kundenstimmen { padding: 80px 30px; }
	button.video-trigger.salon-video-btn { bottom: -30px; width: 100px; }
section#galerie-start-salon { padding:12px 25px; clear: both; overflow: hidden; }
	.ks-text span { width: 100%;  }
	img.sterne { position: static; width: 64%; }
	#auszeichnungen { padding: 30px 30px 30px; }
	section#kontakt { padding: 30px; }
	 section.preise-wrapper {  padding-left:15px; }
	.nach-preisen.con { width: 100%; padding: 0 30px 80px 30px; }
	article.preis-wrapper {border: 5px solid transparent;  }
	.hintergrundbild-inner-wrapper.con img { width: 130%; }
	.textbox-hintergrundbild { position: absolute; width: 40%; left: 30px; }
	.marjam-wrapper { width: 38%;  }
	.kontakt_intro { padding-bottom: 15px; }
.kundenlogos .c01 { text-align: center; width: 100%; margin: 0 auto; clear: both; float: none; padding: 40px 0 120px; }
	
.bewertung_content { padding: 0 30px 0 0; }
 }
@media screen and (max-width:1140px){
	#logo-head {  top: 15%;  }
	.headbild-text { bottom: 4%;   }

	section.preise-wrapper { width: 100%;}
	.galerie-salon_einstieg {  padding: 80px 0px 30px; }
	#news { padding: 80px 0px 80px 30px; overflow: hidden; }
	
	article.preis-wrapper { width: 33.333%; }
}
@media screen and (max-width:1024px){
	#logo-head {  top: 10%;  }
	.leistungs-btns .btn { font-size: .8rem; padding: 5px 30px; margin-bottom: 5px; }	
	.sprechblase {  padding:11px 15px 42px 10px; }
	button.video-trigger.video-btn01 {  width: 100px;   }
	section.absagen.con .c01{ width: 100%; }
	.galerie-salon_inner-wrapper { height: 490px; width: 800px; }
	.marjam-wrapper { width: 45% ; }
	section#kundenstimmen { padding: 60px 30px; }
		.auszeichnungen_galerie img { width: 20%;  }
	ul#menu-hauptmenue li{padding:14px 5px;}
	

}
@media screen and (max-width:768px){ 
	
	a.gutscheine-storer {  position:static;  }
	.auszeichnungen_intro { padding-bottom: 20px; }
	.galerie-einstieg { padding: 0px 30px; }
	.galerie-salon_einstieg {  padding: 60px 0px 30px; }
	section.ankuendigung h3 { font-size: .7rem; line-height: 120%; }
	.galerie-salon_inner-wrapper { width: 100%; height: auto; }
	.news-inner-wrapper .c66 { width: 100%; float: right; }
	.news-inner-wrapper .c03{width:100%;         padding-bottom: 30px;}
	.galerie-inner-wrapper { padding: 0 5px; }
	.home section#galerie { padding-top: 30px; }
	#logo-head { top: 50px; left: 15px; width: 40%; }
	.headbild-text { position: static; padding: 20px 30px 0; width: 100%; }	
	.line { padding: 20px 30px 20px 64px; background-size: 50px; font-size: .9rem; line-height: 140%; min-height: 150px; background-position:  top 30px left; }	
	.leistungs-btns a:nth-child(1) { margin-left: -50px; } 
	.leistungs-btns a:nth-child(5) { margin-left: -10px; } 
	.leistungs-btns a:nth-child(7) { margin-left: -20px; } 
	.leistungs-btns a:nth-child(9) { margin-left: -70px; } 
	.leistungs-btns a:nth-child(11) { margin-left: 0px; } 	
.leistungs-btns { position: relative; top: 0; height: 100%; left: 12%; width: 88%; padding: 30px; }
	section#leistungen img, video.leistungen-video  { width: 100%; }
	.leistungs-btns .btn { padding: 5px 10px;  }	
	button.video-trigger.salon-video-btn{  position: static;  }
	section#galerie img, section.galerie img { width: 33.333%; display: block; float: left;  }	
	section#marjam { padding-top: 0;         padding-top: 60px; }
	.marjam-content { width: 100%; padding: 0 30px; }
	.marjam-wrapper { width: 100%; padding: 0; padding: 0 30px;}
	.sprechblase { padding: 15px 15px 72px 23px; position: static; width: 81%; font-size: .9rem; margin: 30px 30px 0; }	
	section#galerie img { width: 33.333%; }	
	.ks-stimme { width: 100%; }
	.ks-stimme { padding-left: 0px;  padding-right: 0px; padding-bottom: 30px; }	
	button.video-trigger.ks-video-btn { width: 80px; }	
	section#news { background-position: top center; background-size: 100%; padding:60px 30px 30px; }
	.news-inner-wrapper { width: 100%;      }	
	.auszeichnungen_galerie img { width: 33.333%;  }	
	article.preis-wrapper { width: 100%; padding-left:0px; }
	section.preise-wrapper { width: 100%; padding-left:30px; padding-right:30px; }
	article.preis-wrapper .preis-title h3 { font-size: 1.5rem; }	
	.preis-inner-wrapper {  width: 100%; height: auto; position: relative;  aspect-ratio: 1 / 1;   /* erzwingt quadratisches Verhältnis */
  min-height: auto;   padding: 30px 30px 100px 30px;   /* Höhe passt sich automatisch an */}
	.preis-placeholder {display:none;}
	article.preis-wrapper .angebot {    height: auto; overflow-y: auto;}
	article.preis-wrapper:hover .preis-inner-wrapper, article.preis-wrapper .preis-inner-wrapper{height:auto;}
	section.absagen.con { padding: 80px 30px; }	
	section#rabatt-wrapper { padding: 120px 30px; }
	.rabatt { width: 100%; }		
	.hintergrundbild-inner-wrapper.con img { width: 100%; }
	.textbox-hintergrundbild { position: static; width: 100%; padding: 30px 30px; top: 30px;   transform: unset; }	
	section#ueber_uns_text { padding: 0px 30px; }
	.footer-con { width: 100%; }
	
	img.logo-footer { position: static;  width: 100%;  fill: black !important; }
	
	.menu-footermenue-container { position: static; }
	
	.footer-con a:link, .footer-con a:active, .footer-con a:visited, .footer-con a:hover{color:#651122;}
	
	
	.sticky-contact-inner-wrapper .btn { font-size: 0.5rem; padding: 5px; line-height: 100%; margin: 0 1px; }
	.sticky-contact-inner-wrapper { padding: 3px 0; text-align: center; }
	.sticky-contact{height:40px;}
	
	section.text-rotator { padding-left: 30px; }
	
	section#rabatt-wrapper { background-position: top left; background-size: 100%; padding-top: 200px; }
	section.absagen.con { background-size: 77%; }
	section.galerie.thumbnail-s img { width: 33.33%; }
	
	.galerie-salon_inner-wrapper { height: 310px; width: 500px; }
	.galerie-inner-wrapper img { margin-bottom: 0; }
	
}
@media screen and (max-width:550px){ 
	
	.galerie-salon_inner-wrapper { height: 210px; width: 350px; }
}
@media screen and (max-width:360px){ .sticky-contact{height:70px;} 	.galerie-salon_inner-wrapper { height: 150px; width: 290px; }
}


/* Preis Layer Styles */
.preis-layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }
.preis-layer-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); cursor: pointer; } 
.preis-layer-content { position: fixed; top: 0; right: -100%; height: 100%; background: #fefcf0; padding: 60px 40px 40px 40px; max-width: 600px; width: 90%; overflow-y: auto; box-shadow: -5px 0 20px rgba(0, 0, 0, 0.3); transition: right 0.4s ease-out; } /* Slide-in Animation von rechts */ 
.preis-layer.active .preis-layer-content { right: 0; } 
.preis-layer-close { position: absolute; top: 15px; right: 15px; background: none; border: none; font-size: 32px; line-height: 1; color: #999; cursor: pointer; padding: 0; width: 40px; height: 40px; transition: color 0.2s; } 
.preis-layer-close:hover { color: #333; } .preis-layer-inner h2 { margin-top: 0; margin-bottom: 20px; font-size: 34px; } 
.preis-layer-inner ul { list-style: none; padding-left: 0; } 
.preis-layer-inner ul li { padding-left: 25px; position: relative; margin-bottom: 10px; } 
.preis-layer-inner ul li:before { content: "✓"; position: absolute; left: 0; color: #666; font-weight: bold; } /* Preis-Anzeige im Layer */ 
.preis-layer-preise { margin: 20px 0 30px 0; padding: 20px; background: #ffffff; border-radius: 6px; position: relative; } 
.preis-layer-preise .termin-icon-member { opacity: 1; top: inherit; bottom: -60px; } 
.preis-layer-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #e0e0e0; } 
.preis-layer-item:last-child { border-bottom: none; } .preis-layer-zusatz { font-size: 16px; color: #666; } 
.preis-layer-betrag { font-size: 18px; font-weight: bold; color: #333; } /* Clickable Cursor für Preis-Wrapper */ 
.preis-wrapper[data-preis-text] { cursor: pointer; transition: opacity 0.2s; } 
.preis-wrapper[data-preis-text]:hover { opacity: 0.8; }

@media (max-width: 768px) {
	.single-post .entrymeta { padding-top: 30px; }
	.preis-layer-content { padding: 80px 20px 20px; width: 95%; max-height: 90vh; } 
	.preis-layer-inner h2 { font-size: 24px; } 
	.preis-layer-close { top: 70px; }
}
/*\\\\\\\\\\\\\\\\\\\\ LAYOUT END ////////////////////*/
/*\\\\\\\\\\\\\\\\\\\\ LAYOUT END ////////////////////*/
/*\\\\\\\\\\\\\\\\\\\\ LAYOUT END ////////////////////*/



/*//////////////////////////////////////////////////////////////////////////
///////////////////////////////////// PAGER BUILDER /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////*/
.big_space{margin-bottom:160px !important;}
.medium_space{margin-bottom:80px !important; }
.small_space{margin-bottom:30px !important;}
.no_space{margin-bottom:0px !important;}

.con_medium.iframe100 iframe{width:100%; height:800px;}

.iframe100 iframe{width:100%; }

/*//////////////////////////////////////////////////////////////////////////
///////////////////////////////////// HEADBILD MODUL /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////*/

.page-template-page-builder .kein-blocksatz p{	text-align: left !important;} 
.headimg-wrapper { position: relative; } 
.page-template-page-builder #wrapper { padding-top: 0; } 
.headimg-text { position: absolute; width: 30%; text-align: left; left: 120px; top: 50%; transform: translateY(-50%); }
.headline-rechts .headimg-text { left: inherit; right: 5%; } 
.headline-zentriert .headimg-text { left: 50%; margin-left: -15%;     text-align: center;} 
.leistung-single-einleitung{text-align: center;} 
.headbild_modul img { width: 100%; display: block;}
.panorama { position: relative; }
.panorama img { width: 100%; }
@media screen and (max-width:1340px){
	.headimg-text {  left: 30px; } 
}
@media screen and (max-width:768px){
	.headimg-text { position: static; width: 100%; padding:30px;         transform: unset;} 
	.headbild_modul img { width: 100%; margin-left: 0; }
	.headimg-wrapper { position: relative; overflow: hidden; } 
	.headbild_modul.headline-rechts img { margin-left: 0; } 
	.medium_space { margin-bottom: 40px !important; } 
}

/*
//////////////////////////////////////////////////////////////////////////
///////////////////////////////////// Content MODUL /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////*/

.content_modul .con { padding:  80px 120px 0px 120px; position:relative;}
.content_modul button.video-trigger.con-video.salon-video-btn {    bottom: -100px;}
.video-stoerer-activ { padding-bottom: 120px; }
.con_fullsize .con { width: 100%; } 
.con_medium .con { width: 1280px; padding: 0px 80px 0px 120px; } 
.con_small .con { width: 960px; } div.gallery br { display: none; } 
.gallery .gallery-item { width: 16.666%; display: inline-block; } 
.gallery .gallery-item img { width: 100%; display: block; } 
.gallery .gallery-item { width: 16.666%; display: inline-block; margin: 0; border-right: 3px solid #fff; border-left: 3px solid #fff; -webkit-box-sizing:border-box; box-sizing: border-box; } 
.gallery { text-align: center; }
.zweispalter.zweispalter_modul .c02:first-child {     padding-right: 15px;}
.zweispalter.zweispalter_modul .c02:last-child {     padding-left: 15px;}
.c03 { width: 33.3333%; float: left; }
.dreispalter.dreispalter_modul { padding: 0 50px 0 120px; clear: both; overflow: hidden;}
.dreispalter.dreispalter_modul.medium_space.con_medium .con {    padding: 0;}
.dreispalter.dreispalter_modul .c03 { padding-right: 100px; }

@media screen and (max-width:1340px){
	.con_medium .con { width: 100%; padding: 30px 30px 80px; box-sizing: border-box; margin: 0; }
}
@media screen and (max-width:1024px){
.content_modul.con_small .con {    width: 100%;}
}
@media screen and (max-width:768px){
	.content_modul .con { padding: 30px; position: relative; }
	.gallery .gallery-item {    width: 33.333%;}
	.content_modul button.video-trigger.con-video.salon-video-btn {  margin-top:30px;}
	.content_modul.video-stoerer-activ { padding-bottom: 0px; }
	.m-img100 img{width:100% !important; }	
	.zweispalter.zweispalter_modul .c02:first-child {     padding-right: 0px;}
	.zweispalter.zweispalter_modul .c02:last-child {     padding-left: 0px;}
	.dreispalter.dreispalter_modul { padding: 0 0px 0 0px; clear: both; overflow: hidden;}
}

/*
//////////////////////////////////////////////////////////////////////////
///////////////////////////////////// Dreispalter MODUL /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////*/

.dreispalter_modul.con_fullsize .con { width: 100%; } 
.dreispalter_modul.con_small .con { width: 960px; } 
.dreispalter-wenig-abstand .c03 iframe { width: 100%; box-sizing: border-box; padding: 0 1px; } 
.dreispalter-wenig-abstand .c03 { margin: 0 !important; width: 33.333% !important; } 
.dreispalter-wenig-abstand { padding: 0 1px; }
.con.dreispalter-einleitung { padding-bottom: 30px;}
	
@media screen and (max-width:1340px){
	.dreispalter .c01{ width: 100%; padding-left:0px; padding-right:30px; }
}

@media screen and (max-width:1024px){
	.dreispalter_modul.con_small .con { width: 100%; padding-left:30px; padding-right:30px; }
}

@media screen and (max-width:768px){
	.dreispalter .c01{ width: 100%; padding-left:30px; padding-right:30px; }
	.dreispalter .c03 { width: 100% !important; } 
	.dreispalter .c03 { padding-left: 30px; padding-right: 30px; }
	.dreispalter.dreispalter_modul .c03 { padding-right: 30px; }
}


/*//////////////////////////////////////////////////////////////////////////
/////////////////////////////////////  BILD / TEXT REPEATER MODUL /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////*/


.bild_text_repeater_modul h2 { margin: 0; } 
.bild_text_repeater_modul_teaser.con.trennlinie { padding: 40px 0 40px 0; } 
.bild_text_repeater_modul_einleitung { width: 960px; margin: 0 auto; text-align: center; padding-bottom: 50px; position: relative; z-index: 10; opacity: 0; top:200px; margin-bottom: 60px; -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all; } 
.bild_text_repeater_modul_wrapper.con, .bild_text_repeater_modul_wrapper.con img { width: 100%; } 

.bild_text_repeater_modul_teaser-bild { position: relative; height: auto;       /* Feste Höhe */ overflow: hidden; } 
.repeater-placeholder{width:100%; display:block;} 
.bild_text_repeater_modul_teaser-bild.c02 .repeater-img-wrapper img {     border-radius: 15px !important; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; right:0; transition: opacity 1.5s ease-in-out; transform: scale(1); transition: transform 6s ease-in-out, opacity 1.5s ease-in-out; } 
.bild_text_repeater_modul_teaser-bild.c02 img.active { opacity: 1; transform: scale(1.1); /* Zoom leicht rein */ } 
img.overlay-repeater { position: absolute; top: 0; left: 0; width: 80.1% !important; box-sizing: border-box; } 
.bild_text_repeater_modul_teaser.con:nth-child(even) img.overlay-repeater { -webkit-transform: scale(-1); transform: scale(-1); right: 1px; left: inherit; } 
.bild_text_repeater_modul_wrapper.con img { width: 100%; display: block; } .bild_text_repeater_modul_wrapper.con #t1 img { margin-top: 0px; } 
.bild_text_repeater_modul_teaser.con {     padding: 40px 0 0px 0; clear: both; } .bild_text_repeater_modul_teaser.con:nth-child(even) div { float: right; } 
.bild_text_repeater_modul_text.c02 { padding: 0px 50px 30px 0px; } 
.bild_text_repeater_modul_teaser.con:nth-child(odd) 
.bild_text_repeater_modul_wrapper.con, .bild_text_repeater_modul_wrapper.con .con { margin: 0; clear: both; overflow: hidden; } 
.bild_text_repeater_modul .bild_text_repeater_modul_teaser:first-child { padding-top: 0; } 
.bild_text_repeater_modul .bild_text_repeater_modul_teaser:last-child { padding-bottom: 0; border: none; } 
.bild_text_repeater_modul_teaser-bild.c02 { padding-right: 10%; position: relative; left:-1000px; opacity: 0; -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all; height: auto;       /* Feste Höhe */ overflow: hidden; }  
.bild_text_repeater_modul div:nth-child(even) 
.bild_text_repeater_modul_teaser-bild.c02 { padding-left: 10%; padding-right: 0; position: relative; right:-1000px; opacity: 0; -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all; }
.bild_text_repeater_modul_text.c02 img { width: auto; } /*ani*/ 
.ani .bild_text_repeater_modul_einleitung{ top:0; opacity: 1; } 
.bild_text_repeater_modul_teaser.ani .bild_text_repeater_modul_teaser-bild{ left: 0px; opacity: 1;      } 
.bild_text_repeater_modul div.ani:nth-child(even) 
.bild_text_repeater_modul_teaser-bild.c02{ left:inherit; right: 0px; opacity: 1; }

.bild_text_repeater_modul div:nth-child(odd) .bild_text_repeater_modul_teaser-bild.c02{border-top-right-radius: 10px !important;border-bottom-right-radius: 10px !important;}
.bild_text_repeater_modul div:nth-child(even) .bild_text_repeater_modul_teaser-bild.c02{border-top-left-radius: 10px !important;border-bottom-left-radius: 10px !important;}
.bild_text_repeater_modul_text.c02{padding:60px 120px 30px ;}

@media screen and (max-width:1340px){
	.content_modul.con_medium .con { width: 100%; padding: 0px 80px 0px 80px; margin: 0; } 
	.bild_text_repeater_modul_text.c02 { padding: 30px 30px 30px 30px; } 
	.bild_text_repeater_modul_teaser.con:nth-child(odd) 
	.bild_text_repeater_modul_text.c02 { padding: 30px 30px 30px 30px; }
	.medium_space { margin-bottom: 60px !important; }
	.big_space { margin-bottom: 80px !important; }
	.content_modul .con { padding: 30px 80px 0px 80px; }
}
@media screen and (max-width:1040px){
	.bild_text_repeater_modul_einleitung { width: 100%; padding: 30px; } 
	.bild_text_repeater_modul_text.c02 { padding: 30px 0px 30px 0px; } 
	.bild_text_repeater_modul_teaser.con:nth-child(odd) 
	.bild_text_repeater_modul_text.c02 { padding: 30px 30px 30px 30px; }
}
@media screen and (max-width:768px){	
	.content_modul .con { padding: 0 30px; }
	.content_modul.con_medium .con { padding: 0 30px; }
	.bild_text_repeater_modul_teaser-bild, .bild_text_repeater_modul_text.c02 { width: 100%; height: auto; } 
	.bild_text_repeater_modul_text.c02, .bild_text_repeater_modul_teaser.con:nth-child(odd) .bild_text_repeater_modul_text.c02 { padding-top: 30px; } 
	.bild_text_repeater_modul_teaser-bild.c02 { padding-right: 0; } 
	.bild_text_repeater_modul div:nth-child(even) 
	.bild_text_repeater_modul_teaser-bild.c02 { padding-left: 0; padding-right: 0; } 
	.bild_text_repeater_modul_teaser.con.trennlinie { padding: 0; border-bottom: none; }
	.bild_text_repeater_modul div:nth-child(even) img{ float:right; } 
	.bild_text_repeater_modul_wrapper.con img { width: 95%; } 
	img.overlay-repeater { position: absolute; top: 0; left: 0; width: 100.1% !important; box-sizing: border-box; } 
	.bild_text_repeater_modul_teaser.con { /* padding: 40px 0 0px 0; */ clear: both; margin-top: -42px; } 
	.home div#neue_studios_modul { margin-bottom: 0 !important; } 
	.bild_text_repeater_modul_einleitung { margin-bottom: 0px; }
	.big_space { margin-bottom: 60px !important; }
	.bild_text_repeater_modul_teaser-bild.c02 { width: 90%; }
}

/*
//////////////////////////////////////////////////////////////////////////
///////////////////////////////////// Dreibilder MODUL /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////*/

.dreibilder_modul.con_fullsize .con { width: 100%; } 
.dreibilder_modul.con_small .con { width: 960px; } 
.con.dreibilder-main { position: relative; height: auto; width: 1080px; } 
.con.dreibilder-main img { /* position: absolute; */ left: 0; top: 0; width: 50%; border: none; float: left; display: block; box-sizing: border-box; } 
.con.dreibilder-main img.dreibilder01 { left: inherit; top: 0%; right:13%; z-index:2; } 
.con.dreibilder-main img.dreibilder02 { left: 15%; top: 17%; z-index:3; } 
.con.dreibilder-main img.dreibilder03 { left: inherit; top: 50%; right:21%; } 
.con.dreibilder-main img.dreibilder03 { width: 100%; float: left; } 
.dreibilder { overflow: hidden; }

@media screen and (max-width:1140px){
.con.dreibilder-main { position: relative; height: auto; width: 100%; }	
}
/*//////////////////////////////////////////////////////////////////////////
/////////////////////////////////////  AKKORDEON MODUL /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////*/

.akkodeon_einleitung{padding:30px 0;} 
h2.akkordeon-headline { text-align: center; margin-bottom: 30px; } 
.con.akkordeon_wrapper.akkordeon_modul { padding-left: 120px; width: 1280px; background-color: transparent; } 
.con.akkordeon_wrapper > .c01 > h2 { text-align: center; padding: 80px 0px 20px; } 
.akkordeon_wrapper li{ list-style-type: disc; margin-left:20px; } 
.akkordeon > h2 { background-color: #9e7452; background-image: url(images/plus_w.svg); background-repeat: no-repeat; padding:15px 60px 15px 15px; color: #fff; margin-top: 5px; cursor: pointer; font-size: 28px; margin-bottom: 5px; border-left: none; background-position: left 22px center; background-position: right 22px center; background-size: 30px; } 
.akkordeon h3 { margin: 30px 0 10px 0; } 
.akkordeon h5{ font-weight:bold; margin-top:15px; } 
.akkordeon h2 img { width: 30px; padding-right: 0; margin-right: 10px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); top: -2px; position: relative; } 
.akkordeon.akkordeon-active h2 img { -moz-transform: rotate(-0deg); -ms-transform: rotate(-0deg); -o-transform: rotate(-0deg); -webkit-transform: rotate(-0deg); transform: rotate(-0deg); } 
.akkordeon_content iframe { text-align: center !important; margin: 0 auto; float: none; clear: both; /* width: 80%; */ display: inherit; } 
.akkordeon_content{ display: none; padding:30px; text-align: justify; } .light{ color:#ccc; } 
.bewerbungslink{ padding:10px 0 0 0 ; font-size:15px; } 
.akkordeon.akkordeon-active > h2, .page-fragen-besucher .akkordeon.akkordeon-active > h2{ background-color: #310e0e !important;color: #fff; border-left: none; background-image: url(../images/logo-sign.svg) } 
.akkordeon { padding: 0px 0 0px 0px; width: 100%; } .akkordeon p{ margin-top:0; } 
.akkordeon button { margin-top: 20px; /* width: 250px; */ /* padding: 5px 10px; */ /* height: 50px !important; */ margin: 50px 0 0 0; outline: none; border: none; } 
#content .akkordeon ul { margin: 5px 0 10px 0; padding: 0 ; } 
.con.akkordeon_wrapper { padding-bottom: 30px; }

@media screen and (max-width:1340px){
	.con.akkordeon_wrapper.akkordeon_modul { padding:0  30px; width: 100%; }
}


@media screen and (max-width:1060px){
	.akkordeon { padding: 0px 0 0px 0px; width: 100%; } .con.akkordeon_wrapper { width: 100%; padding: 30px 0px 120px 0px; }	
}
@media screen and (max-width:768px){
	.page-kontakt .con, .page-contact .con { width: 100%; } 
	.akkordeon > h2 { font-size: 20px; } 
	span.wpcf7-form-control-wrap.checkbox-989 span.wpcf7-list-item { text-align: left !important; /* float: left; */ width: 50%; font-size: 18px !important; height: 30px !important; margin: 5px 0 0 !important; padding: 0 !important; /* display: block !important; */ } 
	span.wpcf7-form-control-wrap.your-consent { text-align: left; }
}


/*//////////////////////////////////////////////////////////////////////////
/////////////////////////////////////  PARALLAX MODUL /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////*/

.parallax { height: 300px; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; }

@media screen and (max-width:768px){
	.parallax { height: 200px; background-attachment: inherit; background-repeat: no-repeat; background-position: center center; background-size: 100%; } 
	.con.akkordeon_wrapper { padding: 30px 0px 0px 0px; }
}


/*//////////////////////////////////////////////////////////////////////////
/////////////////////////////////////  TEAM MODUL /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////*/

section.con.team_wrapper { float: left; width: 100%; }
.team-con { padding: 0 120px; }
.team-member { position: relative; width: 20%; float: left; border: 2px solid transparent; }
.team-con img.team-bild {border-radius: 15px; position: absolute; top: 0; left: 0; width: 100%; height: auto;  -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all; }
.team-member:hover img.team-bild { opacity: .1; }
.member-text {  font-size: .7rem; line-height: 140%; padding: 30px;     opacity: 0;  -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;}
.team-member:hover .member-text {  opacity: 1;}
.member-details { position: absolute; bottom: 30px; left: 30px;   -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;}
.member-name { opacity: 1; /* border: 4px solid #651122; */ border-radius: 10px; background-color: #fefcf0; color: #651122; padding: 3px 15px; -webkit-transition: 1s ease-in-out all; transition: 1s ease-in-out all; font-size: .7rem; }
.team-member:hover .member-name{bottom:-15px;}
.team-member-inner-con { background-color: #9e7452;     color: #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px; -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all;}
.team-member:hover .team-member-inner-con { background-color: #9e7452; width: 110%; height:110%; left:-5%; top:-5%;z-index: 10;}
img.team-placeholder { display: block; width: 100%; }
.team-con.con.ml { width: 100%; float: left; }
.termin-icon-member { opacity:0;    -webkit-transition:1s ease-in-out all; transition:1s ease-in-out all; opacity: 0; position: absolute; top: 0px; background: #fefcf0; padding: 12px; border-radius: 10px; width: 60px; height: 60px; left: 0px; }
.team-member:hover .termin-icon-member{opacity:1;}
.team-member:hover .member-name {opacity:0;}

/*//////////////////////////////////////////////////////////////////////////
/////////////////////////////////////  SPRUNGMARKEN MODUL /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////*/

.sprungnavi_modul h2 { background-color: #310e0e; padding: 15px 10px 15px 120px; color: #fff; margin-top: 5px; cursor: pointer; font-size: 28px; margin-bottom: 5px; border-left: none; background-position: left 22px center; background-image: url(../images/logo-sign-white.svg); } 
.sprungmarke { position: relative; top: -150px; }
.member-text p:first-child { margin-top: 0; }

@media screen and (max-width:1660px){
.team-con.con.ml { width: 100%; }
}
@media screen and (max-width:1340px){
.team-member {width: 33.333%; }
.member-text { font-size: .7rem; }
}
@media screen and (max-width:1180px){
.team-member { position: relative; width: 50%; float: left;  border:15px solid transparent; }
.member-text { font-size: .8rem; }
}

@media screen and (max-width:960px){
.member-text { font-size: .7rem; }
}
@media screen and (max-width:768px){
.sprungnavi_modul h2 { font-size: 20px; }	
	.team-member {width: 100%;  }
.team-con { padding: 0; clear: both; overflow: hidden; }
}
@media screen and (max-width:360px){
.member-text { font-size: .5rem; }
}

/*//////////////////////////////////////////////////////////////////////////
/////////////////////////////////////  VIDEO MODUL /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////*/

section#video_loop { padding-left: 80px; position: relative;  clear: both; overflow: hidden; }
.video_loop-video-wrapper {  width: 62%; }
.video_loop-video-wrapper {  width: 62%; float:left;}
.video-text-box { width: 38%; float: left; padding: 0 80px 80px; }
section#video_loop.zentrieren   .video_loop-video-wrapper {    margin: 0 auto;    float: none;}
section#video_loop.zentrieren   { padding: 0; }

@media screen and (max-width:1340px){
section#video_loop { padding-left: 30px;  }
}

@media screen and (max-width:1140px){
.video-text-box { width: 62%; float: left; padding: 30px 0px 0px 0; }
}
@media screen and (max-width:768px){
	.video_loop-video-wrapper {  width: 100%; }
	.video-text-box { width: 100%; clear:both; padding: 30px 30px 0px 0;}	
}



/*//////////////////////////////////////////////////////////////////////////
/////////////////////////////////////  MITARBEITERSTIMMEN MODUL /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////*/
/* Existing Styles */
.mitarbeiterstimmen-con { width: 1600px; margin: 0 auto; position: relative; height: 900px; }
img.mitarbeiterstimmen-bild { width: 100%; display: block; }
.mitarbeiterstimmen-member { position: absolute; width: 10%; bottom: 0; left: 0; cursor: pointer; }
.mitarbeiterstimmen-member.ms-1 { width: 23%; } 
.mitarbeiterstimmen-member.ms-2 { width: 38%; left: 23.5%; bottom: 24%; }
.mitarbeiterstimmen-member.ms-3 { width: 13%; left: 23.5%; }
.mitarbeiterstimmen-member.ms-4 { width: 13%; left: 62%; bottom: 54%; }
.mitarbeiterstimmen-member.ms-5 { left: 62%; width: 30%; }
.ms-name { position: absolute; bottom: 10px; left: 10px; color: #fff; background: #310e0e; padding: 10px; font-size: 12px; line-height: 100%; }
.mitarbeiterstimmen_einleitung{padding-left:120px;}

.mitarbeiterstimmen-member-inner-con { position: relative; transition: transform 0.3s ease; } 
.mitarbeiterstimmen-member-inner-con.hovered { transform: scale(1.05); } 
.mitarbeiterstimmen-member-inner-con::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0); transition: background 0.3s ease; pointer-events: none; } 
.mitarbeiterstimmen-member-inner-con.hovered::after { background: rgba(255, 255, 255, 0.15); } 
.ms-name { transition: background 0.3s ease, transform 0.3s ease; } 
.mitarbeiterstimmen-member-inner-con.hovered .ms-name { background: #333; transform: translateY(-2px); } /* Slide Panel Styles */ 
.mitarbeiterstimmen-panel { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } 
.mitarbeiterstimmen-panel.active { pointer-events: auto; opacity: 1; } 
.mitarbeiterstimmen-panel-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); cursor: pointer; } 
.mitarbeiterstimmen-panel-content { position: absolute; top: 0; right: 0; width: 600px; max-width: 90%; height: 100%; background: #ffffff; transform: translateX(100%); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1); overflow-y: auto; } 
.mitarbeiterstimmen-panel-content.slide-in { transform: translateX(0); } 
.mitarbeiterstimmen-panel-close { position: absolute; top: 20px; right: 20px; background: transparent; border: none; cursor: pointer; padding: 8px; display: flex; align-items: center; justify-content: center; transition: transform 0.2s ease; z-index: 10; } 
.mitarbeiterstimmen-panel-close:hover { transform: rotate(90deg); } 
.mitarbeiterstimmen-panel-close svg { color: #310e0e; } 
.mitarbeiterstimmen-panel-inner { padding: 80px 40px 40px; } 
.mitarbeiterstimmen-panel-name { font-size: 32px; font-weight: bold; margin-bottom: 30px; color: #310e0e; line-height: 1.2; } 
.mitarbeiterstimmen-panel-text { font-size: 16px; line-height: 1.6; color: #333; } 
.mitarbeiterstimmen-panel-text p { margin-bottom: 1em; }

@media screen and (max-width:1660px){
    .mitarbeiterstimmen-con{ width: 1280px;  height: 727px; }
}
@media screen and (max-width:1340px){
    .mitarbeiterstimmen-con { width: 960px; height: 541px; }
}
@media screen and (max-width:1080px){
    .mitarbeiterstimmen-con { width: 768px; height: 435px; }
    .ms-name {display: none;}
}
@media screen and (max-width:768px){
    .mitarbeiterstimmen-con { width: 100%; height: 435px; }
    .mitarbeiterstimmen-member.ms-1 { width: 120px; bottom: 50px; }
    .mitarbeiterstimmen-member.ms-2 { width: 192px; left: 29px; bottom: inherit; top: 50px; }
    .mitarbeiterstimmen-member.ms-3 { width: 100px; left: 126px; }
    .mitarbeiterstimmen-member.ms-4 { width: 100px; left: 227px; bottom: 213px; }
    .mitarbeiterstimmen-member.ms-5 { left: 230px; width: 150px; bottom: 38px; }    
    .mitarbeiterstimmen-panel-content {        width: 100%;        max-width: 100%;    }
	.mitarbeiterstimmen-panel-content{	      padding: 80px 20px 20px;        width: 95%;        max-height: 90vh;    }  
    .mitarbeiterstimmen-panel-inner {        padding: 60px 20px 20px;    }    
    .mitarbeiterstimmen-panel-name {        font-size: 24px;        margin-bottom: 20px;    }
    .mitarbeiterstimmen-panel-text {        font-size: 14px;    }
	button.mitarbeiterstimmen-panel-close {    top: 100px;}
}

/*//////////////////////////////////////////////////////////////////////////
/////////////////////////////////////  BILD / TEXT QUADDRAT MODUL /////////////////////////////////////
//////////////////////////////////////////////////////////////////////////*/

div#bild_text_quadrat_modul {  padding-bottom: 0; width: 1280px; margin: 0 0 0 120px; overflow: hidden; } 
.bild_text_quadrat_einleitung h2 { margin-top: 0; } 
.bild_text_quadrat_einleitung{ width: 960px; margin: 0 auto; text-align: center; padding-bottom:30px; padding-top:50px; } 
.rot .arrow-teaser{    border-bottom: 20px solid #F42555 !important;} 
.blau .arrow-teaser{border-bottom: 20px solid #218EE8 !important;} 
.orange .arrow-teaser{border-bottom: 20px solid #ff8815 !important;} 
.gruen .arrow-teaser{border-bottom: 20px solid #d0df00 !important;} 
.schwarz .arrow-teaser{border-bottom: 20px solid #000 !important; color:#fff !important;} 
.weiss .arrow-teaser{border-bottom: 20px solid #fff !important;} 
.mitarbeiterstimmen-button{text-align: center; padding:50px 30px 120px;} 
.teaser-quadrat, .teaser-quadrat_hover { height: auto; background-color: transparent; position: relative; overflow: hidden; border-radius: 15px; border: 2px solid transparent; } 
.teaser-quadrat img, .teaser-quadrat_hover img{ width:100%; height:auto; display:block; } 
.box-top-left, .box-top-left_hover, .box-top-right, .box-top-right_hover, .box-bottom-left, .box-bottom-left_hover, .box-bottom-right, .box-bottom-right_hover, .box-top-center, .box-top-center_hover, .box-bottom-center,  .box-bottom-center_hover{ position:absolute; top:0; left:0; z-index:3; } 
.box-top-right, .box-top-right_hover{ left: auto; right:0; } 
.box-bottom-left, .box-bottom-left_hover{ bottom:0; top: auto; left:0; right:auto; } 
.box-bottom-right, .box-bottom-right_hover{ bottom:0; right:0; top: auto; left: auto; } 
.box-top-center, .box-top-center_hover{ top:0; left:50%; margin-left:-16.65%; } 
.box-bottom-center, .box-bottom-center_hover { top:auto; bottom:0; left:50%; margin-left:-16.65%; } 
.c06 .con > img:last-child {margin-bottom:100%; } 
.colorbox01{background-color:#9e7452;color: #fff;} 
.page-ueber-uns div#content { padding: 80px 0px 30px; } 
.page-template-page-ueber-uns div#gallery-1 { padding: 30px 0 !important; }
.c01.teaser-quadrat_ganzebreite img { width: 20%; box-sizing: border-box; display: block; float: left; border: 1px solid #fff; filter: grayscale(.3); } 
.c01.teaser-quadrat_ganzebreite { position: relative; overflow: hidden; } /*text Formatierung*/ 
.teaser-quadrat-hidden-con { padding: 30px; } 
.teaser-quadrat .con .teaser-quadrat-text, .teaser-quadrat_hover .con .teaser-quadrat-text, .teaser-quadrat_hover .con .teaser-quadrat-hidden-con .teaser-quadrat-text { width:100%; height:100%; position:absolute; padding:20px; top:0; left:0; } 
span.m-name { position: absolute; bottom: 20px; left: 20px; } 
span.m-name strong{display:block;} 
span.m-name span, .teaser-quadrat-text-on-top span { font-size: .7rem; line-height: 140%; display: inline-block; } 
.teaser-quadrat-text-on-top { background-color: #fff; padding: 20px 30px; position: absolute; bottom: 20px; right: 20px; color: #000; opacity: 1 !important; z-index: 100; width: 93%; font-size: .7rem !important; border-radius: 15px; } 
img.aligncenter { margin: 0 auto; } 
.teaser-quadrat-text { font-size: .7rem; line-height: 140%; } 
.teaser-quadrat-hidden-con.with-text { font-size: 1.2rem; line-height: 150%; background: #9e7452; z-index: 1000; color: #fff; } 
.teaser-quadrat a:link, .teaser-quadrat .a:active, .teaser-quadrat a:hover, .teaser-quadrat a:visited, .teaser-quadrat_hover a:link, .teaser-quadrat_hover .a:active, .teaser-quadrat_hover a:hover, .teaser-quadrat_hover a:visited{ color:#000000; text-decoration: none; } /*Pfeil Formatierung*/ 
.arrow-right, .arrow-bottom, .arrow-left, .arrow-top{ position:absolute; top:20px; right:-13px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #9e7452; -moz-transform:rotate(-90deg); /* Firefox 3.6 Firefox 4 */ -webkit-transform:rotate(-90deg); /* Safari */ -o-transform:rotate(-90deg); /* Opera */ -ms-transform:rotate(-90deg); /* IE9 */ transform:rotate(-90deg); /* W3C */ z-index:5; } 
.arrow-left{ top: 20px; left:-14px; -moz-transform:rotate(90deg); /* Firefox 3.6 Firefox 4 */ -webkit-transform:rotate(90deg); /* Safari */ -o-transform:rotate(90deg); /* Opera */ -ms-transform:rotate(90deg); /* IE9 */ transform:rotate(90deg); /* W3C */ } 
.arrow-bottom{ top: auto; bottom:0px; left:20px; -moz-transform:rotate(0deg); /* Firefox 3.6 Firefox 4 */ -webkit-transform:rotate(0deg); /* Safari */ -o-transform:rotate(0deg); /* Opera */ -ms-transform:rotate(0deg); /* IE9 */ transform:rotate(0deg); /* W3C */ } 
.arrow-top{ top: 0px; bottom:auto; left:20px; -moz-transform:rotate(180deg); /* Firefox 3.6 Firefox 4 */ -webkit-transform:rotate(180deg); /* Safari */ -o-transform:rotate(180deg); /* Opera */ -ms-transform:rotate(180deg); /* IE9 */ transform:rotate(180deg); /* W3C */ } /*HOVER kleine Bilder*/ 
.teaser-quadrat-hidden-con{ position: absolute; width:100%; height:100%; color:#000000; left: 0%; z-index: 1; top: -100%; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:         all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } 
.box-top-left_hover > img:last-child, .box-top-right_hover > img:last-child, .box-bottom-left_hover > img:last-child, .box-bottom-right_hover > img:last-child, .box-top-center_hover > img:last-child, .box-top-center_hover > img:last-child{ opacity: 1; transition:1s all ease; -webkit-transition:1s opacity ease; }
.box-top-left_hover:hover > img:last-child, .box-top-right_hover:hover > img:last-child, .box-bottom-left_hover:hover > img:last-child, .box-bottom-right_hover:hover > img:last-child, .box-top-center_hover:hover > img:last-child, .box-top-center_hover:hover > img:last-child{ opacity: 0; } 
.box-top-left_hover:hover .teaser-quadrat-hidden-con, .box-top-right_hover:hover .teaser-quadrat-hidden-con, .box-bottom-left_hover:hover .teaser-quadrat-hidden-con, .box-bottom-right_hover:hover .teaser-quadrat-hidden-con, .box-top-center_hover:hover .teaser-quadrat-hidden-con, .box-bottom-center_hover:hover .teaser-quadrat-hidden-con { display: block; -moz-box-shadow:    inset 0 0 20px #111; -webkit-box-shadow: inset 0 0 20px #111; box-shadow:         inset 0 0 20px #111111; } /*HOVER große Bilder*/ 
.teaser-quadrat_hover:hover .teaser-quadrat-hidden-con, .teaser-quadrat_ganzebreite:hover .teaser-quadrat-hidden-con.with-text{ width: 100%; display: block; opacity: 1; left: 0%; top: 0%; } 
.teaser-quadrat_hover > .con   img:last-child{ opacity: 1; transition:1s all ease; -webkit-transition:0.6s all ease; } 
.teaser-quadrat_hover:hover > .con   img:last-child{ opacity: 1; } 
.c01.teaser-quadrat_ganzebreite .teaser-quadrat-hidden-con.with-text { font-size: 20px; }
    
@media screen and (max-width:1340px){
	.teaser-quadrat-text {    font-size: 20px;    line-height: 130%;}
		div#bild_text_quadrat_modul {  width: 1000px;  }
	.teaser-quadrat-text { font-size: 14px; }
	div#bild_text_quadrat_modul {  margin: 0 0 0 80px; }
	.team-con { padding: 0 80px; }
}

@media screen and (max-width:1140px){
	.c01.teaser-quadrat_ganzebreite .teaser-quadrat-hidden-con.with-text {    font-size: 16px;}
}
@media screen and (max-width:1080px){
	/*text Formatierung*/    
	.teaser-quadrat .con .teaser-quadrat-text, .teaser-quadrat_hover .con .teaser-quadrat-text, .teaser-quadrat_hover .con .teaser-quadrat-hidden-con .teaser-quadrat-text { font-size:18px; line-height: 120%; } 
	span.m-name {    font-size:14px;}
	.teaser-quadrat-hidden-con.with-text {    font-size: 36px;}
		div#bild_text_quadrat_modul {  width: 768px;  }
	}
@media screen and (max-width:1080px){
	.teaser-quadrat .con .teaser-quadrat-text, .teaser-quadrat_hover .con .teaser-quadrat-text, .teaser-quadrat_hover .con .teaser-quadrat-hidden-con .teaser-quadrat-text {	font-size:14px; line-height: 120%; padding:10px; } 
	span.m-name {	bottom:10px;	left:10px; }

	.teaser-quadrat-hidden-con.with-text {    font-size: 20px;}
	.bild_text_quadrat_einleitung{    width: 100%;}
	.team-con { padding: 0 30px; }
	}

@media screen and (max-width:960px){
	.c01.teaser-quadrat_ganzebreite .teaser-quadrat-hidden-con.with-text { padding: 30px; font-size: 18px; padding: 30px; height: auto; position: static; }
}

@media screen and (max-width:768px){
	.teaser-quadrat .c02, .teaser-quadrat .c04, .teaser-quadrat .c06, .teaser-quadrat .c66, .teaser-quadrat_hover .c02, .teaser-quadrat_hover .c04, .teaser-quadrat_hover .c06, .teaser-quadrat_hover .c66{        float: left; width: 50%; }
	.teaser-quadrat .c03, .teaser-quadrat .c06, .teaser-quadrat .c66,  .teaser-quadrat_hover .c03, .teaser-quadrat_hover .c06, .teaser-quadrat_hover .c66{ float: left; width: 33.333%; } 
	.teaser-quadrat .con .teaser-quadrat-text, .teaser-quadrat_hover .con .teaser-quadrat-text, .teaser-quadrat_hover .con .teaser-quadrat-hidden-con .teaser-quadrat-text { font-size:18px; } 
	.page-id-13 div#content .go-to-jobs, .mitarbeiterstimmen > .con .c01 .go-to-jobs { position: static; } 
	.wrapper03.mitarbeiterstimmen .con .c01 { text-align: center; padding-bottom: 30px; } 
	.mitarbeiterstimmen > .con > .c01 > h2 { padding: 0 0 0px; } 
	.teaser-quadrat-hidden-con.with-text { font-size: 18px !important; } 
	div#bild_text_quadrat_modul { width: 100%; margin: 0; padding: 0 30px;}
	.teaser-quadrat, .teaser-quadrat_hover {  width: 100%;  }
	.teaser-quadrat-hidden-con.with-text { font-size: 14px !important; }
	.teaser-quadrat-text-on-top { padding: 0 11px; width: 94%; right: 10px; }
	.team-con { padding: 0 17px; }
}
@media screen and (max-width:480px){
	.teaser-quadrat .con .teaser-quadrat-text, .teaser-quadrat_hover .con .teaser-quadrat-text, .teaser-quadrat_hover .con .teaser-quadrat-hidden-con .teaser-quadrat-text { font-size:12px; line-height: 120%; padding:10px; } 
	span.m-name { bottom:10px; left:10px; } 
	.teaser-quadrat-hidden-con.with-text {    font-size: 20px;} 
	
	span.m-name span, .teaser-quadrat-text-on-top span { font-size: 11px; line-height: 120%; display: inline-block; }
	.teaser-quadrat-text { font-size: 10px; }
	}


@media screen and (max-width:360px){
	.teaser-quadrat .con .teaser-quadrat-text, .teaser-quadrat_hover .con .teaser-quadrat-text, .teaser-quadrat_hover .con .teaser-quadrat-hidden-con .teaser-quadrat-text { font-size:10px; line-height: 120%; padding:10px; } 
	span.m-name { bottom:10px; left:10px; } 
	.teaser-quadrat-hidden-con.with-text {    font-size: 20px;} 
	.teaser-quadrat-text-on-top { padding: 5px 5px; } 
	span.m-name span, .teaser-quadrat-text-on-top span { font-size: 10px; line-height: 120%; display: inline-block; }
	}