/* Eigene CSS Definitionen ADae*/

html, body, p {
	background-color: #fff;
	font-family: Arial, Helvetica, Verdana, non-serif;
	font-size: 16px;
    line-height: 1.25;
	margin-bottom: 15px;
	color:#007bc0;
	text-align:left;
	}

@media screen and (max-width: 800px) {
 
html, body, p {
	font-size: 18px;
	}

h2 {
	margin-top:15px;
	}

}

h1 {
	font-family: Arial, Helvetica, Verdana, non-serif;
	font-weight: bold;
	font-size: 600%;
	margin-bottom: 15px;
}

h2 {
	font-family: Arial, Helvetica, Verdana, non-serif;
	font-weight: bold;
	font-size: 150%;
	margin-bottom: 15px;
	text-align: left;
}

h3 {
	font-family: Arial, Helvetica, Verdana, non-serif;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.2;
	color: #007bc0;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
}

h4 {
	font-family: Arial, Helvetica, Verdana, non-serif;
	font-size:100%; 
	font-weight:bold;
	color:#fff; 
	margin-top:1px;
	margin-bottom:0px;
}

h5 {
	font-family: Arial, Helvetica, Verdana, non-serif;
	font-size: 100%;
	color: #007bc0;
	text-align: left;
	line-height: 1.3;
}

tbody a:link, tbody a:visited, tbody a:active, tbody a:focus{
  color:#007bc0;
  text-decoration:none;
}

tbody a:hover{
  color:#555;
  text-decoration:underline;
}

.bodytext a:link, .bodytext a:visited, .bodytext a:active, .bodytext a:focus{
  color:#555;
  text-decoration:none;
}

.bodytext a:hover{
  color:#555;
  text-decoration:underline;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
  text-decoration:none;
}

.nav-brand a {
	text-align: left;
	line-height: 1.5rem;
}

.nav-brand a:hover {
  color:#555555;
	text-decoration:none;
}
/* Links */

a:link, a:visited, a:active, a:focus{
  color:#007bc0;
}
a:hover{
  color:#555555;
  text-decoration:underline;
}

/* Kontaktformular */

form h2 {
	display:none;
}

.xxlarge {
	height:120px;
}

/* Tabellen bei Referenzen*/

.ce-table-bordered {
	font-size: 100%;
}

.ce-table-bordered th {
	background-color: #dddfde;
}

.ce-table-bordered td {
	width: 23%;
}

.ce-table-bordered td {
	width: 20%;
}

.ce-table-bordered td {
	width: 33%;
}

.ce-table-bordered td {
	width: 24%;
}
.ce-table-bordered tbody tr:hover {
	background-color: #dddfde;
 }
 

/* Sonstige Tabellen*/

.table {
	width:300%;
	font-size: 100%;
}

.table td {
	width: 100px;
	padding: 0rem;
	border-top: 0px;
}

.table th {
	padding: .45rem;
}

tbody tr:hover {
   background-color: 0;
}

/* Diverses*/

.languagemenu {
	display: none;
}

.btn-primary {
	background: #007bc0;
	border-color: #007bc0;
}

.btn-primary:hover {
	background: #ccc;
	border-color: #ccc;
}

.btn-primary:active {
	background: #888;
	border-color: #888;
}

.btn-primary:focus {
	background: #888;
	border-color: #888;
}

.form-control:active {
	border-color: #888;
}

.form-control:focus {
	border-color: #888;
}

.headerimage {
	max-width: 100%;
	height: auto;
}

.ce-border img, .ce-border iframe {
    border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem
}

.frame-ruler-before::before {
    border-top: 1px solid rgba(0,0,0,.125);
	margin-bottom: 10px;
}

.frame-ruler-after::after {
    border-top: 1px solid rgba(0,0,0,.125);
	margin-bottom: 10px;
}

/* Menu */

#main-menu {
	float: left;
	clear: none;
	margin-top: -13px;
	width: 100%;
	display: flex;
	justify-content: space-around;
	background: #007bc0 /* dunkles Blau (wie Schriftfarbe) */;
    color: #fff;
	}
.sm-simple a, .sm-simple a:focus, .sm-simple a:active {
  /* make room for the toggle button (sub indicator) 
  padding-right: 58px;*/
	font-family: Arial, Helvetica, Verdana, non-serif;
	font-size: 100%;
	font-weight: bold;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
	text-decoration: none;
	color: #fff;
	background: #007bc0 /* dunkles Blau (wie Schriftfarbe) */;
	}
.sm-simple a:hover {
	font-family: Arial, Helvetica, Verdana, non-serif;
	font-size: 100%;
	font-weight: bold;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
	text-decoration: none;
	color: #fff;
	background: #555555;
	} 

@media (min-width: 768px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
	color: #fff;
	border: 0px;
	background: #007bc0 /* dunkles Blau (wie Schriftfarbe) */;
	}
