#naviLanguage{
    display:    none !important;
}

#myModal,
#myModal2,
#myModal3{
	z-index:999999;
}

span.starRight{
    display: inline;
}

body.unsubscribe .navbar,
body.unsubscribe  #breadcrumb,
/*#mainContent .left-content *:not(.frontendIframeSize){
    display: none;
}*/


/*TEST*/
.hide{
    display: none;
}
#group_12_0,
div.tabs-container > ul{
    display: none;
} 

div.tab-content > div.tab-pane{
	display: block;
	margin-top:20px;
	visibility: visible;
}

div.tab-content > div.tab-pane:first-child{
	border:0;
}

div.tab-pane div.tab-pane-titel{
	background:#b3000d;
	color: #fff;
	padding:7px 15px;
	margin-bottom:15px;
}

.custom-ckb input, .custom-ckb label {
    display: inline-block;
    vertical-align: top;
}
.custom-ckb input{
	margin-top: 7px;
}

.custom-ckb label{
    font-weight: normal !important;
    max-width:95%;
    margin: 0;
}



p{
    margin-bottom:10px;
}

#customagenda h4 {
    width: 120px;
    display: inline-block;
    clear: both;
    font-size:18px;
    margin-bottom: 0;
   /*  float: left; */
    line-height: inherit;
    margin-top: 0;
    display: block;
}

span.custom-trenner{
    display: block;
    margin:5px 0;
    padding:5px 10px;
    background: #868a8e;
    color: #fff;
}

/*TEST*/


body{
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #5d6163;
    background-color: #fff;
}

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


/* *** FRAMEWORK *** */


#breadcrumb {
    padding-top:30px;
}

#breadcrumb ul li{
    display: inline;
    margin-left: 0;
    margin-right:5px;
    
}
#breadcrumb ul li:after{
    content:"\f105";
    font-family: 'fontAwesome';
    margin-left:5px;
    color: #b3000d;
}

#breadcrumb ul li:last-child:after{
    display: none;
}

#breadcrumb ul li a{
    font-size:14px;
}

#breadcrumb ul li:last-child a{
    color: #000;
}

#breadcrumb ul li a.home-nav{
    font-size: 20px;
}

.header{
    color: #5d6163;
    background-color: #eff0f1;
    padding: 10px 0;
    width: 100%;
}

.key-visual-img{
    margin-bottom:30px;
}

    #divLogotext{
        padding: 20px 15px;
        float: none;
        padding: 0 15px;
        position:   relative;
        width:100%;
    }
    .header-brand{
        margin-bottom: 36px;
    }

    .header-brand img{
        width: 100%;
    }

    .ext_links{
        display: none;
    }

    ul#language_change{
        position: absolute;
        left: 5%;
        top: -10px;
        background: #fff;
        list-style: none;
        padding: 5px 10px;
            cursor: pointer;
    }

    #bodyRegistration ul#language_change{
        top:0;
        left:   20px;
    }

    #language_change li{
        list-style:     none;
        margin:     0;
    }

    #language_change li > a{
        color:  #555555;
        font-size:13px;
    }

    #language_change:hover{
        background:     #555 !important;
    }

    #language_change:hover li > a{
        color:  #fff;
    }

    #language_change li > a:before{
        content: '\f0ac';
        font-family:    FontAwesome;
        margin-right: 5px;
    }

#divContent{
    max-width: 750px;
}

#keyvisual{
    position: relative;
}
    #keyvisual > img{
        width: 100%;
    }


#mainContent{
    margin: 30px 0 0;
    overflow:hidden;
}

#sidebar{
    margin-top: 40px;
}
    #sidebar .sidebar-content{
        background-color: #eff0f1;
        padding: 20px;
    }
    #sidebar .sidebar-content:not(:last-child){
        margin-bottom: 15px;
    }
    #sidebar .sidebar-content > div:not(:last-child){
        margin-bottom: 20px;
    }
    #sidebar span.headline{
        margin-top: 0;
        color: #b3000d;
        margin-bottom: 11px;
    }
    
