/* Template for Mecana © admotion */


html 
{
   height:			100%;
   scroll-behavior:	smooth;
}


body
{
    height:         100%;
    margin:			0px;
    padding:		0px;
    font-family:	'Source Sans 3';
    font-weight:	300;
    font-size:		19px;
    line-height:	160%;
    letter-spacing:	0.04em;
}



legend { font-size: 19px; }

#system-message { margin: 0px; }
img { height: auto; max-width: 100%; vertical-align: middle; border: 0px; }
#wellen { position: fixed; z-index: -999; bottom: 0; width: 100%; height: 100%;  background: url(../images/wellen.png) no-repeat scroll center bottom; opacity: .5; background-size: cover; }


header { position: relative; }
#header { position: fixed; width: 100%; background: #ffffff; z-index: 99998; border-bottom: 1px solid #bebebe; height: 91px; display: flex; flex-wrap: wrap; justify-content: space-between; }

#container-menu { background: #ffffff; display: flex; flex-wrap: wrap; }

#logo { width: 180px; margin: 27px 0px 0px 15px; transition: .3s ease-out; }
#languages { margin: 27px 20px 0px 0px; transition: .3s ease-out; }
#banner
.desktop { display: none; }



#showbox { padding: 91px 0px 0px 0px; position: relative; }
#titelbild { display: none; position: relative; }
#titelbild img { min-width: 100%; }
#titelbild p { margin: 0px; }

#titelbild-mobile { position: relative; }
#titelbild-mobile img { min-width: 100%; }
#titelbild-mobile p { margin: 0px; }

#claim { position: absolute; z-index: 9997; left: 30px; bottom: 10px; width: 150px; margin: 0px; }



#einleitung { margin: 0px 60px 0px 30px; padding: 30px 0px; hyphens: auto; }



#container-einleitung { position: relative; border-bottom: 1px solid #bebebe; }
#slogan { position: absolute; top: -125px; left: 30px; color: #ffffff; font-size: 30px; line-height: 130%; z-index: 9999; font-weight: 600; letter-spacing: 0.03em; }



