body 						{ background: #fff; color: #000; font-family: 'Inter', sans-serif; font-size: 14px; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
body.HomePage 				{ min-height: 100vh;}

a 							{ color: #53565a; text-decoration: none; }
a:hover, a:active			{ text-decoration: none; }
	
h1,h2,h3    				{ font-family: 'Inter', sans-serif; font-weight: bold; padding-bottom: 4px; color: #001e52; margin-bottom: 0px; }
h1 			    			{ font-size: 3.1rem; font-weight: 500; padding-left: 0px; margin-left: 0px; padding-bottom:  35px; line-height:  1.2; margin-bottom:  0px;}
h2,
h1.h2like     				{ font-size: 1.9rem; border-bottom: 3px solid #001e52; display:  inline; padding-bottom: 0px; font-weight: 500; line-height: 1.2; color: #001e52 }
h3          				{ font-size: 1rem; font-weight: 500; padding-bottom: 10px; }
h4          				{ font-family: 'Inter', sans-serif; font-weight: bold; padding-bottom: 4px; display: inline-block; font-size: 1.15rem; }
h5 							{ font-weight: 700; font-family: 'Inter'; font-size: 1.05rem; line-height: 1.4; margin-bottom: 0rem; color: #001e52  }

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

p     	    				{ font-family: 'Inter', sans-serif; font-weight: 300; line-height: 1.5; font-size: 1rem; color: #001e52; margin-bottom: 1.5rem; }
p strong    				{ font-weight: 700; font-size: 1em; }
li          				{ font-family: 'Inter', sans-serif; font-weight: 300; line-height: 1.5; font-size: 1rem; color: #001e52;}

.relativer                  { position: relative; }
 
.container                  { max-width: 1300px; } 

.allButFooter 				{ min-height: 100vh; }
.HomePage .allButFooter     { display: flex }

/* Header */
.header                      { position: relative; z-index: 9999; background-color: #001e52 }
.HomePage .header            { background-color: transparent; position: absolute; }
.HomePage .header.sticky    { background-color: #001e52; position: fixed; }

.homelink 					{ display: block;  }
.homelink img 				{ height: 40px; margin-top: 20px; }

.langs                      { padding-top: 3px; }
.langlink                   { display: block; float: left; color:  #fff; font-weight: 600; font-size: 0.9rem }
.langlink:first-child       { margin-right:  15px; }
.langlink.current           { border-bottom: 2px solid #fff; font-size: 0.9rem }

nav                         { z-index: 99999; padding-top: 5px; }
nav ul 						{ list-style-type: none; padding-left: 0px; display: block; float: right; margin-top: 20px;  }
nav ul li 					{ float: left; padding-left: 60px; display: block; }
nav ul li a 				{ color: #fff; font-weight: 600; text-transform: none; font-size: 1.1rem }
nav ul li a:hover,
nav ul li a.active 			{ color: #fff; border-bottom:  2px solid #fff}
nav ul li.current > a,
nav ul li.section > a       { border-bottom:  2px solid #fff}


.menu                       { display: none }

/* side icons */
.pt-90 { padding-top: 90px; }

/* Footer */
.footer                 { background-color: #001e52 }
.footertext p,
.footertext a           { color: #fff; padding-bottom: 0px; margin-bottom: 0px; font-size: 0.9rem; line-height: 2 }

.footermenu             { display: block; float: right;  }
.footermenu li          { display: block; float: left; padding-left: 30px; line-height: 1; }
.footermenu li a        { color: #fff; font-weight: 500; text-transform: none; line-height:  1; font-size: 1.1rem }
.footermenu li a:hover           { color: #fff; border-bottom:  2px solid #fff}
.footermenu li.current > a,
.footermenu li.section > a       { border-bottom:  2px solid #fff}

.mobile { display: none; }

/* Body */
.bgwhite                { background-color: #fff; } 
.kommminuser { margin-top: -50px }
.minuser                { margin-top: -200px; }
.aboutminuser     { margin-top: -180px; }
.BereichePage .minuser { margin-top: -210px; }
.bgblue                 { background-color: #001e52;  }
.bgblue h1, .bgblue h2, .bgblue p, .bgblue a { color: #fff }

.ContactPage h1.h2like { border-bottom-color: #fff; }

/* homepage */
.mainblock      { height: 100vh; display: flex; background-size: cover; background-repeat: no-repeat; }
.homemain       { padding-top: 60px }
.homemain h1    { color: #fff; border-bottom: 4px solid #fff; display:  inline; margin-bottom: 0px; padding-bottom: 0px; font-weight: 500; line-height: 1.2;  }
.zitat h1       { color: #001e52; border-bottom: 4px solid #001e52; display:  inline; margin-bottom: 0px; padding-bottom: 0px; font-weight: 500; line-height: 1.2;  }
.homemain p     { color: #fff; font-size: 1.4rem; font-weight:  600; line-height: 1; padding-bottom: 0px; margin-bottom: 0px; padding-top: 20px; }
.zitat p        { color: #001e52; font-size: 1.4rem; font-weight:  600; line-height: 3; }
.inliner        { display: block; width: 400px; max-width: 100%; }

.zitat h1, 
.zitat p { color: #001e52 }

#bleky { background:  transparent url(../images/blecky.png) top left; position: absolute; z-index: 0; left: 0px; right: 0px; top: 0px; bottom: 0px; }

#tothetop {	width: 40px;height: 40px; display: none; font-size: 2em; cursor: pointer; position: fixed;right: 20px;bottom: 45px; z-index: 10; }


@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:  landscape) {

	body 				{ overflow-x: hidden }
    .iq-x-0 { padding-left: 0px; padding-right: 0px; }
    .zitat h1 { font-size: 2.7rem }
    .pt-90 { padding-top: 75px; }
}



@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:  portrait) {

    nav ul li { padding-left: 22px; }
    .minuser,
    .BereichePage .minuser,
    .AboutPage .minuser { margin-top: 0px; }
}


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

    body.menuactive,
    body.opened             { overflow:  hidden;}

	.container 				{ max-width: 100% }

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

    .homelink               { position: relative; z-index: 999999 }
    .homelink img 			{ max-height: 42px; margin-top: 13px; margin-left: 10px; }

    .header.sticky { position: fixed; }
    

    .menu                             { cursor: pointer; margin: 0 auto;position: absolute; width: 30px; height: 22px; display: block; right: 20px; top: 20px;  z-index: 999999;  }
    .menu-global                      { backface-visibility: hidden; position: absolute; left: 0; border-top: 3px solid #ffffff;  width: 100%; transition: 0.55s; }
    .menu-top                         { top: 0; }
    .menu-middle                      { top: 9px; }
    .menu-bottom                      { top: 18px; }
    .menu-top-click                   { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(45deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(45deg); -moz-transition: 0.55s 0.5s; transform: rotate(45deg); transition: 0.55s 0.5s; }
    .menu-middle-click                { opacity: 0; }
    .menu-bottom-click                { backface-visibility: hidden; top: 15px; -webkit-transform: rotate(-405deg); -webkit-transition: 0.55s 0.5s; -moz-transform: rotate(-405deg); -moz-transition: 0.55s 0.5s; transform: rotate(-405deg); transition: 0.55s 0.5s;  }

    .iq-x-0 { padding-lefT: 0px;  padding-right: 0px; }
    

    nav 				{ display:  none; position: fixed; top:  0px; left:  0px; background-color:  #001e52; min-height:  unset; overflow-y: auto; height:  100vh; float: left; clear: both; width: 100%; padding-top: 50px; }
    nav.opened .menu 	{ right: 15px; top: 21px; }
    nav > ul            { border-top: 0px; padding-top:0px; width: 100%; float:  left; clear:  both; padding-top:  50px;}
    nav ul.mainmenu > li > a { font-size: 1.65rem }
    nav ul li 			{ padding-right: 0px; padding-left:  0px; display:  block; float:  left; clear:  both;  text-align:  left; padding-bottom:  15px; padding-top:  15px; border-bottom:  2px solid #fff; margin-left:  25px; margin-right:  25px; width:  85%}
    nav ul li a 		{ text-decoration: none !important; font-size: 1.4rem }
    nav ul li i 		{ font-size: 18px; }
    .langlink           { font-size: 1.25rem !important; }

    .langs { border-bottom: none; padding-top: 15px;  font-size: 1.25rem !important; }

    /* footer */    
    nav .footermenu li { border-bottom: 0px; padding-left: 0px; display:  block; float:  left; width:  40%}
    nav .footermenu li a 	{ }

    .footer { min-height: 294px; }
    .footer .footermenu { float: left; margin-left: 0px; padding-left: 0px; padding-bottom:  20px;}
    .footer .footermenu li { padding-left: 0px; padding-right: 50px; }

    #tothetop 			{ right: 7px; bottom: 12px; }


    .mainblock { background-size: auto; background-position: center bottom; }
   
    h1, .homemain h1 { font-size: 2.3rem; border-bottom: 3px solid; }
    h2, h1.h2like { font-size: 1.7rem; line-height: 1.5}
    h3 { font-size: 1.1rem }
    p { font-size: 1.1rem }
    .zitat p { font-size: 1.25rem }

    .pt-90 { padding-top: 15px; }
    .minuser { margin-top: 0px !important; }
    .aboutminuser,
    .kommminuser { margin-top: 0px !important }
    .BereichePage .minuser { margin-top: 20px !important; }

    .allButFooter { min-height: 100vh }
    .HomePage .allButFooter { background-position: center center; }

 }


@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */ 
    nav { position: fixed; }
}




@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) { 

    nav { padding-top: 60px !important; }
}



@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) { 

   
}

/* 1792x828px at 326ppi */
@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) { 

   

}

/* iphone 12 */
@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) { 

    
}