@charset "UTF-8";
/*
*
*	PERM4 - Mobile View - adaptive 
*	Author: SECONDRED Newmedia GmbH
*	Web: http://www.secondred.de
*
*/
/*
.desktop .size,
.desktop #container,
.desktop #outerheader,
.desktop #outerfooter,
.desktop #footer{min-width:1180px}
*/
@-ms-viewport { 
	width:device-width; 
	zoom:1.0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.stat .box strong {font-size:80px}
}
@media screen and (min-width: 1701px){
	ul.checklist li strong,
	.node-single > h2,
    .logo-wrap h3,
    .node-single > .inner > h2{	font-size: 1.8vw;line-height: 2vw;}
}
@media screen and (max-width: 1700px){

}
@media screen and (max-width: 1610px){
	fieldset.jobsearch .formItem {width: 49.5%;}
	fieldset.jobsearch .btn-wrap {width: 50.5%;}
}
@media screen and (max-width: 1500px){
    .wpt_test .button {margin-top:auto !important; position: static; margin: 0 auto 20px}
}
@media screen and (max-width: 1450px){
	#header{height:100px}
	#quicksearch fieldset { padding-top: 20px}
	
	#logo {padding:34px 0}
    #logo.jetztich {padding:20px 0}
	#logo a {
	   image-rendering: -moz-crisp-edges; 
	   image-rendering:   -o-crisp-edges;
	   image-rendering: -webkit-optimize-contrast;
	   image-rendering: crisp-edges;
	   -ms-interpolation-mode: nearest-neighbor;
		background-size:contain; width: 260px;height:30px;
	}
	#mainmenu {margin:0 100px 0 280px; padding-top: 30px; font-size: 16px}
	#mainmenu ul li ul:after {top:33px}
	#topmenu {top:30px}
	#container {padding-top:100px}
	
	.success-storys button.prev {left: 0}
	.success-storys button.next {right: 0}
	
	/*.node-single h1 {font-size:	50px; line-height: 50px; margin-bottom: 20px}
	.home .node-single h1 {font-size: 36px; font-size: 2.35vw;line-height: 40px;line-height: 2.7vw;}
	*/
	/*.node-single h2 {font-size:26px; line-height: 30px} */
	
	/*.node-subcontent h2 {font-size:	50px; line-height: 50px; margin-bottom: 20px}
	.node-subcontent h2 {font-size:46px; line-height: 40px}
	*/
	/* #teaser .swiper-slide .text-wrap {	font-size: 54px;line-height: 54px;} */
}
@media screen and (max-width: 1366px){
	.swiper-pagination {bottom:95px;right:95px}
	#teaser .swiper-slide .text-border {top:45px; left: 45px; right:45px;bottom:45px; padding: 45px;}
	#teaser .swiper-slide .text-wrap strong,
    #teaser .swiper-slide .text-wrap h1 {padding-left:45px; margin-left: -51px} 
    
	#teaser .swiper-slide .text-wrap h1 small,
    #teaser .swiper-slide .text-wrap strong small{ left: 45px}
	
	.block-img {margin-bottom: 30px}
	.block-img .img h3 {font-size: 24px; font-size: 1.3vw; line-height: 24px; line-height: 1.5vw;}
	
	.block-brand .logo {left:30px; top: 55px}
	.block-brand .logo img {height:auto !important; width: 80% !important}
	.block-brand .inner {top:30px;right:30px;bottom: 30px;left:30px}
	.block-brand a.jobsBtn{left:55px;bottom: 55px}
	
	#outerfooter{padding:40px 0}
	#footer{margin:0 30px; bottom: 40px}
	#footer h4 {font-size:12px}
	#footer p.copy {font-size:11px;}
}
@media screen and (min-width: 1278px){
    .size,
    #container,
    #outerheader,
    #outerfooter,
    #footer{min-width:1180px}
    
    #teaser .swiper-slide .text-wrap {font-size:40px; line-height: 40px}
    
    .single-news h1, .single-presse h1, .single-event h1, .node-single h1 {
        font-size:40px; font-size: 3.333vw;	
        line-height: 40px;line-height: 3.1vw;
    }

    body.home .node-single h1 {font-size:40px; line-height: 40px;}
}
@media screen and (max-width: 1278px){
	.swiper-pagination {bottom:65px;right:65px}
	#teaser .swiper-slide .text-border {top:30px; left: 30px; right:30px;bottom:30px; padding: 30px}
	#teaser .swiper-slide .text-wrap strong,
    #teaser .swiper-slide .text-wrap h1 {padding-left:30px; margin-left: -36px} 
    
	#teaser .swiper-slide .text-wrap h1 small,
    #teaser .swiper-slide .text-wrap strong small{left: 30px}
	
	#mainmenu {font-size: 14px}
	#mainmenu > ul > li {margin-right:0; width: auto}
	
	.imgborder img {width:100% !important; height: auto !important}
	
	fieldset.register-newsletter .formItem {width: 50%}
}
/* -- Tablet - Landscape -- */
@media screen and (max-width: 1180px){
    
    .size,
    #container,
    #outerheader,
    #outerfooter,
    #footer{min-width:320px}
    
	#header {margin: 0}	
	/*#logo a,
    #logo.jetztich a{width:180px} */
	#mainmenu {margin: 0 100px 0 200px}
    
    a#hamburger { display: block}
	
    #topmenu {right:70px;z-index: 4}
    #topmenu li:nth-child(2){display:none}
    #topmenu ul li a:hover {background:#000078}
	
	#mainmenu { 
		position: absolute; left: -10px; right: -10px; top:100px; margin: 0 !important;
		background: #fff;background:rgba(255,255,255, 0.95); font-size: 18px;padding:0; 
        z-index: 5;
	}
	#mainmenu > ul{padding: 30px 15px;max-height: 80vh; overflow-y: auto;transform: translateZ(0)} 
	#mainmenu li {float:none;}
	#mainmenu > ul > li  a{text-transform: uppercase; text-decoration: none; padding: 10px 20px; display: block; position: relative; z-index: 1}
	#mainmenu > ul > li li {padding: 0 0 0 20px;}
	#mainmenu > ul > li li li a{padding:5px 20px; font-size: 14px}
	#mainmenu .sub-toggle {display:block;transform: translateZ(0); z-index: 3;background:rgba(255,255,255, 0.01)}
    
    .job-select {left:20px; bottom: 20px}
        
	/* -- Inhalte -- */
	.career-steps {padding-top:0}
	.career-steps h4{font-size:14px;padding: 13px 0 13px 20px;margin-bottom: 0}
	.career-steps h4:before {top:0}
	.career-steps .step {font-size: 90px}
	.career-steps ul li {font-size:14px; line-height: 18px}
	
	.stepGrid {padding-top:0}
	.stepGrid h4{font-size:14px;padding: 13px 0 13px 20px;margin-bottom: 0}
	.stepGrid h4:before {top:0}
	.stepGrid .step {font-size: 90px}
	.stepGrid ul li {font-size:14px; line-height: 18px}
	
	.subcontent-grid.grid.four .box {width:50%}
	
	.content-part .cp-inner {padding:40px 30px}
	.content-part .content-img .paraImg {background-attachment: scroll}
	
	.teamgrid.grid.twoRt .box.list {width:45%}
	.teamgrid .team-swiper .swiper-slide a strong {font-size:14px;}
	.teamgrid .team-swiper .swiper-slide a small {font-size:11px; line-height: 14px;}
	
	.teamplayer .portrait {width:220px}
	.teamplayer h4 {font-size:24px}
	.teamplayer strong {font-size:14px; line-height: 22px}
	.teamplayer table {font-size:14px}
	.teamplayer blockquote {font-size: 14px;line-height: 24px;}
	.teamplayer blockquote:before {font-size:70px}
	.teamplayer.withImg .contactInfo {padding:25px}	
	
    .stat .box strong{font-size:80px}
    
    ul.checklist li {padding:0 0 53px 80px}
    ul.checklist li:before {top:40px}
    ul.checklist li strong:before {width:60px; height: 60px; margin-top: -28px; font-size: 30px; line-height: 62px;left:-74px}
    
	#workflow{padding-top:20px}
	#workflow .circle {top:-6px;}
	#workflow .work-item:before {top:80px; bottom: -20px}
    
    #vorteile-slider .title {font-size: 4.5vw}
    #vorteile-slider .desc {padding:30px; overflow: auto}
    
    /* -- KarriereTest -- */
    .wpt_test .question,
    .wpt_test .question .title .title{font-size:14px; line-height: 18px}
    .wpt_test .answer {padding-bottom:15px}

    .wpt_test-get-results .result.description {font-size:14px; line-height: 24px}
    
    #post-3478 blockquote, 
    #post-2058 blockquote { font-size: 14px; line-height: 160%}
    
    /* -- Content Parts -- */
    .content-part .content-img .text-wrap {left:40px; top:40px; right:40px; bottom: 40px; padding: 40px}
    .content-part .content-img .text-wrap h2 {margin-left:-46px; font-size: 50px; line-height: 50px; padding-left: 40px}
    
    /* -- -- */
    .block-img .img h3 {font-size: 2vw; line-height: 2.2vw;}
    .block-img ul {font-size:1.3vw}
    
	/* -- Footer -- */
	#outerfooter {height:auto}
	#footer {position:static}
	#footer .grid.four .box {width:50%}
	#footer .grid.four .box:nth-child(1),
	#footer .grid.four .box:nth-child(2){margin-bottom: 20px}
	#footer .grid.four .box:nth-child(3){padding-left:0;}
	#footer .grid.four .box + .box + .box:before {display:none}
	#footer .grid.four .box + .box + .box + .box:before{display:block}
}
@media screen and (min-width: 640px) and (max-width: 1180px){
    #mainmenu {left:50%}
}
@media screen and (min-width: 768px) and (max-width: 1040px){
    .home h1 {font-size:3vw; line-height: 3.1vw}
	.page-template-page-internekarriere-vakanzen #teaser .swiper-slide .text-wrap strong { width: 80%}
    
}
@media screen and (max-width: 960px){
	/*
    .job-select {width:215px}
    .job-select .toggle i {width:25px; height: 25px; line-height: 30px;font-size: 15px;}
    .job-select .toggle span {font-size:11px; padding: 0 5px; line-height: 21px}
    */
    .togglebox {width:auto}
    
    .single-news #inner {
        display: -ms-flexbox;display: -webkit-flex;display: flex;
		-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
		-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
		-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
		-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
		-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
    }
    .single-news #inner .sidebar {float:none; width:auto; margin-left:0;-webkit-order: 2; -ms-flex-order: 2;order:2;}
    .single-news #mainContent {-webkit-order: 1; -ms-flex-order: 1;order:1;}
    .single-news #inner h1 {-webkit-order: 0; -ms-flex-order: 0;order:0;}
    
    .single-event #inner {
        display: -ms-flexbox;display: -webkit-flex;display: flex;
		-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
		-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
		-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
		-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
		-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
    }
    .single-event #inner .sidebar {float:none; width:auto; margin-left:0;-webkit-order: 2; -ms-flex-order: 2;order:2; padding-top: 30px}
    .single-event #mainContent {-webkit-order: 1; -ms-flex-order: 1;order:1;}
    .single-event #inner h1 {-webkit-order: 0; -ms-flex-order: 0;order:0;}
    
}
@media screen and (min-device-width: 769px) and (max-device-width: 1024px) {
    .stat .box:before {width: 78%}
    .stat .box:first-child:before {left:67%;}
    .stat .box:last-child:before {right:67%}
    
    /* -- Blöcke -- */
	.block-img {margin-bottom: 30px}
	.block-img ul {font-size:14px}
	.block-img .img h3 {font-size: 24px; font-size: 3.3vw; line-height: 24px; line-height: 3.3vw;}
	
	.block-brand.hoverable h4 {font-size: 14px;margin-bottom: 15px;}
	.block-brand.hoverable table {font-size:12px; line-height: 14px}
	
	.block-brand .inner a {height: 25px;}
	.block-brand .inner a i{width: 25px;height: 25px;line-height: 28px;font-size: 11px;}
	.block-brand .inner a span {font-size:12px;padding:0 8px 0; vertical-align: top; height: 25px; line-height: 22px}
	.block-brand .inner a:last-child {margin-right:0;}
	
    .job-select .toggle {}
    .job-select .toggle i {width:25px; height: 25px; line-height: 30px;font-size: 15px;}
    .job-select .toggle span {padding:0 15px; height: 25px; line-height: 22px}

	.block-brand.hoverable .grid { left: -36px;top: -36px;right: -36px;bottom: -36px;}
	.block-brand.hoverable .grid .box {padding:20px !important}
	.block-brand.hoverable .grid .box:first-child {font-size:12px;line-height:16px;padding:20px !important; height: 25px;}
	.contactInfo .avatar {margin-right:10px}
    
    .block-brand.clickable .logo {top:20px}
	.block-brand.clickable .info {font-size: 11px;line-height: 16px; padding: 20px}
    .block-brand.clickable a.toggleBtn {top:20px; right:10px}
    .block-brand.clickable .moreBtn {left:20px; bottom: 20px; font-size: 10px}
    
    .block-vakanzen .inner {left:20px; top: 20px; right: 20px; bottom: 20px}
    .block-vakanzen .title{padding:0 0 0 20px;}
    .block-vakanzen .moreBtn {left:20px; bottom: 20px; font-size: 10px}
    .block-vakanzen .moreBtn i {width: 16px;height: 25px;line-height: 28px;font-size: 11px;}
    .block-vakanzen .moreBtn span {font-size:12px;padding: 4px 8px 3px; vertical-align: top}
    
    /* -- Zitate -- */
    #post-224,
    #post-3478,
    #post-2058 {background-position: center}
    
    #post-224 blockquote,
    #post-3478 blockquote, 
    #post-2058 blockquote {font-size:16px; line-height: 160%; width: 40%}
}
@media screen and (min-width: 861px) and (max-width: 1180px){
    .block-brand.hoverable .grid {left:-36px; top: -36px; bottom: -36px; right: -36px}
    .block-brand.hoverable .grid .box:first-child {width:36%; font-size:11px; padding: 15px 5px 15px 15px !important; line-height: 130%}
    .block-brand.hoverable .grid .box:last-child {margin-left:36%; width: 64%; padding:15px !important}
    .block-brand.hoverable .inner {line-height:120%}
    
    .contactInfo {margin-bottom:15px;}
    .contactInfo .details small {font-size:11px; line-height: 110%; display: block}
    
    .block-brand.hoverable .inner {font-size:12px; line-height: 18px}
    
    .mandanten .block-brand.hoverable .btnMore span {font-size:11px; padding: 7px 10px 7px}
    .mandanten .block-brand .inner a i { width: 30px;height: 30px; line-height: 36px}
    .block-brand.hoverable h4 {font-size:14px; line-height:16px; margin-bottom: 10px}
    .block-brand.hoverable table{ margin-bottom: 15px}
}
/* -- Online Bewerbung formular -- */
@media screen and (min-width: 1141px) and (max-width: 1280px){
    fieldset.std .formItem:not(.formCheckbox) label {
        font-size:15px; line-height: 120%; height: 53px; padding: 0 15px;
        display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
        -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
        -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
        -webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
        -webkit-align-items: center;-ms-flex-align: center;align-items: center;
    }
}
@media screen and (min-width: 768px) and (max-width: 1140px){
    fieldset.std .formItem:not(.formCheckbox) label {
        font-size:13px; line-height: 120%; height: 53px; padding: 0 15px;
        display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
        -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
        -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
        -webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
        -webkit-align-items: center;-ms-flex-align: center;align-items: center;
    }
    fieldset.std .formCheckbox label span {font-size:14px; line-height: 120%}
}
/* -- Block Dating - Responsive -- */
@media screen and (min-width: 1025px) and (max-width: 1280px){
    .block-dating .desc > strong {font-size:20px}
    .block-dating.hoverable .desc {font-size:12px; line-height: 20px}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
    .block-dating .img img {width:140%}
    .block-dating .inner {left:20px; top: 20px; right:20px; bottom:20px}
    .block-dating .title {bottom:20px}
    .block-dating .title small {font-size:12px; line-height: 100%}
    .block-dating .title strong {font-size:20px; line-height: 100%;}
    
    .block-dating.hoverable .desc {font-size:11px; line-height: 16px; padding: 15px;left:-26px; top: -26px; right:-26px; bottom: -26px}
    .block-dating .desc > strong {font-size:14px}
    .block-dating .desc p {margin-bottom: 15px}
    
    .block-dating .moreBtn {left:15px; bottom: 15px}
    
    .block-dating.hoverable .vcard {padding: 24px 24px 24px 61px}
}
@media screen and (min-width: 861px) and (max-width: 1060px){
    .job-select{width: 215px}
    .job-select ul{right: auto}
}
@media screen and (min-width: 768px) and (max-width: 1060px){
    fieldset.catFilter {padding:0 30px}
    .teamgrid .team-swiper {height:450px}
    .teamgrid .team-swiper .swiper-slide a span.img,
    .teamgrid .team-swiper .swiper-slide a span.img img{width: 100px;height: 100px;}
    
    .teamplayer blockquote {font-size:12px; line-height: 20px}
}
@media screen and (min-width: 861px) and (max-width: 1035px){
    .block-brand .inner a i {height:31px; width: 20px; line-height: 34px; font-size:15px}
    .block-brand .inner a span {font-size:12px; padding: 5px 10px 7px}
}
@media screen and (max-width: 900px){
	 .page-template-page-internekarriere-vakanzen #teaser .swiper-slide .text-wrap {font-size: 3vw; line-height: 130%}
}
@media screen and (max-width: 860px){
    .brandgrid {}
    .brandgrid > .box {float:none; width: auto !important; padding-left: 0 !important; padding-right: 0 !important}
    
    .stepGrid {}
    .stepGrid > .box {float:none; width: auto !important; padding-left: 0 !important; padding-right: 0 !important}
    
}
/* -- Tablet - Portrait -- */
@media screen and (max-width: 768px){
	/*.grid.two:not(.brandgrid):not(.vakanzengrid):not(.inblock) > .box { width:100%; padding-left:0 !important; padding-right:0 !important} */
    .grid.two:not(.inblock) > .box { width:100%; padding-left:0 !important; padding-right:0 !important}
	/* .grid.three .box { width:50%} */
	.benefits .box {margin-bottom:0}
	.benefits .box:last-child .borderbox{border-bottom: 0; padding-bottom: 0; margin-bottom: 0}
    .benefits h4 { margin-bottom: 20px; padding: 20px 0 20px 20px}
    .benefits .circle { width:70px; height: 70px; line-height: 78px ; font-size: 35px}
    
	#teaser .swiper-slide .text-wrap {font-size: 5.0vw; line-height: 5.0vw}
    
	.page-template-page-internekarriere-vakanzen #teaser .swiper-slide .text-wrap {font-size: 3vw; line-height: 130%}
	.page-template-page-internekarriere-vakanzen #teaser .swiper-slide .text-wrap strong { width: 80%}
	
    #quicksearch fieldset .formItem { width: 70%}
	/* -- Inhalte -- */
	fieldset.jobsearch .formItem {float:none; width: auto; padding-right: 0}
	fieldset.jobsearch .btn-wrap {width:auto;padding-left: 0}
	fieldset.jobsearch input.formText{font-size:20px}
	
	.career-steps {padding-top:0}
    .career-steps .box {float:none; width: auto !important; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 20px}
	.career-steps h4{font-size:12px;line-height: 18px;padding: 13px 0 13px 10px}
	.career-steps h4:before {left:10px}
	.career-steps .step {font-size: 80px;	position: relative;top: 5px;}
	.career-steps ul li {font-size:14px; line-height: 20px}
	
	.stepGrid {padding-top:0}
	.stepGrid h4{font-size:14px;line-height: 18px;padding: 13px 0 13px 10px}
	.stepGrid h4:before {left:10px}
	.stepGrid .step {font-size: 80px}
	.stepGrid ul li {font-size:12px; line-height: 16px}
	
    .block-img ul {	font-size: 1.85vw;}
    .block-img .img h3 {font-size:2.3vw; line-height: 2.3vw}
    
    .block-brand .inner a:last-child {margin-right:0}
    .job-select ul li {font-size:12px}
    
    .block-brand .moreBtn {left:20px; bottom: 20px}
    
	.borderGrid.two .box {border-left:0;border-bottom: 2px solid #B5B5B5; padding-bottom: 40px}
	.borderGrid.two .box:last-child {padding-top:40px; border-bottom: 0}
    
	.node .borderbox {padding-left:0; border-left: 0; border-bottom: 2px solid #B5B5B5;padding-bottom: 40px;}
    
	#post-20 .node .borderbox,
	#post-17.node .borderbox {padding-left:40px; border-bottom: 0; border-left: 2px solid #B5B5B5; padding-bottom: 0}
	
	.node-single h1,
	.node-subcontent h2 {font-size:5.4vw; line-height: 5.5vw}
	
    .logo-wrap h3,
	.node-single h2,
	.node-subcontent h3{font-size:4vw; line-height: 4.2vw}
	
	.uspgrid .box:first-child .usp:before {content: "";	width: 2px;	background: white;	position: absolute;	top: 85px;	bottom: -18px;left: 36px;}
	.uspgrid .usp:last-child {margin-bottom:30px}
	
	.contactGrid .box:first-child{margin-bottom: 30px}
	
	ul.checklist {padding-top:30px}
	ul.checklist li strong {font-size:35px; line-height: 36px}
	
	.stat {padding:50px 0}
	.stat .box strong {font-size:60px; line-height: 60px}
    .stat .box:before { width: 63%}
    .stat .box:first-child:before {left:75%; width: 78%}
    .stat .box:last-child:before {right:75%}
	
	ul.logos li {margin-left:70px}
	
	.teamgrid {}
	.teamgrid .box{ width: auto; float:none !important}
	.teamgrid.grid.twoRt .box.list { width: auto}
	.teamgrid.grid.twoRt .box.detail {padding:40px 0}
	.teamplayer .portrait {width:290px}
	
	body.page-template-page-leistungsbereiche #mainContent .grid .box:first-child .borderbox{border-bottom: 0;padding-bottom: 0;margin-bottom: 0}
	body.page-template-page-leistungsbereiche #mainContent .grid .box:last-child{display:none}
	
    #vorteile-slider .title {font-size: 6vw}
    
    /*.application-wrap a strong {font-size:12px; line-height: 14px; padding: 8px 15px}*/
    #karriereberater-test .application-wrap { width: auto}
    
    /* -- Zitate -- */
    #post-224,
    #post-3478,
    #post-2058 {background-position: center}
    
    #post-224 blockquote,
    #post-3478 blockquote, 
    #post-2058 blockquote {font-size:16px; line-height: 160%; width: 45%}
    
    #post-224 strong,
    #post-3478 strong,
    #post-2058 strong{font-size:20px}
    
    /* -- Onlinebewerbung -- */
    fieldset.std .row .lft,
    fieldset.std .row .rt{padding: 0; float:none; width: auto}
    
    fieldset.std .formItem label {
        font-size:11px;padding:10px 15px 10px; line-height: 12px;
        display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
        -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
        -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
        -webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
        -webkit-align-items: center;-ms-flex-align: center;align-items: center;
        min-height:45px;
    }
    fieldset.std .formItem input { font-size:12px; width: 51%}
    
    fieldset.std .formItem select, 
    fieldset.std .formItem input.formText, 
    fieldset.std .formItem textarea {padding:10px 15px}
    fieldset.std .nice-select { font-size:12px; height: 45px; line-height: 45px}
    fieldset.std .formCheckbox > label {padding:10px 0}
    fieldset.std .formFile .fakeFile { height: 45px}
    
    #soziales-engagement .swiper-slide a strong {font-size:20px; line-height: 120%; width: 80%; bottom: 70px}
    
    #soziales-engagement .swiper-button-next, 
    #soziales-engagement .swiper-button-prev {width: 40px;height: 40px; line-height: 46px; font-size:15px; margin-top: -20px}
    
	/* -- Footer -- */
	#outerfooter {padding:40px 0;}
	
	#footer .grid {padding:20px 40px;margin:0 -30px}
	#footer .grid.four .box {float:none; width: auto;padding:20px 0}
	#footer .grid.four .box:before{top:0;bottom: auto; height: 6px; width: auto;right:0}
	#footer .grid.four .box + .box + .box:before {display:block; margin-bottom: 40px}
    
    /* -- Blog -- */
    .content-part.blog-page > .row.oversize .cp-sidebar { width: 150px}
    .content-part.blog-page .block ul { margin-left: 20px}
    .blog-page .node-single .line {left:20px}

    .blog-page .cp-sidebar .block h3 {font-size: 10pt}
    .blog-page .cp-sidebar .block h3::before { height: 20px; top: 0}
    
    .blog-page .node-single .inner { padding: 20px 20px 20px 40px; font-size: 12px; font-size: 18px}
    .blog-page .node-single .inner h1 { font-size: 20px; margin-bottom: 30px}
    .blog-page .node-single .inner h1::before { left: -20px}
    .blog-page .node-single .entry-meta {padding: 20px 20px 20px 40px; font-size: 10pt}
    .blog-page .node-single .entry-meta .fltrt{ float: none !important}

    .block-subscribe {display: none}
    .blog-page .node-single { box-shadow: 0 0 5px rgba(0,0,0,0.3);}
    
    .blog-overview .node-single .inner h2::before {left:-20px}
    
    .content-part.blog-page .cp-sidebar { padding: 0 10px}
    .content-part.blog-page .block h3 { margin-bottom: 20px}
    .content-part.blog-page .block ul {font-size: 8pt; line-height: 10pt}
    .content-part.blog-page .block ul li::before {top: 4px}

    
    .block-author .img { margin-top: 0}
    .block-author .img:before {display: none}
    .block-author nav.socialbar { margin-bottom: 10px}
    .block-author blockquote { font-size: 8pt; line-height: 10pt}
    .block-author blockquote:before { display: none}
    
    .block-anchors { display: none}
}
/* -- Smartphone Landscape -- */
@media screen and (max-width: 736px){
	body {font-size:14px; line-height: 20px}
	.size,
	.fullsize {padding:0 20px}
	#topmenu {top: 20px;}
	#container {padding-top:75px}
	#header {height:80px; margin: 0}
	#logo {padding:27px 0}
	#logo a{height:25px}
    #logo.jetztich a{height:40px}
	.menu-collapser {top:-60px}
	#mainmenu {top:80px}
	
	.swiper-pagination {bottom:45px;right:45px}
	#teaser .swiper-slide .text-border {top:20px; left: 20px; right:20px;bottom:20px; padding: 20px}
	#teaser .swiper-slide .text-wrap strong,
    #teaser .swiper-slide .text-wrap h1 {padding-left:20px; margin-left: -26px} 
	#teaser .swiper-slide .text-wrap h1 small,
    #teaser .swiper-slide .text-wrap strong small{left: 20px}
	#teaser .swiper-slide .text-wrap {font-size: 3.5vw; line-height: 3.5vw}
	
	.node-single h1, 
    .node-subcontent h2 { font-size: 5vw; line-height: 120%;}
	
	#post-263 h2,
	.node-single h2,
    .logo-wrap h3,
	.node-subcontent h3{font-size:4vw; line-height: 120%; margin-bottom: 20px}
    
    a.moreBtn span {padding: 5px 10px 5px}
	a.moreBtnv2 em {padding:5px 10px 5px}
	
	.block-img .img h3 {font-size: 3.3vw;line-height: 3.3vw;left: 6%;top: 6%;right: 6%;bottom: 6%;}
	.block-img .inner{padding:20px}
	
	.block-article .inner,
	.block-article .meta { padding-left: 65px}	
    /*
    .block-brand.hoverable .grid .box {padding:20px !important}
    .block-brand.hoverable .grid .box:first-child {padding:20px 5px 20px 20px !important; width: 35%}
    .block-brand.hoverable .grid .box:last-child {margin-left:35%; width: 65%; font-size:11px}
    */
    .block-brand.hoverable .grid {
        left:-26px; top: -26px; right: -26px; bottom: -26px;
        display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;
        -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
        -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
        -webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
        -webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
    }
    .block-brand.hoverable .grid .box {padding:20px !important; float: none; position: static !important; margin: 0 !important}
    .block-brand.hoverable .grid .box:first-child {
        padding:20px 5px 20px 20px !important;width: auto;height: auto !important;font-size:11px; line-height: 13px;
         -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;
    }
    .block-brand.hoverable .grid .box:first-child br { display: none}
    .block-brand.hoverable .grid .box:first-child h4,
    .block-brand.hoverable .grid .box:first-child p{ display: inline; margin-bottom: 0}
    .block-brand.hoverable .grid .box:last-child {font-size:11px; width: auto; margin-left: 0; height: auto;}
    
    .contactInfo .details small {font-size: 11px; line-height: 120%; display: block}
    
	#mainContent {padding:20px 0}    
	.accordion .accBox h3:before {right:20px}
	
    .page-id-2022 .content-part .cp-inner.fullsize,
	.home .content-part .cp-inner.fullsize {padding:20px}
	fieldset.jobsearch {padding:0}
	fieldset.jobsearch input.formText {font-size:14px;	padding: 15px 20px; height: auto}
	fieldset.jobsearch .formSubmit {font-size:14px;padding:15px 20px}
	
	.content-part .cp-inner {padding:30px 20px}
    .content-part .cp-inner.fullsize {padding:30px 0}
	.content-part .content-img .paraImg{height:290px}
	.content-part .content-img .text-wrap {top: 20px;right: 20px;bottom: 20px;left: 20px;padding: 20px;}
	.content-part .content-img .text-wrap h2{font-size:6vw; line-height: 6.4vw;margin-left: -26px;padding-left: 20px;}
	
	svg#wertegrafik {width:100% !important; height: auto !important}
	
	.brandgrid > .box {margin-bottom:20px;width:100% !important; padding-left:0 !important; padding-right:0 !important; float: none}
    .job-select {left: 15px;bottom: 15px; width: 210px}
    .job-select ul {right:auto}
	
	.career-steps {padding-top:20px}
	.career-steps .box{padding:0 0 40px 0 !important}
	
	.stepGrid {padding-top:20px}
	.stepGrid .box{padding:0 0 40px 0 !important}
	
	.benefits h4 {padding: 20px 0 20px 20px;margin-bottom: 20px;}
	.benefits .circle {width: 60px;height: 60px;line-height: 68px;font-size:30px}
	
	.accordion .accBox h3 {font-size:14px}
	
	.stat {padding: 0;}
	.stat .box {float:none; width: auto; padding: 0 !important; margin-bottom: 20px}
	.stat .box i {width: 60px;height: 60px;font-size:30px;line-height: 67px;float:left; position: relative;top: 10px}
	.stat .box:before {display: none}
	.stat .box strong {font-size:50px}
	.stat .box strong,
	.stat .box em {margin-left: 80px; text-align: left}
    
    .single-brands_mandanten #statistik .stat.two {padding: 0;}
	.single-brands_mandanten #statistik .stat.two .box {float:none; width: auto; padding: 0 !important; margin-bottom: 20px}
	.single-brands_mandanten #statistik .stat.two .box i {width: 60px;height: 60px;font-size:30px;line-height: 67px;float:left; position: relative;top: 10px}
	.single-brands_mandanten #statistik .stat.two .box:before {display: none}
	.single-brands_mandanten #statistik .stat.two .box strong {font-size:50px}
	.single-brands_mandanten #statistik .stat.two .box strong,
	.single-brands_mandanten #statistik .stat.two .box em {margin-left: 80px; text-align: left}
		
	.uspgrid .usp {padding-left:80px}
	.uspgrid .usp h3 {font-size:20px; line-height: 24px}
	.uspgrid .usp .circle {width: 60px;height: 60px;font-size:30px;line-height: 67px;}
	
	.uspgrid .usp:first-child:before {top: 65px;bottom: -23px;left: 30px;}
	.uspgrid .box:first-child .usp:before {top: 65px;bottom: -23px;left: 30px;}
	
	ul.checklist {padding-top:10px}
	ul.checklist li {font-size:14px; line-height: 20px;padding: 0 0 25px 70px}	
	ul.checklist li:before{top: 43px;left: 29px;bottom: 22px}
	ul.checklist li strong {font-size: 20px;line-height: 24px;}
	ul.checklist li strong:before{width: 60px;height: 60px;left:-70px; margin-top:-30px;line-height: 60px;font-size: 30px;}
	
	ul.logos {margin-left:0}
	ul.logos li{margin-left:20px;width: 120px;height: 120px; margin-bottom: 20px}
	ul.logos li img{max-width:80px; max-height: 80px; width: auto !important; height: auto !important}
	
    .logo-wrap {padding:25px 0 }
    
    ul.hasIcon li {margin-bottom:5px}
    ul.hasIcon li div i, 
    ul.hasIcon li a i {top:0}
    
	.personBox .avatar{float:none; margin: 0 auto 20px}
	.personBox .box {float:none; width: auto !important;}
	.personBox .box:first-child {padding-right:0}
	
	.togglebox,
	#post-20 .node .borderbox, 
	#post-17.node .borderbox{padding-left:20px}
    
    .togglebox {width:auto}
	
	#workflow .work-item{padding-left:80px;padding-bottom: 20px}
	#workflow .work-item:before {top:60px;left:30px}
	#workflow .work-item:last-child {margin-bottom:0}
	#workflow .circle {width: 60px;height: 60px;font-size: 30px;line-height: 67px !important;}
	
	.listouter #team-list .teamplayer {display:block;padding: 0 !important}
    .teamplayer table {font-size:12px}
	.teamplayer .contactInfo{padding:0}
	.teamplayer h4{font-size:18px;line-height: 20px; padding-left:0}
	.teamplayer strong {padding-left:0;	font-size: 12px;line-height: 16px;}
	
    .teamplayer .wrap { display: table; width: 100%}
    .teamplayer .wrap .portrait,
    .teamplayer .wrap .details { display: table-cell; vertical-align: bottom; float: none}
    .teamplayer .portrait {
        width:130px;
    }
    .teamplayer .portrait img{
        -ms-flex-order: 0;
        -ms-flex: 0 0 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }
	.teamplayer .details {font-size: 11px;line-height: 14px;}
	.teamplayer.withImg .contactInfo {padding:15px 0}
	fieldset.catFilter {padding:0 20px}
	
	.teamgrid .team-swiper{height:350px}
	.teamgrid .team-swiper .swiper-slide a {padding:0 15px;}
	.teamgrid .team-swiper .swiper-slide a span.img,
	.teamgrid .team-swiper .swiper-slide a span.img img {width:80px; height: 80px}
	.teamgrid .team-swiper .swiper-slide a span.img {margin-bottom:10px}
	.teamgrid .team-swiper .swiper-slide a small {font-size: 10px;line-height: 12px;}
	
	.imgborder {margin-bottom:20px;	}
	.imgborder:before{top: 20px;right: 20px;bottom: 20px;left: 20px;}
	.imgborder:after {left:20px; bottom: 45px; height: 40px}
	
	#kontakt-aufnehmen.content-part h2 {font-size: 26px;line-height: 30px;margin-bottom:20px}
	
	.teamplayer strong{margin-bottom:20px}
	.oneContact .teamplayer .details {padding-top:0}	
	.oneContact .teamplayer blockquote {width:auto}
	.teamplayer blockquote:before {font-size:40px}
	.listouter #team-list .teamplayer .portrait{height:auto}
	
	.teamplayer ul {float:none; margin-bottom: 15px}
	.teamplayer ul li{margin-left:0;margin-right:10px;}	

	.block-brand.hoverable h4 {font-size:11px;margin-bottom:10px}
	/*.block-brand.hoverable .grid {left: -36px;top: -36px;right: -36px;bottom: -36px;} */
	/*.block-brand.hoverable .grid .box {padding:10px !important} */
	/*.block-brand.hoverable .grid .box:first-child {font-size:10px;line-height:14px;padding:10px !important} */
	.block-brand.hoverable table {font-size:11px; line-height: 12px; margin-bottom: 10px}
	.block-brand.hoverable table th {display:none}
    
    /*.block-brand a.companyBtn span,
	.block-brand a.jobsBtn span {font-size:9px;padding: 3px 8px 6px; vertical-align: top}
    */
    .block-brand .inner a span{ /*padding: 4px 8px 4px;*/}
    .block-brand .moreBtn {left:20px; bottom: 20px}    
	
	.contactInfo {margin-bottom: 10px}
	.contactInfo .avatar {margin-right:10px;/* display: none±*/}
	/*.contactInfo .details {font-size:12px; line-height: 14px} */
    
    .block-img .img h3 {font-size: 4vw;line-height:4vw;}
    .block-img ul {font-size:16px}
    .block-img ul li:before {top:3px}

    /* -- Block Vakanzen -- */
    .block-vakanzen .title {font-size:13px; line-height: 15px; top:20px;padding:0 0 0 20px}
    .block-vakanzen .inner {left: 20px;top: 20px;right: 20px;bottom:20px;}
    .block-vakanzen .moreBtn {left:20px; bottom: 20px}
    .block-vakanzen .moreBtn span {font-size:10px;padding:3px 10px}
    .block-vakanzen .moreBtn i{width: 24px;height: 24px;line-height: 28px;}
    
    .block-vakanzen.hoverable .desc {top:-26px; left: -26px; bottom: -26px; right:-26px;font-size: 11px;line-height: 15px; padding: 20px}
    .block-vakanzen.hoverable .desc p {margin-bottom:10px}
    .block-vakanzen .inner a strong {font-size:13px; line-height: 16px; margin-bottom: 0}
    .block-vakanzen .inner a strong br {display:none}
    
    .block-dating .title {bottom:20px}
    .block-dating .title small {font-size:14px; line-height: 14px}
    .block-dating .title strong {font-size:18px; line-height: 16px;}
    .block-dating .inner {top:20px;left:20px; right:20px; bottom: 20px}
    .block-dating .desc > strong {font-size:18px}
    .block-dating .moreBtn {left:20px; bottom:20px}
    .block-dating .mobiLink {position:absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3}
    
    .block-dating.hoverable .desc {top:-26px; left: -26px; bottom: -26px; right:-26px;font-size: 11px;line-height: 15px; padding: 20px}
    .block-dating.hoverable .vcard:before {left:20px}
    .block-dating.hoverable .vcard {padding:24px 24px 24px 41px}
    .block-dating.hoverable .vcard .contact {margin-left:-20px; padding-left:18px}
    
    fieldset.register-newsletter button.knewsbutton,
    fieldset.register-newsletter .formItem {float:none; padding-right: 0; width: 100%}
    fieldset.register-newsletter .formItem input.formText {font-size:16px}
    fieldset.register-newsletter button.knewsbutton {height:44px; left: 0}    

    /* -- -- */
    #vorteile-slider .title {font-size:10vw}
    #vorteile-slider .desc {width:90vw;padding: 30px; overflow-x:auto}
    .touchDevice #vorteile-slider .desc{width:100%;}    
    
    /* -- Zitate-- */
    #post-224 blockquote,
    #post-3478 blockquote, 
    #post-2058 blockquote {font-size:12px; width: 65%}
    
    #post-224 strong,
    #post-3478 strong,
    #post-2058 strong{font-size:20px}
    
	/* -- Footer -- */
	#footer .grid {padding:10px 20px}
	#footer h4 {margin-bottom:15px}
	#footer .box:first-child h4:before{left:-26px}
	#footer ul li span {padding:9px 0}	
}
@media screen and (max-width: 600px){
    .subcontent-grid.grid.four .box {width:auto; float:none;}
}
/* -- Smartphone Landscape -- */
@media screen and (max-device-width: 481px) and (max-device-width: 763px){

}
/* -- Smartphone Portrait -- */
@media screen and (max-width: 480px){
    #container {padding-top:80px}
    #logo a {width:180px}
    .page-id-549 .nice-select:before { 
        white-space: normal; display: block; width: 80px; 
        line-height: normal; font-size: 10px;
        padding-top: 12px
    }
	.grid.two .box,
	.grid.three .box { width:100%; float:none; padding-left:0; padding-right:0}
    .grid.four {margin:0}
    
	.grid.two .box { width:100%; padding-left:0 !important; padding-right:0 !important}
	.subcontent-grid.grid.four .box {padding: 0}    
    	
    #post-224, #post-3478, #post-2058 {background-size: 500%;}
    #post-3478.content-part .cp-inner {padding:40px 30px; position: relative; z-index: 2}
    #post-3478.content-part { position: relative;}
    #post-3478.content-part::before {
        content:""; position: absolute; right: 0; top: 0; height: 100%; width: 70%; z-index: 1;
        background: -moz-linear-gradient(left, rgba(102,107,112,0) 0%, rgba(91,94,99,0.31) 29%, rgba(70,71,76,0.65) 81%, rgba(63,63,68,0.65) 100%);
        background: -webkit-linear-gradient(left, rgba(102,107,112,0) 0%,rgba(91,94,99,0.31) 29%,rgba(70,71,76,0.65) 81%,rgba(63,63,68,0.65) 100%);
        background: linear-gradient(to right, rgba(102,107,112,0) 0%,rgba(91,94,99,0.31) 29%,rgba(70,71,76,0.65) 81%,rgba(63,63,68,0.65) 100%);
        background-size: 100% 100%;
    }
    
	#teaser .swiper-slide .text-wrap strong.hasSubline { margin-bottom: 10px; font-size: 3vw}
	#teaser .swiper-slide .text-wrap strong small {bottom: -20px}
	
	#teaser .swiper-slide .text-wrap {}
	
    .single-news h1, 
    .single-presse h1,
    .single-event h1,
    .node-single h1, 
    .node-subcontent h2 {font-size:6vw !important; line-height:6.6vw;margin-bottom:  4.67vw}
    
    .node-single h2, 
    .logo-wrap h3,
    .node-subcontent h3 {font-size:5vw;line-height: 5.5vw;}
    
    .node-single h1 br,
    .node-single h2 br {display:none}
    
    .node .borderbox {padding-bottom:20px; margin-bottom: 20px}    
    
	.block-brand.hoverable .logo {top:15px}
	.block-brand .logo img {width:60% !important} 
    
    #mainmenu > ul > li {margin-bottom:10px}
    #mainmenu ul li a:active {color:#F0500A}
    svg#wertegrafik { height: 250px !important}
    
    #quicksearch fieldset .formItem {padding-right:20px; width: 60%}
    #quicksearch fieldset .formItem input.formText {font-size:14px}
    #quicksearch .formSubmit {padding: 9px 15px 9px}
    #quicksearch.open + #logo + #topmenu {right:30px}
	#quicksearch.open + #logo + #topmenu a.icon-search:before {content: "\50";}
	
    .block-search {margin-bottom:20px}
    .block-search .inner {padding:20px}
    
    .block-news {margin-bottom:20px}
    .block-news .inner {padding:30px}
    
    .block-vakanzen .img {overflow:hidden}
    .block-vakanzen .img img {width:130% !important; margin-left: -15%}
    .block-vakanzen .title {font-size:6vw; line-height: 6vw}
	
    .block-vakanzen.hoverable .desc{ display: none}
	.page-template-page-internekarriere-vakanzen .block-vakanzen.hoverable .desc{ display: block}
    .block-vakanzen .mobiLink{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom:0; z-index: 5}
    
    .block-brand .logo {left:20px; top: 40px}
    .block-brand .img {overflow:hidden}
    /* .block-brand .img img {width:130%; margin-left: -15%} */
    .block-brand .img img {width:150%; margin-left: -25%}
    .block-brand .inner {left:20px; top: 20px; right:20px; bottom: 20px}
    .block-brand .inner a i {width: 24px;height: 24px;line-height:28px}
    .block-brand .inner a span {font-size:10px; padding: 5px 8px}
    .block-brand .inner a.moreBtn span { padding: 3px 8px}
    
    .mandanten .block-brand.hoverable .btnMore i {height:30px; line-height: 30px}
    .mandanten .block-brand.hoverable .btnMore span {margin-left: 24px;display: block;font-size:11px; padding: 7px 10px 7px}
    
    .block-brand a.companyBtn,
    .block-brand a.jobsBtn {left:40px; bottom: 40px}
    
    .block-brand.clickable .logo {top:25px}
    
    .block-brand.v2 .info {padding:20px; font-size: 10px;line-height: 14px;}
    
    .block-brand.clickable .logo {top:20px}
	.block-brand.clickable .info {font-size: 11px;line-height: 16px; padding: 20px}
    .block-brand.clickable a.toggleBtn {top:20px; right:10px}
    .block-brand.clickable .moreBtn {left:20px; bottom: 20px; font-size: 10px}
    
    .block-dating .img img { width:120%; margin-left: -10%}
    
    .block-img .img h3 {font-size: 6vw;line-height:6vw;}
    
    ul.logos {margin-left:-9vw}
    ul.logos li {width: 40vw;height: 40vw; margin-left: 9vw }
    
    .teamgrid .team-swiper {height:170px}
    .teamgrid .team-swiper .swiper-slide {height:170px}
    .teamgrid .team-swiper .swiper-slide a strong {font-size:11px}
    .teamgrid .team-swiper .swiper-slide a small {font-size:9px}
    
    .teamplayer .details {padding-top:0}
    .teamplayer blockquote {font-size: 11px;line-height: 15px;}
    
    .story .teamplayer:last-child {border-bottom:0}
    .story .teamplayer .portrait { -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
    .story .teamplayer .portrait img {border-bottom:4px solid #D7D7D7}
    
    .pager .pager-inner a, 
    .pager .pager-inner span {	width: 36px;height: 36px; line-height: 32px}
    
    ul.checklist li strong {font-size: 18px;}
    
    #soziales-engagement .swiper-slide a img { width: 150%; margin-left: -25%}
    #soziales-engagement .swiper-slide a strong {font-size:14px}

    /* -- Zitat Buchmann -- */
    #post-224,
    #post-3478, 
    #post-2058 { background-position: left center; background-attachment: scroll; background-size: 130%; background-repeat: no-repeat}
    #post-3478 { background-color: #bbb;background-position: 92% center; background-size: cover;}
    #post-224 blockquote,
    #post-2058 blockquote { width:auto; margin-right: 30%; }
    
    #post-3478 blockquote { 
        margin-left: 30%; text-align: right; width: auto;
    }
    #post-3478 blockquote p{  }
    #post-3478 strong{ color: #fff;}
    #post-3478 p { text-align: right}
    
    /* -- Jetztich Bereich -- */
    #post-2046.content-part .cp-inner {padding:30px 20px}
    
    fieldset.jobselect .nice-select {font-size:16px;height:45px; line-height: 45px}
    fieldset.jobselect .nice-select:after {margin-top:-6px}
    
    .nletter-wrap {width:100%}
    .nletter-wrap h4 {font-size:12px;line-height: 14px; padding:8px 15px 8px}
    
    .application-wrap {width:330px !important}
    .application-wrap a strong {font-size:11px;width: 60%;padding:9px 15px 8px; line-height: 13px}
    .application-wrap a span {width:40%}
    .application-wrap a span:before {top:2px}
    /*.application-wrap a strong {font-size:12px; line-height: 14px; padding: 8px 15px} */
        
    fieldset.std .nice-select .list {left:-89%; width: auto; right:0}
    
    .contactInfo .details {font-size:11px}
    
    .contactDetails .desc {font-size:11px;line-height: 16px;}
    .contactDetails .desc p { margin-bottom: 10px}
    .contactDetails ul {float:none; margin-bottom: 10px}
    .contactDetails ul li {margin-left:0; margin-right:10px}
    
    #comments h3 {font-size:20px; line-height: 25px; margin-bottom: 20px}
    fieldset.addComment .formItem label { position: relative;}
    fieldset.addComment .formItem label small { display: none}
    p.subscribe-to-doi-comments { margin-bottom: 10px}
    .single-news .sidebar {padding-top:20px}
    .social-share {padding-left:0; border-left:0}
    .jssocials-share-count { display: block; text-align: center; padding-top: 10px}
    
    .job-select { width: 240px}
    .job-select .toggle span {font-size: 12px; padding: 7px 15px 6px}
    
    /* -- Blog Smartphone -- */
    nav.share-links { display: none}
    
    .blog-page .oversize { padding: 0}
    .blog-page .node-single .line {left: 20px}
    .blog-page .node-single .inner { padding: 35px 35px 0 40px; font-size: 12px; line-height: 15px}
    .blog-page .node-single .inner a.read,
    .blog-page .node-single .entry-meta .category-wrap{ display: none}
    .blog-page .cp-sidebar .block ul { float:right}
    
    .block-author nav.socialbar { position: relative; padding-top: 20px}
    .block-author nav.socialbar::before {content:""; height: 3px; position: absolute; top: 0; width: 100vw; right: 20px; background: #fff}
    
    .blog-detail {padding-top: 0}
    .blog-detail .node-single .inner h1 { margin-bottom: 20px}
    .blog-detail .node-single .inner h1::before { left: -20px}
    .blog-detail .node-single .entry-meta {padding:20px 0 20px 40px}
    
    .blog-detail .node-single .inner h1,
    .blog-overview .node-single .inner h2 { font-size: 20px; line-height: 120%;}
    
    .content-part.blog-overview h1 {font-size: 12px !important; line-height: 15px; padding: 20px; margin-bottom: 0}
    
    .content-part.blog-page > .row { display: block}
    .content-part.blog-page > .row .cp-inner,
    .content-part.blog-page > .row .cp-sidebar { display: block}    
    
    .content-part.blog-page > .row .cp-inner { padding: 0}
    .content-part.blog-page > .row .cp-sidebar { padding-left: 0}
    
    .content-part.blog-page .row.oversize .cp-sidebar { width: auto}    
    
    .block-author {}
    .block-author .img { width: 40%; float: left; margin-top: 0}
    .block-author .img:before {display: none}
    .block-author .inner {
        display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;
        -webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
        -webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
    }
    .block-author blockquote { font-size:10px; line-height: 17px; margin-left: 21px; margin-top: 20px; margin-bottom: 20px;}
    .block-author blockquote:before {font-size: 50px !important; color: rgba(255,255,255, 0.6) !important;	margin-left: -10px; display: block}
    
    .content-part.blog-detail .block-subscribe,
    .content-part.blog-detail .block-anchors,
    .content-part.blog-detail .block-lastposts,
    .content-part.blog-detail .block-bestposts,
    .content-part.blog-detail .block-categorys,    
    .content-part.blog-overview > .row .cp-sidebar {display: none}
    
    /* -- Karriere Test -- */
    .wpt_test .question .title .number {font-size:80px}
    .wpt_test .question .title .title {font-size:14px}
    .wpt_test .answer label {padding-left:40px}
    .wpt_test .answer label i {width:25px; height: 25px;}
    .wpt_test .answer label i:before {width:15px; height: 15px;top:5px; left: 5px}
    .wpt_test .answer label span {font-size:12px;line-height: 16px}
    
    .wpt_test .answer {padding-left:0}
    .wpt_test .button {margin-top:auto !important; position: static; margin: 0 auto 20px}
    
    .node-single .inner .pods-pagination-advanced a, 
    .node-single .inner .pods-pagination-advanced span {font-size:14px; padding: 5px 10px}
	
	.page-template-page-internekarriere-vakanzen .orange a.moreBtnv2 {font-size:12px;}
	.page-template-page-internekarriere-vakanzen .orange a.moreBtnv2 i { height: 54px; line-height: 58px;}
	.page-template-page-internekarriere-vakanzen .orange a.moreBtnv2 em {max-width: 200px; text-align: left}
}
/* -- Smartphone Portrait - Mittlere Displays -- */
@media screen and (max-device-width: 370px){
    ul.logos li {width: 39vw;height: 39vw;}
    .stat.two .box:first-child { margin-bottom: 40px !important}
    .stat .box em { font-size: 12px}
    .stat .box > br { display: none}
}
/* -- Smartphone Portrait - Kleine Displays -- */
@media screen and (max-device-width: 320px){
    .page-id-549 .nice-select:before { display:none}
    
    #header {height:60px}
    #logo {padding:17px 0}
    #logo.jetztich {padding:15px 0}
    #logo.jetztich a {height:30px}
    #topmenu {top:10px}
    
    #quicksearch .formSubmit {padding: 5px 15px 7px}
    #quicksearch fieldset {padding-top:15px}
    #quicksearch fieldset .formItem input.formText {padding:6px 10px}
    
    #container {padding-top:60px}
    .menu-collapser {top:-50px}
    
    #mainmenu {top:60px}   
    
    .block-brand .inner {top:15px; left: 15px; right:15px; bottom: 15px}
    .block-brand .logo {left:15px; top: 30px}
    
    .block-news .inner {padding:20px}
    
    .application-wrap {width:80% !important}
    svg#wertegrafik { height: 220px !important}
    
    .nice-select {height:44px; line-height: 42px}
        
    .teamplayer strong {font-size: 12px;line-height: 18px;}
    .teamplayer blockquote {font-size: 11px;line-height: 16px;}
    
    #workflow h3 {font-size: 5.56vw;line-height: 5.56vw;}
    
    .mandanten .block-brand.hoverable .btnMore i {height:44px; line-height: 44px}
    .mandanten .block-brand.hoverable .btnMore span {margin-left: 24px;display: block;font-size:9px; padding: 9px 10px 7px}
    
    /* -- Karriere Test -- */
    .wpt_test .answer {padding:5px 0}
}