.news p { display: none; }
.news p.uk-article-meta { display: block; padding: 10px 20px 5px 20px; color: #000000; }


figure { padding: 0px; margin: 0px; }
.container-bloginhalt { border-bottom: 1px solid #bebebe; }
.com-content-category-blog__items { border-top: 1px solid #bebebe; }
.com-content-category-blog__items:first-child { border-top: 0px solid #bebebe; }
.container-bloginhalt:last-child { border-bottom: 0px solid #bebebe; }

.btn-secondary { background: #c5dbf0; border: 0px; color: #004c97; letter-spacing: 0.08em; font-weight: 400; font-size: 17px; }
.dropdown-menu { letter-spacing: 0.08em; font-weight: 400; font-size: 17px; border-radius: 0px; }
.btn-check:focus + .btn-secondary, .btn-secondary:focus { background: #004c97; border: 0px; box-shadow: none; }
div.mod-languages .dropdown-menu { padding: 0px; }
div.mod-languages li  { margin: 0px; }
div.mod-languages a { padding: 5px 10px; }
div.mod-languages ul li.lang-active { background: #eff2f7; }


button[class*="plg_system_webauthn_login_button"] { max-height: 100px; padding: 0px !important; background: none !important; letter-spacing: 0.03em; }


#language_picker_des_109 { display: none; }

#livechat { position: fixed; right: 20px; bottom: 20px; width: 60px; height: 60px; background: #004c97 url(../images/livechat.svg) no-repeat scroll center center; background-size: 28px 26px; border-radius: 50%; z-index: 99998; }
#livechat-inhalt { display: none; position: fixed; right: 20px; bottom: 20px; left: 20px; box-sizing: border-box; z-index: 99999; background: #ffffff; -webkit-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75); box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75); }
#close { cursor: pointer; width: 20px; height: 20px; background: url(../images/close-chat.png) no-repeat scroll 0 0; background-size: 18px 18px; position: absolute; right: 15px; top: 17px; }
#livechat-inhalt h3 { padding: 0px; }

#livechat-inhalt .rsform-block-senden { position: absolute; right: 20px; bottom: 5px; }
#livechat-inhalt #senden { background: #004c97 url(../images/send.png) no-repeat scroll 11px 18px; background-size: 35px 26px; font-size: 0px; height: 60px; width: 60px; border-radius: 50%; border: 0px; }
#livechat-inhalt #senden:hover { background: #c5dbf0 url(../images/send-blue.png) no-repeat scroll 11px 18px; background-size: 35px 26px; }


.newsflash { margin: 40px 0px 20px 0px; }
.newsflash h3 { padding: 10px 0px 0px 0px; margin: 0px 0px 5px 0px; }
.mod-articlesnews__item { margin: 0px 0px 20px 0px; }


#livechat-inhalt .rsform-block-einleitung { background: #004c97; color: #ffffff; padding: 20px 20px 10px 20px; }
#livechat-inhalt .rsform-block-einleitung h3 { color: #ffffff; }
#livechat-inhalt .col-md-12 { padding: 0px; }
#livechat-inhalt .row { padding: 0px; margin: 0px; }
#livechat-inhalt .row > * { padding: 0px; margin: 0px; }
#livechat-inhalt .rsform-block-name { padding: 20px 20px 0px 20px; }
#livechat-inhalt .rsform-block-email { padding: 0px 20px; }
#livechat-inhalt .rsform-block-auswahl { padding: 10px 20px 10px 20px; }
#livechat-inhalt .rsform-block-mitteilung { padding: 0px 20px 0px 20px; }
#livechat-inhalt #mitteilung { height: 130px; }

.rsfp_thankyou_popup_outer { background: none; }
.rsfp_thankyou_popup_inner { position: absolute; margin: auto !important; right: 20px; bottom: 20px; left: 20px; margin: 0px; -webkit-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75); box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75); }



.wf-columns { margin: 0px 0px 30px 0px; }
.wf-columns:last-child { margin: 0px; }

.familyboxen { display: flex; flex-wrap: wrap; justify-content: space-between; }
.familybox { width: 46%; text-align: center; margin: 0px 0px 20px 0px; }
.familybox a { font-weight: 700 !important; color: #000000 !important; }
.familybox img { margin: 0px 0px 10px 0px; }

#banner { margin: 30px 30px 0px 30px; }
#webinarbtn { position: absolute; z-index: 9997; transform: rotate(-10deg); top: 125px; left: 25px; }

#webinarbtn a { background: #ffffff; color: #004c97; padding: 7px 20px 5px 20px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.05em; transition: .3s ease-out;}
#webinarbtn a:hover { background: #004c97; color: #ffffff; }

#intern-icon { cursor: pointer; position: fixed; z-index: 9999; right: 0; top: 200px; width: 40px; height: 40px; background: #c5dbf0 url(../images/login-blau.png) no-repeat scroll center center; background-size: 24px 24px; margin: 0px 0px 10px 0px; transition: .3s ease-out; }
#intern-inhalt { display: none; position: fixed; right: 50px; z-index: 9999; top: 200px; width: 250px; background: #ffffff; padding: 20px 20px 20px 20px; }
.login-greeting { margin: 0px 0px 10px 0px; }
#intern-icon:hover { background: #004c97 url(../images/login.png) no-repeat scroll center center; background-size: 24px 24px; }

#twentyfour-icon { cursor: pointer; position: fixed; z-index: 9999; right: 0; top: 250px; width: 40px; height: 40px; background: #c5dbf0 url(../images/24-7-blau.png) no-repeat scroll center center; background-size: 30px 29px; margin: 0px 0px 10px 0px; transition: .3s ease-out; }
#twentyfour-inhalt { display: none; position: fixed; right: 50px; z-index: 9999; top: 250px; background: #ffffff; padding: 15px 20px 15px 20px; box-sizing: border-box; }
#twentyfour-inhalt a { font-weight: 700; }
#twentyfour:hover { background: #004c97 url(../images/24-7.png) no-repeat scroll center center; background-size: 30px 29px; }

#jahr-icon { cursor: pointer; position: fixed; z-index: 9999; right: 0; top: 300px; width: 40px; height: 40px; background: #c5dbf0 url(../images/365-blau.png) no-repeat scroll center center; background-size: 25px 25px; margin: 0px 0px 10px 0px; transition: .3s ease-out; }
#jahr-inhalt { display: none; position: fixed; right: 50px; z-index: 9999; top: 300px; width: 250px; height: 40px; background: #ffffff; }
#jahr-icon:hover { background: #004c97 url(../images/365.png) no-repeat scroll center center; background-size: 25px 25px; }

#search-icon { cursor: pointer; position: fixed; right: 0; z-index: 9999; top: 350px; width: 40px; height: 40px; background: #c5dbf0 url(../images/search-blau.png) no-repeat scroll center center; background-size: 26px 26px; transition: .3s ease-out; }
#search-inhalt { display: none; position: fixed; right: 50px; z-index: 9999; top: 350px; width: 250px; background: #ffffff; }
#search-icon:hover { background: #004c97 url(../images/search.png) no-repeat scroll center center; background-size: 26px 26px; }

.icontext-rechts h3 { padding: 0px; }


.mitglied ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.mitglied li { width: 48%; border: 1px solid #bebebe; padding: 0px !important; background: none !important; margin: 0px 0px 4% 0px !important; }


#printbutton { position: absolute; width: 100%; margin: 35px 0px 0px 0px; right: 30px; }
.print { background: url(../images/print.svg) no-repeat scroll 0 0; background-size: 25px 25px; width: 25px; height: 25px; font-size: 0px; cursor: pointer; border: 0px; float: right; }

#text a { font-weight: 600; }
#text a:hover { color: #004c97; }






.com-finder { margin: 0px 60px 0px 30px; padding: 30px 0px; }
.com-finder { margin: 0px 60px 0px 30px; padding: 30px 0px; }
#search-result-list li { padding: 0px !important; background: none !important; }
.result__title { padding: 20px 0px 0px 0px; }


.com-content-article__body { margin: 0px 60px 0px 30px; padding: 30px 0px; hyphens: auto; }
.bloginhalt { margin: 0px 60px 0px 30px; padding: 30px 0px; hyphens: auto; }

#content ul { margin: 0px 0px 10px 0px; padding: 0px; }
#content li { margin: 0px; padding: 0px 0px 0px 25px; list-style: none; background: url(../images/list.png) no-repeat scroll 0 10px; background-size: 7px 7px; line-height: 160%; }
.staerken li { margin: 0px 0px 20px 0px !important; padding: 28px 30px 30px 30px !important; list-style: none; background: #eff2f7 !important; line-height: 160%; }
.staerken li strong { color: #004c97; }

.optifiber li { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 30px !important; list-style: none; background: url(../images/fisch.png) no-repeat scroll 0px 9px !important; background-size: 20px 11px !important; line-height: 160%; }
.optifiber li li { margin: 0px; padding: 0px 0px 0px 25px !important; list-style: none; background: url(../images/list.png) no-repeat scroll 0 11px !important; background-size: 7px 7px !important; line-height: 160%; }



/* #content li { margin: 0px; padding: 0px 0px 0px 25px; list-style: none; background: url(../images/list.png) no-repeat scroll 0 10px; background-size: 7px 7px; line-height: 160%; }
.staerken li { margin: 0px; padding: 10px 0px 10px 50px !important; list-style: none; background: url(../images/fisch.png) no-repeat scroll 0 20px !important; background-size: 30px 16px !important; line-height: 160%; border-bottom: 1px solid #bebebe; } */


.anwendungen .button { margin: 10px 0px 0px 0px; }
.anwendungen h3 { padding: 0px; }
.anwendung-box { margin: 50px 0px 0px 0px; }
    
.anwendung-bild { width: 90px; float: left; margin: 0px 0px 20px 0px; }
.anwendung-text { width: calc(100% - 120px); float: right; }


#container-weltkarte { margin: 0px 60px 0px 30px; }
#weltkarte { padding: 0px 0px 50px 0px; }
#ansprechpersonen { margin: 0px 60px 0px 30px; padding: 0px 0px 50px 0px; }

.amerika { cursor: pointer; fill: #c5dbf0; transition: .3s ease-out; }
.suedamerike { cursor: pointer; fill: #c5dbf0; transition: .3s ease-out; }
.afrika { cursor: pointer; fill: #c5dbf0; transition: .3s ease-out; }
.europa { cursor: pointer; fill: #c5dbf0; transition: .3s ease-out; }
.asien { cursor: pointer; fill: #c5dbf0; transition: .3s ease-out; }
.australien { cursor: pointer; fill: #c5dbf0; transition: .3s ease-out; }

#USA:hover .amerika { fill: #004c97; }
#SA:hover .suedamerike { fill: #004c97; }
#AF:hover .afrika { fill: #004c97; }
#EU:hover .europa { fill: #004c97; }
#AS:hover .asien { fill: #004c97; }
#AUS:hover .australien { fill: #004c97; }

.region-text { margin: 0px 0px 20px 0px; }
.display-none { display: none; }

.kontinent:first-of-type { padding: 0px; }
.kontinent { border-bottom: 1px solid #bebebe; padding: 30px 0px 0px 0px; }
#ansprechpersonen h3 { padding: 0px; }
.land { padding: 0px 0px 30px 0px; }








#zusatz { margin: 0px 20px; padding: 30px 0px; }

#container-contactform { background: #c5dbf0; color: #000000; }
#contactform { margin: 0px 60px 0px 30px; padding: 30px 0px; }
#contactform a { color: #000000; }
#contactform h2 { color: #004c97; }



.page-header { margin: 0px 30px; padding: 30px 0px 0px 0px; }
.com-users-login { margin: 0px 30px; padding: 30px 0px 0px 0px; }
.com-users-login__options { display: none; }
#system-message-container { margin: 30px 30px 0px 30px; }
.com-users-reset { margin: 30px 30px 0px 30px; padding: 40px 0px; }
.com-users-reset-confirm__form { margin: 30px 30px 0px 30px; padding: 40px 0px; }
.com-users-reset-complete { margin: 30px 30px 0px 30px; padding: 40px 0px; }

footer { background: #004c97; }
#footer { margin: 0px 30px; padding: 30px 0px; color: #ffffff; }
#footer a { color: #ffffff; }

.linkedin { float: left; width: 23px; margin: 20px 20px 0px 0px; }
.youtube { float: left; width: 23px; margin: 24px 0px 0px 0px; }

#submenu { margin: 30px 0px 0px 0px; }

#neutral { margin: 20px 0px 0px 0px; width: 140px; }
#neutral img { width: 140px; }

.back-to-top { font-size: 0; background: url(../images/totop.png) no-repeat scroll 0 0; background-size: 30px 19px; width: 30px; height: 19px; bottom: 20px; right: 15px; position: fixed; left: 50%; margin: 0px 0px 0px -15px; z-index: 9999; }



#container-copyright { background: #003b75; }
#copyright-infos { padding: 20px 30px 50px 30px; color: #ffffff; opacity: .4; }
#copyrightinfo p { margin: 0px; }


h1 { margin: 0px 0px 20px 0px; padding: 0px; font-size: 30px; line-height: 120%; font-weight: 600; letter-spacing: 0.03em; color: #004c97; } 
h2 { margin: 0px 0px 30px 0px; padding: 30px 0px 0px 0px; font-size: 25px; line-height: 120%; font-weight: 600; letter-spacing: 0.03em; color: #004c97; } 
h3 { margin: 0px 0px 15px 0px; padding: 30px 0px 0px 0px; font-size: 20px; line-height: 140%; font-weight: 700; letter-spacing: 0.03em; color: #004c97; } 
h4 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 19px; line-height: 120%; font-weight: 600; letter-spacing: 0.02em; color: #c5dbf0; } 
h6 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 19px; line-height: 120%; font-weight: 300; letter-spacing: 0.02em; font-style: italic; } 



h1+h3 { padding: 0px; }
h2+h3 { padding: 0px; }
h1+h2 { padding: 0px; }
h2:first-of-type { padding: 0px; }

.titellinks h3:first-child { padding: 0px; }
.text-rechts h3:first-child { padding: 0px; }
.text-links h3:first-child { padding: 0px; }
.umgekehrt { flex-direction: row-reverse; }
.wassermarkt h3 { padding: 0px; }


#news h3 { padding: 0px; }


strong { font-weight: 700; }
em strong { font-weight: 700; font-style: italic; }
em { font-style: italic; }

a { text-decoration: none; outline: none; color: #004c97; }
a:hover { text-decoration: none; outline: none; }
a:focus { text-decoration: none; outline: none; }


p { margin: 0px 0px 10px 0px; }

sup { font-size: .5em; top: -1.2em; }

.clear { line-height: 0; }
.nodistance { line-height: 0; }

table { margin: 0px 0px 10px 0px; width: 100%; }
td { padding: 3px 0px 3px 0px; border-bottom: 1px solid #bebebe; }

.newsletter td { padding: 0px 0px 10px 0px; border: 0px; }



.titelicon { position: absolute; margin: 44px 0px 0px -200px; width: 150px; text-align: right; }
.titelicon img { height: 80px; }

.anchor { margin: -120px 0px 0px 0px; position: absolute; }

.unsichtbar { line-height: 0; }

.boxen li { background: none !important; padding: 0px !important; margin: 0px !important; }
.boxen li a { display: block; background: #c5dbf0; color: #004c97; text-transform: uppercase; font-weight: 400; letter-spacing: 0.08em; transition: .3s ease-out; text-align: center; padding: 20px 20px; margin: 10px 0px 0px 0px; }
.boxen li:hover a { background: #004c97; color: #c5dbf0 !important; } 



.wf-columns-layout-1-2 > .wf-column:last-child { width: calc(100% * 5 / 7.001); }
.wf-columns-layout-1-3 > .wf-column:last-child, .wf-columns-layout-3-1 > .wf-column:first-child { width: calc(100% - 120px); }




/* Lösungen Grafik */
.loesungen-grafik .uk-visible\@s { display: block!important;}
.loesungen-grafik .uk-switcher { display: none !important;}
.loesungen-grafik .uk-dotnav{ display: none !important;}
.loesungen-grafik .uk-card-body {font-size: 0.7em; line-height: 1.3; padding: 15px;}

.loesungen-grafik .uk-margin img { width: 80px; margin: 0px 0px 0px 0px; }
.loesungen-grafik h3 { margin: 0px 0px 0px 0px; }
.loesungen-grafik .wf-columns-gap-large { gap: 0.5rem;}


.loesungen-grafik .uk-card-default {
  background-color: #eff2f7;
  color: #000;
  box-shadow: 0 0px 0px rgba(0,0,0,.08);
}


#loesungen { position: relative; }

.loesungen-grafik .uk-position-relative .uk-position-absolute {z-index: 100;}
.loesungen-grafik .uk-position-relative .uk-position-absolute:hover {cursor: pointer;}
.loesungen-grafik .uk-position-relative .uk-position-absolute .uk-light { width: 100px; height: 100px;}
.loesungen-grafik .uk-icon {display: none;}

#loesungen-pcmf { position: absolute; left: 20%; top: 8%; width: 15%; height: auto;animation: wiggle1 4s infinite ease-in-out; z-index: 1;}
#loesungen-polstoff{ position: absolute; left: 40%; top: 10%; width: 15%; height: auto;animation: wiggle2 4s infinite ease-in-out; z-index: 1;}
#loesungen-comb { position: absolute; left: 75%; top: 7%; width: 15%; height: auto;animation: wiggle3 4s infinite ease-in-out; z-index: 1;}
#loesungen-uv { position: absolute; left: 1%; top: 30%; width: 15%; height: auto;animation: wiggle1 4s infinite ease-in-out; z-index: 1;}
#loesungen-kkr { position: absolute; left: 18%; top: 60%; width: 15%; height: auto;animation: wiggle3 4s infinite ease-in-out; z-index: 1;}
#loesungen-stk { position: absolute; left: 45%; top: 55%; width: 15%; height: auto;animation: wiggle2 4s infinite ease-in-out; z-index: 1;}
#loesungen-mk { position: absolute; left: 70%; top: 60%; width: 15%; height: auto;animation: wiggle1 4s infinite ease-in-out; z-index: 1;}

    



@keyframes wiggle1 {
    0% {transform: translate(0, 0);}
    50% {transform: translate(2px, 2px);}
    100% {transform: translate(0, 0);}
}
@keyframes wiggle2 {
    0% {transform: translate(0, 0);}
    60% {transform: translate(-2px, -2px);}
    100% {transform: translate(0, 0);}
}
@keyframes wiggle3 {
    0% {transform: translate(0, 0);}
    40% {transform: translate(2px, -3px);}
    100% {transform: translate(0, 0);}
}

#loesungen-pcmf:hover, #loesungen-uv:hover, #loesungen-polstoff:hover, #loesungen-comb:hover, #loesungen-kkr:hover, #loesungen-stk:hover, #loesungen-mk:hover {cursor: pointer;}





.rsfiles-layout { margin: 0px 20px; padding: 50px 0px; }





@media(min-width:500px)
{
    #livechat-inhalt { right: 40px; bottom: 40px; left: auto; width: 350px; }
    #livechat { right: 40px; bottom: 40px; }

    .rsfp_thankyou_popup_inner { right: 40px; bottom: 40px; left: auto; width: 350px; }

    #slogan { top: -69px; }


    .desktop { display: block; }
    .mobile { display: none; }
}




@media(min-width:550px)
{
	#einleitung { padding: 50px 0px; }

    .com-finder { padding: 50px 0px; }
	.com-content-article__body { padding: 50px 0px; }
	.bloginhalt { padding: 50px 0px; }
		
    .page-header { padding: 50px 0px 20px 0px; }
	.com-users-login { padding: 50px 0px 20px 0px; }

    #claim { width: 220px; bottom: 20px; }

    .familybox { width: 30%; }
    
    .newsflash { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .mod-articlesnews__item { width: 48%; margin: 0px 0px 20px 0px; }
    
	.anwendung-bild { margin: 0px; }

    .anchor { margin: -120px 0px 0px 0px; }

    #slogan { left: 30px; }
    #footer { position: relative; }
    #neutral { position: absolute; bottom: 40px; right: 0; }
    #printbutton { margin: 50px 0px 0px 0px; }

}



@media(min-width:800px)
{
    #header { height: 120px; transition: .3s ease-out; }

    #showbox { padding: 120px 0px 0px 0px; }
    #einleitung { margin: 0px auto; width: 700px; }
    #slogan { top: -79px; }
    #banner { margin: 30px auto 0px; width: 700px; }
    #webinarbtn { margin: 30px auto 0px; }






    .MediaContainer__Container-sc-1rcutn9-0 { padding-top: 162px !important;}


    #languages { margin: 40px 30px 0px 0px; }
    .shrink #languages { margin: 28px 30px 0px 0px; }

	#logo { width: 270px; margin: 30px 0px 0px 50px; }
    #schweiz { bottom: 50px; right: 50px; }

    .shrink #logo { margin: 20px 0px 0px 50px; width: 220px; }
    .shrink #header { height: 90px; }
    
    #showbox { padding: 120px 0px 0px 0px; }

    .mitglied li { width: 23%; margin: 0px !important; }
    
    .com-finder { margin: 0px auto; width: 700px; }
    .com-content-article__body { margin: 0px auto; width: 700px; }
    .bloginhalt { margin: 0px auto; width: 700px; }
    .item-image { float: left; width: 25%; }
    #news .item-content { float: right; width: 70%; }

    .rsfiles-layout { margin: 0px auto; width: 700px; padding: 70px 0px; }
	
	
	#contactform { margin: 0px auto; width: 700px; padding: 70px 0px; }
    
	#container-weltkarte { margin: 0px auto; width: 700px; }
    
	.page-header { margin: 0px auto; width: 700px; }
	.com-users-login { margin: 0px auto; width: 700px; }
    #system-message-container { margin: auto 0px; width: 700px; }
    .com-users-reset { margin: 0px auto; width: 700px; }
    .com-users-reset-confirm__form { margin: 0px auto; width: 700px; }
    .com-users-reset-complete { margin: 0px auto; width: 700px; }

	#footer { margin: 0px auto; width: 700px; display: flex; flex-wrap: wrap; padding: 40px 0px; }
	#adresse { width: 350px; border-right: 1px solid #c5dbf0; box-sizing: border-box; }
	#telefon { width: 350px; box-sizing: border-box; padding: 0px 0px 0px 30px; }
	#submenu { margin: 30px 0px 0px 0px; box-sizing: border-box; }

    .laender { display: flex; flex-wrap: wrap; }
    .land { width: 50%; padding: 0px 20px 30px 0px; box-sizing: border-box; }


	.bild-links { padding: 6px 0px 0px 0px; }
	.text-rechts { padding: 0px 0px 0px 10px; }

    .anchor { margin: -140px 0px 0px 0px; }

    #slogan { left: 50px; }

    #printbutton { width: 700px; left: 50%; margin: 50px 0px 0px -350px; right: auto; }
    
    
    
    .loesungen-grafik .uk-drop {width: 600px;}
    .loesungen-grafik .uk-position-relative .uk-position-absolute .uk-light { width: 250px; height: 150px;}
    .loesungen-grafik .uk-card-body {font-size: 1em; line-height: 1.6; padding: 30px;}
    .loesungen-grafik .uk-margin img { width: 200px; margin: 0px 0px 20px 0px; }

    .loesungen-grafik .wf-columns-gap-large { gap: 2rem;}


    @keyframes wiggle1 {
        0% {transform: translate(0, 0);}
        50% {transform: translate(5px, 5px);}
        100% {transform: translate(0, 0);}
    }
    @keyframes wiggle2 {
        0% {transform: translate(0, 0);}
        60% {transform: translate(-5px, -5px);}
        100% {transform: translate(0, 0);}
    }
    @keyframes wiggle3 {
        0% {transform: translate(0, 0);}
        40% {transform: translate(2px, -6px);}
        100% {transform: translate(0, 0);}
    }

  
    #loesungen-pcmf { position: absolute; left: 20%; top: 5%; width: 120px; height: 120px;animation: wiggle1 4s infinite ease-in-out; z-index: 1; }
    #loesungen-polstoff{ position: absolute; left: 45%; top: 3%; width: 120px; height: 120px;animation: wiggle2 4s infinite ease-in-out; z-index: 1; }
    #loesungen-comb { position: absolute; left: 75%; top: 4%; width: 120px; height: 120px;animation: wiggle3 4s infinite ease-in-out; z-index: 1; }
    #loesungen-uv { position: absolute; left: 0%; top: 30%; width: 120px; height: 120px;animation: wiggle1 4s infinite ease-in-out; z-index: 1; }
    #loesungen-kkr { position: absolute; left: 18%; top: 60%; width: 120px; height: 120px;animation: wiggle3 4s infinite ease-in-out; z-index: 1; }
    #loesungen-stk { position: absolute; left: 45%; top: 55%; width: 120px; height: 120px;animation: wiggle2 4s infinite ease-in-out; z-index: 1; }
    #loesungen-mk { position: absolute; left: 70%; top: 60%; width: 120px; height: 120px;animation: wiggle1 4s infinite ease-in-out; z-index: 1; } 
        
    
    
    #copyright-infos { margin: 0px auto; width: 700px; padding: 20px 0px 50px 0px; }
    
    
}




@media(min-width:1100px)
{
    #slogan { top: -90px; left: 50px; font-size: 42px; }

    #einleitung { width: 1000px; padding: 70px 0px 70px 0px; }
    #banner { position: absolute; z-index: 9997; right: 50px; bottom: 30px; margin: 0px; }

	.bloginhalt { width: 1000px; padding: 70px 0px 70px 0px; }
    .com-content-article__body { width: 1000px; padding: 70px 0px 70px 0px; }
    .com-finder { width: 1000px; padding: 70px 0px 70px 0px; }

	#contactform { width: 1000px; }
    #claim { width: 250px; }

    #titelbild { display: block; }
    #titelbild-mobile { display: none; }

	ul.boxen { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.boxen li { width: 230px; }
	.boxen li a { display: flex; align-items: center; justify-content: center; width: 230px; margin: 0px; box-sizing: border-box; padding: 30px 15px; }
	
    .land { width: 33.333%; }
    
    #container-weltkarte { width: 1000px; }
    #weltkarte { float: left; width: 475px; }
    #ansprechpersonen { float: right; width: 475px; margin: 0px; }
    #ansprechpersonen .land { width: 50%; }

    .familybox { width: 22%; }
    
    .newsflash { gap: 35px; justify-content: flex-start; }
    .mod-articlesnews__item { width: 310px; }

	.page-header { width: 1000px; padding: 100px 0px 70px 0px; }
	.com-users-login { width: 1000px; padding: 20px 0px 70px 0px; }
    #system-message-container { width: 1000px; }
    .com-users-reset { width: 1000px; }
    .com-users-reset-confirm__form { width: 1000px; }
    .com-users-reset-complete { width: 1000px; }

	#container-weltkarte { width: 1000px; }
    
    .rsfiles-layout { width: 1000px; }
    .MediaContainer__Container-sc-1rcutn9-0 { padding-top: 242px !important;}

    
	#footer { width: 1000px; position: relative; }
	#adresse { width: 333px; }
	#telefon { width: 333px; }
	#submenu { width: 333px; margin: 0px; padding: 0px 0px 0px 30px; border-left: 1px solid #c5dbf0; }
	
    #neutral { position: absolute; right: 0; width: 140px; bottom: auto; top: 25px; }
    #neutral img { width: 140px; }
    
    h1 { margin: 0px 0px 40px 0px; font-size: 42px; } 
    h2 { font-size: 32px; } 

    .staerken ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .staerken li { width: 490px; }

    #printbutton { width: 1000px; margin: 70px 0px 0px -500px; }

    #copyright-infos { width: 1000px; }
}



@media(min-width:1300px) and (min-height:860px)
{
    #container-einleitung { position: absolute; bottom: 0; width: 100%; background: #ffffff; }
    #home-de #showbox { position: relative; }
    #home #showbox { position: relative; }
}



@media(min-width:1400px)
{    
    #header { height: auto; }
	#logo { float: left; margin: 40px 0px 20px 50px; }

    #webinarbtn { top: 170px; left: 40px; }

    #container-menu { background: none; }

	#languages { float: right; margin: 50px 50px 0px 0px; transition: .3s ease-out; }

    
    
    #container-weltkarte { width: 1200px; }
    #weltkarte { width: 575px; }
    #ansprechpersonen { width: 575px; }
    
    .shrink #header { height: 100px; }

    .shrink #logo { margin: 25px 0px 10px 50px; }
    .shrink #languages { margin: 33px 50px 0px 0px; }
    
    #slogan { left: 50px; top: -90px; }
    
    #home-de #einleitung { width: 1200px; }
    #home #einleitung { width: 1200px; }
    

	.boxen li { width: 280px; }
	.boxen li a { width: 280px; }
	
    .com-finder { width: 1200px; }
    
    .newsflash { gap: 40px; justify-content: flex-start; }
    .mod-articlesnews__item { width: 270px; }
    
    .com-content-article__body { width: 1200px; }
    .bloginhalt { width: 1200px; }
    #news .item-content { width: 72%; }

    .familybox { width: 17%; }

    
	.anwendungen { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.anwendung-box { width: 48%; }
	
    .rsfiles-layout { width: 1200px; }

    
    
	#contactform { width: 1200px; }
    
	.page-header { width: 1200px; }
	.com-users-login { width: 1200px; }
    #system-message-container { width: 1200px; }
    .com-users-reset-complete { width: 1200px; }
    .com-users-reset { width: 1200px; }
    .com-users-reset-confirm__form { width: 1200px; }

	#footer { width: 1200px; }
	#adresse { width: 400px; }
	#telefon { width: 400px; }
	#submenu { width: 400px; }

    
    .anchor { margin: -160px 0px 0px 0px; }

    .staerken li { width: 590px; }

    #printbutton { width: 1200px; margin: 70px 0px 0px -600px; }

    #copyright-infos { width: 1200px; }
}


@media(min-width:1600px)
{
    .MediaContainer__Container-sc-1rcutn9-0 { padding-top: 294px !important;}

	#logo { margin: 40px 0px 20px 100px; }
    #slogan { left: 100px; top: -120px; }

	#menu { margin: 55px 40px 0px 0px; }
	#languages { margin: 50px 100px 0px 0px; }

    .shrink #logo { margin: 25px 0px 10px 100px; }
    .shrink #menu { margin: 36px 40px 0px 0px; }
    .shrink #languages { margin: 33px 100px 0px 0px; }
}


@media(min-width:1700px)
{

	#menu { float: left; margin: 55px 50px 0px 0px; transition: .3s ease-out; overflow: inherit; position: static; height: auto; padding: 0px; width: auto; }
    .shrink #menu { margin: 36px 50px 0px 0px; }
    #showbox { padding: 130px 0px 0px 0px; }

}