/************************************************************************************************************************************************/
/* CSS normalize.css v3.0.0 | MIT License | git.io/normalize | Setzt alle Browservorgaben bzgl. Stil zurück                                     */ 
/************************************************************************************************************************************************/ 
    
	html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/************************************************************************************************************************************************/
/* CSS den Bootstrap Slider damit die Bilder mit einem Zoom-Effekt beim überfahren mit der Maus erhalten                                        */ 
/************************************************************************************************************************************************/ 

	#fork3-carousel {
		float: left;
		width: 100%;
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	#fork3-carousel:hover img {
		transform: scale(1.1,1.1);
		transition: 10s }
		
	#fork3-carousel img { 
	    transform: scale(1.0,1.0);
		transition: 10s 
	}

/************************************************************************************************************************************************/
/* CSS Generelle immer gültige CSS Stile                                                                                                        */ 
/************************************************************************************************************************************************/
    
	html, body {
		height:100%;
		min-height: 100%;	
		font-weight: 300;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
	
	body {
		color: #6D6E71;
		font-size: 0.92em;
		line-height: 1.75em;
		background-color: #f1f1f1;
		height:100%;
	}
	
	#wrapper {
		min-height: 100% !important;		
	}

	#warenkorb {
	    margin-bottom: 200px;	
	}
	
	#header {
		height: 100px;
		width: 100%;
		text-transform: uppercase;
	}
	
	#logo {
		float: left;
		height: 150px;
		width: 100%;
		margin-top: 0px;
		overflow: hidden;		
	}	
	
	#logo img {
		max-height: 150px;
		width: auto;		
	}
	
	#navi {
		float: left;
		height: 60px;
		margin-top: 0px;
		margin-right: 0px;
		background-color: #6D6E71;
		width: 100%;
	}
		
	.obenrund {
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	
	.untenrund {	
	    -webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	
	
	.kontaktformular { margin-bottom: 100px;}
	
	.container {
		max-width: 1200px; /* 1280px;*/ 
		margin: auto;
		margin-bottom: 0px;
		overflow: hidden;
		
	}
	
	
	a { 
	    color: #004846;
		text-decoration: none;
	}
	
	a:hover {
		color: #6D6E71;
		text-decoration: underline;
	}
	
	
	th, td {
		padding: 5px 10px;
		text-align: left;
		border: #f0f0f0 1px solid;	
	}
	

	hr {
		color: #f0f0f0; 
		background-color: #f0f0f0;
		height: 1px;
		border: 1px;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.right {
		float: right;
	}

	.well {
		width: 96%;
		padding: 2%;
		margin-top: 15px;
		margin-bottom: 15px;
		border: rgb(200,200,200) 1px solid;
		background-color: #f0f0f0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		overflow: hidden;
	}

	@media screen and (max-width : 768px){

		#oben {
			margin-top: 60px;
			border-top: #f1f1f1 1px solid;
			border-bottom: #f1f1f1 1px solid;
		}

		#logo {
		  width: 100%;
		}
		
		#path {
			display: none;
		}	
		
		img {
			max-width: 100%;
			height: auto !important;
		}
		
		#contentoben { display: none;}
		
	
	} 
	
	
	h1 {
		font-size: 2.2em;
		font-weight: 700;
		color: #004846;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		letter-spacing: -0.02em; 
		line-height: 1em;
		margin: 10px 0;
	}
	
	h2 {
		font-size: 1.8em;
		font-weight: 700;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		letter-spacing: -0.05em;
		color: #004846;
		line-height: 1.15em;
		margin: 15px 0;
	}
	
	h3 {
		font-size: 1.4em;
		font-weight: 700;
		font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
		letter-spacing: -0.02em;
		color: #6D6E71;
		line-height: 1.1em;
		margin: 0px;
		padding: 0px;
	}
	
	h4 {
		font-size: 1.0em;
		font-weight: normal;
		color: #004846;
		letter-spacing: -0.02em;
	}
	
	h5 {
		color: #6D6E71;
		font-weight: normal;
		letter-spacing: -0.02em;
	}
	
	#copyright {
		float: right;
		line-height: 60px;
		height: 60px;
		color: rgba(255,255,255,0.3);
	}
	
	#copyright a { 
	    color: rgba(255,255,255,0.3);
		text-decoration: none;
	}
	
	#copyright a:hover {
		color: rgba(255,255,255,0.5);
		text-decoration: underline;
	}
	

/************************************************************************************************************************************************/
/* Breadcrumb CSS Für die Brotkrümmel Navigation                                                                                                */ 
/************************************************************************************************************************************************/


	#navipfad { display: none; }
	
	@media only screen and (min-width: 768px) {
	 
		#navipfad { 
	    display: block;
		width: 100%;
		background-color: #ffffff;
		color: #999;
		height: 40px;
		line-height: 40px;
		text-indent: 20px;
		text-transform: uppercase; /*vertical-align: absmiddle; */
		font-size: 0.7em;
		margin: 0;
		float: left;
		overflow: hidden;
		clear: both;
	}
	
	#navipfad a { 
	    color: #999;
		text-decoration: none;
	}
	
	#navipfad a:hover   {
		color: #999;
		text-decoration: underline;
		font-weight: normal;
	}
	
	#navipfad a:visited {
		color: #999;
		font-weight: normal;
	}	
		
	}
	
	
