@viewport {
width: device-width;
zoom: 1.0;
min-zoom: 1.0;
max-zoom: 1.0;
user-zoom: fixed;
}




:root {
--xcp_global_font_size_small: 14px;
--xcp_global_font_size_base: 16px;
--xcp_heading_font_size_h1: 30px;
--heading--font-size-h1: 30px;




--xcp_global_font_size_small: 12px;
--xcp_global_font_size_base: 14px;
--xcp_heading_font_size_h1: 24px;




--global--font-size-base: 14px;
--heading--font-size-h1: 26px;
--heading--font-size-h2: 26px;
--heading--font-size-h3: 24px;
--heading--font-size-h4: 20px;
--heading--font-size-h5: 18px;











--primary-nav--padding:10px;

 --primary-nav--padding-left:10px;
 --primary-nav--padding-right:10px;
 --primary-nav--padding-top:10px;
 --primary-nav--padding-bottom:10px;





--xcp_button--padding-vertical: 5px;
--xcp_button--padding-horizontal: 5px;

--xcp_button--border-radius:6px;

--xcp_form--spacing-unit:5px;

--xcp_global--line-height-body:1.2em;

--xcp_button--border-width:2px;
--xcp_form--border-width:2px;

--xcp_form--border-color:#000000;




--global--color-background: #eeeeee;
--global--color-primary: #000000;
--global--color-secondary: #000000;
--button--color-background: #000000;
--button--color-text-hover: #000000;
--table--stripes-border-color: rgba(240, 240, 240, 0.15);
--table--stripes-background-color: rgba(240, 240, 240, 0.15);

--responsive--aligndefault-width1:90vw;

--global--spacing-vertical:10px;


--global--button-dim:40px;




--primary-nav--font-height:20px;

--global--color-background:#ffffff;





}






html,body{
	hyphens: auto;
	hyphenate-limit-chars: auto 5;
   	hyphenate-limit-lines: 2;
}




.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}



.site-main > article > *:first-child, .site-main > .not-found > *:first-child, .entry-content > *:first-child, [class*=inner-container] > *:first-child, .wp-block-template-part > *:first-child, .wp-block-post-template :where(li > *):first-child {
margin-top: 0px;
}


.entry-header{display:none;}


.entry-content, .entry-summary {

 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;


}






#page{
max-width:1200px;
margin-left:auto;
margin-right:auto;
border: 1px solid black;
}


#page{
padding1:20px;
overflow-x: hidden;
}


.entry-content, .entry-summary{
padding:0px 20px 20px 20px;
}




.widget-area{
display1:none;
border-top: 1px solid var(--global--color-border);
}

.widget-area, .pagination, .comments-pagination, .post-navigation, .site-footer, .site-header, .alignwide, .wide-max-width {
max-width:1200px;
margin-left:auto;
margin-right:auto;
}






body { overflow-x: hidden;background-color:#eeeeee;}
#main{background-color:#ffffff;};


.powered-by {display:none;}

.site-footer > .site-info {
border-top: 1px solid var(--global--color-border);
}
.site-footer > .site-info {
display:none;
}


.dropdown-icon {
font-size:0px;
line-height:0px;
}




.sub-menu-toggle{
margin-top:5px;
}



.icon-minus,.icon-plus{
margin-left:-15px;
}




.footer-navigation-wrapper {
float:left;
padding:1px 30px 1px 30px;
display: block;
font-family: var(--primary-nav--font-family);
font-size: var(--primary-nav--font-size);
font-weight: var(--primary-nav--font-weight);
}

a, a:hover, a:visited{
text-decoration:none;
}

.primary-navigation a, .secondary-navigation a,  {
display: block;
font-family: var(--primary-nav--font-family);
font-size: var(--primary-nav--font-size);
font-weight: var(--primary-nav--font-weight);
}


.footer-navigation-wrapper li a{
padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
padding: 0px;
padding: 0px;
}

.footer-navigation-wrapper li{padding-right:30px;}


/*
.primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover {
text-decoration: none;
text-decoration-style: dotted;
color:#ff0000;
}

.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {
text-decoration: none;
text-decoration-style: dotted;
color:#ff0000;
}

.primary-navigation a:hover {
text-decoration: underline;
text-decoration-style: dotted;
}
*/


.primary-navigation {
top:84px;
}
.primary-navigation a{
font-weight:bold;
}

.widget-area{
margin-top:0px;
background-color:#ffffff;
}
footer{
background-color:#ffffff;
}


.footer-navigation-wrapper a{
font-weight:bold;
}




/*--------------------- DEMPWOLF ------------------------*/

.site-header, .site-main, .widget-area, .site-footer{
padding-top:0px;
}



#masthead{background-color:#515355;}
.site-branding{position:absolute;left:30px;}





.site-branding1{
background-color:#00ffff;
}


#masthead1{
background-color:#00ffff;
}




