/* Vantaio custom.css */

/* ------------------ Allgemeines ------------------ */

/* Hintergrund fuer Sektionen mit Farbverlauf */
.gradient{
background: -moz-linear-gradient(-45deg, #009cde 1%, #0965a5 45%, #49377a 75%, #4e2c74 98%);
background: -webkit-linear-gradient(-45deg, #009cde 1%,#0965a5 45%,#49377a 75%,#4e2c74 98%);
background: linear-gradient(135deg, #009cde 1%,#0965a5 45%,#49377a 75%,#4e2c74 98%);
}
.gradientrund{
background: #0ca0e0; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #0ca0e0 0%, #592065 86%, #592065 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #0ca0e0 0%,#592065 86%,#592065 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #0ca0e0 0%,#592065 86%,#592065 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.gradientSchrift{

 background-image:  linear-gradient(to top, rgba(0,159,227,1) 0%, rgba(85,23,102,1) 100%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}
/* Formatierung Modalbutton */
.modalbutton a{
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
}

/* --- imitierte Social Icon Links -----*/
#footer .uk-list-collapse{
    column-gap: 0px;
}
#footer .uk-list-collapse li{
    max-width: 40px;
}

/* Nach oben Button erscheint bein Scrollen */

 #sticky-to-top {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 1;
      visibility: hidden
  }
  #sticky-to-top.sticky-to-top {
      visibility: visible;
  }

fieldset{
    border: none;
}

/* Share - Social Media ---*/
.category-20 #tm-bottom{
  display: none;
}

/* modale Kontaktbox im Hauptmenue */
.telefon .uk-dropdown{
    min-width:400px;
}

/*  test grid button nach unten */

.buttonunten .uk-card {
	display: inline-flex;
	flex-direction: column;
	justify-content: space-between;
}

.teaser > [class*="uk-background-"][style] {
  height: 70vh !important;
  min-height: 70vh !important;
}

.hg-headline h2{
    background: rgba(255,255,255,0.5);
    padding: 0.5em;
 /*   max-width: 55%;   */
     border-radius: 15px;

}
.hg-headline2 h2{
    background: rgba(0,0,0,0.3);
    padding: 0.5em;
  /*  max-width: 55%;    */
     border-radius: 15px;
}
.hg-headline h2 p,
.hg-headline2 h2 p{
  margin: 0;
}

.hg-transparent .uk-card{
    background: rgba(255,255,255,0.7);
    padding: 1rem;
     border-radius:0;
     border: none;

}
@media(max-width: 968px) {
.teaser > [class*="uk-background-"][style] {
  height: 40vh !important;
  min-height: 400px !important;
}
.modulcenter .teaser > [class*="uk-background-"][style],
.baukasten .teaser > [class*="uk-background-"][style] {
  height: 60vh !important;
  min-height: 550px !important;
}
.modulcenter .teaser .video .uk-first-column{
    min-width: 300px;
}
.rsform-block-optional{
    margin-top: 1em;
}
#footerdesktop{
    display: none;
}
#footermobile{
    display: flex;
}
.hg-headline h2,
.hg-headline2 h2{
    max-width: 100%;
}
}
@media(max-width: 600px){
	 .teaser h2 {
	    font-size: 30px;}
}

/*---- Suche - mit Dropdown -------*/

.uk-light .uk-navbar-dropdown .uk-search-input {
    color: @search-color;
}
.uk-light .uk-navbar-dropdown .uk-search-input:-ms-input-placeholder {
    color: @search-placeholder-color !important;
}
.uk-light .uk-navbar-dropdown .uk-search-input::placeholder {
    color: @search-placeholder-color;
}
.uk-light .uk-navbar-dropdown .uk-close {
    color: @close-color;
    color: #000;
}
#module-tm-1 .uk-navbar-dropdown .uk-close{
    color: #fff;
    padding-right: 10px;
}

#module-tm-1 .uk-navbar-dropdown.uk-open[style]{
    top: 80px  !important;
    left: 78% !important;
    background: #009fe3;
}
/*.com_search-view-search .uk-search-input*/
#searchForm .uk-search-input
{
    color: #000;
}

/* --- mobil ---- */
.uk-offcanvas-bar .uk-search-input,
.uk-offcanvas-bar .uk-search-default .uk-search-input:focus {
    background: #029fe2;
}
.uk-offcanvas-bar form.uk-search {
    width: 80%;
}

/* -- Suchergebnisse ----*/

.awesomplete mark{
    background: #009fe3;
}

 input#search-searchword{
     border: 2px solid #eee;
     border-radius: 8px;
     height: 45px;
     width: 120px;
}
/*#searchForm input[type="radio"]:not([class*="uk-"]){
     margin-right: 5px;
 }
#searchForm .uk-search-default{
     width: 120px;
 }

#searchForm fieldset:nth-child(2){
   display: none;
}
div.controls #searchphraseall-lbl{
    padding-left: 0;
}
#searchForm legend{
    font-weight: bold;
}
#searchForm>.uk-panel{
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 1em;
}
*/
.ergebnisse{
    margin-top: 2em;
}
 /* Korrektur von Problem mit doppelten Beitragstiteln - zu entfernen, wenn Blog mit dynamischen Inhalten umgesetzt wird */
/*.search article>h2:nth-of-type(1) {
    display: none;
}  */

/* --- Suchfeld Modulcenter - Daniel ----*/
/*#vantaio-app .uk-search-large .uk-search-input{
    background: #fff;
    border-bottom: #ddd;
}
.vantaio-search.uk-search-input::placeholder {
    color: #6a6a6a;
}
#vantaio-app .vantaioBtn.reset{
      background: #e84e14;
      color: #fff;
      border-radius: 6px;
      border-color: #e84e14;
}

.vantaio-intro-text{
    hyphens: auto;
}

.vantaio-title {
    line-height: 1.2;
    font-size: 18px;
}   */

/*.article-645 .tm-header,
.article-645 #system-message-container+.uk-section-default,
.article-645 #footer{
    display: none;
} */


/*  --- Neues Icon für Kontaktformular zwischen Sprachumschaler und Suchicon ---*/
/* #module271 : live-demo Button - #module-87: sprachswitcher,  #module-tm-1: search, #module272 : KontaktTaiO*/

 #module-tm-1{    /* Suchfenster Icon nach rechts geschoben */
     order:5;
 }
/* Telefon-Icon */
#module-272,
#module-269{
     order:5;
	 margin-right: 0;
 }
/* Telefon zentrieren */ 
 #module-272 p,
 #module-269 p{
     margin: 0;

 }

	
#module-87  div.mod-languages li   {
    padding-left: 0;
    margin: 0;
 }

#module-87 {
    padding: 0 0 0 8px;
	order: 2;
 }
 /* Live Demo */
 #module-271,
 #module-270{
     padding: 0px 0 0 0;
	 order: 1;
     margin-bottom: -16px;
 }
/* Button springt nach dem Anklicken */
 #module-271 p,
 #module-270 p{
     margin-bottom: 20px !important;
 } 
 
 
#module-271 button,
#module-270 button{
   padding: 10px 7px;	
}	

#module-89,
#module-88 {
    margin-right: 5px;
}


