canvas {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

@font-face {
	font-family: 'MobiliarRealist';
	src: url(/fonts/MobiliarRealistWeb-SemiLight.woff2) format("woff2"),url(/fonts/MobiliarRealistWeb-SemiLight.woff) format("woff"),url(/fonts/MobiliarRealistWeb-SemiLight.ttf) format("ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MobiliarRealist';
	src: url(/fonts/MobiliarRealistWeb-Regular.woff2) format("woff2"),url(/fonts/MobiliarRealistWeb-Regular.woff) format("woff"),url(/fonts/MobiliarRealistWeb-Regular.ttf) format("ttf");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'MobiliarRealist';
	src: url(/fonts/MobiliarRealistWeb-Bold.woff2) format("woff2"),url(/fonts/MobiliarRealistWeb-Bold.woff) format("woff"),url(/fonts/MobiliarRealistWeb-Bold.ttf) format("ttf");
	font-weight: 700;
	font-style: normal;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: 'MobiliarRealist', Arial, sans-serif;
	font-size: 19px;
	height: 100% !important;
	background-color: #fff;
}
header {
	height:100px;
	width:100%;
	background-image:url('../Images/header_edf.jpg');
	display: flex;
  	align-items: center;
  	justify-content: center;
	position: fixed;
	z-index: 220;
	box-shadow: 0px 0px 5px rgba(0,0,0, .6);
	background-size: cover;
}
#Logo {
	position: absolute;
	top: 4px;
	left: 0px;
	white-space: nowrap;
}
#Logo img {
	height: 110px;
	transition: all 0.3s;
}
@media only screen and (max-width: 1480px) {
#Logo img {
	height:60px;
			transition:all 0.3s;
	}
}
#Logo p {
	text-decoration: none;
    position: relative;
    top: 11px;
	width:300px;
    left: 41px;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.grecaptcha-badge {visibility: hidden; bottom:74px !important;}
	#Page155 .grecaptcha-badge, #Page158 .grecaptcha-badge {visibility: inherit;}
.Claim {
	font-size: small;
	top: 32px;
	position: absolute;
	font-weight: normal;
	padding-left: 205px;
	display:none;
}
#LanguageSelector {
	position: fixed;
	top: 9px;
	text-align: right;
	white-space: nowrap;
	right: 80px;
	width: 100%;
}
#LanguageSelector a.active, #LanguageSelector a:hover {
	color: #da2323;
}
.kopfzeilenormal {
	width:100%;
}
.new2  {
	background-color:#a4bc3a;	
	color:#FFF;
	font-size:80%;
	border-radius:2px;
}
nav {
	position: relative;
	text-align:center;
	top: 32px;
	z-index: 230;
	width: 1280px;
	margin-left: 20px;
	display: flex;
  	align-items: center;
  	justify-content: left;
	font-family: 'Permanent Marker', cursive;
	letter-spacing: 1px;
	line-height: 1.1em;
}

nav a {
	font-size:19px;
	font-weight:normal;
	background-size:100% 100%;
	padding:6px 5px 10px 10px;
	text-decoration:none;
}

nav a.active, nav a:hover {
	/*color:#3C3C3B;*/
	color:#fff;
	background-image:url(../Images/background_navigationlink_AdF.png);
	background-repeat:no-repeat;
	transition:all 0.3s;
}
/* Link Hier anmelden */
nav a[data-id="154"], nav a[data-id="157"] {
	color: #fff;
	font-weight: normal;
	background-size: 100% 100%;
	background-image: url(../Images/background_navigationlink_AdF.png);
	background-repeat: no-repeat;
	right: 20px;
	position: fixed;
}
#Submenu {
	position: relative;
	top: 125px;
	left: 0;
	width: 1152px;
	margin: 0 auto 30px;
	text-align: center;
	border-bottom: dotted thin;
}
#Page98 #Submenu, #Page92 #Submenu, #Page94 #Submenu, #Page93 #Submenu, #Page95 #Submenu, #Page99 #Submenu {
		font-size: 22px;
}
#Sidemenu {
	position: fixed;
	top: 9px;
	text-align: right;
	white-space: nowrap;
	margin-right: 20px;
	right: 200px;
}

#Submenu a {
	font-weight: bold;
	text-decoration:none;
	margin-right: 20px;
}#Sidemenu a {
	font-weight: bold;
	text-decoration:none;
	margin-right: 20px;
}
#Sidemenu a[href="/Anmelden"], #Sidemenu a[href="/Connexion"] {
    display: none;
}
.SpecialMenu {
	position: fixed;
    top: 10px;
    text-align: right;
    white-space: nowrap;
    right: 170px;
    width: auto;
    font-size: 70%;
}
.SpecialMenu a {
	font-weight: normal;
	padding-left: 10px;
}
.SpecialMenu a:hover {
	text-decoration: underline;
}
#mobile-menu {
	display: none;
}

