/* normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0;}
abbr[title] { border-bottom: 1px dotted; }
b, strong, .bold { font-weight:700; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; -webkit-appearance: none; border-radius: 0;}
select { border-radius: 0;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; border-radius: 0; -webkit-appearance: none !important;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="submit"]{-webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
legend { border: 0;  padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; }
::-moz-selection {background: #b7e6f8; text-shadow: none; }
audio, canvas, iframe, svg, video { vertical-align: middle; }
img { vertical-align: top; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url("../../files/system/css/fonts/montserrat-regular-webfont.eot");
  src: url("../../files/system/css/fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../files/system/css/fonts/montserrat-regular-webfont.woff2") format("woff2"), url("../../files/system/css/fonts/montserrat-regular-webfont.woff") format("woff"), url("../../files/system/css/fonts/montserrat-regular-webfont.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url("../../files/system/css/fonts/montserrat-bold-webfont.eot");
  src: url("../../files/system/css/fonts/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../files/system/css/fonts/montserrat-bold-webfont.woff2") format("woff2"), url("../../files/system/css/fonts/montserrat-bold-webfont.woff") format("woff"), url("../../files/system/css/fonts/montserrat-bold-webfont.ttf") format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "Raleway";
  src: url('../../files/system/css/fonts/raleway-regular.eot');
  src: url('../../files/system/css/fonts/raleway-regular.eot?#iefix') format('embedded-opentype'), url('../../files/system/css/fonts/raleway-regular.woff') format('woff'), url('../../files/system/css/fonts/raleway-regular.ttf') format('truetype'), url('../../files/system/font/raleway-regular.svg#ralewayregular') format('svg');
  font-weight: 400;
  font-style: normal;
}

/* allgemein */
* { margin:0; padding:0; border:0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { height:100%; width:100%; }
html { font-size:100%; }
a {text-decoration:underline; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:inline-block; color:#1b4f9f;}
a:hover {color:#ff7124;}
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
.transit, input.submit {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

body { font-family:'Raleway', sans-serif; font-weight: 400; font-size:15px; line-height:20px; color:#1b4f9f; }
h1, h2, h3 { font-family:'Montserrat', sans-serif; font-weight:600;}
h1,h2 { font-size:34px; line-height:38px; color:#ff7124; margin-bottom:30px;}
h4 { color:#1b4f9f;}
b, strong {font-family:'Montserrat', sans-serif; font-weight:600; font-size:16px; }
.invisible {display:none}
.center_full {position:relative; max-width:1440px; margin:auto; padding:0 40px; }
.center {position:relative; max-width:840px; margin:auto; padding:0 20px; }

/* allgemein */
.wrap {position:relative; opacity:0; width:100%; height:100%; }
.fullback {position:fixed; width:100%; height:100%; }
.loading {position:fixed; top:50%; left:50%; margin:-50px 0 0 -50px; width:100px; height:100px; background:url(../../files/system/images/loading.png) no-repeat center center; -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-name: pulse; 	animation-name: pulse;	-webkit-animation-iteration-count: infinite;}
@-webkit-keyframes pulse {  0% { -webkit-transform: scale(0.7); } 50% { -webkit-transform: scale(1.0); } 100% { -webkit-transform: scale(0.7); } }
@keyframes pulse {  0% { transform: scale(0.7); } 50% { transform: scale(1.0); } 100% { transform: scale(0.7); } }

/* seitenübergang */
.no-js .wrap {opacity:1;}
.no-js .loading {display:none;}
.wrap, .animsition-overlay { position: relative; opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animsition-loading, .animsition-loading:after {display:none;}
@-webkit-keyframes fade-in { 0% { opacity: 0; } 100% {  opacity: 1; }}
@keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; }}
.fade-in { -webkit-animation-name: fade-in;  animation-name: fade-in;}
@-webkit-keyframes fade-out { 0% {  opacity: 1; } 100% {  opacity: 0; }}
@keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; }}
.fade-out { -webkit-animation-name: fade-out;    animation-name: fade-out;}

.blue {color:#1b4f9f;}
.orange, .warning {color:#ff7124;}

/* header */
header {position:absolute; z-index:1000;  width:100%; padding:40px 0 30px; background:#fff; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15); font-family:'Montserrat', sans-serif; font-weight:400; font-size:12px; text-transform:uppercase;}
header.fixed {position:fixed; top:0; padding:20px 0 17px;  background-color: #fff;}
header .logo {position:absolute; left:40px; top:-12px; z-index:100;}
header .logger, header .logout {position:absolute; right:40px; top:-7px; color:#ff7124; background:#ffeadc; padding:0 20px; line-height:34px; border-radius:17px;}
header .logger:hover, header .logout:hover {background:#1b4f9f; color:#fff;}
header a {text-decoration:none; }

/* hamburger */
.menu_icon { position:absolute; top:12px; right:20px; cursor:pointer; background:none; width:35px;  padding:5px 35px 15px 0; display:none; z-index:999;}
.menu_icon span { background: #1b4f9f none repeat scroll 0 0; display: block; height: 4px; width: 40px; margin-bottom: 7px; overflow: hidden; position: relative; text-indent: 100%; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; -ms-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; }
.menu_icon:hover .icon_bar_1 { -webkit-transform: translate3d(0px, -2px, 0px); -moz-transform: translate3d(0px, -2px, 0px); -ms-transform: translate3d(0px, -2px, 0px); transform: translate3d(0px, -2px, 0px); }
.menu_icon:hover .icon_bar_3 { -webkit-transform: translate3d(0px, 2px, 0px); -moz-transform: translate3d(0px, 2px, 0px); -ms-transform: translate3d(0px, 2px, 0px); transform: translate3d(0px, 2px, 0px); }
.navigation .menu_icon span {background: #fff none repeat scroll 0 0;}

/* navigation */
.navigation { position:relative; text-align:center;}
.main_nav {  display:inline-block; color:#1b4f9f;}
.main_nav li {position:relative; float:left; padding:0 30px;}
.main_nav li a { display:block; color:#1b4f9f; }
.main_nav li a:after { content: ''; display: block; height:2px; width: 0; background: transparent; transition: width .5s ease, background-color .5s ease; -webkit-transition: width .5s ease, background-color .5s ease;-moz-transition: width .5s ease, background-color .5s ease; }
.no-touchevents .main_nav li a:hover:after {width: 100%; background:#ff7124; }
.no-touchevents .main_nav li.active .active {border-bottom:2px solid #ff7124; padding-bottom:3px;}

/* navi break */
.touchevents header, .touchevents header.fixed {position:fixed; top:0; height:60px; padding:0;}
.touchevents header .logger {position:absolute; right:80px; top:13px;}
.touchevents header .logo {top:8px;}
.touchevents .navigation {position:fixed; background:#1b4f9f; top:60px; right:0; width:50%; max-height:100%; display:none; overflow: hidden; bottom:0; text-align:left;}
.touchevents .overflowbox { position: relative; height:100%; max-height: 100%; overflow:auto; }
.touchevents .menu_icon  {display:block;}
.touchevents .main_nav {font-weight:400; font-size:16px; line-height:46px; text-align:left; padding:20px 0 0 40px;}
.touchevents .main_nav li {position:relative; float:none; border-right:none; border-bottom:none; padding:0;}
.touchevents .main_nav li a { display:block; padding:0; color:#fff !important; border-bottom:none;}
.touchevents .main_nav li.active .active { color:#ffeadc;}

@media (max-width: 1100px) { .main_nav li {padding:0 20px; } }
@media (max-width: 1024px) { 
	.center_full {padding:0 20px; }
	header .logo {left:20px; }
	header .logger, header .logout {right:20px; }
}
@media (max-width:960px) { 
	header, header.fixed {position:fixed; top:0; height:60px; padding:0;}
	header .logger, header .logout {position:absolute; right:80px; top:13px;}
	header .logo {top:8px;}
	.navigation {position:fixed; background:#1b4f9f; top:60px; right:0; width:50%; max-height:100%; display:none; overflow: hidden; bottom:0; text-align:left;}
	.overflowbox { position: relative; height:100%; max-height: 100%; overflow:auto; }
	.menu_icon  {display:block;}
	.main_nav {font-weight:400; font-size:16px; line-height:46px; text-align:left; padding:20px 0 0 40px;}
	.main_nav li {position:relative; float:none; border-right:none; border-bottom:none; padding:0;}
	.main_nav li a { display:block; padding:0; color:#fff !important; border-bottom:none;}
	.main_nav li.active .active { color:#ffeadc;}
}
@media (max-width: 600px) { 
	.navigation, .touchevents .navigation {width:100%;}
	.main_nav { line-height:40px; padding:20px 0 0 20px !important;}
}
@media (max-width: 400px) { 
	h1,h2 { font-size:30px; line-height:34px; }
	header .logger, header .logout { padding:5px 8px; right:70px !important; top:14px !important; line-height:25px; border-radius:15px; font-size:12px; }
}
@media (max-width: 350px) { 
	header .logger, header .logout { padding:3px 5px; right:65px !important; top:15px !important; line-height:25px; border-radius:10px; font-size:10px; }
}

/* main */
main {position:relative; width:100%; padding-top:100px; }
main ul {padding:10px 0;}
main ul li:before {content:"•"; color:#ff7124; margin-right:5px;}
img {max-width:100%; height:auto; }
.img_shadow img {-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);}
.onscroll { opacity: 1; -webkit-transition: opacity .7s ease-in, margin-top .7s ease-out; transition: opacity .7s ease-in, margin-top .7s ease-out; }
.onscroll-hidden { opacity: 0; margin-top:0; }

/* footer */
footer {position:relative; padding:30px 0 40px; font-size:13px; background:#fff; color:#51b2eb;}
footer a {color:#51b2eb;}
.footer_nav {float:right; }
.footer_nav li {float:left;margin-left:10px;}
.footer_nav li:first-child {margin-right:10px;}
.copy {float:left;}

/* login */
#login {position:fixed; width:100%; height:100%; top:0; left:0; z-index:30000; max-height: 100%; display:none; font-size:14px;}
.layer_back {position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7); }
#login .layer_box {position:absolute; width:600px; left:50%; top:20%; margin-left:-300px; }
.layer_box .closex {position:absolute; right:0; top:-3px; width: 32px;   height: 32px;}
.layer_box .closex:before, .layer_box .closex:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color:#fff;}
.layer_box .closex:hover:before, .layer_box .closex:hover:after {background-color: #ff7124;}
.layer_box .closex:before { transform: rotate(45deg);}
.layer_box .closex:after { transform: rotate(-45deg);}
.layer_window {padding:20px;background:#fff; margin-top:35px;}
.layer_window h4 {font-size:16px; margin:20px 0;}
.layer_left {float:left; width:48%;}
.layer_right {float:right; width:48%;}
.layer_box input {width:98%; background:#f0efee; height:30px; line-height:30px; padding-left:2%; margin-bottom:10px;}
.layer_box input.submit {width:auto; padding:0 30px; cursor:pointer; background:#ffeadc; color:#ff7124; text-transform:uppercase; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; margin-top:10px;}
.layer_box input.submit:hover {background:#1b4f9f; color:#fff;}
.layer_right a { text-decoration:underline; color:#1b4f9f;}
.layer_right a:hover { color:#ff7124;}

/* responsive schnickschnack */
@media (max-width: 1024px) { 
	main {padding-top:80px;}
}
@media (max-width: 768px) { 

}
@media (max-width: 600px) {
	#login .layer_box {position:absolute; width:100%; left:0; top:25px; margin-left:0; }
	.layer_box .closex {right:20px;}
	main {padding-top:40px;}
}
@media (max-width: 550px) {
	.layer_left {float:none; width:100%;}
	.layer_right {float:none; width:100%; margin-top:20px;}
}
.left {float:left;}
.right {float:right;}
.content_1 {padding:80px 0 80px;}
.content_1 .left {width:40%;}
.content_1 .right {width:55%; }
.box {margin-top:50px;}
.right strong {background:#ecf4fc; display:block; padding:20px 10px;margin-top:5px;}
.content_2 {background:#ecf4fc; padding:70px 0 100px;}
.more { color:#fff; background:#ff7124; padding:0 40px; line-height:34px; border-radius:17px; text-decoration:none; font-size:12px; text-transform:uppercase; margin-top:40px;}
.more:hover {background:#1b4f9f; color:#fff;}
/* kontakt */
.kont2 a {text-decoration:none;}
form {width:75%;}
label {display:none;}
.widget-captcha label {display:block;}
main input {background:#ecf4fc; padding:20px 10px; width:100%; margin-bottom:5px;}
main textarea {background:#ecf4fc; padding:10px 10px; width:100%; margin-bottom:5px;}
.widget-captcha {}
.widget-captcha input {width:60px; float:left; margin-right:10px; }
.captcha_text {line-height:60px;}
.submit_container {clear:both;}
main .submit {width:auto;  color:#fff; background:#ff7124; padding:0 40px; line-height:34px; border-radius:17px; text-decoration:none; font-size:12px; text-transform:uppercase; margin-top:20px;}
main .submit:hover {background:#1b4f9f; color:#fff;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#1b4f9f; opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#1b4f9f; opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#1b4f9f; opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#1b4f9f;}

#adresse a {text-decoration:none;}

@media (max-width: 960px) { 
	.content_1 {padding:40px 0 60px;}
}
@media (max-width: 700px) { 
	.content_2 {padding:50px 0 70px;}
	form {width:100%;}
}
@media (max-width: 500px) { 
	.content_1 {padding:40px 0;}
	.content_1 .left {width:100%;}
	.content_1 .right {width:100%;padding-top:50px;}
}