@media all {
	

	html {height: 100%;margin: 0;padding: 0;}

	body {height: 100%;margin: 0;padding: 0;font-family: 'Roboto', sans-serif;font-size:16px;font-weight:300;color:black;background-color: white;min-width:960px;letter-spacing: 0.05em}
	body {background-image: url(../images//bild_1600x1345.jpg);background-position: center 0;background-repeat: no-repeat}
	
    h1 {font-family: 'Playfair Display', serif;font-weight: 400;font-size: 18px;text-align: center;text-transform: uppercase;color:#ff6600;}
    h2 {font-family: 'Playfair Display', serif;font-weight: 400;font-size: 18px;text-transform: uppercase;color:#ff6600;margin-bottom: 1.1em;letter-spacing: 0.1em;}
    h3 {font-family: 'Playfair Display', serif;font-weight: 400;font-size: 16px;line-height: 1.15em;letter-spacing: 0.05em;}
    h3.first-header {margin-top: 2px}
    h4 {}
	
	a {color:white;text-decoration: none;}
	a:focus {outline: none;}
	a:hover {text-decoration: underline;}
	
	p {margin-bottom: 1.25em;line-height: 1.15em}
	p:first-child {margin-top:2px}
	
	
    .column ul {list-style-type: disc;padding-left: 1em;margin: 1.4em 0 0;}
    .column ul li {line-height: 1.15em}
	
	.column ol {padding-left: 1em;}
	.column ol li {}
    
    .hidden {display:none !important;}
    .small {}
    .highlight {color:#ff6600;}
    .centered {text-align: center}
	.bold {font-weight: 500;}
	.icon {width:60px;}
	.low-bottom-margin {margin-bottom: -0.7em}
    
    .one-col {margin-bottom: 20px;}
    
    .two-cols {margin-bottom: 20px;}
    .two-cols > .column {width:50%;display: inline-block;vertical-align: text-top;box-sizing: border-box;}
    .two-cols .col1 {padding-right:2em;margin: 0px}
    .two-cols .col2 {padding-left:1em;margin-left:-5px;}
    .two-cols.w40-60 .col1 {width:40%}
    .two-cols.w40-60 .col2 {width:60%}
	    
    .three-cols {margin-bottom: 20px}
    .three-cols > .column {width:33%;display: inline-block;vertical-align: text-top;box-sizing: border-box;margin-right:-1px}
    .three-cols .col1 {padding-right:1.5em}
    .three-cols .col2 {padding-left:1em;padding-right:1em}
    .three-cols .col3 {padding-left:1.5em}
	
	.three-cols.w40-30-30 .col1 {width:41%;}
	.three-cols.w40-30-30 .col2 {width:29%;}
	.three-cols.w40-30-30 .col3 {width:29%;}
	
    .four-cols {margin-bottom: 20px}
    .four-cols > .column {width:25%;display: inline-block;vertical-align: text-top;box-sizing: border-box;margin-right:-3px}
    .four-cols .col1 {padding-right:1.5em}
    .four-cols .col2, .five-cols .col3 {padding-left:1em;padding-right:1em}
    .four-cols .col4 {padding-left:1.5em}

    .five-cols {margin-bottom: 20px}
    .five-cols > .column {width:20%;display: inline-block;vertical-align: text-top;box-sizing: border-box;margin-right:-3px}
    .five-cols .col1 {padding-right:1.5em}
    .five-cols .col2, .five-cols .col3, .five-cols .col4 {padding-left:1em;padding-right:1em}
    .five-cols .col5 {padding-left:1.5em}

	.bottomlogo {position: relative;z-index: 500;margin-bottom: -48px}
	
	section{position: relative;background: transparent;margin:0;padding: 0;background-position:center top; background-repeat: no-repeat;}
	.container {position: relative; padding: 27px calc(50% - 450px);box-sizing: border-box;}
       	
	
    header {}
    header .container {padding: 28px 0 0;}
	#logo {}
	#logo img {}
		
    #home {position: relative;background: transparent;margin:0;padding: 0;}
    #home .container {padding-top: 6px;}
	
    #sicherungsleistungen {background: #d9d9d9;}
    #sicherungsleistungen .container {}

    #bauleistungen {}
    #bauleistungen .container {}

    footer {background-color:#666666;color:white;}
    footer .container p {font-size: 12px;}
	footer .four-cols {white-space: nowrap}
	footer .column {padding:0 !important;}
	footer .col1 {width:21% !important;}
	footer .col1 p:last-child {position: relative;left:8.8em;}
	footer .col1 p:last-child .highlight {display:inline-block;text-indent: -8.8em;}
	footer .col2 {width:23% !important;}
	footer .col2 .highlight {display:inline-block;width:3.5em}
	footer .col3 {position: relative;left:8.5em;width:29% !important;}
	footer .col3 .highlight {display:inline-block;text-indent: -8.5em;}
	footer .col4 {position: relative;left:5.5em}
	footer .col4 .highlight {display:inline-block;text-indent: -5.5em;}
    
    #datenschutzerklaerung {background: #000000;color:white;}
    #datenschutzerklaerung .container {}
    #datenschutzerklaerung h2 {font-size: 12px;margin:0;cursor: pointer}
    #datenschutzerklaerung h2:hover {text-decoration: underline}
    #datenschutzerklaerung .one-col {max-height: 0px;overflow: hidden;margin-bottom: 0}
    #datenschutzerklaerung.open .container {}
    #datenschutzerklaerung.open h2 {font-size: 18px;;margin-bottom: 1.1em;margin-top: 0.8em}
    #datenschutzerklaerung.open h2:hover {text-decoration: none;cursor: default;}
    #datenschutzerklaerung.open .one-col {max-height: 5000px}

}

@media screen and ( min-width: 1601px )  {
	body {background-size: 100%}

}