/* deventhos main styles 
	Farben:
	dunkelblau: #006381
	hellblau: #d6e3e9
	blaugrau Boxen: #d6e3e9
	grau: #606b74
	rot: #8d1915
	gruen: #a3b845
	gelb: #d2a623
*/ 

@font-face { 
font-family: "Meta"; 
font-weight: 400;
src: url("../fonts/meta-normal.ttf"); 
}

html{width: 100%; background-color: #fff;}
body{font-family: 'Meta', sans-serif; font-size:16px; font-weight: 400; color:#000; overflow-x: hidden; padding-top: 1rem; background: transparent; overflow-anchor: none;}
img, embed, object, video {max-width: 100%;height: auto;width: auto;}
a{color:#006381;text-decoration:underline;}
a:hover{color:#006381;text-decoration:none;}

/* ckeditor */
p.redtextlarger {color: #8d1915;}
p.darkblue {color: #006381;}
p.biggercenter {text-align: center; font-size: 2rem;} 
p.smalercenter {text-align: center; font-size: 0.7rem;} 
span.darkblue {color: #006381;}
h2 {color:#006381; margin-bottom: 1em; font-weight: 400;}
h2.yellowtext {color:#d2a623; margin-bottom: 1em; font-weight: 400;}
h2.bluebgcontainer {text-align: center; background-color: #006381; padding: 1em 0; color: #fff; margin-bottom:0;}
h2.yellowbgcontainer {text-align: center; background-color: #d2a623; padding: 1em 0; color: #fff; margin-bottom:0;}
h2.greybgcontainer {text-align: center; background-color: #606b74; padding: 1em 0; color: #fff; margin-bottom:0;}
h3 {color: #b2b2b2;font-size: 1.4em;font-weight: 600;}

.navbar {background-color: transparent !important; color: #000;}
.navbar-light .navbar-toggler {color: transparent;border: 0;padding-left:0;}
.navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar	.nav-item {margin-right: 5px;}
.navbar	.nav-link {color: #000 !important; border-top: 5px solid transparent;}
.navbar	.nav-link:focus, .navbar .nav-link:hover, .navbar .nav-link.active {border-top: 5px solid #006381;}

#headerpic {height: 800px; background: center top no-repeat; margin-top:2em; display: flex;}
#headertext {position: relative; padding-top:4em;}
#headertext h1 {color: #006381;}
#redboxinfo {position: absolute; bottom:0; right: 0; background-color: #8d1915; color: #fff; border-radius: 0 0 0 1em; padding: 3em;}
#redboxinfo h2 {color: #a1ba30;}
#redboxinfo a {color: #fff; text-decoration: none;}
#redboxinfo .tel::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f2a0"; padding-right: 12px;margin-left: -28px;}
#redboxinfo .mail::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0e0"; padding-right: 12px;margin-left: -28px;}


#maincontent {position: relative; padding-top:3em;}
#iconnavfix {position: fixed; top: 300px; right: 0; z-index: 1001;}
#iconnavfix a {display: block; margin-bottom: 1em;}


.frame-default{padding:3em 0 2em 0;}
.frame-default .frame-default {padding:0;}
.frame-layout-1 {background-color:#fff;}
.frame-layout-1 .container {padding: 2em 0 2em 2em;background-color: #d6e3e9; margin-left:0; border-radius: 1em 0 0 1em;}
.frame-layout-1 .container h2 {color: #000; margin-bottom: 0.5em;}
.frame-layout-1 .container .ce-gallery {margin-bottom: 2em;}
.frame-layout-1 .container h2, .frame-layout-1 .container p{padding-right: 2em;}
.frame-default.frame-layout-1{margin-bottom:0;}
.frame-layout-2 {padding:4em 0;margin-bottom:0;background-color: #006381;}
.frame-layout-2 *{color:#fff;}
.frame-layout-2 a{color:#fff;text-decoration:underline;}
.frame-layout-2 a:hover{color:#000;text-decoration:none;}
.grid-column .frame-layout-2{padding:1em 0 0 0 !important;}
.frame-layout-3 {padding:4em 0;margin-bottom:0;background-color: #d6e3e9;}
.frame-layout-3 a{color:#000;text-decoration:underline;}
.frame-layout-3 a:hover{color:#000;text-decoration:none;}
.grid-column .frame-layout-3{padding:1em 0 0 0 !important;}

.frame-layout-4 div.frame {border: 1px solid #006381; border-radius: 0 0 0 1em;}
.frame-layout-4 div.frame .container {padding: 0;}
.frame-layout-4 div.frame .container .ce-bodytext {padding: 0 1em;}
.frame-layout-4 a{text-decoration: none;}
.frame-layout-4 a.greenwarrow {color: #a3b845;}
.frame-layout-4 a.greenwarrow::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; padding-right: 12px;}

.frame-layout-5 div.frame {border: 1px solid #006381; border-radius: 0 0 0 1em;}
.frame-layout-5 div.frame .container {padding: 0;}
.frame-layout-5 div.frame .container .ce-bodytext {padding: 0 1em; text-align: center;}
.frame-layout-5 p.darkblue {font-size: 1.4em;}
.frame-layout-5 a{text-decoration: none;}
.frame-layout-5 a.greenwarrow {color: #000;}
.frame-layout-5 a.greenwarrow::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; padding-right: 12px;}

div.upcomingEvents {text-align: center; color: #006381; font-size: 2em;}

#c8 .frame-layout-1 .container {min-height: 570px;}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.frame-space-before-extra-large{margin-top:20em;}
	.frame-space-before-extra-large h1{color:#fff;}
	.frame-space-after-large{margin-bottom:10em;}
	.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem; padding-left: 1rem;}
	.totoplink {text-align: right;margin-bottom:4em;margin-top:4em;}
	.totoplink a {background-color: #006381; border-radius: 0.5em; color: #fff;padding:0.7em 0.8em;font-size: 2rem;}
	footer {padding:2em 0; background-color: #006381; }
	footer .footernav {color: #fff; padding-bottom:3em;}
	footer .footernav a{color:#fff; text-decoration: none;}
	footer .footernav ul.lvl1 li {padding-bottom: 0.8em; font-weight: 600;}
	footer .footernav ul.lvl2 li {padding-bottom: 0.2em;font-weight: 400;}
	footer .copyrightlegal{color: #fff; text-align: center;}
	footer .copyright{padding-right: 0.7em;}
	footer .links {padding-right: 0.7em;padding-left: 0.7em;}
	footer .links a{color:#fff; text-decoration: none;}
	footer .links a:hover{color:#d6e3e9;text-decoration:none;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
	.navbar-brand img {max-width: 200px; padding-bottom: 10px;}
	#maincontent {padding-top:0.1em;}
	.frame-space-before-extra-large{margin-top:25em;}
	.frame-space-before-extra-large h1{color:#fff;}
	.grid-column {margin-bottom:2em;}
	.totoplink {display: none;}
	footer .address {padding:3em 0; text-align:center;}
	footer .address .addresshead {padding:0.7em 0; margin-bottom:2em; background-color:#006381; color: #fff; text-align: center;}
	footer .address .addresshead h3 {padding:0;margin:0;}
	footer .address .addresses h4 {color:#006381;}
	footer .socialmedia {color:#d6e3e9;font-size:3em;}
	footer .socialmedia a{color:#d6e3e9;text-decoration:none;}
	footer .socialmedia a:hover{color:#006381;}
	footer .socialmedia b{padding-right: 0.5em;}
	footer .footernav {padding:3em 0;}
	footer .footernav a{color:#006381; text-decoration: none;}
	footer .footernav ul.lvl1 {padding-bottom: 2em;}
	footer .footernav ul.lvl1 li {padding-bottom: 0.8em; font-weight: 600;}
	footer .footernav ul.lvl2 li {padding-bottom: 0.2em;font-weight: 400;}
	footer .copyrightlegal{padding-top: 2em;padding-left:0;padding-bottom: 1em;}
	footer .copyright{padding-right: 0.7em;}
	footer .links {padding-right: 0.7em;}
	footer .links a{color:#006381; text-decoration: none;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

 }
 
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

 }

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
}


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
}



/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 

 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 

 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

 }