/* AWT.css 05.2021 CG */
/* Farben AKINET
#A9A0C0 - lila hell
#8B608B - lila mittel
#662C66 - lila dunkel
#8FA0D1 - blau
#8FD1B0 - grün
#D18FCC - rosa
#F07171 - rot
#DEDC83 - gelb
#A0C0B3 - dunkelgrün
*/
/* Farben AWT
#1A477A   rgb(26,71,122)      - blau Logo
#0858ac   rgb(8,88,172)       - blau
#0858b080 rgb(8,88,176,0.5)   - hellblau
#538135   rgb(83,129,53)      - grün

Schwarz #000000 - font
Dunkelgraublau #1b3545 - font - für Header
Dunkelgrau #73797d - font - dunkelgrau für normalen Text (main.css)
Grau #CCCCCC - 30% der Farbmenge
Dunkelblau #0858AC rgb(8,88,172) - 60% der Farbmenge
Mittelblau #0B83C6 rgb(11,131,198) - 10% der Farbmenge
Hellblau #85C1E2 rgb(11,131,198,0.5)

*/
/*
<link href="https://fonts.googleapis.com/css?family=Enriqueta|Glegoo|Varta" rel="stylesheet">
*/

/* Bootstrap SVG Icons 
@importurl("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");
*/
/* Standardeinstellungen.css */
* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*
/* AWT colors */   
.awt-blue { color: rgb(8,88,172); }
.awt-midblue { color: rgb(11,131,198); }
.awt-midbluetr { color: rgb(11,131,198,0.5); }
.awt-lightblue { color: rgb(11,131,198,0.5); }

.awt-lightbluetr { color: rgb(11,131,198,0.25); }
.awt-grey { color: rgb(204,204,204,0.5); }

*/
/* */
 {  }
.iconcolor, .awt-lightblue {
 background-image:linear-gradient(180deg,rgb(11,131,198,25%),rgb(8,88,172) );
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

:focus {
    outline: 0;
}
html {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
html {
	font: 14px/1.4 "Noto Sans",Helvetica,Arial,sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
body{
	/* font-size:1rem;
	font-family: "Noto Sans", Arial, Helvetica, Sans-serif; 
	color: #1b3545;
	background-color: #fff; */
	color: #707070;
	font-size:inherit;
	/* only Chrome: */
	scroll-snap-type: y mandatory;
	scroll-padding-top: 68px;
} 


.text-white {
	color: white!important;
} 

.of-x-hidden {
    overflow-x: unset;
}	
	
	
/* font @media */
@media all and (max-width: 598px) {
    html {
        font: 14px/1.4 "Noto Sans",Helvetica,Arial,sans-serif;
    }
}
@media all and (min-width: 599px) {
    html {
        font: 16px/1.4 "Noto Sans",Helvetica,Arial,sans-serif;
    }
}
@media all and (min-width: 1199px) {
    html {
        font: 16px/1.4 "Noto Sans",Helvetica,Arial,sans-serif;
    }
}
@media all and (min-width: 1921px) {
    html {
        font: 18px/1.4 "Noto Sans",Helvetica,Arial,sans-serif;
    }
	/* h3 Beginn col */
	.col-md-6 > h3:first-child {margin-top:0;}

}
	
	
	
/* Link behavior */
a {
	color: rgb(8,88,172);
    text-decoration: none;
}
a:focus, a:hover, a:active  {
    color: rgb(8,88,176);
    text-decoration: none;
}

.btn-orange, .head .sitemenu>ul>li.menu-btn-orange>a {
    color: #FFF!important;
    background-color: #e16b26;
    border-color: transparent;
	font-size: 1rem;
}
.btn-blue, .head .sitemenu>ul>li.menu-btn-blue>a {
    color: #FFF!important;
    background-color: rgb(8,88,172);
    border-color: transparent;
	font-size: 1rem;
}
.btn-lightblue, .head .sitemenu>ul>li.menu-btn-lightblue>a {
    color: #FFF!important;
    background-color: rgb(8,88,172,.5);
    border-color: transparent;
	font-size: 1rem;
}
.btn-greenblue, .head .sitemenu>ul>li.menu-btn-greenblue>a {
    color: #FFF!important;
    background-color: rgb(11,131,198,0.5);
    border-color: transparent;
	font-size: 1rem;
}



/* Button 4.3.1 */
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}


.ModuleEditLink a, .modulelinks  a{
    color: #4daf4e;
    text-decoration: none;
}/*blau:rgb(8,88,172)   gruen:#4daf4e  */
.ModuleEditLink a:focus, .ModuleEditLink a:hover, .ModuleEditLink a:active,
.modulelinks  a:focus, .modulelinks  a:hover, .modulelinks  a:active {
    color: #646e73;
    text-decoration: none;
}

/* CeGeView */

.outer {
    height: 100%;
    margin: 0;
    padding: 0;
    height: 200px;
    width: 300px;
}
.v-wrap{
    height: 100%;
    text-align: center;
    white-space: nowrap;
    background: #DDD;
}
.v-wrap:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width:0;
    height: 100%;
}
.v-box{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: #EEE;
}

.grau {
	background-color: rgb(204,204,204,0.5);
}
.hellblau {
	background-color: rgb(8,88,176,0.5);
}



/* Blend - Beschriftung von Bildern beim Hovern */
#blend {
   position:relative;
}
#hint {
   position:absolute; 
   bottom: 0px;
   background: rgb(8,88,172,0.5);
   opacity:0; 
   transition: opacity 0.2s; 
   width: 100%; 
   text-align:center;
   display:block;
   height: auto;
}
#blend img:hover + #hint { 
   opacity: 1;
}
#blend a {
	color: White;
    text-decoration: none;
}
#blend a:focus, #blend a:hover, #blend a:active  {
	color: rgb(255,255,255,.8);
    text-decoration: none;	
}

