:root {
    --main-color: #c05098;
    --secondary-color: #34669a;  
}



body {
    font-family: 'Open Sans', sans-serif !important;
}

form.custom-form #Zusammenfassung b,form.custom-form #Zusammenfassung i{color:#000!important}
form.custom-form #Zusammenfassung i{font-style:italic!important}
.morepadding img { margin-top: 8px; border: solid 1px #ccc; }
.formscript button { 
    color: #fff !important;
    background-color: #c05098;
    border-color: transparent !important;
    box-shadow: 5px 5px 20px 0 rgba(0,0,0,.2) !important;
    font-size: 12px !important;
    padding: 10px 40px !important;
    color: #fff !important;
    border: none !important;
	border-radius: 0px !important;
	text-transform: uppercase;
	font-weight:bold;
	
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;	
	
}

.nav>li>a {
	padding-left:10px;
	padding-right:10px;    
}
 
 .navbar.navbar-default {
    -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .2);
    background: #fff;
    font-weight: 400;
    font-size: 14px;
}

 .navbar.navbar-default .container .navbar-collapse {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: uppercase;
}

 .has-float-label .form-control:placeholder-shown:not(:focus)+* {
    left: 30px !important;
    top: 40% !important;
}

.greyed_out, .greyed_out b {
        color:#ccc !important;
}

label.bemerkungen {
    padding: 0px !important;
}

.umfrage_interessen form.custom-form label, .umfrage_interessen form.custom-form  p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #6b6b6b;
}

.checkbox-column input[type=checkbox],
.umfrage_interessen form.custom-form input[type=checkbox] {
    width: 17px !important;
    height: 30px;
    -moz-transform: scale(1.3);      
}

.umfrage_interessen #themen label.light {
    width: 100%;
    padding-bottom: 10px;
}

.umfrage_interessen #interessen label.light {
    width: 30%;
}

.umfrage_interessen .has-float-label .form-control:placeholder-shown:not(:focus)+* {
    left: 30px !important;
    top: 30% !important;
}

/* section.bg_white.bg_left_bottom h2,
h1 {
    color: #c05098;
    font-weight: 600;
}
*/

section.bg_grey.haskonferenzDatum h1 {
    #color: #c05098;
}

.index #Header .jumbo {
    min-height: 500px;
    background-position: top center !important;        
}

section#NewsletterSection {
padding-top: 0px;
/* -webkit-box-shadow: 20px 5px 0px 0 rgba(0, 0, 0, .2);  */
}

section#NewsletterSection .container-fluid.bg_left_bottom {
    padding-bottom: 0px;
}

section.bg_white.bg_right_center.xmenu {
    background-position: right bottom;
}

.xmenu .bg_left_bottom {
    background-position: left top;
}

.xmenu h2 {
    color: #6f6f6e;
    font-size: 30px;
    font-weight: 600;
}
/*
#SponsorenSection h2 {
    color: #6f6f6e;
    font-size: 30px;
    font-weight: 600;
}
*/
section#SponsorenSection img.img-responsive {
    padding: 30px 0px;
}

section#SponsorenSection a.btn.btn-transition {
    padding: 15px 85px;
}

.navbar-brand {
	float: left;
	position: relative;	
	/* width: 172px;
	height: 42px;
	margin-top:5px;
	margin-bottom: -13px;
*/
	background-color: #ffffff !important;
	z-index: 555;
	text-align: center;
		/*margin-right: 10px;
	box-shadow: -1px -5px 5px 0 rgba(0, 0, 0, 0.4); */
}

.navbar-brand img {
	width: 150px;
	margin-left: -3px;
	margin-top: -0px;
	height: auto;
	vertical-align: middle;
}

.navbar-brand:before {
	/*content: '';
	width: 0;
	height: 0;
	border-top: 12px solid #b7b7b6;
	border-left: 10px solid transparent;
	position: absolute;
	bottom: 0;
	left: -10px;*/
}

.navbar-fixed-top {
    top: 0;
    border-width: 0px;
}

ul.nav.nav-tabs li a {
    font-size: 16px;
}

.w120 { width: 120px; }

.anchor_position {
    position: relative;
    top: -80px;
    display: block;
    width: 1px;
}

section.bg_grey.haskonferenzDatum a {
    color:#1e1e1e;
}

.img_grey {
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

#SponsorenSection h2 {
    padding-top: 20px;
    margin-top: 20px;
}

#SponsorenSection .row {
    margin-top: 0px !important;
    margin-bottom: 30px;
}

.anchor_position {
    position: relative;
    top: -80px;
    display: block;
    width: 1px;
}

.sponsoren_text {
    float: left;
    margin: 5px 30px 15px 0;
}

@media (max-width:992px) {
    .bg_grey .bg_right_center {
        background: 0 0;
    }
    .bg_left_bottom {
        background: 0 0;
    }
}

.bg_left_bottom {
     /*    
	background-image: url(/img/keyboard.svg); 
    background-repeat: no-repeat;
    background-position: left bottom;
*/
	min-height: 200px;   
	
}

