@charset "utf-8";
/*  **** Grundformatierungen  **** */
@charset "utf-8";
/*  **** Grundformatierungen  **** */
/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('../css/raleway-v28-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/raleway-v28-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/raleway-v28-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../css/raleway-v28-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/raleway-v28-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../css/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../css/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../css/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../css/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../css/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../css/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}

/*Slider*/
.nivo-controlNav a {
  display: block;
  width: 6px;
  height: 6px;
  background: #ce2225;
  border: 2px solid #ce2225;
  text-indent: -9999px;
  margin: 0 2px;
  float: left;
  opacity: .5;
  filter: alpha(opacity=50);
  -khtml-opacity: .5;
  -moz-opacity: .5;
}

/*--  Creative Form --*/
.creative_form_2 .creativecontactform_field_name, .creative_form_2 .creativecontactform_field_name {
  color: #595959;
  font-size: 17px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
 margin: 15px 0 5px;
}

.creative_form_2 .creativecontactform_pre_text {
  margin-top: 8px;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  padding: 3px 0 0 0;
  width: 82%;
  font-size: 18px;
  color: #000000;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-shadow: 0px 0px 0px #ffffff;
  text-align: left;
  border-top: 1px dotted #a8a8a8;
  font-family: inherit;
}

.creative_opt_value.wrapper_of_multiple_select,  .creative_opt_value.wrapper_of_single_select	{
  font-size: 16px;	
}

.creative_form_2 .creativecontactform_title,.creative_form_2 .creativecontactform_title  {
 color: 3b3d3c;
}

.creative_form_2.creativecontactform_wrapper:hover, .creative_form_2.creativecontactform_wrapper:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.creative_form_2 .creativecontactform_input_element, .creative_form_2 .creativecontactform_input_element {
  width: 100% !important;
  height: 35px;
  border: 1px solid #ccc;
}

img.creative_captcha {
  border-radius: 0px;
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none) !important;
  border: 1px solid #ccc !important;
  max-width: 100% !important;
}

.creative_form_2 .creativecontactform_field_required, .creative_form_2 .creativecontactform_field_required {
  color: #ce2225;
  font-size: 25px;
  font-style: normal;
  font-weight: normal;
  text-shadow: 0px 0px 0px #ffffff;
}

div.creativecontactform_pre_text.ccf_font_effect_none	{
font-weight: lighter;
font-size: 12px;
}

.creativecontactform_wrapper {
border: none;
  box-sizing: content-box;
  width: 98%;
  margin: 15px 0;
  padding: 0 !important;
  position: relative !important;
  float: none !important;
  line-height: 18px;
  -webkit-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
  -moz-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
  -o-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
  transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
}

.creative_form_2.creativecontactform_wrapper {
  border: 1px solid #fff;
}


html { 
  height: 101%;
  }

* {
	margin: 0px;
	padding: 0px;
	}

input[type=checkbox] {
-webkit-appearance: checkbox;
}
	
div.custom i.ns-fa-pro	{font-size: 80px;
color: #8CB3DA;	opacity: 0.5;
margin: 60px;
}	

