/* @import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700&display=swap'); */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');

/* generic_lib */
/* **************************** */
	
html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

iframe {
	max-width: 100%!important;
	border:0!important;
}

body,
html {
    font-family: 'Montserrat', sans-serif;
    /*font-weight: 300;*/
    font-weight: 400;
    color: rgb(35, 31, 32);
    font-size: 13.3px;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
    height: 100%;
}


body {background-color: #fff}


a,
a:focus,
a:visited {
    color: rgb(35, 31, 32);
    outline: 0;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

p a, p a:hover {

}

a:hover {
    outline: 0;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}


a.current, a.active, a:hover {
    
    color: rgb(171, 171, 171)!important;
    /*     color:rgb(163, 51, 139)!important; */
/*     color:rgb(204, 52, 255)!important; */
    
/*     color:rgb(102, 153, 0)!important; */
    
}

::-moz-selection { background:rgba(215, 0, 204, 0.75); color:white}
::selection { background:rgba(190, 0, 204, 0.75); color:white}

:focus {outline: 0;}

::-webkit-input-placeholder {
    color: #9d9a9e;
    opacity: 1
}

:-moz-placeholder {
    color: #9d9a9e;
    opacity: 1
}

::-moz-placeholder {
    color: #9d9a9e;
    opacity: 1
}

:-ms-input-placeholder {
    color: #9d9a9e;
    opacity: 1
}



figure {
	margin:0
}


audio {
	width:100%;
}

sup { font-size: 0.6em; }

h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgb(35, 31, 32);
    margin: 0 0 20px;
    padding: 0;
    line-height: 1.1;
    letter-spacing: .01em;
    font-size: 20px;
    font-style: normal;   
    font-family: 'Montserrat', sans-serif;
    font-weight: 300
}

h4,
h5,
h6 {
    font-size: 16px;
}

h4 {
    font-weight: 700;
}

h5,
h6 {
    margin: 0;
}

blockquote {
	display: grid;
	height: 50vh;
	margin: 0;
	place-items: center center;
}

blockquote p {
	margin:0;
	padding-top: 1em;

	font-size: 7.4vw;
	line-height: 7.4vw;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	font-weight: 700;
}


#page-subtitle h1, #page-subtitle h2 {
    margin: 0;
}


hr {
    border-color: rgb(35, 31, 32);
}


p {
    color: rgb(35, 31, 32);
    margin: 0 0 16px;
    /*font-weight: 300;*/
    font-weight: 400;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: .04em
}

p strong {
    font-weight: 700
}

p:empty {
   display: none;
}

ol, ul {

margin: 1em 0;
padding: 0  0 0 40px;
}


ul {

margin: 1em 0;
padding: 0 0 0 15px;
}

input,
textarea {
    font-family: 'Montserrat', sans-serif;
    /*font-weight: 300;*/
    font-weight: 400;
    outline: 0
}

/* table related */
table {
	width:100%;
	border-collapse: collapse;
	margin: 0 0 1.8em 0;
}


caption, thead td, thead th, tfoot td, tfoot th {
	color: rgb(35, 31, 32);
	padding: 4px;
	padding-bottom: 6px;
	text-align: left;
	vertical-align: middle;
	border: none;
	font-weight:bold;
	border-bottom: 1px solid rgb(107, 108, 112)
}

table.contenttable--borderless caption, table.contenttable--borderless thead td, table.contenttable--borderless thead th, table.contenttable--borderless tfoot td, table.contenttable--borderless tfoot th {
	border:0;
	padding:0;
}

td, th {
	text-align: left;
	vertical-align: top;
	padding: 8px 4px;
	border-bottom: 1px solid rgb(107, 108, 112)
}

table.contenttable--borderless td, table.contenttable--borderless th {
	border:0;
	padding:0;
}

td:empty {
  visibility: hidden;
}

td ul {
	margin: 2em 0 1em 0;
}

dl {
	
}

dt {
	padding: 0.7em 0;
	font-weight: 700;
}

dd {
	margin:0;
	padding: 0.3em 0;
	border-top: 1px solid rgb(107, 108, 112);
}


dd p { margin-bottom: 0px; }


.brandcolor { color:rgb(163, 51, 139) }
.brandcolor-background { background-color:rgb(163, 51, 139) }



.rounded {

    display: table;
    position: absolute;
    left: 80vw;
    top:210px;
    z-index: 9999;
    transform: translate(-50%, -50%);
}

.rounded h3 {
    overflow:hidden;

    padding: 20px;
    color:white;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;

}
.roundDiv a, .roundDiv a:hover {
    color:white
}


.radius-150 {
    height: 300px;
    width: 300px;
}

.radius-140 {
    height: 280px;
    width: 280px;
}

.radius-130 {
    height: 260px;
    width: 260px;
}

.radius-120 {
    height: 240px;
    width: 240px;
}

.radius-110 {
    height: 220px;
    width: 220px;
}