@media (max-width:767px) {
	body.index .logo-header-index {
		min-height: 250px;	
	}
    .box_last_step {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.bg_right_center {
    /* background-image: url(../img/window.svg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 120px;
	 */
}

.keyboard-img {
    position: absolute;
    bottom: 0;
    left: 0;
	overflow: hidden;	
	padding-left:1%;
}

.windows-img {
    position: absolute;
    top: 0;
    right: 0;
	overflow: hidden;
	padding-right:1%;	
}

@media (min-width: 993px) {
	.bg_right_center {
    min-height: 200px;
}
}

section.slideshow_img {
    padding-bottom: 0px !important;
}
section.themen_padd {
    padding-bottom: 0px !important;
}

section.themen_padd h2 {
    margin-top: 0px !important;
}
section.haskonferenzDatum {
    padding-bottom: 0px !important;
}


@media (max-width:992px) {
    .bg_right_center {
        background: 0 0;
    }
	.keyboard-img, .windows-img {
		display: none;
	}	
}

body.programm_detail .referenten p b {
    color: #c05098;
    font-weight: 400
}

body.programm_detail .referenten p.social a {
    white-space: nowrap;
    color: #c05098;
    padding-right: 10px;
    font-size: 16px;
}



body.programm_detail .timetable .head {
    padding: 12px 0 10px;
    margin: 0;
    border-top: 2px solid #c05098;
    border-bottom: 2px solid #c05098;
    font-weight: 700;
    font-size: 16px;
    color: #000
}

form.custom-form .nav-tabs a:hover {
    background: 0 0;
    color: #c05098;
    border-color: transparent
}



form.custom-form .nav-tabs > li.active > a {
    border-color: transparent;
    color: #c05098
}

form.custom-form .AngebotItem .price b,
form.custom-form .AngebotItem .sale b {
    color: #c05098;
    font-size: 20px
}

form.custom-form .collapse select.form-control,
form.custom-form .collapsing select.form-control {
    background: #fff;
    color: #c05098;
    font-size: 12px
}


.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #203265;
}

.btn-bordered {
    color: #c05098;
    #background-color: #fff;
    border-color: #c05098;
    box-shadow: none;
}

.btn-bordered.focus,
.btn-bordered:focus {
    color: #c05098;
    background-color: #e6e6e6;
    border-color: #0b093f;
}

.btn-bordered:hover {
    color: #c05098;
    background-color: #e6e6e6;
    border-color: #151179;
}

.btn-bordered.active,
.btn-bordered:active,
.open > .dropdown-toggle.btn-bordered {
    color: #c05098;
    background-color: #e6e6e6;
    border-color: #151179
}

.btn-bordered.active.focus,
.btn-bordered.active:focus,
.btn-bordered.active:hover,
.btn-bordered:active.focus,
.btn-bordered:active:focus,
.btn-bordered:active:hover,
.open > .dropdown-toggle.btn-bordered.focus,
.open > .dropdown-toggle.btn-bordered:focus,
.open > .dropdown-toggle.btn-bordered:hover {
    color: #c05098;
    background-color: #c05098;
    border-color: #0b093f
}

.btn-bordered.active,
.btn-bordered:active,
.open > .dropdown-toggle.btn-bordered {
    background-image: none
}

.btn-bordered.disabled.focus,
.btn-bordered.disabled:focus,
.btn-bordered.disabled:hover,
.btn-bordered[disabled].focus,
.btn-bordered[disabled]:focus,
.btn-bordered[disabled]:hover,
fieldset[disabled] .btn-bordered.focus,
fieldset[disabled] .btn-bordered:focus,
fieldset[disabled] .btn-bordered:hover {
    background-color: #fff;
    border-color: #c05098
}

.btn-bordered .badge {
    color: #fff;
    background-color: #161635
}


.btn-transition {
    color: #fff;
    background-color: #fff;
    border-color: transparent;
    background-image: linear-gradient(-90deg, #E22270  0, #E22270  100%);
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .2);
    font-size: 18px;
    padding: 10px 40px;
    border: none;
}

.btn-transition.focus,
.btn-transition:focus {
    color: #fff;
    background-color: #161635;
    border-color: transparent
}

.btn-transition:hover {
    color: #fff;
    background-color: #161635;
    border-color: transparent
}

.btn-transition.active,
.btn-transition:active,
.open > .dropdown-toggle.btn-transition {
    color: #fff;
    background-color: #161635;
    border-color: transparent
}

.btn-transition.active.focus,
.btn-transition.active:focus,
.btn-transition.active:hover,
.btn-transition:active.focus,
.btn-transition:active:focus,
.btn-transition:active:hover,
.open > .dropdown-toggle.btn-transition.focus,
.open > .dropdown-toggle.btn-transition:focus,
.open > .dropdown-toggle.btn-transition:hover {
  color: #fff;
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
  background-color: #E22270;
  border-color: transparent;
}

.btn-white {
    background-color: #fff;
    border-color: #fff;
    color: #161635 !important
}

.btn-white.focus,
.btn-white:focus {
    color: #161635;
    background-color: #e6e6e6;
    border-color: #bfbfbf
}

.btn-white:hover {
    color: #161635;
    background-color: #e6e6e6;
    border-color: #e0e0e0
}

.btn-white.active,
.btn-white:active,
.open > .dropdown-toggle.btn-white {
    color: #161635;
    background-color: #e6e6e6;
    border-color: #e0e0e0
}

.btn-white.active.focus,
.btn-white.active:focus,
.btn-white.active:hover,
.btn-white:active.focus,
.btn-white:active:focus,
.btn-white:active:hover,
.open > .dropdown-toggle.btn-white.focus,
.open > .dropdown-toggle.btn-white:focus,
.open > .dropdown-toggle.btn-white:hover {
    color: #203265;
    background-color: #d4d4d4;
    border-color: #203265
}

.btn-white .badge {
    color: #fff;
    background-color: #203265
}

.btn-white:active,
.btn-white:focus,
.btn-white:hover {
    color: #203265 !important;
    background: #fff;
    border-color: #fff;
    text-decoration: none !important
}

.btn-link {
    color: #203265 !important;
    font-weight: 700;
#    text-transform: uppercase;
    box-shadow: none
}

.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    box-shadow: none;
    text-decoration: underline !important
}

