header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/desc.svg)}
@charset "UTF-8";
body {
  color: #000;
  font-size: 16px; }

.ce_form {
  transition: all 300ms ease-in-out;
  transform: translateX(-10vw);
  opacity: 0;
  overflow: visible;
  width: 33%;
  margin: 0 auto;
  padding: 20px;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); }
  .ce_form.slideIn {
    transform: translateX(0);
    opacity: 1; }
  .ce_form.slideOut {
    transform: translateX(10vw);
    opacity: 0; }

    .form_container .numbers {
      transition: all 600ms ease-in-out;
      opacity: 1;
    }

    .form_container .numbers.fadeOut {
      opacity: 0;
      transform: translateX(-100px);
    }
  
  .ce_form h2 {
    margin-top: 0px; }
  .ce_form p.error {
    color: #990000; }
  .ce_form textarea {
    width: 100%;
    height: 300px;
    margin-bottom: 20px; }
  .ce_form .widget > label {
    margin-bottom: 20px;
    display: block; }
  .ce_form .widget-text > label, .ce_form .widget-select > label {
    margin-bottom: 5px; }
  .ce_form input.text {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-bottom: 20px; }
  .ce_form button {
    border: 1px solid green;
    color: #000;
    padding: 5px 15px;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer; }
    .ce_form button:hover {
      color: #fff;
      background-color: green; }
  .ce_form legend {
    margin-bottom: 20px; }
  .ce_form .widget-pagebreak {
    text-align: right; }

.checkbox_wrapp, .radio_wrapp {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  padding-top: 6px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .checkbox_wrapp:hover > input ~ .checkmark, .radio_wrapp:hover > input ~ .checkmark {
    background-color: #ccc; }
  .checkbox_wrapp input, .radio_wrapp input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
    .checkbox_wrapp input:checked ~ .checkmark, .radio_wrapp input:checked ~ .checkmark {
      background-color: #2196F3; }
    .checkbox_wrapp input:checked ~ .checkmark:after, .radio_wrapp input:checked ~ .checkmark:after {
      display: block; }
  .checkbox_wrapp .checkmark, .radio_wrapp .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee; }
    .checkbox_wrapp .checkmark:after, .radio_wrapp .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 9px;
      top: 5px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.radio_wrapp .checkmark {
  border-radius: 50%; }
  .radio_wrapp .checkmark:after {
    top: 7px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white; }

.select_wrapp {
  position: relative;
  width: 200px;
  margin-bottom: 20px; }
  .select_wrapp::before {
    content: "";
    font-family: FontAwesome;
    z-index: 999;
    color: #fff;
    font-size: 20px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 10px; }
  .select_wrapp select {
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: green;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    outline: none;
    padding-left: 10px;
    width: 100%; }
    .select_wrapp select option {
      color: #666; }
    .select_wrapp select::-ms-expand {
      display: none; }
    .select_wrapp select:focus::-ms-value {
      background-color: transparent; }

/*# sourceMappingURL=styles.css.map */

@charset "UTF-8";
/* Box system */
.full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth {
  overflow: hidden;
  float: left;
  position: relative;
  display: block; }
  @media screen and (max-width: 700px) {
    .full:not(.no_mobile_change), .one_half:not(.no_mobile_change), .one_third:not(.no_mobile_change), .two_third:not(.no_mobile_change), .one_fourth:not(.no_mobile_change), .two_fourth:not(.no_mobile_change), .three_fourth:not(.no_mobile_change), .one_fifth:not(.no_mobile_change), .two_fifth:not(.no_mobile_change), .three_fifth:not(.no_mobile_change), .four_fifth:not(.no_mobile_change) {
      width: 100% !important;
      margin-left: 0px !important;
      float: none; } }
  .single.full, .single.one_half, .single.one_third, .single.two_third, .single.one_fourth, .single.two_fourth, .single.three_fourth, .single.one_fifth, .single.two_fifth, .single.three_fifth, .single.four_fifth {
    clear: both;
    float: none; }

.full {
  margin-left: 0;
  width: 100%; }

.one_half {
  margin-left: 4%;
  width: 48%; }
  .one_half.no-margin {
    margin-left: 0px;
    width: 50%; }
  .one_half.centered.first {
    margin-left: 26% !important; }
    @media screen and (max-width: 700px) {
      .one_half.centered.first {
        margin-left: 0px !important; } }

.one_third {
  margin-left: 5%;
  width: 30%; 
}
  .one_third.no-margin {
    margin-left: 0px;
    width: 35%; }
  .one_third.centered.first {
    margin-left: 15% !important; }
    @media screen and (max-width: 700px) {
      .one_third.centered.first {
        margin-left: 0px !important; } }

.two_third {
	margin-left: 5%;
	width: 65%; 
}

.one_fourth {
  margin-left: 4%;
  width: 22%;
   min-height: 280px;
}
.two_fourth {
  margin-left: 4%;
  width: 48%; }

.three_fourth {
  margin-left: 4%;
  width: 74%; }

.one_fifth {
  overflow: hidden;
  margin-left: 2%;
  width: 18%;
  min-height: 285px;
	}

.two_fifth {
  overflow: hidden;
  margin-left: 4%;
  width: 37%; }

.three_fifth {
  margin-left: 4%;
  width: 57%; }

.four_fifth {
  margin-left: 4%;
  width: 79%; }

.full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first {
  margin-left: 0 !important;
  clear: left; }

/* BOXEN SPECIAL */
a.teaser {
  display: block;
  position: relative;
  border-top: 1px solid #074885;
  border-bottom: 1px solid #074885;
  overflow: visible; }
  a.teaser .ce_text, a.teaser figure {
    margin-bottom: 0px !important; }
  a.teaser img {
    display: block; }
  a.teaser .overlay {
    transition: all 300ms ease;
    opacity: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%; }
  a.teaser .description {
    width: 100%;
    color: #074885;
    position: absolute;
    top: -25px;
    text-transform: uppercase;
    font-size: 1.2em;
    text-align: center;
    -webkit-animation: slide-up 600ms 1;
    -moz-animation: slide-up 600ms 1;
    -o-animation: slide-up 600ms 1;
    animation: slide-up 600ms 1;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
@-webkit-keyframes slide-up {
  0% {
    top: 50%; }
  20% {
    top: 52%; }
  100% {
    top: -25px; } }
@-moz-keyframes slide-up {
  0% {
    top: 50%; }
  20% {
    top: 52%; }
  100% {
    top: -25px; } }
@-o-keyframes slide-up {
  0% {
    top: 50%; }
  20% {
    top: 52%; }
  100% {
    top: -25px; } }
@keyframes slide-up {
  0% {
    top: 50%; }
  20% {
    top: 52%; }
  100% {
    top: -25px; } }
  a.teaser:hover .description {
    color: #FFF;
    transform: translate(-50%, -50%);
    left: 50%;
    -webkit-animation: slide-down 600ms 1;
    -moz-animation: slide-down 600ms 1;
    -o-animation: slide-down 600ms 1;
    animation: slide-down 600ms 1;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
@-webkit-keyframes slide-down {
  0% {
    top: 0; }
  80% {
    top: 52%; }
  100% {
    top: 50%; } }
@-moz-keyframes slide-down {
  0% {
    top: 0; }
  80% {
    top: 52%; }
  100% {
    top: 50%; } }
@-o-keyframes slide-down {
  0% {
    top: 0; }
  80% {
    top: 52%; }
  100% {
    top: 50%; } }
@keyframes slide-down {
  0% {
    top: 0; }
  80% {
    top: 52%; }
  100% {
    top: 50%; } }
  a.teaser:hover .overlay {
    background-color: #FBCE4D;
    opacity: 0.7; }

a.quick-product {
  transition: all 300ms ease;
  padding: 20px;
  box-sizing: border-box;
  color: #302375;
  text-align: center; }
  a.quick-product:hover {
    text-decoration: none;
    background-color: rgba(251, 206, 77, 0.2); }
  a.quick-product figure {
    margin-bottom: 30px; }
    a.quick-product figure img {
      max-width: 80%;
      margin: 0 auto; }

.fly-away.flying {
  -webkit-animation: fly 500ms 1;
  -moz-animation: fly 500ms 1;
  -o-animation: fly 500ms 1;
  animation: fly 500ms 1;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
@-webkit-keyframes fly {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1);
    opacity: 1; }
  10% {
    transform: translate(0, 0) rotate(0deg) scale(1.1); }
  100% {
    opacity: 0;
    transform: translate(600px, -100px) rotate(90deg) scale(0.1); } }
@-moz-keyframes fly {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1);
    opacity: 1; }
  10% {
    transform: translate(0, 0) rotate(0deg) scale(1.1); }
  100% {
    opacity: 0;
    transform: translate(600px, -100px) rotate(90deg) scale(0.1); } }
@-o-keyframes fly {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1);
    opacity: 1; }
  10% {
    transform: translate(0, 0) rotate(0deg) scale(1.1); }
  100% {
    opacity: 0;
    transform: translate(600px, -100px) rotate(90deg) scale(0.1); } }
@keyframes fly {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1);
    opacity: 1; }
  10% {
    transform: translate(0, 0) rotate(0deg) scale(1.1); }
  100% {
    opacity: 0;
    transform: translate(600px, -100px) rotate(90deg) scale(0.1); } }