body {
height: 105%;	
font-family: 'Raleway', sans-serif;
background: url(../images/sw-2.jpg) no-repeat;
background-size: cover;
line-height: 1.5em;
font-weight: normal;
padding: 0px;
margin: 0 auto;
color:#3D3D3F;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
	
p	{text-rendering: optimizelegibility;
font-size: 17px;
color: #171718;	
}

p.bold { 
text-align: center;
font-weight: 500;
font-size: 1.4em;
padding: 20px 0 0;
}
	
p.small	{
padding-top: 3px;
font-size: 0.9em;
}

a  {
color: #3D3D3F;
text-decoration: none;
}

a:active, a:focus{
outline: none;
}

img	{
max-width: 100%;
height: auto;
border: none;
outline: none;
}
	
h1	{
font-family: 'Arial', sans-serif;		
text-align: left;
color: 3b3d3c;
font-size: 1.8em;
font-weight: 400;
padding-bottom: 10px;
}


h1.heading{
white-space: nowrap;	
text-align: left;	
color: #09306E;	
font-family: 'Times New Roman', sans-serif;	
padding: 15px 0 5px;
font-size: 2.0em;	
}

h1.blue	{
padding: 0.5em;
text-align: center;
color: #09306E;
font-size: 1.5em;
font-weight: 400;
}

h2	{
font-size: 1.2em;
font-weight: 400;
padding-right: 0em;
line-height: 30px;
}

h2.blue	{
padding-left: 0.5em;
text-align: left;
color: #2e5a68;
font-size: 1.3em;
line-height: 1.3em;
}

h2.heading{
font-family: 'Times New Roman', sans-serif;	
font-size: 1.5em;		
}

h3	{
font-family: 'Arial', sans-serif;		
text-transform: uppercase;	
text-align: left;
color: #3D3D3F;
font-size: 1.2em;
font-weight: 400;
padding-bottom: 10px;
}

h4	{
font-size: 1.3em;
font-weight: 400;
margin-top: 1em;
padding-bottom: 15px;
}

h5	{
font-size: 1.1em;	
font-weight: 300;
margin-top: 1em;
}

hr	{clear: both;
border: 0;
height: 1px;
background: #b0b2b3 /*#cc2119*/ ;
}


a:hover	{
text-decoration: none;
color: #708090;
outline: none; 
-o-transition:color 2.0s ease-out;
-ms-transition:color 2.0s ease-out;
-moz-transition:color 2.0s ease-out;
-webkit-transition:color 2.0s ease-out;
/* ...and now override with proper CSS property */
transition:background 2.0s ease-out;
}

ul{
padding-top: 20px;
margin-left: 20px;	
}

ul li{
text-transform: uppercase;
list-style-type: none;

}

ul li p img	{
list-style-position: outside;
}

ul li p	{
font-family: 'Times New Roman', sans-serif;	
text-align: left;
font-size: 20px;
}

ul li p img{
padding-right: 15px;	
}

#clear{
clear: both;
}
#phone	{
padding: 3px;
}

#mail	{
padding: 3px;
}

#phone a, #mail a{
padding: 3px;	
border: 1px solid transparent;
}

#phone a:hover, #mail a:hover{
padding: 3px;
border: 1px solid #8cb3da;	
}

#header{
background: #fff;
width: 100%;
position: fixed; top: 0px; z-index: 100000;
height: 80px;	
border-bottom: 3px solid #cb1e18;
}

#header img{
margin-top: 20px;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
}


/*-- Tabs --*/
#rlta-panel-ankauf-und-entwicklung, #rlta-panel-planung-und-projektierung, #rlta-panel-sanierung	{
	border-radius: 0px 0px 0px 0px !important; border: none;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-positioning="top"][data-rlta-dynamic-heights="true"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:hover, [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-positioning="top"][data-rlta-dynamic-heights="true"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]) {
  padding-top: .5rem;
  padding-bottom: .75rem;
  margin-top: 0;
   border-bottom: 2px solid #ce2225;
   
}


/*--DJ Menu--*/
div.dj-megamenu-wrapper	{
margin-top: 20px;
}

#dj-megamenu110mobile.dj-megamenu-select-light .dj-mobile-open-btn, #dj-megamenu110mobile.dj-megamenu-offcanvas-light .dj-mobile-open-btn, #dj-megamenu110mobile.dj-megamenu-accordion-light .dj-mobile-open-btn {
  position: fixed;
  top: 10px;
  right: 10px;
}

.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {
-webkit-border-radius: 0px;
 border-radius: 0px;
}


div.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInRight;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInUp {
  0% {opacity: 0;
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  visibility: visible;
  }
  100% {opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  }
  }
  @keyframes slideInUp {
  0% {opacity: 0;
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  visibility: visible;
  }
  100% {opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  }
  } 
  
div.slideInUp h1 { 
font-size: 1.8em;
text-align: center;
} 

div.slideInUp p	{
font-weight: 400;
font-size: 1.0em;
text-align: left;
}

#content	{
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-3%);
  transform: translateX(-3%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-3%);
  transform: translateX(-3%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }

#content	{
margin-top: 30px;

}

#content-wrap	{
padding: 7em 0 0em;	
}

#content-wrap-2	{
padding: -10em 0 0em;	
}

div.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInRight {
  0% {opacity: 0;
  -webkit-transform: translateX(20%);
  transform: translateX(20%);
  visibility: visible;
  }
  100% {opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInRight {
  0% {opacity: 0;
  -webkit-transform: translateX(20%);
  transform: translateX(20%);
  visibility: visible;
  }
  100% {opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 
  
div.slideInRight 	{
color:#192F4D;
padding: 50px 50px 0 0;
}

div.slideInRight img{
width: 100%;
}

div.slideInRight p	{font-weight: 400;
font-size: 1.0em;
text-align: center;
}


div.footer2{
display: none;	
}

::selection {
    background: #ce2225;
    color: #fff;
}
/* und hiermit der Firefox >=1 */
::-moz-selection {
    background: #ce2225;
    color: #fff;
}

#footer	{
border-top: 3px solid #cc2119;	
margin: 10px auto 0;	
background:#3D3D3F; 	
padding: 2em 0 6em;
}

#footer p, #footer p a{
font-size: 1em;	
}

#footer h3, #footer p, #footer p a{
color: #edf2f9;
}

#footer h3	{
font-size: 19px;
padding: 0 0 20px 0;
}