#Submenu a.active, #Submenu a:hover {
	color: #70c3d4;
}
#Main {
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top:130px;
}
#Content {
	padding:0px 10px 50px 10px;
	max-width: 1280px;
	width:100%;
}
.LayoutContainer {
	margin-bottom:10%;
}
.titelstory {
	padding: 7px 7px 7px 7px;
	line-height: 1.2;
	margin-bottom: 50px;
}
.titelstory-bild {
	width: 100%;
}
.overlayBG {
   -ms-filter: 				"Alpha(Opacity=98)";
   filter:					alpha(opacity=98);
   -moz-opacity: 			0.98;
   opacity: 				0.98;
   position:				absolute;
    left: 					0;
    top: 					0;
    width: 					100%;
    height: 				100%;
    background-color:		black;
}
.einbetten-Layer{
	background-color:		#ccc;
	width:					100%;
	height:					100%;
	padding-top:			20px;
	padding-right:			0px;
	position:				absolute;
	top: 					0px;
	left:					0px;
}
.projektvideo {
	width: 100%;
	text-align:center;
	border-radius: 8px;
}
/* class in Source Code CK Editor von Beiträgen*/
.beitragbild {
	width:32%;
	height:auto;
	display:inline-block;
	padding-right:20px;
	box-sizing:border-box;
}
.beitragbild100 {
	width:100% !important;
	height:auto;
}
.beitragtext {
	width: 64%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.beitragbild img {
	width: 100% !important;
	height: auto;
}
a {
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
p > a {
	text-decoration: underline;
}
.XVTableName {
	font-size:26px;
	font-weight:bold;
}
h1 {
	font-family: caveat,cursive;
	font-size: 40px;
	font-weight: 400 !important;
	color: #000;
	margin: 0 0 30px;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/* H1 im Backend */
#xvRealContent h1 {
	font-family: inherit;
	transform: inherit;
	font-size: 20px;
	font-weight: 600 !important;
}
	h2 {
	color: #da2323;
	font-size: 32px;
	font-family: 'Permanent Marker', cursive;
	margin: 0px 0px -20px 0px;
}
h3 {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 5px;
}
h4 {
	font-family: 			'Caveat', cursive;
	font-size:				40px;
	font-weight: normal !important;
	color:					#000000;
	margin: 0px 0px 30px 0px;
	/* Safari */
	-webkit-transform: rotate(-3deg);
	/* Firefox */
	-moz-transform: rotate(-3deg);
	/* IE */
	-ms-transform: rotate(-3deg);
	/* Opera */
	-o-transform: rotate(-3deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

h5 {
	font-size:18px;
	font-weight:bold;
	margin-bottom: 5px;
}
.Handwriting {
	font-size:22px;
	font-family: 'Permanent Marker', cursive;
	line-height: 1.1em;
	letter-spacing: 1px;
}
.zitat h2, .zitat h4 {
	font-size: 200%;
}
.langbeschrieb img {
	max-width: 100%;
	height:auto;
}
.klein {
	line-height:0.9;
}
input, select, textarea {
font-size: 16px;
border-style: solid;
border-width: thin;
border-color: #ccc;
padding: 10px 5px 10px 5px;
margin-bottom: 5px;
}

input[type=submit] {
	background-color:transparent;
	width: inherit !important;
}

.pw-loginfield {
	width:80%;
}
input[type=radio],input[type=checkbox] {
	width: auto !important;
	transform: scale(1);
}

input[type=text], input[type=email], input[type=password] {
	box-sizing: border-box;
	width: 100%;
}

#ZustupfMinimum {
	width: 60px;
}
.totalfield {
	padding: 2px 5px 2px 5px;
	background-color: #ebebeb;
	color:#666;
}
hr {
	border: none;
    border-top: thin dotted #333;
    height: 1px;
	margin: 20px 0;
}
.hrzustupfe {
	margin: 0px 0;
}
hr.front
{
	border-top: thin dotted #333;
}
label {
	display:inline-block;
	vertical-align:baseline;
	white-space:nowrap;
	padding: 0px 0px 5px 0px;
}
/* Korrektur */
.handdrawn {
	padding:10px;
}
.xTendContentList {
	padding: 10px 10px 10px 10px;
/* Ende Korrektur */
	margin:0px 0px 30px 0px;
}
.xTendContentLayout {
	box-sizing:border-box;
	width: 96% !important;
	margin-left:2%;
}

.External {
	padding:20px;
}

div#xTend {padding:10px}

.facebook-position {
	position:absolute;
	top:0px;
	left:960px;
}
.FormBackground {
	background-color:#efefef;
	padding: 20px 15px 120px 15px;
}
/*in xtend css anpassen*/
#tabs {
	padding-bottom: 15px !important;
}

.fa-question-circle {
	color:#333 !important;
}

div[id$='Box']{
	padding-top: 15px;
    padding-bottom: 10px;
	padding-left: 15px;
	padding-right:15px;
    overflow-y:auto;
	overflow-x:hidden;
	background-position: 90% 05%
}

div.ProjektListe, div.TopNews {
	padding:0;
}

#LayerAngesagteProjekte, #LayerProjektListe, #LayerAlleCrowdfundingProjekte {background-color:transparent;}

/*.LayoutContainer,#LayerProjektListe { height:auto !important; position:relative; }*/

#LayerProjektListe , #LayerIntro, #LayerAngesagteProjekte , #LayerAlleCrowdfundingProjekte{
	position:relative;
	height:auto;
	top:0;
}
.LayerClass3{
	background-color:transparent !important;
}
.xTendContentList.Table
{
	padding: 20px;
}
#LayerInitiantBox {
	height: auto;
	width: 320px !important;
	position: absolute;
	left: 71%;
	float: right;
	margin-top: 0px;
	top: 0px;
}
.LayerClass9 {
	top: 4em !important;
}
.projektinitiant-mobile {
	display:none;
	text-align:center;
	padding-top:5%;
}
#LayerDetails {
	height:auto !important;
	padding: 10px 30px 30px 30px;
	width:70% !important;
}

