body {
	margin: 0;
	padding: 0;
}

.cms_abstract_img {
    width: unset !important;
    height: unset !important;
}

#ome_root{
	background-color: #FFF;
}

#digisign{
	display: block;
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 2;
}

.moin img{
	width: 100%;
	height: auto;
	margin-left: 0%;
    margin-top: 1vh;
    margin-bottom: 1vh;
    
}

.ehrenumber {
	width: 100%;
}

.ehrenumber p{
    text-align: right;
    font-size: 120% !important;
    font-weight: 900 !important;}
	
#ehrenarea {
    width: 90%;
    padding-left: 5%;
    margin-bottom: 0;
    padding-right: 5%;
    padding-bottom: 3vh;
    color: #252525;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#ehrenarea p{
    font-size: 100%;
    font-weight: 500;
    line-height: 1.5;
}

#ehrenarea hr{
	border-top: none;
	border-left: none;
	border-roght: none;
	border-bottom: 1px dashed;
	border-color: #252525;
}

#ehrenapper h1 {
    color: #252525 !important;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 30px 0 30px 25px;
    font-weight: 500;
    width: 80%;
    padding: 5% 5% 5% 5%;
    background: #FFFFFF;
    line-height: 1;
    font-size: 4vh;
    text-align: center;
    border-radius: 20px;
}

.a2a_default_style{
    text-align: center;
    width: 100%;
    display: block;
    position: relative;
}

.a2a_default_style a{
    float: unset !important;
    display: inline-block;
}

.a2a_default_style .a2a_svg, .a2a_floating_style .a2a_svg, .a2a_menu .a2a_svg, .a2a_vertical_style .a2a_count, .a2a_vertical_style .a2a_svg {
    border-radius: 14px !important;
}

.a2a_svg {
    height: 52px !important;
    line-height: 52px !important;
    padding: 1px;
    width: 52px !important;
}



.subrefs{
	margin-bottom: 25px;
}

.subrefs a, .subrefs a:visited{
	transition: all 0.3s;
	background-color: #3aaae0;
    color: #252525;
    padding: 10px 20px 10px 20px;
    margin-right: 5px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
}

.subrefs a:hover{
	background-color: #FFF;
    color: #3aaae0;
}


#stickyphone{
	position: fixed;
    top: 22.5vh;
    width: 50vh;
    text-align: right;
	z-index: 2;
}

.stickyback{
	width: 25%;
    background-color: #000000;
    right: 0 !important;
    position: absolute;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}


/* ------------ DIALOG -------------- */
.ui-dialog {
    position: absolute;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 5px 25px 25px 25px;
    border-radius: 7px;
    box-shadow: 2px 2px 32px #999;
    -moz-box-shadow: 2px 2px 32px #999;
}

.ui-dialog .ui-dialog-titlebar {
    height: 30px;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin-top: -18px;
    height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
    padding-top: 50px;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

/* Component containers */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    background: #fff;
    color: #797979;
    border: 20px solid #fff;
}

.ui-widget-content a {
    color: #333;
}

.ui-widget-header a {
    color: #797979;
    text-decoration: none;
    font-size: 15px;
    text-align: right;
}

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #666;
    opacity: .5;
    filter: Alpha(Opacity = 50);
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000;
    opacity: .2;
    filter: Alpha(Opacity = 20);
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* ----- COOKIE DIRECTIVE ----- */
#cookie_note {
    background: #fff;
    left: 0;
    filter: alpha(opacity = 90);
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 100%;
}

#cookie_note div.notify {
    font-size: 14px;
    padding: 10px 100px;
    position: relative;
}

#cookie_note a.dismiss {
    border: 1px solid #9ba21b;
    border-radius: 10px;
    color: #9ba21b;
    display: block;
    line-height: 14px;
    padding: 1px 4px 4px 4px;
    position: absolute;
    right: 5px;
    top: 5px;
    text-decoration: none;
}

#cookie_note a.dismiss:hover {
    background: #9ba21b;
    color: #fff;
}

#cookie_note .cancel_cookie {
    color: #9ba21b;
    line-height: 17px;
}


#threesixty {
    width: 100%;
    height: 80vh;
    padding-top: 10vh;
}


#threesixty iframe{
	width: 100%;
	height: 70vh !important;
	border: none;
}

.abschnitt{
	width: 100%;
	text-align: center;
	display: block;
}


.abschnitt button{
	background-color: #791010;
    line-height: 1;
    width: auto;
    padding: 3% 6% 3% 6%;
    border-radius: 20px;
    color: #ef9191;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
    font-size: 100%;
	display: inline-block;
}