.radius-100 {
    height: 200px;
    width: 200px;
}


.text-justify {text-align: justify}
.text-right {text-align: right}
.text-center {text-align: center}


.min-vw-100{min-width:100vw !important}.min-vh-100{min-height:100vh !important}.vw-100{width:100vw !important}.vh-100{height:100vh !important}

.m-auto{margin:auto !important}.m-0{margin:0 !important}.mt-0{margin-top:0 !important}.mr-0{margin-right:0 !important}.mb-0{margin-bottom:0 !important}.ml-0{margin-left:0 !important}.m-1{margin:.25rem !important}.mt-1{margin-top:.25rem !important}.mr-1{margin-right:.25rem !important}.mb-1{margin-bottom:.25rem !important}.ml-1{margin-left:.25rem !important}.m-2{margin:.5rem !important}.mt-2{margin-top:.5rem !important}.mr-2{margin-right:.5rem !important}.mb-2{margin-bottom:.5rem !important}.ml-2{margin-left:.5rem !important}.m-3{margin:1rem !important}.mt-3{margin-top:1rem !important}.mr-3{margin-right:1rem !important}.mb-3{margin-bottom:1rem !important}.ml-3{margin-left:1rem !important}.m-4{margin:1.5rem !important}.mt-4{margin-top:1.5rem !important}.mr-4{margin-right:1.5rem !important}.mb-4{margin-bottom:1.5rem !important}.ml-4{margin-left:1.5rem !important}.m-5{margin:3rem !important}.mt-5{margin-top:3rem !important}.mr-5{margin-right:3rem !important}.mb-5{margin-bottom:3rem !important}.ml-5{margin-left:3rem !important}


.p-0{padding:0 !important}.pt-0{padding-top:0 !important}.pr-0{padding-right:0 !important}.pb-0{padding-bottom:0 !important}.pl-0{padding-left:0 !important}.p-1{padding:.25rem !important}.pt-1{padding-top:.25rem !important}.pr-1{padding-right:.25rem !important}.pb-1{padding-bottom:.25rem !important}.pl-1{padding-left:.25rem !important}.p-2{padding:.5rem !important}.pt-2{padding-top:.5rem !important}.pr-2{padding-right:.5rem !important}.pb-2{padding-bottom:.5rem !important}.pl-2{padding-left:.5rem !important}.p-3{padding:1rem !important}.pt-3{padding-top:1rem !important}.pr-3{padding-right:1rem !important}.pb-3{padding-bottom:1rem !important}.pl-3{padding-left:1rem !important}.p-4{padding:1.5rem !important}.pt-4{padding-top:1.5rem !important}.pr-4{padding-right:1.5rem !important}.pb-4{padding-bottom:1.5rem !important}.pl-4{padding-left:1.5rem !important}.p-5{padding:3rem !important}.pt-5{padding-top:3rem !important}.pr-5{padding-right:3rem !important}.pb-5{padding-bottom:3rem !important}.pl-5{padding-left:3rem !important}


.flex {display: flex;}
.inline-flex {display: inline-flex; }
.flex-column {flex-flow: column wrap; align-content: start;  justify-content:flex-start;}
.flex-row {flex-direction: row; flex-wrap: wrap;  }

.error {color:red;}

.ce-bullets p { margin: 0!important; }

.ce-bullets {
	width: 100%;
	margin: 0;
    display: grid;
    grid-auto-flow: column;
}

.ce-bullets dt {
    grid-column: 1;
}

.ce-bullets dt,
.ce-bullets dd {
	border-bottom: 1px solid rgb(107, 108, 112);
	padding: 0.3em 0;
	margin: 0!important;
}





.transition {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.last-child p:last-child {
    margin: 0
}



#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 170px;
    background-color: #fff;
    z-index: 1000;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}


#header .inner {
    margin: 0 auto;
    position: relative
}

#logo {
    position: absolute;
    top: 28px;
    left: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}


#logo a,
#logo a:hover { /* color: rgb(35, 31, 32); */ color:rgb(163, 51, 139)!important }

#logo i {
    font-size: 72px;
    font-style: normal!important;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}


nav#language {
	display: block;
    position: absolute;
    right: 0;
    top: 10px;
    width: 914px
}

nav#navigation {
    position: absolute;
    right: 0;
    top: 34px;
    width: 914px
}

nav ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    position:relative;
    list-style: none
}

nav ul li {
    float: left;
    width: auto;
    margin: 0 0 0 47px;
    padding: 0;
    color: #231f20;
    font-weight: 600
}

nav ul li a {
   color:rgb(163, 51, 139)!important;
/*     color:rgb(102, 153, 0)!important; */
}

nav ul ul li a {
    color:inherit!important
}

nav ul li:first-child {
    margin: 0
}


/*--- 2nd level ---*/
nav ul ul {
	position:absolute;
	right:0;
	top: 59px;
	width: 457px;
	max-height: 5em;
	padding-left: 40px;
}



