/*--
Gfeller Informatik CSS

	Author: W3Layouts
	Author URL: http://w3layouts.com
	License: Creative Commons Attribution 3.0 Unported
	License URL: http://creativecommons.org/licenses/by/3.0/
--*/

#main {
	width: 780px;
	position: relative;
	margin-top: 0px;
	
	overflow: hidden;
	visibility: visible;   /*======= Pfeil-Steuerung Slider ein-/ausblenden ====      margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;      ===*/
} 

/*Automatische Silbentrennung*/
.hyphens {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
} 

/*-- Reset-Code --*/

body {
	padding: 0;
	margin: 0;
	background: #f3f9fb; /* test Hintergrund...vorher, Hintergrund weiss */
	font-family: 'Open Sans', sans-serif;
}

body a {
	transition: 0.0s all;
	-webkit-transition: 0.0s all;
	-moz-transition: 0.0s all;
	-o-transition: 0.0s all;
	-ms-transition: 0.0s all;
	text-decoration: none;
}

body a:hover {
	text-decoration: none;
}

body a:focus, a:hover {
	text-decoration: none;
}

input[type="button"],input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

h1,h2,h4,h5,h6 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
}

h3 {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing: 1px;
}

p {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
}

label {
	margin: 0;
}

img {
	width: 100%;
}

a:focus, a:hover {
	text-decoration: none;
	outline: none
}

/*-- //Reset-Code --*/



/*-- Index-Page-Styling --*/

.top-bar {
	padding: 0 30px;
	background-color: #8C8D8E; /*Grau*/ /*GIS-Antrazith - vorher Dottergelb*/
	color: #FFFFFF;
}

/*Oberster Balken, Email - Sozial Media*/
.top-bar a {
	color: #FFFFFF; /*GIS Weiss für Email-Link*/
	font-weight:600; /*GIS Fett für Email-Link*/
}

.top-bar a:hover {
	color: #BF0F35; /*GIS Rot*/
}

.social {
	width: 70%;
	float: left;
	text-align: left;
}

ul.social-icons li {
	display: inline-block;
}

ul.social-icons li a {
	display: inline-block;
	width: 50px;
	height: 45px;
	background: url("../images_pdf/img-sprite.png") no-repeat 0px 0px;
}
ul.social-icons li a.facebook {
	background-position: -250px 0px;
}

ul.social-icons li a.facebook:hover {
	background-position: -250px -50px;
}

ul.social-icons li a.linkedin {
	background-position: -250px 0px;
}

ul.social-icons li a.linkedin:hover {
	background-position: -250px -50px;
}

ul.social-icons li a.twitter {
	background-position: -50px 0px;
}

ul.social-icons li a.twitter:hover {
	background-position: -50px -50px;
}

ul.social-icons li a.googleplus {
	background-position: -150px 0px;
}

ul.social-icons li a.googleplus:hover {
	background-position: -150px -50px;
}
ul.social-icons li a.xing {
	background-position: -100px 0px;
}

ul.social-icons li a.xing:hover {
	background-position: -100px -50px;
}

ul.social-icons li a.instagram {
	background-position: -150px 0px;
}

ul.social-icons li a.instagram:hover {
	background-position: -150px -50px;
}

ul.social-icons li a.youtube {
	background-position: -200px 0px;
}

ul.social-icons li a.youtube:hover {
	background-position: -200px -50px;
}

.phone, .email {
	width: 15%;
	float: right;
	text-align: right;
	padding-top: 15px;
	padding-right: 30px;
}

span.glyphicon.glyphicon-envelope {
	margin-right: 5px;
}

span.glyphicon.glyphicon-earphone {
	margin-right: 5px;
}

.navbar-default {
	background-color: #FFFFFF; /* vorher Petrolblau */
	border: none;
	margin-bottom: 0;
	border-radius: 0;
}

a.navbar-brand {
	font-family: 'Hammersmith One', sans-serif;
	font-size: 40px;
	line-height: 28px;
}

.navbar-default .navbar-brand {
	color: #FFFFFF;      /* Original EEE */
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #FFFFFF;
}

.navbar ul {
	float: right;      /* Original: right */
	padding-top: 10px;
}

.navbar ul li {
	float: left;
	text-align: left;      /* Original: center */
	display: inline-block; /* wenn dies auskommentiert wird, erhalten die Links Bulletpoints...?*/
}

/*TOP-MENUE*/
nav a {
	display: inline-block;
	margin: 15px 0;
	outline: hidden; /*Original: none, anscheinden nicht freundlich für z.B. für Menschen mit Sehbehinderung oder ohne Maus.*/
	color: #8C8D8E;  /*Grau*/
	text-decoration: none;
	padding-right: 20px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 18px;     /* GIS Original: 18px */
}

nav a:hover, nav a:focus {
	outline: hidden;  /*Original: none, anscheinden nicht freundlich für z.B. für Menschen mit Sehbehinderung oder ohne Maus. */
	color: #8C8D8E;   /*Grau*/
}

.hover-effect a {
	overflow: hidden; /* GIS, Original: hidden */
	height: 25px;
}

.hover-effect a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	padding-right: 20px;
}

.hover-effect a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.hover-effect a:hover span, .hover-effect a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.about {
	padding: 75px 0;
}

.about-grid {
	padding: 0;
}

.about h1 {
	font-size: 30px;
	color: #BE0F34; /*Rot*/
	margin-bottom: 20px;
}

.about p {
	line-height: 25px;
	padding: 0 50px;
}

<!--referenzen-->

.detailsref {
	background-color: #FFFFFF;
}

