@font-face { font-family: 'sv'; src: url('sv.ttf') format('truetype'); }
@font-face { font-family: 'svb'; src: url('svb.ttf') format('truetype'); }
@font-face { font-family: 'icons'; src: url('icons.ttf') format('truetype'); }
html {width:100%;height:100%;padding:0px;margin:0px;}
body {width:100%;height:100%;padding:0px;margin:0px;font-family: "sv";font-size:16px;}
div.top {width:100%;height:80px;background:#184184;background-image:url("top-bg.png"); background-repeat: repeat-x; position: fixed;text-align:center;font-family: "svb";font-size: 4em;color:#fff; top:0px;z-index:1;}
div.top span {font-size:0.3em;}
div.top a {color:#fff;}
#logo {max-width: 74px; max-height: 74px; top:3px; left:3px; position: fixed; z-index: 100;}
#pagesvbwz{position:absolute;background:#fff;width:100%;min-height:100%;padding:0px;margin:0px;transition: left 0.3s linear 0s;top:0px;left:0px;z-index: 2; overflow-x: hidden;
    overflow-y: auto;}
div.menu_s {height: 100%;    width: 100px; background:#e88618;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1; text-align:right;}
#toggle-menu:checked ~ #pagesvbwz { left: -101%;}
#toggle-menu:checked ~ #mainMenuButton { color:#ccc;right:110%;}
#mainMenuButton {color:#fff;position:fixed; top:10px; right:10px;width:30px;font-size:3em;height:30px;cursor:pointer;z-index: 3; transition: right 0.3s linear 0s;}
#mainMenuButton:before {font-family:'icons'; content: '\e80e'; } 
#mainMenuButtonClose {font-family:'icons'; font-size:250%; margin:10px;line-height:60px;color:#184184;display:block;cursor:pointer;}
#mainMenuButtonClose:before {font-family:'icons'; content: '\e802'; } 
div.bottom {width:100%;text-align:center;font-family: "svb";}
ul.nav {list-style-type:none;color:#000; padding-left:5px;margin-right:5px;}
ul.nav li ul {list-style-type:none; padding-left:5px;}
ul.nav li ul a {text-decoration:none;display:block;color:#184184;line-height:24px;font-size:18px;padding-right:10px;margin-left:5px;}
ul.nav li ul a:hover {background-color:#184184;color:#fff;}
ul.nav  a {text-decoration:none;display:block;color:#184184;line-height:24px;font-size:18px;}
ul.nav  a:hover {background-color:#184184;color:#fff;}
a {text-decoration:none; color:#184184;}
div.middle {margin:15px; text-align:center;}
main {text-align:justify;margin: auto;margin-top:100px;}
div.start_page_items div.blog-item, div.item-page {border:1px solid #184184;border-radius: 3px; margin:5px; padding:5px;}
ul.tags {list-style-type:none;}
ul.tags  li a{background-color:#184184;color:#fff;border-radius: 3px;}
img {max-width: 1000px;}
div.item-page {max-width:1000px; min-height:100%;}
.item-image {height:300px; overflow:hidden; margin:0;display:block;align-items: center;}
.item-image img {min-width:100% !important; min-height:300px !important;height:auto !important;position: relative; top: 50%; left:50%; transform: translate(-50%, -50%);}
ol.mod-breadcrumbs {padding:0px;margin:0px;}
ol.mod-breadcrumbs li {display: inline; list-style-type: none;padding-left:2px;font-weight:bold;font-size:0.8em;}
ol.mod-breadcrumbs li.breadcrumb-item:before { content: ">>" }
#mod-custom126 {margin-top:80px;margin-bottom:-80px;background-color:#fdcd80;color:#184184;}
div.sponsor {margin:2px;padding:2px;text-align:center;display:inline;}
#mod-custom121 {clear:both;text-align:center;margin-bottom:10px;}
main ul.mod-articlescategory li {text-align:left;background:#b8e2ff;list-style-type:none;margin:3px;padding:15px 15px 5px 15px;border:1px solid #f6f6f6;border-radius: 3px;}
main ul.mod-articlescategory {padding-inline-start:2px;padding-inline-end:2px;}
div.con_main{padding:20px;clear:both;}
div.con_con{float:left;margin:10px;height:150px;min-width:220px;}
div.com-content-article__body iframe{width:100%; max-width:100%; margin:0;}
div.fpt iframe{width:100%; max-width:100%; margin:0;min-height:400px;}
#fb{width:20px;height:20px;margin-right:20px;}
#insta{width:20px;height:20px;margin-right:20px;}
div.infobox {text-align:center;min-height:90vh;background-size: cover;background-image: url("/images/zorbauBilder/svbwz_default_light.jpg"); padding:5px;}
iframe.mod-wrapper{left: -80px; margin-left: 50%; position: relative;}
div.com-content-category-blog h1{color:#184184; font-size:1em;}
ol.com-content-blog__links{list-style-type:disc;}
ol.com-content-blog__links::before{content:"weitere Beiträge:";font-weight:bold; font-size:1em;}
div.com-content-article__body p img {max-width:100%; height:auto;}
a.cloudlink{color:#ccc;}
h2.cloudlink{color:#ccc;}
ul.keys li {display:inline;}
ul.keys{list-style-type:none;}
ul.keys{padding-inline-start: 0px;}
#mod-custom126 div {
	width: 100%;
	height: auto;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 2s linear;
	-moz-transition: all 2s linear;
	-ms-transition: all 2s linear;
	-o-transition: all 2s linear;
	transition: all 2s linear;
}
#mod-custom126 div:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.WidgetLayout_header__zUxes{background:white !important;}
.down {
   transform: translate3d(0, -100px, 0); // um 100px nach oben verschieben
}
.grey {color:#184184 !important;}