/* --- Allgemeines ---- */
em.large{
    font-size: 150%;
    font-style: normal;
}
/* -- Button wegen Umbruch von viel Beschriftung geaendert , achtung line-height ---*/
     .uk-button, .btn{
         padding-top: 12px;
         padding-bottom: 12px;
         line-height: 20px;
     }
    .partner .uk-button-primary:visited{
         background-color: #009fe3;
         color: #fff;
     }

   

 .uk-section-primary:not(.uk-preserve-color) .uk-button-primary{
     background-color: #009fe3;
     background-image: linear-gradient(to right,#009fe3 0,#0555a8 100%);
     color: #fff;
 }
.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover{
  background-color: #fff;
  color:     #009fe3;

 }
 .uk-totop>*{
   font-weight: bold;
   width: 36px;
   height: 20px;
 }

.gradient.uk-section-muted li{
    color: #fff;
}

 /*--- Formulare ----- */
 /*--- Fehleranzeige ----*/
 .formError{
     color: #E84E10;
 }
 .rsform form>p{
     color: #E84E10;
     font-weight: bold;
 }

/* --- Schiebecaptcha ---- */
.sc-k3sc br{
    display: none;
}



/* ------ YP Slider ------ */
.uk-slideshow .uk-overlay{
    width: 100%;
    text-align: center;
}
/* abgerundete Ecken in Slider */
.uk-slideshow-items li img{
    border-radius: 20px;
}

.uk-slideshow,
.uk-slideshow>div,
.uk-slideshow-items,
.uk-slideshow-items li{
    background: transparent;
    border-radius: 20px;
}

.uk-slideshow .uk-overlay h3.el-title {
    font-size: 20px;
    font-weight: 400;
}

/* Google Maps und Google YouTube Blocker */
.youtubevideo>div{
   position: relative;
   border-radius: 8px;
}
.youtubevideo .jmg-iframe .notification.default{
    border-radius: 6px;
}

.jmg-googlemaps-dsgvo-notification.position_4.style_3.custom_2 div.notification{
	position: absolute;
	bottom: 3%;
	right: 5%;
	left: 5%;
}
.jmg-googlemaps-dsgvo-notification .notification{
	height: 40%;
}
.youtubevideo .jmg-youtube-dsgvo-notification.position_4.buttongroup{
    bottom: -10%;
    top: auto;
    position: absolute;
}

.uk-container .youtubevideo .jmg-youtube-dsgvo-notification.responsive_0.position_4 {
	position: absolute;
	bottom: 20%;
	left: 3%;
    right: 3%;
    top: auto;
 	width: auto;
	overflow: auto;
	height: auto;
}
@media(max-width: 931px) {
.uk-container .youtubevideo .jmg-youtube-dsgvo-notification.responsive_0.position_4,
.jmg-googlemaps-dsgvo-notification .notification {
     display: none;
    }
}

@media(max-width: 600px) {

.uk-slideshow .uk-overlay h3.el-title {
    font-size: 15px;
    line-height: 1.2;
}
.uk-slideshow .uk-overlay .uk-padding-small{
    padding: 5px;
}
 
} /* end 600*/

/* -- Navigation, Menues ---- */

/* Offcanvas */
.uk-offcanvas-close {
	color: #000;
}
.uk-navbar-toggle-icon svg{
	height: 25px;
	width: 25px;
	/*font-size: 30px;*/
}

/* ----- Offcanvas ----- */
.uk-offcanvas-close {
	color: #000;
}
.uk-navbar-toggle-icon svg{
	height: 25px;
	width: 25px;
	/*font-size: 30px;*/
}

/* -- Navigation ----*/

.tm-header .uk-sticky-fixed{
	border: 1px solid #ddd;
}




.uk-offcanvas .uk-nav a{
    padding-left: 6px;
    display: table;
}
.uk-offcanvas .uk-nav a:hover{
    background: #029fe2;
     color: #fff;

}
.uk-offcanvas .uk-active .uk-active a  {
     background: #029fe2;
 }
 .uk-offcanvas .uk-active .uk-active ul a  {
     background: #fff;
 }
 .uk-offcanvas .uk-active .uk-active ul .uk-active a  {
     background: #029fe2;
 }
 .uk-offcanvas .uk-active .uk-active a:hover{
     background: #029fe2;
     color: #fff;
 }

 #tm-mobile .uk-offcanvas-bar .uk-search-input{
     max-width: 50%;
 }


/* Umbruch des Hauptmenues verhindern ---*/
@media(max-width: 1145px) {
	.tm-header .uk-container {
	 padding-right: 10px;
	 padding-left: 10px;
 }
 .tm-header .uk-navbar-nav > li > a {
 	padding-right: 10px;
 	padding-left: 10px;
 } 
 .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    margin: 0 10px;
}

} /* end 1145*/

@media(max-width: 1050px) {
 .uk-slideshow-items li img{
   max-width:none !important;
}

	#module-87{
	 padding-right: 0;
	 padding-left:0;
 }
 .tm-header .uk-navbar-nav > li > a {
 	padding-right: 7px;
 	padding-left: 7px;
 } 

.uk-sticky .uk-navbar-container .uk-container{
	 padding-right: 15px;
	 padding-left: 15px;
}
}  /* end 1050 */

@media(max-width: 968px) {
 #module-tm-1 {
 	padding-right: 10px;
 	padding-left: 10px;
 } 
  .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    margin: 0 5px;
}
 
} /* end 968*/

.uk-navbar-nav > li:hover > a{
	background: #009FE3;
    background: linear-gradient(to right,#009fe3 0%,#0555a8 100%);
	color: #fff;
}

.uk-navbar-dropdown-nav > li > a:hover{
   background-color: transparent;
  background: linear-gradient(to right,#009fe3 0%,#0555a8 100%);
}



/* Dropdown Menue ---- */
.navbar .nav > li > .dropdown-menu, .uk-navbar-dropdown{
	padding-top: 0;
}

.uk-navbar-dropdown-nav ul.uk-nav-sub{
	padding-top: 0;
}
.uk-navbar-dropdown-nav ul.uk-nav-sub {
	padding-top: 0;
}
.uk-navbar-dropdown-nav ul.uk-nav-sub li a{
	padding-bottom: 0px;
	padding-left: 31px;
/*	color: lime;*/
}
.uk-navbar-dropdown-nav ul.uk-nav-sub li a:hover{
	color: #fff;
     background: linear-gradient(to right,#009fe3 0%,#0555a8 100%);
}

.uk-navbar-dropdown-nav ul.uk-nav-sub li:last-child a{
	padding-bottom: 0;
/*	color: red;*/
}
.uk-navbar .uk-active .uk-active>a{
	background: #009FE3;
    color: #fff;
}
.uk-navbar .uk-active .uk-active .uk-active>a{
   /*	color: #009FE3;*/
    color: #fff;
	background: #009FE3;
}
.uk-active .uk-active a:hover{
	color: #fff;
}


/* -- Widgetkit Slider Zitate, Referenzen Startseite --- */

/* gegen das Zucken des Sliders */
[data-wk-slideset]{
    min-height: 320px !important;
}
[data-wk-slideset] .wk-slidenav-position{
    min-height: 270px;
}

@media(max-width: 460px) {
[data-wk-slideset]{
    min-height: 332px;
}
}
 .wk-slidenav-position .wk-slidenav,
 .wk-slidenav-position .wk-slidenav:hover{
	border-radius: 50%;
	background: #009FE3;
	color: #fff;
	/*	display: block;*/
}

 .uk-slideshow .uk-slidenav:hover{
/*	border-radius: 50%;*/
	background: #009FE3;
	color: #fff;
	display: block;
}
.wk-slidenav-previous::before{
	position: relative;
  right: 3px;
  bottom: 3px;
}
.wk-slidenav-next::before{
	position: relative;
  left: 3px;
  bottom: 3px;
}

#referenzen .wk-slidenav-position .wk-slidenav:hover,
#referenzen .wk-slidenav-position .wk-slidenav,
#referenzen .wk-slidenav-position .wk-slidenav::before{
	display: none;
}

/* -- Slider in Switcher werden sonst nicht geladen ---*/
.referenzen .wk-slideshow[style],
.referenzen .wk-slideshow .wk-active[style] {
 /*height: 588px !important;*/
}
.referenzen #slideset>.uk-background-cover,
.karriere #slideset>.uk-background-cover{
    min-height: 750px;
}

/* Widgetkit Slideset dunkle Schrift */
#dunkel .wk-overlay-panel h3+div,
#dunkel .wk-overlay-panel h3{
    color: #000;
}
#dunkel .wk-overlay-panel {
    background: #ffffff;
}