.btnProjektStarten:hover {
	content: url('/Images/Projekt_starten_2.png');
}

.footer {
	width:100%;
	text-align:center;
	z-index:20;
	padding-bottom: 100px;
}
.footer2 {
	width:100%;
	text-align:right;
    position:fixed;
    bottom:-5px;
	z-index:2100 !important;
	padding: 0px 0px 15px 0px;
	background-color: rgba(255,255,255,0.9);
	box-shadow:2px 2px 2px 2px rgba(0,0,0,0.4);
}
.footer2 img {
	width:150px;
	padding: 0px 20px 0px 10px;
}
.footerclaim
{
	font-size: 14px;
	display: inline-block;
	float: right;
	padding: 6px 0px 0px 0px;
}
.footerimage
{
	display: inline-block;
	float: right;
}
.kanalfooter {
	display:none;
}

.footer hr {
	color:#999;
	margin: 5px 5px;
}
.ErfolgreichesProjekt {
	font-size:13px;
	position:relative;
	width: 100%;
    height: 170px;
    border-style: solid;
    border-width: thin;
    border-color: #ccc;
    margin-bottom: 12px;
    background-repeat: no-repeat;
    background-size: cover;
	text-align:right;
}


.JuniorProjekt {
	font-size:13px;
	position:relative;
	width:100%; 
	height:170px; 
	border-style:solid; 
	border-width:thin; 
	border-color:#ccc; 
	margin-bottom:12px; 
	text-align:right; 
	background-repeat:no-repeat; 
	background-size:cover;
}


#LayerJuniorProjektBox {
	height:auto !important;
	font-size:13px;
}

#LayerGegenleistungsBox {
	height:auto !important;
	padding:15px;
	width: 320px !important;
	left: 71%;
	top: 530px;
}

.ErfolgreichesProjekt h3, .JuniorProjekt h3 {
	font-size:12px;
	text-align:left;
	position:absolute;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #fff;
    padding: 5px;
	margin:0;
	bottom:0;
	width:100%;
	box-sizing:border-box;
    opacity: 0.8;
}

.News {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	padding: 10px;
	margin-bottom: 30px;
}

.newsbeitrag {
	width: 30%;
	margin-bottom:20px;
}

.newsimagediv {
	width:100%;
	height:240px;
	background-size:cover;
}
.projekt {
	box-sizing:border-box;
	position:relative;
    display: 				flex;
	width:					100%;
	height:					280px;
	align-items:flex-end;
	font-weight: normal;
	top:0;
	left:0;
	padding:10px;
	margin-bottom:30px;
}

.projekt.success {
	background-color:#fff0a0;
}

