/*! normalize.css v2.1.3 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
audio,canvas,video{display: inline-block;}
audio:not([controls]){display: none;height: 0;}
[hidden],template { display: none; }
html{font-family: sans-serif;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body{margin: 0;}
a{background: transparent;}
a:focus{outline: thin dotted;}
a:active,a:hover{outline: 0;}
h1{font-size: 2em; margin: 0.67em 0;}
abbr[title]{border-bottom: 1px dotted;}
b,strong{font-weight: bold;}
dfn{font-style: italic;}
hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family: monospace, serif;font-size: 1em;}
pre{white-space: pre-wrap;}
q{quotes: "\201C" "\201D" "\2018" "\2019";}
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: 0;}
fieldset{border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend{border: 0;padding: 0;}
button,input,select,textarea{font-family: inherit;font-size: 100%;margin: 0;}
button,input{line-height: normal;}
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;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
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;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea{overflow: auto;vertical-align: top;}
table{border-collapse: collapse;border-spacing: 0;}

/*! HTML5 Boilerplate v4.3.0 */

html,button,input,select,textarea{color:#222;}
html{font-size:1em;line-height:1.4;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,canvas,img,svg,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.browsehappy{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0;}
.hidden{display:none!important;visibility:hidden;}
.invisible{visibility:hidden;}
.print { display:none; }
@media print {
	*{background-color:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;}
	a,a:visited{text-decoration:underline;}
	pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
	thead{display:table-header-group;}
	tr,img{page-break-inside:avoid;}
	img{max-width:100%!important;}
	p,h2,h3{orphans:3;widows:3;}
	.noprint { display:none; }
	.print { display:block; }
}
.break {clear: both;}
.clear {clear: left;}
.left {float: left;}
.right {float: right;}body, #body {
	font-family: 'Open Sans Condensed', sans-serif;
	background-size:cover;
	margin:0;
	padding:0;
	position:absolute;
	/*display:none;*/
	width:100%;
	font-size:20px;
	background:#f6f6f6;
}


.wrapper {
	margin: 0px auto;
	max-width: 1200px;
}

.T2912 {
	margin: 0px auto !important;
	max-width: 1200px;
}

.T2912 .maxwidthsmall {
    background: #f6f6f6;
    padding: 25px;
}


#header {
	height:175px;
	background:#fff;
	position:absolute;
	position:fixed;
	top:0;
	left:0;
	right:0;
	display:none;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
	z-index:100;
}

#header .alogo {
	overflow:hidden;
	float: left;
	display:block;
	height:175px;
}

#header .logo {
	height:175px;
	margin:0 100px;
}

#header .menu ul, #header .menu ul li, #header .menu ul li a {
	padding:0;
	margin:0;
	list-style:none;
	display:block;
	float:left;
	position:relative;
	color:#333;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

#header .menu ul li {
	margin:115px 0 0;
}

#header .menu ul li a {
	padding: 15px;
	border-right: 2px solid #ddd;
}

#header .menu ul li.first a {
	border-left: 2px solid #ddd;
}


#body.no-touch #header .menu ul li a:hover, #header .menu ul ul li.aktiv a {
	color:#AC985B;
}

#header .menu ul li.nav_aktiv > a, #header .menu ul li.nav_offen > a {
	color: #7C000E;
}

#header .menu ul ul { display:none; }


#body.no-touch #header .menu ul li:hover ul, #body #header .menu ul li.hovered ul {
	display:block;
	top:55px;
	left:0px;
	position:absolute;
	background:#fff;
	padding: 0;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
	z-index:15;
}

#header .menu ul li ul li a , #header .menu ul li ul li {
	text-transform:none;
	font-size:18px;
	float:none;
	z-index:15;
	margin:0;
}

#header .menu ul li ul li a {
	border-bottom: 2px solid #eee;
	border-right: 0px solid #ddd !important;
	border-left: 0px solid #ddd !important;
	white-space: nowrap;
}