.btn-back {
    font-size: 20px;
    color: #203265;
}

.bg_transition {
    background-image: linear-gradient(-90deg, #bb3bff 0, #7f6af9 100%);
}

.konferenzDatum {
    background: #fff;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .2);
    font-size: 20px;
    color: #1e1e1e;
    position: absolute;
    width: 100%;
    top: -30px;
    padding: 20px 20px 5px;
    line-height: 1em;
}

.konferenzDatum p {
    margin: 0 0 14px;
}

#Footer {
    border-color: transparent;
    background-image: linear-gradient(-90deg, #203265 0, #a7c6ea 100%);
    color: #fff;
    font-size: 16px;
    padding-top: 20px;
}

#Footer .bg_white h5 {
    color: #203265;
    margin: 0;
    padding: 0;
}

#Footer h5 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    margin: 0;
    padding: 50px 0 20px;
}

.navbar.navbar-default .navbar-header .navbar-toggle.collapsed {
    background-image: linear-gradient(-90deg, #34669a 0, #34669a 100%);
    width: 60px;
    height: 60px;
    line-height: 60px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.navbar.navbar-default .navbar-header .navbar-toggle .icon-bar {
    background-color: #37588c !important;
    height: 5px;
    width: 40%;
    margin: 2px auto
}

.navbar.navbar-default .navbar-collapse.collapse.in,
.navbar.navbar-default .navbar-collapse.collapsing {
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    background-image: linear-gradient(180deg, rgba(103, 255, 164, 0) 0, #37588c 65%);
    width: 100%;
    border: 0;
    margin: 0 !important;
    padding: 0 0;
    max-height: none
}

.navbar.navbar-default .navbar-collapse.collapse.in .btn-bordered,
.navbar.navbar-default .navbar-collapse.collapsing .btn-bordered {
    margin: 0 20px 86px;
    width: auto;
    color: #34669a !important
}

.navbar.navbar-default .navbar-collapse.collapse.in .btn-bordered:active,
.navbar.navbar-default .navbar-collapse.collapse.in .btn-bordered:focus,
.navbar.navbar-default .navbar-collapse.collapse.in .btn-bordered:hover,
.navbar.navbar-default .navbar-collapse.collapsing .btn-bordered:active,
.navbar.navbar-default .navbar-collapse.collapsing .btn-bordered:focus,
.navbar.navbar-default .navbar-collapse.collapsing .btn-bordered:hover {
    background: #fff;
    color: #34669a;
}

.navbar.navbar-default .container .navbar-collapse .btn-bordered {
    margin-top: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #fff;
    border-color: #fff;
    font-size: 14px;
    border-width: 2px
}

.navbar.navbar-default .container .navbar-collapse .btn-bordered:hover {
    color: #c05098;
    border-color: #fff;
    background-color: #fff;
}

.rueckschau section, .jetzt_anmelden section, .location section, .proposal_einreichen section,  #JetztSponsorenWerdenSection {
    margin-top: 0px;
}

.h1, h1 {
	font-size: 30px;
    margin-top: 70px;	
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
	text-transform:uppercase;
}

h2 {
    font-size: 24px;
    margin-top: 50px;
}
h3 {
    font-size: 20px;
    margin-top: 30px;
}
h6 {
    font-size: 12px;
    font-weight: 700;
    margin-top: 70px;
    color: #c05098;
}


.customcheck {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 50px;
    width: 50px;
    border: 1px solid #c05098
}


.customcheck input:checked ~ .checkmark {
    background-color: #c05098;
    border-radius: 0
}

.customcheck input:checked ~ .checkmark:after {
    display: block
}

.customcheck:hover input ~ .checkmark {
    background-color: #c05098
}

.customcheck:hover input:checked ~ .checkmark {
    background-color: #c05098
}

.checkmark {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    margin-left: -1px;
    margin-top: -1px;
    height: 50px;
    width: 50px;
    background-color: rgba(107, 107, 107, .05);
    border-radius: 0;
    border-color: #c05098
}

body.rueckschau .highlight .content .text p .icons8 {
    color: #c05098;
    font-size: 50px;
    float: right;
    padding-left: 10px;
    padding-right: 5px
}

body.rueckschau .highlight .content .text p .icons8:hover .fa:before {
    background: #c05098;
    color: #fff
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
}
#AngebotWaehlen input[type='radio']:checked:after {
	background-color: #c05098;
	display: inline-block;
	visibility: visible;
	box-shadow: inset 0 0 0 4px #fff;
	border: 2px solid #6f6f6e;
}

form.custom-form .AngebotItem div.radio {
	position: relative;
}

form.custom-form .AngebotItem {
	border: 2px solid #e2e2e2;
	position: relative;
}

form.custom-form .AngebotItem:before {
	content: '';
	width: 1px;
	height: 100%;
	left: 58px;
	background-color: #e2e2e2;
	top: 0;
	position: absolute;
}

form.custom-form .AngebotItem.active {
	box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
	background-color: #e2e2e2;
	border-color: #e2e2e2;
}

#AngebotWaehlen input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#AngebotWaehlen input[type='radio']:after {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    top: 0;
    left: 0;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #e2e2e2;
}



