@import url(../fonts/tu/stylesheet.css);
/* line 5, ../gems/ruby/2.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../gems/ruby/2.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../gems/ruby/2.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../gems/ruby/2.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../gems/ruby/2.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../gems/ruby/2.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../gems/ruby/2.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../gems/ruby/2.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../gems/ruby/2.1/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 4, ../sass/screen.scss */
body {
  /* border-top: 25px solid #4B830D; */
  background: white;
  color: black;
  font-family: "TU Text", Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 3em;
}

/* line 14, ../sass/screen.scss */
header > .client, header > h1, nav > ul, main {
  margin-left: 5%;
  max-width: 1200px;
  margin-right: 5%;
}

/* line 19, ../sass/screen.scss */
/* header {
  background: url(/fileadmin/images/district-heating-bg-a.jpg) top right no-repeat;
  color: white;
} */

header {
  display: flex; /* Use flexbox to align children */
  flex-direction: column; /* Stack children vertically */
  color: white;
  width: 100%; /* Ensure header takes full width */
}


/* line 43, ../sass/screen.scss */
header .client {
  align-self: flex-start; /* Align to the start of the flex container */
  z-index: 2; /* Keeps it above other elements if necessary */
}

header .client img {
  max-width: 220px; /* Limit the logo size */
  height: auto; /* Maintain aspect ratio */
  margin-top: 25px;
  margin-bottom: 25px;
}


/* line 22, ../sass/screen.scss */
header .logo {
  overflow: hidden;
  background: #4B830D;
}
/* line 25, ../sass/screen.scss */
header .logo > a {
  font-size: 24pt; /* Adjusted for better fit */
  font-family: "TU Headline", Arial, sans-serif;
  line-height: 1.5625;
  padding: 50px 30px; /* Adjust padding for a better fit */
  color: white;
  text-decoration: none;
  margin-left: 5%;
  max-width: 1200px;
  margin-right: 5%;
}

/* line 40, ../sass/screen.scss */
header .logo > a:visited {
  color: white;
}
/* line 41, ../sass/screen.scss */
header .logo > a:hover {
  background-color: #75ae08 !important;
}

header .logo a:focus {
  background-color: #75ae08 !important; /* Same as hover background color */
  outline: none; /* Remove default focus outline */
}

.header-image {
  margin: 0; /* Remove default margin */
  padding: 0; /* Remove default padding */
}

.header-image img {
  width: 100%; /* Full width */
  height: auto; /* Maintain aspect ratio */
  display: block; /* Ensure it displays as block */
  margin: 0; /* Remove default margin */
}



/* line 63, ../sass/screen.scss */
nav {
  background: #4B830D;
  margin-top: -20px; /* Apply negative top margin to move it upwards */
  position: relative; /* Ensure it stays in the document flow */
  z-index: 1; /* Ensure it stays on top of the image */
  padding-top: 0; /* Remove default padding */
}
/* line 66, ../sass/screen.scss */
nav ul {
  overflow: hidden;
  display: block;
  font: 24px/26px "TU Headline", Arial, sans-serif;
}
/* line 70, ../sass/screen.scss */
nav ul li {
  display: block;
  float: left;
}
/* line 71, ../sass/screen.scss */
nav ul li:hover {
  background-color: #75ae08 !important;
}

nav ul li a:focus {
  background-color: #75ae08 !important; /* Same as hover background color */
  outline: none; /* Remove default focus outline */
}

/* line 75, ../sass/screen.scss */
nav ul li a {
  padding: 25px 25px 25px 75px;
  color: white;
  display: block;
  text-decoration: none;
}
/* line 82, ../sass/screen.scss */
nav ul li.uid-2 {
  background: url("/fileadmin/images/icon-info.png") 20px center no-repeat;
}
/* line 83, ../sass/screen.scss */
nav ul li.uid-3 {
  background: url("/fileadmin/images/icon-results.png") 20px center no-repeat;
}
/* line 84, ../sass/screen.scss */
nav ul li.uid-4 {
  background: url("/fileadmin/images/icon-map.png") 20px center no-repeat;
}
/* line 85, ../sass/screen.scss */
nav ul li.uid-5 {
  background: url("/fileadmin/images/icon-contact.png") 20px center no-repeat;
}

