/* #Site Styles
================================================== */

/* 19.06.15, Google Schriftarten vom Server einbinden */

/*
@font-face {
 font-family: OpenSans;
 src: url(../fonts/google/OpenSans-Regular.ttf);
 font-weight: normal; font-style: normal;
}


@font-face {
 font-family: OpenSans;
 src: url(../fonts/google/OpenSans-Italic.ttf);
 font-weight: normal; font-style: italic;
}

@font-face {
 font-family: OpenSans;
 src: url(../fonts/google/OpenSans-Semibold.ttf);
 font-weight: 600; font-style: normal;
}

@font-face {
 font-family: OpenSans;
 src: url(../fonts/google/OpenSans-Bold.ttf);
 font-weight: 700; font-style: normal;
}

@font-face {
 font-family: OpenSans;
 src: url(../fonts/google/OpenSans-ExtraBold.ttf);
 font-weight: 800; font-style: normal;
}
/*



/* Ende Google Schriftarten einbinden */

.storyIMG {
    max-width: none;
    height: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.stroyIMGdiv {
    height: 265px;
    overflow: hidden;
}

/* Start Slider overlay */
header > .container {
    padding: 0;
    position: relative;
    margin: auto;
    margin-top: -400px;
    height: 400px;
}


/* Ende Slider overlay */

body {
    font-family: "Raleway", Helvetica, Arial, sans-serif !important;
    color: #333333;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    }

h1 {
    font-size: 28px;
    line-height: 32px;
    color: #333333;

    }
h1 small {
    display: block;
    font-size: 60%;
    text-transform: none;
    margin-top: 5px;
    }
h2 {
    font-size: 24px;
    line-height: 32px;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*font-weight: bold;*/
    /*color: #aa0044;*/

    }
h2 small {
    font-size: 60%;
    display: block;
    text-transform: none;
    margin-top: 5px;
    }
h2 span {
    font-weight: 400;
    }

/*
h3 {
    font-size: 18px;
    line-height: 24px;
    color: #aa0044;
    }

    */

/* h3 an h2 angeglichen, da in der anwendung fälschlicherweise h3 anstelle
von h2 verwendet wird */

h3 {
    font-size: 20px;
    line-height: 24px;

    /*
    font-size: 28px;
    line-height: 32px;
    */


    color: #aa0044;

    text-transform: none;
    padding-bottom: 5px;

    border-bottom:0px solid #555;



    }



h3 small {
    display: block;
    margin-top: 5px;
    }
h3 span {
    color: #a40046;
    }
h4 {
    /*font-size: 16px;*/
    font-size: 18px;
    line-height: 20px;
    /*font-weight: 600;*/
    font-weight: bold;
    /*color: #7b7b7b;*/
    color: #fff;
    }
h4 small {
    display: block;
    margin-top: 5px;
    }
h5 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    /*color: #7b7b7b;*/
    color: #333333;


    }
h5 small {
    margin-top: 3px;
    }
h6 {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #777777;
    }

span.required {
    color: #999;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-weight: 600;*/
    margin-bottom: 15px;
    }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #333;
    }

figure {
    position: relative;
    margin: 0;
    }

section {
    margin-bottom: 30px;
    /*background-color: yellow;*/
    }

p {
    margin-bottom: 20px;
    }

hr {
    background-color: #ddd;
    border: none;
    height: 1px;
    margin: 20px 0;
    }
hr.dashed {
    border-top: 2px dashed #eee;
    }
hr.dotted {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFUlEQVQIW2M8c+bMfxMTE0ZGBigAADu5BAN9nlB5AAAAAElFTkSuQmCC");
    height: 10px;
    margin: 50px 0;
    border: none;
    }
hr.double {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    height: 5px;
    }
hr.fadein {
    height: 1px;
    margin: 50px 0;
    border: 0;
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    background-image: linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    }
hr.fadeout {
    background: url("../images/fadeout.png") no-repeat center center;
    border: none;
    margin: 10px auto 30px;
    width: 100%;
    max-width: 100%;
    height: 35px;
    max-height: 100%;
    }

iframe {
    border: none;
    }

::selection {
    background: #a40046;
    color: #fff;
    }

::-moz-selection {
    background: #a40046;
    color: #fff;
    }

.colored {
    color: #a40046;
    }

/* Links */
a {
    color: #a40046;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    font-size: 18px;
    }

a:hover,
a:focus {
    /*color: #777777;*/
    color: #550022;
    text-decoration: none;
    }

a:visited.userLink {
    color: #550022;

}


/* Forms */
input,
button,
select,
textarea {
    font-family: Arial, Helvetica, sans-serif;
    }
textarea {
    -webkit-transition: height 0.2s ease 0s;
    -moz-transition: height 0.2s ease 0s;
    -o-transition: height 0.2s ease 0s;
    -ms-transition: height 0.2s ease 0s;
    transition: height 0.2s ease 0s;
    }


/* #Header
================================================== */

/* Header */

.logoDAR {
    margin-top:12px;
    position: relative;
    width: 300px;
    height: 150px;
    z-index: 100;
}
.logoDAR.loggedin {
    height: 80px;
    margin-left: 0px;
}
.claimDAR {
    position: relative;
    margin-top: 30px;
    z-index: 100;
}



.stickerPremiumAktion {
    position:absolute;
    top:160px;
    color:#6A6A69;
    width:300px;
    right:410px;
    /*border:1px solid red;*/
    z-index: 100;
}



.navMobileQuick {
    padding-top: 5px;
    padding-left: 37px;
    float: left;
    text-transform: uppercase;
}

.navMobileQuickSymbol {
    float:left;
    position: relative;
    margin-right:15px;
    /*z-index:9999; */

}

header {
    background-color: #ffffff;
    background-image: none;
    color: #999999;
    }
header a {
    color: #ffffff;
    }
header a:hover {
    color: #999999;
    }
header .header {
    min-height: 120px;
    }
header .header a {
    color: #999999;
    }
header .header a:hover,
header .header a:focus {
    color: #666666;
    text-decoration: none;
    }
header .header a.btn-inverse {
    color: #fff;
    }
header .header a.btn-inverse:hover,
header .header a.btn-inverse:focus {
    color: #fff;
    }
header .header h2,
header .header h3,
header .header h4 {
    color: #999999;
    }
header .header .dropdown-menu > li > a {
    color: #333;
    }
header .header .dropdown-menu > li > a:hover {
    color: #fff;
    }
header .help-block,
header .help-inline {
    color: #999999;
    }
header .overall {
    margin: 0;
    }


/* Top Bar mars */
.fa-2x {
    width: auto !important;
}
.topBar {
    position: absolute;
    top:0px;
    /*left:0px;*/
    width: 100%;
    /*background-color: #333;*/
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.6);


    /*
    border-bottom: 1px solid #e6e6e6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    */
    color: #999999;
    z-index: 120;
    font-size: 13px;
    min-height: 34px;
    }



/* Ende Top Bar mars */



/* Top Bar */

header .top-bar {
    position: absolute;
    top:0px;
    /*left:0px;*/
    width: 100%;
    padding-top:10px;

    /*background-color: #333;*/
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.6);



    /*
    border-bottom: 1px solid #e6e6e6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    */
    color: #999999;
    z-index: 120;
    font-size: 13px;
    min-height: 60px;
    }




header .top-bar a {
    color: #999999;
    color: #EDE7E7;
    }
header .top-bar a:hover {
    color: #fff;
    }
header .top-bar p {
    margin-top: 7px;
    margin-bottom: 0;
    }

header .top-bar .container {
    position: relative;
    }

header .top-bar .menu-top {
    margin-bottom: 0;
    }

/* 02.14.15, macht probleme */

header .top-bar .menu-top > li {
    float: left;
    }



header .top-bar .menu-top li {
    padding: 0;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    }







header .top-bar .menu-top li.parent a {
    padding-right: 5px;

    }




header .top-bar .menu-top li.parent:hover ul {
    visibility: visible;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    }
header .top-bar .menu-top li:hover {
    /*
    background-color: #f9f9f9;
    background-color: rgba(255, 255, 255, 0.5);
    */
    }
header .top-bar .menu-top li a {
    display: inline-block;
    padding: 7px 10px;
    font-size: 14px;
    }
header .top-bar .menu-top ul {
    margin-top: 1px;
    visibility: hidden;
    position: absolute;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    }
header .top-bar .menu-top ul li {
    background-color: #fff;
    width: 160px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 11px;
    }
header .top-bar .menu-top ul li:hover {
    background-color: #f1f1f1;
    }
header .top-bar .menu-top ul li:last-child {
    border-bottom: 0;
    }
header .top-bar .menu-top ul li a {
    color: #777;
    }




/* Access */
header .access {
    margin-bottom: 0;
    }
header .access li {
    float: left;
    border-left: 1px solid #e6e6e6;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    }
header .access li:first-child {
    border-left: 0;
    }

/*
header .access .register {
    padding: 7px 10px;
    white-space: nowrap;
    }
header .access .register a {
    padding: 0;
    color: #fff;
    }
header .access .register > a:hover {

    }
*/

header .access .login-area:hover {

    /*
    background-color: #f9f9f9;
    background-color: rgba(255, 255, 255, 0.5);
    */
 }

 header .access .login-area > a:hover {
    color: #fff;
    }

header .access .login-area > a {
    display: inline-block;
    padding: 7px 10px;
    }

header .access .dropdown-menu {
    color: #444;
    padding: 10px;
    right: 0;
    left: auto;
    text-align: left;
    }
header .access .dropdown-menu:after {
    display: inline-block;
    top: -6px;
    right: 48px;
    position: absolute;
    content: "";
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    }
header .access .dropdown-menu .link {
    display: block;
    font-size: 12px;
    padding-top: 5px;
    color: #333;
    }
header .access .dropdown-menu .link:hover {
    color: #666;
    }
header .access .dropdown-menu .input-prepend {
    margin-bottom: 0;
    }

/* Logo */
header .logo {
    position: relative;
    margin-top: 30px;

    }
header .logo a {
    display: inline-block;
    }
header .logo h2 {
    display: none;
    }

/* Main Menu */
header nav {
    position: relative;
    width: 100%;
    z-index: 100;
    }
header nav .menu ul li a:hover {
    border-left-color: #a40046;
    }

/* Breadcrumb */
header .breadcrumb {
    background: none;
    margin: 5px 0 0;
    padding: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    }
header .breadcrumb:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    }
header .breadcrumb i {
    color: #999;
    }
header .breadcrumb a {
    color: #777;
    }
header .breadcrumb a:hover,
header .breadcrumb a:focus {
    text-decoration: none;
    }
header .breadcrumb li {
    display: block;
    float: left;
    }

/* Search */
header .search {
    background-color: #f5f5f5;
    color: #444;
    padding: 5px 0;
    border-bottom: 1px solid #e9e9e9;
    }
header .search form {
    margin-bottom: 0;
    }
header .search .inputbox {
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    }
header .search .inputbox:focus {
    width: 350px;
    }
header .search .input-append {
    margin-bottom: 0;
    }


/* #Bootstrap Rewritten
================================================== */

/* Tooltip */
.tooltip .tooltip-inner {
    background-color: #0d0d16;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    }
.tooltip.top .tooltip-arrow {
    border-top-color: #0d0d16;
    border-top-color: rgba(0, 0, 0, 0.7);
    }
.tooltip.right .tooltip-arrow {
    border-right-color: #0d0d16;
    border-right-color: rgba(0, 0, 0, 0.7);
    }
.tooltip.left .tooltip-arrow {
    border-left-color: #0d0d16;
    border-left-color: rgba(0, 0, 0, 0.7);
    }
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #0d0d16;
    border-bottom-color: rgba(0, 0, 0, 0.7);
    }

/* Toolbar */
.btn-toolbar:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    }



/* bootstrap pagination override */

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,
.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#a40046;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#a40046;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,
.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#a40046;border-color:#a40046;cursor:default}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,
.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}

/* bootstrap pagination override ende */