.thema a, .trans a {
    transition: all 0.2s ease-in-out;
	position: relative;
	left: 0;
	border-bottom: 2px solid transparent;
    padding-top: .5rem;
	display: inline-block;
}
.thema a:focus, .thema a:hover, .thema a:active,
.trans a:focus, .trans a:hover, .trans a:active {
	border-bottom: 2px solid currentColor;
}
.thema a:after,
.trans a:after {
	position: relative;
	right: 0;
    content: "\f105";
    font-family: 'FontAwesome';
    margin-left: .5rem;
}
.thema a:hover:after,
.trans a:hover:after {
	right:-4px;
}



/****/
.hint2 {
  background-color:lightblue; max-width:20vW; height:12vH;
}
a .theme {
    transition: all 0.2s ease-in-out;
	position: relative;
	left: 0;
	border-bottom: 2px solid transparent;
    padding-top: .5rem;
	display: inline-block;
}
 a:focus .theme, a:hover .theme,  a:active .theme {
	border-bottom: 2px solid currentColor;
}
a .theme:after {
	position: relative;
	right: 0;
    content: "\f105";
    font-family: 'FontAwesome';
    margin-left: .5rem;
}
 a .theme:hover:after {
	right:-4px;
}
/****/


/* Slider */
.content-slider a {
	color: #fff;
} 
.content-slider a:focus, .content-slider a:hover, .content-slider a:active {
	color: #fff;
	opacity: 0.8;
}
/* site-nav */

.site-nav>li>a {
    font-size: 1.45rem;
    line-height: 3.2rem;
	padding: 0 25px;
	color: #fff;
}

.site-nav ul a {
    line-height: 2.5;
    padding: 0 25px 0 85px;
    position: relative;
    text-decoration: none;
    font-size: 1.2rem;
}

.site-nav li.active > a, .site-nav li a:hover {
    background-color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
	color: #fff;
}

/* HEADER head banner */

.head {
    background-color: #FAFAFA;
	/* height: 70px; */
	max-width: 100vW;
	margin-bottom: 0;
	padding: 5px 25px 2px 42px;
	box-shadow: 0 0.5px 2px 0 rgba(0, 0, 0, 0.2), 0 0.5px 2px 0 rgba(0, 0, 0, 0.19);
	z-index: 510;
}

.shadow {
    box-shadow: 0 0.5px 2px 0 rgba(0, 0, 0, 0.2), 0 0.5px 2px 0 rgba(0, 0, 0, 0.19);
}


/* Site Logo */
/* .site-logo {
	background: url(/Data/Sites/1/media/logos/logo.png) left center no-repeat transparent;
    background-size: auto 42px;
    background: url(/Data/Sites/1/media/logos/logo.png) left top no-repeat transparent;
    background-size: auto 60px; 
	max-height: 60px;
	max-width: 123px;
}*/
 .site-logo {
    background: url(/Data/Sites/1/media/logos/logo.png) left top no-repeat transparent;
    background-size: auto 60px; 
	max-height: 60px;
	max-width: 123px;
}
/* Fix Size Logo */
.site-logo img {
    width: 123px!important;
    height: 60px!important;
}
@media all and (min-width: 992px) {
.head .container {
    padding-left: 0;
    padding-right: 0;
	}
.head .site-logo {
	margin: 0;
    max-height: 100px;
	margin-left: 1rem;
	}
}
@media all and (min-width: 1600px) {
.head .site-logo {
    margin: 0;
	margin-left: 1rem;
	}
}


.menu-btn {
	border-radius: .5rem;
} /*
    background: none repeat scroll 0 0 transparent;
    border: 1px solid white;
    border-radius: .5rem;
    float: right;
    height: 42px;
    padding: 0 1rem;
*/
.menu-btn-text {
    /* color: #313f4b; 
    color: white;
	margin-left: 25px;*/
}

.menu-btn-bar {
    /* background-color: #313f4b; 
   background-color: white;   */
}

/* TOP - Button */
.back-to-top {
	position: fixed;
	background-color:rgb(255,255,255,.8);
	color: black;
	border-radius: 50%;
	padding: 1rem 1rem;
	border: 1px solid lightgrey;
	font-size: 1rem;
	line-height: 1;
    bottom: 4rem;
    right: 3rem;
    z-index: 1000;
    text-align: center;
	}
.back-to-top:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	background-color: rgb(8,88,172,.8);
	border-color: rgb(8,88,172);
	color: white;
	}
a.anchor {
    display: block;
    position: relative;
    top: 6rem;
    visibility: hidden;
	}


/* main */
.main-content {
	margin-top: 70px;
}

#start-content {
}


/* top-pane */
.top-pane {
    clear: both;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
}
.top-pane .panelwrapper {
	padding-left: 0;
    padding-right: 0;
}


