/* =============================================================================
 * ################################ additional  ################################  
 * ========================================================================== */
 
 html {
    height: 100.3%;
    }

/* =============================================================================
 * Webfonts
 * ========================================================================== */
 
@font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/MuseoSans_300-webfont.eot');
    src: url('../fonts/MuseoSans_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans_300-webfont.woff2') format('woff2'),
         url('../fonts/MuseoSans_300-webfont.woff') format('woff'),
         url('../fonts/MuseoSans_300-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans_300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap 
}

@font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/MuseoSans_500-webfont.eot');
    src: url('../fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans_500-webfont.woff2') format('woff2'),
         url('../fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('../fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap 
}

@font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/MuseoSans_300_Italic-webfont.eot');
    src: url('../fonts/MuseoSans_300_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans_300_Italic-webfont.woff2') format('woff2'),
         url('../fonts/MuseoSans_300_Italic-webfont.woff') format('woff'),
         url('../fonts/MuseoSans_300_Italic-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans_300_Italic-webfont.svg#museo_sans300_italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap 
}

@font-face {
    font-family: 'Museo Sans';
    src: url('../fonts/MuseoSans_500_Italic-webfont.eot');
    src: url('../fonts/MuseoSans_500_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans_500_Italic-webfont.woff2') format('woff2'),
         url('../fonts/MuseoSans_500_Italic-webfont.woff') format('woff'),
         url('../fonts/MuseoSans_500_Italic-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans_500_Italic-webfont.svg#museo_sans500_italic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap 
}

/* =============================================================================
 * Allgemein
 * ========================================================================== */
 
::-moz-selection {
    background:rgba(232, 82, 36, 0.99);
    color:#fff;
}
::-webkit-selection {
    background:rgba(232, 82, 36, 0.99);
    color:#fff;
}
::selection {
    background:rgba(232, 82, 36, 0.99);
    color:#fff;
}

.totop {
    display: none;
}

#footer .inside {
    margin: 0 auto;
    padding: 15px 40px;
}

.totop {
    display: none;
}

#bottom .inside {
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 120px;
}

.ce_openstreetmap a:link {
    text-decoration: none !important;
}

.mod_article:not(.fullwidth) > .container {
    padding-top: 10px;
    padding-bottom: 60px;
}

/* =============================================================================
 * Textformatierung
 * ========================================================================== */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font_headline {
    margin: 20px 0 10px 0;
}

#offcanvas-top h1, #offcanvas-top h2, #offcanvas-top h3, #offcanvas-top h4, #offcanvas-top h5, #offcanvas-top h6 {
    margin: 0px 0 10px 0;
}

p+h1, p+h2, p+h3, p+h4, p+h5, p+h6 {
    margin-top: 35px;
}

.leaflet-popup-content p {
   line-height: 18px !important;
}

/* =============================================================================
 * Cookieleiste
 * ========================================================================== */

.cookiebar.open {
    background: #E85224;
}

.cookiebar ::-moz-selection { 
	color:#fff; 
	background:none; 
	text-shadow: none; 
}

.cookiebar ::selection { 
	color:#fff; 
	background:none; 
	text-shadow: none; 
}

.cookiebar p {
    font-size: 0.9em;
    text-decoration: none;
    padding: 5px 10px;
    line-height: 21px;
    margin: 0 2.5rem;
}

.cookiebar-close {
	border: 2px solid #fff;
	border-radius: 0px;
	text-align: center;
	font-weight: normal;
	background: none;
	color: #fff;
	font-size: 0.9em;
	transition: all 0.2s ease-out 0s;
	padding: 0px 15px;
	margin: 0 10px 0 10px;
}

.cookiebar-close:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #E85224; 
}

/* =============================================================================
 * Cookieleiste (Opt-In)
 * ========================================================================== */

.privacy{
    text-align: center;
    margin: 10px 20px 10px 20px;
    font-size: 0.9em;
    line-height: 1.4;
}

#main .inside a:hover {
    cursor: pointer;
}
.ce_leaflet_map_inside {
    background: #C3C3C4;
	background:url(
	data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQYV2NkQAKHDx/5zwjjgzi2tjaMYAEYB8RmROaABADx0A9O6L4bFwAAAABJRU5ErkJggg==)
    repeat;
}

.mod_privacy_optin_medium * {
    font-family: 'Museo Sans', sans-serif;
    line-height: 19px;
    font-size: 13px;
    box-sizing: border-box;
}

