@CHARSET "UTF-8";

/* Blog */

/* 	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:#F57D73;
	--baseColor2:var(--baseColor1);
	--baseColor3:rgba(245,125,115,0.5);
	--baseFontColor1:rgba(0,0,0,0.8);

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

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

	--cardBG:rgba(255,255,255,1);

	--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(165,165,165,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);

/* Input */	
	--inputTextBorder:1px solid silver;
	--inputTextBorderBottom:2px solid var(--text);

/* 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;
	font-size:1rem;
}

#blog .wp-block-image img{height:inherit}
body#blog #PAGE{ /*  background-color: var(--pageBGColor); */}
body#blog .--asbadge:hover a:link{
  border-bottom: 2px solid #000;
  transition: all;
  text-decoration: none;
}
#blog ul#menu-externe-artikel{
	margin: 0 -1.5rem;
}
#blog ul#menu-externe-artikel li{
    line-height: 1.625rem;
    background: none;
	color:var(--text2);
    background-color: var(--buttonBlogBGC);
	transition: var(--transAll);
	margin-bottom: 1px;
	padding:0;
}
#blog ul#menu-externe-artikel li:hover{
	color:var(--text2);
	background-color: var(--relatedMenuHoverBlogBGC);
	transition: var(--transAll);
}
#blog ul#menu-externe-artikel a{
	text-decoration: none;
	display: block;
	padding: 1.25rem 1.25rem;
	transition: all 0.2s linear 0s;
	color:inherit;
}
#blog ul#menu-externe-artikel a:hover{
	padding: 1.25rem 1.25rem 2rem 1.25rem;
	transition: all 0.2s linear 0s;
	color:inherit;
}
#blog ul#menu-externe-artikel a > span{
	display: block;
	font-size: smaller;	
	color:inherit;
}

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

#blog div.tacker-boxx{
	background-color: var(--cellBGC);
}


/* WC Shortcode Social Icons */
.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;
}
/**/

#blog .fullscreenBG{
	z-index:-1000;
	opacity:1;
}
#HEADER .container{
	padding:2rem 1rem 0;
}

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

#NORMAL  a:link, div.entry a:link{font-weight: 500; color:inherit; text-decoration:none; border-bottom:1px solid var(--underlineColor);}
#NORMAL  a:visited, div.entry a:visited{text-decoration:none; border-bottom:3px solid var(--baseColor1);}
#NORMAL  a:hover, div.entry a:hover{text-decoration:none; border-bottom:3px solid var(--underlineColor);}
#NORMAL  a:active, div.entry a:active{text-decoration:none; border-bottom:3px solid var(--baseColor1);}
#NORMAL  a:focus, div.entry a:focus{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;}

/*Typo-Dateilink, Typ PDF, wrappen mit Icon
a[href$=".pdf"], a:hover[href$=".pdf"],a[href$=".avi"],a:hover[href$=".avi"]{
	background-image: url(../images/css/sprites.gif);
	padding-left:18px;
	background-repeat: no-repeat;}
a[href$=".pdf"],a[href$=".doc"],a[href$=".docx"],a[href$=".xls"],a[href$=".xlsx"]{
	background-position: 0px -397px;}
a:hover[href$=".pdf"],a:hover[href$=".doc"],a:hover[href$=".docx"],a:hover[href$=".xls"],a:hover[href$=".xlsx"]{
	background-position: 0px -497px;}
a[href$=".avi"]{
	background-position: 0px -257px;}
a:hover[href$=".avi"]{
	background-position: 0px -237px;}*/


/* Skiplink */
.skiplink{
	position: absolute !important;
	padding: 8px;
	min-width: 200px!important;
	height: 40px !important;
	margin: 5px !important;
	background-color: #FFF;
	display: flex !important;
	justify-content: center!important;
}
.skiplink:focus{
	z-index:20000;
	overflow:visible;
	white-space: normal;
	background-color: #fff;
	color:#000;
}
.skiplink:focus{
	display: inline-block !important;
    height: 100px !important;
    clip: unset;
    font-weight: 700;
    font-size: 2rem;
    padding: 2rem !important;
	outline: 0.25rem dotted #fff;	
	outline-offset: 0.125rem;
}

/* 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 li{
	padding-left: 1rem;
	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;
}


/* TABLES */
table{margin:0px;border-collapse:collapse;background-color:rgba(255,255,255,0.1);}
thead{border-bottom:2px solid silver;}
tbody{
	border:0px;
	margin:0px;
	padding:0px;}
tr{border-bottom:1px solid silver;}
tr:last-child{border-bottom:none;}

th{
	padding-bottom: 0.5rem;
	padding:0.625rem;
	margin-bottom: 0.5rem;
	font-weight:500;}
td{
	vertical-align:top;
	padding:0.625rem;}
tfoot{}
th > p, td > p{margin:0;color:inherit;}


/* FORM ELEMENTS*/
form{
	width:auto;
	border: none;
	margin: 0 -1rem;
    padding: 1rem 1rem;
	display: block;
	overflow: hidden;
}
.form-control{
    display: block;
    width: 100%;
    height: 30.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:block;
}
legend{display:none;}
label{
	width:24%;
	float:left;
	/*white-space:nowrap; /*to fix ie6 wrapping*/
  /*margin-top:5px !important;   */
	margin:5px 0 7px 0; /*to fix ie6 position*/
	clear:both;}