.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    background: #555555;
	}
.sm-simple a.current {
    background: #555555;
	}
  .sm-simple a.has-submenu {
    padding-right: 32px;
	}
.sm-simple a span.sub-arrow {
    top: 50%;
    margin-top: -8px;
    right: 15px;
    width: 8px;
    height: 16px;
    font: 14px/16px monospace !important;
    background: transparent;
	}
.sm-simple > li {
    border-top: 0;
    border-left: 0px solid #eeeeee;
	background: #4cb0e8 /* helles Blau */;
	}
.sm-simple > li:first-child {
    border-left: 0;
	}
.sm-simple ul {
    border: 0px solid #bbbbbb;
	}
}

ol ol ul, ol ul ul, ul ol ul, ul ul ul {
display: block;
list-style-type: disc;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
	margin-left: 20px;
}

ul ul, ol ul {
display: block;
list-style-type: disc;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
	margin-left: 20px;
}


.frame frame-default .frame-type-header .frame-layout-0 {
	margin-bottom: 100px;
}

/**
	Responsive Images fuer TYPO3 Fluid Styled Content
	blog.teamgeist-medien.de
*/

/* Gallerie bis 992px auf volle Breite */
@media (max-width: 992px) {
    .ce-gallery {
        width: 100%;
    }
}

/* Anpassungen von kleinen bis groe�eren Geraeten */
@media (min-width: 640px) and (max-width: 2600px) {
    .ce-gallery .ce-column {
        margin: 0;
        /* Abstand zwischen Bildern */
        padding-right: 10px;
        padding-bottom: 0px;
        box-sizing: border-box;
    }

/* Kein Abstand beim ersten und letzten Bild */
    .ce-gallery .ce-column:first-child {
        padding-right: 10px;
        padding-bottom: 0px;
        box-sizing: border-box;
    }
    .ce-gallery .ce-column:last-child {
        padding-right: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        box-sizing: border-box;
    }

    /* Fluid Image Tags */
    .ce-gallery img,
    .ce-gallery picture {
        width: 100%;
        height: auto;
    }

    /* Spaltenbreiten je nach eingestellten Columns */
    .ce-gallery[data-ce-columns="1"] .ce-column {
        width: 100%;
    }

    .ce-gallery[data-ce-columns="2"] .ce-column {
        width: 50%;
    }

    .ce-gallery[data-ce-columns="3"] .ce-column {
        width: 33%;
    }

    .ce-gallery[data-ce-columns="4"] .ce-column {
        width: 25%;
    }

    .ce-gallery[data-ce-columns="5"] .ce-column {
        width: 20%;
    }
}

/* Anpassungen fuer kleine Geraete */
@media (max-width: 640px) {

    /* Ein Bild pro Zeile */
    .ce-gallery .ce-column {
        margin: 0 0 10px;
        width: 100%;
        box-sizing: border-box;
    }

    /* Fluid Image Tags */
    .ce-gallery img,
    .ce-gallery picture {
        width: 100%;
        height: auto;
    }
}

/* ========================================================================== */


.image-caption {
	margin-top: 4px;
}

/* Keine Punkte bei Auflistungen*/

ul {
	padding-left: 0px;
	list-style-type: none;
}

li {
	list-style-type: none;
}

/* Kleinerer Absendenknopf generell*/

.btn {
	font-size: 85%;
}

.btn,
.btn a,
.btn a:active,
.btn a:focus,
.btn a:hover {
	color: #fff;
	text-decoration: none;
}
.btn a:active,
.btn a:focus,
.btn a:hover {
	color: #fff;
	text-decoration: none;
}
.btn a:focus,
.btn a:hover {
	color: #fff;
	text-decoration: none;
}

.news-backlink-wrap {
	color: #fff;	
}

	
/* Browserbreite 960 Pixel*/

@media (min-width: 1200px) {
  .container {
    width: 990px;
    max-width: 100%;
  }
}

/* Menueliste in den Hintergrund*/

.sm-simple {
	z-index: 3;
}

/* Hamburger-Menue*/

.main-menu-btn {
	margin-top: -5px;
	margin-bottom: 20px;
	z-index: 6;
}

/* Eigene CSS Definitionen t3projekt1*/

img {
	max-width: 100%;
	height: auto;
}

image {
	max-width: 100%;
	height: auto;
}

image-embed-item {
	max-width: 100%;
	height: auto;
}

.pageheader {
	padding-top: .4rem;
	padding-bottom: .8rem;
	font-size: 85%;
}

.pageheader .form-control,
.pageheader .btn {
	font-size: 85%;
}

.mainnav {
	border-bottom: 0px solid #999;
	margin-bottom: 20px;
}

.homepage .maincontent {
	margin-top: 2rem;
 }


/* Mehr Abstand auf Subpages ohne Jumbotron */
body.subpage .mainnav {
	margin-bottom: 2rem;
}

