@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 */
}


input[type=checkbox] {
-webkit-appearance: checkbox;
}

i.ns-fa-pro::before	{
font-size: 30px;
}

/*-- 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;
   
}

  [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"][data-rlta-orientation="horizontal"]:not([data-rlta-wrap-buttons="true"]) > [data-rlta-element="button-list"] {
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
	margin:0 auto;
  }
}

#footer .fa, #footer fa.fa	{float: left;
color: #fff;
font-size: 2.8em;
}
html { 
overflow-x: hidden;
  height: 101%;
  }

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

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 { 
font-weight: 400;
font-size: 1.0em;
padding: 0px 0 0 0em;
text-align: left;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}

p.bold { 
text-align: center;
font-family: 'Times New Roman', sans-serif;
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	{
padding: 0.7em 0 0.5em;
font-family: 'Arial', sans-serif;	
text-align: center;
color:#393536 /* #fff*/;
font-size: 2.0em;
font-weight: 400;
}

h1.smaller	{
padding: 0.2em 0 2em;
font-family: 'Times New Roman', sans-serif;		
text-transform: none;	
text-align: center;
color: #fff;
font-size: 1.5em;
font-weight: 400;
}

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.3em;
font-weight: 400;
color:#171718; 
}

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: 300;
margin-top: 1em;
}

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

hr	{
border: 0;
height: 1px;
background: #b4151d;
margin: 1.5em 0 10px;
}

hr.white	{
border: 0;
height: 1px;
background: #393536 /*#fff*/;
margin: 10px 0 10px;
}
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: 10px;
margin-left: 20px;	
}

ul li{
text-transform: uppercase;
list-style-type: none;
line-height: 25px;
}

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

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

/*--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;
}

#slider	{
min-width: 100%;	
height: 1000px;
margin: 92px auto 10px;
}

#slider{
width: 100%;
height: 1000px;
background: url(../images/image14.jpg) no-repeat;
background-position: center center;
background-attachment: fixed;
}

 #article	{
  -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(50%);
  transform: translateX(50%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 

#article	{
max-width: 25%;
position: absolute;
z-index: 1000;
top: 180px;
right: 5%;
box-shadow: 0 0 0 3px #ce2225 /*#fff*/ inset;
background: #fff /*#b81e21*/;
opacity: 0.95;
color: #393536 /*#fff*/;
padding: 2%;
border: 10px solid #dcddd7 /*#3c3c3c*/;
text-align: center;
}

#article img{
border: 5px solid *#fff;
}

#article p a	{
color: #393536 /*#fff*/;
font-size: 22px;
}

#feed{
margin: 3em auto 0;
padding: 2em 0;
background: #edf2f9;
}


div.slideInUp {
  -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: translateY(50%);
  transform: translateY(50%);
  visibility: visible;
  }
  100% {opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  }
  }
  @keyframes slideInRight {
  0% {opacity: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  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	{
padding: 0;
font-weight: 400;
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;	
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;
text-transform: uppercase;
}

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

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

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

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

div.page-header	{
display: none;	
}

div.customcon 	{
margin: 25px;
border: 1px solid #fff;
background: #A9C3DC/*#192F4D*/;
}

div.customcontact, div.customcontact a	{
color: #3D3D3F;
}

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	{
margin-bottom: 0.5em;
padding: 0.5em;
width: 90%;
border: 1px solid #192F4D;
}

button{
-webkit-appearance: none;
margin-top: 10px;
background: #192F4D;
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: #45899c;
}
legend, label	{
font-size: 0.8em;	
}

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



/* -- Media Queries--*/
@media only screen and (max-width: 1600px)	{
#article	{
max-width: 30%;
position: absolute;
z-index: 1000;
top: 20%;
}
h1.smaller	{
padding: 0.2em 0 1.5em;
}
}

@media only screen and (max-width: 1500px)	{
#article	{
max-width: 30%;
position: absolute;
z-index: 1000;
top: 18%;
}
}

@media only screen and (max-width: 1400px)	{
#article	{
max-width: 32%;
position: absolute;
z-index: 1000;
top: 15%;
}
h1.smaller	{
padding: 0.2em 0 1.2em;
}
}

@media only screen and (max-width: 1300px)	{
#article	{
max-width: 35%;	
padding: 0.5 0% 1%;
position: absolute;
z-index: 1000;
top: 15%;
}	
#article h2{
font-size: 1.1em;
padding-right: 0em;	
}
h1.smaller	{
padding: 0.2em 0 1em;
}
}


@media only screen and (max-width: 1200px)	{
#article	{
max-width: 37%;	
position: absolute;
z-index: 1000;
top: 13%;
}
h2	{
font-size: 1.2em;
}
div.slideInUp p	{
font-size: 0.9em;
}
}

@media only screen and (max-width: 1100px)	{
#article	{
max-width: 45%;
position: absolute;
z-index: 1000;
top: 13%;
}
h2	{
font-size: 1.1em;
}
h1{
font-size: 1.8em;
}
}

@media only screen and (max-width: 1024px)	{
 #article	{
  -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: translateY(20%);
  transform: translateY(20%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }	
#article	{
max-width: 100%;
position: static;
margin-top: -300px;
opacity: 0.90;
padding: 2% 15% 5%;
}
h1	{
padding: 0.5em 0 1em;
}
h2	{
font-size: 1.3em;
}
#footer	{
margin: 2em auto 0;	
}
}

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

/* -- Media Queries --*/
@media only screen and (max-width: 980px)	{
#content	{
padding: 1em 2em;
}
div.slideInUp p	{
font-size: 0.7em;
}
}

@media only screen and (max-width: 768px)	{
#footer .fa, #footer h3	{
margin-top: 20px;
}
#article	{
margin-top: -600px;
}
#header{
position: fixed; top: 0px; z-index: 10;
height: 120px;	
}
#footer h3::after {
width: 100%;
}
}

@media only screen and (max-width: 480px)	{
#article	{
padding: 2% 5% 5%;
margin-top: -700px;
}
}

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