input, textarea, select{
	padding:0.5rem 0.625rem;
}
input, input[type=email], input[type=password], textarea, select{
	width:75%;
	height: 4rem !important;
	float:left;
	background-color:rgba(255, 255, 255, 0.5) !important;
	border:var(--inputTextBorder)   !important;
	border-bottom:var(--inputTextBorderBottom) !important;
	margin:0 0 0.625rem 0 !important;
	color:#000 !important;
}
select{
	height: 3rem !important;
	padding: 0.5rem !important; 
}

input[type=text]:hover, input[type=file]:hover, input[type=password]:hover, textarea:hover, input[type=email]:hover, input[type=search]:hover{
	background-color: #fff !important;
	opacity:1 !important;
	color:#000 !important;
}

input:focus,textarea:focus, select:focus, input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, input:focus, select:focus, option:focus, textarea:focus , input[type=email]:focus, input[type=search]:focus{
	background-color: #efefef !important;
	border-radius: 0 !important;
	border:0 !important;
	/* Provide a fallback style for browsers
    that don't support :focus-visible */
	outline: 0.25rem dotted var(--text) !important;	
	outline-offset: 0.125rem !important;
	transition: var(--transAll) !important;
	box-shadow: unset !important;
}
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){
	/* Remove the focus indicator on mouse-focus for browsers
	that do support :focus-visible */
	outline: none !important;	
	outline-offset: 0 !important;
	box-shadow: unset !important;
}

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, input[type=search]:focus-visible{
	outline: 0.25rem dotted #000;	
	outline-offset: 0.125rem;
	box-shadow: unset;
}
/* Buttons */
input[type=submit], button, .button, .wp-block-button__link{
	color: var(--text2) !important;
	font-weight: 400  !important;
	font-size: 1.5rem !important;
	letter-spacing: 0.1rem  !important;
	text-decoration:none  !important;
	background-color: var(--text)  !important;
	border-bottom:0px  !important;
	border:0px  !important;
	border-radius:0 !important;
	padding: 1rem !important;
	height:64px !important;
	transition: var(--transAll) !important;
}
input[type=submit]:hover, button:hover, .button:hover, .wp-block-button__link:hover{
	opacity:0.8 !important;
	background-color: var(--text) !important;
	transition:var(--transBGC) !important;
}

input[type=checkbox]{
	border:none;
	margin-top:0.75rem !important;
	margin-top:2px; /*to fix ie6 position*/
}
input[type=file]{
	background-color:transparent;
	border:none;
	padding:0;
}
input[type=file]:hover{
	background-color:transparent;
}
/* GENERAL */
img{border:none;}
hr{ /* früher Trennlinie, heute thematischer Umbruch */
	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;}
pre code{
	color: #c7254e;
}
code{
	font-family: monospace;
	height:auto;
	white-space: nowrap;
	background-color: transparent;
	border:0;
	border-radius:0;
	padding:2rem;}
li code{padding:0;}
.mycode{font-family:monospace;}

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