/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.radio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.radio input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.radio  input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.radio .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

form.custom-form .AngebotItem {
    border: 1px solid #f0f0f0;
    margin: calc(30px/2) 0;
}

form.custom-form .AngebotItem.active:before {
    background-color: #fff;
}
form.custom-form .AngebotItem:before {
    content: '';
    width: 1px;
    height: 100%;
    left: 58px;
    background-color: #e2e2e2;
    top: 0;
    position: absolute;
}

.progress {
    display: none;
}

body.rueckschau .rueckschau_videos .head {
    background-image: linear-gradient(-90deg,#c05098 0,#c05098 100%);    
}

body.rueckschau .rueckschau_videos .head img {
    opacity: .8;    
}

#Header .bg_headline_transition .pull-right {
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0;
    font-weight: 500;
    text-shadow: 1px 1px rgba(0, 0, 0, .2);
}
#Header p {
    text-align: right;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

#Header .bg_headline_transition {	
    background-image: linear-gradient(-90deg, rgba(189,59,255, .8) 0, rgba(31,147,212, .8) 100%);
	background-blend-mode: multiply;
    padding: calc(30px/2);
    position: absolute;
    z-index: 1;
    width: 100%;
    max-height: 81px;
}
 
i.chars {
    font-size: 14px;
    color: #9E9E9E;
    background: #f7f7f7;
    padding: 3px;
    font-style: normal;
    font-weight: normal;
}

i.chars span {
    color: #607D8B;
}

h1 {
    margin-top: 70px;
}


.slider {
	overflow: hidden;
}

.slider ul {
	float: left;
}

.slider, .slider ul, .slider ul li {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0 !important;
}

.slider ul li {
	float: left;
	list-style: none;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.5s;
	opacity: 0;
}

.slider ul li.current {
	opacity: 1;
	z-index: 90;
}

@media (max-width: 992px) {
	.slider ul li { background-size: cover; }
}

.slider .prev {
	position: absolute;
	left: 10px;
	top: calc(50% - 30px);
	width: 25px;
	height: 60px;
	background-position: left center;
	background-image: url(../img/arrow-left.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	z-index: 100;
}

.slider .next {
	position: absolute;
	right: 10px;
	top: calc(50% - 30px);
	width: 25px;
	height: 60px;
	background-position: left center;
	background-image: url(../img/arrow-right.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	z-index: 100;	
}

.nopadding {
	padding: 0 !important;
}

.konferenzDatum {
	z-index: 200;
}

.full-width {
	width: 100%;
}

.header__bg {
    position: absolute;
    top: calc(100% - 100px);
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: linear-gradient(#f9f9f9, #ffffff);
    transform: skewY(-3deg);
    transform-origin: top right;
    box-shadow: 35px 35px 35px 35px rgba(0, 0, 0, .15);
}

.profile-card {
  max-width: 220px;
  margin: auto;
  text-align: center;
}


.profile-image {
    margin: 15px;
    max-width: 90%;
	border: solid 1px #ccc;
}

.profile-name {
    font-size: 22px;
    color: #43379c;
    /* text-transform: capitalize; */
	margin: 0px;	
}

.profile-title-card {
    color: grey;
    font-size: 15px;
	margin: 0px;	
}
div#tprofiles .owl-dots {
    text-align: center !important;
    -webkit-tap-highlight-color: transparent;
}

div#tprofiles .owl-nav.disabled + .owl-dots {
    margin-top: 20px;
}
svg#wave_left {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 163px !important;
    fill: url(#g1) #fff;
}
.cg1 {
    stop-color: #a81afd;
}
.cg2 {
    stop-color: #5f63e4;
}



.mobilecolor .showOnMobile {
	display: none;
	width: 50%;
	padding: 70px 0px
}

/*.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #c05098;	
	/* Andrei: if you add the lines below here, then the menu gets a gradient - nice.
	However, then the Proposal button loses it gradient background on hover and gets gradient text only.
	But I want both: gradient text color in the main menu AND gradient background on hover  in the proposal button
	background-image: linear-gradient(-90deg, #34669a 0, #34669a  100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;		
}*/

#navbar ul:first-child li a:hover, #navbar ul:first-child li a:focus,
#navbar ul:first-child li.active a:focus, #navbar ul:first-child li.active a:hover,
#navbar ul:first-child li.active a{
    /* background-image: linear-gradient(-90deg, #34669a 0, #34669a  100%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	*/
	color: #34669a;
}
.navbar-default {
    border-color: #fff;
}