#footer h3::after {
    content: "";
    display: block;
    width: 80%;
    height: 0;
    margin: 12px 0 0px;
    border-top: 1px solid #fff /*#cb1e18*/;
}

#footer .fa, #footer fa.fa	{float: left;
color: #fff;
font-size: 1.8em;
}

#footer p a, #footer ul li a  {
padding-right: 15px;
-webkit-transition: padding-left 0.5s; /* Safari */
transition: padding-left 0.5s;
}

div.customcontact p a   {
-webkit-transition: padding-left 0.5s; /* Safari */
transition: padding-left 0.5s;
}

div.customcontact p img	{
	width: 80%;
}

#footer p a:hover, #footer ul li a:hover, div.customcontact p a:hover  {
padding-left: 10px;
}

#content a   {
padding-left: 5px;
font-size: 1.1em;
-webkit-transition: padding-left 0.5s; /* Safari */
transition: padding-left 0.5s;
}

#content a:hover  {
padding-left: 10px;
color: #b4151d;
}

div.footer1		{
font-size: 13px;
padding-top: 10px;
color: #edf2f9;
}

div.page-header	{
display: none;	
}

div.customimp h2{
font-weight: 400;
padding-bottom: 5px;	
}

a.accordion-toggle	{
display: none;	
}

/*Menü Impressum,Datenschutz*/
ul.mod-menu.mod-list.nav 	{
padding-top: 0px;
margin-left: 0px;	
list-style-type: none;
}

ul.mod-menu.mod-list.nav  li a	{
font-size: 15px;
color: #edf2f9;	
}

/* Kontaktseite */
.accordion-heading	{
font-size: 2em;
font-weight: normal;
}

a.accordion-toggle	{
font-weight: normal;
}
fieldset	{
border: none;
}

textarea, input, select	{
font-family: 'Times New Roman', sans-serif;		
margin-bottom: 0.5em;
padding: 1em;
width: 90%;
border: 1px solid #192F4D;
}

button{
-webkit-appearance: none;
margin-top: 10px;
background: #cb1e18;
color: #fff;
padding: 0.5em;
border: none;
border-radius: 0;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease; 
}

button:hover	{
text-decoration: none;
background: #2c5287;
}

legend, label	{
font-size: 0.8em;	
}


/* -- Media Queries --*/
@media only screen and (max-width: 1600px)	{
#footer	{
margin: 5em auto 0;	
background:#3c3c3c; 	
padding: 2em 0 6em;
}#content-wrap	{
padding: 5em 0 0em;	
}
div.slideInRight 	{
color:#192F4D;
padding: 80px 50px 0 0;
}
}


@media only screen and (max-width: 1280px)	{
#footer	{
margin: 1.5em auto 0;	
padding: 2em 0 6em;
}
#content-wrap	{
padding: 4em 0 0em;	
}
}


/* -- Media Queries --*/
@media only screen and (max-width: 1024px)	{
#footer	{
margin: 2em auto 0;	
}
#map	{
padding-top: 1em;
margin-bottom: -2em;	
}
}

@media only screen and (max-width: 768px)	{
#content-wrap	{
padding: 1em 0;
}
#content	{
margin-top: 10px;
padding-right: 0%;
}
#footer h3::after {
width: 100%;
}
#box2	{
margin-top: 1em;
}
#footer .fa, #footer h3	{
margin-top: 20px;
}
h1	{
padding: 0.7em 0 0.1em;	
}
div.slideInRight 	{
color:#192F4D;
padding: 100px 0px 0 0;
}
#header{
position: fixed; top: 0px; z-index: 10;
height: 120px;	
}
}


@media only screen and (max-width: 480px)	{
h1.heading{
font-size: 1.6em;	
}
h2.heading{
font-size: 1.4em;
}
div.customcontact p img	{
	width: 100%;
}
}


@media only screen and (max-width: 366px)	{
h1	{
padding: 0.7em 0 0.1em;	
font-size: 1.5em;	
}
h1.heading{
font-size: 1.5em;	
}
}