.projekt.gestartet{
	background-image: url(/Images/Projekt-gestartet.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.projektbild {
	height:	100%;	
    width: 30%;
    display:inline-block;
	background-size:cover;
}
.Projektbild {
	border:thin;
	border-style:solid;
	border-color:#333333;
	box-shadow:2px 2px 2px rgba(0,0,0,0.4);
}
.profilbild-mobile {
	width:70%;
	border-color:#333;
}
.zustupfBalken {
	display:inline-block;
	height:100%;
	width:33px;
	background-image:url(/Images/ZustupfBalken.png);
	background-repeat:no-repeat;
}
.taskBalken {
	display: inline-block;
	height: 100%;
	width: 33px;
	background-image: url(/Images/taskBalken.png);
	background-repeat: no-repeat;
}


.beschrieb{
	position:relative; /* needed for fader*/
	width:					270px;
	height:					100%;
	padding-left:			25px;
	box-sizing:border-box;
	display:inline-block;
	overflow: 				hidden;
	flex-grow:5;
	margin-right:10px;
	vertical-align: top;
}

.percentage
{
	position:absolute;
	bottom:10px;
	left:10px;
	font-size: 22px;
	font-weight:bold;
	color: #fff;
	text-shadow: 0px 0px 4px rgba(0,0,0,1)

}

div.zustupfcontent {
	display:inline-block;
	width:					130px;
	height:					auto; /* content at bottom*/
	padding-top:			15px;
	padding-left:			10px;
	overflow: 				hidden;
	font-size: 80%;
	line-height: 5px;
}

.zustupfcontent.task {
	color:green;
}

.zustupfcontent.geld {
	color:#007b91;
}

.preorder {
	position:absolute;
	top:0;
	right:0;
	background-color:#333;
	color:#fff;
	font-size:12px;
	padding:3px;
}
.projekt h2 {
	font-family: 			'Caveat', cursive;
	font-size:				32px;
	color:					#000000;
	text-wrap:				none;
	white-space: 			nowrap;
   	overflow: 				hidden;
   	width: 					100%;
   	text-overflow: 			ellipsis;
	margin: 				0px 0px 30px 0px;
	/* Safari */
	-webkit-transform: rotate(-3deg);
	/* Firefox */
	-moz-transform: rotate(-3deg);
	/* IE */
	-ms-transform: rotate(-3deg);
	/* Opera */
	-o-transform: rotate(-3deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.projekt h3 {
	text-wrap:				none;
	white-space: 			nowrap;
   	overflow: 				hidden;
   	width: 					100%;
   	text-overflow: 			ellipsis;
	margin:0 0 15px 0;
}
.fader {
	position:absolute;
	bottom: 0;
	height:80px;
	width:100%;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); 
}

.projekt.success .fader
{
	background: linear-gradient(to bottom, rgba(255,240,160,0) 0%,rgba(255,240,160,1) 100%); 
}

#Pagination {
	font-weight: bold;
	font-size:120%;
	padding-top: 5%;
}
.addthis_default_style {
	position:absolute;
	right:10px;
	z-index:5;
}

.kurzbeschrieb {


}


.button {
	display:block;
	font-weight:bold;
	text-decoration:none;
	color: 						rgb(0, 0, 0);
	font-size: 					12px;
	padding-top: 				4px;
	padding-bottom: 			4px;
	padding-left: 				5px;
	padding-right: 				5px;

	border-radius: 				2px;
	border: 					0px;
	background: 				rgb(224, 224, 224);
	background: 				-moz-linear-gradient(90deg, rgb(224, 224, 224) 30%, rgb(242, 242, 242) 70%);
	background: 				-webkit-linear-gradient(90deg, rgb(224, 224, 224) 30%, rgb(242, 242, 242) 70%);
	background: 				-o-linear-gradient(90deg, rgb(224, 224, 224) 30%, rgb(242, 242, 242) 70%);
	background: 				-ms-linear-gradient(90deg, rgb(224, 224, 224) 30%, rgb(242, 242, 242) 70%);
	background: 				linear-gradient(0deg, rgb(224, 224, 224) 30%, rgb(242, 242, 242) 70%);
	box-shadow:        			0px 2px 1px rgba(50, 50, 50, 0.75);
}

a.button:hover {
	box-shadow: none;
	position:relative;
	top:2px;
	left:1px;
}

/* login page, register */
.LayerClass17, .LayerClass25, .LayerClass26 {
	text-align: center;
	padding-top:35px;
	position:relative !important;
}
.Login form, .LayerClass25 form {
	display:inline-block;
}
.Login {
	text-align: center;
}
.LayerClass24, .LayerClass25 {padding:35px;}
.LayerClass17 form  td, .LayerClass25 form td {text-align:left}
.Login form  td, .Login form td {text-align:left}
.LayerClass29 {left:0px !important}
.LayerClass21, .LayerClass22, .LayerClass23, .LayerClass20, .LayerClass47, .LayerClass46, .LayerClass49, .LayerClass35, .LayerClass51, .LayerClass38, .LayerClass48, .LayerClass56, .LayerClass53, .LayerClass54, .LayerClass62, .LayerClass63, .LayerClass64, .LayerClass65, .LayerClass68 {
    position: relative !important;
}

.pwForgotten {
	    color: #999999;
}

.sexyButton {
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-size:30px;
	font-family: 'Permanent Marker', cursive;
	letter-spacing: 1px;
	white-space: nowrap;
	padding: 20px 40px 30px 40px;
	text-decoration:none;
	background-image:url(../Images/background_navigationlink_AdF.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	border:none;
	transition: .4s ease-in-out;
}
.sexyButtonArrow {
	width: 100%;
	height: 113px;
	cursor:pointer;
	font-family: 'Permanent Marker', cursive;
	background-repeat:no-repeat;
	background-position: center;
	background-size:contain;
}

.sexyButton.small {
	font-size: 15px;
	font-family:inherit;
	color:#333;
	text-shadow: none;
	font-weight: bold;
	padding: 2px 5px;
}

.simpleButton.xsmall {
	font-size: 70%;
	font-weight: bold;
	padding: 0px 5px 0px 5px !important;
	border: none;
	margin: 2px 5px 0px 2px;
	text-shadow:none;
}
.sexyButton:hover {
	color:#da2323 !important;
	background-image:none;
	transition: .4s ease-in-out;
	text-shadow:none;
}


.simpleButton:not([disabled]) {
	background-color: #333 !important;
	border: 0px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-weight: 500;
	padding: 6px 29px;
	text-decoration: none;
	background-image: none;
}

.simpleButton:hover:not([disabled]) {
	background-color: #636363 !important;
	color: #fff !important;
	font-weight: inherit;
}

.smallButton {
	background-color:#333;
	border:0px solid #a3a3a3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	font-weight:500;
	padding:2px 10px;
	text-decoration:none;
}
.smallButton:hover {
	background-color:#636363;
}
.long {
	width:40%;
}
.grau {
	color:#616161;
}
a.inactive {
	-webkit-box-shadow:inset 0px 1px 0px 0px #dedede;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dedede), color-stop(1, #dedede));
	background:-moz-linear-gradient(top, #dedede 5%, #dedede 100%);
	background:-webkit-linear-gradient(top, #dedede 5%, #dedede 100%);
	background:-o-linear-gradient(top, #dedede 5%, #dedede 100%);
	background:-ms-linear-gradient(top, #dedede 5%, #dedede 100%);
	background:linear-gradient(to bottom, #dedede 5%, #dedede 100%);
	pointer-events: none;
	cursor: default;
	background-color:#d7d7d7;
	border:1px solid #dedede;
}
.eigenesProjekt table
{
    border: 0px;
	border-spacing:0;
	width:100%;
}
.eigenesProjekt td
{
	vertical-align:top;
    min-width: 20%;
}
.eigenesProjekt p
{
	/*
	margin: 0;
	padding: 0;*/
}
.eigenesProjekt h2
{
	margin-top: 0;
}
.eigenesProjekt2
{
	box-sizing: border-box;
	position:relative;
    display: 				flex;
	height:					240px;
	align-items:flex-end;
	border: solid thin #333;
}
.journal {
	background-color:#eee;
	padding:4px;
	margin-bottom:7px;
	box-sizing: border-box;
	position:relative;
	overflow:auto; /* makes the div use the height of the floating img */
}

.journal .bild {float:left; margin-left: 10px; margin-right:10px;}
.journal .titel {font-weight:bold;}
.journal .datum {font-style:italic;}
.Datum {font-size:90%;}
.kommentar input,.kommentar textarea {width:500px;box-sizing:border-box;}
.kommentar input[type=submit] {width:auto}

label.error
{
	position: absolute;
	color: #fff;
	font-size:12px;
	background-color:#f40;
	border: 1px #f00 solid;
	padding: 4px;
}
.classKurzbeschrieb {
	width: 80%;
}
.classSpende {
	width: 120px;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	height: 40px;
}
.trgegenleistung2 {
	white-space:normal;
}
.zustupfTD
{
	white-space:nowrap;
}
.zustupf
{
	vertical-align:top;
	font-size:80%;
}
.gegenleistungTD
{
	vertical-align:top;
	width: 800px;
}
.gegenleistung {
	width:97%;
	padding: 4px;
	}
.zeilenfarbe {
	background-color: #F2F2F2;
	}
#Gegenleistung {
	width:100%;
	vertical-align:top;
	}
.fa-trash {
	padding-left: 5px;
	}
.ignore {
	width: 100% !important;
}
#Add-2 {
	font-size: 140%;
	}

.zahlungsart
{
	margin-top: 30px;
	margin-bottom: 30px;
}
.zustupferAngaben {
	padding-top:7px;
	padding-bottom: 30px;
}
.zustupfer {
	font-size:13px;
}
.zustupfer div {
	display:inline-block;
}
.zustupfer img {
	width:55px;
	height:55px;
}
.zustupferbild {
width:55px;height:55px;
}
.journaleintrag
{
	padding: 0;
	text-align:justify;
}

.journaleintrag .titel {
	font-weight:bold;
	margin-bottom:20px;
}

.zustupferListe {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	column-rule: 1px solid #999;
}

.meldung
{
	display:inline-block;
	border: 1px #f55 dotted;
	padding: 3px;
	color:#f55;
}

.error
{
	background-color: #fff;
	font-size: 15px;
	white-space:nowrap;
}

.error a
{color: #e00;
	font-weight:normal;
}

.fehler
{
	color: #e00;
}

table.gitternetz
{
  border: 1px solid #A4A4A4;
  width: 100%;
  border-collapse: collapse;
  font-size:80%;
}
.gitternetz td
{
	border: 1px #000 solid;
	vertical-align:top;
	padding: 3px;
}
table.gitternetz td, table.gitternetz th {
  border-left: 1px solid #777;
  padding: 10px 2px 10px 2px;
}
table.gitternetz tbody tr:nth-child(odd) {
  background: #F3F3F3;
}
table.gitternetz thead {
    border-bottom: 2px solid #444444;
}
table.gitternetz thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
}




.fa-question-circle
{
	margin-left:10px;
	color: #c3c3c3;
}
.eigenesProjekt td.ideenphase {
	background-color:none;
	color: #000;
	font-size:12px;
	padding: 1px 10px;
}
.ideenphase {
	background-color:#ffdd00;
	color:#000;
	font-size:15px;
	padding: 2px 2px 2px 15px;
}
.rw-ui-container.rw-halign-right .rw-report-link {
    display: none !important;
}
.inpruefung {
	background-color:#e4e4e4;
	font-size:15px;
	padding: 2px 2px 2px 15px;
	border: thin solid black;
	border-bottom:none;
}
.ideenphaselieferant {
	background-color:#ffdd00;
	color:#000;
	font-size:15px;
	padding: 2px 2px 2px 15px;
	border: thin solid black;
	border-bottom:none;
}
.running {
	background-color: #a4bd3b;
	color: #000;
	font-size:13px;
	padding: 2px 2px 2px 15px;
	border: thin solid black;
	border-bottom:none;
}
.kanalbez {
	background-color:#333;
	color:#fff;
	font-size:13px;
	padding: 1px 2px 4px 15px;
	margin-bottom: 10px;
	margin-top: 4px;
	border-radius:5px;
}

.kanalbez a {
	color:#fff;
}
div#LayerKanalbeschrieb {
	height:auto;
	position:relative;
}
.projekttitel {
	padding: 1px 2px 1px 0px;
	line-height: 1.2;
}
.Rand {
	padding-bottom: 20px;
}
#WeblinkFull {
	font-weight: bold;
	font-size:1.4vw;
	color:#005f87;
}
.bestellung
{
	font-style:italic;
}
input[type=submit][disabled] {
	/*opacity:0.5;*/
}
#cke_TextJournal
{
	width: 80%;
	height: auto;
}
.statusbox {
	text-align:right;
	background-color:#FF9900;
	padding:7px 20px 0px 0px;
	border-radius:10px;
	color:#FFF;
	font-weight:bold;
}
.initiantbild img {
	max-height: 250px;
}
#mc_embed_signup{
	background:#fff; 
	clear:left;
	padding:10px 10px 10px 30px;
}
#LayerDetails > div.rw-ui-container.rw-urid-1120.rw-ui-nero.rw-size-large.rw-dir-ltr.rw-halign-right.rw-valign-middle.rw-style-thumbs2.rw-active > div > span > i,
#LayerProjektListe > a > div > div.percentage > div > div > span > i,
#LayerAlleCrowdfundingProjekte > a > div > div.percentage > div > div > span > i
{
	background-image: url('/Images/hearts3-large.png') !important
}
.rw-ui-nero.rw-size-medium.rw-style-thumbs2 .rw-ui-like-icon, .rw-ui-nero.rw-size-medium.rw-style-thumbs2 .rw-ui-dislike-icon
{
	background-image: url('/Images/hearts3-large.png') !important
}
.rw-ui-like-label {
	padding-right:15px !important;
}
.rw-ui-info-container {
	display:none !important;
}
.rw-ui-nero .rw-ui-like-label{
		color:#000 !important;
		padding-left: 3px !important;
		font-size: 14px !important;
}

#LayerProjektListe > a > div > div.percentage > div > div > a,
#LayerAlleCrowdfundingProjekte > a > div > div.percentage > div > div > a
 {visibility:hidden!important}

.rw-ui-nero.rw-active .rw-ui-like:hover .rw-ui-like-label {border-bottom:none !important}

#LayerProjektListe > a > div > div.percentage > div > div > span > span,
#LayerAlleCrowdfundingProjekte > a > div > div.percentage > div > div > span > span
 {
	color:#fff !important;
	font-weight:bold;
}
.infotabelle td {
	font-size:70%;
	padding: 3px 3px 3px 3px;
	border: dotted thin #ccc;
}
/*Admin*/

.einreichen {
	border:solid 1px #333;
	padding:1% 2% 1% 2%;
}
/*Cookiebox*/
#cookiebox a {color:#000; text-decoration:none;}

#cookiebox a:hover {text-decoration:underline;}

#cookiebox div {padding:5px; padding-right:120px; height:48px;}

#cookiebox { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #fff; 
   position:fixed;
   bottom:0px; 
   z-index:20000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookieboxCloser {
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df;
 }

#cookieboxCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}

/* 22.05.2018 MR: Anderes Aussehen für Tabs auf der Projekt-Detail-Seite (.LayerClass7)*/
.LayerClass7, .LayerClass176, .ui-tabs-panel {
	border:none !important;
	background:none;
}
.ui-widget-content {
		border: none;
}
/* 23.05.2018 LW: Adf-Logo auf Atelier du Futur Unterseite*/
.adfLogo {
margin-left: -7%;
margin-bottom: -15%;
}
.adfLogo img {
	width:18vw;
}
/* 
#Page91 nav a[data-id="9"], #Page91 nav a[data-id="19"], #Page91 nav a[data-id="8"], #Page91 nav a[data-id="101"], #Sidemenu {
	display:none;
}
#Page92 nav a[data-id="9"], #Page92 nav a[data-id="19"], #Page92 nav a[data-id="8"], #Page92 nav a[data-id="101"], #Sidemenu  {
	display:none;
}
#Page93 nav a[data-id="9"], #Page93 nav a[data-id="19"], #Page93 nav a[data-id="8"], #Page93 nav a[data-id="101"], #Sidemenu  {
	display:none;
}
#Page94 nav a[data-id="9"], #Page94 nav a[data-id="19"], #Page94 nav a[data-id="8"], #Page94 nav a[data-id="101"], #Sidemenu  {
	display:none;
}
#Page95 nav a[data-id="9"], #Page95 nav a[data-id="19"], #Page95 nav a[data-id="8"], #Page95 nav a[data-id="101"], #Sidemenu  {
	display:none;
}
#Page98 nav a[data-id="9"], #Page98 nav a[data-id="19"], #Page98 nav a[data-id="8"], #Page98 nav a[data-id="101"], #Sidemenu  {
	display:none;
}
#Page99 nav a[data-id="9"], #Page99 nav a[data-id="19"], #Page99 nav a[data-id="8"], #Page99 nav a[data-id="101"], #Sidemenu  {
	display:none;
}
#Page100 nav a[data-id="9"], #Page100 nav a[data-id="19"], #Page100 nav a[data-id="8"], #Page100 nav a[data-id="101"], #Sidemenu  {
	display:none;
}
 */
.logoadf {
	z-index:100;
}
.GallerySet {
	border: none;
	height: 160px;
	width: calc(20% - 10px);
	overflow: hidden;
	background: black;
	padding: 0px;
	text-align: center;
}
.GallerySet img {
	width: auto;
	height: auto;
	max-height: 200px;
	max-width: 100%;
	min-height: 160px;
}
.lb-image, .lb-outerContainer {
	border: 0px !important;
	border-radius: 0px !important;
}
.lb-nav {
	position: fixed !important;
}
.lb-dataContainer {
	z-index: 10;
	position: fixed;
	z-index: 10;
	position: fixed;
	top: 10px;
	left: 20px;
	width: calc(100% - 40px) !important;
}
@media all and (max-width:1120px) {
.GallerySet {
width: calc(25% - 10px);
}
}
@media all and (max-width:950px) {
.GallerySet {
width: calc(33% - 6px);
}
}
#Page104 [data-id="147"] {
	text-align:center;
	/* 12.07.2018 LW: Bildgalerie - Thumbnails einmitten*/
}
#Page104 [data-id="147"] {
	text-align:center;
	/* 12.07.2018 LW: Thumbnails einmitten*/
}
.tworows {
	display: border-box;
	min-height: 400px;
	vertical-align: top;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: calc(50% - 20px);
	box-sizing: border-box;
}
.tworows .beitragtext {
	display: inherit;
	width: 100%;
}
.tworows .beitragbild {
	width: 100%;
	padding-right: 0px;
}
/* TILES */
#Page8 #Content, #Page43 #Content, #Page114 #Content, #Page159 #Content, #Page161 #Content, #Page110 #Content, #Page101 #Content, #Page152 #Content, #Page61 #Content, #Page101 #Content, #Page111 #Content, #Page162 #Content, #Page163 #Content, #Page153 #Content, #Page169 #Content, #Page170 #Content, #Page175 #Content, #Page216 #Content, #Page232 #Content, #Page233 #Content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
/* Landingpages DE+FR und weitere Seiten Nav ausblenden 2024+ */
#Page232 nav, #Page232 .mm-toggle-wrap, #Page233 nav, #Page233 .mm-toggle-wrap, #Page43 nav, #Page43 .mm-toggle-wrap, #Page67 nav, #Page67 .mm-toggle-wrap, #Page63 nav, #Page63 .mm-toggle-wrap, #Page114 nav, #Page114 .mm-toggle-wrap, #Page115 nav, #Page115 .mm-toggle-wrap, #Page141 nav, #Page141 .mm-toggle-wrap, #Page236 nav, #Page236 .mm-toggle-wrap, #Page237 nav, #Page237 .mm-toggle-wrap {
	display: none;
}
/* FAQs Akkordeon ausblenden L.W. */
.FAQ.tile100 {
	display: none;
}
div[class*='tile']:not(.noTile) {
	flex-grow: 0;
	flex-shrink: 0;
	box-sizing: border-box;
	cursor: pointer;
	min-height: 400px;
}
div[class*='ratio1']:not(.noTile) .innerTile {
	aspect-ratio: 1;
	width: 100% !important;
	min-height: auto;
}
.innerTile {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	box-sizing: border-box;
	-webkit-filter: grayscale(0) blur(0px);
	filter: grayscale(0) blur(0px);
	transition: .4s ease-in-out;
	min-height: 400px;
}