nav ul ul li {
	margin: 0;
	line-height: 20px;
    /*font-weight: 300;*/
    font-weight: 400;
	float:none;
	

}

nav ul ul li.flex-item { padding: 0 15px;  max-width:  50%}

nav ul ul li.current {
/* 	display:none */
}


nav ul ul li a {
/* 	white-space:nowrap; */


}








nav#language ul {
    float: right;
    width: auto;
}

nav#language ul li {
    float: none;
    display:inline;
    width: auto;
    margin: 0 0 0 10px;
    font-weight: 400;
    font-size: 12px;

}


#vegas-helper {
	text-align: center;
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36px;
    z-index: 2000;
    background: transparent;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
	
}

#vegas-helper ul,
#vegas-helper li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#vegas-helper li {
	display: inline-block;
}

#vegas-helper li a{
	color: rgba(255, 255, 255, 0.5);
	padding: 0 4px;
}




#page-subtitle {
    position: absolute;
    right: 0;
    top: 80px;
    margin-right: 457px;
    width: 457px
}




#menu-toggle {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background-color: #fff;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    cursor: pointer
}



#menu-toggle i {
    float: left;
    margin: 18px 0 0 22px;
    font-size: 24px;
    color: #000;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}



#menu-toggle:hover {
    background-color: #000
}

#menu-toggle:hover i {
    color: #fff
}

#mobile-menu {
    display: none;
    position: fixed;
    left: 0;
    top: 60px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .9);
    z-index: 10000
}

#mobile-menu {
    padding: 0 20px
}

#mobile-menu ul {
    width: 100%;
    margin: 20px 0 0;
    padding: 0;
    list-style: none
}

#mobile-menu ul li {
    float: left;
    width: 100%;
    margin: 0 0 5px;
    padding: 0;
    font-size: 16px;
    line-height: 40px
}

#mobile-menu ul li a.current {
    font-weight: 600;
    color: inherit;
}

#mobile-menu ul ul {
	
	margin: 0 20px;
}

#mobile-menu ul ul li{
	
    line-height: 26px
}


#mobile-menu .nav_item.language {
	
	width:auto;
	margin: 20px 27px 0 0
}

main {
    float: left;
    width: 100%;
    margin: 215px 0 0;
    padding-bottom: 80px;
}

footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left:0;

}


main .inner, #header .inner, footer .inner{
    width: 1334px;
    margin: 0 auto;
/*    remove     background: white; */
}


.inner .content_right {
    width: 914px;
	
    
}

.inner .content_aside {
    
    width: 395px;
    border-top: 1px solid rgb(107, 108, 112);
    padding: 13px 0 0 0;
    margin-right: 25px;
    
}




footer .inner{
    background: white;
    

}

footer .inner .contObj {
    padding: 0
}

footer .inner p {
    margin:0
}

footer .inner .menu_pages ul {
    margin:0;
    padding:0;
    min-height: 40px;

    list-style: none;
    display: flex;
    align-items: center;
}

footer .inner .menu_pages li {
    padding:0;
    margin-right:1em;
}
    
footer .inner .menu_pages li:last-child {
    margin-right:0;
}


/* TYPO3 CE */

.frame-space-before-extra-small {
	margin-top: 0.2em!important
}

.frame-space-before-small {
	margin-top: 0.5em!important
}

.frame-space-before-medium {
	margin-top: 1em!important
}

.frame-space-before-large {
	margin-top: 2em!important
}

.frame-space-before-extra-large {
	margin-top: 4em!important
}



.frame-space-after-extra-small {
	margin-bottom: 0.2em!important
}

.frame-space-after-small {
	margin-bottom: 0.5em!important
}

.frame-space-after-medium {
	margin-bottom: 1em!important
}

.frame-space-after-large {
	margin-bottom: 2em!important
}

.frame-space-after-extra-large {
	margin-bottom: 4em!important
}



.contObj {
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}

.contObj.noMedia,
.contObj.contObj-type-text,
.contObj + .contObj {
	border-top: 1px solid rgb(107, 108, 112);
    padding-top: 40px;
}


/* applies only if contObj precedes */
.contObj + .contObj.contObj.frame-space-before-negative {
    border:0;
    padding-top: 0;
    margin-top: -80px;
}


.vegas-container .contObj {
    border:0!important;
}

.contObj p:last-child {
/* 	margin-bottom:0; */
}

figcaption h4, figcaption p {
	
}


figcaption h4 {
    margin: 7px 0 0 0;
    line-height: inherit!important;
    letter-spacing: inherit!important;
    font-size: inherit!important;
    font-weight: 700;
}

figcaption p {
	margin: 7px 0 16px 0!important;
}


figcaption h4 + p {
	margin-top:0!important;
}


.left {
    float: left;
    position: relative;
}
.right {
    float: right;
    position: relative;
}