/* --- Navigation --- */
.navbar-default{
    margin: 0;
    width: 100%;
    min-height: 0;
}

    .navbar-default .navbar-nav > .open > a, 
    .navbar-default .navbar-nav > .open > a:hover, 
    .navbar-default .navbar-nav > .open > a:focus{
        background: transparent;
    }
    .navbar-collapse{
        background-color: #b3000d;  
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4) inset;
        box-shadow: 0 0 15px rgba(0,0,0,0.4) inset;
        padding: 0;
    }
    #top-menu{
        padding:25px 0;
    }
    #top-menu > li {
        border: none;
        margin: 0;
    }
    #top-menu > li > a{
        color: #fff;
        margin: 0 15px;
        font-size: 18px;
        padding: 10px 0;
        border-bottom: 1px solid;
        transition: color 0.5s;
        -webkit-transition: color 0.5s;
    }
    #top-menu > li#divNavPunkt_external_links > a:first-child{
    	display: none;
    }

    #top-menu > li > a:hover{
        color: #b3000d;
    }

    #top-menu > li.open > a,
    #top-menu li.active.dropdown  a{
        border: 0;
    }
    #top-menu li.dropdown ul.dropdown-menu{
        display: none;
        background-color: #c96655;
    }
    #top-menu li.dropdown.open ul.dropdown-menu,
    #top-menu li.active.dropdown > ul.dropdown-menu{
        display: block;
        padding:10px 0;
        position: relative;
    }
    #top-menu li.dropdown.open ul.dropdown-menu:before,
    #top-menu li.active.dropdown > ul.dropdown-menu:before{
        content: '';
        position: absolute;
        left: 10px;
        top: 0;
        border: 10px solid #b3000d;
        border-left-color:transparent;
        border-right-color:transparent;
        border-bottom-color:transparent;
    }
    #top-menu li.active.dropdown > ul.dropdown-menu a{
        padding: 5px 15px 5px 25px;
    }
    #top-menu li.dropdown ul.dropdown-menu li  a,
    #top-menu li.dropdown ul.dropdown-menu li  a:hover,
    #top-menu li.dropdown ul.dropdown-menu li  a:active{
        background-color:transparent;
    }
    #top-menu li.dropdown ul.dropdown-menu li.active  a,
    #top-menu li.dropdown ul.dropdown-menu li.active  a:hover,
    #top-menu li.dropdown ul.dropdown-menu li.active  a:active{
        background-color:#c35542;
        display: block;
        width:100%;
    }
    #top-menu li.dropdown b.caret{
        display: none;
    }
    #top-menu li.dropdown ul.dropdown-menu li {
        display: flex;
        margin: 0;
    }
    #top-menu li.dropdown ul.dropdown-menu li > a{
        color: #fff;
        font-weight: lighter;
        font-size: 16px;
        padding: 2px 16px;
    }

.navbar-toggle{
    top: 24vw;
    right: auto;
    left: 55px;
}


/* --- Key visual --- */
    .box-section .box-wrapper{
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        margin:  10px auto;
    }
    .box-section .box-content{
        background-color: #eff0f1;
        overflow: hidden;
        position: relative;
        height: auto;
    }
    .box-section .box-content:before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #000;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: opacity 250ms linear;
        -o-transition: opacity 250ms linear;
        transition: opacity 250ms linear;
        z-index: 1;
    }
    .box-section .box-content:hover:before,
    .box-section .box-content:focus:before {
        opacity: .3;
        filter: alpha(opacity=30);
    }

    .box-section .box-content img{
        width: 100%;
    }

    .box-section .box-text{
        padding: 15px;
    }
    
    #start-keyvisual {
        margin-bottom: 35px;
    }

    #start-keyvisual > img {
        width: 100%;
    }

    #start-keyvisual .wrapper {
        position: absolute;
        width: 100%;
        display: block;
        left: 0;
        background-color: #EFF0F1;
    }

    #start-keyvisual .wrapper {
        position: absolute;
        width: 100%;
        display: block;
        left: 0;
        background-color: #EFF0F1;
    }

    #start-keyvisual .wrapper img{
        width: 100%;
        display: block;
    }
    #start-keyvisual .inner > div{
        position: absolute;
        width: 100%;
    }

    #start-keyvisual .inner .bottom{
        bottom: 0;
        left: 0;
        padding: 0 15px;
    }
    #start-keyvisual .inner .bottom a > span{
        display: block;
        padding: 0;
        margin: 0;
    }

    #start-keyvisual .inner .bottom .title {
        padding: 0 15px 10px;
        font-size: 16px;
    }
    #start-keyvisual .inner .bottom .title a{
        background: #FFF;
        display: block;
        padding: 5px 10px;
    }
    #start-keyvisual .inner .bottom .title a .h1,
    #start-keyvisual .inner .bottom .title a .h2{
        color: #b3000d;
        font-size: 18px;
        font-weight: 200;
    }

    #start-keyvisual .inner .bottom .title a .h1{
        font-weight: 400;
    }

    #start-keyvisual .inner .bottom .teaser {
        display: none;
    }


    li > h4{
        display: inline;
    }

    li{
        margin-bottom:15px;
        margin-left:20px;
        list-style-type:disc;
    }






/* --- Footer --- */
#divFooter {
    width: 100%;
    background-color: #eff0f1;
    margin-top: 24px;
}

.gray-footer{
    background:#eff0f1;
}

.white-footer{
    background: #fff;
}

.height60{
    display: block;
    height:60px;
}

#divFooter a{
    color: #868a8e;
}
   

    #divFooter  .inner-footer {
        position: relative;
        margin: 0 auto;
        padding: 30px 20px 0;
        color: #5d6163;
        text-align: center;
    }



    #divFooter .inner-footer .footer-bottom-right{
        margin-top: 30px;
    }

    #divFooter .footer-social-nav{
        margin-bottom:30px;
    }

    #divFooter .inner-footer ul.list-unstyled,
    #divFooter .inner-footer ul.list-unstyled li{
        list-style-type: none;
        margin: 0;
    }

    #divFooter .inner-footer ul.list-unstyled{
        margin-top:30px;
    }

    
    #divFooter .sponsor-img{
        max-width: 150px;
        margin: 10px 15px;
    }

    #divFooter i:hover, #divFooter i:focus {
        text-decoration: none;
        color: #b3000d !important;
    }
    #divFooter .et {
        display: inline-block;
        font-family: 'entypo-icons' !important;
        font-style: normal;
        font-size: 22px;
        color: #000;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #divFooter .ei {
        display: inline-block;
        font-family: 'elegant-icons' !important;
        font-size: 22px;
        color: #000;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #divFooter .ei-social_facebook:before {
        content: "\e63a";
    }
    #divFooter .et-google:before {
        content: "\e76d";
    }
    #divFooter .et-twitter:before {
        content: "\e77c";
    }
    #divFooter .ei-social_youtube:before {
        content: "\e604";
    }
    .footer-nav ul li {
        padding: 8px 0;
    }
    .footer-nav h5 {
        color: #000;
        font-size: 16px;
        display: inline-block;  
    }
    .footer-nav h5:hover {
        text-decoration: none;
        color: #b3000d !important;
        font-size: 16px;
    }
    .footer-copy {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px;
        color: #868a8e;
    }


