@CHARSET "UTF-8";

/* TYPO3 */
#LANG, #LANG-STICKY {display: none;}


#MAIN{padding-bottom:4rem;}
.layout-2 #MAIN{padding-bottom:0px;}
#MAIN nav .col-md-9 {min-height: 70px;}
#RAND{overflow:hidden;}


#NAV-BAR.--sticky{
	position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(245, 245, 245, 0.9);
    z-index: 100000;}
#CONTNORMAL{
	margin:0px;
	overflow:visible;}

#TOOLBOX {
	padding:10px 10px 10px 10px;
	overflow:hidden;
	transition: background-color 0.2s linear 0s;}
#TOOLBOX:hover, #breadcrumb:hover{
	transition: background-color 0.2s linear 0s;}
#breadcrumb{padding:20px 10px;}
#LOGOUT{padding: 13px;}

/* Cont_RE */
.tabelle_contre *, .tabelle_contre a, table.tabelle_contre div.news-single-additional-info dl.news-single-related dd{color:#404042;}
.tabelle_contre{width:100%;padding:0px;margin:0 0px 0 0;border:0px;}
#CONTNORMAL table.tabelle_contre{margin-right:-9px;width:auto;}

ul.contentnav{margin-top:15px;}
ul.contentnav li{padding:5px 15px 0 10px;background:none;}

a {transition: color 0.1s ease-in-out 0s;}

/* RWD **************************************************************************************************/
@media (max-width: 767px) {
	ul.lang-menu{display:none;}  
	#FOOTER{padding-bottom: 20px;}
	#HOME{height:auto;}
}
/* 	Folgende Elemente gehören zu den Block-Elementen:
address | blockquote | center | del | dir | div | dl | fieldset | form | h1-6 | hr | ins | isindex | menu | noframes | noscript | ol | p | pre | table | ul */

/* Folgende Elemente gehören zu den Inline-Elementen:
a | abbr | acronym | applet | b | basefont | bdo | big | br | button | cite | code | del | dfn | em | font | i | img | ins | input | iframe | kbd | label | map | object | q | samp | script | select | small | span | strong | sub | sup | textarea | tt | var */
* {	
	margin:0px;
	padding:0px;
	box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
:root{
	--baseColor1:#ff008a;
	--baseColor2:var(--baseColor1);
	--baseColor3:rgba(245,125,115,0.5);
	--baseFontColor1:rgba(0,0,0,0.8);

	--infoColor:rgba(255, 0, 138, 0.5);

	--simpleBlack:#000;
	--simpleWhite:#fff;

	--bodyBGColor:rgb(212, 214, 218);
	--pageBGColor:rgb(212, 214, 218);
	--footer1BGColor:rgba(255,255,255,0.3);
	--footer2BGColor:rgba(255,255,255,0.5);
	--footer3BGColor:rgba(255,255,255,0.7);

	--chipBGC:rgba(255,255,255,0.3);
	--blogChipBGC:var(--baseColor1);
	--relatedMenuBGC:rgba(0,0,0,0.1);
	--relatedMenuBlogBGC:rgba(0,0,0,0.1);
	--relatedMenuHoverBGC:rgba(0,0,0,0.5);
	--relatedMenuHoverBlogBGC:rgba(0,0,0,1);
	--buttonBGC:var(--baseColor2);
	--buttonBlogBGC:rgba(0,0,0,0.8);

	--underlineColor:var(--baseColor2);
	--cellBGC:rgba(245,245,245,0.6);
	--cellBGCDark:rgba(0,0,0,0.1);
	--extArticlesMenuBGColor:var(--baseColor1);
	--extArticlesMenuHoverBGColor:var(--baseColor3);
	--newCommentsMenuBGColor:var(--baseColor1);
	--catMenuBGColor:var(--baseColor1);
	--boxHeaderBGC:var(--baseColor2);

	--text:rgba(0,0,0,0.8);
	--text2:rgba(255,255,255,0.8);

	--line:rgba(0,0,0,0.6);

	--copyText:rgba(0,0,0,0.8);
	--headlinesText:rgba(0,0,0,0.8);
	--linkText:rgba(0,0,0,0.8);

	--outline: 0.25rem dotted var(--baseColor1);
	--outlineWithin: 0.25rem dotted var(--baseColor1);
	--outlineOffset: 0.25rem;

	--focusC:var(--baseColor1);

	--blogBGColor:#fff;

	/* Spacings */
	--spacingXS:0.25rem;
	--spacingS:0.5rem;
	--spacingM:1rem;
	--spacingL: 1.5rem;
	--spacingXL: 2rem;
	--spacingXXL:40px;
	--spacingXXXL: 3rem;

	/* Transitions */
	--transAll:all 0.2s linear 0s;
	--transBGC:background-color 0.2s ease;

	/* Fonts */
	--baseFont:'Barlow','Roboto Condensed', Arial, 'Lucida sans',Helvetica;
	--headlineFont:'Roboto Condensed', Arial, 'Lucida sans',Helvetica;
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
  :root {
    
  }
}

.navbar-static-top
.outline, a:active {outline:none;}
body {
	font-family:var(--baseFont);
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	font-size: 20px;
	/*background: #3f3f41 url(../images/hg/hg.png) repeat-y 0 100%;*/
	background-color:#fff;
	line-height: 1.5rem;
	padding-top:0px;
}
body.ar {
	font-size:22px;
	direction:rtl;
}
#p210 #RAND{display:none;}


/* Farben für Projektseiten*/
body#p820 > #PAGE {background-color: #E6E6E5 /* hellgrau */;}
body#p823 > #PAGE, #p819 > #PAGE, #p583 > #PAGE, #p856 > #PAGE{background-color: #DDAFB3; /* himbeer */}
body#p811 > #PAGE, #p549 > #PAGE, #p726 > #PAGE, #p298 > #PAGE, #p858 > #PAGE, #p636 > #PAGE{background-color: #C6C2B2; /* warmgrau*/}
body#p565 > #PAGE {background-color: #EAF1B9; /* hellgruen */}
body#p119 > #PAGE, body#p558 > #PAGE, body#p557 > #PAGE, body#p556 > #PAGE, body#p515 > #PAGE {background-color: #CDE9F3; /* hellblau */}
body#p870 > #PAGE {background-color: #add3e1; /* mittelblau */}
body#p563 > #PAGE{background-color: var(--chipBGC); /* orange */}
body#p910 > #PAGE, body#p911 > #PAGE{background-color: #FFFFFF; /* weiss */}


#p669 > #PAGE, #p667 > #PAGE {background-color: #FFFFFF; /* weiss */}


div.loading{
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	display:none;
}

#p667 div.tacker-boxx, #p669 div.tacker-boxx {
	background-color: #eeede8;
}


/* WC Shortcode Social Icons */
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}
.wc-shortcodes-social-icons.wc-shortcodes-maxheight-48 i {
    font-size: 1.5rem;
    height: 3rem ;
    line-height: 3rem ;
    width: 3rem ;
}
.wc-shortcodes-social-icons li i {
    background-color: #999999;
    box-sizing: content-box;
    color: #ffffff;
    font-size: 1.5rem;
    height: 3rem ;
    line-height: 3rem ;
    overflow: hidden;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    width: 3rem ;
}
.wc-shortcodes-social-icons li i.fa:hover {
    opacity: 0.5;
}
.wc-shortcodes-social-icons li i.fa-facebook {
    background-color: #305999;
}
.wc-shortcodes-social-icons li i.fa-linkedin {
    background-color: rgb(10, 102, 194);
}
.wc-shortcodes-social-icons li i.fa-twitter {
    background-color: #00a7f1;
}
.wc-shortcodes-social-icons li i.fa-pinterest {
    background-color: #d64800;
}
.wc-shortcodes-social-icons li i.fa-instagram {
    background-color: #b2b2b4;
}
.wc-shortcodes-social-icons li i.fa-plus-square {
    background-color: #00b5fc;
}
.wc-shortcodes-social-icons li i.fa-flickr {
    background-color: #ff6182;
}
.wc-shortcodes-social-icons li i.fa-rss {
    background-color: #facf4c;
}
.wc-shortcodes-social-icons li i.fa-envelope {
    background-color: var(--baseColor1);
}
.wc-shortcodes-social-icons li i.fa-dollar {
    background-color: #d46000;
}
.wc-shortcodes-social-icons li i.fa-camera {
    background-color: #333333;
}
.wc-shortcodes-social-icons li i.fa-shopping-cart {
    background-color: #a5d488;
}
.wc-shortcodes-social-icons li i.fa-youtube {
    background-color: #c74a00;
}
.wc-shortcodes-social-icons li i.fa-tumblr {
    background-color: #426b8a;
}
.wc-shortcodes-social-icons li i.fa-xing {
    background-color: rgb(6, 152, 160);
}
.wc-shortcodes-social-icons li i.fa-behance {
    background-color: rgb(0,0,0);
}

.fa-google-plus::before {
    content: "";
		white-space:nowrap;
}
.wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons.wc-shortcodes-columns-float-left li {
    padding-left: 0;
    padding-right: 6px;
}
.wc-shortcodes-social-icons-wrapper .wc-shortcodes-social-icons li {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 3px;
}
.wc-shortcodes-social-icons li:first-child {
    margin-left: 0;
}
.wc-shortcodes-social-icons li {
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 6px;
}
.wc-shortcodes-social-icons li:first-child {
    margin-left: 0;
}
.wc-shortcodes-social-icons li {
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 0px;
}
/**/

/* Slimbox2 */
#sbBottom, #sbBottomContainer{background-color:var(--cellBGC) !important;}
#sbOverlay{background-color:#000 !important;}
/* */

/**/
#c2876{background-image: url(../images/background-tiles/small_steps.png);}
#c4356 > .frame-container figure.image {    
	background: rgba(255,255,255,0.5);
    padding: 2rem;}
#map p{line-height:1.4em;margin:0;}
#map div {line-height:1em;}
#TOPNAV {display:flex;flex-direction: row-reverse;}
#RAND .col-md-12 {
  margin: 0;
  overflow: hidden;
  padding: 0;}
#RAND {
	background-color: rgba(0, 0, 0, 0.1);
    padding: 1rem 0 3rem 0;
    margin-bottom: 3rem;
}
/* TYPOGRAPHY */
b, strong {
	font-weight: 600;
	color:inherit;
}
p, option, label, text, textarea, button, dd, dt, form, td, div, q, blockquote, li {
	font-size:1.25rem;
	line-height:2rem;}
p, ul, ol, dl, blockquote, form, table  {
	margin:1rem 0 2rem 0;
	color:var(--baseFontColor1);
	padding-left: 0;}

/* Frames */
.frame-header {display:flow-root;}
.frame {display:flow-root;}
#CONTNORMAL > .frame:first-child > header > h2 {margin-top: 0rem;}
.frame-default > p.bodytext, .frame-default > p.tease{
	margin-bottom:1.5rem;
}
.frame-custom-100, .frame-100, .frame-spickzettel {
	background: var(--cellBGC);
	margin-top: 1.5rem;
	padding: 0 1.5rem 1.5rem 1.5rem ;
}

p.bodytext{font-family:'Barlow','Roboto Condensed', Arial, 'Lucida sans', Helvetica;}

form table{margin:0;}

/*Ueberschriften*/
h1, h2, h3, h4, h5, h6 {
	letter-spacing: 1px;
	line-height:1.15;
	color:var(--headlinesText);
	padding:0 0 2px 0;
	/* Google Font-Api */
	font-family:'Barlow','Roboto Condensed', Arial, 'Lucida sans',Helvetica;
	font-weight: 500;
	display:block;
	border-bottom: none;}
h1, h2.pagetitlefooter {font-size: 3.8rem;margin-bottom:1.5rem;letter-spacing: 0px; font-weight: 500; color:#222; }
h2 {font-size: 2.5rem;letter-spacing: 0px;margin:2rem 0 0.75rem 0;}
h3 {font-size: 2rem;margin:2rem 0 0.75rem 0;font-weight:500;letter-spacing: 0px;}
h4 {font-size: 1.7rem;margin:1.5rem 0 0px 0;}
h5 {font-size: 1.45rem;margin:0;}
h6 {font-size: 1.2rem;text-transform:uppercase;margin:0;}

body#p63 div#TITEL.col-md-4.col-sm-6.col-xs-6 div#HOME div i.fa.fa-circle-o-notch {color:#ddd;}

/* Projekt Titel */ 
.projekt-title a:link, .projekt-title a:visited, .projekt-title a:hover, .projekt-title a:focus {color:var(--linkText);}

p.projekt-title  {
	color:var(--linkText);
	margin: 0px 0 0.75rem 0;
	word-break:break-all;
	direction:ltr !important;
	font-size:1.5rem;
	line-height: 22px;
	outline:none;
}
p.projekt-title > a:hover {
	color:var(--baseColor1);
	text-decoration:none;
	outline:none;
}
p.projekt-title > a:focus-visible {
	color:var(--baseColor1);
	opacity: 1;	
	text-decoration:none;
	outline: 0.25rem dotted var(--baseColor1);
    outline-offset: 0.5rem;
}
div.logo {
    font-size: 4.25rem;
    color: var(--text);
    float: left;
    padding-right: 0.625rem;
}
@media (max-width: 992px){
	p.projekt-title  {
		font-size:1.25rem;
		line-height: 1.25rem;
	}
	div.logo {
		font-size: 3.75rem;
		padding-right: 5px;
	}
}
@media (max-width: 480px){
	p.projekt-title  {
		font-size:1rem;
		line-height: 1.15rem;
	}
	div.logo {
		font-size: 3.5rem;
	}
}
@media (max-width: 360px){
	p.projekt-title  {
		font-size:0.8rem;
		line-height: 1.15rem;
	}
	div.logo {
		font-size: 3.4rem;
	}
}
/* Projekttitel Ende */


p.plang-menu{margin:0;line-height:3rem;}
p.plang-menu > a {display: inline-block;}

#PAGE {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
#PAGE > main {
    flex: 1;
	padding-bottom: 2rem;
}
/*	
header {
    height: 155px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
*/

/* LINKS */
a, a:link, a:hover {
	cursor:pointer;
	font-size:inherit;
	font-family:inherit;
	color:inherit;
	/* Konturierung von Elementen verhindern besonders bei Bilder und Links */
	outline:none;
	outline-offset: 0;
	transition: all 0.2s linear 0s;
	}
a, a:link {
	color:rgba(0,0,0,0.8);
	transition: all 0.2s linear 0s;
}
a:visited {color:inherit;}
a:hover {color:inherit;}
a:focus {outline:none;}
a:focus-visible {
	outline: 0.25rem dotted var(--baseColor1);	
    outline-offset: 0.125rem;
	opacity: 1;
	transition: all 0.1s linear 0s;
	border:none;
}
a:active {
	color:inherit;
	outline:none;
	outline-offset:0;
	transition: all 0.2s linear 0s;
}