/************************************************************************************************************************************************/
/* TOPMENÜ CSS                                                                                                                                  */ 
/************************************************************************************************************************************************/

	
	#oben {
		height: 50px;
		line-height: 50px;
		overflow: hidden;
		width: 100%;
		color: #6D6E71;
		font-size: 1em;
	}

	#topmenu { 
	    float: right;
		margin-right: 15px;
	}
	
	#topmenu ul {
		display: inline;
		margin: 0;
		list-style: none;
		
	}
	
	#topmenu li {
		display: inline;
		padding: 0px 8px 0;
	}
	
	#topmenu a {
		display: inline;
		color: #6D6E71;
		text-decoration: none;
		
	}
	
	#topmenu a:hover {
		color: #004846;
	}
	
	/* #topmenu .first a { color: #004846;} 
	
	#topmenu .obermenuhigh {
		color: #004846;
		text-decoration: none;
		padding: 0px 0px 0;
	}
	*/
	#contentoben { 
	    color: #6D6E71;
		float: left;
		padding-left: 20px;
	}
	
/************************************************************************************************************************************************/
/* FOOTER CSS Die Gestaltung für die Fusszeile                                                                                                  */ 
/************************************************************************************************************************************************/
	
	#footercontent {
		clear: both;
		min-height: 50px;
		width: 100%;
		color: #6D6E71;
		overflow: hidden;
		margin-bottom: 60px;
		
	}
	
	

	
	
	
	.weiss {
		
		background-color: #ffffff;
	}
	
	.leichtgrau {
		background-color: #f2f2f2;
		
		
	}
	
	#footerss {
		position: relative;
		overflow:hidden;
		height: 60px;
		margin-top: -60px;
		width: 100%;
		background-color: #004846;
		color: #fcfcfc;
	}


.footerinnenoben {
		max-width: 1200px;
		padding: 15px;
		margin: auto;	
		font-size: 0.87em;
		line-height: 1.45em;
	}
	
	
	.footerinnen {
		max-width: 1200px;
		padding-left: 15px;
		padding-right: 15px;
		margin: auto;
		font-size: 0.85em;
		line-height: 1.2em;
	}
	
	#footerinnen a {
		color: #6D6E71;
	}
	
	#footerinnen a:hover {
		color: rgb(250,200,00);
		text-decoration: none;
	}

	
	#contentbereich {
		padding-left: 20px;
		padding-right: 20px;
		clear: both;
		
	}
	
	.contentbereich {
		
		clear: both;
		
	}
	
	
	
	
/************************************************************************************************************************************************/
/* CSS für die seitlichen Boxen (im Contentbereich)                                                                                             */ 
/************************************************************************************************************************************************/ 	
	
	.box, .boxblau {
		margin-top: 15px;
		float: right;
		margin-left: 15px;
		margin-bottom: 15px;
		width: 100%;
		border-style: solid;
		border-width: 1px;
		clear: both;
		min-height: 180px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	.boxblau { border-color: #004846; }
	.box     { border-color: #d1d1d1; }
	
	.box h3, .boxblau h3 {
		font-size: 0.9em;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		margin-top: 0px;
		padding-left: 15px;
		padding-top: 3px;
		text-transform: uppercase;
		font-weight: bold;
		line-height: 36px;
		height: 36px;
		border-bottom-style: solid;
		border-width: 1px;
	}
	
	.boxblau h3 {
		border-color: #004846;
		background-color: #004846;
		color: #fff;
	}
	
	.box h3 {
		border-color: #d1d1d1;
		background-color: #d1d1d1;
		color: #6D6E71;
	}
	
	
	
	/* Bei größeren Geräten wie Tablet, Laptop und PC */
	@media only screen and (min-width: 768px) {
		.box, .boxblau {
			width: 300px;
		}
	}

/************************************************************************************************************************************************/
/* Suchformular                                                                                                                                 */ 
/************************************************************************************************************************************************/ 	

    #search  {
		display: none;
	}
	
    /* Suche nur Anzeigen bei größeren Bildschirmen*/
	@media screen and (min-width : 768px){
	
	    #search  {
			display: inline-block;
			float: right;
		}
		
		#search input[type="text"] {
			text-indent: 7px;
			width: 150px;
			color: #777 !important;
			border: 0px solid #f0f0f0;
			opacity: 0.3;
		}
		
		
		#search input[type="submit"], #search input[type="button"] {
			background-color: transparent;
			border: 0px solid #f0f0f0;
			margin-top: 5px;
			text-indent: -4000px;
		}
		
		.searchbutton {
			background: url(suche.png);
			background-repeat: no-repeat;
			background-position: 0% 5px;
			opacity: 0.3;
			}
		
	}
    
/************************************************************************************************************************************************/
/* CSS Bereich für Affiliate Seiten - Darstellung Produktvorschau                                                                               */ 
/************************************************************************************************************************************************/ 
 
     #filter { 
	    padding: 15px;
		background-color: #fcfcfc;
		border: #e5e5e5 1px solid;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

    .markenselect, .preisselect, .partnershopselect, .katselect, .sortierungselect { 
	    background-color: #ffffff; 
		border: #e5e5e5 1px solid;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	.markenselect { 
	    width:140px;
		margin-right: 10px;
	}
	
	.preisselect   { width:140px; margin-right: 10px;}
	.partnershopselect { width:140px; margin-left: 10px; margin-right: 10px;}
	.katselect { width:350px; margin-top: 10px;}
	.sortierungselect { width:140px; margin-top: 10px;}
	
	.produktvorschaurahmen { width: 100%; overflow: hidden; clear: both;}
	.produktvorschau { 
	    margin-right: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 258px;
		float: left;
		height: 360px;
		border: #e5e5e5 1px solid;
		background-color: #ffffff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding: 10px; 
		line-height: 1.4em;
	}
	
	.produktvorschauinnen { 
	    width:258px;
		height:180px;
		z-index:2;
		margin-top:10px;
	}
	
	/* Verhalten bei kleineren Bildschirmen und auf Smartphones*/
	@media screen and (max-width : 768px){
		.markenselect, .preisselect, .partnershopselect, .katselect, .sortierungselect {
			width: 100%;
			 margin-left: 0px; margin-right: 0px; margin-top: 10px;
		}

	
		.produktvorschau { 
	        margin-right: 0px;
		    width: 94%;
		    padding: 2%;
	    	float: left;
	    	min-height: 200px;
		}
		
		.produktvorschauinnen { 
	        width:100%;
		}
	
	
	}
	
