/* @override http://comingsoon.oneyearagotoday.de/css/mv-desktop.css */

/* @override http://comingsoon.oneyearagotoday.de/css/mv-desktop.css */

/* @override http://comingsoon.oneyearagotoday.de/css/mv-desktop.css */

/* @override http://comingsoon.oneyearagotoday.de/css/mv-desktop.css */

/* Ab allem was größer ist als Portrait Modus in landscape */
@media only screen and (min-width: 769px) and (orientation : landscape) {
		/* Abschnitt Services Accordion */
		div#accordion_wrapper {
			padding-left: 100px;
			width: 100%;
		}
		
		/* Abschnitt Jobangebote */
		 .mv-framed-content-140 .large-12 { padding-left: 7.2917vw; padding-right: 7.2917vw; }
		 h2.jobangebote { margin-top: 40vh; line-height: 5.5556vh; padding-bottom: 5.7407vh; }
		 .jobangebote-container .p_box { width: 21.6667vw; padding-bottom: 4.2593vh; }
		 
		 a.jobangebot {
			 	position: relative;
			 	display: inline-block;
			 	vertical-align: top;
			 	width: 33%;
			 	min-height: 31.4815vh;
			 	margin: 1% 0.5% 0 0!important;		/* Someone did an html inline-margin on the right. So force this style! */
			 	padding: 5.0926vh 3.125vw 5.0926vh 2.96875vw;
			 	float: none;
			 	/*background-image: url(../assets/teaser_link.svg);*/
			 	background-position: right 2.96875vw bottom 5.0926vh;
			 	/*background-size: 3.3851vw;*/
		}
		a.jobangebot.jobangebot-3 {
				margin-right: 0!important;				/* Someone did an html inline-margin on the right. So force this style! */
		}
		a.jobangebot h3 {
				font-size: 1.2222vh;
				font-weight: bold;
				line-height: 2.3333vh;
				letter-spacing: 2.4px;
				text-transform: uppercase;
				/* width: 20.8333vw; */
		}
		
		a.jobangebot h3 span {
				display: inline-block;
				position: relative;
				top: auto;
				left: auto;
				right: auto;
				bottom: auto;
				float: none;
				font-size: 1.2222vh;
				font-weight: bold;
				line-height: 2.3333vh;
		}
		
		a.jobangebot span {
				position: absolute;
				bottom: 5.0926vh;
				left: 3.125vw;
				font-size: 2.2222vh;
				line-height: 3.3333vh;
				letter-spacing: 1.2px;
		}
		
		/* Abschnitt Initiativbewertung */
		.jobangebote-container .right_side_140 {
				width: 33%;
				margin: 9.7223vh 0 0 67%!important;
		}
		
		.likeh3 {
				font-size: 2.7778vh;
				line-height: 3.7057vh;
				letter-spacing: 0.6px;
				height: 10.2778vh;
				margin-top: 0!important;
		}
		
		.jobangebote-container strong.likeh3.h_initiativ {
				width: 18vw;
				/* margin-bottom: 2rem; */
		}
		
		.jobangebote-container .right_side_140 p {
				width: 90%;
		}
		
		/* Abschnitt "Wie aus deinen Skills ein Win-win-Arbeitsverhältnis entsteht */
		.jobangebote-container .right_side_88 {
				width: 42.1vw;
				margin: 0 auto;
		}
		
		.likeh2 {
				font-size: 50px;
				line-height: 65px;
				letter-spacing: 1px;
		}
		
		.jobangebote-container .right_side_88 .likeh2 {
				margin-top: 18.5185vh;
				min-height: 16.7593vh;
				padding-bottom: 0;
		}
		
		a.jobangebot h3 {
				font-size: 2.2222vh;
				line-height: 3.3333vh;
		}
		a.jobangebot h3 span {
				font-size: 2.2222vh;
				line-height: 3.3333vh;
		}
		
		/* Deine Karriere bei SKAD */
		#karriere .p_box_01 {
				margin-left: 35.8854vw;
				width: 30.7vw;
		}
	
		.jobangebote-container .right_side_88 p {
				width: 45.5vw;
				margin-top: 6vh;
		}
		
		#karriere .likeh2 {
				font-size: 42px;
				line-height: 47px;
				min-height: 120px;
		}
		
		/* Abschnitt SKAD Spirit */
		.mv-karriere-skad-spirit {
				margin-top: 26.5741vh;
				margin-left: 6.875vw;
				margin-right: 0;
				position: relative;
				padding-bottom: 0;
		}
		
		.mv-karriere-skad-spirit .whitbox {
				position: relative;
				width: 43.125vw;
				padding: 7.1759vh 8.028vw;
				z-index: 500;

		}
		
		#karriere .mv-karriere-skad-spirit .whitbox strong.likeh2 {
				padding-bottom: 5.6481vh;
				min-height: auto;
		}
		
		.mv-karriere-skad-spirit .whitbox .subline {
				font-size: 2.2222vh;
				line-height: 3.3333vh;
				letter-spacing: 0.48px;
				width: 24.84375vw;
				padding-bottom: 2.7778vh;
				margin-bottom: 0;
		}
		
		.mv-karriere-skad-spirit .whitbox p {
				padding-bottom: 2vh;
		}
		
		.mv-karriere-skad-spirit .img_laufen02 {
				position: absolute;
				top: 28vh;
				left: 43.125vw;
				width: 41vw;
				z-index: 400;
		}
		
		.mv-karriere-skad-spirit .large-12:before {		/* Blauer Schatten hinter dem Bild.. */
				width: 13.6458vw;
				height: 42vh;
				background-color: #58B1FF;
				content: " ";
				display: block;
				position: absolute;
				right: 0;
				top: 21vh;
				z-index: 300;
		}
		
		/* Abschnitt: "Flexible Arbeitszeitmodelle" */
		#karriere .mv-attention-bar+.content .img_laufen03 {
				position: absolute;
				top: 13.8889vh;
				left: 0;
				width: 42.3958vw;
		}
		
		#karriere .mv-attention-bar+.content .right_side_140 {
				margin-top: 58.537vh;
				margin-left: 51vw;
				width: 28.2814vw;
		}
		
		#karriere .mv-attention-bar+.content .right_side_140 h2 {
				width: 20vw;
		}
		
		#karriere .mv-attention-bar+.content .right_side_140 .subline {
				margin-top: 5.6481vh;
				font-size: 2.2222vh;
				line-height: 3.3333vh;
				letter-spacing: 1;
				width: 20vw;
		}
		
		#karriere .mv-attention-bar+.content .right_side_140 p {
				margin-top: 2.8704vh;
				width: 25vw;
		}
		
		/* Social Box */
		#karriere .social_box {
				margin-top: 17.3333vh;
				margin-left: 43.2292vw;
				margin-bottom: 12.2222vh;
				width: 49.4792vw;
				padding-top: 5.0926vh;
				padding-bottom: 4.9639vh;
		}
		
		#karriere .social_box strong {
				font-size: 2.2222vh;
				line-height: 3.7037vh;
				letter-spacing: 2.4px;
		}
		
		#karriere .social_box p {
				padding-bottom: 4.9639vh;
				width: 24.5vw;
		}
		
		#karriere .social_box a.socialicons_white {
				width: 6.9444vh;
				height: 7.4071vh;
				background-size: 6.9555vh 7.4071vh;
		}
		
		#karriere .social_box a.linkedin_white {
				margin-right: 4.9479vw;
		}
		
		/* Seite RPA*/
		
		/* Abschnitt SKAD Spirit */
		#rpa .c-rpa-vorteile-robot {
				margin-top: 26.5741vh;
				margin-left: 6.875vw;
				margin-right: 0;
				position: relative;
				padding-bottom: 0;
		}
		
		#rpa .c-rpa-vorteile-robot .large-12:before {		/* Blauer Schatten hinter dem Bild.. */
				width: 13.6458vw;
				height: 38vh;
				background-color: #58B1FF;
				content: " ";
				display: block;
				position: absolute;
				right: 0;
				top: -12vh;
				z-index: 0;
		}
		
		/* Seite KI */
		
		#ki .mv-framed-content-140 .large-12 { padding-left: 7.2917vw; padding-right: 7.2917vw; }
		 h2.jobangebote { margin-top: 40vh; line-height: 5.5556vh; padding-bottom: 5.7407vh; }
		 #ki .jobangebote-container .p_box { width: 21.6667vw; padding-bottom: 4.2593vh; }
		 
		 #ki .cleverwrapper {
			margin-left: 30px;
			position: table;
			margin-left: 6.5vw;
			margin-top: 7vw;
		}
		 #ki .cleverbox {
			 	position: relative;
		 		display: inline-block;
				vertical-align: top;
				width: 30.5%;
				margin: 0 0.5% 0 0!important;		/* Someone did an html inline-margin on the right. So force this style! */
				padding: 5.0926vh 3.125vw 2.0926vh 2.96875vw;
				float: none;
				min-height: 48vh;
		}
		#ki .cleverbox-2 p {
			margin-top: -27px;
		}
		#ki .cleverbox.cleverbox-3 {
				margin-right: 0!important;
		}
		#ki .cleverbox h3 {
				font-size: 2vh;
				font-weight: bold;
				line-height: 3.2vh;
				letter-spacing: 2.4px;
				text-transform: uppercase;
				width: 20.8333vw;
		}
		#ki div.cleverbox p {
			width: 100%;
			padding-top: 74px;
			font-size: 1.25vw;
			line-height: 2vw;
			word-spacing: 0;
		}
		
		/* Blauer Schatten hinter dem Bild.. */
		
		
		#ki #anker .large-12.columns:before { 
				z-index: 50;
				width: 26.25vw; 
				height: 56.2037vh; 
				background-color: #58B1FF; 
				content:" "; 
				display: block; 
				position: absolute;
				top: 228vh;
				left: 0;
		}
		
		#ki .c-ki-vorteile .large-12:before {
				width: 21vw;
				height: 39vh;
				background-color: #58B1FF;
				content: " ";
				display: block;
				position: absolute;
				right: 0;
				bottom: 20vh;
				z-index: 0;
		}
		
		
}


