/* cmsms stylesheet: fonts modified: Dienstag, 5. April 2022 16:31:39 */
@font-face{
        font-family:"Univers Next W01 Light";
        src:url("/fonts/63aa74f9-a724-4074-85c7-4167c0448227.eot?#iefix");
        src:url("/fonts/63aa74f9-a724-4074-85c7-4167c0448227.eot?#iefix") format("eot"),url("/fonts/97c0f83d-39ac-412b-9d8a-d98208c0ce8d.woff2") format("woff2"),url("/fonts/fc09acb4-f628-4ba0-b648-d2ca30265b20.woff") format("woff"),url("/fonts/3cb4004c-2eea-45d4-a0b5-7af6f817c451.ttf") format("truetype");
    }
    @font-face{
        font-family:"UniversNextW01-LightIta";
        src:url("/fonts/8c7fe4ab-375c-4be5-bba8-2c4d83ac807a.eot?#iefix");
        src:url("/fonts/8c7fe4ab-375c-4be5-bba8-2c4d83ac807a.eot?#iefix") format("eot"),url("/fonts/b37595d7-d2c2-465d-81bd-f5bc289fc565.woff2") format("woff2"),url("/fonts/88e0673d-3db0-4931-ae03-8a4a6eb1bbe6.woff") format("woff"),url("/fonts/957860fc-f472-47cc-afcb-6305b3455894.ttf") format("truetype");
    }
    @font-face{
        font-family:"Univers Next W01 Bold";
        src:url("/fonts/365d926e-03e5-4406-a883-fd0f9e462339.eot?#iefix");
        src:url("/fonts/365d926e-03e5-4406-a883-fd0f9e462339.eot?#iefix") format("eot"),url("/fonts/043eef6e-81ef-483c-831c-7bfd6628554b.woff2") format("woff2"),url("/fonts/7b11912a-986d-462e-b88a-4a1758eb23f1.woff") format("woff"),url("/fonts/545a8d94-3389-418c-9b0a-bfc16d1f8285.ttf") format("truetype");
    }