.navbar.navbar-default {
    border-color: #fff;    
    background: #fff !important;
}

.navbar.navbar-default .container .navbar-collapse .btn-bordered {
    color: #34669a;
    border-color: #34669a;
    background-color: #fff;
}
.navbar.navbar-default .container .navbar-collapse .btn-bordered:hover {
    color: #fff;
    border-color: #34669a;
    background-color: #34669a;
	background-image: linear-gradient(-90deg, #34669a 0, #34669a  100%);
	
}

.rueckschau section, .location section, {
    padding-top: 80px;
}


@media (max-width: 992px) {
	.slider { display: none; }
	.mobilecolor { background: #c05098; }
	.mobilecolor .showOnMobile { display: inline-block; }
}

a {
    color: #203265;
    text-decoration: none;
}

a:hover {
    color: #c05098;
    text-decoration: none;
}

.sponsorlogo {
	margin:0px !important; padding:0px !important;
}

#SponsorenSection h2 {
	font-size:20px; margin-top:0px;
}
body.location #Header .bg_headline_transition {
    position: relative;
	background-image: linear-gradient(-90deg, rgba(189,59,255, .8) 0, rgba(31,147,212, .8) 100%);
}
body.location #Header .bg_headline_transition .pull-right {
    text-align: right;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0;
    font-weight: 500;
    padding-right: 0;
    padding-left: 0;
}
body.location #Header h1 {
    padding-left: 20px;
    padding-right: 20px;
}
body.location #Header .bg_grey {
    padding-top: 0;
    padding-bottom: 0;
}
body.location #Header .hidden-xs {
    line-height: 1;
}
body.location #Header p {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    color: #000;
    font-weight: 400;
}
.btn-sponsoren {
    color: #6b6b6b;
    background-color: #fff;
    border-color: #fff;
    margin: 40px 0 0;
    font-size: 12px;
    padding: 10px 40px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, .2);
}

a.pull-right.downloadpdf.btn.btn-sponsoren,
a.pull-right.downloadpdf.btn.btn-sponsoren:hover,
a.pull-right.downloadpdf.btn.btn-sponsoren:after {
    padding: 6px 34px;
    margin: 0px !important;
    text-decoration: none;
    border: 0px !important;
    border-width: 0px !important;
}

.btn-label {position: relative;left: -12px;display: inline-block;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}


body.programm h1 {
    font-weight: 500;
    font-size: 20px;
    padding-top: 70px;
    text-transform: none;
}
body.programm h1 a {
    position: relative;
    text-decoration: underline;
    color: #6b6b6b;
    display: inline-block;
    padding: 0 0 10px 0;
    margin-right: 20px;
    text-decoration: none;
}
body.programm h1 a:last-child {
    margin-right: 0;
}
body.programm h1 a.active, body.programm h1 a:hover {
    text-decoration: none;
    color: #1f17af;
}
body.programm h1 a.active:after, body.programm h1 a:hover:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 2px solid #1f17af;
}
body.programm .saele .gross, body.programm .saele .raum2, body.programm .saele .raum3 {
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: #1f17af;
    border-bottom: 1px solid #1f17af;
}
body.programm .saele .raum2 {
    color: #3f7cab;
    border-color: #3f7cab;
}
body.programm .saele .raum3 {
    color: #52bca8;
    border-color: #52bca8;
}
body.programm .slots {
    padding: 15px 0 0 0;
}
body.programm .slots .time {
    font-weight: 700;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0 0 12px;
}
@media (max-width:992px) {
    body.programm .slots .time {
    padding: 0 0 0;
}
}body.programm .slots .alleraume {
    font-weight: light;
    font-size: 18px;
    color: #000;
    text-align: center;
    line-height: 26px;
    margin: 0;
    padding: 23px 0 21px;
    background: #f0f0f0;
}
body.programm .slots .slot {
    background: #f0f0f0;
}
body.programm .slots .slot[data-href] {
    cursor: pointer;
}
body.programm .slots .slot[data-href]:hover {
    box-shadow: 2px 2px 15px 0 rgba(173, 173, 173, .5);
}
@media (max-width:992px) {
    body.programm .slots .slot {
    margin-top: 15px;
}
}body.programm .slots .slot .title {
    padding: 20px 16px 15px 10px;
    min-height: 118px;
    position: relative;
    display: flex;
}
body.programm .slots .slot .title p {
    display: inline-block;
    align-self: flex-end;
    font-size: 18px;
	color:#fff;
    line-height: 130%;
    margin: 0;
    padding: 0;
}
body.programm .slots .slot .title p a {
    color: #000;
    text-decoration: none;
}
body.programm .slots .slot .title p a:hover {
    color: #000;
    text-decoration: none;
}
@media (min-width:992px) and (max-width:1200px) {
    body.programm .slots .slot .title p {
    font-size: 15px;
}
}body.programm .slots .slot .meta {
    padding: 20px 17px 15px 20px;
}
body.programm .slots .slot .meta .author {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    display: block;
    line-height: 14px;
    margin: 0;
    padding: 0 0 9px 0;
}
body.programm .slots .slot .meta .company {
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, .5);
    line-height: 14px;
    float: left;
}
body.programm .slots .slot .meta .saal {
    font-size: 12px;
    text-align: right;
    line-height: 12px;
    float: right;
}