.ce-gallery, .ce-bodytext {
	font-size: inherit;
    line-height: inherit;
}
.ce-gallery {
    margin: 0 -5px;
}
.ce-bodytext img,
.news-single img {
	max-width: 100%;
	height:auto;
}

.ce-gallery.right {
	width: 924px;
}
.ce-bodytext.right {
	width: 914px;
    margin: 0 0 0px;
}

.ce-bodytext.right.ident {
	width: 914px;
}

.ce-bodytext.center.ident {
    width: 1024px;
}

.ce-gallery.left {
/* renove	width: 452px; */
/* remove	width: 438px; */
	width: 395px;
	margin-top: 5px;
}
.ce-bodytext.left {
/* remove	width: 444px; */
/* remove	width: 432px; */
	width: 395px;
    border-top: 1px solid rgb(107, 108, 112);
    padding: 13px 0 0
}




.ce-gallery .ce-column {
	padding: 0 5px;
	
}


.ce-gallery img {
    max-width: 100%;
    height: auto!important;
}

.ce-row {
	margin-bottom: 10px;
}


.ce-gallery[data-ce-columns="1"] .ce-row {
	padding: 0 5px;
}


/* 2 Images in a row */
.ce-gallery[data-ce-columns="2"] .ce-column {
	width:50%;
	float:left;
}

/* 3 Images in a row */
.ce-gallery[data-ce-columns="3"] .ce-column {
	width:33.3333%;
	float:left;
}

/* 4 Images in a row */
.ce-gallery[data-ce-columns="4"] .ce-column {
	width:25%;
	float:left;
}


.ce-bodytext a {
    
	color:rgba(76, 77, 81, 1); 
/* 	color:rgb(197, 0, 225); */
/*     text-decoration: underline; */
    text-decoration: none;
    
    text-decoration-color: inherit;
    text-decoration-thickness: .025em;
    text-underline-offset: 2px;

    letter-spacing: normal;
}


.ce-bodytext p a {
    
    /* 	color:rgba(76, 77, 81, 1);  */
    color:rgb(197, 0, 225);
}

.category-tree-menu a::before, .category-tree-menu a::after,
.ce-bodytext a::before, .ce-bodytext a::after,
.ce-bullets a::before, .ce-bullets a::after {

	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	margin:0 5px 0 10px;
	
    
    
}

.ce-bodytext  a[href$='.pdf']::after { content: '\eadf';  color:inherit; }

.ce-bodytext  a[href$='.xls']::after,
.ce-bodytext  a[href$='.xlsx']::after,
.ce-bodytext  a[href$='.doc']::after,
.ce-bodytext  a[href$='.docx']::after{ content: '\e924';   color:inherit; }



.ce-bullets  a[href$='.pdf']::after { content: '\eadf';   color:inherit; float:right; }

.ce-bullets  a[href$='.xls']::after,
.ce-bullets  a[href$='.xlsx']::after,
.ce-bullets  a[href$='.doc']::after,
.ce-bullets  a[href$='.docx']::after { content: '\e924';  color:inherit; float:right; }

/* .ce-bullets a[href^='http']:after { content: '\e91c';  color: rgb(109, 122, 116); float:right;} */



.ce-bodytext  a[href$='.pdf'], 
.ce-bullets  a[href$='.pdf'],
.ce-bodytext  a[href$='.xls'], 
.ce-bullets  a[href$='.xls'],
.ce-bodytext  a[href$='.xlsx'], 
.ce-bullets  a[href$='.xlsx'],
.ce-bodytext  a[href$='.doc'], 
.ce-bullets  a[href$='.doc'],
.ce-bodytext  a[href$='.docx'], 
.ce-bullets  a[href$='.docx'] {
    text-decoration: none!important;
/*     color:inherit; */
    
}





.category-tree-menu {
    list-style-type: none;
    padding: 0;
}

.category-tree-menu li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin: 0.3em 0;
}

.category-tree-menu a {
	color: rgb(163, 51, 139) ;
	font-size: 20px;
	font-weight: bold;
}

.category-tree-menu a::before  {
	content: '\ea3c';
	font-size: 16px;
	font-weight: bold;
}
	
.ce-menu {
	list-style-type: none;
}
.ce-menu li {
	list-style-type: none;
	padding: 0;
	margin: 0
}

.ce-bodytext ul  {
	margin: 2em 0;
/* 	border-top: 1px solid rgb(107, 108, 112); */
/* 	list-style-type: none; */
}

.ce-bodytext ul li {
/* 	list-style-type: none; */
	padding: 0;
	margin: 10px 0px 0px 0px
}

.ce-bodytext ul li a {
	list-style-type: none;
	text-decoration: none!important;
	display: inline-block;
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid rgb(107, 108, 112);
	
	
}


/* ###################### */
/* ####### form ######### */
/* ###################### */


/* ###### generic ####### */

.form_formframework h3 {
	color: rgb(163, 51, 139);
	font-weight: 700;
}

