@charset "utf-8";
/* CSS Document */

@-ms-viewport{
  width: device-width;
}

@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300&display=swap');

.bg-jona {
			background-color: #BBB;
			}
.hell {
			background-color: #DDD;
			}
.darkjona {
			background-color: #555;
			}
.orange {
			background-color: #FA7202;
			}		
.white {
			color: #ffffff;
			}
.logoletter {
			font-family: 'Kalam', cursive;
			font-weight: 300;
			color: #555;
			font-size: 62px;
			text-shadow: 3px -2px 1px #BBBBBB;
			}
.logoicon {
				
				color: #555;			
				text-shadow: 3px -2px 1px #BBBBBB;
}

.oberkante{
			border-top-color: #BBB;
			border-top-width: 1px;
			border-top-style: solid;
			}

.maintext{
			text-align: justify;
			color: #333;
			line-height: 1.6rem;
			}

.maintext a:link{
			/* darker than normal*/
			color: #D76201;
			}

.maintext a:visited{
			color: #FA7202;
			}

.maintext a:hover{
			color: #D76201;
			text-decoration: underline;
			}

.maintext a:active{
			color: #FA7202;
			text-decoration: underline;
			}

.logo-badge{
			color: #FFF;
			font-size: 0.95em;
			font-weight: 600;
			text-decoration: none;
			text-shadow: none;
			background-color: #FA7202;
			}

.btn-orange{
			background-color: #FA7202;
			}

.btn-orange:visited{
			background-color: #FA7202;
			}

.btn-orange:hover{
			/*background-color: #FA9202;		# makes it slightly lighter; */
			}

.btn-orange:active{
			background-color: #337202;		/*turns green when click*/
			}

.btn-orange:link{
			background-color: #FA7202;
			}

.abc {
	color: white;
	font-size: 1em;
	letter-spacing: 0.5em;
}

.abc a:link {
	color: white;
}
.abc a:visited {
	color: white;
}
.abc a:hover {
	color: #FA7202;
	text-decoration: none;	
}
.abc a:active {
	color: black;
}


.logoline {
	height:100%;
}

@media (max-width: 1060px) {
    .logoletter {
        font-size: 42px;
    }
	h1 {
        font-size: 42px;
    }
}
@media (max-width: 576px) {
    .logoletter {
        font-size: 36px;
    }
	h1 {
        font-size: 36px;
    }
}



.toppill a:link{
	color: white;
}

.toppill a:visited{
	color: white;
}

.toppill a:hover{
	color: #FA7202;
	cursor: pointer;
	text-decoration: none;
}

.toppill a:active{
	color: #FA7202;
}
.bg-pill {
	background-color: #333;
}

.authpic {
	width: 80px;
	height: 80px;
}


.impressum {
	color: white;
}

.impressum a:link{
	color: white;
	text-decoration: none;
}

.impressum a:visited{
	color: white;
}

.impressum a:hover{
	color: #FA7202;
}

.impressum a:active{
	color: white;
}

.nextbefore-card {
	background-color: #F5F5F5;
}

.nextbefore-btn {
	background-color: #FA7202;
	color: #FFFFFF;
}

.nextbefore-btn a:link{
	color: #FFFFFF;
}

.nextbefore-btn a:visited{
	color: #FFFFFF;
}

.nextbefore-btn a:hover{
	color: #555;
}

.nextbefore-btn a:active{
	color: #555;
}

.nextbefore-title {
	font-size: 1em;
	font-style: oblique;
}

.hr-white {
	height: 1px;
	color: white;
}

.font-btn {
	color: white;
}

.font-btn a:link{
	color: white;
}

.font-btn a:visited{
	color: white;
}

.font-btn a:hover{
	color: #555;
}

.font-btn a:active{
	color: white;
}

.melden {
	color: black;
}

.melden a:link{
	color: black;
	text-decoration: underline;
}
.melden a:visited{
	color: black;
	text-decoration: underline;
}
.melden a:hover{
	color: #FA7202;
	text-decoration: underline;
}
.melden a:active{
	color: black;
	text-decoration: underline;
}

.furtheritems {
	color: white;
}

.furtheritems a:link{
	color: white;
}
.furtheritems a:visited{
	color: white;
}
.furtheritems a:hover{
	color: #FA7202;
	text-decoration: none;
}
.furtheritems a:active{
	color: white;
}

.boxrighttext {
	font-style: oblique;
	text-align: justify;
	font-size: 0.9em;
}

.breadcrumb-jona {
	color: white;
}

.breadcrumb-jona a:link{
	color: white;
}
.breadcrumb-jona a:visited{
	color: white;
}
.breadcrumb-jona a:hover{
	color: #555;
	text-decoration: none;
}
.breadcrumb-jona a:active{
	color: white;
}



/* From here it is search engine settings */
.resultlist {
	margin-top: 0.1rem;
	
}

.resultlist a:link {
	color: black;
	text-decoration: underline;
}

.resultlist a:visited {
	color: black;
	text-decoration: underline;
}

.resultlist a:hover {
	color: #F98529;
	text-decoration: underline;
}
.evrow {
background-color: #F2F2F2;
padding: 0.5rem;
}

.odrow {
background-color: #E7E7E7;
padding: 0.5rem;
}

.mainlist {
margin-top: 2.5rem;
margin-bottom: 1.5rem;
text-align: center;
}

.mainlist a:link {
	color:black;
}
.mainlist a:visited {
	color:black;
}
.mainlist a:hover {
	color:#F98529;
}

.title a:link {
	font-size: 1.2rem;
	margin-left: 1.5rem;
	/*font-weight: bold;*/
}