span.mandatory {
    font-size: 1.8rem;
    padding: 0 0 0 0.5rem;
}

.fullscreenBG {
	background-image: url("http://www.7dev.de/fileadmin/dsif/upload/video/White_BG_02 FHD.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: -2;
	position: fixed;
	opacity:0.4;
	/* filter: blur(0.3rem);*/
}

#HEADER .container{
	padding:2rem 1rem 0;
}

#NAV-BAR.container{
	padding:1rem 1rem 0;
}
#FOOTER a:focus-visible, #SUBFOOTER a:focus-visible, #WIDGETFOOTER a:focus-visible{
	outline: 0.25rem dotted var(--baseColor1);	
    outline-offset: 0.25rem;
}
#FOOTER a:active, #SUBFOOTER a:active, #WIDGETFOOTER a:active{
	outline: none;	
}

#NORMAL p a:link, div.entry a:link{font-weight: 600; color:inherit; text-decoration:none; border-bottom:1px solid var(--underlineColor);}
#NORMAL p a:visited, div.entry a:visited{text-decoration:none; border-bottom:3px solid var(--baseColor1);}
#NORMAL p a:hover, div.entry a:hover{text-decoration:none; border-bottom:3px solid var(--underlineColor);}
#NORMAL p a:active, div.entry a:active{text-decoration:none; border-bottom:3px solid var(--baseColor1);}
#NORMAL p a:focus-visible, div.entry a:focus-visible{text-decoration:none; border:none;}


p.dsif-linkToTop{margin-bottom: 1.5rem;text-align:right;}
div#CONTNORMAL p.dsif-linkToTop.myclass{text-align:left;}
a.nach-oben:link{
	background:transparent url(../images/css/pfeil_oben_000000.png) no-repeat -2px 5px;
	border-bottom: 1px solid var(--underlineColor);
	padding-left:13px;
	transition:background linear 0.3s;
    color: inherit;
    
    text-decoration: none;}
a.nach-oben:visited{
	border-bottom: 1px solid var(--underlineColor);}
a.nach-oben:hover{
	background:transparent url(../images/css/pfeil_oben_5BAD85.png) no-repeat -2px 5px;
	transition:background linear 0.3s;
	border-bottom: 2px solid var(--underlineColor);}
a.nach-oben:active{
	border-bottom: 1px solid #ffffff;color: ffffff;}

p.dsif-linkToTop.myclass span.glyphicon.glyphicon-circle-arrow-up{opacity: 0.5;}
a.glyph-nach-oben:link{
	border-bottom: 1px solid var(--underlineColor);
	transition:background linear 0.3s;
    color: inherit;
    
    text-decoration: none;}
a.glyph-nach-oben:visited{
	border-bottom: 1px solid var(--underlineColor);}
a.glyph-nach-oben:hover{
	transition:background linear 0.3s;
	border-bottom: 2px solid var(--underlineColor);}
a.glyph-nach-oben:active{
	border-bottom: 1px solid #ffffff;color: ffffff;}

/* Skiplink */
.skiplinks:focus-within {
	z-index:20000;
	position: absolute !important;
	display:flow-root;
	white-space: normal;
	background-color: #fff;
	color:#000;
	width:100%;
}
.skiplink {
	clip: unset;
    font-weight: 500;
    font-size: 2rem;
    padding: 2rem !important;
	text-align: center;
    flex: auto;
    flex-wrap: nowrap;
    align-items: stretch;
	min-width: 200px !important;
    margin: 5px !important;
    display: flex !important;
    justify-content: center !important;
	transition: 	none;
}
.skiplink:focus {
    outline: 0.25rem dotted var(--baseColor1);
    outline-offset: 0.125rem;
	font-size: 2rem;
	transition: none;
}

/* LISTS     */
li {transition: background-color 0.2s linear 0s;}
ul,ol,dir,menu,dl {
	list-style-type:none;}
ol ol {margin-top:0;}
ol li {
	margin-left: 1.4em;
	padding-left: 0;
	background: none;
	list-style-type: decimal;}
ol ol li {
	list-style-type:lower-alpha;}
ol ol ol li {
	list-style-type:lower-roman;}
ul {padding-left: 2rem;}
ul ul {margin-top:0;padding-left: 1rem;}

ul li {list-style-type: square;}
ul ul li {margin-top:0;}
dt {
	font-weight:bold;
	margin-top: 1.3em}
dd {
	margin-left:160px;}
form ol {
	padding: 0;
}
form ol li {
	list-style-type: none;
	margin: 0;
}
form ol li:last-child {
	margin-top: 2rem;
}
form ol li label {
	width:unset;
	display: block;
	float: unset;
}
form ol li label em {
	display: inline;
}
form ol li label strong, legend strong {
    display: block;
    color: #C00;
    font-size: 85%;
    font-weight: normal;
    text-transform: none;
    background-color: rgba(255,255,255,1);
    padding: 0 0.5rem;
}
form ol li input, form ol li textarea {
	width:100%;
	display: block;
	float: unset;
}
form ol li input[type=checkbox] {
	width: 10%;
	float: left;
}
label.custom-control-label {
    padding-left: 0.5rem;
}
small.form-text {
	display:block;
}

/* TABLES ***********************************************************************************************************************/
table {
	margin:0px;
	border-collapse:collapse;
}
tbody {
	border:0px;
	margin:0px;
	padding:0px;}
th {
	padding-bottom: 0.5rem;
	padding:0.625rem;
	margin-bottom: 0.5rem;
	font-weight:500;}
td {
	vertical-align:top;
	padding:0.625rem;
	white-space:normal;}
th > p, td > p{margin:0;color:inherit;}

table.ce-table td:first-child {font-weight:500;}
table.ce-table th, table.ce-table td {
    border-top: 1px solid #aaa;
}
table.ce-table tr:first-child td {border-top: none;}
table tr td:first-child {font-weight:500;}

@media (max-width: 767px){
	.table > tbody > tr > td {
		white-space:normal;
		display:flow-root;
	}
	.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: normal;
    }
	.table-responsive > .table > tbody > tr:first-child > td:first-child {
		border-top: none;
	}
}

/* FORM ELEMENTS ***************************************************************************************************************/
form {
	width:auto;
	border: none;
	display: flow-root;
}
.form-control {
    display: block;
    width: 100%;
    height: 3.25rem;
    padding: 6px 0.75rem;
    font-size: 1rem;
    line-height: 1.42857143;
    color: #555;
    background-color: var(--cellBGC);
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
fieldset {
	border: none;
	display:flow-root;
}
legend {
	display:none;
}
input,textarea, select {
	padding:0.5rem 0.625rem;
}
input, textarea, select {
	background-color:var(--cellBGC);
	border:none;
	margin:0 0 2rem 0;
	color:#000;
}
textarea {
	min-height: 200px;
}
select {
	height: 2.5rem;
	padding: 0.5rem; 
}
option:focus{
	outline: 0.25rem dotted var(--baseColor1);	
	outline-offset: 0.125rem;
}
input[type=text]:hover, 
input[type=file]:hover, 
input[type=password]:hover, 
textarea:hover, 
input[type=email]:hover {
	background-color: #efefef;
}

input[type="checkbox"] {
    opacity: 0;
    pointer-events: none;
    user-select: none;
    position: absolute; /* Für präzise Positionierung */
}

input[type="checkbox"] + span {
    position: relative;
    padding-left: 48px; /* Platz für die custom Box */
    cursor: pointer;
    display: inline-block; /* Damit es sich gut verhält */
}

input[type="checkbox"] + span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border: 1px solid var(--simpleBlack);
    background-color: white;
    }
input:checked + span::before {
    background-color: var(--baseColor1); /* Oder eine andere Farbe */
	border-color: var(--baseColor1);
}

input:checked + span::after {
    content: '';
    position: absolute;
    top: 45%;
    left: 16px;
    width: 20px;
    height: 10px;
    border: 3px solid white;
    border-top: none;
    border-right: none;
    transform: translate(-50%, -50%) rotate(-45deg);
}

input:focus,
textarea:focus, 
select:focus, 
input[type=text]:focus, 
input[type=file]:focus, 
input[type=password]:focus, 
input:focus, 
select:focus, 
textarea:focus , 
input[type=email]:focus,
.input:focus-within,
.recaptcha-checkbox:focus-within,  .rc-anchor-checkbox:focus-within {
	background-color: #efefef;
	border-radius: 0px;
	outline: 0.25rem dotted var(--baseColor1);	
	outline-offset: 0.125rem;
	transition: var(--transAll);
	box-shadow: unset;
}
input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible), 
select:focus:not(:focus-visible), 
input[type=text]:focus:not(:focus-visible) , 
input[type=file]:focus:not(:focus-visible) , 
input[type=password]:focus:not(:focus-visible) , 
input:focus:not(:focus-visible), 
textarea:focus:not(:focus-visible), 
textarea:focus:not(:focus-visible), 
input[type=email]:focus:not(:focus-visible) {
	outline: 0.25rem dotted var(--baseColor1);
    outline-offset: 0.125rem;
	box-shadow: unset;
}
input:focus-visible,
textarea:focus-visible, 
select:focus-visible, 
input[type=text]:focus-visible, 
input[type=file]:focus-visible, 
input[type=password]:focus-visible, 
input:focus-visible, 
select:focus-visible, 
textarea:focus-visible, 
input[type=email]:focus-visible {
	outline: 0.25rem dotted var(--baseColor1);
	outline-offset: 0.125rem;
	box-shadow: unset;
}
input[type="submit"], button, .button, button.btn.btn-primary {
	border: none;
	color: var(--text2);
	padding: 1rem 2rem;
	font-weight: 400;
	transition: var(--transAll);
	background-color: var(--text);
	letter-spacing: 0.1rem;
	font-size: 1.5rem;
	border-radius:0;
}
input[type="submit"]:hover, button:hover, .button:hover{
	opacity:0.8;
	transition:var(--transBGC);
}
input[type="checkbox"]{
	border:none;}
input[type=file]{
	background-color:transparent;
	border:none;
	padding:0;
}
input[type=file]:hover{
	background-color:transparent;
}
input[type=hidden]{
	border:none;
	margin:0;
	padding:0;
	width:0;
	float:unset;
}

.radio label, .checkbox label {
    padding-left: 32px;
}
@media (max-width: 480px){
	.radio label, .checkbox label {
    	padding-left: 20px;
	}
}
.recaptcha {
	padding-left: 0;
}
.actions {
	padding-top: 48px;
}


/* GENERAL *********************************************** */
img {border:none;}
/* figure.image img {width:100%;width:-webkit-fill-available;} */
.ce-border img {
    border: 1px solid var(--cellBGCDark);
}
.ce-image {
	overflow: visible;
}
hr { 
	margin: 1.5rem 0px;
	background:none;
	height:0px;
	border:0px;
	border-top:1px solid #686666;
	display:block;
	clear:both;
}
tt {font-family: courier;margin:0.75rem 0;background-color: rgba(255, 255, 255, 0.5);} /* Teletext */
pre {border-radius:0px;border:0;font-size: 1rem;background-color: var(--text2);margin:0.75rem 0;}
code {
	font-family: monospace;
	height:auto;
	white-space: nowrap;
	background-color: transparent;
	border:0;
	border-radius:0;
	padding:1rem;
}
.mycode{font-family:monospace;}

/* Blockquote **************************************************************************************************************/
blockquote {
	margin:6rem 3rem 4rem 3rem ;
	padding:0 6rem;
    font-family: 'Georgia', serif;
	
	font-style: italic;
	font-size: 2rem;
	line-height: 2.5rem;
	text-align: center;
	border: none;
	color: rgba(0, 0, 0, 0.7);
	position: relative;
}
blockquote:before, blockquote:after {
	position: absolute;
    font-size: 20rem;
    color: rgba(0,0,0,0.2);
    text-align: left;
	background-color: transparent;
    font-family: 'Georgia', serif;
	line-height: 0;
}
blockquote:before {
    content: "\201C";
    left: -4rem;
    top: 5rem;
}
blockquote:after {
    content: '\201D';
    right: -1rem;
	bottom: -5.5rem;
}
blockquote p {
	font-size:inherit;
	font-weight:inherit;
	line-height:inherit;}

blockquote cite, p.cite {
	text-align: center;
    font-weight: bold;
}

blockquote cite:before {
    content: "--";
}
blockquote.letter p {
	line-height:20px;
	font-size:1.125rem;
	font-style:italic;
}
blockquote.letter {
	text-align:left;
}


@media (max-width: 767px){
	blockquote {
		margin: 6rem 0 2rem 0;
		padding:1rem 0;
		line-height:2.5rem;
	}
	blockquote:before, blockquote:after {
		color: rgba(0,0,0,0.1);
		top: 3rem;
	}
	blockquote:before {
		left:-2rem;
	}
	blockquote:after {
		display:none;
	}
}

/* Inline-Element ***************************************************************************************************************/
q {
	font-style:italic;
	display:inline;
	quotes: "“" "”" "‘" "’";
}
q::before, cite::before, blockquote p::before {
	white-space:nowrap;
}
q::after, cite::after, blockquote p::after {
	white-space:nowrap;
}

acronym{
	color:#050505;
	font-weight:500;
} 
small{
	font-size:0.8em;
} 

/* EIGENE KLASSEN */
span.marked{color:var(--underlineColor);}
div#ie.page-browser-attention{background-color:#FFC1DC;padding:0.625rem;color:var(--text);}
div#ie.page-browser-attention p, .page-browser-attention p a{color:var(--text);}

