/* raleway-100 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('../../files/fonts/raleway-v28-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/raleway-v28-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/raleway-v28-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/raleway-v28-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('../../files/fonts/raleway-v28-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/raleway-v28-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/raleway-v28-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../../files/fonts/raleway-v28-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/raleway-v28-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('../../files/fonts/raleway-v28-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/raleway-v28-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/raleway-v28-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/raleway-v28-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}
/**
 * Copyright (c) by uniacreation 2013
 */

/** CI
 * Basti:rgba(255, 48, 0, 1) #FF3000 >> rgb(231, 76, 60) #E74C3C
 * Felix:rgba(155, 227, 0, 1) #9BE300 >> rgb(145, 207, 161) #...
 * Paul:rgba(57, 209, 253, 1) #39D1FD >> rgb(6, 179, 219) #06B3DB
 * Jenny:rgba(255, 41, 187, 1) #FF29BB >> rgb(220, 61, 102) #DC3D66
 * 
 * http://www.noisli.com/#about
 * rgb(220, 61, 102)
 * 91CFA1
 * 
 * rot 				rgb(231, 76, 60) 	#E74C3C		= Basti
 * mittel-blau 		rgb(22, 82, 142) 	#16528E
 * rot 				rgb(234, 91, 77) 	#EA5B4D
 * dk-grün-blau 	rgb(22, 124, 128) 	#167C80
 * blau 			rgb(6, 179, 219) 	#06B3DB 	= Paul
 * blau-violett 	rgb(97, 57, 246) 	#6139F6
 * türkis 			rgb(26, 188, 156) 	#1ABC9C
 * grün 			rgb(78, 212, 134) 	#4ED486
 * rot 				rgb(229, 75, 75) 	#E54B4B
 * blau 			rgb(114, 189, 194) 	#72BDC2
 * grün 			rgb(39, 174, 96) 	#27AE60
 * senf-gelb 		rgb(227, 182, 61) 	#E3B63D
 * gelb 			rgb(241, 196, 15) 	#F1C40F
 * grün-blau 		rgb(22, 160, 133) 	#16A085
 * orange 			rgb(230, 126, 34) 	#E67E22
 * violett 			rgb(155, 89, 182) 	#9B59B6
 * lila 			rgb(142, 68, 173) 	#8E44AD
 * blau 			rgb(0, 130, 200) 	#0082C8
 * lila/grau 		rgb(114, 97, 110) 	#72616E
 * lachs 			rgb(232, 132, 107) 	#E8846B
 * dk-blau 			rgb(52, 73, 94) 	#34495E
 * orange 			rgb(211, 84, 0) 	#D35400
 * karmin-rot 		rgb(192, 57, 43) 	#C0392B
 * dk-blau 			rgb(44, 62, 80) 	#2C3E50
 * violett 			rgb(189, 84, 205) 	#BD54CD
 * gelb 			rgb(243, 156, 18) 	#F39C12
 * pink-dunkel		rgb(189, 53, 89) 	#BD3559
 * blau				rgb(52, 152, 219) 	#3498DB
 * pink				rgb(220, 61, 102) 	#DC3D66 	= Jenny
 * 					rgb(162, 197, 191)	#A2C5BF
 * blau				rgb(41, 128, 185) 	#2980B9
 * 
 * Re-color 2022
 * Basti			#9ccc65
 * Jenny			#ff80ab
 * Felix			#40c4ff
 * Paul				#ff5252
 * sf-schuchardt	#202020
 */

* { transition:all 0.3s ease-in-out 0s; margin:0; padding:0; }
body { background-color:rgb(103, 103, 103);  font-family:'Raleway',sans-serif; transition:all 10s ease-in-out 0s; }
html, body { /*width:100%; height:100%; margin:0; padding:0*/ }
html {  min-height:100%; position:relative; }
body {  margin-bottom:100px; /* footer-height*/ }