form > legend {
    margin-bottom: 3em;
}

.form-group {
    font-weight: inherit;
    line-height: inherit;
    margin: 1em 0;
}


/* # generic, appearance # */

.form-group input[type="text"], 
.form-group input[type="password"],
.form-group input[type="tel"],
.form-group input[type="email"],
.form-group input.text, 
.form-group input.title, 
.form-group textarea, 
.form-group select {
    padding: 0.33em;
    width: 80%;
}

.form-group .form-check {
    margin: 0.5em 0;
}



.form-group :required:not([type='checkbox']) {
/*     background: rgba(0, 0, 0, 0.1)!important; */
}



/* ###### specific ###### */


/* ###################### */
/* ####### label ######## */
/* ###################### */

.form-group .control-label {
    display: block;
}

.form-group .control-label.type-text {
    /*display: none;*/
}


.form-group .control-label.type-radiobutton,
.form-group .control-label.type-multicheckbox,
.form-group .control-label.type-textarea,
.form-group .control-label.type-singleselect {

    margin: 1em 0;
}




/* ###################### */
/* ####### radio ######## */
/* ###################### */

.form-group .radio {
    display: inline-block
}

.form-group input[type="radio"] {
    
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    
    width: 20px;
    height:20px;
    
    border-radius: 10px;
    background: white;
    border: 1px solid rgb(35, 31, 32);



}

.form-group input[type="radio"]:checked {
    background:rgb(163, 51, 139);
    
    border: 2px solid white;
    /*  border: 1px solid rgb(35, 31, 32); */

}

.form-group .radio .radio-btn-group {
    display: table
}
.form-group .radio .radiobutton-option {
    display: table-cell;
    vertical-align: middle;
    padding: 0 1.5em 0 0.5em;
}



/* ###################### */
/* #### input, text ##### */
/* ###################### */


.form-group input[type="password"],
.form-group input[type="search"],
.form-group input[type="text"],
.form-group input[type="tel"],
.form-group input[type="email"]{

	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	-o-appearance: textfield;
	appearance:textfield;


	box-shadow: none!important;
	color: inherit;
	background-color: white;
	border-style: solid;

	border-width: 1px;
	border-color: rgb(163, 51, 139); /* #a3338b */
	border-radius: 5px;
	max-width: 300px;

}


/* ###################### */
/* ##### textarea ####### */
/* ###################### */


.form-group textarea {
    min-height: 15em;
    
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    -o-appearance: textfield;
    appearance:textfield;

    box-shadow: none!important;
    color: inherit;
    background-color: white;
    border: 1px solid rgb(107, 108, 112);

}


    .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    
    outline: 0;
    box-shadow: none!important;
    background-color: rgb(241, 196, 15);
    background-color: rgba(0, 0, 0, 0.1);
    border:0;
    
    line-height: 2em;
    
    padding: 0.5em 1em;
    
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 2ex;
    background-origin: content-box;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMiIKICAgdmlld0JveD0iMCAwIDM1Ljk3MDk4MyAyMy4wOTE1MTgiCiAgIGhlaWdodD0iNi41MTY5Mzk2bW0iCiAgIHdpZHRoPSIxMC4xNTE4MTFtbSI+CiAgPGRlZnMKICAgICBpZD0iZGVmczQiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhNyI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGcKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAyLjAxNDUxLC00MDcuMTIyMjUpIgogICAgIGlkPSJsYXllcjEiPgogICAgPHRleHQKICAgICAgIGlkPSJ0ZXh0MzMzNiIKICAgICAgIHk9IjYyOS41MDUwNyIKICAgICAgIHg9IjI5MS40Mjg1NiIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zaXplOjQwcHg7bGluZS1oZWlnaHQ6MTI1JTtmb250LWZhbWlseTpzYW5zLXNlcmlmO2xldHRlci1zcGFjaW5nOjBweDt3b3JkLXNwYWNpbmc6MHB4O2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICB4bWw6c3BhY2U9InByZXNlcnZlIj48dHNwYW4KICAgICAgICAgeT0iNjI5LjUwNTA3IgogICAgICAgICB4PSIyOTEuNDI4NTYiCiAgICAgICAgIGlkPSJ0c3BhbjMzMzgiPjwvdHNwYW4+PC90ZXh0PgogICAgPGcKICAgICAgIGlkPSJ0ZXh0MzM0MCIKICAgICAgIHN0eWxlPSJmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTo0MHB4O2xpbmUtaGVpZ2h0OjEyNSU7Zm9udC1mYW1pbHk6Rm9udEF3ZXNvbWU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpGb250QXdlc29tZTtsZXR0ZXItc3BhY2luZzowcHg7d29yZC1zcGFjaW5nOjBweDtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIj4KICAgICAgPHBhdGgKICAgICAgICAgaWQ9InBhdGgzMzQ1IgogICAgICAgICBzdHlsZT0iZmlsbDojMzMzMzMzO2ZpbGwtb3BhY2l0eToxIgogICAgICAgICBkPSJtIDIzNy41NjY5Niw0MTMuMjU1MDcgYyAwLjU1ODA0LC0wLjU1ODA0IDAuNTU4MDQsLTEuNDczMjIgMCwtMi4wMzEyNSBsIC0zLjcwNTM1LC0zLjY4MzA0IGMgLTAuNTU4MDQsLTAuNTU4MDQgLTEuNDUwOSwtMC41NTgwNCAtMi4wMDg5MywwIEwgMjIwLDQxOS4zOTM0NiAyMDguMTQ3MzIsNDA3LjU0MDc4IGMgLTAuNTU4MDMsLTAuNTU4MDQgLTEuNDUwODksLTAuNTU4MDQgLTIuMDA4OTMsMCBsIC0zLjcwNTM1LDMuNjgzMDQgYyAtMC41NTgwNCwwLjU1ODAzIC0wLjU1ODA0LDEuNDczMjEgMCwyLjAzMTI1IGwgMTYuNTYyNSwxNi41NDAxNyBjIDAuNTU4MDMsMC41NTgwNCAxLjQ1MDg5LDAuNTU4MDQgMi4wMDg5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");
    
    
}

