/* ---------------------------
FONT 
--------------------------- */

@font-face {
    font-family: "Circular-Medium";
    src: url("../font/CircularStd-Medium.otf");
}

@font-face {
    font-family: "Circular-Bold";
    src: url("../font/CircularStd-Bold.otf");
}

@font-face {
    font-family: "Replica";
    src: url("../font/ReplicaMonoStd.otf");
}

/*@font-face {
    font-family: "Circular-Medium";
    font-style: normal;
    font-weight: 700;
    src: url("../font/c_normal_700.eot?#iefix") format("embedded-opentype"), url("../font/c_normal_700.woff") format("woff");
}*/

/* ---------------------------
RESET 
--------------------------- */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

.black {
	color: #000;
}

.underline-none {
	//text-decoration: none;
	cursor: pointer;
	color: #fff;
}

.underline-none:hover {
	color: #E4D100 !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
audio, canvas, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
    overflow-y: scroll;
}
body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a {
    text-decoration: underline;
    cursor: pointer;
    color: #fff;
}

a:hover, p a:hover, .ladiesLinks a:hover {
	color: #D674B6 !important;
}
a:focus {
    outline: thin dotted;
}
a:hover img {
	cursor: pointer;
}

li {
    list-style: outside none none;
}
abbr[title] {
    border-bottom: medium none;
}
b, strong {
    font-weight: 700;
}
i, em, dfn {
    font-style: italic;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}
ins {
    background: #E4D100 none repeat scroll 0 0;
    color: #000;
    text-decoration: none;
}
mark {
    background: #D674B6 none repeat scroll 0 0;
    color: black;
    //font-style: italic;
    //font-weight: bold;
}

a mark {
	border-bottom: 2px solid black;
}

a:hover mark {
	color: white;
	border-bottom: 2px solid white;
}

pre, code, kbd, samp {
    font-family: monospace,monospace;
}
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q::before, q::after {
    content: none;
}
small {
    font-size: 85%;
}
.credit {
    font-size: 85%;
    margin-top: 15px;
}