/* *** HEADLINE STYLES *** */
h1,h2{
    font-size: 26px;
    margin: 0 0 10px 0;
    color: 000;
}
h1{
    margin-bottom: 0;
}
span.headline{
    display: block;
    margin: 40px 0 15px 0;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}

span.headline_sub{
    display: block;
    margin: 20px 0 15px 0;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    line-height:16px;
}


/* *** GENERAL *** */
ul.list{
    list-style-type: disc;
    padding-left: 20px;
}
ul.big{
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}
    ul.big li span{
        color: #b3000d;
    }

a.cta{
    display: block;
    color: #b3000d;
    font-size: 18px;
    background-color: #eff0f1;
    padding: 20px;
    margin-top: 10px;

    -webkit-transition: all 500ms ease;
    -moz-transition:    all 500ms ease;
    -ms-transition:     all 500ms ease;
    -o-transition:      all 500ms ease;
    transition:         all 500ms ease;
}
    a.cta:before{
        font-family: fontAwesome;
        content: '\f178';
        margin-right: 10px;
    }
    a.cta:hover{
        background-color: #a8a8a9;
        color: #7e0009;
    }

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    margin-top: 40px;
    height: 0;
    overflow: hidden;
}
    .responsive-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* --- Slick Slider --- */
.slider{
    overflow: hidden;
    position: relative;
    margin-bottom:40px;
}

.slider + span.headline{
    margin-top:0;
}

    .slick-dots{
        position: absolute;
        bottom: 0;
        left: 10px;
        width: 100%;
    }
    .slick-dots li{
        float: left;
        list-style-type: none;
        margin-left: 0;
    }
    .slick-dots li button{
        font-size: 0;
         line-height: 0;
         color: transparent;
         border: 0;
         outline: none;
         background: transparent;
    }
    .slick-dots li button:before{
        font-family: fontAwesome;
        content: '\f111';
        font-size: 15px;
        line-height: 20px;
        color: rgba(255,255,255,0.5);
    }
    .slick-dots li.slick-active button:before{
        color: #FFFFFF;
    }

    .slick-prev,
    .slick-next{
        position: absolute;
        z-index: 10;
        top: calc(50% - 17px);
        font-size: 0;
        line-height: 0;
        padding: 0;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
    }
    .slick-prev{
        left: 15px;
    }
    .slick-next{
        right: 15px;
    }
    .slick-prev:before,
    .slick-next:before{
        font-family: 'fontAwesome';
        font-size: 35px;
        line-height: 1;
        color: rgba(255,255,255,0.5);

        -webkit-transition: all 500ms ease;
        -moz-transition:    all 500ms ease;
        -ms-transition:     all 500ms ease;
        -o-transition:      all 500ms ease;
        transition:         all 500ms ease;
    }
    .slick-prev:hover:before,
    .slick-next:hover:before{
        color: #FFFFFF;
    }
    .slick-prev:before{
        content: '\f137';
    }
    .slick-next:before{
        content: '\f138';
    }

    .slider img{
        max-height:180px;
        width: auto !important;
    }

/* --- Accordion --- */
.ui-accordion-header {
    padding: 10px 15px;
    background-color: #eff0f1;
    color: #000;
    outline: none;
    width: 98%;
}
    .ui-accordion-header:before {
        float: right;
        display: inline-block;
        font-family: 'entypo-icons' !important;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e627";
        color: #868a8e;
    }
    .alternate.ui-state-active:before {
        content: "\e624";
        float: right;
        display: inline-block;
        font-family: 'entypo-icons' !important;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #868a8e;
    }
    .ui-accordion-content {
        padding: 12px 24px;
        height: auto !important;
    }


/* *** SITE SPECIFIC *** */
/* --- Agenda --- */
.agendaRow {
    line-height: 24px;
    margin: 0 0 0 24px;
}

.agenda-loop{
    margin-top:40px;
}

.agenda-loop .session{
    margin-bottom:20px;
    border-bottom:1px solid #eff0f1;
    padding-bottom:20px;
}

.agenda-loop .session-day{
    background-color:#EFF0F1;
    padding: 10px 20px;
}


.agenda-loop .session-day > span{
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
}

.agenda-loop .session-day .session-day-digit{
    font-size:50px;
    line-height: 1;
}

.agenda-loop .session-day .session-day-name{
    margin-left:15px;
    line-height:40px;
    font-size: 20px;
}

.agenda-loop .session-content .session-time{
    background:#EFF0F1;
    padding:5px 15px;
    margin-top: 5px;
    font-size: 14px;
    display: inline-block;
}