/* Stylesheet for tablet views in a mobile first approach. 60em = 960px */
@media only screen and (min-width: 60em) {
		.home03-break { display: block; }
		
		/*
		.content.whitebg .row .large-12 {
				position: relative;
		}
		
		.content.whitebg .row .large-12 #full-width-height-simple-indicators {
				position: relative;
				z-index: 500;
		}
	
		.content.whitebg .row .large-12:after {
				content: " ";
				width: 60%;
				height: 100%;
				background-color: #58B1FF;
				display: block;
				position: absolute;
				bottom: -60px;
				right: -60px;
				z-index: 300;
		}
		*/
		
		#indexpage .content_skinny .large-12 {
				height: 69.9074vh;
		}
		
		
		#indexpage .content_skinny .large-12:after {
				content: " ";
				width: 31vw;
				height: 42vh;
				background-color: #58B1FF;
				display: block;
				position: absolute;
				top: 69.9074vh;
				left: 28.8542vw;
				z-index: 300;
		}
		
		#full-width-height-simple-indicators div.carousel-inner div.item div.centerbox p {
	padding-left: 90px!important;
	padding-right: 90px!important;
}
}

/* Stylesheet for tablet views in a mobile first approach. 60em = 960px */
@media only screen and (min-width: 60em) and (orientation : landscape) {
		/* Slogan auf der Startseite */
		h1.startslogan {
				top: 38.7037vh;
				line-height: 8vh;
				font-size: 7vh;
		}
		
		/* footer */
		footer {
				padding: 4.2593vh 7.2917vw 5.7724vh;
		}
		
		footer .footline {
				font-size: 2.7778vh;
				line-height: 2.7778vh;
				letter-spacing: 0.6px;
		}
		
		footer {
				font-size: 1.4815vh;
				line-height: 2.7778vh;
				letter-spacing: 0.8px;
		}
		
		footer .large-12 {
				padding-bottom: 8.8889vh;
		}
		
		/* Unterer Footer links */
		footer .footerleft { padding-top: 0;
		}
		
		footer .footerleft .bold4 {
				font-size: 2.7778vh;
				line-height: 3.7037vh;
				letter-spacing: 0.6px;
				display: block;
				vertical-align: top;
				margin-top: 0;
		}
		
		footer .footerleft br { display: block; }
		footer .footerleft .socialicons { display: inline-block; vertical-align: top;}
		footer .footerleft .socialicons { margin-top: 8px; }
		footer .footerleft .socialicons.xing { margin-left: 0; } /* 1.8229vw */
		
		/* Untere Footer Mitte */
		footer .footercenter { padding-top: 0; width: 27%; }
		footer .footercenter br { display: none; width: 2.0833vw; }
		footer .footercenter a { 
				font-size: 1.4815vh;
				line-height: 3.7037vh;
				letter-spacing: 0.32px;
				margin-left: 1vw;
				margin-right: 1vw;
		}
		
		/* Unterer Footer Rechts */
		footer .footerright { 
				padding-top: 0;
				font-size: 1.4815vh;
				line-height: 3.7037vh;
				letter-spacing: 0.32px;
				width: 45%;
		}
		
		footer .footerright br { display: none; }
		
		/* Slider auf der Startseite */
		#indexpage .content_skinny+.content {
				width: 49.4792vw;
				margin-left: 7.2917vw;
		}
		
		#indexpage .content_skinny + .content .item h1 {
				padding-top: 4.6296vh;
				padding-bottom: 4.0278vh;
		}
		
		#indexpage .content_skinny + .content .item p {
				width: 32.6042vw;
		}
		
		/* Deine Karriere bei SKAD */
		#karriere .p_box_01 {
				margin-left: 35.8854vw;
				width: 18.7vw;
		}
		
		/* Styles: Startseite - Geschäftsführer */
		#ceo {
				padding-bottom: 16vh;
		}
		
		
		#ceo .img_ceo {
				/*margin-left: 14.4792vw;*/
				width: 35.1042vw;
				position: relative;
				z-index: 200;
				display: inline-block;
		}
		
		#ceo .img_ceo.img_daniel {
				/*padding-top: 0!important;*/
				padding-top: 4.1vh;
		}
		
		
		h2.h2_ceo {
				width: 34.8958vw;
				margin-bottom: 0;
				margin-left: 57.6042vw;
				display: inline-block;
		}
		
		#indexpage .content_skinny + .content.whitebg {
				margin-top: 0;
				top: -8vh;
		}
		
		.ceo_content {
				display: inline-block;
				width: 34.8958vw;
				margin-left: 8.0208vw;
				vertical-align: top;
				padding-top: 4.3519vh;
				padding-bottom: 11.2962vh;
				position: relative;
		}
		
		#ceo h3.ceo_name {
				font-size: 2.7778vh;
				line-height: 1.8519vh;
				letter-spacing: 1px;
				font-weight: normal;
		}
		
		#ceo .ceo_content span {
				font-size: 1.4815vh;
				line-height: 1.8519vh;
				padding-top: 16px;
				padding-bottom: 30px;
		}
		
		#ceo .ceo_content ul, #ceo .ceo_content li {
				font-size: 1.4815vh;
				line-height: 1.8519vh;
				width: 26vw;
		}
		
		#services h1.startslogan_sub {
				font-size: 7vh;
				line-height: 8vh;
		}
		
				/* Bild "Boot" auf der Startseite. */
		#indexpage .img_boot { 
				width: 20.7292vw; height: 61.5741vh; /*margin-left: 21.6667vw; */ box-shadow: none; position: relative; z-index: 100;
				margin-top: -190px; margin-left: 10px;
		}
		#indexpage #anker+.content { 
				display: inline-block; 
				vertical-align: top; 
				padding-bottom: 22vh;
		}
		
		#indexpage #anker+.content .large-12.columns { position: relative; }
		#indexpage #anker+.content .large-12.columns:before { 
				z-index: 50;
				width: 26.25vw; 
				height: 56.2037vh; 
				background-color: #58B1FF; 
				content:" "; 
				display: block; 
				position: absolute;
				top: 10.92593vh;
		}
		
		/* Content auf der Startseite rechts neben dem Boot. */
		#indexpage #anker+.content+.content {
				width: 27.9687vw;
				display: inline-block;
				margin-left: 8.0209vw;
				display: inline-block; 
				vertical-align: top;
				
		}
		
		#indexpage #anker+.content+.content h2 {
				padding-top: 10vh;
				width: 18vw;
		}
		
		#indexpage #anker+.content+.content p {
				padding-top: 4.5vh;
				width: 24.5vw;
		}
		#indexpage .right_side_140 { margin-left: 0; }
		
		/* Seite Services */
		/* Abschnitt Projekterfolg ist planbar */
		#services .img_leftbg { 
				position: relative;
				top: 0;
				display: inline-block;
				vertical-align: top;
				margin-left: 7.2917vw;
				width: 42.2917vw;
				/*margin-top: 20.1852vh;*/
				margin-top: 8vh;
		}
		
		#services .mv-services-top {
				padding-top: 0;
				padding-bottom: 0;
		}
		
		#services .mv-services-top .row,
		#services .mv-services-top .large-12 {
				width: 100%;
				margin: 0;
		}
		#services .mv-services-top-content {
				position: absolute;
				top: 30.7778vh;
				left: 43.2292vw;
		}
		#services h1.startslogan_sub {
				width: 41.5104vw;
				margin-top: 0;
				line-height: 9.25926vh;
				font-size: 7vh;
				letter-spacing: 8px;
				padding-bottom: 0;
		}
		#services p.p_box_01 {
				margin-top: 5.2778vh;
				width: 23.5vw;
				margin-left: 12.5vw;
		}
		
		/* Seite Aktuelles */
		/* Abschnitt Projekterfolg ist planbar */
		
		#aktuelles .img_leftbg { 
				position: relative;
				top: 0;
				display: inline-block;
				vertical-align: top;
				margin-left: 7.2917vw;
				width: 40vw;
				/*margin-top: 20.1852vh;*/
				margin-top: 8vh;
		}
		
		#aktuelles .mv-services-top {
				padding-top: 0;
				padding-bottom: 0;
		}
		
		#aktuelles .mv-services-top .row,
		#aktuelles .mv-services-top .large-12 {
				width: 100%;
				margin: 0;
		}
		#aktuelles .mv-services-top-content {
				position: absolute;
				top: 19vh;
				left: 43.2292vw;
		}
		#aktuelles h1.startslogan_sub {
				width: 41.5104vw;
				margin-top: 0;
				font-size: 6vh;
				line-height: 8vh;
				letter-spacing: 8px;
				padding-bottom: 0;
		}
		#aktuelles p.p_box_01 {
				margin-top: 5.2778vh;
				width: 23.5vw;
				margin-left: 12.5vw;
		}
		
		/* KI */
		
		#ki .img_boot { 
				width: 20.7292vw;
				height: auto; /*
				height: 61.5741vh; */
				box-shadow: none;
				position: relative;
				z-index: 100;
				margin-top: 180px;
				margin-left: 0px;
		}/*
		#ki #anker+.content { 
				display: inline-block; 
				vertical-align: top; 
				padding-bottom: 22vh;
		}*/
		
		#ki #anker+.content .large-12.columns { position: relative; }
		/*
		#ki #anker+.content .large-12.columns:before { 
				z-index: 50;
				width: 26.25vw; 
				height: 56.2037vh; 
				background-color: #58B1FF; 
				content:" "; 
				display: block; 
				position: absolute;
				top: -67vh;
				left: 0;
		}
		*/
}