#content {
	padding:175px 0 0 0;
	min-height:500px;
}

#content .content {
	margin:0px auto;
	max-width:1200px;
	padding:50px 15px;
}

#content .content .Headlines {
	margin-bottom:50px;
}

#content .content h1 {
	font-weight: normal;
	font-size: 50px;
	margin:0 0 30px 0;
	padding:0;
}

#content h1 span {
	font-size:26px;
	text-transform:uppercase;
}

#content .content .intro {
	font-weight: normal;
	font-size: 26px;
	margin:0;
	padding:0;
}

#content .content h2 {
	font-size: 34px;
	margin: 0;
	padding: 30px 0 0 0;
	font-weight: normal;
	color: #666;
}

#content .TraminoVorlage .content  h3 {
	font-size: 34px;
	margin: 0;
	font-weight: normal;
	color: #666;
	padding:0;
}

#content .TraminoVorlage .content  h4, #content .TraminoForm .label h4 {
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-size:20px;
}

#content .content .highlight {
	background-color: rgba(172, 152, 91, 0.25);
	padding: 15px;
}

#content .content .highlight h2 {
	padding:0;
	position:relative;
}

#content .content .highlight h2.jury:before {
	font: normal normal normal 32px/1 FontAwesome;
	content: "\f0e3";
	color:#AC985B;
	margin:0 20px 0 0;
	position:absolute;
	right:0;
}

#content .content .highlight h2.vote:before {
	font: normal normal normal 32px/1 FontAwesome;
	content: "\f164";
	color:#AC985B;
	margin:0 20px 0 0;
	position:absolute;
	right:0;
}

#content .content .highlight ul {
	list-style:none;
}

#content .content .highlight li{
	position:relative;
}

#content .content .highlight li:before {
	font-family: 'FontAwesome';
	content: '\f164';
	position:absolute;
	left:-25px;
	color: #666;
	list-style:none;
}


#content .content a {
	color:#7C000E;
}

#body.no-touch #content .content a:hover {
	color:#AC985B;
}

.TraminoForm textarea, .TraminoForm input {
	border:1px solid #aaa;
	padding:10px;
	font-size:26px;
}

#content .content a.cta, .TraminoForm input[type=submit], .resetfilter a {
	background:#7C000E;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
	font-weight: bold;
	text-transform: uppercase;
	border:0px solid #fff;
	display:inline-block;
}

#body.no-touch #content .content a.cta:hover, #body.no-touch .TraminoForm input[type=submit]:hover, #body.no-touch .resetfilter a:hover {
	background:#AC985B;
	color:#fff;
}

#content .smbox {
	margin-top:50px;
	background-color: #ddd;
	padding: 15px 0;
	text-align:center;
}


.smbox p {
	margin: 0;
	padding: 0;
	font-family: 'Dancing Script', cursive;
	font-size:26px;
}

.smbox a {
	text-decoration:none;
	text-align:center;
	min-width:50px;
	display:inline-block;
	color:#666;
	font-family: 'Dancing Script', cursive;
	padding:0 10px;
	border:0px solid #fff;
	font-size:20px;
}

#biglayer .smbox a {
	color:#fff;
}

#body.no-touch #content .smbox a:hover {
	color:#000;
}

#content .smbox svg {
	margin-bottom:10px;
}

#content .smbox svg path {
	fill:#aaa;
}


#body.no-touch #content .smbox a:hover svg path {
	fill:#fff;
}

#content a[target="_blank"]:after, #body a.externlink:after {
	content: "\f08e";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	font-size: 0.8em;
	text-decoration: none;
	margin: 0 5px;
}

.content .TraminoTextile.boxlinks {
	width:61%;
	float:left;
}

.content .TraminoTextile h2 i.fa {
	margin: 0 10px 0 0;
	color:#AC985B;
}

.content .TraminoTextile div.line {
	background-color: #fff;
	height: 7px;
	margin: 10px 0;
	border: 2px solid #AC985B;
}
.content .TraminoTextile div.line span {
	background-color: #AC985B;
	display: block;
	height: 7px;
	float:left;
}