.agenda-loop .session-content .light-text{
    opacity: 0.7;
}

.agenda-loop span.placeholder-time {
    display: inline-block;
    width: 20px;
}
.agenda-loop .session-content .session-referent{
    /*background:#000;
    color: #fff;
    padding:5px 15px;
    margin-top: 5px;
    font-size: 14px;*/
    display: inline-block;
    margin-top: 10px;
}
.agenda-loop .session-content .session-referent .session-referenten-name a{
    color: #b3000d;
}

.agenda-loop .session-content .session-referent .session-referenten-name:not(:last-child):after{
    content: ', ';
}

.agenda-loop .session-content .subsession-headline{
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
    margin-top:5px;
}

.agenda-loop .faq{
    margin:0 0 10px 0;
}

/* --- Agenda Referent --- */
.referent-detail_back{
    background-color: #b3000d;
    border: 2px solid #b3000d;
    display: inline-block;
    color: #FFF;
    padding: 5px 20px 5px 10px;
    margin: 20px 0 10px 0;

    -webkit-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;
}
    .referent-detail_back:hover,
    .referent-detail_back:active,
    .referent-detail_back:focus{
        background-color: #FFFFFF;
        color: #b3000d;
    }
    .referent-detail_back:before{
        font-family: 'fontAwesome';
        content: '\f100';
        float: left;
        margin: 1px 20px 0 0;
    }
.referent-detail{
    background-color: #eff0f1;
}
    .referent-detail .referent-img{
        max-width: 300px;
        margin: 0 auto;
    }
    .referent-detail .referent-img img{
        width: 100%;
    }
    .referent-detail .referent-text{
        padding: 10px;
    }
    .referent-detail .referent-text h2{
        color: #b3000d;
    }

/**Registration site**/
.anmeldung-hinweis{
	border: 2px solid #A4D65E;
	margin-bottom: 20px;
	padding: 20px;
}

.faq {
    background-color: #eff0f1;
    border-color: #eff0f1;
    
    display: block;
    padding: 10px 15px;
    color: #000;
    font-size: 15px;
    cursor: pointer;
}

.faq.collapsed{
    border-bottom: 1px solid #fff;
}

 .faq-inner{
    padding: 15px;
    border: 2px solid #eff0f1;
}

.faq > span.angel{
    float: right;
}


.faq > span.angel:before{
    content: "\f106";
}

.faq.collapsed > span.angel:before{
    content: "\f107";
}

/* ### iFrame Registration --- */

#ifrFrontend{
    width: calc(100vw - 20px);
}
#bodyRegistration {
    overflow-x: hidden;
    padding: 60px 20px 10px;
    position: relative;
    background-color: #eff0f1;
    width: 100%;
    max-width:1000px;
}

    .remainingStep > .navSelected {
        position: absolute;
        left: 1px;
        top: 1px;
        background-color: #555555;
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        padding: 8px 12px;
        color: #fff;
        white-space: normal;
    }
    .navNotSelected {
        font-size: 13px;
        color: #777;
        padding: 6px 12px;
        display: none;
    }
    div.frontendTopNaviButtonContainer {
        margin-left: 0;
        margin-right: 15px;
    }


	#label_status_zusage_0{
		margin-right:20px;
	}

	.tab-pane:not(#div_person_1) #statusAbsageZusage{
		display: none;
	}

    div.groupHeadline {
        background-color: transparent;
        display: block;
        width: 100%;
        padding: 15px 0;
        margin-bottom: 22px;
        font-size: 18px;
        line-height: inherit;
        color: #868a8e;
        border: 0;
        border-bottom: 1px solid #e5e5e5;
        font-weight: normal;
    }
    div.fieldContainer {
        display: block;
    }
    div.fieldInput {
        padding-left: 0; 
    }

	div.checkboxCaption{
		font-size:16px;
		color: #5d6163;
	   width:calc(100% - 35px);
    }

    div.checkboxCaption span.label{
        margin-left: 10px;
    }

	div.fieldContainer:not(.horizontal-frmDefaultBool) div.checkboxContainer{
        clear: both;
        margin-right:20px;
    }

    div.fieldContainer.horizontal-frmDefaultBool div.checkboxContainer{
        clear: both;
        display: inline-block;
        margin-right:20px;
    }
    
    div.fieldContainer div.checkboxInput{
        width:20px;
        float: left;
    } 

    .noKontingent .checkboxCaption{
    	color: #aaa;
    }
   


    #frontendStepContainer {
        color: #000;
        font-size: 18px;
        padding-top: 0 !important;
    }
    div#frontendBottomNavi {
        margin-top: 49px;
        margin-bottom: 50px;
        width: 100%;
    }

    #butAbsage{
    	float: right;
    }

    div.fieldCaption, div.fieldCaptionMandatory {
        width:auto;
        min-width:300px;
        border: none;
        background-color: transparent;
        font-size: 16px;
        font-weight: 600;
        margin-right: 4%;
        padding: 0;
        margin: 0;

    }
	div.fieldCaption label, div.fieldCaptionMandatory label{
		font-weight: 600;
	}

    input[type=text],
    input[type=file], 
    input[type=email], 
    select,
    textarea{
        min-width: 70%;
        padding: 0 12px;
        display: block;
        width: 100% !important;
        height: 40px;
        padding: 8px 12px;
        font-size: 16px;
        line-height: 1.42857143;
        color: #555555;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #cccccc;
        border-radius: 0px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }
    select{
    	-moz-appearance: menulist;
    	-webkit-appearance: menulist;
    }
    textarea{
        height:150px;
    }

	.frmInvalid{
    	background: #fff;
    	border:1px solid #b3000d !important;
    }

	.frmDefaultBool.frmInvalid{
		background: transparent;
		padding: 0 2px;
	}

    .readonlyField{
        background: #efefef !important;
        color:#aaa!important;
    }

    .fieldContainer > .Label > label{
    	font-weight: normal;
    	font-size:16px;
    }

    .frontendBottomNaviCaption {
        color: #fff;
        background-color: #b3000d;
        border-color: #9a000b;
        padding: 8px 16px;
        font-size: 16px;
        font-weight: 100 !important;
        line-height: 1.42857143;
        border-radius: 0;
    }

    .fileInput.frontendFileInput,
    div.fileUploadField{
        display: block;
        width:100%;
        margin-bottom:10px;
        padding: 0;
    }

     .fileInput.frontendFileInput > input{
        width:100% !important;
    }

    #tr_2333{
        display: none;
    }

    


    /* BS - Reset */
    #navigationToggleLabel {
        position: relative;
        right: 44px;
        top: 16px;
        font-size: 12px;
    }