/*.info
 * padding: 20px
 * background-color: $color-gold
 * color: $color-font-light
 * display: inline-block */
.slide-left {
  -webkit-animation: slide-to-left 500ms 1;
  -moz-animation: slide-to-left 500ms 1;
  -o-animation: slide-to-left 500ms 1;
  animation: slide-to-left 500ms 1;
  animation-delay: 500ms;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
@-webkit-keyframes slide-to-left {
  0% {
    transform: translate(0px, 0);
    opacity: 1; }
  100% {
    transform: translate(-2000px, 0);
    opacity: 0; } }
@-moz-keyframes slide-to-left {
  0% {
    transform: translate(0px, 0);
    opacity: 1; }
  100% {
    transform: translate(-2000px, 0);
    opacity: 0; } }
@-o-keyframes slide-to-left {
  0% {
    transform: translate(0px, 0);
    opacity: 1; }
  100% {
    transform: translate(-2000px, 0);
    opacity: 0; } }
@keyframes slide-to-left {
  0% {
    transform: translate(0px, 0);
    opacity: 1; }
  100% {
    transform: translate(-2000px, 0);
    opacity: 0; } }
body.fade-in-page {
  opacity: 0;
  -webkit-animation: fade-in-an 500ms 1;
  -moz-animation: fade-in-an 500ms 1;
  -o-animation: fade-in-an 500ms 1;
  animation: fade-in-an 500ms 1;
  animation-delay: 500ms;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
@-webkit-keyframes fade-in-an {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fade-in-an {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fade-in-an {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in-an {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    opacity: 1; } }
#wrapper #header .inside .top_bar, #wrapper #header .inside .mod_article .inside, #container .mod_article .inside, #footer .inside {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }

body {
  color: #000;
  font-size: 16px;
  line-height: 1.2em;
  font-family: "Lato", sans-serif; }

* {
  margin: 0;
  padding: 0; }

h1, h2, h3 {
  letter-spacing: 1px; }

h1 {
  font-size: 32px;
  margin-bottom: 30px; 
  line-height: 120%;
  }
h2 {
  font-size: 24px; 
  margin-bottom: 24px; 
  line-height: 1.2em;
  }
h3 {
  font-size: 20px; 
    line-height: 1.2em;
font-weight: 700;
    margin-bottom: 15px;
   }
a {
  color: #074885;
  text-decoration: none; }
  a:hover {
    text-decoration: underline;
    color: rgba(7, 72, 133, 0.7); }

ul {
	color: #074885;
	margin-left: 0px;
	font-size: 16px;
	line-height: 1.5em;
	list-style-type: disc;!important
}


/****************************************/
/* Serviceboxen bereich nach Slider    */
/****************************************/
.servicebox{
			background-color: $light-gray;

		.inside{
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			.ce_text{
				width: 100%;
				@include mittel{
					width: 49%;	
				}
				@include navigation-size{
					width: 32%;
				}
				
				position: relative;
				background-color: $boxcolorblue;
				height: 325px;
				color: #fff;
			//	background-image: url(../../files/css/images/cross.svg);
				background-repeat: no-repeat;
				background-position: 95% 1em;
				background-size: 67px;
				margin-bottom: 2em;
				&.green{
	//				background-color: #B4C6C4;
					background-color: #fff;
				}
				box-shadow: 0 1px 2px rgba(0,0,0,0.0);
				transition: box-shadow 0.3s ease-in-out;
				&:hover{
					  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
				}
			
			}
		}
	}

/****************************************/
/* Mouseover Schatten hinter Bilder     */
/****************************************/
.shadow{
			background-color: $light-gray;
			text-align: center;
			box-shadow: 0 1px 2px rgba(0,0,0,0.0);
				transition: box-shadow 0.3s ease-in-out;
			&:hover{
					  box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	}	
}


/****************************************/
/* rahmen um die Graphik   */
/****************************************/
.imagin1{
	//	color: #fff!important;
	//	background-color: $brand-primary;
	//	padding: 10px 25px 10px 25px;
img {
   padding:1px;
   border:1px solid #c5c5c5;
 	&:hover{
			box-shadow: 0 5px 5px rgba(0,0,0,0.3);
			transition: box-shadow 0.3s ease-in-out;
	
  	}
}
	}


#wrapper {
  overflow: hidden; }
  #wrapper #header .inside .top_bar .logo {
    padding: 10px 0px 20px 0px; }
    @media screen and (max-width: 500px) {
      #wrapper #header .inside .top_bar .logo {
        width: 60%; } }
  #wrapper #header .inside .top_bar .mod_navigation.normal_nav {
    overflow: visible;
    height: 35px;
    position: relative;
    background: #074885; }
    #wrapper #header .inside .top_bar .mod_navigation.normal_nav::before, #wrapper #header .inside .top_bar .mod_navigation.normal_nav::after {
      content: "";
      top: 0px;
      position: absolute;
      right: 100%;
      width: 2000px;
      height: 100%;
      background-color: #074885; }
    #wrapper #header .inside .top_bar .mod_navigation.normal_nav::after {
      left: 100%; }
    @media screen and (max-width: 960px) {
      #wrapper #header .inside .top_bar .mod_navigation.normal_nav {
        display: none; } }
    #wrapper #header .inside .top_bar .mod_navigation.normal_nav ul li {
      position: relative;
      float: left;
      list-style-type: none;
      margin-right: 1.2vw; }
      #wrapper #header .inside .top_bar .mod_navigation.normal_nav ul li:last-child {
        margin-right: 0px; }
      #wrapper #header .inside .top_bar .mod_navigation.normal_nav ul li a {
        text-decoration: none;
        padding: 5px 0px 10px;
        display: block;
        transition: all 300ms ease-in-out;
        text-transform: uppercase;
        color: #ffffff; 
      }
        #wrapper #header .inside .top_bar .mod_navigation.normal_nav ul li a:hover {
          color: rgba(255, 255, 255, 0.5); 
          }
        #wrapper #header .inside .top_bar .mod_navigation.normal_nav ul li a:first-child {
          padding-left: 0; }
      #wrapper #header .inside .top_bar .mod_navigation.normal_nav ul li ul {
        transition: all 300ms ease-in-out;
        opacity: 0;
        pointer-events: none;
        z-index: -1;
        position: absolute;
        z-index: 999;
        background-color: #074885;
        top: 35px;
        padding: 5px;
        box-sizing: border-box; }
        #wrapper #header .inside .top_bar .mod_navigation.normal_nav ul li ul li {
          margin: 5px;
          float: none;
          white-space: nowrap;
          postion: relative; }
          #wrapper #header .inside .top_bar .mod_navigation.normal_nav ul li ul li ul {
            opacity: 0;
            position: absolute;
            background-color: #074885;
            left: calc(100%);
            top: 0px; }
      #wrapper #header .inside .top_bar .mod_navigation.normal_nav ul li strong {
        display: block;
        padding: 5px 5px 10px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.5);
        font-weight: normal; }
      #wrapper #header .inside .top_bar .mod_navigation.normal_nav ul li:hover > ul {
        opacity: 1;
        pointer-events: auto;
        z-index: 99; }
  #wrapper #header .inside .nav-o-meter {
    transition: all 300ms ease-in-out;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999999999;
    display: none;
    cursor: pointer;
    width: 46px;
    height: 37px;
    border: 2px solid #074885;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 2px; }
    #wrapper #header .inside .nav-o-meter ul.bars li {
      left: 8px;
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      width: 30px;
      height: 2px;
      background-color: #074885;
      position: absolute;
      margin-top: -1px;
      top: 50%;
      opacity: 1;
      transition: all 300ms ease-in-out; }
      #wrapper #header .inside .nav-o-meter ul.bars li:first-child {
        transform: translateY(-10px) rotate(0deg); }
      #wrapper #header .inside .nav-o-meter ul.bars li:last-child {
        transform: translateY(10px) rotate(0deg); }
    #wrapper #header .inside .nav-o-meter.opened {
      top: 20px; }
      #wrapper #header .inside .nav-o-meter.opened ul li:first-child {
        transform: translate(0) rotate(45deg); }
      #wrapper #header .inside .nav-o-meter.opened ul li:nth-child(2) {
        opacity: 0; }
      #wrapper #header .inside .nav-o-meter.opened ul li:last-child {
        transform: translate(0) rotate(-45deg); }
    @media screen and (max-width: 960px) {
      #wrapper #header .inside .nav-o-meter {
        display: block; } }
  #wrapper #header .inside nav.mobile_nav {
    opacity: 0;
    display: none;
    transition: all 300ms ease-in-out;
    width: 100vw;
    height: 100vh;
    background: #ffffff;
    position: fixed;
    z-index: -1;
    top: 0px;
    left: 0px;
    padding: 80px 0px; }
    #wrapper #header .inside nav.mobile_nav.open {
      z-index: 1999999999;
      opacity: 1;
      display: block; }
    #wrapper #header .inside nav.mobile_nav ul li {
      float: none;
      margin-bottom: 20px;
      width: 100%; }
      #wrapper #header .inside nav.mobile_nav ul li a, #wrapper #header .inside nav.mobile_nav ul li strong {
        display: block;
        text-decoration: none;
        font-weight: 600;
        padding: 3px 10px;
        font-size: 22px;
        line-height: 1.2em;
        color: #074885; }
        #wrapper #header .inside nav.mobile_nav ul li a.submenu::after, #wrapper #header .inside nav.mobile_nav ul li strong.submenu::after {
          content: ">";
          margin-left: 10px;
        }
      #wrapper #header .inside nav.mobile_nav ul li.active strong {
        color: #074885;
        text-decoration: underline; }
    #wrapper #header .inside nav.mobile_nav ul.level_2 {
      top: 83px;
      opacity: 0;
      transition: all 300ms ease-in-out;
      transform: translateX(100%);
      width: 100vw;
      height: 100vh;
      background: #ffffff;
      position: fixed;
      z-index: -1; }
      #wrapper #header .inside nav.mobile_nav ul.level_2.show {
        transform: translateX(0);
        opacity: 1;
        z-index: 299999999; 
      	color: red;
      }
    #wrapper #header .inside nav.mobile_nav ul.level_3 {
      top: 0;
      opacity: 0;
      transition: all 300ms ease-in-out;
      transform: translateX(100%);
      width: 100vw;
      height: 100vh;
      background: #ffffff;
      position: fixed;
      z-index: -1; }
      #wrapper #header .inside nav.mobile_nav ul.level_3.show {
        transform: translateX(0);
        opacity: 1;
        z-index: 399999999; }
    #wrapper #header .inside nav.mobile_nav ul .nav_back {
      font-weight: 600;
      padding: 3px 10px;
      font-size: 22px;
      color: #074885;
      margin-bottom: 20px;
      font-style: italic; }
  /****************************************/