.content .TraminoTextile div.line span.gr {
	background-color: #F1DFA8;
	border-left: 2px solid #AC985B;
	margin-left: -2px;
}

.content .TraminoTextile.boxrechts {
	width:37%;
	float:right;
}


#content .TraminoVorlage {
	margin: 0px;
	background:#fff;
}

#background {
	background: #D7CC6A url(//tramino.s3.amazonaws.com/s/dtp/674558/bg2.jpg) center center fixed;
	position:fixed;
	top:0; left:0; right:0; bottom:0;
	z-index:-1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#background .logo {
	position:absolute;
	left:50%;
	top:50%;
	margin:-100px 0 0 -100px;
	width:200px;
	display:none;
}

#biglayer {
	background:rgba(0,0,0,0.5);
	position:absolute;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:150;
}

#biglayer .closer {
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-35px;
	height:70px;
	width:70px;
	cursor:pointer;
	background:rgba(0,0,0,0.5);
	cursor:pointer;
}


#biglayer .closer svg {
	position:absolute;
	top:0;
	left:15px;
	-webkit-transition: transform .5s;
	transition: transform .5s;
	transform: matrix(1, 0, 0, 1, 0, 0);
}


#body.no-touch #biglayer .closer:hover svg {
	transform: matrix(0, 1, -1, 0, 0, 0);
}


#biglayer .closer span {
	position:absolute;
	top:40px;
	left:0px;
	right:0px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
}


#biglayer .prev, #biglayer .next {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-35px;
	height:70px;
	width:70px;
	cursor:pointer;
	background:rgba(0,0,0,0.5);
	-webkit-transition: width .5s;
	transition: width .5s;
}

#biglayer .prev svg {
	position:absolute;
	right:0;
}

#biglayer .next {
	left:auto;
	right:0;
}

#body.no-touch #biglayer .prev:hover, #body.no-touch #biglayer .next:hover {
	width:100px;
}

#body.no-touch #biglayer .prev:hover, #body.no-touch #biglayer .next:hover, #body.no-touch #biglayer .closer:hover {
	background: rgba(0,0,0,0.75);
}

#biglayer .info {
	overflow:scroll;
}

#biglayer .info svg.closer { display:none; }

#biglayer .info .info2 {
	padding: 5% 0 10% 0;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 26px;

}

#biglayer .info2 .h2 {
	font-weight: normal;
	font-size: 50px;
	padding: 25px 0 0;
	margin:0;

}

#biglayer .info2 p {
	padding:50px;
	margin:0;
}

#biglayer .info2 .textile p {
	font-family: 'Dancing Script', cursive;
	font-size: 26px;
	margin-bottom:50px;
}

#biglayer a.cta {
	background: #fff;
	padding: 5px 15px;
	text-decoration: none;
	color: #7C000E;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
}

#body.no-touch #biglayer a.cta:hover {
	background:#AC985B;
	color:#fff;
}

#biglayer .imagebox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	background-size: contain;
}

#partner {
	background-color: #fff;
	padding: 50px;
	color: #000;
	position: relative;
	display:none;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.1);
	z-index:10;
	overflow:hidden;
}

#partner a {
	text-decoration:none;
	color:#000;
}

#partner a.ppartner {
	margin-left:-40px;
}

#body.no-touch #partner a:hover {
	text-decoration:underline;
}

#partner a.img {
	color:#000;
	text-decoration:none;
	display:inline-block;
	overflow:hidden;
	height:50px;
	padding: 10px 15px 0 0;
}

#partner a.img img {
	margin-top:-50px;
}



#copyright {
	background-color: #eee;
	padding: 25px 50px 25px 50px;
	position: relative;
	color: #888;
	z-index:9;
	display:none;
	font-size:18px;
	min-height:25px;
}

#copyright a {
	padding:0 0 0 15px;
	color:#888;
	text-decoration:none;
}