/* ** VAORT** */
.venue-iframe{
        width:100%;
        min-height:250px;
        margin-bottom:30px;
    }

.venue-loop-item{
    margin-top:30px;
}

.venue-loop-item > strong.venue-item-name{
    font-size:20px;
    margin-bottom:10px;
    display: block;
}

.venue-loop-item > img{
    margin-bottom:15px;
}

.venue-loop-item > p{
    margin:5px 0;
}


/* ** GASTGEBER ** */
.gastgeber{
    display: inline-block;
    width: 80%;
    margin: 30px 20px;
    text-align: center;
}

.gastgeber-img{
    max-width: 100%;
    height:80px;
}

/* ** KONTAKTFORM** */
#kontaktformular_custom{
    padding: 60px 20px;
    background-color: #eff0f1;
    position: relative;
}

#kontaktformular_custom span.info-badge{
        position: absolute;
    left: 1px;
    top: 1px;
    background-color: #555;
    margin: 0;
    padding: 8px 12px;
    color: #fff;
}

#kontaktformular_custom .contact_feld{
    margin-bottom: 15px;
}

#kontaktformular_custom .contact_feld label{
    display: block;
}

#kontaktformular_submitbutton{
    color: #fff;
    background-color: #b3000d;
    border-color: #9a000b;
    padding: 8px 16px;
    font-size: 16px;
    line-height: 1.42857143;
    border-radius: 0px;
    cursor: pointer;
    margin-bottom: 22px;
}

#kontaktformular_submitbutton:hover{
    color: #fff;
    background-color: #800009;
    border-color: #5c0007;
}


.kontaktformularInvalid{
    border:1px solid #a94442;
}

#kontaktformular span.success-kontakt{
    background: #008047;
    color: #fff;
    padding: 15px;
    display: inline-block;
}

#kontaktformular span.fail-kontakt{
    background: #b3000d;
    color: #fff;
    padding: 15px;
    display: inline-block;
}


