/* cmsms stylesheet: Vespermann modified: 18.05.2018 12:36:46 */
@import url(https://fonts.googleapis.com/css?family=Roboto);

html {
overflow-y: scroll;
}

body {
font-size: 100%;
font-family: Roboto, sans-serif;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

a {
color: #0b2a6a;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

img {
border: 0;
height: auto;
vertical-align: bottom;
}

img,
iframe {
max-width: 100%;
}

small {
color: #666;
}

ul {
list-style: none;
}

input, select, textarea, button {
color: inherit;
font-size: inherit;
font-family: inherit;
}

hr {
border: 0;
height: 1px;
background-color: #0b2a6a;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

h1 { font-size: 220%; }
h2 { font-size: 180%; }
h3 { font-size: 140%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

.w {
position: relative;
max-width: 1200px;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
}

.b {
margin-top: 30px;
margin-bottom: 30px;
}

.g {
margin-left: -30px;
margin-right: -30px;
}

.g:after {
display: table;
content: "";
clear: both;
}

.g-1,
.g-2,
.g-3,
.g-4,
.g-5,
.g-6,
.g-7,
.g-8,
.g-9,
.g-10,
.g-11,
.g-12 { 
float: left;
padding-left: 30px;
padding-right: 30px;
}

.g-1 { width: 8.33333333%; }
.g-2 { width: 16.66666667%; }
.g-3 { width: 25%; }
.g-4 { width: 33.33333333%; }
.g-5 { width: 41.66666667%; }
.g-6 { width: 50%; }
.g-7 { width: 58.33333333%; }
.g-8 { width: 66.66666667%; }
.g-9 { width: 75%; }
.g-10 { width: 83.33333333%; }
.g-11 { width: 91.66666667%; }
.g-12 { width: 100%; }

.fl { float: left; }
.fr { float: right; }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.list {
list-style: disc;
padding-left: 25px;
}

.flexslider {
border-radius: 0;
border: 0;
margin: 0;
}

.error_message {
color: red;
margin-bottom: 30px;
}

.formbuilderform div {
margin-bottom: 10px;
}

.formbuilderform label {
display: block;
margin-bottom: 5px;
}

.formbuilderform input[type="submit"],
.formbuilderform input[type="button"] {
color: #fff;
background-color: #0b2a6a;
border: 0;
border-radius: 2px;
cursor: pointer;
display: inline-block;
padding: 6px 12px;
text-align: center;
white-space: nowrap;
}

.formbuilderform input[type="text"],
.formbuilderform textarea {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
box-shadow: 0 1px 2px #ddd inset;
outline: 0;
padding: 10px;
width: 50%;
}

.formbuilderform input[type="text"]:focus,
.formbuilderform textarea:focus {
border:1px solid #75b9f0;box-shadow:0 0 6px #75b9f0
}

.formbuilderform textarea {
height:75px;transition:height .5s
}

.formbuilderform textarea:focus {
height:150px
}

#header {
margin-top: 30px;
margin-bottom: 30px;
}

#header a {
display: block;
margin-right: 50px;
}

#nav-menu {
display: none;
font-size: 150%;
cursor: pointer;
position: absolute;
top: 10px;
right: 30px;
}

#nav {
padding-bottom: 60px;
border-right: 0;
border-bottom: 5px solid #eee;
overflow: hidden;
}

#nav ul {
float: right;
}

#nav li {
float: left;
margin-left: 30px;
}

#nav a {
color: #999;
display: block;
padding: 5px 10px;
text-decoration: none;
text-transform: uppercase;
border-bottom: 3px solid transparent;
position: relative;
}

#nav a.currentpage,
#nav a.activeparent {
border-color: #0b2a6a;
}

#nav ul ul {
position: absolute;
top: 40px;
left: 30px;
}

#nav ul ul li {
margin: 0;
}

#nav ul ul a {
font-size: small;
padding-top: 0;
padding-bottom: 0;
}

#nav ul ul a.currentpage {
border-color: transparent;
}