#body.no-touch #copyright a:hover {
	text-decoration:underline;
}

#copyright a.cta {
	color:#fff;
	background:#7C000E;
	padding: 2px 5px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	margin:-2px 5px 0 20px;
	display:inline-block;
}

#body.no-touch #copyright a.cta:hover {
	background:#AC985B;
}

#copyright a.dtv {
	display: inline-block;
	background-image: url(//tramino.s3.amazonaws.com/s/dtp/675277/150.jpg);
	background-size: 75px;
	width: 75px;
	height: 55px;
	margin: -30px 20px -30px 20px;
	padding: 0;
}

#copyright .countd {
	margin-top: -15px;
	text-align: right;
	font-size:18px;
}

#copyright .countd a {
	font-weight:bold;
}

#copyright .countd #count {
	margin-top:10px;
}

#copyright .countd span.countdown_section {
	font-weight: bold;
	color: #fff;
	padding: 0px 5px;
	margin: 0px 0 0 5px;
	display: inline-block;
	border-radius: 5px;
	background-color: #AC985B;
	font-size: 18px;
}

#copyright .countd span span { margin-right:5px; }
#copyright .countd span br { display:none; }#mobilstart, #navicon { display:none; }

#body .mobile { display:none; }


#body #navmobil .dropdown-menu {
	background: #aaa;
	position: absolute;
	left: 120px;
	-webkit-appearance: none;
	padding: 40px 15px;
	font-size: 20px;
	color: #fff;
	text-align: left;
	margin: 0;
	border-radius: 0px;
	borer: 0p solid #aaa;
	display: block;
	height: 105px;
}

@media only screen and ( max-width: 1200px ){

	#body #header .logo { margin: 0 15px; }
	#body .filterline { padding: 0 10px 15px 10px; }
}

@media only screen and ( max-width: 800px ) {

	body, #body {
		font-size:20px;
	}


	#body #header .logo { height:100px; position:absolute; }

	#body .teaser .bbox.style11, #body .teaser .bbox.style21, #body .teaser .bbox.style12, #body .teaser .bbox.style22 { width:100%; }


	#body .teaser .bbox .bgbox, #body .teaser .bbox .info { width:50%; float:right; }
	#body .teaser .bbox.style12 .bgbox, #body .teaser .bbox.style22 .bgbox { float:left; }

	#body .content .TraminoTextile.boxlinks, #body .content .TraminoTextile.boxrechts {
		width:100%;
		float:none;
	}

	#body .kontaktformbox, #body #googlemap { width:100%;float:none;position:relative; }

	#body .twitterbox .postcontainer {
		width: auto;
		float: none;
	}
}

@media only screen and ( max-width: 550px ){
	#body .teaser .bbox .bgbox, #body .teaser .bbox .info { width:100%; float:left; }
	#body .teaser .bbox .bgbox { height:150px; }
	#body .teaser .bbox { height:450px; }

	#body .teaser .bbox.bigone { height:150px; float:none; }

	#body .teaser.liste .bbox { height:auto !important; }

	#body .teaser.liste .info {
		padding: 15px !important;
	}

	#body .teaser.liste .bbox .bgbox {
		display: none;
	}

	#body .menu { display:none; }
	#body #header { height: 80px; /*position: absolute;*/ }

	#body #content { padding-top:80px; }

	#body #content .content .Headlines {
		margin-bottom:0px;
	}

	#body #content .content {
		padding:40px 15px 15px;
	}

	#body #biglayer .info { width:100%; }
	#body #biglayer .bgbox { display:none !important; }
	#body .teaser.bilder { height: auto; overflow:hidden;}
	#navmobil { display:block; }
	#body .nomobile { display:none !important; }

	#body #header .logo {
		left:50%;
		margin-left:-40px;
		height:80px;
	}
	#navicon {
		position:absolute;
		left:0px;
		bottom:0px;
		padding:50px 5px 0;
		width:60px;
		height:30px;
		cursor:pointer;
		color:#fff;
		font-size:14px;
		text-align:center;
		display:block;
		background:#AC985B;
	}

	#navicon:before {
		font: normal normal normal 32px/1 FontAwesome;
		content: "\f0c9";
		position:absolute;
		top:15px;
		left:21px;
		color:#fff;
	}

	#body.navi #navicon {
		color:#AC985B;
	}

	#body.navi #navicon:before {
		content: "\f00d";
		position:absolute;
	}

	#mobilstart {
		background-color: #AC985B;
		padding: 15px;
		margin: 0;
		display: block;
		position: relative;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		border-top: 1px solid #fff;
	}

	#body #content .TraminoVorlage.T2619 li {
		float:none;
		margin:0 auto 50px;
	}

	#body #biglayer .info2.koepfebig .image {
		width:200px;
		height:200px;
	}

	#body #partner .right {
		float:left;
	}

	#body #copyright {
		padding:15px;
	}

	#body .mobile { display:block !important; }
}