/* Burger Menü Navigation (oben rechts) erst ab 1075px Breite ausblenden und gegen diagonales Menü tauschen */
@media only screen and (min-width: 67.1875em) and (orientation : landscape) {
		#overlayMenuToggle { display: none!important; }	
		#overlayMenuToggle_stacks_in_210893_page0 { display: none!important; opacity: 0!important; visibility: hidden!important; }
		#overlayMenuContainer_stacks_in_210893_page0 .close-icon { display: none!important; opacity: 0!important; visibility: hidden!important; }
		#overlayMenuContainer_stacks_in_210893_page0 { display: block!important; opacity: 0; visibility: visible!important; }
		#overlayMenuContainer_stacks_in_210893_page0 * {display: block!important;opacity: 1!important;visibility: visible!important;text-align: right!important;}
		
		/* Menü Position und Breite */
		#overlayMenuContainer_stacks_in_210893_page0,
		#overlayMenu_stacks_in_210893_page0 {
				height: 12vh!important;
				width: 100% !important;
				position: relative !important;
				right: 0!important;
				left: auto!important;
				top: 0!important;
		}
		#overlayMenu_stacks_in_210893_page0 .cssmenu {
				margin: 0!important;
				text-align: right!important;
				width: 100%!important;
				max-width: none!important;
				padding-top: 5vh!important;
				padding-right: 6.2977vw!important;
		}
		
		#overlayMenuContainer_stacks_in_210893_page0 ul#custom_stacks_menu>li:first-child,
		#overlayMenuContainer_stacks_in_210893_page0 ul#custom_stacks_menu>li i.dropdown-close-icon,
		#overlayMenuContainer_stacks_in_210893_page0 ul#custom_stacks_menu>li i.dropdown-open-icon
		{ 
				display: none!important; opacity: 0!important; visibility: hidden!important; 
		}
		
		/* Einzelne Menü-Punkte positionieren und einstellen. */
		
		ul#custom_stacks_menu li.top_level {
				width: auto!important;
				height: auto!important;
				display: inline-block!important;
				margin-left: 0.2041vw!important;
				margin-bottom: 0!important;
				position: relative;
				border: none!important;
		}
		ul#custom_stacks_menu li.top_level a { 
				color: #FFF!important; 
				font-size: 1.4815vh!important; 
				padding: 1.4814vh 1.0vw 1.6vh!important; 
				text-transform: none!important;
				font-family: "UntitledSans_Regular"!important;
				border: none!important;
				letter-spacing: 0.8px!important;
		}
		
		#overlayMenu_stacks_in_210893_page0 .cssmenu > ul > li > a {
				letter-spacing: 0.8px!important;
				border-radius: 3px;
		}
		#overlayMenu_stacks_in_210893_page0 .cssmenu > ul > li > a:hover{color:#FFF;background-color:rgba(255,255,255,0.15);}
		
		#overlayMenuItem_stacks_in_210900_page0 span.clickable_dropdown a:hover{ color:#FFF;background-color:rgba(255,255,255,0.15); }

		
		/* Sub-Menü (Popup-Menü) */
		ul#custom_stacks_menu li.top_level ul { 
				display: none!important; 
				position: absolute!important; 
				left: 0!important; 
				top: 3.9vh!important; 
				text-align: left;
				padding-top: 2vh!important;
	
		}
		ul#custom_stacks_menu li.top_level:hover ul { display: block!important; opacity: 1!important; visibility: visible!important; }
		
		#overlayMenu_stacks_in_210893_page0 .cssmenu ul ul li { margin-top: 0!important;  width: 200px!important; }
		#overlayMenu_stacks_in_210893_page0 .cssmenu ul ul li a { margin-left: 0!important; line-height: 3vh!important;
				text-align: left!important; }
		
		ul#custom_stacks_menu li#menu_info.top_level {
				display: none!important;
		}
		
		.jobangebote-container .right_side_88 p {
				width: 24.5vw;
		}
		
		#karriere .img_laufen01 {
				width: 50em;
				height: auto;
		}
}