/* FOOTER */
.foot {
    background: rgb(8,88,176);
	background: #CCCCCC;
	background: #0B83C6;
	background: rgb(8,88,176);
    margin-top: 2rem;
	padding: 2rem 0;
	color: White;
}
/* Inaktiv von clear: both; für .outerwrap durch i7MEDIA */
.foot .outerwrap {
	clear: unset;
}
.foot p {
	color: #CCCCCC;
}
.foot h1, .foot h2, .foot h3, .foot h4, .foot h5, .foot h6 {
	color: White;
}
.foot .moduletitle {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 0;
	color: #CCCCCC;
}  /* color: rgb(8,88,172); */
.foot .foot-menu-top h5 {
    font-family: "Noto Sans", Helvetica, Arial, sans-serif;
	font-size: 20px;
    margin-bottom: 20px;
    margin-top: 0;
}
.foot .foot-menu-top hr{
	margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #646e73;
	border-top: 1px solid #85C1E2;
}
.foot .foot-menus .quick-links__items li {
	border-bottom: 1px solid #646e73;
	border-bottom: 1px solid #85C1E2;
	border-bottom: 1px solid #CCCCCC;
	border-bottom: 1px solid rgb(204,204,204,0.5);
	line-height: 200%;
}
.foot .foot-menus .quick-links__items li a {
	color: White;
	padding: .35rem;
}
.foot .foot-menus .quick-links__items li a:hover {
	color: #85C1E2;
}
.foot .powered-by, .foot .theme-by {
    background-color: #1b3545;
    color: #CCCCCC;
    vertical-align: middle;
    margin: 10px 10px 10px 0;
    display: inline-block;
    padding: 12px 26px;
    border-radius: 10px;
    text-align: left;
    text-decoration: none;
}

@media (min-width: 992px) {
.foot .foot-menu-bottom {
    padding-top: 20px;
	margin-top: 20px;
}
}
.foot .foot-menu-bottom a {
	color: White;
	text-decoration: none;
}
.foot .copyright a,
.foot .userbar a {
	color: #CCCCCC;
}
.foot .userbar {
	background-color: unset; 
	padding: unset;
}
.foot .userbar a {
    color: #CCCCCC;
	font-family: "Noto Sans", Helvetica, Arial, sans-serif;
}
.foot .userbar a.fa-sign-in:before {
    font-family: 'FontAwesome'!important;
    content: "\f090";
    padding-right: .5rem;
}
.foot .copyright a:hover,
.foot .copyright a:active,
.foot .userbar a:hover,
.foot .userbar a:active,
.foot .foot-menu-bottom a:hover,
.foot .foot-menu-bottom a:active {
	color: #85C1E2;
    text-decoration: none;
}
.foot .foot-menus .quick-links__items li a.flexi-item-edit {
    color: #4daf4e;
}/* blau:rgb(8,88,172) gruen:#4daf4e */
.foot .foot-menus .quick-links__items li a.flexi-item-edit:hover {
	color: #85C1E2;
}

/* Footer .footmenuXS */

.nav>li>a.moduletitle {
    font-size: 1.5rem;
	margin: 0 0 1.2rem 0;
    color: #1b3545;
	border-bottom: 1px solid #646e73;
}
.nav>li>a:focus.moduletitle, .nav>li>a:hover.moduletitle {
    color: #646e73;
    background-color: initial;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: inherit;
    border-color: inherit;
}

.footmenuXS .dropdown-menu {
	text-align: center;
}
.footmenuXS .dropdown-menu>li>a {
	font-size: 1.2rem;
}
.footmenuXS .dropdown-menu>li>a:focus, .footmenuXS .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #646e73;
    background-color: inherit;
	outline: inherit;
    outline-offset: inherit;
}

/* FullImage */
.fullimage {
width: auto !important;
width: 100%;
float: left;
clear: both;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
margin-bottom: 3rem;
} 
/*
.fullimage {
width: auto !important;
width: 100%;
float: left;
clear: both;
position: relative;
left: 0%;
right: 0%;
margin-left: -10vw;
margin-right: -10vw;
margin-bottom: 3rem;
} */



/* max-width: 2050px; 
.fullimage {
width: auto !important;
width: 100%;
float: left;
clear: both;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
margin-bottom: 3rem;
}
*/
.fullimage img {
		min-width: 100vW;
		max-width: 110vW;
	}

/* HERO */

.outerwrap {
	margin-bottom: 3rem;
    clear: both;
}
.hero {
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hero {
	left: 50%;
    right: 50%;
    margin-left: -50vW;
    margin-right: -50vW;
    max-width: 100vW;
    position: relative;
    color: #fff;
	margin-top: -.5rem;
    margin-bottom: 1rem;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center -2rem;
	background-attachment:fixed;
	background-color:rgb(8,88,176);
}/*margin-top: -1rem;*/
.hero::before {
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 100%;
	height: 100%;
    z-index: 0;
} /*background-color: rgb(8,88,176);*/


.hero-awt01 { 
	background-image:url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero968-2.jpg); 
	background-position: center -2rem;
}
.hero-awt02 {
	background-image: url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero2342-2.jpg);
}
.hero-awt03 { 
	background-image:url(/Data/Sites/1/skins/stoll-awt/img/Werkstatt-2400-02900.jpg); 
	background-position: center 0rem;
}
.hero h1, .hero h2, .hero h3, .hero h4, .hero h5 {
	color: white;
	margin-top: .25rem;
	margin-bottom: .25rem;
}
/*.hero h3 {
    margin: 1.25rem 0;
    line-height: 4rem;
}*/

