:root {
    --vkg-blau: #1D70b7;
    --vkg-blau-hell: #648bc7;
    --vkg-rot: #c80b0e;
    --vkg-rot-hell: #ee776e;
}


/* poppins-100 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-100italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-200 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-200italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-300italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-500italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-600italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-700italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-800italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-900 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-900italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('/GoogleFonts/poppins-v20-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/GoogleFonts/poppins-v20-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body
{
    font-family:'Poppins';
}

.blau
{
    color:var(--vkg-blau);
}

.bg-primary
{
    background-color:var(--vkg-blau) !important;
}

.content-wrap {
    padding: 80px 0 0 0;
}

.grid-section ul
{
    margin-left:30px;
}


#header.transparent-header.full-header #logo, #header.transparent-header.full-header #header-wrap,
.transparent-header.full-header .primary-menu .menu-container{
    border: none;
}

.showOnSticky
{
    display:none !important;    
}

.sticky-header .hideOnSticky
{
    display:none !important;
}


.sticky-header .showOnSticky
{
    display:block !important;     
}

.menu-link
{
    color:#fff;
}

.sticky-header .menu-link
{
    color:var(--vkg-blau);
}


#logo img {
    padding: 6px;
    max-width:none;
}

	.demos-filter {
			margin: 0;
			text-align: right;
		}

		.demos-filter li {
			list-style: none;
			margin: 10px 0px;
		}

		.demos-filter li a {
			display: block;
			border: 0;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #444;
		}

		.demos-filter li a:hover,
		.demos-filter li.activeFilter a { color: #1ABC9C; }

		@media (max-width: 991px) {
			.demos-filter { text-align: center; }

			.demos-filter li {
				float: left;
				width: 33.3%;
				padding: 0 20px;
			}
			
			
            .showOnSticky
            {
                display:block !important;    
            }
            
            .hideOnSticky
            {
                display:none !important;
            }
		}

		@media (max-width: 767px) { .demos-filter li { width: 50%; } }

		#rev_slider_31_1 .uranus.tparrows {
			width:50px;
			height:50px;
			background:rgba(255,255,255,0);
		}
		#rev_slider_31_1 .uranus.tparrows:before {
			width:50px;
			height:50px;
			line-height:50px;
			font-size:40px;
			transition:all 0.3s;
			-webkit-transition:all 0.3s;
		}
		#rev_slider_31_1 .uranus.tparrows:hover:before { opacity:0.75; }
		.hermes .tp-bullet {
			overflow:hidden;
			border-radius:50%;
			width:16px;
			height:16px;
			background-color:rgba(0,0,0,0);
			box-shadow:inset 0 0 0 2px rgb(255,255,255);
			-webkit-transition:background 0.3s ease;
			transition:background 0.3s ease;
			position:absolute;
		}
		.hermes .tp-bullet:hover { background-color:rgba(0,0,0,0.21); }
		.hermes .tp-bullet:after {
			content:' ';
			position:absolute;
			bottom:0;
			height:0;
			left:0;
			width:100%;
			background-color:rgb(255,255,255);
			box-shadow:0 0 1px rgb(255,255,255);
			-webkit-transition:height 0.3s ease;
			transition:height 0.3s ease;
		}
		.hermes .tp-bullet.selected:after{height:100%}
		
		/*** GRID ***/
.kein-Abstand {
    padding: 0px !important;
}

.Abstand-Oben {
    padding: 50px 0px 0px 0px !important;
}

.Abstand-Unten {
    padding: 0px 0px 50px 0px !important;
}