h1 { color:#FFFFFF; font-weight:300; padding-bottom:10px; padding-top:40px; text-align:center; font-size:32px; }
h2 { color:#FFFFFF; font-weight:300; text-align:center; font-size:24px; }
p { color:#FFFFFF; font-weight:300; text-align:center; font-size:16px; padding-bottom:10px; }
a { color:#FFFFFF; font-weight:300; text-align:center; font-size:16px; padding-bottom:10px; text-decoration:underline; }

div { box-sizing:border-box; }

#wrapper { width:100%; height:100%; }

	#header { width:100%; margin:0 auto; padding:75px 0 0; }
	#header .icon img { border:3px solid white; border-radius:50%; height:125px; width:125px; }

	#container { width:100%; }
		#main { max-width:480px; margin:0 auto; padding:0px 20px; }
			.inside { }
				.mod_article {  }
				#start { }
					.ce_text { padding:20px; }
					.ce_text.icons a { font-size:13px; width:32px; height:32px; display:inline-block; } 
					.ce_text.icons a:hover { 
						transition:all 0.6s ease 0.02s; 
						-webkit-transform:rotateY(360deg);
						-moz-transform:rotateY(360deg);
						-o-transform:rotateY(360deg);
						-ms-transform:rotateY(360deg);
					}

	#footer { 
		background:none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
		width:100%;
		color:#FFFFFF;
		/*font-size:0.9em;*/
		position:absolute;
		bottom:0;
		height:100px;
		}
	#footer .inside { padding-top:30px; }
	#footer p { font-size:13px; padding-bottom:0px; }
	#footer a { font-size:13px; } 

	#footer a { text-decoration:none; }
	#footer a:last-of-type { text-decoration:underline; }

/* --- CSS3 Fadein ------------------------------------------------------------------------------------------ */

.cssanimations #footer {
    -webkit-animation:0.5s ease-out 0.9s normal both 1 running fadeInBottom; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation:0.5s ease-out 0.9s normal both 1 running fadeInBottom; /* Firefox < 16 */
        -ms-animation:0.5s ease-out 0.9s normal both 1 running fadeInBottom; /* Internet Explorer */
         -o-animation:0.5s ease-out 0.9s normal both 1 running fadeInBottom; /* Opera < 12.1 */
            animation:0.5s ease-out 0.9s normal both 1 running fadeInBottom;
}

.cssanimations #header {
	-webkit-animation:0.4s ease-in-out 0.9s normal both 1 running fadeInTop; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation:0.4s ease-in-out 0.9s normal both 1 running fadeInTop; /* Firefox < 16 */
        -ms-animation:0.4s ease-in-out 0.9s normal both 1 running fadeInTop; /* Internet Explorer */
         -o-animation:0.4s ease-in-out 0.9s normal both 1 running fadeInTop; /* Opera < 12.1 */
            animation:0.4s ease-in-out 0.9s normal both 1 running fadeInTop;
}
.cssanimations #main .mod_article {
	-webkit-animation:0.6s ease-in-out 0.9s normal both 1 running fadeInTop; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation:0.6s ease-in-out 0.9s normal both 1 running fadeInTop; /* Firefox < 16 */
        -ms-animation:0.6s ease-in-out 0.9s normal both 1 running fadeInTop; /* Internet Explorer */
         -o-animation:0.6s ease-in-out 0.9s normal both 1 running fadeInTop; /* Opera < 12.1 */
            animation:0.6s ease-in-out 0.9s normal both 1 running fadeInTop;
}

.cssanimations .dummy {
	-webkit-animation:0.6s ease-in-out 0.2s normal both 1 running slideIn; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation:0.6s ease-in-out 0.2s normal both 1 running slideIn; /* Firefox < 16 */
        -ms-animation:0.6s ease-in-out 0.2s normal both 1 running slideIn; /* Internet Explorer */
         -o-animation:0.6s ease-in-out 0.2s normal both 1 running slideIn; /* Opera < 12.1 */
            animation:0.6s ease-in-out 0.2s normal both 1 running slideIn;

    transform:translateX(-50px);
}

.cssanimations .dummy {
	-webkit-animation:0.5s ease-in-out 0.9s normal both 1 running fadeInTop; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation:0.5s ease-in-out 0.9s normal both 1 running fadeInTop; /* Firefox < 16 */
        -ms-animation:0.5s ease-in-out 0.9s normal both 1 running fadeInTop; /* Internet Explorer */
         -o-animation:0.5s ease-in-out 0.9s normal both 1 running fadeInTop; /* Opera < 12.1 */
            animation:0.5s ease-in-out 0.9s normal both 1 running fadeInTop;
}

@keyframes bounceInLeft {
	0% {
	    opacity:0;
	    transform:translateX(-2000px);
	}
	60% {
	    opacity:1;
	    transform:translateX(30px);
	}
	80% {
	    transform:translateX(-10px);
	}
	100% {
	    transform:translateX(0px);
	}
}
@keyframes fadeInTop {
	0% {
	    opacity:0;
	    transform:translateY(-25px);
	}
	100% {
	    opacity:1;
	    transform:translateY(0px);
	}
}
@keyframes fadeInBottom {
	0% {
	    opacity:0;
	    transform:translateY(25px);
	}
	100% {
	    opacity:1;
	    transform:translateY(0px);
	}
}
@keyframes slideIn {
	0% {
	    transform:translateX(-50px);
	}
	100% {
	    transform:translateX(0px);
	}
}
@keyframes tinywiggle {
	25%, 50%, 75%, 100% {
	    transform-origin:center top 0;
	}
	25% {
	    transform:rotate(4deg);
	}
	50% {
	    transform:rotate(-2deg);
	}
	75% {
	    transform:rotate(1deg);
	}
	100% {
	    transform:rotate(0deg);
	}
}
@keyframes wiggle {
	25%, 50%, 75%, 100% {
	    transform-origin:center top 0;
	}
	25% {
	    transform:rotate(8deg);
	}
	50% {
	    transform:rotate(-4deg);
	}
	75% {
	    transform:rotate(1deg);
	}
	100% {
	    transform:rotate(0deg);
	}
}
@keyframes boing {
	0% {
	    transform:scale(1);
	}
	35% {
	    transform:scale(1.15);
	}
	70% {
	    transform:scale(0.9);
	}
	100% {
	    transform:scale(1);
	}
}
.animated { animation-duration:1s; animation-fill-mode:both; }

/* --- Media Queries ------------------------------------------------------------------------------------------ */

@media (max-width:1200px) {
	.ce_text { /*width:50%!important;*/ }
}

@media (max-width:760px) {
	.ce_text { /*width:70%!important;*/ }
}

@media (max-width:480px) {
	.ce_text { /*width:90%!important;*/ }
}

@media (max-height:720px) {
	#footer { /*position:relative;*/ }
}
/*
  copyright (c) by uniacreation 2013
*/

// Jennifer (Pink)

//body { background-color:#DC3D66; }
body { background-color: #ff80ab; }