.detailsref .container {
	background-color: #D8D5D5; /*GIS-Hellgrau*/
}

.detailsref h2 {
	font-size: 40px;
	color: #000;
	margin: 75px 0 25px;
}

.detailsref h3 {
	font-size: 22px;
	color: #000;
	margin: 0px 0 50px;
}


.detailsref p {
	color: #000;
	padding: 0 40px;
	line-height: 25px;
	font-weight: 600;
	text-align: left;
}

.detailsref-grids {
	padding: 45px 0;
}

.detailsref-grid {
	text-align: center;
	padding: 20px 10px;
}

.dgridref-1 {
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}

.dgridref-2 {
	border-bottom: 1px solid #777;
}

.dgridref-3 {
	border-bottom: 1px solid #777;
	border-left: 1px solid #777;
}

.dgridref-4 {
	border-right: 1px solid #777;
}

.dgridref-5 {
	/*border-bottom: 1px solid #777;*/
}

.dgridref-6 {
	border-left: 1px solid #777;
}

.detailsref-image {
	padding: 20px 0 50px;
}

.detailsref-image img {
	width: 100px;
}

.detailsref-info {
	padding: 30px 20px;
}

.detailsref-info h3 {
	color: #000;
	font-weight: 100;
	margin-bottom: 25px;
}

.detailsref-info p {
	color: #000;
	line-height: 25px;
	padding: 0 20px;
	font-weight: 400;
}

<!--ueber uns-->
.details {
	background-color: #D5D9DA; /*GIS-Hellgrau*/
}

.details .container {
	background-color: #8C8D8E; /*Grau*/ /*GIS-Antrazith*/
}

.details h2 {
	font-size: 40px;
	color: #FFFFFF;            /*GIS: original #EEE*/
	margin: 75px 0 50px;
}

.details p {         
	color: #FFFFFF;            /*GIS: original #EEE*/
	padding: 0 40px;
	line-height: 25px;
	font-weight: 600;
	text-align: left;
}

.details-grids {
	padding: 0px 0;        /* GIS - orig 75px 0*/
}

.details-grid {
	text-align: center;
	padding: 20px 10px;
}

.dgrid-1 {
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}

.dgrid-2 {
	border-bottom: 1px solid #777;
}

.dgrid-3 {
	border-bottom: 1px solid #777;
	border-left: 1px solid #777;
}

.dgrid-4 {
	border-right: 1px solid #777;
}

.dgrid-5 {
	/*border-bottom: 1px solid #777;*/
}

.dgrid-6 {
	border-left: 1px solid #777;
}

.details-image {
	padding: 20px 0 50px;
}

.details-image img {
	width: 100px;
}

.detailsteam-image img {
	width: 100%;
}

.details-info {
	padding: 30px 20px;
}

.details-impressum {
	padding: 30px 20px;
	vertical-align:central;	
}

.details-info h3 {
	color: #FFFFFF;
	font-weight: 100;
	margin-bottom: 25px;
}

.details-info p {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 25px;
	padding: 0 0px;   /* GIS - Original: 0 20px*/
	font-weight: 400;
}


.details-info li {    /* GIS neu */
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px; /* GIS - Original: 25px */
	font-weight: 600;
   text-align: left;
   margin-left: 12px;
}

.clients {
	padding: 75px 0;
}

.clients h3 {
	font-size: 40px;
	margin-bottom: 50px;
}

.flex-active-slide h4 {
	font-size: 30px;
	font-weight: 300;
}

.flex-active-slide p {
	line-height: 30px;
	margin: 30px 0;
	text-align: center;
}

.client {
	float: right;
	text-align: right;
}

.client h5 {
	font-size: 20px;
}

p.client-work {
	margin: 10px 0 0 0;
}