/* .hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}*/
.hero-text.hero-text-awt01 {
   color: white;
    text-align: left;
    position: relative;
    padding-top: 15rem;
    margin-left: 25px;
    margin-right: 25px;
    padding-bottom: 1rem;
} 
.hero-text.hero-text-awt03 {
   color: white;
    text-align: left;
    position: relative;
    padding-top: 10rem;
    margin-left: 25px;
    margin-right: 25px;
    /* padding-bottom: 1rem; */
}
  
  /* Samsung Galaxy S3, iPhone 6 Portrait */
  /*  background: #1b3545 url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero968-2.jpg) fixed no-repeat right -100px; */
 /* @media only screen and (min-device-width: 300px) and (max-device-width: 667px) and (orientation : portrait) { */
 @media only screen and (min-device-width: 0px) and (max-device-width: 667px) and (orientation : portrait) {
	.hero {
		 
	}
	.hero-awt01 {
		background-image:url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero968-2.jpg);
		background-position: center 4rem;
		background-size: 130%;
	}
	.hero-awt02 {
		background-image: url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero2342-2.jpg);
		background-position: center 4rem;
		background-size: 130%;
	} 
	.image-center {
		margin: 0 auto;
	}
	.hero-text {
		padding-top: 11rem;
	}
	/*
	.hero-text .display-1 {
		font-size: 2.5rem;
	} 
	.hero h3 {
	font-size: 1.8rem;
	}*/

}

/* Samsung Galaxy S3, iPhone 6 landscape 

.hero-awt01 {
	background: #1b3545 url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero968-2.jpg) fixed no-repeat right -200px / auto;
} */
/* @media only screen and (min-device-width: 300px) and (max-device-width: 667px) and (orientation : landscape) { */
@media only screen and (min-device-width: 0px) and (max-device-width: 667px) and (orientation : landscape) { 
	.hero {
		 
	}
	.hero-awt01 {
		background-image:url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero968-2.jpg);
		background-position: center 4rem;
		background-size: cover;
	}
	.hero-awt02 {
		background-image: url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero2342-2.jpg);
		background-position: center 4rem;
		background-size: cover;
	}
	.hero-text {
		padding-top: 9rem;
	}
}
/* Screen size middle - Tablet portrait  */
@media only screen and (min-device-width: 668px) and (max-device-width: 1199px) and (orientation : portrait) {
	.hero {
		 
	}
	.hero-awt01 {
		background-image:url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero968-2.jpg);
		background-position: center 4rem;
	}
	.hero-awt02 {
		background-image: url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero2342-2.jpg);
		background-position: center 4rem;
	}
	.hero-text {
		padding-top: 10rem;
	}
}

/* Screen size middle - Tablet landscape */
@media only screen and (min-device-width: 668px) and (max-device-width: 1199px) and (orientation : landscape) {
	.hero {
		 
	}
	.hero-awt01 {
		background-image:url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero968-2.jpg);
		background-position: center 2.5rem;
	}
	.hero-awt02 {
		background-image: url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero2342-2.jpg);
		background-position: center 2.5rem;
	}
	.hero-text {
		padding-top: 9rem;
	}
}

/* Screen size large */
@media only screen and (min-device-width: 1200px) and (max-device-width: 2048px) {

	.hero {
		 
	}
	.hero-awt01 {
		background-color:white;
		background-image:url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero968-2.jpg);
		background-position: center 4.5rem;
	}
	.hero-awt02 {
		background-color:white;
		background-image: url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero2342-2.jpg);
		background-position: center -12rem;
		background-size: cover;
	}
	.hero-text {
		padding-top: 15rem;
	}
	.hero-awt02 .hero-text {
		color: #1b3545;
		padding-bottom: 15rem;
	}
	.hero-awt02  h1, .hero-awt02  h2, .hero-awt02  h3, .hero-awt02  h4, .hero-awt02  h5 {
		color: #1A477A;
	}
}

/* Screen size very large */
@media only screen and (min-device-width: 2049px) and (max-device-width: 4000px) {

	.hero {
		 
	}
	.hero-awt01 {
		background-color:white;
		background-image:url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero968-2.jpg);
		background-position: center -5rem;
	}
	.hero-awt02 {
		background-color:white;
		background-image:url(/Data/Sites/1/skins/stoll-awt/img/AWT-hero2342-2.jpg);
		background-position: center -5rem;
	}
	.hero-text {
		padding-top: 15rem;
	}
}



/* fixButton */

.fixbutton {
	 background-color: rgb(8,88,176); 
}
.fixbutton a>img {
	max-width: 90%!important;
	max-height: 90%!important;
}
.fixbutton a:hover>img {
	max-width: 95%!important;
	max-height: 95%!important;
}
.fixbutton a {
	transition: all .55s linear;
}
.fixbutton a:hover, .fixbutton a:active {
	-ms-transform: scale(.2,.2); /* IE 9 */
    -webkit-transform: scale(.2,.2); /* Safari */
    transform: scale(.2,.2); /* Standard syntax */
	
}
.fixbtnheight {
  height: 126px;
  margin-top: 2rem;
 }

/* Side-Title etc */ 

.site-title {
    float: left;
    color: #fff;
    font-size: 30px;
    font-family: 'Varta', 'Times New Roman', Georgia, Times, serif;
    min-height: 2.5rem;
    vertical-align: middle;
    -webkit-box-flex: 0!important;
    -ms-flex: 0 1 auto!important;
    flex: 0 1 auto!important;
    justify-self: flex-start;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blogitem .subtitle, .commenteditpanel legend .addcontent>strong, .commenteditpanel legend .operationheading, .commenteditpanel legend .settinglabel, .commenteditpanel legend .survey .addcontent>strong, .commenteditpanel legend .survey .operationheading, .commenteditpanel legend .survey label, .commenteditpanel legend label, .ec-title td:nth-child(2), .eventcalheader td:nth-child(2), .eventcalheader td:nth-child(2) h3, .eventlistview .summary.url, 
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Varta', serif;
    font-weight: 400;
    line-height: 1.2;
    color: #1b3545;
	margin-top: 1.25rem;
    margin-bottom: .5rem;
} 