#body.navi .menu {
	display: block;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 80px;
	overflow: scroll;
}

#body.navi .menu ul.nav {
	background-color: #AC985B;
	width: 100%;
	border-bottom: 1px solid #fff;
}

#body.navi #header .menu ul li {
	margin: 0;
	float: none;
	border-top: 1px solid #fff;
	color:#fff;
}

#body.navi #header .menu ul li a {
	border: 0px solid #fff;
	float: none;
	display: block;
	color:#fff;
}

#body.navi #header .menu ul li ul {
	display: block;
	position: relative;
	float: none;
	top: 0px;
}

#body.navi #header .menu .ul {
}

#body.navi #header .menu ul li li {
	padding-left: 25px;
}

#body.navi div#content, #body.navi #partner, #body.navi #copyright, #body.navi div#background {
	display: none !important;
}

#body.navi li.nav_aktiv {
	background-color: #96803E;
}.teaser { position:relative;}
.teaser .bbox {
	height:300px;
	float:left;
	overflow:hidden;
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
	cursor:pointer;
	position:relative;
}

.teaser.mitfilter .bbox.visible {
	display:block;
}

.teaser.mitfilter .bbox.hide, .teaser.mitfilter .bbox {
	display:none;
}

.teaser .bbox.stylec1, #biglayer .info.bbox.stylec1 { background:#7C000E; }
.teaser .bbox.stylec2, #biglayer .info.bbox.stylec2 { background:#881628; }
.teaser .bbox.stylec3, #biglayer .info.bbox.stylec3 { background:#58000C; }
.teaser .bbox.stylec4, #biglayer .info.bbox.stylec4 { background:#741727; }
.teaser .bbox.stylec5, #biglayer .info.bbox.stylec5 { background:#890514; }

#body.no-touch .teaser .bbox:hover {
	background:#666;
	background:#AC985B;
}

.teaser .bbox.style11, .teaser .bbox.style21 { width:61%; }
.teaser .bbox.style12, .teaser .bbox.style22 { width:39%; }


.teaser .bbox .bgbox, #biglayer .bgbox {
	background: #666;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:300px;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	position:relative;
	display:block;

}

.teaser .bbox .imagebox {
	background-color: #666;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	position:relative;
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	display:block;
}

.teaser #teasermap {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none;
}


#biglayer .bgbox, #biglayer .info {
	width:39.01%;
	position:absolute;
	top:0;
	right:0;
	height:100%;
}

#biglayer .info {
	width:61%;
	background:#7C000E;
	right:auto;
	left:0;
}

.info .h2 span {
	font-size:20px;
}


#biglayer .info .h2 span {
	font-size:26px;
}

.teaser .bbox .bgbox span.copyright, .teaser .bbox .imagebox span.copyright, #biglayer .bgbox span.copyright, #biglayer .imagebox span.copyright {
	position:absolute;
	display:block;
	bottom:1px;
	right:1px;
	color:#fff;
	font-size:18px;
	opacity:0.75;
	background-color: rgba(0,0,0,0.4);
	padding: 2px 5px;
}