/* Texte Headline im Silder  */
/****************************************/
   #wrapper #header .inside .mod_article {
    width: 100%;
    position: relative;
    background: white;
    background: linear-gradient(180deg, white 0%, #f0f0f0 62%); }
      #wrapper #header .inside .mod_article .inside {
      height: 55vh;
      box-sizing: border-box;
      padding-top: 15px; }
      #wrapper #header .inside .mod_article .inside .ce_text {
        color: #074885;
        font-size: 28px;
        font-weight: 100;
        line-height: calc(30px * 1.3); 
       }
      #wrapper #header .inside .mod_article .inside .floating_img {
        position: absolute;
        right: 0px;
        top: 20px; }
        @media screen and (max-width: 500px) {
          #wrapper #header .inside .mod_article .inside .floating_img {
            display: none; } }
    #wrapper #header .inside .mod_article .logo_bar {
      position: absolute;
      bottom: 0px;
      width: 100%;
      display: flex;
      align-items: center; }
      #wrapper #header .inside .mod_article .logo_bar .ce_image {
        margin-left: 20px;
        width: auto; }
        #wrapper #header .inside .mod_article .logo_bar .ce_image:first-child {
          margin: 0; }

.button {
  background: red;
  font-size: 25px;
  color: #ffffff;
  display: inline-block;
  border-radius: 5px 5px 5px 5px;
  padding: 10px 17px;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.71);
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.71);
  transition: all 300ms ease-in-out; }
  .button:hover {
    cursor: pointer;
    text-decoration: none;
    color: #074885;
    background: red; }