.languagemenu span,
.languagemenu a {
	display: inline-block;

}

.languagemenu a:active,
.languagemenu a:focus,
.languagemenu a:hover {
	text-decoration: none;
}

.languagemenu span:after,
.languagemenu a:after {
	content: "|";
	padding: 0 10px;
	color: #eee;
}

.languagemenu span:last-child:after,
.languagemenu a:last-child:after {
	content: "";
	padding: 0;
}

.pagefooter {
	font-size: 85%;
	margin-top: 20px;
}

.metanav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.metanav li {
	display: inline-block;
	margin-right: 1rem;
}

.metanav li:last-child {
	margin-right: 0;
}

.breadcrumb {
	padding: 0.7rem 0;
	margin-bottom: 0.5rem;
	list-style: none;
	background-color: transparent;
	font-size: 85%;
	border-bottom: 0px solid rgba(0,0,0,.125);
	border-radius: 0rem;
}

.mysubnav a.current {
	font-weight: bold;
}

/* Eigene Rahmen fuer content elemente */
.frame-bluebox, .frame-greybox {
	padding: 1rem;
	margin: 0 0 0 1rem;
}

.frame-bluebox {
	background: #006;
	color: #fff;
}

.frame-bluebox a, .frame-bluebox a:visited { color: #ff0; }

.frame-greybox { background: #ccc; }

/* Responsive Videos */

.video-embed {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-embed iframe, .video-embed object, .video-embed embed, .video-embed video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	margin: 0;
	padding: 0;
}

/* Workaround fuer Responsive Videos in Verbindung mit fluid_styled_content */

.frame-layout-5 .ce-center .ce-inner {
	position: relative;
	float: none;
	right: -50%;
}

.frame-layout-5 .ce-textpic, .frame-layout-5 .ce-image, .frame-layout-5 .ce-nowrap .ce-bodytext, .frame-layout-5 .ce-gallery, .frame-layout-5 .ce-row, .ce-uploads li, .frame-layout-5 .ce-uploads div {
	overflow: visible;
}

.frame-layout-5 .ce-left .ce-gallery, .frame-layout-5 .ce-column {
	float: none;
}

.frame-layout-5 .ce-gallery figure {
	display: block;
	margin: 0;
}

.frame-layout-5 .ce-center .ce-outer {
	position: relative;
	float: none;
	right: 50%;
}

/* Bootstrap Badges */
.badge {
	border: 1px solid #000;
}

.badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

.badge:empty {
	display: none;
}

.btn .badge {
	position: relative;
	top: -1px;
}

a.badge:focus, a.badge:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.badge-pill {
	padding-right: 0.6em;
	padding-left: 0.6em;
	border-radius: 10rem;
}

.indexedsearch .badge-pill {
	float: right;
}

.badge-default {
	background-color: #636c72;
}

.badge-default[href]:focus, .badge-default[href]:hover {
	background-color: #4b5257;
}

.badge-primary {
	background-color: #007bc0;
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
	background-color: #025aa5;
}

.badge-success {
	background-color: #5cb85c;
}

.badge-success[href]:focus, .badge-success[href]:hover {
	background-color: #449d44;
}

.badge-info {
	background-color: #5bc0de;
}

.badge-info[href]:focus, .badge-info[href]:hover {
	background-color: #31b0d5;
}

.badge-warning {
	background-color: #f0ad4e;
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
	background-color: #ec971f;
}

.badge-danger {
	background-color: #d9534f;
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
	background-color: #c9302c;
}

/* Anpassungen indexed_search */

.tx-indexedsearch-info dt, .tx-indexedsearch-info dd {
	display: inline-block;
}

.tx-indexedsearch-info dd {
	margin-right: 1rem;
}

ul.tx-indexedsearch-browsebox {
	margin: 0 0 1rem 0;
	padding: 0;
	font-size: 85%;
}

ul.tx-indexedsearch-browsebox, .tx-indexedsearch-browsebox li {
	list-style-type: none;
}

.tx-indexedsearch-browsebox li {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0 .5rem 0 0;
}

.tx-indexedsearch-redMarkup {
	display: inline-block;
	background: rgba(255,255,0,.5);
}

.tx-indexedsearch-info-noresult {
	margin-top: 15px;
}

.tx-indexedsearch-info-sword-word {
	margin-top: 15px;
}

.form-control {
	margin-top: 3px;
}

/* Akkordeon ohne JS mit EXT:container */

.accordion details {
    border: 1px solid #ccc;
    padding: .5rem 1rem;
    border-radius: 5px;
    margin-bottom: .2rem;
    cursor: pointer;
}

.accordion summary {
    font-size: 120%;
    font-weight: bold;
}

.accordion_content {
    cursor: default;
    margin-top: 1rem;
}

.accordion details p:last-child {
    margin-bottom: 0;
}