/* ---- Button mehr erfahren ------- */
.btn_mehr .uk-button{
	display: inline-block;
	width: 100%;
}
.referenzen .casestudies table.moduletable{
    width: 100%;
}

/* ----- 13.08.2019 Test Lightbox ----- */
.lightbox-einbild .uk-grid-margin{
   /* border: 1px solid red;   */
    display: none;    
}
.lightbox-einbild>div>.uk-first-column:nth-child(n + 2){
   /* border: 1px solid red;*/
   display: none;
}

/* ------ Kontakt, Karriere, Newsletter Buttons am rechten Rand ------ */
#kontakt,
#karriere,
#newsletter,
#infoliste{
	position: fixed;
	right:0;
	padding-left: 1em;
	min-width: 40px;
    z-index: 200;
}
#karriere p.stickyside .icon{
	/*border: 1px solid lime;*/
	line-height: 0;
	height: 30px;
	width: 30px;
    background: #009FE3 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAA3NCSVQICAjb4U/gAAABKVBMVEX///////////////////////8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+5iIliAAAAY3RSTlOZ4uDh2S0AK9jjoPI5FxgaFrxybMAy6H4OqW5ordoBBG9psQId3AOssBxXDeYj0wYfpHNtCN3XuKeq7FRQ7rbbKlVTcCRlZ0tKJbKzUU3vvg+lCt4hItWuLhG3uymm7erp5DF1fUXhAAAACXBIWXMAAC4jAAAuIwF4pT92AAABNklEQVQoz82S21qCQBSFt2ZbrUAyI0kFQSELtaIiqeyodrCDnbWDWe//EMGAjBdJF93038ystWbg2+sbgFB4YkhkEjEa82U4PgXTMwzLEBLcbBJxLsUlXM0y8zwspNFHWETMZKnmcoAoekhiNo8oK/aGUBCLKmj+WQ2XnLiEniXisgoYHP/t9ooeGJcr9jo+rlY0SSOsallnbsXeECRtTYXYSC3rBuKGQPXmFpjbNUsgWLWdXcS9OtX7B3CYTw4xjgr2H48N3ziJjgz2E7/FjWYr49KSTx3nTPaN5jlUU6ULl7ZSv0S8ulbanlG6MSHSoZ+6dQazqL67B7MRWIv5EFjqf44f7Rc7/iE/FWkNljP3M9VsDkJdvZMm9PQXp7VXvefqjv5Whvc+/+Ex+PxC7MYHQ833hW/B5VYsQx/XJAAAAABJRU5ErkJggg==') no-repeat center center;
}

#karriere p.stickyside .icon{
	/*border: 1px solid lime;*/
 /*	line-height: 0;
	height: 30px;
	width: 30px;        */
}
#karriere .icon img{
	height: 30px;
}
 #karriere p.stickyside a{
    display: flex;
}
#kontakt{
	top: 20%;
	top: 180px;
}

#newsletter,
/*.lang-en #karriere*/
 [lang="en-gb"] #karriere{
	top: 25%;
	top: 240px;
}

#karriere{
	top: 30%;
	top: 300px;
}

#infoliste{
     top: 100px;
     right: 10px;
}
#infoliste h2{
    font-size: 1.2rem;
}

#infoliste .myshortlist_box  {
 /*   position: absolute;
    top: 0;
     right: 0px;
    width: 400px;
    left: auto;
    height: 700px;
    box-shadow: none;   */
   /* border: 2px solid lime;*/
}

#infoliste .myshortlist_list_as_cart{
  min-width: 400px;
 }

#infoliste .msl-popup-active{
    left: auto;
    right: 200px;
    height: 200px;
    width: 300px;
    z-index: 10001;
  /*)  border: 3px solid lime;*/
}

.msl-popup-active{
       min-height: 200px;
}

#infoliste .myshortlist_cart_close_button  {
    float: left;
}

#infoliste .myshortlist_item_title{
    font-size: 16px;
    line-height: 1.3;
}

.myshortlist.button{
    margin-top: 20px;
}

.myshortlist_shadowing{
    z-index: auto;
}
#infoliste .myshortlist_clr+p{
    margin: 0;
    color: #bbb;
}
#infoliste span.fa-times{
    color: #444;
}

.msl_badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
    position: relative;
    background-color: #ED0606;
    top: -15px;
    left: -15px;
    opacity: 0.9;
}

@media(max-width:900px) {
.myshortlist_add_popup  {
    width: 60%;
    left: 15%;
}
}
@media(max-width:850px) {
 #infoliste .myshortlist_list_as_cart{
  min-width: 300px;
 
 }
 #infoliste .myshortlist_box  {
  width: 300px;
  height: 600px;
   }
 #infoliste h2,
 #infoliste label{
     font-size: 1rem;
 }
}
@media(max-width:500px) {
 #infoliste .myshortlist_box  {
    top: 0;
    right: 10px;
    padding: 0.5rem;

 }


 .myshortlist.btn-primary{
     margin-bottom: 0.5rem;
 }
 #infoliste .send_list_field{
            max-width: 95%;
 }
 .myshortlist_add_popup  {
    width: 80%;
    left: 5%;

}
 .myshortlist_add_popup h3 {
    font-size: 18px;

}
 .myshortlist_add_popup button {
    line-height: 1.6;
}
}
@media(max-width:380px) {
#infoliste .myshortlist_list_as_cart{
  min-width: 200px;
 }
  #infoliste .myshortlist_box  {
  width: 200px;
  height: 500px;
   }
}

#kontakt p,
#karriere p,
#newsletter p{
	margin: 0 0 0.25em 0;
}
p.stickyside{
	font-weight: bold;
	margin: 0;

}
p.stickyside .icon{
	background: #009FE3;
	padding: 10px;
}
p.stickyside a{
	color: #fff;
}