button {
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: block;
}

.artImg img{
	width: 100%;
	height: auto;
}

.quader{
	display: inline-block;
    width: 28%;
    border-color: #FFFFFF;
    border: 0;
    border-radius: 15px 15px 15px 15px;
    background-color: #2f414b;
    transition: all 0.3s;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    text-decoration: none;
    line-height: 2;
    font-size: 2vh;
    text-align: left;
    position: relative;
    margin: 1%;
}

.quader:hover{
	 background-color: #000000;
}

.quader a{
    text-decoration: none;
    color: #3aaae0;
}

.quader button{
    text-decoration: none;
    color: #3aaae0;
}

#hideit{
	display: none;
}


.icontext{
}

.quader img{
    width: 30px;
    height: auto;
    float: left;
    margin: 5px 7px 5px 10px;
}


#fopper {
    height: 12.5vh;
    background-image: url(../images/skyline-footer.png);
    z-index: 5;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 5px;
    background-size: cover;

}

#fopper .iconblock {
    width: 98%;
	text-align: center;
}


table{
    color: #FFFFFF;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0;
    font-weight: 300;
	display: contents;
}

.rss-wrapper{
	display: inline-block;
	width: 37.5vw;
	height: 42vw;
	float: left;
	background-color: #c7c7c7;
	border-radius: 5vw;
	padding: 3vw;
	
}

.rss-wrapper img{
	width: 100%;
	height: auto;
	border-radius: 3vw;
}

.weather-wrapper{
	display: inline-block;
	width: 37.5vw;
	height: 42vw;
	float: right;
	background-color: #c7c7c7;
	border-radius: 5vw;
	padding: 3vw;
    color: #32343a;
}

.weather-wrapper img{
    width: 100%;
	height: auto;
	margin-bottom: 1.25vh;
}

.weather-wrapper p{
    font-size: 1.5vh;
    margin: 1% !important;
}

.weather-temperature{
}


#headimg{
}

#headimg img{
    padding-top: 10vh;
    z-index: 0;
    position: fixed;
    width: 50vh;
    height: auto;
}

#inframeheadimg{
}

#inframeheadimg img{
    z-index: 0;
    width: 100%;
    height: auto;
}


#wrapper{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
	background: #FFFFFF;
	top: 0;
}

#topnav{
	display: inline-block;
    position: absolute;
    right: 0;
    height: 10vh;
    width: 10vh;
    color: #FFF;
	text-align: right;
}

#topnav img{
    width: auto;
    height: 5vh;
    margin-top: 2vh;
    margin-right: 2.5vh;
}

#output{
	display: none;
}

h1{
    color: #FFF;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0 0 -2vh 0px;
    font-weight: 500;
    width: 90%;
    padding: 5% 5% 5% 5%;
    background: rgb(35 40 42 / 48%);
    line-height: 1;
    font-size: 4vh;
	text-align: left;    
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

h2 {
    color: #FFFFFF;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0 0 20px 0;
    font-weight: 500;
    padding: 0;
    line-height: 1;
    font-size: 2.5vh;
    text-align: left;
}

h3 {
    color: #32343a;
    font-family: Calibri, sans-serif;
    margin: 0;
    font-weight: 500;
    padding: 0;
    line-height: 1.2;
    font-size: 2.25vh;
    text-align: left;
}

.readmoresocial{
    display: inline-block;
    width: 100%;
    margin-top: 2vh;
}

.readmoresocial img{
	width: 100%;
	height: auto;
}

#date{
    width: 40%;
    color: #32343a;
    font-family: Calibri, sans-serif;
    font-size: 2.25vh;
    text-transform: uppercase;
    text-align: right;
	float: right;
	display: inline-block;
	margin: 4vw 6vw 0 0;
}

.logo{
	display: inline-block;
	width: 50%;
}

.logo img{
    height: 7.5vh;
    margin-left: 5vw;
    margin-top: 1.5vh;
}

#apper{
    height: 90vh;
    top: 5vh;
    position: relative;
    display: inline-block;
    width: 50vh;
    left: calc( 50vw - 25vh );
	border-radius: 2.5vh;
	overflow-y: scroll;
}

#ehrenapper{
    background: #f2ba11;
    height: 90vh;
    top: 5vh;
    position: relative;
    display: inline-block;
    width: 50vh;
    left: calc( 50vw - 25vh );
	border-radius: 2.5vh;
	overflow-y: scroll;
}

#topper {
    background-color: #C7C7C7 !important;
    display: inline-block;
    position: fixed;
    transition: all 0.3s;
    z-index: 5;
}