/* Popover */
.popover,
.popover-title {
    color: #444;
    }

/* Page Header */
.page-header {
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 0;
    border-bottom: 1px solid #e4e4e4;
    }
.page-header h1,
.page-header h2 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    }

/* Nav */
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
    border-bottom-color: #777777;
    border-top-color: #777777;
    }
.nav .dropdown-toggle .caret {
    border-bottom-color: #30304d;
    border-top-color: #30304d;
    -webkit-transition: border 0.3s ease-in-out;
    -moz-transition: border 0.3s ease-in-out;
    -o-transition: border 0.3s ease-in-out;
    -ms-transition: border 0.3s ease-in-out;
    transition: border 0.3s ease-in-out;
    }

/* Typography */
.label-success {
    background-color: rgb(199,106,129);
}
h2 .label {
    vertical-align: middle;
    }
span.label {
    font-family: Arial, Helvetica, sans-serif;
    }
.label {
    -webkit-transition: background 0.5s ease 0s;
    -moz-transition: background 0.5s ease 0s;
    -o-transition: background 0.5s ease 0s;
    -ms-transition: background 0.5s ease 0s;
    transition: background 0.5s ease 0s;
    }
.label:hover {
    background-color: #363839;
    }

label {font-weight:bold;}
.label-left{display:inline;margin-right:5px;}

/* bootstrap
.control-label {
    border:2px solid red;display:block;text-align:left;
}
*/


/*
28.02.15, braucht es das noch?
wird evt. alles mit form-control:focus weiter unten gesteuert;


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(163, 0, 71, 0.8);


    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(163, 0, 71, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(163, 0, 71, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(163, 0, 71, 0.6);
    }


*/

/* Nav Tabs */

/* boostrap override */


.nav > li > a:hover,
.nav > li > a:focus {

    color:#000;
}

.nav-tabs > li > a:hover {

  border-color: #ccc #ccc #ccc ;
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    cursor: pointer;
    color:#000;
    background-color: #f0f0f0;
    /*background-color: #fff;*/
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}


.nav-tabs {
  border-bottom: 1px solid #ccc;
}



/* Nav Stacked */
/* 11.09.15 wo wird das gebraucht, ist jedenfalls nicht das normale Tab (suche,posteingang) */
.nav-stacked.nav-tabs {
    width: 100%;
    }
.nav-stacked.nav-tabs .parent ul {
    list-style: none;
    margin: 0;
    }
.nav-stacked.nav-tabs .parent ul li a {
    background-color: #f1f1f1;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
    }
.nav-stacked.nav-tabs .parent ul li a:hover {
    background-color: #f0f0f0;
    }
.nav-stacked.nav-tabs li:last-child li:last-child a {
    -webkit-border-radius: 0 0 4px 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    }
.nav-stacked.nav-tabs .active:last-child a {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    }
.nav-stacked.nav-tabs .icon-chevron-right,
.nav-stacked.nav-tabs .icon-chevron-down {
    float: right;
    margin-right: -6px;
    margin-top: 2px;
    }
.nav-stacked.nav-tabs .icon-chevron-right {
    opacity: 0.25;
    }

/* Dropdown Menu
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu:hover > a,
.dropdown-menu:focus > a,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #D10058;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#D10058', endColorstr='#8b003b');


    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#D10058', endColorstr='#8b003b')";


    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0QxMDA1OCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGIwMDNiIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
    background-image: -moz-linear-gradient(top, #D10058, #8b003b);
    background-image: -webkit-linear-gradient(top, #D10058, #8b003b);
    background-image: -o-linear-gradient(top, #D10058, #8b003b);
    background-image: linear-gradient(to bottom, #D10058, #8b003b);
    }

*/

/* Buttons - Some rewritten default style */
.btn {
    text-decoration: none;
    }
.btn-medium {
    font-size: 14px;
    padding: 7px 13px;
    border-radius: 4px;
    }
.btn-medium [class^="icon-"],
.btn-medium [class*=" icon-"] {
    margin-top: 4px;
    }
.btn-medium .caret {
    margin-top: 8px;
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px;
    }
button.btn.btn-medium,
input[type="submit"].btn.btn-medium {
    *padding-top: 7px;
    *padding-bottom: 7px;
    }
.btn-group > .btn-medium {
    font-size: 14px;
    }
.btn-group > .btn-medium + .dropdown-toggle {
    *padding-top: 7px;
    padding-right: 12px;
    *padding-bottom: 7px;
    padding-left: 12px;
    }
.dropup .btn-medium .caret {
    border-bottom-width: 5px;
    }
.btn-group-vertical > .btn-medium:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    border-radius: 4px 4px 0 0;
    background-clip: padding-box;
    }
.btn-group-vertical > .btn-medium:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    }

/* Tabs */
.tab-bordered .nav-tabs {
    margin-bottom: 0;
    }
.tab-bordered .tab-pane {
    padding: 15px 15px 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    -webkit-border-radius: 0 0 4px 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    }

/* Tags */
.tags-larger .label {
    font-size: 13px;
    margin-bottom: 5px;
    padding: 4px 6px;
    }

/* Table */
.table {
    /*table-layout: fixed;*/
    word-wrap: break-word;
    }

.table-fixed {
    table-layout: fixed;
    }


/* #Page Styles
================================================== */

/* Layout - Definitions to boxed and wide sizes */
.boxed {
    background: #f5f5f5;
    }
.boxed .navigation {
    max-width: 1024px;
    }
.boxed .layout {

    position: relative;
    background-color: #fff;
    max-width: 1024px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    }


.wide {
    background: #fff !important;
    }

/* Main */
.main {
    margin-top: 30px;
    }

/* Content */
.content {
    margin-bottom: 30px;
    }
.page {
    margin-bottom: 30px;
    }

/* Column Posts */
.column-posts {
  position: relative;
  margin-bottom: 40px;
}
.column-posts section {
  margin-bottom: 0;
}
.column-posts .article {
  margin-bottom: 30px;
  position: relative;
}
.column-posts .article:hover figcaption {
  visibility: visible;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.column-posts .article figure img {
  width: 100%;
}
.column-posts .article figcaption {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.3);
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  width: 100%;
  padding: 5px 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.column-posts .article figcaption a {
  color: #fff;
}
.column-posts .article .comments {
  text-align: right;
}
.column-posts article {
  position: relative;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 60px;
  min-height: 50px;
}
.column-posts article:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.column-posts article figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.column-posts h5 {
  margin-top: 0;
  margin-bottom: 5px;
  line-height: 18px;
}

/* Boxes */
.boxes {
  background: #f9f9f9 url('../images/bg.jpg') center center fixed no-repeat;
  border-top: 1px solid #ddd;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.boxes h1 small,
.boxes h2 small,
.boxes h3 small,
.boxes h4 small,
.boxes h5 small,
.boxes h6 small {
  color: #555;
}
.boxes .container {
  padding-top: 50px;
  padding-bottom: 40px;
  border-top: 5px solid #efefef;
  border-top: 5px solid rgba(0, 0, 0, 0.04);
}
.boxes .page-header {
  border-bottom-color: #e7e7e7;
}

/* Latest Blog */
.latest-blog article {
    margin-bottom: 30px;
    padding-left: 60px;
    position: relative;
    }
.latest-blog article:last-child {
    margin-bottom: 0;
    }
.latest-blog .icon {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #363839;
    color: #ffffff;
    width: 50px;
    height: 50px;
    font-size: 22px;
    line-height: 48px;
    text-align: center;
    display: block;
    -webkit-border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    }
.latest-blog .icon:hover {
    background-color: #838383;
    }
.latest-blog h3 small {
    display: block;
    }

/* Featured News */
.featured-news {
    position: relative;
    }
.featured-news figure {
    margin: 0;
    }
.featured-news ul {
    margin-bottom: 0;
    }
.featured-news .news-thumbs .news-item {
    margin-bottom: 25px;
    padding-bottom: 25px;
    /*border-bottom: 1px solid #ddd;*/
    }
.featured-news .news-thumbs .news-item:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    }
.featured-news .news-thumbs .news-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    }
.featured-news .news-thumbs figure {
    width: 80px;
    height: 80px;
    margin-right: 20px;
    float: left;
    }
.featured-news .news-thumbs article {
    overflow: hidden;
    }
.featured-news .news-thumbs h4 {
    margin-top: 0;
    }

/* Error Page */
.error-page {
    text-align: center;
    margin-bottom: 30px;
    }
.error-page h2 {
    font-size: 300px;
    line-height: 280px;
    text-transform: inherit;
    margin-top: 0;
    }

/* Overall */
.overall {
  margin-top: 30px;
  margin-bottom: 30px;
}
.overall .inner {
  position: relative;
  background-color: #a40046;
  background-image: url('../../images/patterns/strips.png');
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 3px 4px -3px rgba(0, 0, 0, 0.2), inset 0 -3px 4px -3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 4px -3px rgba(0, 0, 0, 0.2), inset 0 -3px 4px -3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 4px -3px rgba(0, 0, 0, 0.2), inset 0 -3px 4px -3px rgba(0, 0, 0, 0.2);
}
.overall .icon {
  border: 1px solid #fff;
}
.overall p a {
  color: #ffffff;
  text-decoration: underline;
}
.overall p a:hover {
  color: #ffffff;
  text-decoration: none;
}
.overall h1 {
  color: #ffffff;
  font-size: 42px;
  line-height: 44px;
}
.overall h1 small {
  margin-top: 10px;
}
.overall h2 {
  color: #ffffff;
  font-size: 36px;
  line-height: 36px;
}
.overall h3 {
  color: #ffffff;
}
.overall h4 {
  color: #797979;
  color: rgba(0, 0, 0, 0.5);
  text-shadow: none;
}
.overall small {
  color: #dddddd;
}
.overall .simple-box h4 {
  color: #797979;
  color: rgba(0, 0, 0, 0.5);
}
.overall.overall-dark .inner {
  background-color: #333;
  color: #f1f1f1;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 3px 4px -3px #000, inset 0 -3px 4px -3px #000;
  -moz-box-shadow: inset 0 3px 4px -3px #000, inset 0 -3px 4px -3px #000;
  box-shadow: inset 0 3px 4px -3px #000, inset 0 -3px 4px -3px #000;
}
.overall.overall-dark .icon {
  background-color: #62C462;
}
.overall.overall-dark h3 {
  color: #fff;
}
.overall.overall-green .inner {
  background-color: #62C462;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.overall.overall-green .icon {
  border: 1px solid #fff;
}
.overall.overall-green h1 {
  color: #fff;
}
.overall.overall-green h3 {
  color: #fff;
}
.overall.overall-green h4 {
  color: rgba(0, 0, 0, 0.5);
  text-shadow: none;
}
.overall.overall-green small {
  color: #fff;
}
.overall.overall-gray .inner {
  background-color: #f1f1f1;
}
.overall.overall-full .inner {
  position: absolute;
  width: 100%;
  left: 0;
  display: none;
}
.overall.overall-map {
  margin-bottom: 30px;
}
.overall.overall-map .inner {
  background-color: #e5e3df;
  text-shadow: none;
}
.overall.overall-map .map {
  height: 400px;
}
.overall.overall-map .map .infowindow h3,
.overall.overall-map .map .infowindow h4,
.overall.overall-map .map .infowindow small {
  color: #444;
}
.overall .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.shadow-top {
  position: absolute;
  top: 0;
  width: 100%;
  height: 5px;
  z-index: 10;
  -webkit-box-shadow: inset 0 3px 4px -3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 4px -3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 4px -3px rgba(0, 0, 0, 0.2);
}
.shadow-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5px;
  z-index: 10;
  -webkit-box-shadow: inset 0 -3px 4px -3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -3px 4px -3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -3px 4px -3px rgba(0, 0, 0, 0.2);
}

/* FAQ */
.faq-search {
  margin-bottom: 0;
  position: relative;
}
.faq-search input[type=text] {
  margin-bottom: 0;
  padding: 10px 45px 10px 15px;
  height: auto;
}
.faq-search .btn-search {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  text-shadow: none;
}