.stickyside span.menuetext{	
	color: #fff;
	display: inline-block;
}
.stickyside span.menuetext {
    transition:visibility 2s, opacity 2s; 
    visibility:hidden;
    opacity:0;
    background: #009FE3;
    padding: 8px 5px 12px 10px;
}

.stickyside:hover span.menuetext {
      visibility:visible;
      opacity:1;
}
/*---- Bubble..-----------*/

.bubble{
    animation-name: wobble;               
    animation-duration: 12s;               
    animation-iteration-count: 1;
     animation-fill-mode: forwards;
}

.bubble img{
    animation-name: blase;               
    animation-duration: 12s;               
    animation-iteration-count: 1;
     animation-fill-mode: forwards;
}
@keyframes blase {
    from {  transform: translateX(0px)    }
    to   {  transform: translateY(-300px) }
	  to   {  transform: translateY(-60%) }
}

@keyframes wobble {
  20% {
  transform: translateX(-60px);
  }
  50% {
  transform: translateX(60px);
  }
  70% {
  transform: translateX(60px);
  }
   }



/* --- Weiterempfehlen ---- */
.rsform-block-message label{
/*	position: relative;
	left: -280px;*/
 /*margin-left: 17px;*/
}

/* ----------- Footer --------- */
.footerrow{
  display: flex;
  flex-direction: row;
  align-items: flex-end; 
}

/* --------------------- Startseite --------------- */



@media(max-width:1100px) {
	
 #menschen .uk-background-cover{
 	background-position: 30% 50%;
 }
} 

@media(max-width:959px) {
	p{
	   -webkit-hyphens: auto;
       hyphens: auto;
 }
 #menschen .text p{
 	padding-right: 30px;
 }
 
} 
@media(max-width:639px) {
	h1, h2, h3,h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6{
     -webkit-hyphens: auto;
    hyphens: auto;
 }
 .no-hyphens{
    hyphens: manual;
 }
} 


/* ---  roksprocket fuer aktuelle meldungen Startseite ----- */

.home .sprocket-strips-container li{
   min-width: 340px;
}

.sprocket-strips-item{
	box-shadow: none;
	border-radius: 0;
	height: 334px;
}
.news_point{
    display: none;
}



@media(max-width:1180px) {
	#startmeldungen h4.sprocket-strips-title,
	#startmeldungen span.sprocket-strips-text  {
	  hyphens: auto;
	  font-size: 18px;
 }
 .home .sprocket-strips-text{
 	margin-bottom: 0.7em;
 }
}


@media(max-width:1000px) {

 .home .sprocket-strips-container li{
	height: 334px;
	width: 380px;
}

} 
@media only screen and (max-width:850px) {
.home	.sprocket-strips-container li {
		margin-left: auto;
		margin-right: auto;
 }
}
 @media(max-width:810px) {
 #startmeldungen h2{
 	text-align: center !important;
 }
 
 .home .sprocket-strips-pagination li{
 	  padding: 12px !important;
    margin-left: 6px;

 	}

}

.sprocket-strips-item{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: flex;
}
.sprocket-strips-content{
	flex: 1;
	box-sizing: content-box;
}
/* roksprocket - strips - overlay - modus */
.sprockets-strips .sprocket-strips-container > li{
 
}
.sprocket-strips-content h4,
.sprocket-strips-content p,
.sprocket-strips-content a,
.sprocket-strips-content span{
  visibility: hidden;
}
.sprocket-strips-content:hover{
	background: #37a5e4;
	height: 304px;
	/*transform:  translate(20px, 10px);*/
}
.sprocket-strips-content:hover h4,
.sprocket-strips-content:hover p,
.sprocket-strips-content:hover a,
.sprocket-strips-content:hover span{
	visibility: visible;
	color: #fff;
	text-decoration: none;
}

.sprocket-strips-content a.readon{
   	background: #E84E10;
	margin-top: 0.5em;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    border-radius: 8px;
    padding: 10px 20px;
    line-height: 20px;
  }


.sprocket-strips-text{
	display: block;
	margin-bottom: 2em;
}
.sprocket-strips-text .roksprocket-ellipsis{
	display: none;
}	
.sprocket-strips-pagination{
	display: flex;
	justify-content: center;

}
.sprocket-strips-pagination li {
	background: #999;
	box-shadow: none;
	padding: 8px !important;
	margin-left: 2px;
}
.sprocket-strips-pagination li.active {
	background: #009FE3;
}


/* -------- Ueber-uns - Unternehmen ------ */

/* -- Team Switcher - YP ---- */
#team li.el-item>.uk-grid>div+div {
  	background: rgba(255,255,255,0.5);
	padding: 1em;
}

/* --- Team YP-Switcher ---*/
 .personen li img,
#team .uk-thumbnav > * > :focus::after,
#team .uk-thumbnav > * > :hover::after,
#team .uk-thumbnav > * > :active::after,
#team .uk-thumbnav > * > ::after{
	border-radius: 50%;
}



.personen li img.el-image{
	border-radius: 0%;
	position: absolute;
	bottom: 0;

}
.personen li a{
	margin-right: 50px;
}

.personen li .uk-first-column{
	position: relative;
}

@media(max-width:900px) {
	.personen li a{
	margin-right: 35px;
}
} 
@media(max-width:600px) {
	.personen li a{
	margin-right: 20px;
	padding-left: 10px;
}
.personen li img{
	width: 90px;
}
.personen li.uk-active img{
	border: 3px solid #fff;
}
.personen li a:hover img{
	border: 3px solid #009FE3;
}
.personen .uk-thumbnav > * > :focus::after,
.personen .uk-thumbnav > * > :hover::after{
	background: transparent;
}

.personen>.uk-background-cover>.uk-container>div{
	margin-left: 0;
}
.personen .el-image{
	display: none;
}

}

@media(max-width: 960px) {
.personen li img.el-image{
	position: static;	
 }
 #team .el-item.uk-active>div>div+div{
 	margin-top: 0;
 }
}

/* Animated numbers */
.counter .flexodo_intro,
.counter .flexodo_outro,
.counter .circle span{
  color: #fff;
}
.odom_container .circle span{
    padding-top: 10px;
}

 /* ---- Vina timeline ----*/

#vina-timeline-wrapper170 .vina-dates a,
#vina-timeline-wrapper191 .vina-dates a,
#vina-timeline-wrapper213 .vina-dates a{
	font-size: 24px;
}
#vina-timeline-wrapper170 .vina-dates a.selected,
#vina-timeline-wrapper191 .vina-dates a.selected,
#vina-timeline-wrapper213 .vina-dates a.selected{
	font-size: 24px;
}
#vina-timeline-wrapper170 .timeline-content,
#vina-timeline-wrapper191 .timeline-content,
#vina-timeline-wrapper213 .timeline-content{
	font-size: 20px;
	max-width: 65%;
	margin: 0 auto;
	padding-top: 40px;
}
.vina-timeline-slider{
    background-image: url('../images/dot.gif');
}

.vina-timeline-slider .vina-dates li{
	background-position-y: 39px;
	height: 56px;
    background-image: url(../images/biggerdot.png);
}
.vina-timeline-slider .vina-issues li p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.625;
}

.timeline-content div.image+div{
 /*   margin-left: 286px;*/
   hyphens: auto;
}

