@import url('bootstrap.min.css');
@import url('colors.css');
@import url('//use.fontawesome.com/releases/v5.6.3/css/all.css');

html {
	scroll-behavior: smooth;
}

.trenner img {
	width: 100%;
	height: auto;
}
.caption-content {
    vertical-align: bottom;
}
p.DancingScript, h1.DancingScript {
	font-family: 'DancingScript';
}
p.ArchitectsDaughter {
	font-family: 'ArchitectsDaughter';
}
p.Roboto {
	font-family: 'Roboto';
}
.main {
    position: relative;
    z-index: 1;
	padding-top: 120px;
	padding-bottom: 120px;
    overflow: hidden;
}
blockquote .monospace {
	font-style: normal;
	opacity: .7;
}

.spalten-2 .col:nth-of-type(2n+0) { margin-right: 0; }
.spalten-3 .col:nth-of-type(3n+0) { margin-right: 0; }
.spalten-4 .col:nth-of-type(4n+0) { margin-right: 0; }
.spalten-5 .col:nth-of-type(5n+0) { margin-right: 0; }

div.column[class*=" color--"] {
    padding: 20px 25px;
}
div.column[class*=" color--"] ul.accordion {
    margin: 0;
}

.accordion dt span p, .accordion dt span .header {
	font-size: 14px;
}

@media only screen and (max-height: 450px) {}
@media only screen and (max-width: 980px) {}

/* col devices (phones, 600px and down) */
@media only screen and (max-width: 767px) {}

/* col devices (phones, 600px and down) */
@media only screen and (max-width: 575px) {}
@media only screen and (max-width: 320px) {}

/* col-sm (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 576px) {} 

/* col-md (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {} 

/* col-lg (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {} 

/* col-xl (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {} 

/* = = = = = = = = = = = = = = = = = = = = = = = = = = 
	Ansicht Text-Editor im Edit-Bereich
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.cke_editable blockquote {
	border: 1px solid var(--Black);
	border-left: 4px solid var(--Black);
	padding-left: 8px; margin-left: 8px;
	background: var(--White);
}

.cke_editable .header, .cke_editable p, .cke_editable .monospace { color: var(--Black); }

.cke_editable blockquote img {
	height: 64px;
}

.cke_editable li.accordion-title {
	background-color: var(--light-Blue-Green); color: var(--White);
}

.cke_editable hr {
	background-color: var(--Black);
	height: 40px;
}


/* Custom style to position submenus properly */
.dropdown-menu .dropdown-submenu {
	position: relative;
}

.dropdown-menu .dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px;
}
.dropdown-item a {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}