/* LEGAL DISCLAIMER
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * denkenbauenwohnen.de
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Optimo webfonts are protected by copyright law and provided under license. To modify, alter, translate, convert, decode or reverse engineer in any manner whatsoever, including converting the Font Software into a different format is strictly prohibited. The webfont files are not to be used for anything other than web font use.
 *
 * optimo.ch
 */

/* INSTRUCTIONS
 *
 * Copy the Legal Disclaimer, the domains name and the @font-faces statements to your regular CSS file. The fonts folder(s) should be placed relative to the regular CSS file.
 */

@font-face {
    font-family: "Antique-Legacy";
    src: url("../fonts/Antique-Legacy-Medium.woff2") format('woff2'),
    url("../fonts/Antique-Legacy-Medium.woff") format('woff');
    font-weight: 500;
    font-style: normal;
}


@font-face {
  font-family: "Antique-Legacy";
  src: url("../fonts/Antique-Legacy-Regular.woff2") format('woff2'),
       url("../fonts/Antique-Legacy-Regular.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Antique-Legacy";
  src: url("../fonts/Antique-Legacy-Italic.woff2") format('woff2'),
       url("../fonts/Antique-Legacy-Italic.woff") format('woff');
  font-weight: 400;
  font-style: italic;
}


@font-face {
    font-family: 'Lab-Mono-Web';
    src: url("../fonts/labmono-regular-web.woff2") format('woff2'),
    url("../fonts/labmono-regular-web.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}


html {
    font-family: "Antique-Legacy", sans-serif;
    font-weight: 400;
    hyphens: auto;
}

.main-content p {
	font-weight: 400;
}


.main-content strong, .main-content b {
	font-weight: 500;
}



.page {
 
  margin: 0;
  
  border: none !important;
  box-shadow: none !important;
}

.ce_text.block {
  max-width: 1000px;
}











.laufband {
    font-family: "Lab-Mono-Web", sans-serif;

}

.fixed-note {
    max-width: 1278px;
    margin: 0;
    padding: 0 !important;
    min-height: unset;
    box-shadow: none !important;
    border-top: none !important;
}

.fixed-note .fixed-note-column {
    padding: 0;
}

.fixed-note .fixed-note-button {
    display: none;
}











.main-content p > span[style] {
  padding: 0;
}

.main-content p {
  margin-bottom: 1em;
}

table td {
  padding-left: 0;
  vertical-align: top;
  padding-top: 4px;
padding-bottom: 4px;
border-color: #242424;
    border-left-width: 0px;
}

table {
  max-width: 750px;
  border: none;
  margin-bottom: 80px !important;
border-bottom: 1px solid #242424;
}
















@keyframes marquee {
    0% {
        text-indent: 1200px
    }
    100% {
        text-indent: -1200px
    }
}

.marquee {
    max-width: 1278px;
    overflow: hidden;
    white-space: nowrap;
    animation: marquee 12s linear infinite;
    background: #fff500;
    margin: 0 !important;
    padding: 5px;
}

.marquee:hover {
    animation-play-state: paused;
}







/* IMAGES */


.image-l img {
	max-width: 1095px;
}

.image-m img {
	max-width: 870px;
}

.image-s img {
	max-width: 750px;
}




#image-headline {
    color: inherit;
    position: fixed;
    top: 10px;
    font-size: 1.5em;
    padding-left: 40px;
    font-weight: 500;
    padding-right: 24%;
}



.image_container a:hover::after, .image_container a:focus::after {
  display: none;
}

.image_container a:hover::before, .image_container a:focus::before {
  display: none;
}



/* TITEL + HOMEBUTTON */


.titel-home .centered-wrapper-inner {
	padding-top: 10px;
	position: relative;
	margin-bottom: -75px;
	display: flex;
	z-index: 1;
	
}

.titel-home .centered-wrapper-inner img {
	width: 25px;
}

.titel-home .centered-wrapper-inner figure {
	position: fixed;
	top: 25px;
	left: 1300px;
}

.titel-home .centered-wrapper-inner h1 {
	margin: 0;
	font-weight: 500;
	font-size: 1.5em;
	padding-right: 14%;
}


.info-link .info {
	margin-bottom: -65px;
	z-index: 2;
	position: relative;
}

.info-link .info figure {
	position: fixed;
	top: 28px;
	left: 1300px;
}












/* FOOTER */

.footer-links {
  float: left;
  padding: 20em 0 1em;
  font-size: 1em;
  color: #c5c5c5;
}

.footer-links li::before {
	display: none;
}

.footer-links li {
  
  padding-right: 1.5em;
}

.footer-links strong {
	font-weight: 400 !important;
	text-decoration: underline !important;
}









@media (max-width: 1400px) {
	.info-link .info figure, .titel-home .centered-wrapper-inner figure {
	left: unset;
	right: 30px;
}
}




@media (max-width: 1230px) {
    .image-l figure {
    	width: 88%;
    }
    
    .image-m figure {
    	width: 82%;
    }
    
    .image-s figure {
    	width: 68%;
    }
    
    .centered-wrapper-inner {
  padding-right: 40px;
}

.info-link .info figure, .titel-home .centered-wrapper-inner figure {
	right: 20px;
}
}




@media (min-width: 900px) {
	.mobil-da {
		display: none;
	}
}






@media (max-width: 900px) {
    .fixed-note {
        position: fixed !important;
    }

    .fixed-note-column {
        margin: 0 !important;
    }
    

	.ce_text.block {
		max-width: 90%;
	}
	
	.mobil-weg {
		display: none;
	}
	
	#image-headline {
  
  padding-left: 30px;

}

.titel-home .centered-wrapper-inner {
  margin-bottom: -150px;
  align-items: baseline;
}
}



@media (max-width: 599px) {
    .titel-home .centered-wrapper-inner img {
	max-width: 22px;
}

.image-l figure {
    	width: 86%;
    }
    
    .image-m figure {
    	width: 80%;
    }
    
    .image-s figure {
    	width: 66%;
    }
    
    
	
	 .ce_text.block {
		max-width: 90%;
	}
	
	#image-headline {
  padding-left: 20px;
}


.margin-top-text {
	margin-top: 2em;
}

.titel-home .centered-wrapper-inner figure {
  top: 22px;
}

.centered-wrapper-inner {
  padding-right: 10px;
}

.info-link .info figure {
  top: 25px;
}

.info-link .info img {
	width: 35px !important;
}

.footer-links {
  padding-top: 10em;
}

}