@media (min-width:480px){

    /* ### iFrame Registration --- */
    #ifrFrontend{
        width: 100%;
    }

    #customagenda  .custom-ckb {
        display: block;
    }

    #customagenda .session-block{
        display: inline-block;
        width: 100%
    }

    #customagenda .time-block{
        margin-top:10px;
    }


    /**Formular Anpassung mehrspaltig**/


    /**zweispalitge TRs**/
	#tr_51,
	#tr_53,
    #tr_2113,
    #tr_2114,
    #tr_2106,
	#tr_1,
	#tr_2,
	#tr_7,
	#tr_2011,
	#tr_2038,
	#tr_6,
	#tr_961,
	#tr_976,
	#tr_2069,
	#tr_2068,
	#tr_965,
	#tr_966,
    #tr_2034,
    #tr_2115,
    #tr_2116,
    #tr_2117,
    #tr_2118,
    #tr_2111,
    #tr_2119,
    .fieldContainer[id^="tr_2099_bg"]{

		display: inline-block;
		width:50%;
        padding-right:  0;
	}


   

	/**dreispaltige TRs**/
    #tr_903,
    #tr_4,
    #tr_5,
    #tr_967,
    #tr_965,
    #tr_966,
    .fieldContainer[id^="tr_2_bg"],
    .fieldContainer[id^="tr_2114_bg"],
    .fieldContainer[id^="tr_1_bg"]
    {
        display: inline-block;
        width:33%;
        padding-right:  0;
    }

    /**dreispaltige TRs**/

    /*.fieldContainer[id^="tr_2102_bg"]{
        display: inline-block;
        width:24.5%;
    }*/


	/**zweispaltige TRs (das vordere TR)**/
	/**dreispaltige TRs (die beiden vorderen TR)**/
    
	#tr_51 + div.frontendClearFloat,
	#tr_2 + div.frontendClearFloat,
    #tr_2113 +div.frontendClearFloat,
    #tr_2114 +div.frontendClearFloat,
    #tr_2106 +div.frontendClearFloat,
	#tr_7 + div.frontendClearFloat,
	#tr_4 + div.frontendClearFloat,
	#tr_2038 + div.frontendClearFloat,
	#tr_903  + div.frontendClearFloat,
	#tr_6  + div.frontendClearFloat,
	#tr_961 + div.frontendClearFloat,
	#tr_963 + div.frontendClearFloat,
	#tr_2069 + div.frontendClearFloat,
	#tr_965 + div.frontendClearFloat,
    #tr_967 + div.frontendClearFloat,
    #tr_2115 + div.frontendClearFloat,
    #tr_2117 + div.frontendClearFloat,
    #tr_2111 + div.frontendClearFloat,
    .fieldContainer[id^="tr_2102_bg"] + div.frontendClearFloat,
	.fieldContainer[id^="tr_51_bg"] + div.frontendClearFloat,
	.fieldContainer[id^="tr_2_bg"] + div.frontendClearFloat,
    .fieldContainer[id^="tr_53_bg"] + div.frontendClearFloat,
    .fieldContainer[id^="tr_2114_bg"] + div.frontendClearFloat{
		display: none;

	}

    #tr_51,
    #tr_2113,
    #tr_2114,
    #tr_2106,
    #tr_7 ,
    #tr_6 ,
    #tr_903 ,
    #tr_961 ,
    #tr_963 ,
    #tr_2069 ,
    #tr_967 ,
    #tr_2115 ,
    #tr_2117 ,
    #tr_2111 ,
    .fieldContainer[id^="tr_2102_bg"],
    .fieldContainer[id^="tr_51_bg"],
    .fieldContainer[id^="tr_2_bg"]{
        float: left;
        padding-right:  5px;
    }
    

    #tr_964{
        padding-right:  0;
    }


    #div_person_0 div.fieldCaption,
    #div_person_0 div.frontendFieldValue,
    #div_person_2 div.frontendFieldValue,
    #div_person_3 div.frontendFieldValue,
    #div_person_4 div.frontendFieldValue,
    #div_person_5 div.frontendFieldValue,
    .fieldContainer[id^="tr_53_bg"],
    .fieldContainer[id^="tr_2099_bg"]{
    display: inline-block;
}

#div_person_0 div.frontendFieldValue,
#div_person_2 div.frontendFieldValue,
#div_person_3 div.frontendFieldValue,
#div_person_4 div.frontendFieldValue,
#div_person_5 div.frontendFieldValue{
    width: 45%;
}


.fieldContainer[id^="tr_51_bg"],
#tr_51_bg2,
#tr_51_bg3,
#tr_51_bg4{
    clear: both;
    display: block;
}
.fieldContainer[id^="tr_51_bg"],
#tr_51_bg2,
#tr_51_bg3,
#tr_51_bg4,
.fieldContainer[id^="tr_53_bg"],
.fieldContainer[id^="tr_2099_bg"]{
        width: 49.7%;
}



}

@media (min-width:730px){
    #customagenda h4{
        display: inline-block;
        vertical-align: top;
        
    }
    #customagenda .session-block {
        display: inline-block;
        width: calc(100% - 120px);
    }

    .custom-ckb label{
        width:unset;
        max-width:95%;
    }
}

@media (min-width: 768px){
    #divContent{
        max-width: 100%;
        width: 750px;
    }

    /* --- Navigation --- */
    .navbar-toggle{
        top: 0px;
        right: 10px;
        left: auto;
    }

    /* *** FRAMEWORK *** */
    #breadcrumb ul li a{
        font-size:16px;
    }
    .header{
        min-height: 118px;
    }
        .header-brand{
            margin-bottom: 0px;
        }
        .header-logo img{
            width: 160px;
            margin: 12px 0 0 0;
        }
    
    #sidebar span.headline{
        font-size: 20px;
    }



    /* *** GENERAL *** */
    /* --- Slick Slider --- */
    .slider img{
        margin-left: 15px;
    }
        .slick-list{
            padding:0 20% 0 0;
        }

    #start-keyvisual {
        margin-bottom: 25px;
    }

        #start-keyvisual .wrapper{
            position: absolute;
            width: 100%;
            display: block;
            left: 0;
            background-color: #EFF0F1;
        }
        #start-keyvisual .inner{
            width: 750px;
            margin: auto;
            padding: 0 15px;
            position: relative;
        }
        
        #start-keyvisual .inner .bottom .title a {
            background-color: transparent;
        }

        #start-keyvisual .inner .bottom .title a .h1, 
        #start-keyvisual .inner .bottom .title a .h2{
            color: #FFF !important;

        }
        #start-keyvisual .inner .bottom .title a .h1{
            font-weight: normal;
            font-size: 22px;
        }
        #start-keyvisual .inner .bottom .title a .h2{
            font-weight: 300;
            font-size: 18px;
        }

        #start-keyvisual .inner .bottom .title{
            background-color: #b3000d;
            padding: 0 5px 5px;
            display: block;
        }
        #start-keyvisual .inner .bottom .teaser{
            display: block;
            background-color: #000;
            padding: 3px 10px;
        }
        #start-keyvisual .inner .bottom .teaser a{
            color: #FFF;
            font-size: 14px;
        }

        .faq   {
            font-size:17px;
            font-weight: 600;
        }

        /* ** GASTGEBER ** */
        .gastgeber{
            display: inline-block;
            width: 40%;
            margin: 30px 20px;
            text-align: center;
        }

        .gastgeber-img{
            max-width: 100%;
            height:100px;
        }
}