.Abstand-Standard {
    padding: 50px !important;
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
		
		
		.bg-red {background-color:var(--vkg-rot);border-radius:10px;color:#fff;transform:scale(0.9);}
		.bg-blue {background-color:var(--vkg-blau);border-radius:10px;color:#fff !important;margin:auto auto;padding:5px 10px;/*transform:scale(0.9);*/width:fit-content;}
		.bg-igm {background-color:#c50127 !important;border-radius:10px;color:#fff !important;margin:auto auto;padding:5px 10px;/*transform:scale(0.9);*/width:fit-content;}
		.dbl-border{border:solid 3px #fff;border-radius:10px;transform:scale(0.925);}
		.resizer {margin:0 auto 5% auto;width:fit-content;}
		.badge {rotate:-15deg;}
		.embiggen {color:var(--vkg-blau);font-size:24px;}
		.embiggen:hover {text-shadow:0.5px darkgrey;}
		.info-badge {background-color:#ffffff00;border:none;padding:0;}
		.info-badge:hover, .info-badge:focus {background-color:#ffffff00;border:none;box-shadow:none;}
		.popover-body {background-color:var(--vkg-blau);color:#fff;}
		.preClick {display:none;}
		.Hintergrundfarbe-1 {background-color:var(--vkg-blau) !important;color:#fff !important;}
		.Hintergrundfarbe-1 h1, .Hintergrundfarbe-1 h2, .Hintergrundfarbe-1 h3, .Hintergrundfarbe-1 h4, .Hintergrundfarbe-1 h5, .Hintergrundfarbe-1 h6 {color:#fff;}
		.Hintergrundfarbe-2 {background-color:#EEE !important;}
        .igm-icon {height:24px;width:auto;}


.click-blue {
    background-color: var(--vkg-blau) ;
    color: #fff ;
    padding-top: 20px !important;
    padding-bottom: 10px !important;
    height: calc(100% + 1vh) !important;
}
.click-blue > h4 {
    color:#fff;
}
.click-grey {
    background-color: #EEE !important;
    height: 400px;
    padding-top: 20px !important;
    padding-bottom: 10px !important;
    height: calc(100% + 1vh) !important;
}



.promo-light {
    border: 0 !important;
    background-color: #eee;
    color:#000;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border-radius: 3px;

}

.blue-button {
        border-color:var(--vkg-blau) !important;
        color:var(--vkg-blau) !important;
}

.blue-button:hover {
        border-color:var(--vkg-blau) !important;
        color:#fff !important;
        background-color:var(--vkg-blau) !important;
}

.contact-text {
    height: 17vh;
    width: 70%;
    resize: none;
}

.promo-hint {
        background-color:var(--vkg-blau);
        border-radius:10px;
        white-space:break-spaces;
}

.promo-hint-text {
    color:#fff;
    font-size:24px;
}

.bg-blue {
    background-color: var(--vkg-blau);
    border-radius: 10px;
    color: #fff;
    transform: scale(0.9);
}

.promo {
    padding:0 25px;
}

.button {
    white-space:break-spaces;
}



#header.transparent-header:not(.dark) > #header-wrap>div.container> div.header-row>nav.primary-menu>ul.menu-container> li.menu-item>a.menu-link:hover {color:#fff;}
#header.sticky-header:not(.dark) > #header-wrap>div.container> div.header-row>nav.primary-menu>ul.menu-container> li.menu-item>a.menu-link:hover {color:var(--vkg-blau);}

.card-abstand {
    padding-top:20px !important;
    padding-bottom:10px !important;
height: calc(100% + 1vh) !important;
}

body.device-md>#wrapper>#header.transparent-header:not(.dark) > #header-wrap>div.container> div.header-row>nav.primary-menu>ul.menu-container> li.menu-item>a.menu-link {color:var(--vkg-blau);}
body.device-md>#wrapper>#header.transparent-header:not(.dark) > #header-wrap>div.container> div.header-row>nav.primary-menu>ul.menu-container> li.menu-item>a.menu-link:hover {color:var(--vkg-blau);}
body.device-xs>#wrapper>#header.transparent-header:not(.dark) > #header-wrap>div.container> div.header-row>nav.primary-menu>ul.menu-container> li.menu-item>a.menu-link {color:var(--vkg-blau);}
body.device-xs>#wrapper>#header.transparent-header:not(.dark) > #header-wrap>div.container> div.header-row>nav.primary-menu>ul.menu-container> li.menu-item>a.menu-link:hover {color:var(--vkg-blau);}


.flipcard-front-image {
        background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color:#fff;
    transform: scale(0.85);
}

.flip-card-front::after, .flip-card-back::after{opacity:0;}



    .insert {
    padding-left:20px;
}



.pulse-mod {animation-delay:5s; animation-iteration-count:2;}
.size {width:33%;}
.paused {
    animation-play-state:paused;
}


.pointer {cursor:pointer;}


.pricing {
    background-color:var(--vkg-rot);
    color:white;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    display: inline-block;
    z-index:10;
    text-align:center;
    font-size:17px;
    position:absolute !important;
    left:30px;
    top:-30px;
    rotate:-25deg;
}

.sidebar-top{
    position: fixed;
    right: -110px;
    top: 40%;
    width: fit-content;
    rotate: 270deg;
    z-index: 5000;
    height: 25px;
}

.sidebar-down{
    position: fixed;
    right: 250px;
    top: 7%;
    width: max-content;
    rotate: 0deg;
    z-index: 5000;
    height: 25px;
}


.placeholder {padding-top:20%;background-color:white;opacity:1}


.drop-shadow {filter: drop-shadow(10px 10px 5px var(--vkg-blau-hell));}
.inactive {pointer-events:none;}
/*.sidebar-down:hover{#igm-info{display:none;}}*/
.sidebar-down:hover {
    cursor: pointer;
}

/**umb_name:Weiß*/
.white {
	color:#fff !important;
}