blockquote p{color:#464444;font-weight:500;}

/* Inline-Element */
q,cite{
	font-style:italic;
	display:inline;}
q:before,cite:before, blockquote p::before{
	content: open-quote;
    /*content:'„';*/
		white-space:nowrap;
}
q:after,cite:after, blockquote p::after{
	content: close-quote;
    /*content:'“';*/
		white-space:nowrap;
}

abbr{} /* ersetzt acronym */
acronym{color:#050505;font-weight:500;} /* ungültig */

i{} /* früher kursiv, heute üblich kursive Texte wie Stimm- oder Stimmungslage, Gedanken */
b{} /* früher fett, heute wichtiger Text wie Schlüsselwörter, Produktnamen */
em{} /* Betonung */
small{font-size:0.8em;} /* Früher  Text kleiner als normal Jetzt  Kleingedrucktes, z. B. Urheberechtshinweise, Nachteile durch Sternchenreferenzierung, Rechtseinschr„nkungen. */
strong{font-weight:500;} /* Früher bedeutete diese Auszeichnung starke Betonung. Diese wird nun von verschachtelten em-Elementen bernommen. Das strong-Element zeichnet jetzt groáe Wichtigkeit aus. */

/* Elemente zur Datendarstellung */
audio{}
video{}
embed{}
mark{}
meter{}
source{}
time{}
/* Anwendungselemente */
canvas{}
progress{}

iframe{}

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

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

/* Spriteme */
#printpic,#anchorpic{}
#ipadpic{background-position: 0rem 0px;}
#printpic{background-position: 0.4rem -84px;}
#anchorpic{background-position: 0.4rem -148px;}

/* Spriteme Ende */

/* Eigene T3 Frames*/

.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{
	color:#fff;
	background-color: var(--buttonBGC);
	padding:20px 1.25rem 0.625rem 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{
	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:35%;}
#CONTRE input,#CONTRE  textarea,#CONTRE  select{border:1px solid silver;}
#CONTRE input[type="submit"]:hover, #CONTRE button:hover{color:#fff;height:64px;}
#CONTRE form{border: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;}

.tnp form{
	padding-top:0;
	padding-bottom:0;
	}
.tnp-field, .tnp-field > *{
	display: flow-root;
	width: 100%;
}
.tnp-email{
	display:block;
	width: 100%;
}
.tnp-submit{
	display: block;
	width: 100%;
}
div.tnp-subscription, form.tnp-subscription, form.tnp-profile {
    max-width: 100% !important;
}

/* 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;font-family: 'Barlow','Roboto Condensed', Arial, Lucida,'Futura-Medium',sans-serif;}

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

/* SEARCHFORM */

/* Tabelle */
.tr-0{
/*formatierungen für die erste Zeile*/}
.tr-even{
/*formatierung für alle ungeraden Zeilen*/}
.tr-odd{
/*formatierung für alle geraden Zeilen*/}
.tr-even .td-0{
/*formatierung für die linke Spalte der ungeraden Zeilen*/}
.tr-even .td-last{
/*formatierung für die rechte Spalte der ungeraden Zeilen*/}
.tr-odd .td-0{
/*formatierung für die linke Spalte der geraden Zeilen*/}
.tr-odd .td-last{
/*formatierung für die rechte Spalte der geraden Zeilen*/}
.tr-last{
/*formatierung für die letzte Zeile*/}

/* 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 .td-last{/*allgemeine Formatierungen Tabelle Layout-1*/}
.contenttable-0 tr-last{/*allgemeine Formatierungen Tabelle Layout-1*/ }
.contenttable-0 .tr-even{
	background-color: #848587;
	background-color: rgba(220,220,220,0.2);}
.contenttable-0 .tr-odd{/*formatierung für alle geraden Zeilen*/
	background-color: #DBDBDB;
	background-color: rgba(180,180,180,0.2);}
.contenttable-0 .tr-even .td-last{/*formatierung für die rechte Spalte der ungeraden Zeilen*/}
.contenttable-0 .tr-odd .td-last{/*formatierung für die rechte Spalte der geraden Zeilen*/}
.contenttable-0 .tr-0{/*formatierungen für die erste Zeile der Tabelle Layout-1*/
	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-last{/*allgemeine Formatierungen Tabelle Layout-1*/}
.contenttable-1 .tr-0{/*formatierungen für die erste Zeile der Tabelle Layout-1*/}
.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-even{/*formatierung für die rechte Spalte der ungeraden Zeilen*/}
.contenttable-1 .tr-last td{/*allgemeine Formatierungen Tabelle Layout-1*/
	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.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.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 .td-last{}
.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-1{}
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;}
  div.menutable div.zeile div.div-2{}
}
@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-weight:300;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;}

/* Links */
.external-link-new-window, a:hover.external-link-new-window, .external-link, .internal-link, a:hover.internal-link, .mail, .mail:hover, #CONTRE .internal-link, #CONTRE a:hover.internal-link{}
.external-link-new-window{}
a:hover.external-link-new-window{}
.external-link{  font-size:inherit;}
.external-link::after, .external-link-new-window::after{}
.internal-link{}
a:hover.internal-link ,  .news-header-list-title a:hover{}

.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;}

#breadcrumb{padding:0.625rem 0.625rem;}
.dsif-breadcrumb a{display:inline-block; margin: 0 8px; border-bottom:1px solid var(--baseColor1); font-weight:500;}
.dsif-breadcrumb a:hover{text-decoration:none; border-bottom-width: 2px;}
.dsif-breadcrumb a:focus{text-decoration:none;border:none;}
.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;}
ul.kachelmenu li img{width:100%;height:inherit;}
ul.kachelmenu li{
  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;
  /*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}

/**/
@media only screen and (max-width: 480px){
	.col-md-8 ul.kachelmenu li{width:95%;}
}
@media only screen and (max-width: 1199px){
	.col-md-8 ul.kachelmenu li{width:31.3%;}
	.col-md-8 ul.kachelmenu{margin: 0 0px 0 0px;}
}
@media only screen and (max-width: 992px){
	.col-md-8 ul.kachelmenu li{width:31.0%;}
	.col-md-8 ul.kachelmenu{margin: 0 -21px 0 0;}
}
@media only screen and (max-width: 767px){
	.col-md-8 ul.kachelmenu li{width:31.5%;}
	.col-md-8 ul.kachelmenu{margin: 0 -21px 0 0;}
}
@media only screen and (max-width: 639px){
	.col-md-8 ul.kachelmenu li{width:47.1%;}
	.col-md-8 ul.kachelmenu{margin: 0 -14px 0 0;}
}
@media only screen and (max-width: 479px){
	.col-md-8 ul.kachelmenu li{width:46.0%;}
}
@media only screen and (max-width: 320px){
	.col-md-8 ul.kachelmenu li{width:100%;margin: 0 0px 7px 0;}
}

.col-md-12 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%;}
}



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;}


/* EXTENSIONS" */

/* rlmpflashdetection */
#SEARCH_PART{margin:0px;}
#reloadform_tx_sgglossary_pi1{height:0px;}

/* 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;}

.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%;
}

/* 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 #eee;
	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 #eee;}
.alphabet{
	font-weight: bold;}
.mx_fileupload_content p{
	color:#aad300;
	font-weight:bold}

/* NEWS ***********************************************************************************************************/
hr.clearer{
	border:1px solid #8f8f8f;
	height:1rem;
	width:20px;}