#topper.shrink{
	height: 10vh;
    background-color: rgb(0 0 0 / 70%) !important;
}


#skyline{
}

#skyline img{
	width: 100%;
    height: auto;
}

#content{
    width: 100%;
    padding-top: 35.5vh;
    display: inline-block;
    text-align: justify;
    line-height: 1.5;
    color: #CCC;
	z-index: 1;
    position: absolute;
    height: 54.5vh;
	overflow-y: scroll;
  	scrollbar-width: none; /* Firefox */
  	-ms-overflow-style: none;  /* IE 10+ */
}

#contentcard {
    width: 100%;
    padding-top: 9.5vh;
    display: inline-block;
    text-align: justify;
    line-height: 1.5;
    color: #CCC;
    z-index: 1;
    position: absolute;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}


#content::-webkit-scrollbar { /* WebKit */
  width: 0px;
	display: none;
}

#content p{
	font-family: Calibri, sans-serif;
    font-weight: 100;
	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
}

#content ul{
	padding-left: 20px;
}

#content li{
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
}

.rund a {
    border-color: #FFFFFF;
    border: 0;
    width: 100%;
    border-radius: 35%;
    background-color: #2f414b;
    display: block;
	transition: all 0.3s;
}

.rund a:hover{
    background-color: #000000;
}

.rund {
    display: inline-block;
    text-align: center;
}

.rund img{
	width: 65%;
	height: auto;
	margin-top: 15%;
	margin-bottom: 13%;
	
}

.zweirund a {
}

.zweirund a:hover{
    background-color: #2f414b;
}

.zweirund {
    display: inline-block;
    text-align: center;
}

.zweirund img{
    width: 97%;
    margin: 0px 0 0% 3%;
    height: auto;
    border-radius: 2.5vh;
    -webkit-box-shadow: 0px 0px 0px 1px #515151;
    box-shadow: 0px 0px 0px 1px #515151;
}

.dreirund a {
}

.dreirund a:hover{
    background-color: #2f414b;
}

.dreirund {
    display: inline-block;
    text-align: center;
}

.dreirund img{
    width: 97%;
    margin: 0% 3% 0% 0%;
    height: auto;
    border-radius: 2.5vh;
    -webkit-box-shadow: 0px 0px 0px 1px #515151;
    box-shadow: 0px 0px 0px 1px #515151;
}

small{
	font-weight: 400;
    text-shadow: 0px 1px 3px rgb(0 0 0 / 25%);
    color: #3AAAE1;
    position: relative;
    top: 0.75vh;
    font-size: 1.9vh !important;
    font-family: 'Roboto Condensed', sans-serif;
    max-width: 100%;
    overflow: hidden;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
	z-index: 1;
}

.iconblock{
    width: 22%;
    display: inline-block;
    text-align: center;
	margin: 1% 1% 2% 1%;
}

.zweiconblock {
    width: 48%;
    display: inline-block;
    text-align: center;
    margin: 1%;
    float: right;
}

.dreiconblock {
    width: 48%;
    display: inline-block;
    text-align: center;
    margin: 1%;
    float: left;
}

.vierconblock {
    width: 65%;
    display: inline-block;
    text-align: center;
    margin: 10%;
    float: left;
}

#iconarea{
	width: 90%;
    padding-left: 5%;
    margin-bottom: 0;
    padding-right: 5%;
    padding-top: 3vh;
    padding-bottom: 3vh;
	min-height: 20vh;
}

.icontrenner{
	width: 100%;
    display: inline-block;
}

.icontrenner img{
	width: 100%;
    height: auto;
}

#cityad img {
    width: 100%;
    margin: 0px 0 1% 0;
    height: auto;
    border-radius: 2.5vh;
	-webkit-box-shadow: 0px 0px 0px 1px #515151; 
	box-shadow: 0px 0px 0px 1px #515151;
}

#footer{
	width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    background: #3A3A3A;
    padding: 20px 0 20px 0;
}

#footer a{
	color: #FFFFFF;
	text-decoration: none;
    transition: all 0.3s;
}

#footer a:hover{
	color: #3AAAE1;
}

#footer p{
	color: #FFFFFF;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0;
    font-weight: 500;
	
}

#logolove{
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
    background: #000000;
    padding: 20px 0 20px 0;
    margin-bottom: 75px;
}

#logolove img{
    width: 200px;
    height: auto;
    transition: all 0.3s;
}

#logolove img:hover{
    width: 210px;
}


.pagination {
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	margin-top: 20px;
}

