@font-face { 
    font-family: "Quadrata"; 
    src: url("../../fonts/friz-quadrata-tt.ttf"); 
}

a {
    line-break: anywhere;
    word-break: break-all;
}

header {
    background: rgba(255, 255, 255, 0.8);
}

header.header-block.header-block-2 {
    height: 100px;
    position: relative;
    top: 20px;
}

.t4-header .header-wrap {
    top: -26px;
}

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    font-size: 1em !important;
    padding: 20px .5rem !important;
}

.item-page, item-intro, form {
    background: #fff;
    padding: 15px;
}

.page-header h1, h1.page-subtitle {
    background-color: rgb(66, 156, 41);
    color: #fff;
    padding: 16px;
    margin-left: -32px;
    margin-right: -32px;
}

.page-header h2 {
    background-color: #0a58ca;
    color: #fff;
    padding: 16px;
    margin-left: -32px;
    margin-right: -32px;
}

.page-header h2 a {
    color: #fff;
    line-break: normal;
    word-break: normal;
}

.module-inner {
    background-color: rgba(255,255,255,1);
    padding: 15px;
}

h3.module-title {
    background-color: #0a58ca;
    color: #fff;
    font-size: 120%;
    padding: 15px;
}

.module-inner .module-ct {
    padding: 15px;
}

div.item-content, div#phoca-dl-category-box, div#phoca-dl-categories-box, div#phoca-dl-most-viewed-box {
    background-color: #fff;
    padding: 15px;
}

.logo-img, .navbar-brand.logo-control img.logo-img {
    width: 124px;
    height: 124px;
    max-height: none;
    margin-right: 16px;
}

div.navbar-brand {
    font-family: "Quadrata";
    font-variant: small-caps;
    font-size: 2em;
    color: #000 !important;
}

.row-intro {
    margin-top: 34px;
}

.row-intro2 {
    margin-top: 20px;
    padding-top: 20px;
    /*background: rgba(255,255,255,0.8);*/
    background: rgba(255,255,255,1);
}

.row-intro2 h2 {
    
    font-size: 26px;
    font-variant: small-caps;
}

.row-intro2 .panel {
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    border-radius: 2px;
    background-color: #ece9e2;
}

.row-intro2 .panel-default {
    border: none;
}

.row-intro2 .panel-default h2 {
    color: #0083d7;
    margin-top: 0;
}

.border-dav-blue {
    border: 20px solid #0083d7;
}

.motto {
    background: none;
}

.motto h1, .motto h2 {
    display: inline-block;
  	width: 100%;
  	max-width: 620px;
  	text-align: center;
    background-color: #0083d7;
    margin-top: 0;
    margin-bottom: 2px;
    padding: 2px;
    color: #fff;
}

.motto h3 {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 2px;
    padding: 2px;
    color: #fff;
}

.motto h1 {
    font-size: 250%;
}

.motto h2 {
    font-style: italic;
    font-size: 200%;
}

.motto h3 {
    font-size: 22px;
}

.introbox {
    background-color: #fff;
    color: #001a27;
    padding: 20px;
    margin-top: 10px;
}

.introbox h1 {
    font-size: 22px;
    color: #0083D7;
}

.introbox .introtext {
    margin-bottom: 30px;
}

.introbox .dekoimg-right {
    margin-top: -20px;
    margin-bottom: -20px;
    margin-right: -35px;
    float: right;
}

@media(max-width:768px) {
    .introbox .dekoimg-right {
        margin-right: 0px;
    }
}

@media(max-width:1024px) {
    .navbar-brand.logo-image.logo-control {
        width: 85px;
    }
}

.introbox .dekoimg-right p, .img-author {
    position: relative;
    bottom: 0px;
    color: #111;
    margin: 10px;
    font-size: 11px;
    text-align: center;
}

.kongress-jahr {
    background-color: #429c29;
    padding: 2px;
    text-align: center;
}

.kongress-jahr h1 {
    color: #fff;
    font-size: 26px;
    font-variant: small-caps;
    border-bottom: 2px solid #fff;
}

.kongress-jahr h2 {
    font-size: 70px;
    color: #fff;
    font-weight: bold;
}

.save-the-date {
    
    margin-top: 80px;
    padding: 10px;
    width: 100%;
    background: rgba(255,255,255,0.8);
    //position: absolute;
    //bottom: 20px;
    text-align: center;
    color: #0083d7;
    
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: bold;
}

.willkommen .container {
    background-color: #fff;
    margin-top: 40px;
    margin-bottom: 40px;
}

div.com-finder {
    background-color: #fff;
    padding: 16px;
}

a.mitglied-werden {
	width: 100%;
    background-color: rgb(66, 156, 41) !important;
    color: #fff;
    border-radius: 1px;
    font-size: 22px;
}

#infinity-next.btn.btn-more {
    background-color: rgb(66, 156, 41) !important;
    color: #fff;
    border-radius: 1px;
    font-size: 22px;
}