*,html{ margin:0; padding:0; }
html { width: 100%; height: 100%;}

/* maven-pro-regular - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/maven_pro/maven-pro-v32-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven_pro/maven-pro-v32-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven_pro/maven-pro-v32-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven_pro/maven-pro-v32-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven_pro/maven-pro-v32-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven_pro/maven-pro-v32-latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-500 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/maven_pro/maven-pro-v32-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven_pro/maven-pro-v32-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven_pro/maven-pro-v32-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven_pro/maven-pro-v32-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven_pro/maven-pro-v32-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven_pro/maven-pro-v32-latin-500.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-700 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/maven_pro/maven-pro-v32-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven_pro/maven-pro-v32-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven_pro/maven-pro-v32-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven_pro/maven-pro-v32-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven_pro/maven-pro-v32-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven_pro/maven-pro-v32-latin-700.svg#MavenPro') format('svg'); /* Legacy iOS */
}

body{ margin:0; padding:0; font-family: 'Maven Pro', sans-serif; width: 100%; height: 100%; }
a{ text-decoration:none; font-family: 'Maven Pro', sans-serif; color: #de002a;}
a:hover{ text-decoration:none; }

h1,h2,h3,h4,h5,h6 { font-family: 'Maven Pro', sans-serif;  letter-spacing: 0.7pt; }
p {font-family: 'Maven Pro', sans-serif; font-size: 15px;}


h4 { margin: 16px 0px 0px 0px !important;}



section .container h1 { color: #de002a; text-transform: uppercase; font-size: 36px; }
.contact-font-white { color:#FFF; }
.contact-font-grey { color:#ccc; }
.contact-font-red { color:#de002a; }

.intro { display: table; width: 100%; height: auto; padding: 100px 0; text-align: center; color: #fff; /*background: url(../images/header/wickert.jpg) no-repeat top center scroll;*/ background-color: #000; -webkit-background-size: cover !important;  -moz-background-size: cover; background-size: cover !important; -o-background-size: cover !important; }

.bg { display: table; width: 100%; height: auto; color: #fff; background-image: url(../images/background/bg_dark_02.jpg); background-repeat: repeat; }
.introheadline h1 { text-transform: uppercase; font-size: 50px; font-weight: 700; line-height: 55px; }
.introheadline h1 span{ color: #de002a; }
.introheadline h2 { font-weight: 300; }

#home {  }
#news { }
#referenzen {  }
#profil {  }
#infobereich {  }
#team {  }
#kontakt { background-image: url(../images/background/bg_dark_02.jpg); background-repeat: repeat; }
#kundenlogin { background-image: url(../images/background/bg_dark_02.jpg); background-repeat: repeat; }
#iconarea { padding: 90px 0; margin-bottom: -40px; }



/*.featureicon {  display: block; margin: 0 auto; }
.featureicon ul { list-style-type: none; padding:0; margin:0; }
.featureicon ul li { float: left;  }*/

a.teasericon { display: block; margin: 0 auto; width: 200px; padding-bottom: 40px;  }
a.teasericon .iconwrapper { display: block;  }
a.teasericon .icon { text-align: center;  width: 200px; height: 200px; background-color: #fff; border-radius: 100px; display: table-cell;  vertical-align: middle;  }
a.teasericon .icon i{  font-size: 130px; color: #000;   }
a.teasericon span{ font-size: 40px; color: #fff; display: block; text-align: center; margin-top: 15px;  }
a:hover.teasericon .icon{ background-color: #de002a; }
a:hover.teasericon .icon i{ color: #fff; }
a:hover.teasericon span{ color: #de002a; }



.js-parallax { background-position: 50% 0; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.js-parallax-fixed { background-attachment: fixed; }
/*position: absolute;  top: 220px;*/


.singlenewsheader { background-image: url("../images/header/bg_news.jpg"); background-size: cover; background-position: bottom center;  height: 500px;  } /*bg_new*/
.daten { background-image: url("../images/header/bg_daten.jpg") !important; background-size: cover; background-position: bottom center;  height: 500px; }
.singlenewsheader .contentwrap { margin-top: 120px;  }
.singlenewsheader h1 { text-transform: uppercase; color: #ffffff; text-align: right; font-weight: 700; font-size: 30px; }
.singlenewsheader h2 { text-transform: uppercase; color: #ffffff; text-align: right; font-weight: 700; font-size: 30px; }
.singlenewsheader h3 { color: #ffffff; text-align: right; font-weight: 500; font-size: 20px; }

.singlereferenzheader { background-size: cover;  height: 500px;  }
.singlereferenzheader .contentwrap { position: relative; height: 500px; }
.singlereferenzheader .contentinnerwrap { position: absolute; bottom: 15px; }
.singlereferenzheader h1 { text-transform: uppercase; color: #ffffff;  font-weight: 700; font-size: 30px; }
.singlereferenzheader h2 { color: #ffffff;  font-weight: 700; font-size: 20px; }
.singlereferenzheader img { position: absolute; top:30px; right: 0; }



.referenzitem { margin-bottom: 15px; }
.referenzitem img { max-width: 100%; }

.teamitem { padding: 15px; }
.teamitem .hover { width: 100%; height: 100%; position: absolute; top:0; left:0; background-color: #de002a; border-radius: 50%; display: none; padding: 15px; }
/*.teamitem img:hover + .hover { display: block;}*/
.teamitem .hovertext { top: 50%; left: 50%;  position: absolute; color: #fff; margin: -60px 0 0 -80px; font-size: 18px; }
.teamitem .hovertext a { font-weight: 700; color: #fff; }

.referenztext h1 { text-transform: uppercase; color: #de002a; font-weight: 700; font-size: 40px; }
.referenztext a.linktopage { -webkit-border-radius: 20px; text-transform: uppercase; color: #ffffff; float: right; margin-right: 100px; margin-top: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 5px 16px; font-weight: 700; font-size: 24px; letter-spacing: 0.5pt; background-color: #de002a; }
.referenztext a.linktopage:hover { color: #ccc; }

.referenzslidersinglewrapper { padding-top: 100px;}




.referenzenliste { list-style-type: none; }
.referenzenliste li{ display:none;}
.loadMore { display: block; cursor: pointer; -webkit-border-radius: 20px; text-transform: uppercase; color: #ffffff; float: left; -moz-border-radius: 20px; border-radius: 20px; padding: 5px 16px; font-weight: 700; font-size: 24px; letter-spacing: 0.5pt; }
.redbutton { background-color: #de002a; }
.greybutton { background-color: #ccc; }

.weiterlesennews { display: block; cursor: pointer; -webkit-border-radius: 20px; text-transform: uppercase; z-index: 9999; color: #ffffff; width: 170px; -moz-border-radius: 20px; border-radius: 20px; padding: 5px 16px; background-color: #de002a; font-weight: 700; font-size: 16px; letter-spacing: 0.5pt; }
.weiterlesennews:hover { color: #ccc; }

.impressumlink { float: left; }

.mobilelogo { position: absolute; top: 6px; left: 20px; z-index: 9999; }
.mobilelogo a { display: block; background-image: url('../images/logo_s.png'); width: 136px; height: 45px; }


.your-message textarea, .your-name input, .your-email input, .captchatext { margin: 0 0 20px 0; background-color:#000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #111; padding: 5px 8px 5px 8px; color:#ccc;  }
.your-message textarea {width: 100%;}
.wpcf7-submit {text-transform: uppercase; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 4px 14px; font-weight: 700; font-size: 16px; letter-spacing: 0.5pt; background-color: #de002a; color: #ffffff; border:hidden;}
.your-name input, .your-email input, .captchatext {max-width: 90%; }


.mhead { position: relative; text-align: center; color: #fff; width: 100%; height: 400px; background-color: #000; -webkit-background-size: cover !important;  -moz-background-size: cover; background-size: cover !important; -o-background-size: cover !important; }
.mcenterbuttons { position: absolute; bottom: 70px; left: 50%; }
.mcenterbuttons ul { list-style-type: none; width: 270px; margin-left: -120px; }
.mcenterbuttons ul li { float: left; margin-right: 20px; display: block;  }
.mcenterbuttons ul li a{ text-transform: uppercase; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 4px 14px; font-weight: 700; font-size: 16px; letter-spacing: 0.5pt;  }
.mcenterbuttons ul li a.agentur { background-color: #ffffff; color: #de002a; }
.mcenterbuttons ul li a.anfragen { background-color: #de002a; color: #ffffff; }
.mcenterbuttons ul li a:hover { color: #000;  }

.mbg { display: table; width: 100%; height: auto; color: #fff; background-image: url(../images/background/bg_dark_02.jpg); background-repeat: repeat; padding: 0px 20px 20px 20px; }
.mintroheadline h1 { text-transform: uppercase; font-size: 30px; font-weight: 700; line-height: 35px; }
.mintroheadline h1 span{ color: #de002a; }
.mintroheadline h2 { font-weight: 300;  }

section { padding: 20px 20px; }


/*.bx-wrapper .bx-prev,
.bx-wrapper .bx-next { display: none; }*/

.kontaktformularwrapper { margin-top: 30px; }

.prevnextlinks a { display: none; }

.single-news .container { padding: 0 20px; }
.single-referenzen .container { padding: 0 20px; }

.puffer { float: left; display: block; width: 100%; height: 50px; }

.referenzslidersinglewrapper { margin-top: 40px;  }


/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -20px;
	background: url(../images/arrows_xs.png) no-repeat 0 0px;
}

.bx-wrapper .bx-next {
	right: -20px;
	background: url(../images/arrows_xs.png) no-repeat -33.5px 0px;
}



.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 100px;
	outline: 0;
	width: 33.5px;
	height: 36px;
	text-indent: -9999px;
	z-index: 9998;
}

.impressumbox { padding: 40px 0; }

.areaicon,
.areaiconprofil { display: none; }

.text-infobereich .text { color: #D9D9D9; }

.zuruckbox { padding-top: 150px;  }

.wpcf7 .wpcf7-not-valid-tip { font-size: 14px; color: #fff; font-weight: 300; }
.wpcf7 .wpcf7-mail-sent-ok { border: 0px solid #398f14 !important; color: #ffffff;  }
.wpcf7 .wpcf7-validation-errors { border:0; font-size: 14px; font-weight: 300; margin: 0; padding: 0; color: #ffffff; }
.wpcf7 .ajax-loader { display: none; }


.center1 { position: absolute; bottom: 20px; left: 50%; }
.center1 a { margin-left: -60px; float: left; }
.center2 { position: absolute; top: -55px; left: 50%; }
.center2 a { margin-left: -60px; float: left; }
.scrolldownbutton  { display: block; text-align: center;  width: 120px; height:30px; background-color: rgba(255, 255, 255, 0.8); border-radius: 60px; display: table-cell;  vertical-align: middle;  }
.scrolldownbutton  i{  font-size: 28px; color: #4C4C4C;   }


.infosliderwrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: auto;
    bottom: 100px;
}


.page-template-template-kundenbereich { background-color: #efefef; }

.downfromtop { margin-top: 100px; }


.kundenbereichloginbutton { background-color: #de002a; color: #fff; text-transform: uppercase; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 4px 14px; font-weight: 700; font-size: 16px; letter-spacing: 0.5pt;  }
.kundenbereichloginbutton:hover { color: #000; }


/*******************************
FIX FUER LANDSCAPE MOBIL
*******************************/
@media(min-width:321px){

}


/*****************************************************************************************
ALLE STYLES AB 768px
*****************************************************************************************/
@media(min-width:768px){

.logopad { position: absolute; right: 0px; top: -280px; z-index:9999; }
.logopad a { display: block; background-image: url('../images/logo_pad.png'); background-position: top; width: 227px; height: 134px; }

.logoklein { position: fixed; top: 20px; right: 40px; display: none; z-index:99999; width: 173px; height: 99px; background-image: url('../images/logo_klein.png'); }
.logoklein.visible { display: block; }

.logokleinsub { position: fixed; top: 20px; right: 40px; display: block; z-index:99999; width: 173px; height: 99px; background-image: url('../images/logo_klein.png'); }

.menu { width: 100%; height: 80px; background-color: #de002a; z-index: 9999; position: absolute; bottom: 25%; }
.menu nav { }
.menu nav ul { list-style-type: none; margin: 40px 0 0 0; }
.menu nav ul li { float: left; margin: 0 5px; }
.menu nav ul li a { color: #fff; text-transform: uppercase; padding: 4px 10px; font-weight: 700; font-size: 14px; letter-spacing: 0.5pt; }
.menu nav ul li.current-menu-item a { background-color: #000; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
.menu.nav-fixed { position: fixed; top:0; }

.menusub { width: 100%; height: 80px; background-color: #de002a; z-index: 9999; position: absolute; bottom: 25%; }
.menusub nav { }
.menusub nav ul { list-style-type: none; margin: 40px 0 0 0; }
.menusub nav ul li { float: left; margin: 0 5px; }
.menusub nav ul li a { color: #fff; text-transform: uppercase; padding: 4px 10px; font-weight: 700; font-size: 14px; letter-spacing: 0.5pt; }
.menusub nav ul li.current-menu-item a { background-color: #000; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
.menusub.nav-fixed { position: fixed; top:0; }

.single-news .menusub nav ul li.news a { background-color: #000; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
.single-referenzen .menusub nav ul li.referenzen a { background-color: #000; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }

.newstext { padding-right: 20px; }
.newsimage { width: 100%; }
.newsimage img { width: 100%; }

.referenzensliderwrapper { margin-top: 50px; }
.map { margin-bottom:20px; }
.your-name input, .your-email input, .captchatext {width: 420px;}

.contact-font-white { font-size: 13px; }


.kontaktformularwrapper { display: block; padding-top: 30px; }


.centerbuttons { position: absolute; top: -185px; left:0px; }
.centerbuttons ul { list-style-type: none; width: 350px;  }/**/
.centerbuttons ul li { float: left; margin-right: 20px; display: block;  }
.centerbuttons ul li a{ text-transform: uppercase; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 4px 14px; font-weight: 700; font-size: 22px; letter-spacing: 0.5pt;  }
.centerbuttons ul li a.agentur { background-color: #ffffff; color: #de002a; }
.centerbuttons ul li a.anfragen { background-color: #de002a; color: #ffffff; }
.centerbuttons ul li a:hover { color: #000;  }

/*.centerbuttons { position: absolute; top: -185px; left: 50%; }
.centerbuttons ul { list-style-type: none; width: 350px; margin-left: -120px;  }/*
.centerbuttons ul li { float: left; margin-right: 20px; display: block;  }
.centerbuttons ul li a{ text-transform: uppercase; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 4px 14px; font-weight: 700; font-size: 22px; letter-spacing: 0.5pt;  }
.centerbuttons ul li a.agentur { background-color: #ffffff; color: #de002a; }
.centerbuttons ul li a.anfragen { background-color: #de002a; color: #ffffff; }
.centerbuttons ul li a:hover { color: #000;  }*/

.referenzitem { padding-right: 15px; }


.singlenewsheader { margin-top: 80px; }
.singlereferenzheader { margin-top: 80px; }

.prevnextlinks a { background-color: #de002a; display: block; color: #fff; position: fixed; top: 40%;   }
.prevnextlinks a i { font-size: 50px; color: #fff; }
.prevnextlinks a.prevlink { left: 0; padding: 5px 20px 5px 5px; -webkit-border-top-right-radius: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-topright: 20px;-moz-border-radius-bottomright: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px; }
.prevnextlinks a.nextlink { right: 0; padding: 5px 5px 5px 20px; -webkit-border-top-left-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-bottomleft: 20px;border-top-left-radius: 20px;border-bottom-left-radius: 20px; }
.prevnextlinks a:hover i { color: #ccc; }

.singlenewsheader h1 { font-size: 40px; }
.singlenewsheader h2 { font-size: 40px; }
.singlenewsheader h3 { font-size: 30px; }

.referenzslidersinglewrapper { width: 80%; margin: 0 auto; }

.singlereferenzheader h1 { font-size: 40px; }
.singlereferenzheader h2 { font-size: 30px; }

#menu-item-impressum { display: none; }

.referenztext h1 { font-size: 50px; }

a.teasericon { padding-bottom: 0;  }


.infosliderwrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: auto;
    bottom: auto;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
    top: auto;
    bottom: -60px;
	margin-top: -16px;
	outline: 0;
	width: 33.5px;
	height: 36px;
	text-indent: -9999px;
	z-index: 9998;
}

.bx-wrapper .bx-prev {
	left: 5px;
	background: url(../images/arrows_s.png) no-repeat 0 0px;
}

.bx-wrapper .bx-next {
	right: 5px;
	background: url(../images/arrows_s.png) no-repeat -27.5px 0px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 -39px;
}

.bx-wrapper .bx-next:hover {
	background-position: -27.5px -39px;
}

.center1 { display: none; }

}






/*****************************************************************************************
ALLE STYLES AB 992px
*****************************************************************************************/
@media(min-width:992px){
.menu nav ul li a { padding: 7px 14px; font-weight: 700; font-size: 16px; }
.menusub nav ul li a { padding: 7px 14px; font-weight: 700; font-size: 16px; }

.prevnextlinks a { top: 50%;   }
.prevnextlinks a i { font-size: 50px;  }

.singlenewsheader { height: 370px; }

.contact-font-white { font-size: 14px; }

.centerbuttons { position: absolute; top: -180px; left:0px; }


.wpcf7-submit:hover { color: #000;  }

.referenzslidersinglewrapper { width: 70%; }

}


/*****************************************************************************************
ALLE STYLES GROESSER ALS 1200px
*****************************************************************************************/
@media(min-width:1200px){

.logo { position: absolute; right: 50px; top: 80px; z-index:9999; }
.logo a { display: block; background-image: url('../images/logo.png'); background-position: top; width: 362px; height: 215px; }
.logo a:hover { background-position: bottom; }

.menu nav ul li a { padding: 7px 20px; font-weight: 700; font-size: 16px; }
.menusub nav ul li a { padding: 7px 20px; font-weight: 700; font-size: 16px; }
.menu nav ul li a:hover { text-decoration: none; background-color: #aa0322; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }
.menusub nav ul li a:hover { text-decoration: none; background-color: #aa0322; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }

.singlenewsheader { height: 500px; }

.loadMore:hover { color: #ccc; }

.centerbuttons { position: absolute; top: -185px; left: 50%; }
.centerbuttons ul { list-style-type: none; width: 350px; margin-left: -120px;  }

.logopad { display: none; }

.contact-font-white { font-size: 16px; }


.your-name input, .your-email input, .captchatext {width: 515px;}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next { display: block; }

.prevnextlinks a { top: 40%;   }
.prevnextlinks a i { font-size: 80px;  }

.prevnextlinks a.prevlink { padding: 5px 50px 5px 5px; }
.prevnextlinks a.nextlink { padding: 5px 5px 5px 50px; }

.referenzslidersinglewrapper { width: 100%; }

.singlereferenzheader h1 { font-size: 50px; }
.singlereferenzheader h2 { font-size: 40px; }

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -70px;
	background: url(../images/arrows.png) no-repeat 0 0px;
}

.bx-wrapper .bx-next {
	right: -70px;
	background: url(../images/arrows.png) no-repeat -55px 0px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 -78px;
}

.bx-wrapper .bx-next:hover {
	background-position: -55px -78px;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 5%;
	margin-top: -16px;
	outline: 0;
	width: 55px;
	height: 78px;
	text-indent: -9999px;
	z-index: 9998;
}

.infosliderwrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 55px;
	height: 78px;
	text-indent: -9999px;
	z-index: 9998;
}

.newssliderwrap { padding-top: 50px;  }

.areaicon { display: block; position: absolute; top:0px; right:0; }
.areaiconprofil { display: block; position: absolute; top:0px; left:0; }

.text-profil { padding-left:230px; }
}