#container {
  color: #074885;
  padding: 35px 0 100px; }
  #container .mod_article {
    overflow: visible; }
    #container .mod_article .inside {
      overflow: visible;
      min-height: 300px; }
    #container .mod_article.full-width .inside {
      width: 100%;
      max-width: none; }
    #container .mod_article .quicklink {
      display: block;
      text-decoration: none;
      overflow: visible;
      box-sizing: border-box;
      padding: 10px 20px;
      text-align: center;
      -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.71);
      box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.71);
      margin-bottom: 20px; }
      #container .mod_article .quicklink * {
        cursor: pointer !important; }
      #container .mod_article .quicklink:hover {
        text-decoration: none;
        cursor: pointer; }
        #container .mod_article .quicklink:hover h1 {
          transition: all 300ms ease-in-out;
          transform: scale(1.1); }
    #container .mod_article.overlay {
      position: fixed;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.8);
      opacity: 0;
      z-index: -1;
      transition: all 300ms ease-in-out; }
      #container .mod_article.overlay .form_container {
        width: 33%;
        margin-top: 100px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        @media screen and (max-width: 960px) {
          #container .mod_article.overlay .form_container {
            width: 70%;
            top: 240px; } }
        @media screen and (max-width: 500px) {
          #container .mod_article.overlay .form_container {
            width: 90%;
            top: 240px; } }
      #container .mod_article.overlay.show {
        opacity: 1;
        z-index: 99999; }