/*-- Stats --*/
.stats {
	background: url("../images/stats.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	padding: 100px 0;
}

.stats h3 {
	font-size: 40px;
	margin-bottom: 100px;
	color: #FFFFFF;            /*GIS: original #EEE*/
}

.stats-info {
	text-align: center;
}

.stats-img img {
	width: 100px;
}

.stats-img {
	margin-bottom: 30px;
}

.numscroller {
	font-size: 35px;
	font-weight: 700;
	color: #BF0F35; /*Himbeerrot*/
	margin-bottom: 10px;
}

.stats-info p {
	font-size: 20px;
	font-weight: 600;
	color: #FFFFFF;            /*GIS: original #EEE*/
}
/*-- //Stats --*/



.who {
	padding: 75px 0;
	background-color: #FFC155; /*Orange*/
}

.who-grid {
	padding: 0;
}

.who h3 {
	font-size: 40px;
	color: #BF0F35; /*Himbeerrot*/
	margin-bottom: 30px;
}

.who p {
	line-height: 30px;
	padding: 0 50px;
}



/*-- Medien --*/

.features {
	padding: 0px 0; /* padding: 75px 0; = macht den Abstand nach oben zu gross*/
}

.features h3 {
	font-size: 40px;
	color: #666666;
	padding-top: 15px;
	margin: 0px 0 25px;
}

.features h4 {
	font-size: 22px;
	color: #000;
	margin: 0px 0 50px;
}

.features h5 {
	font-size: 22px;
	color: #BF0F35; /*Himbeerrot*/
	margin: 0px 0 0px;
}

.features h6 {
	font-size: 22px;
	color: #666666;
	margin: 0px 0 25px;
}

.features p {
	margin-bottom: 0px;
	line-height: 25px; /*GIS - Zeilenabstand Fliesstext*/
	text-align: left;  /*GIS - Ausrichtung Text von "center" zu left*/
	font-weight: 600;
}

.features-info {
	margin-top: 20px; /*GIS - Abstand Textblock zum kleinen Bild mit Link-Hinterlegung von 30px auf 20px reduziert*/
}

.feature-grid {
	padding: 0;
	margin-top:15px;
}

.feature {
	float: left;
	padding: 30px;
	/*border: 1px solid #BF0F35;*/
}

.features-icon {
	background-color:#F3F9FB;
	padding-top:10px;
	padding-bottom:10px; 
}

.features-icon img {
	width: 75px;
}

.features-item h4 {
	font-size: 22px;
	color: #BF0F35; /*Himbeerrot*/
	letter-spacing: 0;
}

.features-item p {
	font-size: 14px;
	padding: 20px 0 0;
	margin-bottom: 0;
	font-weight: 400;
}

/*-- //Medien --*/


/* kompetenzen */

.gallery {
	background-color: #862433; /*GIS-Dunkelrot*/
	padding: 75px 0 100px;
}

.gallery h3 {
	font-size: 40px;
	color: #FFFFFF;
	margin-bottom: 50px;
}

.gallery-left img,.g-left img {
	width: 100%;
}

.g-left:nth-child(4),.g-left:nth-child(5){
	margin-top:3.5%;
}

.gallery-one{
	margin:2em 0 0 0;
}

.gallery-right{
	padding:0;
}

.gallery-left{
	padding: 0 2px;
}

.g-3 {
	padding:0 2px 0 0;
}

.g-4{
	padding:0 0 0 2px;
}

.g-2{
	padding:4px 0;
}

.g-5{
	padding:4px 0;
}

.g-6{
	padding-top:4px;
}



.team h3, .contact h3 {
	font-size: 40px;
	margin-bottom: 50px;
	color: #FFFFFF;        /*GIS: original #EEE */
}


.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	height: auto;
	background: #3085a3;   /* #3085a3 petrolblau */
	text-align: center;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 7em;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before, .grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.effect-apollo {
	background: #3498DB; /* #33498db azurblau*/
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}



.team {
	padding: 75px 0;
	background-color: #2F3238; /*dunkelgrau*/
}

.team .grid figure {
	width: 49%;
	margin-right: 1%;
	margin-bottom: 15px;
}

figure.effect-kira {
	background: #FFFFFF;
	text-align: left;
}

figure.effect-kira img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-kira figcaption {
	z-index: 1;
}

figure.effect-kira .team-social {
	padding: 2.5em 0;
	font-weight: 600;
	font-size: 100%;
	line-height: 1.5;
	opacity: 0;
	text-align: center;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-kira .team-social a:hover, figure.effect-kira .team-social a:focus {
	opacity: 0.6;
}

figure.effect-kira figcaption::before {
	position: absolute;
	top: 6em;
	right: 2em;
	left: 2em;
	z-index: -1;
	height: 3.5em;
	background: #333;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,4em,0) scale3d(1,0.023,1);
	transform: translate3d(0,4em,0) scale3d(1,0.023,1);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

figure.effect-kira:hover img {
	opacity: 0.5;
}

figcaption h4 {
	color: #000;
	font-size: 30px;
}

figure.effect-kira:hover .team-social {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-kira:hover figcaption::before {
	opacity: 0.7;
	-webkit-transform: translate3d(0,5em,0) scale3d(1,1,1) ;
	transform: translate3d(0,5em,0) scale3d(1,1,1);
}



/*-- Map --*/
.map iframe {
	width: 100%;
	height: 500px;
	border: 5px solid #FAFAFA; /* #FAFAFA weisston */
}
/*-- //Map --*/

/*-- Formmail --*/
#kfmail {
            width: 500px;
            background: rgba(51, 51, 51, 0.61);
            margin: 4px;
            padding: 4px;
            color: #FFFFFF;
            border: 1px solid #D5D5D5; /* #D5D5D5 grauton */
            text-align: left;
            }
    
    #kfmail h1.error {
            margin: 4px;
            padding: 0px;
            font-size: 14px;
            color: #FFFFFF;
            }
    
    #kfmail a:link,
    #kfmail a:visited {
            color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;
            }
    
    #kfmail a:hover,
    #kfmail a:active {
            color: #A30000; /* #A30000 Rot*/
            }
    
    #kfmail ul.error {
            margin: 0px;
            padding: 0px;
            padding-bottom: 8px;
            padding-left: 22px;
            }
    
    #kfmail li {
            list-style-type:square;
            }
    
    #kfmail h1.ok {
            margin: 4px;
            padding: 0px;
            font-size: 14px;
            color: #20A300; /* #20A300 Grün*/
            }
/*-- //Formmal --*/