.not-translated {color:var(--text);}
.username {color:#D70071; text-transform:uppercase;}    /* wenn eingeloggt */
/* TOOLBOX *****************************************************************************************************************************/
#anchorpic {float:left;width:4rem;height:4rem;}
#printpic {float:left;width:4rem;height:4rem;}
#ipadpic {float:left;width:4rem;height:4rem;background-repeat:no-repeat;}
.pageid-box {float:right;display:inline;margin:0 0px;}
p.pageid{margin: 0px 0 0px 0;font-size:4rem;line-height:4rem;}
span.seitenid {display:none;}
span.big-pageid {margin:0;color:var(--text);letter-spacing:-3px;}

@media (max-width: 480px){
	.pageid-box {
		float: left;
	}
}

/* Eigene T3 Frames ********************************************************************************************************************/
.attention-block, .frame-attention-block{
	color:#000;
	background: #FFE3F1 url('../images/css/attention_2.png') no-repeat;
	border:1px solid #8E003D;
	padding:0.625rem 1.25rem 0.625rem 50px;
	margin:0 0 1.5rem 0px;}
.info-block, .frame-info-block {
	color:#fff;
	background-color: var(--cellBGC);
	border-top:0.5rem solid #008AE5;
	padding:1.25rem;
	overflow:hidden;
	line-height:20px;
	margin:0 0 1.5rem 0px;}
p.info-block {
	padding:20px 1.25rem 1.25rem  1.25rem ;
	font-size:1.25em;
	line-height:1.5em;
}
.info-block *{color:inherit;}
.info-block p, .frame-info-block p {
	font-size: 1.25em;
	font-weight: 100;
	line-height: 1.5em;}
.info-block p.bodytext a:link{font-weight: 500;color:inherit;text-decoration:none;border-bottom:1px solid #686666;}
.info-block p.bodytext a:visited{text-decoration:none;border-bottom:2px solid #464444;}
.info-block p.bodytext a:hover{text-decoration:none;border-bottom:2px solid #686666;}
.info-block p.bodytext a:active{text-decoration:none;border-bottom:2px solid #464444;}

/* rechte Spalte ***********************************************************************************************************************/
#CONTRE h1, #CONTRE h2, #CONTRE h3, #CONTRE h4, #CONTRE h5, #CONTRE h6 {
	font-size: 1.25rem;
	margin:0px 0 11px 0;
	font-weight:500;
	padding:0;}
#CONTRE label{width:100%;}
#CONTRE input,#CONTRE  textarea,#CONTRE  select {border:1px solid silver;}
#CONTRE input[type="submit"], #CONTRE button{margin-left:0%;width:100%;margin-right:0px;border:none;text-align:center;}
#CONTRE form{border:0px;}
#CONTRE input[type="text"], #CONTRE input[type="password"], #CONTRE input[type="email"]{width:100%;margin-left:0px;}

#CONTRE select{margin:0 0 5px 0;width:100% !important;}

#CONTRE option, option{padding:0.25rem 7px 0.25rem 7px;margin:5px;}
#CONTRE #mailform input[type="text"], #CONTRE #mailform input[type="password"], #CONTRE #mailform input[type="email"]{width:100%;margin-left:0px;}
#CONTRE #mailform input[type="submit"], #CONTRE #mailform button{margin-left:0;width:100%;margin-right:0px;border:none;text-align:center;}
#CONTRE #mailform{margin:0 0 1.5rem 0;}

#CONTRE input[type="submit"].button.logout-abmelden {
    margin-left: 0px;}

.tx-felogin-pi1, .form-container {
	width: 100%;
	padding:2rem;
	background-color: rgba(145, 145, 145, 0.1);
	margin: 2rem 0 2rem 0;
}
@media only screen and (min-width: 1599px) {
	.tx-felogin-pi1 {
		width: 50%;}
}
.tx-felogin-pi1 form label {
	width: 100%;}
.tx-felogin-pi1 form input, .form-control {
	width: 100%;
	border:1px solid transparent;
	border-bottom: 1px solid var(--baseFontColor1);
	box-shadow:none;}
.tx-felogin-pi1 form input:focus, .form-control:focus {
	border:1px solid transparent;}
.tx-felogin-pi1 form input[type="submit"] {
	border-bottom:none;
	background-color: var(--text);}

/* RTE **********************************************************************************************************************************/
.align-center{text-align:center;}
span.textstyle-color_blue-00487A {color: #00487a;}
span.textstyle-color_white-ffffff {color: #fff;}
span.textstyle-color_black-000000 {color: #000;}
span.textstyle-color_lightblue-92BACD {color: #92bacd;}

.bigphonenumber {font-size: 2rem;}

a.bigphonenumber:link, a.bigphonenumber:visited, a.bigphonenumber:active, div.-body a.bigphonenumber:link, div.schatten-body a.bigphonenumber:visited, div.schatten-body a.bigphonenumber:active{text-decoration:underline;color:inherit;background-image:none;padding-left:0px;}
a.bigphonenumber:hover, div.schatten-body a.bigphonenumber:hover{color:#ee68b0;background-image:none;padding-left:0px;}

/* Tabelle *****************************************************************************************************************************/

/* htmltable */
table.htmltable{
	width:100%;
	margin-bottom:0.75rem;
	border-collapse:collapse;
	background-color:transparent;
	border:1px solid #686666;}
table.htmltable tr{border:1px solid #686666;}

/* Contenttable **************************************************************************************************************************/
.contenttable {/*allgemeine Formatierungen für alle Tabellen aus dem RTE*/
  width:100%;
  margin-bottom:0.75rem;
  border-collapse:collapse;
  background-color:transparent;
  border:none;}
.contenttable tbody{/*allgemeine Formatierungen für alle Tabellen aus dem RTE*/
  vertical-align:top;
  text-align: left;
  font-size:0.8em;}
.contenttable td {/*formatierungen für die erste Zeile aller Tabellen*/
  border:1px solid #686666;padding: 0.625rem;}
.contenttable th {/*formatierungen für die erste Zeile aller Tabellen*/
  border:1px solid #686666;
  background-color:transparent;
  padding: 0.625rem;}

/* Tabelle Layout-0 *************************************************/
.contenttable-0{
	color:#000;
}
.contenttable-0 td {
	border:none;
	padding: 0.625rem;
}
.contenttable-0 th {
	border:none;
	padding: 0.625rem;
}
.contenttable-0 .tr-even{
	background-color: #848587;
	background-color: rgba(220,220,220,0.2);
}
.contenttable-0 .tr-odd {
	background-color: #DBDBDB;
	background-color: rgba(180,180,180,0.2);
}
.contenttable-0 .tr-0 {
	background-color: #fff;
	background-color: rgba(255,255,255,0.2);
}

/* Tabelle Layout-1 *************************************************/
.contenttable-1 {/*allgemeine Formatierungen für Tabelle Layout-1*/
	border-collapse:collapse;}
.contenttable-1 td {/*allgemeine Formatierungen für Tabelle Layout-1*/
	background-color: transparent;
	border:none;
	border-bottom:1px solid #686666;
	border-left:1px solid #686666;
	color: #686666;
	padding: 5px;}


.contenttable-1 td.td-0{font-weight:500;border-left:none;}
.contenttable-1 th{border-top:none;border-left:none;padding: 5px;}
.contenttable-1 th.td-last{border-right:none;}
.contenttable-1 .tr-last td {
	border-bottom:none;
}

/* Tabelle Layout-2 *************************************************/
.contenttable-2{
	background-color: transparent;
	border:0px;
	border-collapse:collapse;}
.contenttable-2 th{
	background-color: #686666;
	border-right: 1px solid var(--pageBGColor);
	border-bottom: 1px solid var(--pageBGColor);
	color: #efefef;
	padding: 0.625rem;}
div.schatten-body .contenttable-2 th{
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;}
div.tacker-boxx .contenttable-2 th{
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;}
.contenttable-2 td {
	background-color: #686666;
	border-right: 1px solid var(--pageBGColor);
	border-bottom: 1px solid var(--pageBGColor);
	color: #efefef;
	padding: 0.625rem;}
div.schatten-body .contenttable-2 td {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;}
div.tacker-boxx .contenttable-2 td {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;}
	
.contenttable-2 .td-last {
	border-right: 0px;}
.contenttable-2 tr {border-left:none;}
.contenttable-2 > tfoot > tr.tr-last > td{border-bottom:none;}
.contenttable-2 .tr-even .tr-last .td-0  {
	border-bottom: 0px;}
.contenttable-2 .tr-last td {border-bottom:none;}

/* Tabelle Layout-3 *************************************************/
.contenttable-3{
  border:none;
  margin:0px;
  background-color: var(--cellBGC);
  border-collapse:collapse;}
.contenttable-3 td {
  background-color: #fff;
  border:none;
  border-bottom:1px solid var(--buttonBGC);
  color: #000;
  text-align:left;
  margin:0px;}
.contenttable-3 th{background-color: var(--buttonBGC);color:#fff;border:none;}
.contenttable-3 tr {
  border:0px;
  margin:0px;}
.contenttable-3 > tbody > tr.tr-last > td{border:none;}
.contenttable-3 > tfoot > tr.tr-last > td{border:none;}

/* Contenttable *************************************************************************************************************************/
table.menutable {border-collapse:collapse;width:100%;}
table.menutable th {padding:5px;padding-left:7px;text-align:left;}
table.menutable td {padding:2px;padding-left:7px;text-align:left;}

table.menutable .imglink {padding:0px;}
table.menutable .tr-odd {background-color:#ddd;}
table.menutable.menutable-1 tbody tr.tr-first.tr-odd td.td-0.td-first.imglink a{background:none;}
/* Contenttable */
div.menutable {margin:0 0 1.25rem 0;overflow:hidden;}
div.menutable div.zeile{overflow:hidden;background-color:#fff;transition: background-color 0.2s linear 0s;border-bottom:5px solid var(--pageBGColor);}
div.menutable div.zeile:hover{background-color:#686666;transition: background-color 0.2s linear 0s;}
div.menutable div.zeile a{display:block;}
div.menutable div.zeile div p{line-height: 36px;margin:0;font-weight:500;}
div.menutable div.zeile:hover div p a{color:#fff;text-decoration:none;}

div.menutable div.zeile div.tablediv {float:left;height:30.25rem;overflow:hidden;}
div.menutable div.zeile div.div-0 {width:60px;height:30.25rem;}
div.menutable div.zeile div.div-0 img {width:100%;height:100%;}
div.menutable div.zeile div.div-1 {width:220px;}
div.menutable div.zeile div.tablediv.div-1 p a.internal-link {padding-left:0.625rem !important;}
div.menutable div.zeile div.div-2 {width:320px;}
div.menutable div.zeile div.div-2 p a:link:after{content:'  »';}
div.menutable div.zeile div.div-3 {width:20px;}
div.menutable div.zeile div.div-4 {width:20px;}
div.menutable div.zeile.last{border-bottom:none;}

@media only screen and (max-width: 1140px) {
  div.menutable div.zeile div.div-0 {width:60px;height:30.25rem;}
  div.menutable div.zeile div.div-2 {padding-left:0.625rem;}
  div.menutable {margin-right:inherit;}
  div.menutable div.zeile div.div-1 {width:200px;}
  div.menutable div.zeile div.div-2 {width:240px;}
}
@media only screen and (max-width: 640px) {
  div.menutable div.zeile div.div-0 {width:60px;height:30.25rem;}
  div.menutable div.zeile div.div-2 {padding-left:0.625rem;display:block;}
  div.menutable {margin-right:inherit;}
  div.menutable div.zeile div.div-1 {width:150px;}
}
@media only screen and (max-width: 520px) {
	div.menutable div.zeile div.div-2 {display:none;}
}

@media only screen and (max-width: 1200px) {

}

/*  */
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.fw100 {font-weight:100;}
.fw200 {font-weight:200;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}
.fw800 {font-weight:800;}
.fw900 {font-weight:900;}
table.font-test-table tbody td{font-size:1.5rem;}
div.font-test-div label{margin:0;}
div.font-test-div p{margin:0;}
tr.fw100 {font-weight:100;font-family: 'Roboto',Arial, Helvetica;}
tr.fw200 {font-weight:200;font-family: 'Roboto',Arial, Helvetica;}
tr.fw300 {font-family: 'Roboto',Arial, Helvetica;}
tr.fw400 {font-weight:400;font-family: 'Roboto',Arial, Helvetica;}
tr.fw500 {font-weight:500;font-family: 'Roboto',Arial, Helvetica;}
tr.fw600 {font-weight:600;font-family: 'Roboto',Arial, Helvetica;}
tr.fw700 {font-weight:700;font-family: 'Roboto',Arial, Helvetica;}
tr.fw800 {font-weight:800;font-family: 'Roboto',Arial, Helvetica;}
tr.fw900 {font-weight:900;font-family: 'Roboto',Arial, Helvetica;}

ul#recentcomments{padding:0;}



/* Links */
.external-link {  font-size:inherit;}

/* New Login Box *********************************************************************/
div.tx-newloginbox-pi1 table, div.tx-newloginbox-pi3 table {
	border: none;
	border-collapse:collapse;
	width:100%;
	background-color:transparent;}
div.tx-newloginbox-pi3 table td {
	padding:3px;
	border:none;}
div.tx-newloginbox-pi3 table th {
	text-align:left;
	border:none;}
div.tx-newloginbox-pi3 table thead th {
	padding: 6px 6px;}
div.tx-newloginbox-pi3 table tbody th {
	padding: 6px;}
div.tx-newloginbox-pi3 table tbody th.sub {
	font-size:100%;
	padding: 6px;}
div.tx-newloginbox-pi3-browsebox table tbody tr th td{
  border: none;}

div.tx-newloginbox-pi1 > form > table > tbody > tr > td{padding:0;}
div.tx-newloginbox-pi1 form table tbody tr td p {margin-right:5px;display:block;}
div.tx-newloginbox-pi1 > form > table > tbody > tr > td > input{width:100%;}
p.tx-newloginbox-pi1-forgotP {text-align:right;margin:0;}

#CONTRE div.tx-newloginbox-pi1 form table tbody tr td p {margin-right:0.625rem;width:80px;}
.clear {
	clear:both;
	position:relative;
	height:0px;
	margin:0px;
	padding:0px;}
.spacer{padding:0;margin: 0 0.25rem;}
/* Farben Colors *********************************************************************/
.E7E575{color:var(--pageBGColor);}
.FFFFFF{color:#FFF;}

.dsif-breadcrumb {padding:0.625rem 0.625rem;}
.dsif-breadcrumb p a i {vertical-align: middle; margin-top: -6px;}
.dsif-breadcrumb a {display:inline-block; margin: 0 8px 1px 8px; border-bottom:1px solid var(--baseColor1); font-weight:500;}
.dsif-breadcrumb a:hover {text-decoration:none; border-bottom-width: 2px; margin-bottom:0;}
.dsif-breadcrumb a:focus {text-decoration:none; border:none; margin-bottom:1px;}
.dsif-breadcrumb p {margin:0px; line-height:2rem;}
.dsif-breadcrumb p .spacer:last-child {margin-right:0.75rem;}

td .dsR632{width:405px;}
.cur {color: #ABD300;}

/* List-Menu List-16*/
div.list.row > a > div > img{width:100%;height:inherit;}

/* KACHELMENUES ***************************************************************/
div.mosaik {margin-right:-14px;}
/* Ausnahme auf Seite Projekte*/
#c2309 div.mosaik {margin-top:0px;}
ul.kachelmenu{margin: 0;padding:0;}
ul.kachelmenu li img {width:100%;height:inherit;}
ul.kachelmenu li{
	background-color:#E6E6E5 !important;
  	width:31.93%;
  	float:left;
  	padding:0px;
  	margin:0px 0.625rem 7px 0px;
  	list-style-type:none;
  	background: url('../images/css/kachel_hg_200x120.png') no-repeat 0 0;
  	background-image:none;
  	transition: opacity 0.2s linear 0s;
  	opacity:1;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  	/*height:120px; */}
ul.kachelmenu li a {display:block;}
ul.kachelmenu li a:link {border-bottom:none !important;}
ul.kachelmenu li a:hover {transition: opacity 0.2s linear 0s;opacity:0.8;}
ul.kachelmenu li a:focus {filter: saturate(2);opacity: 1}
ul.kachelmenu li span {
	background-color:#fff !important;
	text-overflow: ellipsis;
	/* height: 20px; */
	display: block;
	white-space: nowrap;
	overflow: hidden;
	padding:8px 16px 0 16px; 
	font-weight: normal;
	/* text-overflow: ellipsis; */}
ul.kachelmenu li span:last-child {
	line-height:1.2em;
	font-weight: normal;
	padding:0 16px 12px 16px; 
}
span.menu-title {
    border-top: 1px solid silver;
}


/**/


ul.kachelmenu li{width:19.11%;}
/**/
@media only screen and (max-width: 1199px) {
	.col-md-12 ul.kachelmenu li{width:23.9%;}
}
@media only screen and (max-width: 992px) {
	.col-md-12 ul.kachelmenu li{width:31.5%;}
}
@media only screen and (max-width: 767px) {
	.col-md-12 ul.kachelmenu li{width:31.5%;}
}
@media only screen and (max-width: 639px) {
	.col-md-12 ul.kachelmenu li{width:47.7%;}
}
@media only screen and (max-width: 479px) {
	.col-md-12 ul.kachelmenu li{width:46.2%;}
}
@media only screen and (max-width: 320px) {
	.col-md-12 ul.kachelmenu li{width:100%;}
}


div#schatten-body  ul.kachelmenu li a {
  background:none;
  padding:0px;
  margin:0px;}
ul.kachelmenu li img{margin:0px;}

.kachel a:hover{
  color:black;}
.kachelcaption a {
  display:block;
  background:none;
  margin:0 0px 0px 0px;}
.kachel img {
  padding:0px;
  background:none;
  margin:0px;}
.kachel4er{
  margin-bottom:1rem;}

/*DIV-Container-Formate für fixe Container ************************************/
#CONTRE form  { width:auto;}
#CONTRE h1 {  line-height:120%; border-bottom:none;}
#CONTRE h2 {  line-height:120%; border-bottom:none;}
#CONTRE h3 {  line-height:120%; border-bottom:none;}
#CONTRE h4 {  line-height:120%; border-bottom:none;}
#CONTRE h5 {  line-height:120%; border-bottom:none;}
#CONTRE h6 {  line-height:120%; border-bottom:none;}

#CONTRE a:link.cur{
  text-decoration:none;
  font-weight:bold;}
#CONTRE a:link.act{
  text-decoration:underline;}

/*Zitatblock ******************************************************************/

.blockquote-author{
	text-align:right;
	font-size:0.9rem;
	line-height:15px;}
#CONTNORMAL  p.blockquote-author a:link{
	background-position: 0 -966px;}
#CONTNORMAL  p.blockquote-author a:hover{
	background-position: 0 -946px;}
.zitatblock {
	text-align: left;
	font-family:'Segoe UI', Gill, Arial, Helvetica;
	font-style: italic;
	font-size: 1rem;
	border:0px solid var(--buttonBGC);
	margin:0px 0.625rem 0.625rem 0px;
	padding:100px 1.25rem 60px 40px;
	color:#000;
	background-color:#efefef;
	background-image: url('../images/css/quote.png');
	background-repeat: no-repeat;
	background-position: 40px 40px;}
div.schatten-body .zitatblock {
	text-align: justify;
	font-style: italic;
	margin:0px;
	padding:55px 1.25rem 1.25rem  0.625rem;
	color:#000;
	background-color:transparent;
	background-image: url('../images/css/quote.png');
	background-repeat: no-repeat;
	background-position: 0.625rem 0px;}
div.schatten-body .blockquote {color:var(--buttonBGC);}

/* EXTENSIONS" */

/* Powermail *****************************************************************************************************/
div.error {
    margin: 0px;
    padding:0 0 0.625rem 1.25rem ;
	background:transparent url(../images/css/error-background_DDAFB3.png) no-repeat scroll left bottom;}
div.error p{
	background-color: #DDAFB3;
	line-height:1.8em;
	color: #000;
	padding: 5px;}
div.error *{color:#fff;}

.powermail_submit {
	margin-left:24%;
	background-color: var(--buttonBGC);
	color:#ffffff;
	border:none;}
.tx-powermail-pi1_thx p table{background-color:#ddd}
.tx-powermail-pi1_thx p table td{padding:5px;}
.tx-powermail-pi1_thx table p{color:#000;background-color:transparent;}
input.tx-powermail-pi1_confirmation_submit{margin-left:0px;}
form.tx_powermail_pi1_formconfirmation_submit {margin-left:0px;padding-left:0px;}
.tx_powermail_pi1_fieldwrap_html_captcha_description {
	margin-left: 24%;}

.powermail_fieldwrap_content {
	margin-left: 24%;
}
.powermail_check_inner {
	display: flex;
    flex-direction: row;
}
.powermail_check_inner input:nth-child(2) {
	width: 5%;
	margin-left: 23%;
}
.powermail_check_inner label {
	width: 95%
}
#c3321 {
	padding:2rem 0 0 0;
}
.powermail_fieldwrap_captcha {
	margin:0 0 2rem 0;
}
.powermail_captchaimage {
	margin-left:24%;
}

/* SRFreecap ******************************************************************************************************/
img.tx-srfreecap-pi2-image {
  margin-right: 0;
  margin-left:24%;
  vertical-align: middle;}
span.tx-srfreecap-pi2-cant-read {
  display: block;
  font-size: inherit;
  color:#000;
  margin-left:24%;
  margin-bottom:0.75rem;
  margin-top:0.75rem;}
div.tx_powermail_pi1_fieldwrap_html_captcha_description{margin-bottom:0.75rem;}

/* Glossar *********************************************************************************************************/
.catchword{
	font-weight: bold;
	text-decoration:none;}
.catchword_desc{
	padding-bottom:0.625rem;}
a.letter,a:link.letter,a:hover.letter {
	font-weight: normal;
	color:#fafafa;
	border-bottom: 1px dotted #E6E6E5;
	text-decoration:none;}
a:link.letter {
	color:#f2f2f2;
	text-decoration:none;}
a:visited.letter {
	color:#fafafa;
	text-decoration:none;}
a:hover.letter,a:active.letter {
	color:#ee68b0;
	text-decoration:none;}
.letter{
	margin: 1.0em 0  0.0em;
	border-bottom: 1px dotted #E6E6E5;}
.alphabet {
	font-weight: bold;}
.mx_fileupload_content p {
	color:#aad300;
	font-weight:bold}

/* LIST */


@media only screen and (max-width: 1200px) {
	.news-latest-item, .news-list-item {width: 48.3%;min-height:140px;}
}
#CONTRE .news-header-list-title{font-size:1.25rem;}
#CONTRE .news-header-list-container  {
	width:auto;
	height:auto;
	overflow: hidden;
	margin:0px -20px 1px -20px;
	transition: margin 0.2s;
	background-color: #686666;
	transition: background-color 0.2s linear 0s;
	list-style-type: none;
	color:#efefef;
	font-size: 1.25rem;}
#CONTRE .news-header-list-container:hover{color:#fff;background-color: var(--buttonBGC);transition: background-color 0.2s linear 0s;}
#CONTRE .news-header-list-title, #CONTRE .news-header-list-title a:link, #CONTRE .news-header-list-title a:visited{
	color:inherit;text-decoration:none;background:none;}
.news-list-browse{display:block;overflow:hidden;clear:both;
    border: 1px solid #8f8f8f;}
.news-list-browse:hover{border: 1px solid #efefef;}
.news-single-item {padding:0px;}
.disabledLinkWrap, .activeLinkWrap {
    color: #8f8f8f;}

.news-list-morelink, .news-latest-morelink {
	float:right;margin-bottom:0px;}
.news-list-container,  .news-latest-container{padding:0px;}
.news-next-art div a:link{
	background-image: url(../images/css/pfeil_re_70B895.png);
	background-position:  right 3px ;
	background-repeat:no-repeat;
	padding-right:13px;}
.news-prev-art a {
	background-image: url(../images/css/pfeil_li_70B895.png);
	background-position:  left 3px ;
	background-repeat:no-repeat;
	padding-left:13px;}
.news-single-rightbox{display:block;width:100%;}
.news-single-backlink{padding:0px;margin:0.625rem 0px 1rem 0px;}
hr.cl-left, hr.cl-right{border:1px solid black;height:5px;}
.news-single-rightbox{float:none;margin:-0.5rem 0 0.625rem 0;}
.news-single-subheader-h{text-transform:none;font-weight:bold;}
.news-single-related,.news-single-links,.news-single-additional-info {padding:0px;margin:0px;}
.news-single-additional-info{margin-bottom:1rem;}
.news-single-img{margin:3px 5px 0.625rem 5px;}

/* Lightbox ***********************************************************************************************************************************/
#sbCaption{font-size:0.75rem;}
#lbCenter{z-index:50000;}

/* default styles for extension "tx_srlanguagemenu_pi1" ***************************************************************************************/
.tx-srlanguagemenu-pi1 p { float: right; color: #666; font-size: 0.5rem;}
.tx-srlanguagemenu-pi1 img { margin: 0 5px; padding: 0; border-style: none; }
.tx-srlanguagemenu-pi1 .CUR { float: right; font-size: 0.5rem;}
.tx-srlanguagemenu-pi1 .CUR a { color: #666; }
.tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active { color:#ee68b0; }
.tx-srlanguagemenu-pi1 .NO { float: right; font-size: 0.5rem; }
.tx-srlanguagemenu-pi1 .NO a { color: #fafafa; font-weight: bold; }
.tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO a:hover, .tx-srlanguagemenu-pi1 .NO a:active { color:#ee68b0; }
.tx-srlanguagemenu-pi1 .INACT { float: right; font-size: 0.5rem;}
.tx-srlanguagemenu-pi1 .INACT a { color: #666; }
.tx-srlanguagemenu-pi1 .INACT a:focus, .tx-srlanguagemenu-pi1 .INACT a:hover, .tx-srlanguagemenu-pi1 .INACT a:active { color: #ee68b0; }
.tx-srlanguagemenu-pi1 .SPC {  float: right; line-height: 100%; color: #666; }
.tx-srlanguagemenu-pi1 fieldset select {color: white; font-weight: bold; background-color:transparent;margin-left:0px;}
.tx-srlanguagemenu-pi1 fieldset option .tx-srlanguagemenu-pi1-option-0 { background-color:white; }

/* FAQ *****************************************************************************************************************************************/
.tx-irfaq-pi1 dl{margin-right:0.625rem;}
dt.tx-irfaq-dynheader, dt.tx-irfaq-dynheader  {
	background-color:#F7F7F7;
	font-weight:normal;
	padding: 5px 0.625rem 5px 0.625rem;  }
dt.tx-irfaq-dynheader:hover, dt.tx-irfaq-dynheader:hover p {
	background-color:var(--buttonBGC);
	color:white;
	font-weight:normal;}
.tx-irfaq-dynheader p{
	color:#444;}
.tx-irfaq-dynans-visible dd{
	padding:0px 0px 0px 0px;
	margin:0.625rem;}
.additional-info {height:auto;border:0px;background-color:transparent;padding-bottom:0.625rem;}
.irfaq-related-link-block{margin:0px;}

/* RAHMEN FRAMES ***************************************************************************************************************************/

/* SCHATTEN WEISS BOX */
.schatten-top {
	background-image: url(../images/css/schatten-weiss-oben.jpg);
	background-repeat: no-repeat;
	height:0.625rem;
	clear:both;}
.schatten-body {
	background-color:var(--cellBGC);
	padding:0.75rem 1.5rem 0.75rem 1.5rem ;
	margin: 1.5rem 0px;
	overflow:hidden;}
.schatten-body p.bodytext,  .schatten-body li,  .schatten-body dd,  .schatten-body dt, .schatten-body .bodytext {color:#404042;}
.schatten-body blockquote p.blockquote, .schatten-body blockquote p.bodytext {color:var(--underlineColor);}
.schatten-body h1,  .schatten-body h2,  .schatten-body h3,  .schatten-body h4,  .schatten-body h5 {
	background-color:var(--buttonBGC);
	border :none;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1rem;
	padding: 0.625rem 1.25rem 0.75rem;
	margin:0px 0px 0.75rem 0px;
	line-height:20px;}
.schatten-body h1, .schatten-body h2, .schatten-body h3, .schatten-body h4, .schatten-body h5 {
  	background-color: var(--relatedMenuBGC);
  	border: medium none;
  	font-size: 1.5rem;
  	font-weight: 500;
  	text-decoration: none;
}
.schatten-body a {
	color:var(--buttonBGC);
	text-decoration:none;
	font-weight:400;}
.schatten-body a:link,  .schatten-body a:link,  .schatten-body a:visited,  .schatten-body a:hover,  .schatten-body a:active {
	background-repeat: no-repeat;}
.schatten-body a:link {
	color:var(--buttonBGC);}
.schatten-body a:visited {
  color:var(--buttonBGC);}
.schatten-body a:hover{
	color:#333;}
.schatten-body a:active{
	color:#000;}
td.imglink a:link{background:none;padding:0px;margin:0px;}

.schatten-body ul, .schatten-body ol {
	padding-left: 0px;
	margin:0px 0.75rem 0.75rem 0.75rem;}
.schatten-body ul li{
	padding-left:20px;}
.schatten-body .bodytext {
	margin:0px 0px 0.75rem 0px;
	padding:0px;}
.schatten-body ul.lu3 li{ padding-left:0px;}

.schatten-bottom {
	background-image: url(../images/css/schatten-weiss-unten.jpg);
	background-repeat: no-repeat;
	height:30px;
	clear:both;}

/* SCHATTEN SCHWARZ BOX */
.schattenschwarz-top {
	background-image: url(../images/css/schatten-schwarz-oben.jpg);
	background-repeat: no-repeat;
	height:0.625rem;}
.schattenschwarz-body {
	background-image: url(../images/css/schatten-schwarz-body.jpg);
	background-repeat: repeat-y;
	padding: 5px 17px 13px 6px;
	color:#FEE20A;}
.schattenschwarz-body .bodytext{
	margin:0px 3px 0px 3px;}
.schattenschwarz-body h1, .schattenschwarz-body h2, .schattenschwarz-body h3, .schattenschwarz-body h4, .schattenschwarz-body h5 {
	color:#000;
	background-color:#FEE20A;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1em;
	padding:2px 5px 7px 9px;
	margin-right:0px;  }
.schattenschwarz-body a {
  	color:#FEE20A;
  	text-decoration:none;}
.schattenschwarz-body a:link {
	color:#FEE20A;
	background-image: url('../images/css/sprites.gif');
	padding-left: 17px;
	background-repeat: no-repeat;
	background-position: 0px -927px}
.schattenschwarz-body a:visited {
	color:#FEE20A;
	background-image: url('../images/css/sprites.gif');
	padding-left: 17px;
	background-repeat: no-repeat;
	background-position: 0px -927px}
.schattenschwarz-body a:hover{
	color:#fff;
	background-image: url('../images/css/sprites.gif');
	padding-left: 17px;
	background-repeat: no-repeat;
	background-position: 0px -897px}
.schattenschwarz-body a:active{
	color:#FEE20A;
	background-image: url('../images/css/sprites.gif');
	padding-left: 17px;
	background-repeat: no-repeat;
	background-position: 0px -897px}
.schattenschwarz-body ul, .schattenschwarz-body ol {
	padding-left: 5px;}
.schattenschwarz-bottom {
	background-image: url(../images/css/schatten-schwarz-unten.jpg);
	background-repeat: no-repeat;
	height:30px;}

/* Shoutbox */
.shoutbox {background-color:#C6C2B2;margin-bottom:0.75rem;}
.shoutbox * {color:#000;}
.shoutbox h2,.shoutbox h3,.shoutbox h4,.shoutbox h5,.shoutbox h6{font-size:2rem;background-color: #686666;color: #efefef;padding: 1.25rem ;}
.shoutbox p{font-size:1.5rem;}
.shoutbox p.tease a::after{content:' »';}
.shoutbox p.tease a:link {color:#000;background-color:#fff;display:inline-block;padding: 0 0.75rem;}
.shoutbox a:hover{text-decoration:none;color:#fff;background-color:#686666;}
.shoutbox-body{padding: 1.5rem 0.75rem 1.5rem 0.75rem;}
.shoutbox-body::after{width: 1.5rem;background-color:#686666;content:' ';}
.shoutbox-bottom{background-color:#686666;padding: 0 0.75rem;}

/**/
.havealook li.relmenu a.internal-link {display:inline;}

/* Tacker-Boxx 2015 */
.tacker-boxx table.tabelle_contre {width:100%;}
.tacker-boxx a{text-decoration:underline;}
.tacker-boxx, .lochung-boxx {
	background:var(--cellBGC);
	margin:0 0 1.5rem 0;
	padding:1.5rem;
}
.lochung-boxx{overflow: unset;}

#CONTRE div.tacker-boxx {
	padding:1.5rem;
	overflow:hidden;
}

/* Lochung-Boxx */
.lochung-boxx{
	padding:1.5rem;
}

/*  Spickzettel Tabelle */
.tacker-boxx .contenttable {
	border:0px;
	border-collapse:collapse;}

#INNERCONTENTNORMAL .tacker-box table.contenttable  td {/*allgemeine Formatierungen für Tabelle Layout-2*/
	background-color: transparent;
	border-right: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
	border-left: 0px solid #ababab;
	border-top: 1px solid #ababab;
	text-align:left;
	margin:0px;
	padding:3px 3px 3px 5px;
	color:#555;}
#INNERCONTENTNORMAL div.tacker-box table.contenttable  .td-last {/*allgemeine Formatierungen für die Tabelle Layout-2*/
	font-weight: normal;
	border-right: 0px;}
#INNERCONTENTNORMAL div.tacker-box table.contenttable td.td-0 {
	font-weight: bold;
	padding-left:1px;}

/*EXTENSION ****************************************************************************************************************/
#tx-srfeuserregister-pi1-fe_users_form fieldset dl dd {color:#DA016C;}
#tx-srfeuserregister-pi1-fe_users_form form{width:auto;}
#tx-srfeuserregister-pi1-fe_users_form legend{width:350px;display:none;}
.tx-srfeuserregister-pi1-fe_users_form dt {width:24%;}
.tx-srfeuserregister-pi1 label{width:100%;}
.tx-srfeuserregister-pi1 input, .tx-srfeuserregister-pi1 input[type="file"], .tx-srfeuserregister-pi1 textarea{padding: 6px 0.625rem;width:100%;text-align:left;margin:0px;}
.tx-srfeuserregister-pi1 select{width:100%;text-align:left;margin:0px;}
.tx-srfeuserregister-pi1 dd{width:75%;text-align:left;}
.tx-srfeuserregister-pi1 input[type="radio"], .tx-srfeuserregister-pi1 input[type="checkbox"]{text-align:left;width:auto;display:inline;}
.tx-srfeuserregister-pi1 dt {width:24%;text-align:left;}
.tx-srfeuserregister-pi1 input[type="submit"]{width:auto;}
.tx-srfeuserregister-pi1-radio input[type="radio"]{text-align:left;width:20px;}
.tx-srfeuserregister-pi1-uploader {width:150px;display:none;}
#tx-srfeuserregister-pi1-fe_users_form > fieldset > dl > dd > label{clear:none;width:30px;float:left;}
.tx-srfeuserregister-pi1-radio label{display:inline;width:40px;float:left;}
#tx-srfeuserregister-pi1-fe_users_form > fieldset > dl > dd:nth-child(46) > input:nth-child(27)

.pagetitlefooter span{padding:0 0.625rem;}

.opacity{opacity:0.2;background-color:#fff;}
.background-opacity{background-color:rgba(255,255,255,0.2);}

/* Indexed Search **********************************************************************************************************/
.tx-indexedsearch-searchbox, .tx-indexedsearch-rules{
  width:300px;}
#cont table.tabelle_contre{width:auto;}
#cont table.tabelle_contre *,table.tabelle_contre a{color:#404042;}

/*last updated 3 ***********************************************************************************************************/
span.lu-datum{float:right;padding: 0.75rem 1.25rem 0.75rem 0;transition: padding 0.2s;color:#fff;}
span.lu-datum::after {content: " »";}

ul.lu3 li:hover span.lu-datum {padding:0.75rem 1.5rem 0.75rem 0;transition: padding 0.2s;}
ul.lu3 {
	margin:0.75rem -1.5rem 0.75rem -1.5rem;
	padding:0px;}
ul.lu3 li {
	background-image:none;
	display:block;
	color:var(--text2);
	font-size: 1.25rem;
	margin-bottom:1px;
	padding:0;
	background-color: var(--buttonBlogBGC);
	overflow: hidden;
	font-size:1.25rem;
	transition: var(--transAll);
}
ul.lu3 li:hover {
	background-color:var(--relatedMenuHoverBGC);
}
ul.lu3 li a {
	padding: 0.75rem 1.5rem 0.75rem 1.5rem ;
  	background-image: none;
	border:none;
	color:inherit;
	text-decoration:none;
	transition: var(--transAll);
	display:block;
}
ul.lu3 li a:hover{
	color:inherit;
	padding: 0.75rem 1.5rem 0.75rem 1.5rem ;
	transition: var(--transAll);
}

/* relatedmenu */
ul.relatedmenu {
	margin:0.75rem -1.5rem 0.75rem -1.5rem;
	padding:0;
}
ul.relatedmenu li {
	border: none;
	margin: 0 0 1px 0;
	padding: 0;	
	list-style-type: none;
	color: var(--text);
	background: var(--relatedMenuBGC);
	
	font-size: 1.25rem;
	transition: var(--transAll);
}
ul.relatedmenu li:hover {
	color: var(--text2);
	background-color: var(--relatedMenuHoverBGC);
}
ul.relatedmenu li a {
	padding: 0.75rem 1.5rem 0.75rem 1.5rem;
	background: none;
	list-style-type: none;
	font-weight: 400;
	transition: var(--transAll);
	display: block;
}
ul.relatedmenu li p a {
	padding:0px 1.5rem 0.75rem 1.5rem ;
}
ul.relatedmenu li p {
	margin:0px;
	color:inherit;
	font-weight:inherit;
}
ul.relatedmenu li a {
	display:block;
	color:inherit;	
	font-weight:inherit;
	text-decoration:none;
	transition:var(--transAll);
}
ul.relatedmenu li a p::after {
  	content: " #";
	white-space:nowrap;
}

/* xoxo blogroll */
ul.xoxo.blogroll, ul#menu-side-bar-menue, ul.blogroll {margin:0.75rem -1.5rem 0.75rem -1.5rem;padding:0;}
ul.xoxo.blogroll li, ul#menu-side-bar-menue li, ul.blogroll li {
	width:auto;
	height:auto;
	background: none;
	list-style-type: none;
	border:none;
	color:var(--text2);
	background-color:var(--buttonBlogBGC);
	padding: 1rem 1.5rem 1rem 1.5rem ;
	transition: var(--transAll);
	margin:0 0 1px 0;
	font-size: 1rem;
	line-height: 1.5rem ;}
ul.xoxo.blogroll li:hover, ul#menu-side-bar-menue li:hover, ul.blogroll li:hover{
	background-color:var(--relatedMenuHoverBlogBGC);
	transition: var(--transAll);
	padding: 1rem 1.5rem 1.5rem 1.5rem ;
	color:var(--text2);}
ul.xoxo.blogroll li a, ul#menu-side-bar-menue li a, ul.blogroll li a{
	display:block;
	text-decoration:none;
	font-size: 1.25rem;
	color:inherit;
	transition: var(--transAll);
}
ul.xoxo.blogroll li:hover a, ul#menu-side-bar-menue li:hover a, ul.blogroll li:hover a{
	color:inherit;
	transition: var(--transAll);
}

#WIDGETFOOTER ul.xoxo.blogroll li a {
	color:var(--text);
}

/**/
/* #recentcomments */
ul#recentcomments {margin:0.75rem -1.5rem 0.75rem -1.5rem;}
ul#recentcomments li{
	width:auto;
	height:auto;
	background: none;
	list-style-type: none;
	color:var(--text);
	border:none;
	background-color:var(--relatedMenuBGC);
	transition: var(--transAll);
	padding: 1rem 1.5rem 1rem 1.5rem ;
	margin:0 0 1px 0;
	font-size: 1.25rem;}
ul#recentcomments li:hover{
	color:var(--text2);
	background-color:var(--relatedMenuHoverBGC);
	transition: var(--transAll);
	padding: 1rem 1.5rem 1.5rem 1.5rem ;
}
ul#recentcomments li p {
	margin:0px;
	color:inherit;
	transition: var(--transAll);
}
ul#recentcomments li a {
	display:block;
	text-decoration:none;
	color:inherit;
	transition:none;}
ul#recentcomments li > a::after {
	content: " #";
	white-space:nowrap;
}

/**/
.nomargin{margin:0px;}
.nopadding{padding:0px;}
.projectcolor{background-color:#fff;}
.standardpadding{padding:5px;}
.standardhover{background-color:#fff;}

/* AdminPanel ADmpanel  */
table.typo3-editPanel tbody tr td {background-color:transparent;}
div#INNERCONTENTNORMAL table.typo3-editPanel tbody tr td.typo3-editPanel-label font {color:#fff !important;}
/* Slimbox */

#TOOLBOX > div {
	margin-right:1rem;
}
a.toolboxbuttonlink , a.toolboxbuttonlinkf:link, a.toolboxbuttonlinkf:hover{
	line-height:4rem;
	height:100%;
	display:block;
	text-decoration:none;
	outline:none;
}
a.toolboxbuttonlink:focus{
	outline: 0.25rem dotted #fff;
	outline-offset: -0.25rem;
}
a.toolboxbuttonlink .material-icons-outlined {
	font-size:4rem;
	color:rgba(0,0,0,0.5);
	user-select:none;
}
/* ZH Chinesisch */
.zh .nav.nav-bar li, .ja .nav.nav-bar li { font-size: 1.5rem;line-height: 26px;}
.zh .nav.nav-bar li span.subtitle, .ja .nav.nav-bar li span.subtitle {font-size: 18px;}

/* Body Layout-8 */
body.layout-8{overflow-x:hidden;}
.layout-8 #PAGE {
	background-color: var(--bodyBGColor);}

.layout-8 header {
    position: absolute;
    width: 100%;
    z-index: 5;
}
.layout-8 #HEADER {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
	background:none;
}
.layout-8 #box-1{border: 0 none;
    line-height: 0;
    margin: 0;
    padding: 0;
	background-color:#686666;
	overflow:hidden;}
.layout-8 #box-1-claim{
	position:relative;
	top:20rem;
	color:var(--linkText);
	z-index:1;
	margin:0;
	overflow:hidden;
	padding-bottom:1rem;
}
.layout-8 #box-1-claim * {
	color:var(--linkText);
}
#p63 .uplink {
	display:none;
}
#p63 div.pagetitle {
	display:none;
}

#p63 h1 {font-size:calc(2rem + 1.9vw);}

button.button.button--transparent, a.button.button--transparent, a:visited.button.button--transparent, button.btn.btn-primary,input[type="submit"] {
	background-color: rgba(255, 255, 255, 0.7);
	transition: var(--transAll);
    color: rgba(0, 0, 0, 0.8) !important;
    font-size: 1.5rem;
    font-weight: 500;
	letter-spacing: 0.1rem;
    /* line-height: 3em; */
    padding: 1.5rem 2rem ;
    text-decoration: none; 
	margin-right:2rem;
	margin-bottom:2rem;
	display: inline-block;
	text-decoration: none;
    border-bottom: 2px solid var(--baseColor1);
	border-radius:0rem;
	outline:none;
}
button.button.button--transparent:focus, a.button.button--transparent:focus, button.btn.btn-primary:focus, input[type="submit"]:focus{
	background-color: rgba(255, 255, 255, 1);
	transition: var(--transAll);
	outline: 0.25rem dotted var(--baseColor1);
    outline-offset: 0.5rem;
}
button.button.button--transparent:hover, a.button.button--transparent:hover,
button.button.button--transparent:active, a.button.button--transparent:active, button.btn.btn-primary:hover, input[type="submit"]:hover {
	background-color: rgba(255, 255, 255, 0.5);
	transition: var(--transAll);
	outline:none;
}

.layout-8 #box-1 video, .layout-8 #box-1 img {
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
	display:block;
}

.layout-8 #box-1 img{display:none;}

.layout-8 .container.wrapper *{color:#fff;}
.layout-8 .container.wrapper{padding:0 5% 0 6.5rem;}
.layout-8 main{background-color:#EEEDE8;padding:50px 0px;}

ul.nav, ul#subnavigation {
    background: transparent;
}
.dropdown-toggle::after{
	display:none;
}
ul.dropdown-menu {
    background: rgba(70, 68, 68, 0.1) none repeat scroll 0 0;
	background:hsla(0, 0%, 100%, .5);
	backdrop-filter: blur(30px);
	z-index:1000;
}
ul.dropdown-menu::before {
	content: '';
	margin: -1rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	filter: blur(4rem);
	z-index: -1;
}
ul.dropdown-menu li:hover{background:rgba(255, 255, 255, 0.1) none repeat scroll 0 0}
ul.dropdown-menu>li>a:hover,ul.dropdown-menu>li>a:focus{background-color:rgba(255,255,255,0.1)}

.navbar-header {
    background: transparent;
    border-bottom: none;
}
.layout-8 main{margin-top: 650px;}
.layout-8 footer {
	position: relative;
    top: -120px;
	top:0;
    width: 100%;
    z-index: 5;
	display:none;
}
.layout-8 #FOOTER {
    background: rgba(170, 170, 60, 0.2) none repeat scroll 0 0;
    padding-bottom: 0;
}
.layout-8 #TOOLBOX:hover, #breadcrumb:hover {
    background-color: transparent;
}
.layout-8 #TOOLBOX{display:none;}
.layout-8 #SUBFOOTER {
    background: rgba(50, 50, 50, 0.3) none repeat scroll 0 0;
    padding: 0.625rem 0;
}

@media (max-width: 992px){
	.layout-8 #box-1-claim{
		top:220px;
	}
	.layout-8 .container.wrapper{
		padding:0 4rem 0 4rem;
	}

	#MAIN.container{
		padding:0;
	}
}
@media (max-width: 767px){
	.layout-8 #box-1-claim{top:220px;}


	#nav-lang {right:2.5rem;}
}
@media (max-width: 640px){

	.layout-8 #box-1-claim{top:180px;}
	.layout-8 #box-1 img{display:block;}
	.layout-8 #box-1 video{display:none;}
	.layout-8 .navbar-collapse {box-shadow: none;background: rgba(50, 50, 50, 0.8) none repeat scroll 0 0;}
	.layout-8 video {overflow:hidden;}
	body.layout-8{-webkit-overflow-scrolling: none; margin: 0; padding: 0;overflow:hidden;}
}
@media (max-width: 480px){
	.layout-8 #box-1-claim {
		top:145px;
	}
	.layout-8 .container.wrapper{
		padding:0 5% 0 5%;
	}
	input[type="submit"],button {
		padding: 0.625rem 1.25rem
	}
	.powermail_fieldwrap_content {
		margin-left: 0;
	}
	.powermail_check_inner {
		display: flex;
		flex-direction: row;
	}
	.powermail_check_inner input:nth-child(2) {
		width: 5%;
		margin-left: 0;
	}
	.powermail_check_inner label {
		width: 95%
	}
	#c3321 {
		padding:2rem 0 0 0;
	}
	.powermail_fieldwrap_captcha {
		margin:0 0 2rem 0;
	}
	.powermail_captchaimage {
		margin-left:0;
	}
}
@media (max-width: 320px){
	.layout-8 #box-1-claim{top:125px;}
}
/* Header Sticky menü*/
header{top:0;transition:top 0.3s ease 0.3s;position:relative;/*z-index:1;*/}
header.sticky-menu{
	width:100%;
	position:fixed;
	top:0px;
	transition:top 0.3s ease 0.3s;
	/*z-index:2;*/
}
body.sticky{padding-top:156px;}

/* Neues UL-menü Nav1Sub **************************************************************************************************/
/* BS-Nav */
.navbar-default {
    background-color: transparent;
}
.navbar-header {
    border-bottom:none;
}
ul.nav{
	margin-top:0;
	margin-bottom:0;
	padding:1rem 0.25rem;
	overflow: visible;
}
ul.nav span.subtitle {
    display: none;
}

#NAV-BAR-STICKY ul.nav{
	background-color:transparent;}
#NAV-BAR-STICKY .navbar-header {
    background-color: transparent;}
#navbar{
	text-align:center;
}

ul.nav {
	display:inline-block;
	}
ul.nav *{
	letter-spacing:1px;
	}
ul.nav li {
  	background: none;
  	float: left;
  	overflow: visible;
  	width: auto;
	text-transform:uppercase;
	color:efefef;
	font-size: 1.5rem;
	line-height:28px;
	padding: 0 0.625rem;}
ul.nav li:focus-within {
	outline:none;
}
ul.nav li.active ul.dropdown-menu li.active a {
    color: var(--text) !important;}

ul.nav li a:link, ul.nav li a:visited{background-color:transparent;color:var(--linkText);text-decoration:none;text-transform:none;}
ul.nav li:hover{color:var(--linkText);}
ul.nav li a:hover{background-color:transparent;color:var(--baseColor1);outline:none;}
ul.nav li a:focus, ul.nav li a:active{
	outline: var(--outline);
}
ul.nav li.dropdown.open{background-color:transparent;}
ul.nav li.dropdown.open:focus, ul.nav li.dropdown:focus{background-color:transparent;}
ul.dropdown-menu li.active a:link{color:var(--baseColor1) !important;}
ul.dropdown-menu li.active a:visited{color:var(--linkText) !important;}
li.active.dropdown.open{background-color:transparent;
}
ul.nav li  a:link.active, ul.nav li  a:link.visited{color:var(--pageBGColor);}
ul.nav.nav-bar li.active a.active {color:var(--pageBGColor);}

span.subtitle{text-transform:none;font-size:14px;line-height:1rem;}
body.ar ul.nav li {float:right;}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    text-decoration: none;
}
/**/
#sticky-nav{
    background-color:rgba(0,0,0,0);
    visibility:hidden;
    height: auto;
    opacity: 0;
    position: fixed;
    top: 60px;
	transition: var(--transAll);
    width: 100%;
    z-index: 2;
}
#sticky-nav ul.navbar-header {background-color:rgba(0,0,0,0);}
#sticky-nav.mysticky{top:0;transition:all 0.3s ease-out 0.3s;opacity:1;display: block; visibility:visible;background-color: rgba(70,68,68,0.8);}
#sticky-nav.mysticky ul.navbar-header {
    border-bottom: none;
	background-color: rgba(0,0,0,0);}
#sticky-nav div.container nav.navbar.navbar-default.navbar-static-top div div#navbar.navbar-collapse.collapse ul.nav.nav-bar{background-color: rgba(0,0,0,0);}
/**/
.dropdown-menu {
    background-clip: padding-box;
    background-color: #646666;
	background: rgba(70,68,68,0.95); /* Standard syntax */
	border:none;
    border-radius: 0px;
    box-shadow: 0 6px 0.75rem rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 0.5rem 0 0;
    min-width: 165px;
    padding: 15px 0 15px 0;
	transition:padding-right 0.2s;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;}
ul.dropdown-menu li{width:100%;display:block;}
ul.dropdown-menu li a{display:block;}
.dropdown-menu > li > a {
    clear: both;
    display: block;
    padding: 1.5rem;
    white-space: nowrap;
	line-height:inherit;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;color:var(--linkText);}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: transparent;}
.navbar.navbar-default.navbar-static-top {
    border-bottom: medium none;
    margin-bottom: 0;
    z-index:89 !important;}
.nav > li > a {
    display: block;
    padding: 0.625rem 5px 0.625rem 5px;
	padding: 1.5rem 0.5rem;
    position: relative;}
.navbar-collapse.in {
    overflow-y: visible;
}
.bg-white, .navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition {
    background-color: transparent !important;
}
@media (min-width: 1600px){
	.container {
   		width: 1570px;
		min-width:70%;}
	#CONTRE div.tacker-boxx {
		padding:1.5rem;}

	.schatten-body h1:first-child, .schatten-body h2:first-child, .schatten-body h3:first-child, .schatten-body h4:first-child, .schatten-body h5:first-child {
	  margin: -2.2% 0px 2.2% 0px;
	}
	ul.relatedmenu {
    	margin: 0.75rem -1.5rem 0.75rem -1.5rem;
	}
	ul.relatedmenu li a {
    	padding: 0.75rem 1.5rem 0.75rem 1.5rem;
	}
	ul.relatedmenu li:hover a{
		padding: 0.75rem 1.5rem 1.5rem 1.5rem;
	}

	.schatten-body {
		padding:2% 4% 4% 4%;
	}
}

@media (max-width: 1199px) {

	}
@media (max-width: 991px) {
	#NORMAL {
		padding: 0;
	}
	ul.nav li {

		font-size:20px;
		line-height:25px;}
	ul.nav  li > a {
		padding: 0.5rem;}
	p, option, label, text, textarea, button, dd, dt, form, td, div, q, li {
			font-size:18px;
			line-height:27px;}
}
/**/
#nav1 {
	position:relative;
	background-color: #686666;
    margin: 0;
    overflow: hidden;
    padding: 1.25rem 0.625rem 5px 0.625rem;}
#nav1 li {background-image:none;
	min-height:40px;
	padding: 0.25rem 1rem 0.5rem 0.5rem;
	color:black;
	float:left;
	/*width:1%;
	min-width:180px;*/
	display: table-cell;
	font-size:20px;
	font-weight:normal;
	font-family:'Barlow','Roboto Condensed',"Futura-Medium",Segoe UI, Arial;
	line-height:18px;
	list-style-type:none;
	text-transform:uppercase;}
#nav1 li a {background-image:none;display:block;text-decoration:none;color:#ddd;}
#nav1 span.nav1textno, #nav1 span.nav1textact, #nav1 span.nav1textcur {
	/* font-family: "Times New Roman", Times, serif;    */
	font-family: "Segoe UI", Arial, Helvetica, Swiss,sans-serif, Lucida, "Lucida";
	font-size:0.75rem;
	font-style: normal;
	text-transform: none;
	letter-spacing: normal;
	display:block;}

#nav1 li.nav1cur, #nav1 li.nav1act, #nav1 span.nav1subtextcur, #nav1 span.nav1subtextact{color:white;}
#nav1 li.nav1no a:hover, #nav1 li.nav1no a:hover{color:var(--pageBGColor);width:100%;}
#nav1 li.nav1no a{width:100%;}
#nav1 li.nav1act a:link,#nav1 li.nav1act a:hover,#nav1 li.nav1act a:visited,#nav1 li.nav1act a:active #nav1 li.nav1cur a:link,#nav1 li.nav1cur a:visited,#nav1 li.nav1cur a:hover,#nav1 li.nav1cur a:active{color: #fff;}

/* Neues UL-menü #footer-nav */
#header-nav, #footer-nav , #menu-footer-menue{display:inline;margin:0px;float:right;}
#header-nav li, #footer-nav li, #menu-footer-menue li{
	display:inline-block;
	color:black;
	float:left;
	padding:0.5rem 0.5rem;
}
#footer-nav {padding:0;}
#footer-nav li, #menu-footer-menue li {line-height:40px; padding:0.5rem 0.5rem;}
#header-nav li a, #header-nav li, #footer-nav li a, #footer-nav li, #menu-footer-menue li, #menu-footer-menue li a{background-image:none;list-style-type:none;text-decoration:none;text-transform:uppercase;letter-spacing:normal;color:var(--linkText);}
#footer-nav li a, #menu-footer-menue li a{display:inline-block;}