#footer {
  background: #074885; }
  #footer .inside {
    color: #ffffff; }
    #footer .inside .footer_boxes {
      padding: 20px 0; }
      #footer .inside .footer_boxes::after {
        content: "";
        display: table;
        clear: both; }
      #footer .inside .footer_boxes p {
        font-size: calc(16px - 1px);
        line-height: 1.2em; }
      #footer .inside .footer_boxes a {
        color: #ffffff; }
        #footer .inside .footer_boxes a:hover {
          color: rgba(255, 255, 255, 0.7); }
  #footer .copim {
    clear: both;
    color: #000000;
    width: 100%;
    height: 30px;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    position: relative;
    background-color: #ffffff;
    padding: 10px 0px; }
    #footer .copim::before, #footer .copim::after {
      content: "";
      top: 0px;
      position: absolute;
      right: 100%;
      width: 2000px;
      height: 100%;
      background-color: #ffffff; }
    #footer .copim::after {
      left: 100%; }
    @media screen and (max-width: 500px) {
      #footer .copim {
        height: auto; } }
    #footer .copim .left {
      float: left; }
      @media screen and (max-width: 500px) {
        #footer .copim .left {
          float: none;
          text-align: center; } }
    #footer .copim .right {
      float: right; }
      @media screen and (max-width: 500px) {
        #footer .copim .right {
          float: none;
          text-align: center; } }
      #footer .copim .right a {
        color: #000000; }