.vina-timeline-slider .vina-next{
       background-image: url(../images/next.png);
}
.vina-timeline-slider .vina-prev{
   background-image: url('../images/prev.png');
}


/* -----  Ueber uns - Aktuelles ----*/

/* Formular Anmeldung Dine und Dialog */
.rsform-block-shuttleservice-rueckfahrt,
.rsform-block-fragen-und-anregungen,
.rsform-block-adresse-hinfahrt-shuttle{
    clear: left;
    padding-bottom: 1em;
}
.rsform-block-vegetarier .rsform-checkbox,
.rsform-block-shuttleservice-rueckfahrt .rsform-checkbox,
.rsform-block-shuttleservice-hinfahrt .rsform-checkbox{
    margin-right: 5px;
}
.rsform-block-vegetarier div label,
.rsform-block-shuttleservice-rueckfahrt div label,
.rsform-block-shuttleservice-hinfahrt div label{
    padding-right: 15px;

}

.rsform-block-shuttleservice-rueckfahrt>label,
.rsform-block-shuttleservice-hinfahrt>label{
    line-height: 1.2;
    padding-bottom: 10px;
}




/* ---- Event- und Meldungs Portfolio-Mosaic --- */

h2.sprocket-mosaic-g-title {
	font-size: 28px;
	color: #fff;
      hyphens: auto;

}
h2.sprocket-mosaic-g-title a,
.sprocket-mosaic-g-readon{
	text-decoration: none;
	color: #fff;
      hyphens: auto;
}

.sprocket-mosaic-g-readon{
	 background: #e84e10;
  border-radius: 4px;
}
.sprocket-mosaic-g-readon:hover{
  color: #fff;
  background: #e84e10;
  border-radius: 6px;
  
}
.sprocket-mosaic-g-item:hover .sprocket-mosaic-g-content.overlay-mode {
    height: 100%;
    opacity: 1;
   /* background-color: rgba(255,255,255,0.8);*/
    background-color: rgba(0,158,226,1);
    visibility: visible;
}

.sprocket-mosaic-g-content,
h2.sprocket-mosaic-g-title a,
.sprocket-mosaic-g-readon{
	color: #000;
	color: #fff;
}
.sprocket-mosaic-g-title{
	padding: 15px 15px 0 0px;
}

.sprocket-mosaic-g-content,
.sprocket-mosaic-g-info,
.sprocket-mosaic-g-text,
.sprocket-mosaic-g-readon{
	font-size: 18px;
}

.sprocket-mosaic-g-content,
.sprocket-mosaic-g-info,
/*.sprocket-mosaic-g-text,*/
.sprocket-mosaic-g-readon{
	padding: 0 25px;
}

a.sprocket-mosaic-g-readon{
   	background: #E84E10;
	margin-top: 0.5em;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    border-radius: 8px;
    padding: 10px 20px;
    line-height: 20px;
  }

.sprocket-mosaic-g-text,
.sprocket-strips-text{
    cursor: default;
    padding-bottom: 1rem;
}

.sprocket-mosaic-g-effect{
	background: transparent;
}
.sprocket-mosaic-g-item{
	padding: 5px;
}

/* Hintergrund Tag */
.sprocket-mosaic-g-tags{
	background: transparent;
	display: none;
}
/*.sprocket-mosaic-g-filter li.Events,
.sprocket-mosaic-g-filter li.Meldungen,
.sprocket-mosaic-g-filter li.all,     */   /* Verallgemeinerung der Tabs*/
.sprocket-mosaic .sprocket-mosaic-g-filter li {
	color: #fff;
	font-size: 24px;
	border-radius: 0;
	padding: 2px 25px;
	margin-right: 20px;
}
/*.sprocket-mosaic-g-filter li.Events,
.sprocket-mosaic-g-filter li.Meldungen,
.sprocket-mosaic-g-filter li.all,     */
.sprocket-mosaic .sprocket-mosaic-g-filter li{
	background: #aaa;
}
/*.sprocket-mosaic-g-filter li.Events.active,
.sprocket-mosaic-g-filter li.Meldungen.active,
.sprocket-mosaic-g-filter li.all.active,      */
.sprocket-mosaic .sprocket-mosaic-g-filter li.active{
	background: #009fe3;
},


/*.sprocket-mosaic-g-filter li.all{
	background: #009fe3;
}  */

.sprocket-tags-Meldungen .farbaenderung{
	width: 100%;
  height: 300px;
 /* background: lime;*/
  z-index: 1000;
  }


/* Social media - Zustimmungen */
*.socialmedia+div{
   display: flex;
     flex-direction: column;
    min-height: 340px;

}

.socialmedia + div .uk-text-center{
  position:relative;
  top: 110px;
}
@media(max-width: 880px) {
 .socialmedia + div .uk-text-center{

  top: 140px;
  line-height: 1.2;
  font-size: 18px;

}
 .socialmedia + div .uk-text-center br{
     display: none;
 }

}



 /*  --- Hinter die Kulissen ----*/
 #fb{
     min-height: 1000px;
     width: 100%;
 }


/*------- Ueber uns - Karriere -------- */

/* Karriere Slideshow - Impressionen */
.karriere .wk-slider-section .wk-overlay-panel{
	bottom: -180px;
}
.karriere  blockquote{
    min-height: 170px;
}

.karriere .animiertegifs img{
    max-width: 100px;
}

#slideset .wk-dotnav li a{
 /*  background: #fff;
   width: 16px;
   height: 16px;       */
}
.stellenangebote .uk-overlay p{
    margin-bottom: 0;
}
.wk-slideset-nav.wk-dotnav li a{
    background: rgb(256, 256, 256, 0.5);
    width: 20px;
    height: 20px;
}
.wk-slideset-nav.wk-dotnav .wk-active a{
    background: rgb(256, 256, 256, 1);
    background: #009fe3;
    transform: scale(1);
}
/* Case studies */
#overrideb .wk-dotnav li a,
.casestudies .wk-dotnav li a{
   background: #000;
   width: 16px;
   height: 16px;
}
#slideset .wk-dotnav li.wk-active a,
#overrideb .wk-dotnav li.wk-active a,
.casestudies .wk-dotnav li.wk-active a{
   background: #009FE3;
   transform: none;
}

/* Testimonial */
.wk-slideset blockquote{
	margin-bottom: 2em;
}
.wk-slideset cite{
	font-style: normal;
	text-transform: uppercase;
}

.wk-slideset blockquote+p{
	display: list-item;
	list-style-type: square;
	padding-left: 1em;
	margin-left: 1em;
}

/* --- Wall Pro Widget ---- */
.partner .mwall-item-outer-cont{
  /*  border: 2px solid #ddd;*/
	  border-radius: 15px;
      box-shadow: 0 5px 15px rgba(0,0,0,.08);
}

.partner .mwall-buttons ul li{
    margin-right: 10px;
}
.partner .mwall-buttons > span{
 /*   line-height: 53px;*/
    color: #000000;
}

.partner .mwall-hover-box-content h3.mwall-title a{
	font-size: 48px;
	display: block;
	width: 100%;
   	line-height: 1.5;
    padding-top: 1.25em;
    padding-bottom: 1.25em
}