.site-header{
background-color:#ffffff;
background-image: url('LogoDempwolf_30.png');
background-repeat: no-repeat;
background-size:380px 100px;
background-position: 0px 0px;
width:100%;
max-width:1200px;
height:101px;
}


.site-title, .site-title a, .site-title a:hover, {
color:rgba(1,1,1,0);
background-color:rgba(1,1,1,0);
text-decoration:none;
}


.site-title, .site-title a:link, .site-title a:visited, .site-title a:active {
 color:rgba(1,1,1,0);
background-color:rgba(1,1,1,0);
text-decoration:none;
}


.site-title > a, .site-title > link, .site-title > a:active, {
background-color:rgba(1,1,1,0);
}




.site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus {
outline-offset: -6px;
outline: 0px dotted currentColor;
}







.site-title{
background-color1:#ff4455;
font-size:100px;
margin-top:-50px;
width:350px;
overflow:hidden;
}




#primary-menu-list{
padding-left:30px;
padding-right:30px;
}






.textcontainer{
padding:10px;
clear:both;
width:100%;
}

.ueberschrift{
width:100%;
font-weight:bold;
padding-top:18px;
padding-bottom:18px;
font-size:1.4em;
}

.textimage{
border: 1px solid #888888;
margin-bottom:10px;
clear:both;
width:100%;
}














#metaslider-id-192{padding:10px;}






.kachelspacer{

}

.fett{font-weight:bold;}


.kachelcontainer{
cursor:pointer;
float:left;
border: 0px solid black;
text-align:center;
overflow:hidden;
margin:5px 0px 5px 0px;
width1: calc(50% - 100px);
width: 50%;
}




.kachelinner{
top:0px;
left:0px;
position: relative;
padding:10px;
max-width:100%;
margin:auto;
width: calc(100% - 50px);
}


#KI_001, #KI_003, #KI_005, #KI_007, #KI_009, #KI_011, #KI_013, #KI_015, #KI_017, #KI_019{
float1:left;
}
#KI_002, #KI_004, #KI_006, #KI_008, #KI_010, #KI_012, #KI_014, #KI_016, #KI_018, #KI_020{
float1:right;
}

#KI_0001, #KI_0003, #KI_0005, #KI_0007, #KI_0009, #KI_0011, #KI_0013, #KI_0015, #KI_0017, #KI_0019{
float1:left;
}
#KI_0002, #KI_0004, #KI_0006, #KI_0008, #KI_0010, #KI_0012, #KI_0014, #KI_0016, #KI_0018, #KI_0020{
float1:right;
}


.kachelcontainer img{
border: 1px solid #888888;
}

.showcontainer a{text-decoration:underline;}



