@import url("http://www.heikorahmstorf.de/layout/heikorahmstorf/style/googlefonts/arimo.css");

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

html, body { height:100%;font-family:'Arimo',Arial,sans-serif;font-size:17px;line-height:1.563em;color:#000000; } /* background:#cacaca; */
html { background:#cacaca; }

.clearboth { clear:both;height:1px;line-height:1px;font-size:1px; }
.loader { display:none;position:absolute;margin:-25px 0 0 -25px;top:50%;left:50%; }
a images { border:none; }

/* Colors */
.yellow { color:#a59b26; }
.green { color:#006e8c; }
.green_lighter { color:#0090b5 !important; }
.pink { color:#e1007a; }
.grey { color:#cacaca; }
.white { color:#ffffff; }
.white a { color:#ffffff !important; }

.bg_grey { background:#cacaca; }

/* Form Settings - START*/
input, select, textarea { font-family:'Arimo',Arial,sans-serif;font-size: .813em;line-height:1.563em;color:#666666;background-color:#FFFFFF;border:1px solid #cecece;padding: .3em .5em; }
input[type=submit] { width:auto;border:1px solid #0086b3;background:#0099cc;color:white;cursor:pointer; }
input[type=submit]:hover { width:auto;;background:#0086b3; }
input[type=text], input[type=email] { width:96%; }
input[type=checkbox],
input[type=radio] { cursor:pointer;-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2); }
input:required { border-color:#cecece;box-shadow:none !important;-webkit-box-shadow:none !important;outline:0; }
input:focus:required:invalid { border-color:red; }
input:focus:required:valid { border-color:green; }

label { display:block;margin:0 0 10px 0;cursor:pointer; }
label span.label_title { display:block;float:left;width:auto; }
label span.label_value { display:block;float:right;width:auto; }
label.float2 { float:left;width:50%; }
label.float4 { float:left;width:25%; }
/*label.float2:nth-of-type(odd) { margin-right:2%; }*/
label.float2 input[type=text] { width:88%; }
label.float4 span.label_title { width:80%;text-align:right; }
label.float4 span.label_value { width:20%;text-align:right; }
label.float4 input[type=text] { width:88%; }

.header-fixed { position:fixed;top:0px;left:0px;z-index:1; }
.wrapper-header { background:#ffffff;padding:10px 0px;width:100%; }
.wrapper-header .header { position:relative;background:transparent url('../images/background_header_xlarge.png') no-repeat;width:1145px;height:82px;margin:0 auto;font-size:18px;line-height:1em;font-weight:700;text-transform:uppercase;color:#006e8c; }
.wrapper-header .header a { text-decoration:none;color:#006e8c;cursor:pointer; }
.wrapper-header .header .logo { margin:34px 1px 0 1px;display:inline-block;width:390px; }
.wrapper-header .header .navigation { display:inline-block;list-style-type:none;width:730px; }
.wrapper-header .header .mobile { display:none; }
.wrapper-header .header .navigation a:hover { color:#e1007a; }
.wrapper-header .header .navigation a.hover { color:#e1007a; }
.wrapper-header .header .navigation li { position:relative;display:inline-block;margin:0 33px 0 0;height:58px; }
/*.wrapper-header .header .navigation li:hover a { color:#e1007a; }
.wrapper-header .header .navigation li:hover .sub-navigation a { color:#006e8c; }*/
.wrapper-header .header .navigation li.navbar_action { display:none; }
.wrapper-header .header .navigation li:last-child { margin:0; }
.wrapper-header .header .navigation .sub-navigation { position:absolute;top:58px;left:-20px;width:260px;padding:20px;font-size:16px;background:rgba(255,255,255,0.8);z-index:1; }
.wrapper-header .header .navigation .sub-navigation li { display:block;height:auto;margin:0 0 10px 0; }
.wrapper-header .header .navigation .sub-navigation li:last-child { margin:0; }
.wrapper-header .header .button-datenschutz { z-index:1;position:absolute;right:150px;bottom:-36px;font-weight:normal;font-size:0.7em; }
.wrapper-header .header .button-datenschutz a { color:#000000 }
.wrapper-header .header .button-impressum { z-index:1;position:absolute;right:55px;bottom:-36px;font-weight:normal;font-size:0.7em; }
.wrapper-header .header .button-impressum a { color:#000000 }
.wrapper-header.index .header .button-datenschutz { z-index:1;position:absolute;right:115px;bottom:-36px;font-weight:normal;font-size:0.7em; }
.wrapper-header.index .header .button-impressum { z-index:1;position:absolute;right:15px;bottom:-36px;font-weight:normal;font-size:0.7em; }
.wrapper-header .header .button-fb { z-index:1;position:absolute;bottom:-35px;right:11px;font-size:23px;text-transform:none; }
.wrapper-header .header .button-fb a { background:#006e8c;padding:3px 12px;color:#ffffff; }
.wrapper-header .header .button-fb a:hover { background:#e1007a; }
.index { position:absolute;width:100%;top:0%;margin-top:-41px;background:transparent; }
.index .header { background:transparent url('../images/background_header_xlarge_white.png') no-repeat; }

.header-fixed-contenthelper { padding:102px 0 0 0; }
.wrapper-content .mobile { display:none; }
.wrapper-content .content-container { height:100%; }
.wrapper-content .content-container .projekt { position:absolute;top:102px;background:#ffffff; }
.wrapper-content .content-container .projekt .projekt-bild { position:relative;margin:0 0 10px 0;line-height:0px;font-size:0px; }
.wrapper-content .content-container .projekt .projekt-bild img { display:inline-block;width:100%;z-index:99;margin:0px; }
.wrapper-content .content-container .projekt .projekt-bild-last { margin:0px; }
/*.wrapper-content .content-container .projekt .projekt-navi-next { position:fixed;width:auto;height:auto;right:20px;bottom:20px;background:#ffffff;font-size:24px;line-height:24px;padding:8px 8px 8px 8px;display:none;z-index:1; }*/
/*.wrapper-content .content-container .projekt .projekt-navi-prev { position:fixed;width:auto;height:auto;left:20px;bottom:20px;background:#ffffff;font-size:24px;line-height:24px;padding:8px 8px 8px 8px;display:none;z-index:1; }*/
.wrapper-content .content-container .projekt .projekt-navi-next { position:absolute;width:auto;height:auto;right:20px;bottom:20px;background:#ffffff;font-size:24px;line-height:24px;padding:8px 8px 8px 8px;display:block; }
.wrapper-content .content-container .projekt .projekt-navi-prev { position:absolute;width:auto;height:auto;left:20px;bottom:20px;background:#ffffff;font-size:24px;line-height:24px;padding:8px 8px 8px 8px;display:block; }
.wrapper-content .content-container .projekt .projekt-navi-scroll { position:fixed;width:auto;height:auto;right:20px;bottom:20px;background:#ffffff;font-size:24px;line-height:24px;padding:10px 8px 8px 8px;z-index:1; }
.wrapper-content .content-container .projekt .projekt-navi { position:fixed;width:auto;height:auto;right:20px;top:50%;background:transparent; }
.wrapper-content .content-container .projekt .projekt-navi ul.projekt-navi-count { list-style-type:none; }
.wrapper-content .content-container .projekt .projekt-navi ul.projekt-navi-count li { margin:10px 0; }
.wrapper-content .content-container .projekt .projekt-navi ul.projekt-navi-count li a { display:block;background:#006e8c;color:#ffffff;text-decoration:none;border-radius:50%;width:30px;height:30px;font-weight:bold;font-size:16px;line-height:16px; }
.wrapper-content .content-container .projekt .projekt-navi ul.projekt-navi-count li a:hover { background:#e1007a; }
.wrapper-content .content-container .projekt .projekt-navi ul.projekt-navi-count li a.hover { background:#e1007a; }
.wrapper-content .content { display:block;width:33%;height:50%; }
.wrapper-content .content div { padding:20px; }
.wrapper-content .c_fullheight { height:100%; }
.wrapper-content .c_fullwidth { width:100%; }
.wrapper-content .c_doublewidth { width:66%; }
.wrapper-content .c_left { position:absolute;left:0px;  }
.wrapper-content .c_right { position:absolute;right:0px; }
.wrapper-content .c_center { position:absolute;left:33%; }
.wrapper-content .c_top { position:absolute;top:0px; }
.wrapper-content .c_bottom { position:absolute;top:50%; }
.wrapper-content .c_bottom2 { bottom:0px;height:auto; }
.wrapper-content .s_smallcontent div { padding:5em 2em; }
.wrapper-content .s_morepadding div { padding:5em 5em; }
.wrapper-content .s_inline { text-align:center;padding:3em 0; }
.wrapper-content .s_inline div { display:inline-block;width:auto; }
.wrapper-content .s_inline div h1 { display:block;width:auto;text-align:left; }
.wrapper-content .s_inline div p { display:inline-block;width:auto;text-align:left; }
.wrapper-content .hidebox { position:absolute;top:102px;width:100%;height:auto;background:rgba(255,255,255,0.8); }
.wrapper-content .hidebox div { width:33%;margin:0 auto; }
.wrapper-content .hidebox div div { position:static;width:100%;padding:0px; }
.wrapper-content .hidebox h1.content-action { cursor:pointer; }
.wrapper-content .hidebox h1.content-action:hover { color:#e1007a; }
.wrapper-content .hidebox h1.content-action span { display:inline-block;margin:0 0 0 10px;font-size:1em;line-height:1.2em; }
.wrapper-content .hidebox h1.content-action-hidestyle { margin:0;padding:0; }
.wrapper-content .hidebox h1.content-action-active { color:#e1007a; }
.wrapper-content .hidebox div.content-action { margin:10px 0 0 0;padding:10px 0 0 0;border-top:1px solid #006e8c; }
.wrapper-content .hidebox div.content-action a { cursor:pointer; }
.wrapper-content .hidebox div.content-action a span { display:inline-block;margin:0 0 0 10px;font-size:0.70em;line-height:1em; }
.wrapper-content .hidebox div.content-action-hidestyle { margin:0;padding:0;border-top:none; }

.wrapper-content h1 { font-size:1.1em;color:#006e8c;margin:0 0 0.5em 0; }
.wrapper-content h2 { font-size:1.05em;color:#006e8c;margin:0 0 0.5em 0; }
.wrapper-content h3 { font-size:1.05em;margin:0 0 0.5em 0; }
.wrapper-content h4 { font-size:1em;color:#006e8c;margin:0 0 0.5em 0; }
.wrapper-content a { color:#006e8c;text-decoration:none; }
.wrapper-content a:hover { color:#e1007a; }
.wrapper-content p { margin:0 0 1em 0; }
.wrapper-content ul,
.wrapper-content ol { margin:0 0 1em 1.5em; }
.wrapper-content .content-submenu { list-style-type:none;text-align:left;font-weight:700;font-size:1.1em;text-transform:uppercase; }
.wrapper-content .content-submenu li { padding:5px 0px; }
.wrapper-content ul.leistungen { list-style-type:none;width:45%;float:left;margin:0 0 20px 0; }
.wrapper-content ul.leistungen:nth-child(odd) { border-left:1px solid #006e8c;width:45%;margin:0 0 20px 4%;padding:0 0 0 4%; }
.wrapper-content ul.leistungen li { padding:15px;border-bottom:1px solid #006e8c; }
.wrapper-content ul.leistungen li:last-child { border-bottom:0px; }

/* Normal Screen */
@media only screen and (max-width: 1600px) {
  html, body { font-family:'Arimo',Arial,sans-serif;font-size:15px;line-height:1.563em; }
  .wrapper-header .header { background:transparent url('../images/background_header_large.png') no-repeat;width:964px;height:69px;margin:0 auto;font-size:15px; }
  .wrapper-header .header .logo { margin:28px 0 0 0;width:332px; }
  .wrapper-header .header .navigation { width:620px; }
  .wrapper-header .header .navigation li { margin:0 30px 0 0; }
  .wrapper-header .header .navigation .sub-navigation { font-size:13px;top:51px; }
  .wrapper-header .header .button-datenschutz { z-index:1;position:absolute;right:125px;bottom:-34px;font-weight:normal;font-size:0.7em; }
  .wrapper-header .header .button-impressum { z-index:1;position:absolute;right:44px;bottom:-34px;font-weight:normal;font-size:0.7em; }
  .wrapper-header .header .button-fb { z-index:1;position:absolute;bottom:-34px;right:0px;font-size:23px;text-transform:none; }
  .index { margin-top:-35px; }
  .index .header { background:transparent url('../images/background_header_large_white.png') no-repeat; }
  .header-fixed-contenthelper { padding:89px 0 0 0; }
  .wrapper-content .content-container .projekt { position:absolute;top:89px; }
  .wrapper-content .hidebox { position:absolute;top:89px;width:100%;height:auto; }
  .wrapper-content .content-container .projekt .projekt-navi-next { position:absolute;width:auto;height:auto;right:20px;bottom:20px;background:#ffffff;font-size:24px;line-height:24px;padding:8px 8px 8px 8px;display:block; }
  .wrapper-content .content-container .projekt .projekt-navi-prev { position:absolute;width:auto;height:auto;left:20px;bottom:20px;background:#ffffff;font-size:24px;line-height:24px;padding:8px 8px 8px 8px;display:block; }
}

/* Smaller Screen & Tablet Horizontal */
@media only screen and (max-width: 1166px) {
  html, body { font-family:'Arimo',Arial,sans-serif;font-size:14px;line-height:1.563em; }
  .wrapper-header .header { background:transparent url('../images/background_header_large.png') no-repeat;width:964px;height:69px;margin:0 auto;font-size:15px; }
  .wrapper-header .header .logo { margin:28px 0 0 0;width:332px; }
  .wrapper-header .header .navigation { width:620px; }
  .wrapper-header .header .navigation li { margin:0 30px 0 0; }
  .wrapper-header .header .navigation .sub-navigation { font-size:13px;top:51px; }
  .index { margin-top:-35px; }
  .index .header { background:transparent url('../images/background_header_large_white.png') no-repeat; }
  .wrapper-content .content { display:block;width:50%;height:50%; }
  .wrapper-content .c_center { position:absolute;left:25%; }
  .wrapper-content .c_datenschutz { width:100%; }
  .wrapper-content .mobile { display:block;height:1px;line-height:1px;font-size:1px; }
  .wrapper-content .content-container .projekt .projekt-navi-next { position:absolute;width:auto;height:auto;right:20px;bottom:20px;background:#ffffff;font-size:24px;line-height:24px;padding:8px 8px 8px 8px;display:block; }
  .wrapper-content .content-container .projekt .projekt-navi-prev { position:absolute;width:auto;height:auto;left:20px;bottom:20px;background:#ffffff;font-size:24px;line-height:24px;padding:8px 8px 8px 8px;display:block; }
  .wrapper-content .hidebox { position:absolute;top:88px;width:100%;height:auto; }
  .wrapper-content .hidebox div { width:50%;margin:0 auto; }
  .wrapper-content .hidebox div div { position:static;width:100%;padding:0px; }
  .wrapper-content .hidebox h1.content-action { cursor:pointer; }
  .wrapper-content .hidebox h1.content-action:hover { color:#e1007a; }
  .wrapper-content .hidebox h1.content-action span { display:inline-block;margin:0 0 0 10px;font-size:0.70em;line-height:1em; }
  .wrapper-content .hidebox h1.content-action-hidestyle { margin:0;padding:0; }
  .wrapper-content .hidebox h1.content-action-active { color:#e1007a; }
  .wrapper-content .hidebox div.content-action { margin:10px 0 0 0;padding:10px 0 0 0;border-top:1px solid #006e8c; }
  .wrapper-content .hidebox div.content-action a { cursor:pointer; }
  .wrapper-content .hidebox div.content-action a span { display:inline-block;margin:0 0 0 10px; }
  .wrapper-content .hidebox div.content-action-hidestyle { margin:0;padding:0;border-top:none; }
}

/* Tablet Portrait */
@media only screen and (max-width: 985px) {
  html, body { font-family:'Arimo',Arial,sans-serif;font-size:14px;line-height:1.563em; }
  .wrapper-header .header { background:transparent url('../images/background_header_medium.png') no-repeat;width:694px;height:64px;margin:0 auto; }
  .wrapper-header .header .logo { margin:17px 0 0 0;width:335px; }
  .wrapper-header .header .navigation { float:none;clear:left;margin:20px 0 0 0;width:700px; }
  .wrapper-header .header .navigation li { margin:0 51px 0 0;height:22px; }
  .wrapper-header .header .navigation .sub-navigation { font-size:13px;top:22px; }
  .wrapper-header .header .button-impressum { z-index:1;position:absolute;right:44px;bottom:-34px;font-weight:normal;font-size:0.7em; }
  .wrapper-header .header .button-fb { z-index:1;position:absolute;bottom:-34px;right:0px;font-size:23px;text-transform:none; }
  .index { margin-top:-32x; }
  .index .header { background:transparent url('../images/background_header_medium_white.png') no-repeat; }
  .wrapper-content .content { display:block;width:50%;height:50%; }
  .wrapper-content .c_center { position:absolute;left:25%; }
  .wrapper-content .c_datenschutz { width:100%; }
  .wrapper-content .mobile { display:block;height:1px;line-height:1px;font-size:1px; }
  .wrapper-content .content-container .projekt .projekt-navi-next { position:absolute;width:auto;height:auto;right:20px;bottom:20px;background:#ffffff;font-size:24px;line-height:24px;padding:8px 8px 8px 8px;display:block; }
  .wrapper-content .content-container .projekt .projekt-navi-prev { position:absolute;width:auto;height:auto;left:20px;bottom:20px;background:#ffffff;font-size:24px;line-height:24px;padding:8px 8px 8px 8px;display:block; }
  .wrapper-content .hidebox { position:absolute;top:84px;width:100%;height:auto; }
  .wrapper-content .hidebox div { width:50%;margin:0 auto; }
  .wrapper-content .hidebox div div { position:static;width:100%;padding:0px; }
  .wrapper-content .hidebox h1.content-action { cursor:pointer; }
  .wrapper-content .hidebox h1.content-action:hover { color:#e1007a; }
  .wrapper-content .hidebox h1.content-action span { display:inline-block;margin:0 0 0 10px;font-size:0.70em;line-height:1em; }
  .wrapper-content .hidebox h1.content-action-hidestyle { margin:0;padding:0; }
  .wrapper-content .hidebox h1.content-action-active { color:#e1007a; }
  .wrapper-content .hidebox div.content-action { margin:10px 0 0 0;padding:10px 0 0 0;border-top:1px solid #006e8c; }
  .wrapper-content .hidebox div.content-action a { cursor:pointer; }
  .wrapper-content .hidebox div.content-action a span { display:inline-block;margin:0 0 0 10px; }
  .wrapper-content .hidebox div.content-action-hidestyle { margin:0;padding:0;border-top:none; }
}

/* SmartPhone */
@media only screen and (max-width: 480px) {
  html, body { font-family:'Arimo',Arial,sans-serif;font-size:15px;line-height:1.563em; }
  .wrapper-header { width:auto;padding:0; }
  .wrapper-header .header { width:auto;background:transparent;background-image:none;height:auto;margin:0 auto;padding:10px 0 5px 0; }
  .wrapper-header .header .logo { width:auto;font-size:23px;line-height:1.1em;padding:0 0 5px 0;border-bottom:1px solid #ffffff;margin:0 10px; }
  .wrapper-header .header .navigation { width:auto;float:none;clear:left;margin:0px 10px 0 10px;z-index:1; }  
  .wrapper-header .header .navigation li { display:block;width:auto;margin:0;font-size:15px;line-height:1.2em; }
  .wrapper-header .header .navigation li.navbar_action { width:100%;cursor:pointer;margin:5px 0 0 0; }
  .wrapper-header .header .navigation li.navbar_action span { display:inline-block;margin:0 0 0 10px; }
  .wrapper-header .header .mobile { display:block;height:1px;line-height:1px;font-size:1px; }
  .wrapper-header .header .button-datenschutz { z-index:1;position:absolute;right:125px;bottom:8px;font-weight:normal;font-size:0.7em; }
  .wrapper-header .header .button-impressum { z-index:1;position:absolute;right:44px;bottom:8px;font-weight:normal;font-size:0.7em; }
  .wrapper-header.index .header .button-datenschutz { z-index:1;position:absolute;right:95px;bottom:-36px;font-weight:normal;font-size:0.7em; }
  .wrapper-header.index .header .button-impressum { z-index:1;position:absolute;right:15px;bottom:-36px;font-weight:normal;font-size:0.7em; }
  .wrapper-header .header .button-fb { z-index:1;position:absolute;bottom:8px;right:0px;font-size:23px;text-transform:none; }
  .index { margin-top:-85px; }
  .index .header { background:transparent;background-image:none; }
  .index .header .navigation { width:auto;float:none;clear:left;margin:7px 10px 0 10px; }
  .wrapper-content { background:rgba(255,255,255,0.5); }
  .wrapper-content .content { display:block;width:100%;height:100%; }
  .wrapper-content .content div { padding:10px; }
  .wrapper-content .content .white { color:#000000; }
  .wrapper-content .content .white a { color:#000000; }
  .wrapper-content .content .grey { color:#666666; }
  .wrapper-content .content .grey a { color:#666666; }
  .wrapper-content .c_fullheight { height:100%; }
  .wrapper-content .c_fullwidth { width:100%; }
  .wrapper-content .c_doublewidth { width:100%; }
  .wrapper-content .c_left { position:static;left:0px;  }
  .wrapper-content .c_right { position:static;left:0px; }
  .wrapper-content .c_center { position:static;left:0px; }
  .wrapper-content .c_top { position:static;top:0px; }
  .wrapper-content .c_bottom { position:static;top:0px; }
  .wrapper-content .s_smallcontent div { padding:10px; }
  .wrapper-content .s_inline { text-align:center;padding:0; }
  .wrapper-content .s_inline div { display:block; }
  .wrapper-content .s_inline div p { display:block;text-align:left; }
  .wrapper-content .mobile { display:block;height:1px;line-height:1px;font-size:1px; }
  .wrapper-content .content-container .projekt .projekt-navi-next { position:absolute;width:auto;height:auto;right:20px;bottom:20px;background:#ffffff;font-size:24px;line-height:24px;padding:8px 8px 8px 8px;display:block; }
  .wrapper-content .content-container .projekt .projekt-navi-prev { position:absolute;width:auto;height:auto;left:20px;bottom:20px;background:#ffffff;font-size:24px;line-height:24px;padding:8px 8px 8px 8px;display:block; }
  .wrapper-content .content-submenu { list-style-type:none;text-align:left;font-weight:700;font-size:15px;text-transform:uppercase; }
  .wrapper-content .content-submenu li { padding:3px 0px; }
  .wrapper-content ul.leistungen { list-style-type:none;width:auto;float:none;margin:0px; }
  .wrapper-content ul.leistungen:nth-child(odd) { border-top:1px solid #006e8c;border-left:0px;width:auto;float:none;margin:0px 10px;padding:0px; }
  .wrapper-content ul.leistungen li { padding:15px;border-bottom:1px solid #006e8c; }
  .wrapper-content ul.leistungen li:last-child { border-bottom:0px; }
  .wrapper-content .hidebox { position:absolute;top:100px;width:100%;height:auto; }
  .wrapper-content .hidebox div { width:100%;padding:10px 0px; }
  .wrapper-content .hidebox div div { position:static;padding:0px;width:auto; }
  .wrapper-content .hidebox div h1,
  .wrapper-content .hidebox div h2,
  .wrapper-content .hidebox div h3,
  .wrapper-content .hidebox div ul,
  .wrapper-content .hidebox div div,
  .wrapper-content .hidebox div p { margin:0px 10px; }
  .wrapper-content .hidebox div h1 { margin:0 10px 0.5em 10px; }
  .wrapper-content .hidebox h1.content-action { cursor:pointer;z-index:5; }
  .wrapper-content .hidebox h1.content-action:hover { color:#e1007a; }
  .wrapper-content .hidebox h1.content-action span { display:inline-block;margin:0 0 0 10px;font-size:0.70em;line-height:1em; }
  .wrapper-content .hidebox h1.content-action-hidestyle { margin:0 10px 0 10px;padding:0; }
  .wrapper-content .hidebox h1.content-action-active { color:#e1007a; }
  .wrapper-content .hidebox div.content-action { margin:10px 10px 0 10px;padding:10px 0 0 0;border-top:1px solid #006e8c; }
  .wrapper-content .hidebox div.content-action a { cursor:pointer; }
  .wrapper-content .hidebox div.content-action a span { display:inline-block;margin:0 0 0 10px;font-size:1em; }
  .wrapper-content .hidebox div.content-action-hidestyle { margin:0 10px 0 10px;padding:0;border-top:none; }
}