/* Styles for large screens: >= 1200px */
@media only screen and (min-width: 75em) and (orientation : landscape) {
		h1.startslogan {
				width: 50vw;
		}
		
		#indexpage .p_box_01 { width: 20vw; }
		
		#karriere .mv-attention-bar+.content .right_side_140 .subline {
				width: 21vw!important;
		}
		
		footer .footerleft br { display: none; }
		
		#kontaktpage .img_laufen01 {  
				width: 50vw; 
				height: 54.7778vh;
		}
		
		/* Seite Services */
		/* Abschnitt Projekterfolg ist planbar */
		#services .mv-services-top-content {
				top: 47.7778vh;
		}
		
		#aktuellesentry div.einzug_right p {
			font-size: 1.0vw;
			line-height: 1.8vw;
		}
		#aktuellesentry .content p, #aktuellesentry .content ul {
			font-size: 0.8vw;
			line-height: 1.6vw;
		}
		
}

/* Styles for very large screens: >= 1520px */
@media only screen and (min-width: 101em) and (orientation : landscape) {
		#ceo h2+picture+div.ceo_content:after {
				content: " ";
				display: block;
				height: 22vh;
				width: 22vh;
				background-color: #58B1FF;
				left: -30vh;
				position: absolute;
				bottom: -10vh;
				z-index: 100;
		}
		
		#karriere .img_laufen01 {
				width: 49.4792vw;
				height: 52.7778vh;
		}
}










.nav_home {
	opacity: 100 !important;
	visibility: visible !important;
	display: inline-block !important;
 }