/************************************************************************************************************************************************/
/* Affiliate Seiten Detail                                                                                                        */ 
/************************************************************************************************************************************************/ 	
	  .preis { font-size: 2.8em;} 
	
/************************************************************************************************************************************************/
/* Blätterfunktion für Affiliate Seiten                                                                                                         */ 
/************************************************************************************************************************************************/ 

    .navigationslinks {
		width: 100%;
		overflow: hidden;
		padding: 0px;
		/*margin-left: -24px;*/
	}
	
	.pagination {
		display: inline-block;
		padding-left: 0;
		margin-top: 10px;
		margin-left: 0px;
		border-radius: 4px;
	}
	
	.pagination > li {
		display: inline;
		margin-left: 0px;
	}
	
	.pagination > li > a, .pagination > li > span {
		position: relative;
		float: left;
		padding: 12px 24px;
		margin-left: -1px;
		line-height: 1.42857143;
		color: #004846;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #f1f1f1;
	}
	
	
	.pagination > li:first-child > a, .pagination > li:first-child > span {
		margin-left: 0;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	
	.pagination > li:last-child > a, .pagination > li:last-child > span {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	
	.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
		color: #004846;
		background-color: #eee;
		border-color: #f1f1f1;
	}
	
	.pagination > .active > a,
	.pagination > .active > span,
	.pagination > .active > a:hover,
	.pagination > .active > span:hover,
	.pagination > .active > a:focus,
	.pagination > .active > span:focus {
		z-index: 2;
		color: #fff;
		cursor: default;
		background-color: #004846;
		border-color: #004846;
	}
	
	.pagination > .disabled > span,
	.pagination > .disabled > span:hover,
	.pagination > .disabled > span:focus,
	.pagination > .disabled > a,
	.pagination > .disabled > a:hover,
	.pagination > .disabled > a:focus {
		color: #333;
		cursor: not-allowed;
		background-color: #fff;
		border-color: #f1f1f1;
	}
	
	#anbieterinfo { 
	    position: absolute;
		right: 25px;
		top: 150px;
	}

/************************************************************************************************************************************************/
/* SHOP CSS für die Vorschaubilder in der Übersicht                                                                                             */ 
/************************************************************************************************************************************************/ 

    .shopvorschau {
		width: 92%;
		padding: 4%;
		float: left;
		height: 385px;
		border: rgb(200,200,200) 1px solid;
		background-color: rgb(255,255,255);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 1.2em;
	}
	
	
		/* Bei größeren Geräten wie Tablet, Laptop und PC */
	@media only screen and (min-width: 468px) {
		.shopvorschau {
			width: 250px;
			margin: 10px;
			padding-left: 10px;
		padding-right: 10px; padding-top: 10px;
		}
	}
	
	.shopvorschauinnen {
		width:250px;
		height:200px;
		z-index:2;
		margin-top:0px;
	}
	
	.shopvorschau img {
		max-width: 200px;
		height: auto !important;
		border: rgb(200,200,200) 0px solid;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	.shopvorschau img:hover {
		  opacity: 0.9;
    filter: alpha(opacity=90);
	
		transition: transform 0.1s;
		
	}
	
/************************************************************************************************************************************************/
/* CSS Navigation inkl. Responsive für mobile Endgeräte                                                                                         */ 
/************************************************************************************************************************************************/ 


    nav { 
       margin-top: 0px;
	   font-size: 1.2em;
	}
    
	nav ul {
		list-style-type:none; 
		margin:0; padding-left: 10px;
		line-height: 60px;
		
	}

    nav ul ul {
			padding-left: 0px;
	}

    nav li { 
	    display:inline-block;
		float: left;
		margin-right: 0px;
	}
	
	nav li a {
	   display:block; 
	   height: 60px;
	   text-align: left; 
	   margin: 0px;
	   padding-left: 10px;
	   padding-right: 10px; 
	   line-height: 60px;
	   color: #f0f0f0; 
	   text-decoration: none;
	}
	
	nav li:hover a {
		background-color: #004846;
		color: #f0f0f0;
		text-decoration: none;
		-webkit-transition: all .2s ease-in-out 0s;
		-moz-transition: all .2s ease-in-out 0s;
		-o-transition: all .2s ease-in-out 0s;
		transition: all .2s ease-in-out 0s;
	}
	
	/*********** Ab hier kommen die Untermenüs drann *******************/
	
	nav li:hover ul a {
		background: #6D6E71;
		font-size: 0.92em;
		color: #f0f0f0;
		height: 40px;
		line-height: 40px;
	}
	
	nav li:hover ul a:hover {
		background: #004846;
		color: #ffffff;
		
	}
	
	nav ul li:hover ul {
		background-color: #6D6E71; /* #f1f1f1;*/
		display:block;
		position:absolute;
		z-index: 99999999;
		width:320px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		padding-bottom: 4px;
	}
	
	nav li ul {
		display: none;
	}
	
	nav li ul li {
		display: block;
		float: none;
	}
	
	nav li ul li a {
		text-indent: 10px;
		width: 100%;
		padding: 0px;
		height: 40px;
		line-height: 40px;
	}

	.show-menu {
		text-align: right;
		padding: 15px;
		display: none;
	}
	
	nav input[type=checkbox]{
		display: none;
		-webkit-appearance: none;
	}
	
	nav input[type=checkbox]:checked ~ #menu{
		display: block;
	}
	

	
	@media screen and (max-width : 768px){

		
		nav {
			line-height: 60px;
			height: 60px;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			margin-top: 0px;
			z-index: 999999999;
			
		}
		
		nav ul {
			line-height: 60px;
			height: 60px;
			position: static;
			display: none;
			text-transform: uppercase;
			margin-top: 0px;
			font-size: 0.9em;
			padding-left: 0px;
		}	
		
			
		nav li {
			border-bottom: solid 1px #c7c7c7;
		}
		
		
		nav ul li, nav li a {
			width: 100%;
			color: #666;
			background-color: #f1f1f1;
		}

		nav li a {
			height: 60px;
			line-height: 60px;
			padding: 0px;
			text-indent: 10px;
		}
		
		#navi {
			height: 60px;
			width: 100%;
			margin-top: 0px;
		}
			
		#menu {
			margin-top: -15px;
		}
		
		nav li:hover ul a {
			height: 60px;
			line-height: 60px;
		}
		

		nav ul li:hover ul {
			background-color: #000;
			display:block; width:100%;
			border-bottom-right-radius: 0px;
			border-bottom-left-radius: 0px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-bottom-right-radius: 0px;
			-webkit-border-bottom-left-radius: 0px;
			padding-bottom: 0px;
		}
		
		.show-menu {
			display:block;
			margin-bottom: 0px;
			margin-top: -15px;
		}
		
		#topmenu { 
		    font-size: 1.2em;
			float: left;
		}

	} 