/* cmsms stylesheet: akompa 2024 modified: Dienstag, 26. November 2024 11:39:05 */
::selection { background: #ccc; color: #000; }
::-moz-selection { background: #ccc; color: #000; }





html { background: white; text-rendering: optimizeSpeed }
body { font-family:"Univers Next W01 Light"; color: #606060; font-size: 14px; line-height: 22px; letter-spacing: 0.05em }
.bg-x {  background-position: -90px 200px !important; background-size: 220px auto !important }
.bg-home { background:url(/img/bg-big.jpg) no-repeat top 360px center !important; background-size: 100% auto !important; height: 100vh }
.bg-home-alt { background:url(/img/bg-home-std.jpg) no-repeat top 360px left !important; background-size: 1000px auto !important; }
.bg-home { background: none !important }

.container { margin: 0; padding-left: 180px; padding-bottom: 40px; max-width: 900px }

h1 { font-family: "Univers Next W01 Light"; font-weight: normal; color: #808080; font-size: 23px; letter-spacing: 0.08em;
padding: 0 0 10px 0; margin: 1em 0 0 0; max-width: 75% }
.linie { border-bottom: 1px solid #808080; display: block; height: 1px; margin: 0 0 2.5em 0 }
h2 { font-family: "Univers Next W01 Light"; font-size: 14px; margin: 0; line-height: 22px; font-weight: normal;
border-bottom: 1px solid #777; padding-bottom: 3px; display: inline; color: #606060 }
h3 { font-family: "Lekton", sans-serif; font-weight: normal; color: black; font-size: 24px; letter-spacing: 0.2em; }
p { margin: 22px 0 }
blockquote { color: #00BC6A; padding-bottom: 1em; border-bottom: 3px solid white }
ul li a:hover { text-decoration: none }

#logo { margin: 25px 0 40px -110px }
.logo { width: 175px }
.menu { color: #83D558; margin: 0; font-size: 14px; letter-spacing: 0.05em }
.menu ul { clear: both; list-style: none; padding: 0; margin: 0; }
.menu ul a { color: #83D558 }
.menu ul a:hover { text-decoration: none }
.menu ul a.currentpage, .menu ul li a.activeparent { color: #03C56F; letter-spacing: 0.05em }
.menu ul li { float: left; white-space: nowrap; letter-spacing: 0.05em }
.menu ul li:after { content: "|"; margin: 0 7px }

.submenu { color: #00BC6A }
.submenu ul a { color: #00BC6A }
.submenu ul a.currentpage { color: #008048; letter-spacing: 0.05em }
.submenu ul li:last-child:after { content: none; margin: none }

#trigger {position:absolute; top:32px; right:10px; width:70px;}

.navigation { height: 60px; display: block }

#mobilemenu { transition: fade; display: block; color: #83D558; margin: 0; font-size: 16px; line-height: 24px; margin-bottom: 40px }
#mobilemenu ul { clear: both; list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #83D558 }
#mobilemenu ul li { letter-spacing: 0.05em; border-bottom: 1px solid #83D558; text-indent: 25px hanging }
#mobilemenu ul li:first-child { border-top: 1px solid #83D558 }
#mobilemenu ul li:last-child { border-bottom: none }

#mobilemenu ul li.currentpage { color: #03C56F; border-bottom: 1px solid #03C56F }
#mobilemenu ul li.currentpage:last-child { border-bottom: none }
#mobilemenu ul li a { color: #83D558; display: block }
#mobilemenu ul a:hover { text-decoration: none }
#mobilemenu ul a.currentpage, #mobilemenu ul a.activeparent { color: #03C56F }
#mobilemenu ul ul li { padding-left: 15px }
#mobilemenu ul ul ul li { }
#mobilemenu ul ul, #mobilemenu ul ul ul { border-bottom: none; margin: 0; padding: 0 }

.search { width: 120px; float: left; height: 26px; margin: -2px 0 0 0; }
.search input { font-family:"Univers Next W01 Light"; letter-spacing: 0.05em; padding-left: 1.5em; box-sizing:border-box; height:26px; display:block; border: none; color: #83D558;
font-size: 14px; background:url(/img/akompa-lupe-2024.svg) no-repeat; background-size: 18px auto; background-position: 0 4px }
.search input:focus { outline: none; border-bottom: 1px solid #83D558 }




.content { min-height: 400px }
.content p { max-width: 75% }
.content a { color: #00BC6A }
.content-modul { float: left; max-width: 500px; margin-top: -2.1em }
.content ul { list-style: none; padding: 0; margin: 1em 0; max-width: 70% }
.content ul li { margin: 0; padding: 0 0 0 1.3em }
.content ul li:before { margin: 0 0 0 -1.3em; padding: 0 0.7em 0 0; content: "–" }
.content ol { margin: 1em 0; padding: 0 0 0 25px; max-width: 70% }
.content ol li { margin: 1em 0; padding: 0 }

.modulmenu { width: 200px; margin-right: 40px; margin-bottom: 40px; float: left }
.modulmenu ul { list-style: none; padding: 0; margin: 0; max-width: 100% }
.modulmenu ul li { margin: 0; padding: 0; border-top: 1px solid #606060; text-indent: 24px hanging }
.modulmenu ul li:last-child { border-bottom: 1px solid #606060 }
.modulmenu ul li:before { margin: 0; padding: 0; content: "" }
.modulmenu ul li a { color: #808080; display: block }
.modulmenu ul li a.currentpage { color: #00BC6A }
.modulmenu ul li a:hover { text-decoration: none } 

/* .titel h1 { height: 90px; max-width: 560px; vertical-align: bottom; display:table-cell; } */
.h1wrap { position: relative; height: 100px; max-width: 560px }
.h1titel { position: absolute; bottom: 0; max-width: 100% }
.modultitel h1 { text-indent: 39px hanging }
.modultitel-modul-10 h1, .modultitel-modul-11 h1, .modultitel-modul-12 h1, .modultitel-modul-13 h1, .modultitel-modul-14 h1 { text-indent: 53px hanging }

#cards { max-width: 720px }
#cards .card-content {border-radius:15px; overflow:hidden; padding:40px 15px 25px 15px; max-width: 250px;
background: #F1FAE0 url(/img/akompa-loch-2024.svg) no-repeat top 18px center; background-size: 10px 10px;
line-height: 140%; letter-spacing: 0.05em; font-size: 13px }

#cards .card-content p { height: 180px }

#cards h1 { padding: 0; margin: 0 }
#cards h3 { font-family: "Univers Next W01 Bold"; color: #606060; font-size: 14px; margin: 0; font-weight: normal; height: 60px; vertical-align: bottom; display: table-cell; letter-spacing: 0.05em; }
#cards ul { list-style: none; padding: 0; margin: 0; display: block !important }

#cards ul { left: 10px; right: 10px; bottom: 20px }

#cards ul li { border-bottom: 1px solid #606060; padding: 0 }
#cards ul li:first-child { border-top: 1px solid #606060 }
#cards ul li a { color: #00BC6A }
#cards ul li a:hover { text-decoration: none }

.gallery { max-width: 720px }
.rounded { border-radius: 15px }
.legende { padding: 0; color: white; margin: 0 10px 30px 10px; font-size: 13px; }
.legende p { margin: 0 }
.legende ul { list-style: none; padding: 0; line-height: normal }
.legende ul li { border-top: 1px solid white; padding: 5px 0 }
.legende ul li:last-child { border-bottom: 1px solid white }
.uk-transition-slide-top { background: none }
.uk-lightbox-caption { padding: 5px; color: white; }

.mailadresse { margin-top:-15px }
.mailadresse a { color: white }

.form-group { max-width: 300px }
.uk-button { color: white; background: #00BC6A; padding: 0 15px }






@media screen and (max-width:959px) {
.search { width: 70px }
.content-modul { max-width: 450px }
}

@media screen and (min-width:768px) {
.bg-mobile { background: none }
}

@media screen and (max-width:767px) {
body { font-size:15px }
.bg { background-position: top -40px right -40px !important; background-size: 180px auto !important }
.bg-mobile { background: url(/img/bg/2.jpg) top -15vw right -10vw no-repeat, url(/img/akompa-satellit-2024.svg) left 20px top -30vw no-repeat !important; background-size: 40vw,40vw !important }
.container { padding-left: 10px }
.content p, .content ul, .content ol { max-width: 100% }
#cards .card-content p { height: auto }
#logo { margin-left: 0; text-align: center }
.logo { width: 40vw; max-width: 175px; }
}

@media screen and (min-width:640px) {
#mobilemenu { display: none }
}

@media screen and (max-width:639px) {

.menu, .search, .navigation, .modulmenu {display:none}
.bg-home, .bg-home-alt { background: none !important }
.bg-start-var { display: none }

}

@media screen and (max-width:360px) {
.titel h1 { font-size: 22px; height: auto }
.modultitel h1 { text-indent: 39px hanging }
.modultitel-modul-10 h1, .modultitel-modul-11 h1, .modultitel-modul-12 h1 { padding-left: 53px; text-indent: -53px }
}