﻿/* V6.8 - 3/24  Zeilenabstand wg. Barrierefreiheit auf 1.5 vergrößert */
body { line-height: 1.5; }
.byline, p, .text ul, .text ol, .topline { line-height: 1.5em; }
}
@media screen and (min-width: 720px) {
.byline, p, .text ul, .text ol, .topline { line-height: 1.5em; }
}
@media screen and (min-width: 1200px) {
.byline, p, .text ul, .text ol, .topline { line-height: 1.5em; }
}	

#eyeAble_customToolOpenerID {
	display:flex;
	justify-content: center;
	align-items: center;
	width:5.0rem;
	height:5.0rem;
	margin-bottom: 1.778em;
	margin-left:2em;
	background-color: #0f2864;
	border:2px solid white;
	border-radius:50%;
	position:absolute;
	z-index: 999999999;
	right:8.2rem;
}
#eyeAble_customToolOpenerID img { width:66%; height:66%; }

@media screen and (min-width:480px) {
.header--home #eyeAble_customToolOpenerID, .header--strategy #eyeAble_customToolOpenerID  { right:3.25rem; top:7.5em; }
}

@media screen and (min-width:720px) {
.header--home #eyeAble_customToolOpenerID, .header--strategy #eyeAble_customToolOpenerID  {	position:fixed; right:3em; top:7.5m; }
}
@media screen and (min-width: 1121px) {
.creatorbody .header--home #eyeAble_customToolOpenerID, .creatorbody .header--strategy #eyeAble_customToolOpenerID  {top:calc(46px + 7.5em);}
}	
@media screen and (min-width:1200px) {
.header--home #eyeAble_customToolOpenerID, .header--strategy #eyeAble_customToolOpenerID { right:4.7rem; top:2.2em; }
.creatorbody .header--home #eyeAble_customToolOpenerID, .creatorbody .header--strategy #eyeAble_customToolOpenerID { top:calc(46px + 2.2em); }
}
@media screen and (min-width:1920px) {
.header--home #eyeAble_customToolOpenerID, .header--strategy #eyeAble_customToolOpenerID  { right:2.5em; top:7.5em; }
.creatorbody .header--home #eyeAble_customToolOpenerID, .creatorbody .header--strategy #eyeAble_customToolOpenerID  { top:calc(46px + 7.5em); }
}

/*
.header.header--page .header__main .header__logo .header__logo__print.eyeAble_hide {
	visibility:visible !important;
	display:flex !important;
}
*/
.header .header__main .header__logo .header__logo__screen.eyeAble_hide,
.header.header--strategy .header__main .header__logo .header__logo__screen.eyeAble_hide,
.header.header--home .header__main .header__logo .header__logo__screen.eyeAble_hide {
	visibility:visible !important;
	display:flex !important;
}
.is--hidden {display:none;}

/* ABe Typeahead: Redefinition Active-Styles notwendig */
.form.form--search.active .field--search {
    box-shadow: none;
}
.header__search .form.form--search.active .field--search input,.navigation .form.form--search.active .field--search input,.header__search .form.form--search.active .field--search .form__button,.navigation .form.form--search.active .field--search .form__button {
    /*border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #fff !important;*/
}
.form.form--search.active .searchhints {
    opacity: 0;
}
.main .form.form--search.active .searchhints {
    margin-top: 0;
    box-shadow: none;
}
.navigation .form.form--search.activex .field--search input,
.header__search .form.form--search.activex .field--search input,
.navigation .form.form--search.activex .field--search .form__button,
.header__search .form.form--search.activex .field--search .form__button {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #fff !important;
}
.form.form--search.activex .searchhints {
    opacity: 1;
    max-height: 100vh;
    pointer-events: auto;
}
.form.form--search.activex:focus-within .searchhints {
    display: block;
}
.main .form.form--search.activex .searchhints {
    margin-top: 0.75em;
    box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.2);
}
.form.form--search .searchhints ul li:focus a {
    background-color: #c2ecff;
    color: #000;
}
.form.form--search .searchhints ul li:focus{
    outline:0;
}
.form.form--search.hideSearchHints .searchhints {
    opacity: 0;
}
.form.form--search .searchhints ul li:hover a,
.form.form--search .searchhints ul li:hover a:hover { color:#fff; }
.form.form--search .searchhints .form__label { max-width:100%; }

/* ABe Typeahead: Redefinition Active-Styles notwendig */

/* ABe EmergencyBox 11.02.2020 */
.emergency__text > hr {
    margin: 2em 0;
}
/* ABe EmergencyBox */
/* ABe ScrollbarFix 11.02.2020 */
body:not(.open-navigation) .navigation .os-scrollbar.os-scrollbar-vertical {
    display: none;
}
/* ABe ScrollbarFix 11.02.2020 */

.accordion .accordion__item .accordion__content .linklist .textimage {
	padding:0;
}
.accordion__content p a, 
.accordion__content ul a, .text ul a, 
.accordion__content ol a, .text ol a {
	font-weight: 700;
    text-decoration: none;
    border-bottom: 0.1rem solid #ffcc01;
    transition: border 400ms ease-in-out;
}
.accordion__content .menu ul {
	font-size: 1.6rem;
	margin:0;
}
.accordion__content .menu ul a {
	border:none;
}
.text .sharing ul a { border-bottom:0; }

.accordion__content ul a p{
	font-weight: 400;
}

.menu li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0.5em 0;
    box-sizing: border-box;
    text-indent: -10px;
    margin-left: 16px;
    transition: color 400ms ease-in-out;
}


