@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400; src: local(''),
url(//karola-hamburg.de/wp-content/themes/fs_karola/assets/fonts/noto-sans-v11-latin-regular.woff.woff2) format('woff2'), url(//karola-hamburg.de/wp-content/themes/fs_karola/assets/fonts/noto-sans-v11-latin-regular.woff) format('woff'); font-display: swap;  
} @font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 400;
src: local(''),
url(//karola-hamburg.de/wp-content/themes/fs_karola/assets/fonts/noto-sans-v11-latin-italic.woff2) format('woff2'), url(//karola-hamburg.de/wp-content/themes/fs_karola/assets/fonts/noto-sans-v11-latin-italic.woff) format('woff'); 
font-display: swap;  
} @font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: local(''),
url(//karola-hamburg.de/wp-content/themes/fs_karola/assets/fonts/noto-sans-v11-latin-700.woff2) format('woff2'), url(//karola-hamburg.de/wp-content/themes/fs_karola/assets/fonts/noto-sans-v11-latin-700.woff) format('woff'); 
font-display: swap;  
} @font-face {
font-family: 'Noto Sans';
font-style: italic;
font-weight: 700;
src: local(''),
url(//karola-hamburg.de/wp-content/themes/fs_karola/assets/fonts/noto-sans-v11-latin-700italic.woff2) format('woff2'), url(//karola-hamburg.de/wp-content/themes/fs_karola/assets/fonts/noto-sans-v11-latin-700italic.woff) format('woff'); 
font-display: swap;  
} body, html {
padding:0;
}
body {min-width: 300px;}
body .home .page .fsk_body,
.fsk_body {
background-color: #f9f9f9; color: #333;
font-size: 1.1em;
line-height: 1.3em;
font-family: 'Noto Sans', 'Verdana', sans-serif; 
font-weight: 400;
font-style: normal;
}
.grid-container {background-color: #fff;}
.grid-container.nopad {padding-left: 0; padding-right: 0;}
.content {padding:0 1em;} #topheader {
width:100%;
position:fixed;
top:0;
left:0;
z-index:999 !important; 
}
.topheader-content {
position:relative; 
padding-top: 40px; 
height:100px;
padding-left:0;
padding-right:0; 
}
.upper {
position: relative;
width: 100%;
top: -60px;
left: 0;
transform: skew(0deg, -2deg);
background-color: #fff; border-bottom: 1px solid #ccc;      
}
.upper .cell {transform: skew(0deg, 2deg);}
#site-logo {
position:relative;
padding:25px 0 5px 10px;
}
#site-logo img {max-width: 180px;}
#responsive-menu {margin-top: 60px;}
.headerimage {
position:relative; 
margin-top:1em; 
padding:0;
background: #B9D3A3; 
text-align:right;
max-height: 570px;
overflow: hidden;
}
@media only screen and (max-width: 760px) {
.headerimage {margin-top:5rem;}
}
@media only screen and (max-width: 1000px) {
.headerimage {margin-top:6em; }
}
.grid-container .grid-x.grid-padding-x.welcome {
font-family: 'Noto Sans', sans-serif;
font-style: normal;
font-weight: 700;
background: #B9D3A3; padding: 5px 2%; font-size: 2.3rem;
line-height: 2rem;
text-align: center;
} 
.grid-x.grid-padding-x.feature {
position: relative;
margin:  2rem 0;
padding: 2rem 1rem;
background-color: #609732;
}
.wel1 {color:#aa007c;padding-top: 0em; text-align: center; } 
.wel2 {color:#609732;padding-top: 1em;padding-left: 0.3em; } .wel3 {color:#0095a9;padding-top: 20px;text-align:center;}  #mega-menu-wrap-main-nav #mega-menu-main-nav {
}
@media only screen and (min-width: 769px) {
#mega-menu-main-nav{border-bottom: 2px solid #609732;}
}
#mega-menu-wrap-main-nav .mega-menu-toggle {margin-right: 10px;}  a {color: #55AA33;}
table a {color: #0095a9;}
.content p a {color: #55AA33; text-decoration: none;}
a:hover, a:focus, a:active,
p a:hover, p a:focus, p a:active  {color:#aa007c; }
h1, h3, h2, h4, h6 {
font-family: 'Noto Sans', sans-serif;
}
h1 {
font-family: 'Noto Sans', sans-serif;
font-style: normal;  
font-weight: 700;  
color: #aa007c; font-size: 2.2rem;
margin: 4rem 0 1.5rem;
}
.frontpage h1 {margin:0;}
h2 {
font-family: 'Noto Sans', sans-serif;
font-style: normal;  
font-weight: 700;  
font-size: 1.9rem;
margin: 3rem 0 1rem;
}
.frontpage h2, .frontpage h2 a {font-size: 2.1rem;margin-top:1rem;color:#aa007c;text-decoration: none;}
h3 {
font-family: 'Noto Sans', sans-serif;
font-style: normal;  
font-weight: 700;  
font-size: 1.4rem;
margin: 2rem 0 1rem;
}
ul {
list-style-type: none;
}
.content li:before {
list-style-position: outside;
content: "\2666  \0020";
margin-left: -15px;
}
.blocks-gallery-grid li:before {
list-style-position: inherit;
content: "";
margin-left: 0;
}
.logo-galerie img {max-height:200px; width: 100%;}
i.fa {font-size:0.9em;}
.va-top {vertical-align: top;} .grid-x.grid-padding-x.feature {
xposition:relative;
margin:  2rem 0;
padding: 2rem 1rem;
background-color: #609732;
}
.grid-x.grid-padding-x.feature .featuredtxt {
font-size: 1.4rem;
line-height: 2rem;
padding:0 1rem;
text-align: center; 
color: #fff;
}
.tbox {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
background: #A7DAE1;
}
.tbox h2 {color: #aa007c; font-weight:700; }
.paragraph-tbox {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
background: rgba(0, 150,170,0.35);
}
.paragraph-tbox h2 {color: rgb(0, 150,170);}
.ktable thead, .ktable tfoot {
background: rgba(0, 150,170,0.2);
}
.wp-block-columns {margin-bottom: 0em;}
.wp-block-table.is-style-stripes.ktable tbody tr:nth-child(2n) {background-color: rgba(0, 150,170,0.2);}
.wp-block-table.is-style-stripes.ktable tbody tr:nth-child(2n+1) {background-color: rgba(0, 150,170,0.35);} .blueborder {padding:0 15px; border: 2px solid #0597aa;}
.pinkborder {padding:0 15px; border: 2px solid #aa007c;}
.box-upper {
position: relative;
height:30px;
width: 100%; padding-left: 15px;
background: #A7DAE1;
transform: skew(0deg, -2deg);
margin-top: -30px;
} .foot-upper {
position: relative;
height: 45px;
width: 101%; padding-top: 40px;
padding-left: 15px;
background-color: #fff;
transform: skew(0deg, -2deg);
}
.foot-lower {background-color: rgba(96,151,50,0.4); height: 40px;margin-top: -20px;}
#footer {background: rgba(96,151,50,0.4); xcolor: #1e1e1e;}
#footer p {line-height: 1; margin-bottom:0.5rem; }
.callout.fsk_callout {background: transparent;border:0;margin-bottom:0; color: #1e1e1e; }
#footer a {color:#000; text-decoration: underline;}
#footer a:hover, #footer a:focus, #footer a:active  {color:#aa007c; }
#footer_bottom {
background-color: #fff;
xheight: 60px;
padding: 15px;
}
#footer-links .menu a, #footer-links a  {color:#55AA33;font-size: 0.9rem;}
#footer-links .menu a:hover, #footer-links a:hover,
#footer-links .menu  a:focus, #footer-links a:focus,
#footer-links .menu  a:active , #footer-links a:active {
color:#aa007c; 
}
#footer h3 {font-size: 1.6rem;}
#footer h3.widget-title{margin-top: 0;}