.mod_privacy_optin_medium .privacy_label {
    font-size: 13px;
}

.privacy_buttons input.submit[type="submit"], button.submit[type="submit"] {
    font-size: 1.1em;
}

.mod_privacy_optin_medium h1, .mod_privacy_optin_medium h2, .mod_privacy_optin_medium h3, .mod_privacy_optin_medium h4, .mod_privacy_optin_medium h5, .mod_privacy_optin_medium h6 {
    font-family: 'Museo Sans', sans-serif;
    color: #E85224;
    margin: 0 0 10px 0;
    padding: 5px 0 5px 35px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDY0MCA1MTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8cGF0aCBkPSJNNjIyLjMsMjcxLjFMNTA3LjEsMjI2LjFDNTAzLDIyNC41IDQ5NC41LDIyMi40IDQ4NC45LDIyNi4xTDM2OS43LDI3MS4xQzM1OSwyNzUuMyAzNTIsMjg1LjEgMzUyLDI5NkMzNTIsNDA3LjYgNDIwLjcsNDg0LjggNDg0LjksNTA5LjlDNDk0LjUsNTEzLjYgNTAyLjksNTExLjUgNTA3LjEsNTA5LjlDNTU4LjQsNDg5LjkgNjQwLDQyMC41IDY0MCwyOTZDNjQwLDI4NS4xIDYzMywyNzUuMyA2MjIuMywyNzEuMVpNNDk2LDQ2Mi40TDQ5NiwyNzMuM0w1OTEuNSwzMTAuNkM1ODUuOSwzOTcuNyA1MzAuNiw0NDYgNDk2LDQ2Mi40Wk0yMjQsMjU2QzI5NC43LDI1NiAzNTIsMTk4LjcgMzUyLDEyOEMzNTIsNTcuMyAyOTQuNywwIDIyNCwwQzE1My4zLDAgOTYsNTcuMyA5NiwxMjhDOTYsMTk4LjcgMTUzLjMsMjU2IDIyNCwyNTZaTTMyMCwyOTZDMzIwLDI5My41IDMyMC44LDI5MS4yIDMyMS4xLDI4OC44QzMxOC42LDI4OC43IDMxNi4yLDI4OCAzMTMuNiwyODhMMjk2LjksMjg4QzI3NC43LDI5OC4yIDI1MCwzMDQgMjI0LDMwNEMxOTgsMzA0IDE3My40LDI5OC4yIDE1MS4xLDI4OEwxMzQuNCwyODhDNjAuMiwyODggMCwzNDguMiAwLDQyMi40TDAsNDY0QzAsNDkwLjUgMjEuNSw1MTIgNDgsNTEyTDQwMCw1MTJDNDA2LjgsNTEyIDQxMy4zLDUxMC41IDQxOS4yLDUwOEMzNjUuMiw0NjUuMSAzMjAsMzkxLjMgMzIwLDI5NloiIHN0eWxlPSJmaWxsOnJnYigyMzIsODIsMzYpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgo8L3N2Zz4K')
}

.mod_privacy_optin_medium .privacy_help p {
    line-height: 19px;
    font-size: 13px;
}

.mod_privacy_optin_medium .privacy_help_link, .mod_privacy_optin_medium .privacy_help_close {
    font-size: 12px;
}

.privacy_buttons input.submit[type="submit"], button.submit[type="submit"] {
    padding: 0px 15px;
}

.mod_privacy_optin_medium .privacy_content {
    background: rgb(255,255,255);
}

/* =============================================================================
 * Form
 * ========================================================================== */

.textarea {
    resize: none;
}

input.submit[type="submit"], button.submit[type="submit"] {
	font-size: 0.9em;
	padding: 8px 15px; 
	font-family: 'Museo Sans', sans-serif;
	font-weight: normal;
	color: #3E3C3E;
	border: 2px solid #3E3C3E;
	background: #fff;
	border-radius: 0px;
	transition: all 0.2s ease-out 0s;
}

input.submit[type="submit"]:hover, button.submit[type="submit"]:hover {
    border: 2px solid #E85224;
    background: #E85224;
    color: #fff;
    border-radius: 0px;
}

label.mandatory {
    display: none;
}

form p.error {
    color: #E85224;
    margin-bottom: -17px;
    margin-top: -10px;
    font-size: 12px;
}

.error {
    color: #E85224;
}

form .captcha_text {
    color: #E85224;
}

form .checkbox_container {
    font-size: 0.9em;
    line-height: 1.4;
}