.ec-title td:nth-child(2), .eventcalheader td:nth-child(2), .eventcalheader td:nth-child(2) h3, 
.h2, h2 {
    font-size: 3rem;
}
.commenteditpanel legend .addcontent>strong, .commenteditpanel legend .operationheading, .commenteditpanel legend .settinglabel, .commenteditpanel legend .survey .addcontent>strong, .commenteditpanel legend .survey .operationheading, .commenteditpanel legend .survey label, .commenteditpanel legend label, .eventlistview .summary.url, 
.h3, h3 {
    font-size: 2rem;
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%;
}
.blogitem .subtitle .small, .blogitem .subtitle small, .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: normal;
    line-height: 1;
    color: #a1b8c6;
}
/*
.blogitem .subtitle, .commenteditpanel legend .addcontent>strong, .commenteditpanel legend .operationheading, .commenteditpanel legend .settinglabel, .commenteditpanel legend .survey .addcontent>strong, .commenteditpanel legend .survey .operationheading, .commenteditpanel legend .survey label, .commenteditpanel legend label, .ec-title td:nth-child(2), .eventcalheader td:nth-child(2), .eventcalheader td:nth-child(2) h3, .eventlistview .summary.url, 
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Varta', serif;
    font-weight: 400;
    line-height: 1.2;
    color: #1b3545;
}*/

.h1, h1 {
    font-size: 3rem;
	font-size: 300%;
}
.h2, h2 {
    font-size: 2.5rem;
	font-size: 250%;
}
.h3, h3 {
    font-size: 1.8rem;
	font-size: 220%;
}
.h4, h4 {
    font-size: 1.4rem;
	font-size: 175%;
}
.h5, h5 {
    font-size: 1.2rem;
	font-size: 150%;
}
.h6, h6 {
    font-size: 1.1rem;
	font-size: 130%;
}


/* display- */
.dispay-1,.dispay-2,.dispay-3,.dispay-4,.dispay-5,.dispay-6 { 
	font-family: 'Varta', serif;
	color: #1b3545;
	font-weight: 300;
    line-height: 1.2;
}
/*
.display-1 {
    font-size: calc(1.625rem + 4.5vw);
}
.display-2 {
    font-size: calc(1.575rem + 3.9vw);
}
.display-3 {
    font-size: calc(1.525rem + 3.3vw);
}
.display-4 {
    font-size: calc(1.475rem + 2.7vw);
}
.display-5 {
    font-size: calc(1.425rem + 2.1vw);
}
.display-6 {
    font-size: calc(1.375rem + 1.5vw);
}
*/
/*
	.display-1 {
		font-size: 5rem;
	}
	.display-2 {
		font-size: 4.5rem;
	}
	.display-3 {
		font-size: 4rem;
	}
	.display-4 {
		font-size: 3.5rem;
	}
	.display-5 {
		font-size: 3rem;
	}
	.display-6 {
		font-size: 2.5rem;
	}
*/
	.display-1 {
		font-size: 4rem;
	}
	.display-2 {
		font-size: 3.5rem;
	}
	.display-3 {
		font-size: 3rem;
	}
	.display-4 {
		font-size: 2.5rem;
	}
	.display-5 {
		font-size: 2rem;
	}
	.display-6 {
		font-size: 1.5rem;
	}


/* Slider */

@media (max-width: 767px) {

}
.content-slider {
  min-width: -webkit-fill-available;
  min-height: 145px;
}
.content-slider__item::before {
	background: unset;
	background-color: unset;
}
@media all and (max-width: 767px) {
   /* html {
        font: 16px/1.4 "Noto Sans",Helvetica,Arial,sans-serif;
    } */
	.content-slider__controls {
	display:none;
	}
	.content-slider__item h1, .content-slider__item h2, .content-slider__item h3 {
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 2rem;
	padding: 0 1rem;
	}
	
	.display-1 {
		font-size: 3rem;
	}
	.display-2 {
		font-size: 2.5rem;
	}
	.display-3 {
		font-size: 2rem;
	}
	.display-4 {
		font-size: 1.75rem;
	}
	.display-5 {
		font-size: 1.5rem; 
	}
	.display-6 {
		font-size: 1.25rem;
	}

}

@media all and (min-width: 768px) {
    /* html {
        font: 16px/1.4 "Noto Sans",Helvetica,Arial,sans-serif;
    }*/
	.content-slider__item h1, .content-slider__item h2, .content-slider__item h3 {
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 2rem;
	padding: 0 3.5rem;
	}
}