/****************************************/
/* Versuch weissser 100% width Footer  */
/****************************************/
        
 #footer .marken {
    clear: both;
    color: #000000;
    width: 100%;
    height: 30px;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    position: relative;
    background-color: #ffffff;
    padding: 25px 0px; }
    #footer .marken::before, #footer .marken::after {
      content: "";
      top: 0px;
      position: absolute;
      right: 100%;
      width: 2000px;
      height: 100%;
      background-color: #ffffff; }
    #footer .marken::after {
      left: 100%; }
    @media screen and (max-width: 500px) {
      #footer .marken {
        height: auto; } }
    #footer .marken .left {
      float: left; }
      @media screen and (max-width: 500px) {
        #footer .marken .left {
          float: none;
          text-align: center; } }
    #footer .marken .right {
      float: right; }
      @media screen and (max-width: 500px) {
        #footer .marken .right {
          float: none;
          text-align: center; } }
      #footer .marken .right a {
        color: #000000; }
        
  #footer #backToTop {
    width: 50px;
    height: 50px;
    background: #ffffff;
    border: 2px solid #074885;
    position: fixed;
    right: 20px;
    bottom: 50px;
    cursor: pointer;
    transition: all 300ms ease-in-out;
    transform: translateY(200px); }
    #footer #backToTop:before {
      content: "";
      height: 2px;
      background: #074885;
      transform: rotate(-45deg);
      width: 25px;
      left: 4px;
      position: absolute;
      top: 50%; }
    #footer #backToTop::after {
      content: "";
      height: 2px;
      background: #074885;
      transform: rotate(45deg);
      width: 25px;
      right: 4px;
      position: absolute;
      top: 50%; }
    #footer #backToTop.show {
      transform: translateY(0); }