@media only screen and (max-width: 1200px){
}
#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;}

.disabledLinkWrap, .activeLinkWrap{
    color: #8f8f8f;}



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

/* FAQ *****************************************************************************************************************************************/
.additional-info{height:auto;border:0px;background-color:transparent;padding-bottom:0.625rem;}
.irfaq-related-link-block{margin:0px;}

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


/* 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-top{}
.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;}

/* Lochung-Boxx */
.lochung-boxx{
	padding:1.5rem;
}
#CONTRE div.lochung-boxx{
	/*background-image: url('../images/css/cont-lochung.png'); /* Fallback */
	/*background-image:url('../images/css/cont-lochung.png'), linear-gradient(to right, #E3E4E6, #ffffff);*/}
.tacker-boxx .tacker-main *{}

/*  Spickzettel Tabelle */
.tacker-boxx .contenttable td.td-0{font-weight: 300;}
.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 ****************************************************************************************************************/

.clear{	clear: both;}
.pagetitlefooter span{padding:0 0.625rem;}
#MAIN .pagetitlefooter{
    color: #000;
}

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

/* Indexed Search **********************************************************************************************************/
#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;}
ul.lu3 li{
	background-image:none;
	display:block;
	color:var(--text2);
	font-size: 1.25rem;
	margin-bottom:1px;
	padding:0;
	background-color: var(--buttonBlogBGC);
	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);
}
#blog ul.lu3 li{
	color:var(--text2);
	background-color: var(--buttonBlogBGC);
}
#blog ul.lu3 li:hover{
	color:var(--text2);
	background-color: var(--relatedMenuHoverBlogBGC);
}

/* relatedmenu */
ul.relatedmenu{
	margin:0.75rem -1.5rem 0.75rem -1.5rem;
}
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);
}


/* xoxo blogroll */
ul.xoxo.blogroll, ul#menu-side-bar-menue{margin:0.75rem -1.5rem 0.75rem -1.5rem;}
ul.xoxo.blogroll li, ul#menu-side-bar-menue 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{
	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{
	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{
	color:inherit;
	transition: var(--transAll);
}
ul.xoxo.blogroll li a::after, ul#menu-side-bar-menue li a:after{
	content: " #";
	white-space:nowrap;
}

#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;}


/**/
.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 */
#sbCenter{}
#sbBottomContainer{}

#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);
}
.layout-8 button.button.button--transparent, .layout-8 a.button.button--transparent{
	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;
    line-height: 3em;
    padding: 1rem 1.25rem ;
    text-decoration: none; 
}
.layout-8 button.button.button--transparent:focus, .layout-8 a.button.button--transparent:focus{
	background-color: rgba(255, 255, 255, 1);
	transition: var(--transAll);
	outline: 0.25rem dotted var(--baseColor1);
    outline-offset: 0.5rem;
}
.layout-8 button.button.button--transparent:hover, .layout-8 a.button.button--transparent:hover,
.layout-8 button.button.button--transparent:active, .layout-8 a.button.button--transparent:active{
	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;}
.layout-8 #MAIN, .layout-8 #NORMAL{

}
/*.layout-8 ul.nav, .layout-8 ul#subnavigation{*/
ul.nav, ul#subnavigation{
    background: transparent;
}
ul.dropdown-menu{
    background: rgba(70, 68, 68, 0.1) none repeat scroll 0 0;
	background:hsla(0, 0%, 100%, .3);
	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;
	background: url("https://www.7dev.de/fileadmin/dsif/upload/video/24951615_clean-background_by_podrivystoev_preview.png") 0 / cover fixed;
}
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: 768px){
	.layout-8 #box-1-claim{top:220px;}

	p.projekt-title {
		font-size:1rem;
		line-height: 1.25rem;
	}

}
@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);}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    }
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: 2px 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:hover{padding-right:20px;transition:padding-right 0.2s;}
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: 1.5rem 0.5rem;
    position: relative;}
.navbar-collapse.in{
    overflow-y: visible;
}

@media (min-width: 1600px){
	.container{
   		width: 1570px;
		min-width:70%;}
	#CONTRE div.tacker-boxx{
		padding:1.5rem;}
	#CONTRE div.lochung-boxx{
		}
	.lochung-boxx{
	}
	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;
	}



	#blog ul.relatedmenu li a{
	padding: 0.75rem 1.5rem 0.75rem 1.5rem;
	}
	#blog ul.relatedmenu li p a{
		padding: 0px 1.5rem 0.75rem 1.5rem;
	}
	#blog ul.relatedmenu li:hover a{
		padding: 0.75rem 1.5rem 0.75rem 1.5rem;
	}
	#blog ul.relatedmenu li:hover p a{
		padding: 0px 1.5rem 1.5rem 1.5rem;
	}
	#blog .tacker-main{
		margin:0;
	}
}