form fieldset {
    padding: 0;
}

.daten-send {
    padding: 15px 0 0 0;
}

form.style7 input.submit, form.style7 button.submit {
    width: 100%;
}

form.style7 textarea:hover, form.style7 input:hover, form.style7 select:hover {
    border-bottom: 1px solid #E85224;
}

/* fix for invalid outline in firefox */
form .checkbox_container span,
form .checkbox_container {
	overflow: visible;
}

.ce_form.block {
	overflow: visible;
}

/* =============================================================================
 * Menü / Links
 * ========================================================================== */

#main .inside a {
    color: rgb(62, 60, 62,1);
    transition: all 60ms linear;
     -webkit-transition: All 0.3s ease;
    border-bottom: rgb(62,60,62,0.3) 1px solid;
    padding-bottom: 2px;
}

#main .inside a:hover {
    color: #E85224;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    border-bottom: #E85224 1px solid;
}

#mmenu .mod_navigation li a, #mmenu .mod_socials a, #mmenu .mod_mmenu_custom_nav a {
    color: rgb(255,255,255,1);
}

#mmenu .mod_navigation li a {
    font-size: 1.6rem;
    line-height: 1.6em;
}

#mmenu .mod_navigation li a.open, #mmenu .mod_navigation li a:focus {
    font-weight: normal;
    color: rgb(232, 82, 36,0.9);
}

#mmenu .mod_navigation li a.open, #mmenu .mod_navigation li a.active, #mmenu .mod_navigation li a:focus {
    font-weight: normal;
}

.mmenu_trigger {
    right: 25px;
}

.smartmenu-content {
    background: rgba(0,0,0,0.8);
}

.mmenu_overlay {
    background: rgba(0,0,0,0.8);
}

.smartmenu-content .mod_navigation a {
    color: rgb(255,255,255,1);
}

.smartmenu-content .mod_navigation a:hover {
    color: rgb(232,82,36,1);
    opacity: 1 !important;
}

.smartmenu-content .mod_navigation a.active, .smartmenu-content .mod_navigation a.trail {
    border-bottom: none;
    color: rgb(232,82,36,1);
}

.smartmenu-content .mod_navigation .active a:hover  {
    opacity: 0.6 !important;
}

#bottom .inside a:hover {
    border-bottom: none;
}

#footer a:hover, #bottom .inside a:hover {
    color: rgb(232,82,36,1);
}

#top_link a {
	color: rgba(62, 60, 62, 0.7);
	background: rgba(255,255,255,0.5);
	font-size: 14px;
	border: none;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.08);
}

form .checkbox_container span, form .widget-radio span {
    padding-bottom: 1px;
}

form div.widget-textarea, form div.widget-checkbox {
    margin-bottom: 0;
}

.smartmenu-content .mod_navigation li:not(.floatbox) {
    text-transform: none;
}

.smartmenu-content .mod_navigation a {
    line-height: 72px;
}

/* =============================================================================
 * Bottom-Menü
 * ========================================================================== */

.nav_bottom {
    line-height: 27px;
	text-align: right;
}

.nav_bottom .mm-selected .active {
    color: #E85224 !important;
}

.nav_bottom .mm-selected .active:hover {
    color: #89898A !important;
}

/* =============================================================================
 * Burger-Icon / CLose-Icon
 * ========================================================================== */

.smartmenu .smartmenu-trigger .line {
    height: 2px;
}

.smartmenu .smartmenu-trigger .line:before, .smartmenu .smartmenu-trigger .line:after {
    height: 2px;
}

.smartmenu-content .smartmenu-close:before, .smartmenu-content .smartmenu-close:after {
	height: 2px;
}

.offcanvas-trigger .line1, .offcanvas-trigger .line2 {
    height: 2px;
}

/* =============================================================================
 * Top
 * ========================================================================== */

#offcanvas-top ::-moz-selection {
    background:rgba(255, 255, 255, 0.99);
    color:rgba(232, 82, 36, 0.99);
}

#offcanvas-top ::-webkit-selection {
    background:rgba(255, 255, 255, 0.99);
    color:rgba(232, 82, 36, 0.99);
}

#offcanvas-top ::selection {
    background:rgba(255, 255, 255, 0.99);
    color:rgba(232, 82, 36, 0.99);
}

.offcanvas-top-inside {
    color: #fff;
    background:#E85224; 
}

/* =============================================================================
 * Openstreetmaps
 * ========================================================================== */
 
 #leaflet_map_107425 {
    filter: grayscale(85%)
}