/*-- Contact --*/
.contact {
	background: url("../images_pdf/kontakt.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	padding: 50px 0 75px;
}

.contact_form input[type='text'] {
	width: 100%;
	border-radius: 0;
	line-height: 22px;
	font-size: 14px;
	padding: 14px 17px 14px;
	outline: none;
	color: #FFFFFF;
	height: 50px;
	border: 1px solid #d5d5d5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 20px;
	background: rgba(51, 51, 51, 0.61);
}

.contact_form textarea {
	width: 100%;
	border-radius: 0;
	line-height: 22px;
	font-size: 14px;
	padding: 14px 17px 14px;
	outline: none;
	border: 1px solid #D5D5D5; /* #D5D5D5 grauton */
	margin: 0 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	resize: none;
	color: #FFFFFF;
	height: 191px;
	background: rgba(51, 51, 51, 0.61);
}

form.contact_form {
	text-align: center;
}

input.text:active, input.text:focus {
	background-color: rgba(0, 0, 0, 0.84);
}

textarea:active, textarea:focus {
	/*background-color: rgba(0, 0, 0, 0.84);*/
	color:#FFF;
}

.more_btn {
	margin-top: 50px;
	padding: 13px 30px;
	border: 1px solid #D5D5D5; /* #D5D5D5 grauton */
	font-size: 16px;
	color: #FFFFFF;
	background-color: rgba(51, 51, 51, 0.61);
	text-decoration: none;
	outline: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.more_btn:hover {
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0.84);
	cursor: pointer;
}
/*-- //Contact --*/



/*-- Footer --*/
.footer {
	background-color: #212121; /*fast Schwarz*/
}

.footer-info {
	margin-top: 50px;
}

.footer h4 {       /* Überschriften im Footer */
	color: #00A4C7; /* #00A4C7 türkisblau*/
	padding: 20px 0;
	font-weight: 600;
	text-align: left;
}

.footer-info li {
	color: #FFFFFF;  /*GIS: original #EEE*/
	display: block;
	font-weight: 300;
	font-size: 13px;
	line-height: 25px;
}

.links a {
	color: #EEE;
}

.links a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

a.mail {
	color: #FFFFFF; /*GIS Weiss für Email-Link*/
	font-weight:600;
}

a.mail:hover {
	color: #00A4C7; /*türkisblau*/
}

/*-- Newsletter --*/
.footer-info p {
	color: #FFFFFF;            /*GIS: original #EEE*/
	font-weight: 300;
	font-size: 13px;
	line-height: 23px;
	margin-bottom: 10px;
	text-align: left;
}

.newsletter {
	position: relative;
}

.newsletter .email {
	padding: 5px 60px 5px 15px;
	font-style: italic;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	height: 40px;
	border: 1px solid #ddd;
	width: 100%;
	text-align: left;
}

.newsletter .email {
	color: #BCC0C4; /* #BCC0C4 Grau*/
	background-color: #565F66; /* #565F66 Dunkelgrau*/
	border: none;
}

.newsletter .submit {
	width: 40px;
	height: 40px;
	background-image: url('../images_pdf/subscribe.png');
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	background-color: #00A4C7; /* #00A4C7 türkisblau*/
	top: 0;
	right: 0;
	border: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
/*-- //Newsletter --*/

/*-- Footer-Social-Icons --*/
.connect {
	padding-bottom: 30px;
	text-align: center;
}

.connect h4 {
	text-align: center;
}

.connect-social ul li {
	display: inline-block;
}

.connect-social ul li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("../images_pdf/img-sprite-2.png") no-repeat 0px 0px;
	background-size: 300px;
}

.connect-social ul li a.facebook {
	background-position: -90px 0px;
}

.connect-social ul li a.facebook:hover {
	background-position: -90px -30px;
}

.connect-social ul li a.twitter {
	background-position: -30px 0px;
}

.connect-social ul li a.twitter:hover {
	background-position: -30px -30px;
}

.connect-social ul li a.googleplus {
	background-position: -120px 0px;
}

.connect-social ul li a.googleplus:hover {
	background-position: -120px -30px;
}
.connect-social ul li a.xing {
	background-position: -60px 0px;
}

.connect-social ul li a.xing:hover {
	background-position: -60px -30px;
}

.connect-social ul li a.linkedin {
	background-position: -90px 0px;
}

.connect-social ul li a.linkedin:hover {
	background-position: -90px -30px;
}

.connect-social ul li a.blogger {
	background-position: -120px 0px;
}

.connect-social ul li a.blogger:hover {
	background-position: -120px -30px;
}

.connect-social ul li a.tumblr {
	background-position: -150px 0px;
}

.connect-social ul li a.tumblr:hover {
	background-position: -150px -30px;
}

.connect-social ul li a.rss {
	background-position: -180px 0px;
}

.connect-social ul li a.rss:hover {
	background-position: -180px -30px;
}

.connect-social ul li a.youtube {
	background-position: -210px 0px;
}

.connect-social ul li a.youtube:hover {
	background-position: -210px -30px;
}

.connect-social ul li a.vimeo {
	background-position: -240px 0px;
}

.connect-social ul li a.vimeo:hover {
	background-position: -240px -30px;
}

.connect-social ul li a.deviantart {
	background-position: -270px 0px;
}

.connect-social ul li a.deviantart:hover {
	background-position: -270px -30px;
}
/*-- Footer-Social-Icons --*/

/*-- Copyright --*/
.copyright {
	text-align: center;
	padding: 30px 0;
	border-top: 1px solid #EEE; /* #EEE grau-weiss */
}

.copyright p {
	color: #FFFFFF;
}

.copyright a {
	color: #FFFFFF;
	text-decoration: none;
}

.copyright a:hover {
	color: #00A4C7; /* #00A4C7 türkisblau*/
	text-decoration: underline;
}
/*-- //Copyright --*/
/*-- //Footer --*/



/*-- Go-To-Top-Button --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 15px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url("../images_pdf/to-top.png") no-repeat 0px 0px;
}
/*-- //Go-To-Top-Button --*/

/*-- Button --*/
.button {
	font-style: normal;
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration: none;
	background-color: #009;
	border-style: solid;
	border-color: #009;
	border-radius: 5px;
	width: 100px;
	height: 30px;
}
/*-- //Button --*/


/*-- Index-Page-Styling --*/





/*-- Responsive Code --*/

@media screen and (max-width:1366px) {
	.social {
		width: 60%;
	}
	.phone, .email {
		width: 20%;
	}
	.details-info p {
		padding: 0 10px;
		font-size:13px;
		line-height: 20px; /* GIS - Darstellung für iPhone optimieren */
	}
	.details-info li {    /* GIS neu */
	font-size: 13px;
	color: #FFFFFF;
	line-height: 20px;
	font-weight:bold;
   text-align: left;
}
	
	
	/*Automatische Silbentrennung*/
.hyphens {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
} 
}

@media screen and (max-width:1024px) {
   
	.top-bar {
		padding: 0 30px 0 10px;
	}
	.social {
		width: 50%;
	}
	.phone, .email {
		width: 25%;
	}
	a.navbar-brand {
		padding: 15px 10px;
		font-size: 35px;
	}
	nav a {
		font-size: 15px;     /*   */
	}	
		
	.navbar-collapse a{    /* GIS - damit "Kompetenzen" auf dem iPhone komplett sichtbar ist */
		width: 100%;
	
	}
	.hover-effect a span {
		width: 80px;
	}
	.about h1 {
		font-size: 30px;
		margin-bottom: 15px;
	}
	.about p {
		line-height: 26px;
		padding: 0 30px;
	}
	.details h2 {
		font-size: 35px;
		margin: 50px 0 30px;
	}
	.details p {
		line-height: 30px;
	}
	.details-image {
		padding: 10px 0 20px;
	}
	.details-image img {
		width: 80px;
	}

   .details-info p {
		padding: 0px;
	}
	
}
	.details-grids {
		padding-bottom: 25px;
		height:100%;
	}
	
	/*IMPRESSUM*/
	.impressum h2 {
		font-size: 35px;
		margin: 50px 0 30px;
	}
	.impressum p {
		line-height: 30px;
		color:#FFFFFF;
	}
	.impressum-image {
		padding: 10px 0 20px;
	}
	.impressum-image img {
		width: 80px;
	}
	.impressum-info p {
		padding: 0;
	}
	.impressum-grids {
		padding-bottom: 50px;
	}
	/*IMPRESSUM*/
	
	
	.clients h3 {
		font-size: 35px;
	}
	.who h3 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.who p {
		line-height: 26px;
		padding: 0 19px;
	}
	.stats {
		padding: 75px 0;
	}
	.stats h3 {
		font-size: 35px;
		margin-bottom: 65px;
	}
	.stats-img img {
		width: 80px;
	}
	.features h3 {
		font-size: 35px;
		margin-bottom: 30px;
	}
	.features {
		padding: 0px 0 30px;
	}
	.feature {
		padding: 10px 20px;
	}
	.features-icon img {
		width: 65px;
	}
	.features-info {
		margin-top: 20px;
	}
	.gallery {
		padding: 50px 0 75px;
	}
	.gallery h3 {
		font-size: 35px;
		margin-bottom: 30px;
	}
	.team {
		padding: 50px 0;
	}
	.team h3, .contact h3 {
		font-size: 35px;
		margin-bottom: 30px;
	}
	.grid figure figcaption {
		padding: 2em;
	}
	figcaption h4 {
		margin-top: 2em;
	}
	figure.effect-kira figcaption::before {
		top: 3.2em;
	}
	figure.effect-kira .team-social {
		padding: 1.2em 0 2.5em;
	}
	.map iframe {
		height: 400px;
	}
	.contact {
		padding: 50px 0;
	}
/*Automatische Silbentrennung*/
.hyphens {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
} 


@media screen and (max-width:991px) {
	.about h1 {
		line-height: 25px;
	}
	.about p {
		line-height: 20px;
		font-size: 13px;
		padding: 0 15px;
	}
	.details p {
		padding: 0 15px;
	}
	.details-grid {
		padding: 10px 0 0;
	}
	.details-info {
		padding: 30px 0px;
	}
	.details-info p {
		line-height: 25px;
		font-size: 13px;
	}
	.who h3 {
		line-height: 25px;
	}
	.who p {
		line-height: 22px;
		font-size: 13px;
		padding: 0 15px;
	}
	.features-info {
		margin-top: 25px;
	}
	.features-item p {
		font-size: 13px;
		padding: 15px 5px 0;
		line-height: 25px;
	}
	.newsletter .email {
		padding: 5px 50px 5px 15px;
	}
	.newsletter .submit {
		right: -13px;
	}
	
	/*Automatische Silbentrennung*/
.hyphens {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
} 
}

@media screen and (max-width:853px) {
	.social {
		width: 48%;
	}
	.phone, .email {
		width: 26%;
	}
	a.navbar-brand {
		font-size: 30px;
	}
.details-info p {
		padding: 0 10px;
		font-size:13px;
		line-height: 20px; /* GIS - Darstellung für iPhone optimieren */
	}
	.details-info li {    /* GIS neu */
	font-size: 13px;
	color: #FFFFFF;
	line-height: 20px;
	font-weight:bold;
   text-align: left;
}

/*Automatische Silbentrennung*/
.hyphens {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
} 
}

@media screen and (max-width:800px) {
	.social {
		width: 44%;
	}
	.phone, .email {
		width: 28%;
	}
	a.navbar-brand {
		padding: 15px 5px;
	}
	.navbar-collapse {
		padding-right: 0;
		padding-left: 50px;   /*    */
	}
	.container-fluid>.navbar-collapse {
		margin-right: -10px;  /*  */
	}
	nav a {        
		font-size: 14px;     /*  */
	}
	.hover-effect a {
		height: 20px;
	}
	.hover-effect a span {
		width: 75px;
	}
	.details-info p {
		padding: 0 10px;
		font-size:13px;
		line-height: 20px; /* GIS - Darstellung für iPhone optimieren */
	}
	.details-info li {    /* GIS neu */
	font-size: 13px;
	color: #FFFFFF;
	line-height: 20px;
	font-weight:bold;
   text-align: left;
}

/*Automatische Silbentrennung*/
.hyphens {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
} 
}

@media screen and (max-width:768px) {
	.social {
		width: 40%;
	}
	.phone, .email {
		width: 30%;
	}
	.newsletter .email {
		height: 35px;
	}
	.newsletter .submit {
		width: 35px;
		height: 35px;
	}
	/*Automatische Silbentrennung*/

/*Automatische Silbentrennung*/
.hyphens {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
} 
}

@media screen and (max-width:736px) {
	.social {
		padding: 5px 0 5px 5px;
	}
	ul.social-icons li a {
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url("../images_pdf/img-sprite.png") no-repeat 0px 0px;
		background-size: 200px;
	}
	ul.social-icons li a.facebook:hover {
		background-position: 0px -33px;
	}
	ul.social-icons li a.twitter {
		background-position: -35px 0px;
	}
	ul.social-icons li a.twitter:hover {
		background-position: -35px -33px;
	}
	ul.social-icons li a.googleplus {
		background-position: -105px 0px;
	}
	ul.social-icons li a.googleplus:hover {
		background-position: -105px -33px;
	}
	ul.social-icons li a.xing {
		background-position: -69px 0px;
	}
	ul.social-icons li a.xing:hover {
		background-position: -69px -33px;
	}
	ul.social-icons li a.instagram {
		background-position: -102px 0px;
	}
	ul.social-icons li a.instagram:hover {
		background-position: -102px -33px;
	}
	ul.social-icons li a.youtube {
		background-position: -135px 0px;
	}
	ul.social-icons li a.youtube:hover {
		background-position: -135px -33px;
	}
	.phone, .email {
		font-size: 13px;
	}
	.navbar-collapse {
		border-top: none;
		box-shadow: none;
	}
	a.navbar-brand {
		padding: 0;
		margin-left: 20px;
		height: 20px;
	}
	.navbar ul {
		float: none;        /* Original: none */
		text-align: center; /* Original: center */
	}
	.navbar ul li {
		float: none;        /* Original: none */
		display: block;     /* Original: block */
	}
	.about, .clients, .who, .features, .gallery {
		padding: 50px 0;
	}
	.about-grid {
		width: 50%;
		float: left;
	}
	.about h1 {
		line-height: 21px;
		font-size: 25px;
		margin-bottom: 20px;
	}
	.about p {
		line-height: 21px;
		font-size: 12px;
	}
	.details p {
		font-size: 13px;
	}
	.details-grids {
		padding: 25px 0;
	}
	.details-grid {
		width: 33.3%;
		float: left;
	}
	.details-image {
		padding: 10px 0px;
	}
	.details-image img {
		width: 65px;
	}
	.details-info {
		padding: 20px 0px;
	}
	.flex-active-slide p {
		padding: 0px 30px;
		line-height: 25px;
	}
	.stats {
		padding: 50px 0px;
	}
	.stats-grid {
		width: 25%;
		float: left;
	}
	.who-grid {
		width: 50%;
		float: left;
	}
	.who h3 {
		line-height: 21px;
		font-size: 25px;
		margin-bottom: 20px;
	}
	.who p {
		line-height: 21px;
		font-size: 12px;
	}
	.feature {
		width: 33.3%;
	}
	.features p {
		font-size: 13px;
		padding: 0 30px;
	}
	.features-item p {
		padding: 20px 0 15px;
	}
	.left-1 {
		width: 25%;
		float: left;
	}
	.left-2 {
		width: 50%;
		float: left;
	}
	.g-3 {
		width: 50%;
		float: left;
	}
	.g-4 {
		width: 50%;
		float: left;
	}
	.left-3 {
		width: 25%;
		float: left;
	}
	figure.effect-kira figcaption::before {
		height: 2.5em;
	}
	.map iframe {
		height: 250px;
	}
	.c1 {
		width: 50%;
		float: left;
		padding: 0 5px;
	}
	.footer-info {
		margin-top: 30px;
	}
	.footer-info-grid {
		width: 33.3%;
		float: left;
	}
	.newsletter .email {
		width: 95%;
		padding: 5px 25px 5px 5px;
		font-size: 11px;
	}
	
	/*Automatische Silbentrennung*/

/*Automatische Silbentrennung*/
.hyphens {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
} 
}

@media screen and (max-width:667px) {
	.top-bar {
		padding: 0px 10px;
	}
	.social {
		width: 38%;
	}
	.phone, .email {
		width: 31%;
	}
	.details h2, .clients h3, .features h3, .gallery h3, .team h3, .contact h3 {
		font-size: 30px;
	}
	.details p {
		padding: 0px 60px;
	}
	.details-info h3 {
		font-size: 22px;
	}
	.details-info p {
		padding: 0 10px;
		font-size:13px;
		line-height: 20px; /* GIS - Darstellung für iPhone optimieren */
	}
	.details-info li {    /* GIS neu */
	font-size: 13px;
	color: #FFFFFF;
	line-height: 20px;
	font-weight:bold;
   text-align: left;
}
	.clients h3 {
		margin-bottom: 40px;
	}
	.flex-active-slide h4 {
		font-size: 28px;
	}
	.flex-active-slide p {
		line-height: 25px;
		font-size: 13px;
		padding: 0 10px;
	}
	.stats h3 {
		font-size: 30px;
		margin-bottom: 50px;
	}
	.stats-img img {
		width: 65px;
	}
	.features p {
		padding: 0px 20px;
	}
	.features-item p {
		padding: 15px 0;
	}
	.team .grid figure {
		margin-bottom: 7px;
	}
	figcaption h4 {
		font-size: 29px;
	}
	.grid figure figcaption {
		padding: 1em;
	}
	figure.effect-kira figcaption::before {
		top: 2em;
	}
	.more_btn {
		margin-top: 30px;
		padding: 10px 30px;
		font-size: 13px;
	}
	
/*Automatische Silbentrennung*/
.hyphens {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
} 
	
	/*nav a {        
		font-size: 14px;     /* GIS Original 14px 
	}
	
	.hover-effect a {
		height: 20px;
	}*/
	
	.navbar-collapse a{    /* GIS - damit im Top-Menü "Kompetenzen" auf dem iPhone komplett sichtbar ist */
		width: 100%;
	}
	
	/*.hover-effect a span {
		width: 75px;
	}*/
}

@media screen and (max-width:640px) {
	.social {
		width: 36%;
	}
	.phone, .email {
		width: 32%;
	}
	.details p {
		padding: 0px 30px;
	}
	.details-info p {
		padding: 0px 5px;
	}
	.details-info h3 {
		font-size: 21px;
	}
	.contact_form input[type='text'] {
		padding: 10px 17px 10px;
		height: 35px;
	}
	.contact_form textarea {
		height: 145px;
	}
}

@media screen and (max-width:603px) {
	.social {
		width: 34%;
	}
	.phone, .email {
		width: 33%;
	}
	.details-info h3 {
		font-size: 20px;
	}
	.footer-info-grid.links {
		width: 28%;
	}
	.footer-info-grid.address {
		width: 38%;
	}
	.footer-info-grid.email {
		width: 34%;
	}
	.footer-info p {
		margin-bottom: 5px;
	}
}

@media screen and (max-width:600px) {
	.phone, .email {
		font-size: 12px;
	}
	.left-1 {
		width: 100%;
		float: left;
	}
	.left-2 {
		width: 100%;
		float: left;
	}
	.left-3 {
		width: 100%;
		float: left;
	}
}

@media screen and (max-width:568px) {
	.details p {
		padding: 0px 10px;
		font-size: 12px;
	}
	.details-info h3 {
		font-size: 18px;
	}
	.flex-active-slide p {
		font-size: 12px;
	}
	.client h5 {
		font-size: 18px;
	}
	.stats-info p {
		font-size: 18px;
	}
	.features p {
		font-size: 12px;
		margin-bottom: 30px;
	}
	.features-item p {
		margin: 0;
		line-height: 25px;
	}
	figcaption h4 {
		margin-top: 1em;
		font-size: 27px;
	}
	figure.effect-kira figcaption::before {
		top: 0.2em;
	}
	.footer h4 {
		font-size: 16px;
	}
	.footer-info li {
		font-size: 12px;
	}
	.footer-info p {
		font-size: 12px;
	}
}

@media screen and (max-width:533px) {
	.social {
		width: 100%;
		text-align: center;
	}
	.phone, .email {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.details-info h3 {
		font-size: 15px;
		font-weight: 400;
	}
}

@media screen and (max-width:480px) {
	.about-grid {
		width: 100%;
	}
	.about h1 {
		margin-top: 25px;
	}
	.about p {
		line-height: 25px;
	}
	.details-grid {
		width: 50%;
	}
	.dgrid-3 {
		border-bottom: 1px solid #777;
		border-left: none;
		border-right: 1px solid #777;
	}
	.dgrid-4 {
		border-right: none;
		border-bottom: 1px solid #777;
	}
	.who-grid {
		width: 100%;
	}
	.who h3 {
		margin-top: 25px;
	}
	.who p {
		line-height: 26px;
	}
	.feature {
		width: 50%;
	}
	.features p {
		padding: 0px 5px;
	}
	.grid figure figcaption {
		padding: 0em;
	}
	figcaption h4 {
		margin-top: 2em;
		font-size: 23px;
	}
	figure.effect-kira figcaption::before {
		top: 0.1em;
	}
	.footer-info-grid.links {
		width: 20%;
	}
	.footer-info-grid.address {
		width: 46%;
	}
}

@media screen and (max-width:414px) {
	.details p {
		padding: 0;
	}
	.details-info p {
		padding: 0 5px;
	}
	.features-item p {
		padding: 15px 5px 0;
	}
	/*.feature-grid {   Test GIS für iPhone
	padding: 0;
	margin-top:15px;
	height:400px;
}*/
	.team .grid figure {
		margin-bottom: 15px;
		width: 100%;
		margin-right: 0;
	}
	.contact_form input[type='text'] {
		font-size: 12px;
		padding: 10px;
	}
	.contact_form textarea {
		font-size: 12px
	}
	.footer-info-grid.links {
		width: 40%;
	}
	.footer-info-grid.address {
		width: 60%;
	}
	.footer-info-grid.newsletter {
		width: 100%;
		margin-bottom: 30px;
	}
	.newsletter .submit {
		right: 0;
	}
	.footer-info p {
		margin-bottom: 15px;
	}
	.copyright p {
		font-size: 13px;
	}
}

@media screen and (max-width:384px) {
	.about p {
		padding: 0 10px;
	}
	.stats {
		padding-bottom: 0;
	}
	.stats-grid {
		width: 50%;
		margin-bottom: 50px;
	}
	.stats-img {
		margin-bottom: 15px;
	}
	.numscroller {
		margin-bottom: 0;
	}
	.features p {
		padding: 0;
	}
	.features-item p {
		padding: 15px 0 0;
	}
	.connect-social ul li a {
		width: 25px;
		height: 25px;
		background-size: 250px;
	}
	
	.connect-social ul li a.facebook:hover {
		background-position: 0px -25px;
	}
	.connect-social ul li a.twitter {
		background-position: -25px 0px;
	}
	.connect-social ul li a.twitter:hover {
		background-position: -25px -25px;
	}
	.connect-social ul li a.googleplus {
		background-position: -100px 0px;
	}
	.connect-social ul li a.googleplus:hover {
		background-position: -100px -25px;
	}
	.connect-social ul li a.xing {
		background-position: -50px 0px;
	}
	.connect-social ul li a.xing:hover {
		background-position: -50px -25px;
	}
	.connect-social ul li a.linkedin {
		background-position: -75px 0px;
	}
	.connect-social ul li a.linkedin:hover {
		background-position: -75px -25px;
	}
	.connect-social ul li a.blogger {
		background-position: -100px 0px;
	}
	.connect-social ul li a.blogger:hover {
		background-position: -100px -25px;
	}
	.connect-social ul li a.tumblr {
		background-position: -125px 0px;
	}
	.connect-social ul li a.tumblr:hover {
		background-position: -125px -25px;
	}
	.connect-social ul li a.rss {
		background-position: -150px 0px;
	}
	.connect-social ul li a.rss:hover {
		background-position: -150px -25px;
	}
	.connect-social ul li a.youtube {
		background-position: -175px 0px;
	}
	.connect-social ul li a.youtube:hover {
		background-position: -175px -25px;
	}
	.connect-social ul li a.vimeo {
		background-position: -200px 0px;
	}
	.connect-social ul li a.vimeo:hover {
		background-position: -200px -25px;
	}
	.connect-social ul li a.deviantart {
		background-position: -225px 0px;
	}
	.connect-social ul li a.deviantart:hover {
		background-position: -225px -25px;
	}
}

@media screen and (max-width:375px) {
	.about p {
		padding: 0;
	}
	.details-info p {
		padding: 0 2px;
	}
	.flex-active-slide p {
		padding: 0;
	}
	.who p {
		padding: 0;
	}
}

@media screen and (max-width:360px) {
	.details-info h3 {
		font-size: 14px;
	}
}

@media screen and (max-width:320px) {
	.email {
		margin: 0;
		padding: 5px 0 0 0;
	}
	.about, .clients, .who, .features, .gallery {
		padding: 30px 0;
	}
	.details-grid {
		width: 100%;
	}
	.dgrid-1 {
		border-right: none;
	}
	.dgrid-3 {
		border-right: none;
	}
	.dgrid-6 {
		border-left: none;
		border-top: 1px solid #777;
	}
	.feature {
		width: 100%;
	}
	#features h3 {
		margin-bottom: 10px;
	}
	.c1 {
		width: 100%;
	}
	.footer-info-grid.links, .footer-info-grid.address, .footer-info-grid.newsletter {
		width: 100%;
		padding: 0 3px;
	}
}




/* Cookie Hinweis Anfang UTE */

#cookiedingsbums_vintage { 
/*background-image: url(data:image/png;base64,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);*/
/*padding-top:42px; 
background-repeat:repeat-x; 
background-position:top   background: #ced4da;*/
background-position:bottom;
padding-left: 30px;
padding-top:0px;
padding-bottom:1px;
margin-bottom: 0px;
background: linear-gradient(to right, rgba(92, 90, 90, 0.8), rgba(92, 90, 90, 0.8)); /*GIS-Grau analog   Überschrift*/
/*border: #000000;
border-style: outset;
border-width: 2px;*/
box-shadow: 2px 2px 2px #fff; /* Schatten des eingeblendeten Streifens*/

}

