body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
/*
Style Dr. Matthias Daub
Author: Dr. Manuel Lamotte-Schubert, pronego (http://www.pronego.com)
Date: 2016-11-29
*/

/*
 * Neutralize Contao's "Holy grail" rules from assets/contao/css/layout.css
 * instead of patching the core file (see README.md, "Update Notice").
 *
 * Do not use `unset` here: it resets a property to its initial value and
 * therefore also discards Bootstrap's .col-sm-* declarations. Removing
 * Contao's rule, by contrast, lets the Bootstrap grid rule win. Only the
 * declarations Contao actually conflicts with need to be overridden.
 */
#main {
	width: auto;
}
#left {
	margin-left: 0;
}
#right {
	margin-right: 0;
}
#footer {
	clear: none;
}
#main .inside {
	min-height: auto;
}
@media (min-width: 768px) {
	#main {
		width: 83.33333333%; /* Bootstrap .col-sm-10 */
	}
}

/* ---------- Mobile + Common layout --------*/
body {
    font-family: Arial, Verdana, Helvetica;
    font-size: 17px;
    background-color: #f2f2f2;
}

/* Overall container */
#wrapper {
    -webkit-box-shadow: 0px 0px 10px 4px rgba(154,154,154,1);
    -moz-box-shadow: 0px 0px 10px 4px rgba(154,154,154,1);
    box-shadow: 0px 0px 10px 4px rgba(154,154,154,1);
    background: #d9c0d3; /* overall bg color */
}


/* --- Header --- */
#header .inside > .row { position: relative; }
#header .header-content {
	position: absolute; 
	width: 100%; 
	height: 100%;
   z-index: 1;
   background: rgba(106,4,78,0.3);
}
/*@media (max-width:768px) {*/
    /*!* gradient border bottom for mobile *!*/
    /*#header .header-content {*/
        /*border-bottom: 3px solid transparent;*/
        /*-moz-border-image: -moz-linear-gradient(right, #000 50%, #fff 100%);*/
        /*-webkit-border-image: -webkit-linear-gradient(right, #000 50%, #fff 100%);*/
        /*border-image: linear-gradient(to left, #000 50%, #fff 100%);*/
        /*border-image-slice: 1;*/
    /*}*/
/*}*/
#header .header-content .mod_article > .ce_image { display: none; }
#header .silhouette {
    background: rgba(105,5,78,1);
    background: -moz-linear-gradient(left, rgba(105,5,78,1) 0%, rgba(105,5,78,1) 50%, rgba(255,255,255,1) 50%);
    background: -webkit-linear-gradient(left, rgba(105,5,78,1) 0%, rgba(105,5,78,1) 50%, rgba(255,255,255,1) 50%);
    background: -o-linear-gradient(left, rgba(105,5,78,1) 0%, rgba(105,5,78,1) 50%, rgba(255,255,255,1) 50%);
    background: -ms-linear-gradient(left, rgba(105,5,78,1) 0%, rgba(105,5,78,1) 50%, rgba(255,255,255,1) 50%);
    background: linear-gradient(to right, rgba(105,5,78,1) 0%, rgba(105,5,78,1) 50%, rgba(255,255,255,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69054e', endColorstr='#ffffff', GradientType=1 );
}
#header .silhouette .inner {
    width: 100%;
    height: 168px;
    background: url('../../files/daub/img/silhouette.jpg') no-repeat center;
}
#header h1 {
    color: #fff;
    line-height: 0.9;
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    left: 0;
    width: 100%;
}
#header h1 span {
    font-size: 50%;
}
#header .rsts-slide{background: transparent}
/* --- Content container: left=nav, right=content --- */
#main { /* Content bg gradient */
    position: relative;
    background: rgba(250,236,249,1);
    background: -moz-linear-gradient(left, rgba(250,236,249,1) 0%, rgba(216,193,209,1) 100%);
    background: -webkit-linear-gradient(left, rgba(250,236,249,1) 0%, rgba(216,193,209,1) 100%);
    background: -o-linear-gradient(left, rgba(250,236,249,1) 0%, rgba(216,193,209,1) 100%);
    background: -ms-linear-gradient(left, rgba(250,236,249,1) 0%, rgba(216,193,209,1) 100%);
    background: linear-gradient(to right, rgba(250,236,249,1) 0%, rgba(216,193,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faecf9', endColorstr='#d9c0d3', GradientType=1 );

	 padding-top: 30px;
    padding-bottom: 15px;
}
#main .footer-corner { display: none; }


/* --- Main navigation --- */
#left .navbar-default {
    margin: 0 -15px;
    background-color: transparent;
    border-color: transparent;
}
#left #navbar { clear: both; overflow-x: hidden; }
#left .navbar-default .caret { display: none; }
#left .navbar-nav li {
    width: 100%;
    background: url('../../files/daub/img/enum.gif') no-repeat 0 15px;
    margin-left: 15px;
}
#left .navbar-nav li a {
	color: #000;
	font-weight: normal;
	white-space: normal;
}
#left .navbar-default .navbar-nav>.active>a, #left .navbar-default .navbar-nav>.active>a:focus, #left .navbar-default .navbar-nav>.active>a:hover,
#left .navbar-default .navbar-nav>li>a:focus, #left .navbar-default .navbar-nav>li>a:hover
{
    color: #6a044e;
    background-color: transparent;
}
#left .navbar-default .navbar-nav>.active>a, #left .navbar-default .navbar-nav>.active>a:focus, #left .navbar-default .navbar-nav>.active>a:hover {
    font-weight: bold;
}
#left .navbar-default .navbar-brand { color: #6a044e; float: right; }
/* nav toggle */
#left .navbar-default .navbar-toggle {
	border: none;
	padding: 1px 10px;
}
#left .navbar-default .navbar-toggle .icon-bar {
	background-color: #6a044e;
	width: 40px;
	height: 6px;
}
#left .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }
#left .navbar-default .navbar-toggle:focus, #left .navbar-default .navbar-toggle:hover { background-color: transparent; }
#left .navbar-default .navbar-collapse { border-color: #6a044e; }