/* line 89, ../sass/screen.scss */
main {
  margin-top: 30px;
  padding-bottom: 30px;
  padding-left: 25px;
}
/* line 90, ../sass/screen.scss */
main h1 {
  color: #3F51B5;
  font: 36px/40px "TU Headline", Arial, sans-serif;
  margin: 1.2em 0 10px 0;
}
/* line 95, ../sass/screen.scss */
main > div:first-child h1 {
  margin-top: 20px;
}
/* line 98, ../sass/screen.scss */
main a {
  color: #4B830D;
}
/* line 99, ../sass/screen.scss */
main p {
  margin: 20px 0;
}
/* line 100, ../sass/screen.scss */
main b, main strong {
  font-weight: bold;
}
/* line 103, ../sass/screen.scss */
main ul.csc-uploads, main ul {
  padding-left: 15px;
}
/* line 105, ../sass/screen.scss */
main ul.csc-uploads li, main ul.csc-uploads li.li-even, main ul li, main ul li.li-even {
  display: list-item;
  list-style-position: inside;
  list-style-type: disc;
  margin: 10px 5px;
}
/* line 107, ../sass/screen.scss */
main ul.csc-uploads li span, main ul.csc-uploads li.li-even span, main ul li span, main ul li.li-even span {
  display: inline-block;
}
/* line 108, ../sass/screen.scss */
main ul.csc-uploads li span.csc-uploads-fileSize, main ul.csc-uploads li.li-even span.csc-uploads-fileSize, main ul li span.csc-uploads-fileSize, main ul li.li-even span.csc-uploads-fileSize {
  margin-left: 1ex;
}
/* line 110, ../sass/screen.scss */
main ul.csc-uploads li span.csc-uploads-fileSize:before, main ul.csc-uploads li.li-even span.csc-uploads-fileSize:before, main ul li span.csc-uploads-fileSize:before, main ul li.li-even span.csc-uploads-fileSize:before {
  content: "(";
}
/* line 111, ../sass/screen.scss */
main ul.csc-uploads li span.csc-uploads-fileSize:after, main ul.csc-uploads li.li-even span.csc-uploads-fileSize:after, main ul li span.csc-uploads-fileSize:after, main ul li.li-even span.csc-uploads-fileSize:after {
  content: ")";
}
/* line 115, ../sass/screen.scss */
main .csc-textpic {
  margin: 2em 0;
}
/* line 118, ../sass/screen.scss */
main tt {
  font-family: monospace;
  background: #ddd;
}

/* special styles  */
/* line 125, ../sass/screen.scss */
#c7 {
  /* Bildnachweis */
  margin-top: 3em;
}
/* line 127, ../sass/screen.scss */
#c7 h1 {
  font-family: "TU Headline", Arial, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
  color: black;
  border-top: 1px dotted #aaa;
}
/* line 135, ../sass/screen.scss */
#c7 p {
  margin: 0;
}

/* Footer styling */
.footer-menu {
  /*  background-color: #4B830D; /*Deep red background */
  color: white; /*White text color*/
  text-align: center; /* Center align the text */
  padding: 10px 0; /* Padding for some space around the text */
  position: relative; /* Fixed position */
  bottom: 0; /* Align to bottom */
  left: 0; /* Align to the left */
  z-index: 1000; /* Ensure it sits on top of other content */
}

.footer-menu ul {
  list-style: none; /* Remove bullet points from list */
  padding: 0; /* Remove padding */
  margin: 0 auto; /* Centering the menu */
  display: inline-block; /* Allows for centering */
}

.footer-menu li {
  display: inline; /* Display list items inline */
  padding: 0 15px; /* Padding on left and right for spacing */
}

.footer-menu a {
  color: #212529; 
  text-decoration: underline;
}

.footer-menu a:hover {
  color: #4B830D; /* Soft blue color on hover */
}