.submitsearch input[type="submit" i] {
	display: inline-block;
    padding: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffffff;
    background-color: #6cc264;
    border: 0;
    border-radius: 20px;
    font-size: 125%;
    width: 100%;
}

.searchtext input[type="text" i] {
    width: 98%;
    height: 40px;
    margin-bottom: 20px;
}
	
	

#pifa-form-1 div{
	margin-bottom: 10px;
	clear: both;
	
}

#pifa-form-1 label{
	font-family: 'Roboto Condensed', sans-serif;
	display: block;
}


#pifa-form-1 input[type="checkbox" i] {
	display: inline-block;
	float: left;
}

#pifa-form-1 input[type="submit" i] {
    display: inline-block;
    padding: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffffff;
    background-color: #6cc264;
    border: 0;
    border-radius: 20px;
    font-size: 125%;
	width: 100%;
	
}

#pifa-form-1 input[type="reset" i] {
    display: inline-block;
    padding: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffffff;
    background-color: #30404b;
    border: 0;
    border-radius: 20px;
    font-size: 125%;
	width: 100%;
	
}

#pifa-form-1 input[type="text" i] {
	width: 98%;
    height: 40px;
}

#pifa-form-1 textarea {
	width: 98%;
}




#pifa-form-4 div{
	margin-bottom: 10px;
	clear: both;
	
}

#pifa-form-4 label{
	font-family: 'Roboto Condensed', sans-serif;
	display: block;
}


#pifa-form-4 input[type="checkbox" i] {
	display: inline-block;
	float: left;
}

#pifa-form-4 input[type="submit" i] {
    display: inline-block;
    padding: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffffff;
    background-color: #6cc264;
    border: 0;
    border-radius: 20px;
    font-size: 125%;
	width: 100%;
	
}

#pifa-form-4 input[type="reset" i] {
    display: inline-block;
    padding: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffffff;
    background-color: #30404b;
    border: 0;
    border-radius: 20px;
    font-size: 125%;
	width: 100%;
	
}

#pifa-form-4 input[type="text" i] {
	width: 98%;
    height: 40px;
}

#pifa-form-4 textarea {
	width: 98%;
}



.dialog-gallery.invisible {
    visibility: hidden !important;
}

/* ----- GALLERY ----- */
.gallery {
}

.gallery .source {
    display: none;
}

.gallery .slider,.gallery .pagination {
    display: inline;
}

.gallery .slider li,.gallery .pagination li {
    list-style: none;
    float: left;
}

.gallery .slider li {
    width: 319px;
    height: 194px;
    border: 3px solid #ccc;
    margin-bottom: 20px;
    overflow: hidden;
    margin-top: 1px;
}

.gallery .slider li img {
    width: 319px;
}

.gallery .slider li.odd {
    margin-left: 20px;
}

.gallery .pagination li+li {
    margin-left: 2px;
}

.gallery .pagination li a {
    text-decoration: none;
    padding: 2px 5px;
    border: 2px solid transparent;
    display: block;
    margin-bottom: 20px;
    color: #797979;
}

.gallery .pagination li a.active {
    border: 2px solid #ccc;
    color: #0083cb;
}

.lightbox .next_image,
.lightbox .prev_image {
    position: absolute;
    outline-style: none;
    z-index: 1004;
    display: block;
    height: 30px;
    width: 40px;
    background: #fff;
    opacity: 0.7;
    border-radius: 9px;
    line-height: 30px;
    text-align: center;
    top: 50%;
    margin-top: -18px;
    margin-left: 5px;
    text-decoration: none;
}
.lightbox .next_image {
    right: 5px;
}





@media screen and (orientation: portrait){
	#apper {
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		border-radius: 0;
	}
	
	#ehrenapper {
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		border-radius: 0;
	}
	
	#topper{
		width: 100%;
		border-top-left-radius: 0;
   	 	border-top-right-radius: 0;
		height: 10vh;
	}
	
	#fopper {
		position: fixed;
    	width: 100vw;
    	bottom: 0;
    	border-radius: 0;
	}
	
	#headimg img {
		width: 100vw;
    	height: 51vw;
		padding-top: 22vw;
	}
	
	#content {
    	padding-top: 10vh;
		height: 90vh;
	}
	.quader{
	    font-size: 120%;
	}
	.quader img {
    	width: 20px;
    	margin: 9px 6px 9px 8px;
	}
}

@media screen and (orientation: portrait) and (max-width: 330px){
	.quader{
	    font-size: 100%;
	}
	.quader img {
    	width: 15px;
    	margin: 9px 6px 9px 8px;
	}
}