@import url('//use.fontawesome.com/releases/v5.11.2/css/all.css');
@import url('bootstrap.min.css');
@import url("mdb.min.css");
@import url("style.css");
@font-face { font-family: Cooper; src: url(../fonts/Cooper.ttf); }
/* hind-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/hind-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/hind-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/hind-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/hind-v17-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/hind-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v47-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v47-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v47-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v47-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*@import url("template.css");*/
/*@import url('colors.css');*/
:root {
    --red: #d6312f;
	--blue: #245598;
}
.red {
    background-color: var(--red) !important;
}
.blue {
    background-color: var(--blue) !important;
}
.sticky-top {
    z-index: 1040;
}
h2, .h2 {
    font-size: 28px;
    line-height: 36px;
    font-family: 'Hind', sans-serif;
    font-weight: 600;
    color: #222931;
    font-style: normal;
    margin-bottom: 20px;
}
h3, .h3 {
    font-size: 1.2em;
    line-height: 1.4em;
	margin-bottom: .5em;
	font-weight: 600;
}
div.main.white h2 {
	font-size: 48px!important;
    font-family: 'Cooper', serif;
	line-height: 64px;
	color: #f93;
	margin-bottom: .5em;
	/*-webkit-text-stroke-width: .2px;
	-webkit-text-stroke-color: #000;*/
	text-shadow: 1px 1px #000;
}
div.main.white h3, footer h3 {
	font-size: 24px!important;
    font-family: 'Cooper', serif;
	line-height: 48px;
}
div.main:not(.white) .header, div.standard:not(.white) .header {
	color: #fff;
}
div.main:not(.white) .header, div.standard:not(.white) .header {
	font-size: 48px;
    font-family: 'Cooper', serif;
	line-height: 64px;
	color: #fff;
	text-shadow: 2px 1px #000;
}
div.standard .header {
		font-size: 32px!important;
		line-height: 1.4em!important;
		margin-bottom: .5em!important;
}
div.main:not(.white) p, 
div.main:not(.white) li,
div.main:not(.white) td,
div.main:not(.white) .md-form label,
div.main:not(.white) .md-form .form-control,
div.standard:not(.white) p, 
div.standard:not(.white) li,
div.standard:not(.white) td,
div.standard:not(.white) .md-form label,
div.standard:not(.white) .md-form .form-control {
	color: #fff;
}
div.main:not(.white) .md-form label button,
div.main:not(.white) .md-form input:not(.browser-default):focus:not([readonly])+label,
div.main:not(.white) .md-form textarea:not(.browser-default):focus:not([readonly])+label{
	color:  rgba(255,255,255,.5);
}
div.main:not(.white) .form-check-input[type="checkbox"]+label:before,
div.main:not(.white) .form-check-input[type="checkbox"]:not(.filled-in)+label:after,
div.main:not(.white) label.btn input[type="checkbox"]+label:before,
div.main:not(.white) label.btn input[type="checkbox"]:not(.filled-in)+label:after {
	    border: 2px solid #fff;
}