#header-nav li.cur, #header-nav li.act, #footer-nav li.cur, #footer-nav li.act, #menu-footer-menue li.cur, #menu-footer-menue li.act {color:white;}
#header-nav li.no a:hover, #header-nav li.no a:hover, #footer-nav li.no a:hover, #footer-nav li.no a:hover
{
	color:var(--baseColor1);
	outline: none;
}
#header-nav li.no a:focus, #header-nav li.no a:focus, #footer-nav li.no a:focus, #footer-nav li.no a:focus
{
	outline: 0.25rem dotted var(--baseColor1);
    outline-offset: 0.25rem;
}
#header-nav li.no a, #footer-nav li.no a {
	display:inline-block;
	outline: none;
}
#header-nav li a:hover, #footer-nav li a:hover, #menu-footer-menue li a:hover {color:var(--linkText);}
#header-nav > li.cur > a {color:var(--linkText);}
#header-nav .material-icons-outlined {
	font-size: 2rem;
	padding-right: 2px;
	vertical-align:middle;
	position: relative;
    top: -2px;
}

@media (max-width: 767px) {
	.layout-8 .navbar-header {
		background: none;
	}
	#HEADER .container, #NAVBAR.container{
		padding: 0.5rem 1rem 0;
	}
	#TITEL, #TOPNAV{
		padding-left:0px;
		padding-right:0px;
	}

	#NAV-BAR {
		position: absolute;
		top: 0px;
		z-index: 20;
		right: -5px;
	}
	ul.nav {
		padding: 15px 0;
	}
	#header-nav {
		float: left;
		display:none;
	}
	#header-nav li {padding:0 1rem 0 0;}
	#header-nav li a, #footer-nav li a, #menu-footer-menue li a{display:block;}
	#footer-nav > li , #menu-footer-menue > li{padding:0 0.625rem 0 0;}
	#footer-nav, #menu-footer-menue {margin:0 0.625rem;}
}