@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: 1.5rem 0.5rem;}
	p, option, label, text, textarea, button, dd, dt, form, td, div, q, blockquote, li{
			font-size:18px;
			line-height:27px;}
	p.tease{
			font-size: 1.5rem ;
			font-weight: 500;
			line-height:  2rem;}
}
/**/
#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:1px 0px;float:right;}
#header-nav li, #footer-nav li, #menu-footer-menue li{
	display:inline-block;
	color:black;
	float:left;
}
#footer-nav li, #menu-footer-menue li{line-height:40px;}
#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: 4px;
	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;
	}
	#sticky-nav.mysticky{
		background-color: transparent;
	}
	#sticky-nav.mysticky .navbar-header{
		border-bottom: none;
		}


	#sticky-nav.mysticky .navbar-header{
		border-bottom: none;
		}
	#sticky-nav.mysticky .navbar-collapse{
		background-color: #666;
		position: relative;
		top: -67px;
	}
	#navbar{
	}
	ul.nav{
		padding: 15px 0;
	}

	#header-nav{
		float: left;
		display:none;
	}
	#header-nav li{padding:0 1rem 0 0;}
	#header-nav li a, #header-nav li, #footer-nav li a, #footer-nav li{}
	#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;
	}
}
/* Uplink / LinkToTop */

.linkToTop p, .uplink p{
	transition: opacity 0.2s linear 0s;}
.linkToTop p a, .linkToTop p span, .uplink p a, .uplink p span{
	text-decoration:none;
	vertical-align:middle;
	opacity:0.8;
	display:inline-block;}
.linkToTop:hover p a, .linkToTop:hover p span, .uplink:hover p a, .uplink:hover p span{
	opacity:1;
	transition: opacity 0.2s linear 0s;}
.linkToTop p a:hover, .uplink p a:focus{
    outline: var(--outline);
    outline-offset: 0.25rem;
	opacity:1;}
.linkToTop p span.material-icons-outlined, .uplink p span.material-icons-outlined{
	top:-3px;
	position: relative;
	font-size: 2rem;
	padding-right: 0.25rem;
}

/* 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;font-weight:300;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;
	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:#FDFDF0;}
#nav2 li.nav-no a{color:#222;}
#nav2 li.nav-act a:hover, #nav2 li.nav-cur a:hover, #nav2 li.nav1cur a:active{color:var(--baseColor1);}
#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 .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;font-weight:300;}
#nav2 > li.nav-cur > nav > ul > li.nav-no > a{font-weight:300;}
#nav2 > li.nav-act > nav > ul > li.nav-no > a{font-weight:300;}

/* Neues UL-menü Nav3 */
#nav3{
	padding:0;
	margin:0 0 0.75rem -15px;
	display:inline-block;}
#nav3 li{
	padding:0;
	margin:0 0 1rem;
	float:left;
	border-right:1px solid #222;}
#nav3 li.first{}
#nav3 li.last{border-right:none;}
#nav3 li, #nav3 li a{display: block;background-image:none;font-family:'Barlow','Roboto Condensed','Futura-Medium',Segoe UI, Arial;font-size:1.25rem;font-weight:300;list-style-type:none;text-decoration:none;}
#nav3 li a{padding:2px 15px 0.25rem 15px;}

#nav3 li.nav3cur a,#nav3 li.nav3act a{color:#000;font-weight:500;}
#nav3 li.nav3no a:hover, #nav3 li.nav3no a:hover{color:var(--baseColor1);}
#nav3 li.nav3act a:hover, #nav3 li.nav3cur a:hover, #nav3 li.nav1cur a:active{color:var(--baseColor1);}

#p667 #nav3 li.nav3no a:hover, #p669 #nav3 li.nav3no a:hover{color: #bbb !important;}
#p667 #nav3 li.nav3act a:hover, #p669 #nav3 li.nav3act a:hover{color: #bbb !important;}
#p667 #nav3 li.nav3cur a:hover, #p669 #nav3 li.nav3cur a:hover{color: #bbb !important;}

/* pagebrowse *************************************************************************************************************/
.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;}

#INNERCONTENTNORMAL ul.lu3 li{
   overflow:visible;}
p.pagebrowser{padding:0px;margin:0px;}

td.tabelle_oben_links .td-0,  td.tabelle-mitte_links, td.tabelle_unten_links{ height:25px;width:19px;padding:0px;margin:0px; line-height:0px; font-size: 0px;}
td.tabelle_unten_links{height:2.5rem;}
.zweispalter{width:50%;float:left;}
.clearboth{clear:both;}