.teaser .bbox .imagebox span.filename {
	display:none;
}

#biglayer .imagebox span.filename {
	position:absolute;
	display:block;
	top:1px;
	left:1px;
	color:#fff;
	font-size:18px;
	opacity:0.75;
	background-color: rgba(0,0,0,0.4);
	padding: 2px 5px;
}

.teaser .bbox.style11 .bgbox, .teaser .bbox.style22 .bgbox { width:44%; }
.teaser .bbox.style12 .bgbox, .teaser .bbox.style21 .bgbox { width:56%; }
.teaser .bbox.style11 .bgbox, .teaser .bbox.style12 .bgbox { float:right; }
.teaser .bbox.style21 .bgbox, .teaser .bbox.style22 .bgbox { float:left; }

#body.no-touch .teaser .bbox:hover .bgbox, #body.no-touch .teaser .bbox:hover .imagebox {
	opacity:0.5;
}

.teaser .bbox .info {
	text-align:center;
	height:200px;
	padding-top:75px;
	color:#fff;
	float:left;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	position:relative;
}

.teaser .bbox.style11 .info, .teaser .bbox.style22 .info { width:56%; }
.teaser .bbox.style12 .info, .teaser .bbox.style21 .info { width:44%; }


.teaser .bbox .info .h2 {
	font-weight: normal;
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 26px;
}

.teaser .bbox .info svg.closer {
	position:absolute;
	top:10px;
	right:10px;
	-webkit-transition: transform .5s;
	transition: transform .5s;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

#body.no-touch .teaser .bbox:hover .info svg.closer {
	transform: matrix(0, 1, -1, 0, 0, 0);
}

.teaser .bbox .info p, .teaser .bbox .info .smbox {
	display:none;
}


.teaser.bilder .info { width:100% !important; }
.teaser.bilder .bbox.style11 { width:34%; }
.teaser.bilder .bbox.style12 { width:27%; }
.teaser.bilder .bbox.style21 { width:17%; }
.teaser.bilder .bbox.style22 { width:22%; }


.teaser.bilder.size3 .bbox.style11 { width:43%; }
.teaser.bilder.size3 .bbox.style12 { width:35%; }
.teaser.bilder.size3 .bbox.style21 { width:22%; }

.teaser.bilder.size2 .bbox.style11 { width:61%; }
.teaser.bilder.size2 .bbox.style12 { width:39%; }


.teaser.bilder.size1 .bbox.style11 { width:100%;float:none; }



#body.no-touch a.twittersm:hover svg {
	background:#33AADD;
}

#body.no-touch a.facebooksm:hover svg {
	background:#335599;
}

#body.no-touch a.googlesm:hover svg {
	background:#DD4433;
}

#loadmore {
	display: block;
	text-align: center;
	margin: 15px auto;
	background-color: #aaa;
	max-width: 200px;
	padding: 5px;
	color: #fff;
	cursor:pointer;
}

.resetfilter {
	padding:100px;
	text-align:center;
}

.filterline {
	padding: 0 15px 15px 15px;
	min-height:50px;
	float:left;
}

.filter {
	padding: 15px 0 0;
	position:relative;
	min-height:50px;
	z-index:90;
	background-color: #f6f6f6;
}

.filter.sticky {
	position: fixed;
	top: 0px;
	right: 0;
	left: 0;
}

.filterbg.sticky {
	padding: 15px 0 0;
	position:relative;
	min-height:50px;
}


.filter .fitem {
	background-color: #aaa;
	margin: 0 5px 5px 0;
	display: inline-block;
	padding: 10px 40px 10px 15px;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	text-align: center;
	cursor:pointer;
	position:relative;
}

.filter .fitem span {
	max-width: 190px;
	overflow: hidden;
	white-space: nowrap;
	margin: -6px 0px;
	display: inline-block;
}