/* Shadow */
.shadow-large {
  position: relative;
}
.shadow-large:before,
.shadow-large:after {
  z-index: -1;
  position: absolute;
  content: "";
  top: 80%;
  bottom: 10px;
  left: 10px;
  width: 50%;
  max-width: 300px;
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadow-large:after {
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.shadow-left {
  position: relative;
}
.shadow-left:before {
  z-index: -1;
  position: absolute;
  content: "";
  top: 80%;
  bottom: 10px;
  left: 10px;
  width: 50%;
  max-width: 300px;
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadow-right {
  position: relative;
}
.shadow-right:before {
  z-index: -1;
  position: absolute;
  content: "";
  top: 80%;
  bottom: 10px;
  right: 10px;
  width: 50%;
  max-width: 300px;
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

/* #Shortcodes
================================================== */
/* Highlight */
.highlight {
    background-color: #FCF8E3;
    color: #C09853;
    padding-left: 5px;
    padding-right: 5px;
    }
.highlight.highlight-error {
    background-color: #F2DEDE;
    color: #B94A48;
    }
.highlight.highlight-success {
    background-color: #DFF0D8;
    color: #468847;
    }
.highlight.highlight-info {
    background-color: #D9EDF7;
    color: #3A87AD;
    }

/* Balloon */
.balloon {
    position: relative;
    border-left: 70px solid #a40046;
    background-color: #F1F1F1;
    padding: 5px 10px;
    text-shadow: 0 1px 0 #fff;
    }
.balloon h3 {
    margin-top: 0;
    }
.balloon .icon {
    position: absolute;
    top: 50%;
    left: -60px;
    margin-top: -30px;
    color: #fff;
    }

/* Teaser - Teaser is used to display some special information */
.teaser {
  margin-bottom: 30px;
}
.teaser a:hover {
  text-decoration: none;
}
.teaser a:hover figure .overlay {
  visibility: visible;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.teaser a:hover article {
  background-color: #363839;
  color: #ffffff;
  border-right: 1px solid #363839;
  border-bottom: 1px solid #363839;
  border-left: 1px solid #363839;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.teaser a:hover article h5 {
  color: #fff;
}
.teaser a:hover article p {
  color: #c1c1ca;
  color: rgba(255, 255, 255, 0.7);
}
.teaser figure img {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 4px 4px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px 4px 0 0;
  -moz-background-clip: padding;
  border-radius: 4px 4px 0 0;
  background-clip: padding-box;
}
.teaser figure .overlay {
  position: absolute;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.5);
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  color: #fff;
  font-size: 18px;
  visibility: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-border-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50px;
  -moz-background-clip: padding;
  border-radius: 50px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.teaser article {
  position: relative;
  background-color: #fff;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  padding: 10px;
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  -ms-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  border-radius: 0 0 4px 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.teaser h5 {
  margin-top: 0;
  color: #555555;
}
.teaser p {
  color: #999999;
  font-size: 13px;
  line-height: 18px;
}

/* Thought */
.thought .header {
  position: relative;
  background-color: #a40046;
  padding: 15px;
  -webkit-border-radius: 4px 4px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px 4px 0 0;
  -moz-background-clip: padding;
  border-radius: 4px 4px 0 0;
  background-clip: padding-box;
}
.thought h4 {
  color: #ffffff;
}
.thought h4 span {
  display: block;
  font-size: 11px;
  color: #3e001a;
}
.thought .image {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #fff;
  border: 3px solid #fff;
  display: inline-block;
  height: 50px;
  width: 50px;
  -webkit-border-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50px;
  -moz-background-clip: padding;
  border-radius: 50px;
  background-clip: padding-box;
}
.thought .image img {
  -webkit-border-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50px;
  -moz-background-clip: padding;
  border-radius: 50px;
  background-clip: padding-box;
}
.thought .body {
  background-color: #fff;
  color: #444;
  position: relative;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  -webkit-border-radius: 0 0 4px 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.thought .body:after {
  border-bottom: 9px solid #fff;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  position: absolute;
  top: -8px;
  right: 34px;
  width: 0;
  height: 0;
  display: block;
}
.thought p {
  position: relative;
  font-size: 13px;
  margin-bottom: 0;
  padding: 15px;
  z-index: 2;
}
.thought .quote {
  position: absolute;
  bottom: 0;
  right: 10px;
  font-size: 56px;
  color: #F1F1F1;
  z-index: 1;
}

/* Callout */
.callout {
  background: url("../images/patterns/kindajean.png");
  color: #444;
  position: relative;
  border: 1px solid #dddddd;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 5px;
}
.callout > .callout-wrap {
  border: 1px solid #dddddd;
  padding: 30px;
  background-color: #fff;
}
.callout > .callout-wrap:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.callout td {
  vertical-align: middle;
}
.callout h4 {
  color: #333;
  margin-top: 0;
  margin-bottom: 5px;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout .button {
  white-space: nowrap;
}
.callout.callout-bordered {
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}
.callout.callout-bordered .box,
.callout.callout-bordered .callout-wrap {
  -webkit-border-radius: 4px 0 0 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  border-radius: 4px 0 0 4px;
  background-clip: padding-box;
}

/* Description - Boxes are texts areas with a background texture to make featured messages */
.description {
    background: url("../images/patterns/kindajean.png");
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 30px;
    }
.description h3 {
    color: #333;
    margin: 0;
    font-weight: 400;
    line-height: 30px;
    }

/* Prices */
.prices {
  background-color: #fff;
  color: #444;
  margin-top: 50px;
  margin-bottom: 50px;
}
.prices:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.prices.tree-columns .price-column {
  width: 33.33%;
}
.prices.two-columns .price-column {
  width: 50%;
}
.prices .price-column {
  width: 25%;
  float: left;
}
.prices .price-column.featured {
  position: relative;
  top: 5px;
  z-index: 10;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.prices .price-column.featured ul {
  border-right: 1px solid #ddd;
}
.prices .price-column.last ul {
  border-right: 1px solid #ddd;
}
.prices .price-column .row-featured {
  background-color: #006dcc;
  color: #ffffff;
  position: absolute;
  top: -29px;
  line-height: 28px;
  font-weight: 700;
  width: 100%;
  height: 28px;
  padding: 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px 4px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px 4px 0 0;
  -moz-background-clip: padding;
  border-radius: 4px 4px 0 0;
  background-clip: padding-box;
}
.prices .price-column .row-price,
.prices .price-column .row-button {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fafafa', endColorstr='#f1f1f1');
  /* IE6 & IE7 */

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fafafa', endColorstr='#f1f1f1')";
  /* IE8 */

  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -moz-linear-gradient(top, #fafafa, #f1f1f1);
  background-image: -webkit-linear-gradient(top, #fafafa, #f1f1f1);
  background-image: -o-linear-gradient(top, #fafafa, #f1f1f1);
  background-image: linear-gradient(to bottom, #fafafa, #f1f1f1);
}
.prices .price-column ul {
  position: relative;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin-left: -1px;
  margin-bottom: 0;
}
.prices .price-column ul li {
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.prices .price-column h2 {
  color: #333;
  font-size: 52px;
}
.prices .price-column h2 small {
  display: block;
  margin-top: 10px;
  font-size: 12px;
}
.prices .price-column h3 {
  color: #444;
}

/* Simple Box */
.simple-box .icon-round {
  float: left;
  margin: -5px 10px 10px 0;
}
.simple-box h3 {
  margin-bottom: 0;
}
.simple-box h4 {
  margin-top: 0;
  color: #aaa;
  font-weight: 400;
}
.simple-box h4:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

/* Content Box */
.content-box {
  background-color: #f1f1f1;
  color: #333;
  margin-bottom: 20px;
  padding: 20px;
  border: 3px solid #ddd;
  border-radius:5px;

}
.content-box.box-green {
  background-color: #DFF0D8;
  border-color: #D6E9C6;
}
.content-box.box-blue {
  background-color: #D9EDF7;
  border-color: #BCE8F1;
}
.content-box.box-yellow {
  background-color: #FCF8E3;
  border-color: #FBEED5;
}
.content-box.box-red {
  background-color: #F2DEDE;
  border-color: #F2DEDE;
}
.content-box h3 {
  margin-top: 0;
}


.content-box-border {
  background-color: #fff;
  color: #333;
  margin-bottom: 20px;
  padding: 20px;
  border: 3px solid #ddd;
  border-radius:5px;

}

/* #Widget
================================================== */
/* Sidebar */
aside h2 {
    margin-top: 0;
    border-bottom: 1px solid #e4e4e4;
    }
aside h2:after {
    background-color: #a40046;
    bottom: 0;
    content: "";
    margin-top: 10px;
    margin-bottom: -1px;
    display: block;
    width: 50px;
    height: 3px;
    }

/* Widget */
.widget {
    margin-bottom: 0px;
    padding:1px 15px 15px 15px; /* 1px braucht es */
    border:0px solid red;
    }
/*
.widget:last-child {
    background: none;
    }
.widget:last-child:after {
    background: none;
    height: 0;
    }
.widget .tab-content {
    overflow: inherit;
    }
 */




/* Videos Widget */
.videos-widget h5 {
    margin-top: 0;
    }
.videos-widget > ul > li {
    margin-bottom: 15px;
    }
.videos-widget > ul > li:last-child {
    margin-bottom: 0;
    }
.videos-widget > ul > li ul {
    margin-bottom: 0;
    }
.videos-widget > ul > li ul li {
    margin-bottom: 0;
    }

/* QR Code Widget */
.qrcode-widget {
    display: block;
    overflow: hidden;
    }
.qrcode-widget .qrcode {
    float: left;
    margin-right: 30px;
    }

/* Tabs Widget */
.tabs-widget.nav-stacked .hidden {
  display: inline;
  visibility: visible;
}

/* Articles Widget */
.articles-widget li {
  min-height: 50px;
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 10px 60px;
  border-bottom: 1px solid #ddd;
}
.articles-widget li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.articles-widget h5 {
  margin-top: 0;
  margin-bottom: 5px;
}
.articles-widget i {
  color: #999;
}
.articles-widget img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 50px;
}

/* Comments Widget */
.comments-widget {
    margin-bottom: 0;
    }
.comments-widget blockquote {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    }
.comments-widget li {
    position: relative;
    margin-bottom: 30px;
    padding-left: 60px;
    }
.comments-widget i {
    color: #999;
    }
.comments-widget img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 50px;
    }

/* Upcoming Events Widget */
.upcoming-events-widget {
  margin-bottom: 0;
}
.upcoming-events-widget h3 {
  margin-top: 0;
}
.upcoming-events-widget li {
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #f1f1f1;
  position: relative;
  border-left: 50px solid #a40046;
}
.upcoming-events-widget li:last-child {
  margin-bottom: time;
}
.upcoming-events-widget .time {
  color: #fff;
  width: 30px;
  text-align: center;
  padding: 12px 10px;
  font-size: 12px;
  display: block;
  position: absolute;
  top: 3px;
  left: -50px;
}
.upcoming-events-widget .time strong {
  display: block;
  font-size: 18px;
  line-height: 26px;
}

/* Cities Widget */
.cities-widget a {
    -webkit-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
    -moz-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
    -o-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
    -ms-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
    transition: color 1s ease 0s, margin-left 0.5s ease 0s;
    }
.cities-widget a:hover,
.cities-widget a:focus {
    color: #777;
    background: none;
    margin-left: 5px;
    }
.cities-widget ul {
    margin-bottom: 0;
    }
.cities-widget ul li {
    margin-bottom: 3px;
    }

/* Social Counter Widget */
.social-counter {
  text-align: center;
}
.social-counter:after {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFUlEQVQIW2M8c+bMfxMTE0ZGBigAADu5BAN9nlB5AAAAAElFTkSuQmCC");
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  margin-top: 50px;
}
.social-counter a {
  color: #999;
}
.social-counter i {
  float: left;
  font-size: 36px;
  line-height: 42px;
}
.social-counter span {
  font-size: 22px;
  line-height: 24px;
}
.social-counter span.title {
  display: block;
  margin-bottom: 10px;
  font-size: 17px;
}
.social-counter .twitter-followers a:hover {
  color: #2DADDC;
}
.social-counter .facebook-likes a:hover {
  color: #3B5998;
}
.social-counter .newsletter-subscribers a:hover {
  color: #FE9A00;
}

/* Top Musics Widget */
.top-musics {
  list-style: none;
  margin-left: 0;
}
.top-musics li {
  position: relative;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.top-musics li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.top-musics .number {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #363839;
  color: #ffffff;
  width: 50px;
  height: 32px;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  display: block;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.top-musics .number:hover {
  background-color: #838383;
}
.top-musics .name {
  padding-left: 60px;
}
.top-musics .name a {
  -webkit-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
  -moz-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
  -o-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
  -ms-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
  transition: color 1s ease 0s, margin-left 0.5s ease 0s;
}
.top-musics .name a:hover {
  margin-left: 5px;
}
.top-musics small {
  display: block;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 3px;
}

/* Facebook Like Box */
.fb-like-box {
    background-color: #fff;
    }
.fb-like-box ._4s7c {
    border: none !important;
    }

/* Featured (Video) Widget */
.featured-widget {
    text-shadow: 0 1px 0 #fff;
    }
.featured-widget .video {
    background: #dddddd url("../images/loader.gif") center center no-repeat;
    }
.featured-widget .body {
    padding: 10px 10px 0;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #e4e4e4;
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f1f1');
    /* IE6 & IE7 */

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f1f1')";
    /* IE8 */

    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
    background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
    background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
    background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
    background-image: linear-gradient(top, #ffffff, #f1f1f1);
    -webkit-border-radius: 0 0 4px 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    }
.featured-widget h3 {
    margin-top: 0;
    }

/* Social */
.social-icons {
  font-size: 14px;
  list-style: none;
  overflow: hidden;
  margin-bottom: 0;
}
.social-icons.social-dark a {
  background-color: #a40046;
  color: #ffffff;
}
.social-icons.social-dark a:hover {
  color: #ffffff;
}
.social-icons.inline > li {
  margin-bottom: 10px;
  padding: 0;
}
.social-icons a {
  background-color: #67002c;
  background-color: rgba(0, 0, 0, 0.3);
  width: 32px;
  height: 32px;
  display: block;
  text-align: center;
  -webkit-border-radius: 32px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 32px;
  -moz-background-clip: padding;
  border-radius: 32px;
  background-clip: padding-box;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  line-height: 32px;
}
.social-icons a:hover,
.social-icons a:focus {
  text-decoration: none;
  color: #fff;
}
.social-icons .facebook:hover {
  background-color: #3B5998;
}
.social-icons .twitter:hover {
  background-color: #2DADDC;
}
.social-icons .google-plus:hover {
  background-color: #D14836;
}
.social-icons .linkedin:hover {
  background-color: #006699;
}
.social-icons .pinterest:hover {
  background-color: #CE2020;
}
.social-icons .github:hover {
  background-color: #4183C4;
}
.social-icons .email:hover {
  background-color: #fff;
  color: #555 !important;
}
.social-icons .rss:hover {
  background-color: #FE9A00;
}
.social-icons .vimeo:hover {
  background-color: #44BBFF;
}
.social-icons .evernote:hover {
  background-color: #6DB232;
}
.social-icons .instagram:hover {
  background-color: #3F729B;
}
.social-icons .flickr:hover {
  background-color: #FF0084;
}
.social-icons .share-this:hover {
  background-color: #008751;
}
.social-icons .forrst:hover {
  background-color: #4FB64B;
}
.social-icons .foursquare:hover {
  background-color: #3AB6E8;
}
.social-icons .delicious:hover {
  background-color: #285DA7;
}
.social-icons .hacker-news:hover {
  background-color: #3C5A98;
}
.social-icons .skype:hover {
  background-color: #0093DD;
}
.social-icons .lastfm:hover {
  background-color: #C70E14;
}
.social-icons .spotify:hover {
  background-color: #A5D13D;
}
.social-icons .soundcloud:hover {
  background-color: #FF4B00;
}
.social-icons .picasa:hover {
  background-color: #9A469E;
}
.social-icons .paypal:hover {
  background-color: #00457C;
}
.social-icons .stack-overflow:hover {
  background-color: #FE7A15;
}
.social-icons .tumblr:hover {
  background-color: #395774;
}
.social-icons .youtube:hover {
  background-color: #C4302B;
}
.social-icons .reddit:hover {
  background-color: #F24A02;
}
.social-icons .blogger:hover {
  background-color: #FC9D4B;
}
.social-icons .dribbble:hover {
  background-color: #E3558B;
}
.social-icons .yelp:hover {
  background-color: #C41200;
}

/* Social Buttons */
.social-buttons {
  margin-top: 20px;
}
.social-buttons.inline > li:first-child {
  padding: 0;
}
.social-buttons .facebook {
  overflow: hidden;
  height: 22px;
  min-width: 82px;
}
.social-buttons .twitter {
  overflow: hidden;
  height: 22px;
  width: 93px;
}
.social-buttons .google-plus {
  overflow: hidden;
  height: 22px;
}

/* #Advertising
================================================== */

/* Advertising */
//.advertising {
//    background: #f0f0f0;
//    background-image: url(../images/advertising.gif);
//    background-position: center center;
//    background-repeat: no-repeat;
//    position: absolute;
//    top: 0;
//    right: -20px;
//    }

/* Advertising with size 728x90 */
.ad-728 {
    position: relative;
    margin-bottom: 30px;
    text-align: center;

    }
//.ad-728 .advertising {
//    width: 20px;
//    height: 95px;
//    left: -20px;
//    }
.ad-728 img {
    width: 100%;
    }
header .ad-728 {
    margin-top: 18px;
    margin-bottom: 0;
    }
//header .ad-728 .advertising {
//    right: -20px;
//    left: auto;
//    }

/* Advertising with size 180x150 */
.ad-180 .row-fluid {
    margin-bottom: 10px;
    }
.ad-180 .row-fluid:last-child {
    margin-bottom: 0px;
    }

/* Advertising with size 336x280 */
.ad-336 {
    position: relative;
    text-align: left;
    }
//.ad-336 .advertising {
//    width: 20px;
//    height: 308px;
//    }

/* #Gallery Page
================================================== */
/* Gallery */
//.gallery {
//  position: relative;
//}
//.gallery .item {
//  margin-bottom: 20px;
//}
//.gallery .item .header {
//  position: relative;
//  overflow: hidden;
//}
//.gallery .item .header:hover .overlay-bg {
//  visibility: visible;
//  -webkit-opacity: 1;
//  -moz-opacity: 1;
//  opacity: 1;
//}
//.gallery .item .header:hover .overlay {
//  bottom: 60px;
//  visibility: visible;
//  -webkit-opacity: 1;
//  -moz-opacity: 1;
//  opacity: 1;
//}
//.gallery .item .overlay-bg {
//  position: absolute;
//  top: 0;
//  left: 0;
//  width: 100%;
//  height: 100%;
//  background-color: #a40046;
//  visibility: hidden;
//  -webkit-opacity: 0;
//  -moz-opacity: 0;
//  opacity: 0;
//  -webkit-transition: all 0.3s ease-in-out;
//  -moz-transition: all 0.3s ease-in-out;
//  -o-transition: all 0.3s ease-in-out;
//  -ms-transition: all 0.3s ease-in-out;
//  transition: all 0.3s ease-in-out;
//}
//.gallery .item .overlay {
//  position: absolute;
//  width: 100%;
//  bottom: 0;
//  text-align: center;
//  visibility: hidden;
//  -webkit-opacity: 0;
//  -moz-opacity: 0;
//  opacity: 0;
//  -webkit-transition: all 0.3s ease-in-out;
//  -moz-transition: all 0.3s ease-in-out;
//  -o-transition: all 0.3s ease-in-out;
//  -ms-transition: all 0.3s ease-in-out;
//  transition: all 0.3s ease-in-out;
//}
//.gallery .item .body a {
//  color: #555;
//}
//.gallery .item .body a:hover i {
//  color: #62C462;
//}
//.gallery .item .body h4 {
//  margin-bottom: 5px;
//}
//.gallery .item .body i {
//  -webkit-transition: color 0.3s ease-in-out;
//  -moz-transition: color 0.3s ease-in-out;
//  -o-transition: color 0.3s ease-in-out;
//  -ms-transition: color 0.3s ease-in-out;
//  transition: color 0.3s ease-in-out;
//}
//.gallery .big-thumb {
//  background-image: url("../images/patterns/strips.png");
//}
//.gallery .big-thumb a {
//  background: #fff;
//  display: block;
//}
//.gallery .gallery-thumbs {
//  background-image: url("../images/patterns/strips.png");
//  float: left;
//}
//.gallery .gallery-thumbs:after {
//  clear: both;
//  content: ".";
//  display: block;
//  height: 0;
//  line-height: 0;
//  visibility: hidden;
//}
//.gallery .gallery-thumbs ul {
//  margin-bottom: -3px;
//  overflow: hidden;
//}
//.gallery .gallery-thumbs ul li {
//  float: left;
//  background-color: #fff;
//  padding-bottom: 3px;
//  padding-right: 3px;
//}
//.gallery .gallery-thumbs ul li a {
//  display: block;
//  overflow: hidden;
//}

/* Gallery Item */
//.gallery-item .picture {
//  margin-bottom: 30px;
//}
//.gallery-item .picture img {
//  width: 100%;
//}

/* #Videos Page
================================================== */
/* Videos */
.videos {
  position: relative;
}
.videos .item {
  margin-bottom: 40px;
}
.videos .row:last-child {
  margin-bottom: -30px;
}
.videos figure {
  margin: 0;
}
.videos figure:hover .video-icon {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.videos ul {
  margin-bottom: 0;
}
.videos h5 {
  height: 40px;
  overflow: hidden;
  margin-bottom: 5px;
}
.videos small {
  font-size: 11px;
}
.videos .views {
  padding-left: 0;
}
.videos .video-time {
  position: absolute;
  right: 5px;
  bottom: 5px;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.videos .video-icon {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 42px;
  margin-top: -20px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Video Post */
.video-post .media {
  margin-bottom: 30px;
  background-image: url("../images/patterns/strips.png");
}

/* #Portfolio Page
================================================== */
/* Portfolio */
.portfolio figure .ribbon_icon {
  left: 5px;
}
/* Portfolio Item */
.portfolio-item .media {
  margin-bottom: 30px;
  background-image: url("../images/patterns/strips.png");
}

/* #Blog Page
================================================== */
/* Blog */
.blog.blog-page .meta {
    margin-bottom: 30px;
    }
.blog.blog-page figure figcaption {
    background: #F1F1F1;
    color: #444;
    padding: 5px 10px;
    }
.blog .share .utils {
    margin-bottom: 0;
    }
.blog .share .utils li {
    border-right: 1px solid #ddd;
    margin-right: 20px;
    padding-right: 20px;
    padding-left: 0;
    }
.blog .share .utils li:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
    }
.blog .share .social-buttons {
    float: right;
    margin: 5px 0 0;
    }
.blog .share input {
    margin-bottom: 0;
    }
.blog .item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    }
.blog .item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    }
//.blog .author {
//    text-align: center;
//    }
.blog .comments-block {
    position: relative;
    background-color: #a40046;
    color: #ffffff;
    padding: 5px 10px;
    }
.blog .comments-block:before {
    background-color: #a40046;
    content: "";
    position: absolute;
    top: -3px;
    left: 25px;
    width: 15px;
    height: 10px;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    }
.blog h3 {
    margin-top: 0;
    font-size: 21px;
    line-height: 25px;
    font-weight: 400;
    }
.blog p {
    font-size: 13px;
    line-height: 19px;
    }

/* Comments */
.comments {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comments .comment-arrow {
  position: absolute;
  top: 28px;
  left: -15px;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 15px solid #F4F4F4;
  border-bottom: 15px solid transparent;
}
.comments .comment-block {
  position: relative;
  background: #F4F4F4;
  padding: 20px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.comments .comment-block:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.comments .comment-block .comment-by {
  display: block;
  font-size: 1em;
  line-height: 21px;
  margin: 0;
  padding: 0 0 5px 0;
}
.comments .comment-block .date {
  color: #999;
  font-size: 11px;
  margin-top: 10px;
}
.comments .comment-block p {
  font-size: 0.9em;
  line-height: 21px;
  margin: 0;
  padding: 0;
}
.comments li {
  clear: both;
  padding: 10px 0 0 115px;
}
.comments li .thumbnail {
  position: absolute;
  margin-left: -115px;
}
.comments li .comment {
  margin-bottom: 10px;
  color: #444;
}
.comments li .avatar {
  width: 80px;
  height: 80px;
}
.comments li .reply {
  margin: 0;
}
.comments li a {
  text-decoration: none;
}

/* #Sliders
================================================== */
/* Slideshow */
.slideshow {
  position: relative;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}
.slideshow .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 75%;
  height: 100%;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00000000', endColorstr='#FF000000');
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuOCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
  background-image: linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
}
.slideshow .container {
  position: relative;
  z-index: 2;
}


/* flexslider Custom */



/*
.flexslider-container,
.flexslider .slides,
.flex-viewport {
    height: 100%;
}

html,
body {
  height: 100%;
  min-height: 100%;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
}
*/
/*
ul.slides {
  margin: 0;
  padding: 0;
}
*/

/*
.flexslider {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0px;
  overflow: hidden;
}
*/




/* Ende flexslider Custom */


/* Flexslider */
/*
.flexslider {
  position: relative;
  padding:0;

}
.flexslider figure figcaption {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.flexslider .slides:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.flexslider .flex-control-nav {
  list-style: none;
  margin: 0;
  text-align: center;
}
.flexslider .flex-control-nav li {
  display: inline-block;
  margin-left: 5px;
}
.flexslider .flex-control-nav li:last-child {
  margin-right: 0;
}
.flexslider .flex-control-nav a {
  background-color: #cccccc;
  width: 15px;
  height: 15px;
  display: block;
  text-indent: -9999px;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
}
.flexslider .flex-control-nav .flex-active {
  background-color: #a40046;
}

*/

/* Simple Flexslider */
.simple-flexslider {
  position: relative;
  overflow: hidden;
}
.simple-flexslider:hover .flex-direction-nav .flex-prev {
  left: 0;
}
.simple-flexslider:hover .flex-direction-nav .flex-next {
  right: 0;
}
.simple-flexslider .slides {
  margin-bottom: 0;
}
.simple-flexslider .slides li {
  display: none;
}
.simple-flexslider .slides li:first-child {
  display: block;
}
.simple-flexslider .flex-direction-nav {
  list-style: none;
  margin: 0;
}
.simple-flexslider .flex-direction-nav .flex-prev,
.simple-flexslider .flex-direction-nav .flex-next {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  padding: 30px 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.simple-flexslider .flex-direction-nav .flex-prev:hover,
.simple-flexslider .flex-direction-nav .flex-next:hover {
  background-color: #a40046;
}
.simple-flexslider .flex-direction-nav .flex-prev {
  left: -30px;
}
.simple-flexslider .flex-direction-nav .flex-next {
  right: -30px;
}
.simple-flexslider .flex-control-nav {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.simple-flexslider .flex-control-nav li a {
  background: #fff;
}


/* #Footer
================================================== */

/* Scroll Top */
.scroll-top {
    background-color: #5e0028;
    background-color: rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 18px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: fixed;
    bottom: 60px;
    right: 20px;
    display: none;
    overflow: hidden;
    z-index: 1000;
    -webkit-border-radius: 25px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 25px;
    -moz-background-clip: padding;
    border-radius: 25px;
    background-clip: padding-box;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    }
.scroll-top:hover,
.scroll-top:focus {
    background-color: #43001d;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-decoration: none;
    }

/* Footer */
footer {
  background-color: #6A6A69;
  color: #fff;

}
footer .footer {
  margin-top: 30px;
  margin-bottom: 0px;
}
footer a {
  color: #fff;
}
footer a:hover,
footer a:focus {
  color: #75758F;
}
footer h3 {
  color: #fff;
  margin-top: 0;
}
footer h6 {
  color: #eeeeee;
}
footer blockquote {
  border-left: none;
  padding-left: 0;
}
footer blockquote small {
  color: #eeeeee;
}

/* Menu Footer */
footer .menu-footer {
  margin-bottom: 40px;
}
footer .menu-footer li a {
  -webkit-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
  -moz-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
  -o-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
  -ms-transition: color 1s ease 0s, margin-left 0.5s ease 0s;
  transition: color 1s ease 0s, margin-left 0.5s ease 0s;
}
footer .menu-footer li a:hover {
  margin-left: 5px;
}

/* Number Count */
footer .count {
    margin-bottom: 20px;
    }
footer .count:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    }
footer .count > div {
    width: 50%;
    }
footer .count h4 {
    font-weight: 700;
    color: #fff;
    margin: 0;
    }
footer .count h6 {
    margin: 0;
    }

/* Footer */
footer .footer [class*="span"] {
    position: relative;
    }
footer .footer li {
    float: none;
    margin-left: 10px;
    padding-left: 10px;
    }

/* Logo Footer */
footer .logo img {
    max-width: 220px;
    }

/* Copyright */
footer .copyright {
    background-color: #EEEEEF;
    padding: 15px 0;
    border-top: 1px solid #4b0020;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color:#000000;
    }
footer .copyright p {
    margin-bottom: 0;
    }
footer .copyright p a {
    text-decoration: none;
    color:#000000;
    }
footer .copyright ul {
    list-style: none;
    overflow: hidden;
    margin: 0;
    float: right;
    }
footer .copyright li {
    display: inline-block;
    }
footer .copyright li a {
    margin-top: 3px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #540024;
    border-left: 1px solid rgba(0, 0, 0, 0.3);
    line-height: 12px;
    color:#000000;
    }
footer .copyright li:first-child a {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    }

/* #Plugins
================================================== */

/* FitVids */
.fit-vids-style {
    display: none;
    }

/* #Miscellaneous
================================================== */

/* General */
.inverse {
    color: #fff;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    }
.inverse.blue {
    background-color: #0088CC;
    }
.inverse.grey {
    background-color: #999;
    }
.inverse.green {
    background-color: #62C462;
    }
.nowrap {
    white-space: nowrap;
    }
.show-all {
    position: absolute;
    right: 0;
    top: -64px;
    font-size: 11px;
    }

/* Icon Round */
.icon-round {
  display: inline-block;
  background-color: #f0f0f0;
  color: #a40046;
  position: relative;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  text-shadow: none;
  -webkit-border-radius: 32px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 32px;
  -moz-background-clip: padding;
  border-radius: 32px;
  background-clip: padding-box;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.icon-round.icon-2x {
  width: 64px;
  height: 64px;
  line-height: 64px;
  -webkit-border-radius: 64px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 64px;
  -moz-background-clip: padding;
  border-radius: 64px;
  background-clip: padding-box;
}
.icon-round.icon-2x > span {
  width: 62px;
  height: 62px;
}
.icon-round.icon-3x {
  width: 96px;
  height: 96px;
  line-height: 96px;
  -webkit-border-radius: 96px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 96px;
  -moz-background-clip: padding;
  border-radius: 96px;
  background-clip: padding-box;
}
.icon-round.icon-3x > span {
  width: 94px;
  height: 94px;
}
.icon-round.icon-4x {
  width: 128px;
  height: 128px;
  line-height: 128px;
  -webkit-border-radius: 128px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 128px;
  -moz-background-clip: padding;
  border-radius: 128px;
  background-clip: padding-box;
}
.icon-round.icon-4x > span {
  width: 126px;
  height: 126px;
}
.icon-round > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border: 1px solid transparent;
  text-align: center;
  -webkit-border-radius: 90px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 90px;
  -moz-background-clip: padding;
  border-radius: 90px;
  background-clip: padding-box;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.span3:hover .icon-round,
.span4:hover .icon-round {
  background-color: #710030;
  color: #ffffff;
}
.span3:hover .icon-round > span,
.span4:hover .icon-round > span {
  border: 1px solid #ffffff;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.25, 0.15, 1.7);
  -moz-transition-timing-function: cubic-bezier(0.4, 0.25, 0.15, 1.7);
  -o-transition-timing-function: cubic-bezier(0.4, 0.25, 0.15, 1.7);
  transition-timing-function: cubic-bezier(0.4, 0.25, 0.15, 1.7);
}
.span3:hover .icon-round.icon-2x > span,
.span4:hover .icon-round.icon-2x > span,
.span3:hover .icon-round.icon-3x > span,
.span4:hover .icon-round.icon-3x > span,
.span3:hover .icon-round.icon-4x > span,
.span4:hover .icon-round.icon-4x > span {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

/* Solid Buttons */
.btn-solid {
    display: inline-block;
    background-color: #333;
    padding: 4px 12px;
    font-size: 14px;
    color: #fff !important;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
    }
.btn-solid:hover {
    background-color: #4d4d4d;
    }
.btn-solid.btn-solid-mini {
    padding: 0 6px;
    font-size: 10.5px;
    }
.btn-solid.btn-solid-large {
    padding: 11px 19px;
    font-size: 17.5px;
    }

/* TinyNav - Used in phone size */
.tinynav {
    display: none !important;
    margin: 10px auto 0;
    width: 90%;
    }

/* Ribbon */
.ribbon {
    width: 140px;
    height: 140px;
    position: absolute;
    top: -100px;
    left: -100px;
    z-index: 8;
    background-color: #ffcc00;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffcc00', endColorstr='#f3b40b');
    /* IE6 & IE7 */

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffcc00', endColorstr='#f3b40b')";
    /* IE8 */

    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNiNDBiIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+);
    background-image: -moz-linear-gradient(top, #ffcc00, #f3b40b);
    background-image: -webkit-linear-gradient(top, #ffcc00, #f3b40b);
    background-image: -o-linear-gradient(top, #ffcc00, #f3b40b);
    background-image: linear-gradient(top, #ffcc00, #f3b40b);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    }
.ribbon_icon {
    position: absolute;
    top: 1px;
    left: 2px;
    color: #ffffff;
    font-size: 14px;
    z-index: 9;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    }

figure {
    /*overflow: hidden;*/
    /* background-image: url("../images/patterns/strips.png"); */
    }
figure a {
    display: block;
    }
figure .ribbon,
figure .ribbon_icon {
    visibility: visible;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    }
figure:hover .ribbon,
figure:hover .ribbon_icon {
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    }

/* Icons */
.icon-green {
    color: #53AF4E;
    }
.icon-yellow {
    color: #E8BF56;
    }
.icon-blue {
    color: #2244AA;
     }
.icon-orange {
    color: #E97F02;
    }
.icon-white {
    background-color: #333;
    color: #fff;
    }
.icon-pink {
    color: #FF5770;
    }
.icon-red {
    color: #A30006;
    }



/* Custom */
.message-zitat {
    display: inline-block;
    background: #ffffff;
    border: 1px solid #dddddd;
    padding: 4px 8px;
    font-size: 11px;
    color: #555555;
    }

.message-info {
    background: #ffffff;
    border: 1px solid #dddddd;
    padding: 8px;
    margin-bottom: 10px;
    }

.clear {
    clear: both;
    }

.hide {
    display: none;
    }

.center {
    text-align: center;
    }

.right {
    text-align: right;
    }

.width-160 {
    width: 160px;
    }

.float {
    float: left;
    margin: 0 8px 8px 0;
    }

.lightbox-container {
    width: 440px;
    padding: 5px 10px;
    }





/* #Media Queries
================================================== */

/* Only Chrome and Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .overall.overall-full .inner {
    left: -1px;
    padding-right: 1px;
  }
  .map-inner .map-shadow {
    left: -1px;
    padding-right: 1px;
  }
}

/* iPhone retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

}
/* super Large desktop */
/*
@media (min-width: 1600px) {
   .flexslider,  .flexslider .slides  {
      height: 600px;
  }
}
*/
/* Extra Large desktop */
@media (max-width: 1279px) {
  body {
    overflow-x: hidden;
  }
  .advertising {
    display: none;
  }
}


/* Large desktop */
@media (min-width: 1200px) {
  .counter span {
    font-size: 28px;
  }
  .pagination .page-count {
    float: right;
  }
}

/* Medium desktop */
@media (min-width: 991px) and (max-width: 1199px) {
    .logoDAR {
        width: auto;
    }
.navMobileQuickSymbol {
    float:left;
    position: relative;
    margin-right: 10px !important;
    /*z-index:9999; */

}
  header .ad-728 {
    margin-top: 30px;
  }
  header .medium-search .input-xlarge {
    width: 240px;
  }
  .pagination .page-count {
    float: right;
  }
  .news-slider .slides li {
    width: 620px !important;
  }
  .news-slider .meta {
    display: none;
  }
  .news-slider article {
    font-size: 13px;
    line-height: 17px;
  }
  .news-slider article h2 {
    font-size: 16px;
    line-height: 22px;
  }
  .social-counter a {
    font-size: 15px;
  }
  .social-counter span {
    font-size: 18px;
  }
  .gallery .row {
    overflow: hidden;
  }
  .gallery [class*="span"] {
    display: block;
    width: 100%;
    float: none;
  }
  .gallery .big-thumb {
    margin-bottom: 5px;
  }
  .gallery .big-thumb a {
    background-color: #fff;
    padding-right: 5px;
    display: inline-block;
  }
  .login .form-actions ul {
    margin-bottom: 20px;
  }
  .login .form-actions .pull-right {
    float: none;
    text-align: center;
  }
  .login .form-actions .pull-right .btn {
    width: 100%;
  }
  footer h3 {
    font-size: 16px;
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {

  .searchOffline {
    position: relative !important;
    width: 100% !important;
    top: 35px !important;
  }
header > .container {
    margin-bottom: 40px;
    height: auto !important;
}
.logoDAR {
    margin-top: 16px;
    margin-left: 20px;
    width: 170px;
    z-index: 110;
}
    .claimDAR {
        margin-left: 20px;
    }

.navMobileQuick {
    padding-left: 35px;
}
.navMobileQuickSymbol {
    float:left;
    position: relative;
    margin-right: 15px !important;
    /*z-index:9999; */

}
  header .header {
    min-height: 115px;
  }
  header .logo {
    margin-top: 30px;

  }
  header .logo img {
    width: 100%;
  }
  header .ad-728 .image {
    margin-top: 30px;
  }
  header nav.navigation .menu {
    font-size: 13px;
  }
  header nav.navigation .menu > li:hover a {
    padding-left: 11px;
  }
  header nav.navigation .menu > li > a {
    padding: 13px 10px 16px;
  }
  .news-slider .slides li {
    width: 476px !important;
  }
  .pagination {
    text-align: center;
  }
  .featured-news .news-thumbs h4 {
    font-size: 14px;
    line-height: 18px;
  }
  .counter i {
    float: none;
  }
  .latest-blog p {
    display: none;
  }
  .newsletter .span8 {
    width: 120px;
  }
  .gallery [class*="span"] {
    display: block;
    width: 100%;
    float: none;
    margin-left: 0;
  }
  .gallery .big-thumb {
    margin-bottom: 5px;
  }
  .social-counter i {
    display: none;
  }
  .social-counter a {
    font-size: 15px;
  }
  .social-counter span {
    font-size: 18px;
  }
  .login .form-actions ul {
    margin-bottom: 20px;
  }
  .login .form-actions .pull-right {
    float: none;
    text-align: center;
  }
  .login .form-actions .pull-right .btn {
    width: 100%;
  }
  .scroll-top {
    bottom: 70px;
  }
  footer h3 {
    white-space: nowrap;
    font-size: 13px;
  }
  footer .logo img {
    max-width: 140px;
  }
  footer .count h4 {
    font-size: 13px;
  }
  footer .social-icons {
    margin-bottom: 0;
  }
  footer .social-icons li {
    margin-bottom: 10px;
  }
  footer .social-buttons {
    display: none;
  }
  footer .author {
    display: block;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.storyIMG {
    width: 100%;
    height: auto;
    position: relative;
    top: inherit;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateY(none);
    -moz-transform: translateY(none);
    -o-transform: translateY(none);
    -ms-transform: translateY(none);
    transform: translateY(none);
}
.stroyIMGdiv {
    height: auto;
    overflow: hidden;
    max-height: 280px;
}
    .logoDAR {
         width: 130px;
    }
    .logoDAR, .claimDAR {
    margin-left: 20px;

    }
  .searchOffline {
    position: relative !important;
    width: 100% !important;
    top: 35px !important;
  }
header > .container {
    margin-bottom: 40px;
    height: auto !important;
}
    .loggedin {
        margin-left: 0px !important;
    }
  .navMobileQuick {
    padding-left: 20px;
  }
  .top-bar > .container > .row > .col-xs-8 {
    float: right;
  }
  .topMember .container .row .col-xs-10 {
    width: 100%;
  }
  .topMember > .container > .row > .col-xs-2 {
    position: absolute;
    z-index: 200;
    margin-top: -53px;
  }
  .siteNaviMember {
    background-color: #FAF2E3;
  }
  body {
    padding-right: 0;
    padding-left: 0;
  }
  header {
    border-top: none;
  }
  header .top-bar {
    text-align: center;
  }
  header .header {
    text-align: center;
    min-height: auto;
  }
  header .pull-left,
  header .pull-right {
    float: none;
  }
  header .access {
    /*float: none;*/
  }
  header .logo {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  header .search {
    text-align: center;
    padding: 5px;
  }
  header .search .pull-right {
    float: none;
  }
  header .search input[type=text] {
    width: 300px;
  }
  header .query-search {
    margin-top: 10px;
  }
  .pagination {
    text-align: center;
  }
  .news-slider .slides {
    width: auto;
  }
  .news-slider .slides > li {
    width: 100% !important;
    display: none;
  }
  .news-slider .slides > li:first-child {
    display: block;
  }
  .news-slider figure:before {
    top: auto;
    right: auto;
    bottom: -13px;
    left: 50px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .news-slider article {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
  .login .form-actions .pull-right {
    float: none;
    text-align: center;
  }
  .login .form-actions .pull-right .btn {
    width: 100%;
  }
  .main {
    margin-right: 10px;
    margin-left: 10px;
  }
  .tinynav {
    display: block !important;
  }
  .gallery-alt img {
    width: 100%;
  }
  #nav .menu {
    display: none;
  }
  .overall .container {
    padding-bottom: 20px;
  }
  .teaser [class*="span"] {
    width: 49%;
    display: inline-block;
    margin-bottom: 30px;
  }
  .teaser .item {
    margin-right: 5px;
  }

  .simple-box {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
  }
  .simple-box h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .simple-box h4 {
    font-size: 14px;
    list-style: 16px;
  }
  .prices .price-column h2 {
    font-size: 36px;
  }
  .prices .price-column .row-featured {
    font-size: 11px;
    font-weight: 500;
  }
  .featured-news figure img {
    width: 100%;
  }
  .featured-news .news-thumbs .news-item .span3 {
    width: auto;
    float: left;
    margin-right: 10px;
  }
  .featured-news .news-thumbs .news-item ul {
    float: left;
  }
  .blog .comments-block {
    margin-bottom: 30px;
  }
  .cities [class*="span"] {
    width: 49%;
    display: inline-block;
    margin-bottom: 30px;
  }
  .videos figure img {
    width: 100%;
  }
  .videos [class*="span"] {
    width: 48%;
    *width: 48%;
    margin-left: 1%;
    display: inline-block;
    vertical-align: top;
  }
  .videos [class*="span"]:nth-child(odd) {
    margin-left: 0;
  }
  .ad-180 {
    text-align: center;
  }
  .ad-180 [class*="span"] {
    width: 49%;
    display: inline-block;
  }
  .qrcode {
    text-align: center;
  }
  .social-counter i {
    float: inherit;
  }
  .social-counter [class*="span"] {
    width: 30%;
    display: inline-block;
  }
  .boxes {
    padding-left: 20px;
    padding-right: 20px;
  }
  .boxes [class*="span"] {
    margin-bottom: 30px;
  }
  .newsletter .input-prepend .span8 {
    width: 180px;
  }
  .gallery .big-thumb {
    margin-bottom: 5px;
  }
  .gallery .big-thumb img {
    width: 100%;
  }
  .sitemap li a {
    font-size: 11px;
    font-weight: 500;
  }
  .sitemap li a:link:before,
  .sitemap li a:visited:before {
    content: "";
    margin-bottom: 0;
  }
  .sitemap i {
    display: none;
  }
  footer {
    padding-right: 10px;
    padding-left: 10px;

  }
  footer .footer {
    margin: 0;
    padding: 0;

  }
  footer .footer [class*="span"] {
    margin-bottom: 30px;
  }
  footer .logo {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 40px;
  }
  footer .copyright {
    text-align: center;
    margin-right: -10px;
    margin-left: -10px;
    padding-right: 10px;
    padding-left: 10px;
  }
  footer .copyright ul {
    float: none;
    margin-top: 20px;
  }
}

/* Landscape phones and down */
@media (max-width: 480px) {
  .navMobileQuick {
    padding-left: 20px;
  }
  header .logo {
    margin-bottom: 20px;
  }
  .videos .item {
    margin-bottom: 0;
  }
  .videos [class*="span"] {
    margin-bottom: 10px;
  }
  .videos .views small,
  .videos .time small {
    font-size: 9px;
  }
  .prices .price-column h2 {
    font-size: 26px;
  }
  .error-page h2 {
    font-size: 140px;
    line-height: 140px;
  }
  .width-160 {
    width: auto;
  }
}

/* Portrait phones and down */
@media (max-width: 320px) {
  .lightbox-container {
    width: 260px;
    padding: 0 5px;
  }
  .featured-news .news-thumbs figure {
    width: 60px;
    height: 60px;
    margin-right: 10px;
  }
}

/*added by marten */
.form-field {

    border:1px solid red;

}

.pseudo-verweis {
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    color: #a40046;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.pseudo-verweis:hover {
    text-decoration: none;
}

.info-text {
    font-size:85%;
}


.flex-caption {
    background-color: #f3f3f3;
    color:#333333;
    font-weight: bold;
    padding:5px;
}

.formField {

    /*display: block;*/
    float:left;
    margin:0 10px 10px 0;
    /*height: 40px;*/
}

.col {
    float:left;

}

#dd_regionen_pic {
    background: url("../images/dd_regionen.png") no-repeat center center;
    height: 36px;
    width:230px;
}



#dd_regionen {
    padding: 4px 20px 0 12px;
}

.uebernehmen {

    font-size: 11px;
    font-color:#333;
    color: #a40046;

}

.custom_modal_footer {

    margin-top:10px;
    border-top:1px solid #ccc;
    padding-right: 5px;


}

input[type=checkbox] {

    vertical-align: top;

}

.filter-loggedin {
    background-color: rgb(245,245,245);
    margin-bottom: 15px;
    padding: 15px 0 15px 0;
}


.filter-loggedinColRight {
    background-color: rgb(245,245,245);
    margin-bottom: 15px;
    padding: 30px 0 33px 0;
}

@media (max-width: 767px) {

    .filter-loggedinColRight {
        background-color:none;
        margin-bottom: 0;
        padding: 0;
    }
}

/* adaptiert von bootstrap form-control */
/* Zeigt nur Text anstelle von einem Eingabefeld an */
.form-text-only{
    display:block;
    width: 100%;
    height:34px;
    padding:6px 12px 0px 0;
    font-size:14px;
    line-height:1.42857143;
}

.form-group-meta {


    border:1px solid #ccc;
    padding: 15px 15px 15px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    background-color: #f9f9f9;
    overflow: hidden;


}

.form-group-meta2, .form-group-meta2a {
    padding: 15px 15px 15px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    background-color: #eee;
    /*overflow: hidden;*/

}

/* Status Niemand, Farbe Rot */
.bg-0 {
    background-color: #F2DEDE;
    border:1px solid #EBCCD1;

}

/* Status Alle, Farbe Grün */
.bg-1 {
    background-color: #DFF0D8;
    border:1px solid #DAECCF;

}

/* Status Alle, Farbe Grau */
.bg-2 {
    background-color: #dddddd;
    border:1px solid #ccc;

}


/*
- - - - - - - - - - - - - - - - - - - - - - - - -
Start bootstrap override
- - - - - - - - - - - - - - - - - - - - - - - - -
*/
/*
.row {
    margin:0;
 }
*/

.form-horizontal .control-label {
    text-align: left;
}

.form-horizontal .form-group {
   margin-bottom: 0;
   padding:5px 0px 5px 0;
}

/* Buttons */


.btn-primary {
color: #fff;

/*
background-color: #800033;
border-color: #800033;

background-color: #9C9C9C;
border-color:#9C9C9C;

background-color: #9B1149;
border-color:#9B1149;

background-color: #D84583;
border-color: #D84583;
*/background-color: #c76a81;
border-color: #80807F;

padding:5px 12px;
font-size:18px;
line-height:1.33;
border-radius:10px;
text-transform: uppercase;float: right;}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;

  /*
  background-color: #550022;
  border-color: #550022;

  background-color: #800033;
  border-color: #800033;

  background-color: #A40045;
  border-color: #A40045;
  */

  background-color: #550022;
  border-color: #550022;
}


.btn-primary.disabled,
.btn-primary[disabled] {

    background-color: #A40045;
    border-color: #A40045;

}


.btn-default {
    padding:5px 12px;
    font-size:18px;
    line-height:1.33;
    border-radius:6px
}

.btn-default:hover {
    background-color:#A40045;
    color:#ffffff;
}

.btn-link {
    color:#a40046;;
    font-size:18px;

}

.btn-link:hover {
    color: #777777;
    text-decoration: none;

}


/* info button */

.btn-info {
    color: #ffffff;
    background-color: #C0617A;
    border-color: #C0617A;
    padding:5px 12px;
    font-size:16px;
    line-height:1.33;
    border-radius:10px;
    float: right;
}
.kachelButton > .btn-info {
    float: none;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  color: #fff;
  background-color: #550022;
  border-color: #550022;
}

/* info button ende */

/* warning button */

.btn-warning {
    color: #6A6A69;
    background-color: #F4E5C5;
    border-color: #F4E5C5;
    padding:5px 12px;
    font-size:16px;
    line-height:1.33;
    border-radius:10px
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
  color: #fff;
  background-color: #550022;
  border-color: #550022;
}

/* warning button ende */



/* 28.02.15 */
.form-control:focus {
  border-color: rgba(163, 0, 71, 0.8);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(163, 0, 71, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(163, 0, 71, 0.6);
}


/* 04.05.2015 */
.alert-icon {
    float: left;
    width: 32px;
    height: 28px;
    border:0px solid black;
    margin-right: 10px;
    background: url("../images/warning.png") no-repeat left center;
}



/*
- - - - - - - - - - - - - - - - - - - - - - - - -
Ende bootstrap override
- - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* form-line = eigene Klasse */
.form-line .form-group {

    background-color: #f9f9f9;
    border-bottom:1px solid #ccc;

   /* margin-bottom: 0;*/
}


.form-horizontal .form-group .form-button {
    border:10;
    margin-bottom:15px;
    background-color: none;
}

.col-title {
    background-color:#F9F9F9;
    background-color:#ccc;
    font-weight: bold;
    padding: 10px 0 10px 5px;
}

.col-descr {
    padding: 10px 0 10px 5px;
}

.col-descr2 {
    padding: 5px 0 5px 5px;
}

.col-title2 {
    /*
    background-color:#F9F9F9;
    background-color:#ccc;
    background-color:none;
    */
    font-weight: bold;
    padding: 5px 0 5px 5px;
}

.col-title3 {
    background-color:#ccc;
    font-weight: bold;
    padding: 20px 0 20px 5px;
}

.col-descr3 {
    padding: 20px 0 20px 5px;
}

.col-descr4 {
    padding: 18px 0 0px 5px;
}





.row-custom {
    margin:0;
    border-top: 1px solid #ddd;
    background-color: #eee;
}
.row-custom-last {
    border-bottom: 1px solid #ddd;
}

.row-custom2 {
    margin:0;
}

.row-custom-padding {
    margin:0;
    border-top: 1px solid #ddd;
    /* padding:20px 0 5px 0; */
    /* 27.02.15, wegen mysingles/uebersicht */
    padding:10px 0 10px 0;
}

.row-custom-padding-highlighted {
    margin:0;
    border-top: 1px solid #ddd;
    padding:20px 0 5px 0;
     background-color: #E6F2F5;
}

.row-custom-calendar {
    border-top: 1px solid #ddd;
    padding:5px 0 5px 0;
    min-height: 40px;
    font-size: 18px;

}

.row-custom-header-padding {
    margin:0;
    border-top: 1px solid #ddd;
    padding:5px 0 5px 0;
    font-weight: bold;
    background-color: #f5f5f5;

}

.padding-top {
    padding-top: 8px;
}

/* firefox 29 bugfix damit input type number korrekt dargestellt wird */
/*
http://stackoverflow.com/questions/23372903/hide-spinner-in-input-number-firefox-29
*/
input[type=number] {
    -moz-appearance:textfield;
}

/* 29.08.14 marten, submenu -layer */
.sub-menu-layer {
    width: 640px;
    padding:10px;
    color:#666;


}

.sub-menu-layer a:link {
   text-decoration: none;
   color:#666;
}

.sub-menu-layer a:visited {
   text-decoration: none;
   color:#666;
}

.sub-menu-layer a:hover {
   /*text-decoration: underline; */
   color:#000;
}

.sub-menu-layer ul li {
    padding: 0;
    margin: 0;
    list-style: none;

}

.sub-menu-layer ul li i {
    width: 22px;


}

.sub-menu-layer ul {
    padding: 0;
    margin: 0;

}


.link-small {

    font-size: 18px;
}

.link-smallest {

    font-size: 14px;
}

.iconTextWrapper {
    font-size: 18px;
    /*border:1px solid red;*/
}



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

.font-medium {
    font-size: 14px;
}

.font-small {
    font-size: 12px;
}

.line-height-big {
    padding: 2px 0 2px 0;
}

.zitat {
    border-left:3px solid #969696;padding-left:10px;

}

.notActive {
    color: #ff0000;
}

/* 28.11.14 Input Validierung */

.errorField {
    border-color:#E12032;
}

.errorText {
    color:#E12032;
}

.errorBorder {
    border-left:5px solid #E12032;

    /*border-color:#E12032;*/
}


/*
@media (min-width: 1020px) {

    .flyingButton {
        position: fixed;
        top:425px;
    }


    .staticButton {
        display:none;
        border:1px solid #ff0000;
    }


}

@media (max-width: 1019px) {

    .flyingButton {
        display:none;
    }

    .staticButton {
        display:block;

    }

}
*/


/* Sprechblase */



  .bubble {
    position: relative;
    /*
    width: 250px;
    height: 100px;
    */
    padding: 10px 10px 10px 10px;

/*
    background: #FCFAC9;
    background: #F8F7DA;
    background: #E6F2F5;
    */


  color: #31708f;
  background-color: #eee;
  border-color: #ccc;



    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*border:1px solid #CCEEF7;*/

    /*
    -webkit-box-shadow: 6px 9px 12px 3px rgba(97, 97, 97, 0.71);
    -moz-box-shadow: 6px 9px 12px 3px rgba(97, 97, 97, 0.71);
    box-shadow: 6px 9px 12px 3px rgba(97, 97, 97, 0.71);
    */
}

  .bubble:after {
   content: '';
position: absolute;
border-style: solid;
border-width: 17px 25px 17px 0;
border-color: transparent #eeeeee;
display: block;
width: 0;
z-index: 1;
left: -25px;
top: 14px;
}






/* Sprechblase Ende */

#interview {
    border:3px solid #ccc;
    border-radius:5px;
    background-color: #E6F2F5;
    margin-top:15px;
    margin-bottom:30px

}


.interviewAsk {
    background-color:#ccc;
    color:#000;
    font-weight: bold;
    padding: 10px 0 10px 10px;
}


.interviewAnswer{
    font-weight: normal;
     padding: 10px 0 10px 10px;
     background-color: #eee;
     background-color: #E6F2F5;
     margin-bottom: 15px;
}



q{quotes:"\00AB" "\00BB";}

.profilePicThumb {
    width:60px;
    height:60px;
    /*border-radius:15px;*/

}

.profilePicThumb2 {
    width:80px;
    height:80px;
    border-radius:40px;
    /*box-shadow: 1px 1px 1px 1px rgba(97, 97, 97, 0.71);*/

}

.anzeigenRow {

    border:0px solid #ccc;
    margin-bottom: 15px;
    margin-left:0px;
    margin-right:0px;
    border-radius:5px;
    padding:10px 10px 10px 0;
    box-shadow: 5px 5px 10px 0px rgba(97, 97, 97, 0.82);
    color:#333;

}

.anzeigenRowPush {
    background-color: #E6F2F5;

 }

.anzeigenTitel {

    font-size: 20px;
    line-height: 28px;
    color:#000;
    color: #aa0044;
    color:#000;
    margin-bottom:15px;
    /* text-transform:uppercase; */

}


.profile {
    margin-bottom: 18px;
    }
.profilbox {
    float: left;
    background: #f5f5f5;
    width: 150px;
    margin: 0 16px 16px 0;
    padding: 10px;
    /*box-shadow: 2px 9px 13px 0px rgba(97, 97, 97, 0.82);*/
    box-shadow: 5px 5px 10px 0px rgba(97, 97, 97, 0.82);
    }





.countDisplayDiv {
    float:left;
    margin-right:3px;
}




.checkbox {


}

.checkbox:hover {

    color:#aa0044;

}


.showAccountStatus {

    float:left;
    color:#E12032;
    font-size:16px;
    text-align:right;
    border:1px solid red

}

.betaPic {
    border:0px solid red;
    position: absolute;
    right:0px;

}

option:hover{
background:#C6C4BD;
}

.text-green {
    color:green;
}

.text-red {
    color:red;

}

.radius15 {
    border-radius: 15px;
}

/*
.bgGray {
    background-color: #A7A7A7;
}
*/
.bgYellow {
    background-color: #F4E5C5;
    color: #6A6A69
}

.bgYellow h2 {
    color: #6A6A69
}


a[descr]:hover:after {
  content: attr(descr);
  padding: 4px 8px;
  color: #666;
  font-size: 14px;
  position: absolute;
  left: 0;
  /*top: 100%;*/
  top: -1px;
  /*top: -80px;*/
  white-space: nowrap;
  z-index: 9999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  border:1px solid #ccc;

}


.onlineStatus {
    float:left;
    margin:7px 0 5px 2px;
    background: url("../images/online.jpg") no-repeat center center;
    width: 16px;
    height: 16px;
}

/* 18.06.15, overlay, app installation */
#overlay {
   position: fixed;
   z-index:199;
   top: 0px;
   left: 0px;
   height:100%;
   width:100%;
}

.overlayBG {
   background-color:#000;
   -ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
   filter:alpha(opacity=75); /* IE5-7 */
   -moz-opacity: 0.75; /* Mozilla */
   opacity: 0.75;
}


/* Interner Newsletter */

#newsletter h1 {
    display:block;
    font-size: 28px;
    padding-left:0px;
    line-height:40px;
    border-radius:0px;
    color: #91023A;
    margin:30px 0 30px 0;
    border-bottom:2px solid #91023A;

}

#newsletter img {
    float:left;
    margin-right: 15px;
    padding:0px;

}

a.linkNeutral {
    color: #333333;
    font-size: 14px;
}

a.linkNeutralSmallUnderline {
    color: #333333;
    font-size: 14px;
    text-decoration: underline;
}

a.link2 {
    color: #333;
    /*background-color: #f1f1f1;*/
    text-decoration: none;
   /* border-bottom:1px dotted #333;*/

}

a.link2:hover {
    color:#a40046;

}

a.linkMore {
    color:#6A6A69;
    text-decoration: underline;

}

.linkMoreIcon {
    color:#6A6A69;
    font-size: 18px;

}




.forumThema {
    background-color: #f1f1f1;
}



.subnavProfil {
    margin:0;
    margin-bottom:30px;
    padding:5px 0 5px 0;
    /*background-color: #f1f1f1;*/
    background-color: rgb(245,245,245);

}



.subnavProfil .btn-default {
/*color: #666;
border:3px solid #ccc;
*/

}

.subnavProfil .btn-default:hover {
color: #fff;
background-color: #A40045;
border-color: #A40045;

}

/*
.premium {

    margin:0;
    border:5px solid #AFAFAF;
    background-color: #eee;
    padding:15px;
    border-radius: 5px;


}
*/

.memberDetailText {
    border:3px solid #ccc;
    border-radius:5px;
    padding:10px;
    background-color: #f5f5f5;

}

.premium {

    margin:0;
    border-top:5px solid #C0617A;
    background-color: #f5f5f5;
    padding:15px;
    border-radius: 0px;
    /*box-shadow: 5px 5px 10px 0px rgba(97, 97, 97, 0.82);*/
    box-shadow: -1px 9px 13px 4px rgba(143,143,143,1);

}

.premium-profile {
    color: #fff;
    background-color: #C0617A;
    padding-top: 20px;
    margin-top: -20px;
    padding-bottom: 20px;
    margin-bottom: -20px;
}
.premium-profile-10 {
    color: #fff;
    background-color: #C0617A;
    padding-top: 10px;
    margin-top: -10px;
    padding-bottom: 10px;
    margin-bottom: -10px;
}
.premium-profile-5 {
    color: #fff;
    background-color: #C0617A;
    padding-top: 5px;
    margin-top: -5px;
    padding-bottom: 5px;
    margin-bottom: -5px;
}
.basis-profile-5 {
    background-color: #FAF2E3;
    padding-top: 5px;
    margin-top: -5px;
    padding-bottom: 5px;
    margin-bottom: -5px;
}
.basis-profile-10 {
    background-color: #FAF2E3;
    padding-top: 10px;
    margin-top: -10px;
    padding-bottom: 10px;
    margin-bottom: -10px;
}

.bgContent {

    margin:0;
    background-color: #eee;
    padding:15px 15px 15px 15px;
    border-radius: 0px;
    margin-bottom: 30px;

}

.bgContentHeader {

    background-color: #AFAFAF;
    /*background-color: #A40045;*/
    padding:5px 15px 5px 15px;
    margin:0;
    color:#fff;
    font-size:24px;
    text-transform: none;
    border-top-left-radius:5px;
    border-top-right-radius:5px;

}

.bgContentHeader i {
    width: 35px;
}


.steckbriefInner {
    font-size: 16px;
    margin-left:0px;
    text-transform: none;

}

.steckbriefButtons {
}

.steckbriefButtons button {
    margin-bottom: 5px;
    text-align: left;

}

.steckbriefButtons i {
    width: 24px;
}


.bgGrayLight {
    background-color: #eee;
}

.form-group-meta2 > .form-group {
    border-bottom: 2px solid #fff;
}

.topBarOnline {
    padding-top: 5px;
    color:#EDE7E7;
}

/* Start Foto-Roulette */

/*
OBSOLETE, delete Later
.fotoRouletteNav > li.active > a,
.fotoRouletteNav > li.active > a:hover,
.fotoRouletteNav > li.active > a:focus {
    color:#000;

}
*/
.fotoRouletteFoto-small {
    overflow: hidden;
    background-color: #eee;
    background: url("../images/bgPicture.gif") no-repeat center center;
    height: 250px;
    width: 250px;
    margin: auto;
}
.fotoRouletteFoto-small img{
    width: auto !important;
    height: auto !important;
    position: relative;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    min-width: 350px;
    min-height: 350px;
    max-height: none !important;
    max-width: none !important;
}
.fotoRouletteFoto {
    overflow: hidden;
    background-color: #eee;
    background: url("../images/bgPicture.gif") no-repeat center center;
    height: 350px;
    width: 350px;
    margin: auto;
}

.fotoRouletteFoto img{
    width: auto !important;
    height: auto !important;
    position: relative;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    min-width: 350px;
    min-height: 350px;
    max-height: none !important;
    max-width: none !important;
}

.fotoButton {

}

.fotoButtonLike,.fotoButtonLike:focus {
    /*width:200px;*/
    margin-top: 5px;
    background-color: #00B745;
    color:#ffffff;
}

.fotoButtonLike:hover {
    background-color: #018A34;
}

.fotoButtonDisLike, .fotoButtonDisLike:focus {
    /*width:200px;*/
    margin-top: 5px;
    background-color: #E12032;
    color:#ffffff;
}

.fotoButtonDisLike:hover {
    background-color: #B80718;
}

.fotoButtonWeiter {
    /*width:200px;*/
    margin-top: 5px;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto
}


#fotoDescr {
    text-align: center;
    font-size: 18px;
    padding: 5px;
    font-weight: bold;
    background: url("../images/bgPictureDescr.gif") no-repeat center center;
}

.fotoDescrMatching {
    text-align: center;
    font-size: 18px;
    padding: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    background: url("../images/bgPictureDescr.gif") no-repeat center center;
}

.bgPic {
    /*background-color: #333;*/
    padding-top:150px;

}


#fotoRouletteEnd {

    text-align: center;
    font-size: 16px;
    margin-bottom:60px;
    /*
    padding: 5px;
    font-weight: bold;
    overflow: hidden;
    */

}

.fotoRouletteMatching {

    text-align: center;

}

.fotoRouletteMatchingImgHolder {
    float:left;
}


.esPasst {
    text-align: center;
}

.esPasstFooter {
    text-align: center;
    font-size: 16px;
    margin: 5px 0 15px 0;

}

.thumbImgBorder {
    border:8px solid #ccc;
    border-radius:80px;
    padding:0px;
}

/* Ende Foto-Roulette */


/* Modal Window in der Bildschirmmittel platzieren */

.modal, .modal-footer {
  text-align: center;
  color: #fff;
}
.modal-header {
    text-transform: uppercase;
}
.modal-footer button {
    float: none !important;
    background-color: rgba(199,106,129,1.0);
    border-color: #fff;
}
.modal-content {
    background-color: rgba(199,106,129,0.9);
}

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

/*
.navMobileQuickSymbol a {
    font-size: 13px;

}
*/

.subMenuTitle {
    margin-left:24px;
    font-size: 18px;
}


.webradio {
    position: relative;
    float: left;
    margin: 2px 5px 2px 2px;
    padding: 7px;
    padding: 0px;
    /*background: url(/images/channels/back.png) 0 0 no-repeat;*/
    /*
    width: 136px;
    height: 196px;
    */
    text-align: center;
    }

.webradioCover {
    border:3px solid #D3D3D4;
    border-radius:5px;
}

.whatIsDar {
    background-color:#6A6A69;
    color: #ffffff;
    padding-bottom:15px;
    padding-top: 15px;
}

.whyDar {

    background-color:#F4E5C5;
    color: #6A6A69;


}

.whyDar h2 {
    color: #6A6A69;

}

.bgGray {
    background-color:#F2F2F3;
    color:#A4A5A5;
}


.bgGray h2, .bgWhite h2 {
    color: #6A6A69;
}

.h2Light {
    color:#A4A5A5;

}

.bgGray a, .bgWhite a {
     color:#6A6A69;
     /*text-decoration: underline;*/
}

.bgWhite {
    background-color:#ffffff;
    color:#A4A5A5;
}

.boxInner {
    padding:15px;
}


.memberOnline, .beliebteProfile  {
    background-color: #ffffff;
    color:#A4A5A5;
}
.main .list-unstyled li {
    padding: 0 7px 7px 0 !important;
}
.memberOnline h2, .beliebteProfile h2  {
    color:#A4A5A5;
}


.searchOffline {
    position:absolute;
    top:0px;
    padding:15px;
    color:#6A6A69;
    width:390px;
    right:0px;
    border:0px solid red;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.9);
    /*min-height:120px;*/
    z-index: 100;
}

.searchOffline h2 {
    color:#6A6A69;

}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.kachelForum {
    background: url("../images/forum.png");
    background-size: 100%;
}

.bgimage-inside {
/*padding-top: 37.36%; */ /* this is actually (426/1140)*100 */
padding-top: 86.8%; /* this is actually (426/1140)*100 */
}

.neueButton {
    position: absolute;
    text-align: center;
    bottom:25px;
    left:50%;

    /*
    padding-top:5px;
    padding-bottom:15px;
    */

}

.neueButtonCenter {
    position: relative;
    left: -50%;
}

.kachelButton {
    text-align: center !important;
    padding-top:5px;
    padding-bottom:15px;
}

.kachel1 {
    background-color: #C0617A;
}
.kachel2 {
    background-color: #F2F2F3;
}
.kachel3 {
    background-color: #6A6A69;
}

img.imgCenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}


.siteNaviMember {
    padding:3px 0 8px 0;
    margin-bottom: 0px;
    border:0px solid #ccc;
}
.siteNaviMember .container {
    width: auto;
}
.siteNaviMember a {
    color: #6A6A69;
    font-size: 13px;
}

.teaserMoreLink a {
  color: #6A6A69;
}

/* teaser Event */
.teaserEvent {
    background-color: #DEDEDE;
    color: #6A6A69;
}

.teaserEvent h2 {
    color: #6A6A69;
}

.teaserEvent .news-item article h4 {
    color: #6A6A69;
}


/* teaser Premium */
.teaserPremium {
    background-color: #C0617A;
    color: #ffffff;
}

.teaserPremium h2 {
    color: #ffffff;
    margin-top:0px;
}

.teaserPremium .news-item article h4 {
    color: #ffffff;
}

.teaserPremiumMoreLink a {
  color: #ffffff;
  text-decoration: underline;
}


/* teaser dateRoulette */
.teaserDateRoulette {
    background-color: #FAF2E3;
    color: #6A6A69;
}

.teaserDateRoulette h2 {
    color: #6A6A69;
    margin-top:0px;
}

.teaserDateRoulette .news-item article h4 {
    color: #6A6A69;
}

.teaserDateRouletteMoreLink a {
  color: #6A6A69;
}

.siteNaviMemberSub {
    border:0px solid red;
}

.siteNaviMemberSub i {
    width: 25px;
}
.topMember {
    margin-top: 60px;
}
.topMember>.container::before {
    background:  #FAF2E3;
    height: 50px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 110px;
}
.profilCompleted {
    position:relative;
    float: right;
    cursor: pointer;
    font-size: small;
    right: 10px;

}

.profilBalken {
    position:relative;
    border:2px solid #C0617A;
    height: 14px;
    width: auto !important;
}

.profilBalkenCompleted {
    position:relative;
    background-color: #C0617A;
    height: 12px;

}



/* test cols
.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6 ,.col-md-7 ,.col-md-8 ,.col-md-9 ,.col-md-10,.col-md-11 ,.col-md-12      {
    border:3px solid red;
}
*/