.kacheltext{
position:relative;
padding:0px;
margin-top:-60px;
background-color:rgba(255,255,255,0.5);
width:100%;
height1:60px;
z-index:100;
font-size:16px;
line-height:1.2em;
text-align:left;
display1:block !important;


position: absolute;
top: 1px;
left: 1px;
padding:20px;
margin-top:0px;
height:600px;
width: calc(100% - 2px);
height: calc(100% - 2px);
overflow:hidden;
}





@media only screen and (max-width: 800px) {
.kacheltext{
left: 1px;
top:calc(100% - 60px);
height:59px;
text-align:center;
display:block !important;
padding:10px 20px 0px 20px;
}
.kachelinner{
width: calc(100% - 10%);
width: calc(100% - 5px);
}
}









.kacheltext1{
background-color:#ffffff;
text-align1:left;
padding-left1:0px;
padding-right1:0px;
display1:block !important;
}












.showcontainer{
position:fixed;
top:-10px;
width:calc(100% - 2px);
width:100%;
max-width:1200px;
left1:calc(100vw - 100%);
height:100vh;
background-color:#ffffff;
border: 1px solid black;
margin-left: -20px  !important;
}


.streifen{
width:100%;
padding:20px;
display:block;
}


.closeshow{
cursor:pointer;
float:right;
border: 0px solid black;
width:var(--global--button-dim);
height:var(--global--button-dim);
background-color1:#ff0000;
background-image1: url( '/wp-content/plugins/xMyPlugin/data_css/close.png');
background-repeat: no-repeat;
background-size: var(--global--button-dim);
}


.showheaderFull{
width:100%;
padding:20px;
padding-left:30px;
padding-right:30px;
font-weight:bold;
font-size1:1.4em;
display1:none;
}





.showheaderHalf{
width:100%;
font-weight:bold;
padding-bottom:18px;
font-size:1.4em;
margin-top:-7px;
}




.showvertical0{
float:left;
width:50%;
padding:10px 15px 10px 30px;
}
.showvertical0 img{
border: 1px solid #888888;
margin-bottom:20px;
}
.showvertical1{
float:left;
width:50%;
padding:10px 30px 10px 15px;
}

.showscroll{
width:100%;
overflow:auto;
height:calc(100vh - 80px);
}

.showtext{
padding-bottom:20px;
}
.showtext_uber{
padding-bottom1:20px;
font-weight:bold;
}

.showtextbold1{
font-weight:bold;
padding-bottom:20px;
}

.showtextbold{
width:100%;
font-weight:bold;
padding-bottom:18px;
}








.kachel4container{
display:block;
margin-top:20px;
margin-bottom:20px;
width:100%;
clear: both;

}

.kachel4{
float:left;
width:25%;
}

.kachel4inner{
line-height:1.5em;
padding:10px;
padding-bottom:20px;
font-weight:bold;
}

.kachel4container img{
border: 1px solid #111111;
margin-bottom:10px;
}

#metaslider-id-1921{
overflow:hidden;
height:400px;
}

.metaslider .slides img {
height:200px;
}

















.wp-block-preformatted, .wp-block-quote{
width:100%;
}

.wp-block-cover1{
width:100%;
max-width:1200px;
overflow: hidden;
}

.wp-block-group1{
float: left;
display:block;
width:100%;
overflow: hidden;
max-width:1200px;
}




.wp-block-group1{
padding-left: 20px;
padding-right: 20px;
background-color: rgba(255, 255, 255,1);
min-height: 20px;
width1: calc(98% - 40px) !important;
max-width: 1200px;
}





.wp-block-image1{
float:left;
width:354px;
height:354px;
border: 1px solid #000000;
padding1:50px;
margin:10px 10px 0px 0px;
 display: flex;
  justify-content: center;

}







.wp-block-image1 img {
padding-top1:30px;
max-width:300px;
max-height:300px;
margin: auto auto;
display: block;
}


.datenschutz{
padding:10px;
}
.datenschutz p{
padding-top:20px;
}














#masthead{display:none;}