.partner .mwall-columns .mwall-photo-link img{
    height: 100%;
}
/* Overlay mit Verlauf */
.partner .mwall-hover-box{
   /* background: linear-gradient(135deg, #009cde 1%,#0965a5 45%,#49377a 75%,#4e2c74 98%) !important;*/
    background-image: linear-gradient(to right,#009fe3 0,#0555a8 100%);
    border-radius: 15px;
}

.partner .mwall-buttons a{
    color: #009fe3;
    border: none;
/*background-image: linear-gradient(to right,#009fe3 0,#0555a8 100%);*/
    font-weight: 400;
    font-size: 16px;
   /* padding: 10px 25px;*/
   height: 40px;
   line-height: 40px;

}
.partner .mwall-buttons a.mwall-filter-active,
.partner .mwall-buttons a:hover,
.partner .mwall-buttons a:focus{
   background-image: linear-gradient(to right,#0555a8 0,#551766 100%);
  background-image: linear-gradient(to right,#009fe3 0,#0555a8 100%);
   color: #ffffff;
}

/* ----- Ueber uns ---- Kontakt ------ */
.kontakt .uk-navbar{
	background: #fff;
}

.uk-form-row {
    margin-bottom: 10px;
}

/* Alle Formulare */
.rsform form .rsform-block .field-transparent{
    background: rgba(255,255,255,0.5);
}

.rsform .rsform-checkbox,
form .rsform-checkbox{
    margin-right: 10px;
}
.rsfp_thankyou_popup_inner h2{
    font-size: 20px;
}

/* Kontaktformular */
.uk-form-horizontal .rsform-block-vorspann{
    margin-left: 0;
}
.kontakt .rsform-block-message label{
    margin-left: 0;
}

/* Formular Rueckrufservice */
.rueckrufservice .rsform-block-message label{
    margin-left: 0;
}

/* Formular Weiterempfehlung Job */

#jobrecommendform input,
#jobrecommendform textarea{
 /*   border: 1px solid rgb(255,255,255,0.4);*/
    border-radius: 6px;
}
 #jobrecommendform input:focus,
#jobrecommendform textarea:focus{
    border: 1px solid rgb(255,255,255,0.4);
    border-radius: 6px;
}

/* -------- Ueber uns - Newsletter ---- */
 .rsform-block-anrede label:nth-child(2),
 .rsform-block-anrederueckruf label:nth-child(2),
 .rsform-block-gesonderte-rechnungsadresse label:nth-child(2),
.rsform-block-teilnahme-stadionfuehrung label:nth-child(2),
 .rsform-block-anrede label:nth-child(3){
  margin-left: 20px;
}
#userForm .rsform-block-anrede label input,
#userForm-preis .rsform-block-anrede label input,
#userForm .rsform-block-schulung label input,
#userForm .rsform-block-anrederueckruf label input,
#userForm-preis .rsform-block-anrederueckruf label input,
#userForm .rsform-block-anrede label input,
.rsform-block-gesonderte-rechnungsadresse label input,
.rsform-block-teilnahme-stadionfuehrung label input  {
  margin-right: 10px;
}

/* Ende Test Akkordion */

/* --- Produkte  SAP Technologien ---- */
#saptech .btn_mehr .el-link{
    max-width: 200px;
}
/* ------ Produkte - Baukasten -----*/

/* Video im Teaser ---*/

.baukasten .video .uk-background-norepeat,
.modulcenter .video .uk-background-norepeat{
	padding: 0;
}

 .videoimrahmen iframe{
  margin-top: 30px;
}
.video #page\#12,  /* Start */
.video #page\#5,   /* Modul Center */
.video #page\#4{   /* Baukasten - Philosophie */
	padding-left: 0;
}

.videoimrahmen{
    width: 597px;
    height: 359px;
}
.video .uk-tile{
    padding-top: 0 !important;
}

 @media(max-width: 750px){
   .videoimrahmen iframe {
margin-bottom: 7%;
  }



  }
@media(max-width: 678px){
  .video #page\#12,
  .video #page\#5,
   .video #page\#4{
		width: 100%;
  }
  .video #page\#12 .uk-background-norepeat,
   .video #page\#5 .uk-background-norepeat,
  .video #page\#4 .uk-background-norepeat{
    background-size: contain;
    background-position: bottom center;
  } 
  .videoimrahmen{
  	display: flex;	
  	margin-left: auto; /* zentriert das video */
  	margin-right: auto;
  	max-width: 100%;
  	width: 70%;
 /* border: 1px solid lime;*/
  }
  .videoimrahmen iframe{
    align-self: flex-end;
   /* border: 1px solid green;*/
     object-fit: scale-down;

  }
  .platform-mac .videoimrahmen iframe
  /*.videoimrahmen iframe*/{
      max-height: 60%;
      margin-bottom: 18%;
     /* border: 1px solid blue;*/
  }

  .video .uk-tile{
    background-size: contain;
    background-position: bottom center;
}

}  /* -- end 668 ---*/

@media(max-width: 500px){
	 .home .videoimrahmen {
	
 }
}  /* end 500 --- */

@media(max-width: 400px){
	.videoimrahmen iframe{
       margin-bottom: 4%;
 }
}  /* -- end 400 ---*/

/* ---- Modul Center -----*/

/*-------- Modul Center Uebersicht ----- Minitek Wall */


.uk-search-input::-ms-input-placeholder{
    color:#bbb!important;
}

/* Cookiebot */

body #CybotCookiebotDialog{
    postition: relative;
    top: 5%;
}

 /* Trauerrand entfernen */
body #CybotCookiebotDialog{
    border-color: #ddd;
    box-shadow: none;
    border-width: 1px;
}

/* Schriften, dicken Titel entfernen */
body #CybotCookiebotDialog div{
       font-family: Cairo;
}
body #CybotCookiebotDialogBodyContentText{
    hyphens: auto;
}

body #CybotCookiebotDialogBodyContentTitle {
    display: none;
}

/* Buttons ---*/

body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper{
    text-align: center;
}

body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{
    border: none;
    padding: 14px;
    border-radius: 3px;
    font-family: Cairo;
    font-size: 16px;
    width: 500px !important;
  /*   margin-left: auto;
     margin-right: auto;  */
}
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
    background: #009FE2;
}
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{
    background: #ddd;
    color: #000;
  /*  position: relative;*/
  /*  left: -32px;*/
}
#CybotCookiebotDialogBodyLevelButtonsRow .CybotCookiebotDialogBodyLevelButtonWrapper label,
body  #CybotCookiebotDialogBodyLevelDetailsButton{
    font-size: 14px;
}

/*  Cookiebot Ende */


.mcoverview{
	display: none;
}


/* Modul rechts: beliebteste Apps */

.modintro {
         width: 40px;
         margin-right: 1em;
}
/* -------- Modulsteckbrief -------- */
.uk-accordion-title{
	border-bottom: 1px solid #bbb;
}
/* -- Modul Wunschzettel ---- */
.myshortlist.article_image_intro{
 max-width: 50%;
 float: left;
 margin-right: 10px;
}
.send_list_additional_fields{
margin-bottom: 1rem;
}
.myshortlist_box h2{
font-size: 24px;
}
#modulsteckbrief .myshortlist_box {
top: 7%;
height: 80%;
}
.myshortlist_item .delete_button{
  padding: 0 5px;
  line-height: 1.5;
}
#myshortlist_div_187 .myshortlist_item .delete_button {
 line-height: 20px;

}
.myshortlist_item_left{
 width: 85%;
}
.myshortlist_item_right{
  width: 10%;
}
.myshortlist .article_category{
       display: none;
}

