/* CSS medioala v3 - © plastic-hand / Sanan Jafan 2019

*/


/*
 * Default WP Alignment Classes
 *****************************************************************************/

.aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.wp-caption {
    padding: 5px 0;
    border: 1px solid #555;
    background: #444;
    text-align: center;
}

.wp-caption img {
    display: inline;
}

.wp-caption p.wp-caption-text {
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-weight: 100;
    font-style: italic;
    color: #ddd;
}


/* 1. ALLGEIMEINE CSS
----------------------------------------------------------------*/

.sticky {}
.gallery-caption {}
.bypostauthor {}

/*main.site-content.container {
    padding-top: 10px;
}
*/
/* 1.2 FONT................... */

html, body, h1, h2, h3, h4, h5, h6, a, p, h1 span, h2 span, h3 span, h4 span {font-family: "Roboto", sans-serif ;}

html, body { font-weight: 300; font-size: 17px; line-height: 1.7em; color: #666;}

h1, h2, .introducing-auflistung h5 {color: #005281;}
h1 {font-size: 45px;}
h2 {font-size: 36px; font-weight: 300;}
h3 {font-size: 120%; color: grey;font-weight: 400; }
h2, h3, .title-3-orange, .title-4 { margin-bottom: 26px;}
h1, h2, h3, h4 {line-height: 1.65;}

b, strong {font-weight: 500; }

a:hover, a:hover h6 {color: #01a8ff; text-decoration: none;}

ul, ol {margin-top: 0; margin-bottom: 10px;}

.title-3-orange { font-weight: 700; color: #f49617;}

.title-4 {font-weight: 400; color: #363636;}

.introducing-auflistung h5, .big-title, .title  {font-weight: 400;}

.big-title-white {color: white; text-shadow: 0px 2px 6px rgba(16, 16, 15, 0.68); font-size: 44px; }
.big-title-white, .big-price, .big-price span { font-weight: 900; }
.big-price, .big-price span {text-shadow: 0px 2px 6px rgba(16, 16, 15, 0.68); font-size: 66px; font-family: 'Roboto Condensed';}

.big-title {font-size: 22px;line-height: 1.4em;}

.title {font-size: 13px; line-height: 1.4em;}

.text-shadow {text-shadow: 0 2px 6px rgba(16,16,15,.68);}

.small {line-height: 0.8 !important;}





::selection { 
   color: #fff; 
   background:#0a5d8c; 
   text-shadow: none; 
} 

/* IMAGES */

.attachment-large {
  width: 768px;
}

/* Buttons .................*/

/*button .btn, .btn-primary, .btn-lg, .nl-senden{
  color: #ffffff;
  font-size: 80%;
  padding: 10px 15px;
  background-color: #005281;
  line-height: 1.42857143;
  text-align: center;
  border-radius: 2em;
  word-wrap: break-word;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn-default {
  color: #55acee;
  border: 1px solid #cccccc;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #339BEB;
  border-color: #339BEB;
}
*/


/* TEXT VERLAUF */
@supports ((background-clip: text) or (-webkit-background-clip: text)) and
  ((text-fill-color: transparent) or (-webkit-text-fill-color: transparent)) {
  .g-text-1, .g-text-2, .g-text-3, .g-text-4, .g-text-5 {
    display: inline-block;
    
  }
}
.g-text-1 ::selection, .g-text-2 ::selection, .g-text-3 ::selection, .g-text-4 ::selection, .g-text-5 ::selection {
    -webkit-text-fill-color: white;
}
.g-text-1  {
  background: -webkit-linear-gradient(15deg, #1e8ad3, #5df5d7) ;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
    background-clip: text;
    text-fill-color: transparent;}

.g-text-2 {
  background: -webkit-linear-gradient(15deg, #FFF2CD, #d9fea9);
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
    background-clip: text;
    text-fill-color: transparent;}

.g-text-3 {
  background: -webkit-linear-gradient(60deg, #FFF2CD, #FFF2CD, #ffee91, #FFF2CD, #FFF2CD, #ffeeff, #FFF2CD);
-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
    background-clip: text;
    text-fill-color: transparent;}

.g-text-4 {
  background: -webkit-linear-gradient(15deg,  #25c18c, #3fa0fb);
-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
    background-clip: text;
    text-fill-color: transparent;}

.g-text-5 {
  background: -webkit-linear-gradient(15deg,  #ff9900, #d25800);
-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
    background-clip: text;
    text-fill-color: transparent;}


/* BG Animated Gredient */
.bg-gredient-animation {
    background: linear-gradient(39deg, #2f011f, #08007a, #005281, #0080ca, #00bfca, #00ca6a, #0aca00, #99ca00, #e3d407, #e36a07, #c60000, #c60044, #c600b6, #7f00c6, #2f007d, #330050);
    background-size: 3200% 3200%;

    -webkit-animation: gredient-1 43s ease infinite;
    -moz-animation: gredient-1 43s ease infinite;
    animation: gredient-1 43s ease infinite;
}

@-webkit-keyframes gredient-1 {
    0%{background-position:0% 39%}
    50%{background-position:100% 62%}
    100%{background-position:0% 39%}
}
@-moz-keyframes gredient-1 {
    0%{background-position:0% 39%}
    50%{background-position:100% 62%}
    100%{background-position:0% 39%}
}
@keyframes gredient-1 {
    0%{background-position:0% 39%}
    50%{background-position:100% 62%}
    100%{background-position:0% 39%}
}

/* end BG Animated Gredient */


.item-zoom {position: relative; overflow: hidden;}
.item-zoom img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.item-zoom a img {
  -moz-transform: scale(.9);
  -webkit-transform: scale(.9);
  transform: scale(.9);
}
.item-zoom:hover img {
  -moz-transform: scale(1.0);
  -webkit-transform: scale(1.0);
  transform: scale(1.0);
}


/* Listen */
.list-non-style {list-style: none;}

.auflistung-landingpage {
    font-size: 120%;
    font-weight: 500;
    padding-left: 30px; }
    
.auflistung-landingpage li {
    margin-bottom: 20px;
}
.auflistung-landingpage-ol {
    list-style-type: lower-latin; 
    margin-top: 10px; 
    padding-left: 20px; 
    font-size: 90%; 
    font-weight: 300;}

/* Qoute 
------------------------- */
h2.qoute-headline-2  {
  color: #808080;
}

/* FLEX BOXEN 
------------------------ */

.flex-design {display: flex; flex-direction: row; flex-wrap: wrap;}
.flex-reverse {flex-flow: column-reverse;}

.flex-item-3, .flex-item-2, .flex-item-4, .flex-item-3-2, .flex-item-2-3 {float: left;}



/* NAVIGATION
-------------------------------------------- */

/* Changes the header to not be sticky when editing (doesn't show in the front end) */

.elementor-editor-active selector  {
margin-bottom: 0px;
transition: all 0.5s ease;
padding-top: 8px;
padding-bottom: 10px;
}

.navi-container-mobil {
    margin-bottom: -10px !important;
}
 

/* Background color on sticky */
.elementor-sticky--effects {
transition: all 0.5s ease;
}

/*transition */
.transition-element {transition: all 0.5s ease;}
.logo-navi-2 img, .logo-navi-shop img, .navi-punkte, .navi-punkte-shop, .hamburger-navi-2, .such-feld-2, .shop-cart, 
{transition: all 0.5s ease;}

/* --- LOGO ---- */
/* Logo sizing before sticky */

.logo-navi-2 img, .logo-navi-shop img {
height: auto;}

.navi-container-mobil .logo-navi img {
height: auto;
transition: all 0.5s ease;
margin-top: 5px;

}

/* Logo sizing after sticky */
.elementor-sticky--effects .logo-navi-2 img, .elementor-sticky--effects .logo-navi-shop img, .elementor-sticky--effects .logo-navi-shop-mobile img {
height: auto;
max-width: 164px;
margin-bottom: 0px;
}
.elementor-sticky--effects .logo-navi-shop-mobile img {
  max-width: 110px;
  margin-top: -10px;
}
.elementor-sticky--effects .logo-navi-shop img, .elementor-sticky--effects .logo-navi-2 img  {
  margin-top: -10px ;
}
.elementor-sticky--effects .logo-navi img {margin-top: -11px;}

/* Navi-punkte */
.navi-punkte-shop {margin-top: 0px;}
.navi-punkte-2, .navi-punkte {margin-top: 15px !important; transition: all 0.5s ease;}    

  /* sticky navi-punkte */
    .elementor-sticky--effects .navi-punkte-2, .elementor-sticky--effects .navi-punkte  {
    margin-top: 2px !important;
    margin-bottom: 0px;
  }
  .elementor-sticky--effects .navi-punkte-shop {
    margin-top: -6px;
}
/* Navi-punkte  ENDE*/


/* shop-cart */
.shop-cart {margin-top: 10px;}
   /*sticky*/
.elementor-sticky--effects .shop-cart {margin-top: 0px;}


/* hamburger */
.hamburger-navi-2 {margin-top: 8px;}
 /*sticky*/
.elementor-sticky--effects .hamburger-navi-2 {margin-top: 0px;}

/* test-btn */
.elementor-sticky--effects .test-btn {
    margin-top: -4px;
    transition: all 0.5s ease;
}

/*  Suchfeld */
.such-feld-2, .suchfeld {
    margin-top: 10px;
    margin-bottom: 0px;
}
 /*sticky*/ .elementor-sticky--effects .such-feld-2, .elementor-sticky--effects .such-feld {
    margin-top: 0px;
    margin-bottom: 0px;
}
 /*--- suchfeld ende ---*/

/*sticky sprachen */
.elementor-sticky--effects .sprachen {
    margin-top: 5px;
}


/* NAVIGATION ENDE */



/* NEWSLETTER
-------------------------- */
.newsletter-feld {
  padding: 20px;
}
.newsletter-feld-rechts {
  background-color: #ffffff;
  border-radius: 36px 36px 36px 36px;
  font-size: 16px;
  color: #7a7a7a;
  min-height: 59px;
  padding: 7px 20px;
}
.newsletter-text{ color: #efefef;font-size: 11px;}

#mce-EMAIL {
  line-height: 2.55;
  width: 100%;
  border: none;
}

#mc-embedded-subscribe{
  background-color: #ffae2e;
  color: #775b00;
  font-size: 14px;
  font-weight: 500;
  border-radius: 43px 43px 43px 43px;
  min-height: 40px;
  padding: 12px 24px;
  text-align: center;
  margin-top: 14px;
  border: 0px;
}
#mc-embedded-subscribe:hover{    
  background-color: #ff9c00;
  color: white;
}
.btn-newsletter {
  text-align: center;
}



/* 2. Formular  ------------------------------------- */

.form_half { width: 48.5%; float: left; margin-right: 3%; margin-bottom: 20px;}

.form_half_flex {display: flex; justify-content: space-between; flex-wrap: wrap;}

  .form_half_flex .wpcf7-form-control-wrap, .form_half_flex .datenschutz-form {margin-bottom: 10px; width: 100%;}
 

.form_full {width: 100%;}

.wpcf7-form-control-wrap.aio-remote-device-modell {display: block;}

.wpcf7-submit { margin-top: 28px; }
#alt-neu-gateway .wpcf7-submit {margin-top: 0px;}

.form_half_last {margin-right: 0px;}

.datum-wahl{ width: 31%; float: left; margin-left:11px;  height: 45px;}

#service-ticket-anfrage{ padding:20px; color: #888; }
#service-ticket-anfrage input[type="date"]{padding-left: 30px;}
p.datum-wahl {line-height: 43px;width: 15%;}

.senden-btn {margin: 64% auto;display: block;}


.input {padding-bottom: 0px !important;}
.form-control {
  height: 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow:0px 1px 1px 1px #dedede ;
  -moz-box-shadow:0px 1px 1px 1px #dedede ;
  box-shadow:0px 1px 1px 1px #dedede ;
  border-color: #dedede;
}

.lizenznummer-feld {
    max-width: 50px;
    float: left;
    padding:  5px;
}
.lizenznummer-trenner {
  line-height: 2.6; margin: 5px; float: left;
}

.wpcf7-response-output.wpcf7-display-none {border: white;}

.accept-form {float: left; width: 100%;}

.recaptcha, .send-btn {float: left;}


.mc4wp-form-fields input {
  height: 50px !important;
  border-radius: 6px;
  max-width: 100% !important;
}
.mc4wp-form-basic input{padding: 20px;}

.nl-senden {
    padding: 10px 50px !important;
    border-radius: 30px !important;
    font-size: 100%;
    margin-top: 30px;
}

.zustimmung {
  text-align: left; margin: 20px 10px; font-size: 80%; line-height: 1.4;
}
.zustimmung span.wpcf7-list-item{
  margin:  0px;
}


/* SHOP Landingpage 
-----------------------------*/
.paket-tabelle .elementor-price-table .elementor-price-table__period {
    width: auto !important;
}

.lizenz-rabatt input {
    box-shadow: 0 0 0 0 !important;
}
.lizenz-rabatt button#code-copy {
    height: 50px !important;
}


/* SHOP Landingpage navi*/
.pop-up-navi .unterpunkt_mobil a.elementor-sub-item {
    font-size: 14px !important;
    margin-left: 8px;
}


span.elementor-price-table__period.elementor-typo-excluded {
    margin-top: 20px;
    position: absolute;
    margin-left: 20px;
}



/* preisliste */
.elementor-price-table__feature-inner span {
    padding-left: 36px;
    display: block;
    margin-top: -15px;
}




/*  BACK 2 Top button 
------------------------------------*/

.back-to-top {
  background: #272727cc none repeat scroll 0 0;
  border-radius: 30px;
  bottom: 40px;
  color: #fff;
  font-size: 20px;
  padding: 4px 11px;
  position: fixed;
  right: 16px;
  width: 40px;
  height: 40px;
}

a:hover.back-to-top {
  color: skyblue !important;

}

/* ------> Back 2 top ende */




/* 3.2. Erweiterugen
---------------------------------------------------------------------- */
.erweiterungen-auflistung,.erweiterungen-auflistung-cloud-connect {
  border-radius: 15px; 
  box-shadow: 0px 1px 0px rgba(210,210,210,1);
  margin: 0px 15px 20px 15px;
}

.erweiterungen-auflistung {
 margin-top: 20px;
}

.erweiterungen-auflistung-title h3{
  color: white;
  font-size: 120%;

}

.erweiterungen-auflistung-text {

  color: #d1d1d1;
  font-size: 0.85em;
  line-height: 1.7em;
  letter-spacing: 1.5px;
}

.erweiterungen-auflistung-cloud-connect  {
  background-color: rgba(245,245,245,1);
}



/* -------------> Ende der Erweiterungen






/* Startseite 
------------------------------------------- */
.zwei-spalten-startseite div.wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill{ padding: 35.5px;}

/* B2B 
------------------------------------------ */


details .wpcf7-form {
	text-align: left !important;
}

.b2b-btn-blue {
    color: #0bf;
    font-weight: 600;
    margin: auto;
    width: 100%;
    border: solid 2px #0bf;
    border-radius: 90px !important;
    display: inline-block;
    text-align: center;
    padding: 15px 10px;
  }

  .b2b-btn-blue:hover, .b2b-btn-blue:active {
    color: #62daff;
    text-shadow: 0px 0px 15px #0bf;
    box-shadow: 0px 2px 18px #0bf;
}

.b2b-btn 
{ background-color: #fff;
	font-weight: 600;
	margin: auto;
	width: 100%;
	border-radius: 90px !important;	
	display: inline-block;
	text-align: center;
	padding: 15px 10px;
}

.b2b-btn {
  color: #005281 ;
  border: solid 2px #005281;
}

.b2b-btn-light-blue, .submit-b2b-blue  {
    color: #25aae2;
    border: solid 2px #25aae2;
    border-radius: 8px;
    text-transform: uppercase;
    padding: 8px 45px;
    font-weight: 500;
    display: inline-block;
    text-align: center;
}
.b2b-btn-light-blue:hover, .b2b-btn-light-blue:active, .submit-b2b-blue:hover, .submit-b2b-blue:active{
  background-color: #25aae2;
  background-image: radial-gradient(at top right, #02D3D1 25%, #07A5E9 84%);
  color: #fff;
}

.b2b-btn:hover, .b2b-btn:active {
    background-color: #005281;
}
.b2b-btn:hover, .b2b-btn:active, .b2b-btn-light-blue:hover, .b2b-btn-light-blue:active   {
  color: #fff;  
}


.b2b-submit-btn-container {
    text-align: center;
    margin-top: 20px;
    margin-left: 15%;
}


.b2b-dark input.wpcf7-form-control.wpcf7-submit.submit-b2b {
    background-color: white;
    border: #000;
}

.submit-b2b-blue {
      width: 56%;
    padding: 8px 15px;
    margin: 0px;
    font-size: 88%;

}
.submit-b2b {
    width: 50%;
    padding: 15px;
    border-radius: 50px;
		margin: 0px;
}

.submit-b2b:hover{
	background-color: #005281 !important;
	color: #fff;
	border: solid 2px #005281;
}

details summary, summary .b2b-btn { 
  cursor: pointer;
}

.erweiterungen-auflistung,.erweiterungen-auflistung-cloud-connect {
  border-radius: 15px; 
  box-shadow: 0px 1px 0px rgba(210,210,210,1);
  margin: 0px 15px 20px 15px;
}

.erweiterungen-auflistung {
  background-color: #eee;
}

.erweiterungen-auflistung-cloud-connect  {
  background-color: rgba(245,245,245,1);
}

.introducing-auflistung {
  font-size: 90%;
  font-weight: 300;
}

.introducing-auflistung h5 {
  color: #005281;
  font-weight: 400;
}

.introducing-auflistung img {
  max-width: 80px;
  height: auto;
}


.introducing-auflistung-text {
  font-size: 80%;
  text-align: center;
  padding-bottom: 0px;
  margin-bottom: 0px !important;
}



/* Fachpartner 
-------------------------------------------------------------- */
summary.fachpartner-melde-btn, summary.btn-summary {
  background: #005281;
  text-align: center;
    font-size: 100%;
    padding: 15px;
    color: #fff;
    width: 370px;
    margin: auto;
    border-radius: 50px;
    font-weight: 500;
     -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
summary.btn-summary {
  text-align: center;
  width: 90%; 
  }

summary.btn-summary:hover { 
  
background-color: #22A9E2;
width: 100%;
}

summary.fachpartner-melde-btn:hover {
  background-color: #77b5ca;
  width: 380px;

}
summary.btn-neo {
  background-color: #F90 !important;
}
summary.btn-neo:hover {
  background-color: #ffae2d !important;
}


/* Gateway Tabellen 
-------------------------------------------------------------- */
summary.gateways-vergleich-btn {
    text-align: center;
    background: #333;
    padding: 10px;
    color: #fff;
    margin: auto;
    border-radius: 50px;
    font-weight: 500;
  width: 90%;
  font-size: 90%;
  max-width: 300px;
}

summary.gateways-vergleich-btn:focus {
  outline: none;
}

details summary::-webkit-details-marker {
    display: none;
}

details[open] summary ~ * {
  animation: sweep .8s ease-in-out;
}


@keyframes sweep {
  0%    {opacity: 0; margin-bottom: -20px}
  100%  {opacity: 1; margin-bottom: 0px}
} 

.gateway-liste ul {
    clear: both;
    padding: 0px;
    }
.gateway-liste ul > li {
   border-bottom: 1px solid #999;
    margin-bottom: 16px;
    padding-bottom: 16px;
    list-style: none;
    font-size: 68%;
    padding-left: 0;
    line-height: 1.5em;
}

.gateway-liste ul > li:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.gateway-liste-bottom {
    border-radius: 0px 0px 15px 15px;
    padding: 8px 20px;
    color: #333 !important;
    background: #ccc;
}


.gateway-liste-top {
    border-radius: 15px 15px 0px 0px;
    padding: 20px 20px 0px 20px;
    margin-top: 30px;
    background: #efefef;
}
/*  ------ ALT ENDE ------- */

/*  ------ NEU ANFANG* nicht sauber! ------- 

.gateway-liste-boxen {
  display: flex;
padding: 0px;
}
.gateway-liste-produkte {
  
}
.gateway-liste-produkte ul > li {
   border-bottom: 1px solid #999;
    margin-bottom: 16px;
    padding-bottom: 16px;
    list-style: none;
    font-size: 68%;
    line-height: 1.5em;
}

.gateway-liste-produkte ul > li:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.gateway-liste-produkte-bottom {
    border-radius: 0px 0px 15px 15px;
    padding: 8px 20px;
    color: #333 !important;
    background: #ccc;
}


.gateway-liste-produkte-top {
    border-radius: 15px 15px 0px 0px;
    padding: 20px 20px 0px 20px;
    margin-top: 30px;
    background: #efefef;
}
*/
/*  ------ NEU ENDE * nicht sauber! ------- */

details summary { 
  cursor: pointer;
}

.hamburger-navi:lang(en) {
  display: none;
}
.gateway-liste-boxen {
display:flex; 
  justify-content: space-between;
}
.gateway-liste-produkte{

}
.gateway-liste-produkte ul > li {
   border-bottom: 1px solid #999;
    margin-bottom: 16px;
    padding-bottom: 16px;
    list-style: none;
    font-size: 68%;
    line-height: 1.5em;
}

.gateway-liste-produkte ul > li:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.gateway-liste-produkte-bottom {
    border-radius: 0px 0px 15px 15px;
    padding: 8px 20px;
    color: #333 !important;
    background: #ccc;
}


.gateway-liste-produkte-top {
    border-radius: 15px 15px 0px 0px;
    padding: 20px 20px 0px 20px;
    margin-top: 30px;
    background: #efefef;
}
/* Contributors
--------------------------------------------------------------- */
.spalten-contributors h2 {
  font-size: 160%;
}


/* Rechtliche Hinweise
-------------------------------------- */
.rechtliche-hinweise a,.agb-co a {font-weight: 700;}
.rechtliche-hinweise li, .agb-co li {margin: 15px 0;}
.rechtliche-hinweise h4, .agb-co h4, .agbs h4 {margin: 50px 0 20px 0;}
.rechtliche-hinweise ol {margin-top: 20px;} 
.agb-co ul, .listen ol, .agbs-co ul  { margin-top: 25px; margin-bottom: 25px;}
.agbs ol>li {padding: 20px 4px;}











/*  4. FOOTER. 
----------------------------------------------------------------------------- */

.list-icons {
  padding: 0;
  margin: 20px 0;
  list-style: none;
}

.list-icons li {
  margin-bottom: 10px;
}
.list-icons li>i {
  width: 26px;
}

.footer-navigation .elementor-nav-menu li a:hover {text-decoration: none; } 

a.elementor-icon.elementor-social-icon {
    margin-right: 18px;
}

/* ----> FOOTER ENDE */




/* 5. AIO NEO STYLES
----------------------------------------------------------------------------- */

.aio-neo-style a {
  color: #f19b28;
}

.aio-neo-style a:hover, .aio-neo-style a:focus  {
  color: orange;
  text-decoration: none;
}

/* 5.1 NEO-COUNTER 
---------------------------------------------------------------------------*/

p.counter_title{
  font-weight: 300;
  color: #888;
  text-transform: uppercase; 
  font-size: 100%;
}

.counter-numbers {
  font-size: 60px;
  color: #f49617;
  font-weight: 100;
}

.counter-img i.fa {
  color: #999;
  font-size: 40px;
  margin-bottom: 20px;
}


/* Über uns Seite
----------------------------------------------------------------------------- */
.key-facts {
  color: #888;
}

.key-facts tr>td {
  padding-bottom: 12px;
}

.key-facts-1 {
  padding-right: 24px;
}



/* Service Seite 
--------------------------------------------------------------------------- */



.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  width: auto;
  color: #fff;

}

.pagination a.active-page, .pagination a:hover {background: #2a6496;}


/* Checkliste
-------------------------------------- */
.theme--light.application {background: white !important;}

.container-checkliste, #sl-filter {
    max-width: 1140px;
    margin: auto;
}

#sl-filter {
  border: solid 1px #ddd;
    padding: 23px;
}

#sl-container {
    width: 95%;
    margin: auto;
    margin-top: 0px;
}
.container .fluid {
  padding: 0px;
}
.suche{
    background-color: #efefef;
    padding: 0px 40px;
    border-radius: 50px;
    margin-bottom: 70px;
}

.old-checklist {
    margin: 30px auto;
    margin-bottom: 0px;
    padding: 20px 0 0 0;
    text-align: center;
}
.old-checklist a {
  color: #888;
}
.old-checklist a:hover {
  color: #0088cc;
}

.old-checklist::after, .old-checklist::before {
    content: "";
    border: 2px solid #aaa;
    padding: 11px 10px;
    margin-left: 16px;
}


.old-checklist::before{
  margin-right: 16px;
  border-right: 0px;
}
.old-checklist::after {
  border-left: 0px;
  margin-left: 16px;
}




/* Blog 
------------------------------------------------------ */
.elementor-pagination {
  margin-top: 21px;
}

.shariff ul {margin-top: 30px !important;}

/* PressePortal
-------------------------------------------------------- */

.list-check, .list-deny {
    list-style: none;
    padding: 8px 0px;
}
.list-check:before {
    content: "✔" " ";
    color: green;
}
.list-deny:before {
    color: red;
     content: "✗" " ";
}

.list-check-2 {
  list-style: none;
  padding: 6px 0px;
}
.list-check-2:before {
  font-family: FontAwesome;
  content: "\f058";
  color: green;
  font-size: 150%;
  margin-right: 15px;
}

.list-check:before, .list-deny:before, .list-check-2 {
    margin-left: -30px;
    margin-right: 10px;
}




.download-text-link {
    font-size: 75%;
    font-weight: 600;
}

.pp-download-link ul{
  padding: 10px;
}
.pp-download-link li {
  padding-bottom: 10px;
}


/* formular - Alt gegen neu 
------------------------------------------------------- */
.auswahl span.wpcf7-list-item {
    display: block;
  }


/* SUCH Allgemein  - Search navi
---------------------------------------------------------- */
.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input {
    border-width: 0px !important;
    border-radius: 0px !important;
    border-bottom: 2px solid;
    padding: 20px;
    height: 120px;
    font-size: 60px !important;
}

/* SPRACHEN 
------------------------------------------------------------- */
.sprachen .elementor-widget-container ul {
    list-style: none;
    padding: 0px;
}



/* Cookies Notice
------------------------------------------------------------------ */

#cn-accept-cookie {
    background: #fff;
    line-height: 18px;
    padding: 6px 36px;
    background-color: #fff;
    border: 1px solid #BBB;
    color: #333;
    -moz-box-sizing: border-box;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight:bold;
    text-decoration: none;
    white-space: nowrap;
}
#cn-refuse-cookie {
    color: #999;
    background-color: black;
}

#cn-more-info {
    color: #aaa;
    text-decoration: underline;
    background-color: black;
}
.cn-button.wp-default:hover, #cn-refuse-cookie:hover, #cn-more-info:hover  {
  color: #666;
}
.cn-button.wp-default {
  background: black;
  border: 0px;
}


/* Passwort Section
----------------------------------------------------- */
form.post-password-form {
    min-height: initial;
    padding: 100px;
    max-width: 800px;
    margin: 15% auto;
    background: #f4f4f4;
    border-radius: 20px;
    box-shadow: 1px -1px 9px 2px rgb(63 175 222 / 77%), -1px 2px 9px -2px rgb(36 194 138 / 77%);
    border: 2px solid #95dfe8;
}
 
form.post-password-form input[type="submit"] {
   font-weight: 600; 
  text-transform: uppercase;
   color: #FFFFFF; 
   background-image: linear-gradient(200deg, #31E7AE 6%, #2CBDFF 82%);
    border-radius: 8px 8px 8px 8px;
    padding: 15px 45px 15px 45px; border:0px;
    margin-left: 20px;
}
 
form.post-password-form input[type="submit"]:hover {
    background: #00a8dd;
    
}
form.post-password-form input {
    padding: 14px;
    border: 2px solid #aaa;
    border-radius: 6px;
    margin-left: 10px;
}
/*input#pwbox-14468 {
    padding: 10px 20px;
    border-radius: 3em;
    border: 2px solid #ccc;
    background-color: #fff;
  
}*/


/* LIGHTBOX Elementor 
-------------------------------------------*/

.elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-lightbox-image:hover
{background-color: #fff;}


/* MAIN NAVIGATION ANPASSUNGEN
-------------------------------------------- */

.navi-extras-button .sub-arrow {
    display: none;
}
.navi-extras-button a{
  font-size: 25px !important; 
}

.navi-extras-button-unterpunkte a {
  font-size:  16px !important;
font-weight: 300 !important;
}

.aufklapp nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
     width: 200px !important;
    left: -1px !important;
    top: 40px !important;
}



li.mobile-trenner {
    border-top: 10px solid #ececec !important;
}

/* MAIN NAVIGATION ENDE */


/* 2. MEDIA Anpassung Mobil
  
----------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {


  .introducing-auflistung img {max-width: 60px;}

  .form_half {width: 100%;}

  h2 {font-size: 140%;}
  
  .ausblenden-mobil {display: none !important;}

  .post-password-form.customize-unpreviewable {
    padding: 40px;
    background-color: #fff;
    margin: auto;
  }

}


/* Phone und Table Portrait */


/* MEDIA Anpassung Tablet ab Portrait
  
----------------------------------------------------------------------------- */
@media screen and (max-width: 768px)  {

  a.back-to-top {display: none !important;}
  

 .ausblenden-mobil {display: none !important;}

 .flex-item-2, .flex-item-3, .flex-item-4, .flex-item-3-2, .flex-item-2-3, .flex-item-30, .flex-item-70 {min-width: 100%;}
 .flex-design-column {flex-flow: column;}
 /* Visual composer */
  .erweiterungen-auflistung, .erweiterungen-auflistung-cloud-connect {
    width: 100% !important;
    padding: 40px 20px 25px 20px !important;
  }
  summary.gateways-vergleich-btn {
    font-size: 11px;
    font-weight: 300;
  }

  .elementor-widget-heading .elementor-heading-title.elementor-size-large {
    font-size: 22px !important;
  }

}

/* MEDIA Anpassung Tablet ab landscape ipad
  
----------------------------------------------------------------------------- */
@media screen and (min-width: 769px){
  .ausblenden-mobil {display: block;}
  .ausblenden-desktop {display: none !important;}


  /* Visual composer */
  .erweiterungen-auflistung, .erweiterungen-auflistung-cloud-connect {
   width: 29.333333% !important;
   padding: 40px 20px 25px 20px !important;
 }
  
  .vc_col-sm-4 {width: 29.33333333% !important;}
  
  .flex-item-2, .flex-item-4, .flex-item-3-2, .flex-item-2-3, .flex-item-30, .flex-item-70 {width: 48%;}
  .flex-item-3 {width: 31%;}
}


/* Media Anpassungen Desktop 
----------------------------------------------------------------- */
@media screen and (min-width: 1024px) {
  .flex-item-2 {width: 48%;}
  .flex-item-4 {width: 25%;}
  .flex-item-3-2 {width: 65%;}
  .flex-item-2-3{width: 35%;}
  .flex-item-30 {width: 30%;}
  .flex-item-70 {width: 70%;}
  .form_half_flex .wpcf7-form-control-wrap {width: 49%; }
  .form_half_flex .datenschutz-form {width: 70%;}
  .form_half_flex .send-btn-alt-neu {width: 30%;} 
  h2.qoute-headline-2  {font-size: 130%;} 
.main-navi-desktop .lang-item-de, .main-navi-desktop .lang-item-en {display: none;}
li.wwm-navi {float: left; border-left: solid 20px #fff; border-right: solid 20px #fff; padding: 0px 25px;}

}



.ausblenden {display: none !important;}