#the_header{
width:100%;
height1:200px;
padding:0px 10px 0px 10px;
margin:0px;
margin-top1:-20px;
}





.dempwolf_01 {
background-image: url('dempwolf_01.png');
background-repeat: no-repeat;
width:100%;
background-size: contain;
max-height:110px;
height:10vw;
background-position: center top;
filter: drop-shadow(0 0 1px black);
}


.dempwolf_02 {
background-image: url('dempwolf_02.png');
background-repeat: no-repeat;
width:100%;
background-size: contain;
max-height:220px;
height:20vw;
background-position: center top;
filter: drop-shadow(0 0 1px black);
display:none;
}


.dempwolf_03 {
background-image: url('dempwolf_03.png');
background-repeat: no-repeat;
width:100%;
background-size: contain;
max-height:150px;
height:25vw;
background-position: center top;
filter: drop-shadow(0 0 1px black);
display:none;
}



#block-7{width:100%;}
.widget-area{
grid-template-columns: repeat(1, 1fr);!important;
}



.NoFloat{clear:both;}


.entry-content{
margin-top:0px !important;
padding-top:0px !important;
}


.the_navi{
width:100%;
padding-bottom:0px;
}


.the_link{
line-height:1em;
float:right;
padding:0px 0px 10px 20px;
font-family: var(--primary-nav--font-family);
font-size: var(--primary-nav--font-size);
}

.the_link a:link, .the_link a:visited{
color: var(--footer--color-link);
font-weight: bold;
}




.imgheader{
width:100%;
height:100%;
}



.image_fullwidth{
width:100%;
padding:10px 10px 10px 10px;
}


.text_container_fullwidth{
width:100%;
padding:10px 10px 10px 10px;
}




.linkdownload{
text-decoration:underline;
}






.dempwolf_photo {
background-image: url('dempwolf_photo.jpg');
background-repeat: no-repeat;
width:100%;
background-size: contain;
max-height:150px;
height:25vw;
background-position: center top;
filter: drop-shadow(0 0 1px black);
display:none;
}



#referenzcontainer2{padding-top:10px;}
#referenzen2{
text-decoration:underline;
cursor:pointer;
}




.the_leistungsspektrum{
padding:10px;
width:100%;
}

.the_leistungsspektrum_box{
float:left;
padding-right:30px;
padding-bottom:40px;
width:33%;
}
.the_1{padding-right:30px;width:35%}
.the_2{padding-right:30px;width:35%}
.the_3{padding-right:0px;width:30%}



.ueberschrift_box{font-weight:bold;}

ul,
ol {
	font-family: var(--list--font-family);
	margin: 0;
	padding-left: calc(0.8 * var(--global--spacing-horizontal));
}















@media only screen and (max-width: 1200px) {
.dempwolf_01{display:block;}
.dempwolf_02{display:none;}
.dempwolf_03{display:none;}
.the_leistungsspektrum_box{width:33%;}
.site-header{
background-size1:29%;
}
.site-title{
width1:29%;
}
.showcontainer{
border: 0px solid black;
}
}


@media only screen and (max-width: 800px) {
.dempwolf_01{display:none;}
.dempwolf_02{display:block;}
.dempwolf_03{display:none;}
.the_leistungsspektrum_box{width:50%;}
.site-header1{height:180px;}
.kachel4{width:50%;}
}



@media only screen and (max-width: 480px) {
.dempwolf_01{display:none;}
.dempwolf_02{display:none;}
.dempwolf_03{display:block;}
.the_leistungsspektrum_box{width:100%;}
.site-header{
background-size1:70%;
padding-left:10px;
height:101px;
}
.site-title{
width1:70%;
}
.showheaderFull{
display:block;
}

.showvertical0, .showvertical1{width:100%;padding:10px 30px 10px 30px;}
.kachelcontainer{width:100%;}
.kachelinner{width:100%;}


}


@media (pointer:coarse) {
.showheaderFull{
display:block;
}
}