/* -- seitliche Box Details --- */

.details>div:nth-child(2) {
/*	border: 1px solid #ddd;
	border-radius: 6px;*/
}

.details .uk-tile-secondary{
  border-radius: 20px;
  border:  1px solid #ddd;
}
#modulsteckbrief .details .uk-tile-secondary > h2{
  background: #ddd;
  padding: 10px 20px;
  border-top-left-radius: 20px;
   border-top-right-radius: 20px;
}
.details .uk-tile-secondary>h2,
.details .uk-tile-secondary>h3,
.details .uk-tile-secondary>div{
  padding: 0 16px;
}
/*.details .uk-tile-secondary li{
	list-style-type: none;
	padding-left: 0;
}*/
.details .uk-tile-secondary ul{
	list-style-type: none;
	padding-left: 0;
}
/* -------- Produkte - Technologien ------ */

 .nobullet ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}
	 
/* --------- Produkte -- Baukasten ----- */

/* -- Slider ---*/
.baukasten .wk-overlay-panel .wk-h4{
	color: #000;
}


/*------- Services --------- */
/* ------ Unterlagen und Downloads -------- */

.my-toggle{
	display: flex !important;
}
.praesentationen,
.fachartikel,
.infoflyer,
.broschueren{
	display: none;
}
.my-toggle+.button1{
	display: none;
}

.unterlagen h3.el-title{
	min-height: 2.8em;
}


/* ----- Kunden, Referenzen ---- */

.casestudies h3{
	font-size: 24px;
	color: #009FE3;
/*	margin-top: 5%;*/
}
.casestudies h3.el-title{
	display: none;
}

.kundenstory{
	padding-right: 10%;
}

.cd-horizontal-timeline .timeline,
.cd-horizontal-timeline .events-content li > *{
	max-width: 1200px;
}

.cd-horizontal-timeline .filling-line{
	background-color: #000000;
}
.cd-horizontal-timeline .events-wrapper::before,
.cd-horizontal-timeline .events-wrapper::after {
  background-image: none;
  display: none;
}

.cd-timeline-navigation a{
	border: none;
}
.cd-timeline-navigation a::after{
	color: #000000;
	color: #009fe3;
}

.cd-horizontal-timeline .events a.selected::after{
	background-color: #009fe3;
	border-color: #009fe3;
}
.cd-horizontal-timeline .events a::after:hover{
	background-color: #009fe3;
	border-color: #009fe3;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #009fe3;
  border-color: #009fe3;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #009fe3;
}
.cd-horizontal-timeline .events-content em::before {
    content: '/ ';
}
/* ---- Tabellen ------- */



/* --------- Services ---------- */
/*--- Support Tabelle ----*/

table.support tbody tr:nth-of-type(2n+1),
table.support > tr:nth-of-type(2n+1){
    border-top: none;
    border-bottom:none;
}

   table.support th,
   td, th{
      hyphens: auto;
   }

   table.support td,
   table.support th{
       border-right: 1px solid #ccc;
       text-align: center;
       vertical-align: middle;
   }
    table.support th{
       border-left: 1px solid #ccc;
   }
     table.support tr:last-child {
       border-bottom: 1px solid #ccc;
   }
   table.support tr:first-child td{
       background: #fff;
   }
      table.support tr:nth-child(2),
       table.support tr:nth-child(2){
       border-top: 1px solid #ccc;
   }
   table.support tr:first-child th{
       text-align: center;
       font-weight: bold;
       font-size:150%;
   }

   table.support tr th:first-child{
       text-align: left;
   }

   .basis{
       background:  #009FE3;
       color: #fff;
   }
   th.basis{
       width: 23%;
        color: #fff;
   }
   span.basis{
       border-radius: 50%;
       padding: 2px 12px;
   }

   .M{
       background:  #153D89;
       color: #fff;
   }
   th.M{
       width: 23%;
        color: #fff;
   }
     span.M{
       border-radius: 50%;
       padding: 2px 12px;
   }

      .L{
        background:  #551766;
       color: #fff;
   }
   th.L{
       width: 23%;
        color: #fff;
   }
     span.L{
       border-radius: 50%;
       padding: 2px 12px;
   }
   table.support .rechteck{
       background:  #009FE3;
       color: #fff;
       padding: 0 10px;
       margin-bottom: 2px;
       display: inline-block;
       min-width: 44px;
   }




/* --- Schulungen, Workshops -----*/

.padding-left>div:nth-child(2){
	padding-left: 5%;
}


#search-tm-1-modal  .uk-modal-close-full svg{
    color: #000000;
}



/* --- Blog - Blog Menue --------*/
.blog article .uk-text-center{
    float: left;
    margin-right: 50px;
}
.blog article+hr{
    margin-top: 50px;
    margin-bottom: 30px;
}
.blog .uk-section-large{
    padding-top: 0;
}

/* Kategorie - Navigation rechts oben */
#blog li a{
    background: #ddd;
    border-radius: 8px;
  justify-content: center;
  text-align: center;
}

#blog li{
    margin-bottom: 0.5rem;
}
#blog li.uk-active a,
#blog li a:hover,
#blog li a:active,
#blog li a:focus{
    background: #009fe3;
    color: #fff;
}
.blog article h2:nth-of-type(1){
    display: none;
}
/* schiebt Datum nach unten */

.blog .el-item div.el-meta.uk-heading-small{
    margin-top: 40px !important;
}
.blog .el-item h3+.uk-heading-small.el-meta{
    margin-top: 10px !important;
}

/* Abstand Divider aus template.php */
.blog .uk-divider-icon{
    margin-top: 40px;
}

/*.blog article img     */

/* Introbild Übersichtsseite und Blogbilder */
.blog img {
    border-radius: 5px;
}

/* Eingangsbild Blogautor */
.blog .uk-container img.uk-border-circle{
   border-radius: 50%;
}

@media(max-width: 900px) {
.blog article .uk-text-center {
    float: none;
    text-align:left!important
}

}

/* Tagcloud vor Blog */
.tagspopular .tag{
    padding-right: 2rem;
}
.tagspopular .tag a     {
    line-height: 1.2;
    white-space: nowrap;
}

/* alte Formatierungen - Ende ----*/


#rueckrufservice .uk-form-label{
	color: #fff;
}
.formError{
	font-size: 18px;
}
@media(max-width: 1200px) {
    /* auf zweispaltig ----- */
.aktuell  .sprocket-mosaic-g-columns-3 > li {
    width: 45%;
}
}

@media(max-width: 1050px) {
.aktuell h2.sprocket-mosaic-g-title{
   font-size: 24px;
  /*  padding: 15px 5px 0 5px;     */

}
.aktuell h2.sprocket-mosaic-g-title a{
    hyphens: auto;
}

.aktuell .sprocket-mosaic-g-text{
      padding: 0 5px;
      line-height: 1.3;
      hyphens: auto;
}
.aktuell .sprocket-mosaic-g-content{
    padding: 0 15px;
}

.aktuell  .sprocket-mosaic-g-columns-3 > li {
    width: 50%;
}

 #modulsteckbrief .myshortlist_box {
    width: 60%;
    left: 20%;
}

}
@media(max-width: 850px) {

/*.modulcenter .mls-wide.mls-form .mls-form-inner .mls-results-cont{
    width: 120%;
    }   */
}

