/*
Farben
Dunkelgrün 		5f6622
Dunkelrot 		79211c
Grau (Schrift)	626262
*/

/*
Filson Soft von Typekit
300 (book), 500 (medium), 900 (heavy)
*/

/* la-belle-aurore-regular - latin */
@font-face {
	font-family: 'La Belle Aurore';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/la-belle-aurore-v9-latin-regular.eot');
	src: local('La Belle Aurore'), local('LaBelleAurore'),
		url('../fonts/la-belle-aurore-v9-latin-regular%EF%B9%96.eot#iefix') format('embedded-opentype'),
		url('../fonts/la-belle-aurore-v9-latin-regular.woff2') format('woff2'),
		url('../fonts/la-belle-aurore-v9-latin-regular.woff') format('woff'),
		url('../fonts/la-belle-aurore-v9-latin-regular.ttf') format('truetype'),
		url('../fonts/la-belle-aurore-v9-latin-regular.svg#LaBelleAurore') format('svg');
}


/*Standard Monja Kalks */
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block
}

.clearL,
.clearR,
.clear {
	clear: both;
}

H1,
H2,
H3,
H4,
H5,
H6 {
	font: 500 18px/120% 'filson-soft', 'Trebuchet MS', Verdana, Sans-serif;
	color: #79211c;
	padding: 10px 0 0;
}

H1 {
	font-weight: 900;
	font-size: 40px;
}

H2 {
	font-weight: 900;
	font-size: 38px;
	padding-bottom: 30px;
}

H3 {
	font-weight: 900;
	font-size: 34px;
	padding-bottom: 15px;
}

H4 {
	font-size: 28px;
	font-family: 'La Belle Aurore', cursive;
	color: #5f6622;
	padding-bottom: 10px;
}

H5 {
	font-size: 22px;
	color: #5f6622;
}

H1+H1,
H1+H2,
H1+H3,
H1+H4,
H1+H5,
H2+H1,
H2+H2,
H2+H3,
H2+H4,
H2+H5,
H3+H1,
H3+H2,
H3+H3,
H3+H4,
H3+H5,
H4+H1,
H4+H2,
H4+H3,
H4+H4,
H4+H5,
H5+H1,
H5+H2,
H5+H3,
H5+H4,
H5+H5 {
	padding: 0;
}

P {
	padding: 10px 0 5px;
}

A {
	text-decoration: none;
	color: #5f6622;
}

A:hover {
	text-decoration: none;
	opacity: .7;
}

::selection {
	background: #5f6622;
	color: #ffffff;
}

::-moz-selection {
	background: #5f6622;
	color: #ffffff;
}

HR {
	background: transparent;
	border: 0 solid #e7e7d8;
	height: 0;
	padding: 0;
	margin: 30px 0;
	border-bottom: 1px solid #e7e7d8;
}

TEXTAREA,
INPUT,
BUTTON,
SELECT {
	resize: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-font-smoothing: inherit;
	font: 300 14px/200% 'filson-soft', Arial, Verdana, Sans-serif;
	color: #626262;
	padding: 8px 15px;
	border: 1px solid #CCC;
	background: #FFF;
}

BUTTON {
	border: none;
	cursor: pointer;
}

INPUT[type=text],
TEXTAREA,
INPUT[type=password],
INPUT[type=email],
SELECT,
BUTTON {
	width: 100%;
}

INPUT[type=text],
TEXTAREA,
INPUT[type=submit],
INPUT[type=reset],
INPUT[type=password],
INPUT[type=email],
INPUT[type=search],
TEXTAREA,
BUTTON {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

INPUT[type=radio] {
	padding: 4px;
	line-height: normal;
	vertical-align: middle;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

INPUT:-webkit-autofill,
TEXTAREA:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #FFF inset;
	-webkit-text-fill-color: #000;
}

::-webkit-input-placeholder {
	color: #626262;
}

:-moz-placeholder {
	opacity: 1;
	color: #626262;
}

::-moz-placeholder {
	opacity: 1;
	color: #626262;
}

:-ms-input-placeholder {
	color: #626262;
}

/*Image Abstand*/
.allcont DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 10px 0;
}

#subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
}

/*Blockstile*/
P.align-center,
H1.align-center,
H2.align-center,
H3.align-center,
H4.align-center,
H5.align-center,
A.align-center,
P A.align-center {
	text-align: center;
}

P.align-right,
H1.align-right,
H2.align-right,
H3.align-right,
H4.align-right,
H5.align-right,
A.align-right,
P A.align-right {
	text-align: right;
}

P.align-justify,
H1.align-justify,
H2.align-justify,
H3.align-justify,
H4.align-justify,
H5.align-justify,
A.align-justify,
P A.align-justify {
	text-align: justify;
}

/*Textstile*/
.button,
INPUT[type="submit"] {
	display: inline-block;
	margin-top: 10px;
	background: #5f6622;
	color: #fff;
	padding: 12px 40px;
	border-radius: 2px;
	cursor: pointer;
	border: none;
}

.button:hover,
INPUT[type="submit"]:hover {
	background: #79211c;
	text-decoration: none;
	opacity: 1;
}


/*Nina - https://tympanus.net/Development/ButtonStylesInspiration/*/
.button {
	overflow: hidden;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	position: relative;
}

.button>span {
	display: inline-block;
	opacity: 0;
	color: #fff;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 10px;
	box-sizing: border-box;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button:hover::before {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.button:hover>span {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.button:hover>span:nth-child(1) {
	-webkit-transition-delay: 0.045s;
	transition-delay: 0.045s;
}

.button:hover>span:nth-child(2) {
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}

.button:hover>span:nth-child(3) {
	-webkit-transition-delay: 0.135s;
	transition-delay: 0.135s;
}

.button:hover>span:nth-child(4) {
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}

.button:hover>span:nth-child(5) {
	-webkit-transition-delay: 0.225s;
	transition-delay: 0.225s;
}

.button:hover>span:nth-child(6) {
	-webkit-transition-delay: 0.27s;
	transition-delay: 0.27s;
}

.button:hover>span:nth-child(7) {
	-webkit-transition-delay: 0.315s;
	transition-delay: 0.315s;
}

.button:hover>span:nth-child(8) {
	-webkit-transition-delay: 0.36s;
	transition-delay: 0.36s;
}

.button:hover>span:nth-child(9) {
	-webkit-transition-delay: 0.405s;
	transition-delay: 0.405s;
}

.button:hover>span:nth-child(10) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

.button:hover>span:nth-child(11) {
	-webkit-transition-delay: 0.495s;
	transition-delay: 0.495s;
}

.button:hover>span:nth-child(12) {
	-webkit-transition-delay: 0.54s;
	transition-delay: 0.54s;
}

.button:hover>span:nth-child(13) {
	-webkit-transition-delay: 0.585s;
	transition-delay: 0.585s;
}

.button:hover>span:nth-child(14) {
	-webkit-transition-delay: 0.63s;
	transition-delay: 0.63s;
}

.button:hover>span:nth-child(15) {
	-webkit-transition-delay: 0.675s;
	transition-delay: 0.675s;
}

.button:hover>span:nth-child(16) {
	-webkit-transition-delay: 0.72s;
	transition-delay: 0.72s;
}

.button:hover>span:nth-child(17) {
	-webkit-transition-delay: 0.765s;
	transition-delay: 0.765s;
}

.button:hover>span:nth-child(18) {
	-webkit-transition-delay: 0.81s;
	transition-delay: 0.81s;
}

.button:hover>span:nth-child(19) {
	-webkit-transition-delay: 0.855s;
	transition-delay: 0.855s;
}

.button:hover>span:nth-child(20) {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

.grossertext {
	font-size: 18px;
}

/*.XXXX Transitions*/
A,
INPUT,
BUTTON,
.nav>UL>LI>A:before,
.gallery .col .csc-textpic,
.gallery .col .csc-textpic-imagewrap,
.gallery .csc-textpic .csc-textpic-text A {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

HTML,
BODY,
#site {
	height: 100%;
}

BODY>#site {
	height: auto;
	min-height: 100%;
	overflow: hidden;
}

/*Template*/
BODY {
	font: 300 14px/200% 'filson-soft', Arial, Verdana, Sans-serif;
	color: #626262;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

/*Head*/
.head {
	position: relative;
}

.head .inner {
	padding-top: 20px;
}

/*Logo*/
#logo {
	background: url(../img/logo.svg) no-repeat center center / 100% auto;
	max-width: 499px;
	width: 100%;
	max-height: 225px;
	height: 100vh;
	float: left;
}

#logo A {
	display: block;
	width: 100%;
	height: 100%;
}

#logo A SPAN {
	display: none;
}

/*Nav*/
.nav {
	list-style-type: none;
	display: block;
	text-align: right;
	padding-top: 135px;
}

.showSub {
	display: none;
}

/* Allgemeine Stile */
.nav LI {
	position: relative;
}

.nav LI:hover>.subNav,
.nav LI.over>.subNav {
	display: block;
}

.nav LI:hover>A,
.nav LI.over>A,
.nav LI.act>A {
	text-decoration: none;
}

/* subNav */
.subNav {
	display: none;
	position: absolute;
	z-index: 100;
	background: url(../img/trans.png) repeat left top;
	left: 0;
	top: 100%;
}

.subNav .subNav {
	left: 100%;
	top: 0;
}

.nav>UL>LI:last-child>.subNav {
	left: inherit;
	right: 0;
}

.nav>UL>LI:last-child>.subNav .subNav {
	left: inherit;
	right: 100%;
}

/* ab hier anpassen */
.nav A {
	display: block;
}

/* Ebene I / Hauptnavigation */
.nav>UL>LI {
	display: inline-block;
}

.nav>UL>LI+LI {
	margin-left: 60px;
}

.nav>UL>LI>A {
	color: #5f6622;
	font-weight: 900;
	font-size: 18px;
}

.nav>UL>LI>A:before {
	content: '';
	display: block;
	width: 72px;
	height: 72px;
	background: url(../img/nav-klecks.png) no-repeat center center / 72px 72px;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}

/* hover (Ebene I) */
.nav>UL>LI:hover>A,
.nav>UL>LI.over>A,
.nav>UL>LI.act>A,
.nav>UL>LI.act:hover>A,
.nav>UL>LI.act.over>A {
	opacity: 1;
}

.nav>UL>LI:hover>A:before,
.nav>UL>LI.over>A:before,
.nav>UL>LI.act>A:before,
.nav>UL>LI.act:hover>A:before,
.nav>UL>LI.act.over>A:before {
	opacity: 1;
}

/* Ebene II / subNav */
.subNav {
	text-align: left;
}

.subNav>LI+LI {
	margin-top: 2px;
}

.subNav A {
	font-size: 14px;
	font-weight: 500;
	padding: 5px 20px;
	color: #fff;
	background: #5f6622;
	white-space: nowrap;
}

/* hover + active (Ebene II) */
.subNav LI:hover>A,
.subNav LI.over>A,
.subNav>LI.act>A,
.subNav>LI.act:hover>A,
.subNav>LI.act.over>A {
	background: #79211c;
	opacity: 1;
}

/*clearfix Nav*/
.nav>UL:after {
	content: "";
	display: block;
	clear: both;
}

.nav>UL {
	zoom: 1;
}

/*Allcont*/
.allcont {
	padding: 50px 0 176px 0;
}

.cont {
	padding-bottom: 160px;
}

.inner,
.cont>.item,
.gridwrapper>.item {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.gridwrapper>.item .gridwrapper>.item {
	width: auto;
}

/*Foot*/
.foot {
	height: 176px;
	margin-top: -176px;
	text-align: center;
	color: #b5b39a;
	font-size: 14px;
	line-height: 180%;
}

.foot .inner {
	max-width: 960px;
	width: 100%;
	border-top: 1px solid #e8e7d8;
	padding: 50px 0;
}

.foot A {
	color: #b5b39a;
	font-weight: 900;
}

.foot P {
	padding: 0;
}

.footnav,
.footnav UL LI,
.webdesign {
	display: inline-block;
}

.footnav UL LI+LI,
.webdesign {
	margin-left: 40px;
}

.copy {
	padding-top: 25px;
	font-weight: 900;
	color: #e8e7d8;
}

/*Listen*/
.allcont UL {
	margin: 5px 0px 10px 25px;
}

.allcont UL LI {
	list-style-type: disc;
	padding: 3px 0px;
}

.allcont OL {
	margin: 5px 0px 10px 18px;
}

.allcont OL LI {
	list-style-type: decimal;
	padding: 3px 0px;
}

/*Tabelle*/
.allcont TABLE {
	margin: 10px 0px 5px;
}

.allcont TABLE TR TD {
	padding: 5px 10px 5px 0px;
}

.allcont TABLE TR TH {
	text-align: left;
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	background: #79211c;
	padding: 5px 15px;
	border-right: 1px solid #fff;
}

.allcont TABLE.tabelle-basic {
	width: 100%;
}

.allcont TABLE.tabelle-basic TR.even {
	background-color: #e8e8e8;
}

.allcont TABLE.tabelle-basic TR TD {
	padding: 5px 15px;
	border-right: 1px solid #fff;
}

/*ERWEITERUNGEN*/
/*Powermail*/
.powermail_fieldset {
	margin-top: 10px;
	overflow: hidden;
}

.tx-powermail LEGEND.powermail_legend {
	display: none;
	/*font-size: 14px;*/
	/*background: #79211c;*/
	/*padding: 6px 15px 5px;*/
}

.tx-powermail H3 {
	display: none;
}

.tx-powermail .powermail_form .powermail_fieldwrap {

	position: relative;

}

.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input LABEL {
	display: none;
	width: 100%;
	padding: 5px 0 0;
}
.powermail_fieldwrap_type_input  {
	margin-top: 25px;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_textarea {
	padding-top: 35px;
}
.powermail_fieldwrap_type_textarea LABEL {
	display: none;
}

.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input INPUT {
	border: none;
	border-bottom: 1px solid #b5b5b5;
}

.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA {
	width: 100%;
	border: 1px solid #b5b5b5;
}

.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA {
	height: 250px;
	resize: vertical;
	display: block;
}

.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input INPUT:focus,
.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA:focus {
	background: #eee;
}

/*Checkboxen - Radiobuttons*/
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check INPUT,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio INPUT {
	margin: 0 5px 0 3px;
}

.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check LABEL,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio LABEL {
	position: relative;
	top: 1px;
	cursor: pointer;
}

.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox {
	display: inline-block;
	margin-right: 2%;
	/*width: 15%;*/
}

/*Submit Button*/
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit {
	padding: 0px;
	margin: 5px 0 10px;
	text-align: right;
}

/*Pflichtfelder*/
.tx-powermail .powermail_fieldwrap .mandatory {
	color: #79211c;
}

/*Text anzeigen*/
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_text {
	font-size: 12px;
	color: #555;
}

.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_text.layout1 {
	font-size: 12px;
	color: #79211c;
	font-style: italic;
}
.powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutzerklrung {
	margin-top: 15px;
}
/*Selectfeld*/
.tx-powermail .powermail_fieldwrap_type_select label{
	display: none;
}
.tx-powermail .powermail_form SELECT {
	width: 48%;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;

	position: relative;
	height: 50px;
	line-height: 120%;
	padding-left: 15px;
	cursor: pointer;
	outline: none;
	-o-text-overflow: '';
	text-overflow: '';

	border: none;
	border-bottom: 1px solid #b5b5b5;
	border-radius: 0;
	background: transparent;
	color: #626262;
}

/*Fehlermeldung*/
.parsley-errors-list {
	display: none;
}

.powermail_fieldwrap_datenschutzerklrung .powermail_field_error_container {
	text-align: right;
}

.powermail_fieldwrap_datenschutzerklrung .parsley-errors-list {
	position: static;
	display: inline-block;
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_textarea .parsley-errors-list {
	bottom: 11px;
}

.parsley-errors-list LI {
	list-style-type: none !important;
	padding: 3px 10px 2px !important;
}

.tx-powermail .powermail_form .powermail_fieldset INPUT.parsley-error,
.tx-powermail .powermail_form .powermail_fieldset TEXTAREA.parsley-error,
.tx-powermail .powermail_form .powermail_fieldset .checkbox.parsley-error {
	border: 2px solid #79211c;
}

/*Abenden Seite*/
.tx-powermail .powermail_create DT {
	padding: 2px 0;
	font-weight: bold;
	float: left;
	clear: both;
	margin-right: 2%;
	width: 28%;
}

.tx-powermail .powermail_create DD {
	float: left;
	width: 70%;
	padding: 2px 0;
}

/*Kontaktformular*/
.powermail_fieldwrap_straenr,
.powermail_fieldwrap_telefon {
	float: left;
	width: 48%;
}

.powermail_fieldwrap_plzort,
.powermail_fieldwrap_e_mail {
	float: right;
	width: 48%;
}

.powermail_fieldwrap_telefon,
.powermail_fieldwrap_ihrenachricht {
	clear: left;
}

/*Gridelemente*/
/*Allgemein*/
.gridrow .col {
	float: left;
	display: block;
}

.gridrow .col+.col {
	margin-left: 4%;
}

/*Boxen 50%*/
.box50>.col {
	width: 48%;
}

/*Boxen 33%*/
.box33>.col {
	width: 30.6%;
}

/*Boxen 25%*/
.box25>.col {
	width: 22%;
}

/*Boxen 33%-66%*/
.box33-66>.col.col1 {
	width: 32%;
}

.box33-66>.col.col2 {
	width: 64%;
}

/*Boxen 66%-33%*/
.box66-33>.col.col1 {
	width: 64%;
}

.box66-33>.col.col2 {
	width: 32%;
}

/*Volle Breite*/
.item.b100,
.item.b101 {
	width: 100%;
}

.item.b101>.gridrow {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

/*Farbig*/
.item.grey {
	background-color: #f8f8f8;
	padding: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.item.b100.grey {
	padding: 0;
}

.item.b100 .col+.col {
	margin-left: 0;
}

.item.b100 .box50>.col {
	width: 50%;
}

/*Gridelements*/

/*Img-Circle*/
.img-circle div.csc-textpic-center .csc-textpic-center-outer,
.img-circle div.csc-textpic-center .csc-textpic-center-inner {
	float: none;
	position: static;
}

.allcont .img-circle DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
	display: block;
}

.img-circle {
	position: relative;
}

/*Bilder*/
.img-circle .img {
	float: right;
	position: relative;
}

/*Farbklecks*/
.img-circle .img:before {
	content: '';
	display: block;
	width: 380px;
	height: 428px;
	background: url(../img/klecks2x.png) no-repeat center center / 380px 428px;
	position: absolute;
	top: 300px;
	left: -240px;
}

.img-circle .csc-textpic,
.img-circle .csc-textpic .csc-textpic-imagewrap {
	overflow: visible;
}

.allcont .img-circle .img>.item DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
.allcont .img-circle .img>.images DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	width: 700px;
	height: 700px;
	border-radius: 50%;
	border: 10px solid #e8e7d8;
	overflow: hidden;
	position: relative;
}

.allcont .img-circle .img>.item DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG,
.allcont .img-circle .img>.images DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*Kleine Bilder*/
.img-circle .img>.images {
	position: absolute;
	top: 510px;
	left: 60px;
}


.img-circle .img>.images .csc-textpic-imagerow {
	display: inline-block;
}

.img-circle .img>.images .csc-textpic-imagerow+.csc-textpic-imagerow {
	margin-left: 15px;
}

.allcont .img-circle .img>.images DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	width: 210px;
	height: 250px;
	border-radius: 0;
	border: 10px solid #fff;
}

/*Text*/
.img-circle .text {
	position: absolute;
	top: 50%;
	left: calc((100% - 1200px) / 2);
	transform: translateY(-50%);
	max-width: 435px;
	width: 100%;
}

.img-circle .text P {
	width: 81%;
}

/*Img-Circle mit Quote*/

.img-circle.right .img:before {
	width: 473px;
	height: 473px;
	background: url(../img/klecks-22x.png) no-repeat center center / 473px 473px;
	top: -260px;
	left: -80px;
}

/*Quote*/
.img-circle.right .quote {
	font: normal 42px/120% 'La Belle Aurore', cursive;
	color: #5f6622;
	padding-left: 310px;
	margin-bottom: 65px;
}

/*Bild*/
.img-circle.right .img {
	float: left;
	padding-left: 160px;
}

.allcont .img-circle.right .img>.item DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	max-width: 580px;
	max-height: 580px;
	width: 100vw;
	height: 100vh;
}

/*Text*/
.img-circle.right .text {
	width: 360px;
	left: auto;
	right: calc(-360px - 80px);
}

.img-circle.right .text P {
	padding-right: 0;
	width: auto;
}

/*Gallery*/
.gallery div.csc-textpic-center .csc-textpic-center-outer,
.gallery div.csc-textpic-center .csc-textpic-center-inner {
	float: none;
	position: static;
}

.gallery {
	text-align: center;
	width: auto;
}

.item.b101.gallery>.gridrow {
	width: auto;
}

.gallery>.box33 {
	display: inline-block;
}

.gallery .gridrow .col+.col {
	margin-left: 20px;
}

.gallery .gridrow .col {
	width: 285px;
}

.gallery .csc-textpic {
	position: relative;
}

/*Bild*/
.allcont .gallery DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin: 0;
	display: block;
	width: 265px;
	height: 380px;
	border: 10px solid #e8e7d8;
	position: relative;
}

.allcont .gallery DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*Text*/
.gallery .csc-textpic .csc-textpic-text {
	position: absolute;
	z-index: 1;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
	max-width: 265px;
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px 40px 20px;
	text-align: center;
}

.gallery .csc-textpic .csc-textpic-text:before {
	content: '';
	display: block;
	width: 100%;
	height: 190px;
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.35+100 */
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#59000000', GradientType=0);
}

.gallery .csc-textpic .csc-textpic-text A {
	display: inline-block;
	color: #fff;
	font-weight: 900;
	font-size: 22px;
}

.gallery .csc-textpic .csc-textpic-text A:hover {
	opacity: 1;
}

/*Hover */
.gallery .col:hover .csc-textpic {
	background: #79211c;
}

.gallery .col:hover .csc-textpic-imagewrap {
	opacity: .1;
}

.gallery .col:hover .csc-textpic .csc-textpic-text A {
	transform: translateY(-50px);
}

.deko-element .deko {
	position: absolute;
	left: -25%;
	display: block;
	width: 100%;
	height: 100%;
	top: 50%;
	z-index: -1;
}
.deko-element .deko::before {
	content: '';
	display: block;
	width: 380px;
	height: 428px;
	background: url(../img/klecks2x.png) no-repeat center center / 380px 428px;
	position: absolute;
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
	border: 10px solid #e8e7d8;
	box-sizing: border-box;
}

/*CSS Animate It*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes fadeInUpShort {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpShort {
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}

.fadeInUpShort.go {
	-webkit-animation-name: fadeInUpShort;
	animation-name: fadeInUpShort;
}