.innerTile:hover {
    -webkit-filter: grayscale(0) blur(0.9px);
    filter: grayscale(0) blur(0.9px);
    transition: .4s ease-in-out;
    transform: scale(0.995, 0.995);
}

div[class*='tile']:not(.noTile) img {
    width: 100%;
	height: auto !important;
}
div[class*='tile']:not(.noTile) p {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-family: 'Caveat', cursive;
    font-size: 52px;
    background-color: rgba(255,255,255,0.8);
    padding: 0px 20px 0px 10px;
    margin: 0px 20px 0px 0px;
    line-height: 1;
    z-index: 2;
}
div[class*='center'] p {
    text-align: center;
    width: 90%;
}
.middle {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5% 5%;
	text-align: center;
	
}
.middle h2 {
	margin: 0;
}
.tile100 {
    flex-basis: 100%;
}

.tile50 {
    flex-basis: calc(50% - 20px);
}
.noTile {
	box-sizing: border-box;
}
.noTile p {
	margin: 5px;
}
.noTile h3 {
	margin-left: 5px;
}
.noTile h5 {
	margin-left: 5px;
}
.noTile img {
	width: 100%;
	height: auto;
}
.tile33 {
    width: calc(33.33% - 20px);
}

.tile66 {
    flex-basis: calc(66.66% - 10px);
}
.tileheight {
	min-height: 400px;
	margin: 0 20px;
}
.tileheight p {
	bottom: 60px !important;
	background-color: transparent !important;
}
#ateliergaeste {
    padding-top: 120px;
	margin-top: -120px;
}
.SocialContainer {
	height: auto;
	text-align: center;
}
.nolinklook {
	font-weight: normal;
	text-decoration: none;
}
.Programmuebersicht, .Programmuebersicht p {
	padding:0px;
	margin: 0px;
}
.tile50 pre {
	height: 100%;
}
.nopointer a img {
	cursor: default;
}
.TileVoranmeldung p {
	background-color: inherit !important;
}
.GastBestaetigtDE {
    width: 200px;
    right: 10px;
    position: absolute;
    margin-top: -55px;
    height: 92px;
	background-image:url('../Images/Gast_bestaetigt_DE.png');
	background-size: contain;
	background-repeat: no-repeat;
}
.GastBestaetigtFR {
    width: 200px;
    right: 10px;
    position: absolute;
    margin-top: -55px;
    height: 92px;
	background-image:url('../Images/Gast_bestaetigt_FR.png');
	background-size: contain;
	background-repeat: no-repeat;
}
.NeuerGastDE {
	width: 200px;
	right: 10px;
	position: absolute;
	margin-top: -55px;
	height: 92px;
	background-image: url('../Images/neuer_Gast_DE.png');
	background-size: contain;
	background-repeat: no-repeat;
}

.NeuerGastFR {
	width: 200px;
	right: 10px;
	position: absolute;
	margin-top: -55px;
	height: 92px;
	background-image: url('../Images/neuer_Gast_FR.png');
	background-size: contain;
	background-repeat: no-repeat;
}
.finishLater {
	top: 100px !important;
	margin-right: -20px !important;
}
.finishLaterLink.smallButton {
  box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
  margin-right: -15px;
}
.FAQ h3 {
	padding: .2em !important;
}
@media all and (max-width:1080px) {
	.fontUno {
		font-size: 16px !important; 
	}
	.fontDue {
	font-size: 36px !important;
	}
}

.rosarot {
	background-color: #F9D2E4;
}
.grün {
	background-color: #92D050;
}
.hellblau {
	background-color: #E8FAFE;
}
.türkis {
	background-color: #6CE9FF;
}
.lachs {
	background-color: #FFCDC9;
}
.beige {
	background-color: #EFF4DF;
}
.bernstein {
	background-color: #FFC000;
}
.rot {
	background-color: #C00000;
}
.lachs_hell {
	background-color: #FFE7E8;
}
.blau {
	background-color: #B5F4FF;
}
.rosa {
	background-color: #FF7DCE;
}