@media all and (min-width: 1199px) {
    /* html {
        font: 16px/1.4 "Noto Sans",Helvetica,Arial,sans-serif;
    } */
	.fullimage {
		width: auto !important;
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		margin-bottom: 3rem;
	}
	.fullimage img {
		min-width: 100vW;
		max-width: 110vW;
	}
	.content-slider__item h1, .content-slider__item h2, .content-slider__item h3 {
    /* font-size: 72px;
     line-height: 82px;
    margin-bottom: 40px; */
    font-size: 3.5rem;
    line-height: 3.5rem;
    margin-bottom: 1rem;
	padding: 0 5rem;
	}
	/*
	.display-1 {
		font-size: 5rem;
	}
	.display-2 {
		font-size: 4.5rem;
	}
	.display-3 {
		font-size: 4rem;
	}
	.display-4 {
		font-size: 3.5rem;
	}
	.display-5 {
		font-size: 3rem;
	}
	.display-6 {
		font-size: 2.5rem;
	} */
	
	
}
@media (min-width: 1600px) {
	/* html {
        font: 18px/1.4 "Noto Sans",Helvetica,Arial,sans-serif;
    } */
	.fullimage {
		width: auto !important;
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		margin-bottom: 3rem;
	}
	.fullimage img {
		min-width: 100vW;
		max-width: 110vW;
	}
	.container, .top-pane .panelwrapper {
		width: 1190px;
	}
}
@media all and (min-width: 1921px) {
   /*  html {
        font: 20px/1.4 "Noto Sans",Helvetica,Arial,sans-serif;
    } */
	.fullimage {
		width: auto !important;
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		margin-bottom: 3rem;
	}
	.fullimage img {
		min-width: 100vW;
		max-width: 110vW;
	}
	.content-slider__item h1, .content-slider__item h2, .content-slider__item h3 {
    /* font-size: 72px;
     line-height: 82px;
    margin-bottom: 40px; */
    font-size: 4.2rem;
    line-height: 4.2rem;
    margin-bottom: 2rem;
	padding: 0 4rem;
	}
}


/* Navbar Menue */
.sm-clean {
    background: transparent!important;
    border-radius: unset!important;
}
.head .sitemenu>ul {
	margin-right: 2rem;
}
.head .sitemenu>ul>li {
    margin: 0 5px;
}
@media (min-width: 1200px) {
.head .sitemenu>ul>li {
    margin: 0 8px;
}
}
@media (min-width: 1600px) {
.head .sitemenu>ul>li {
    margin: 0 12px;
}
}
.head .sitemenu>ul>li.active>a, .head .sitemenu>ul>li.open>a, .head .sitemenu>ul>li:hover>a, .head .sitemenu>ul>li>a:active, .head .sitemenu>ul>li>a:hover {
    background: transparent;
    /* color: white; */
	color: #0858ac;
}
.head .sitemenu>ul>li>a {
	color: black;
    /*color: #d0c2d2;*/
	/*font-size: 16px;*//*14px*/
    /*padding: 10px 0;*/
    /*display: block;*/
}
.monthchoice {
    margin-bottom: .5rem;
}
.monthchoice a h5 {
	font-size: 16px;
}
@media only screen and (min-device-width: 300px) and (max-device-width: 370px) and (orientation : portrait) {
	.monthchoice a h5 {
		font-size: 14px;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
	.monthchoice a h5 {
		font-size: 18px;
	}
}	
@media (min-width: 1200px) {
	.head .sitemenu>ul>li>a {
		font-size: 16px; /*18px*/
		padding: 11px 0;
	}
	.monthchoice a h5 {
		font-size: 20px;
	}
}
@media (min-width: 1600px) {
	.head .sitemenu>ul>li>a {
		font-size: 18px; /*18px*/
		padding: 11px 0;
	}
	.monthchoice a h5 {
		font-size: 22px;
	}
}
@media (min-width: 1921px) {
	.head .sitemenu>ul>li>a {
		font-size: 20px; /*20px*/
		padding: 13px 0;
	}
	.monthchoice a h5 {
		font-size: 24px;
	}
}




@media (min-width: 992px) {
	.dropdown-menu  {
	  border: 0px solid transparent;
	  border-radius: 4px!important;
      -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%)!important;
		box-shadow: 0 6px 12px rgb(0 0 0 / 18%)!important;
	}
	.sm-clean ul {
		border: 0px solid transparent;
		padding: 0;
		background: #fff;
		border-radius: 4px!important;
		-webkit-box-shadow: 0 5px 9px rgb(0 0 0 / 10%);
		box-shadow: 0 5px 9px rgb(0 0 0 / 10%);
	}
	ul.dropdown-menu li {
		margin-bottom: 0;
	}
	.sm-clean ul a.highlighted, .sm-clean ul a:active, .sm-clean ul a:focus, .sm-clean ul a:hover {
		background: rgb(8,88,176)!important;
		color: #fff!important;
	}
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		color: #fff!important;
		text-decoration: none;
		outline: 0;
		background-color: rgb(26,71,122);
	}
	.sm-clean ul li:first-child a, .sm-clean ul li:first-child a.highlighted, .sm-clean ul li:first-child a:active, .sm-clean ul li:first-child a:focus, .sm-clean ul li:first-child a:hover {
		border-radius: 4px 4px 0 0!important;
	}
	.sm-clean ul li:last-child a, .sm-clean ul li:last-child a.highlighted, .sm-clean ul li:last-child a:active, .sm-clean ul li:last-child a:focus, .sm-clean ul li:last-child a:hover {
		border-radius: 0 0 4px 4px!important;
	}
}


  /**************************/
 /* Search Input in navbar */