@media(max-width: 750px) {


#menschen .uk-background-cover {
    background-position: 50% 50%;
}
#menschen .uk-background-cover p{
    padding-right: 40%;
}
.leadtext p  {
    font-size: 20px;
}

 #modulsteckbrief .myshortlist_box {
    top: 0;
    height: 90%;
    width: 80%;
    left: 10%;
}
.aktuell  .sprocket-mosaic-g-columns-3 > li {
    width: 80%;
         padding: 5px;
}

#vina-timeline-wrapper170 .timeline-content,
#vina-timeline-wrapper191 .timeline-content{
   max-width: 80%;
}
#vina-timeline-wrapper170 .timeline-content img,
#vina-timeline-wrapper191 .timeline-content img{
   float: none;
   margin-right: 20%;
   margin-bottom: 10%;
}
#vina-timeline-wrapper170 .timeline-content h3,
#vina-timeline-wrapper191 .timeline-content h3{
   font-size: 20px;
}

}
@media(max-width: 640px) {
 h1, .uk-h1, .uk-heading-primary,
 h2, .uk-h2,  .uk-heading-primary{
    font-size: 200%;
}
.change-order .uk-grid,
.change-order.uk-grid{
    display: flex;
}
.change-order .uk-grid .uk-first-column,
 .change-order.uk-grid .uk-first-column{
    order: 2;
}
 .change-order .uk-grid .uk-first-column+.uk-first-column,
 .change-order.uk-grid .uk-first-column+.uk-first-column{
    order: 1;
}
 .sprocket-mosaic-g-filter li.Events{
     margin-bottom: 15px;
 }
 #fb {
     overflow: hidden;
 }

.aktuell  ul.sprocket-mosaic-g-columns-3  {
  overflow: hidden;
}
.aktuell  .sprocket-mosaic-g-columns-3 > li {
    width: 100%;
         padding: 5px;
}

table.support  th.L,
table.support  th.M,
table.support  th.basis{
       width: 18%;
   }
table.support th:first-child{
    font-size: 90%;
}
 table.support tr:first-child th,
  table.support td{
     font-size: 16px;
 }
 .uk-table.support td,
  .uk-table.support th {
     padding: 5px;
     border-bottom: 1px solid #ccc;
 }
  table.support .rechteck{
       padding: 0 5px;
   }
   table.support  span.basis,
   table.support  span.M,
   table.support  span.L{
       border-radius: 50%;
       padding: 0px 10px;
   }




   #vantaio-app .filter-title,
   #vantaio-app .vanbuttons{
       display: block;
   }

   .vantaio-search.uk-search-input::placeholder{
       font-size: 18px;
   }


/* --- Sections die fuer mobile nicht angezeigt werden sollen ---*/
.not-mobile{
    display: none;
}

/*.modulcenter .mls-wide.mls-form .mls-form-inner .mls-results-cont{
    width: 100%;
    max-width: 100%;
    }    */
}


@media(max-width: 480px) {


  .aktuell .sprocket-mosaic-g-text {
    display: block;
  }
/*#footer .sap-logo {
    max-width: 80px;
}
#footer .row-sap-social .uk-first-column{
   max-width: 80px;
}
#footer .row-sap-social .uk-grid-medium > *{
    padding-left: 15px;
}   */
#footer .uk-width-2-3{
    width: calc(100% - 80px);
}

.partner .mnwall-hover-box-content h3.mnwall-title a{
  font-size: 28px;
}

}

@media(max-width: 400px) {

#footer .row-sap-social a,
#footer .row-sap-social a>* {
    max-width: 80%;
    max-height: 80%;
}
#footer .row-sap-social .uk-grid-medium > *{
    padding-left: 0px;
}

 /* .modulcenter h3.mnwall-title{
    padding: 0;
  }
 .modulcenter #mnwall_iso_container_1 .mnwall-item-inner .mnwall-title a{
     font-size: 16px;
     line-height: 18px;
 }
 .modulcenter .vantaio .mnwall-desc .testlink{
      padding: 0;
 }   */
 .vantaio .mnwall-desc{
      line-height: 16px;
 }
 /*.modulcenter #mnwall_iso_container_1 .mnwall-detail-box{
     min-height: 4em;
 }    */
/* .parent-category-24 .uk-section-muted   h1.el-title{
     font-size: 150%;
 } */
 .smaller img{
     width: 50%;
 }
table.support  th.L,
table.support  th.M,
table.support  th.basis{
       width: auto;
   }

.blog table.support  th.L,
.blog table.support  th.M,
.blog table.support  th.basis{
       width: 33%;
       min-width: auto;
       font-size: 14px;
       line-height:  20px;
       text-align: center;
   }
   .blog table.support  td{
       font-size: 14px;
       line-height: 20px;
   }

 table.support tr th:first-child{
     min-width: 150px;
 }
 table.support span.rechteck{
     padding: 0;
     background: transparent;
     color: #009FE3;
     font-weight: bold;
     min-width: 0;
 }
  span.L,span.M, span.basis{
      padding: 0;background: transparent;
      font-weight: bold;
  }
   span.basis{
       color:  #009FE3;
   }
   span.M{
       color:  #153D89;
   }
   span.L{
        color:  #551766;
   }
  tr:nth-child(5) td{
      font-size: 14px;
  }
  span.none-mobile{
      display: none;
  }
  .supportpakete>.uk-first-column{
      padding-left: 10px;
  }
  .uk-table.support th,
  .uk-table.support td{
      padding: 7px 3px;
  }
  #menschen .uk-background-cover {
    background-position: 48% 50%;
}
#menschen .uk-background-cover p{
    padding-right: 26%;
}
.nobreak-mobile br{
    display: none;
}
.nobreak-mobile br::before{
    content:'x';
}
  }

@media(max-width: 380px)     {


.home .sprocket-strips-container li .sprocket-strips-item{
  background-size: contain;
  background-color:#F5F5F5;
  background-position: 0 0;
  background-position: center center;
}
.sprocket-strips-item{
    height: auto;
    min-height: 340px;
}

.home .sprocket-strips-container li{
   min-width: 0;
    width: auto;
    height: auto;
    max-width: 100%;
}

.aktuell h2.sprocket-mosaic-g-title{
       font-size: 18px;
       padding: 5px 0 0 0;
 }
  .aktuell .sprocket-mosaic-g-text {
    font-size: 15px;
    padding: 0;
  }

  }

@media(max-width: 350px) {
  table.support tr th:first-child{
     min-width: 110px;
     font-size: 15px;
     padding: 1px;
 }

#startmeldungen h4.sprocket-strips-title,
.aktuell h2.sprocket-mosaic-g-title{
    font-size: 16px;
}
 #startmeldungen span.sprocket-strips-text{
     font-size: 15px;
 }
.aktuell .sprocket-mosaic-g-content{
    padding: 0 8px;
}


}