/* Modal Box df_modalbox2 *************************************************************************************************/
.modalBoxBodyContent *, .modalBoxBodyContent .internal-link, .modalBoxBodyContent .mail{color:#222;}
.modalBoxBodyContent .internal-link{background-position: 0px -1067px;}

/* 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;}

#blog .tagcloud a:link, #blog .tagcloud a:visited{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;}
#blog .tagcloud a:hover{background-color:var(--chipBGC);color:var(--text);transition: all 0.2s linear 0s;}

/* Category Carousel */
.category-carousel{
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    white-space: nowrap;
    gap: 20px;
    padding: 20px;
}
.category-carousel{
    display: none;
}
.category-card{
    display: flex;
	flex:0 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 360px; /* Festgelegte Breite der Card */
    height:240px;
	/* background-image: linear-gradient(red, yellow, green); */
	background-color: #ddd;
    background-size: cover;
    background-position: center;
    scroll-snap-align: start;
    position: relative;
    /* border-radius: 8px; */
    color: #fff;
    text-align: center;
    text-decoration: none; /* Entfernt den Linkstil */
    overflow-x: hidden;
    /* box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); */
    transition: transform 0.3s ease; /* Übergang für Hover-Effekt */
	padding: 0 1rem;
}

.category-card:hover{
    transform: scale(1.05); /* Optionaler Hover-Effekt */
	text-decoration: none;
}

.category-card h3, .category-card h4, .category-card p{
    margin: 10px 0;
	white-space:normal;
}

.category-card img.category-icon{
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

/* Scrollbar ausblenden für Webkit-Browser (Chrome, Safari, Edge) */
.category-carousel::-webkit-scrollbar{
    display: none;
}

/* Scrollbar für Firefox ausblenden */
.category-carousel{
    scrollbar-width: none; /* Für Firefox */
}

/* Standard Scrollbar-Einstellungen, falls auf anderen Browsern sichtbar */
.category-carousel{
    -ms-overflow-style: none; /* Für Internet Explorer und ältere Edge-Versionen */
}






.categories{margin-bottom:1.5rem;}
.category--asbadge:focus-within{
	outline:var(--outline);
	offset: var(--outlineOffset);
}
.category--asbadge{
	background-color:var(--cellBGC); 
	color:var(--text); 
	transition: all 0.2s linear 0s; 
	padding:0.625rem 1.25rem ; 
	margin:0 0.5rem 0.625rem 0; 
	font-weight:400; 
	line-height:inherit; 
	display:inline-block;
	border:0 solid transparent;
	border-radius: 25px;}
.category--asbadge > a:hover, .category--asbadge:hover > a, .category--asbadge > a{text-decoration: none !important; border:0 solid transparent;}
.category--asbadge > a:focus, .category--asbadge:focus > a, .category--asbadge > a{text-decoration: none !important; border:0 solid transparent;outline:none;}

/* Page Browser */
.page-browser{
}
.page-browser p{
  line-height: 1rem;
  display:flex;
}
.page-browser span:hover{
}
.page-browser span a span{
  margin-right: 0.4rem;
  margin-left: 0rem;
  top: 7px;
  position: relative;
  font-size: 2rem;
}
.page-browser span a.right-link span{
  margin-right: 0rem;
  margin-left: 0.4rem;
}
.page-browser span{
  display: inline-block;
  margin-right: 1rem;
}
.page-browser span a span:last-child{
  margin-right: 0;
}

.page-browser a{
  background-color: var(--cellBGC);
  border-radius: 4rem;
  padding: 0.7rem 1.5rem 1rem 1.5rem;
  text-decoration:none;
  white-space: nowrap;
  min-width: 3rem;
  min-height: 3rem;
  display: inline-block;
  color:var(--text);
}
.page-browser a:hover, .page-browser a:focus{
  background-color: var(--relatedMenuHoverBGC);
  color:var(--text2);
}
.page-browser a.current{
  background-color: var(--w-table-odd);
}




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.error{}
span.xlrge{font-size:2em;}
span.more{font-weight:bold;}
sup.mybadge{background-color:#464444;color:#fff;}
p.tease{
	font-size: 1.5rem;
	line-height: 36px;}
a:link.lead, p.lead, ul.lead li{font-size:1.25rem;font-weight:300;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;font-weight:300;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;}
}

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{}
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;}

/* #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;}
/* Bild in textpic dynamisch für RWD*/

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*/
#blog div#wp-main-article iframe{margin: 0.75rem 0;border:1px solid silver;width:100% !important;}

#blog .author-info{}

.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;	}
/**/
#blog form.wpcf7-form input, #blog form.wpcf7-form textarea{border-bottom:1px solid #ddd;width:100%}
#blog form.wpcf7-form input[type=submit]{border-bottom:none;}

/* tnp newsletter regist */
.tnp-widget input[type=submit], .tnp-widget input.tnp-submit{
	padding:unset;
	font-size:unset;
	color:#fff;
	height:64px !important;
	padding:16px;
}

/* wp shopping cart */
#blog  div.shopping_cart > table tr{border-bottom:1px solid #ddd;}
#c2319 > div > div > table > tbody > tr.wpspsc_checkout_form{border-bottom:none;}
#blog  div.shopping_cart > table tr td, #blog  div.shopping_cart > table tr th{padding:0.625rem 0;vertical-align: middle;}
#blog  div.shopping_cart > table  tr  td  form > input[type="text"]{border:1px solid #ddd;}
#blog  div.shopping_cart > h2{display:none;}
#blog  div.shopping_cart form{margin:0;}
.parallax-window{
    min-height: 20.625rem;
    background: transparent;}
.parallax-mirror{}
#blog div.f-image img{display:none;}

#blog .update{
	font-weight:500;
	color:var(--blogChipBGC);
	font-style:normal;
}
#blog ul.wp-tag-cloud li{background:none;float:left;padding:0 0.625rem 0 0;}
#blog ul.wp-tag-cloud li a{text-decoration:none;border-bottom:1px solid var(--underlineColor);}
#blog ul.wp-tag-cloud li a:hover{border-bottom:2px solid var(--underlineColor);}
/* Boxx Orange */
#blog .boxx-orange{
	border:1px solid var(--chipBGC);
	padding-bottom:1.5rem;
	margin-bottom:1.5rem;}