.accordion__content ul,.accordion__content ol 
{
    font-size: 1.6rem;
    line-height: 1.500em;
    margin: 0 0 1.500em 0;
}

@media screen and (min-width: 720px) {
	.accordion__content ul,.accordion__content ol 
	{
    font-size: 1.8rem;
    line-height: 1.5em;
    margin: 0 0 1.444em 0;
	}
}
@media screen and (min-width: 1200px) {
	.accordion__content ul,.accordion__content ol 
	{
    font-size: 2.0rem;
    line-height: 1.500em;
    margin: 0 0 1.400em 0;
	}
}

.teaser .teaser__item.teaser__item--inverted .teaser__background { background-color: #f0f0f0; }
.teaser .teaser__item.teaser__item--inverted .teaser__background::after { background-image:none; }


.contact .icon { width:1em; }

/* MMi Karten-Marker-Overlay */
.map .slideshow { position:relative; margin-bottom:0px; }
.map .slideshow .slideshow--images {padding:0; }

.map .marker i.icon { background-color:inherit; color: rgba(15, 40, 100, 0.8); font-size: 4rem;  transform:translateY(-2rem); padding:0; }	
@media screen and (min-width: 720px) {
											 
	.map .marker i.icon { background-color:inherit; color: rgba(15, 40, 100, 0.8); font-size: 5rem; transform:translateY(-2.5rem);}	
}
@media screen and (min-width: 1200px) {
											
	.map .marker i.icon { background-color:inherit; color: rgba(15, 40, 100, 0.8); font-size: 6rem; transform:translateY(-3rem);}	
}
.map .marker i.icon:hover,.map .marker i.icon:focus,.map .marker i.icon:active {background-color:inherit !important; color: rgba(15, 40, 100, 0.8) !important;} 
.map .slideshow__lightbox { opacity: 1; display: block; }

.accordion__item .map .inside { width:100%; }
	
	
/* MMi iFrameViewer */
.iframeviewer .iframeviewer__lightbox {margin-bottom:0;}
.iframeviewer .iframeviewer__nolightbox { display:block; position:relative; }
.iframeviewer { margin-bottom: 5em;}
@media screen and (min-width: 1200px) {
	.iframeviewer { margin-bottom: 10em;}
}	
.map .iframeviewer { margin-bottom:0; }

/* ABe ABC-Navigation NoLink */
.abcnavigation .nolink {   
    padding: 0.125em 0.65em;
    border-bottom: 4px solid transparent;
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}
@media screen and (min-width: 960px){
    .abcnavigation .nolink {
        padding: 0.125em 0;
    }
}
/* ABe ABC-Navigation NoLink */

/* ABe Verbesserte Anzeige kurzer Linklisten (z.B. Baustelle) */
.linklist.kdcat ul.linklist__list {
    margin-bottom: 5em;
}
/* ABe Verbesserte Anzeige kurzer Linklisten (z.B. Baustelle) */

/* ABe Datepicker Selected-Style */
.flatpickr-day.selected a{
    color: #fff;
}
/* ABe Datepicker Selected-Style */
.flatpickr-calendar .flatpickr-monthSelect-month {
    font-weight: 700 !important;
    color: #000;
    margin: 8px 0px;
    font-size: 1.8rem;
}
.flatpickr-calendar .flatpickr-monthSelect-month.disabled{
    font-weight: 400 !important;
}
.flatpickr-calendar.flatpickr-monthSelect-theme-light {
	width: 380px;
}
@media screen and (max-width: 567px) 
{
.form .field.field--date.field--date .datepicker--month + .flatpickr-calendar.flatpickr-monthSelect-theme-light {
    width: 100%;
}
}

/* Homepage bop */
.homepage--1 .slideshow--teaser { margin-bottom:0px; }
@media screen and (min-width: 1200px) {
	.homepage--1 .text { margin-top:3em; }
}

.linklist .linklist__list li > a h4, .linklist .linklist__list li > a .headline--4 {
    margin: 0 !important;
}

body,
.linkboxes__collection,
.linkbox .linkbox__list li a,
.text p a, 
.textimage p a {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
.shortcuts ul, .linkboxes__collection, .teaser--square {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.button {
    -webkit-hyphens: none !important;
    -moz-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
}

/* ABe Linkstyle für Intro */
.intro p a {
    font-weight: 700;
    text-decoration: none;
    border-bottom: 0.1rem solid #ffcc01;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    transition: border 400ms ease-in-out;
}
.no-touch .intro p a:hover {
    border-bottom-color: #0ab4ff;
}
.intro p a:focus{
    border-bottom-color: #0ab4ff;
}
.intro p a{
    font-size: 2.2rem;
    line-height: 1.273em;
    margin: 0 0 1.273em 0;
}
@media screen and (min-width: 720px){
    .intro p a{
        font-size: 2.6rem;
        line-height: 1.308em;
        margin: 0 0 1.308em 0;
    }
}
@media screen and (min-width: 1200px){
    .intro p a{
        font-size: 3.2rem;
        line-height: 1.250em;
        margin: 0 0 1.250em 0;
    }
}
/* ABe Linkstyle für Intro */

/* MMi: BITV-Anpassung Main-Menu, BO-193   --  Kopie von main.css (h3-->.mainmenulabel), besser direkt dort ergänzen */
ul.accordion.accordion--inverted {
	list-style:none;
	padding:0;
}
.accordion.accordion--inverted .accordion__item .accordion__toggle .mainmenulabel,
.accordion.accordion--inverted .accordion__item .accordion__link .mainmenulabel
{
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 1.167em;
    margin: 1.167em 0 0.333em 0;
}

.accordion .accordion__item .accordion__toggle .mainmenulabel,
.accordion .accordion__item .accordion__link .mainmenulabel
{
    font-weight: 700;
    font-size: 2.0rem;
    line-height: 1.300em;
    margin: 1.300em 0 0.400em 0;
    margin: 0 !important;
    padding: 1em 0.8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
}

.accordion .accordion__item .accordion__toggle .mainmenulabel .icon,
.accordion .accordion__item .accordion__link .mainmenulabel .icon
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 2em;
    color: #fff;
    transition: all 400ms ease-in-out;
}

.accordion.accordion--inverted .accordion__item .accordion__content li a,
.accordion.accordion--inverted .accordion__item .accordion__content li a
{
	font-weight:inherit;
}

.no-js .accordion .accordion__item .accordion__toggle .mainmenulabel .icon,
.no-js .accordion .accordion__item .accordion__link .mainmenulabel .icon
{
    opacity: 0;
}

@media screen and (min-width:720px)
{
.accordion .accordion__item .accordion__toggle .mainmenulabel,
.accordion .accordion__item .accordion__link .mainmenulabel
{
    font-size: 2.2rem;
    line-height: 1.273em;
    margin: 1.273em 0 0.364em 0;
}
}
@media screen and (min-width:1200px)
{
.accordion .accordion__item .accordion__toggle .mainmenulabel,
.accordion .accordion__item .accordion__link .mainmenulabel
{
    font-size: 2.4rem;
    line-height: 1.333em;
    margin: 1.333em 0 0.333em 0;
}
}
@media screen and (min-width:1440px)
{
.accordion.accordion--inverted .accordion__item .accordion__toggle .mainmenulabel,
.accordion.accordion--inverted .accordion__item .accordion__link .mainmenulabel
{
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.167em;
    margin: 1.167em 0 0.333em 0;
}
}
@media screen and (min-width:1440px) and (min-width:720px)
{
.accordion.accordion--inverted .accordion__item .accordion__toggle .mainmenulabel,
.accordion.accordion--inverted .accordion__item .accordion__link .mainmenulabel
{
    font-size: 2.6rem;
    line-height: 1.231em;
    margin: 1.231em 0 0.308em 0;
}
}
@media screen and (min-width:1440px) and (min-width:1200px)
{
.accordion.accordion--inverted .accordion__item .accordion__toggle .mainmenulabel,
.accordion.accordion--inverted .accordion__item .accordion__link .mainmenulabel
{
    font-size: 2.8rem;
    line-height: 1.214em;
    margin: 1.214em 0 0.286em 0;
}
}
@media screen and (min-width:1920px)
{
.accordion .accordion__item .accordion__toggle .mainmenulabel,
.accordion .accordion__item .accordion__link .mainmenulabel
{
    font-size: 2.8rem;
    line-height: 1.214em;
}
}

.accordion .accordion__item .accordion__content div[property]:first-child
{
    margin-top: 1.25em;
}
@media screen and (min-width: 1200px) 
{
.accordion .accordion__item .accordion__content div[property]:first-child
{
    margin-top: 2.5em;
}
}

/* Links im CKEditor */
.textlink {
/*	display:block; */
}
.textlink > a {
    display: inline-block;
    box-sizing: border-box;
    margin: 0.5em !important;
    text-decoration: none;
 /*   color: #000; */
    padding: 0;
    background-color: rgba(255, 255, 255, 0);
	border-bottom: 0.1rem solid #c77700;
    transition: background-color 400ms ease-in-out;
}
.textlink > a .linklist__toggle {
    line-height: 1.167em;
    margin: 1.167em 0 0.333em 0;
    margin: 0 !important;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: start;
    align-items: flex-start;
}
.textlink > a .icon {
    color: #1a5eff;
    transition: color 400ms ease-in-out;
}
.no-touch .textlink > a:hover {
    background-color: #f0f0f0;
	border-bottom-color: #002d9a;
}
.no-touch .textlink > a:hover .icon {
    color: #0f2864;
}
.textlink > a:focus {
    outline: 0;
    background-color: #f0f0f0;
}
.textlink > a:focus .icon {
    color: #0f2864;
}
.textlink a .linklist__toggle {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.500em;
    margin: 1.500em 0 0.500em 0;
    margin: 0 !important;
}
.textlink a .icon {
    font-size: 1.25em;
}

@media screen and (min-width: 720px) {
	.textlink a .linklist__toggle {
/*		font-size: 1.8rem;	*/
		font-size: 1.6rem;	
		line-height: 1.444em;	
		margin: 1.444em 0 0.444em 0;
	}
	li .textlink a .linklist__toggle {
		line-height: 1.25em;
	};	
}

@media screen and (min-width: 1200px) {
	.textlink a .linklist__toggle {
/*		font-size: 2.0rem; */
		font-size: 1.8rem; 
		line-height: 1.400em;
		margin: 1.400em 0 0.400em 0;
	}
	li .textlink a .linklist__toggle {
		line-height: 1.333em;
	};
}

li span .textlink {
	display: inline-block;
}	
li .textlink > a { 
	display:inline;
	margin:0 !important; 
}
li  .textlink > a .linklist__toggle { 
	display:inline;
}

.teaser.teaser--square.teaser--square--small.teaser--count-4 .teaser__item,
.teaser.teaser--square.teaser--square--small.teaser--count-5 .teaser__item,
.teaser.teaser--square.teaser--square--small.teaser--count-6 .teaser__item
{ width: 100%; border: 0.8rem solid #fff; }

@media screen and (min-width: 480px) {
.teaser.teaser--square.teaser--square--small.teaser--count-4 .teaser__item,
.teaser.teaser--square.teaser--square--small.teaser--count-5 .teaser__item,
.teaser.teaser--square.teaser--square--small.teaser--count-6 .teaser__item
{ width: 100%; border: 0.8rem solid #fff; }
}	
@media screen and (min-width: 568px) {
.teaser.teaser--square.teaser--square--small.teaser--count-4 .teaser__item,
.teaser.teaser--square.teaser--square--small.teaser--count-5 .teaser__item,
.teaser.teaser--square.teaser--square--small.teaser--count-6 .teaser__item
{ width: 50%; border: 1.2rem solid #fff; }
}	

@media screen and (min-width: 960px) {
.teaser.teaser--square.teaser--square--small.teaser--count-4 .teaser__item { width: 25%; border: 0.8rem solid #fff; }
.teaser.teaser--square.teaser--square--small.teaser--count-5 .teaser__item { width: 20%; border: 0.8rem solid #fff; }
.teaser.teaser--square.teaser--square--small.teaser--count-6 .teaser__item { width: 33.33333%; border: 1.2rem solid #fff; }
.teaser.teaser--square.teaser--square--small.teaser--count-5 .teaser__item .teaser__content .teaser__headline { font-size: 2.3rem;}
.teaser.teaser--square.teaser--square--small.teaser--count-6 .teaser__item .teaser__content p {min-height:0px; font-size: 2.0rem;}
.teaser.teaser--square.teaser--square--small.teaser--count-6 .teaser__item .teaser__content .teaser__headline { font-size: 2.0em;}
.teaser.teaser--square.teaser--square--small.teaser--count-6 .teaser__item .teaser__content p {min-height:0px; font-size: 1.6rem;}
}
@media screen and (min-width: 1200px) {
.teaser.teaser--square.teaser--square--small.teaser--count-6 .teaser__item .teaser__content p {min-height:0px; font-size: 1.6rem;}
.teaser.teaser--square.teaser--square--small.teaser--count-6 .teaser__item .teaser__content .teaser__link { font-size: 1.6rem;}
}	
@media screen and (min-width: 1440px) {
.teaser.teaser--square.teaser--square--small.teaser--count-4 .teaser__item { width: 25%; border: 1.2rem solid #fff; }
.teaser.teaser--square.teaser--square--small.teaser--count-5 .teaser__item { width: 20%; border: 1.2rem solid #fff; }
.teaser.teaser--square.teaser--square--small.teaser--count-6 .teaser__item { width: 16.66667%; border: 0.8rem solid #fff; }
}
/* Ratsmitglieder-Übersicht Link abgeschnitten */
.photos__item a.more, .photos__item .image .image__caption {
    max-width: 100%;
}
/* Spotlight Link abgeschnitten */
.spotlight__linklist .textimage__text {
 min-width: 190px;
}
/* Min-Height in teaser-square nicht mehr gewünscht */
.teaser.teaser--square .teaser__item .teaser__content p {
    min-height: 0;
}


.shortcuts .teaser--count-4 .shortcut,
.shortcuts .teaser--count-6 .shortcut { width: 50%; }

@media screen and (max-width: 719px) {
.main__shortcuts .shortcuts.shortcuts--competences .teaser--count-4 .shortcut:nth-last-child(2),
.main__shortcuts .shortcuts.shortcuts--competences .teaser--count-6 .shortcut:nth-last-child(2) { border-bottom:0; }
}
@media screen and (min-width: 720px) {
.shortcuts .teaser--count-6 .shortcut { width: 33.33333%; }
.main__shortcuts .shortcuts.shortcuts--competences .teaser--count-6 .shortcut:nth-child(6n+6) { border-bottom-width:0; }	
.main__shortcuts .shortcuts.shortcuts--competences .teaser--count-4 .shortcut:nth-child(3) {
	border-bottom:0; border-right:0.1rem solid;
}
.main__shortcuts .shortcuts.shortcuts--competences .teaser--count-4 .shortcut:nth-child(2) { border-bottom:0.1rem solid; }
.main__shortcuts .shortcuts.shortcuts--competences .teaser--count-4 .shortcut:nth-child(2n) { border-right:0; }
}
@media screen and (min-width: 960px) {
.shortcuts .shortcuts--competences .teaser--count-4 .shortcut { width: 25%; }
.main__shortcuts .shortcuts.shortcuts--competences .teaser--count-4 .shortcut {
	border-bottom-width:0; border-right:0.1rem solid;
}
.main__shortcuts .shortcuts.shortcuts--competences .teaser--count-4 .shortcut:nth-child(4n+4) { border-right:0; }
}

/* Logoleiste */
.shortcuts .shortcut.logoleiste {overflow:hidden;}
.shortcuts .shortcut.logoleiste .shortcut__front { display:inline-block; min-height:8rem;}
.shortcuts .shortcut.logoleiste .shortcut__back {
	background-color:inherit;
	transition:none;
	top:70%;
}
.no-touch .shortcuts .shortcut:hover .background { -ms-transform: scale(1.2); transform: scale(1.2); z-index:80; }
.shortcuts .shortcut .background { transition: all 400ms ease-in-out; }
.shortcuts .shortcut:hover .background.background--picture { opacity:0.5; }




.shortcuts .teaser--count-4 .shortcut,
.shortcuts .teaser--count-6 .shortcut { width: 50%; }
@media screen and (max-width: 719px) {
.main__shortcuts .shortcuts.shortcuts--intranet .teaser--count-4 .shortcut:nth-last-child(2),
.main__shortcuts .shortcuts.shortcuts--intranet .teaser--count-6 .shortcut:nth-last-child(2) { border-bottom:0; }
				 
		 
}
@media screen and (min-width: 720px) {
.shortcuts .teaser--count-6 .shortcut { width: 33.33333%; }
.main__shortcuts .shortcuts.shortcuts--intranet .teaser--count-6 .shortcut:nth-child(6n+6) { border-bottom-width:0; }	
.main__shortcuts .shortcuts.shortcuts--intranet .teaser--count-4 .shortcut:nth-child(3) {
	border-bottom:0; border-right:0.1rem solid #0a86bd;
}
}
.main__shortcuts .shortcuts .teaser--count-4 .shortcut:nth-last-of-type(-n+3) { border-bottom:0.1rem solid #0a86bd; }
/* .main__shortcuts .shortcuts.shortcuts--intranet .teaser--count-4 .shortcut:nth-child(2) { border-bottom:0.1rem solid; } */
/* .main__shortcuts .shortcuts.shortcuts--intranet .teaser--count-4 .shortcut:nth-child(2n) { border-right:0; } */
@media screen and (min-width: 960px) {
.shortcuts .teaser--count-4 .shortcut { width: 25%; }
.main__shortcuts .shortcuts.shortcuts--intranet .teaser--count-4 .shortcut {
	border-bottom-width:0; border-right:0.1rem solid #0a86bd;
}
.main__shortcuts .shortcuts .teaser--count-4 .shortcut:nth-child(4n+4) { border-right:0; }
}
@media screen and (min-width: 1440px) {
.shortcuts .teaser--count-6 .shortcut { width: 16.6666%; }
}	




/*----------- neu 6.1 ----------------*/

.topline + h4.headline--5 {
    margin-top: 0;
}

.accordion__content .main__primary .text {
	margin:0 !important;
	padding:0 !important;
}
.accordion__content .main__primary .text .map__title {
	padding:0 !important;
    width: 78.7037%;
    margin-top: 0 !important;
	margin-left: 0
	margin-right: 0;
}
@media screen and (max-width:1439px) {
	.accordion__content .main__primary .text .map__title {
		margin-left: auto;
		margin-right: auto;
	}	
}
.accordion__content .main__primary .text .map__title h4 {
	margin-bottom: 1.25em;
}

.spotlight__content .text {
	margin-bottom:0;
}
.spotlight__content .image {
	margin-bottom:2.5em;
}

.teaser--square.teaser--full .teaser__collection .col19 { display:none; }

/*----- input type=number ----*/
/* Chrome, Safari, Edge, Opera */
.form .field.field--number input::-webkit-outer-spin-button,
.form .field.field--number input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
/* Firefox */
.form .field.field--number input[type=number] {
  -moz-appearance: textfield !important;
  box-shadow:none !important;
}
.field--number .arrowup, .field--number .arrowdown  {
	position:absolute;
	right:0.8em;
	color: #1a5eff;
	cursor:pointer;
	font-size:2rem;
}
.field--number:hover .arrowup, .field--number:hover .arrowdown  { color: #0f2864; }
.field--number:focus .arrowup, .field--number:focus .arrowdown  { color: #1a5eff !important; }

.field--number .arrowup { top:0.4em; }
.field--number .arrowdown { bottom:0.4em }

.footer__social li {
	border: 0.3rem solid white;  
	border-radius: 50%;
}

/*------------ BOP special layout -----------*/

.header.bop .header__main {
	background-color: #0ab4ff;
	background-image: none;
}
.footer.bop { background-color: #0ab4ff; }

.footer.bop .footer__sublogo::before,
.header.bop .header__main .header__sublogo::before { background-color:#fff; color:#0f2864 !important; }
.footer.bop .footer__logo:focus,
.footer.bop .footer__sublogo:focus,
.footer.bop .footer__sublogo:focus::before,
.header.bop .header__main .header__sublogo:focus::before { background-color:#0f2864 !important; }

.no-touch .header.bop .header__main .header__weather:hover .icon { color: #0f2864 !important; }
.xno-touch .header.bop .header__main .header__weather:visited .icon  { color: #fff !important; }

.header.bop .header__main button.header__hamburger { background-color: #0ab4ff; }
.header.bop .header__main button.header__hamburger:focus {border-color: #fff; }
.header.bop .header__main button.header__hamburger:focus .icon {color: #fff; }

.bop .searchbox .searchbox__inner { padding-top: 2.5em; padding-bottom:2.5em; }

/*----------- neue social media logos ---------*/
.footer .footer__social .icon.icon--custom { display:inline; }
.footer .footer__social li { background-color: white; }

.footer .footer__social li.footer__facebook { border-width:0.2rem; }
.footer .footer__social li.footer__facebook a { background-color: white; }
.footer .footer__social li.footer__facebook2 a { background-color: #1877f2; }

.footer .footer__social li.footer__facebook a img { width:4rem; height:4rem; }
.footer .footer__social li.footer__facebook2 a img { width:2.1rem; height:4rem; }
.footer .footer__social li.footer__instgram a img { width:2.8rem; height:2.8rem; margin-top:0.6rem}
.footer .footer__social li.footer__li-in a img { width:2.8rem; height:2.8rem; margin-top:0.6rem}
.footer .footer__social li.footer__whatsapp a img { width:4.0rem; height:4.0rem; margin-top:0.0rem}
.footer .footer__social li.footer__x a img { width:2.4rem; height:2.4rem; margin-top:1rem}
.footer .footer__social li.footer__app a img { width:2.4rem; height:2.8rem; margin-top:0.7rem}

@media screen and (min-width: 720px) 
{
.footer .footer__social li.footer__facebook a img { width:4.8rem; height:4.8rem; }
.footer .footer__social li.footer__facebook2 a img { width:2.4rem; height:4.8rem; }
.footer .footer__social li.footer__instgram a img { width:3.2rem; height:3.2rem; margin-top:0.8rem}
.footer .footer__social li.footer__li-in a img { width:3.2rem; height:3.2rem; margin-top:0.8rem}
.footer .footer__social li.footer__whatsapp a img { width:4.7rem; height:4.7rem; margin-top:0.0rem}
.footer .footer__social li.footer__x a img { width:2.8rem; height:2.8rem; margin-top:1rem}
.footer .footer__social li.footer__app a img { width: 2.8rem; height: 3.4rem; margin-top: 0.8rem; }
}


/*---------- Consent Manager -----------------*/
#cmklaro { color:#000; background-color:#fff; border-width:4px; }
#cmklaro .button { background-color:#0f2864; color:#fff; border-color:#0f2864; }
#cmklaro .button .icon { color:#0ab4ff; }
#cmklaro .button:hover, #cmklaro .button:focus {  border-color:#0f2864; background-color:#0ab4ff; color:#0f2864; }
#cmklaro .button:hover .icon, #cmklaro .button:focus .icon { color:#0f2864; }


@media screen and (max-width: 479px) {
	.footer .footer__social li {margin:0.25em;}
	.footer .footer__social li a {width:3.75rem; height:3.7rem;}
.footer .footer__social li.footer__whatsapp a img { width:3.8rem; height:3.8rem; margin-top:0.0rem}
}

button.button.header__suche {
  border-color: #fff;
  box-sizing: border-box;
}
.header .header__main .header__topbar {z-index:20;}
button.button.header__suche .icon { color:white; font-size:1.8em;}
#eyeAble_customToolOpenerID { cursor:pointer; }
#eyeAble_customToolOpenerID:hover {
  border-color: #0f2864;
  background-color: #0ab4ff;
  color: #0f2864;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}
#eyeAble_customToolOpenerID svg{width:2.6rem; height:2.6rem; margin:0 0 -0.5rem; fill:white;}
#eyeAble_customToolOpenerID:hover svg{fill:#0f2864;}

/*
.header__hamburger {position:fixed !important; right:2.4em; top:2.5em;}
.header__suche {position:fixed !important; right:2.4em; top:6.2em;}
#eyeAble_customToolOpenerID { position:fixed; right:2.4em; top:9.8em;}

@media screen and (min-width: 960px) {
.header .header__main .header__translate {margin-right:-0.6em;}
.header__hamburger {right:3em; top:6.8em;}
.header__suche {right:3em; top:10.8em;}
#eyeAble_customToolOpenerID {right:3em; top:14.8em;}
}
@media screen and (min-width: 1200px) {
.header .header__main .header__translate {margin-right:-7vw;}
.header__hamburger {right:4vw; top:6em;}
.header__suche {right:4vw; top:9.6em;}
#eyeAble_customToolOpenerID {right:4vw; top:13.2em;}
}	
*/

@media screen and (min-width: 480px) {
.header--page .header__title .headline--1 { padding-right:1em; }
}
@media screen and (min-width: 960px) {
.header--page .header__title .headline--1 { padding-right:0; }
.header--page .header__topbar .inside{
  width: calc(100% - 2.4rem);
  margin-left: 2.4rem;
}
}
@media screen and (min-width: 1200px) {
.header--page .header__topbar .inside{
  width: 90%;
  margin-left: calc(10% - 2.4rem);
}
}


@media screen and (max-width: 479px) {
	.header__suche { display:none !important; }
}

@media screen and (min-width: 480px) {
.header--page .header__hamburger {position:fixed !important; right:1em; top:1.8em;}
.header__suche {position:fixed !important; right:1em; top:5.2em;}
.header--page #eyeAble_customToolOpenerID { position:fixed; right:1em; top:8.7em;}
}
@media screen and (min-width: 720px) {
 header .header__main .header__weather, .header .header__main .header__logout { margin-right:3.2rem; }
.header--page .header__hamburger {position:fixed !important; right:1em; top:1.8em;}
.header--page.bop .header__hamburger { top:2.5em;}
.header__suche {position:fixed !important; right:1em; top:5.4em;}
.header--page #eyeAble_customToolOpenerID { position:fixed; right:1em; top:9.4em;}
}
@media screen and (min-width: 960px) {
.header .header__main .header__weather, .header .header__main .header__logout { margin-right:12rem; }
.header.header--page .header__main .header__translate {margin-right:7em;}
.header--page .header__hamburger {top:2.5em;}
.header__suche {top:6.7em;}
.header--page #eyeAble_customToolOpenerID {top:10.8em;}
}
@media screen and (min-width: 1121px) {
.creatorbody .header--page .header__hamburger {top:calc(46px + 2.5em);}
.creatorbody .header__suche {top:calc(46px + 6.7em);}
.creatorbody .header--page #eyeAble_customToolOpenerID {top:calc(46px + 10.8em);}
}	
@media screen and (min-width: 1200px) {
.header.header--page .header__main .header__translate {margin-right:7em;}
.header--page .header__hamburger { right:2.5em; top:2.2em;}
.header__suche {right:2.5em; top:5.8em;}
.header--page #eyeAble_customToolOpenerID {right:2.5em; top:9.4em;}
.creatorbody .header--page .header__hamburger {top:calc(46px + 2.2em);}
.creatorbody .header--page.bop .header__hamburger { top:calc(46px + 2.5em);}
.creatorbody .header__suche {top:calc(46px + 5.8em);}
.creatorbody .header--page #eyeAble_customToolOpenerID {top:calc(46px + 9.4em);}
}
@media screen and (min-width: 1920px) {
.header.header--page .header__main .header__translate {margin-right:0;}
.header--page .header__hamburger { right:2.5em; top:5.8em;}
.header__suche {right:2.5em; top:9.4em;}
.header--page #eyeAble_customToolOpenerID {right:2.5em; top:13em;}
.creatorbody .header--page .header__hamburger {top:calc(46px + 5.8em);}
.creatorbody .header--page.bop .header__hamburger { top:calc(46px + 2.5em);}
.creatorbody .header__suche {top:calc(46px + 9.4em);}
.creatorbody .header--page #eyeAble_customToolOpenerID {top:calc(46px + 13em);}
}		

.header--home .header__suche, .header--strategy .header__suche  { display:none !important; }

@media screen and (max-width: 479px) {
	#cmklaro .buttongroup--center a {
		padding-left:1em; padding-right:1em;
		margin-left:1em; margin-right:1em;
	}	
}