ul.lang-menu{display:inline;float:right;margin: 0px 0 0px 0;}
ul.lang-menu li{float:left;list-style-type:none;background:none;}
#TOPNAV ul.lang-menu li a:hover{color:var(--pageBGColor);text-decoration:none;}

@media (max-width: 767px) {
	ul.lang-menu{
		display:none;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: 0 none;
		margin: 0 -15px;
		padding: 0;
	}
}


/* Neues UL-Menü Nav2 ********************************************************************************************************************* */
#nav2 {margin-top: 3rem; padding-left: 0;}
#nav2 li {padding:0; color:var(--text); line-height:2.5rem; margin-bottom:1rem;}
#nav2 li a {padding:0 5px 8px 8px;}
#nav2 li, #nav2 li a{display:block;width:100%;background-image:none;font-family:'Barlow','Roboto Condensed',Segoe UI, Arial;font-size:1.5rem;list-style-type:none;letter-spacing: 0px;}
#nav2 li a:link,#nav2 li a:visited {color:var(--text);text-decoration:none;}
#nav2 li.nav-no a span, #nav2 li.nav-act a span, #nav2 li.nav-cur span {
	/*font-family: 'Segoe UI', Arial, Helvetica, Swiss,sans-serif, Lucida, 'Lucida';*/
	font-size:0.9rem;
	font-style: normal;
	font-weight:400;
	text-transform: none;
	letter-spacing: normal;
	display:block;
  	line-height:1rem;}