.ce_form {
  transition: all 600ms ease-in-out;
  transform: translateX(-10vw);
  opacity: 0;
  overflow: visible;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  background: #ffffff; }
  .ce_form.slideIn {
    transform: translateX(0);
    opacity: 1; }
  .ce_form.slideOut {
    transform: translateX(10vw);
    opacity: 0; }
  .ce_form h2 {
    margin-top: 0px; }
  .ce_form p.error {
    color: #990000; }
  .ce_form textarea {
    padding: 5px;
    width: 100%;
    height: 300px;
    box-sizing: border-box;
    margin-bottom: 20px; }
  .ce_form .widget > label {
    margin-bottom: 20px;
    display: block; }
  .ce_form .widget-text > label, .ce_form .widget-select > label {
    margin-bottom: 5px; }
  .ce_form input.text {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-bottom: 20px; }
  .ce_form button {
    border: 1px solid #074885;
    color: #074885;
    background: #ffffff;
    padding: 5px 15px;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer; }
    .ce_form button:hover {
      color: #fff;
      background-color: #074885; }
    .ce_form button[value=back] {
      float: left; }
  .ce_form legend {
    margin-bottom: 20px; }
  .ce_form .widget-pagebreak {
    text-align: right; }

.checkbox_wrapp, .radio_wrapp {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  padding-top: 6px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .checkbox_wrapp:hover > input ~ .checkmark, .radio_wrapp:hover > input ~ .checkmark {
    background-color: #ccc; }
  .checkbox_wrapp input, .radio_wrapp input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
    .checkbox_wrapp input:checked ~ .checkmark, .radio_wrapp input:checked ~ .checkmark {
      background-color: #2196F3; }
    .checkbox_wrapp input:checked ~ .checkmark:after, .radio_wrapp input:checked ~ .checkmark:after {
      display: block; }
  .checkbox_wrapp .checkmark, .radio_wrapp .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee; }
    .checkbox_wrapp .checkmark:after, .radio_wrapp .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 9px;
      top: 5px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.radio_wrapp .checkmark {
  border-radius: 50%; }
  .radio_wrapp .checkmark:after {
    top: 7px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white; }

.select_wrapp {
  position: relative;
  width: 200px;
  margin-bottom: 20px; }
  .select_wrapp::before {
    content: "";
    font-family: FontAwesome;
    z-index: 999;
    color: #fff;
    font-size: 20px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 10px; }
  .select_wrapp select {
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #074885;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    outline: none;
    padding-left: 10px;
    width: 100%; }
    .select_wrapp select option {
      color: #666; }
    .select_wrapp select::-ms-expand {
      display: none; }
    .select_wrapp select:focus::-ms-value {
      background-color: transparent; }

.progress {
  color: #ffffff; }

/*# sourceMappingURL=styles.css.map */


/* Anpassungen */
#wrapper #header .top_bar {
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  max-width: none !important;
  background-color: #fff;
  height: 180px;
}

#wrapper #header > .inside {
  padding-top: 180px;
}

@media screen and (max-width: 700px) {
  #wrapper #header .top_bar {
    height: auto;
  }

  #wrapper #header > .inside {
    padding-top: 50px;
  }

   #wrapper #header .inside .mod_article .inside {
    padding-top: 50px;
  }


  #wrapper #header .inside .mod_article .inside .ce_text {
    font-size: 20px;
    line-height: calc(20px * 1.3);
  }
}


/* LANDSCAPE */
@media screen and (max-width: 1000px) and (orientation: landscape) {
  #wrapper #header .inside .mod_article .inside .ce_image.one_half.floating_img {
    width: 40% !important;
  }

#wrapper #header .inside .mod_article .inside {
    padding-top: 50px;
    height: 100vh;
  }

  #wrapper #header .inside .top_bar img {
    height: 50px;
  }

 #wrapper #container .inside .top_bar img {
    height: 50px;
  }
}