.filter .fitem input.label {
	font-size: 20px;
	border:0px solid #fff;
	color: #666;
	background-color: #fff;
	padding-left: 10px;
}

#body.no-touch .filter .fitem:hover, #body.no-touch  #loadmore:hover {
	background:#a0a0a0;
}

.filter .fitem.hover, #body.no-touch .filter .fitem ul.fselect li:hover {
	background:#AC985B;
}

.filter .fitem.aktiv, .filter .fitem ul.fselect li.aktiv {
	background:#7C000E;
	position:relative;
}

.filter .fitem ul.fselect li.aktiv:before {
	font-family: FontAwesome;
	content: "\f00d";
	color:#fff;
	top:5px;
	position:absolute;
	right:5px;
}

.filter .fitem ul.fselect {
	display:none;
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	top:45px;
	left:0;
	z-index:100;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.5);
	min-width:100%;
}

.filter .fitem.hover ul.fselect {
	display:block;
}

.filter .fitem ul.fselect li {
	list-style:none;
	background:#aaa;
	padding: 3px 10px;
	white-space: nowrap;
	font-size: 20px;
	text-align:left;
	min-width:50px;
}

.filter .fitem ul.fselect li.hidex {
	display:none;
}


.filter .fitem svg {
	position: absolute;
	top: 13px;
	right: 5px;
}


.filter .fitem.select svg.iconclose {
	display:none;
	background-color: #fff;
	right: -20px;
}

.filter .fitem.select.aktiv svg.iconclose {
	display:block;
}

.filter .fitem.select.aktiv {
	margin-right:25px;
}

.filter .info {
	display: inline-block;
	color: #888;
}

.filter .switcher {
	float: right;
	width: 190px;
	margin: 18px 10px 0 0;
}

.filter .switcher div {
	display: block;
	background-color: #aaa;
	color: #fff;
	padding: 10px;
	float: left;
	margin-left: 2px;
	cursor:pointer;
}

#body.no-touch .filter .switcher div:hover {
	background:#AC985B;
}

.filter .switcher div.aktiv {
	background:#7C000E;
}


#body .teaser.liste .bbox {
	width: 100%;
	max-width: 1200px;
	margin: 15px auto;
	position: relative;
	float: none;
	height: 150px;
	background-color:#f6f6f6;
	color: #000;
	border-bottom:2px solid #eee;
}


#body .teaser.liste .bbox .bgbox {
	float: left;
	width: 150px;
	height: 150px;
	position: absolute;
}

#body .teaser.liste .info {
	padding: 15px 10px 15px 160px;
	text-align: left;
	color: #000;
	width: auto !important;
	height: auto;
	float:none;
}

#body .teaser.liste .bbox .info svg.closer {
	display: none;
}

#body .teaser.liste .info {
	width: 100%;
}

#content .TraminoVorlage.T2619 {
	background:#f6f6f6;
}

#content .TraminoVorlage.T2619 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#content .TraminoVorlage.T2619 li {
	float: left;
	width: 200px;
	height: 225px;
	margin: 0 25px 50px 0;
	text-align: center;
}

#content .TraminoVorlage.T2619 li.layer {
	cursor:pointer;
}

#content .TraminoVorlage.T2619 li .image {
	margin:0px auto;
	border-radius:100px;
	border:10px solid #fff;
	-webkit-transition: border-color .5s;
	transition: border-color .5s;
	width:150px;
	height:150px;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#body.no-touch #content .TraminoVorlage.T2619 li.layer:hover .image, #body.no-touch #content .TraminoVorlage.T2619 li.layer2:hover .image {
	border-color:#AC985B;
}


#content .TraminoVorlage.T2619 li .h2 {
	margin-top:5px;
}

#content .TraminoVorlage.T2619 li p, #content .TraminoVorlage.T2619 li a {
	display:none;
}

#content .TraminoVorlage.T2619 li p.sub {
	display:block;
	font-size:18px;
	margin:0;
}

#biglayer .info2.koepfebig {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #7C000E;
	text-align: center;
	color:#fff;
	overflow:scroll;
}