#blog .boxx-orange h2{
	background-color:var(--chipBGC);
}
#blog .boxx-orange h3, #blog .boxx-orange h4, #blog .boxx-orange h5, #blog .boxx-orange h6{
	background-color:transparent;
	color:#686666;
	padding:0;
}
#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, #blog #WIDGETFOOTER ul.wc-shortcodes-social-icons li a:hover{border:none;}
#blog i.fa.fa-xing{
    background-color: #006567;
}
#blog i.fa.fa-behance{
    background-color: #000000;
}
#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{
	font-size:1rem;
	line-height: 40px;
	margin:0;
}

/* Boxx Orange End */
.comments-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;}
.comments-notification-blob:hover{background-color:#464444;transition: background-color 0.2s;padding-right:2em;transition: padding-right 0.2s;}
.sm-boxx-container{
    margin: 1rem 0 2rem 0;}
.sm-boxx-buttons{
    height: auto;
    overflow: visible;}
.kksr-legend *{font-size:1rem;color: #222 !important;}
.kk-star-ratings{margin:1rem 0 1rem 0;}
.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;}



/* Article List*/
.list-wrap {margin-top:2rem;}

.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 > a{display:flex;}
.list-entry {display:flex;overflow:hidden;margin-bottom:4rem;}
.list-entry {transition: var(--transAll); background-color: transparent; padding:0.5rem 2rem 1.5rem 0;}
.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); }
div.list-entry a:focus {
	outline:none;
}
.list-entry:hover, .list-entry:focus-within {transition: var(--transAll); background-color:var(--cellBGC); padding:0.5rem 1rem 1.5rem 1rem ;}
.list-entry:focus-within {
	outline:var(--outline);
	offset: var(--outlineOffset);
}

.list-img {height: 240px;margin:0.625rem 0;background-color: #EEEEEE;border:1px solid #fff;padding:0 !important;overflow:hidden;}
.list-img img {}

/* Nur Erster Beitrag */
.list-wrap .list-entry:first-child > a  {
	display: flex;
	flex-direction: column;
}
.list-wrap .list-entry:first-child .list-img  {
	width: 100%;
	height: 320px;
}
.list-wrap .list-entry:first-child .list-excerpt {
	width: 100%;
}
/* ### */



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;}

/* Blog-Entry*/
div.entry ul{margin-left: 1.25rem ;}
#blog div.entry  p  a  img, #blog div.entry  p  img{max-width:100% !important;height:inherit !important;}
#blog div.wp-caption.alignleft img{max-width:100% !important;height:inherit !important;}
#blog div.wp-caption.alignleft{width: 100% !important;}
div#attachment_275.wp-caption.alignleft img.wp-image-275.size-full{max-width:100% !important;height:inherit !important;}

#blog #CONTRE .tacker-boxx{background-color: var(--cellBGC);}

/* Comments list*/
#blog ol.comment-list a.comment-edit-link{font-weight:500;}
#blog ol.commentlist{padding:0;background-color: var(--cellBGC);}
#blog ol.commentlist li{list-style-type:none;margin:0;padding: 1.25rem 1.25rem ;}
#blog ol.commentlist li.odd{background-color:var(--cellBGC);}
#blog ol.comment-list li .avatar{border-radius: 50%;-moz-border-radius: 50%;}
#blog ol.commentlist ul.children li{list-style-type:none;background-image:none;margin-top:20px;}
#blog div.reply > a{
	font-weight:500;
	padding:2px 0 2px 0;
	border-bottom: 1px solid var(--underlineColor);
	text-decoration:none;}
#blog div.reply > a:hover{
	text-decoration:none;
	padding:2px 0 1px 0;
	border-bottom: 2px solid var(--underlineColor);
}

#blog .comment-author, #blog .comment-metadata{display: inline-block;}
#blog .comment-author img{
	border-radius: 50%;
    margin-right: 1rem;}

#comment{height:100px;transition: height 0.2s;}
#comment:focus{height:300px;transition: height 0.2s;}
#comments{padding:0 2rem 0 2rem;overflow:hidden;background-color:transparent !important;}
.comment{padding-bottom: 2rem; }
.comments{
	background-color:transparent !important;
	padding:0 !important;
}

/* Commentform */
#commentform input[type=text], #commentform input[type=textarea], #commentform textarea, #commentform select{
	width:75%;
	float:left;
	background-color:#fff;
	border:none;
	margin:0 0 0.625rem 0;
	/*margin:5px; /*to fix ie6 position*/
	color:#000;}
#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%;font-weight:bold; clear:unset;}
#commentform p, #commentform form, #commentform label{display:flow-root}
#commentform #wp-comment-cookies-consent{
	margin-right: 1rem;
	width: auto;
	clear:unset;}
#commentform label{
	width: auto;
	clear:unset;}
#respond{
	margin: 0 -2rem 0 -2rem;
	padding: 0.5rem 2rem;
	background-color: rgba(0, 0, 0, 0.1)}

@media (max-width: 800px){
	#comments{padding: 0 1rem 0 1rem;}
}

/* Akismet */
.akismet_comment_form_privacy_notice{
	margin: 0 -2rem 0 -2rem;
    padding: 2rem 2rem;
    background-color: rgba(0, 0, 0, 0.05);
}