/* =============================================================================
 * max-width: 767px
 * ========================================================================== */
 
@media only screen and (max-width: 767px) {
  .cookiebar {
    padding: 10px 10px 10px 10px;
  }
  #bottom .inside .left  {
	padding: 0 0 15px 0;
  }
  #bottom .inside {
    padding: 20px 20px 20px 20px;
    padding-bottom: 30px;
  }
  .cookiebar p {
    margin-right: 0rem;
    margin-left: 0rem;
    text-align: center;
  }
  #gmap_107425 {
    height: 300px !important;
  }
  .mod_article:not(.fullwidth) > .container {
    padding-bottom: 0px;
  }
  #bottom .inside {
    background-position: 0px -23px !important;
    background-size: 81% 81% !important;
  }
}

/* =============================================================================
 * max-width: 780px
 * ========================================================================== */
 
@media only screen and (max-width: 817px) {
  .trennpkt {
	color: rgba(255, 255, 255, 0) !important;
	display: none; 
  }
  .mobile-line {
	display: block;
  }
}

/* =============================================================================
 * Grafischeelemente
 * ========================================================================== */
 
 .ce_divider_extended.version1 {
    width: 40px;
    background: rgba(137, 137, 138, 0.3);
}

 .ce_divider_extended.version5 {
    width: 40px;
}

.txt-color-second, .txt-color-second p, .txt-color-second i, .txt-color-second a, .txt-color-second h1, .txt-color-second h2, .txt-color-second h3, .txt-color-second h4, .txt-color-second h5, .txt-color-second h6, .txt-color-second .h1, .txt-color-second .h2, .txt-color-second .h3, .txt-color-second .h4, .txt-color-second .h5, .txt-color-second .h6, .txt-color-second .h1 p, .txt-color-second .h2 p, .txt-color-second .h3 p, .txt-color-second .h4 p, .txt-color-second .h5 p, .txt-color-second .h6 p, .txt-color-second.h1, .txt-color-second.h2, .txt-color-second.h3, .txt-color-second.h4, .txt-color-second.h5, .txt-color-second.h6, .txt-color-second.h1 p, .txt-color-second.h2 p, .txt-color-second.h3 p, .txt-color-second.h4 p, .txt-color-second.h5 p, .txt-color-second.h6 p {
    color: rgba(62, 60, 62, 0.2);
}

#bottom .inside {
	background-image: url(../img/bg-logo.svg);
    background-position: -208px -23px;
    background-repeat: no-repeat;
    background-size: 81% 81%;
}

.elementor {
    padding: 30px 0 0 20px;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-radius: 0;
    color: rgba(62, 60, 62, 0.8);
}

.header.cloned {
   box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
}

/* =============================================================================
 * Projekte
 * ========================================================================== */

.mod_portfoliolist_v8 .item {
    padding-right: 0px;
    padding-bottom: 0px;
    margin-right: -1px;
    margin-bottom: -1px;
    background: rgb(0,0,0,0);
}

.mod_portfoliolist_v8 .item .info .title {
	color: rgb(255,255,255);
	margin-left: -100%;
	opacity: 0;
	margin-bottom: 0;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	 font-weight: normal;
}

.mod_portfoliolist_v8 .item .info .subline {
	color: rgb(255,255,255,0.5);
	margin-left: -100%;
	opacity: 0;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
}

.mod_portfoliolist_v8 .item:hover .info .title,
.mod_portfoliolist_v8 .item:hover .info .subline {
	margin-left: 0;
	opacity: 1;
}

.mod_portfoliolist_v8 a {
    border-bottom: none !important;
    padding-bottom: 0px !important;
}

.mod_portfoliolist_v8 a:hover {
    border-bottom: none !important;
    padding-bottom: 0px !important;
}

.ce_portfoliofilter.default a {
    display: inline;
    padding: 0px 0px;
    margin: 0px 20px;
    border: none;
    cursor: pointer;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
}

.ce_portfoliofilter.default a.selected, .ce_portfoliofilter.default a:hover {
    color: #fff!important;
    border: none !important;
    background: none;
}

li {
  text-indent: -1em;
  padding-left: 1em;
}

/* =============================================================================
 * Slider
 * ========================================================================== */
 
.ce_revolutionslider_text {
    font-family: 'Museo Sans', sans-serif!important;
    color: #fff!important;
    border: none !important;
    background: none;
}


.ce_revolutionslider_text.bold {
    font-weight: bold;
}