body.programm .slots .slot.raum1 .title {
    background: #203265;
}
body.programm .slots .slot.raum1 .saal {
    color: #203265;
}
body.programm .slots .slot.raum2 .title {
    background: rgba(128, 73, 247, 0.3);
}
body.programm .slots .slot.raum2 .saal {
    color: #203265;
}
body.programm .slots .slot.raum3 .title {
    background: rgba(128, 73, 247, 0.3);
}
body.programm .slots .slot.raum3 .saal {
    color: #203265;
}
body.programm .slots .slot.raum4 .title {
    background: rgba(128, 73, 247, 0.3);
}
body.programm .slots .slot.raum4 .saal {
    color: #203265;
}


body.programm .slots .slot.raum5 .title {
	background-image: linear-gradient(-90deg, #203265 0, #203265  100%);	
    /* background: rgba(104,103,244, 0.6); */
}
body.programm .slots .slot.raum5 .saal {
    color: #203265;
}
body.programm .slots .slot.raum6 .title {
    background: rgba(119, 204, 34, 0.3);
}
body.programm .slots .slot.raum6 .saal {
    color: #203265;
}
body.programm .slots .slot.raum7 .title {
    background: rgba(119, 204, 34, 0.3);
}
body.programm .slots .slot.raum7 .saal {
    color: #203265;
}
body.programm .slots .slot.raum8 .title {
    background: rgba(119, 204, 34, 0.3);
}
body.programm .slots .slot.raum8 .saal {
    color: #203265;
}






body.programm_detail a.btn-back {
    padding-top: 20px;
}
body.programm_detail h1 {
    font-weight: 500;
    margin-top: 19px;
    font-size: 30px;
}

body.programm_detail .referenten p {
    font-size: 16px;
    line-height: 22px;
}
body.programm_detail .referenten p b {
    color: #c05098;
    font-weight: 400;
}
body.programm_detail .referenten p.social a {
    white-space: nowrap;
    color: #c05098;
    padding-right: 10px;
    font-size: 16px;
}
body.programm_detail .referenten p.social a:hover {
    text-decoration: none;
}
body.programm_detail .timetable .head {
    padding: 12px 0 10px;
    margin: 0;
    border-top: 2px solid #c05098;
    border-bottom: 2px solid #c05098;
    font-weight: 700;
    font-size: 16px;
    color: #000;
}
body.programm_detail .timetable .head+.head {
    border-top: 0;
}
body.programm_detail .timetable .border_bottom {
    border-bottom: 2px solid #6b6b6b;
}
body.programm_detail .timetable .border_top {
    border-top: 2px solid #6b6b6b;
}
body.programm_detail .timetable .content {
    font-size: 16px;
    color: #000;
}
body.programm_detail .timetable .content p {
    padding: 12px 0 10px;
    margin: 0;
}
body.programm_detail .timetable .content ul {
    font-size: 16px;
    color: #000;
}
.alert {
    color: red;
    line-height: 120%;
    padding: 0px;
    margin-bottom: 0px;	
}

.slots .alert {
    font-size: 12px;
	text-align:left;
}

.smallgrey {
	font-size:12px;
	color:#999;
}

div#sketch-holder2 {
    background: url(https://www.bettercode.eu/img/code-animation-js.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 450px;
	background-position: center;	
}

.parallax1 {
  background-image: url("/images/header/disabled.jpg");

  /* Set a specific height */
  height: 450px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax2 {
  /* The image used */
  background-image: url("/img/slideshow-min.jpg");

  /* Set a specific height */
  height: 450px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body.index #Header .col-xs-12 {
    min-height: auto !important;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-duration: 4s; 
}

#JetztSponsorenWerdenSection {
	padding-top: 20px;
	padding-bottom:55px;
}
.entry:not(:first-of-type)
{
    margin-top: 25px;
}
.entry:not(:last-of-type) {
    border: 1px dashed #d9534f;
    padding: 15px 5px;
}
.glyphicon
{
    font-size: 12px;
}
div#ZusammenfassungTeilnehmerinformation {
    max-height: 500px;
    overflow-y: auto;
}
button.btn.btn-success.btn-lg.btn-add, button.btn.btn-lg.btn-remove.btn-danger {
    padding: 10px;
    border-radius: 10px;
    line-height: 12px;
    font-size: 12px;
}
span.last_check_better_rech {
    display: block;
    margin-top: 15px;
    margin-bottom: 5px;
}
h3.heading_zusa {
    color: #fff;
    background: #2495D5;
    font-weight: 600;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 5px 5px 0 0;
    margin-top: 0;
    text-transform: capitalize;
    font-size: 18px;
}
.box_last_step {
    background-color: #fff;
    border: 1px solid #cccc;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 5px;
    padding: 0;
    box-shadow: 5px 5px 5px -5px #ccc;
}
.content_last_step_wrapper {
    padding: 10px 15px;
}
form.custom-form #Zusammenfassung .content_last_step_wrapper b {
    color: #5a5a5a !important;
}