.form-group select::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}


.form-group select:active,
.form-group select:hover {
    background-color: rgba(0, 0, 0, 0.1);
    cursor: auto;
}


.form-group select:-moz-focusring {
    color:transparent!important;
    text-shadow: 0 0 0 white;
}

.form-group select:focus {
    outline:none!important;
    background-color: rgba(0, 0, 0, 0.8);
    color:white;
    cursor: auto;
}

.form-group select:focus option{
/*     color: rgb(241, 196, 15); */
    color: inherit;
    font-size: inherit;
    display:list-item
}

.form-navigation button[type="submit"],
.form-navigation button[type="button"] {

    margin: 1em 0;
    cursor: pointer;
    padding: 0.3em 6em;
    background: rgb(163, 51, 139);
    border: 1px solid rgb(163, 51, 139);
	border-radius: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
    color: white;
	font-weight: 700;
    
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.form-navigation button[type="submit"]:hover,
.form-navigation button[type="button"]:hover {
    background: rgba(105, 23, 87, 1);
}







/* ###################### */
/* ###### checkbox ###### */
/* ###################### */


.form-group .form-check > *{
    cursor: pointer!important;
}


.form-group input[type="checkbox"]{
        
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
    
/*
    pointer-events: none;
    user-select: none;
*/
    outline: 0;
    box-shadow: none!important;

    position: absolute;
    left: 0;
    top:-3px; /* Adjust visually (box aligns vertical to option text) */
    
    width: 20px !important;
    height: 20px !important;

    border: 1px solid rgb(163, 51, 139);
}

.form-group input[type="checkbox"] + span {
    
    display: inline-block;
    margin: 0 0 0 30px;
}

.form-group label.form-check-label {
    
    position: relative;
    user-select: none;
}

.form-group label.form-check-label:after {

    position: absolute;
    left: 0;
    top: 0;
    
    width: 30px;
    height: 30px;
    
    border: 0;
}


.form-group input[type="checkbox"]:checked{

    /*background: #fff url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjMUQxRDFCIiBwb2ludHM9IjI1LjQyNCw1LjI1MiAyNC43NDgsNC41NzYgMTUsMTQuMzI0IDUuMjUyLDQuNTc3IDQuNTc2LDUuMjUyIDE0LjMyNCwxNSA0LjU3NiwyNC43NDggNS4yNTIsMjUuNDI0IAoJMTUsMTUuNjc2IDI0Ljc0OCwyNS40MjUgMjUuNDI0LDI0Ljc0OSAxNS42NzYsMTUgIi8+Cjwvc3ZnPg==')!important;*/
	background: #a3338b url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzAgMzAiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjZmZmZmZmIiBwb2ludHM9IjI1LjQyNCw1LjI1MiAyNC43NDgsNC41NzYgMTUsMTQuMzI0IDUuMjUyLDQuNTc3IDQuNTc2LDUuMjUyIDE0LjMyNCwxNSA0LjU3NiwyNC43NDggNS4yNTIsMjUuNDI0IAoJMTUsMTUuNjc2IDI0Ljc0OCwyNS40MjUgMjUuNDI0LDI0Ljc0OSAxNS42NzYsMTUgIi8+Cjwvc3ZnPg==')!important;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position: center;
}


.form-group input[type="checkbox"]:checked{
    /*
    outline:3px solid #fff;
    outline-offset: -3px;
    */
}


/* Wookmark */
.wookmark {
    position: relative;
}

.wookmark .project-item,
.news .wookmark article {
	background: white;
	opacity: 0;
	transition: top 0.3s ease-out;
	max-width: 100%;
}

.wookmark-initialised .project-item,
.news .wookmark-initialised article {
	opacity: 1;
}

.wookmark .project-item img,
.news .wookmark article img {
    display: block;
    width: 100%;
    height: auto;
    
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
    filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}
.wookmark .project-item.hovered img,
.news .wookmark article.hovered img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
    filter: alpha(opacity=50);
    filter: alpha(opacity=50)
}