#wrapper #header .top_bar .inside {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}


#container .mod_article.overlay .form_container {
  top: 200px;
}

/****************************************/
/* Rote schrift   */
/****************************************/
        .red {
	color: #F00;
    font-weight: 100;
	}

   .abstand_oben {
    padding-top:15px;
	}
 
/****************************************/
/*    background weiss   */
/****************************************/

.white {
  background-color: #fff;
  padding: 2px 2% 2px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  color: #000;
 	h3{
			text-transform: none;
			color: #000;
			font-size: 1.5em;
			font-weight: bold;
		}
  }







@charset "UTF-8";

/****************************************/
/*              Accordeon               */
/****************************************/
.ce_accordion{
        cursor: pointer;
        display: block;
        font-size: 18px; 
        line-height: 250%;
        margin-bottom: 10px;
        transition: all 0.5s ease;         
        background: url(/files/img/acco_auf.svg) no-repeat right center / 45px auto #e6e6e6;
    /*    &:hover{
            background-color: #000;
        }
        &.active{            
            background: url(/files/img/acco_zu.svg) no-repeat right center / 45px #000;
        }
    }
    */
    
}
    .accordion .ce_text{
    	background: #fff!important;
        padding: 1em 0;
    }
}
    .accordion .start{
    	background: #000!important;
        padding: 1em 0;
    }    
}