#cookiedingsbums a {color:#ffffff; font-style:italic; text-decoration: underline;}
#cookiedingsbums a:hover {color: #c2c2c2;} /*GIS-Grau analog   Überschrift*/
#cookiedingsbums #cookieinhalt {
padding-top:5px; 
padding-right:0px; 
/*background-image: url(data:image/png;base64,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);*/ 
padding-bottom:5px;
}

#cookiedingsbums {
position:fixed;
bottom: 8px;
z-index: 10000; /* setzt den Balken in den Vordergrund */
width:100%; 
font-size:12px; 
line-height:12px; 
}

#cookiedingsbumsCloser {
    background: linear-gradient(to right, rgba(92, 90, 90, 0.8), rgba(92, 90, 90, 0.8));
    /*background-color: #868e96; /* grau */
    /*box-shadow: 5px 5px 5px #c2c2c2;*/ /* Schatten des Buttons*/
    border-style: ridge;
    color: white;
    text-align: center;
    text-decoration: none;
    font: 10px/100% arial, sans-serif;
    display: inline-block;
    position: inherit;
    /*right: 50px;*/
    vertical-align:central;
    text-decoration: none;
    text-shadow: 1 1px 1 #c2c2c2;
    cursor: pointer;
    padding-right :10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#cookiedingsbumsCloser:hover {
font: 10px/100% arial, sans-serif; 
color: #c2c2c2;
font-weight: bold;
right:0px; 
padding-top:5px;
position: inherit;
}
/* Cookie Hinweis Ende UTE*/