button.addpers, button.rempers {
    margin-left: 7px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 500;

}
section#JetztSponsorenWerdenSection h2 {
    font-size: 28px;
    font-weight: 600;
}

section#JetztSponsorenWerdenSection .p-md {		
    padding: 1em;
}

section#NewsletterSection .p-md {
    padding: 1em 100px;
}

body:not(.index) .navbar.navbar-default .container .navbar-brand {
    margin-left: 0px !important;
    opacity: 1 !important;
}

button.addpers span, button.rempers span {
    padding: 1px 5px; 1px 1px;
    font-size: 12px;
    font-weight: 600;
}

button.addpers span, button.rempers span {
    padding: 1px 5px; 1px 1px;
    font-size: 12px;
    font-weight: 600;
}

.clonedInput + .clonedInput {
    padding-top: 25px;
    border-top: 2px dashed #218fd6;
}
.promocode-display.text-left {
    margin-left: 0px;
    padding: 10px 15px;
}
.bettercode_newsletter.text-center::after {
    content: url(/img/newsletter.svg);
    position: absolute;
    top: 35%;
    left: 70%;
    width: 32px;
    height: 32px;
}
.bettercode_newsletter.text-center {
    text-align: left;
}
.bettercode_newsletter {
    padding-top: 25px;
    padding-bottom: 25px;
}
.keyboard-img.animatedParent, section.themen_padd {
    padding-bottom: 4.5em !important;
}
/*#Header .jumbo {
    min-height: 650px;
}*/
.jumbo {
    background-position: center center !important;
}
.file-img-proposal {
    position: absolute;
    top: 50%;
    right: 0;
    overflow: hidden;
    padding-right: 1%;
    z-index: 2;
}
.code-img-proposal{
    position: absolute;
    bottom: -150px;
    left: 0;
    overflow: hidden;
    padding-left: 1%;
    z-index: 2;
}
p.lang_switch {
    padding-top: 15px;
    margin-bottom: 0;
}
.lang_switch i.fas.fa-chevron-right {
    font-size: 10px;
    position: relative;
    top: -2px;
    padding-right: 3px;
    color: #203265;
}
h1.call_for_proposals_heading {
    margin-bottom: 20px;
}
p.f_paragraph, p.s_paragraph {
    margin-bottom: 20px;
}
.themen_padd_row {
    padding-top: 35px;
}
.themen_padd_row h2 {
    padding-bottom: 15px;
}
ul.themen_list:not(.nav) li:before {
    font-size: 24px;
    color: #2f58f5;
}
ul.grey.themen_list {
    padding-bottom: 20px !important;
}
section.themen_padd {
    padding-bottom: 50px !important;
}
p.tools_p {
    padding-bottom: 50px;
}
p.erfahrungen_p{
    padding-bottom: 30px;
}
h2.erfahrungen_h, h2.tools_h {
    margin-top: 0;
    padding-bottom: 15px;
}
.slideshow_img_proposal {
    padding-bottom: 75px;
}
p.wichtiges_first_p, p.wichtiges_second_p, p.wichtiges_third_p {
    margin-bottom: 20px;
}
.wichtiges_h {
    margin-bottom: 20px;
}
section.themen_padd h3 {
    margin-top: 0px !important;
}
.better_code .has-float-label .input-group-prepend.rabattcode {
    left: auto !important;
    top: 50% !important;
}

.stoerer {
	background-color:#c05098; color:white; 
}

button#RabattcodeSubmit {
    background-color: #6b6b6b;
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
    color: #ffffff;
}
@media (max-width: 981px){
.bettercode_newsletter.text-center::after {
    content:none !important;
}
.bettercode_newsletter.text-center {
    text-align: center !important;
}
.file-img-proposal, .code-img-proposal{
    display: none;
}
#JetztSponsorenWerdenSection p, section#JetztSponsorenWerdenSection h2 {
    text-align: center;
}
#JetztSponsorenWerdenSection a {
    margin-top: 25px;
}
}