#nav2 li.nav-cur a, #nav2 li.nav-act a, #nav2 span.nav-textcur, #nav2 span.nav-textact{color:#fff;}
#nav2 li.nav-no a:hover, #nav2 li.nav-no a:hover{color:var(--baseColor1);}
#nav2 li.nav-no a{color:#222;}
#nav2 li.nav-cur a:link, #nav2 li.nav-act a:link, #nav2 li.nav-cur a:visited, #nav2 li.nav-act a:visited {
    color: var(--text);
	font-weight:500;}
#nav2 li.nav-act a:hover, #nav2 li.nav-cur a:hover, #nav2 li.nav1cur a:active {color:var(--baseColor1);}
#nav2 .nav2{padding-top:6px;border-top:1px solid var(--text);border-bottom:1px solid var(--text);}
#nav2 .nav2 li, #nav2 .nav2 li a{margin-left:0;font-size:1rem;}
#nav2 li a:active {outline:none !important;}


/* Neues UL-menü Nav3 Wird vertikal und horizontal benutzt ******************************************************************************** */
/* vertikal */
#nav3 {
	padding: 0 0 0 0.5rem;
	margin: 1rem 0 0 0.5rem;
	display: inline-block;
    margin-top: 1rem;
    border-left: 1px solid #000;
}
#nav3 li {
	padding:0;
	margin:0 0 1rem;
	float:left;
	border-right:1px solid #222;
	display: block; 
	background-image: none; 
	list-style-type: none; 
	text-decoration: none;
}
#nav3 li.last {border-right:none; margin-bottom:0;}
#nav3 li a {display: block; background-image:none; list-style-type:none; text-decoration:none;}
#nav3 li a {padding:0px 1rem 0.25rem 1rem;}