#left .dropdown-menu li {
 	background-image: none;
 	list-style-type: disc;
 	line-height: 0.8;
}
#left .dropdown-menu {
 	background: transparent;
 	border: none;
 	box-shadow: none;
 	padding-left: 30px;
 	min-width: 125px;
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding-left: 5px; }

/* hamburger menu animation */
#left .navbar-toggle { overflow: hidden; }
#left .navbar-toggle .icon-bar {
    -webkit-transition: opacity, -webkit-transform;
    transition: opacity, -webkit-transform;
    transition: opacity, transform;
    transition: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
    transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
}
#left .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(12px) rotate(45deg);
}
#left .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
    opacity: 0;
}
#left .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-12px) rotate(-45deg);
}
/* End hamburger menu animation */



/* --- Footer --- */
#footer {
    margin: 0 -15px;
    /* Gradient border */
    border-top: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(left, #000 30%, #d9c0d3 80%);
    -webkit-border-image: -webkit-linear-gradient(left, #000 30%, #d9c0d3 80%);
    border-image: linear-gradient(to right, #000 30%, #d9c0d3 80%);
    border-image-slice: 1;

    /* Background gradient */
    background: rgba(106,4,78,1);
    background: -moz-linear-gradient(left, rgba(106,4,78,1) 0%, rgba(216,193,209,1) 80%);
    background: -webkit-linear-gradient(left, rgba(106,4,78,1) 0%, rgba(216,193,209,1) 80%);
    background: -o-linear-gradient(left, rgba(106,4,78,1) 0%, rgba(216,193,209,1) 80%);
    background: -ms-linear-gradient(left, rgba(106,4,78,1) 0%, rgba(216,193,209,1) 80%);
    background: linear-gradient(to right, rgba(106,4,78,1) 0%, rgba(216,193,209,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a044e', endColorstr='#d9c0d3', GradientType=1 );
}
#footer .inside {
    color: #fff;
    padding: 0 15px;
}


/* Form */
.formbody .widget { margin-bottom: 1em; }
.formbody td { padding-bottom: 1em; }
.formbody .checkbox { /* cc checkbox */
	display: inline;
}
.formbody .checkbox_container { width: 80%; }
.formbody .checkbox_container label { display: inline; }
.formbody .submit_container { margin-top: 1em; }
.formbody .error { margin-bottom: 0; }
@media (min-width: 768px) {
	.formbody .widget > label {
		display: inline-block;
		width: 138px;
		padding-right: 10px;
		text-align: right;
		vertical-align: top;
	}
	.formbody .widget-checkbox,
	.formbody .widget-captcha,
	.formbody .widget-submit,
	.formbody .explanation {
		margin-left: 138px;
	}

	/* Validation errors: keep the label and input on the same row and
	   render the message underneath instead of between them. */
	.formbody .widget.error {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.formbody .widget.error > label {
		flex: 0 0 138px;
		margin-top: 0;
	}
	.formbody .widget.error > p.error {
		order: 1;
		flex: 0 0 calc(100% - 138px);
		margin: 0 0 0 138px;
	}
	.formbody .widget-captcha.error > p.error {
		flex-basis: 100%;
		margin-left: 0;
	}
}
@media (max-width: 768px) {
	.formbody .captcha { display: block; }
	p.error { max-width: 80%; }
	#header .mod_rocksolid_slider {display: none;}
}



/* -------- General ---------- */
.space-top-20 { margin-top: 20px; }
.space-top-30 { margin-top: 30px; }
.space-bottom-10 { margin-bottom: 10px; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Verdana, Helvetica; }
h4 {
    background: url('../../files/daub/img/h3.png') no-repeat left 18px;
    background-size: 100% 1px;
    color: #6a044e;
}
h5 { font-weight: bold; }
a {
    color: #6a044e;
    font-weight: bold;
}
a:focus, a:hover { color: #6a044e; }
ul { padding-left: 20px; }
.ce_text { font-family: Verdana, Helvetica, Arial; }
p.error, label.error { color: #ff0000; }
iframe{border: none;}




/* Responsive */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	  body {
		  font-size: 12px;
	  }
	
    #wrapper { margin-top: 15px; margin-bottom: 10px; }

    #left-bar {
        position: absolute;
        top: 183px;
        left: 0%;
        background-color: #68064f;
        height: 9px;
        width: 50%;
        float: left;
        overflow: hidden;
        z-index: -1;
    }
    #right-bar {
        position: absolute;
        top: 154px;
        left: 50%;
        background-color: #68064f;
        height: 28px;
        width: 50%;
        float: left;
        overflow: hidden;
        z-index: -1;
    }

    /* Equal height columns for header */
    #header .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
    }
    #header [class*="col-"] {
    	  display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
    #header .header-content { background: transparent; }
	 #header .header-content .mod_article > .ce_image { display: block; float: right; }
    
    /* Gradient border bottom for desktop */
    #header [class="col-sm-10"] {
        background-color: #6a044e;
        border-bottom: 3px solid #000;
        border-right: 0;
    	  border-top: 0;
    	  border-left: 0;
    }

    /* body part (nav + content) distance because of header background (menu not accessible otherwise) */
    #container > [class*="col-"] { padding-top: 58px; }

	 /* ---- Main navigation ----- */
    #left .navbar-nav li.kontakt { margin-top: 240px; }
    #left .navbar-nav > li > a {
        padding-top: 0;
        padding-bottom: 0;
    }
    #left .navbar-nav li {
    	margin-left: 0;
    	background-position: 0 7px;
    }
    
    /* Submenu trail */
    #left .navbar-nav li.trail>a.trail,
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { 
    	font-weight: bold !important; 
    	color: #6a044e !important; 
    	background: transparent !important;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    	background: transparent;
    }

    /* Submenu style */
    #left .navbar-nav .trail>.dropdown-menu { display: block; }
    #left .dropdown-menu > li > a {
    	padding-left: 0;
    	font-size: 80%;
    }
    #left .dropdown-menu>li>a:focus, #left .dropdown-menu>li>a:hover {
    	background: transparent;
    	color: #6a044e;
    }
    
    /* Contains Left + Main content */
    #container { padding-bottom: 15px; } /* needed to compensate bottom: -15px in .footer-corner */
    
    /* Main content */
    #main { min-height: 520px; padding-top: 0; }
    #main .inside { margin-left: 30px; }
    #main .footer-corner {
        display: block;
        position: absolute;
        left: -13px;
        bottom: -15px;
    }

	 /* Footer */
    #footer { margin-bottom: 5px; }
    #footer .inside { color: #6a044e; text-align: right; }
    
    /* Main headline */
    #header h1 {
    	line-height: 0.6;
    	text-align: left;
    	left: 15px;
    }
    
    /* Form */
    .formbody .col_0 {
    	text-align: right;
    	padding-right: 10px;
    	vertical-align: top;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	/* Gradient border bottom for desktop */
    #header [class="col-sm-10"] {
        border-bottom: 3px solid transparent;
        -moz-border-image: -moz-linear-gradient(right, #000 75%, #fff 100%);
        -webkit-border-image: -webkit-linear-gradient(right, #000 75%, #fff 100%);
        border-image: linear-gradient(to left, #000 75%, #fff 100%);
        border-image-slice: 1;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }


/* Debug */
/*[class*="col-"] {
    border: 1px solid red;
}*/