#biglayer .info2.koepfebig .image {
	margin:50px auto 0;
	border-radius:200px;
	border:10px solid #fff;
	width:300px;
	height:300px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#biglayer .info2.koepfebig p {
	padding: 15px 0;
}


span.batch {
	padding: 2px 10px;
	margin-right: 10px;
	background-color: #AC985B;
	border-radius:5px;
	color:#fff;
	font-size:26px;
}


span.batch.preisicon:before {
	font-family: FontAwesome;
	content: "\f091";
	margin-right:5px;
}

span.batch.vordenkericon:before {
	font-family: FontAwesome;
	content: "\f0c3";
	margin-right:5px;
}

span.batch.nominierticon:before {
	font-family: FontAwesome;
	content: "\f0a1";
	margin-right:5px;
}

#content .TraminoVorlage.T2627 {
	background:#f6f6f6;
}

.kontaktformbox, #googlemap { width:49%;float:left;position:relative; }

.infolayer { display:inline-block; }


.twitterbox .post {
	border: 1px solid #ddd;
	position: relative;
	padding: 10px 15px 30px 70px;
	position: relative;
	min-height: 120px;
	margin:0 -1px -1px 0;
}

.twitterbox .post img.user {
	position: absolute;
	left: 10px;
	top: 10px;
	border-radius: 50px;
}

.twitterbox .post span.name {
	font-weight: bold;
}

.twitterbox .post span.created {
	color: #aaa;
	margin-left: 15px;
}

.twitterbox .post span {
	font-size: 18px;
}

.twitterbox .post .tweet {
	font-size: 18px;
	padding: 5px 0;
}

.twitterbox .post a.open {
	color: #aaa !important;
	font-size: 18px;
	text-decoration:none;
}

.twitterbox .post a[target="_blank"]:after {
	content: "";
}

.twitterbox .post img.media {
	max-width:200px;
	margin:15px 0;
}

.twitterbox .postcontainer {
	width: 50%;
	float: left;
}

#biglayer a {
	color: #fff;
}

.TraminoForm .group {
	width:100% !important;
}


.T2912 input[type="file"] {
    font-size: 12px;
}

.T2912 .checkbox > span {
    display: none;
}

.T2912 .checkbox .info {
    display: inline;
    font-style: normal !important;
    font-size: 14px !important;
}


#body .TraminoForm .group {
    min-width:365px;
    width: 46%;
    padding-left:2%;
    padding-right:2%;
}

#body .TraminoForm .group.bigone {
    width: 96%;
}.logbox {
    background: #eee;
    padding: 0px 25px 20px;
    max-width: 300px;
    margin: 0 auto;
}

.logbox .item {
    padding: 20px 0 0 0;
}

.logbox button {
    background: #7c0b0f;
    color: #fff;
    border: 0px solid #fff;
    padding: 5px 15px;
    font-weight:bold;
	width:100%;
	display:block;
}

.logbox button:hover {
    background: #AC985B;
}


.form_content .headline {
    text-align: center;
    margin-bottom: 15px;
}

.logbox .item label {
    width: 120px;
    display: inline-block;
}


.logout button {
    background: #7c0b0f;
    color: #fff;
    border: 0px solid #fff;
    padding: 5px 15px;
    font-weight:bold;
	float:right;
}@media print {

	#body #header .logo { height:100px; position:relative; }
	#body #header { position:relative; height:110px; overflow:hidden;}
	#body #content { padding:0px; }

	#body .content .TraminoTextile.boxlinks, #body .content .TraminoTextile.boxrechts {
		width:100%;
		float:none;
	}

	#body #partner, #body #content .TraminoVorlage.T2576, .noprint { display:none !important; }

	#body .footer .right {
		float:left;
		clear:left;
	}

	#body #content .content .highlight h2.jury:before { content: ""; }
	#body #content .content .highlight { padding:0;}
	#body #copyright { padding:0;}

}