.wookmark .project-item .description,
.news .wookmark article .description {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0;
    left:0;
    right:0;
    background-color: rgba(204, 52, 255, 0.6);
/*     display: none; */
    
    visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.2s linear;
  
  
    padding: 10px;
    z-index: 10
}


.news .wookmark article .description {
    display: flex;
    }

.wookmark .project-item:hover .description,
.news .wookmark article:hover .description {
/*     display: block; */
    
    visibility: visible;
	opacity: 1;
}
.wookmark .project-item .description {
    pointer-events: none;
}


.news .wookmark article .description.no-image {
    position: relative;

    
    
    visibility: visible;
	opacity: 1;
	background:#f2f2f2;  
    padding: 8px 0;
    z-index: inherit
}


.news a.more {
    align-items: stretch;
}


.wookmark .project-item .description h4,
.news .wookmark article .description h4 {
    margin: 0;
    line-height: inherit!important;
    letter-spacing: inherit!important;
    font-size: inherit!important;
    font-weight: 700;
}
.wookmark .project-item .description p,
.news .wookmark article .description p {
    margin: 0;
    padding: 0;
    
}

.news .wookmark article .description p.readon,
.news .wookmark article .description p.meta {
	margin-top: 10px;
}



.news p.news-img-caption {
	margin: 7px 0 16px 0!important;
}

.news .mediaelement {
    padding-bottom: 27px
}

.news .mediaelement + p.news-img-caption {
    margin-top: -20px!important
}




.news .news-backlink-wrap {
	margin: 16px 0;
}

.news .like, .news .share, .news .twitter {
	margin: 10px 0;
}

.news ul.pager,
.news ul.pager li {
    list-style: none;
}


/* FIX for prev/next in detail view */

.news.news-single .icon-paginated_next:before {
  content: "\e90b";
}
.news.news-single .icon-paginated_prev:before {
  content: "\e90a";
}


/* scrolled */

.scrolled #header {
    height: 50px
}
.scrolled #menu-toggle {
    width: 50px;
    height: 50px
}
.scrolled #menu-toggle i {
    margin: 12px 0 0 16px
}
.scrolled #logo { top: 17px }
.scrolled #logo i { font-size: 44px }


@media screen and (min-width:1200px) {
	.icon-logo {
		background-image: url(/fileadmin/generic_lib/Resources/Public/Images/viva-logo.svg);
		background-repeat: no-repeat;
		height: 130px;
		width: 240px;
		display: block;
		margin-top: -15px;
	}
	.icon-logo:before{
		content: none;
	}
	.scrolled .icon-logo {
		height: auto;
		width: auto;
		display: block;
		background-image: none;
		margin-top: 0;
	}
	.scrolled .icon-logo:before {
		content: "\e905";
	}

}
.scrolled .icon-logo:before {
  content: "\e905";
}







.scrolled nav#navigation {
    top: 17px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.scrolled nav#language {
	display:none;
}

.scrolled #page-subtitle, .scrolled nav ul ul {
    display: none!important
}


.fancybox-prev span {
	text-align: left
}
.fancybox-prev span:before {
  content: "\ea40";
}

.fancybox-next span {
	text-align: right
}
.fancybox-next span:before {
  content: "\ea3c";
}



.fancybox-prev span, .fancybox-next span {
	background-image: none;
	font-size: 160%;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* EXT: dp_cookieconsent	 */

.cc-revoke,
.cc-window {

 font-family:inherit!important;
 font-size:inherit!important;
 line-height:inherit!important;
 font-weight:inherit!important;

}

.cc-btn:hover, .cc-btn:focus {
    background-color: rgba(163, 51, 139, 0.8)!important;
}

.cc-link {
    padding: 0;
    text-decoration: none;
}


.cc-link::before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    
    content: '\ea3c';
    color: rgb(107, 108, 112);
    color: inherit;
    font-size: 80%;
    padding-right: 5px;

}


/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	.fancybox-prev span, .fancybox-next span {
			background-image: none;
	}
}





@media screen and (max-width:1400px) {
	nav#navigation {
		width:722px;
	}
	
	nav ul ul {
		width:361px;
		padding-left:30px;
	}
	
	nav ul ul.flex {
		display:block;
	}
	
	nav ul ul li.flex-item {
		max-width:inherit!important;
	}
	
	#page-subtitle {
