body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "utf-8";
/* CSS Document */
  /* raleway-regular - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/demski/fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../files/demski/fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../files/demski/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../files/demski/fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../../files/demski/fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../files/demski/fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
  }


*{ margin: 0; padding: 0; border: 0;}
html, body {width: 100%; height: 100%;}
body {font-size: 100.1%; font-family: 'Raleway', Arial, Helvetica, sans-serif; color: #5d5d5d; vertical-align:baseline; background-color: #fff;overflow-x: hidden;}
#clear, .clear {clear: both!important; width: auto; height: 0px; font-size: 0.1px;}
img {margin: 0; padding: 0; display: block;}

#header, #container, #footer, #Kopfgrafik, #Trenner_cTa, #main {width: 100%; float: none;}

#header .inside {max-width: 1850px;  height: auto;padding: 0 2%; margin: 0px auto; box-sizing: border-box; position: relative;}
.contentWidth {max-width: 1700px;  height: auto;padding: 0 2%; margin: 0px auto; box-sizing: border-box; position: relative;}

#header {-webkit-box-shadow: 0 2px 2px 1px #B3B3B3; box-shadow: 0 2px 2px 1px #B3B3B3; position: fixed; top: 0; background-color: #fff; z-index: 9999;}
body.start #main .inside {padding-top: 100px; padding-bottom: 100px;}

.logo {transition: all .3s ease; float: left; padding: 32px 0px 0 0; width: 95%; max-width: 300px; height: 70px; transition: all 0.25s ease;}
.logo a {display: block; background: url(../../files/demski/img/logo_demski_red.png) top left no-repeat; background-size: contain; width: 100%; height: 100%; text-indent: -9999px; transition: all 0.25s ease;}
.logoFooter a {display: block; background: url(../../files/demski/img/logo_demski.png) top left no-repeat; background-size: contain; width: 180px; height: 100px; text-indent: -9999px; transition: all 0.25s ease;}
#header.scroll .logo {width: 70%; height: 50px; transition: all 0.25s ease;}


.hRight{float:right;}   

.hTopBlack{ position: absolute; top: 0px; right: 2%; background-color: #3b3b3b;}

.hTopBlack p {color: #f2f2f2; margin: 0; font-size: 0.875rem; width: auto; line-height: 47px;position: relative;}
.hTopBlack p a {text-decoration: none; color: #f2f2f2;}
/*
.hTopBlack p::before {content:''; width: 38px; height: 47px; background: url(../../files/demski/img/balken_strich.png) top left no-repeat; position: absolute; left: -38px;}*/
#header::after {content:''; height: 47px; width: 25%; position: absolute; top: 0; left: 75%; z-index: -1; background-color: #3b3b3b;}
.hTopBlack span {padding-left: 25px; display: inline-block; margin-left: 10px;}
.hTopBlack span.tel {background: url(../../files/demski/img/icon_telefon.png) left center no-repeat;}
.hTopBlack span.mail {background: url(../../files/demski/img/icon_email.png) left center no-repeat;}


/* mobile Navigation */