#nav ul ul a.currentpage:before {
content: '';
width: 5px;
height: 5px;
background-color: #0b2a6a;
border-radius: 50%;
position: absolute;
margin-top: -2.5px;
top: 50%;
left: 0;
}

#main {
padding-top: 60px;
padding-bottom: 60px;
border-top: 10px solid #0b2a6a;
}

#main h1 {
width: 80%;
}

#content {
overflow: hidden;
}

.content-image,
#content-image,
#content-image-slider {
float: right;
margin: 30px 0 30px 60px;
}

.content-image,
#content-image img {
padding: 5px;
border: 3px solid #eee;
}

#content-image-slider {
width: 200px;
height: 187px;
position: relative;
}

#content-image-slider img {
box-shadow: 10px 10px 10px #ddd;
position: absolute;
width: 180px;
height: 187px;
top: 0;
left: 0;
}

#content h2,
#content h3,
#content hr,
#content ul,
#content p {
margin-top: 30px;
}

#footer-nav {
padding: 15px 115px;
text-align: right;
background-color: #0b2a6a;
}

#footer-nav li {
display: inline;
margin-left: 30px;
}

#footer-nav a {
color: #fff;
}

#footer-cols,
#footer-copyright {
padding: 30px;
background-color: #eee;
}

#footer-cols img {
margin: 10px 5px 0 0;
}

#footer-copyright {
padding-top: 0;
}

#slider {
overflow: hidden;
}

#slider .slides-image {
height: 400px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

#slider .slides-text {
padding: 15px 0 10px;
font-size: 180%;
text-align: center;
color: #0b2a6a;
background-color: rgba(255, 255, 255, 0.7);
width: 40%;
position: absolute;
top: 35%;
left: 30%;
}

#slider .slides-text span {
padding: 5px 20px;
color: #fff;
background-color: #0b2a6a;
display: inline-block;
}

#news-list a {
color: #000;
}

#news-list ul {
list-style: none;
padding: 0;
border-top: 2px solid #000;
}

#news-list li {
padding: 6px 0 6px 20px;
border-bottom: 2px solid #000;
position: relative;
}

#news-list li:before {
content: '';
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #0b2a6a;
position: absolute;
left: 0;
}

#page-home #home-slider img {
width: auto;
max-height: 100px;
display: inline;
}

#page-home #home-slider strong {
font-size: 140%;
}

#page-blog #news-list ul,
#page-blog #news-list li {
border-color: #eee;
}

#page-leistungsspektrum #content ul li:last-child {
margin-top: 35px;
}

#page-leistungsspektrum #content ul li:last-child:before {
content: '';
width: 20%;
margin-top: -15px;
border-top: 1px solid #0b2a6a;
position: absolute;
}

@media(max-width:768px) {
.g {
margin-left: 0;
margin-right: 0;
}

.g-1,
.g-2,
.g-3,
.g-4,
.g-5,
.g-6,
.g-7,
.g-8,
.g-9,
.g-10,
.g-11,
.g-12 { 
width: auto;
float: none;
padding-left: 0;
padding-right: 0;
}

#nav-menu {
display: block;
}

#nav {
display: none;
border-right: 5px solid #eee;
border-bottom: 0;
background-color: #0b2a6a;
width: 80%;
overflow-y: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 99;
}

#nav ul,
#nav li {
float: none;
}

#nav ul {
margin-top: 30px;
}

#nav li {
margin: 0;
border-top: 1px solid #fff;
}

#nav a {
color: #fff;
padding: 15px;
}

#nav ul ul {
position: relative;
left: auto;
top: auto;
margin: 0 0 10px 25px;
}

#nav ul ul li {
border: 0;
}

#nav ul ul a {
padding: 10px;
}

#footer-nav {
padding: 15px 30px;
text-align: left;
}

#footer-nav li {
display: block;
margin: 5px 0;
}

#footer-cols .g-3 {
margin: 15px 0;
}

#slider .slides-text {
top: auto;
bottom: 0;
left: auto;
width: 100%;
}
}