div.main:not(.white) .form-check-input[type="checkbox"]:checked+label:before,
div.main:not(.white) label.btn input[type="checkbox"]:checked+label:before {
    border-top: 2px solid transparent;
    border-right: 2px solid rgba(255,255,255,.75);
    border-bottom: 2px solid rgba(255,255,255,.75);
    border-left: 2px solid transparent;
}
div.main:not(.white) .md-form input:not(.browser-default):focus:not([readonly]),
div.main:not(.white) .md-form textarea:not(.browser-default):focus:not([readonly]){
	border-bottom: 1px solid rgba(255,255,255,.5);
}
div.spalten img, div.grid img {
	border: 10px solid rgba(0,0,0,.1);
}
div.spalten:not(.white) img, div.grid:not(.white) img {
	border: 10px solid rgba(255,255,255,.2);
}
div.spalten ul {
	list-style: none;
	padding-left: 0;
}
div.spalten ul li:before {
	/*content: url('../../fixfoxdateien/layout/quote1.png');*/
	content: "• ";
}
div.standard figure {
	margin-bottom: .5em;
}
/*.carousel-caption .slogan .header {
    font-size: 64px;
    font-family: 'Cooper', serif;
	line-height: 96px;
	color: #f90;
	background: -webkit-linear-gradient(#ff6, #f93);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  text-shadow: 4px 4px #fff;
}*/
#header-top {
    z-index: 1020;
    position: sticky;
	padding-top: 15px;
}
#hero.hero-big {
	margin-top: -192px;
}
.modal-body a {
	color: #000;
}
.modal-body a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 1200px) {
	#hero.hero-big {
	margin-top: -200px;
	}
}
@media screen and (max-width: 992px) { 
	nav .container.smooth-scroll {
		background: var(--red);
	}
}
@media screen and (max-width: 768px) {
	#hero.hero-big {
		margin-top: -362px;
	}
}
@media screen and (max-width: 576px) {
	#hero.hero-big {
		margin-top: -302px;
	}
}
#hero.hero-big .carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#hero .carousel-item {
  height: 85vh;
}
#hero.hero-small .carousel-item {
  height: 40vh;
}
.carousel-caption {
	position: absolute;
	width: 100%;
    right: auto;
    bottom: 20%;
    left: auto;
    z-index: 10;
}
.carousel-caption .slogan {
    color: #fff;
    text-align: left;
	font-family: 'Hind', sans-serif;
	font-size: 14px/20px;
	font-weight: 600;
    letter-spacing: 0;
    padding: 32px 40px 41px;
	/*background: url("../../fixfoxdateien/layout/lopes-tiefbau-bubble-2.png") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}
.carousel-caption .slogan .header, .carousel-caption .slogan p {
    color: #fff;
    font-size: 36px;
}
.grid {
	height: auto!important;
}
.grid .unsichtbar {
	display: none;
}
.mdb-lightbox figure {
    float: none;
}
/*.carousel-caption .slogan .header {
    font-size: 64px;
    font-family: 'Cooper', serif;
	line-height: 96px;
	color: #f90;
	background: -webkit-linear-gradient(#ff6, #f93);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  text-shadow: 4px 4px #fff;
}*/
.navbar {
	background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.nav-item {
	margin-right: 10px;
}
.nav-link {
	display: inline-block;
    padding: 25px 13px;
	font-family: 'Hind', sans-serif;
	font-size: 14px/20px;
	font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.nav-link .active {
    color: #ff0!important;
}
.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link {
    background-color: #000;
}
.carousel-control-next, .carousel-control-prev {
	z-index: 1030;
}
.logo {
    margin-bottom: 20px;
    text-align: center;
}
@media screen and (min-width: 768px) {
	.logo {
		text-align: left;
	}
}
.logo .site-name {
    font: bold 33.74px/1.2307 'Hind',sans-serif;
    letter-spacing: .35px;
    overflow: hidden;
	color: #fff;
	background: #ff9800;
}
.logo .site-slogan {
    color: #000;
    display: block;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.menu ul {
    margin: 0 30px 20px 28px;
    padding: 4px 0 6px 40px;
    position: relative;
}
.menu li {
	font: 13px/20px 'Open Sans',sans-serif;
    text-transform: uppercase;
    list-style: none;
}
.menu.request a {
    background: #222931;
    color: #fff;
    display: block;
    letter-spacing: 1px;
    padding: 12px 28px 15px 30px;
    text-transform: uppercase;
}
.trenner img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.trenner p {
	margin: 0;
	padding: 0;
}
/* 1. Remove default margins and padding */
.trenner {
    margin: 0;
    padding: 0;
    line-height: 0; /* Prevents extra spacing */
	overflow: hidden;
}

/* 2. Ensure SVG fills the container exactly */
.trenner svg {
    display: block;  /* Prevents inline spacing */
    width: 100%;     /* Ensures full width */
    height: auto;    /* Keeps aspect ratio */
    position: relative;
    bottom: -1px;    /* Moves SVG down slightly to hide the bottom blur */
}


.caption-content {
    vertical-align: bottom;
}

.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;
}

.filter-black-white:not(.non-filter) {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.filter-sepia:not(.non-filter) {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
}
/* Required to make image fluid in IE */

.trenner object {
  width: 100%;
}

footer ul {
    list-style: none;
    padding-left: 0;
}
.scrolltotop {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 100;
    opacity: 0.5;
    cursor: pointer;
}
.top-arrow {
    width: 60px;
    height: 60px;
    background: #ccc;
    background-image: url(../../fixfoxdateien/layout/top_arrow.png);
    background-size: 22px 12px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.5;
    -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;
}
.scrolltotop:hover .top-arrow {
    opacity: 1;
}
/* Within style tags in your html file */
* { box-sizing: border-box; }

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
  width: 33.333%;
}
.grid-item.grid-item--width2 {
    width: 66.667%;
}
@media (max-width: 575px) {
  .grid-sizer,
  .grid-item {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .grid-sizer,
  .grid-item {
    width: 50%;
  }
}

/* To change the amount of columns on larger devices, uncomment the code below */

/* @media (min-width: 768px) and (max-width: 991px) {
  .grid-sizer,
  .grid-item {
    width: 33.333%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .grid-sizer,
  .grid-item {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .grid-sizer,
  .grid-item {
    width: 20%;
  }
} */

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}
@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(--dark);
	border-left: 4px solid var(--dark);
	padding: 8px 10px; margin-left: 8px;
}

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

.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(--dark);
	height: 40px;
}

.cke_editable .accordion-title {
	background-color: #34d5cb;
    color: #fff;
}
.cke_panel_listItem * {
    float:none !important;
	color: #666!important;
	font-size: 14px!important;
	line-height: 18px!important;
	vertical-align: middle!important;
}