.cc-inner {background-color: #212121;}
#cookiebar-desc p a {color: #868686; text-decoration: underline;}
.cc-cookies, .cc-cookie-info {background-color: #212121; color: #fff;}
.contao-cookiebar label.group {color: #fff;}

/* mobil */
 /*Mobile Nav*/
.offcanvasHold {display: none;}
.offcanvasHold {position: fixed; z-index:9999; top: 0; right: 4%; display: none; }
.offcanvasBtn {position: relative; z-index: 998;display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; padding: 25px 10px 10px 10px; border-radius: 0 0 10px 10px;}
.offcanvasBtn span {  height: 4px; width: 36px; border-radius: 2px;display: block; margin: 5px; background-color: #f2f2f2}
.offcanvasBtn::after {content:'';position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background-color: #ff0000; cursor: pointer ;}

a.closeMenu {position: absolute; top: 40px; right: 40px; text-decoration: none; font-weight: bold; font-size: 2rem;}
a.closeMenu::before {content:'\2715'; color: #ff0000; width: 35px; height: 35px; font-size: 20px; line-height: 35px;}
a.closeMenu span {text-indent: -9999px;display: block;}

.mobile_menu {position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: auto; min-height: 100%;}
.naviHoldMobile {width: 100%; height: auto; height: 100%; padding: 40px 10vw 40px; box-sizing: border-box;}
.naviHoldMobile .mod_navigation ul {list-style: none;} .naviHoldMobile .mod_navigation ul li {position: relative; border-bottom: 0; padding: 0; margin: 0;}
.naviHoldMobile .mod_navigation ul li a,.naviHoldMobile .mod_navigation ul li strong  {padding: 10px 10px; color: #202020; text-decoration: none; border-bottom: 1px solid #ccc; display: block;}
.naviHoldMobile .mod_navigation ul li strong {font-weight: 400;}
.naviHoldMobile .mod_navigation ul li strong.active {background-color: #ff0000; color: #fff;}
.naviHoldMobile .mod_navigation ul li ul li {margin-left: 20px;}
/*.naviHoldMobile .mod_navigation ul li ul li.active, .naviHoldMobile .mod_navigation ul li ul li:hover {background: rgba(189,24,35,0.95);}*/
.naviHoldMobile .mod_navigation ul li.submenu_hide::after {content:'\276D'; position: absolute; right: 15px; top: 10px; font-size: 15px; color: #ff0000; }
.naviHoldMobile .mod_navigation ul li.submenu_show::after {content:'\276D'; rotate: 90deg; position: absolute; right: 15px; top: 10px; font-size: 15px; color: #ff0000; }
.mobile_menu .inner {background: #f8f8f8;}
.mobile_menu {z-index:99999;}


.navi_main ul {list-style: none; display: block; margin-top: 72px; float: right; transition: all 0.25s ease;}
#header.scroll .navi_main ul {margin-top: 50px; transition: all 0.25s ease;}
.navi_main li{float: left; margin-left: 15px;}
.navi_main ul li a, .navi_main ul li strong {line-height: 1.45rem; padding: 20px 20px 5px 20px; font-size: 1.25rem; text-transform: uppercase; color: #4d4d4d; transition: all 0.25s ease; display: block; text-decoration: none;}
#header.scroll ul li a, #header.scroll ul li strong {font-size: 1rem; line-height: 1.2rem;}
.navi_main ul li a:hover, .navi_main ul li strong {color:#e30613; font-weight: 400; display: block; border-bottom: 18px solid #e30613; transition: all 0.25s ease;}
#header.scroll .navi_main ul li a:hover, #header.scroll .navi_main ul li strong {border-bottom: 8px solid #e30613!important; transition: all 0.25s ease;}


/* Kopfgrafik */

.start #kopfgrafik .intro {background-color: rgba(255, 255, 255, 0.9); background-position: center; background-repeat: no-repeat; background-size:contain; margin-top: 20vH; float: right; padding: 4%; min-width: 800px;/* min-height: 525px;*/}
.start #kopfgrafik .intro p, .intro h1, .intro h2, .intro a {color: #3D3D3D;}
#kopfgrafik .intro h1 {font-size: 2rem;text-transform: uppercase; color: #e30612;}

@media screen and (min-width:971px) {
.start #kopfgrafik {height: 70vH; background: url(../../files/demski/media/Kopfgrafiken/kopfgrafik-demski.jpg) center bottom no-repeat; background-size:cover; position: relative; padding-top: 0!important;margin-top:120px;}
#kopfgrafik .leistungen  {height: 379px; background: url(../../files/demski/media/Kopfgrafiken/demski_dachdecker_leistungen.jpg)  center bottom no-repeat; background-size:cover; position: relative; padding-top: 100px;}
#kopfgrafik .dachdeammung  {height: 379px; background: url(../../files/demski/media/Kopfgrafiken/demski_dachdecker_dachdeammung.jpg)  center bottom no-repeat; background-size:cover; position: relative; padding-top: 100px;}
#kopfgrafik .kontakt  {height: 379px; background: url(../../files/demski/media/Kopfgrafiken/demski_dachdecker_kontakt.jpg)  center bottom no-repeat; background-size:cover; position: relative; padding-top: 100px;}
}



/* Allgemein */

.mobileNo {display: block;}
.mobileOnly {display: none;}


.x1 {width: 100%; padding: 0 2%; box-sizing: border-box; clear: both; float: none;}
.x3, .x32, .x4, .x42, .x43 {float: left; padding: 0 2%; box-sizing: border-box;}

.x4 {width: 25%;}
.x42 {width: 50%;}
.x43 {width: 75%;}
.x3 {width: 33.33%;}
.x32 {width: 66.66%;}

.greyBgr {background-color: #3b3b3b; color: #fff; padding: 0 2%; display: block; clear: both;}

.contentFlex .contentWidth {display: flex;}
/* Typografie */


h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', Arial, sans-serif; font-weight: 400;-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
p, td, #main ul li, #main ol li, input, select, textarea, .ce_text a, #footer a, #footer p, .mod_newsmenu a, .mod_newsmenu span {font-size: 1rem; line-height: 1.25rem; margin-bottom: 1.25rem;-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}

.phoneIcon {position:relative; overflow: visible; font-size: 3rem; color: #fff; text-decoration: none; margin-top: 50px;} 
.phoneIcon a {color: rgb(227, 6, 18); text-decoration: none; padding-left: 25px;}
.phoneIcon::before {content:''; background: url(../../files/demski/img/phone.png) top left no-repeat; width: 71px; height: 90px; position: relative; display: block; float: left; top: -25px; margin-right: 10px; z-index: 999;}

h1 {font-size: 2.25rem; line-height: 2.5rem; padding-bottom: 25px; margin-bottom: 1.25rem;}
h2 {font-size: 1.45rem; margin-bottom: 1.25rem;    color: #e9121d;}
h3 {font-size: 1.35rem; line-height: 1.7rem; margin-bottom: 1.25rem;}
h4 {font-size: 1.25rem; margin-bottom: 1.25rem; color: #e30612; margin-top: 1.25rem;}
h5 {}
h6 {}
 h1.center::after {content: ''; width: 250px; height: 1px; border-bottom: 3px solid #ff0000; display: block; margin: 20px auto 50px;}
.center {
    text-align: center;
}

.linkRed a {padding: 10px 15px; background-color: #3b3b3b; color: #fff; transition: all 0.25s ease; text-decoration: none; margin-top: 2.5rem; display: inline-block;}
.linkRed a:hover {padding: 10px 25px; transition: all 0.25s ease;}

.ce_text ul li, .rte ul li {list-style: none;
    padding-left: 35px;
    position: relative;
   
}
.rte ul li::before {content:'\2192'; display: block; position: absolute;}
.blueBgr ul li::before {display: none;}

/* ------------------------------ */

.portfolio .x3 .caption {background-color: #3b3b3b; color: #f2f2f2; text-transform: uppercase; padding: 15px 3px;; margib-bottom: 0; text-align: center;}
.portfolio .x3 img {width: 100%; height: auto;}
.portfolio .x3 {margin-bottom: 25px;}


.maps {height: 450px; width: 100%; display: block;}
.dlh_googlemap {width: 100%!important; height: 100%!important;}

.greyBgr ul {float: right; width: auto; list-style: none;}
.greyBgr ul li {float: left; margin-left: 10px;}
.greyBgr ul li a, .greyBgr ul li strong {font-size: 0.875rem; color: #f2f2f2; text-decoration: none; line-height: 1rem!important; margin-bottom: 0!important; transition: all 0.25s ease; padding: 10px; display: block; font-weight: 400;}
.greyBgr a:hover, .greyBgr strong {color: #e30612; transition: all 0.25s ease;}

#footer .contentWidth {padding-top: 50px; padding-bottom: 25px;}
#footer .logo {padding: 0!important;}
#footer  {    border-top: 1px solid #3b3b3b;}



.blueBgr {background-color: #3b3b3b;}
.blueBgr.x42 {padding-top: 100px;padding-left: 5%!important; padding-right: 5%!important; padding-bottom: 25px;}
.blueBgr p, .blueBgr ul li, .blueBgr h3 { color: #fff;}
.blueBgr ul {list-style: none;}
.blueBgr ul li {background: url(../../files/demski/img/listen_icon.png) top left no-repeat; background-size: auto 15px; padding-left: 30px;}
.blueBgr h3 {margin-bottom: 2.5rem;}
.x4 figcaption {font-size: 1.125rem; line-height: 1.45rem; margin: 10px 0;}


.trennerCta {width: 100%; height: auto; background: url(../../files/demski/img/trenner_demski.jpg) fixed no-repeat; background-size: cover;padding: 100px 0;  }
.start.trennerCta{ margin-bottom: -100px;margin-top:100px;}
.trennerCta .x3 {padding-top: 25px; padding-bottom: 25px; text-align: center;}
.trennerCta .linkRed a {padding: 25px 35px; font-size: 1.25rem;}

.trennerCta p{color: #fff;}
body.p_leistungen .x42 {padding-top: 100px; padding-bottom:75px;}

.borderBottom {position: relative;}
.borderBottom::after {position: absolute; content:''; width: 60%; height: 1px; border-top: 1px solid #ccc; left: 50%; margin-left: -30%; bottom: 0;}

.paddingTopBottom {padding-top: 100px; padding-bottom: 75px;}
.marginBottom50 {margin-bottom: 50px;}

.galerie ul li {width: 31%; margin: 2% 1%; float: left;}
.galerie.ce_gallery > ul li.col_first {clear: none!important;}
.galerie ul li img


/* Formular */
.formbody input[type="text"], .formbody input[type="tel"], .formbody input[type="email"],.formbody input[type="password"], textarea, select, input {border: 1px solid #dadada; width: 100%; min-width:200px; padding: 15px; box-sizing: border-box; font-family: 'Raleway', Arial, Helvetica, sans-serif; color: #5d5d5d; }

.formFly { padding: 50px 3%!important; -webkit-box-shadow: 0 10px 25px 0 #ddd; box-shadow: 0 10px 25px 0 #ddd; background-color: #fff;box-sizing: border-box;}
.formbody .widget {width: 48%; margin-right: 2%; float: left;}
.formbody .widget.widget-textarea {clear: both; width: 100%;font-family: 'Raleway', Arial, Helvetica, sans-serif; color: #5d5d5d; }
.formbody textarea {padding: 2%;font-family: 'Raleway', Arial, Helvetica, sans-serif; color: #5d5d5d;  }
.formbody label {float: left; width: 40%; min-width: 100px; font-size: 1.0125rem; clear:both; padding-top:8px; margin-bottom: 10px!important; padding-left: 0!important;}
label.message {clear: both!important; display: block; margin-bottom: 5px!important;} 
span.mandatory {color:#ff0000;}
.formbody .widget.widget-captcha {clear: both; margin: 20px 0; float: none; width: 100%;} .formbody .widget.widget-captcha label {width: 200px;}
.formbody .widget.widget-captcha input {clear: both; width: 50px; min-width: 30px; margin-right: 10px; float: left;}
/*.formbody #ctrl_9 {width:50px!important; min-width: 50px!important; margin-right: 20px; float: left;}*/
.captcha_text {float:left; padding:8px 0 2px 8px; font-size:0.875em;color: #3c3c3b;}
.widget-submit {clear: both!important; width: 100%; text-align: center; margin: 30px 0;}
.widget-submit  button {margin:20px 0px; border:1px solid #ccc; color:#fff; padding:10px 25px; cursor:pointer; display: block; background-color: #ffa10c;font-size: 1.0125rem; transition: all 0.25s ease;}
.widget-submit  button:hover {background-color: #8f150c; transition: all 0.5s ease; color: #fff;}


span.mandatory {vertical-align: top; padding-left: 2px;}
p.error {clear: both; display: block; color: #ff0000!important; font-size: 11px; margin-top: 20px;}
.ie7 p.error {margin-top: 5px; margin-left: 5px;}
.formbody br {clear: both; display: block;}
.widget.error {position: relative; padding-top: 40px; display: block; margin-top: 10px; clear: both;}

.widget.dsgvo {clear: both;margin: 0!important; width: 100%;}
.widget.dsgvo input {width: 30px; height: 30px;min-width: 30px; float: left; margin-right: 1%;}
.widget.dsgvo label {width: 80%; float: left; clear: none;}


.tab {width: 70px; float: left; display: block;}

/* Cookiebar Oveleon*/

.cc-inner {background:radial-gradient(circle at center right, #39383d 0, #29282d 60%, #1f1e23 100%); max-width: 500px; top: 15%!important; position: fixed;}
.cc-cookies {background-color: #424242;}
.cc-head p, .cc-group label {color: #f2f2f2;}
.cc-head p a {color:#a0c72e; text-decoration: none;}
button.cc-btn.success {background-color: #a0c72e; color: #465f0a; transition: all 0.25s ease;}
button.cc-btn.success:hover {background-color:#465f0a; color: #fff; transition: all 0.25s ease;}

.mod_cookiebar_opener a {text-align: right; float: right; color: #fff;}
.cookieLink {float: right; color: #f2f2f2; text-decoration: none;}

.caption {font-size: 0.875rem; margin-top: 5px;}
.ce_image.x4 {width: 48%; margin: 1%; float: left;}


@media screen and (max-width:1400px){
	.galerieLindemann ul li {width: 48%; margin: 2% 1%; float: left;}
	
}

@media screen and (max-width:1200px) {
	.navi_main {display: none;}
	.offcanvasHold {display: block;}
	.hTopBlack {padding-right: 200px;}
	.logo {padding-top: 70px; transition: all 0.25s ease;}
	#header.scroll .logo {padding-top: 60px; transition: all 0.25s ease;}
	.start #kopfgrafik .intro { margin-top: 10vH; float: right; padding: 4%; min-width: 800px; }
	.start #kopfgrafik .intro .x42{width: 100%!important; }
	h1, h2, h3, h4, h5, h6 {hyphens: manual;}
}



@media screen and (max-width:970px) {
	h1 {font-size: 1.875rem;}
	.mobileNo {display: none!important;}
	.mobileOnly {display: block!important;}
	.galerieLindemann ul li {width: 98%; margin: 2% 1%; float: left;}
	
	.x3, .x32, .x4, .x42, .x43 {width: 100%!important; padding: 0 2%; box-sizing: border-box; clear: both!important; float: none!important;}
	
	.contentFlex .contentWidth {display: block;}
	#header {position: relative;}
	.mobileFixed {position: fixed; top: 0; left: 0; padding-left: 2%; display:block; z-index: 9990;}
	#header::after {left: 0; width: 100%;position: fixed;z-index: 9980;}
	#kopfgrafik {height: 100px; background: url(../../files/demski/img/kopfgrafik_small.jpg) center no-repeat; background-size: cover;}
	.start #kopfgrafik .intro {background-color: rgba(255, 255, 255, 0.9); background-image: none!important; min-width: 50%; max-width: 100%; margin-top: 80px; margin-bottom: 75px; padding: 4%; min-height: 100px;}
	.start #kopfgrafik {height: auto!important;margin-top: 0px!important;}
	#kopfgrafik .intro h1 {font-size: 1.5rem; margin: 40px 20px 20px 0;}
	#kopfgrafik .intro p.mobileOnly {margin-left: 5%;}
	#kopfgrafik .intro p.mobileOnly a {font-size: 2rem;}
	#kopfgrafik .intro .phoneIcon::before {width: 45px; height: 50px; background-size: contain;top: -5px;}
	body.p_leistungen .x42 {padding-top: 45px; padding-bottom: 25px;}
	.blueBgr {margin-bottom: 25px;}

	.trennerCta .linkRed a {margin-top: 1rem; margin-bottom: 0rem;}
	.trennerCta .x3 {padding-top: 0; padding-bottom: 0;}
	.trennerCta .x3.last {display: none;}
	.formbody .widget {width: 100%; margin-right: 0;}
	
}

@media screen and (max-width: 650px) {
	.logo {float: none; clear: both; width: 100%;padding: 60px 0 10px 0;} .logo a {margin: 0px auto; }
	.galerie ul li {width: 48%;}
	
}