#nav3 li.nav__no a:hover, #nav3 li.nav__no a:hover{color:var(--baseColor1);}
#nav3 li.nav__cur a, #nav3 li.nav__act a, #nav3 li.nav3__cur {color:#000;font-weight:500;}
#nav3 li.nav__act a:hover, #nav3 li.nav__cur a:hover, #nav3 li.nav__cur a:active {color:var(--baseColor1);}

/* horizontal */
.nav-top #nav3 {border-left:none;padding-left:0;margin-Left:-1rem;}

/* pagebrowser **************************************************************************************************************************** */
.pagebrowser {padding:0px;margin:0px;display:block;}
.pagebrowser a {    
	padding: 1rem;
    border: 1px solid black;
    border-radius: 4rem;
	text-decoration: none;
}
.pagebrowser a:first-child {
	margin-right:1rem;
}
.pagebrowser a span {
	font-size: 2rem;
    padding: 0 4px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.left-link{
	margin-left:0px;
	overflow:hidden;
	text-decoration: underline;}
.right-link{
	margin-right:0px;
	float:right;
	overflow:hidden;
	text-decoration: underline;}
.left-link::before{content:'« ';white-space:nowrap;}
.right-link::after{content:' »';white-space:nowrap;}

/* t3s ************************************************************************************************************************************ */

p.preis {margin-bottom:1.5rem;margin-right:0.625rem;color:#BD2467;font-size:2rem;line-height:0.8em;font-style:italic;text-align:right;font-weight:bold;font-family:'Segoe UI',Arial;letter-spacing:-2px;}
h3.angebot-titel{color:#35A2C7;font-weight:bold;padding:0px;}
p.button{display:inline;float:right;border-radius:5px;padding:0.5rem 1.25rem 0.625rem 1.25rem ;background-color:#DA006C;color:#fff;text-align:right;margin:0px;font-family:'segoe ui',arial;font-style:italic;font-size:18px;font-weight:bold;}
p.button:hover{background-color:#F5007B;color:#fff;}
ul.check-list {margin:0px 1.25rem 0.625rem 1.25rem ;}
ul.check-list li{font-family:'Barlow','Roboto Condensed';font-weight:normal;font-size:1.25rem;color:#000;padding-left:1.5rem;background:transparent url(../images/check-list-BD2467.png) no-repeat 0 0;}
span.designstudio {border-radius:2px;font-family:'Barlow','Roboto Condensed',Arial,Helvetica;font-weight:700;font-size:1.1em;line-height:inherit;padding:0 6px 1px 6px;background-color:#AD7D00;color:#fff;}

span.dsif-badge,  .tagcloud a:link {text-decoration:none;background-color:var(--cellBGC);color:var(--text);transition: all 0.2s linear 0s;padding:0.625rem 1.25rem ;margin:0 3px 0.625rem 0;font-weight:400;line-height:inherit;display:inline-block;border-radius: 25px;}
span.dsif-badge:hover a:link, span.dsif-badge:hover a:visited{color:var(--text);}

span.author{text-transform:uppercase;text-decoration:underline;}		
p.block{text-align:center;}
p.glyphicons.glyphicons-crown{text-align:center;}
span.glyphicons{text-align:center;}
span.glyphicons-crown{font-weight:bold;}
span.fa{text-align:center;}
span.fa-google-plus{font-weight:bold;content:initial;}
span.xlrge{font-size:2em;}
span.more {font-weight:bold;}
sup.mybadge{background-color:#464444;color:#fff;}
p.tease, p.lead {
	font-family:var(--baseFont);
	font-size:calc(1.3rem + 0.7vw);
	line-height:  1.4;
}
/* Uplink ********************************************************************************************************************************** */
.uplink p {
	transition: opacity 0.2s linear 0s;	
	font-size: 1.5rem;
}
.uplink p a, .uplink p span {
	text-decoration:none;
	vertical-align:middle;
	opacity:0.8;
	display:inline-block;}
.uplink:hover p a, .uplink:hover p span {
	opacity:1;
	transition: opacity 0.2s linear 0s;}
.uplink p a:focus {
    outline: var(--outline);
    outline-offset: 0.25rem;
	opacity:1;}
.uplink p.tease span.material-icons-outlined {
	top:-3px;
	position: relative;
	font-size: 2rem;
	padding-right: 0.25rem;
}
a:link.lead, p.lead, ul.lead li{font-size:1.25rem;font-weight:400;margin: 0 0.625rem 0.625rem 0;background:var(--buttonBGC);border-radius:0px;display:inline-block;transition: background-color 0.3s linear 0s;color:#efefef;}
a:link.lead, p.lead a, ul.lead li a{color:#fff;display:inline-block;background:none;font-family:inherit;text-decoration:none;transition: color 0.3s linear 0s;padding:0.625rem 15px 0.625rem 15px;transition:padding 0.2s;}
a:link.lead, p.lead a:hover, ul.lead li a:hover {color:#efefef;}
p.lead:hover a{padding:0.625rem 30px 0.625rem 15px;transition:padding 0.2s;}

p.download{font-size:1.25rem;margin: 0 0.625rem 0.625rem 0;background:var(--buttonBGC);border-radius:0px;display:inline-block;transition: background-color 0.3s linear 0s;color:#efefef;}
p.download a{color:#fff;display:inline-block;background:none;font-family:inherit;text-decoration:none;transition: color 0.3s linear 0s;padding:0.625rem 15px 0.625rem 15px;transition:padding 0.2s;}
p.download:hover{background-color: #686666;}
p.download a:hover {color:#efefef;}

@media (max-width: 480px) {
	p.lead, ul.lead li {
		margin: 0 0px 0.625rem 0;}
	label{display:block;width:100%;}
	input,textarea,select{display:block;width:100%;}
	.powermail_submit {margin-left:0;}
	.tx_powermail_pi1_fieldwrap_html_captcha_description {margin-left:0;}
	label{margin: 5px 0 0px 0;}

	/* SRFreecap ******************************************************************************************************/
	span.tx-srfreecap-pi2-cant-read {
	  margin-left:0;}
	img.tx-srfreecap-pi2-image {
	  margin-left:0;
	  display:block;
	  width:100%;}
	.tx-srfreecap-pi2-cant-read {
	  display: block;
	  margin-left:0;
	  color:#000 !important;}
}

p:hover.lead, ul.lead li:hover {background-color:#686666;transition: background-color 0.3s linear 0s;}
p.lead a:after, ul.lead li a:after{content:'  »';white-space:nowrap;}
ul.lead li {background:none;padding-left:0;margin: 0 0 30px;}
.color-000{color:var(--text);}
p.recommend{font-size:1.25rem;font-weight:500;padding:0.625rem 0.75rem;background-color:var(--chipBGC);}
#CONTRE p.recommend{background-color:var(--pageBGColor);}

a:link span.sub{font-size:1rem;line-height:20px;clear:both;}

/* FE Editing Admin panel */
form#TSFE_EDIT_FORM_99f6{padding:0;margin:0;}

/* direct mail subscription */
#c2478 form div {display:block;overflow:hidden;}

p#SkypeButton_Call_designstudio_berlin_1_paraElement a img {margin:0 !important;}
#INNERCONTENTNORMAL ul.lu3 li {
   overflow:visible;}
/* #Portfolio Styles
================================================== */
.portfolio-filter ul,
.portfolio-filter ul li {
	margin: 0;
	padding: 0;
	list-style: none;}

.portfolio-filter {
	zoom: 1;
	border-bottom: 1px solid #ddd;
	padding-bottom: 40px;
	margin-bottom: 40px;}
.portfolio-filter:before,
.portfolio-filter:after {
	display: table;
	content: "";
	white-space:nowrap;
	line-height: 0;}
.portfolio-filter:after {
	clear: both;}
.portfolio-filter ul {
	float: left;}
.portfolio-filter ul li {
	float: left;
	text-align: center;
	text-transform: uppercase;
	margin-right: 0.625rem;
	font-weight: bold;}
.portfolio-filter ul li a {
	color: #444;
	padding: 6px 15px;
	margin-bottom: 6px;
	display: block;
	position: relative;
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
	border-radius: 0.25rem;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;}
.portfolio-filter ul li.active a,
.portfolio-filter ul li:hover a {
	background-color: #8ecd44;
	color: #fff;}
.portfolio-filter ul li.active a:after {
	content: '';
	white-space:nowrap;
	border: 6px solid transparent;
	border-top-color: #8ecd44;
	position: absolute;
	top: 100%; left: 50%;
	margin-left: -6px;}
.portfolio-items .item {
	margin-bottom: 1.25rem ;}
.portfolio-items .item .image {
	position: relative;
	overflow: hidden;}
.portfolio-items .item .image .overlay {
	position: absolute;
	left: 0; right: 0;
	top: 0; bottom: 0;
	opacity: 0;
	display: block;
	color: #fff;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	background-color: rgba(0, 0, 0, 0.75);}
.lt-ie9 .portfolio-items .item .image .overlay {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNgYGDYDwAAxADA5GrqEwAAAABJRU5ErkJggg==);
	display: none;}
.lt-ie9 .portfolio-items .item .image:hover .overlay {
	display: block;}
.portfolio-items .item .image:hover .overlay {
	opacity: 1;}
.portfolio-items .item .image .overlay .actions,
.portfolio-items .item .image .overlay .actions li {
	margin: 0;
	padding: 0;
	list-style: none;}
.portfolio-items .item .image .overlay .actions {
	text-align: center;
	position: absolute;
	vertical-align: middle;
	top: 50%;
	margin-top: -36px;
	width: 100%;}
.portfolio-items .item .image .overlay:after {
	content: '';
	white-space:nowrap;
	width: 60%;
	background-color: #666;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 20%;}
.portfolio-items .item .image .overlay .actions li {
	position: relative;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;}
.portfolio-items .item .image .overlay .actions li a {
	color: #fff;}
.portfolio-items .item .image .overlay .actions li a:hover {
	color: #8ecd44;}
.portfolio-items .item .image .overlay .actions li [class*="icon-"] {
	font-size: 1.5rem;}
.portfolio-items .item .image .overlay .actions li.view {
	top: -200px;
	margin-bottom: 1.25rem ;}
.portfolio-items .item .image .overlay .actions li.details {
	bottom: -200px;
	padding: 0 1.25rem ;}
.portfolio-items .item .image .overlay .actions li.details .tags {
	font-size: 0.75rem;
	color: #aaa;}
.portfolio-items .item .image .overlay .actions li.details .tags,
.portfolio-items .item .image .overlay .actions li.details .name {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;}
.portfolio-items .item .image:hover .overlay .actions li {
	top: auto;
	bottom: auto;}
.portfolio-items .one-third.column {
    width: 220px;}
.portfolio-items  .columns {
    display: inline;
    float: left;
    margin-left: 0.625rem;
    margin-right: 0.625rem;}
.portfolio-items .item .image .overlay .actions li.details .tags, .portfolio-items .item .image .overlay .actions li.details .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.portfolio-items .item .image {
    overflow: hidden;
    position: relative;
	height:100%;}
.portfolio-items .item .image image {
	width:100%;
	height:auto;}
.image > img {
    height: auto;
    width: 100%;}
ul.actions li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.item.one-third.column.isotope-item {
    float: left;
	height:120px;
	width:219px;
	overflow:hidden;
	margin-bottom: 0.625rem;
    margin-right: 0.625rem;}
.icon-search::before {
    content: "";
	white-space:nowrap;}
[class^="icon-"]::before, [class*=" icon-"]::before {
    font-family: "glyphicons";
    font-style: normal;
    font-weight: normal;}
.portfolio-items .item .image .overlay .actions li [class*="icon-"] {
    font-size: 1.5rem;}
[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;}

/* #Portfolio Rows
================================================== */
.portfolio-row {
	padding-bottom: 40px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;}
.portfolio-row .read-more a {
	color: #fff;
	display: block;
	line-height: 1.25rem ;
	background-color: #8ecd44;
	padding: 0.5rem 1rem;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	transition: all .1s linear;
	-webkit-border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
	border-radius: 0.25rem;}
.portfolio-row .read-more a:hover {
	background-color: #444;}

/* #Portfolio Page
================================================== */
.portfolio .portfolio-meta span {
    display: block;
    font-size: 14px;
    padding: 1rem 0;
    border-top: 1px solid #ddd;
    position: relative;}
.portfolio .portfolio-meta span:before {
    position: absolute;
    width: 3rem ;
    left: 0;
    top: -2px;
    content: '';
		white-space:nowrap;
    background-color: #8ecd44;
    height: 3px;}
.portfolio .portfolio-meta span [class^="icon-"] {
    font-size: 2rem;
    width: 3rem ;
    height:  2rem;
    line-height:  2rem;
    color: #444;
    text-align: center;
    margin-right: 5px;}
div.list.row	{margin-bottom:0.75rem;}
div.list.row > div.col-sm-5 > img {width:100% !important;height:auto;}
div.list.row > div.col-sm-7 > h2 {margin-top:-5px;}
div.list.row > div.col-sm-7 > p {margin:0px;}
div.list.row > a > div {margin-bottom:0.75rem;}

/* WP-Anpassungen Wordpress - Blog-Template*/


.wc-shortcodes-column  img {
    width: 100%;
    height: inherit;
}
/* cookieChoice */
#cookieChoiceInfo{overflow: hidden;padding:20px;z-index: 1000;padding: 1.25rem !important;}
#cookieChoiceInfo > a:nth-child(2){text-decoration:underline;}
#cookieChoiceDismiss{font-weight:bold;background-color:var(--buttonBGC);color:#fff;padding:0.625rem;display:inline-block;width:200px;text-align:center;margin-top:5px;	}
/**/



/* wp shopping cart */
#c2319 > div > div > table > tbody > tr.wpspsc_checkout_form{border-bottom:none;}
.parallax-window {
    min-height: 20.625rem;
    background: transparent;}
#WIDGETFOOTER ul{margin:0;}
#WIDGETFOOTER ul li {background:none;padding:0;color:var(--text);}
#WIDGETFOOTER ul li a { display: block;font-weight: 500;}
#WIDGETFOOTER ul li {background:none;}
#WIDGETFOOTER ul a {
    display: block;
    font-weight: 500;
	text-decoration:none;
	border-bottom: 1px solid;
	border-color: var(--text);}
#WIDGETFOOTER ul li:hover a{border-bottom:1px solid var(--baseColor1);}

#WIDGETFOOTER ul.wc-shortcodes-social-icons li {background:none;padding:0;}
#WIDGETFOOTER ul.wc-shortcodes-social-icons  li a {border:none;}

#FOOTER {
    background-color: var(--footer1BGColor);
    padding:20px 0 30px 0;
}
#WIDGETFOOTER {
    background-color: var(--footer2BGColor);
    padding:20px 0 30px 0;
}
#SUBFOOTER {
    background-color: var(--footer3BGColor);
    padding: 1.25rem 0 1.25rem 0;
	color: #ddd;
	font-size:1rem;
	line-height: 40px;
}
#SUBFOOTER p.footer-copyright{color: #ddd;
	font-size:1rem;
	line-height: 40px;
	margin:0;}

/* Boxx Orange End */
.notification-blob {
    background-color: var(--buttonBGC);
	transition: background-color 0.2s;
    border-radius: 40px;
    box-shadow: 2px 2px 0.25rem rgba(0, 0, 0, 0.2);
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    left: -1.1em;
    line-height: 0.5em;
    padding: 0.625rem;
	transition: padding-right 0.2s;
    top: -1.8em;}
.notification-blob:hover{background-color:#464444;transition: background-color 0.2s;padding-right:2em;transition: padding-right 0.2s;}
div.sm-boxx-box-2 {
    margin: 1.5rem 0;}
div.sm-boxx-buttons {
    height: 4.25rem;
    overflow: hidden;}
div.kksr-legend *{font-size:1rem;color: #222 !important;}
.kk-star-ratings .kksr-legend {font-family: 'Barlow','Roboto Condensed', Arial, 'Lucida sans',Helvetica;}

.relatedposts{margin:50px 0 50px 0;}
.relatedthumb {
    margin-bottom: 0.625rem;}
.relatedthumb h4 {margin-top:-0.25rem;}
#submit{margin-left:0%;}
#my-wp_search-form, #my-wp_search-input {width:100% !important;}
#my-wp_search-submit{margin-left:0 !important;width:100% !important;}
/* Blog-Entry*/
div.entry ul{margin-left: 1.25rem ;}
p.excerpt{
	font-weight:400;
}
.list-excerpt h3{margin: 9px 0 0.75rem 0;}
.list-excerpt a, .list-excerpt a:link, .list-excerpt a h3, .list-excerpt a p{text-decoration:none;color:vat(--text);}
.list-excerpt a h3:after{content:' »';white-space:nowrap;}


.list-entry{overflow:hidden;margin-bottom:6px;}
.list-entry{transition: var(--transAll);background-color: transparent;padding:0px 0.75rem 0px 0px;}
.list-entry:hover{transition: var(--transAll);background-color:transparent;padding:0px 0px 0px 0.75rem ;}
.list-entry div.list-excerpt > a > h3 {border-bottom: 1px solid transparent;}
.list-entry:hover div.list-excerpt > a > h3 {border-bottom: 1px solid var(--text);}

div.list-entry:nth-child(4n) > div.list-img { background-color: var(--baseColor1); }
div.list-entry:nth-child(4n+1) > div.list-img { background-color: var(--buttonBGC); }
div.list-entry:nth-child(4n+1) > div.list-img img {
    position: absolute;
    top: 0;
    right: 0;}
div.list-entry:nth-child(4n+2) > div.list-img { background-color: var(--relatedMenuBGC); }

.list-img{height: 120px;margin:0.625rem 0;background-color: #E6E6E5;border:1px solid #fff;padding:0 !important;overflow:hidden;}
div.sm-boxx-buttons a.badge {
    
    font-size: 0.8em;
    padding: 0.5rem 14px;
    border-radius: 1.25rem ;
		margin: 2px 0;}
div.sm-boxx-buttons a.badge:link, div.sm-boxx-buttons a.badge:visited{
		color: #fff;
		background-color:var(--buttonBlogBGC);
		transition:background-color 0.2s linear 0s;}
div.sm-boxx-buttons a.badge:hover{
    color: #fff;
	background-color:var(--relatedMenuHoverBlogBGC);
	transition:background-color 0.2s linear 0s;}

div#attachment_275.wp-caption.alignleft img.wp-image-275.size-full {max-width:100% !important;height:inherit !important;}

#comment{height:100px;transition: height 0.2s;}
#comment:focus{height:300px;transition: height 0.2s;}
.comments {background-color: var(--cellBGC);padding:30px 40px;overflow:hidden;}
#commentform input[type=text]{width:75%;height: 3rem ;margin-bottom: 0;}
#commentform textarea, #commentform input[type=submit]{width:100%;}
#commentform label {float:none;margin-left:5px;margin-top:0;width:100%;}
#subscribe{margin:2px 0.625rem 0 0 !important;}
#author-info, .author-info {margin: 40px 0px; padding:40px;background-color: transparent;overflow:hidden;}
#author-info > div > div.col-md-3 > div > img {width:100%;height:inherit;}
#author-info button {
    background-color: var(--text);
    color: var(--text2);
    padding: 5px 0.625rem;
    font-weight: 500;
    float: none;
    display: block;
    margin-bottom: 5px;}
#author-info button > a {color:inherit;}

#related-posts-by-cat{margin: 1.25rem 0px; padding: 0.75rem 0px;background-color: var(--cellBGC);overflow:hidden;}
#related-posts-by-cat div > div.relatedthumb > a > img{width:100%;height:inherit;}
#related-posts-by-tag{margin: 1.25rem 0px; padding: 0.75rem 0px;background-color:  var(--cellBGC);overflow:hidden;}
#related-posts-by-tag > div > div.col-md-3 > a > img{width:100%;height:inherit;}
.related-post-by-tag{overflow:hidden;}
div.related-post-by-tag div a h4 {margin-top:0;}

/* Newsletter Widget */
#CONTRE div.newsletter.newsletter-widget input.newsletter-email{margin-left:0;float:left;width: 100%;}
#CONTRE div.newsletter.newsletter-widget input.newsletter-submit{margin-left:0;float:left;width: 100%;}

/* Blog Images */
#custom_help_widget{background-color:var(--pageBGColor);}

/* RWD Media queries*/
@media (max-width: 1199px) {
	.list-img{height: 95px;}

}
@media (max-width: 992px) {
	.news-latest-item, .news-list-item {
		float: none;
		width: 100%;
		min-width: 100%;
		display:block;
		min-height:100px;
	}
	#nav2 {display:none;}
	.uplink{margin:1rem 0 1rem 0;}
	.list-entry {
		padding: 0 1.5rem 0 0px;}
	.list-entry:hover {
		padding: 0 0.75rem 0 0.75rem;}
	.list-img{height: auto;margin:0.75rem 0;background-color: #E6E6E5;border:1px solid #fff;padding:0 !important;overflow:hidden;}
	.list-img img{
		width:100%;
		height:auto;}
	#commentform input[type=text] {
		width: 100%;
	}
	#commentform label {width:100%;line-height:18px;margin-top:0;}
}
@media (max-width: 767px) {
	#LANG, #LANG-STICKY {
		display: none;
		margin-top: 02px;
	}
	#navbar {
		text-align: left;
	}
	ul.lang-menu{
		display:none;
	}

	ul.nav {
		padding: 15px 0;
    	background-color: rgba(250,250,250,1);
		backdrop-filter: blur(1rem);
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		overflow:auto;
	}
	ul.nav li:focus-within {
		outline: none;
	}
	ul.nav li {
		min-width:100%
	}
	ul.dropdown-menu{
		width:100%;
		background:rgba(255,255,255,1);
	}
	ul.dropdown-menu::before {
		background: none;
	}

	p.lead  a{transition:none;}
	p.lead:hover  a{transition:none;padding:0.625rem 15px;}
	div.mosaik{margin-right: 0px;}
	div.parallax-mirror, div.parallax-window{display:none;}
	div.related-post-by-tag div a h4 {margin-top: 1.5rem;}
	#author-info div.blog-profile-list{margin-top:0.75rem;}

	ul.langSwitch {
		margin-left:0;
	}

	#commentform {padding:0.625rem 1.25rem ;}

}
@media (max-width: 639px) {
	#RAND{margin-bottom: 0px;}
	h1,h2.pagetitlefooter{font-size:2rem;}
	.notification-blob{top: -1.0em;left:-0.8em;}
	h2{font-size:1.5rem;}

}
@media (min-width: 640px) {

}
@media (max-width: 480px) {
	.lang-label{
		display: none;
	}
}
@media (max-width: 320px) {
	#anchorpic, #printpic{
		width:55px;
	}
	#CONTRE select{
		width:233px !important;
	}
	span.dsif-badge{
		padding: 5px 15px;font-weight:500;
	}
	div.sm-boxx-buttons a.badge {
		font-weight: 500;
	}
	p.pageid{
		margin: 0px 0 0px 0;
		font-size:45px;
		line-height:6.25rem;
	}
}
.sm-boxx-container{overflow:hidden;}
.bill-price{text-align:right;font-weight:500;font-size:36px;}
*::-moz-selection {
  background:var(--baseFontColor1) none repeat scroll 0 0;
  color: #ffffff;
}
*::selection {
  background:var(--baseFontColor1) none repeat scroll 0 0;
  color: #ffffff;
}
select option:checked:after {
  content: attr(title);
	background:var(--baseFontColor1); }


/* NAVBAR Toggle */
.navbar-toggle{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: none;
	padding: 0.75rem;
	z-index: 20;
	top: 0.8rem;
	}
.navbar-default .navbar-toggle {
	position:fixed;
	right: 1rem;
	margin:0;
	background-color: var(--cellBGC);
}
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: var(--text);
}
.navbar-default .navbar-toggle:hover .icon-bar{
	background-color: var(--text);
}

/* LANGSWITCH */
#nav-lang {
	position:relative;
	display:block;
}
#nav-lang * {margin:0;}
#nav-lang label {
	display:block;
	clear: none;
    float: none;
    width: auto;
}

#nav-lang label:hover {color:var(--pageBGColor);border-color: var(--pageBGColor) transparent transparent;}

ul.langSwitch {
	display: block;
	list-style: none;
	padding:0;
	position:relative;
	float:right;
	border:none;
	text-transform:uppercase;
}
ul.langSwitch li {
	background:none;
	padding:0.5rem 0.5rem;
	list-style-type: none;
}
ul.langSwitch a {
	vertical-align: middle;
	display: inline-block;
	text-decoration: none;
}
ul.langSwitch a:focus {
	outline:var(--outline);
    outline-offset: 0.25rem;
}
ul.langSwitch a:active {
	outline:none;
}
ul.langSwitch .material-icons-outlined {
	font-size: 2rem;
	position: relative;
	top: -2px;
	padding-right: 2px;
	vertical-align:middle;
}

ul#subnavigation {
	list-style: none;
	margin:0;
	padding:0px 0px;
	background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
	text-transform:uppercase;
	right:-1px;
	top: 3.5rem;
	position: absolute;
	transition: all 0.3s ease;
	opacity:1;
	z-index:10000;
}
ul#subnavigation:hover{padding:0px 0px 0px 15px;transition: all 0.3s ease;}
ul#subnavigation li {display: block;float: none;list-style-type:none;background:none;}
ul#subnavigation li > * {line-height: 3.5rem;}
ul#subnavigation li a {padding: 0.625rem 1.25rem ;text-decoration: none;transition: all 0.3s ease;}
ul#subnavigation li a:hover{color:var(--baseColor1);text-decoration:none;transition: all 0.3s ease;}
ul#subnavigation li div.not-translated {padding: 0.625rem 1.25rem ;text-decoration: none;color:#aaa !important;display:inline-block;}

.toggle {
  display: block;
  padding: 0;
  text-decoration: none;
  border: none;
  color:#bbb;
  line-height:2em;
  transition: all 0.2s ease;}
.toggle:hover {color: var(--baseColor1);transition: all 0.2s ease;}

@media (max-width: 992px) {
	#TOPNAV a {font-size:1.25rem;padding: 0;}
	span.lang-label {
		display: none;
	}
	span.nav1sub-label {
		display: none;
	}

}
@media (max-width: 767px) {
	ul.langSwitch li {
		padding: 0.75rem 0.5rem;
	}
	span.lang-label {
		display: none;
	}
	span.nav1sub-label {
		display: none;
	}

}

/* LANGSWITCH End */

#meta{float:none;clear:both;}
/* Right to left */
.rtl{direction:rtl;}
.rtl .nav > li > a {padding: 0.625rem 15px 0.625rem 5px;}
.rtl ul.dropdown-menu li a {text-align: right;}
.rtl ul.dropdown-menu{left:auto;right:0;transition: padding 0.2s ease;list-style-type:square;	}
.rtl ul.dropdown-menu:hover {padding: 5px 0 5px 1.25rem ;transition: padding 0.2s ease;}
.rtl ul li {background-image: none;color:#464444;}
.rtl .news-header-list-time{
    float: left;
    margin: 0 0px 15px 1.25rem ;
	transition:margin-left 0.4s;}
.rtl label {float: right;}
.rtl .powermail_submit {    margin-right: 24%;	margin-left:0;}
.rtl .tx_powermail_pi1_fieldwrap_html_captcha_description {margin-right: 24%;}
.rtl span.tx-srfreecap-pi2-cant-read { margin-right: 24%; margin-left: 0;}
.rtl img.tx-srfreecap-pi2-image {margin-right: 24%;margin-left: 0;}
.rtl .caret {margin-right: 2px;}

/* MENUMDD */
#MENUMDD {width: 1000px; background-color: #686666; height: 40px; font-size: .9em; overflow:hidden;height:25px;}
#MENUMDD > ul{width:150px;}
#MENUMDD {
    height: 40px;
    overflow: hidden;
}


/* nach Update auf 6.2 */
.dp--cookie-check label {
	color:var(--text2);
	overflow:visible;
}
.cc-floating.cc-window {
    max-width: 48em;
}
.dp--cookie-consent input.dp--check-box {
    width: 2rem;
}




/* barlow-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 100;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-100italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 200;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 800;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 900;
  src: url('../paperplane/fonts/Barlow/barlow-v13-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../paperplane/fonts/Barlow/barlow-v13-latin-900italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


 

.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-light {
  font-family: "Barlow", sans-serif;
  
  font-style: normal;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  
  font-style: italic;
}

.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}