@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Alex+Brush|Roboto:400,700');
@font-face {
    font-family: 'Ethnocentric';
    src: url('../fonts/EthnocentricRg-Regular.woff2') format('woff2'),
         url('../fonts/EthnocentricRg-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*
font-family: 'Alex Brush', cursive;
font-family: 'Roboto', sans-serif;
*/

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }
a[href^=tel] { color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
picture img { width: 100%!important; }
img { border:none; max-width: 100%; height: auto; line-height: 0; font-size: 0; }
html { overflow-y: scroll; box-sizing: border-box; }
html, body { font-family: 'Roboto', sans-serif; height: 100%; }
a { color: inherit; text-decoration: none; }
ul li { list-style: none; }


/*Clearer*/
div#logo:after, div#suche:after, div#langMenu:after, .selTelefon:after, div#topnav:after, .mobicon span { content: ""; clear: both; display: table; }

/* effect */
.effect, .ref-mod img, #naviMain > ul > li > a, #footer a, form input[type="submit"], a, .slider .slider-buttons .fa { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

h1, h2 { line-height: 1; font-family: 'Ethnocentric', cursive; font-weight: 400; }
h2 { margin-bottom: 30px; }
h3 { font-weight: 600; }
em { font-style: normal; font-weight: 600; }
a { text-decoration: none; }

div.row:after, #contenthHeader .inner:after, #footer:after, form:after, #naviMain > ul:after { content: ""; clear: both; display: table; }
div.row div.col { float: left; }

.bannerM { display: none; }
.headerBG { margin-bottom: 20px; height: 217px; display: block; background-position: center; }

/*font-size */
.size-16, html, body{ font-size: 16px; line-height: 1.5em; }
.size-20, #content p, form, #content ul{ font-size: 20px; line-height: 1.5em; }
.size-30, h3 { font-size: 30px; line-height: 1.5em; }
.size-40, h1, h2  { font-size: 40px; line-height: 1.5em; }
.size-60, .slider .slider-buttons .fa { font-size: 60px; }

/* limiters */
.inner { max-width: 1200px; margin: 0 auto; }
.smallInner { max-width: 1100px; margin: 0 auto; }

/* color */
.yellow, #footer a:hover, #content a:hover, .slider .slider-buttons .fa:hover,  #footer a:hover, a:hover, .slider .slider-buttons .fa,#footer #naviFooter ul li > a:hover,#footer #naviFooter ul > li.active > a, #footer #naviFooter ul li > a:hover, #naviMain a, #naviMain > ul > li > a:hover, #naviMain > ul > li.active > a  { color: #FFF603; }
.blue, .slider .slider-buttons .fa, h1, h2, #content a { color: #223884 }
.grey, html, body { color: #3e3e3e; }
.white, form input[type="submit"]:hover, #naviMain > ul > li > a, #footer #naviFooter ul li > a, #footer   { color: #fff; }

/* background colors */
.bg.yellow, .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #FFF603; }
.bg.blue, #header, #footer, #contenthHeader > .inner, #content ul > li:before  { background-color: #223884; }
.bg.white, .swiper-pagination-bullet { background-color: #fff; }
.bg.white_trans,
#naviMain > ul > li.active > a,
#naviMain > ul > li:hover > a,
form input[type="submit"]:hover  { background-color: rgba(255,255,255,0.3); }

/* body */
body { background-color: #d7d7d7; background-image: url("../img/bg_trans.jpg"); background-attachment: fixed; background-size: cover;  }
/*body { overflow: visible; background-image: url("../img/alpha_logo_sw_trans.png"); background-position: center; background-size: contain; background-repeat: no-repeat; background-attachment: fixed; }*/
/*body { background-image: url("../img/bg_trans.jpg"); background-position: right; background-size: contain; background-repeat: no-repeat; background-color: #000; background-attachment: fixed; }*/
body#home {  }
html:after { position: fixed; right: 0; top: 0;  height: 100vh; width: 100vw; content: ''; display: block; z-index: 0; }
body { position: relative; z-index: 80; }

/* header */
#logo { position: absolute; left: 50px; top: -35px; z-index: 99; }

header { display: none; }
#naviMainHidden { }

#contenthHeader { position: relative; }

#contenthHeader > .inner { border-radius: 10px 10px 0 0; }

#naviMainOut { float: right; margin-right: 50px;  }
#naviMain { position: relative; }
#naviMain > ul {  }
#naviMain > ul > li { float: left; display: inline-block;  }
#naviMain > ul > li > a { display: block; padding: 24px 15px; }
#naviMain > ul > li.active > a {  }
#naviMain > ul > li > ul  { display: none; }

/* noSlider */
.noSlider { margin-bottom: 80px; }

/* content */
main { margin-top: 50px; background-color: rgba(200, 200, 200, 0.95); -webkit-box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.4) ; box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.4) ; border-radius:  10px;  }
#content { margin-bottom: 80px; padding-bottom: 30px; }
#content .header {margin-bottom: 40px; }
#content h1, #content h2, #content p { margin-bottom: 1.5em; }
#content .header h1, #content .header h2,  #content .header h3 { margin-bottom: 0; }
#content .fa { margin-right: 10px; display: inline-block; width: 20px; }
#content .fa-mobile { padding-left: 3px; }
main { min-height: 61vh; display: block; }
#content .smiley { max-width: 200px; margin-bottom: 40px; }

/* doppelte head */
#content .head { margin-bottom: 30px; }
#content .head h1,
#content .head h2 { margin-bottom: 0; }

/* content list */
#content ul { margin-bottom: 1.5em; padding-left: 20px }
#content ul > li  { position: relative; }
#content ul > li:before  { position: absolute; height: 8px; width: 8px; content: ''; display: block; border-radius: 50%; left: -20px; top: 11px; }

#content p.listHeadline { margin-bottom: 0; }

/* form */
form  { margin-bottom: 40px; }
form input { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; padding: 10px; display: block; background-color: #ffffff; border: none; }
form input:nth-child(2n) { margin-right: 0; }
form input[name="vid"] { height: 0; width: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; display: none; }
form input[type="checkbox"] { width: 20px; margin-bottom: 0; margin-right: 5px; margin-top: 10px; }
form input[type="submit"] { float: none; max-width: 250px; width: 100%; cursor: pointer; }
form textarea { width: 100%; height: 200px; padding: 10px; background-color: #ffffff; border: none; }

/* slider */
.slider { position: relative; margin-bottom: 30px; }
.swiper-wrapper .inhalt img { width: 100%; }
.slider .swiper-pagi { text-align: center; position: absolute; bottom: 12px; z-index: 81; left: 50%; transform: translate(-50%, 0); }
.slider .swiper-pagination-clickable .swiper-pagination-bullet { margin-right: 20px; }
.slider .swiper-pagination-bullet { opacity: 0.6; height: 12px; width: 12px;}
.slider .swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.slider .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: none; width: auto; height: auto; }
#content .slider .slider-buttons .fa { width: auto; height: auto; margin-right: 0; }

/* footer */
#footer { padding: 25px 0; }
#footer .fa { margin-right: 10px; display: inline-block; }
#footer .footerCon p { float: left; margin-right: 20px; }
#footer #naviFooter { float: right; }
#footer #naviFooter ul li { display: inline-block; margin-right: 20px; }

/* grids */
.grid { overflow: hidden; }
.grid > .row { margin-left: -15px; margin-right: -15px; margin-bottom: 30px; }
.grid > .row > .col { float: left; padding-left: 15px; padding-right: 15px;}
.grid_50_50 > .row > .col {  width: 50%; }


/* grids */
.grid { overflow: hidden; }
.grid > .row { margin-left: -15px; margin-right: -15px; }
.grid > .row > .col { float: left; padding-left: 15px; padding-right: 15px;}
.grid_30_30_30 > .row > .col { width: 33.33%; }
.grid_25_25_25_25 > .row > .col { width: 25%; }
.grid_20_20_20_20_20 > .row > .col { width: 20%; }
.grid_50_50 > .row > .col {  width: 50%; }
.col_30 { width: 30%; }
.col_40 { width: 40%; }
.col_60 { width: 60%; }
.col_70 { width: 70%; }


.grid_50_50 > .row > .col img { width: 100%; }

/* referenzen modul */
.ref-mod img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); width: 100%; }
.ref-mod img:hover { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); }
.ref-mod  { max-width: 800px; margin-left: auto; margin-right: auto;  }
.ref-mod .grid > .row { margin-left: 0; margin-right: 0; }
.ref-mod .grid > .row > .col { float: left; padding-left: 0; padding-right: 0;}
.ref-mod .grid_25_25_25_25 > .row > .col { width: 18%; margin-right: 9.33%;  }
.ref-mod .grid_25_25_25_25 > .row > .col:last-child { margin-right: 0;  }
.ref-mod .col.absolute { position: relative }
.ref-mod .col  a { display: block; }
.ref-mod .col.absolute img { position: absolute; top: 50%; transform: translate(0,-50%);  }


/*  mobicon */
.mobicon { display: none; position: absolute; right: 20px; top: 40px; height: 24px; width: 30px; }
.mobicon span { position: absolute; width: 30px; height: 4px; left: 0px; background-color: #FFF603; }
.mobicon span.first { top: 0px; }
.mobicon span.sec { top: 10px; }
.mobicon span.third { top: 20px; }
.mobicon.open span.sec{ opacity: 0; }
.mobicon.open span.first {-webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 10px;   }
.mobicon.open span.third { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -10px; }