@media (min-width: 992px){


    /* *** FRAMEWORK *** */
   
    #divLogotext{
        width:980px;
        margin: 0 auto;
    }

    #wrap_header{
        float: left;
    }

    .header-logo img{
        width: 200px;
    }

    .header{
        padding-bottom:0;
    }
        
    .ext_links{
        display: block;
        float: right;
        margin-top:-15px;
    }


    .ext_links li {
        display: inline-block;
        font-size: 13px;
        line-height: 28px;
        margin-left: 0;
    }

    .ext_links li > a {
        color: #706f6f;
        padding: 9px 15px;
        display: inline-block;
        font-weight: lighter;
    }

    .ext_links li > a.trail {
        background-color: #c2c5c8;
        color: #fff;
    }

    ul#language_change{
        position: relative ;
        float:  right;
        right:  unset;
        left:   unset;
        padding:5px 15px 10px;

    }

    

    #divContent{
        width: 970px;
    }

    #kv_headline {
        display: none;
    }

    .left-content{
        padding-right: 30px;
    }

    #sidebar{
        margin-top: 0;
    max-width: 300px;
    }

    #sidebar > div.wrapper{
        width:300px;
    }
    
    #sidebar .sidebar-content:not(:last-child){
        margin-bottom: 30px;
    }

        
    /**Fixed Sidebar**/

    #sidebar .wrapper.affix{
        top:20px;
        position: fixed !important;
    }

    /* --- Navigation --- */
    .navbar-default,
    #top-menu .dropdown-menu-wrapper{
        width:980px;
        margin: 0 auto;
    }
        .navbar-default .navbar-nav > li > a {
            font-size: 19px;
        }
        .navbar-header{
            display: none;
        }
       .navbar-default .navbar-collapse{
            background:#eff0f1;
            box-shadow: none;
            display: block !important;
            visibility: visible;
            overflow: unset;
            height: auto !important;
        }
        #top-menu{
            padding: 45px 0 0 0;
        }

        #top-menu > li{
            display: inline-block;
            padding: 0;
            margin: 0;
        }
        #top-menu > li > a{
            color:#303435;
            border: none;
            font-size: 19px;
            padding: 15px 0;
        }
        #top-menu > li.dropdown{
            /*position: unset;*/
            position: static;
        }
        
        #top-menu li.dropdown ul.dropdown-menu,
        #top-menu li.dropdown.open ul.dropdown-menu{
            background: #b3000d;
            padding: 30px 0;
        }
        #top-menu li.dropdown ul.dropdown-menu li{
            border-bottom:1px solid #fff;
            max-width: 100%;
            margin: 0 30px 0 15px ;
        }
        #top-menu li.active.dropdown > ul.dropdown-menu a,
        #top-menu li.dropdown ul.dropdown-menu li  a{
            padding-bottom: 8px !important;
            padding-top: 8px;
            padding-left: 15px;
            font-size: 20px;
            width: 100%;
        }
        #top-menu li.dropdown ul.dropdown-menu li  a:hover,
        #top-menu li.dropdown ul.dropdown-menu li.active  a:hover{
            background-color: #92000b;
            text-decoration: none;
        }

        #top-menu li.dropdown ul.dropdown-menu li.active a, 
        #top-menu li.dropdown ul.dropdown-menu li.active a:active{
            background-color: #a1000c;
            border-color: #b3000d;    
        }

 

        #top-menu li.dropdown.open ul.dropdown-menu{
            position: absolute;
            z-index: 15;
            left: 0; 
            right: 0;
        }
        #top-menu li.dropdown.open ul.dropdown-menu:before, 
        #top-menu li.active.dropdown > ul.dropdown-menu:before{
            display: none;
        }
        #top-menu li.active.dropdown > ul.dropdown-menu{
            display: none;
        }
        #top-menu li.active.dropdown.open > ul.dropdown-menu{
            display: block;
        }
        .nav > li {
            border-bottom: 1px solid #777;
        }

        .subnavigation-wrapper {
            display: inline-block;
            vertical-align: top;
            width: 36%;
        }

        #top-menu > li.micrositeNavigationMainEntry.active > a{
            color:#b3000d ;
        }


    /* *** HEADLINE STYLES *** */
    h1,h2{
        font-size: 29px;
    }
    span.headline{
        font-size: 20px;
    }

    ul.big{
        font-size: 20px;
    }

    a.cta{
        font-size: 22px;
    }

    /* *** GENERAL *** */
    /* --- Slick Slider --- */
    .slick-prev,
    .slick-next{
        top: calc(50% - 27px);
    }
    .slick-prev:before,
    .slick-next:before{
        font-size: 55px;
    }

    .box-section {

    }
        .box-section .row{
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .box-section .box-wrapper{
            margin: 0 auto;
        }
        .box-section .box-content{
            height: 340px;
        }
        .box-section .box-content img{
            width: 100%;
        }

    #start-keyvisual .inner{
        width: 970px;
    }
        #start-keyvisual .inner .bottom .title a .h2{
            font-size: 22px;
        }


  #divFooter  .inner-footer {
        position: relative;
        bottom: 0;
        left: 0;
        width: 970px;
        margin: 0 auto;
        text-align:left;
        padding:30px 0;
    } 

    #divFooter .footer-bottom-left,
    #divFooter .footer-bottom-right{
        vertical-align: bottom;
        display: inline-block;
        clear: both;
        float: none;
        width:73%;
    }

    #divFooter .footer-bottom-right{
        text-align: center;
        width:21%;
    }

    

    #divFooter .inner-footer .sponsor-imgs{
        text-align: center;
        margin-top:30px;
    }

    /** Konaktforumlar**/
    .feld_vorname,
    .feld_nachname{
        display: inline-block;
        width:49.8%;
    }  