/**************************/
.navbar .wrapsearchinput {
    margin-top: unset;
	margin-bottom: unset;
	padding-right: 1rem;
	display: inline;
	width: 42px;
	position: absolute;
}
.navbar .wrapsearchinput .form-control, 
.navbar .wrapsearchinput input[type=text].forminput, 
.navbar .wrapsearchinput select.forminput {
    color: #707070;
    background-color: #dbe9f2;
    height: 42px;
	padding: 6px 0;
	border: 0;
    border-radius: 4px 0 0 4px;
	transition: none;
	visibility: hidden; 
	z-index: -1;
}
.navbar .wrapsearchinput .btn {
    font-family: FontAwesome;
	z-index: 2;
	height: 42px;
	border: 0;
	background-color: #dbe9f2;
	border-radius: 4px!important;
	color: #d0c2d2;
}
.navbar .wrapsearchinput > .searchpanel {
	width: 42px;
	float: right;
}
.navbar .wrapsearchinput > .searchpanel:hover,
.navbar .wrapsearchinput > .searchpanel:focus {
	background-color: #dbe9f2;
	border-radius: 4px;
	width: 222px;
	z-index: 2;
}
.navbar .wrapsearchinput > .searchpanel:hover > .form-control,
.navbar .wrapsearchinput > .searchpanel:focus > .form-control {
	padding: 6px 6px;
	visibility: visible;
	z-index: 7;
}
.navbar .wrapsearchinput input[type=text]:focus,
.navbar .wrapsearchinput > .searchpanel > .form-control:hover,
.navbar .wrapsearchinput > .searchpanel > .form-control:focus,
.navbar .wrapsearchinput > .searchpanel > .form-control:focus-within,
.navbar .wrapsearchinput > .searchpanel > .form-control:focus-visible,
.navbar .wrapsearchinput > .searchpanel > .form-control:active {	
	padding: 6px 6px;
	visibility: visible;
	width: 179px;
	z-index: 7;
	transition: none;
}
.navbar .wrapsearchinput > .searchpanel:hover  > .input-group-btn > .btn,
.navbar .wrapsearchinput > .searchpanel:focus  > .input-group-btn > .btn,
.navbar .wrapsearchinput > .searchpanel:active > .input-group-btn > .btn {
	color: #FFF;
    text-decoration: none;
	background-color: #dbe9f2;
	border-radius: 0 4px 4px 0;
} 
.navbar .wrapsearchinput .btn:hover,
.navbar .wrapsearchinput .btn:focus {
	color: #FFF;
    text-decoration: none;
	background-color: #dbe9f2;
	border-radius: 0 4px 4px 0;
	outline: -webkit-focus-ring-color auto 0; 
}

/* menu, siehe main.css */
.menu-drawer {
	background: url(/Data/Sites/1/skins/Stoll-awt/img/Lichtkreise-menu-bg.jpg) no-repeat scroll bottom center / cover #1b3545;
	top: 70px;
	height: calc(100vh - 70px);
} 
.btn-warning {
    color: #fff;
    background-color: #e16b26; 
    border-color: transparent;
}
.btn-warning:active:hover, .btn-warning:hover {
    background-color: #ba551a;
}
.btn-warning:active, .btn-warning:active {
    background-color: #ba551a;
    border-color: rgba(0, 0, 0, 0);
}


/* Umgegung IE 11 Footer flexbox */
/* IE 11 - statt 75% nun 70% */
@media all and (min-width:1600px) and (-ms-high-contrast:none) {
*::-ms-backdrop, .fb-xl-75.flex-children > *, :not(.flex-children).fb-xl-75 {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
}
}

/* IE 11 - statt 25% nun 23% */
@media all and (min-width:992px) and (-ms-high-contrast:none) {
*::-ms-backdrop, .fb-md-25.flex-children > *, :not(.flex-children).fb-md-25 {
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
}
}

/* Thumbnail Caption 
.thumbnail .caption {
    padding: 9px;
    color: #1b3545;
}
/* Austausch des Admin User-Icons */
/* url(/Data/Sites/1/useravatars/ */
img admin-drawer__avatar {
	display: none;
}
img admin-drawer__avatar {
	/* background-image: url(/Data/Sites/1/skins/AKINET/img/akinet-icon-40.png); */
	background-image: url(/Data/Sites/1/useravatars/Team-1.png);
}

/* Kalender */
.modfloat { clear:unset;}
.float { clear:unset;}

/* Farben 
rgb(8,88,176) - lila
#8FA0D1 - blau
#8FD1B0 - grün
#D18FCC - rosa
#F07171 - rot
#DEDC83 - gelb
#A0C0B3 - dunkelgrün
rgb(8,88,172) - dunkellila
*/

/* Tabs */
.monthchoice a h5 {
    margin-top: 0;
    margin-bottom: 0;
    color: #73797d;
}
.monthchoice .active a h5 {
    color: rgb(8,88,172);
    font-weight: 600;
}

/* Standardfarben */
.TerminDatum {
	display: flex;
	border-top-left-radius: 1.5rem;
	background-color: rgb(8,88,176); 
} /* height: 50px; */
.TerminDatumSo {
	display: flex;
	border-top-left-radius: 1.5rem;
	background-color: rgb(8,88,172);
} /* height: 50px; */
 
.lila .TerminDatum,
.lila .TerminDatumSo {
	background-color: rgb(8,88,176);
}
.dunkellila .TerminDatum,
.dunkellila .TerminDatumSo {
	background-color: rgb(8,88,172);
}
.blau .TerminDatum,
.blau .TerminDatumSo {
	background-color: #8FA0D1;
}
.gruen .TerminDatum,
.gruen .TerminDatumSo {
	background-color: #8FD1B0;
}
.rosa .TerminDatum,
.rosa .TerminDatumSo {
	background-color: #D18FCC;
}
.rot .TerminDatum,
.rot .TerminDatumSo {
	background-color: #F07171;
}
.orange .TerminDatum,
.orange .TerminDatumSo {
	background-color: #ECA275;
}
.gelb .TerminDatum,
.gelb .TerminDatumSo {
	background-color: #DEDC83;
}
.dunkelgruen .TerminDatum,
.dunkelgruen .TerminDatumSo {
	background-color: #A0C0B3;
}