/************************************************************************************************************************************************/
/* BLOG CSS - Steuer die Blogansicht mit Vorschaubild und kurzem Anreissertext                                                                  */ 
/************************************************************************************************************************************************/	

    .blog {
		margin-bottom: 50px;
		overflow: hidden;
	}
	
	.bloginhalt {
		float: left;
		overflow: hidden;
		width: 100%;
		min-height: 200px;
	}
	
	.bloginhalt h2 {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	
	.blogbild {
		float: left;
		margin-right: 25px;
		margin-bottom: 50px;
	}
	
	.blogbild img { width: 200px;}
	
	@media screen and (max-width : 468px){
		
		.blogbild {
			margin: 0px;
			width: 100%;
			margin-bottom: 20px;
		}
	}


/************************************************************************************************************************************************/
/* CSS GRID System Flexibles Layout mehrspaltige Darstellung aus Bootstrap Framework                                                            */ 
/************************************************************************************************************************************************/	
 
 .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after,   .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after {   display: table;   content: " "; } .clearfix:after, .dl-horizontal dd:after, .row:after, .form-horizontal .form-group:after {   clear: both; }     .form-group {   margin-bottom: 15px; }  @media (min-width: 768px) {   .form-inline .form-group {     display: inline-block;     margin-bottom: 0;     vertical-align: middle;   }   }

  .form-horizontal .form-group {   margin-right: -15px;   margin-left: -15px; }    .row {   margin-right: -15px;   margin-left: -15px; }  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {   position: relative;   min-height: 1px;   /*   padding-left: 15px;   padding-right: 15px; */ } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {   float: left; } .col-xs-12 {   width: 100%; } .col-xs-11 {   width: 91.66666667%; } .col-xs-10 {   width: 83.33333333%; } .col-xs-9 {   width: 75%; } .col-xs-8 {   width: 66.66666667%; } .col-xs-7 {   width: 58.33333333%; } .col-xs-6 {   width: 50%; } .col-xs-5 {   width: 41.66666667%; } .col-xs-4 {   width: 33.33333333%; } .col-xs-3 {   width: 25%; } .col-xs-2 {   width: 16.66666667%; } .col-xs-1 {   width: 8.33333333%; } .col-xs-pull-12 {   right: 100%; } .col-xs-pull-11 {   right: 91.66666667%; } .col-xs-pull-10 {   right: 83.33333333%; } .col-xs-pull-9 {   right: 75%; } .col-xs-pull-8 {   right: 66.66666667%; } .col-xs-pull-7 {   right: 58.33333333%; } .col-xs-pull-6 {   right: 50%; } .col-xs-pull-5 {   right: 41.66666667%; } .col-xs-pull-4 {   right: 33.33333333%; } .col-xs-pull-3 {   right: 25%; } .col-xs-pull-2 {   right: 16.66666667%; } .col-xs-pull-1 {   right: 8.33333333%; } .col-xs-pull-0 {   right: auto; } .col-xs-push-12 {   left: 100%; } .col-xs-push-11 {   left: 91.66666667%; } .col-xs-push-10 {   left: 83.33333333%; } .col-xs-push-9 {   left: 75%; } .col-xs-push-8 {   left: 66.66666667%; } .col-xs-push-7 {   left: 58.33333333%; } .col-xs-push-6 {   left: 50%; } .col-xs-push-5 {   left: 41.66666667%; } .col-xs-push-4 {   left: 33.33333333%; } .col-xs-push-3 {   left: 25%; } .col-xs-push-2 {   left: 16.66666667%; } .col-xs-push-1 {   left: 8.33333333%; } .col-xs-push-0 {   left: auto; } .col-xs-offset-12 {   margin-left: 100%; } .col-xs-offset-11 {   margin-left: 91.66666667%; } .col-xs-offset-10 {   margin-left: 83.33333333%; } .col-xs-offset-9 {   margin-left: 75%; } .col-xs-offset-8 {   margin-left: 66.66666667%; } .col-xs-offset-7 {   margin-left: 58.33333333%; } .col-xs-offset-6 {   margin-left: 50%; } .col-xs-offset-5 {   margin-left: 41.66666667%; } .col-xs-offset-4 {   margin-left: 33.33333333%; } .col-xs-offset-3 {   margin-left: 25%; } .col-xs-offset-2 {   margin-left: 16.66666667%; } .col-xs-offset-1 {   margin-left: 8.33333333%; } .col-xs-offset-0 {   margin-left: 0%; } @media (min-width: 768px) {   .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {     float: left;   }   .col-sm-12 {     width: 100%;   }   .col-sm-11 {     width: 91.66666667%;   }   .col-sm-10 {     width: 83.33333333%;   }   .col-sm-9 {     width: 75%;   }   .col-sm-8 {     width: 66.66666667%;   }   .col-sm-7 {     width: 58.33333333%;   }   .col-sm-6 {     width: 50%;   }   .col-sm-5 {     width: 41.66666667%;   }   .col-sm-4 {     width: 33.33333333%;   }   .col-sm-3 {     width: 25%;   }   .col-sm-2 {     width: 16.66666667%;   }   .col-sm-1 {     width: 8.33333333%;   }   .col-sm-pull-12 {     right: 100%;   }   .col-sm-pull-11 {     right: 91.66666667%;   }   .col-sm-pull-10 {     right: 83.33333333%;   }   .col-sm-pull-9 {     right: 75%;   }   .col-sm-pull-8 {     right: 66.66666667%;   }   .col-sm-pull-7 {     right: 58.33333333%;   }   .col-sm-pull-6 {     right: 50%;   }   .col-sm-pull-5 {     right: 41.66666667%;   }   .col-sm-pull-4 {     right: 33.33333333%;   }   .col-sm-pull-3 {     right: 25%;   }   .col-sm-pull-2 {     right: 16.66666667%;   }   .col-sm-pull-1 {     right: 8.33333333%;   }   .col-sm-pull-0 {     right: auto;   }   .col-sm-push-12 {     left: 100%;   }   .col-sm-push-11 {     left: 91.66666667%;   }   .col-sm-push-10 {     left: 83.33333333%;   }   .col-sm-push-9 {     left: 75%;   }   .col-sm-push-8 {     left: 66.66666667%;   }   .col-sm-push-7 {     left: 58.33333333%;   }   .col-sm-push-6 {     left: 50%;   }   .col-sm-push-5 {     left: 41.66666667%;   }   .col-sm-push-4 {     left: 33.33333333%;   }   .col-sm-push-3 {     left: 25%;   }   .col-sm-push-2 {     left: 16.66666667%;   }   .col-sm-push-1 {     left: 8.33333333%;   }   .col-sm-push-0 {     left: auto;   }   .col-sm-offset-12 {     margin-left: 100%;   }   .col-sm-offset-11 {     margin-left: 91.66666667%;   }   .col-sm-offset-10 {     margin-left: 83.33333333%;   }   .col-sm-offset-9 {     margin-left: 75%;   }   .col-sm-offset-8 {     margin-left: 66.66666667%;   }   .col-sm-offset-7 {     margin-left: 58.33333333%;   }   .col-sm-offset-6 {     margin-left: 50%;   }   .col-sm-offset-5 {     margin-left: 41.66666667%;   }   .col-sm-offset-4 {     margin-left: 33.33333333%;   }   .col-sm-offset-3 {     margin-left: 25%;   }   .col-sm-offset-2 {     margin-left: 16.66666667%;   }   .col-sm-offset-1 {     margin-left: 8.33333333%;   }   .col-sm-offset-0 {     margin-left: 0%;   } } @media (min-width: 992px) {   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {     float: left;   }   .col-md-12 {     width: 100%;   }   .col-md-11 {     width: 91.66666667%;   }   .col-md-10 {     width: 83.33333333%;   }   .col-md-9 {     width: 75%;   }   .col-md-8 {     width: 66.66666667%;   }   .col-md-7 {     width: 58.33333333%;   }   .col-md-6 {     width: 50%;   }   .col-md-5 {     width: 41.66666667%;   }   .col-md-4 {     width: 33.33333333%;   }   .col-md-3 {     width: 25%;   }   .col-md-2 {     width: 16.66666667%;   }   .col-md-1 {     width: 8.33333333%;   }   .col-md-pull-12 {     right: 100%;   }   .col-md-pull-11 {     right: 91.66666667%;   }   .col-md-pull-10 {     right: 83.33333333%;   }   .col-md-pull-9 {     right: 75%;   }   .col-md-pull-8 {     right: 66.66666667%;   }   .col-md-pull-7 {     right: 58.33333333%;   }   .col-md-pull-6 {     right: 50%;   }   .col-md-pull-5 {     right: 41.66666667%;   }   .col-md-pull-4 {     right: 33.33333333%;   }   .col-md-pull-3 {     right: 25%;   }   .col-md-pull-2 {     right: 16.66666667%;   }   .col-md-pull-1 {     right: 8.33333333%;   }   .col-md-pull-0 {     right: auto;   }   .col-md-push-12 {     left: 100%;   }   .col-md-push-11 {     left: 91.66666667%;   }   .col-md-push-10 {     left: 83.33333333%;   }   .col-md-push-9 {     left: 75%;   }   .col-md-push-8 {     left: 66.66666667%;   }   .col-md-push-7 {     left: 58.33333333%;   }   .col-md-push-6 {     left: 50%;   }   .col-md-push-5 {     left: 41.66666667%;   }   .col-md-push-4 {     left: 33.33333333%;   }   .col-md-push-3 {     left: 25%;   }   .col-md-push-2 {     left: 16.66666667%;   }   .col-md-push-1 {     left: 8.33333333%;   }   .col-md-push-0 {     left: auto;   }   .col-md-offset-12 {     margin-left: 100%;   }   .col-md-offset-11 {     margin-left: 91.66666667%;   }   .col-md-offset-10 {     margin-left: 83.33333333%;   }   .col-md-offset-9 {     margin-left: 75%;   }   .col-md-offset-8 {     margin-left: 66.66666667%;   }   .col-md-offset-7 {     margin-left: 58.33333333%;   }   .col-md-offset-6 {     margin-left: 50%;   }   .col-md-offset-5 {     margin-left: 41.66666667%;   }   .col-md-offset-4 {     margin-left: 33.33333333%;   }   .col-md-offset-3 {     margin-left: 25%;   }   .col-md-offset-2 {     margin-left: 16.66666667%;   }   .col-md-offset-1 {     margin-left: 8.33333333%;   }   .col-md-offset-0 {     margin-left: 0%;   } } @media (min-width: 1200px) {   .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {     float: left;   }   .col-lg-12 {     width: 100%;   }   .col-lg-11 {     width: 91.66666667%;   }   .col-lg-10 {     width: 83.33333333%;   }   .col-lg-9 {     width: 75%;   }   .col-lg-8 {     width: 66.66666667%;   }   .col-lg-7 {     width: 58.33333333%;   }   .col-lg-6 {     width: 50%;   }   .col-lg-5 {     width: 41.66666667%;   }   .col-lg-4 {     width: 33.33333333%;   }   .col-lg-3 {     width: 25%;   }   .col-lg-2 {     width: 16.66666667%;   }   .col-lg-1 {     width: 8.33333333%;   }   .col-lg-pull-12 {     right: 100%;   }   .col-lg-pull-11 {     right: 91.66666667%;   }   .col-lg-pull-10 {     right: 83.33333333%;   }   .col-lg-pull-9 {     right: 75%;   }   .col-lg-pull-8 {     right: 66.66666667%;   }   .col-lg-pull-7 {     right: 58.33333333%;   }   .col-lg-pull-6 {     right: 50%;   }   .col-lg-pull-5 {     right: 41.66666667%;   }   .col-lg-pull-4 {     right: 33.33333333%;   }   .col-lg-pull-3 {     right: 25%;   }   .col-lg-pull-2 {     right: 16.66666667%;   }   .col-lg-pull-1 {     right: 8.33333333%;   }   .col-lg-pull-0 {     right: auto;   }   .col-lg-push-12 {     left: 100%;   }   .col-lg-push-11 {     left: 91.66666667%;   }   .col-lg-push-10 {     left: 83.33333333%;   }   .col-lg-push-9 {     left: 75%;   }   .col-lg-push-8 {     left: 66.66666667%;   }   .col-lg-push-7 {     left: 58.33333333%;   }   .col-lg-push-6 {     left: 50%;   }   .col-lg-push-5 {     left: 41.66666667%;   }   .col-lg-push-4 {     left: 33.33333333%;   }   .col-lg-push-3 {     left: 25%;   }   .col-lg-push-2 {     left: 16.66666667%;   }   .col-lg-push-1 {     left: 8.33333333%;   }   .col-lg-push-0 {     left: auto;   }   .col-lg-offset-12 {     margin-left: 100%;   }   .col-lg-offset-11 {     margin-left: 91.66666667%;   }   .col-lg-offset-10 {     margin-left: 83.33333333%;   }   .col-lg-offset-9 {     margin-left: 75%;   }   .col-lg-offset-8 {     margin-left: 66.66666667%;   }   .col-lg-offset-7 {     margin-left: 58.33333333%;   }   .col-lg-offset-6 {     margin-left: 50%;   }   .col-lg-offset-5 {     margin-left: 41.66666667%;   }   .col-lg-offset-4 {     margin-left: 33.33333333%;   }   .col-lg-offset-3 {     margin-left: 25%;   }   .col-lg-offset-2 {     margin-left: 16.66666667%;   }   .col-lg-offset-1 {     margin-left: 8.33333333%;   }   .col-lg-offset-0 {     margin-left: 0%;   } }

  
  	#contentlinks { float: left; min-width: 700px; max-width: 830px;}
	#contentrechts { float: right;}
	@media only screen and (max-width: 1287px) { #contentlinks { min-width: 700px; max-width: 768px; }}
	@media only screen and (max-width: 1168px) { #contentlinks { min-width: 600px; max-width: 668px; }}
	@media only screen and (max-width: 1068px) { #contentlinks { min-width: 500px; max-width: 568px; }}
	@media only screen and (max-width: 968px) { #contentlinks { min-width: 400px; max-width: 468px; }}
	@media only screen and (max-width: 838px) { #contentlinks { min-width: 100%; max-width: 408px; }}
	@media only screen and (max-width: 768px) { #contentlinks { min-width: 100%; max-width: 100%; }}
	
  

/************************************************************************************************************************************************/
/* CSS Button Schaltflächen und Submit-Buttons der Formulare                                                                                    */ 
/************************************************************************************************************************************************/	
	.btn-primary {
		background-color: #004846;
		border: 1px solid #004846;
		color: #ffffff;
	}
	
	.button, button, .btn, .buttonlink, input[type="submit"], input[type="reset"], input[type="button"] {
	
		display: inline-block;
		min-height: 48px;
		padding: 0 30px;
		color: #fff;
		text-align: center;
		font-size: 1.1em;
		line-height: 48px;
		text-decoration: none;
		background-color: transparent;
		border-radius: 4px;
		border: 1px solid #004846;
		background-color: #004846;
		cursor: pointer;
		box-sizing: border-box;
		margin-top: 10px;
	}
	
	
	.buttonlink i { font-size: 26px; }
	
	.btn:hover, .buttonlink:hover {
		color: #fff;
		background-color: #005E59;
		border: 1px solid #005E59;
	}
	
	/* Bei Smartphones sollen die Schaltflächen und Button über die gesamte Breite gehen */
	@media screen and (max-width : 468px){
		.btn, .buttonlink {
			width: 100%;			 
		}
	}
		
	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	.button:focus,
	button:focus,
	input[type="submit"]:focus,
	input[type="reset"]:focus,
	input[type="button"]:focus {
		color: #fcfcfc;
		border-color: #004846;
		outline: 0; 
	}
	
	.button.button-primary,
	button.button-primary,
	input[type="submit"].button-primary,
	input[type="reset"].button-primary,
	input[type="button"].button-primary {
		color: #fcfcfc;
		background-color: #004846;
		border-color: #004846;
	}
	
	.button.button-primary:hover,
	button.button-primary:hover,
	input[type="submit"].button-primary:hover,
	input[type="reset"].button-primary:hover,
	input[type="button"].button-primary:hover,
	.button.button-primary:focus,
	button.button-primary:focus,
	input[type="submit"].button-primary:focus,
	input[type="reset"].button-primary:focus,
	input[type="button"].button-primary:focus {
		color: #FFF;
		background-color: #004846;
		border-color: #004846; 
	}
	

/************************************************************************************************************************************************/
/* FORMS CSS - Formular Einstellungen (teisl aus Skeleton CSS und Bootstrap)                                                                    */ 
/************************************************************************************************************************************************/ 

    input {
		padding:9px 12px;
		border-radius:4px;
		border:1px solid #D0D0D0;
		width: auto;
		margin: 2px;
	}

	label {
		display: inline-block;
	}
	
	input[type="email"],
	input[type="number"],
	input[type="text"],
	input[type="tel"],
	input[type="url"],
	input[type="password"],
	textarea, select {
		height: 38px;
		padding: 6px 10px;
		background-color: #fff;
		border: 1px solid #D1D1D1;
		border-radius: 4px;
		box-shadow: none;
		box-sizing: border-box; 
	}
	
	textarea {
		min-height: 65px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	
	input[type="email"]:focus,
	input[type="number"]:focus,
	input[type="text"]:focus,
	input[type="tel"]:focus,
	input[type="url"]:focus,
	input[type="password"]:focus,
	textarea:focus,
	select:focus {
		border: 1px solid #33C3F0;
		outline: 0; 
	}
	
	label, legend {
		display: block;
		margin-bottom: 0px;
		margin-top: 10px;
		margin-left: 7px;
		font-weight: 400; 
	}
	
	fieldset {
		padding: 0;
		border-width: 0; 
	}
	
	input[type="checkbox"],
	input[type="radio"] {
		display: inline; 
	}
	
	label > .label-body {
		display: inline-block;
		margin-left: .5rem;
		font-weight: normal;
	}

	.form-control {
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		color: #555;
		display: inline-block;
		font-size: 14px;
		height: 34px;
		line-height: 1.42857;
		padding: 6px 12px;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		min-width: 280px;
	}
	
	@media screen and (min-width : 540px){
		
	.kontaktformular .form-control {
		min-width: 480px;
	}
	}
	

	

/************************************************************************************************************************************************/
/* ALERT CSS - Meldungen auf der Seite als Alertboxen darstelen (aus Bootstrap)                                                                 */ 
/************************************************************************************************************************************************/ 

.alert                                               { padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert h4                                            { margin-top:0;color:inherit}
.alert .alert-link                                   { font-weight:700}
.alert>p,.alert>ul                                   { margin-bottom: 0px;}
.alert>p+p                                           { margin-top: 5px}
.alert-dismissable,.alert-dismissible                { padding-right: 35px}
.alert-dismissable .close,.alert-dismissible .close  { position:relative;top:-2px; right:-21px; color:inherit}
.alert-success                                       { background-color:#dff0d8; border-color:#d6e9c6; color:#3c763d}
.alert-success hr                                    { border-top-color:#c9e2b3}
.alert-success .alert-link                           { color:#2b542c}
.alert-info                                          { background-color:#d9edf7; border-color:#bce8f1; color:#31708f}
.alert-info hr                                       { border-top-color:#a6e1ec}
.alert-info .alert-link                              { color:#245269}
.alert-warning                                       { background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}
.alert-warning hr                                    { border-top-color:#f7e1b5}
.alert-warning .alert-link                           { color:#66512c;}
.alert-danger, .alert-error                          { background-color:#f2dede;border-color:#ebccd1;color:#a94442;}
.alert-danger hr, .alert-error hr                    { border-top-color:#e4b9c0;}
.close                                               { display: none;}
  
/************************************************************************************************************************************************/
/* CSS Scroll Button für Soft Scrolling                                                                                                         */ 
/************************************************************************************************************************************************/ 

	.back-to-top {
		
		position: fixed;
		bottom: 0em;
		right: 1em;
		text-decoration: none;
		text-indent: -9999px;
		color: #000000;
		background-color: rgba(235, 235, 235, 0.80);
		font-size: 14px;
		display: none;
		width: 40px;
		height: 30px;
		z-index:100;
		padding: 10px;
		background-color: #f0f0f0;
		background-repeat: no-repeat;
		background-position: 50% 14px;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
		background-image: url(to-top.png);		
	}

	.back-to-top:hover {	
		background-color: rgb(109, 110, 113);
		background-position: 50% -20px;
	}

/************************************************************************************************************************************************/
/* CSS Socialmedia Button für das Teilen auf Facebook und Twitter sowie RSS Feeds                                                               */ 
/************************************************************************************************************************************************/ 
    
	.social-icons {
		list-style: none;
		margin-left: -20px;
		margin-top: 5px;
		margin-bottom: 0px;
		float: left;
	}
	
	.social-icons li {
		float: left;
	}
	
	.social-icons li a {
		margin-right: 20px;
		margin-top: 0px;
		display: block;
		width: 15px;
		height: 15px;
		padding: 10px;
		text-indent: -9999px;
		/*border-radius: 50%;*/
		border: 3px solid transparent;
		background-color: transparent;
		background-repeat: no-repeat;
		background-image: url(icons.png);
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		-o-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	
	.social-icons li.twitter a {
		background-position: -105px -5px;
	}
	
	.social-icons li.twitter a:hover {
		background-color: #00aced;
		background-position: -105px -57px;
	}
	
	.social-icons li.facebook a {
		background-position: -57px -5px;
	}
	
	.social-icons li.facebook a:hover {
		background-color: #3b5998;
		background-position: -57px -57px;
	}
	
	.social-icons li.rss a {
		background-position: -7px -5px;
	}
	
	.social-icons li.rss a:hover {
		background-color: #FF6600;
		background-position: -7px -57px;
	}
	
	.social-icons li.youtube a {
		background-image: url(youtube.png);
	}
	
	.social-icons li.youtube a:hover {
		background-color: #bb0000;
		background-position: 50% -25px;
	}
	
	.social-icons li.google a:hover {
		background-color: #dd4b39;
		background-position: 50% -24px;
	}
	
	.social-icons li.google a {
		background-image: url(google.png);
	}
	
	.social-icons li.pinterest a:hover {
		background-color: #cb2027;
		background-position: 50% -24px;
	}
	
	.social-icons li.pinterest a {
		background-image: url(pinterest.png);
	}
	

	.social-icons-oben {
		list-style: none;
		margin-top: 15px;
		margin-right: 25px;
		margin-bottom: 0px;
		float: right;
	}
	
	.social-icons-oben li {
		float: left;
	}
	
	.social-icons-oben li a {
	   background-color: #e5e5e5;
	   background-position: 50% 5px;
	   background-repeat: no-repeat;
	   border: 3px solid #e5e5e5;
	   border-radius: 50%;
	   display: block;
	   height: 18px;
	   width: 18px;
	   margin-right: 18px;
	   margin-top: 18px;
	   padding: 12px;
	   text-indent: -9999px;
	   transition: all 0.3s linear;
	}

	.social-icons-oben li.twitter a {
		background-image: url(icon_twitter.png);
		background-position: 50% 4px;
	}
	
	.social-icons-oben li.twitter a:hover {
		background-color: #00aced;
		background-position: 50% -27px;
	}
	
	.social-icons-oben li.facebook a {
		background-image: url(icon_facebook.png);
		background-position: 50% 8px;
	}
	
	.social-icons-oben li.facebook a:hover {
		background-color: #3b5998;
		background-position: 50% -24px;
	}
	
	.social-icons-oben li.rss a {
		background-image: url(icon_rss.png);
		background-position: 50% 10px;
	}
	
	.social-icons-oben li.rss a:hover {
		background-color: #FF6600;
		background-position: 50% -27px;
	}
	
	.social-icons-oben li.youtube a {
		background-image: url(icon_youtube.png);
	}
	
	.social-icons-oben li.youtube a:hover {
		background-color: #bb0000;
		background-position: 50% -25px;
	}
	
	.social-icons-oben li.google a {
		background-image: url(google.png);
	}
	
	.social-icons-oben li.google a:hover {
		background-color: #dd4b39;
		background-position: 50% -24px;
	}

	.social-icons-oben li.pinterest a {
		background-image: url(icon_pinterest.png);
	}
	
	.social-icons-oben li.pinterest a:hover {
		background-color: #cb2027;
		background-position: 50% -24px;
	}

/************************************************************************************************************************************************/
/* CSS für Popup Fenster, durch die CSS Erweiterung popup im Link einstellbar                                                                   */ 
/************************************************************************************************************************************************/ 	

	.background-overlay {
		    position: fixed;
			top: 0px;
			right: 0px;
			bottom: 0px;
			left: 0px;
			z-index: 2;
			cursor: default;
			visibility: hidden;
			opacity: 0;
			background: rgba(0, 0, 0, 0.8);
			-webkit-transition: opacity .5s, visibility .5s, background .3s;
			-moz-transition: opacity .5s, visibility .5s, background .3s;
			-ms-transition: opacity .5s, visibility .5s, background .3s;
			-o-transition: opacity .5s, visibility .5s, background .3s;
			transition: opacity .5s, visibility .5s, background .3s;
		}
		
		.background-overlay:target {
		    visibility: visible;
			opacity: 1;
			background: rgba(0, 0, 0, 0.8);
			-webkit-transition: opacity .5s, visibility .5s, background .3s;
			-moz-transition: opacity .5s, visibility .5s, background .3s;
			-ms-transition: opacity .5s, visibility .5s, background .3s;
			-o-transition: opacity .5s, visibility .5s, background .3s;
			transition: opacity .5s, visibility .5s, background .3s;
		}    
		
		.popup-container {
		    position: fixed;
			top: 0px;
			right: 0px;
			left: 0px;
			z-index: 2;
			height:0;
			text-align: center;
			visibility: hidden;
			opacity: 0;
			-webkit-transition: opacity .6s;
			-moz-transition: opacity .6s;
			-ms-transition: opacity .6s;
			-o-transition: opacity .6s;
			transition: opacity .6s;
		}
		
		.background-overlay:target + .popup-container {
		    visibility: visible;
			opacity: 1;
			-webkit-transition: opacity .6s;
			-moz-transition: opacity .6s;
			-ms-transition: opacity .6s;
			-o-transition: opacity .6s;
			transition: opacity .6s;
		}
		
		.popup-content {
		    border: 2px solid #c0c0c0;
			position: relative;
			padding: 10px 20px;
			margin-top: 10%;
			text-align: left;
			background: #FFF;
			display: inline-block;
			max-width:60%;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
			-webkit-box-shadow: 0 0 50px rgba(0,0,0,10);
			-moz-box-shadow: 0 0 50px rgba(0,0,0,10);
			-ms-box-shadow: 0 0 50px rgba(0,0,0,10);
			-o-box-shadow: 0 0 50px rgba(0,0,0,10);
			box-shadow: 0 0 50px rgba(0,0,0,10);
		}
		
		.popup-close {
		    position: absolute;
			top: 25px;
			right: 25px;
			width: 60px;
			height: 60px;
			text-align: center;
			text-decoration: none;
			background: #000;
			border-radius: 50px;
			line-height: 50px;
		}
		
		.popup-close:hover {
		    background: #ffcc00;
			text-decoration: none;
		}
		
		.popup-close:after {
		    content: "x";font-size: 46px;
			color: #fff;
		}
		
		.popup-close:hover:after { 
		    color: #000;
		}