/*
		margin-right:361px;
		width:361px;
*/
		
		margin-right:330px;
		width:394px;
	}
	
	main .inner,#header .inner,footer .inner {
		width:1142px;
	}
	
	.ce-gallery.right {
		width:732px;
	}
	
	.ce-bodytext.right, .ce-bodytext.right.ident {
		width:722px;
	}
	
	.ce-bodytext.center.ident {
        width: 914px;
    }
	
	.inner .content_right {
        width: 722px;
    }



}


@media screen and (max-width:1199px) {
	main .inner,#header .inner,footer .inner {
		width:960px;
	}
	
	#page-subtitle {
		margin-right:480px;
		width:480px;
	}
	
	.ce-gallery.right {
		width:657px;
	}
	
	.ce-bodytext.right {
		width:647px;
	}
	
	.ce-gallery.left, .ce-bodytext.left {
		width:288px;
	}
	
	.ce-bodytext.center.ident {
    	width: 100%
	}
	
	.ce-bodytext.right.ident {
    	width: 606px;
    }
	
	.inner .content_aside {
        width: 213px;
    
    }
	
	.icon-logo:before {
		content:"\e905";
	}
	
	#logo {
		top:33px;
	}
	
	#logo i {
		font-size:44px;
	}
}

@media screen and (max-width:1023px) {
	main .inner,
	footer .inner,
	#header .inner, 
	.inner .news.news-single,
	.inner .content_right, 
	.inner .content_aside,
	.ce-bodytext,
	.ce-gallery .ce-column,
	.ce-gallery.right, 
	.ce-bodytext.right, 
	.ce-gallery.left, 
	.ce-bodytext.left {
        width:100%!important;
        border:0;
    }

	
	.contObj {
/*     	padding-bottom: 40px; */
	}
	
	/* applies only if contObj precedes */
    .contObj + .contObj.contObj.frame-space-before-negative {

        padding-top: 0px!important;
    }

	
	nav#navigation,nav#language, #page-subtitle {
		display:none;
	}
	
	#menu-toggle,.shownav #mobile-menu {
		display:block;
	}
	
	#header {
		height:80px;
	}
	
    .rounded {

        top:160px
	}

	
	#logo {
		left:20px;
		top:20px;
	}
	
	#logo i {
		font-size:55px;
	}
	
	.icon-logo:before {
		content:"\e905";
	}
	
	main,footer {
		margin:80px 0 0;
		padding:0 20px;
	}
	

	
	.scrolled #header {
		height:60px;
	}
	
	.scrolled #menu-toggle {
		width:60px;
		height:60px;
	}
	
	.left, .right {
        float: none;
    }
	
	.scrolled #menu-toggle i {
		margin:18px 0 0 22px;
		font-size:24px;
	}
	
	.ce-bodytext {
		margin:0 0 10px;
		overflow-x:scroll; /* allow overflowing tables to be scrolled */
	}
	
	.ce-bodytext, .ce-gallery {
		max-width: 100%!important;
		text-align:left;
		margin-left:0;
		margin-right:0;
	}
	

	.contObj-type-list,
	.contObj {
        border-top: 1px solid  rgb(107, 108, 112);
        padding-top: 20px!important;
    }

    .textmedia .ce-bodytext {
		border-top:none!important;
	}
	
	.ce-gallery .ce-column {
		float:none!important;
		margin-bottom:10px;
		padding: 0;
	}
	
	.ce-gallery[data-ce-columns="1"] .ce-row {
    	padding: 0;
    }
	
	.ce-gallery .ce-row {
		margin-left:0;
		margin-right:0;
	}
	
	.ce-gallery .clearfix:before,.ce-gallery .clearfix:after {
		content:"";
		display:none;
	}
	
	
	figcaption {
    	margin-bottom: 4em;
	}
	
	
	.form-group input[type="text"], 
    .form-group input[type="password"],
	.form-group input[type="tel"],
	.form-group input[type="email"],
    .form-group input.text, 
    .form-group input.title, 
    .form-group textarea, 
    .form-group select {
    
        width: 100%;
    }
    
}


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


	#header {
		height:60px;
	}
	
	
			
    .rounded {
/*
        left:50vw;
        top:50vh;
        
*/
        top:50px;
        left:auto;
        right:-10px;
        transform: translate(0, 0)!important;
	}




	main,footer {
		margin:59px 0 0;
		padding:0 10px;
	}
	
	#logo, .scrolled #logo{
		left:10px;
	}
	
	#mobile-menu {
        padding: 0 10px
    }

    .inner .content_aside {
        padding-top: 0;

    }
    
    .text-justify {text-align: left!important} /* no justified—text on narrow screens */


}




@supports (-webkit-overflow-scrolling: touch) {
    
    /* IOS will zoom, unless you use 16px on the input */
    
    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px; }


	/* Stop iOS styling your input fields and buttons */
	
    textarea,
    input.text,
    input[type="text"],
    input[type="button"],
    input[type="submit"],
    .input-checkbox {
        -webkit-appearance: none;
        border-radius: 0;
    }


}





body.pid20 #page-subtitle {
	display: none;
}