/* ** VAORT** */


.venue-loop-item{
    margin-top:30px;
    position: relative;
}

.venue-loop-item > img{
    float: right;
    max-width:300px;
    margin-top: 0px;
    margin-left:15px;
    margin-bottom:15px;
}

.venue-loop-item > p{
    margin:5px 0;
}



    /**AGENDA**/

    .day-wrapper{
        display: inline-block;
        width:calc(100% - 200px);
        margin-bottom: 10px;
    }

    .agenda-loop .session-content,
    .agenda-loop .session-day{
        display: inline-block;
        vertical-align: top;
    }

    .agenda-loop .session-content{
        width:calc(100% - 200px);
    }

    .agenda-loop .session-day{
        margin-right: 30px;
        text-align: center;
        width:160px;
    }
    .agenda-loop .session-day.visibleDate{
        margin-bottom: 10px;
    }

    .agenda-loop .session-day > span{
        display: block;        
    }
    .agenda-loop .session-day .session-day-digit{
        margin-bottom: 10px;
    }

    .agenda-loop .session-day .session-day-name{
        margin: 0;
    }

    /* --- Agenda Referent --- */
    .referent-detail{
        overflow: hidden;
    }
        .referent-detail .referent-img{
            margin: 15px 20px 20px 15px;
            float: left;
            max-width: unset;
        }
        .referent-detail .referent-img img{
            width: 200px;
            height: 220px;
            object-fit: cover;
        }
        .referent-detail .referent-text{
            float: left;
            width: calc(100% - 235px);
        }

 
}


@media (min-width: 1024px){

    /* *** FRAMEWORK *** */
    #va_name {
        position: absolute;
        bottom: 54px;
        left: 22%;
        background-color: #000;
        padding: 0 12px;
    }
        #va_name h1 {
            color: #fff !important;
            font-size: 600;
        }
        #va_datum {
            position: absolute;
            top: 18px;
            left: 31%;
            background-color: #fff;
            padding: 0 12px;
        }
        #va_datum h5 {
            color: #777 !important;
            font-size: 100;
            margin: 7px;
        }
        #va_ort {
            position: absolute;
            top: 18px;
            left: 22%;
            background-color: #000;
            padding: 0 12px;
        }
        #va_ort h5 {
            color: #fff !important;
            font-size: 100;
            margin: 7px;
        }
        #kv_headline {
            position: absolute;
            width: 50%;
            bottom: 0;
            left: 27%;
            background-color: #b3000d;
            padding: 0 27px;
        }
        #kv_headline h1, #kv_headline h2 {
            color: #fff !important;
            font-size: 600;
            margin: 0;
        }

    #sidebar{
        max-width: 360px;
        float: right;
    }

    #sidebar > div.wrapper{
        width:360px;
    }


    .faq{
        font-size: 18px;
    }
}


@media (min-width: 1200px){


    /* *** FRAMEWORK *** */
    #divContent{
        width: 1170px;
    }

    #sidebar span.headline{
        font-size: 22px;
    }

  

    /* *** HEADLINE STYLES *** */
    h1,h2{
        font-size: 32px;
    }
    span.headline{
        font-size: 22px;
    }

    ul.big{
        font-size: 22px;
        line-height: 35px;
    }

    #start-keyvisual .inner{
        width: 1170px;
    }

        #start-keyvisual .inner .bottom .title a .h1{
            font-size: 32px;
        }


         #divFooter  .inner-footer {
        
        width: 1170px;
    } 
}

@media (min-width:1400px){
    #start-keyvisual {
        margin-bottom: 70px;
    }
        #start-keyvisual .inner{
            width: 1370px;
        }
        #start-keyvisual .inner .bottom .title a .h2{
            font-size: 32px;
        }
}

@media (min-width:1600px){
    /* *** FRAMEWORK *** */
   #divLogotext{
        width:1170px;
    }

    /**Navi**/
    .navbar.navbar-default,
    #top-menu .dropdown-menu-wrapper{
        width:1170px;
    }

    #top-menu li > a{
        font-size: 22px;
    }
    
}

@media (max-width: 991px){
    /* *** SITE SPECIFIC *** */
    /* --- Agenda --- */
    .agenda-loop .session-day{
        background-color:#EFF0F1;
        padding: 10px 20px;
        height: auto !important;
    }
}


/** ONSITE **/

#bodyRegistration.onsite #customagenda{
    display: none;
}