.m3-parallax {
  background-image: url('/img/m3-logoxlw.svg'), linear-gradient(-90deg, #67ffa4 0, #1f18af 100%);
  min-height: 100vh; 
  background-attachment: fixed;
  background-position: 80% 40%;
  background-repeat: no-repeat;
  background-size: auto;
}

.m3-parallax2 {
  background-image: url('/img/shutterstock_1149254813_Micolas.jpg');
  min-height: 65vh; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.m3-parallax3 {
  background-image: url('/img/demo3.jpg');
  min-height: 70vh; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.m3-parallax-profile3 {
  background-image: url('/img/demo3.jpg');
  min-height: 50vh; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.m3-parallax-profile {
  background-image: url('/img/shutterstock_1149254813_Micolas.jpg');
  min-height: 50vh; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
img.img-responsive.img-parallax {
    padding-top: 50px;
	max-width: 550px;	
}

h3.subtitle-parallax {
    font-size: 45px;
    line-height: 50px;
    color: white;
    margin: 0px 0px 50px 0px;
    padding: 0px;	
}

div.description-parallax {
    font-size: 20px;
    line-height: 30px;
    color: white;
	text-align: justify;
	padding-bottom: 35px;
}

h1.title-parallax {
    font-size: 80px !important;
    line-height: 100px;
    color: white;
}

.date-parallax {
    color: white;
    font-size: 30px;
    font-weight: 700;
    margin: 0px 0px 50px 0px;
    padding: 0px;
}


@media (max-width:992px) {
	.m3-parallax {
	  background-image: linear-gradient(-90deg, #67ffa4 0, #1f18af 100%) !important;
	}
	h3.subtitle-parallax {
		font-size: 25px !important;
		line-height: 35px;
	}
	div.description-parallax {
		font-size: 18px !important;
		line-height: 25px;
	}
	h1.title-parallax {
		font-size: 55px !important;
		line-height: 70px;	
	}
	.date-parallax {
		font-size: 22px;
	}	
}

.profile-card {
  max-width: 220px;
  margin: auto;
  text-align: center;
}


.profile-image {
    margin: 15px;
    max-width: 90%;
	border: solid 1px #333;
}

.profile-name {
    font-size: 22px;
    color: #43379c;
    /* text-transform: capitalize; */
	margin: 0px;	
}

.profile-title-card {
    color: grey;
    font-size: 15px;
	margin: 0px;	
}
div#tprofiles .owl-dots {
    text-align: center !important;
    -webkit-tap-highlight-color: transparent;
}

div#tprofiles .owl-nav.disabled + .owl-dots {
    margin-top: 20px;
}
.item.profile-card a, .item.profile-card p {
    color: black !important;
}


.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #c05098 !important;
}

.owl-theme .owl-dots .owl-dot span {
    background: rgba(0, 0, 0, 0.4);
}

.bgdiagon {
	transform: skewY(-2deg);
}

.bgdiagoncontent {
	transform: skewY(2deg);
}
.bgdiagon.custompage2 {
    margin-bottom: -35px;
}

.bgdiagoncontent.custompagex2 {
    padding-bottom: 35px;
}

.bgdiagon.custompage1 {
    margin-top: -35px;
}

.bgdiagoncontent.custompagex1 {
    padding-top: 35px;
}

.m3-parallax3 h3.subtitle-parallax,
.m3-parallax3 .date-parallax.text-center,
.m3-parallax3 .description-parallax {
    color: #000;
}
.m3-parallax-profile3 .profile-name {
    color: #000;	
}
.m3-parallax-profile3 .item.profile-card a, .item.profile-card p {
    color: black !important;
}

.m3-parallax-profile3 .owl-theme .owl-dots .owl-dot.active span,
.m3-parallax-profile3 .owl-theme .owl-dots .owl-dot:hover span {
    background: black !important;
}

.owl-theme .owl-dots .owl-dot span {
    background: #34669a;
}


body.programcompact .slots .slot .title {
    min-height: unset !important;
    padding: 5px 15px !important;
    background-color: #203265;
}
body.programcompact .slots .slot .title p a, title_white {
    color: #fff;
}

.title_white {
    color: #fff !important;
}

body.programcompact .slots .slot .meta {
    padding: 10px 15px !important;
}
body.programcompact .slots .slot .meta p.alert.text-center {
    display: none;
}
body.programcompact p.alleraume {
    padding: 12px !important;
}

body.programcompact .slots .slot .meta .author {
    padding: 0 !important;
    display: block;
    width: 100%;	
}
body.programcompact .slots .slot .meta  p.author br { 
    display: none
}
body.programcompact .slots .slot .meta .company {
    float: right;
}
body.programcompact  .row.slots.row-eq-height p.time i.far.fa-clock {
    padding-right:6px
}
.container.bgdiagoncontent.custompagex1 ul li:before {    
    font-family: 'FontAwesome';
    content: '\f05d';
    margin:0 5px 0 -7px;
    font-size: 13px;
    padding-top: 3px;
}

.bg_red {
    background-image: linear-gradient(-90deg, #203265 0, #203265  100%);
}
body.programcompact #Footer h5 { 
    color: #fff;
}

body.programcompact #Footer h5.logos {
    color: #000;
}

.text_white {
	color: #fff;	
}

.btn-primary {
    color: #fff;
    background-color: #c05098 !important;
    border-color: #c05098 !important;
}

.stoerer {
	background-color:#c05098; color:white; }

.pretix-widget-wrapper {
    background-color: white;
}

.pretix-widget button, .pretix-widget input[type="button"], .pretix-widget-alert-box button, .pretix-widget-alert-box input[type="button"] {
    background-color: #6a69e9 !important;
    border-color: #6a69e9 !important;
}

.pretix-widget a, .pretix-widget-alert-box a {
    color: #6a69e9 !important;
    text-decoration: none;
}

.pretix-widget-primary-color {
    fill: #6a69e9 !important;
}

		
body { font-size:18px; }

#Header .jumbo {
    min-height: 200px;
}


.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  flex-grow: 1;
}

.row.display-flex [class*='col-'] {
    background-color: #cceeee;
}

/* only for demo not required */
.box {
    border:1px #666 solid;
    height: 100%;
}