#subscribe{margin:2px 0.625rem 0 0 !important;}
/*.navigation{margin:0.75rem 0 0.75rem 0;}*/
#author-info, .author-info{margin: 2rem 0px; padding:2rem;background-color: var(--cellBGC);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: 700;
    float: none;
    display: block;
    margin-bottom: 5px;}
#author-info button > a{color:inherit;}

@media (max-width: 800px){
	#author-info, .author-info{padding: 1rem;}
}

#related-posts-by-cat{margin: 1.25rem 0px; padding: 0px;background-color: transparent; display:flex; flex-direction: row; gap:2rem;}
#related-posts-by-cat > div.card{padding:0;background-color: var(--cellBGC);display:unset;}
.relatedthumb{margin:0;}
.relatedcontent{padding: 2rem;}
.relatedcontent > *{margin-top: 0;}

#related-posts-by-cat div > div.relatedthumb > a > img{width:100%;height:inherit;}
#related-posts-by-cat .relatedcontent{}


/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px){
	#related-posts-by-cat{flex-direction: column; }
	#related-posts-by-cat > div{flex: 100%;}
	.relatedcontent{padding: 1rem;}
  }

#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 > div{padding:0;background-color: var(--cellBGC);}
div.related-post-by-tag div a h4{margin-top:0;}

/* Posts Search Form */
#blog form.search-form > label{width:100%;}
#blog form.search-form input{width:100%;}
#blog form.search-form input[type="submit"]{margin:0; padding:1rem;}

/* 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 */
#blog figure img.size-full{
    width: 100%;
}
#custom_help_widget{background-color:var(--pageBGColor);}

#blog .navigation{display:block;margin:4rem 0;}
#blog .navigation--rwd{display:none;}
#blog .navigation--rwd p > a:nth-child(1)::before{content:'« ';white-space:nowrap;}
#blog .navigation--rwd p > a:nth-child(3)::after{content:' »';white-space:nowrap;}


/* RWD Media queries*/
@media (max-width: 1440px){

	.categories{

		overflow-x: auto;

	}
	}

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

	#nav2{display:none;}
	.uplink{margin:1rem 0 1rem 0;}
	.list-entry{padding: 0;}
	.list-entry:hover{padding: 0;}
	.list-img{margin:0.75rem 0;background-color: #EEEEEE;border:1px solid #fff;padding:0 !important;overflow:hidden;}
	.list-img{
		width:100%;
		height:240px;}
	.list-excerpt .excerpt{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 1.5; /* Anpassen, um die genaue Zeilenhöhe festzulegen */
		max-height: 3em; /* line-height * 2, um sicherzustellen, dass nur zwei Zeilen sichtbar sind */
	}
	.categories{
		height: min-content;
		display: flex;
		white-space: nowrap;
		gap: 0.5rem;
		scroll-snap-type: x mandatory;
		padding: 0.5rem 0;
	}
	.categories__category{
		display: flex;
		flex:0 0 auto;
		flex-direction: column;
	}
	.category--asbadge{
		margin:0;
	}
	

	#commentform input[type=text]{
		width: 100%;
	}
	#commentform label{width:100%;line-height:18px;margin-top:0;}
	#blog  div#related-posts-by-tag div.related-post-by-tag div a img.wp-post-image{width:100% !important;height:inherit !important;}
	#blog div.relatedthumb a img.wp-post-image{width:100% !important;height:inherit !important;}
}
@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;}
	#blog div.f-image img{width:100%;height:auto;margin-bottom:20px;display:block;}
	div.related-post-by-tag div a h4{margin-top: 1.5rem;}
	#author-info div.blog-profile-list{margin-top:0.75rem;}

	ul#navigation{
		margin-left:0;
	}
	#commentform{padding:0.625rem 1.25rem ;}

}
@media (max-width: 639px){
	#RAND{margin-bottom: 0px;}
	h1,h2.pagetitlefooter{font-size:2rem;line-height:36px}
	.comments-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;
	}
	#blog .navigation{display:none;}
	#blog .navigation--rwd{display:block;}
}
@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:60.25rem;
		font-family:'Barlow','Roboto Condensed',Gill,Arial,Helvetica;
	}
}
.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); }

/* LANGSWITCH */
#nav-lang{

}
#nav-lang{
	position:relative;
	display:block;
}
#nav-lang *{margin:0;}
#nav-lang label{
	display:block;
	clear: none;
    float: none;
    width: auto;
}
/* NAVBAR Toggle */
.navbar-toggle{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: none;
	padding: 0.75rem;
	z-index: 20;
	top:0.9rem;
	}
.navbar-default .navbar-toggle{
	position:fixed;
	right: 1rem;
	margin:0;
}
.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);
}

#nav-lang label:hover{color:var(--pageBGColor);border-color: var(--pageBGColor) transparent transparent;}
/*#nav-lang label:hover::after{color:var(--pageBGColor);border-color: var(--pageBGColor) transparent transparent;transition: all 0.3s ease;}*/


ul#subnavigation{
	list-style: none;
	margin:0;
	padding:0px 0px;
	/*border-left:1px solid #c4dbe7;*/
	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;}
/* LANGSWITCH End */

#meta{float:none;clear:both;}
/* Right to left */
.rtl{direction:rtl;}
.rtl ul.nav li{}
.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 .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;
}
#blog ul.dropdown-menu::before{
	background: var(--blogBGColor);
}
.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;
}