/* t-white, t-dark */
.TerminDatum h5,
.TerminDatumSo h5, 
.t-white > .TerminDatum h5,
.t-white > .TerminDatumSo h5 {
    color: white!important;
}
.t-dark > .TerminDatum h5,
.t-dark > .TerminDatumSo h5 {
color: unset!important;
}
.TerminDatum  h5, .TerminDatumSo h5 {
	padding: .2rem .5rem .2rem 1.5rem;
}
/*.TerminDatum  h5 {
	padding: 1rem 1rem .75rem 1.5rem;
	color: white!important;
}
.TerminDatumSo  h5 {
	color: #703070!important;
} */

.TerminTitel  {
	border: 1px solid #EEE;
	border-top: 0 solid transparent;
	border-radius: .25rem;
	padding: 1rem 1rem 1rem 1.25rem;
	margin-bottom: 1rem;
	overflow-x: hidden;
}
.TerminTitel  p  {
	color: #73797d;
	margin: 0 0 .5rem; 
}

/* TerminDatum/So mit Kirchenturm 
 .TerminDatum i,
 .TerminDatumSo i {
	background-image: url(./img/h-turm.png);
    background-repeat: no-repeat;
    background-position: center center;
	border: 1px solid white;
    border-radius: 50%;
    min-width: 3rem;
    min-height: 3rem;
    width: 3rem;
    height: 3rem;
    margin: .17rem .2rem .15rem auto;
} *//*
	background-color: rgba(255, 255, 255, .8);
	color: white;
	margin: .5rem .5rem .5rem auto;
	font-size: 2rem;*/

/* TERMIN TODAY Standard lila  */
.TerminTitel.today {
    border: 2px solid rgb(8,88,176);
    border-top: unset;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.gelb > .TerminTitel.today {
    border: 2px solid #DEDC83;
}
.lila>.TerminTitel.today  {
	border: 2px solid rgb(8,88,176);
}
.dunkellila>.TerminTitel.today  {
	border: 2px solid rgb(8,88,172);
}
.blau>.TerminTitel.today  {
	border: 2px solid #8FA0D1;
}
.gruen>.TerminTitel.today  {
	border: 2px solid #8FD1B0;
}
.rosa>.TerminTitel.today  {
	border: 2px solid #D18FCC;
}
.rot>.TerminTitel.today  {
	border: 2px solid #F07171;
}
.orange>.TerminTitel.today  {
	border: 2px solid #ECA275;
}
.gelb>.TerminTitel.today {
	border: 2px solid #DEDC83;
}
.dunkelgruen>.TerminTitel.today  {
	border: 2px solid #A0C0B3;
}

/* Link List */
.pdfLink ul.linkitem {
    margin-inline-start: -1.5rem;
    list-style-type: none;
}
.pdfLink ul.linkitem div.linkdesc {
    margin-left: 1.4rem;
}

/* Blog */
.blogmodule .row .blogsearch {
    margin-left: 25px;
    margin-right: 25px;
}


/* Zitate Layout */
blockquote,q {
    border: none;
} 

blockquote:before, q:before {
  font-family: Lora,serif;
  color: rgb(8,88,176);
  content: open-quote;
  font-size: 4rem;
  line-height: 0.1em;
  margin-right: 0.10em;
  vertical-align: -0.35em;
}
blockquote:after, q:after {
 font-family: Lora,serif;
 color: rgb(8,88,176);
 content: close-quote;
 font-size: 4rem;
 line-height: 0.1em;
 margin-left: 0.1em;
 vertical-align: -0.5em;
}
p blockquote, p q {
  display: block;
  color:rgb(8,88,172)!important; 
  line-height:1.4;
  font-size:1rem; 
}

/* Pagination */
.pagination>li>a, .pagination>li>span {
    color: rgb(8,88,172);
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: rgb(8,88,172);
    background-color: rgb(8,88,176);
    border-color: rgb(8,88,176);
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: rgb(8,88,172);
    border-color: rgb(8,88,172);
}
.pagination>li>a, .pagination>li>span {
    border: 1px solid #9a9a9a;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #9a9a9a;
    border-color: #9a9a9a;
}
/* Breadcrumbs */
.breadcrumb {
margin-top: 0;
}
.breadcrumb>li>.active, .breadcrumb>li>.selectedcrumb {
    color: rgb(8,88,172);
}
.breadcrumb a {
    color: #9a9a9a;
}
.breadcrumb a:focus, .breadcrumb a:hover, .breadcrumb a:active {
    color: rgb(8,88,172);
}
.breadcrumb>li+li:before {
    color: #9a9a9a;
}
.breadcrumb, .feedmanagerpage .breadcrumbs {
    background-color: transparent;
    padding: 0;
}
.breadcrumb>li>a.active:hover, .breadcrumb>li>a.selectedcrumb:hover {
	color: rgb(8,88,176);
}

/* Page Intro Hintergrund */
.pageintro {
    background-color: rgba(169, 160, 192, 0.25);
    padding: 1rem 0;
    margin: -1rem 0 1rem 0;
}


/* Sondergestaltung Image Block ohne H4 Überschrift */
.imageBlockNoH4 .image-blocks__content {
	padding: 0;
	
}
.imageBlockNoH4 h4 {
	display: none;
	margin:0;
}
/* Sondergestaltung Bands - Hintergrund Tasten */
@media all and (min-width: 1600px) {
.bandHG {
	    background: url(/Data/Sites/1/media/pictures/Gemeinde-allgemein/musik/bands/bands-tasten-sm.jpg) no-repeat right transparent;
}
}

/* Layout Icon-Block ohne Icons */
.no-icon .icon-block__item i {
 display: none;
}
.content-slider__item-edit {
    z-index: 3;
}