.credit a {
    color: #000;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0 none;
    vertical-align: middle;
}
label {
    cursor: pointer;
}
input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}
button, input {
    line-height: normal;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
}
input[type="search"] {
    box-sizing: content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td {
    vertical-align: top;
}

.vertical-text {
	right: -50px;
    bottom: -10px;
    position: absolute;
    transform: rotate(-90deg);
	transform-origin: 0 0 0;
}
.vertical-text a {
    color: #000;
}




/* ---------------------------
DESIGN 
--------------------------- */

div, .bottomSection img {
	border-radius: 1rem;
}

div, article, section, header, footer, nav, li {
    position: relative;
}
.group::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
body {
    background: #fff none repeat scroll 0 0;
	font-family: "Circular-Medium",sans-serif;
	font-weight: normal;
	padding: 0 30px;
}
*::-moz-selection { 
    background: #D674B6 none repeat scroll 0 0;
    //color: #fff;
}
* {
    box-sizing: border-box;
}

p {
    font-size: 22px;
}
body, input, textarea {
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
body {
    -moz-osx-font-smoothing: grayscale;
}

h1 {
    font-size: 44px;
    line-height: 44px;
    font-family: "Circular-Medium",sans-serif;
    font-weight: normal;
}
.jumpLinks {
    display: block;
    position: absolute;
    right: 30px;
    top: 30px;
}
.jumpLinks li {
    float: left;
    margin-right: 20px;
	font-size: 18px;
}
.jumpLinks li a {
    color: black;
    font-size: 18px;
    text-decoration: underline;
}
.jumpLinks li a:hover {
    color: white !important;
}
.jumpLinks li:last-child {
    margin-right: 0;
}
.convo {
    bottom: 25px;
    position: absolute;
    font-weight: normal;
    font-size: 18px;
}
.convo a {
	color: black;
}
.topSection {
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 480px;
}
.headerImage {
    display: block;
    margin: 30px auto;
    min-width: 200px;
    width: 40%;
}
.pageSection {
    clear: both;
    margin: 30px auto;
    padding: 30px;
    width: 100%;
    word-wrap: break-word;
}
.nlSection {
    clear: both;
    margin: 0 auto 30px auto;
    padding: 30px;
    width: 100%;
    word-wrap: break-word;
}
.blackSection {
    background-color: #32007C;
	border: 1px solid black;
}
.blackSection a {
    color: white !important;
}
.blackSection a:hover {
    color: #D674B6 !important;
}
.topSection {
    background-color: #D674B6;
	//background-image: url("../img/bg-2022-2.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	border: 1px solid black;
    //background-color: #5b5ae6;
    //background: #3d34fa; /* Old browsers */
    //background: -moz-linear-gradient(-45deg,  #83c1fb 0%, #fff94c 100%); /* FF3.6-15 */
    //background: -webkit-linear-gradient(-45deg,  #83c1fb 0%,#fff94c 100%); /* Chrome10-25,Safari5.1-6 */
    //background: linear-gradient(135deg,  #83c1fb 0%,#fff94c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    //filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ff', endColorstr='#68095a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.redSection {
    /* background-color: #f5582a; Orange */
	background-color: #E4D100; /* Lila */
	border: 1px solid black;
}

.topSection, .redSection {
    //background: linear-gradient(310deg, #bad4eb, #e0bcd6, #efb5cb, #b8dbd4, #e9cac5, #e2d2c3, #d4afd1, #b6c3e3);
    //opacity: .5;
    //background-size: 600% 600%;
    //animation: holographic 30s ease infinite;
    //-webkit-animation: holographic 30s ease infinite;
    //-moz-animation: holographic 30s ease infinite;
    //-o-animation: holographic 30s ease infinite;
}

@-webkit-keyframes holographic {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-moz-keyframes holographic {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-o-keyframes holographic {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@keyframes holographic { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.bottomSection {
	background-color: white;
	border: 1px solid black;
}

.bottomSection img {
	width: 100%;
	min-width: 100%;
}

.schedule {
    background-color: #e9e9e9;
    overflow: hidden;
    margin-bottom: 30px;
	border: 1px solid #000;
}
.schedule2 {
    background-color: #e9e9e9;
    overflow: hidden;
    margin-bottom: 30px;
	border: 1px solid #000;
}

.impressum h2, .impressum h3, .impressum h4, .impressum p, .impressum ul, .impressum li, .impressum a {
    margin-top: 1.3rem;
    font-size: 16px !important;
    color: #000;
}

.newsletter {
    background-color: #D674B6;
    overflow: hidden;
	border: 1px solid #000;
}
.newsletter a:hover {
	color: white !important;
	border-bottom: 2px solid white !important;
}

.whiteSection .largeText {
    margin-bottom: 30px;
}
.largeText {
    font-size: 30px;
    line-height: 1.4;
}
.white {
    color: white;
}
.schedule, .schedule2 {
    padding: 30px 15px 0;
}
.event {
    float: left;
    margin-bottom: 40px;
    padding: 0 15px;
    width: 33%;
}
.partner {
    float: left;
    margin-bottom: 30px;
    padding: 0 15px;
    width: 20%;
}
.eventName, .eventDate {
    display: block;
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    //text-decoration: underline;
    font-family: "Circular-Bold",sans-serif;
    font-weight: normal;
}

.eventName-and-design {
    display: inline;
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    font-family: "Circular-Bold",sans-serif;
    font-weight: normal;
	color: #E4D100;
}

.eventDateNewsletter {
    display: inline !important;
}
.event:nth-child(3n+1) {
    clear: both;
}
.event img {
    border-radius: 50%;
    display: block;
    margin: 0 0 20px;
}
/* new */
.partner img {
	display: block;
	margin: 0 0 10px;
}
.eventDescription {
    font-family: "Replica";
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.4;
}
.eventDescription a {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 2px solid #000;
}
.eventDescription a:hover {
    color: #D674B6;
    border-bottom: 2px solid #D674B6;
}

.eventDescriptionNewsletter {
    display: inline;
}
.eventTag {
    display: block;
    margin-bottom: 8px;
}
.light-link {
	color: white !important;
}
.light-link:hover {
	color: black !important;
}
.inspolink {
    color: black;
    font-size: 22px;
    line-height: 35px;
}
.ladiesLinks a {
    color: black;
    font-size: 22px;
    line-height: 30px;
    text-decoration: none;
}
.redSection .ladiesLinks a:hover {
    color: #D674B6 !important;
}
.ladiesLinks {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    margin-top: 40px;
}



@media (max-width: 799px) {

body {
	padding-left: 16px;
	padding-right: 16px;
	line-height: 1.2;
}

.nlSection {
	padding: 16px;
	margin-bottom: 16px;
}

.whiteSection {
	padding: 0 !important;
}

.pageSection, .headerImage {
	margin: 16px auto;
	padding: 16px;
}

h1.h1-title {
    margin-top: 30px;
	font-size: 2.3rem !important;
	line-height: 1;
}

h2, h3, h4, h5, h6, p, .eventName, .eventDate, .ladiesLinks, .inspolink {
	//background-color: blue;
}

.ladiesLinks a {
	line-height: 1.4;
}

.largeText, .pageSection h1, .pageSection p, .ladiesLinks a, .inspolink {
	font-size: 18px;
}

.eventName, .eventDate {
	font-size: 22px;
}

.eventDescription, .eventDescription mark {
	font-size: 14px !important;
}

p.credit {
	font-size: 14px;
}

.convo {
	bottom: 16px;
	font-size: 16px !important;
	padding-right: 16px;
}

.jumpLinks {
	position: static;
	display: block;
	margin-bottom: 20px;
	height: 30px;
}

.topSection {
	//background-image: url("../img/bg-2022-2.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.inspolink, .inspolink br {
	line-height: 1.4;
}

.partner {
	margin-bottom: 0;
	width: 50%;
}

.event {
    float: none;
    width: 100%;
	margin-bottom: 16px;
	padding: 0;
}

.eventDescription {
	padding-bottom: 16px;
}

#schedule {
	padding-bottom: 0;
}

article {
	margin-bottom: 0;
}

.ladiesLinks {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.vertical-text {
	right: 0;
    bottom: -18px;
    position: absolute;
    transform: rotate(0deg);
	transform-origin: 0 0 0;
}


}